.loadTime {
    font-size: 13px;
    padding: 0 10px;
    margin-top: 21px;
    display: block;
}

@-ms-viewport {
    width: device-width;
}

html {
    height: 100%;
}

body {
    position: relative;
    padding: 0;
    margin: 0;
    background: #fff;
    font-family: "Open Sans", Arial, Sans-Serif;
    font-size: 13px;
    min-height: 100%;
    min-width: 1530px;
}

.page-wrapper {
    left: 0;
    height: 100%;
    min-width: 100%;
}

.slimScrollBar {
    background: rgb(154, 209, 225) url('../img/slimScrollBgLines.png') no-repeat center !important;
}

.slimScrollBar:hover {
    background: #8bc0d0 url('../img/slimScrollBgLines.png') no-repeat center !important;
}

body.fixedArea {
    padding-top: 31px;
}

body.fixedArea .scrollingArea {
    position: fixed;
    background: #0d4475;
    left: 0;
    right: 0;
    top: 0;
    padding: 10px 20px;
    z-index: 999;
    color: #fff;
}


.userIcon {
    display: inline-block;
    margin-top: 4px;
    margin-right: 8px;
}

    .userIcon i {
        font-size: 17px;
    } 


/* Load container */

.loadContainer {
    height: 100%;
    width: 100%;
    z-index: 10999;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
}

.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -35px;
    width: 70px;
    text-align: center;
}

