a {
    color: var(--s-link);
}

.s-flextable-inner a{
    color: #54BCDE;
}

#forgotPassword{
    font-size: .9rem !important;
    color: var(--s-link) !important;
}



.s-form-static ::-webkit-input-placeholder{
    visibility: visible;
}

.s-form-static .select2-selection__placeholder, .s-form-static .input-group-append{
    visibility: visible;
    display: inline-block;
    text-transform: none;
}

.s-red-color{
    color: var(--s-red-color);
}

.s-serif-title {
    font-family: 'Times New Roman', 'serif';
    color: #282561;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 18px;
}

#orderDetailsSamplesFlextable .s-flextable-inner .card-body > .row,
#orderDetailsInvestigationsFlextable .s-flextable-inner .card-body > .row{
    background-color: #EEF1F7;
}

#orderDetailsSamplesFlextable .s-flextable-inner .card-body,
#orderDetailsInvestigationsFlextable .s-flextable-inner .card-body
{
    padding-top: 0 !important;
}

.s-select-all-btn, .s-select-all-btn:hover,
.s-unselect-all-btn, .s-unselect-all-btn:hover {
    color: var(--s-select-all-btn-color);
    text-align: left;
}

#samplingPoints{
    max-height: 200px;
    overflow-y: auto;
}

#samplingPoints.sampling-points-list li {
    background: transparent;
    box-shadow: none;
    padding-left: 0;
}

#blendedChart{
    margin-top: 1rem;
}

.colon-after:after {
    content: ": ";
}
body.study-modal .modal-backdrop {
    background-image: url('../img/study-filter-modal.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 1;
}

:root{
   --primary: #54BCDE;
   --secondary: #262261;
   --tertiary: #55BDDF;
   --s-footer-bg-color: #262261;
   --s-footer-font-color: #fff;
   --s-page-container-bg: #fff;
   --s-link: #54BCDE;
   --s-red-color: #FC1D1D;
}

/*!
 * CTI app
 */
:root {
    --header-height: 60px;
    --logo-height-ratio: 45.63%;
    --layout-spacing: 1rem;

    @media(min-width: 768px) {
        --layout-spacing: 2rem;
    }

    @media(min-width: 992px) {
        --header-height: 77px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    background-color: #F7F6F9;
    font-family: Helvetica Neue, Sans-Serif;
    font-size: 0.9rem;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    color: #262261;
}

/* Header */
header {
    height: var(--header-height) !important;
    z-index: 2;
}

.odd {
    background-color: #fefefe !important;
}

.even {
    background-color: #f6f6f6 !important;
}

.s-badge-primary{
    color: #262261;
    background-color: #54BCDE;
}

.s-navbar {
    height: var(--header-height);
    padding: 0 1rem;
}

.navbar-collapse {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    background: none;
}

.navbar-collapse-inner {
    background: var(--white);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
    padding: 1rem;
}

.s-logo {
    background-image: url(../img/cti-logo.png);
    width: 4.75rem;
    background-repeat: no-repeat;
    background-size: contain;
}

.s-logo:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: var(--logo-height-ratio);
}

.navbar-brand {
    margin-right: 0;
}

.navbar-left,
.navbar-right {
    flex: 0 0 30%;
    max-width: 30%;
}

.navbar-center {
    flex: 0 0 40%;
    max-width: 40%;
}

.navbar-toggler {
    margin-right: -0.75rem;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
    outline: none;
}

.navbar-toggler:hover {
    color: var(--primary);
}

.navbar-toggler-icon {
    width: 1.15rem;
    height: 1.75rem;
}

.navbar-nav {
    padding: 0;
}

.navbar-nav .nav-link,
.nav-link.user-menu-link {
    font-size: 1rem;
    line-height: 1.3;
    border: none !important;
    padding: 0.25rem 0;
    color: #262261;
}

.navbar-nav a.nav-link.active {
    border: none !important;
}

.nav-link.user-menu-link {
    color: var(--secondary);
}

.s-navbar-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 50px;
    background-color: transparent;
    border: 1px solid #B9B9B9;
    color: var(--secondary);
    padding: 0;
}

