html {
  font-size: 12px;
  /*Set the default sizing for REM values in bootstrap*/
}

body {
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-synthesis: none;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: bottom left;
  color: #323232;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  line-height: 1.4;
  /*font-kerning: none;*/
}

/*this overwrites class pollution issue with icons sharing class names with body app classes*/
body[class*=seg-app]::before {
  content: "";
}

.mw-980 {
  max-width: 980px;
}

.mw-1300 {
  max-width: 1300px;
}

.mw-max-content {
  max-width: max-content;
}

.note {
  font-size: 10px;
  line-height: 1.1;
  opacity: 0.9;
  line-height: 14px;
}

a, a:focus, a:hover {
  text-decoration: none;
}

.pointer {
  cursor: pointer !important;
}

#bodyContainer {
  position: relative;
  /*min-height: 100%;*/
  /* NEIN! Dis makt allern der pages geficht*/
  padding-block: 12px;
}

/*.container-underline > :last-child {*/
/*this will help add spacing at the bottom of the container to ensure there is at least 12px between the content inside the container and the underline*/
/*padding-bottom: 12px;
}*/
.container-underline,
.header-underline {
  position: relative;
  padding-bottom: 12px;
}
.container-underline::after,
.header-underline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid;
}
.container-underline.app-colour::after,
.header-underline.app-colour::after {
  border-color: inherit;
}
.container-underline.light-color::after,
.header-underline.light-color::after {
  border-color: #F1F1F1;
}

.section-header-bar {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 24px;
  padding-block: 12px;
  padding-inline: 18px;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  color: #323232;
  text-transform: uppercase;
  background-color: #EAEAEA;
  border-radius: 3px;
}

.app-colour {
  color: var(--app-colour);
}

.pixel {
  margin: 0px;
  padding: 0px;
  border: 0px;
  height: 1px;
}

.tbUsername {
  top: 61px;
  position: relative;
  width: 102px;
  left: 12px;
  height: 29px;
  text-align: center;
  border: none;
  background: none;
}

.tbPassword {
  top: 76px;
  position: relative;
  width: 102px;
  left: 12px;
  height: 29px;
  text-align: center;
  border: none;
  background: none;
}

.btSignin {
  top: 120px;
  position: relative;
  width: 102px;
  left: 12px;
  height: 29px;
  border: none;
  background: none;
}

.lkPassword {
  position: relative;
  top: 83px;
  font-size: 12px;
  color: #fff;
  left: 13px;
}

.time {
  border: none;
  background-color: transparent;
  text-align: center;
}

.data-right {
  text-align: right !important;
}

.data-center {
  text-align: center;
}

.data-left {
  text-align: left !important;
}

/*Modal popup styles*/
.modal {
  text-align: center;
}

.modal:before {
  display: inline-block;
  vertical-align: middle;
  content: " ";
  height: 100%;
}

.modal-dialog {
  display: inline-block;
  vertical-align: middle;
  border-radius: 0px !important;
}

/* Used to remove the modal from the popup */
.modal.largeModal.show.no-modal {
  width: 0;
  height: 0;
  overflow: unset;
}
.modal.largeModal.show.no-modal + .modal-backdrop {
  width: 0;
  height: 0;
}

/*
    .modal-dialog .modal-body h3 {
        margin-top: 0px;
    }

    .modal-body {
        text-align: center;
    }*/
/*.modal-header {
    min-height: 16.43px;
    padding: 20px;
    text-align: center !important;
}*/
/*.modal-header .close {
    margin-top: 5px;
    margin-right: 20px;
}*/
.close {
  font-size: 26px;
}

/*.default .modal-header {
    color: #555 !important;
    border-bottom: 1px solid #989898 !important;
    background-color: #FBFBFB !important;
}

.default .modal-footer {
    color: #555 !important;
    background-color: #FBFBFB !important;
    border-top: 1px solid #989898 !important;
    border-radius: 0px !important;
}*/
.default .modal-body {
  min-height: 80px !important;
  text-align: left;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 220px);
}

.default .overflow-initial .modal-body {
  overflow: initial;
}

