/* = = = = = = = = = = = = = = = = = = = = = =
  Author: Aisha Bigelow
  Email: abigelow@quasars.com
  File: design.css
  · File is called in v2.css, please add
    any custom or overriding colors, borders
    and backgrounds to the end of this file
  · Refrain from using !important tags as there may
   already be a class available.
= = = = = = = = = = = = = = = = = = = = = = */

body {
 background-color: #F5F7FA;
}
body.OB {
 background-color: #ebeff2;
} /* body class of OB - targeting onboarding pages */

/* ===== S T A R T · G E N E R I C ===== */
 pre {
  color: #E90080;
 }
 .btn-icon:not([class*=btn-info]):not([class*=btn-success]):not([class*=btn-danger]):not([class*=btn-primary]):not([class*=btn-secondary]):not([class*=btn-dark]):not([class*=btn-light]):not([class*=btn-warning]):not([class*=btn-outline-info]):not([class*=btn-outline-success]):not([class*=btn-outline-danger]):not([class*=btn-outline-primary]):not([class*=btn-outline-secondary]):not([class*=btn-outline-dark]):not([class*=btn-outline-light]):not([class*=btn-outline-warning]) {
  color: inherit!important;
  background-color: transparent!important;
  border: 0!important;
 }
 .toggle-handle {
  background-color: #fff;
  border-color: #ccc;
 } 
 .display-5 {
  font-weight: 400;
  line-height: 1.1;
 }
/* ===== E N D · G E N E R I C ===== */
/* ===== S T A R T · #header ===== */
 #header:not(.nobackground) {
  box-shadow: 0 1px 10px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
  background-color: #224082;
  color: #fff;
  background: linear-gradient(180deg, rgba(0,0,0,.5), rgba(0,0,0,.5)), url("/images/header_background.jpg");
  background-position: 95% center;
  background-size: cover;
 }
 @media screen and (max-width: 991px) {
  #header:not(.nobackground) {  
   background-attachment: fixed;
   background: linear-gradient(180deg, rgba(0,0,0,.5), rgba(0,0,0,.5)), url("/images/header_background.jpg");
   background-position: top center;
   background-size: 100%;
  }
 }
 @media print {
  div, #header:not(.nobackground) {
   background-image: none;
   background-color: transparent;
  }
 }
 body.OB #header {
  background-color: #fff;
  -moz-box-shadow: 0 5px 5px -2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 5px 5px -2px rgba(0,0,0,0.3);
  box-shadow: 0 5px 5px -2px rgba(0,0,0,0.3);
 }/* body class of OB - targeting onboarding pages */
 body.OB #header a {
  color: #EEE;
 }/* body class of OB - targeting onboarding pages */
 body.OB #header a:hover, body.OB #header a:focus {
  color: #fff;
 }
 /* ===== S T A R T · .logo ===== */
  .logo h1 {
   text-shadow: 2px 1px 1px rgba(0,0,0,.35), 2px 1px 1px rgba(255,255,255,0.35), -1px -1px 1px rgba(0,0,0,.35);
  }
  #header .logo:not(.brand) img {
   background-color: rgba(255,255,255,.65);
  }
  .logo a:not(.btn) {
   color: inherit;
  }
 /* ===== E N D · .logo ===== */
 /* ===== S T A R T · .brand ===== */
  .brand h1  {
   /* background-color: rgba(0,0,0,.75); */
   text-shadow: 2px 1px 0px rgba(0,0,0,.5), -1px 0px 0px rgba(255,255,255,0.5);
  }
  .brand h1 .badge {
   text-shadow: none;
  }
  .brand a:not(.btn) {
   color: #fff;
  }
 /* ===== E N D · .brand ===== */
