@charset "UTF-8";
html,
body,
#root {
  margin: 0;
  height: auto;
  font-family: Calibri, "Segoe UI", Arial, sans-serif;
  padding-right: 0 !important; }
body,
h1,
h2,
h3 {
  font-weight: 300; }
body {
  /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
  font-size: 14px; }
.section-container {
  padding-left: 5px; }
.modal .custom-container {
  padding-top: 0;
  max-width: 1800px;
  background: transparent; }
.page-header-row {
  border-left: 4px solid red; }
.page-header {
  margin-top: 0;
  color: #121f2d;
  border: none;
  padding-bottom: 0.2em; }
.page-header small {
    color: #121f2d; }
.grid-header-row {
  border-left: 4px solid red;
  margin-bottom: 0.5em; }
.grid-header {
  color: #121f2d; }
.grid-header small {
    color: #121f2d; }
.grid-page-detail {
  color: #333; }
.card-container {
  margin: 9em auto;
  max-width: 25em; }
.portfolio-item {
  margin-bottom: 1.7em; }
*,
*:after,
*:before {
  box-sizing: border-box; }
.col {
  margin-left: 1.6%; }
.gridtable {
  border-color: #d4dade;
  width: 100%; }
.gridtable > thead > tr > th.collapsed > icabs-grid-cell > span,
  .gridtable td.collapsed span,
  .gridtable td.collapsed textarea,
  .gridtable td.collapsed label,
  .gridtable td.collapsed button,
  .gridtable td.collapsed img,
  .gridtable td.collapsed select,
  .gridtable td.collapsed input {
    display: none !important; }
.gridtable > thead > tr > th.collapsed .toggle-collapse-cell span.glyphicon-minus {
    display: none; }
.gridtable > thead > tr > th.collapsed .toggle-collapse-cell span.glyphicon-plus {
    display: block; }
.gridtable > thead > tr > th .toggle-collapse-cell {
    color: #FFF; }
.gridtable > thead > tr > th .toggle-collapse-cell:hover, .gridtable > thead > tr > th .toggle-collapse-cell:focus {
      text-decoration: none; }
.gridtable > thead > tr > th .toggle-collapse-cell span.glyphicon-minus {
      display: block; }
.gridtable > thead > tr > th .toggle-collapse-cell span.glyphicon-plus {
      display: none; }
.gridtable > thead > tr > th span.vertical {
    -webkit-writing-mode: tb-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: tb-rl;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
.gridtable > thead, .gridtable > tfoot {
  background-color: #878d95;
  color: #fff;
  font-size: 14px; }
.gridtable > thead > th > span.pageinfo {
  font-weight: normal; }
.gridtable tr:hover {
  cursor: pointer; }
.riGridBodyHighLightBar {
  background-color: rgba(76, 157, 222, 0.75);
  cursor: auto; }
.gridtable tbody tr {
  height: 25px; }
.gridtable tbody tr.selected td {
  background-color: rgba(76, 157, 222, 0.75) !important; }
.gridtable > thead > tr > th, .gridtable > tbody > tr > td {
  text-align: center; }
.gridtable th, .gridtable tfoot td {
  background-color: #878d95;
  border: #a5aeb3; }
.gridtable span.linked-text {
  color: #007dc5;
  font-size: 13px;
  font-weight: bold; }
.gridtable span.normal-text {
  color: #000000;
  font-size: 13px;
  word-break: break-word; }
.gridtable.table-bordered > thead > tr > th,
.gridtable.table-bordered > tbody > tr > th,
.gridtable.table-bordered > tfoot > tr > th,
.gridtable.table-bordered > thead > tr > td,
.gridtable.table-bordered > tbody > tr > td,
.gridtable.table-bordered > tfoot > tr > td {
  padding: 3px;
  border-left: 1px solid #a5aeb3;
  border-top: 1px solid #a5aeb3;
  border-bottom: none;
  border-right: none; }
.gridtable.table-bordered > tbody > tr > td {
  border-left: 1px solid #888c8f;
  border-top: 1px solid #888c8f;
  border-bottom: none;
  border-right: none;
  color: #000000; }
.gridtable.table-bordered > tbody > tr > td input {
    color: #000000; }
.gridtable > thead > tr > th:last-child,
.gridtable > tbody > tr > td:last-child {
  border-right: 1px solid #d4dade; }
.gridtable > thead > tr > th:first-child,
.gridtable > tbody > tr > td:first-child {
  border-left: 1px solid #d4dade; }
.gridtable > tbody > tr > td > input.form-control {
  height: 18px; }
.gridtable > thead > tr > th {
  padding: 2px; }
.gridtable > tbody > tr > td input.error {
  border: 1px solid red !important; }
.gridtable > input[type='checkbox'] {
  height: 20px;
  width: 20px; }
.gridtable.table-bordered .modal-body .page-title, .gridtable.table-bordered .modal-body label {
  text-align: left; }
.gridtable.table-bordered .modal-body icabs-pagination {
  float: left; }
table.gridtable > tr > td {
  word-break: normal; }
table.gridtable > tr:nth-child(odd) > td[bgcolor=''], .icabs-table tr:nth-child(odd) td {
  background-color: #EAEFF3; }
table.gridtable > tr:nth-child(even) > td[bgcolor=''], .icabs-table tr:nth-child(even) td {
  background-color: #F1F6F9; }
table.gridtable > tr > td:hover {
  cursor: auto; }
.table-bordered.gridtable > tbody > tr.currentMonth > td {
  border-bottom: 2px solid #47494c;
  border-top: 2px solid #47494c; }
.table-bordered.gridtable > icabs-grid-cell {
  display: block; }
.table-bordered.gridtable > tbody icabs-grid-cell > span,
.table-bordered.gridtable > tfoot icabs-grid-cell > span {
  display: block;
  width: 100%;
  min-height: 18px; }
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
  border: 1px solid #888c8f; }
.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
  border-top: 1px solid #888c8f; }
.hideinput {
  opacity: 0 !important; }
/* Fix For readonly Fields With Class form-control */
.gridtable.table-bordered > tbody > tr > td input.form-control[readonly] {
  background: #FFF; }
.gridtable.table-bordered > tbody > tr > td input.form-control[readonly]:focus {
  background: #FFF !important;
  border: none;
  outline: none;
  box-shadow: none;
  border: 1px solid #999; }
.icon {
  height: 25px; }
icabs-grid-cell [value="model/rilogo"], icabs-grid-cell [value="model/rilogos"], icabs-grid-cell [value="model/rilogoS"] {
  max-width: 70px;
  max-height: 30px; }
.parent-header {
  background: #dce4eb;
  min-height: 83px;
  border-bottom: 1px solid #c6c6c6;
  border-radius: 0; }
.parent-header .modal-backdrop {
    opacity: 0.5; }
.logo {
  display: inline-block;
  padding: 8px 0;
  height: 100%; }
.logo img {
    height: 29px; }
.container-fluid {
  max-width: 1366px; }
.container-fluid .back-link-container {
    float: left; }
.container-fluid .back-link-container a {
      display: inline-block;
      background-color: #007DC5;
      font-size: 35px;
      color: #FFF; }
.container-fluid .back-link-container a:hover {
        background-color: #CFE6CC;
        color: #000; }
.container-fluid .env-label {
    padding-left: 5px;
    padding-right: 5px; }
.container-fluid .env-label label {
      font-size: 14px;
      width: 100%; }
@media (max-width: 1140px) {
  .env-label label {
    font-size: 10px !important; } }
.parent-footer {
  margin: 0;
  display: table;
  width: 100%; }
.custom-footer {
  height: 60px;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  color: #adc0c9;
  background-color: #344a55;
  display: table-cell;
  vertical-align: middle; }
.custom-footer a {
    color: #adc0c9; }
.right-container {
  padding-bottom: 2em; }
.right-container .page-content {
    margin: 0;
    padding-left: 20px; }
.right-container .page-content .form-group {
      margin-top: 20px;
      margin-bottom: 0;
      padding: 0; }
.right-container .page-content .input-label {
      margin-top: 0;
      margin-bottom: 7px;
      color: #121f2d;
      font-size: 15px;
      line-height: 15px;
      font-family: Calibri, "Segoe UI", Arial, sans-serif;
      height: 15px; }
.right-container .page-content .input-label label {
        padding: 0; }
.right-container .dropdown:focus {
    outline: none; }
.right-container .btn-secondary {
    box-shadow: none; }
.right-container .page-mandate {
    float: right;
    font-style: italic;
    color: #344a55;
    font-size: 13px; }
.right-container .page-asterisk {
    color: #ff0000; }
.right-container .container-table {
    overflow: hidden;
    margin: 20px; }
.right-container .container-table .pagination {
      font-size: 14px;
      line-height: 14px;
      font-family: Calibri, "Segoe UI", Arial, sans-serif;
      height: 14px;
      margin: 0; }
.right-container .container-table .pagination-cont {
      height: 34px; }
/*later we need to remove this when all page convert to full page*/
.custom-container .right-container .custom-container {
  margin-top: 0;
  padding-top: 0; }
.custom-container .right-container .col-xs-3 {
  width: 33.33333333%; }
/*later we need to remove this when all page convert to full page*/
form label {
  color: #121f2d; }
.form-group {
  margin-bottom: 5px; }
.form-group label {
  padding-top: 10px;
  font-weight: normal; }
.form-control[readonly] {
  background: transparent; }
.info {
  padding: 15px 0px; }
.btn-primary {
  padding: 6px 16px;
  border-radius: 0px; }
.btn-secondary {
  padding: 6px 16px;
  color: #007bc6;
  background: transparent;
  border-radius: 2px; }
.btn-gray {
  padding: 6px 16px;
  color: #263740;
  border-radius: 2px;
  font-size: 15px;
  font-weight: bold; }
.required.error .dropdown .ui-select-toggle {
  border: 1px solid red; }
span.head {
  font-weight: bold;
  font-size: 16px;
  color: #121f2d; }
.error-tab-a .nav-tabs .nav-item:nth-child(1) a, .error-tab-a .nav-tabs .nav-item:nth-child(1) a:hover, .error-tab-a .nav-tabs .nav-item:nth-child(1) a:active {
  border: 1px solid red; }
.error-tab-a .nav-tabs .nav-item.active:nth-child(1) a, .error-tab-a .nav-tabs .nav-item.active:nth-child(1) a:hover, .error-tab-a .nav-tabs .nav-item.active:nth-child(1) a:active {
  border-top: 1px solid red;
  border-left: 1px solid red;
  border-right: 1px solid red;
  border-bottom: 4px solid #337ab7; }
.error-tab-b .nav-tabs .nav-item:nth-child(2) a, .error-tab-b .nav-tabs .nav-item:nth-child(2) a:hover, .error-tab-b .nav-tabs .nav-item:nth-child(2) a:active {
  border: 1px solid red; }
.error-tab-b .nav-tabs .nav-item.active:nth-child(2) a, .error-tab-b .nav-tabs .nav-item.active:nth-child(2) a:hover, .error-tab-b .nav-tabs .nav-item.active:nth-child(2) a:active {
  border-top: 1px solid red;
  border-left: 1px solid red;
  border-right: 1px solid red;
  border-bottom: 4px solid #337ab7; }
.error-tab-c .nav-tabs .nav-item:nth-child(3) a, .error-tab-c .nav-tabs .nav-item:nth-child(3) a:hover, .error-tab-c .nav-tabs .nav-item:nth-child(3) a:active {
  border: 1px solid red; }
.error-tab-c .nav-tabs .nav-item.active:nth-child(3) a, .error-tab-c .nav-tabs .nav-item.active:nth-child(3) a:hover, .error-tab-c .nav-tabs .nav-item.active:nth-child(3) a:active {
  border-top: 1px solid red;
  border-left: 1px solid red;
  border-right: 1px solid red;
  border-bottom: 4px solid #337ab7; }
.error-tab-d .nav-tabs .nav-item:nth-child(4) a, .error-tab-d .nav-tabs .nav-item:nth-child(4) a:hover, .error-tab-d .nav-tabs .nav-item:nth-child(4) a:active {
  border: 1px solid red; }
.error-tab-d .nav-tabs .nav-item.active:nth-child(4) a, .error-tab-d .nav-tabs .nav-item.active:nth-child(4) a:hover, .error-tab-d .nav-tabs .nav-item.active:nth-child(4) a:active {
  border-top: 1px solid red;
  border-left: 1px solid red;
  border-right: 1px solid red;
  border-bottom: 4px solid #337ab7; }
.error-tab-e .nav-tabs .nav-item:nth-child(5) a, .error-tab-e .nav-tabs .nav-item:nth-child(5) a:hover, .error-tab-e .nav-tabs .nav-item:nth-child(5) a:active {
  border: 1px solid red; }
.error-tab-e .nav-tabs .nav-item.active:nth-child(5) a, .error-tab-e .nav-tabs .nav-item.active:nth-child(5) a:hover, .error-tab-e .nav-tabs .nav-item.active:nth-child(5) a:active {
  border-top: 1px solid red;
  border-left: 1px solid red;
  border-right: 1px solid red;
  border-bottom: 4px solid #337ab7; }
.nav-tabs .nav-item.error a, .nav-tabs .nav-item.error a:hover, .nav-tabs .nav-item.error a:active {
  border: 1px solid red; }
.nav-tabs .nav-item.active.error a, .nav-tabs .nav-item.active.error a:hover, .nav-tabs .nav-item.active.error a:active {
  border-top: 1px solid red;
  border-left: 1px solid red;
  border-right: 1px solid red;
  border-bottom: 4px solid #337ab7; }
.multi-select.below {
  border-left: 3px solid #008000;
  padding-left: 2px; }
.multi-select.side {
  border-bottom: 3px solid #008000;
  padding-bottom: 2px; }
.multi-select.error.required {
  border-left-color: #FF0000; }
.multi-select .col24 {
  float: none; }
.multi-select .multi-select-display {
  width: 100%; }
.indicator-list {
  margin-top: 2em;
  margin-bottom: 1em; }
.indicator-list ul {
    padding-left: 1em;
    padding-right: 1em;
    margin: 0; }
.indicator-list ul li {
      list-style: none;
      display: inline-block; }
.indicator-list ul li div {
        float: left;
        height: 1.2em;
        width: 1.2em; }
.indicator-list ul li div.outside-service-branch {
        background-color: #FFCCCC; }
.indicator-list ul li p {
        float: left;
        padding: 0 0.5em; }
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col13, .col14, .col15, .col16, .col17, .col18, .col19, .col20, .col21, .col22, .col23, .col24 {
  min-height: 1px;
  float: left; }
.col1 {
  width: 4.16666667%; }
table > thead > tr > th.col1 {
  float: none;
  white-space: nowrap; }
.col2 {
  width: 8.33333333%; }
table > thead > tr > th.col2 {
  float: none;
  white-space: nowrap; }
.col3 {
  width: 12.5%; }
table > thead > tr > th.col3 {
  float: none;
  white-space: nowrap; }
.col4 {
  width: 16.66666667%; }
table > thead > tr > th.col4 {
  float: none;
  white-space: nowrap; }
.col5 {
  width: 20.83333333%; }
table > thead > tr > th.col5 {
  float: none;
  white-space: nowrap; }
.col6 {
  width: 25%; }
table > thead > tr > th.col6 {
  float: none;
  white-space: nowrap; }
.col7 {
  width: 29.16666667%; }
table > thead > tr > th.col7 {
  float: none;
  white-space: nowrap; }
.col8 {
  width: 33.33333333%; }
table > thead > tr > th.col8 {
  float: none;
  white-space: nowrap; }
.col9 {
  width: 37.5%; }
table > thead > tr > th.col9 {
  float: none;
  white-space: nowrap; }
.col10 {
  width: 41.66666667%; }
table > thead > tr > th.col10 {
  float: none;
  white-space: nowrap; }
.col11 {
  width: 45.83333333%; }
table > thead > tr > th.col11 {
  float: none;
  white-space: nowrap; }
.col12 {
  width: 50%; }
table > thead > tr > th.col12 {
  float: none;
  white-space: nowrap; }
.col13 {
  width: 54.16666667%; }
table > thead > tr > th.col13 {
  float: none;
  white-space: nowrap; }
.col14 {
  width: 58.33333333%; }
table > thead > tr > th.col14 {
  float: none;
  white-space: nowrap; }
.col15 {
  width: 62.5%; }
table > thead > tr > th.col15 {
  float: none;
  white-space: nowrap; }
.col16 {
  width: 66.66666667%; }
table > thead > tr > th.col16 {
  float: none;
  white-space: nowrap; }
.col17 {
  width: 70.83333333%; }
table > thead > tr > th.col17 {
  float: none;
  white-space: nowrap; }
.col18 {
  width: 75%; }
table > thead > tr > th.col18 {
  float: none;
  white-space: nowrap; }
.col19 {
  width: 79.16666667%; }
table > thead > tr > th.col19 {
  float: none;
  white-space: nowrap; }
.col20 {
  width: 83.33333333%; }
table > thead > tr > th.col20 {
  float: none;
  white-space: nowrap; }
.col21 {
  width: 87.5%; }
table > thead > tr > th.col21 {
  float: none;
  white-space: nowrap; }
.col22 {
  width: 91.66666667%; }
table > thead > tr > th.col22 {
  float: none;
  white-space: nowrap; }
.col23 {
  width: 95.83333333%; }
table > thead > tr > th.col23 {
  float: none;
  white-space: nowrap; }
.col24 {
  width: 100%; }
table > thead > tr > th.col24 {
  float: none;
  white-space: nowrap; }
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  opacity: 0;
  position: absolute;
  width: auto; }
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  min-height: 27px;
  line-height: 25px;
  width: auto; }
[type="checkbox"]:not(:checked) + label.pl27,
[type="checkbox"]:checked + label.pl27 {
  padding: 0 0 0 27px; }
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0px;
  width: 27px;
  height: 27px;
  border: 1px solid #bbb;
  background: #fff;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); }
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 6px;
  left: 5px;
  font-size: 19px;
  line-height: 0.8;
  color: #333;
  transition: all .2s; }
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0); }
[type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1); }
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd; }
[type="checkbox"]:disabled:checked + label:after {
  color: #999; }
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
  background-color: #FCF0C4 !important; }
/* hover style just for information */
label:hover:before {
  border: 1px solid #4778d9 !important; }
/* error checkbox */
[type="checkbox"]:not(:checked).error + label:before,
[type="checkbox"]:checked.error + label:before {
  border-color: #f00; }
/* Checkbox*/
.custom-checkbox-wrapper {
  line-height: 1;
  position: relative; }
.custom-checkbox-wrapper .custom-checkbox,
.custom-checkbox-wrapper .custom-checkbox-label {
  display: inline-block;
  margin: 0;
  cursor: pointer; }
.custom-checkbox-wrapper .custom-checkbox {
  opacity: 0;
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  color: #fff;
  z-index: 10;
  top: 0.7em; }
.custom-checkbox-wrapper .custom-checkbox ~ .custom-checkbox-label {
  position: relative;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5;
  padding-left: 2.5em;
  word-wrap: break-word; }
table tr td .custom-checkbox-wrapper .custom-checkbox ~ .custom-checkbox-label {
  padding-left: 1.5em; }
.custom-checkbox-wrapper .custom-checkbox:checked ~ .custom-checkbox-label:before {
  content: "";
  background: url("/assets/images/tick-icon.svg") no-repeat;
  background-position: center center;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-size: 80% 80%; }
table tr td .custom-checkbox-wrapper .custom-checkbox:checked ~ .custom-checkbox-label:before {
  background-size: 90% 90%; }
.custom-checkbox-wrapper .custom-checkbox ~ .custom-checkbox-label:before {
  content: '';
  background: #fff;
  border: 1px solid #bbb;
  display: inline-block;
  position: absolute;
  left: 0;
  width: 1.5em;
  height: 1.5em;
  top: 0.5em;
  text-align: center; }
.custom-checkbox-wrapper .custom-checkbox[disabled] ~ .custom-checkbox-label:before {
  background: #eee; }
table tr td .custom-checkbox-wrapper .custom-checkbox ~ .custom-checkbox-label:before {
  top: -8px;
  background: url("/assets/images/cross-icon-svg.svg") no-repeat;
  background-position: center center;
  color: #fff;
  background-size: 60% 60%;
  border: none; }
.custom-checkbox-wrapper .custom-checkbox ~ .custom-checkbox-label span {
  margin-right: 0; }
.custom-checkbox-label > span {
  vertical-align: super; }
/* Base for label styling */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  opacity: 0;
  position: absolute;
  width: auto; }
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  min-height: 27px;
  line-height: 25px;
  width: auto; }
/* radio aspect */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0px;
  width: 27px;
  height: 27px;
  border: 1px solid #bbb;
  background: #fff;
  border-radius: 50%;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); }
/* checked mark aspect */
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
  content: '•';
  position: absolute;
  top: 1px;
  left: 5px;
  font-size: 32px;
  line-height: 0.8;
  color: #007dc5;
  transition: all .2s; }
/* checked mark aspect changes */
[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0); }
[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1); }
/* disabled radio */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd; }
[type="radio"]:disabled:checked + label:after {
  color: #999; }
[type="radio"]:disabled + label {
  color: #aaa; }
/* accessibility */
[type="radio"]:checked:focus + label:before,
[type="radio"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
  background-color: #FCF0C4 !important; }
/* Tabs */
.nav-tabs li > a {
  border-radius: 0;
  color: #007CC4; }
.nav-tabs li.active > a {
  color: #333; }
.nav-tabs li.active.error > a {
  color: #f4777c; }
.nav-tabs > li > a:hover {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer; }
.nav-tabs > li.active > a.active,
.nav-tabs > li.active > a.active:focus,
.nav-tabs > li.active > a.active:hover {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 4px solid #337ab7;
  font-weight: bold; }
/*** ellipsis ***/
.ellipsis {
  display: inline-block;
  border: 1px solid #b7bfc7;
  width: 26px;
  height: 27px;
  text-align: center;
  vertical-align: middle;
  font-size: 25px;
  cursor: pointer;
  border-radius: 2px;
  background: url("/assets/images/ellipsis-svg.svg") #d2dde6 no-repeat center;
  background-size: 95%; }
.ellipsis.disabled {
  cursor: not-allowed; }
/* Pagination */
.pagination {
  border-radius: 0;
  text-align: right; }
.pagination.export {
    float: none;
    margin-left: 20px; }
.pagination.export a {
      font-size: 17px; }
ul.pagination {
  border: 1px solid #acc0cf;
  border-radius: 2px;
  float: left;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 0; }
.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover {
  color: #007dc5;
  background-color: #ffffff; }
.pagination > li > a {
  height: 23px;
  line-height: 23px;
  padding: 0px 10px;
  border: none;
  font-size: 15px;
  font-weight: bold;
  border-left: 1px solid #acc0cf; }
.pagination > li:first-child a {
  border-left: none; }
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #007dc5;
  border-color: #007CC4;
  color: #ffffff; }
.pagination > .disabled > a,
.pagination > .disabled > span,
.pagination > .disabled > a:hover,
.pagination > .disabled > span:hover,
.pagination > .disabled > a:focus,
.pagination > .disabled > span:focus {
  background-color: #fff;
  border-color: #acc0cf;
  color: #bcbdc1;
  opacity: 0.5; }
.pagination .pagination-prev > a,
.pagination .pagination-prev > a:hover {
  background: url("/assets/images/pagination-left-arrow.svg") no-repeat;
  background-position: center;
  background-size: 35%;
  color: transparent; }
.pagination .pagination-prev.disabled > a,
.pagination .pagination-prev.disabled > a:hover {
  background: url("/assets/images/pagination-left-disable-arrow.svg") no-repeat;
  background-position: center;
  background-size: 35%;
  color: transparent; }
.pagination .pagination-next > a,
.pagination .pagination-next > a:hover {
  background: url("/assets/images/pagination-right-arrow.svg") no-repeat;
  background-position: center;
  background-size: 35%;
  color: transparent; }
.pagination .pagination-next.disabled > a,
.pagination .pagination-next.disabled > a:hover {
  background: url("/assets/images/pagination-right-disable-arrow.svg") no-repeat;
  background-position: center;
  background-size: 35%;
  color: transparent; }
.pagination .pagination-first > a,
.pagination .pagination-first > a:hover {
  background: url("/assets/images/pagination-first-arrow.svg") no-repeat;
  background-position: center;
  background-size: 60%;
  color: transparent; }
.pagination .pagination-first.disabled > a,
.pagination .pagination-first.disabled > a:hover {
  background: url("/assets/images/pagination-first-disable-arrow.svg") no-repeat;
  background-position: center;
  background-size: 45%;
  color: transparent; }
.pagination .pagination-last > a,
.pagination .pagination-last > a:hover {
  background: url("/assets/images/pagination-last-arrow.svg") no-repeat;
  background-position: center;
  background-size: 60%;
  color: transparent; }
.pagination .pagination-last.disabled > a,
.pagination .pagination-last.disabled > a:hover {
  background: url("/assets/images/pagination-last-disable-arrow.svg") no-repeat;
  background-position: center;
  background-size: 45%;
  color: transparent; }
ul.pagination.export {
  border: none; }
ul.pagination.export > li {
    float: left; }
ul.pagination.export > li:first-child {
      border: 1px solid #acc0cf; }
ul.pagination.export > li a:hover {
      background-color: #DDD; }
ul.pagination.export > li a:focus {
      background-color: #FFF;
      color: #007DC5; }
ul.pagination.export .export-loader {
    margin-left: 15px;
    margin-top: 3px; }
ul.pagination.export .export-loader .bounce1,
    ul.pagination.export .export-loader .bounce2,
    ul.pagination.export .export-loader .bounce3 {
      height: 12px !important;
      width: 12px !important; }
/* Refresh */
.custom-refresh li a {
  background: url("/assets/images/refresh.svg") no-repeat;
  background-position: center center;
  background-size: 70%;
  height: 23px;
  padding: 0px 10px; }
.pagination.custom-refresh {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }
.form-group {
  margin-bottom: 5px; }
.form-control,
.btn {
  height: 27px;
  padding: 2px 12px;
  border-radius: 2px;
  margin-right: 3px; }
.btn {
  padding: 0px 24px; }
.ui-select-container .btn {
  padding: 3px 10px; }
.ui-select-container :focus {
  color: #333;
  background-color: #FCF0C4 !important; }
.pagination {
  margin: 0; }
.glyphicon {
  top: 3px; }
.sectionHeading .glyphicon {
  top: 10px; }
input[type=checkbox],
input[type=radio] {
  margin: 0px; }
hr {
  margin: 10px 0; }
label {
  margin-bottom: 0px;
  font-weight: normal; }
.modal-header {
  padding: 5px; }
.btn-secondary {
  background: #fff;
  border-radius: 0px;
  border: 1px solid #007dc5;
  color: #007dc5; }
.modal-backdrop {
  transition-duration: 0.4s;
  background: rgba(55, 58, 71, 0.9);
  transition: opacity 0.3s; }
.modal-backdrop.in {
  opacity: 1; }
.modal .modal-content {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  border-radius: 0; }
.modal .modal-content .modal-body table.modal-notification tr td {
  border: none;
  padding: 10px; }
.modal .modal-content .modal-body table.modal-notification tr::before {
  border-left: 2px solid #337ab7;
  padding-bottom: 15px;
  content: ''; }
.modal.fade.in .modal-content {
  -webkit-animation-name: anim-open;
  animation-name: anim-open;
  -webkit-animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); }
.modal.fade .modal-content {
  -webkit-animation-name: anim-close;
  animation-name: anim-close; }
@-webkit-keyframes anim-open {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 1); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1); } }
@keyframes anim-open {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 1); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1); } }
@keyframes anim-open {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-webkit-keyframes anim-close {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 1); } }
@keyframes anim-close {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 1); } }
@keyframes anim-close {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1); } }
.secondarySection .sectionHead {
  background: #ccc;
  height: 35px; }
.secondarySection .sectionHead a {
    color: #007bc6;
    font-weight: bold;
    line-height: 35px;
    position: relative;
    padding-right: 20px;
    text-decoration: none; }
.secondarySection .sectionHead a:before {
    content: "›";
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 18px; }
.secondarySection .sectionHead a.open:before {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
.secondarySection .panel-group .panel-heading {
  padding: 0 15px; }
.secondarySection .sectionHeading {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  line-height: 35px; }
.secondarySection .sectionCollapcible {
  border-bottom: 1px solid #333;
  padding-bottom: 1px; }
.secondarySection .sectionCollapcible .collapcibleContent {
    background: #eee;
    padding: 10px; }
html,
body {
  height: 100%;
  background-color: #F2F2F2; }
.bold {
  font-weight: bold; }
.normal {
  font-weight: normal; }
.inline {
  display: inline; }
.center {
  text-align: center; }
.left {
  text-align: left; }
.right {
  text-align: right; }
.bg-gray {
  background-color: #F2F3F2; }
.font-sm {
  font-size: small;
  color: #000; }
.font-md {
  font-size: medium; }
.font-lg {
  font-size: large; }
.pointer {
  cursor: pointer; }
.cursor-auto {
  cursor: auto; }
.cursor-default {
  cursor: default; }
/* Padding */
.padding-zero {
  padding: 0; }
.padding-left-zero {
  padding-left: 0; }
.padding-right-zero {
  padding-right: 0; }
.padding-top-zero {
  padding-top: 0; }
.padding-top-x {
  padding-top: 5px; }
.padding-top-s {
  padding-top: 10px; }
.padding-top-m {
  padding-top: 15px; }
.padding-top-l {
  padding-top: 20px; }
.padding-top-lx {
  padding-top: 25px; }
.padding-top-lxx {
  padding-top: 32px; }
.padding-bottom-x {
  padding-bottom: 5px; }
.padding-bottom-s {
  padding-bottom: 10px; }
.padding-bottom-m {
  padding-bottom: 15px; }
.padding-bottom-l {
  padding-bottom: 20px; }
.padding-bottom-lx {
  padding-bottom: 25px; }
.padding-bottom-lxx {
  padding-bottom: 30px; }
.padding-left-x {
  padding-left: 5px; }
.padding-left-s {
  padding-left: 10px; }
.padding-left-m {
  padding-left: 15px; }
.padding-left-l {
  padding-left: 20px; }
.padding-left-lx {
  padding-left: 25px; }
.padding-left-lxx {
  padding-left: 30px; }
.padding-right-x {
  padding-right: 5px; }
.padding-right-s {
  padding-right: 10px; }
.padding-right-m {
  padding-right: 15px; }
.padding-right-l {
  padding-right: 20px; }
.padding-right-lx {
  padding-right: 25px; }
.padding-right-lxx {
  padding-right: 30px; }
.padding-x {
  padding: 5px; }
.padding-s {
  padding: 10px; }
.padding-m {
  padding: 15px; }
.padding-l {
  padding: 20px; }
.padding-lx {
  padding: 25px; }
.padding-lxx {
  padding: 30px; }
/* Margin */
.margin-zero {
  margin: 0; }
.margin-left-zero {
  margin-left: 0; }
.margin-right-zero {
  margin-right: 0; }
.margin-top-zero {
  margin-top: 0; }
.margin-bottom-zero {
  margin-bottom: 0; }
.margin-auto {
  margin-left: auto;
  margin-right: auto; }
.margin-top-s {
  margin-top: 10px; }
.margin-top-m {
  margin-top: 15px; }
.margin-top-l {
  margin-top: 20px; }
.margin-top-lx {
  margin-top: 25px; }
.margin-top-lxx {
  margin-top: 30px; }
.margin-bottom-m {
  margin-bottom: 15px; }
.margin-bottom-l {
  margin-bottom: 20px; }
.margin-bottom-lx {
  margin-bottom: 25px; }
.margin-bottom-lxx {
  margin-bottom: 30px; }
.margin-left-m {
  margin-left: 15px; }
.width-100 {
  width: 100%;
  float: left; }
.width-70 {
  width: 70%; }
.width-30 {
  width: 30%; }
.width-55 {
  width: 55%; }
.width-50 {
  width: 50%; }
/* Auto */
.auto-height {
  height: auto; }
.auto-width {
  width: auto; }
hr {
  border-top: 1px solid #b7bfc7; }
/* Hidden */
.hidden,
[data-hidden="true"] {
  display: none; }
/* Disabled */
.disabled {
  opacity: 0.5; }
/* Utility */
.clear {
  clear: both; }
.no-float {
  float: none; }
/*New Globals*/
.pos-relative {
  position: relative; }
.inline-block {
  display: inline-block; }
.lh25 {
  line-height: 25px; }
.pr0 {
  padding-right: 0px; }
.pr5 {
  padding-right: 5px; }
.pr10 {
  padding-right: 10px; }
.pr15 {
  padding-right: 15px; }
.pr20 {
  padding-right: 20px; }
.pr25 {
  padding-right: 25px; }
.pl0 {
  padding-left: 0px; }
.pl5 {
  padding-left: 5px; }
.pl10 {
  padding-left: 10px; }
.pl15 {
  padding-left: 15px; }
.pl20 {
  padding-left: 20px; }
.pl25 {
  padding-left: 25px; }
.pl32 {
  padding-left: 32px; }
.pt0 {
  padding-top: 0px; }
.pt5 {
  padding-top: 5px; }
.pt10 {
  padding-top: 10px; }
.pt15 {
  padding-top: 15px; }
.pt20 {
  padding-top: 20px; }
.pt25 {
  padding-top: 25px; }
.pb20 {
  padding-bottom: 20px; }
.mt0 {
  margin-top: 0px; }
.mt2 {
  margin-top: 2px; }
.mt3 {
  margin-top: 3px; }
.mt4 {
  margin-top: 4px; }
.mt5 {
  margin-top: 5px; }
.mt7 {
  margin-top: 7px; }
.mt10 {
  margin-top: 10px; }
.mt15 {
  margin-top: 15px; }
.mt17 {
  margin-top: 17px; }
.mt18 {
  margin-top: 18px; }
.mt20 {
  margin-top: 20px; }
.mt23 {
  margin-top: 23px; }
.mt25 {
  margin-top: 25px; }
.mt28 {
  margin-top: 28px; }
.mt30 {
  margin-top: 30px; }
.mb0 {
  margin-bottom: 0px; }
.mb5 {
  margin-bottom: 5px; }
.mb10 {
  margin-bottom: 10px; }
.mb15 {
  margin-bottom: 15px; }
.mb20 {
  margin-bottom: 20px; }
.mb25 {
  margin-bottom: 25px; }
.mb30 {
  margin-bottom: 30px; }
.mr5 {
  margin-right: 5px; }
.mr10 {
  margin-right: 10px; }
.mr15 {
  margin-right: 15px; }
.mr20 {
  margin-right: 20px; }
.mr25 {
  margin-right: 25px; }
.mr30 {
  margin-right: 30px; }
.ml5 {
  margin-left: 5px; }
.ml10 {
  margin-left: 10px; }
.ml15 {
  margin-left: 15px; }
.ml20 {
  margin-left: 20px; }
.ml25 {
  margin-left: 25px; }
.ml30 {
  margin-left: 30px; }
.redbg {
  background: #FF3000; }
.amberbg {
  background: #FF8000; }
.greenbg {
  background: #33FF33; }
.graybg {
  background: #ccc; }
.yellowbg {
  background: #FFFF00; }
icabs-dropdown-static select.invalid {
  border: 1px solid red; }
icabs-dropdown .error .btn-secondary {
  border: none; }
.red-bdr {
  border: 1px solid red !important; }
.minH600, .custom-container.minH600 {
  min-height: 700px; }
.modal-body {
  word-break: break-word; }
.modal-body .multiline-prompt div {
    min-height: 10px; }
.modal-body .multiline-prompt div:last-child {
      font-weight: normal !important;
      font-size: 14px; }
.default-wrap, .default-wrap th {
  word-break: normal; }
img.icabs-validation-rule-icon {
  position: absolute;
  top: 54%;
  right: -8px; }
.secondarySection .sectionHead {
  background: #ccc;
  height: 35px; }
.secondarySection .sectionHead a {
    color: #007bc6;
    font-weight: bold;
    line-height: 35px;
    position: relative;
    padding-right: 20px;
    text-decoration: none; }
.secondarySection .sectionHead a:before {
    content: "›";
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 18px; }
.secondarySection .sectionHead a.open:before {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
.secondarySection .panel-group .panel-heading {
  padding: 0 15px; }
.secondarySection .sectionHeading {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  line-height: 35px; }
.secondarySection .sectionCollapcible {
  border-bottom: 1px solid #333;
  padding-bottom: 1px; }
.secondarySection .sectionCollapcible .collapcibleContent {
    background: #eee;
    padding: 10px; }
.nav-container {
  background: #2a3b44;
  position: absolute;
  top: 0;
  width: 70%;
  z-index: 9999; }
.main-nav {
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 -15px; }
.main-nav .domain.menu-loader {
    text-align: left; }
.main-nav .domain.menu-loader .domain-text {
      font-size: 25px;
      font-weight: bold;
      line-height: 38px; }
.main-nav .domain.menu-loader:hover {
      background: none !important; }
.main-nav ul {
    list-style: none;
    margin: 0;
    padding: 0; }
.main-nav ul > li {
      border-bottom: 1px solid #495c66;
      padding: 0 30px;
      margin: 0 -15px; }
.main-nav ul > li .feature-wrapper {
        display: none; }
.main-nav ul > li .feature-wrapper .modulename {
          display: none; }
.main-nav ul > li .feature-wrapper .feature-title {
          color: #b8d0de;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
.main-nav ul > li .feature-wrapper .feature {
          border-bottom: none;
          border-top: 1px solid #495c66;
          line-height: 40px; }
.main-nav ul > li .domain-title .glyphicon {
        float: right;
        margin-top: 10px;
        color: #b8d0de; }
.main-nav ul > li .domain-title .glyphicon-menu-down:before {
        content: "\e258"; }
.main-nav ul .domain.active .feature-wrapper {
      display: block;
      background: #344a55;
      margin: 0 -15px; }
.main-nav ul .domain.active .feature-wrapper .feature-title:before {
        font-family: 'Glyphicons Halflings';
        content: "\e258";
        float: right; }
.main-nav ul .domain.active .domain-title .glyphicon {
      display: none; }
.main-nav ul .domain.show .feature-wrapper {
      display: block; }
.main-nav ul li.domain > a {
      width: 100%;
      color: #fff;
      line-height: 40px;
      text-decoration: none;
      display: inline-block;
      text-transform: uppercase; }
.main-nav ul li.domain .domain-title .domain-text {
      margin-right: 3px; }
.openFeature .main-nav ul li.domain {
  display: none; }
.openFeature .main-nav ul li.domain.active {
  display: block; }
.openFeature .main-nav ul li.domain.active .domain-title {
    font-size: 15px; }
.openFeature .menu-control .menu-back {
  display: inline; }
.main-nav ul > li .feature-wrapper .feature.active .feature-title {
  font-size: 16px;
  color: #fff; }
.main-nav ul > li .feature-wrapper .feature.active .feature-title:before {
  content: "\e259"; }
.main-nav ul > li .feature-wrapper .feature.active .modulename {
  display: block; }
.main-nav ul > li .feature-wrapper .feature.active .modulename .module-title {
    border-bottom: none;
    line-height: normal;
    margin: 0 -15px;
    padding-bottom: 15px; }
.main-nav ul > li .feature-wrapper .feature.active .modulename .module-title a {
      color: #b8d0de; }
.custom-container {
  padding-top: 86px; }
.navbar-header .navbar-toggle {
  float: left;
  margin: 5px 0; }
.navbar-header .icon-bar {
  background-color: #333; }
.menu-control {
  height: 30px;
  line-height: 30px; }
.menu-control a {
    color: #40b9ff;
    text-decoration: none; }
.menu-control .menu-back {
    font-size: 15px;
    display: none; }
.menu-control .menu-close img {
    height: 15px; }
@media (min-width: 768px) {
  .nav-container {
    background: #007dc5;
    position: static;
    width: auto; }
  .main-nav {
    overflow: visible;
    margin: 0; }
    .main-nav > ul > li {
      float: left;
      height: 40px;
      width: auto;
      border-bottom: none;
      padding: 0 10px;
      margin: 0; }
      .main-nav > ul > li .feature-wrapper {
        top: 72px;
        overflow-x: hidden;
        overflow-y: auto;
        width: 100%;
        position: absolute;
        width: 100%;
        left: 0px;
        background: #ededed;
        padding: 15px 10px 10px 10px;
        display: none;
        box-shadow: 0px 12px 8px -9px rgba(96, 96, 96, 0.5); }
        .main-nav > ul > li .feature-wrapper li.feature {
          float: left;
          width: 33.33%;
          padding-bottom: 25px;
          padding-right: 10px;
          padding-left: 0;
          border: none;
          line-height: normal;
          margin: 0; }
          .main-nav > ul > li .feature-wrapper li.feature .feature-title {
            font-weight: bold;
            color: #000;
            white-space: normal; }
          .main-nav > ul > li .feature-wrapper li.feature .modulename {
            display: block; }
        .main-nav > ul > li .feature-wrapper li.feature:nth-child(3n) + li {
          clear: both; }
      .main-nav > ul > li .domain-title .glyphicon {
        float: none;
        color: #fff;
        width: 8px;
        height: 5px;
        font-size: 7px;
        top: 0; }
      .main-nav > ul > li .module-title {
        height: auto;
        border-bottom: none;
        padding: 0;
        margin: 0; }
    .main-nav > ul .feature-title:before {
      display: none; }
    .main-nav > ul li.domain a {
      text-transform: none; }
    .main-nav > ul li.domain:hover {
      background: #ededed;
      /*.feature-wrapper {
                    display: block;
                }*/ }
      .main-nav > ul li.domain:hover a {
        color: #000;
        text-decoration: none; }
      .main-nav > ul li.domain:hover .glyphicon {
        color: #000; }
      .main-nav > ul li.domain:hover .glyphicon-menu-down:before {
        content: "\e114"; }
    .main-nav > ul li.show {
      background: #ededed; }
      .main-nav > ul li.show a {
        color: #000;
        text-decoration: none; }
      .main-nav > ul li.show .glyphicon {
        color: #000; }
      .main-nav > ul li.show .glyphicon-menu-down:before {
        content: "\e114"; }
  .custom-container {
    padding-top: 120px; }
  /* Scroll bar */
  .feature-wrapper::-webkit-scrollbar, .modal-open .modal::-webkit-scrollbar {
    width: 11px;
    /* for vertical scrollbars */
    height: 6px;
    /* for horizontal scrollbars */
    background: rgba(0, 0, 0, 0.1); }
  .feature-wrapper::-webkit-scrollbar-thumb, .modal-open .modal::-webkit-scrollbar-thumb {
    background-color: rgba(0, 125, 198, 0.8);
    border-radius: 10px;
    max-height: 10px; }
  .feature-wrapper::-webkit-scrollbar-corner, .modal-open .modal::-webkit-scrollbar-corner {
    background: transparent; } }
@media (min-width: 1200px) {
  .main-nav {
    display: table;
    width: 90%;
    min-height: 40px; }
    .main-nav > ul {
      display: table-row; }
      .main-nav > ul > li {
        display: table-cell;
        float: none;
        padding: 0;
        min-width: 70px;
        text-align: center; }
        .main-nav > ul > li .feature-wrapper {
          top: 40px;
          text-align: left; }
  .custom-container {
    padding-top: 113px; }
  .main-nav ul li .feature-wrapper li.feature {
    width: 16.66%; }
  .main-nav ul li .feature-wrapper li.feature:nth-child(3n) + li {
    clear: none; }
  .main-nav ul li .feature-wrapper li.feature:nth-child(6n) + li {
    clear: both; } }
.search-container {
  border-bottom: 1px solid #344a55;
  padding: 0 15px 7px 15px;
  margin: 0 -15px; }
.search-container input.form-control {
    height: 28px; }
@media (min-width: 768px) {
  .search-container {
    width: 15%;
    padding: 0 10px 0px 0;
    border-bottom: none;
    margin: 7px 0 0 0;
    float: left; }
    .search-container input.form-control {
      height: 22px;
      font-size: 12px; } }
@media (min-width: 1200px) {
  .nav-container .search-container {
    width: 10%; } }
.top-menu-holder {
  background: #fff; }
.top-menu-wrapper {
  height: 40px;
  display: table;
  width: 100%;
  font-size: 12px; }
.top-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: table-row; }
.top-menu li {
    display: table-cell;
    border-right: 1px solid #333;
    vertical-align: middle;
    text-align: center; }
.top-menu li a {
      color: #333;
      text-decoration: none;
      white-space: nowrap; }
.top-menu li a img {
        width: 16px; }
.top-menu li a span {
        width: 100%;
        display: block; }
.top-menu li:last-child {
    border: none; }
@media (min-width: 768px) {
  .top-menu-wrapper {
    height: 28px;
    table-layout: fixed; }
    .top-menu-wrapper .top-menu li {
      width: 2%; }
      .top-menu-wrapper .top-menu li a span {
        width: auto;
        display: inline;
        padding-left: 5px;
        vertical-align: middle; } }
@media (min-width: 992px) {
  .top-menu-wrapper {
    display: block; }
    .top-menu-wrapper .top-menu {
      display: block; }
      .top-menu-wrapper .top-menu li {
        display: inline-block;
        margin: 7px 0;
        line-height: 14px;
        padding: 0 5px;
        width: auto; } }
.userMenuWrapper .user {
  display: inline-block;
  padding: 8px 0;
  height: 100%; }
.userMenuWrapper .user img {
    height: 29px;
    border-radius: 50%;
    background: #fff; }
.cbb-wrapper {
  position: absolute;
  z-index: 9999;
  right: 0;
  background: #344a55;
  padding-top: 10px;
  padding-bottom: 15px; }
.cbb-wrapper label {
    font-size: 16px;
    line-height: 12px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 10px; }
.cbb-wrapper select.form-control {
    height: 35px; }
.cbb-wrapper .cbb-country,
  .cbb-wrapper .cbb-business,
  .cbb-wrapper .cbb-branch {
    padding: 0 5px 0 8px; }
.cbb-wrapper .options a {
    margin: 5px 8px; }
.cbb-wrapper .options a:hover {
      text-decoration: none !important; }
.cbb-wrapper .options a:hover span.glyphicon {
      color: #495C66; }
.cbb-wrapper .options span.glyphicon {
    font-size: 27px;
    line-height: 40px;
    color: #007EC7; }
.cbb-wrapper label {
    color: #E5E5E5; }
.closeUserMenu {
  text-align: right;
  width: 100%;
  display: block;
  line-height: 0;
  margin-bottom: 13px; }
.closeUserMenu img {
    height: 15px; }
.login-info {
  list-style: none;
  margin: 0 -15px;
  font-size: 16px;
  padding: 0 15px;
  border-bottom: 1px solid #495c66; }
.login-info li {
    color: #fff;
    display: inline-block;
    margin: 7px 0;
    line-height: 14px;
    width: 68%;
    padding: 0 5px 0 0; }
.login-info li img {
      width: 14px; }
.login-info li:last-child {
    border: none;
    padding: 0;
    text-align: right;
    width: 30%; }
.login-info li:last-child a {
      color: #4dbdff;
      text-decoration: underline; }
.login-info li:last-child a img {
        margin-left: 5px; }
@media (min-width: 992px) {
  .cbb-wrapper {
    position: relative;
    margin-top: 4px;
    background: transparent;
    padding-bottom: 0px;
    padding-top: 0px; }
    .cbb-wrapper label {
      font-size: 12px;
      color: #344a55;
      margin: 0;
      line-height: 16px; }
    .cbb-wrapper select.form-control {
      height: 19px;
      font-size: 12px; }
  .login-info {
    position: absolute;
    right: 15px;
    top: -32px;
    font-size: 12px;
    border-bottom: none; }
    .login-info li {
      color: #333;
      display: inline-block;
      margin: 7px 0;
      border-right: 1px solid #333;
      line-height: 14px;
      padding: 0 5px 0 0;
      width: auto; }
      .login-info li img {
        width: 14px; }
    .login-info li:last-child {
      padding: 0 0 0 5px;
      width: auto; }
      .login-info li:last-child a {
        color: #333; } }
.autocomplete-holder input {
  background: url("/assets/images/search-icon.png") #ffffff no-repeat;
  background-position: 98%;
  background-size: 8%; }
.autocomplete-dropdown-holder {
  position: absolute;
  background: white; }
.autocomplete-dropdown {
  background: #d2dde6;
  z-index: 9999;
  position: absolute;
  max-height: 370px;
  overflow-y: auto; }
/* Scroll bar */
.autocomplete-dropdown::-webkit-scrollbar {
  width: 11px;
  /* for vertical scrollbars */
  height: 6px;
  /* for horizontal scrollbars */
  background: rgba(0, 0, 0, 0.1); }
.autocomplete-dropdown::-webkit-scrollbar-thumb {
  background-color: rgba(0, 125, 198, 0.8);
  border-radius: 10px;
  max-height: 10px; }
.autocomplete-dropdown::-webkit-scrollbar-corner {
  background: transparent; }
.autocomplete-searching {
  color: #acacac;
  font-size: 14px; }
.autocomplete-row {
  padding: 5px;
  color: #2a3b44;
  font-size: 14px;
  cursor: pointer; }
.autocomplete-selected-row {
  background-color: #61bef3; }
.autocomplete-title {
  color: #000; }
@media (min-width: 768px) {
  .autocomplete-holder input {
    background-size: 12%; }
  .autocomplete-dropdown {
    width: 250px; } }
/*** .notifications ***/
.notifications {
  position: fixed;
  top: 0;
  left: 20%;
  width: 60%;
  z-index: 9999; }
.notifications .alert {
    width: 100%;
    margin: auto;
    z-index: 9999;
    margin-top: 10px; }
.notifications .alert.alert-success {
      border-color: #3C763D !important;
      box-shadow: 0 0 10px #C2E6C2; }
.notifications .alert.alert-warning {
      border-color: #3C763D !important;
      box-shadow: 0 0 10px #A79982; }
.notifications .alert.alert-danger {
      border-color: #A94442 !important;
      box-shadow: 0 0 10px #C2E6C2; }
.notifications .alert .glyphicon {
      vertical-align: top; }
.notifications .alert div.alert-text {
      display: inline-block;
      padding-left: 10px;
      font-weight: 700;
      white-space: break-spaces;
      width: 90%; }
.no-margin-left {
  margin-left: -15px; }
/* Radio */
input[type='radio'] {
  /* IE 9 */
  -webkit-transform: scale(1.5);
  /* Chrome, Safari, Opera */
  /* Firefox */
  transform: scale(1.5); }
/* Empty Label */
form label:empty {
  height: 1.4em; }
form label {
  display: inline-block;
  min-height: 1em !important; }
/* Select/Input */
input:disabled {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
      user-select: none; }
/* Anchor */
.main-nav a[href="#"],
.main-nav a[href=""],
.main-nav a[href="#/?fromMenu=true"],
.main-nav a[href*="javascript:void(0)"] {
  color: #B5B2A6 !important; }
/* Custom Dropdown */
.ui-select-choices-row > a > div {
  white-space: normal;
  word-wrap: break-word; }
.ui-select-toggle .ui-select-match-text {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  padding-right: 10px; }
.dropdown-menu .ui-select-choices-row a {
  min-height: 1.4em; }
input.form-control,
select.form-control {
  border-radius: 2px;
  border: 1px solid #999;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  height: 27px;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  font-size: 1em;
  padding: 0 0.5em;
  color: #5a5d60; }
input.form-control.btn.btn-primary,
input.form-control.btn.btn-secondary {
  font-family: inherit;
  border-color: #2e6da4;
  box-shadow: none;
  font-size: 14px; }
input.form-control.btn.btn-secondary {
  color: #007dc5; }
input.btn.btn-primary,
input.btn.btn-secondary,
button.btn.btn-primary,
button.btn.btn-secondary {
  font-size: 14px; }
select.form-control {
  width: 100%;
  max-width: 100%;
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  outline: none;
  box-shadow: false false false false false;
  line-height: 1;
  border: 1px solid #999;
  border-radius: 2px;
  height: 27px;
  cursor: pointer;
  /*background: #fff right center/34px 33px no-repeat padding-box;
    background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzQiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzNCAzMyI+PHBhdGggZmlsbD0iNTY1NjU2IiBkPSJNMTIuNiAxM2wtMS41IDIgNi40IDUgNi40LTUtMS41LTItNC45IDMuOC00LjktMy44eiIvPjxwYXRoIGZpbGw9IiNDQ0NDQ0MiIGQ9Ik0wIDBoMXYzM0gweiIvPjwvc3ZnPg==);
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;*/ }
textarea.form-control {
  font-size: 1em;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  outline: none;
  box-shadow: false false false false false;
  line-height: 1;
  border: 1px solid #999;
  border-radius: 2px; }
input[type=text].form-control:focus,
input[type=search].form-control:focus,
input[type=password].form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
  background-color: #FCF0C4 !important; }
.focus,
.ui-select-container .focus {
  background-color: #FCF0C4; }
.ui-select-container .ui-disabled + .ui-select-match .focus {
  background-color: transparent; }
.ui-select-container:focus {
  outline: none; }
icabs-dropdown[ng-reflect-disabled='true'] .ui-select-container {
  pointer-events: none; }
input[type="text"]:-moz-read-only {
  background-color: #eee; }
input[type="text"]:read-only {
  background-color: #eee; }
select.form-control::-ms-expand {
  display: none; }
.ie9 select.form-control {
  background: none;
  padding-right: 0; }
option {
  width: auto;
  max-width: 100%; }
/* Textarea */
textarea.form-control {
  height: auto;
  border-radius: 0;
  padding: 5px; }
/* Form Model */
input.ng-invalid.ng-touched,
input:disabled.ng-invalid,
textarea.ng-invalid.ng-touched,
select.ng-invalid.ng-touched {
  border: 1px solid red !important; }
/* Mandatory */
.mandatory {
  color: #ed1c24;
  font-size: 16px; }
/* Button submit */
input[type="submit"],
button.btn,
a.btn {
  background-color: #007bc6;
  color: #FFF;
  line-height: 1.15;
  border-radius: 2px; }
input[type="submit"]:hover,
input[type="submit"]:focus {
  background-color: #007bc6;
  color: #FFF; }
/*input.btn-submit{background-color: #707070; color: #FFF; margin-top: 5px;border: 2px solid #eee;}
input.btn-submit:hover,
input.btn-submit:focus {border: 2px solid #949494;box-shadow: none;}*/
/* Table */
.icabs-table table {
  width: 100%; }
.icabs-table table tbody tr.selected td,
.icabs-table table tbody tr:not(.total):focus td,
.icabs-table table tbody tr:not(.total):hover td {
  background-color: rgba(76, 157, 222, 0.75) !important;
  outline: none; }
table.dataTable tr:not(.total):hover {
  background-color: #c4e3f5;
  cursor: pointer; }
table.dataTable > thead > tr > th {
  background-color: #878d95;
  border-left: 1px solid #a5aeb3;
  border-right: 1px solid #a5aeb3;
  color: #fff;
  text-align: center;
  white-space: normal;
  word-break: normal; }
table.dataTable.grid-table > thead > tr > th {
  background-color: #53788e; }
table.dataTable.grid-table > tbody > tr > td {
  vertical-align: middle; }
table.dataTable.grid-table > tbody > tr:nth-child(odd) > td {
  background-color: #fff; }
table.dataTable tr td {
  text-align: center;
  white-space: normal;
  word-break: normal; }
table.dataTable tr td.text-right {
  text-align: right; }
table.dataTable tr td.text-left {
  text-align: left; }
table.dataTable tr td span.gsheet {
  background-image: url("/assets/images/gsheetIcon.svg");
  background-repeat: no-repeat;
  background-position: center center;
  height: 20px;
  padding: 0px 10px;
  display: block;
  cursor: pointer; }
table.dataTable tr td span.pdf {
  background-image: url("/assets/images/pdf.svg");
  background-repeat: no-repeat;
  background-position: center center;
  height: 20px;
  padding: 0px 10px;
  cursor: pointer; }
table.dataTable tr td span.csv {
  background-image: url("/assets/images/download.svg");
  background-repeat: no-repeat;
  background-position: center center;
  padding: 0px 10px;
  cursor: pointer; }
table.dataTable tr td span.documentLink {
  background-image: url("/assets/images/document.svg");
  background-repeat: no-repeat;
  background-position: center center;
  height: 20px;
  padding: 0px 10px;
  display: block;
  cursor: pointer; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 7px; }
.table-bordered > tbody > tr > td.noborder,
.noborder {
  border: none; }
.dataTables_length {
  display: none; }
/* Modal */
.modal-content {
  border-radius: 0; }
.modal-close {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  z-index: 10; }
.modal-content .page-title {
  margin-bottom: 0px; }
.modal-content .page-title .title-label {
    margin-top: 0; }
.modal-lg {
  width: 85%; }
.modal-lg .modal-lg {
    width: 95%; }
.modal-lg .modal.fade.in {
    -webkit-transform: scale(1.035);
    transform: scale(1.035); }
.modal-footer button.btn.btn-secondary,
.modal-footer button.btn.btn-primary {
  font-size: 18px; }
.modal-footer .btn-secondary {
  padding: 6px 16px;
  color: #000;
  background: transparent;
  border-radius: 0px;
  border: none; }
@media only screen and (min-width: 600px) and (max-width: 991px) {
  .modal-lg {
    padding: 5em;
    min-width: auto; } }
/* Modal */
.modal-sm {
  width: 70%; }
.modal-header {
  border-bottom: none; }
.modal-header .close {
    opacity: 1; }
.modal-header button {
    height: 100%;
    width: 100%;
    background-image: url("/assets/images/popup-close.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    position: absolute;
    right: -0.8em;
    top: -0.5em;
    padding: 3px;
    height: 30px;
    width: 30px;
    font-size: 1.4em; }
/*
.modal .page-header-row {
    margin-left: -30px;
}*/
/* Spinner */
.spinner {
  width: 70px;
  text-align: center;
  position: fixed;
  z-index: 99999;
  top: 50%;
  left: 50%;
  margin-left: -35px; }
.export-loader > div,
.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #007CC5;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
.export-loader .bounce1,
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }
.export-loader .bounce2,
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }
@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }
@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
.onMobile .screen-overlay,
.screen-overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #ddd;
  opacity: 0.3;
  z-index: 1049; }
.onMobile .screen-overlay {
  z-index: 1048; }
.onMobile .modal-dialog {
  top: 20%; }
/* Slim loader */
.slim-loading-bar {
  position: fixed;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999; }
/* Styling for the Slim Loading Progress Bar itself */
.slim-loading-bar-progress {
  margin: 0;
  padding: 0;
  z-index: 99998;
  background-color: green;
  color: green;
  box-shadow: 0 0 10px 0;
  /* Inherits the font color */
  height: 2px;
  opacity: 0;
  /* Add CSS3 styles for transition smoothing */
  transition: all 0.5s ease-in-out; }
/* Accordion */
.panel-group .panel,
.panel-heading {
  border-radius: 0; }
.panel-group .panel-heading {
  padding: 15px; }
.accordion-child-cont {
  padding-left: 1em; }
.tab-nav {
  padding-left: 0; }
.tab-nav a {
  margin: 5px 0 8px 0;
  display: inline-block; }
.nav-tabs > li > a.highlight {
  background-color: #00BEFF; }
.tick {
  height: 15px;
  width: 15px; }
.cross-tick {
  height: 10px;
  width: 10px; }
.center-align {
  display: flex;
  justify-content: center;
  align-items: center; }
.center-absolute {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }
.custom-container {
  background-color: #F2F2F2;
  padding-bottom: 15px;
  min-height: calc(100% - 60px); }
/* Pagination */
.pagination {
  border-radius: 0; }
/* Print icon */
/*.print-icon {
   // height: 1.5em;
    //width: 1.5em;
}*/
/* Tick */
.tick-icon,
.info-icon {
  height: 1.2em;
  width: 1.2em; }
.cross-icon {
  height: 0.9em;
  width: 0.9em; }
.smile-icon {
  height: 0.9em;
  width: 0.9em; }
.bluearrow-icon {
  height: 0.9em;
  width: 0.9em; }
/* Add new button */
input.btn-add {
  background-color: #007dc6; }
/* Back link */
.back-lint-cont {
  padding-top: 1.5em; }
.back-link {
  font-weight: bold;
  margin: 1em; }
.modal-inner-msg {
  position: absolute;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  left: 0; }
.modal-inner-msg .wrapper {
    background-color: #fff;
    opacity: 0.5; }
.modal-inner-msg .message {
    text-align: center;
    font-size: 1.4em; }
/*new common css*/
.page-title {
  border-left: 4px solid red;
  padding-left: 11px; }
.page-title h1 {
    margin: 10px 0;
    font-size: 20px;
    color: #121f2d;
    font-weight: 400; }
.page-sub-title {
  font-size: 20px;
  color: #121f2d;
  font-weight: 400; }
.componentCont {
  width: 100%;
  height: 200px;
  background: #ccc; }
.color-box {
  height: 10px;
  width: 10px;
  display: inline-block;
  line-height: 9px; }
.flag-fixed {
  position: absolute;
  right: 0;
  background: #fff;
  width: 250px;
  border: 1px solid #ccc;
  border-top-width: 0px;
  border-bottom-width: 0px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12); }
.flag-fixed ul {
    list-style: none;
    margin: 0;
    padding: 0; }
.flag-fixed ul li {
      border-bottom: 1px solid #ccc;
      min-height: 40px;
      padding: 10px 15px; }
.flag-fixed ul li img {
        margin-right: 15px;
        width: 20px;
        margin-left: -35px; }
.flag-fixed ul li [type="checkbox"]:not(:checked) + label:before,
      .flag-fixed ul li [type="checkbox"]:checked + label:before {
        top: 0; }
label {
  color: #121f2d;
  font-size: 15px; }
button.btn.btn-default {
  color: #007dc5;
  background-color: #fff;
  border: 1px solid #007dc5; }
.message-box {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);
  border: 1px solid #000;
  font-size: 15px;
  border-radius: 0;
  line-height: 25px;
  padding: 0 15px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 5px 8px;
  background-size: auto 10px; }
.message-box.error {
  background-image: url("/assets/images/cross-icon.svg");
  background-color: #f3e2e4;
  color: #992d3a;
  border-color: #c2848c; }
.message-box.success {
  background-image: url("/assets/images/tick-icon.svg");
  background-color: #dbf2c9;
  color: #22351b;
  border-color: #94b47b; }
.message-box.info {
  background-image: url("/assets/images/cross-icon.svg");
  background-color: #fcfad3;
  color: #553406;
  border-color: #d9ae5c; }
.legend {
  height: 18px;
  width: 18px;
  border-radius: 9px;
  vertical-align: middle; }
.legend-label {
  font-weight: bold; }
/* Datepicker */
.btn-info.active {
  font-weight: bold;
  font-size: 14px; }
/*later we need to remove this when from-group class wil not there*/
.form-group .modal label {
  padding-top: 0;
  line-height: normal; }
/*later we need to remove this when from-group class wil not there*/
table tr.nohov:hover {
  background-color: transparent;
  cursor: auto; }
.message-center {
  width: 75%;
  border: 1px solid #999;
  padding: 10px; }
.print-icon {
  width: 25px;
  height: 25px; }
.btnAddDetail {
  position: absolute;
  width: 40px;
  bottom: 0;
  left: 50%; }
.btn.btn-additional,
.btn.btn-additional:hover {
  color: #007dc5;
  border: 1px solid #578bab;
  background-color: #d2dde6; }
.plusmin {
  font-size: 10px; }
plusmin.glyphicon-minus {
  top: -2px; }
.btn-additional {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  font: calibri bold 15px #007dc5;
  border: 1px #578bab;
  background-color: #dedde6; }
.btn-print {
  background-image: url("/assets/images/print.png");
  width: 26px;
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat; }
.border-style {
  border: 2px solid #ccc; }
.border-right-style {
  border-right: 2px solid #ccc; }
.border-left-style {
  border-left: 2px solid #ccc; }
.modal-fix {
  margin: 0 -15px; }
.raw-wrap {
  white-space: pre; }
.font-capitalise {
  text-transform: uppercase; }
.message-box.warning {
  background-color: #f3e2e4;
  color: #992d3a;
  border-color: #c2848c;
  text-align: center; }
.message-box.info-label {
  background-color: #fcfad3;
  border: 1px solid #d9ae5c;
  color: #553406;
  text-align: center;
  font-weight: bold;
  padding: 0px 24px; }
.btn.dummy {
  background-color: transparent;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: 0; }
.signature-box {
  border: 1px solid #999;
  height: 96px;
  width: 100%;
  background-color: #fff; }
.message-box.info-success {
  background-color: #dbf2c9;
  color: #22351b;
  border-color: #94b47b; }
.topClass {
  background-color: #e7e8ea;
  padding: 10px; }
.bottomClass {
  background-color: #e7e8ea;
  padding: 10px; }
.calendarTable {
  width: 100%; }
.scrollableDiv {
  height: 200px;
  overflow-y: scroll; }
.glyphicon-info {
  color: blue; }
.ajax-overlay {
  position: fixed;
  z-index: 1039;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; }
textarea.textareasize {
  width: 100%;
  height: 240px; }
.verticalLine {
  border-right: 1px solid #999; }
.map-container {
  position: relative;
  height: 500px; }
.map_canvas {
  width: 100%;
  height: 100%; }
.draggable {
  z-index: 1000;
  position: absolute;
  top: 7%;
  bottom: 0%;
  left: 78%;
  width: 20%;
  background-color: #bdd7ee; }
.dialog-title {
  background-color: #5c9ccc;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 15px; }
.MapButton {
  width: 100%; }
.KeyTable {
  list-style: none;
  margin: 0px;
  padding: 0px 10px; }
.KeyTable li {
    padding: 15px; }
.KeyTable li label {
      font-size: 12px; }
.KeyTable img {
    width: 20px; }
.no-wrap {
  white-space: nowrap; }
.colorCrimson {
  color: crimson; }
.footerHide tfoot {
  display: none; }
.glyphicon-refresh-animate {
  padding: 0 15px;
  animation: spin 1.2s infinite linear;
  -webkit-animation: spin 1.2s infinite linear; }
@-webkit-keyframes spin {
  0 {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  0 {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg); }
  100% {
    -webkit-transform: scale(1) rotate(360deg);
            transform: scale(1) rotate(360deg); } }
.gridHScroll {
  overflow-x: auto; }
.welcome {
  margin-top: 0px; }
.welcome h3 {
    font-weight: 500;
    border-left: 5px solid #008000;
    padding-left: 10px;
    line-height: 40px;
    margin-top: 5px; }
.welcome h4 {
    font-weight: 400;
    padding-left: 18px;
    margin-top: 5px; }
.welcome a {
    text-align: center; }
.welcome a:hover {
      text-decoration: none;
      background-color: #E5E5E5; }
.welcome a span.glyphicon {
      font-size: 20px;
      line-height: 25px;
      color: #354A55;
      text-decoration: none; }
.welcome a span {
      font-size: 15px;
      line-height: 20px;
      text-decoration: none;
      display: block;
      padding: 5px;
      color: #354A55; }
.welcome a span.text {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
.important-msg .alert {
  margin: 10px 15px 20px;
  width: 98%; }
.important-msg .alert.alert-important {
    color: #A73937;
    background-color: #EFEFEF;
    border-color: #EBCCD1; }
.important-msg .alert.alert-important .important-msg-header {
      text-decoration: underline;
      font-size: 25px; }
.important-msg .alert ul li {
    float: left;
    width: 30%;
    margin: 5px auto; }
.quick-search select {
  width: 90%;
  height: 27px; }
.quick-search .drop-down-div {
  padding: 0 0; }
.quick-search .error {
  border: 1px solid #ED1C24; }
.quick-search .external-pagination .thumbnail {
  border: 1px solid transparent;
  border-radius: 0; }
.quick-search .external-pagination .thumbnail:hover {
    border: 1px solid #337AB7;
    background-color: #E5E5E5; }
.quick-search .external-pagination .thumbnail:focus {
    color: #337AB7; }
.quick-search .quick-search-loader {
  position: relative;
  margin-left: auto;
  margin-top: 5px; }
.quick-links {
  border-right: 2px solid #DAD7D7;
  padding: 5px 15px; }
.modal .custom-container,
.custom-container.sub {
  padding-top: 0 !important; }
table.import-history {
  border-top: none !important;
  border-bottom: none; }
table.import-history thead > tr > th,
  table.import-history tbody > tr:nth-child(odd) > td {
    background-color: transparent;
    border-left: 5px solid #FFF;
    border-right: 5px solid #FFF; }
table.import-history tbody > tr:nth-child(even) > td {
    border-left: 5px solid #F1F6F9;
    border-right: 5px solid #F1F6F9;
    background: #F1F6F9; }
table.import-history thead > tr > th,
  table.import-history tbody > tr > td {
    border-top: none !important;
    border-bottom: none !important;
    color: #12232B; }
table.import-history thead > tr > th {
    border-bottom: 3px solid #354A55 !important; }
table.dataTable.quick-search {
  border-top: none !important;
  border-bottom: none; }
table.dataTable.quick-search thead > tr > th,
  table.dataTable.quick-search tbody > tr:nth-child(odd) > td {
    background-color: transparent;
    border-left: 5px solid #FFF;
    border-right: 5px solid #FFF; }
table.dataTable.quick-search tbody > tr:nth-child(even) > td {
    border-left: 5px solid #F1F6F9;
    border-right: 5px solid #F1F6F9; }
table.dataTable.quick-search thead > tr > th,
  table.dataTable.quick-search tbody > tr > td {
    border-top: none !important;
    border-bottom: none !important;
    color: #12232B; }
table.dataTable.quick-search thead > tr > th {
    border-bottom: 3px solid #354A55 !important; }
table.dataTable.quick-search tr:hover,
  table.dataTable.quick-search tr:hover:nth-child(odd) > td {
    background-color: transparent !important; }
table.dataTable.quick-search tr:hover:nth-child(even) > td {
    background-color: #F1F6F9 !important; }
table.dataTable.quick-search tr:hover > td {
    cursor: auto; }
table.dataTable.quick-search tr > td > a:hover {
    font-weight: bold; }
table.dataTable.quick-search tr > td > a:hover span {
      font-size: 15px; }
table.dataTable.quick-search tr:focus {
    outline: none; }
table.dataTable.quick-search tr:focus td {
      background-color: transparent !important; }
table.dataTable.quick-search tr.selected td {
    background-color: transparent !important; }
table.dataTable.quick-search tr.selected td .drill-options .drill-options-menu {
      display: block; }
table.dataTable.quick-search .drill-options {
    position: relative; }
table.dataTable.quick-search .drill-options .drill-options-menu {
      display: none;
      position: absolute;
      top: -20%;
      right: 100%;
      background-color: #92C5DE;
      padding: 5px 15px;
      min-width: 140px;
      box-shadow: -1px 2px 1px 0 #386C8A; }
table.dataTable.quick-search .drill-options .drill-options-menu:after {
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        border-width: 5px;
        border: solid transparent;
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
        border-color: #92C5DE transparent transparent #92C5DE;
        border-width: 7px;
        z-index: 101;
        top: 11px;
        right: 0;
        left: 130px;
        margin: 0 auto; }
table.dataTable.quick-search .drill-options .drill-options-menu ul {
        padding-left: 0;
        list-style: none;
        margin-bottom: 0; }
table.dataTable.quick-search .drill-options .drill-options-menu ul li {
          padding: 5px 0;
          text-align: left; }
table.dataTable.quick-search .drill-options .drill-options-menu ul li a {
            color: #0B1E58; }
table.dataTable.quick-search .drill-options .drill-options-menu ul li a:hover {
              text-decoration: none;
              font-weight: bold; }
table.dataTable.quick-search .drill-options .drill-options-menu ul li a span {
              line-height: 18px; }
table.dataTable.quick-search .drill-options .drill-options-menu ul li a span.glyphicon {
                top: 1px;
                padding-right: 5px; }
#nav-error-list {
  border: #f46666 solid 1px;
  padding: 0.5em;
  border-radius: 10px;
  background: transparent;
  margin: 8px auto;
  max-width: 70%; }
#nav-error-list h4 {
    color: #ea2d2d;
    font-weight: bold; }
#nav-error-list ul {
    max-height: 200px;
    overflow-y: auto;
    padding: 0; }
#nav-error-list ul li {
      list-style-position: inside;
      padding: 5px;
      margin: 5px;
      border-top: #ddd solid 1px; }
#nav-error-list ul li:hover {
        background-color: #fcd9d9; }
.auto-scrollable {
  overflow-x: auto; }
.datepicker-cont.pop-right {
  right: 35%; }
.control-group {
  margin: auto; }
.control-group .group-header {
    border-bottom: 3px solid #337AB7;
    font-weight: bold;
    background-color: #F7F9FB;
    padding-top: 10px; }
.control-group .group-header label {
      font-weight: bold; }
.control-group .group-info {
    font-weight: normal;
    font-style: italic;
    padding: 3px; }
.control-group .group-label {
    font-weight: bold;
    background-color: #E1EAEF;
    padding: 5px; }
.control-group .indent-left-25 {
    padding-left: 25px; }
.control-group .group-controls {
    border: 1px solid #E1EAEF;
    padding-bottom: 10px; }
.reset-form {
  color: #6E6E79 !important;
  border: 1px solid #B7BFC7 !important;
  background-color: #D2DDE6 !important;
  padding: 0 7px;
  margin-left: 10px; }
.reset-form span.glyphicon {
    font-weight: bold;
    line-height: 0.5; }
.reset-form:hover {
    color: #6E6E79 !important;
    border: 1px solid #928F8F !important;
    background-color: #C4C8CC !important; }
.reset-form:active {
    outline: none !important; }
.button-center {
  display: flex;
  justify-content: center; }
.selected-extra-filters {
  position: absolute;
  top: -7px;
  right: 1px;
  font-size: 20px;
  background-color: #C79B1D;
  width: 16px;
  height: 16px;
  border-radius: 8px; }
.selected-extra-filters.sub {
    top: -7px;
    right: 1px; }
/*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left; }
.fc-rtl {
  text-align: right; }
body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em; }
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd; }
.fc-unthemed .fc-popover {
  background-color: #fff; }
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee; }
.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666; }
.fc-unthemed td.fc-today {
  background: #fcf8e3; }
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3; }
.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3; }
.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7; }
/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
/*
Acceptable font-family overrides for individual icons:
    "Arial", sans-serif
    "Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative; }
.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%; }
.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%; }
.fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%; }
.fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%; }
.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%; }
.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%; }
.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%; }
.fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%; }
/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer; }
/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0; }
.fc-state-default {
  /* non-theme */
  border: 1px solid; }
.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }
.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }
/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle; }
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6; }
.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  transition: background-position 0.1s linear; }
.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  box-shadow: none; }
/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block; }
/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px; }
.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0; }
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }
.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px; }
.fc-popover .fc-header .fc-title {
  margin: 0 2px; }
.fc-popover .fc-header .fc-close {
  cursor: pointer; }
.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left; }
.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right; }
/* unthemed */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid; }
.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px; }
/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */ }
/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px; }
hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0; }
.fc-clear {
  clear: both; }
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }
.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */ }
.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */ }
/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */ }
.fc th {
  text-align: center; }
.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top; }
.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */ }
/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
  cursor: pointer; }
a[data-goto]:hover {
  text-decoration: underline; }
/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0; }
.fc-row table {
  /* don't put left/right border on anything within a fake row.
       the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent; }
.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */ }
/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative; }
.fc-row .fc-bg {
  z-index: 1; }
/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */ }
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */ }
.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent; }
.fc-row .fc-bgevent-skeleton {
  z-index: 2; }
.fc-row .fc-highlight-skeleton {
  z-index: 3; }
/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */ }
.fc-row .fc-helper-skeleton {
  z-index: 5; }
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0; }
.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0; }
/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  -webkit-overflow-scrolling: touch; }
/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */ }
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */ }
.fc-event,
.fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */ }
/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */ }
.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */ }
.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed; }
.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #fff;
  opacity: .25; }
.fc-event .fc-content {
  position: relative;
  z-index: 2; }
/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4; }
/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none; }
.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block; }
/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px; }
/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
.fc-event.fc-selected.fc-dragging {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }
/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0; }
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */ }
/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */ }
/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */ }
/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px; }
/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */ }
/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */ }
/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
  cursor: pointer; }
tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */ }
.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25; }
.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  /* white-space: nowrap; */
  overflow: hidden; }
.fc-day-grid-event .fc-time {
  font-weight: bold; }
/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */ }
/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */ }
/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none; }
a.fc-more:hover {
  text-decoration: underline; }
.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none; }
/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */ }
.fc-more-popover {
  z-index: 2;
  width: 220px; }
.fc-more-popover .fc-event-container {
  padding: 10px; }
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red; }
/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center; }
.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em; }
.fc-toolbar.fc-footer-toolbar {
  margin-top: 1em; }
.fc-toolbar .fc-left {
  float: left; }
.fc-toolbar .fc-right {
  float: right; }
.fc-toolbar .fc-center {
  display: inline-block; }
.fc-toolbar .fc-center h2 {
    font-weight: bold; }
/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em; }
/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0; }
/* title text */
.fc-toolbar h2 {
  margin: 0; }
/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative; }
.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2; }
.fc-toolbar .fc-state-down {
  z-index: 3; }
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4; }
.fc-toolbar button:focus {
  z-index: 5; }
/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  box-sizing: content-box; }
.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1; }
/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */ }
.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */ }
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden; }
.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }
/* week and day number styling */
.fc-day-top.fc-other-month {
  opacity: 0.3; }
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 2px; }
.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */ }
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right; }
.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left; }
.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0; }
.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px; }
.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080; }
/* when week/day number have own column */
.fc-basic-view td.fc-week-number {
  text-align: center; }
.fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em; }
/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */ }
.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */ }
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */ }
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap; }
.fc-ltr .fc-axis {
  text-align: right; }