/*.default .modal-body .input-group-addon {
        background-color: #FFF;
        border-left: none !important;
    }*/
/*.default .modal-body .fa {
        font: normal normal normal 20px/1 FontAwesome;
    }*/
.default .modal-body .input-group .form-control {
  border-right: none !important;
}

.default .modal-footer .btn-default {
  background-color: #E4E4E4;
  margin-top: 13px;
  margin-bottom: 0px;
}

.default .modal-body .combobox_selector {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 34px;
  display: block;
}

.default .modal-body .form-control:focus {
  border-color: #BCBCBC;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*.default .modal-body .combobox_selector li:hover,*/
.combobox_selector li.selected {
  background-color: #777;
  color: #FFF;
}

.info .modal-header {
  background-color: #5bc0de !important;
  border-bottom: 1px solid #47acca !important;
  color: #fff !important;
}

.md-content {
  background: #FFFFFF;
  border: 0 none;
  border-radius: 0px;
  color: #555555;
  overflow: hidden;
  border-radius: 0px !important;
}

/*End here */
.btn-info, .btn-info:focus {
  background-color: #5BC0DE;
  border-color: #28a1c4;
}

.md-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50%;
  max-width: 630px;
  min-width: 320px;
  height: auto;
  z-index: 2000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.well {
  min-height: 20px;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  /**/
}

.well.reset-password {
  margin-top: 15% !important;
  text-align: center;
  -webkit-box-shadow: 1px 11px 24px 3px rgba(112, 112, 112, 0.44);
  -moz-box-shadow: 1px 11px 24px 3px rgba(112, 112, 112, 0.44);
  box-shadow: 1px 11px 24px 3px rgba(112, 112, 112, 0.44);
}

.well.reset-password i {
  margin: 15px !important;
  color: #5BC0DE;
}

.i-circle {
  border: 5px solid #F1F1F1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  height: 80px;
  width: 80px;
  display: inline-block;
  padding-top: 15px;
  margin-bottom: 7px;
}

.i-circle i {
  font-size: 34px;
  vertical-align: middle;
  color: #666;
}

.i-circle.success i {
  color: #60C060;
}

.i-circle.primary i {
  color: #00a9e0;
}

.i-circle.info i {
  color: #5bc0de;
}

.i-circle.warning i {
  color: #FC9700;
}

.i-circle.danger i {
  color: #DA4932;
}

input[type=checkbox].pull-left {
  margin: 20px 15px 35px 5px;
}

.combobox-button {
  position: absolute;
  height: 34px;
  width: 34px !important;
  top: 0;
}

.combobox-selector {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 34px;
}

.span-combobox {
  position: relative;
  display: block;
}

.confirm .modal-body {
  background-color: #fff !important;
  text-align: center !important;
  padding: 0px;
  margin: 0px 50px 40px 50px;
}

.default.fileupload .modal-body {
  background-color: #fff !important;
}

.confirm .modal-header {
  border-bottom: none !important;
  background-color: #FFFFFF !important;
}

.confirm .modal-content {
  border-radius: 0px !important;
  width: 320px;
}

.confirm .close {
  font-size: 36px;
  font-weight: normal;
  margin-top: -15px;
  margin-right: -5px;
}

.confirm i.fa {
  font: normal normal normal 22px/1.2 FontAwesome;
}

.confirm i.seg {
  font-size: 22px;
  margin-top: 5px;
}

.confirm .well {
  padding: 10px;
  border-radius: 3px;
  border: 0px;
}

button.btn.btn-default.btn-confirm {
  color: #333;
  background-color: #fff;
  border: none !important;
}

.hide-warning {
  display: none;
}

.popover span.form-control {
  margin: 5px 0px;
  border: 1px solid #BCBCBC;
}

.ws-Upload ul.dropdown-menu {
  padding-top: 12px;
  top: -90px;
  left: -185px;
  background: url("../images/menu/bk-popup-menu.png") -10px center no-repeat !important;
  width: 200px;
  background-clip: padding-box;
  border: none;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 200px;
}

.ws-Upload li {
  width: 130px;
  padding: 0px 5px;
}

.ws-Upload .btn-group.open .dropdown-toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px;
}