@media (min-width: 992px) {
    .navbar-collapse {
        position: static;
        width: auto;
    }

    .s-logo {
        width: 6.25rem;
    }

    .s-navbar {
        padding: 0 2rem;
    }

    .navbar-left {
        flex: 1 1 auto;
        max-width: none;
    }

    .navbar-collapse-inner {
        box-shadow: none;
        flex-grow: 1;
        align-items: center;
        padding: 0;
        margin-left: 2rem;
    }

    .navbar-nav {
        padding: 0;
        align-items: center;
    }

    .navbar-nav .nav-link {
        line-height: 3.7;
        padding: 0.5rem 1rem;
        border-bottom: 2px solid transparent !important;
    }

    .navbar-nav a.nav-link.active {
        border-bottom: 2px solid var(--primary) !important;
    }
}
/* END Header */

main {
    flex-grow: 1;
}

.s-page-container {
    border: 1px solid #e1e1e1;
    background-color: var(--s-page-container-bg);
}

#s-home.s-page-container {
    background-color: transparent !important;
    border: none !important;
}

.footer {
    height: auto;
    color: var(--s-footer-font-color);
    font-size: 1rem;
    padding: 20px;
    background-color: var(--s-footer-bg-color);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
}

.spinner {
    border-left: 6px solid rgba(10, 107, 211, 0.35);
    border-right: 6px solid rgba(10, 107, 211, 0.35);
    border-bottom: 6px solid rgba(10, 107, 211, 0.35);
    border-top: 6px solid rgba(10, 107, 211, 0.8);
}

.s-clear {
    clear: both;
}

.s-card-breadcrumb {
    background-color: #fff;
    color: #262261;
}
.s-card-breadcrumb h5 {
    color: #262261;
}
.s-card-breadcrumb .breadcrumb-item.active {
    color: #262261;
}

.s-login-align {
    text-align: right;
}

a.dropdown-item{
    color: #54BCDE !important;
}

.dropdown-item.btn-link, .dropdown-item .btn-link{
    color: #337AB7;
}

.dropdown-item.disabled:hover, .dropdown-item:disabled:hover, .btn-link:disabled:hover, .btn-link.disabled:hover,
.dropdown-item.btn-link.disabled, .dropdown-item.btn-link:disabled,
.dropdown-item.btn-link.disabled:hover, .dropdown-item.btn-link:disabled:hover,
.btn-link:disabled, .btn-link.disabled{
    cursor: not-allowed !important;
    color: #6c757d !important;
    pointer-events: all !important;
}

@media (min-width: 1200px) {
    .s-login-align {
        padding-right: 2rem;
    }
}
@media (min-width: 992px) {
    .s-login-align .my-4.pt-4.pr-4 {
        text-align: center;
        padding: 3rem 0 0 !important;
        margin: 0 !important;
    }
}
@media (min-width: 1200px) {
    .s-login-align .my-4.pt-4.pr-4 {
        float: right;
    }
}
.s-login-align > .mt-5 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
@media (max-width: 1199.9px) {
    .s-login-align h3 {
        display: none;
    }
}

#login-content .s-logo,
.s-logo-login {
    width: 150px;
    margin: 0 auto;
    background-image: url(../img/cti-logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: auto;
}

#login-content .s-logo:before,
.s-logo-login:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: var(--logo-height-ratio);
}

@media (min-width: 992px) and (max-width: 1199.9px) {
    #login-content .s-logo,
    .s-logo-login {
        float: none;
        margin-bottom: -1rem;
    }
}

.s-left-login-bg {
    background-position: center left;
    background-size: auto 100%;
    background-image: url(../img/cti-login-bg-xs.png);
    background-repeat: no-repeat;
    margin-bottom: 0;
    background-color: #fff;
}
@media (min-width: 768px) {
    .s-left-login-bg {
        background-image: url(../img/cti-login-bg.jpg);
    }
}
.s-left-login-bg .s-logo {
    float: right;
    margin: 0 auto;
}
.s-left-login-bg > main {
    margin-bottom: 0;
}
@media (min-width: 992px) {
    .s-left-login-bg > main > .simplica-ctrl > .row {
        flex-direction: column;
        align-items: flex-end;
    }
}
@media (min-width: 1200px) {
    .s-left-login-bg > main > .simplica-ctrl > .row {
        flex-direction: row;
        align-items: normal;
        min-height: 100vh;
    }
    .s-left-login-bg > main > .simplica-ctrl .s-login-align,
    .s-left-login-bg > main > .simplica-ctrl .s-login-right {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}
@media (min-width: 992px) {
    .s-left-login-bg {
        background-position: left top;
        background-size: contain;
    }
}

.s-login-right .container {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 992px) {
    .s-login-right .container {
        min-height: 1px;
    }
}
@media (min-width: 1200px) {
    .s-login-right {
        border-left: 1px solid #efefef;
    }
}

#login-content {
    padding: 1rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
    border-radius: 1rem;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.96);
    flex-grow: 1;
}
#login-content .s-logo {
    float: none;
}
#login-content .input-group-text {
    background-color: #efefef;
}
#login-content .input-group-append {
    border-left: 1px solid #ced4da;
}

