/* body */
.hidden {
    display: none;
}

/* colors */
.prime-blue {
    color: #2f67b2;
}
.prime-orange {
    color: #f8991d;
}
.prime-red {
    color: #cb2026;
}

/* notification dashboard */
.passed-green {
    color: #28a745;
}
.caution-yellow {
    color: #ffc107;
}
.failed-red {
    color: #dc3545;
}
.new-alert {
    background-color: #faf2cc !important;
}
.gray-background {
    background-color: #f2f2f2;
}
.gray-background .box-info {
    font-weight: bold;
}
.box-info {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    word-wrap: break-word;
}

/* bootstrap container overrides */
@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 98%;
    }
}
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 98%;
    }
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 98%;
    }
}

/* nav */
.header-logo {
    width: 220px;
}
@media (min-width: 768px) {
    .header-logo {
        width: 300px;
    }
}
.hdr-nav {
    margin-bottom: 25px;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #2f67b2;
}
.nav-link {
    background-color: #fff;
    border: 2px solid #2f67b2;
    color: #2f67b2 !important;
    border-radius: 5px;
    padding: 0.3rem 1.5rem !important;
    font-size: 13px;
}
@media (min-width: 992px) {
    .nav-link {
        margin-left: 13px;
    }
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    background-color: #2f67b2;
    color: #fff !important;
}
.dropdown.show .dropdown-toggle {
    background-color: #2f67b2 !important;
    color: #fff !important;
}
.dropdown-menu {
    border: 2px solid #2f67b2;
    border-radius: 5px;
    padding: 0;
    margin-top: 0;
    min-width: 0;
}
.dropdown-menu .nav-link {
    border: none !important;
    border-radius: 0;
    margin-left: 0 !important;
    padding-top: 0.6rem !important;
    padding-bottom: 0.6rem !important;
    padding-left: 1rem !important;
}
@media (max-width: 991px) {
    .nav-link {
        padding-top: 0.6rem !important;
        padding-bottom: 0.6rem !important;
    }
}

/* footer */
.footer-text {
    font-size: 0.9rem;
}

/* buttons and links */
a {
    color: #2f67b2;
}
a:hover, a:active {
    color: #007fff;
}
a:not([href]) {
    cursor: pointer;
}
.btn-primary {
    background-color: #2f67b2;
    border-color: #2f67b2;
    color: #fff !important;
}
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .btn-primary:focus, .btn-primary.focus {
    background-color: #007fff;
    border-color: #007fff;
}
.btn-primary.disabled, .btn-primary:disabled {
    background-color: #2f67b2;
    border-color: #2f67b2;
}
.btn-secondary {
    background-color: #f8991d;
    border-color: #f8991d;
    color: #fff !important;
}
.btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #f8991d;
    border-color: #f8991d;
}
.btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle, .btn-secondary:focus, .btn-secondary.focus {
    background-color: #dd8500;
    border-color: #dd8500;
}
.btn-cancel {
    color: #fff;
    background-color: #999999;
    border-color: #999999;
}
.btn-cancel:hover, .btn-cancel:not(:disabled):not(.disabled):active, .btn-cancel:not(:disabled):not(.disabled).active, .show > .btn-cancel.dropdown-toggle, .btn-cancel:focus, .btn-cancel.focus {
    color: #fff;
    background-color: #737373;
    border-color: #737373;
}


/* checkbox hack for report builder */
.save-filter-form input[type=checkbox],
.dtr-bs-modalinput[type=checkbox]
{
    -moz-appearance: initial; /* Hack for Firefox Browsers */
}

.dtr-bs-modal input[type=checkbox] {
    position: relative;
    visibility: hidden;
}

    .save-filter-form input[type=checkbox]:after,
    .dtr-bs-modal input[type=checkbox]:after {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        right: -7px;
        visibility: visible;
        height: 16px;
        width: 16px;
        line-height: 13px;
        text-align: center;
        background: #fff;
        border: 1px solid #000;
        font-weight: bold;
        margin-top: -1px;
    }

    .save-filter-form input[type=checkbox]:checked:after,
    .dtr-bs-modal input[type=checkbox]:checked:after {
        content: "✓";
        background: #2f67b2;
        color: #fff;
        font-size: 15px;
    }

@-moz-document url-prefix() { /* firefox onl
@-moz-document url-prefix() { /* firefox only CSS hack */
    .dtr-bs-modal input[type=checkbox]:disabled:after {
        right: -18px !important;
        margin-top: -13px !important;
    }
}

/* spinner modal */
.loader {
    position: relative;
    text-align: center;
    margin: 15px auto 35px auto;
    z-index: 9999;
    display: block;
    width: 80px;
    height: 80px;
    border: 10px solid rgba(0, 0, 0, .3);
    border-radius: 50%;
    border-top-color: #000;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}
.loader-txt {
    font-size: 15px;
    color: #666;
}
.spinner-content {
    border-radius: 0px;
    box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.7);
}
.modal-backdrop.show {
    opacity: 0.75;
}
/* spinner modal */

/**filter modal **/
/* Mimic .fa */
.glyphicon {
    display: inline-block !important;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: 14px !important;
    font-size: inherit !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Mimic .fa-check-square-o */
.glyphicon-check:before {
    content: '\f046';
}

/* Mimic .fa-plus */
.glyphicon-plus:before {
    content: '\f067';
}

/* Mimic .fa-plus-circle */
.glyphicon-plus-sign:before {
    content: '\f055';
}

/* Mimic .fa-random */
.glyphicon-random:before {
    content: '\f074';
}

/* Mimic .fa-times */
.glyphicon-remove:before {
    content: '\f00d';
}

/* Mimic .fa-sort */
.glyphicon-sort:before {
    content: '\f0dc';
}

/* Mimic .fa-square-o */
.glyphicon-unchecked:before {
    content: '\f096';
}

/* Mimic .fa-warning */
.glyphicon-warning-sign:before {
    content: '\f071';
}

/*custom CSS */
.query-builder .rules-group-container {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 14px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    width: 100%;
}

.query-builder .form-control.hide {
    display: none !important;
}
.query-builder .btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.pull-right {
  float:right;
}

.modal-xl {
    width: 90%;
    max-width: 1200px;
}

.query-builder .btn-primary:hover,
.query-builder .btn-primary:not(:disabled):not(.disabled):active,
.query-builder .btn-primary:not(:disabled):not(.disabled).active,
.query-builder .show > .btn-primary.dropdown-toggle,
.query-builder .btn-primary:focus,
.query-builder .btn-primary.focus {
    background-color: #28a745;
    border-color: #28a745;
}


/** end filter modal **/

/** Datatables **/
.reason-column {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*filter builder - hide certain dropdown options*/
#exampleModal .rule-filter-container select option[value=testResultPhotoUrl],
#exampleModal .rule-filter-container select option[value=testResult],
#exampleModal .rule-filter-container select option[value=proofOfVaccinationUrl],
#exampleModal .rule-filter-container select option[value=proofOfExemptionUrl]
{
    display: none !important;
}