ws-Upload .dropdown-menu > li > a {
  padding: 2px 20px;
  background-color: #F9F9F9 !important;
}

.ws-Upload .btn {
  padding: 0px;
}

ws-Upload i.glyphicon {
  top: 3px;
  font-size: 16px;
  margin-right: 5px;
  font-weight: normal;
}

.ws-Upload i.glyphicon {
  top: 3px;
  font-size: 16px;
  margin-right: 5px;
  font-weight: normal;
}

.ws-Upload li.divider {
  width: 118px;
  margin: 5px 6px;
}

.ws-Upload li i.fa, .ws-Upload li i.seg {
  top: 3px;
  font-size: 18px;
  margin-right: 5px;
  font-weight: 500;
  /* color: #63C4D3; */
  position: relative;
}

/*.disabled span {
  background-color: #ddd;
  padding: 8px 50px 5px 8px;
  border-radius: 2px;
  margin-left: -10px;
}*/
.maxWidth {
  width: 100%;
}

.confirm .modal-dialog {
  width: 300px;
}

.exclamation {
  position: absolute;
  top: -4px;
  right: -8px;
  z-index: 2;
}

.nav.navbar-nav i.fa {
  font-size: 32px;
  /*margin-top: -10px;*/
  margin: 0px 1px;
}

.nav.navbar-nav i.seg {
  font-size: 26px;
  padding-top: 3px;
  margin: 0px 1px;
}

.oitem, .o-itm {
  text-align: left;
}

/*
.awe-lookup-field, .awe-multilookup-field, .awe-datepicker-field, .awe-ajaxradiolist-field, .awe-ajaxcheckboxlist-field, .awe-ajaxdropdown-field,
.awe-ajaxradiolist-field > ul, .awe-ajaxcheckboxlist-field > ul, .awe-multilookup-field .awe-display, .awe-lookup-field .awe-display,
.awe-datepicker-field .awe-display, .awe-btn, .awe-il, .awe-ce-ico, .awe-loading, .awe-loading span, .awe-grid .awe-pager, /*.awe-grid .awe-relbox,*/
/*
.awe-groupbar .awe-col, .awe-sord, .awe-rem, /*.awe-reload-ico,*/
/* .awe-display {
    display: block !important;
}

*/
/*this overwrites the grid loader !DO NOT REMOVE!*/
.awe-grid td .awe-ldgcnt {
  display: none;
}

/*General Row Colours - Start*/
.row-white, .row-blank-white {
  background-color: #fff;
}

.row-white td, .row-blank-white td {
  background-color: #fff;
}

.row-grey {
  background-color: #efefef;
}

.row-grey td {
  background-color: #efefef;
}

.row-inactive {
  background-color: #eeeeee !important;
  color: #a1a1a1 !important;
}

.row-inactive .fa {
  color: #a1a1a1 !important;
}

/*General Row Colours - End*/
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #eaeaea;
  /*#f9f9f9*/
}

/*.img-thumbnail {
    max-height: 100px !important;
}*/
/*This overrides the bootstrap default styles*/
#nav {
  flex-direction: row;
}

div#navbar-push {
  margin-top: -5px;
  left: 15px;
}

.crossBox {
  position: relative !important;
  vertical-align: middle !important;
  text-align: center !important;
}

.intervals label.lbl {
  font-size: 12px;
  font-weight: 300;
}

input[type=checkbox].interval {
  margin: 4px 0px 0px 18px;
}

.triangle-heading {
  position: relative;
  margin-bottom: 0;
  z-index: 4;
  font-size: 16px;
}

.triangle-line-break {
  border-bottom: 1px solid #949599;
  /*margin: 5px 40px 25px 40px;*/
  /*this change came with a refactor of the heading heights*/
  margin: 4px 0px 25px 0px;
  z-index: 2;
  /*this change came with a refactor of the heading heights*/
  position: relative;
  line-height: 0;
}