.fc-rtl .fc-axis {
  text-align: left; }
.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */ }
/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1; }
.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */ }
.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent; }
.fc-time-grid > .fc-bg {
  z-index: 1; }
.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2; }
.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */ }
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0; }
/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1; }
.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2; }
.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3; }
.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4; }
.fc-time-grid .fc-now-indicator-line {
  z-index: 5; }
.fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6; }
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */ }
.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted; }
.fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */ }
/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */ }
.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */ }
/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px; }
.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%; }
.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */ }
.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0; }
/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */ }
.fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible; }
.fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */ }
.fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */ }
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px; }
.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap; }
/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap; }
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top; }
.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */ }
.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */ }
.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */ }
.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */ }
/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize; }
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "="; }
/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px; }
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0; }
/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */ }
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent; }
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent; }
/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px; }
/* view wrapper */
.fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */ }
.fc-list-view {
  border-width: 1px;
  border-style: solid; }
/* table resets */
.fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */ }
.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px; }
.fc-list-table tr:first-child td {
  border-top-width: 0; }
/* day headings with the list */
.fc-list-heading {
  border-bottom-width: 1px; }
.fc-list-heading td {
  font-weight: bold; }
.fc-ltr .fc-list-heading-main {
  float: left; }