@media (min-width: 992px) {
    #login-content {
        padding: 0 2rem 2rem;
        background: none;
        box-shadow: none;
        margin-top: 0;
        margin-bottom: 0;
        width: 100%;
        max-width: 450px;
    }
}

.s-bg-none {
    background-color: transparent;
    background-image: none;
    border: none;
}

.s-bg-gray {
    background-color: #f1f3f2;
}

.s-bg-primary-color {
    color: #ffffff;
    background-color: #006BD3;
}

.s-primary-color {
    color: var(--primary);
}

.s-secondary-color {
    color: var(--secondary);
}

.s-border-primary {
    border: 1px solid var(--primary);
}

h6 {
    text-transform: uppercase;
}

.s-fa-color-blue {
    color: #007bff;
}

.s-fa-color-dark-blue {
    color: #0D488F;
}

.s-fa-color-green {
    color: #80B01A;
}

.s-fa-color-orange {
    color: #fd7e14;
}

.s-fa-color-yellow {
    color: #ffc107;
}

.s-fa-color-gray {
    color: #343a40;
}

.s-fa-color-red {
    color: #dc3545;
}

.s-collapse {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    margin-bottom: 1rem;
    padding-top: 0.5rem;
    margin-top: -1px;
}

.listbox {
    width: 300px;
    size: 10;
}

.training-img {
    width: 100%;
    height: 100%;
    aspect-radio: 1;
    -o-object-fit: cover;
    object-fit: cover;
}

.footer-card {
    position: absolute;
    left: 25px;
    right: 20px;
    bottom: 5px;
}

.s-text-light-gray {
    color: #ABB2C6;
}

.s-link-underline {
    text-decoration: underline;
}

.s-absolute-tr {
    position: absolute;
    z-index: 1;
    right: 1rem;
    top: 0.8rem;
}

/*! Custom Scrollbar */
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #eee;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #C0C9CF;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #C0C9CF;
}

.dismiss:hover {
    cursor: pointer;
}

.s-truncate-vertical {
    display: -webkit-box;
    overflow: hidden;
    min-width: 200px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.s-badge-active {
    color: var(--primary);
}

/* statuses */
.s-badge-created {
    color: #856404;
    border: 1px solid #856404 !important;
}

.s-badge-testingInProgress {
    color: #262261;
    border: 1px solid #262261 !important;
}

.s-badge-canceled {
    color: #c54854;
    border: 1px solid #c54854 !important;
}

.s-badge-complete {
    color: #009A01;
    border: 1px solid #009A01 !important;
}

.s-badge-draft {
    color: #0091B7;
    border: 1px solid #0091B7 !important;
}

.s-badge-invoiced {
    color: #217ca1;
    border: 1px solid #217ca1 !important;
}

.s-badge-pending{
    color: #0091B7;
    border: 1px solid #0091B7 !important;
}

.s-badge-shipped{
    color: #9B000B;
    border: 1px solid #9B000B !important;
}

.s-badge-notInvoiced {
    color: #c54854;
    border: 1px solid #c54854 !important;
}

.s-badge-submitting {
    color: #EBB035;
    border: 1px solid #EBB035 !important;
}

.s-badge-invoiced {
    color: #217ca1;
    border: 1px solid #217ca1 !important;
}

.s-badge-preinvoiced {
    color: #F99E15;
    border: 1px solid #F99E15 !important;
}

.s-badge-notInvoiced {
    color: #c54854;
    border: 1px solid #c54854 !important;
}

.s-badge-submitting {
    color: #EBB035;
    border: 1px solid #EBB035 !important;
}

.s-badge-inspec-pending {
    color: #217ca1;
    border: 1px solid #217ca1 !important;
}

.s-badge-inspec-canceled {
    color: #c54854;
    border: 1px solid #c54854 !important;
}

.s-badge-inspec-fail {
    color: #c54854;
    border: 1px solid #c54854 !important;
}

.s-badge-inspec-rejected {
    color: #C28B38;
    border: 1px solid #C28B38 !important;
}

.s-badge-inspec-pass {
    color: #80b01a;
    border: 1px solid #80b01a !important;
}

.cell-actions .btn:focus {
    box-shadow: none;
}

.s-tile-box {
    height: auto;
    min-height: 200px;
}

.s-filter-bar {
    width: 100%;
    margin: 0 2rem;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: none;
}

.s-break-word {
    word-break: break-word;
}

.s-table-no-hover tbody tr:hover {
    background-color: transparent;
    border-left: none;
}

.s-table-no-hover tbody tr:nth-of-type(odd):hover {
    background-color: #f2f5f7;
}

@media (max-width: 991px) {
    [data-mobile-title] {
        position: relative;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    [data-mobile-title]:before {
        content: attr(data-mobile-title) ":";
        display: inline-block;
        font-weight: 600;
        margin-right: 10px;
    }
    .cell-actions {
        position: static;
    }
    .cell-actions button {
        position: absolute;
    }
    .cell-actions button:first-child {
        top: 10px;
        right: 8px;
    }
    .cell-actions button:last-child {
        bottom: 0;
        right: 0;
    }
    .col-collapse .title:after {
        content: ":";
        display: inline-block;
        margin-right: 10px;
    }

}
@media (min-width: 992px) {
    .cell-actions {
        text-align: right;
    }
}

/*
Container utilities for container query, used mainly in widgets
*/
.container-size {
    container-type: inline-size;
}

[class*=cs-col] {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.cs-col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.cs-col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

@container (min-width: 576px) {
    .cs-d-sm-block {
        display: block !important;
    }

    .cs-col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .cs-col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
}

@container (min-width: 768px) {
    .cs-d-md-block {
        display: block !important;
    }

    .cs-col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
}

@container (min-width: 992px) {
    .cs-d-lg-block {
        display: block !important;
    }

    .cs-col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
}

@container (min-width: 1200px) {
    .cs-d-xl-block {
        display: block !important;
    }

    .cs-col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
}

/* Loaders */
.s-placeholder {
    display: block;
    min-height: 2.5rem;
    vertical-align: middle;
    cursor: wait;
    background-color: #d7d8dc;
    opacity: 0.5;
}

.s-placeholder.btn::before {
    display: inline-block;
    content: "";
}

.s-placeholder-xs {
    min-height: 0.6em;
}

.s-placeholder-sm {
    min-height: 0.8em;
}

.s-placeholder-md {
    min-height: 1em;
}

.s-placeholder-lg {
    min-height: 1.2em;
}

.s-placeholder-xl {
    min-height: 1.6em;
}

.s-placeholder-glow .s-placeholder {
    animation: s-placeholder-glow 2s ease-in-out infinite;
}

@keyframes s-placeholder-glow {
    50% {
        opacity: 0.2;
    }
}

/* END Loaders */

.text-word-break {
    word-break: break-all;
}

.col-remove-spacing {
    flex: 0 0 calc(100% + 0.5rem);
    max-width: calc(100% + 0.5rem);
}

@media (max-width: 767px) {
    .s-w-xs-100 {
        width: 100%;
    }
}

.fa-grey {
    color: #B9B9B9;
    font-size: 1.1rem;
}

.s-filterSample {
    background-color: #F1F1F1;
    color: #0D488F;
}

.s-dropdown-item:hover .btn-link {
    color: #fff !important;
}

.s-dropdown-item a {
    color: #337AB7 !important;
}

.s-required-gridcolumn {
    color: #0D488F;
}

.s-required-gridcolumn span.slick-column-name::after{
    content: "*";
}

.s-required-cell {
    border: 1px solid #dc3545;
}

.dropdown-menu-fixed .dropdown-menu {
    transform: none !important;
    left: auto !important;
    right: 100% !important;
}

.s-no-sorting:after, .s-no-sorting:before{
    content: "" !important;
}

.s-index-page .s-index-header .s-filter-bar {
    border: none;
    border-bottom: 1px solid #e1e1e1;
}

.fa-blue {
    color: #337ab7!important;
    font-size: 1em!important;
}

.fa-green {
    color: #80B01A!important;
    font-size: 1em!important;
}

@media (max-width: 576px) {
    .s-w-100 {
        width: 100% !important;
        margin-bottom: 10px;
    }
}

/* toast info */
.s-toast > .border-info {
    background-color: #cce5ff;
    color: #004085 !important;
}

.s-toast > .border-info > .icon{
    color: #004085 !important;
}

.s-toast .text-info{
    color: #004085 !important;
}

/* toast danger */
.s-toast > .border-danger{
    background-color: #f8d7da;
    color: #721c24 !important;
}

.s-toast > .border-danger > .icon{
    color: #721c24 !important;
}

.s-toast .text-danger{
    color: #721c24 !important;
}

/* toast warning */
.s-toast > .border-warning{
    background-color: #fff3cd;
    color: #856404 !important;
}

.s-toast > .border-warning > .icon{
    color: #856404 !important;
}

.s-toast .text-warning{
    color: #856404 !important;
}

/* toast success */
.s-toast > .border-success{
    background-color: #d4edda;
    color: #155724 !important;
}

.s-toast > .border-success > .icon{
    color: #155724 !important;
}

.s-toast .text-success{
    color: #155724 !important;
}

.btn.disabled .fa-file-pdf, .btn:disabled .fa-file-pdf{
    color: gray !important;
}

.btn.disabled .fa-file-pdf:hover, .btn:disabled .fa-file-pdf:hover{
    cursor: not-allowed;
}

.s-filter-section {
    border-bottom: none!important;
    margin: 0 2rem!important;
    border-left: 1px solid #e1e1e1!important;
    border-right: 1px solid #e1e1e1!important;
}

.grid-full-width {
    width: 100%;
    overflow: auto;
}

.grid-full-width .s-grid-table {
    min-width: 100%;
}

.grid-full-width .slick-header-column:first-child,
.grid-full-width .slick-cell.l0.r0 {
    box-shadow: inset 1px 0 0 0 silver !important;
    justify-content: center !important;
}

@media(min-width: 992px) {
    .grid-full-width .s-grid-table {
        max-width: 100%;
    }
}

#groupAddUsersTable{
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

#ordersDatatable[show-select-all="true"] .s-flextable-filter-header > .row > [class*="col"]:first-child .form-control {
    max-width: calc(100% - 39px);
    margin-left: 39px;
    margin-top: -4px;
}
.s-modal-spinner .s-simplica-busy {
    margin-top: 45px;
}

.low-value {
    color: #c54854;
}

.high-value {
    color: #009A01;
}

/* Page container spacing */
.s-page-container {
    margin: var(--layout-spacing);
    padding: var(--layout-spacing);
}

#s-home.s-page-container {
    margin: 0;
}

.s-index-page {
    margin: var(--layout-spacing) !important;
    padding: 0;
}

.s-order-details-header {
    margin: var(--layout-spacing);
    padding: var(--layout-spacing);
}

.s-order-details-body {
    margin: var(--layout-spacing);
}

.s-header-section,
.s-order-details-tile,
.s-order-details-samples {
    padding: var(--layout-spacing);
}

.s-filter-bar {
    margin: 0 var(--layout-spacing);
}

.s-filter-pills {
    padding: 1rem var(--layout-spacing);
}

#s-admin.s-page-container {
    margin: 0 var(--layout-spacing) var(--layout-spacing);
}