.triangle-line-break .triangle {
  border-right: 1px solid #949599;
  border-bottom: 1px solid #949599;
  background-color: #fff;
  /*height: 20px;
  width: 20px;*/
  /*this change came with a refactor of the heading heights*/
  height: 14px;
  width: 14px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  /*top: -9px;*/
  /*this change came with a refactor of the heading heights*/
  top: -6px;
  left: 130px;
  z-index: 3;
  /*this change came with a refactor of the heading heights*/
}

/*.triangle-line-break .triangle::before {
    content: '';
    position: absolute;
    width: 24px;
    height: 2px;
    top: 9px;
    left: -2px;
    transform: rotate(-45deg);
    background-color: #fff;
}*/
.no-padding .triangle-line-break {
  margin: 5px 0px 25px 0px;
}

.no-padding .heading-container {
  padding: 0px 0px;
}

/*
    dots and notifications
*/
.dot-pushNotification {
  height: 26px;
  width: 26px;
  background-color: red;
  box-shadow: 3px 5px 8px #555;
  text-align: center;
  border-radius: 50%;
  padding: 7px 2px;
}

.red-active-text {
  color: #ff0000;
  font-weight: bold;
}

/*#tbSearch {
    color: rgb(171, 169, 169);
    border: none;
    background-color: #E6E6E6;
    box-shadow: none;
    max-width: 245px;
    float: right;
    height: 28px;
    font-size: 12px;
    border-right: 1px solid #E6E6E6;
}

    #tbSearch + span {
        border-left: 1px solid #E6E6E6;
    }*/
.awe-reload {
  height: 25px;
}

.awe-pager-btn {
  width: 40px;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background-color: transparent !important;
}

/*Modal Sections Formatting*/
/*.largeModal .section,*/
#deleteLineItem .section {
  margin: 0px -20px;
  padding: 15px 20px 10px 20px;
  border-bottom: #989898 solid 1px;
}

/*#confirmDeleteLineItem button.btn.btn-default.btn-confirm, #confirmCertificate button.btn.btn-default.btn-confirm,
    .largeModal .section .form-control, #confirmCertificate .section .form-control,
    #deleteLineItem .section .form-control, #addLineItem .section .form-control,*/
/*.largeModal .section .input-group-addon, #deleteLineItem .section .input-group-addon,
    #addLineItem .section .input-group-addon {
        border: none !important;
        box-shadow: none;
        height: 30px;
        font-size: 12px;
        color: #777;
    }*/
/*#confirmDeleteLineItem button.btn.btn-default.btn-confirm, #confirmCertificate button.btn.btn-default.btn-confirm, .largeModal .section .form-control, #confirmCertificate .section .form-control, #addLineItem .section .form-control, #deleteLineItem .section .form-control {
        border-radius: 5px 0 0 5px !important;
    }*/
/*.largeModal .section.light-section .form-control,
    .largeModal .section.light-section .input-group-addon,
    .largeModal .section.light-section .form-control, 
    .largeModal .section.light-section .input-group-addon,
    #deleteLineItem .section.light-section .form-control,
    #deleteLineItem .section.light-section .input-group-addon,
    #addLineItem .section.light-section .form-control,
    #addLineItem .section.light-section .input-group-addon {
        background-color: #ECECEC !important;
        color: #777;
        font-weight: 400;*/
/*AMF REMOVED Oct 2017*/
/*font-size: 12px;
    }*/
/*.largeModal .section:first-child, .largeModal .section:first-child, #deleteLineItem .section:first-child, #deleteLineItem #confirmContent, #confirmDeleteLineItem .section:first-child, #addLineItem .section:first-child, #addLineItem #confirmContent {
        margin-top: -15px;
    }

    .largeModal .section:last-child, .largeModal .section:last-child, #deleteLineItem .section:last-child, #confirmDeleteLineItem .section:last-child, #addLineItem .section:last-child {
        margin-bottom: -15px;
        border-bottom: none;
    }*/
/*.largeModal .section label,
    .largeModal .section label, 
    .largeModal,*/
#deleteLineItem .section label,
#addLineItem .section label {
  color: #777777;
  font-weight: 400;
  /*AMF REMOVED Oct 2017*/
  /*font-size: 12px;*/
}