.fc-ltr .fc-list-heading-alt {
  float: right; }
.fc-rtl .fc-list-heading-main {
  float: right; }
.fc-rtl .fc-list-heading-alt {
  float: left; }
/* event list items */
.fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */ }
.fc-list-item:hover td {
  background-color: #f5f5f5; }
.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px; }
/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
  padding-right: 0; }
.fc-rtl .fc-list-item-marker {
  padding-left: 0; }
.fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit; }
.fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline; }
/* message when no events */
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table; }
.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }
.fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee; }
/**
 * Technician Visit Diary - Starts
 */
.availableVisitList {
  height: 238px;
  overflow-y: scroll; }
.availableVisitList ul {
    margin: 5px;
    padding-left: 15px; }
.availableVisitList ul li {
      margin: 10px 0; }
.availableVisitList ul li a {
        text-decoration: none; }
.colorKeys {
  border-left: 2px solid gray;
  margin: 0 0 20px;
  padding: 0; }
.colorKeys .heading {
    font-size: 16px;
    font-weight: bold;
    border-top: 2px solid gray;
    border-right: 2px solid gray;
    padding-left: 5px; }
.colorKeys li {
    list-style-type: none;
    border-bottom: 2px solid gray; }
.colorKeys li.subHeading {
      font-size: 16px;
      font-weight: bold; }