#s-admin.s-admin-index {
    margin-top: var(--layout-spacing);
}

.s-card-breadcrumb {
    padding: var(--layout-spacing);
    margin: var(--layout-spacing) var(--layout-spacing) 0 var(--layout-spacing);
}

.s-index-body {
    padding: 1rem var(--layout-spacing);
}
/* END Page container spacing */

/* Uncomment below if client requests white text on primary buttons */
/*.btn-primary,*/
/*.btn-primary:hover,*/
/*.btn-primary:active,*/
/*.btn-primary:focus,*/
/*.btn-primary:focus-visible {*/
/*    color: var(--white);*/
/*}*/

.s-order-details-tile,
.s-order-details-samples {
    flex: 0 0 100%;
    max-width: 100%;
}

.s-nav-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.s-nav-tabs .nav-item .nav-link {
    margin: 0;
    padding: 0.35rem 0.75rem;
    width: auto;
}

#s-admin.s-page-container .s-box {
    margin-right: 0;
}

@media(min-width: 768px) {
    .s-order-details-tile {
        flex: 0 0 35%;
        max-width: 35%;
    }

    .s-order-details-samples {
        flex: 0 0 calc(65% - 1rem);
        max-width: calc(65% - 1rem);
        margin-left: 1rem;
    }

    .s-nav-tabs .nav-item .nav-link {
        padding: 0.5rem 1rem;
    }
}

@media(min-width: 1200px) {
    .s-order-details-tile {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .s-order-details-samples {
        flex: 0 0 calc(70% - 1rem);
        max-width: calc(70% - 1rem);
    }
}

#login-content .btn-primary {
    color:#ffffff;
}

.s-header-section h5{
    color: #262261;
}

.s-boxTitle{
    color: #262261;
}