.spinner>div {
    width: 18px;
    height: 18px;
    background-color: #0d4475;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0.0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}



/* 5. LOGIN */


/*.loginContainerOne {
  width: 100%;
  height: 100%;
  background: #0d4475;
  position: fixed;
}

.loginForm {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 400px;
  margin-left: -200px;
  margin-top: -193px;
}

.loginForm .logo {
  font-size: 40px;
  margin-bottom: -5px;
  margin-top: -5px;
  color: #fff;
  font-family: "century_gothicbold", Arial, Sans-Serif;
}

.loginContainerMessages {
  margin-bottom: 10px;
}

.loginMessage {
  min-height: 40px;
  display: none;
  color: #222;
  border-radius: 2px;
  font-size: 15px;
  padding-left: 50px;
  line-height: 19px;
  position: relative;
  font-family: "century_gothicregular", Arial, Sans-Serif;
  background: #fff;
}

.loginMessage > b {
  font-weight: 300;
  padding: 10px 0;
  position: relative;
  top: 1px;
  display: block;
}

.loginMessage.errorMessage {
  display: block;
  background: #fdd5d4;
}

.loginMessage.infoMessage {
  display: block;
  background: #cbe5fc;
}

.loginMessage span.icon {
  float: left;
  height: 40px;
  width: 40px;
  display: block;
  text-align: center;
  line-height: 43px;
  margin-right: 10px;
  background: rgba(0, 0, 0, 0.15);
}

.loginMessage span.icon > i {
  font-size: 21px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -8px;

}

.loginMessage i.icon-spinner {
             -webkit-animation-name: loadingLogin;
                -moz-animation-name: loadingLogin;
                     animation-name: loadingLogin;
         -webkit-animation-duration: 2s;
            -moz-animation-duration: 2s;
                 animation-duration: 2s;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes loadingLogin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

.loginForm .logo i {
  font-style: normal;
  font-family: "century_gothicbold", Arial, Sans-Serif;
}

.loginForm .field {
  padding-right: 50px;
  position: relative;
  margin-bottom: 15px;
}

.loginForm .field:last-child {
  margin-bottom: 0px;
}

.loginForm .field input {
  height: 50px;
  width: 100%;
  border: none;
  color: #444;
  font-family: "century_gothicregular", Arial, Sans-serif;
  border-radius: 2px 0 0 2px;
  font-size: 18px;
  padding: 1px 10px 0;
  background: #fff;

  -webkit-transition: background 0.25s ease-in-out;
     -moz-transition: background 0.25s ease-in-out;
      -ms-transition: background 0.25s ease-in-out;
          transition: background 0.25s ease-in-out;
}

.loginForm .field input:focus {
  outline: none;
  border: none;
  background: #fff;
}

.loginForm .field span.icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  line-height: 55px;
  background: #f9f9f9;
  border-left: 1px solid #e3e3e3;
  border-radius: 0 2px 2px 0;
  text-align: center;
}

.loginForm .field span.icon i {
  text-align: center;
}

.loginForm .field span.icon i.icomoon-lock {
  position: relative;
  left: 2px;
}

.loginContainerTwo .loginForm .field span.icon i.icomoon-lock {
  position: relative;
  left: 3px;
}

.loginForm .field.errorForm span.icon {
  background: #f9dfdf;
}

.loginForm .field span.icon i {
  font-size: 16px;
  opacity: 0.5;

  -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.15s ease-in-out;
     -moz-transition: opacity 0.25s ease-in-out, -moz-transform 0.15s ease-in-out;
      -ms-transition: opacity 0.25s ease-in-out, -ms-transform 0.15s ease-in-out;
          transition: opacity 0.25s ease-in-out, transform 0.15s ease-in-out;
}

.loginForm .field input:focus ~ span.icon {
  background: #f9f9f9;
}

.loginForm .field input:focus ~ span.icon > i {
  opacity: 1;
  color: #00529b;
}

.loginForm .field span.icon > .tooltipLogin {
  position: absolute;
  top: 7px;
  left: 100%;
  height: 36px;
  line-height: 36px;
  background: #fdd5d4;
  padding: 0 10px;
  margin-left: 13px;
  display: none;
  border-radius: 2px;
  white-space: nowrap;
}

.loginForm .field.errorForm span.icon > .tooltipLogin {
  display: block;
}

.loginForm .field span.icon > .tooltipLogin:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(253, 213, 212, 0);
  border-right-color: #fdd5d4;
  border-width: 8px;
  margin-top: -8px;
}

.loginForm .fieldButtons {
  text-align: center;
  margin-top: 20px;
}

.loginForm .fieldButtons a {
  display: inline-block;
  opacity: 0.8;

  -webkit-transition: opacity 0.25s ease-in-out;
     -moz-transition: opacity 0.25s ease-in-out;
      -ms-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
}

.loginForm .fieldButtons a:hover {
  text-decoration: none;
  opacity: 1;
}

.loginForm .fieldButtons a span {
  font-family: "century_gothicregular", Arial, Sans-serif;
  font-size: 24px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}

.loginForm .fieldButtons a i {
  margin-left: 7px;
  font-size: 31px;
  width: 32px;
  height: 32px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;

  -webkit-transition: -webkit-transform 0.35s ease-in-out;
     -moz-transition: -moz-transform 0.35s ease-in-out;
      -ms-transition: -ms-transform 0.35s ease-in-out;
          transition: transform 0.35s ease-in-out;
}

.forgotButton {
  text-align: center;
  font-size: 19px;
  color: #fff;
  text-align: center;
  margin-top: 30px;
  font-family: "century_gothicregular", Arial, Sans-serif;
}

.forgotButton a {
  display: inline-block;
  color: #fff;
  opacity: 0.8;

  -webkit-transition: opacity 0.25s ease-in-out;
     -moz-transition: opacity 0.25s ease-in-out;
      -ms-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
}

.forgotButton a:hover {
  text-decoration: none;
  opacity: 1;
}

.forgotContainer {
  display: none;
}

.loginContainerTwo.forgotVisible .forgotContainer,
.loginContainerOne.forgotVisible .forgotContainer {
  display: block;
}

.loginContainerTwo.forgotVisible .loginContainer,
.loginContainerOne.forgotVisible .loginContainer {
  display: none;
}

.captchaForm {
  padding-left: 154px;
  padding-right: 0px !important;
}

.captchaForm > span {
  height: 50px;
  line-height: 50px;
  background: #0e3a60;
  border-radius: 2px 0 0 2px;
  color: rgba(255, 255, 255, 0.75);
  position: absolute;
  font-size: 15px;
  left: 0;
  top: 0;
  display: block;
  padding: 0 10px;
}

.loginContainerTwo .captchaForm > span {
  background: #0e3a60;
  border: 1px solid #0e3a60;
  line-height: 48px;
  color: #fff;
  border-radius: 0;
}

.captchaForm > span > div {
  display: block;
  position: absolute;
  right: -74px;
  width: 74px;
  background: #0e3a60;
  color: rgba(255, 255, 255, 0.75);
  font-weight: 600;
  top: 0px;
  font-size: 17px;
  line-height: 50px;
  height: 50px;
}

.loginContainerTwo .captchaForm > span > div {
  width: 73px;
  right: -73px;
  background: #e3e3e3;
  color: #444;
  border: 1px solid #ccc;
  border-left: none;
  top: -1px;
}

.captchaForm input {
  border-radius: 0 2px 2px 0 !important;
}

.loginContainerTwo .captchaForm input {
  border-width: 1px 1px 1px 1px !important;
}*/


/* Version two - LOGIN */


/*.loginContainerTwo {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.loginContainerTwo .topOverlay {
  height: 30%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #0d4475;
}

.loginContainerTwo .loginForm {
  width: 400px;
  margin-left: -200px;
  padding: 20px;
  top: 30%;
  background: #fff;
  margin-top: -70px;
  border: 1px solid #f9f9f9;
}

.loginContainerTwo .loginForm .logo {
  color: #999;
  position: relative;
  z-index: 99;
  margin-bottom: 15px;
}

.loginContainerTwo  .loginForm:before {
  width: 350px;
  left: -1px;
  height: 60px;
  background: #fff;
  display: block;
  content: "";
  position: absolute;
  top: -1px;
}

.loginContainerTwo .loginForm input {
  border: 1px solid #e3e3e3;
  border-width: 1px 0 1px 1px;
}

.loginContainerTwo .loginForm input:focus {
  border: 1px solid #00529b;
}

.loginContainerTwo .loginForm input:focus ~ span {
  border: 1px solid #00529b;
  border-left: none;
}

.loginContainerTwo .loginForm span.icon {
  border: 1px solid #e3e3e3;
}

.loginContainerTwo .loginForm .loginMessage span.icon {
  border: 0 !important;
  border-right: 1px solid #fff !important;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}

.loginContainerTwo .loginForm .field input:focus ~ span.icon > i {
  opacity: 1;
  color: #00529b;
}

.loginContainerTwo .loginForm .fieldButtons a span {
  font-family: "century_gothicregular", Arial, Sans-serif;
  font-size: 19px;
  color: #444;
  display: inline-block;
  vertical-align: middle;
}

.loginContainerTwo .loginForm .fieldButtons a i {
  color: #444;
}

.loginContainerTwo .forgotButton a {
  color: #444;
}*/


/* Delete later */

.buttonLoginSwitchs {
    padding: 10px;
    position: absolute;
    width: 100px;
    bottom: 0;
    right: 0;
}

.loginContainerTwo .switchToTwo,
.loginContainerOne .switchToOne {
    display: none;
}

.buttonLoginSwitchs>a {
    background: #e3e3e3;
    display: inline-block;
    float: right;
    padding: 6px 8px;
    text-align: center;
    color: #444;
}

.buttonLoginSwitchs>a:hover {
    text-decoration: none;
}



/* Repeatable elements */

.paging {
    margin: -2px 0 -2px;
}

.grid-pagination {
    margin: -7px 0 -4px 20px;
    vertical-align: middle;
}

.grid-pagination li a {
    border: 1px solid #ccc !important;
    color: #0e3f68;
}

.grid-pagination li:hover a {
    color: #fff;
    background: #0e3f68 !important;
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}

.font-600 {
    font-weight: 600;
}

.v-top {
    vertical-align: top;
}

.v-mid {
    vertical-align: middle;
}

.v-bot {
    vertical-align: bottom;
}

.inline-block {
    display: inline-block;
    margin-right: 20px;
}

.inline-block>.inline-block:last-child {
    margin-right: 0px;
}

.inlineBlock {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.list-checks .item {
    margin-bottom: -5px;
}

.list-checks .item:last-child {
    margin-bottom: 0;
}



/* Margin shortcoded */

.noMargin {
    margin: 0 !important;
}

.noPadding {
    padding: 0 !important;
}

.mt25 {
    margin-top: 25px;
}

.mt20 {
    margin-top: 20px;
}

.mt15 {
    margin-top: 15px;
}

.mt10 {
    margin-top: 10px;
}

.mt5 {
    margin-top: 5px;
}

.mr25 {
    margin-right: 25px;
}

.mr20 {
    margin-right: 20px;
}

.mr15 {
    margin-right: 15px;
}

.mr10 {
    margin-right: 10px;
}

.mr5 {
    margin-right: 5px;
}

.ml25 {
    margin-left: 25px;
}

.ml20 {
    margin-left: 20px;
}

.ml15 {
    margin-left: 15px;
}

.ml10 {
    margin-left: 10px;
}

.ml5 {
    margin-left: 5px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb5 {
    margin-bottom: 5px;
}

.pt25 {
    padding-top: 25px;
}

.pt20 {
    padding-top: 20px;
}

.pt15 {
    padding-top: 15px;
}

.pt10 {
    padding-top: 10px;
}

.pt5 {
    padding-top: 5px;
}

.mr25 {
    padding-right: 25px;
}

.pr20 {
    padding-right: 20px;
}

.pr15 {
    padding-right: 15px;
}

.pr10 {
    padding-right: 10px;
}

.pr5 {
    padding-right: 5px;
}

.pl25 {
    padding-left: 25px;
}

.pl20 {
    padding-left: 20px;
}

.pl15 {
    padding-left: 15px;
}

.pl10 {
    padding-left: 10px;
}

.pl5 {
    padding-left: 5px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb5 {
    padding-bottom: 5px;
}


/* Titles */

.section-head,
.sectionTitle {
    padding: 7px 0 10px 10px;
    background: #a7a7a7;
    color: #fff;
    border-radius: 0;
    font-size: 13px;
    text-transform: uppercase;
    position: relative;
    font-weight: 600;
    margin-bottom: 10px;
    -webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.12);
    -ms-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.12);
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.12);
}

.section-head {
    margin: -10px -11px 0;
}

.sectionTitle.cyanSectionTitle {
    background: #00aba9;
}

.sectionTitle.darkGreySectionTitle {
    background: #444;
}

.sectionTitle h5 {
    margin: 0;
    display: inline-block;
    margin-right: 30px;
    font-weight: 600;
}

.sectionTitle .btn {
    margin-right: 3px;
    margin-top: -4px !important;
    height: 26px;
    line-height: 25px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.sectionTitleDropdown {
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 99;
}

.sectionTitle .totalRecords {
    height: 31px;
    line-height: 30px;
    background: #fff;
    color: #444;
    font-size: 14px;
    margin-left: 40px;
    margin: -2px 0 -2px 40px;
    display: inline-block;
    padding: 0 12px;
    font-weight: 400;
}

.sectionTitle .total strong {
    font-weight: 600;
}



/* Header*/

.top-navigation {
    display: block;
    height: 45px;
    line-height: 45px;
    background: #f9f9f9;
    padding: 0;
}

.top-navigation ul {
    margin: 0;
    padding: 0;
}

.top-navigation ul li {
    list-style: none;
    display: inline-block;
    border-right: 1px solid #ccc;
    padding: 0 10px;
}

.top-navigation ul li a {
    display: block;
    height: 35px;
    line-height: 35px;
    color: #444;
    padding: 0 20px;
    font-size: 13px;
    border-radius: 2px;
}

.top-navigation ul li.active a,
.top-navigation ul li:hover a {
    background: #0d4475;
    color: #fff;
}

div.header {
    height: 80px;
    background: #0d4475;
}

.logo-container {
    display: inline-block;
    border-radius: 2px 2px 2px 0;
    margin: 5px 0 5px 5px;
    border-bottom: 70px solid #fff;
    border-right: 50px solid transparent;
    height: 0;
    width: 295px;
}

.logo-container img {
    margin: 15px;
    width: 220px;
}

.bottom-bar-navigation {
    padding: 0 30px;
    background: #f9f9f9;
    border-bottom: 1px solid #ccc;
    overflow-x: hidden;
}

.bottom-bar-navigation .bar-button {
    float: left;
    font-size: 13px;
    height: 45px;
    padding: 5px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin: 0 -1px 0;
    background: #f8f8f8;
    background: -moz-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #f8f8f8 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff', GradientType=0);
}

.bottom-bar-navigation .bar-button a {
    display: block;
    height: 35px;
    color: #444;
    text-align: center;
    line-height: 36px;
    border-radius: 2px;
    padding: 0 15px;
    -webkit-transition: all 0.05s ease-in-out;
    -moz-transition: all 0.05s ease-in-out;
    -ms-transition: all 0.05s ease-in-out;
    -o-transition: all 0.05s ease-in-out;
    transition: all 0.05s ease-in-out;
}

.bottom-bar-navigation .bar-button a.icon-button {
    width: 35px;
    padding: 0;
}

.bottom-bar-navigation .bar-button.active,
.bottom-bar-navigation .bar-button.active a,
.bottom-bar-navigation .bar-button a:hover {
    color: #fff;
    background: #0d4475;
    border-color: #0d4475;
}

.bottom-bar-navigation .bar-button a.log-off i {
    font-size: 14px;
}

.bottom-bar-navigation .bar-button span {
    font-weight: 600;
    padding: 0 15px;
    line-height: 36px;
}

.content-section {
    padding: 20px;
}



/* Form Controls */

.form-group {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 8px 0;
    margin: 0;
}

.panel-body .form-group {
    margin: 0 -10px;
    padding: 8px 10px;
}

.form-group:first-child {
    padding-top: 0;
}

.form-group:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.form-group:after {
    clear: both;
    content: "";
    display: table;
}

.form-group .form-control-label {
    float: left;
    display: inline-block;
    width: 160px;
    padding: 6px 0;
}

.form-group .form-control-field {
    margin-left: 160px;
}

.form-control-field label {
    font-weight: 400;
    font-size: 13px;
}



/* Table */

.sortableHeading {
    font-weight: 600;
    font-size: 13px;
    position: relative;
}

.sortUp {
    position: absolute;
    right: 0;
    top: -4px;
    cursor: pointer;
}

.sortDown {
    position: absolute;
    right: 0;
    bottom: -6px;
    cursor: pointer;
}

.sortUp:hover,
.sortDown:hover {
    color: #0d4475;
}

.table th {
    border-color: #ccc !important;
}

.table thead tr th {
    background: transparent !important;
}

.table thead tr {
    background: #eaf5ff !important
}

.table-hover tr:hover>td {
    background: #FFFFDD !important
}



/* Form elements */

.checkbox {
    padding-left: 0px;
}

.checkbox.consist {
    min-width: 170px;
    margin-bottom: 0;
}

.checkbox:first-child {
    padding-left: 0px;
}

.checkbox.inline {
    display: inline-block;
    margin-right: 20px;
}

.checkbox * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox *::selection {
    background: transparent/* Safari */
}

.checkbox *::-moz-selection {
    background: transparent/* Firefox */
}

.checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    min-height: 17px;
    line-height: 17px;
    font-size: 12px;
    color: #777a80;
    margin-top: 5px;
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
}

.formObject .checkbox label {
    margin-bottom: 5px;
    position: relative;
    top: 2px;
}

.checkbox label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #ffffff;
    border: 1px solid #c2c6cb;
    border-radius: 2px;
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
}