.colorKeys li.subHeading div:first-child {
        border: none; }
.colorKeys li div {
      background-color: #FFF;
      border-right: 2px solid gray;
      border-left: 2px solid gray;
      padding-left: 5px; }
.radioModalStyle {
  list-style-type: none; }
/* Day Events */
.fc-time-grid-event {
  cursor: pointer; }
.tech-diary-multi .availableVisitList.multi {
  min-height: 350px;
  max-height: 425px;
  overflow-y: auto; }
.tech-diary-multi .availableVisitList.multi.no-visits {
    min-height: 65px;
    max-height: 65px; }
.tech-diary-multi .availableVisitList.multi::-webkit-scrollbar {
    background: #E7E8EA;
    width: 10px; }
.tech-diary-multi .availableVisitList.multi::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.31); }
.tech-diary-multi .availableVisitList.multi::-webkit-scrollbar-thumb {
    background-color: rgba(124, 133, 138, 0.8);
    border-radius: 3px; }
.tech-diary-multi .topClass .primary-filter {
  border: 1px solid #B4BFC5; }
.tech-diary-multi .value-label {
  background-color: #EBEFF1; }
.tech-diary-multi .employee-group {
  background-color: #747577;
  color: #FFF;
  padding: 5px; }
.tech-diary-multi .employee-group a {
    color: #FFF;
    display: inline-block;
    width: 100%; }
.tech-diary-multi .employee-group a:hover, .tech-diary-multi .employee-group a:focus, .tech-diary-multi .employee-group a:active {
      outline: none;
      text-decoration: none;
      font-style: italic;
      font-weight: bold; }
.fc-event {
  min-height: 13px !important; }
.login-bg {
  background-image: url('login-bg.d400168e7564e9154ce5.jpg');
  margin: 0;
  padding: 0;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  padding-bottom: 60px; }
.login-panel {
  text-align: center;
  width: 364px;
  height: 196px; }
.form-signin {
  margin-top: 56px;
  width: 364px; }
.btn-signin {
  height: 57px;
  width: 364px;
  line-height: 30px;
  padding: 0; }
.login-btn.btn-signin {
  font-family: Calibri, "Segoe UI", Arial, sans-serif;
  font-size: 30px !important;
  font-weight: bold;
  line-height: 57px; }
.login-footer {
  width: 100%;
  position: fixed;
  bottom: 0px; }
.dusk #main-app-wrapper {
  position: relative; }
.dusk .top-menu-holder {
  background: #0F202E;
  color: #E5E5E5 !important; }
.dusk .top-menu li a,
.dusk .login-info li,
.dusk .login-info li:last-child a {
  color: #E5E5E5; }
.dusk .bg-header {
  background-color: #354A55;
  color: #E5E5E5; }
.dusk .cbb-wrapper .links > span {
  position: relative; }
.dusk .cbb-wrapper .links > span > a.eject {
    padding: 5px; }
.dusk .cbb-wrapper .links > span > a.eject span {
      font-size: 15px;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
.dusk .cbb-wrapper .links > span > a:hover {
    cursor: default; }
.dusk .cbb-wrapper .links > span > a:hover > span.glyphicon {
      color: #469FCA; }
.dusk .cbb-wrapper .links > span > a.active:after {
    border-color: #FCF0C4 transparent transparent #FCF0C4; }
.dusk .cbb-wrapper .links > span > a.active > span.glyphicon {
    color: #FCF0C4; }
.dusk .cbb-wrapper .links > span > a span.glyphicon:hover {
    color: #FCF0C4;
    cursor: pointer; }
.dusk .cbb-wrapper .links .options-dropdown {
  position: absolute;
  background-color: #FCF0C4; }
.dusk .cbb-wrapper .links .options-dropdown span {
    color: #56460A; }
.dusk .cbb-wrapper .links .options-dropdown:after {
    border-color: #FCF0C4 transparent transparent #FCF0C4; }
.dusk .cbb-wrapper .links .options-dropdown ul li a {
    color: #56460A; }
.dusk .cbb-wrapper .links .options-dropdown ul li a:hover {
      background-color: #DAC57A; }
.dusk .cbb-wrapper label {
  color: #E5E5E5; }
.dusk .onMobile .logo {
  padding-top: 0; }
.dusk .logo img {
  height: 35px; }
.dusk .uplus-classic {
  display: none; }
.dusk .uplus-dusk {
  display: inline-block; }
.dusk .nav-container {
  background-color: #469FCA; }
.dusk .navbar-header .icon-bar {
  background-color: #FFF; }
.dusk .custom-container {
  background-color: #FFF; }
.dusk .custom-container.onMobile {
  padding-top: 0; }
.dusk .custom-container.onMobile .cb {
    clear: both; }
.dusk .custom-container.onMobile .hide-on-mobile {
    display: none; }
.dusk .custom-container.onMobile .no-pad-right {
    padding-right: 0; }
.dusk .custom-container.onMobile .sd-pad-top-10 {
    padding-top: 10px; }
.dusk .custom-container.onMobile .sd-float-left {
    float: left; }
.dusk .custom-container.onMobile .sd-float-right {
    float: right; }
.dusk .custom-container.onMobile .sd-margin-left-10 {
    margin-left: 10px; }
.dusk .custom-container.onMobile .sd-margin-top-10 {
    margin-top: 10px; }
.dusk .custom-container.onMobile .sd-margin-top-15 {
    margin-top: 15px; }
.dusk .custom-container.onMobile .sd-no-margin-left {
    margin-left: -15px; }
.dusk .custom-container.onMobile .sd-pad-left-5 {
    padding-left: 5px; }
.dusk .custom-container.onMobile .sd-pad-right-5 {
    padding-right: 5px; }
.dusk .custom-container.onMobile .mobile-header {
    background-color: #354a55;
    padding: 1em 1em .02em 1em;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999; }
.dusk .custom-container.onMobile .mobile-header .user-info {
      color: #fff;
      padding: 10px;
      clear: both; }
.dusk .custom-container.onMobile .mobile-header .env-sticker {
      background-image: none; }
.dusk .custom-container.onMobile .screen-header {
    margin-top: 65px; }
.dusk .custom-container.onMobile .screen-body, .dusk .custom-container.onMobile .slide-container {
    padding-top: 0; }
.dusk .custom-container.onMobile .screen-body .page-msg, .dusk .custom-container.onMobile .slide-container .page-msg {
      text-align: center; }
.dusk .custom-container.onMobile .screen-body .tab-scroll-indicator, .dusk .custom-container.onMobile .slide-container .tab-scroll-indicator {
      width: 28px;
      height: 40px;
      background: #469FCA; }
.dusk .custom-container.onMobile .screen-body .sd-tab-wrapper, .dusk .custom-container.onMobile .slide-container .sd-tab-wrapper {
      overflow: hidden;
      height: 40px;
      padding: 0;
      overflow-x: scroll;
      transition: -webkit-transform .4s ease-in;
      transition: transform .4s ease-in;
      transition: transform .4s ease-in, -webkit-transform .4s ease-in; }
.dusk .custom-container.onMobile .screen-body .tab-content, .dusk .custom-container.onMobile .slide-container .tab-content {
      clear: both; }
.dusk .custom-container.onMobile .screen-body .slide-details, .dusk .custom-container.onMobile .slide-container .slide-details {
      transition: 2s ease-in; }
.dusk .custom-container.onMobile .screen-body .active-slide, .dusk .custom-container.onMobile .slide-container .active-slide {
      border: 1px solid #fff;
      box-shadow: 0px 0px 10px 1px rgba(189, 189, 189, 0.72); }
.dusk .custom-container.onMobile .screen-body .active-slide .text-bold, .dusk .custom-container.onMobile .slide-container .active-slide .text-bold {
      font-weight: bold; }
.dusk .custom-container.onMobile .screen-body .thumbnail, .dusk .custom-container.onMobile .slide-container .thumbnail {
      word-break: break-word;
      margin-bottom: .8em;
      height: 10em;
      overflow: hidden;
      position: relative;
      padding: 1em; }
.dusk .custom-container.onMobile .screen-body .thumbnail .ellipsesText, .dusk .custom-container.onMobile .slide-container .thumbnail .ellipsesText {
        height: auto;
        overflow: hidden;
        position: relative;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        background: transparent; }
.dusk .custom-container.onMobile .screen-body .thumbnail .slide-sign, .dusk .custom-container.onMobile .slide-container .thumbnail .slide-sign {
        position: absolute;
        right: -0.2em;
        top: .5em; }
.dusk .custom-container.onMobile .screen-body .active-slide.thumbnail, .dusk .custom-container.onMobile .slide-container .active-slide.thumbnail {
      height: 100%; }
.dusk .custom-container.onMobile .screen-body .active-slide.thumbnail .ellipsesText, .dusk .custom-container.onMobile .slide-container .active-slide.thumbnail .ellipsesText {
        text-overflow: initial;
        white-space: normal;
        line-height: normal; }
.dusk .custom-container.onMobile .slide-container {
    max-height: 20em; }
.dusk .onMobile .modal-dialog {
  top: 20%; }
.dusk .modal .custom-container {
  background: transparent; }
.dusk .back-link-container {
  float: left; }
.dusk .back-link-container a {
    display: inline-block;
    background-color: #469FCA;
    font-size: 36px; }
.dusk .back-link-container a:hover {
      background-color: #354A55;
      color: #E5E5E5; }
.dusk .env-label label {
  color: #E5E5E5;
  padding-top: 3px;
  font-weight: bold; }
.dusk .main-nav .show .feature-wrapper {
  background-color: #354A55; }
.dusk .main-nav > ul li.show {
  background-color: #354A55; }
.dusk .main-nav > ul li.show a {
    color: #E5E5E5; }
.dusk .main-nav > ul li.domain {
  color: #E5E5E5; }
.dusk .main-nav > ul li.domain.show .domain-title {
    color: #E5E5E5;
    font-weight: bold; }
.dusk .main-nav > ul li.domain.show .domain-title .glyphicon,
    .dusk .main-nav > ul li.domain.show .domain-title .glyphicon:hover {
      color: #E5E5E5; }
.dusk .main-nav > ul li .feature-wrapper li.feature .feature-title {
  color: #E5E5E5;
  font-size: 16px; }
.dusk .main-nav > ul > li .module-title:hover {
  font-weight: bold;
  font-style: italic; }
.dusk .autocomplete-dropdown {
  background-color: #469FCA; }
.dusk .autocomplete-dropdown .autocomplete-title {
    color: #FFF; }
.dusk .autocomplete-dropdown .autocomplete-selected-row {
    background-color: #386C8A;
    font-weight: bold; }
.dusk .autocomplete-dropdown .autocomplete-searching {
    color: #000;
    padding-left: 5px;
    opacity: 0.5; }
.dusk .autocomplete-dropdown::-webkit-scrollbar {
    background: #354A55; }
.dusk .autocomplete-dropdown::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.31); }
.dusk .autocomplete-dropdown::-webkit-scrollbar-thumb {
    background-color: rgba(0, 125, 198, 0.8);
    border-radius: 3px; }
.dusk .nav.nav-tabs li {
  background-color: #354A55;
  border-right: 1px solid #E5E5E5; }
.dusk .nav.nav-tabs li > a {
    color: #E5E5E5;
    margin-right: 0; }
.dusk .nav.nav-tabs li.active > a {
    color: #333; }
.dusk .nav.nav-tabs .nav-item.error a, .dusk .nav.nav-tabs .nav-item.error a:hover, .dusk .nav.nav-tabs .nav-item.error a:active {
  background-color: #FF0000;
  font-weight: bold; }
.dusk .nav.nav-tabs .nav-item.error a.active {
  background-color: #FFF;
  border-top: 0;
  border-right: 0;
  border-bottom: 4px solid #FF0000;
  border-left: 0; }
.dusk .flag-fixed ul li {
  background-color: #364C5F;
  color: #E5E5E5; }
@media (min-width: 1200px) {
  .dusk .flag-fixed {
    right: 0; } }
@media (min-width: 1400px) {
  .dusk .flag-fixed {
    right: 40px; } }
@media (min-width: 1500px) {
  .dusk .flag-fixed {
    right: 120px; } }
@media (min-width: 1600px) {
  .dusk .flag-fixed {
    right: 285px; } }
.dusk .error-tab-a .nav-tabs .nav-item:nth-child(1) a, .dusk .error-tab-a .nav-tabs .nav-item:nth-child(1) a:hover, .dusk .error-tab-a .nav-tabs .nav-item:nth-child(1) a:active {
  background-color: #FF0000;
  font-weight: bold; }
.dusk .error-tab-b .nav-tabs .nav-item:nth-child(2) a, .dusk .error-tab-b .nav-tabs .nav-item:nth-child(2) a:hover, .dusk .error-tab-b .nav-tabs .nav-item:nth-child(2) a:active {
  background-color: #FF0000;
  font-weight: bold; }
.dusk .error-tab-c .nav-tabs .nav-item:nth-child(3) a, .dusk .error-tab-c .nav-tabs .nav-item:nth-child(3) a:hover, .dusk .error-tab-c .nav-tabs .nav-item:nth-child(3) a:active {
  background-color: #FF0000;
  font-weight: bold; }
.dusk .error-tab-d .nav-tabs .nav-item:nth-child(4) a, .dusk .error-tab-d .nav-tabs .nav-item:nth-child(4) a:hover, .dusk .error-tab-d .nav-tabs .nav-item:nth-child(4) a:active {
  background-color: #FF0000;
  font-weight: bold; }
.dusk .error-tab-e .nav-tabs .nav-item:nth-child(5) a, .dusk .error-tab-e .nav-tabs .nav-item:nth-child(5) a:hover, .dusk .error-tab-e .nav-tabs .nav-item:nth-child(5) a:active {
  background-color: #FF0000;
  font-weight: bold; }
.dusk .custom-footer {
  background-color: #0F202E;
  color: #E5E5E5; }
.dusk .custom-footer a {
    color: #E5E5E5; }
@media (min-width: 1200px) {
  .dusk .custom-container {
    padding-top: 65px; }
    .dusk .custom-container.modal-fix {
      padding-top: 0; } }
.top-menu .glyphicon {
  top: 0; }
.login-info .glyphicon {
  margin-left: 3px; }
.uplus-classic {
  display: inline-block; }
.uplus-dusk {
  display: none; }
@media (min-width: 1200px) {
  .menu-expanded .custom-container {
    padding-top: 90px; }
    .menu-expanded .custom-container.modal-fix {
      padding-top: 0; } }
@media only screen and (orientation: portrait) {
  .modal.in .modal-dialog {
    top: 20%; }
  .mobile-mode-warning-wrapper {
    display: none; } }
@media only screen and (orientation: landscape) {
  .mobile-mode-warning-wrapper {
    z-index: 999999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    height: 100%; }
    .mobile-mode-warning-wrapper div.warning-content {
      justify-content: center;
      align-items: center;
      font-size: 2em;
      color: #ae1a1a;
      text-align: center;
      padding: 1.5em; }
      .mobile-mode-warning-wrapper div.warning-content img {
        height: 2em; } }
.bg-header {
  background-color: #ffe8b2; }
.dusk .env-sticker {
  background-image: linear-gradient(to right, #ffe8b2, #354A55); }
.dusk #main-app-wrapper {
  position: relative; }
.dusk .top-menu-holder {
  background: #0F202E;
  color: #E5E5E5 !important; }
.dusk .top-menu li a,
.dusk .login-info li,
.dusk .login-info li:last-child a {
  color: #E5E5E5; }
.dusk .bg-header {
  background-color: #354A55;
  color: #E5E5E5; }
.dusk .cbb-wrapper .links > span {
  position: relative; }
.dusk .cbb-wrapper .links > span > a.eject {
    padding: 5px; }
.dusk .cbb-wrapper .links > span > a.eject span {
      font-size: 15px;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
.dusk .cbb-wrapper .links > span > a:hover {
    cursor: default; }
.dusk .cbb-wrapper .links > span > a:hover > span.glyphicon {
      color: #469FCA; }
.dusk .cbb-wrapper .links > span > a.active:after {
    border-color: #FCF0C4 transparent transparent #FCF0C4; }
.dusk .cbb-wrapper .links > span > a.active > span.glyphicon {
    color: #FCF0C4; }
.dusk .cbb-wrapper .links > span > a span.glyphicon:hover {
    color: #FCF0C4;
    cursor: pointer; }
.dusk .cbb-wrapper .links .options-dropdown {
  position: absolute;
  background-color: #FCF0C4; }
.dusk .cbb-wrapper .links .options-dropdown span {
    color: #56460A; }
.dusk .cbb-wrapper .links .options-dropdown:after {
    border-color: #FCF0C4 transparent transparent #FCF0C4; }
.dusk .cbb-wrapper .links .options-dropdown ul li a {
    color: #56460A; }
.dusk .cbb-wrapper .links .options-dropdown ul li a:hover {
      background-color: #DAC57A; }
.dusk .cbb-wrapper label {
  color: #E5E5E5; }
.dusk .onMobile .logo {
  padding-top: 0; }
.dusk .logo img {
  height: 35px; }
.dusk .uplus-classic {
  display: none; }
.dusk .uplus-dusk {
  display: inline-block; }
.dusk .nav-container {
  background-color: #469FCA; }
.dusk .navbar-header .icon-bar {
  background-color: #FFF; }
.dusk .custom-container {
  background-color: #FFF; }
.dusk .custom-container.onMobile {
  padding-top: 0; }
.dusk .custom-container.onMobile .cb {
    clear: both; }
.dusk .custom-container.onMobile .hide-on-mobile {
    display: none; }
.dusk .custom-container.onMobile .no-pad-right {
    padding-right: 0; }
.dusk .custom-container.onMobile .sd-pad-top-10 {
    padding-top: 10px; }
.dusk .custom-container.onMobile .sd-float-left {
    float: left; }
.dusk .custom-container.onMobile .sd-float-right {
    float: right; }
.dusk .custom-container.onMobile .sd-margin-left-10 {
    margin-left: 10px; }
.dusk .custom-container.onMobile .sd-margin-top-10 {
    margin-top: 10px; }
.dusk .custom-container.onMobile .sd-margin-top-15 {
    margin-top: 15px; }
.dusk .custom-container.onMobile .sd-no-margin-left {
    margin-left: -15px; }
.dusk .custom-container.onMobile .sd-pad-left-5 {
    padding-left: 5px; }
.dusk .custom-container.onMobile .sd-pad-right-5 {
    padding-right: 5px; }
.dusk .custom-container.onMobile .mobile-header {
    background-color: #354a55;
    padding: 1em 1em .02em 1em;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999; }
.dusk .custom-container.onMobile .mobile-header .user-info {
      color: #fff;
      padding: 10px;
      clear: both; }
.dusk .custom-container.onMobile .mobile-header .env-sticker {
      background-image: none; }
.dusk .custom-container.onMobile .screen-header {
    margin-top: 65px; }
.dusk .custom-container.onMobile .screen-body, .dusk .custom-container.onMobile .slide-container {
    padding-top: 0; }
.dusk .custom-container.onMobile .screen-body .page-msg, .dusk .custom-container.onMobile .slide-container .page-msg {
      text-align: center; }
.dusk .custom-container.onMobile .screen-body .tab-scroll-indicator, .dusk .custom-container.onMobile .slide-container .tab-scroll-indicator {
      width: 28px;
      height: 40px;
      background: #469FCA; }
.dusk .custom-container.onMobile .screen-body .sd-tab-wrapper, .dusk .custom-container.onMobile .slide-container .sd-tab-wrapper {
      overflow: hidden;
      height: 40px;
      padding: 0;
      overflow-x: scroll;
      transition: -webkit-transform .4s ease-in;
      transition: transform .4s ease-in;
      transition: transform .4s ease-in, -webkit-transform .4s ease-in; }
.dusk .custom-container.onMobile .screen-body .tab-content, .dusk .custom-container.onMobile .slide-container .tab-content {
      clear: both; }
.dusk .custom-container.onMobile .screen-body .slide-details, .dusk .custom-container.onMobile .slide-container .slide-details {
      transition: 2s ease-in; }
.dusk .custom-container.onMobile .screen-body .active-slide, .dusk .custom-container.onMobile .slide-container .active-slide {
      border: 1px solid #fff;
      box-shadow: 0px 0px 10px 1px rgba(189, 189, 189, 0.72); }
.dusk .custom-container.onMobile .screen-body .active-slide .text-bold, .dusk .custom-container.onMobile .slide-container .active-slide .text-bold {
      font-weight: bold; }
.dusk .custom-container.onMobile .screen-body .thumbnail, .dusk .custom-container.onMobile .slide-container .thumbnail {
      word-break: break-word;
      margin-bottom: .8em;
      height: 10em;
      overflow: hidden;
      position: relative;
      padding: 1em; }
.dusk .custom-container.onMobile .screen-body .thumbnail .ellipsesText, .dusk .custom-container.onMobile .slide-container .thumbnail .ellipsesText {
        height: auto;
        overflow: hidden;
        position: relative;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        background: transparent; }
.dusk .custom-container.onMobile .screen-body .thumbnail .slide-sign, .dusk .custom-container.onMobile .slide-container .thumbnail .slide-sign {
        position: absolute;
        right: -0.2em;
        top: .5em; }
.dusk .custom-container.onMobile .screen-body .active-slide.thumbnail, .dusk .custom-container.onMobile .slide-container .active-slide.thumbnail {
      height: 100%; }
.dusk .custom-container.onMobile .screen-body .active-slide.thumbnail .ellipsesText, .dusk .custom-container.onMobile .slide-container .active-slide.thumbnail .ellipsesText {
        text-overflow: initial;
        white-space: normal;
        line-height: normal; }
.dusk .custom-container.onMobile .slide-container {
    max-height: 20em; }
.dusk .onMobile .modal-dialog {
  top: 20%; }
.dusk .modal .custom-container {
  background: transparent; }
.dusk .back-link-container {
  float: left; }
.dusk .back-link-container a {
    display: inline-block;
    background-color: #469FCA;
    font-size: 36px; }
.dusk .back-link-container a:hover {
      background-color: #354A55;
      color: #E5E5E5; }
.dusk .env-label label {
  color: #E5E5E5;
  padding-top: 3px;
  font-weight: bold; }
.dusk .main-nav .show .feature-wrapper {
  background-color: #354A55; }
.dusk .main-nav > ul li.show {
  background-color: #354A55; }
.dusk .main-nav > ul li.show a {
    color: #E5E5E5; }
.dusk .main-nav > ul li.domain {
  color: #E5E5E5; }
.dusk .main-nav > ul li.domain.show .domain-title {
    color: #E5E5E5;
    font-weight: bold; }
.dusk .main-nav > ul li.domain.show .domain-title .glyphicon,
    .dusk .main-nav > ul li.domain.show .domain-title .glyphicon:hover {
      color: #E5E5E5; }
.dusk .main-nav > ul li .feature-wrapper li.feature .feature-title {
  color: #E5E5E5;
  font-size: 16px; }
.dusk .main-nav > ul > li .module-title:hover {
  font-weight: bold;
  font-style: italic; }
.dusk .autocomplete-dropdown {
  background-color: #469FCA; }
.dusk .autocomplete-dropdown .autocomplete-title {
    color: #FFF; }
.dusk .autocomplete-dropdown .autocomplete-selected-row {
    background-color: #386C8A;
    font-weight: bold; }
.dusk .autocomplete-dropdown .autocomplete-searching {
    color: #000;
    padding-left: 5px;
    opacity: 0.5; }
.dusk .autocomplete-dropdown::-webkit-scrollbar {
    background: #354A55; }
.dusk .autocomplete-dropdown::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.31); }
.dusk .autocomplete-dropdown::-webkit-scrollbar-thumb {
    background-color: rgba(0, 125, 198, 0.8);
    border-radius: 3px; }
.dusk .nav.nav-tabs li {
  background-color: #354A55;
  border-right: 1px solid #E5E5E5; }
.dusk .nav.nav-tabs li > a {
    color: #E5E5E5;
    margin-right: 0; }
.dusk .nav.nav-tabs li.active > a {
    color: #333; }
.dusk .nav.nav-tabs .nav-item.error a, .dusk .nav.nav-tabs .nav-item.error a:hover, .dusk .nav.nav-tabs .nav-item.error a:active {
  background-color: #FF0000;
  font-weight: bold; }
.dusk .nav.nav-tabs .nav-item.error a.active {
  background-color: #FFF;
  border-top: 0;
  border-right: 0;
  border-bottom: 4px solid #FF0000;
  border-left: 0; }
.dusk .flag-fixed ul li {
  background-color: #364C5F;
  color: #E5E5E5; }
@media (min-width: 1200px) {
  .dusk .flag-fixed {
    right: 0; } }
@media (min-width: 1400px) {
  .dusk .flag-fixed {
    right: 40px; } }
@media (min-width: 1500px) {
  .dusk .flag-fixed {
    right: 120px; } }
@media (min-width: 1600px) {
  .dusk .flag-fixed {
    right: 285px; } }
.dusk .error-tab-a .nav-tabs .nav-item:nth-child(1) a, .dusk .error-tab-a .nav-tabs .nav-item:nth-child(1) a:hover, .dusk .error-tab-a .nav-tabs .nav-item:nth-child(1) a:active {
  background-color: #FF0000;
  font-weight: bold; }
.dusk .error-tab-b .nav-tabs .nav-item:nth-child(2) a, .dusk .error-tab-b .nav-tabs .nav-item:nth-child(2) a:hover, .dusk .error-tab-b .nav-tabs .nav-item:nth-child(2) a:active {
  background-color: #FF0000;
  font-weight: bold; }
.dusk .error-tab-c .nav-tabs .nav-item:nth-child(3) a, .dusk .error-tab-c .nav-tabs .nav-item:nth-child(3) a:hover, .dusk .error-tab-c .nav-tabs .nav-item:nth-child(3) a:active {
  background-color: #FF0000;
  font-weight: bold; }
.dusk .error-tab-d .nav-tabs .nav-item:nth-child(4) a, .dusk .error-tab-d .nav-tabs .nav-item:nth-child(4) a:hover, .dusk .error-tab-d .nav-tabs .nav-item:nth-child(4) a:active {
  background-color: #FF0000;
  font-weight: bold; }
.dusk .error-tab-e .nav-tabs .nav-item:nth-child(5) a, .dusk .error-tab-e .nav-tabs .nav-item:nth-child(5) a:hover, .dusk .error-tab-e .nav-tabs .nav-item:nth-child(5) a:active {
  background-color: #FF0000;
  font-weight: bold; }
.dusk .custom-footer {
  background-color: #0F202E;
  color: #E5E5E5; }
.dusk .custom-footer a {
    color: #E5E5E5; }
@media (min-width: 1200px) {
  .dusk .custom-container {
    padding-top: 65px; }
    .dusk .custom-container.modal-fix {
      padding-top: 0; } }
.top-menu .glyphicon {
  top: 0; }
.login-info .glyphicon {
  margin-left: 3px; }
.uplus-classic {
  display: inline-block; }
.uplus-dusk {
  display: none; }
@media (min-width: 1200px) {
  .menu-expanded .custom-container {
    padding-top: 90px; }
    .menu-expanded .custom-container.modal-fix {
      padding-top: 0; } }
@media only screen and (orientation: portrait) {
  .modal.in .modal-dialog {
    top: 20%; }
  .mobile-mode-warning-wrapper {
    display: none; } }
@media only screen and (orientation: landscape) {
  .mobile-mode-warning-wrapper {
    z-index: 999999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    height: 100%; }
    .mobile-mode-warning-wrapper div.warning-content {
      justify-content: center;
      align-items: center;
      font-size: 2em;
      color: #ae1a1a;
      text-align: center;
      padding: 1.5em; }
      .mobile-mode-warning-wrapper div.warning-content img {
        height: 2em; } }
.menu-expanded .ejected span {
  -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important; }
.parent-header {
  min-height: 83px; }
.parent-header.nav-bar-collapsed {
    min-height: 52px; }
.parent-header.nav-bar-collapsed .nav-container {
      height: 5px;
      cursor: pointer; }
.parent-header.nav-bar-collapsed .nav-container .container-fluid {
        display: none; }
.cbb-wrapper .links > span {
  position: relative; }
.cbb-wrapper .links > span > a {
    padding: 5px 8px;
    width: 100%; }
.cbb-wrapper .links > span > a.new > span.glyphicon {
      color: #FF0000;
      font-size: 27px;
      -webkit-animation: ring 4s .7s ease-in-out infinite;
      -webkit-transform-origin: 50% 4px;
      -moz-animation: ring 4s .7s ease-in-out infinite;
      -moz-transform-origin: 50% 4px;
      animation: ring 4s .7s ease-in-out infinite;
      transform-origin: 50% 4px; }
.cbb-wrapper .links > span > a > span.glyphicon {
      font-size: 27px;
      line-height: 40px;
      color: #469FCA; }
.cbb-wrapper .links > span > a.eject {
      padding: 5px; }
.cbb-wrapper .links > span > a.eject span {
        font-size: 15px;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
.cbb-wrapper .links > span > a:after {
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      border-width: 5px;
      border: solid transparent;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      border-color: transparent transparent transparent transparent;
      border-width: 7px;
      z-index: 101;
      top: 21px;
      right: 0;
      left: 0;
      margin: 0 auto; }
.cbb-wrapper .links > span > a:hover span.glyphicon,
    .cbb-wrapper .links > span > a.active span.glyphicon {
      color: #354A55; }
.cbb-wrapper .links > span > a.active:after {
      border-color: #354A55 transparent transparent #354A55; }
.cbb-wrapper .links .options-dropdown {
  position: absolute;
  background-color: #354A55;
  box-shadow: 0 1px 1px 1px #386C8A;
  top: 47px;
  z-index: 100; }
.cbb-wrapper .links .options-dropdown span {
    font-size: 15px;
    line-height: 20px; }
.cbb-wrapper .links .options-dropdown.user ul {
    min-width: 200px !important; }
.cbb-wrapper .links .options-dropdown.push-notifications .notification-group {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px; }
.cbb-wrapper .links .options-dropdown.push-notifications .notification-group .type-header {
      border-bottom: 3px solid #c1ac5c;
      font-weight: bold; }
.cbb-wrapper .links .options-dropdown.push-notifications .no-notification span {
    opacity: 0.5; }
.cbb-wrapper .links .options-dropdown.push-notifications .notifiction-time {
    font-style: italic;
    font-weight: 700; }
.cbb-wrapper .links .options-dropdown.push-notifications .system-notification-wrapper a {
    display: inline; }
.cbb-wrapper .links .options-dropdown span {
    padding: 0 10px 0 3px;
    color: #FFF; }
.cbb-wrapper .links .options-dropdown span.glyphicon {
      padding: 0 0 0 5px; }
.cbb-wrapper .links .options-dropdown ul {
    padding: 0;
    min-width: 160px;
    margin-top: 5px; }
.cbb-wrapper .links .options-dropdown ul li {
      list-style: none; }
.cbb-wrapper .links .options-dropdown ul li:last-child {
        padding-bottom: 0; }
.cbb-wrapper .links .options-dropdown ul li a {
        color: #FFF;
        display: inline-block;
        width: 100%;
        padding: 3px 5px; }
.cbb-wrapper .links .options-dropdown ul li a span.uplus-icon {
          font-size: 16px;
          font-weight: 700;
          padding: 0 0 0 5px; }
.cbb-wrapper .links .options-dropdown ul li a span.uplus-text {
          padding-left: 0; }
.cbb-wrapper .links .options-dropdown ul li a:hover {
          text-decoration: none;
          background-color: #386C8A;
          font-weight: bold; }
.cbb-wrapper label {
  color: #354A55; }
.cbb-wrapper .cbb-country,
.cbb-wrapper .cbb-business,
.cbb-wrapper .cbb-branch {
  padding: 0 5px 0 8px; }
.cbb-wrapper .cbb-country select,
  .cbb-wrapper .cbb-business select,
  .cbb-wrapper .cbb-branch select {
    border-radius: 10px; }
@media (min-width: 992px) {
  .options-dropdown.help {
    right: 8px; }
    .options-dropdown.help:after {
      bottom: 92%;
      left: 50%; }
  .options-dropdown.user {
    right: 35px; }
    .options-dropdown.user:after {
      bottom: 92%;
      left: 50%; }
  .options-dropdown.notifications {
    right: 100px;
    width: auto; }
    .options-dropdown.notifications:after {
      bottom: 78%;
      left: 50%; } }
@media (min-width: 1200px) {
  .custom-container {
    padding-top: 65px; }
    .custom-container.modal-fix {
      padding-top: 0; }
  .menu-expanded .custom-container {
    padding-top: 120px; }
    .menu-expanded .custom-container.modal-fix {
      padding-top: 0; }
  .options-dropdown.help {
    right: 48px; }
    .options-dropdown.help:after {
      bottom: 92%;
      left: 50%; }
  .options-dropdown.user {
    right: 73px; }
    .options-dropdown.user:after {
      bottom: 92%;
      left: 50%; }
  .options-dropdown.push-notifications {
    right: 139px;
    width: auto !important; }
    .options-dropdown.push-notifications:after {
      bottom: 78%;
      left: 50%; } }
.quick-search-user .col-sm-2 {
  padding-right: 5px; }
.quick-search-user .col-sm-4 {
  padding-left: 5px; }
.quick-search-user h3 {
  border-left: 3px solid #007dc5;
  padding-left: 10px; }
@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotateZ(0); }
  1% {
    -webkit-transform: rotateZ(30deg); }
  3% {
    -webkit-transform: rotateZ(-28deg); }
  5% {
    -webkit-transform: rotateZ(34deg); }
  7% {
    -webkit-transform: rotateZ(-32deg); }
  9% {
    -webkit-transform: rotateZ(30deg); }
  11% {
    -webkit-transform: rotateZ(-28deg); }
  13% {
    -webkit-transform: rotateZ(26deg); }
  15% {
    -webkit-transform: rotateZ(-24deg); }
  17% {
    -webkit-transform: rotateZ(22deg); }
  19% {
    -webkit-transform: rotateZ(-20deg); }
  21% {
    -webkit-transform: rotateZ(18deg); }
  23% {
    -webkit-transform: rotateZ(-16deg); }
  25% {
    -webkit-transform: rotateZ(14deg); }
  27% {
    -webkit-transform: rotateZ(-12deg); }
  29% {
    -webkit-transform: rotateZ(10deg); }
  31% {
    -webkit-transform: rotateZ(-8deg); }
  33% {
    -webkit-transform: rotateZ(6deg); }
  35% {
    -webkit-transform: rotateZ(-4deg); }
  37% {
    -webkit-transform: rotateZ(2deg); }
  39% {
    -webkit-transform: rotateZ(-1deg); }
  41% {
    -webkit-transform: rotateZ(1deg); }
  43% {
    -webkit-transform: rotateZ(0); }
  100% {
    -webkit-transform: rotateZ(0); } }
@keyframes ring {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  1% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg); }
  3% {
    -webkit-transform: rotate(-28deg);
            transform: rotate(-28deg); }
  5% {
    -webkit-transform: rotate(34deg);
            transform: rotate(34deg); }
  7% {
    -webkit-transform: rotate(-32deg);
            transform: rotate(-32deg); }
  9% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg); }
  11% {
    -webkit-transform: rotate(-28deg);
            transform: rotate(-28deg); }
  13% {
    -webkit-transform: rotate(26deg);
            transform: rotate(26deg); }
  15% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg); }
  17% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg); }
  19% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg); }
  21% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg); }
  23% {
    -webkit-transform: rotate(-16deg);
            transform: rotate(-16deg); }
  25% {
    -webkit-transform: rotate(14deg);
            transform: rotate(14deg); }
  27% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg); }
  29% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); }
  31% {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg); }
  33% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg); }
  35% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg); }
  37% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg); }
  39% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  41% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg); }
  43% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }