/*
  Brand colors and styles
 */
 :root, .c-app {
  /* midnight */
  --midnight-lighter-0: #B5CBE8;
  --midnight-lighter-0-5: #A4B9D5;
  --midnight-lighter-1: #93A8C2;
  --midnight-lighter-1-5: #8396AF;
  --midnight-lighter-2: #72849C;
  --midnight-lighter-3: #506177;
  --midnight-lighter-4: #2F3D51;
  --midnight: #0D1B2B;
  --midnight-darker-6: #0A1522;
  --midnight-darker-7: #08101A;
  --midnight-darker-8: #050A11;
  --midnight-darker-8-5: #04080D;
  --midnight-darker-9: #030509;
  --midnight-darker-9-5: #010304;
  --midnight-darker-10: #000000;
  /* sky */
  --sky-lighter-0: #FDFEFF;
  --sky-lighter-0-5: #E7F1F7;
  --sky-lighter-1: #D1E4F0;
  --sky-lighter-1-5: #BBD7E8;
  --sky-lighter-2: #A5CAE1;
  --sky-lighter-3: #78B1D2;
  --sky-lighter-4: #4C97C3;
  --sky: #207DB4;
  --sky-darker-6: #1A6490;
  --sky-darker-7: #134B6C;
  --sky-darker-8: #0D3248;
  --sky-darker-8-5: #0A2636;
  --sky-darker-9: #061924;
  --sky-darker-9-5: #030D12;
  --sky-darker-10: #000000;
  /* ice */
  --ice-lighter-0: #FFFFFF;
  --ice-lighter-0-5: #F0FAFE;
  --ice-lighter-1: #E2F4FD;
  --ice-lighter-1-5: #D3EFFB;
  --ice-lighter-2: #C4E9FA;
  --ice-lighter-3: #A7DFF8;
  --ice-lighter-4: #89D4F5;
  --ice: #6CC9F3;
  --ice-darker-6: #57A8CD;
  --ice-darker-7: #4287A6;
  --ice-darker-8: #2E6680;
  --ice-darker-8-5: #23566D;
  --ice-darker-9: #194559;
  --ice-darker-9-5: #0E3546;
  --ice-darker-10: #042433;
  /* core UI var override */
  --primary: var(--sky);
  --info: var(--sky--lighter-3);
}


/*
  Apply brand colors to the sidebar
 */
 .c-sidebar {
  background-color: var(--midnight-lighter-4);
 }
 .c-sidebar .c-sidebar-brand, .c-sidebar .c-sidebar-header {
  background-color: var(--midnight);
}
.c-sidebar .c-sidebar-nav-link:hover, .c-sidebar .c-sidebar-nav-dropdown-toggle:hover {
  background-color: var(--sky);
}


.clickable {
  cursor: pointer;
}

.error-text {
  color: red;
}

.form-error {
  color: red;
}

#hot-display-license-info {
  display: none;
}

.order-comment > p {
  margin-bottom: 0px !important;
}

.collapse-link {
  color: #20a8d8;
}


/* loading screen CSS */
#overlay {
  display: table;
  opacity:    1;
  width:      100%;
  height:     100%;
  z-index:    10;
  top:        0;
  left:       0;
  position:   fixed;
  color:white;
  background: white;
  visibility: hidden;
}

#loading-screen {
  display: table-cell;
  vertical-align: middle;
}

.loader {
  border: 16px solid var(--ice); /* Light grey */
  border-top: 16px solid var(--sky); /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  margin-left: auto;
  margin-right: auto;
}

.loader-text {
  color: black;
  text-align: center;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* end of loading screen CSS */

/* override coreUI 3 primary color */
.btn-primary {
  background-color: var(--sky);
}

.btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary:active {
  background-color: var(--sky-darker-6);
}

.btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  background-color: var(--sky-darker-7);
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--sky-lighter-3);
}

.btn-info {
  background-color: var(--ice);
}

.page-link {
  color: var(--sky);
}

.page-link:hover, .page-link.focus, .page-link:focus {
  color: #4565ca;
}

.page-link.disabled, .page-link:disabled{
  color: #5475ca;
}

a {
  color: var(--sky);
}

a:hover, a.focus, a:focus {
  color: var(--sky-darker-6);
}

a.disabled, a:disabled {
  color: var(--sky--lighter-3);
}

.close {
  color: #000;
}

.close:hover, .close.focus, .close:focus {
  color: #000;
}

.close.disabled, .close:disabled {
  color: #444444;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: var(--sky-lighter-4);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: var(--sky);
}


/*
  Override Select2 CSS
 */
 .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--ice) !important;
}


/* Order create top navigation */
.top-navigation {
  margin-top: 13px;
  margin-bottom: 40px;
}

/* Message Banners */
.message_banner p {
  margin-bottom: 0;
}

/* Makes radio and checkboxes accent color consistent between browsers */
input[type="radio"], input[type="checkbox"] {
  accent-color: var(--primary);
}