/* ===== E N D · #header ===== */
/* ===== S T A R T · .wrapper ===== */
 /* ===== S T A R T · #sidebar ===== */

  #sidenav.public {
   border-bottom: 1px solid rgba(0,0,0,0.1);
  }
  #sidenav {
   background-color: #fff;
   box-shadow: 0 1px 10px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
   -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
   -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
  }
  #sidenav > ul > li > a:not([class*=btn]) {
   color: inherit;
   border-bottom: 1px solid rgba(0,0,0,0.1);
  }
  #sidenav > ul > li > a:not([class*=btn]):hover, #sidenav > ul > li > a:not([class*=btn]):focus {
   color: #000;
   background-color: rgba(63,195,119,.5);
   border-color: rgba(63,195,119,.15);
  }
  #sidenav > ul > li > a:not([class*=btn]).nav-link.active {
   background-color: #3FC377;
   color: white !important;
  }
  #sidenav > ul > li > a:not([class*=btn]).nav-link.active span {
  }
  #sidenav > ul > li > a:not([class*=btn]) + .list-unstyled > li > a:not([class*=btn]) {
   color: inherit;
  }
  #sidenav .list-group.list-group-flush {
   background-color: transparent;
   border-bottom: 1px solid rgba(63,195,119,.15);
  }
  #sidenav .list-group.list-group-flush .list-group-item {
   background-color: transparent;
   border-color: rgba(63,195,119,.15);
  }
  #sidenav .list-group.list-group-flush .list-group-item .nav-link {
   color: #000;
  }
  #sidenav .list-group.list-group-flush .list-group-item .nav-link:hover,
  #sidenav .list-group.list-group-flush .list-group-item .nav-link:focus {
   background-color: rgba(63,195,119,.15);
  }
  #sidenav .list-group.list-group-flush .list-group-item .nav-link.active {
   color: #000;
   background-color: rgba(63,195,119,.3);
  }
  #sidenav .list-group.list-group-flush .list-group-item .nav-link.active:hover {
   background-color: rgba(63,195,119,.5);
  }
 /* =====  E N D · #sidebar ===== */
 /* ===== S T A R T · #content ===== */
  #content .card:not(.active), #content .alert, .card-header:first-child {
   border-radius: 0;
  }
  #content .card .badge {
   white-space: unset;
  }
  #content .card:not(.active)/*, #content .alert*/ {
   box-shadow: 0 1px 10px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
   -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
   -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
  }
  #content .floating-number {
   background-color: #aaa;
   color: #fff;
  }
  #content .cardChoice {
   font-size: .9rem;
  }
  /* ===== S T A R T · .trans-icon ===== */
   .trans-icon-disp {
    background-color: #252161;
   }
   button.trans-icon {
    padding: 0;
    background-color: transparent;
    border:0;
   }
   button.trans-icon:hover {
    cursor: pointer;
   }
   .trans-icon img {
    border: 1px solid rgba(0,0,0,.15);
    background-color: rgba(255,255,255,.75);
   }
   .trans-icon:hover img {
    background-color: #fff;
   }
   .trans-icon.deactivate img {
    background-color: rgba(255,124,80,.75);
   }
   .trans-icon.deactivate:hover img {
    background-color: rgba(255,124,80,.75);
   }
  /* ===== E N D · .trans-icon ===== */
  /* ===== S T A R T · #onboard ===== */
   @media screen and (min-width:576px) {
    #onboard .faux-form-control {
     border: 1px solid #ced4da;
    }
   }
   #onboard .stepwizard .success {
    text-shadow: 1px 0 0 rgba(0,0,0,.5);
   }
   #onboard .stepwizard .btn-light {
    background-color: #fff!important;
    border-color: #fff!important;
    color: #c8dcce!important;
    text-shadow: -1px -1px 0 rgba(0,0,0,.5);
   }
   #onboard .stepwizard .btn-light:hover, #onboard .stepwizard .btn-light:focus {
    background-color: #DADADA!important;
    border-color: #DADADA!important;
    color: #000!important;
    text-shadow: -1px -1px 0 rgba(255,255,255,.5)!important;
   }
   @media screen and (max-width: 575px) {
    #onboard h6 {
     color: #888;
    }
   }
   #onboard .form-group .control-label {
    background-color: #fff;
    color: #555;
   }
   #onboard .form-group .form-control {
    color: #000;
   }
   @media screen and (min-width: 576px) {
    #onboard .faux-form-control.focus {
     border-color: rgba(16,10,61,1);
     box-shadow: none;
    }
   }
   #onboard .form-group .form-control:focus{
    border-color: rgba(16,10,61,1);
    box-shadow: none;
   }
   #onboard .input-group .input-group-text {
    color: #333;
   }
   #onboard .form-group > .input-group > .input-group-prepend.focus .input-group-text {
    color: rgba(16,10,61,.5);
    border-color: rgba(16,10,61,.15);
   }
   #onboard .faux-form-control + .control-label + .help-text,
   #onboard .form-group .form-control + .control-label + .help-text {
    border: 1px solid rgba(16,10,61,1);
    background-color: #726e8c;
    color: #fff;
   }
   #onboard .form-group > .input-group > .input-group-prepend + .form-control:focus + .control-label,
   #onboard .form-group .form-control:focus + .control-label,
   #onboard .faux-form-control.focus + .control-label {
    background-color: #100a3d;
    color: #fff; 
   }
   #onboard .form-group.has-error > .input-group > .input-group-prepend + .form-control:focus + .control-label,
   #onboard .form-group.has-error .form-control:focus + .control-label {
    background-color: #a94442;
   }
   #onboard .form-group.has-error .control-label {
    color: #a94442;
   }
   #onboard .form-group.has-error .form-control:focus {
    border-color: #a94442;
    box-shadow: inset 1px 1px 0px #a94442, inset -1px -1px 0px #a94442;
   }
  /* ===== E N D · #onboard ===== */
  /* ===== S T A R T · .custom-bc ===== */
   .custom-bc .breadcrumb {
    background-color: transparent;
   }
   .custom-bc .breadcrumb > .breadcrumb-item {
    color: #000;
   }
   .custom-bc .breadcrumb > .breadcrumb-item > span {
    color: #888;
    margin-bottom: .15rem;
    background-color: #E5E5E7;
    text-shadow: 1px 1px 0 #fff;
    border: 3px solid transparent;
    box-shadow: 0 0 .5rem transparent;
   }
   .custom-bc .breadcrumb > .breadcrumb-item > span > a {
    color: #aaa;
   }
   .custom-bc .breadcrumb > .breadcrumb-item.active > span {
    background-color: #110A3D;
    text-shadow: 1px 1px 0 #000;
    color: #fff;
    border: 3px solid #fff;
   }
   .custom-bc .breadcrumb > .breadcrumb-item.active > span > a {
    color: #fff;
   }
   .custom-bc .breadcrumb > .breadcrumb-item.active:hover,
   .custom-bc .breadcrumb > .breadcrumb-item.active:focus {
   /* background-color: #274c06;*/
   }
   .custom-bc .breadcrumb > .breadcrumb-item.disabled {
    text-shadow: 1px 1px 0 rgba(255,255,255,.5);
    color: #bababa;
   }
  /* ===== E N D · .custom-bc ===== */
  /* ===== S T A R T · #loading_spinner ===== */
   #loading_spinner {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #FFF;
    border-right: 16px solid #AAA;
    border-bottom: 16px solid #FFF;
    border-left: 16px solid #AAA;
    box-shadow: 1px 1px 1px #000, 3px 3px 17px #444, inset 2px 2px 15px #222;
   }
   #loading_message {
    color: #FFF;
    text-shadow: 1px 1px 2px #000;
   }
   #loading_spinner_overlay {
    background-color: rgba(0,0,0,0.7);
   }
  /* ===== E N D · #loading_spinner ===== */
  /* ===== S T A R T · .signuppage ===== */
   .signuppage .card-group.landing > .card {
    background-color: #F6F6F6;
   }
  /* ===== E N D · .signuppage ===== */
  /* ===== S T A R T · .has-error ===== */
   .has-error .help-block,
   .has-error .control-label,
   .has-error .radio,
   .has-error .checkbox,
   .has-error .radio-inline,
   .has-error .checkbox-inline,
   .has-error.radio label,
   .has-error.checkbox label,
   .has-error.radio-inline label,
   .has-error.checkbox-inline label {
    color: #a94442;
   }
   .has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 1px 1px 0px #a94442, inset -1px -1px 0px #a94442;
    box-shadow: inset 1px 1px 0px #a94442, inset -1px -1px 0px #a94442;
   }
   .has-error .form-control:focus {
    border-color: #a94442;
    box-shadow: inset 1px 1px 0px #a94442, inset -1px -1px 0px #a94442;
   }
   .has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
   }
   .has-error .form-control-feedback {
    color: #a94442;
   }
  /* ===== E N D · .has-error ===== */
  /* ===== S T A R T · .has-success ===== */
   .has-success .help-block,
   .has-success .control-label,
   .has-success .radio,
   .has-success .checkbox,
   .has-success .radio-inline,
   .has-success .checkbox-inline,
   .has-success.radio label,
   .has-success.checkbox label,
   .has-success.radio-inline label,
   .has-success.checkbox-inline label {
    color: #3c763d;
   }
   .has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   }
   .has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
   }
   .has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
   }
   .has-success .form-control-feedback {
    color: #3c763d;
   }
  /* ===== E N D · .has-success ===== */
  /* ===== S T A R T · #dashboard ===== */
   #dashboard .nav.nav-tabs {}
   #dashboard .nav.nav-tabs .nav-link {
    color: #aaa;
    padding: .25rem .5rem;
   }
   #dashboard .nav-tabs .nav-link:focus, #dashboard .nav-tabs .nav-link:hover, #dashboard .nav-tabs .nav-link.active {}

   #dashboard .nav.nav-tabs .nav-link.active {
    color: #000;
   }
  /* ===== E N D · #dashboard ===== */
  /* ===== S T A R T · .custom-tabs ===== */
   .custom-tabs .progress-bar {
    background-color: #FBB040;
   }
   .custom-tabs .sync-step .count {
    background-color: #eee;
    color: #333;
    border: 2px solid #fff;
    -webkit-box-shadow: 0px 1px 5px -1px rgba(67,67,67,.3);
    -moz-box-shadow: 0px 1px 5px -1px rgba(67,67,67,.3);
    box-shadow: 0px 1px 5px -1px rgba(67,67,67,.3);
   }
   .custom-tabs .sync-step:not(.active) .progress .progress-bar {
    background-color:#ebeff2;
   }
   .custom-tabs .sync-step span {
    color: #333;
   }
   .custom-tabs .sync-step.active .count {
    background-color: #262262;
    color: #fff;
    -webkit-box-shadow: 0px 1px 5px -1px rgba(67,67,67,.8);
    -moz-box-shadow: 0px 1px 5px -1px rgba(67,67,67,.8);
    box-shadow: 0px 1px 5px -1px rgba(67,67,67,.8);
   }
   .custom-tabs .sync-step.active span {
    color: #262262;
   }
   .custom-tabs .sync-step.disabled .count, .custom-tabs .sync-step.disabled span {
    color: #E5E5E7;
   }
  /* ===== E N D · .custom-tabs ===== */
  /* ===== S T A R T · CUSTOM STYLING ===== */
   .msg_from_customer {
    background: #E8FCDF;
   }
   .qbimg {
    max-width: 300px;
   }
   .chart-cont {
    min-height: 8rem;
   }
   .minor .table-light tbody+tbody, 
   .minor .table-light td, .minor .table-light th, 
   .minor .table-light thead th {
    border-color: #dee2e6;
   }
   table.minor {
    border: 1px solid #dee2e6;
   }
   .pre-scrollable {
    overflow-x: hidden;
    overflow-y: overlay;
    padding: 10px;
    background: #f0f1f8;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: inset 0 0 3px #CCC;
   }
   .loginTitle {
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0px;
    color: #3fc377;
    text-shadow: 0px 1px 2px rgba(63, 195, 119, 0.65);
    margin: 0 0 .75rem 0;
    font-family: 'Montserrat';
   }
   .btn-exaggerated {
    border: 1px solid #eee;
    padding: .5rem 0;
    font-size: 1.05rem;
    font-family: 'Poppins';
   }
   .btn-exaggerated:focus,
   .btn-exaggerated:hover {
    color: rgb(59, 33, 189);
    border: 1px solid rgba(79, 48, 241, 0.33); /* bg-primary */
    box-shadow: 0px 0px 15px -6px rgba(79, 48, 241, .8); /* bg-primary */
   }
   .btn-exaggerated .btn:focus {
    box-shadow: none;
   }
   .normal {
    font-weight: 400;
   }
   @media screen and (min-width: 769px) {
    .btn-exaggerated:hover:after {
     content: '';
     position: absolute;
     bottom: -0px;
     margin-right: auto;
     margin-left: auto;
     left: 0px;
     right: 0px;
     width: 0; 
     height: 0; 
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;    
     border-bottom: 10px solid rgba(79, 48, 241, 0.33); /* bg-primary */
    }    
   }
   .faux.btn-exaggerated {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5;
    border-radius: .25rem;
   }
   #onboardedtbl tbody td {
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
   }
   .striped > .row:nth-of-type(even),
   .list-group.striped > li:nth-of-type(even) {
    background-color: rgba(0, 0, 0, 0.05);
   }
   .striped > .row + .row > [class*=col] {
    border-top: 1px solid #dee2e6;
   }
  /* ===== E N D · CUSTOM STYLING ===== */
 /* ===== E N D · #content ===== */
/* ===== E N D · .wrapper ===== */

/*datatables styling*/
.search_flds tr {
 background-color: antiquewhite;
}

input.form-control.res_search {
 padding: 0 5px!important;
 font-size: .8rem;
 height: 1.5rem;
}

._note_record {
 margin-bottom: 10px;
}

._note_record_title {
 font-size: 0.9rem;
}

._note_record_body {
 font-family: 'Montserrat';
}

.showcase {
 position: relative;
 color: #110a3d;
 border-style: solid;
 border-width: 1px;
 border-color: transparent;
 background: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff) padding-box, linear-gradient(to top,  rgba(195, 63, 139, .7), rgba(119, 63, 195, .7) 75%) border-box;
}