/* this style sheet is for pure lib 2 apps, lib 1 hybrid app custom styles found in common/admin/style/lib2theme/scss/custom_styles.scss */
/* variables */
/* theme */
#theme-wrapper, #content-wrapper, .container {
  max-width: none;
}

#theme-wrapper {
  box-shadow: 0 0 53px 0 rgba(0, 0, 0, 0.1);
  overflow-x: hidden;
}

#theme-wrapper #content-wrapper {
  min-height: 900px;
  height: auto;
}

/* log in screen */
#theme-wrapper.public {
  box-shadow: none;
}

#theme-wrapper.public #content-wrapper {
  min-height: 0;
  margin-left: 0 !important;
}

#login-page {
  background-color: #f9f9f9;
}

body.theme-blue #login-logo {
  background: #4c5763;
}

#login-logo {
  background: whitesmoke;
  border: 1px solid #e1e1e1;
  border-bottom: 2px solid #2980b9;
  padding: 30px 0;
}

#login-logo > img {
  max-width: 200px;
  height: auto;
}

#theme-wrapper.public #content-wrapper {
  background: #f9f9f9;
  margin-left: 0;
  padding: 0;
}

#theme-wrapper.public .main-box {
  margin: 20px;
}

#login-box-holder form {
  margin-top: 20px;
}

#login-box-holder .input-group {
  display: block;
}

#login-box-holder #email {
  margin-bottom: 10px;
}

#login-box-holder #password {
  margin-bottom: 20px;
}

#login-box {
  min-width: unset;
}

/* public client portal ui theme */
#public-ui-theme #content-header .icon-box.pull-right a:hover {
  color: #253443;
}
#public-ui-theme .radio label:after {
  background-color: #2c3e50;
  border: 1px solid #2c3e50;
}
#public-ui-theme .nav-tabs > li.active > a, #public-ui-theme .nav-tabs > li.active > a:hover, #public-ui-theme .nav-tabs > li.active > a:focus {
  border-top: 2px solid #2c3e50;
}
#public-ui-theme .radio input[type=radio]:checked + label:before, #public-ui-theme .radio input[type=radio]:hover + label:before {
  border-color: #2c3e50;
}
#public-ui-theme .dataTable thead tr th:hover {
  color: #2c3e50;
}
#public-ui-theme .checkbox-nice label:after {
  border: 3px solid #2c3e50;
  border-top: none;
  border-right: none;
}
#public-ui-theme #login-logo {
  border-bottom: 2px solid #2c3e50;
}

#public-ui-theme.theme-whbl #header-navbar .nav .open > a, #public-ui-theme.theme-whbl #header-navbar .nav .mobile-search.active > .btn {
  background-color: #253443;
}
#public-ui-theme.theme-whbl #header-navbar .nav > li > a:hover, #public-ui-theme.theme-whbl #header-navbar .nav > li > a:focus, #public-ui-theme.theme-whbl #header-navbar .nav .open > a:hover, #public-ui-theme.theme-whbl #header-navbar .nav .open > a:focus, #public-ui-theme.theme-whbl #header-navbar .nav .navbar-toggle:hover, #public-ui-theme.theme-whbl #header-navbar .nav .navbar-toggle:focus {
  background-color: #253443;
}
#public-ui-theme.theme-whbl a:not(.btn) {
  color: #2c3e50;
}
#public-ui-theme.theme-whbl h1 {
  color: #2c3e50;
}
#public-ui-theme.theme-whbl .pagination > li > a, #public-ui-theme.theme-whbl .pagination > li > a:hover, #public-ui-theme.theme-whbl .pagination > li > a:focus, #public-ui-theme.theme-whbl .pagination > li > a:active, #public-ui-theme.theme-whbl .pagination > li > span, #public-ui-theme.theme-whbl .pagination > li > span:hover, #public-ui-theme.theme-whbl .pagination > li > span:focus, #public-ui-theme.theme-whbl .pagination > li > span:active {
  color: #2c3e50;
}
#public-ui-theme.theme-whbl #header-navbar,
#public-ui-theme.theme-whbl .btn-primary {
  background-color: #2c3e50 !important;
  border-color: #2c3e50 !important;
}
#public-ui-theme.theme-whbl .pagination > .active > a, #public-ui-theme.theme-whbl .pagination > .active > a:hover, #public-ui-theme.theme-whbl .pagination > .active > a:focus, #public-ui-theme.theme-whbl .pagination > .active > span, #public-ui-theme.theme-whbl .pagination > .active > span:hover, #public-ui-theme.theme-whbl .pagination > .active > span:focus {
  background-color: #2c3e50 !important;
  border-color: #2c3e50 !important;
}

/* dashboard */
div.main-box-header h3 {
  border-bottom: none;
  margin: 10px 0;
  padding-left: 0;
}

.listing_cont {
  padding: 15px;
}

.listing_cont .main-box-header h4 {
  padding-top: 0;
  margin-top: 0;
}

/* nav bar */
#content-header h1 {
  margin-top: 4px;
}

#content-header h2 {
  margin: 2px 0 5px 0;
  padding: 0 0 0 14px;
  font-size: 1.25em;
}

.breadcrumb {
  padding: 3px 15px 0 15px !important;
}
@media screen and (max-width: 400px) {
  .breadcrumb {
    padding: 3px 15px 0 6px !important;
  }
}

.breadcrumb li a {
  padding-left: 8px;
}

.breadcrumb li:first-of-type a {
  padding-left: 0;
}

.breadcrumb > .active {
  text-transform: capitalize;
}

.navbar .container > div {
  justify-content: flex-end;
  align-items: center;
}

.navbar .navbar-left {
  margin-right: auto;
  float: left;
  min-height: 50px;
  max-width: 75%;
}
@media (max-width: 767px) {
  .navbar .navbar-left {
    max-width: 60%;
  }
}
.navbar .navbar-left h3 {
  margin-top: 15px;
  color: white;
  font-size: 1.15em;
  font-weight: 600;
  border-bottom: none;
  line-height: normal;
}

.navbar-toggle {
  order: 3;
  float: left;
}

.navbar-toggle {
  display: inline-block;
}

@media (min-width: 992px) {
  .navbar-toggle.mobile {
    display: none;
  }
  #nav-col.active {
    margin-left: -220px;
  }
  #nav-col.active + #content-wrapper {
    margin-left: 0 !important;
  }
}
@media (max-width: 992px) {
  .navbar-toggle.desktop {
    display: none;
  }
}
.navbar > .container .navbar-brand h5 {
  line-height: 10px;
}

#header-navbar .nav > li > a:first-child {
  padding: 0 18px;
  min-height: 50px;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  white-space: nowrap;
}
#header-navbar .nav > li > a:first-child i {
  margin: 0;
  line-height: 50px;
}

.navbar-nav li a {
  font-size: 1em !important;
}

.navbar-nav li a {
  padding-top: 12px;
}

.dropdown-menu li a {
  padding: 3px 20px;
}

#content-wrapper.no-margin {
  margin-left: 0 !important;
}

.dropdown-menu li a:hover {
  cursor: pointer;
}

.dropdown-toggle a i {
  margin-left: 8px;
}

.dropdown-menu li {
  text-align: right;
}

#user-left-box img {
  width: 160px;
  border-radius: 0;
  border: none;
}

#user-left-box {
  border-bottom: 1px solid #dee4e8 !important;
  padding-right: 10px;
}

/* remove bullets on third level sidebar items */
#sidebar-nav .nav > .open .submenu > li > .submenu a:before, #sidebar-nav .nav > .active .submenu > li > .submenu a:before {
  content: "";
}

.main-box .main-box-header {
  min-height: 0;
}

.main-box .main-box-body .main-box-header {
  padding-left: 0;
}

/* fix for bootstrap tabs responsive UI issue */
.nav-tabs > li > a {
  border-top: 2px solid transparent;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
  border-bottom: 1px solid transparent;
}

/* data tables */
.table {
  width: 100% !important;
  max-width: 100% !important;
}

.paginate_button {
  border: none !important;
}

.paginate_button.active a {
  color: white !important;
  background-color: #03a9f4 !important;
}

.table tbody > tr > td:first-child, .table tbody > tr > td {
  font-size: 1em;
  font-weight: normal;
}

@media (max-width: 767px) {
  .dataTables_length, .dataTables_filter {
    display: block;
    float: none;
  }
}

th.icon_column {
  width: 42px;
}

/* to add margin below the buttons placed above the datatables */
.datatable-btn {
  margin-bottom: 10px;
}

/* forms */
.autocomplete {
  position: absolute;
  background-color: white;
  border: 1px solid #d7d7d7;
  padding: 0;
  z-index: 2;
}

.autocomplete ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.autocomplete ul li {
  padding: 2px 5px;
}

.autocomplete ul li:hover {
  background-color: #03a9f4 !important;
  color: white;
  cursor: pointer;
}

.field-error {
  color: red;
}

.radio-collection-pair {
  display: block;
}

.radio label {
  padding-left: 30px !important;
}

/* fix wrapping labels aligning to the right */
.form-horizontal .control-label {
  text-align: left;
}

/* media queries */
@media only screen and (min-width: 992px) {
  .nav-pills {
    margin-top: 30px;
  }
  .nav-pills li a span {
    padding-right: 8px;
  }
  div#theme-wrapper div#page-wrapper div#content-wrapper {
    margin-left: 220px;
  }
  div#nav-col {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  #header-navbar .nav > li > a:first-child {
    padding: 0 8px;
  }
}
.dataTable_buttons {
  display: inline;
}
.dataTable_buttons button {
  color: darkslategrey !important;
  background-color: white !important;
  border: none;
}
.dataTable_buttons .btn-group {
  margin-top: 10px;
}

/*# sourceMappingURL=custom_styles.css.map */