.checkbox label::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    left: 0;
    line-height: 18px;
    top: -1px !important;
    font-size: 10px;
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
}

.checkbox label:after {
    border-radius: 3px;
}

.checkbox input[type=checkbox] {
    display: none;
}

.checkbox.checkbox-circle label:after {
    border-radius: 99px;
}

.checkbox.checkbox-circle label:before {
    border-radius: 99px;
}

.checkbox input[type=checkbox]:checked+label {
    color: #4d5056;
}

.checkbox input[type=checkbox]:checked+label::after {
    font-family: 'icomoon';
    content: "\eb94";
}

.checkbox input[type=checkbox][disabled]+label {
    opacity: 0.65;
}

.checkbox input[type=checkbox][disabled]+label:before {
    background-color: #eceff3;
}

.checkbox.check-success input[type=checkbox]:checked+label:before {
    background-color: #5cb85c;
    border: 1px solid #5cb85c;
}

.checkbox.check-success input[type=checkbox]:checked+label::after {
    color: #ffffff;
}

.checkbox.check-primary input[type=checkbox]:checked+label:before {
    background-color: #428bca;
    border: 1px solid #428bca;
}

.checkbox.check-primary input[type=checkbox]:checked+label::after {
    color: #ffffff;
}

.checkbox.check-info input[type=checkbox]:checked+label:before {
    background-color: #46b8da;
    border: 1px solid #46b8da;
}

.checkbox.check-info input[type=checkbox]:checked+label::after {
    color: #ffffff;
}

.checkbox.check-warning input[type=checkbox]:checked+label:before {
    background-color: #f0ad4e;
    border: 1px solid #f0ad4e;
}

.checkbox.check-warning input[type=checkbox]:checked+label::after {
    color: #ffffff;
}

.checkbox.check-danger input[type=checkbox]:checked+label:before {
    background-color: #d9534f;
    border: 1px solid #d9534f;
}

.checkbox.check-danger input[type=checkbox]:checked+label::after {
    color: #ffffff;
}

.radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 12px;
    margin-top: 5px;
    color: #444;
    min-height: 17px;
}

.radio label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 0px;
    background-color: #ffffff;
    border: 1px solid #c2c6cb;
    border-radius: 99px;
}

.radio label:after {
    font-size: 12px;
    content: "";
    text-align: center;
    display: inline-block;
    width: 17px;
    height: 17px;
    position: absolute;
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 99px;
    left: 0px;
    top: 0;
    background-color: #6f7b8a;
    border: 1px solid #6f7b8a;
}

.radio input[type=radio] {
    display: none;
}

.radio input[type=radio][disabled]+label {
    opacity: 0.65;
}

.radio.radio-success label:after {
    background-color: #5cb85c;
    border: 1px solid #5cb85c;
}

.radio.radio-success input[type=radio]:checked+label:before {
    border: 1px solid #5cb85c;
}

.radio.radio-primary label:after {
    background-color: #428bca;
    border: 1px solid #428bca;
}

.radio.radio-primary input[type=radio]:checked+label:before {
    border: 1px solid #428bca;
}

.radio.radio-info label:after {
    background-color: #46b8da;
    border: 1px solid #46b8da;
}

.radio.radio-info label input[type=radio]:checked+:before {
    border: 1px solid #46b8da;
}

.radio.radio-warning label:after {
    background-color: #f0ad4e;
    border: 1px solid #f0ad4e;
}

.radio.radio-warning input[type=radio]:checked+label:before {
    border: 1px solid #f0ad4e;
}

.radio.radio-danger label:after {
    background-color: #d9534f;
    border: 1px solid #d9534f;
}

.radio.radio-danger input[type=radio]:checked+label:before {
    border: 1px solid #d9534f;
}

.radio input[type=radio]:checked+label {
    color: #4d5056;
}

.radio input[type=radio]:checked+label:after {
    -o-transform: scale(0.63);
    -ms-transform: scale(0.63);
    -moz-transform: scale(0.63);
    -webkit-transform: scale(0.63);
    transform: scale(0.63);
    line-height: 18px;
}

.radio input[type=radio]:checked+label:before {
    border: 1px solid #8e9095;
}

.scrollableFixedButton {
    padding: 4px 8px;
    height: 35px;
    border-bottom: 2px solid #e3e3e3;
    background: #f9f9f9;
    position: relative;
    z-index: 99;
}

.scrollableFixedButton.scrollableFixed {
    background: #707070;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    border-bottom: 0;
}

.table-border td,
.table-border th {
    border-right: 1px solid #ccc;
}



/* Alerts */

.alert-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.65);
    z-index: 10999;
    padding-top: 110px;
    display: none;
    font-size: 13px;
}

.alert-overlay .alert strong {
    font-size: 14px;
}

.alert-overlay .alert .buttons {
    margin-top: 14px;
    margin-bottom: 3px !important;
}

.add-agent,
.listing-agents {
    position: relative;
}

.addRow tr td {
    border-bottom: 3px solid #ccc;
    background: #fff !important;
}

.message-arrow {
    background: #ffecec;
    border: 1px solid #ff9595;
    padding: 20px;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-left: 60px;
    margin-top: -38px;
    padding-left: 40px;
    width: 230px;
}

.message-arrow>i {
    color: #ff9595;
    font-size: 21px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
}

.message-arrow:after,
.message-arrow:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.message-arrow:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #ffecec;
    border-width: 39px;
    margin-top: -39px;
}

.message-arrow:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #ff9595;
    border-width: 40px;
    margin-top: -40px;
}

.toast-notify {
    color: #444;
    text-shadow: none;
    padding: 12px 20px;
    min-height: 0px;
    height: auto;
    width: 420px;
    z-index: 10999 !important;
}

.toast-notify .close {
    right: -10px;
    top: 0;
    opacity: 1;
    font-size: 30px;
}

.toast-notify-icon-container .toast-notify-body {
    margin-left: 50px;
}

.toast-notify-title {
    display: block;
    font-weight: 600;
    margin-bottom: 2px;
}

.toast-notify-message {
    display: block;
}

.toast-notify-icon {
    float: left;
    margin-right: 15px;
    font-size: 32px;
    margin-top: 6px;
}

.toast-backdrop {
    position: fixed !important;
    z-index: 10998 !important;
    display: block !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.25) !important;
}

.center-container {
    position: fixed;
    width: 380px;
    left: 50%;
    top: 50%;
    font-size: 17px;
    line-height: 24px;
    color: #fff;
    margin-left: -190px;
    margin-top: -108px;
    text-align: center;
}

@media screen (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) and (device-width: 1080px) and (orientation: portrait) {
    .center-container {
        width: 280px;
        margin-left: -140px;
        margin-top: -120px;
    }
}

.center-container>i {
    font-size: 121px;
    margin-bottom: 0;
    opacity: 0.4;
}

.center-container a {
    color: #fff;
    display: block;
    margin-top: 35px;
    text-decoration: none;
}

.center-container a i {
    font-size: 14px;
    margin: 0 5px;
}

.select2-container.selectTwoLines .select2-choice {
    line-height: 20px !important;
    height: auto !important;
    min-height: 29px !important;
    padding: 4px 8px 2px !important;
}

.select2-container .select2-choice .select2-arrow b {
    top: 50% !important;
    position: absolute !important;
    margin-top: -14px !important;
}

.sub-tabs>li {
    margin-right: 2px;
}

.sub-tabs>li>a {
    padding: 6px 10px;
    border-radius: 2px 2px 0 0;
}

.sub-tabs>li.active>a {
    background: #5f5f5f !important;
    border-color: #5f5f5f !important;
}

.sub-tabs>li:hover>a,
.sub-tabs>li.active:hover>a {
    background: #5f5f5f !important;
    border-color: #5f5f5f !important;
}

.radioListFieldHead,
.radioListField {
    width: 20px;
}

.radioListHeading,
.radioListRow {
    padding: 8px 10px;
}

.radioListSearch {
    padding-bottom: 5px;
}

.radioListHeading {
    padding-top: 10px;
    background: #eaf5ff;
}

.radioListHeading {
    border-bottom: 1px solid #ccc;
}

.radioListRow:nth-child(odd),
.radioListRow:nth-child(odd) {
    background: #eaeaea;
}

.companyListFieldHead,
.officeNoFieldHead,
.officeNoField,
.companyListField {
    width: 100px;
}

.officeNameFieldHead,
.officeNameField {
    width: 220px;
}

.companyListFieldHead,
.officeNoFieldHead,
.officeNameFieldHead {
    color: #444;
    font-size: 13px;
    font-weight: 600;
}



/* LOGIN PAGE FIX */


/* Login page styling
-------------------------------------------------- */

.loginContainer {
    max-width: 400px;
    width: 400px;
    position: absolute;
    left: 50%;
    margin-left: -200px;
    margin-top: -70px;
    top: 30%;
    padding-bottom: 0;
    padding: 15px 20px 20px;
    background: #fff;
    border: 1px solid #f9f9f9;
}

@media screen and (max-width: 640px) {
    .loginContainer {
        max-width: 360px !important;
        width: 360px !important;
        margin-left: -180px !important;
    }
}

.loginContainer .loginForm>div {
    position: relative;
    padding-right: 50px;
}

.loginContainer .loginForm>div.login-footer,
.loginContainer .loginForm>div.login {
    padding-right: 0 !important;
}

.g-recaptcha>div {
    margin: 0 auto !important;
}

.loginContainer .loginForm>div.captchaWrap {
    padding-right: 0 !important;
}

.loginContainer .loginForm>div span.icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    line-height: 55px;
    background: #f9f9f9;
    border-radius: 0 2px 2px 0;
    text-align: center;
    border: 1px solid #e3e3e3;
    border-left: 0;
}

span.icon i {
    font-size: 16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.15s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out, -moz-transform 0.15s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out, -ms-transform 0.15s ease-in-out;
    transition: opacity 0.25s ease-in-out, transform 0.15s ease-in-out;
}

span.icon i.icomoon-lock {
    left: 3px;
    position: relative;
}

.loginForm>div input:focus~span.icon {
    border: 1px solid #00529b;
    border-left: none;
}

.loginForm>div input:focus~span.icon>i {
    opacity: 1;
    color: #00529b;
}

.loginContainer.iphoneLogin {
    max-width: 280px;
    margin-left: -140px;
    margin-top: -180px;
}

.loginOverlay a.logo {
    margin: 5px 0 12px 5px;
    border-radius: 2px 2px 2px 0;
    display: inline-block;
    width: 295px;
}

.loginOverlay a.logo img {
    width: 220px;
    display: block;
    margin: 15px;
}

.loginOverlay a.logo span {
    font-family: "century_gothicregular";
}

.topOverlay {
    height: 30%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #0d4475;
}

.forgotPassword input:focus,
.forgotPassword input,
.loginContainer .loginForm input {
    border-radius: 0;
    width: 100%;
    height: 50px;
    line-height: inherit !important;
    border: none;
    background: #fff;
    margin-bottom: 15px;
    padding: 1px 10px 0;
    font-size: 18px;
    border: 1px solid #e3e3e3;
    color: #444;
    font-family: "century_gothicregular";
}

.loginContainer .loginForm input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px white inset;
    box-shadow: 0 0 0 50px white inset;
}

.loginContainer .loginForm input:focus,
.loginContainer .loginForm input:active {
    outline: 0 !important;
    border: 1px solid #00529b;
}

.loginOverlay .loginForm input::-webkit-input-placeholder {
    color: #999999 !important;
}

.loginOverlay .loginForm input:-moz-placeholder {
    /* Firefox 18- */
    color: #999999 !important;
}

.loginOverlay .loginForm input::-moz-placeholder {
    /* Firefox 19+ */
    color: #999999 !important;
}

.loginOverlay .loginForm input:-ms-input-placeholder {
    color: #999999 !important;
}

.loginOverlay .login {
    text-align: center;
    margin-top: 2px;
}

.loginOverlay .login a {
    font-size: 19px;
    font-family: "century_gothicregular";
    color: #444;
    text-align: center;
    display: inline-block;
    opacity: 0.8;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.loginOverlay .login a:hover {
    opacity: 1;
}

.loginOverlay .login a span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}

.loginOverlay .login a i {
    font-size: 31px;
    vertical-align: middle;
    width: 32px !important;
    height: 32px !important;
    display: inline-block;
}

.loginOverlay .forgot {
    text-align: center;
    margin-top: 30px;
}

.loginContainer.iphoneLogin .forgot {
    margin-top: 10px !important;
}

.loginOverlay .forgot a {
    font-family: "century_gothicregular";
    font-size: 17px;
    display: inline-block;
    color: #fff;
    position: relative;
    left: -2px;
}

.forgotPassword {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0e3f67;
    z-index: 99;
    display: none;
}

.forgotPasswordInner {
    max-width: 320px;
    min-width: 320px;
    position: absolute;
    left: 50%;
    margin-left: -160px;
    margin-top: -160px;
    top: 50%;
}

.forgotPassword.iphoneLogin .forgotPasswordInner {
    width: 280px;
    min-width: 280px;
    margin-left: -140px;
    margin-top: -180px;
}

.forgotPasswordInner .loginForm input {
    margin-bottom: 15px;
}

.captcha:after {
    clear: both;
    display: block;
    content: "";
}

.captcha .captchaContainer {
    float: left;
    width: 180px;
}

.captcha .captchaContainer>img {
    height: 50px;
    max-width: 100%;
}

span.captchaLabel {
    color: #333;
    font-size: 15px;
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: middle;
    margin-right: 5px;
}

.captcha .captchaContainer .captchaNumbers {
    padding: 10px;
    font-family: "century_gothicbold";
    color: #333;
    background: rgba(255, 255, 255, 0.7);
    font-size: 17px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.captcha .captchaContainer input {
    display: none;
}

.captcha .enterCaptcha {
    float: right;
    width: 170px;
    position: relative;
}

.refreshCaptcha {
    display: inline-block;
    font-size: 17px;
    color: #333;
    vertical-align: middle;
    margin-bottom: 4px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.refreshCaptcha:hover {
    color: #333 !important;
}

.forgotPassword.iphoneLogin .captcha .enterCaptcha {
    width: 190px;
}

.loginContainer.iphoneLogin .captcha .enterCaptcha {
    width: 190px;
}

.captcha .enterCaptcha input {
    height: 50px;
}

.loginMessageContainer {
    position: relative;
    min-height: 38px;
    margin-bottom: 5px;
}

.loginMessageContainer.errorMessage {
    margin-bottom: 15px;
}

.loginMessageContainer.successMessage {
    margin-bottom: 15px;
}

.loginMessage {
    width: 100%;
    padding: 5px 0;
    color: #fff;
    position: relative;
    left: 0;
    top: 0;
}

.loginMessageContainer.errorMessage .loginMessage {
    padding: 5px 8px;
    background: #fdd5d4;
    color: #444;
    border: 3px solid #fff;
}

.loginMessageContainer.successMessage .loginMessage {
    padding: 5px 8px;
    background: #cbe5fc;
    color: #444;
    border: 3px solid #fff;
}

.loginMessageContainer .loginMessage:after {
    clear: both;
    content: "";
    display: block;
}

.loginMessage span {
    display: block;
    font-family: "century_gothicregular";
    font-size: 15px;
    padding-left: 25px;
}

.loginMessage i {
    display: block;
    float: left;
    font-size: 21px;
    position: absolute;
    top: 4px;
    left: 5px;
}

.loginMessage i.fa-spin {
    left: 0px;
}

.dep-box {
    padding: 15px;
    background: #fafafa;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.dep-box.add-box {
    padding-top: 87px;
}

.dep-box-field {
    margin-top: 10px;
}

.dep-label-val {
    height: 29px;
    line-height: 29px;
    display: block;
}

.dep-box-field:first-child {
    margin-top: 0;
}

.dep-box-field>div {
    margin-bottom: 4px;
    font-weight: 600;
}

.dep-box-field>div>span {
    display: inline-block;
    width: 105px;
    font-weight: 400;
}

.dep-box-btn {
    text-align: right;
    margin-top: 10px;
}

.dep-body {
    padding: 0;
}

.dep-container {
    padding: 10px 10px 0 10px;
    position: relative;
}

.dep-container-loading {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 90;
    opacity: 0;
    visibility: hidden;
    display: none;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.dep-container-loading.in {
    visibility: visible;
    opacity: 1;
}

.dep-container-loading>i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
    font-size: 48px;
}

.input-dep-addon {
    display: flex;
    flex-direction: row;
}

.input-dep-addon>span {
    flex: 0 0 auto;
    padding: 0 15px;
    display: flex !important;
    width: auto !important;
    align-items: center;
    border: 1px solid #ccc;
    border-right: 0;
    border-radius: 2px 0 0 2px !important;
}

.input-dep-addon>input {
    flex: 1 1 100%;
    border-radius: 0 2px 2px 0 !important;
}

.fall-th-buttons {
    margin-bottom: 10px;
}

.fall-th-body textarea {
    padding: 10px;
}

.fall-through-modal .modal-body {
    overflow: inherit !important;
}

.result-wrapper {
    position: relative;
    min-height: 80px;
    border-top: 2px solid #ccc;
    margin: 10px -10px 0;
}

.no-results {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding-top: 15px;
    font-size: 16px;
    z-index: 50;
    background: #fff;
}

.no-results>div {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    left: 0;
    right: 0;
}

.no-results-hidden {
    display: none;
}

.no-results small {
    font-size: 13px;
    display: block;
    margin-top: 5px;
    opacity: .7;
}

.results-grid-hidden {
    display: none;
}

.result-grid-head {
    background: #eaf5ff !important;
    border-bottom: 1px solid #a0a0a0;
    padding-right: 17px;
    position: relative;
    padding-right: 57px;
}

.result-grid-row:after,
.result-grid-head:after {
    clear: both;
    content: "";
    display: table;
}

.name-wd {
    width: 30%;
}

.street-wd {
    width: 25%;
}

.city-wd {
    width: 25%;
}

.state-wd {
    width: 20%;
}

.name-wd,
.street-wd,
.city-wd,
.state-wd {
    float: left;
    padding: 8px 10px;
    font-weight: 400;
}

.result-grid-head .name-wd,
.result-grid-head .street-wd,
.result-grid-head .city-wd,
.result-grid-head .state-wd {
    font-weight: 600;
}

.result-grid-body {
    max-height: 200px;
    min-height: 200px;
    overflow-y: scroll;
}

.result-grid-row {
    border-bottom: 1px solid #ccc;
    position: relative;
    padding-right: 40px;
}

.reset-broker-btn,
.search-broker-btn,
.remove-broker-btn,
.add-broker-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    bottom: 5px;
    width: 30px;
    height: 28px !important;
    padding: 0;
    border-radius: 2px;
    color: #fff;
    padding: 0 !important;
}

.reset-broker-btn {
    width: 28px;
    height: 28px;
    right: 10px !important;
    top: 0;
    line-height: 26px;
}

.search-broker-btn {
    width: 28px;
    height: 28px;
    right: 43px !important;
    top: 0;
}

.search-broker-btn {
    height: 28px;
    line-height: 24px;
    top: 0;
    right: 12px;
}

.change-broker-wrpr {
    position: relative;
    min-height: 71px;
}

.current-selected-broker {
    display: inline-block;
    vertical-align: top;
    margin-left: 85px;
}

.change-broker-wrpr>.form-control-field,
.change-broker-wrpr>.form-control-label {
    position: relative;
    z-index: 110;
}

.change-broker-wrpr>.form-control-label {
    z-index: 120;
    background: #fff !important;
    width: inherit !important;
    display: block !important;
    margin: -8px -10px !important;
    padding: 10px !important;
    min-height: 98px;
}

.change-broker-wrpr>.form-control-label {
    position: relative;
    padding-right: 120px;
}

.broker-container {
    position: absolute;
    right: 0;
    top: 100%;
    left: -10px;
    margin-top: 9px;
    padding: 10px 10px 0;
    background: #fff;
    z-index: 100;
    min-width: 700px;
}

.broker-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 100;
}

.broker-control {
    position: absolute;
    left: -5px;
    top: 35px;
}

.remove-outside-broker,
.change-outside-broker {
    position: relative;
    top: -2px;
    margin-left: 15px;
    width: 120px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.remove-broker-btn {
    right: 22px;
}

.search-broker-row {
    position: relative;
    padding-right: 68px;
}

.remove-broker-btn i,
.add-broker-btn i {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    font-size: 14px !important;
    margin: -6px 0 0 -6px !important;
}

.remove-broker-btn i {
    margin: -7px 0 0 -7px !important;
}

.add-broker-btn:hover>i {
    color: #fff;
}

.result-grid-row:last-child {
    border-bottom: none;
}

.result-grid-row:nth-child(odd) {
    background-color: #fafafa;
}

.broker-selected-item {
    margin: 8px -10px 0;
}

.broker-selected-item .result-grid-head {
    border-top: 1px solid #a0a0a0;
    background: #fff !important;
}

.listButtonContainer {
    margin-bottom: 8px;
    padding-bottom: 6px;
    padding-top: 1px;
    border-bottom: 1px dashed #ccc;
}

.listButtonContainer:after {
    clear: both;
    content: "";
    display: block;
}

.selectAllButton,
.removeAllButton {
    font-size: 12px;
    font-weight: 600;
    color: #444;
    display: inline-block;
}

.selectAllButton:hover,
.removeAllButton:hover {
    color: #4c727d;
    text-decoration: none;
}

.selectAllButton i,
.removeAllButton i {
    float: left;
    margin: 3px 6px 0 4px;
}

.selectAllButton i {
    margin-left: 5px;
}

.infoCanNotChange {
    background: #F5F5F5;
    border: 1px solid #e3e3e3;
    padding: 7px 10px;
}

.infoCanNotChange>span {
    display: inline-block;
    margin-right: 20px;
}

.infoCanNotChange>span>i {
    font-size: 16px;
    float: left;
    margin-top: 1px;
    margin-right: 2px;
    color: #df4644
}

.infoCanNotChange>span>i.icomoon-unlocked2 {
    margin-right: 7px;
    color: #67991d;
}

.selectAllButton.disabled,
.removeAllButton.disabled {
    opacity: 0.5;
    cursor: pointer;
}

.switch-selects {
    position: relative;
}

.switch-selects .checklistLoading {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
    width: 104%;
    height: 100%;
    z-index: 999;
}

.switch-selects .checklistLoading>span {
    position: absolute;
    top: 50%;
    display: block;
    text-align: center;
    left: 0;
    right: 0;
}

.switch-selects .checklistLoading>span i {
    font-size: 29px;
}

.switch-selects .checklistLoading>span>div {
    font-size: 13px;
    margin-top: 5px;
}

.switch-selects {
    white-space: nowrap;
}

.switch-selects .slimScrollDiv {
    margin-top: 0px;
}

.switch-selects>div {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: 15px;
    padding: 3px 5px 6px;
}

.switch-selects>div .listTitle {
    background: #e3e3e3;
    color: #444;
    padding: 7px 10px 6px;
    border: 1px solid #ccc;
    border-bottom: 4px solid #ccc;
    font-weight: 600;
    margin-bottom: 5px;
    margin: -14px -11px 5px -16px;
    border-right: none;
}

.switch-selects>div:last-child .listTitle {
    margin: -14px -16px 5px -11px;
    border-left: none;
    border-right: 1px solid #ccc;
}

.switch-selects>div.hasInfo .listTitle {
    margin-bottom: 47px;
}

.switch-selects>div.rightAlign .listTitle {
    margin-bottom: 45px;
}

.switch-selects .checkbox {
    margin-top: 0px;
}

.switch-selects>div:last-child {
    margin-right: 0px;
    padding-right: 0px;
    padding: 3px 5px 5px;
}

.switch-selects>div:first-child:after {
    content: "";
    display: block;
    width: 6px;
    position: absolute;
    right: -12px;
    top: -11px;
    bottom: -11px;
    background: #ccc;
}

.switch-selects ul {
    padding: 0 0 5px 0;
    margin: 0;
    width: 200px;
    display: inline-block;
    vertical-align: top;
}

.switch-selects ul.checkListSelected {
    padding-left: 3px;
}

.switch-selects ul li {
    list-style: none;
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: default;
}

.checkListSelected li {
    margin: 0;
    padding-top: 2px;
}

.checkListSelected li:first-child {
    margin-top: 0px;
}

.switch-selects ul li {
    min-height: 19px;
    margin-top: 5px;
}

.switch-selects ul li:first-child {
    margin-top: 0px;
}

.switch-selects ul li .checkbox label {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    white-space: normal;
    line-height: 20px !important;
}

.checkbox label:after,
.checkbox label:before {
    top: 1px !important;
}

.switch-selects ul li:first-child .checkbox label {
    margin-top: 0px !important;
}

.switch-selects ul li:last-child .checkbox label {
    margin-bottom: 0px !important;
}

.switch-selects ul li:last-child {
    margin-bottom: 0;
}

.switch-selects ul li>i {
    font-size: 12px;
    color: #999;
    position: relative;
    top: 1px;
    cursor: pointer;
    float: left;
    margin-top: 2px;
    margin-right: 7px;
}

.switch-selects ul li>i:hover {
    color: #444;
}

.checkListSelected li>i {
    float: left;
}

.checkListSelected li>span {
    float: left;
}

.checkListSelected li>span.textListItem {
    margin-right: 5px;
    line-height: 18px;
    font-size: 12px;
    white-space: normal;
}

.checkListSelected li>span.makePrimary,
.checkListSelected li>span.lockListItem {
    margin-left: 5px;
}

.checkListSelected li>span.lockListItem>i {
    font-size: 16px;
    cursor: pointer;
    color: #df4644;
    position: relative;
    top: 0;
}

.checkListSelected li>span.lockListItem {
    margin-top: 0px;
}

.checkListSelected li>span.makePrimary {
    margin-top: 0;
    margin-left: 2px;
}

.checkListSelected li>span.makePrimary>i {
    float: left;
}

.checkListSelected li>span.makePrimary>strong {
    float: left;
    font-weight: 600;
    margin: 0 0 0 0;
}

.checkListSelected li.activePrimaryItem>span.makePrimary>i,
.checkListSelected li.activePrimaryItem>span.makePrimary {
    color: #52951c;
    font-size: 16px;
}

.checkListSelected li>span.lockListItem>i.icomoon-unlocked2 {
    color: #52951c;
}

.checkListSelected li>span.makePrimary>i {
    font-size: 16px;
    cursor: pointer;
    color: #444;
}



/* List selects */

.listSelect .itemSelect {
    margin-bottom: 0;
    padding-left: 5px;
}

.listSelect .itemSelect:last-child {
    margin-bottom: 0;
}

.aditionalInfo {
    margin-bottom: 5px;
    vertical-align: middle;
    min-height: 37px;
}

.aditionalInfo .checkbox {
    margin: 0 0 0 -4px;
    position: relative;
    top: 1px;
}

.aditionalInfo .infoCanNotChange {
    min-height: 37px;
}

.aditionalInfo.dropdownInfo {
    min-height: 75px;
}

.aditionalInfo.dropdownInfo .shortDropdown {
    margin: 5px 0 -1px 0;
}

.aditionalInfo.dropdownInfo .shortDropdown>b {
    line-height: 32px;
    margin-right: 10px;
}

.aditionalInfo .searchPanelChecklist {
    position: relative;
    padding-right: 70px;
}

.aditionalInfo .searchPanelChecklist .btn {
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 6px;
    padding-bottom: 6px;
}

.p-t-xs {
    padding-top: 10px;
    padding-bottom: 10px;
}

.uniq-row {
    border-bottom: 1px solid #ccc;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center;
}

.separator {
    padding-top: 20px;
}

.uniq-row-col {
    flex: 1 1 30%;
}

.uniq-row-col .input-group {
    margin: 0 !important;
}

.uniq-row-col {
    margin: 0 20px !important;
}

.uniq-row-col:first-child {
    margin-left: 0 !important;
    s
}

.uniq-row .form-control-label {
    margin-bottom: 5px;
}

.lg-sep {
    font-size: 20px;
}

.dash-control:active,
.dash-control:focus,
.dash-control {
    border: 1px dashed #ccc;
    border-left: 1px solid #ccc;
}

.dash-control-span {
    border-radius: 2px;
    width: 100%;
    padding: 5px;
    display: inline-block;
    height: 29px;
    border: 1px dashed #ccc;
}

.only-text .input-group-addon {
    border: 0 !important;
    padding-top 5px !important;
    font-weight: 700 !important;
}

.only-text input {
    border: 0;
    padding: 3px 10px 6px !important;
}

.schedule-results {
    border: 1px solid #a0c5e2;
    background: #d9ebf9;
    padding: 0 10px;
    height: 31px;
    line-height: 31px;
    vertical-align: middle;
    display: inline-block;
}

.cal_repeat {
    padding: 10px 15px;
}

.cal_repeat_pattern {
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
}

.cal_repeat_pattern:after,
.cal_repeat_pattern:before {
    content: "";
    display: block;
    clear: both;
}

.cal_option {
    border-right: 1px solid #ccc;
    float: left;
    padding: 5px 5px 10px;
}

.inline-text {
    line-height: 32px;
    margin: 0 8px;
}

.cal_selected_option {
    padding: 10px 15px;
    float: left;
    display: none;
    height: 204px;
    border-left: 1px solid #ccc;
    margin-left: -1px;
}

.cal_selected_option.active {
    display: block;
}

.days-list {
    padding: 10px 8px;
}

.weekends {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}

.days {
    display: inline-block;
    vertical-align: top;
}

.monthly-options {
    padding-top: 15px;
}

.repeat-time {
    display: inline-block;
    margin-right: 4px;
}

.range_pattern {
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    margin-top: 10px;
}

.start-date {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}

.range-options {
    display: inline-block;
    vertical-align: top;
}

.inlineGroup {
    margin-top: 5px;
}

.cal_summary {
    padding: 10px;
    background: #d9ebf9;
    border: 1px solid #a0c5e2;
    margin-top: 10px;
    font-weight: 600;
    font-size: 13px;
}

.cal_summary span.starting {
    margin: 0 10px;
}

.cal_summary span.ending {
    margin-left: 10px;
}

.cal_summary span.divider {
    height: 1px;
    width: 10px;
    background: #444;
    vertical-align: middle;
    display: inline-block;
}

.monthly_container {
    margin-bottom: 5px;
}

.yearly_container {
    margin-top: 5px;
}

.yearly_container>.radio,
.monthly_container>.radio {
    width: 20px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}

.range_pattern .radio {
    display: inline-block !important;
}

.range_pattern .afterField {
    display: inline-block !important;
}

.agents-head {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 6px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 8px;
}

.agents-body {
    padding-right: 10px;
    height: 220px;
    overflow-y: auto;
}

.agents-row {
    font-size: 14px;
    padding: 4px 0;
}

.agents-row+.agents-row {
    border-top: 1px solid #ededed;
}

.switch-item {
    padding: 8px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.switch-item+.switch-item {
    border-top: 1px solid #ededed;
}

.switch-item .add-btn,
.switch-item .remove-btn,
.switch-item .exclude-btn {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #43a543;
    border-radius: 40px;
    font-weight: 600;
    margin-right: 6px;
    cursor: pointer;
    color: white;
}

.switch-item .remove-btn,
.switch-item .exclude-btn {
    background: #d86464;
}

.left-side .remove-btn {
    background: #43a543;
}

.middle-side .exclude-btn,
.right-side .exclude-btn {
    display: none;
}

.switch-item i {
    color: white;
    font-size: 14px;
}

.left-side,
.right-side {
    overflow-y: auto;
}

.right-side .input-group {
    display: none;
}

.switch-item .item-name {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
    flex: 1;
    margin-left: 10px;
}

.clear-switch-item {
    position: absolute;
    color: #444;
    right: 8px;
    top: 4px;
    opacity: 0.25;
    z-index: 20;
}

.clear-switch-item:hover {
    opacity: 0.5;
}

.clear-switch-item i {
    color: #444;
}

.switch-item .item-textbox {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
    margin-left: 20px;
    display: none;
}

.switch-item .item-textbox+.remove-btn {
    margin-left: 20px;
}

.left-side .add-btn {
    display: none;
}

.middle-side .switch-item .item-textbox {
    display: block;
}

.right-side .remove-btn {
    display: none;
}

.sides-divider i {
    display: block;
    font-size: 32px;
}

.search-panel-switch {
    padding: 8px 10px;
    border-bottom: 1px solid #ccc;
}

.left-right-side .paging {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.totalRecords {
    background: #ededed;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-right: 20px;
}

.list-content {
    margin-top: 10px;

    overflow: auto;
}

.add-panel,
.edit-panel {
    margin-bottom: 30px;
}

.panel-action {
    margin-bottom: 5px;
}

.tight-table td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.tight-table .input-group input {
    background-color: white !important;
}

.hide-unchecked {
    height: 29px;
}

.hide-unchecked>div {
    display: none !important;
}

.top-side,
.top-side-search {
    display: flex;
    align-items: center;
}

.top-side-search {
    justify-content: flex-end;
    margin-left: auto;
}

.top-side-search input {
    margin-right: 5px;
}

.top-side .paging {
    display: flex;
    align-items: center;
}

.top-side .pagination {
    margin: 0 !important;
}

.left-right-side .paging .pagination {
    margin: 0 0 0 15px;
    flex: 1 1 auto;
    display: flex;
    text-align: right;
    justify-content: flex-end;
}

.select-all,
.remove-all {
    display: block;
    width: 100%;
    font-size: 18px;
}

.select-all {
    margin: 0 0 15px 0 !important;
}

.sides-divider .select-all>i,
.sides-divider .remove-all>i {
    font-size: 22px !important;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.flex span.field-value {
    padding: 5px;
}

.b-label {
    font-weight: 600;
}

.fixed-label {
    flex: 0 0 100px !important;
}

.fixed-value {
    flex: 0 0 140px !important;
}

.list-group-item {
    width: 100%;
    text-align: left;
}

.list-group-item:hover {
    background: #eaeaea;
}


/* Password Strength */

.testresult {
    position: absolute;
    left: 100%;
    display: inline-block;
    height: 46px;
    top: 0;
    width: auto;
    white-space: nowrap;
    padding: 0 20px;
    line-height: 46px;
    background: #ededed;
    margin: 0 0 0 18px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
}

.admin-wrapper .testresult,
.reg-users .testresult {
    top: 8px;
}

.testresult:before {
    content: "";
    display: block;
    position: absolute;
    left: -8px;
    top: 50%;
    margin-top: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 8px 6px 0;
    border-color: transparent #f04 transparent transparent;
}

.shortPass {
    color: white;
    background: #f04;
}

.badPass {
    color: white;
    background: #F0C72D;
}

.badPass:before {
    border-color: transparent #F0C72D transparent transparent;
}

.goodPass {
    color: white;
    background: #4BB5C1;
}

.goodPass:before {
    border-color: transparent #4BB5C1 transparent transparent;
}

.strongPass {
    color: white;
    background: #00cc52;
}

.strongPass:before {
    border-color: transparent #00cc52 transparent transparent;
}


/* Password Strength */

.testresult {
    position: absolute;
    left: 100%;
    display: inline-block;
    height: 46px;
    top: 0;
    width: auto;
    white-space: nowrap;
    padding: 0 20px;
    line-height: 46px;
    background: #ededed;
    margin: 0 0 0 18px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
}

.admin-wrapper .testresult,
.reg-users .testresult {
    top: 8px;
}

.testresult:before {
    content: "";
    display: block;
    position: absolute;
    left: -8px;
    top: 50%;
    margin-top: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 8px 6px 0;
    border-color: transparent #f04 transparent transparent;
}

.shortPass {
    color: white;
    background: #f04;
}

.badPass {
    color: white;
    background: #F0C72D;
}

.badPass:before {
    border-color: transparent #F0C72D transparent transparent;
}

.goodPass {
    color: white;
    background: #4BB5C1;
}

.goodPass:before {
    border-color: transparent #4BB5C1 transparent transparent;
}

.strongPass {
    color: white;
    background: #00cc52;
}

.strongPass:before {
    border-color: transparent #00cc52 transparent transparent;
}

#orgChart {
    width: auto;
    height: auto;
}

#orgChartContainer {
    width: 100%;
    height: 580px;
    overflow: auto;
    background: #eeeeee;
    max-width: 100%;
}

.clickable-number {
    position: absolute;
    top: -15px;
    left: -4px;
    width: 30px;
    height: 30px;
    background: #6fce6f;
    border-radius: 30px;
    overflow: hidden;
}

.node .dropdown {
    position: absolute;
    top: -16px;
    right: -4px;
}

.node .dropdown button {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: none;
    border-radius: 30px;
    background: #444;
    color: white;
}

.node .dropdown button:active, .node .dropdown button:focus {
    outline: 0;
}

.node .dropdown-menu > li > a {
    font-size: 14px;
    font-weight: 500;
}

.clickable-number > a, .clickable-number > div {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: white;
}

.node {
    border-radius: 2px !important;
    background: white !important;
    color: #444;
    height: 80px !important;
    width: 210px !important;
    border: 2px solid #0d4475 !important;
    font-size: 14px;
    font-weight: 600 !important;
}

.node h2 {
    padding: 4px 0 0 !important;
}

.node h2 div {
    font-size: 14px;
}

.node h2 div.name {
    font-size: 16px;
    font-weight: 700;
}

.node h2 div+div {
    margin-top: 6px;
}

#jquery-script-menu {
    position: fixed;
    height: 90px;
    width: 100%;
    top: 0;
    left: 0;
    border-top: 5px solid #316594;
    background: #fff;
    -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    z-index: 999999;
    padding: 10px 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.jquery-script-center ul {
    width: 212px;
    float: left;
    line-height: 45px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.jquery-script-center a {
    text-decoration: none;
}

.jquery-script-clear {
    clear: both;
    height: 0;
}

div.orgChart {
    margin: 10px;
    padding: 20px;
}

div.orgChart h2 {
    margin: 0px;
    font-size: 16px;
    font-weight: normal;
    min-height: 20px;
    display: block;
}

div.orgChart h3 {
    margin: 0px;
    font-size: 16px;
    font-weight: normal;
    min-height: 20px;
    display: block;
}

div.orgChart h2:hover {}

div.orgChart h3:hover {
    color: yellow;
    cursor: text;
    transform: scale(1.6);
}

div.orgChart ul {
    list-style: none;
    margin: 4px;
    padding: 0px;
    font-size: 0.8em;
    text-align: left;
}

div.orgChart ul.stack,
div.orgChart ul.stack ul {
    text-align: center;
}

div.orgChart table {
    width: 100%;
}

div.orgChart tr.lines td.line {
    width: 1px;
    height: 20px;
}

div.orgChart tr.lines td.top {
    border-top: 2px solid black;
}

div.orgChart tr.lines td.left {
    border-right: 2px solid black;
}

div.orgChart tr.lines td.right {
    border-left: 2px soid black;
}

div.orgChart tr.lines td.half {
    width: 50%;
}

div.orgChart td {
    text-align: center;
    vertical-align: top;
    padding: 0px 2px;
}

div.orgChart div.node {
    cursor: default;
    border: 1px solid #e7e7e7;
    display: inline-block;
    padding: 5px;
    width: 96px;
    height: 60px;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #fbfbfb));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #fbfbfb 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #fbfbfb 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #fbfbfb 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #fbfbfb 100%);
    /* W3C */
    line-height: 1.3em;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative;
    box-shadow: 1px 1px 0px #ddd;
}

.node .dropdown-menu {
    background: #338ede;
    border: 1px solid #338ede;
}

.node .dropdown-menu li a {
    color: white;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: #256dad !important;
    color: white !important;
}

.disabled {
  background: #ededed !important;
  border: 2px solid #d2d2d2 !important;
}

.disabled .name, .disabled .amount, .disabled .date {
  opacity: 0.5 !important;
}

.org-add-button,
.org-del-button,
.org-confirm-del-button {
    position: absolute;
    font-size: 12px;
}

.org-add-button {
    bottom: 3px;
    left: 5px;
    padding-left: 13px;
}

.org-add-button:hover,
.org-del-button:hover {
    color: yellow;
    transform: scale(1.2);
    cursor: pointer;
}

.org-del-button {
    width: 12px;
    height: 12px;
    bottom: 7px;
    right: 18px;
}

.org-input {
    width: 90px;
    background-color: white;
    color: black;
}

.org-confirm-del-button {
    display: none;
}

.top-row {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}

.top-row:before {
  content: "";
  height: 24px;
  position: absolute;
  border-right: 2px solid black;
  display: block;
  bottom: -40px;
  left: 50%;
  margin-left: -1px;
}

.top-row .node {
  display: inline-block;
}

.top-row .node + .node {
  margin-left: 20px;
}

.top-row .node:before {
  content: "";
  height: 20px;
  position: absolute;
  border-right: 2px solid black;
  display: block;
  bottom: -20px;
  left: 50%;
  margin-left: -1px;
}

.top-row .node:only-child:after {
  display: none;
}

.top-row .node:after {
  content: "";
  position: absolute;
  border-top: 2px solid black;
  display: block;
  bottom: -20px;
  left: 0;
  width: 110%;
}

.top-row .node:first-child:after {
  left: 50%;
}

.top-row .node:last-child:after {
  left: auto;
  right: 50%;
}

div[node-id="j1"], div[node-id="00000000-0000-0000-0000-000000000000"] {
  background: #305a80 !important;
  color: white !important;
}

.ui-datepicker.ui-datepicker-multi {
	z-index: 10999 !important;
}

.code-control {
    display: flex;
    justify-content: center;
    text-align: center;
}

.code-control input {
    text-align: center;
    width: 45px;
    height: 60px;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
}


.code-control input + input {
    margin: 0 0 0 10px;
}

.secret-key {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
}

.secret-key span {
    font-weight: 400;
    display: block;
}