/*GH - Removed the important tags since they were overwriting theme styles*/
/*.largeModal .section.light-section, 
        .largeModal .section.light-section,*/
#deleteLineItem .section.light-section,
#confirmDeleteLineItem .section.light-section,
#addLineItem .section.light-section {
  /*background-color: #FBFBFB !important;*/
  background-color: #FBFBFB;
}

/*GH - Removed the important tags since they were overwriting theme styles*/
/*.largeModal .section.dark-section,*/
#deleteLineItem .section.dark-section,
#adddLineItem .section.dark-section,
#confirmDeleteLineItem .section.dark-section {
  /*background-color: #ECECEC !important;*/
  background-color: #ECECEC;
}

/*.section [type="checkbox"].cb-custom.cb-modal-interval:not(:checked) + label:before, .section [type="checkbox"].cb-custom.cb-modal-interval:checked + label:before,
.section [type="checkbox"].cb-custom.cb-modal-interval:not(:checked) + label:after, .section [type="checkbox"].cb-custom.cb-modal-interval:checked + label:after {
    margin-left: 10px;
    width: 24px;
    height: 22px;
}

.default#myModal .modal-body, .default#confirmCertificate .modal-body, .default#confirmCertificate .modal-footer {
    background-color: #E4E4E4 !important;
}

.default .modal-body .btn-default.active, .default .modal-body .btn-default.focus, .default .modal-body .btn-default:active, .default .modal-body .btn-default:focus, .default .modal-body .btn-default:hover, .default .modal-body .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #ccc;
    border: 1px solid transparent;
    box-shadow: none;
}*/
.fileActions .form-control[disabled], .fileActions .form-control[readonly], div.input-group .form-control.fileActions[disabled] {
  background-color: #fff;
  text-align: left;
  color: #ccc;
}

span.form-control.fileActions.dzUpload.dz-clickable {
  cursor: pointer;
}

.cdropbtn, .o-cbxbtn {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
  border: none;
  background: none;
  background-color: #ECECEC;
}

input.combotxt.osearch, input.o-cbxt.o-src {
  border: none;
}

input.combotxt[type=text], input.o-cbxt[type=text] {
  margin: 0;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: inherit;
  background-color: #ECECEC;
}

:focus {
  outline: none;
  /*outline: -webkit-focus-ring-color auto 0px;*/
}

button#btnPushNotice, .btn-confirm:hover {
  background-color: #ccc;
}

button#btnPushNotice:hover {
  background-color: #BCBCBC;
}

/*.largeModal textarea.form-control {
    overflow: hidden;
    height: 70px;
}*/
/*.navCol span.input-group-addon {
    border: none;
    background-color: #E6E6E6;
    font-weight: 200;
}*/
/*removed, not sure what this is for but it breaks font*/
/*.seg {
    display: inline-block;
    font: normal normal normal 14px/1 Seg;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}*/
/*header {
    height: 88px !important;
    padding: 10px 10px 5px 10px;
}*/
/*footer*/
/*.container {
    margin-top: 5px;
}*/
.navbar-default .navbar-nav > li:last-child {
  margin-right: -10px;
}

.navCol {
  z-index: 1;
}

.space-after-header {
  clear: both;
  height: 88px;
}

.platformName {
  padding: 0px !important;
}

.userprofile, .vesselParticulars {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-align: justify !important;
}

/*Header styles*/
#headerOffset {
  height: 76px;
  clear: both;
}

.top-bar-active ~ #headerOffset {
  height: 125px;
}

.top-bar-active.gradient-bar-active ~ #headerOffset {
  height: 136px;
}

/*----------------------------------------------------------
    Responsive
----------------------------------------------------------*/
/*.navCol span.input-group-addon {
    border: none;
    background-color: #E6E6E6;
    font-weight: 200;
}*/
.userprofile, .vesselParticulars {
  font-size: 11px;
  max-height: 78px;
  overflow: hidden;
}

/*@media (max-width: 450px) {
    .platformName {
        width: 300px !important;
    }

    div.navbar.navbar-default {
        position: absolute;
        top: -80px;
        right: 0px;
    }

    .nav > li {
        float: left;
    }

    .navCol {
        margin-top: 10px;
    }

    .userprofile, .vesselParticulars {
        display: none;
    }
}*/
@media (max-width: 550px) {
  /*#bodyContainer {
      margin-top: 210px;
  }*/
  /*.navCol {
      margin-top: 60px;
  }

  .nav > li {
      float: left;
  }*/
  /*.userprofile, .vesselParticulars {
      font-size: 10px;
      display: none;
  }*/
  /*div.navbar.navbar-default {
      position: absolute;
      top: -100px;
      right: 0px;
  }

  .nav > li {
      float: left;
  }*/
  .platformName {
    width: 400px;
  }
}
/*@media (max-width: 767px) {
    #bodyContainer {
        margin-top: 210px;
    }

    div.navbar.navbar-default {
        position: absolute;
        top: -100px;
        right: 0px;
    }

    .nav > li {
        float: left;
    }

    .navCol {
        margin-top: 10px;
    }
}*/
@media (min-width: 1200px) {
  /*#bodyContainer {
      margin-top: 120px;
  }

  .navbar-default {
      margin-top: 0px;
  }*/
  .userprofile, .vesselParticulars {
    font-size: 11px;
    text-align: justify;
  }

  /*.navCol {
      padding-top: 0px;
  }*/
}
@media (max-width: 1330px) {
  .nav.navbar-nav i.seg {
    margin: 0px 0px;
  }
}
.form-control {
  border-radius: 5px;
}

div#sendEmailPopUp {
  overflow: hidden !important;
}

div.ws-Upload .dropdown-menu > li > a {
  padding: 2px 17px !important;
}

/*.section span.input-group-addon .seg {
    font-size: 16px;
    color: #777;
}

.section span.input-group-addon .fa {
    font-size: 18px;
    color: #777;
}

.section span.input-group-addon {
    border-radius: 0px 5px 5px 0px !important;
}*/
.section div.input-group .form-control {
  border-radius: 5px 0px 0px 5px !important;
}

btn-default {
  color: #333;
  background-color: #fff;
  border: none;
}

.awe-btn,
.ui-button.ui-state-default,
.ui-widget-header .ui-state-default,
.awe-morebtn,
.awe-btn,
.awe-btn:hover,
.ui-button.ui-state-hover,
.awe-morebtn:hover,
.awe-btn:focus,
.ui-button.ui-state-focus,
.awe-morebtn:focus {
  color: #777;
  font-weight: 400;
  font-size: 12px;
  height: 30px;
}

.ui-draggable-handle:hover {
  cursor: grab;
}

.ui-draggable-dragging .ui-draggable-handle:hover {
  cursor: grabbing;
}

.table > tbody > tr > td {
  /*reduce text size by 2points*/
  font-size: 12px;
}

#bodyContainer {
  margin-top: 0px;
}

/*Bootstrap overrides*/
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #d9d9d9;
}

.well {
  background-color: #ececec;
}

/*END*/
/*Validations*/
.requiredField {
  color: indianred;
}

.dropdown-menu.unlock-menu .btn-default, .dropdown-menu.unlock-menu .btn-default:focus {
  color: #777 !important;
  background-color: #fff !important;
  border: none !important;
}

/*Nav dropdown menu*/
.dropdown-menu.unlock-menu .menu-action-description, .dropdown-menu.unlock-menu .menu-action-description:focus {
  background-color: rgb(255, 255, 255);
  margin: 14px 10px;
  border-radius: 6px !important;
  font-size: 11px;
  padding: 8px;
  text-align: center;
}

.dropdown-menu.unlock-menu .menu-action-text, .dropdown-menu.unlock-menu .menu-action-text:focus {
  background-color: rgb(255, 255, 255);
  display: table-cell;
  vertical-align: middle;
  width: 240px;
  height: 40px;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
}

.dropdown-menu.unlock-menu {
  color: #555;
  padding: 0 33px 0 12px;
  padding-bottom: 0px;
  width: 250px;
  height: 237px;
  left: -10px;
  border: none;
  top: 49px;
  box-shadow: none;
  background: transparent url(../../images/menu/bk-menu-grey-dropdown-vcod.png);
}

.linkBtn {
  display: block;
  color: #666;
  background: #fff;
  padding: 8px;
  border-radius: 3px;
  margin-bottom: 8px;
  position: relative;
  border: 1px solid transparent;
}

.linkBtn:hover {
  cursor: pointer;
  color: #fff;
  background-color: #888;
}

.no-padding {
  padding: 0px !important;
}

/*Select*/
select.arrow {
  border: 0 !important;
  /*Removes border*/
  -webkit-appearance: none;
  /*Removes default chrome and safari style*/
  -moz-appearance: none;
  /* Removes Default Firefox style*/
  background: transparent url("../../../images/icons/actions/select-arrow.png") no-repeat right;
  /*Adds background-image*/
  background-image: url("../../../images/icons/actions/select-arrow.png") !important;
  background-position: 100% 7px;
  /*Position of the background-image*/
  text-indent: 0.01px;
  /* Removes default arrow from firefox*/
  text-overflow: "";
  /*Removes default arrow from firefox*/
}

select.arrow::-ms-expand {
  display: none;
}

.fileActions .form-control[disabled],
.fileActions .form-control[readonly],
div.input-group .form-control.fileActions[disabled] {
  background-color: #fff;
  text-align: left;
  color: #ccc;
  border-radius: 5px 0px 0px 5px !important;
}

.div-control {
  padding: 2px !important;
}

.div-control .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  border: none;
}

.div-control.readonly {
  background: #dedede !important;
  border: 1px #dedede !important;
}

.div-control.readonly .form-control {
  background: transparent !important;
}

.div-control-offset {
  padding: 2px !important;
  margin-left: 10px;
}

.div-control-offset .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  border: none;
}

.div-control-offset.readonly {
  background: #dedede !important;
  border: 1px #dedede !important;
}

.div-control-offset.readonly .form-control {
  background: transparent !important;
}

.not-active {
  pointer-events: none;
  cursor: default;
}

/* Bootstrap Extended */
.well-white-label {
  text-align: left;
  background-color: #fff;
  border: none;
  padding: 10px;
  font-style: italic;
}

.well-white-label textarea {
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: none;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
             not supported by any browser */
}

/*wtf is this? - GH*/
/*.modal-open[style="padding-right: 17px;"] header,
.modal-open[style="padding-right: 17px;"] .awe-header
{
    padding-right: 17px;
}*/
/* error reporting */
a:hover, a:active, a:focus {
  outline: 0;
}

/*h2 i {
    font-family: Verdana !important;
}*/
.grow {
  transition: all 0.2s ease-in-out;
  transform-origin: left;
  color: #4a4a4a;
}

.grow:hover {
  transform: scale(1.1);
  color: #fefefe;
  cursor: pointer;
}

/*-- TEXT AREA ADJUST */
.textAreaAdjust {
  padding: 3px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  resize: none;
  /*min-height: 20px !important;*/
}

/*.modal-content {
    border-radius: 0;
}*/
/* for popups */
/*.modal-backdrop.in {
    z-index: 999;
}*/
/* Background loader in popups with iframe*/
.iframe-loader-popup::before {
  background-image: url("../images/elements/loader.svg");
  background-size: 20px auto;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  animation-name: loaderRotate;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  background-size: 20px 20px;
  z-index: 1;
}

/* DATE TIME PICKER STUFF*/
.dp-fixed {
  position: fixed;
  -webkit-transform: translateZ(0);
}

/*Interactable error message*/
.o-ntpc {
  position: absolute;
  top: 142px;
  right: 24px;
  background-color: #fff;
  padding: 12px;
  box-shadow: #eee 0 0 0 1px;
  animation: transition-in_drop-in;
}

.o-cls {
  position: absolute;
  top: 6px;
  right: 12px;
  font-size: 18px;
}

.not-complete {
  color: #ff4949 !important;
}

.completed {
  color: #21a13f !important;
}

.in-app-appbutton-wrapper .app-button-wrapper .appButton .icon-container {
  display: block;
  background-color: var(--app-colour);
}
.in-app-appbutton-wrapper .app-button-wrapper .appButton .icon-container i {
  font-size: 60px;
  color: #fff;
}
.in-app-appbutton-wrapper .app-button-wrapper .appButton a:hover {
  margin-top: 0px;
}
.in-app-appbutton-wrapper .app-button-wrapper .app-state-icon-container {
  display: inline-flex;
  align-items: flex-end;
  position: absolute;
  bottom: 30px;
  left: 27px;
  height: 24px;
  width: 24px;
  z-index: 2;
  transform: translateY(-100%);
  font-size: 21px;
  border-radius: 0 12px 0 0;
  background-color: #fff;
  color: #919191;
}

.justify-content-space-between {
  justify-content: space-between;
}

.flex-direction-row-reverse {
  flex-direction: row-reverse;
}

.flex-gap {
  gap: 1rem;
}

.dotted-border-blue {
  position: relative;
}
.dotted-border-blue::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px dotted #43B2E4;
  border-radius: inherit;
}

[data-bind=partial-content] {
  position: relative;
  min-height: 100px;
  border: none;
  outline: none;
  box-shadow: none;
}

.grey-background-animation {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.grey-background-animation::before {
  content: "";
  display: block;
  position: absolute;
  left: -250%;
  top: 50%;
  background-image: linear-gradient(#FFFFFF 0%, #868686 45%, #868686 55%, #FFFFFF 100%);
  width: 250%;
  height: 200%;
  transform: rotate(-45deg) translateY(-50%);
  animation-name: backgroundReflection;
  animation-duration: 100s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-delay: 5s;
  z-index: 1;
}
.grey-background-animation * {
  z-index: 2;
}

.truncateLabel {
  color: #43b2e3;
  cursor: pointer;
}

@keyframes backgroundReflection {
  0%, 1% {
    left: -250%;
  }
  1%, 100% {
    left: 250%;
  }
}
/*This is temp, we do not have this class variant in this icon set*/
.seg-PP_Gears_outline:before {
  content: "\e9bb";
}

/*Seg Toast Bar*/
.seg-toast-bar {
  position: absolute;
  top: 77px;
  height: 48px;
  width: 100%;
  background-color: #b0b0b0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.seg-toast-bar.toast-push-notice {
  background-color: #d93c45;
  color: #fff;
}
.seg-toast-bar.toast-info {
  background-color: #43b2e3;
}
.seg-toast-bar.toast-warning {
  background-color: #ff8a29;
}
.seg-toast-bar.toast-caution {
  background-color: #ffbd25;
}
.seg-toast-bar.toast-danger {
  background-color: #d93c45;
  color: #fff;
}
.seg-toast-bar.toast-success {
  background-color: #17a13f;
  color: #fff;
}

/*Position when we have top bar active*/
.top-bar-active ~ .seg-toast-bar {
  top: 125px;
}

/*When we have no top bar active*/
.seg-toast-bar ~ #headerOffset {
  height: 125px;
}

/*When we have top bar active*/
.top-bar-active + .seg-toast-bar ~ #headerOffset {
  height: 173px;
}

/* fn: seg.truncateContentBlock styles */
.truncate-block button[data-bind=truncate-toggle] {
  width: 100%;
  max-width: unset;
}
.truncate-block button[data-bind=truncate-toggle][data-toggle=close] {
  display: none;
}
.truncate-block .truncate-block-inner {
  overflow: hidden;
}
.truncate-block.open button[data-bind=truncate-toggle][data-toggle=open] {
  display: none;
}
.truncate-block.open button[data-bind=truncate-toggle][data-toggle=close] {
  display: inline-flex;
}

.text-overflow-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.bootstrap-datetimepicker-widget.dropdown-menu.right:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid rgba(0, 0, 0, 0.2);
  bottom: unset;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  left: -10px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.right:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  bottom: unset;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  left: -8px;
}
/*# sourceMappingURL=css-general.css.map */