/*
    Cadence Color Palette
Color                 R-G-B                 Hex
Dark Gray    85-88-96    #555860
Light Gray    231-230-230    #e7e6e6
Teal                 2-164-190    #02a4be
Red                 224-78-57    #e04e39
Medium Gray    165-165-165    #a5a5a5
Yellow                 255-192-0    #ffc000
Blue                 91-155-213    #5b9bd5
Green                 112-173-71    #70ad47
Purple                 149-79-114    #954f72
Dark Blue (link)  5-99-193    #0563c1
Added a custom IcoMoon library
*/
@font-face {
    font-family: 'icomoon';
    src: url('/font/icomoon.eot?uc41o1');
    src: url('/font/icomoon.eot?uc41o1#iefix') format('embedded-opentype'), url('/font/icomoon.ttf?uc41o1') format('truetype'), url('/font/icomoon.woff?uc41o1') format('woff'), url('/font/icomoon.svg?uc41o1#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}


.stampfont {
    font-style: normal;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    color: #e04e39;
    border: 1px solid red;
    padding: 4px 4px;
    transform: rotate(-10deg);
    border-radius: 2px;
    position: absolute;
    text-transform:uppercase;
    left: 28%;
    top: 12px;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-ur-icon:before {
    content: "\e901";
}

.icon-assign-to-icon:before {
    content: "\e900";
}

.table-striped tbody tr:nth-child(odd) {
    background-color: #F1FBFC;
}
.red-font {
    color: red !important;
}
/*.table-striped tbody tr.expired:nth-child(odd) {
    background-color: #f8d1d6;
}*/

.icon-ur-icon-round:before {
    content: "\e901";
    margin: 3px 0px 0px 8px;
    display: block;
}

.patient-name-header-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-content: center;
}

.patient-name-ur {
    display: flex;
    align-items: center;
    margin-top: .5rem;
}

.ur-icon {
    width: 30px;
    font-size: 20px !important;
    margin-right: 10px;
    color: #1FA8B6;
    background-color: white;
    height: 30px;
    border-radius: 100%;
}

body {
    color: #565859;
    color: #2c3137;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    background-color: #d1d5da;
}

/*
```````````````````````````````````````````
GLOBALS
```````````````````````````````````````````
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif;
}

a {
    color: #1FA8B6;
}
    a:hover {
        text-decoration: none;
    }
.checkbox-styled {
    position: relative;
    width: 35px;
    height: 35px;
    margin: 0 auto;
    cursor: pointer;
    display: block;
    background-color: #f2f4f7;
}

    .checkbox-styled input {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        overflow: hidden;
        opacity: 0;
    }

    .checkbox-styled span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        text-align: center;
        line-height: 35px;
        justify-content: center;
        background-color: #f2f4f7;
        color: #ddd;
        font-size: 20px;
    }

    .checkbox-styled input:checked {
        border-color: #1FA8B6;
    }

        .checkbox-styled input:checked ~ span {
            background-color: #1FA8B6;
            color: #fff;
        }

    .checkbox-styled .checkmark {
        display: none;
    }

    .checkbox-styled input:checked ~ .checkmark {
        display: block;
    }

/*
```````````````````````````````````````````
HELPER CLASSES
```````````````````````````````````````````
*/

.color-green {
    color: #70ad47;
}

.color-red {
    color: #e04e39;
}

.color-blue {
    color: #1FA8B6;
}

.color-gray {
    color: #565859;
}

.color-light-gray {
    color: #d4dde7;
}

.bg-red {
    background-color: #e04e39;
}

.bg-blue {
    background-color: #1FA8B6;
}

.bg-gray {
    background-color: #565859;
}

.bg-light-gray {
    background-color: #d4dde7;
}

.button-link {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    color: #1FA8B6;
}

.light-frame {
    padding: 20px;
    background-color: #f2f4f7;
    border: solid 1px #d4dde7;
}

.label-tag {
    display: block;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.horizontal-label-tag {
    display: block;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}
/* ```` WARNING STYLES ```` */
.info-wrap-row.warning {
    color: #e04e39;
}

    .info-wrap-row.warning .label-tag:after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f06a";
        margin-left: 5px;
    }

.tab.warning {
    color: #e04e39 !important;
}

    .tab.warning.active {
        border-top-color: #e04e39 !important;
    }

    .tab.warning:after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f06a";
        margin-left: 5px;
        color: #e04e39;
    }
/*
```````````````````````````````````````````
BOOTSTRAP RESET
```````````````````````````````````````````
*/

.container {
    min-width: 1330px;
    max-width: 96vw;
}

/* ```` TABLES ```` */
table.table {
    font-size: 14px;
    color: inherit;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 0.75rem 0.35rem;
}

/* ```` BUTTON ```` */
.btn {
    border-radius: 0px;
    text-decoration: none !important;
}

.btn-success {
    background-color: #00cc94;
    border-color: #00cc94;
}

    .btn-success:hover {
        background-color: #07bb8a;
        border-color: #07bb8a;
    }

    .btn-success:not(:disabled):not(.disabled).active,
    .btn-success:not(:disabled):not(.disabled):active,
    .show > .btn-success.dropdown-toggle {
        background-color: #07bb8a;
        border-color: #07bb8a;
    }

.btn-danger {
    background-color: #e04e39;
    border-color: #e04e39;
}

    .btn-danger:hover {
        background-color: #ce4936;
        border-color: #ce4936;
    }

    .btn-danger:not(:disabled):not(.disabled).active,
    .btn-danger:not(:disabled):not(.disabled):active,
    .show > .btn-danger.dropdown-toggle {
        background-color: #ce4936;
        border-color: #ce4936;
    }

/* ```` TOOLTIP ```` */

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #2c3037;
    border-radius: 0.25rem;
}

.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #2c3037;
}

/* ```` POPOVER ```` */
.popover {
    border-color: #d4dde7;
    -webkit-box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.15);
}

    .popover .arrow {
        border-color: #d4dde7;
    }

.popover-header {
    background-color: #424c57;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}

*[data-toggle="popover"] {
    color: #1FA8B6;
}

.header-popover {
    border-bottom: none !important;
    color: #1FA8B6 !important;
    font-weight: inherit !important;
}

.header-popover-2 {
    border-bottom: none !important;
    color: inherit !important;
}

.view-request *[data-toggle="popover"] {
    color: #1FA8B6;
    border-bottom: none;
    font-weight: normal;
    text-decoration: none;
}
/* ```` MODAL ```` */
.modal h3 {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 20px;
}

.modal .modal-content {
    border-radius: 0;
    border: none !important;
}

.modal .modal-print {
    margin-right: 30px;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #323941;
}

    .modal .modal-print i {
        font-size: 16px;
    }

.modal .modal-copy {
    margin-right: 5px;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #323941;
}

    .modal .modal-copy i {
        font-size: 16px;
    }


.modal-lg,
.modal-xl {
    max-width: 1200px;
}

.modal-md {
    max-width: 860px;
}

.modal-header {
    background-color: #FFF;
    color: #2c3137;
    border-top: 6px solid #1FA8B6;
    border-radius: 0;
    border-bottom: none !important;
}

    .modal-header .modal-title {
        font-weight: bold;
        font-size: 17px;
        /* max-width: 630px;*/
    }

.modal .detail-wrap {
    margin-bottom: 10px;
}

.modal .close {
    position: absolute;
    top: auto;
    right: 20px;
    color: #2c3137 !important;
    transition: all ease .3s;
}

    .modal .close:hover {
        background-color: #dc3545 !important;
        color: #FFF !important;
        opacity: 1;
    }

.modal .light-frame {
    font-size: 13px;
}

.modal ul {
    padding: 0;
    margin: 0;
}

    .modal ul li {
        margin-bottom: 10px;
    }

/* ```` ALERT ```` */
.alert {
    border-radius: 0;
}

/*
```````````````````````````````````````````
BOOTSTRAPTABLE.JS RESET
```````````````````````````````````````````
*/
.bootstrap-table .fixed-table-pagination > .pagination ul.pagination a {
    text-decoration: none;
    color: #1FA8B6;
    font-weight: bold;
    font-size: 14px;
    width: 40px;
    height: 40px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-item-align: center;
    align-items: center;
    justify-content: center;
}

.bootstrap-table .fixed-table-toolbar .search {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-item-align: stretch;
    align-items: stretch;
    float: none !important;
    width: 100%;
    max-width: 100%;
}

    .bootstrap-table .fixed-table-toolbar .search input {
        border: none;
        border-radius: 0;
        background-color: #f2f4f7;
        border: solid 1px #d4dde7;
    }

    .bootstrap-table .fixed-table-toolbar .search:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f002";
        display: block;
        padding: 0 10px;
        color: #fff;
        background-color: #424c57;
        opacity: 0.7;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-item-align: center;
        align-items: center;
        justify-content: center;
    }

.page-link:hover {
    background-color: #d4dde7;
}

.page-item.active .page-link {
    background-color: #1FA8B6;
    border-color: #1FA8B6;
    color: #fff !important;
}

/*
```````````````````````````````````````````
LAYOUT - GENERAL
```````````````````````````````````````````
*/
#documentation-upload {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-item-align: center;
    align-items: center;
    justify-content: flex-end;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
}

    .upload-btn-wrapper button {
        border: none;
        background-color: #1FA8B6;
        color: #1FA8B6;
        color: #fff;
        border: solid 2px #1FA8B6;
        padding: 10px 20px;
    }

    .upload-btn-wrapper:hover button {
        background-color: #fff;
        border: dashed 2px #1FA8B6;
        color: #1FA8B6;
    }

    .upload-btn-wrapper input[type="file"] {
        font-size: 100px;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0;
    }

/*
```````````````````````````````````````````
LAYOUT > HEADER
```````````````````````````````````````````
*/

header#main-header {
    background-color: #fff;
    min-width: 1350px;
}
header#main-header-mobile {
    background-color: #fff;
}
    header#main-header .container {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-item-align: stretch;
        align-items: stretch;
        height: 40px;
    }

    header#main-header nav a {
        position: relative;
    }

    header#main-header nav li:first-child a {
        border-left: none;
    }

    header#main-header nav a:hover {
        background-color: #f2f4f7;
    }

    header#main-header nav a.active:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 5px;
        background-color: #1FA8B6;
    }

    header#main-header nav a i {
        margin-right: 5px;
    }

    header#main-header nav a.live-chat i {
        color: #fff;
        background-color: #058a66;
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        line-height: 30px;
    }

#sub-header {
    background-color: #424c57;
}

    #sub-header .container,
    #sub-header ul,
    #sub-header ul li {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-item-align: stretch;
        align-items: stretch;
    }

    #sub-header ul {
        padding: 0;
        margin: 0;
        flex-grow: 1;
    }

        #sub-header ul li {
            padding: 0;
            margin: 0;
            list-style-type: none;
            flex-grow: 1;
        }

            #sub-header ul li a {
                flex-grow: 1;
                display: block;
                font-weight: bold;
                padding: 20px 10px;
                text-decoration: none;
                color: #fff;
                text-align: center;
                text-transform: uppercase;
                font-size: 13px;
                letter-spacing: 1px;
            }

                #sub-header ul li a i {
                    margin-right: 10px;
                    color: #fff;
                    display: inline-block;
                }

                #sub-header ul li a.active {
                    background-color: #FFF;
                    color: #1FA8B6;
                    border-top: 3px solid;
                }


                    #sub-header ul li a.active i {
                        color: #1FA8B6;
                    }




/* Menu inside commandcenter */

#command-center-sub-header {
    background-color: #1FA8B6;
    position: relative;
    width: 1270px;
    left: -30px;
}

    #command-center-sub-header .container,
    #command-center-sub-header ul,
    #command-center-sub-header ul li {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-item-align: stretch;
        align-items: stretch;
    }

    #command-center-sub-header ul {
        padding: 0;
        margin: 0;
        flex-grow: 1;
    }

        #command-center-sub-header ul li {
            padding: 0;
            margin: 0;
            list-style-type: none;
            flex-grow: 1;
        }

            #command-center-sub-header ul li a {
                flex-grow: 1;
                display: block;
                font-weight: bold;
                padding: 20px 10px;
                text-decoration: none;
                color: #FFF;
                text-align: center;
                text-transform: uppercase;
                font-size: 13px;
                letter-spacing: 1px;
            }

                #command-center-sub-header ul li a.active {
                    background-color: #FFF;
                    color: #1FA8B6;
                    border-top: 3px solid;
                }

                #command-center-sub-header ul li a i {
                    margin-right: 10px;
                    color: #FFF;
                    display: inline-block;
                }

                #command-center-sub-header ul li a.active i {
                    color: #1FA8B6;
                }

/*
```````````````````````````````````````````
LAYOUT > HEADER > BRAND/LOGO
```````````````````````````````````````````
*/

header#main-header #brand {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-item-align: center;
    align-items: center;
    width: 200px;
    margin-right: auto;
}

    header#main-header #brand img {
        max-width: 90px;
    }

/*
```````````````````````````````````````````
LAYOUT > HEADER > NAVIGATION
```````````````````````````````````````````
*/

header#main-header nav {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-item-align: stretch;
    align-items: stretch;
}

    header#main-header nav ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-item-align: stretch;
        align-items: stretch;
    }

        header#main-header nav ul li {
            padding: 0;
            margin: 0;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-box;
            display: flex;
            -ms-flex-item-align: stretch;
            align-items: stretch;
        }

            header#main-header nav ul li a {
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-box;
                display: flex;
                -ms-flex-item-align: center;
                align-items: center;
                padding: 0 20px;
                color: inherit;
                text-decoration: none;
            }

/*
```````````````````````````````````````````
COMPONENTS
```````````````````````````````````````````
*/

/* ```` SCORE RANGE BAR ```` */
.smart-title {
    font-size: 17px !important;
    font-weight:bold;
    text-align:center;
}

.smart-title-container {
}

.smart-mobile {
    padding-bottom: 60px !important;
}

.voting-smart {
    display: block !important;
    transition: 1s;
}

.thank-smart {
    display: none !important;
    transition: 2s;
}

.thumb-down,
.thumb-up {
    cursor: pointer;
}

.thumb-down {
    color: #e04e39;
}

.thumb-up {
    color: #1FA8B6;
}

.score-range-bar {
    background: rgb(0, 204, 148);
    background: linear-gradient(90deg, rgba(0, 204, 148, 1) 20%, #ffc107, rgba(224, 78, 57, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00cc94", endColorstr="#e04e39", GradientType=1);
    width: 180px;
    max-width: 100%;
    height: 18px;
    position: relative;
    border-left: none;
}

    .score-range-bar:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 60%;
        height: 100%;
        border: solid 2px #fff;
        border-top: none;
        border-bottom: none;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .score-range-bar:after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 20%;
        height: 100%;
        border: solid 2px #fff;
        border-top: none;
        border-bottom: none;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

/*    .score-range-bar .scrub {
        position: absolute;
        top: 50%;
        left: 0;
        width: 8px;
        height: 20px;
        background-color: #2c3137;
        border-radius: 5px;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        box-shadow: 0px 0px 0px 2px #ffffff;
    }*/

.assigned-to {
    display: flex;
    align-items: center;
}
/* ```` NUMBER INPUT CHANGER ```` */
.number-changer {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-item-align: stretch;
    align-items: stretch;
    height: 50px;
    border: solid 1px #d4dde7;
}

    .number-changer button {
        background: transparent;
        border: none;
        padding: 0 5px;
        background-color: #d4dde790;
        color: #424c5750;
    }

        .number-changer button:hover {
            color: #424c57;
        }

    .number-changer input {
        border: none;
        font-weight: bold;
        width: 75px;
        background-color: #f2f4f7;
        text-align: center;
        border-left: solid 1px #d4dde7;
        border-right: solid 1px #d4dde7;
    }

        .number-changer input[type="number"]::-webkit-inner-spin-button,
        .number-changer input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

/*
```````````````````````````````````````````
COMPONENTS > TABS
```````````````````````````````````````````
*/

.panel-title {
    display: none;
}

/* ```` EXPORT BUTTONS ```` */
.export-buttons {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}

    .export-buttons li {
        padding: 0;
        margin: 0;
        display: inline-block;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-item-align: stretch;
        align-items: stretch;
        border-right: solid 1px #fff;
    }

        .export-buttons li:last-child {
            border-right: none;
        }

        .export-buttons li.label-tag div {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-box;
            display: flex;
            -ms-flex-item-align: center;
            align-items: center;
            margin-right: 10px;
        }

        .export-buttons li a {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-box;
            display: flex;
            -ms-flex-item-align: center;
            align-items: center;
            font-size: 13px;
            color: inherit;
            text-decoration: none;
            padding: 5px 7px;
        }

            .export-buttons li a i {
                margin-right: 5px;
                color: #424c5775;
            }

            .export-buttons li a:hover {
                background-color: #eee;
            }

                .export-buttons li a:hover i {
                    color: #424c57;
                }

#patient-records .list-group {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-item-align: stretch;
    align-items: stretch;
    margin-bottom: -1px;
    position: relative;
    z-index: 1;
}

    #patient-records .list-group .tab {
        text-decoration: none;
        color: #2c3137;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-item-align: center;
        align-items: center;
        justify-content: center;
        flex: 1;
        padding: 10px;
        border-bottom: solid 1px transparent;
        opacity: 0.75;
        cursor: pointer;
    }

        #patient-records .list-group .tab:hover {
            opacity: 1;
        }

        #patient-records .list-group .tab i {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-box;
            display: flex;
            -ms-flex-item-align: center;
            align-items: center;
            justify-content: center;
            border-radius: 100%;
            width: 45px;
            height: 45px;
            max-width: 45px;
            max-height: 45px;
            margin-right: 5px;
            font-size: 20px;
            border: solid 2px #eee;
        }

        #patient-records .list-group .tab.active i {
            background-color: #1FA8B6;
            border-color: #1FA8B6;
            color: #fff;
        }

        #patient-records .list-group .tab.active {
            font-weight: bold;
            border: solid 1px #d4dde7;
            border-bottom-color: #fff;
            opacity: 1;
            border-top: solid 3px #1FA8B6;
        }

#patient-records .tab-content {
    padding: 25px 10px 10px 10px
}

#patient-header-info {
}

.mobile-contact {
    max-width: 213px;
    white-space: pre-wrap; /* CSS3 */
    word-wrap: break-word; /* IE */
}

#patient-header-info .tab.active .name {
    color: #1FA8B6;
}

#patient-header-info .list-group {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-item-align: center;
    align-items: center;
}

    #patient-header-info .list-group .tab {
        padding: 10px 20px;
        position: relative;
        border: solid 1px #ffffff60;
        margin-left: 10px;
        color: #fff;
        text-decoration: none;
        display: block;
    }

        #patient-header-info .list-group .tab:hover {
            background-color: #ffffff20;
            color: #fff;
            text-decoration: none;
        }

        #patient-header-info .list-group .tab > i.fa-chevron-down {
            position: absolute;
            top: 50%;
            right: 20px;
            -webkit-transform: rotate(0deg) translateY(-50%);
            -ms-transform: rotate(0deg) translateY(-50%);
            -o-transform: rotate(0deg) translateY(-50%);
            transform: rotate(0deg) translateY(-50%);
            -webkit-transform-origin: center;
            -moz-transform-origin: center;
            -ms-transform-origin: center;
            -o-transform-origin: center;
            transform-origin: center;
        }

        #patient-header-info .list-group .tab.active i.fa-chevron-down {
            color: #424c57;
            -webkit-transform: rotate(180deg) translateY(35%);
            -ms-transform: rotate(180deg) translateY(35%);
            -o-transform: rotate(180deg) translateY(35%);
            transform: rotate(180deg) translateY(35%);
            -webkit-transform-origin: center;
            -moz-transform-origin: center;
            -ms-transform-origin: center;
            -o-transform-origin: center;
            transform-origin: center;
        }

        #patient-header-info .list-group .tab.active {
            background-color: #fff;
            color: #2c3137;
            border-top: solid 3px #1FA8B6;
            border-bottom: solid 1px transparent;
        }

            #patient-header-info .list-group .tab.active.inactive-blocked {
                color: #2c3137;
                border-top: solid 3px #e04e39;
                border-bottom: solid 1px transparent;
            }

#patient-header-info .tab-content .tab-pane {
    background-color: #fff;
    color: #2c3137;
    padding: 30px;
}

    #patient-header-info .tab-content .tab-pane .panel-title {
        display: none;
    }

#patient-header-info #patient-header-info-tabs .tab.warning {
    background-color: #e04e3925;
    border-color: #e04e39 !important;
    color: #fff !important;
}

    #patient-header-info #patient-header-info-tabs .tab.warning:after {
        content: "";
        display: none;
    }

    #patient-header-info #patient-header-info-tabs .tab.warning .label-tag i {
        color: #e04e39;
    }

#patient-header-info #patient-header-info-tabs .tab.active.warning .label-tag {
    color: #e04e39;
}

#patient-header-info #patient-header-info-tabs .tab.active.warning {
    border-bottom-color: transparent !important;
    border-left-color: #fff !important;
    border-right-color: #fff !important;
    background-color: #fff;
}

#patient-details-panel .info-wrap-row {
    margin-bottom: 10px;
}

#patient-details-panel .list-group {
    margin-bottom: -1px;
}

    #patient-details-panel .list-group .tab {
        border: solid 1px transparent;
        margin: 0;
        color: inherit;
    }

        #patient-details-panel .list-group .tab:hover {
            color: inherit;
        }

        #patient-details-panel .list-group .tab.active {
            border-bottom-color: #f5f5f5;
            border-top-color: #1FA8B6;
            background-color: #f5f5f5;
            font-weight: bold;
            position:relative;
        }


            #patient-details-panel .list-group .tab.active:first-child {
                border-left-color: #CCC;
                border-right-width: 0px;
            }

            #patient-details-panel .list-group .tab.active:last-child {
                border-right-color: #CCC;
                border-left-width: 0px;
            }
        #patient-details-panel .list-group .tab small {
            display: block;
            font-size: 12px;
            opacity: 0.7;
        }

        #patient-details-panel .list-group .tab .claim-id {
            margin-left: 10px;
        }

#patient-details-panel .tab-content {
    border: solid 1px #ccc;
    background-color: #f5f5f5;
}

    #patient-details-panel .tab-content .tab-pane {
        background-color: #f5f5f5;
    }

.patient-info-modal .info-wrap-row {
    margin-bottom: 15px;
}

/*
```````````````````````````````````````````
COMPONENTS > TABS > NOTES
```````````````````````````````````````````
*/
.note-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.note-list-appended {
    list-style: none;
    padding: 0;
    margin: 0;
    border-left: solid 2px #d4dde7;
}

.note-list .note-item {
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: solid 1px #d4dde7;
}

.note-list-appended > .note-item {
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding: 0 0 20px 40px;
    margin: 0 0 20px 0;
    border-bottom: none !important;
}

.note-list .note-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.note-list .note-item .note-marker {
    background-color: #1FA8B6;
    width: 15px;
    height: 15px;
    margin-right: 20px;
    border-radius: 50%;
    margin-top: 10px;
}

.note-list .note-item .note-pin {
    opacity: 0.2;
    color: #2c3137;
}

    .note-list .note-item .note-pin a {
        color: inherit;
        display: block;
        padding: 10px;
        -webkit-transform: rotate(-50deg);
        -ms-transform: rotate(-50deg);
        -o-transform: rotate(-50deg);
        transform: rotate(-50deg);
        -webkit-transition: 250ms;
        -o-transition: 250ms;
        transition: 250ms;
    }

    .note-list .note-item .note-pin:hover {
        top: 0;
        right: 0;
        opacity: 0.7;
        color: #1FA8B6;
    }

        .note-list .note-item .note-pin:hover a {
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }

    .note-list .note-item .note-pin.active {
        opacity: 1;
        color: #1FA8B6;
    }

        .note-list .note-item .note-pin.active a {
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }


.note-list .note-item .note-delete {
    opacity: 0.2;
    color: #2c3137;
}

    .note-list .note-item .note-delete a {
        color: inherit;
        display: block;
        padding: 10px;
    }

    .note-list .note-item .note-delete:hover {
        top: 0;
        right: 0;
        opacity: 0.7;
        color: red;
    }


    .note-list .note-item .note-delete.active {
        opacity: 1;
        color: red;
    }


.note-list .note-item .note-flag {
    top: 0;
    opacity: 0.2;
    color: #2c3137;
}

    .note-list .note-item .note-flag a {
        color: inherit;
        display: block;
        padding: 10px;
    }

    .note-list .note-item .note-flag.active {
        opacity: 1;
        color: red;
    }

.note-list .note-item .note-information {
    width: 100%;
}

    .note-list .note-item .note-information .note-date {
        font-weight: bold;
        font-size: 13px;
        background-color: #f2f4f7;
        display: inline-block;
        padding: 5px 10px;
        border-radius: 20px;
        margin-bottom: 10px;
        border: solid 1px #d4dde7;
    }

        .note-list .note-item .note-information .note-date.internal {
            background-color: #fcedf0;
        }
        .note-list .note-item .note-information .note-date span:after {
            content: "•";
            display: inline-block;
            padding: 0 10px;
        }
        .note-list .note-item .note-information .note-date.deleted {
            background-color: #E04E39;
            color: white;
            border: solid 1px red;
        } 
        .note-list .note-item .note-information .note-date span:last-child:after {
            content: "";
            display: none;
        }

/*Add Note Modal Form */
#save-as-pinned {
    cursor: pointer;
}

    #save-as-pinned.active {
        background-color: #1FA8B6;
        color: #fff;
    }

    #save-as-pinned i {
        -webkit-transform: rotate(-50deg);
        -ms-transform: rotate(-50deg);
        -o-transform: rotate(-50deg);
        transform: rotate(-50deg);
        margin-right: 5px;
    }

    #save-as-pinned.active i {
        color: #fff;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

/*Add Note Modal Form */
#save-as-internal {
    cursor: pointer;
}

    #save-as-internal.active {
        background-color: red;
        color: #fff;
    }

    #save-as-internal i {
        margin-right: 5px;
    }

    #save-as-internal.active i {
        color: #fff;
    }

#high-priority-notes .note-list .note-item .note-marker {
    background-color: #e04e39;
}

#high-priority-notes .title .fas {
    color: #e04e39;
}

#pinned-notes .note-list .note-item .note-marker {
    background-color: #1FA8B6;
}

#pinned-notes .title .fas {
    color: #1FA8B6;
}

/*
```````````````````````````````````````````
COMPONENTS > EXPANDABLE (ACCORDION)
```````````````````````````````````````````
*/

.expandable {
    border: solid 1px #d4dde7;
    border-top: none;
}

    .expandable .title {
        padding: 15px 30px;
        cursor: pointer;
        background-color: #FFF;
    }

        .expandable .title:hover {
            background-color: #d4dde785;
        }

        .expandable .title:before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f078";
            margin-right: 10px;
            color: #1FA8B6;
        }

    .expandable.active .title:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f077";
        margin-right: 10px;
        color: #1FA8B6;
    }

    .expandable .panel {
        display: none;
    }

#notes .expandable.active .title {
    padding: 15px 30px;
}

#notes .expandable.active .panel {
    padding: 15px 30px;
}

.expandable.active .title {
    border-top: solid 3px #1FA8B6;
}

.expandable.active .panel {
    display: block;
    border-top: solid 1px #d4dde7;
}

/*
```````````````````````````````````````````
LAYOUT > CONTENT
```````````````````````````````````````````
*/
#navbarOpus2 {
    border: 1px solid #ced4da;
    background-color: white;
}
main#main-content {
    padding-bottom: 120px;
    min-width: 1350px;
}
main#main-content-mobile {
    padding-bottom: 30px;
}
.form-fields-mobile {
    width: 100vw;
    position: absolute;
    top: 20%;
}
.mobile-img-login 
{
    width: 80% !important;
}
#content {
    background-color: #fff;
    padding: 30px;
    /*margin-top: -175px;*/
}

#content-bottom {
    background-color: #fff;
}

#content-top {
    background-color: #424c57;
    color: #fff;
    padding: 15px 0px;
    transition: width 0.5s, height 0.5s;
}
/*
```````````````````````````````````````````
LAYOUT > CONTENT >LOGIN
```````````````````````````````````````````
*/
.login-container {
    position: absolute;
    margin: 0;
    padding: 0;
    min-height: 100vh !important;
    min-width: 100vw !important;
    width: 100vw !important;
    z-index: 10;
    top: 0;
    background-color: white;
}

.login-content {
    padding: 0 2%;
}

.login-form {
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.form-fields > img {
    width: 100%;
    margin-bottom: 30px;
}

.login-links {
    position: fixed;
    bottom: 20px;
    width: 100%;
    left: 0;
    padding: 0 20px;
}

.login-button {
    position: absolute;
    width: 100%;
    z-index: 10;
}

.form-fields {
    width: 400px;
    position: absolute;
    top: 20%;
}
/*
```````````````````````````````````````````
LAYOUT > CONTENT > REQUEST SUMMARY
```````````````````````````````````````````
*/
#request-summary {
    display: flex;
    -ms-flex-item-align: stretch;
    align-items: stretch;
    background-color: #ffffff20;
    background-color: #1FA8B6;
    color: #fff;
    font-size: 16px;
    margin-top: 30px;
    width:100%;
}
#request-summary .summary-content {
    width:100%;
}
    #request-summary:before {
        content: "\f05a";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        background-color: #038fa0;
        padding: 10px;
        color: #fff;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-item-align: center;
        align-items: center;
    }

    #request-summary .summary-message {
        padding: 5px 20px;
        position:relative;
    }

    #request-summary.warning:before {
        content: "\f071";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        background-color: #e04e39;
    }

    #request-summary.warning .summary-message:before {
        content: "Escalated";
        text-transform: uppercase;
        font-size: 12px;
        background-color: #e04e39;
        border-radius: 5rem;
        padding: 3px 20px;
    }

    #request-summary.snoozed:before {
        content: "\f017";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        background-color: #0056b3;
    }

    #request-summary.snoozed .summary-message:before {
        content: "Snoozed";
        text-transform: uppercase;
        font-size: 12px;
        background-color: #0056b3;
        border-radius: 5rem;
        padding: 3px 20px;
    }

    #request-summary.onhold:before {
        content: "\f253";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        background-color: #855C89;
    }

    #request-summary.onhold .summary-message:before {
        content: "On Hold";
        text-transform: uppercase;
        font-size: 12px;
        background-color: #855C89;
        border-radius: 5rem;
        padding: 3px 20px;
    }

    #request-summary.awaitingpaid:before {
        content: "\f101";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        background-color: #fb7f29;
    }

    #request-summary.awaitingpaid .summary-message:before {
        content: "Awaiting Paid";
        text-transform: uppercase;
        font-size: 12px;
        background-color: #fb7f29;
        border-radius: 5rem;
        padding: 3px 20px;
    }
    #request-summary.in-progress:before {
        content: "\f101";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        background-color: #855C89;
    }
    #request-summary.in-progress .summary-message:before {
        content: "In Progress";
        text-transform: uppercase;
        font-size: 12px;
        background-color: #855C89;
        border-radius: 5rem;
        padding: 3px 20px;
    }

    #request-summary.pending:before {
        content: "\f021";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        background-color: #ffca3e;
    }

    #request-summary.pending .summary-message:before {
        content: "Pending";
        text-transform: uppercase;
        font-size: 12px;
        background-color: #ffca3e;
        border-radius: 5rem;
        padding: 3px 20px;
    }



/*
```````````````````````````````````````````
LAYOUT > CONTENT > CLINICAL ALERTS
```````````````````````````````````````````
*/
#clinical-alerts-data {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    -ms-flex-item-align: stretch;
    align-items: stretch;
    font-size: 17px;
}


    #clinical-alerts-data .clinical-alerts-messages {
        margin-top: 5px;
        margin-bottom: 2px;
    }

/*
```````````````````````````````````````````
LAYOUT > CONTENT > DRUG INFORMATION
```````````````````````````````````````````
*/

#drug-information {
    position: relative;
}

    #drug-information .authorization-pagination {
        position: absolute;
        bottom: calc(100% + 30px);
        right: -30px;
        padding: 7px;
        background-color: #fff;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-item-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        #drug-information .authorization-pagination .next-prev {
            color: #424c5775;
            display: block;
        }

            #drug-information .authorization-pagination .next-prev:hover {
                color: #424c57;
            }

            #drug-information .authorization-pagination .next-prev.next {
                margin-left: 5px;
            }

            #drug-information .authorization-pagination .next-prev.prev {
                margin-right: 5px;
            }

        #drug-information .authorization-pagination .dot {
            width: 10px;
            height: 20px;
            background-color: #424c5740;
            width: 50px;
            display: block;
            border-radius: 0px;
            margin: 0 2px;
            text-align: center;
            color: #424c5775;
            text-decoration: none;
            font-weight: bold;
            font-size: 12px;
            line-height: 20px;
        }

            #drug-information .authorization-pagination .dot:hover {
                background-color: #424c57;
                color: #fff;
            }

            #drug-information .authorization-pagination .dot.active {
                background-color: #1FA8B6;
                color: #fff;
                pointer-events: none;
            }

.no-request-notice {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-item-align: center;
    align-items: center;
    justify-content: space-between;
    background-color: #f2f4f7;
    border-bottom: solid 1px #d4dde7;
    margin-bottom: -30px;
    padding: 20px;
    color: #999;
    justify-content: center;
    font-size: 20px;
    border: solid 5px #fff;
    box-shadow: inset 0px 0px 0px 3px #ddd;
    margin-bottom: 26px;
}

#drug-details {
    padding: 10px 10px 0px 10px;
    border: solid 1px #d4dde7;
    border-top: solid 6px #1FA8B6;
    border-bottom: none;
    position: relative;
    display:flex;
    flex-flow: row nowrap;
}

.drug-name-container {
    display: flex;
    justify-content: space-evenly;
}

.drug-name-col {
    width: 55%;
}

.approval-widget-col {
    width: 40%;
}

#drug-details .label-tag,.horizontal-label-tag {
    font-size: 12px;
}

#drug-details .drug-detail-wrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#drug-details .daw-col {
    max-width: 200px;
}

#drug-details .smart-col {
    height: 30px;
    min-width: 370px;
}

.invisible-time {
    width: 0px;
    height: 0px;
}
/* EVENT LOG*/

#event-log .title {
    font-size: 13px;
    background-color: #d4dde785;
    padding: 5px 5px 5px 30px;
}
#event-log .title:hover{
opacity:0.6;
}

    /*
```````````````````````````````````````````
LAYOUT > CONTENT > APPROVAL/CONFIRM BUTTONS
```````````````````````````````````````````
*/
    #completed-widget {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-item-align: center;
        align-items: center;
        justify-content: center;
        background-color: #d4dde7;
        padding: 1rem;
        border: solid 2px #1FA8B6;
        background-color: #1FA8B615;
    }

    #completed-widget .check-mark {
        font-size: 30px;
        color: #fff;
        padding: 0 10px;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        background-color: #1FA8B6;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-item-align: center;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
    }

    #completed-widget .completed-title {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 25px;
    }

    #completed-widget .completed-info {
        font-size: 13px;
    }

#approval-widget {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-item-align: stretch;
    align-items: stretch;
    justify-content: flex-end;
    position: relative;
    height: 78px;
}

    #approval-widget .fill-selector {
        margin-right: 10px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
    }

        #approval-widget .fill-selector .list-group {
            margin-right: -1px;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-box;
            display: flex;
            -ms-flex-item-align: stretch;
            align-items: stretch;
        }

            #approval-widget .fill-selector .list-group .tab {
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-box;
                display: flex;
                -webkit-flex: 1;
                -moz-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                -ms-flex-item-align: center;
                align-items: center;
                font-size: 11px;
                font-weight: bold;
                color: #2c313750;
                text-transform: uppercase;
                text-decoration: none;
                padding: 5px 10px;
                height: 35px;
            }

                #approval-widget .fill-selector .list-group .tab:before {
                    content: "";
                    display: inline-block;
                    margin-right: 5px;
                    width: 10px;
                    height: 10px;
                    border-radius: 50%;
                    border: solid 1px #d4dde7;
                }

                #approval-widget .fill-selector .list-group .tab.active {
                    border: solid 1px #d4dde7;
                    border-right-color: #f2f4f7;
                    z-index: 1;
                    color: #2c3137;
                    background-color: #f2f4f7;
                }

                    #approval-widget .fill-selector .list-group .tab.active:before {
                        background-color: #1FA8B6;
                        border-color: #1FA8B6;
                    }

        #approval-widget .fill-selector .tab-content {
            border: solid 1px #d4dde7;
            padding: 10px;
            background-color: #f2f4f7;
        }

    #approval-widget .approval-cta {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-item-align: stretch;
        align-items: stretch;
    }

    #approval-widget .date-picker {
        width: 75px;
        height: 40px;
        border: none;
        font-weight: bold;
        width: 115px;
        background-color: #fff;
        text-align: center;
        border: solid 1px #d4dde7;
    }

    #approval-widget .number-changer {
        height: 40px;
    }

    #approval-widget #approval-button, #approval-widget #processing-button, #approval-widget #complete-button, #approval-widget #other-options-button {
        padding: 10px 10px;
        border: none;
        background-color: #00cc94;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
    }

    #approval-widget #processing-button {
        background-color: #855C89 !important;
        cursor: default;
    }

    #approval-widget #approval-button, #approval-widget #complete-button, #approval-widget #processing-button {
        padding: 20px 20px;
    }

        #approval-widget #approval-button:disabled, #approval-widget #approval-button:disabled:hover {
            background-color: #d4dde7;
            color: #2c313750;
        }

        #approval-widget #approval-button:hover {
            background-color: #07bb8a;
        }

        #approval-widget #complete-button:hover {
            background-color: #07bb8a;
        }

        #approval-widget #processing-button:hover {
            background-color: #8C88FF;
        }

    #approval-widget #confirm-approval {
        display: none;
    }

        #approval-widget #confirm-approval.active {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-box;
            display: flex;
            -ms-flex-item-align: stretch;
            align-items: stretch;
        }

        #approval-widget #confirm-approval .confirm-approval-button {
            padding: 0px 20px;
            border: none;
            background-color: #1FA8B6;
            background-color: #ffca3e;
            color: #fff;
            color: #01010194;
            font-weight: bold;
            text-transform: uppercase;
        }

            #approval-widget #confirm-approval .confirm-approval-button:hover {
                background-color: #05a2b5;
                background-color: #ffca3e;
            }

        #approval-widget #confirm-approval .cancel-confirm-button {
            padding: 20px;
            border: none;
            background-color: #0c7784;
            background-color: #c59f3a;
            color: #fff;
            color: #01010194;
            font-weight: bold;
            text-transform: uppercase;
        }

    #approval-widget #other-options-button {
        background-color: #00513b;
        min-width: 73px;
    }

        #approval-widget #other-options-button:hover {
            background-color: #006247;
        }

        #approval-widget #other-options-button.active {
            background-color: #2c3037;
            background-color: #424c57;
        }

            #approval-widget #other-options-button .fa-chevron-down, #approval-widget #other-options-button.active .close-state, #approval-widget #other-options-button.active .fa-times {
                display: block;
            }

            #approval-widget #other-options-button.active .fa-chevron-down, #approval-widget #other-options-button.active .open-state, #approval-widget #other-options-button .close-state, #approval-widget #other-options-button .fa-times {
                display: none;
            }

    #approval-widget .additional-actions {
        position: absolute;
        top: 100%;
        right: 0;
        background-color: #2c3037;
        background-color: #424c57;
        padding: 20px;
        color: #fff;
        z-index: 999;
        display: none;
        border-radius: 5px 0 5px 5px;
        -webkit-box-shadow: 0px 18px 20px -10px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 18px 20px -10px rgba(0, 0, 0, 0.5);
    }

        #approval-widget .additional-actions .option {
            border-bottom: solid 1px #ffffff10;
            padding: 10px 0;
            color: #ffffff75;
            font-size: 15px;
            position: relative;
        }

            #approval-widget .additional-actions .option:hover {
                color: #fff;
            }

            #approval-widget .additional-actions .option:last-child {
                border-bottom: none;
            }

            #approval-widget .additional-actions .option label {
                padding: 0;
                margin: 0;
                display: block;
            }

    #approval-widget .option-other textarea:disabled {
        margin-top: 10px;
        width: 100%;
        height: 100px;
        border: solid 1px #ffffff20;
        background: #ffffff15;
        color: #fff;
    }

    #approval-widget .option-other textarea {
        margin-top: 10px;
        width: 100%;
        height: 100px;
        border: solid 1px #ffffff20;
        background: #ffffff;
        color: #000000;
    }

#otherDescription2:disabled, #otherDescription3:disabled {
    margin-top: 10px;
    width: 100%;
    height: 100px;
    border: solid 1px #ffffff20;
    background: #ffffff15;
    color: #fff;
}

#otherDescription2, #otherDescription3 {
    display: none;
    margin-top: 10px;
    width: 100%;
    height: 100px;
    border: solid 1px #ffffff20;
    background: #ffffff;
    color: #000000;
}

.approval-wrap {
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-item-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .approval-wrap .smart-score {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }


.compound-check {
    border: none;
    padding: 0;
    margin: 0;
    line-height: 1em;
    background: none;
    color: #1FA8B6;
    font-weight: bold;
    border-bottom: solid 2px #1FA8B6;
}
/*.smart-score-button {
    border: none;
    padding: 0;
    margin: 0;
    line-height: 1em;
    background: none;
    color: #000000;
    font-weight: bold;
    cursor: auto !important;
}*/

.smart-score-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .smart-score-list li {
        padding: 0;
        margin: 0;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        border-bottom: solid 1px #ccc;
        padding: 7px 0;
    }

        .smart-score-list li:last-child {
            border-bottom: none;
        }

        .smart-score-list li div.number {
            margin-left: auto;
        }

        .smart-score-list li div.title {
            margin-right: 15px;
        }

.approval-wrap #approval-button, .approval-wrap #other-options-button {
    padding: 20px;
    border: none;
    background-color: #00cc94;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.approval-wrap #approval-button {
    padding: 20px 50px;
}

    .approval-wrap #approval-button:disabled, .approval-wrap #approval-button:disabled:hover {
        background-color: #d4dde7;
        color: #2c313750;
    }

    .approval-wrap #approval-button:hover {
        background-color: #07bb8a;
    }

#confirm-approval {
    display: none;
}

    #confirm-approval.active {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-item-align: stretch;
        align-items: stretch;
    }

    #confirm-approval .confirm-approval-button {
        padding: 20px 50px;
        border: none;
        background-color: #1FA8B6;
        background-color: #ffca3e;
        color: #fff;
        color: #01010194;
        font-weight: bold;
        text-transform: uppercase;
    }

        #confirm-approval .confirm-approval-button:hover {
            background-color: #05a2b5;
            background-color: #ffca3e;
        }

    #confirm-approval .cancel-confirm-button {
        padding: 20px;
        border: none;
        background-color: #0c7784;
        background-color: #c59f3a;
        color: #fff;
        color: #01010194;
        font-weight: bold;
        text-transform: uppercase;
    }

.approval-wrap #other-options-button {
    background-color: #00a376;
}

    .approval-wrap #other-options-button:hover {
        background-color: #058964;
    }

    .approval-wrap #other-options-button.active {
        background-color: #2c3037;
        background-color: #424c57;
    }

        .approval-wrap #other-options-button .fa-chevron-down, .approval-wrap #other-options-button.active .fa-times {
            display: block;
        }

        .approval-wrap #other-options-button.active .fa-chevron-down, .approval-wrap #other-options-button .fa-times {
            display: none;
        }

.additional-actions {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #2c3037;
    background-color: #424c57;
    padding: 20px;
    color: #fff;
    z-index: 999;
    display: none;
    border-radius: 5px 0 5px 5px;
    -webkit-box-shadow: 0px 18px 20px -10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 18px 20px -10px rgba(0, 0, 0, 0.5);
}

    .additional-actions .option {
        border-bottom: solid 1px #ffffff10;
        padding: 10px 0;
        color: #ffffff75;
        font-size: 15px;
    }

        .additional-actions .option:hover {
            color: #fff;
        }

        .additional-actions .option:last-child {
            border-bottom: none;
        }

        .additional-actions .option label {
            padding: 0;
            margin: 0;
            display: block;
        }

.option-other textarea {
    margin-top: 10px;
    width: 100%;
    height: 100px;
    border: solid 1px #ffffff20;
    background: #ffffff15;
    color: #fff;
}

.pa-option-other textarea {
    width: 100%;
    border: solid 1px #ced4da;
    background: #ffffff15;
}

    .pa-option-other textarea:disabled {
        width: 100%;
        border: solid 1px #ced4da;
        background: #e9ecef;
    }
/* MAIN PAGE - TRANSACTION DETAILS */
#transaction-details table {
    font-size: 13px;
}

#transaction-details .table thead th .sortable {
    padding-right: 20px;
}

@media only screen and (min-width:820px) and (max-width:1158px) {
    #inner-export-text {
        display: none !important;
    }
}


@media only screen and (min-width: 820px) and (max-width:1300px) {
    #fromDate, #throughDate {
        max-width: 115px !important;
        min-width: 115px !important;
    }

    #typefilter-history-big {
        padding: 12px 6px !important;
    }

    .datefilter-history {
        padding: 12px 6px !important;
    }

    div.dropdown > #date-selection ~ button { /* styles to apply to the li tag */
        width: 130px;
    }

    .datefilter-history > div.dropdown { /* styles to apply to the li tag */
        width: 130px !important;
    }

    #status-picker {
        width: 350px;
    }

    .small-export {
        display: block !important;
        margin-bottom: 20px;
    }

    .big-export {
        display: none !important;
    }
}

@media only screen and (min-width: 1300px) {

    .typefilter-history-small {
        display: none;
    }
}

#transaction-details .status-wrap
 {
    /*border:solid 1px transparent;*/
    background-color: #e9e9e9;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-item-align: center;
    align-items: center;
    padding: 5px 10px 5px 30px;
    border-radius: 5em;
    text-decoration: none;
    color: inherit;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    position: relative;
    white-space: nowrap;
}

#transaction-details .status-marker
 {
    /*width:10px;
	height:10px;
	border-radius:50%;
	background-color:#aaa;
	display: inline-block;
	*/
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 25px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-item-align: center;
    align-items: center;
    justify-content: center;
    /*background-color:rgba(0,0,0,.15);*/
    border-right: solid 1px #fff;
    color: rgba(0, 0, 0, 0.25);
    border-radius: 5em 0 0 5em;
}

#transaction-details .status-wrap:hover .status-marker {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 1);
}

/* SPECIFIC STATUS MARKERS*/

/* Complete*/
#transaction-details .status-wrap.status-Completed {
    background-color: #00a376;
    color: #fff;
}

    #transaction-details .status-wrap.status-Completed .status-marker:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f00c";
    }

/* Pending */
#transaction-details .status-wrap.status-Pending {
    background-color: #ffca3e;
    color: #212529bd;
}

    #transaction-details .status-wrap.status-Pending .status-marker:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f021";
    }


/* Escalated*/
#transaction-details .status-wrap.status-Escalated {
    background-color: #e04e39;
    color: #fff;
}

    #transaction-details .status-wrap.status-Escalated .status-marker:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f12a";
    }

/* Snoozed */
#transaction-details .status-wrap.status-Snoozed {
    background-color: #1FA8B6;
    color: #fff;
}

    #transaction-details .status-wrap.status-Snoozed .status-marker:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 500;
        content: "\f017";
    }
/* OnHold */
#transaction-details .status-wrap.status-OnHold {
    background-color: #855C89;
    color: #fff;
}

    #transaction-details .status-wrap.status-OnHold .status-marker:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f253";
    }


 

#account-management {
    margin: -30px -30px -30px -30px;
}

    #account-management .tab-content {
        padding: 30px;
    }

        #account-management .tab-content .tab-title {
            font-size: 23px;
            margin-bottom: 20px;
        }

    #account-management ul.nav {
        position: relative;
    }

        #account-management ul.nav li {
            display: block;
            width: 100%;
            z-index: 1;
            position: relative;
        }

            #account-management ul.nav li a {
                display: block;
                padding: 15px;
                text-decoration: none;
                width: 100%;
                position: relative;
                color: #999;
            }

                #account-management ul.nav li a.active {
                    background-color: #fff;
                    border-left: solid 4px #1FA8B6;
                    color: #333;
                }

#notification-settings table td {
    vertical-align: middle;
    font-size: 16px;
}

.last-row-specific-data {
    height: 78px;
}

.fix-margin-8 {
    padding-left: 8px;
}
/*
```````````````````````````````````````````
RESPONSIVE QUERIES
```````````````````````````````````````````
*/
@media (max-width: 520px) {
    #patient-records,
    #event-log,
    header#main-header nav ul li.hideMobile {
        display: none;
    }

    #approval-widget {
        margin: 5px;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

        #approval-widget .fill-selector {
            margin-bottom: 20px;
            margin-right: 0px;
        }
        #approval-widget #other-options-button {
            min-width: 50px !important;
        }

    #drug-details .col {
        -webkit-box-flex: auto;
        flex-basis: auto;
        margin-top: 10px;
    }

    .drugNameClick {
        font-size: 28px !important;
    }

    #drug-details .mb-4 {
        margin-bottom: 0 !important;
    }

    #drug-pagination {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
        #drug-pagination .prevnext-button {
            width: 100% !important;
        }

    #fill-count-panel {
        width: inherit !important;
    }

    .drug-paginator-prev > .drug-name {
        position: absolute;
        left: 30px;
        width: 92% !important;
        height: 34px;
        word-spacing: 1px;
        font-weight: bold;
        text-align: center;
        color: #2c3137;
        display: inline-block;
    }
    .drug-paginator-next > .drug-name {
        position: absolute;
        right: 30px;
        width: 92% !important;
        height: 34px;
        font-weight: bold;
        word-spacing: 1px;
        text-align: center;
        color: #2c3137;
        display: inline-block;
    }
    .mainGridHeader {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    #patient-header-info .list-group .tab {
        padding: 10px 10px;
        margin-left: 0px;
    }

    .approval-wrap #approval-button {
        width: 80%;
    }

    .approval-wrap #other-options-button {
        width: 20%;
    }

    .tabs-wrapper .tabs .tab .name {
        display: none;
    }

    .additional-actions {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
    }

    .tabs-wrapper .panels {
        padding: 10px;
    }

        .tabs-wrapper .panels .panel .panel-title {
            display: block;
            font-size: 30px;
            margin: 0 0 10px 0;
            padding: 10px 0 20px 0;
            text-align: center;
            border-bottom: solid 1px #d4dde7;
        }

    #content {
        padding: 5px;
        padding-bottom: 0px;
    }

    #content-bottom {
        padding: 20px;
        padding-top: 0px;
    }

    #content-top .container {
        padding: 0;
    }
}

.disabled {
    pointer-events: none;
    opacity: 0.6;
}
/*
    Big loader
*/
.loading {
    display: none;
    width: 100%;
    background: grey;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999; /*just to make sure its on top*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.loadingTab {
    width: 100%;
    height: 200px;
    text-align: center;
    margin-top: 30px;
    padding: 20px 0px;
    background-color: white;
}

.loaderTab {
    background: url('../../images/Opus_big_Loader.gif') center center no-repeat;
    width: 100px;
    background-size: contain;
}

    .loaderTab,
    .loaderTab:after {
        width: 80%;
        height: 80%;
        display: inline-block;
    }

.loader {
    left: 50%;
    margin-left: -4em;
    font-size: 10px;
    border: 0.8em solid rgba(218, 219, 223, 1);
    border-left: 0.8em solid rgba(58, 166, 165, 1);
    animation: spin 1.1s infinite linear;
}

    .loader,
    .loader:after {
        border-radius: 50%;
        width: 8em;
        height: 8em;
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -4.05em;
    }

/*Small loader*/

.loading-mini {
    display: none;
    width: 100%;
    background: grey;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999; /*just to make sure its on top*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.loadingTab-mini {
    width: 100%;
    height: 25px;
    text-align: center;
}

.loaderTab-mini {
    background: url('../../images/Opus_small_Loader.gif') center center no-repeat;
    margin: 0 7px;
    background-size: contain;
}

    .loaderTab-mini,
    .loaderTab-mini:after {
        border-radius: 50%;
        width: 20px;
        height: 20px;
        display: inline-block;
    }

.loader-mini {
    left: 50%;
    margin-left: -4em;
    font-size: 10px;
    border: 0.8em solid rgba(218, 219, 223, 1);
    border-left: 0.8em solid rgba(58, 166, 165, 1);
    animation: spin 1.1s infinite linear;
}

    .loader-mini,
    .loader-mini:after {
        border-radius: 50%;
        width: 8em;
        height: 8em;
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -4.05em;
    }


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

    100% {
        transform: rotate(0deg);
    }
}

.pointer {
    cursor: pointer;
}

.specific-data-wrapper {
    padding-left: 10px;
}

    .specific-data-wrapper > div {
        margin-top: 2px;
        flex-basis: 100%;
    }

    .specific-data-wrapper .text-container {
        justify-content: flex-start !important;
    }

.small-size {
    display: none !important;
    width: 100%;
}

@media (max-width: 845px) {
    .small-size {
        display: block !important;
        width: 100%;
    }

    .large-size {
        display: none !important;
    }

    #patient-records .list-group .tab {
        justify-content: flex-start !important;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 715px !important;
    }
}

@media (min-width: 576px) {
    #historyModal .modal-dialog {
        max-width: 1200px !important;
    }
}

.datepicker {
    z-index: 1600 !important; /* has to be larger than 1050 */
}

.datepicker-container {
    z-index: 1600 !important; /* has to be larger than 1050 */
}

.modal-content {
    box-shadow: 6px 8px 0px 0px rgba(0,0,0,0.37);
}

.bootbox modal {
    z-index: 2500 !important;
}

.table-hover tbody tr.expired {
    background-color: #fcedf0;
}

.expired-table > tbody > tr {
    background-color: #fcedf0;
}

.modal-footer .messages {
    text-align: center;
    width: 100%;
    padding-left: 50px;
}

.modal.bootbox-alert .modal-content {
    width: 60%;
    left: 20%;
    border: black 1px solid !important;
}

td.status {
    text-align: center;
}

#patient-details .page-item {
    display: none !important;
}

    #patient-details .page-item.page-pre {
        display: initial !important;
    }

    #patient-details .page-item.page-next {
        display: initial !important;
    }

#patient-details .page-link {
    width: 100px !important;
}

.medication {
    padding: 6px !important;
}

.billed {
    padding: 2px !important;
}

.claim-number {
    padding: 6px !important;
}

/* CARD  */
.card-flipped {
    transform: rotateY(180deg);
}

.card-patient,
.card-inner {
    width: 600px;
    height: 320px;
    position: relative;
}

.card-patient {
    padding: 1px;
    border: none !important;
}

.card-inner {
    transition: transform 0.5s ease-in-out;
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
    margin: 2px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}

.card-front,
.card-back {
    border-radius: 8px;
    color: #000;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.card-front {
    font-size: small;
}

.mobile-card-back {
    width: 500px;
    padding-left: 27px;
}

.card-patient-mobile {
    left: 170px;
    position: absolute;
    top: -21px;
}

.card-patient-mobile-anonymus {
    left: 180px;
    position: absolute;
    top: -50px;
}

.card-back {
    transform: rotateY(180deg);
}

.mobile-card {
    transform: rotate(90deg);
    top: 150px;
    position: absolute;
}

.mobile-card-layout {
    height: 602px !important;
}

.left-mobile-switch {
    position: absolute;
    top: 50%;
}

.right-mobile-switch {
    position: absolute;
    top: 50%;
    right: 17px;
}

.patient-card-image {
    height: 70px;
    background-color: #f2f2f2;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.above-logo-card {
    position: absolute;
    height: 50px;
    top: 10px;
    left: 5px;
}
.above-logo-card-2 {
    position: absolute;
    height: 50px;
    top: 10px;
    left:auto;
    right:5px;
}
.above-logo-card-demo {
    position: absolute;
    height: 70px;
    top: 2px;
    left: 5px;
}

.card-image-band {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.patient-card-detail,
.card-detail-title {
    font-weight: bold;
}

.card-detail-title {
    font-size: 22px;
}

#patient-card-link {
    border: solid 1px black;
    border-radius: 8px;
    text-decoration: none;
    cursor: pointer;
    margin-left: 15px !important;
    text-align: center;
    position: relative;
}

.card-label-tag {
    margin-top: 2px;
    text-align: center;
}

.subtext {
    font-weight: 300;
    font-size: 10px;
    text-decoration: none !important;
}

.jurisdiction-state-card {
    float: left;
    margin-left: -14px;
    padding-right: 0px;
    width: 140px;
}

.date-injury-card {
    float: left;
    width: 200px;
    margin-left: 104px;
}

.card-container {
    width: 605px !important;
}

.printable-card {
    transition: none !important;
    transform-origin: unset !important;
    transform-style: unset !important;
    margin: 0px;
    border: none;
    border-radius: 8px;
    display: flex !important;
    flex-direction: column;
    height: 648px !important;
    width: 606px !important;
    background-color: black;
    padding-left: 1px;
    padding-top: 1px;
}

    .printable-card > .card-back,
    .printable-card > .card-front {
        position: inherit !important;
        height: 320px !important;
        backface-visibility: unset !important;
        margin: 2px;
        border: 1px solid rgba(0, 0, 0, 0.25);
        border-radius: 8px;
        width: 600px !important;
    }

    .printable-card > .patient-image-banner {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 70px !important;
    }

    .printable-card .card-image-band {
        height: 70px !important;
    }

    .printable-card > .card-back {
        padding-left: 30px;
        padding-right: 24px;
        padding-top: 7px;
    }

.printable-width {
    width: 100% !important;
}

.printable-width-half {
    width: 50% !important;
}

.printable-width-half-plus {
    width: 75% !important;
}

.printble-width-quarter {
    width: 25% !important;
}

.printable-card > .card-back {
    transform: unset;
    margin-top: 1px;
}

.patient-card-detail-print {
    float: left;
}

    .patient-card-detail-print > span {
        font-weight: bold;
        display: inline-block;
    }

.patient-data-print {
    width: 100%;
}

.print-div {
    display: block !important;
    float: left !important;
}

.print-div-right {
    display: block !important;
    float: right !important;
}

.print-inline {
    display: inline-block !important;
}

.card-switch {
    color: var(--blue);
    background-color: transparent;
    border: 0;
    outline: 0 !important;
    padding: 0;
    margin: 0;
    width: 30px;
}

    .card-switch:focus {
        outline: 0 !important;
    }

#email-error {
    display: none;
}

.print-margin {
    margin-left: 3.5rem !important;
}

#white-body {
    background-color: white;
}



.back-search {
    padding: 10px;
    margin-left: 8px;
    width: 405px;
    border: 1px solid rgb(222, 226, 230);
}

.refresh-button {
    margin-top: 11px;
    max-height: 38px;
}

.cm-refresh-button {
    margin-right: 9px;
    border-radius: 100%;
    width: 38px;
    height: 38px;
    padding: 0;
}

    .cm-refresh-button i {
        transition: all ease-in-out .45s;
    }

        .cm-refresh-button i:hover {
            transform: rotate(360deg);
        }

.command-center-custom-search {
    width: 321px;
    margin-right: 8px;
}

.back-search > .header-titles {
    position: absolute;
    margin-top: -25px;
    background-color: white;
    padding: 0px 5px;
}

.back-search > * {
    display: inline-block;
}

.back-search > span {
    width: 10px;
}

.front-search {
    padding: 10px;
    border: 1px solid rgb(222, 226, 230);
}

    .front-search > .header-titles {
        position: absolute;
        margin-top: -25px;
        background-color: white;
        padding: 0px 5px;
    }

.checkbox-like-div {
    background-color: #424c57;
    color: white;
    transition: all ease-in-out .5s;
}

    .checkbox-like-div.active {
        background-color: #1FA8B6;
    }

    .checkbox-like-div:hover {
        color: white;
        background-color: #1FA8B6;
        cursor: pointer;
    }

    .checkbox-like-div.active:hover {
        color: white;
        background-color: #424c57;
        cursor: pointer;
    }

#memberIDInput {
    width: 170px;
    margin-left: 18px;
}

.tertiary-apps-menu {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}

.cc-inserteddttm {
    font-size: 10px;
}

.cc-status-th {
    min-width: 130px;
}

.chip {
    display: inline-block;
    height: 32px;
    padding: 0 12px;
    margin-right: 1rem;
    font-size: 13px;
    font-weight: 500;
    line-height: 32px;
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    background-color: #eceff1;
    border-radius: 16px;
    transition: all 0.3s linear;
    position: relative;
    overflow: hidden;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
    box-sizing: border-box;
    text-align: left;
    -webkit-text-size-adjust: 100%;
}

    .chip .close {
        float: right;
        padding-left: 8px;
        font-size: 16px;
        line-height: 32px;
        cursor: pointer;
        -webkit-transition: all 0.1s linear;
        transition: all 0.1s linear;
    }

    .chip:hover {
        background-color: #e0e0e0;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    .chip:focus {
        background-color: #bdbdbd;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

.numberOfFills {
    text-align: center;
}

    .numberOfFills > .th-inner {
        padding: 5px !important;
    }

.follow-up {
    display: block;
    padding: 10px;
    top: 9px;
    opacity: 1;
    color: #1FA8B6;
}

.form-container.active {
    display: block;
}

.form-title {
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
}

    .form-title::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 80px;
        height: 2px;
        background: #fb8200;
        transform: translateX(-50%);
    }

.slideHorz {
    top: 0;
    left: 0;
    width: 300px;
    height: 0;
    opacity: 0;
    visibility: hidden;
    left: 60px;
}

    .slideHorz.js-active {
        left: 0;
        height: auto;
        opacity: 1;
        visibility: visible;
        transition-property: all;
        transition-duration: 2s;
        transition-timing-function: cubic-bezier(0.2, 1.13, 0.38, 1.43);
        transition-delay: 0s;
    }

.sub {
    display: none;
}

.additional-actions .back {
    margin-top: 0.5rem;
    max-width: 140px;
}

.additional-actions .btn-success {
    max-width: 140px;
}

.note-icons-container {
    position: absolute;
    top: 0px;
    right: 0px;
}

.append-note-action {
    color: #00cc94;
}

#add-prescriber-modal .modal-dialog {
    max-width: 1200px !important;
}

#collapseSearch {
    width: 97.57%;
    margin-left: 14px;
    max-height: 480px;
}

.red-header .modal-header {
    background-color: #1FA8B6 !important;
    color: white !important;
}

.red-header .modal-content {
    border: 1px solid black !important;
}

#aclaration-label {
    margin-left: 5px;
    font-size: 13px;
}

#claim-hover-patient-header {
    cursor: default;
}

.first-fill-card-container {
    width: 670px !important;
}

.scissors {
    width: 100%;
    margin: auto auto;
    background-image: url("../images/scissors.png");
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: bottom;
    position: relative;
    padding-bottom: 11px;
}

@media (max-width: 845px) {
    /* Here we can create a style when the resolution is low */
}

.card.first-fill-card {
    background-color: transparent;
    border: none;
}

    .card.first-fill-card.printeable {
        height: 350px;
    }

.first-fill-card-p1 {
    padding: 0;
    border: thin dashed;
}

.first-fill-card-p2 {
    padding: 0;
    border-bottom: thin dashed;
    border-top: thin dashed;
    border-right: thin dashed;
}

.first-fill-card-section {
    width: 50% !important;
    margin: 0px;
    padding: 0px;
}

.card-text.first-fill-card {
    font-size: 70%;
}

    .card-text.first-fill-card.printable {
        font-size: 90%;
    }

.card-header.first-fill-card {
    background-color: #17a2b8;
    font-size: 80%;
    font-weight: bold;
}

.w-50.first-fill-card {
    font-size: 80%;
    font-weight: bold;
}

.w-10 {
    width: 10% !important;
}

.w-35 {
    width: 35% !important;
}

.custom-hr {
    display: block;
    position: relative;
    padding: 0;
    margin: 8px auto;
    height: 0;
    width: 100%;
    max-height: 0;
    font-size: 1px;
    line-height: 0;
    clear: both;
    border: none;
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #ffffff;
}

.img-brand {
    height: 35px;
}

.drug-steps {
    height: 38px !important;
}

    .drug-steps > .progress-bar {
        transition: all 0.6s;
    }

.drug-search-area {
    border: 1px solid #ced4da;
    border-top: 1px solid white;
    margin-top: 0px;
    z-index: 900;
    position: absolute;
    background: white;
    width: 653px;
    margin-top: -1px;
    transition: all 0.3s linear;
}

.drug-search-area-full {
}

.drug-item {
    display: inline-block;
    margin: 5px;
}

.drug-chip {
    display: inline-block;
    height: 32px;
    padding: 0 12px;
    margin-right: 1rem;
    font-size: 13px;
    font-weight: 500;
    line-height: 32px;
    color: #424c57 !important;
    cursor: pointer;
    background-color: #eceff1;
    border-radius: 16px;
    transition: all 0.3s linear;
    position: relative;
    overflow: hidden;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
    box-sizing: border-box;
    text-align: left;
    -webkit-text-size-adjust: 100%;
}

    .drug-chip > span {
        min-width: 167px;
    }

    .drug-chip .close {
        float: right;
        padding-left: 8px;
        font-size: 16px;
        line-height: 32px;
        cursor: pointer;
        -webkit-transition: all 0.1s linear;
        transition: all 0.1s linear;
        margin-top: -5px;
        color: black;
    }

    .drug-chip:hover {
        background-color: #e0e0e0;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    .drug-chip:focus {
        background-color: #bdbdbd;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

#addPA {
    width: 800px !important;
}

.drugNameLink {
    border-bottom: none !important;
    font-size: 26px !important;
    display: inline-block !important;
    font-weight: 500 !important;
}

.drug-name-tag {
    font-size: 16px;
}

#db-name {
    border-bottom-left-radius: 50rem;
    border-top-left-radius: 50rem;
}

#db-strength {
    border-bottom-right-radius: 50rem;
    border-top-right-radius: 50rem;
}

.drug-steps {
    background-color: transparent;
}

.closeDrugs {
    color: #424c57;
    position: absolute;
    top: 22px;
    right: 22px;
    font-size: 1.4em;
    cursor: pointer;
}

.hoverable-drug-indicator:hover {
    cursor: pointer;
    background-color: #e04e39;
}

.hoverable-drug-indicator > span {
    transition: all 0.5s linear;
}

.hoverable-drug-indicator:hover #drug-name {
    display: none;
}

.hoverable-drug-indicator:hover #drug-strength {
    display: none;
}

.hoverable-drug-indicator:hover #drug-dosage {
    display: none;
}

.hoverable-drug-indicator:hover .remove-this {
    display: block;
}


.remove-this {
    display: none;
}

.thruInput {
    position: absolute !important;
    top: -3px !important;
    left: 193px !important;
    width: 107px !important;
    font-size: 10pt !important;
}

#nav-login {
    z-index: 100;
}

.full-border .modal-content {
    border: 1px solid black !important;
    width: 400px;
    margin: 22%;
}

.row-border-right {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(0,0,0,0.1);
}
/*SMART Details*/
.smart-category-border {
    border: 1px solid black !important;
}

.smart-category-fill-red {
    background-color: red;
    width: 10px;
}

.smart-category-fill-yellow {
    background-color: #FFA500;
    width: 10px;
}

.smart-category-fill-green {
    background-color: green;
    width: 10px;
}

.smart-details-footer {
    font-size: small;
}

.smart-details-font-strong {
    font-weight: bold;
}

.modal-lg-login {
    max-width: 620px !important;
}

.modal-xl-login {
    max-width: 930px !important;
    min-width: 930px !important;
}

.modal-sm-login {
    max-width: 310px !important;
}

.fa-file-excel {
    color: #198754 !important;
}

.fa-file-pdf {
    color: #e04e39 !important;
}

/* history grid */


#historyGrid .status-wrap {
    /*border:solid 1px transparent;*/
    background-color: #e9e9e9;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-item-align: center;
    align-items: center;
    padding: 5px 10px 5px 30px;
    border-radius: 5em;
    text-decoration: none;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    position: relative;
    white-space: nowrap;
}

#historyGrid .status-marker {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 25px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-item-align: center;
    align-items: center;
    justify-content: center;
    border-right: solid 1px #fff;
    color: white;
    border-radius: 5em 0 0 5em;
}

#historyGrid .status-wrap:hover .status-marker {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 1);
}

#historyGrid .status-wrap.history-grid-status-paid {
    background-color: green;
    color: #fff;
    white-space: nowrap;
}

    #historyGrid .status-wrap.history-grid-status-paid .status-marker:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f155";
    }

#historyGrid .status-wrap.history-grid-status-reject {
    background-color: red;
    color: #fff;
    white-space: nowrap;
}

    #historyGrid .status-wrap.history-grid-status-reject .status-marker:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f05e";
    }

#historyGrid .status-wrap.history-grid-status-reversal {
    background-color: royalblue;
    color: #fff;
    white-space: nowrap;
}

    #historyGrid .status-wrap.history-grid-status-reversal .status-marker:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0e2";
    }



#historyGrid .status-wrap:hover .status-marker {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 1);
}

#historyGrid .status-wrap.history-grid-status-paid {
    background-color: green;
    color: #fff;
    white-space: nowrap;
}

    #historyGrid .status-wrap.history-grid-status-paid .status-marker:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f155";
    }

#historyGrid .status-wrap.history-grid-status-reject {
    background-color: red;
    color: #fff;
    white-space: nowrap;
}

    #historyGrid .status-wrap.history-grid-status-reject .status-marker:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f05e";
    }

#historyGrid .status-wrap.history-grid-status-reversal {
    background-color: royalblue;
    color: #fff;
    white-space: nowrap;
}

    #historyGrid .status-wrap.history-grid-status-reversal .status-marker:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0e2";
    }

.datefilter-history {
    margin-left: 5px;
    width: 60%;
    max-width: 550px;
    position: relative;
    border: solid 1px rgb(222, 226, 230);
    padding: 12px 15px;
}
.route-button-container{
    margin:auto;
}
.filter-rules {
    width: 325px;
    max-width: 550px;
    position: relative;
    border: solid 1px rgb(222, 226, 230);
    padding: 12px 1px;
}
.typefilter-history {
    width: 48%;
    max-width: 440px;
    border: solid 1px rgb(222, 226, 230);
    padding: 12px 15px;
}

.history-label {
    position: absolute;
    z-index: 10;
    top: -16px;
    background-color: white;
}

.filter-result-label {
    position: absolute;
    z-index: 10;
    top: -16px;
    left: 13px;
    background-color: white;
}
/*History Grid Detail*/

.modal-header .status-wrap {
    /*border:solid 1px transparent;*/
    background-color: #e9e9e9;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-item-align: center;
    align-items: center;
    padding: 5px 10px 5px 30px;
    border-radius: 5em;
    text-decoration: none;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    position: relative;
    white-space: nowrap;
}

.modal-header .status-marker {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 25px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-item-align: center;
    align-items: center;
    justify-content: center;
    border-right: solid 1px #fff;
    color: white;
    border-radius: 5em 0 0 5em;
}

.label-up {
    z-index: 100 !important;
}

.modal-header .status-wrap:hover .status-marker {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 1);
}

.modal-header .status-wrap.history-grid-status-paid {
    background-color: green;
    color: #fff;
    white-space: nowrap;
}

    .modal-header .status-wrap.history-grid-status-paid .status-marker:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f155";
    }

.modal-header .status-wrap.history-grid-status-reject {
    background-color: red;
    color: #fff;
    white-space: nowrap;
}

    .modal-header .status-wrap.history-grid-status-reject .status-marker:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f05e";
    }

.modal-header .status-wrap.history-grid-status-reversal {
    background-color: royalblue;
    color: #fff;
    white-space: nowrap;
}

    .modal-header .status-wrap.history-grid-status-reversal .status-marker:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0e2";
    }



.modal-header .status-wrap:hover .status-marker {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 1);
}

.modal-header .status-wrap.history-grid-status-paid {
    background-color: green;
    color: #fff;
    white-space: nowrap;
}

    .modal-header .status-wrap.history-grid-status-paid .status-marker:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f155";
    }

.modal-header .status-wrap.history-grid-status-reject {
    background-color: red;
    color: #fff;
    white-space: nowrap;
}

    .modal-header .status-wrap.history-grid-status-reject .status-marker:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f05e";
    }

.modal-header .status-wrap.history-grid-status-reversal {
    background-color: royalblue;
    color: #fff;
    white-space: nowrap;
}

    .modal-header .status-wrap.history-grid-status-reversal .status-marker:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0e2";
    }





/**/
.dropdown-paid {
    background-color: green;
    padding: 5px 30px;
    color: white;
    border-radius: 5em;
    border-top-left-radius: 5em;
    border-top-right-radius: 5em;
    border-bottom-right-radius: 5em;
    border-bottom-left-radius: 5em;
    white-space: nowrap;
    align-items: center;
    text-transform: uppercase;
    position: relative;
    box-sizing: border-box;
    display: flex;
    font-size: 13px;
    font-weight: bold;
    width: 130px;
}

    .dropdown-paid .status-mark {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 25px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-item-align: center;
        align-items: center;
        justify-content: center;
        border-right: solid 1px #fff;
        color: white;
        border-radius: 5em 0 0 5em;
    }

.dropdown-reject {
    background-color: red;
    padding: 5px 30px;
    color: white;
    border-radius: 5em;
    border-top-left-radius: 5em;
    border-top-right-radius: 5em;
    border-bottom-right-radius: 5em;
    border-bottom-left-radius: 5em;
    white-space: nowrap;
    align-items: center;
    text-transform: uppercase;
    position: relative;
    box-sizing: border-box;
    display: flex;
    font-size: 13px;
    font-weight: bold;
    width: 130px;
}

    .dropdown-reject .status-mark {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 25px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-item-align: center;
        align-items: center;
        justify-content: center;
        border-right: solid 1px #fff;
        color: white;
        border-radius: 5em 0 0 5em;
    }

.dropdown-reversal {
    background-color: royalblue;
    padding: 5px 30px;
    color: white;
    border-radius: 5em;
    border-top-left-radius: 5em;
    border-top-right-radius: 5em;
    border-bottom-right-radius: 5em;
    border-bottom-left-radius: 5em;
    white-space: nowrap;
    align-items: center;
    text-transform: uppercase;
    position: relative;
    box-sizing: border-box;
    display: flex;
    font-size: 13px;
    font-weight: bold;
    width: 130px;
}

    .dropdown-reversal .status-mark {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 25px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-item-align: center;
        align-items: center;
        justify-content: center;
        border-right: solid 1px #fff;
        color: white;
        border-radius: 5em 0 0 5em;
    }






.drugsearch-box-focus {
    color: #495057;
    background-color: #fff;
    border-color: #4cecff;
    outline: 0;
    box-shadow: 0 7px 0 4.2px rgb(0 181 203 / 25%);
}

.historyModal {
    text-decoration: none;
    color: black;
}

    .historyModal:hover {
        text-decoration: none;
        color: black;
    }

.input-group > div.btn {
    max-width: 46px;
    min-width: 46px;
    background-color: #e9ecef;
}

.cadence-toast {
    position: absolute;
    top: 10px;
    right: 30px;
}

.cadence-hide-toast {
    z-index: -1000;
}

.modal-tools {
    min-width: 200px;
}

#paRequest {
    min-height: 100px;
}

.small-export {
    display: none;
}

.div-text-align-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
}

.reveal-button {
    position: absolute;
    top: 0px;
    right: 14px;
}

.datepicker-top-left, .datepicker-top-right {
    border-top-color: #1FA8B6 !important;
}

.bootstrap-switch.bootstrap-switch-focused {
    border-color: #1FA8B6 !important;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-rxblue,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-rxblue {
    color: #fff;
    background: #1FA8B6;
}

#offLineChat {
    font-family: "Roboto";
    color: white;
    position: fixed;
    display: block;
    background-color: #e04e39;
    height: 48px;
    width: 147px;
    border-radius: 255px;
    bottom: 26px;
    right: 26px;
    text-align: center;
}

#chatBtnText {
    color: white;
    font-size: 18px;
    font-weight: 500;
    display: block;
    margin-top: 10px;
}

.rxblue {
    color: #fff !important;
    background: #1FA8B6 !important;
}

#pa-container {
    position: relative;
}
/* mini card */
.mini-card-band {
    width: 108px !important;
    position: relative;
    background-image: url("../../images/Cards/CadenceLogo.png");
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 16px;
}
.sdg-banner {
    background-image:url("../../images/Cards/CardBanner.png") !important;
}
.mini-above-logo-card {
    max-width: 37px !important;
    max-height: 16px;
    position: relative;
    left: 3px;
    top: 50%;
    margin: auto 2px;
    padding: 0px !important
}
.mini-above-logo-card-2 {
    max-width: 37px !important;
    max-height: 16px;
    position: relative;
    right: 3px;
    top: 50%;
    margin: auto 2px;
    padding: 0px !important
}
.mini-card-image-band {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.mini-card {
    background-color: white;
    color: #2c3137;
    border-radius: 8px;
    height: 60px;
}
    .mini-card:hover {
        opacity: 0.6;
        transition: all ease 0.5s;
    }
.mini-label-tag {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    margin-top:6px;
    color: #1FA8B6;
}

/* mini card*/


.routing-switch .bootstrap-switch  .bootstrap-switch-label {
    width: 150px !important;
}

#optRoutingEX .custom-switch .custom-control-label::before {
    height: 2rem;
    width: 3.5rem;
    border-radius: 1rem;
}

#optRoutingEX .custom-switch .custom-control-label::after {
    width: calc(2rem - 4px);
    height: calc(2rem - 4px);
    border-radius: 2rem;
}

#optRoutingUR .custom-switch .custom-control-label::before {
    height: 2rem;
    width: 100px;
    border-radius: 1rem;

}

#optRoutingUR .custom-switch .custom-control-label::after {
    width: calc(2rem - 4px);
    height: calc(2rem - 4px);
    border-radius: 2rem;
}

.routingLink {
    color: #02a4be;
}

.routingLinkContainer {
    text-align: center;
}

.flying-span {
    font-size: 0.8em;
    position: absolute;
    margin-top: 20px;
    margin-left: -104px;
}

.tab-content > .active {
    transition: all linear .3s;
}

.request-specific-data-internal {
    background-color: #FFF;
    padding: 10px 10px 30px 10px;
}

.dd-third {
    width:33%;
}
.grid-item {
    flex: 1;
    flex-basis: 0;
    text-align: center;
    min-width: 33%;
    padding: 3px;
    height: 30%;
    margin: 1.5% 0px;
}

.grid-item-big {
    flex: 1;
    flex-basis: 0;
    text-align: center;
    min-width: 49%;
    padding: 3px;
    height: 30%;
    margin: 1.5% 0px;
}


/* DRUG PAGINATION */
.clickeable-dot.prevnext-button {
    background-color: #FFF;
}

    .clickeable-dot.prevnext-button.next-button {
        border-bottom-left-radius: 10px;
        border-top-left-radius: 10px;
    }

    .clickeable-dot.prevnext-button.prev-button {
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
    }

.drug-paginator-text, .drug-paginator-icon {
    background-color: inherit;
    color: #2c3137;
    display: inline-block;
    position: absolute;
}


.drug-paginator-next {
    width: 100%;
    position: relative;
}

    .drug-paginator-next > .drug-name {
        position: absolute;
        right: 30px;
        width: 380px;
        height: 34px;
        font-weight: bold;
        word-spacing: 1px;
        text-align: center;
        color: #2c3137;
        display: inline-block;
    }

        .drug-paginator-next > .drug-name > span {
            display: inline-block;
            vertical-align: sub;
        }

    .drug-paginator-next > .drug-paginator-text {
        left: 11px;
    }

    .drug-paginator-next > .drug-paginator-icon {
        right: 4px;
        width: 20px;
        text-align: center;
        margin-top:4px;
    }



.drug-paginator-prev {
    width: 100%;
    position: relative;
}

    .drug-paginator-prev > .drug-name {
        position: absolute;
        left: 30px;
        width: 380px;
        height: 34px;
        word-spacing: 1px;
        font-weight: bold;
        text-align: center;
        color: #2c3137;
        display: inline-block;
    }

        .drug-paginator-prev > .drug-name > span {
            display: inline-block;
            vertical-align: sub;
        }

    .drug-paginator-prev > .drug-paginator-text {
        right: 11px;
    }

    .drug-paginator-prev > .drug-paginator-icon {
        left: 4px;
        width: 20px;
        text-align: center;
        margin-top: 4px;
    }

    .drug-paginator-next > .drug-name, .drug-paginator-prev > .drug-name {
        font-size: 12px;
        /*   border-left: 1px #424c57 solid;
        border-right: 1px #424c57 solid;*/
    }

#drug-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FFF;
    margin-bottom: -30px;
}

    #drug-pagination .prevnext-button {
        color: #2c3137;
        text-decoration: none;
        height: 34px;
        transition: all ease-in-out 0.3s;
        width: 40%;
    }


        #drug-pagination .prevnext-button:hover {
            opacity: 0.6;
        }

        #drug-pagination .prevnext-button span {
            text-transform: uppercase;
            font-size: 13px;
        }


    #drug-pagination .dots {
        text-align: center;
        color: white;
        max-width: 45%;
    }

    #drug-pagination .dots-title {
        font-size: 13px;
        font-weight: bold;
        padding:2px 0px;
        color:#2c3137;
        text-transform: uppercase;
    }

    #drug-pagination .dot {
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background-color: #2c3137;
        margin: 0px 5px;
        opacity: 0.5;
        display: inline-block;
    }

        #drug-pagination .dot:hover {
            opacity: 1;
        }

        #drug-pagination .dot.active {
            background-color: #1FA8B6;
            border: solid 0.5px #1FA8B6;
            opacity: 1;
        }

        /* DRUG PAGINATION */
        /*new PA drug information*/
        .grid-container {
    position: relative;
}

.primary-reject {
    width: 30%;
    height: 30px;
}

    .primary-reject > div {
        display: flex;
        width: 100%;
        justify-content: start;
        align-content: center;
        background-color: white;
    }

    .primary-reject .detail-wrap span {
        width: 140px;
        height: 30px;
        text-align: center;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
        background-color: #FFF;
        color: #2c3137;
    }

    .primary-reject .detail-wrap i {
        color: #e04e39;
    }

    .primary-reject div.detail-wrap div {
        padding-top: 3px;
        margin-left: 5px;
        height: 30px;
    }

    .primary-reject > div > .label-tag {
        margin: 0 0 0 15px !important;
        align-self: center;
    }

/*smartscore revamped*/
.score-range-bar .scrub {
    position: absolute;
    top: -2px;
    left: 0;
    width: 10px;
    border-radius: 10px;
    height: 25px;
    background: #424c57;
    z-index: 3;
}


.smart-score-wrap {
    max-height: 18px;
    min-height: 30px;
    display: flex;
    align-items: center;
}

    .smart-score-wrap > #smartColoredDiv {
        max-height: 18px;
        min-height: 18px;
        height: 18px;
        text-align: center;
        border: solid 5px transparent;
        border-right: none;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        font-size:17px;
    }

.smart-score-button {
    border: none;
    background: none;
    color: #2c3137;
    cursor: auto !important;
    font-weight: bold;
}





.pa-subheader {
    background-color: #424c57;
}

    .pa-subheader .pa-submenu-container,
    .pa-subheader .pa-nav,
    .pa-subheader .pa-nav li {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-item-align: stretch;
        align-items: stretch;
    }

    .pa-subheader .pa-nav {
        padding: 0;
        margin: 0;
        flex-grow: 1;
        height: 50px;
    }

        .pa-subheader .pa-nav li {
            padding: 0;
            margin: 0;
            list-style-type: none;
            flex-grow: 1;
        }

            .pa-subheader .pa-nav li a {
                flex-grow: 1;
                display: block;
                font-weight: bold;
                padding: 15px 10px;
                text-decoration: none;
                color: #fff;
                text-align: center;
                text-transform: uppercase;
                font-size: 13px;
                letter-spacing: 1px;
            }

                .pa-subheader .pa-nav li a i {
                    margin-right: 10px;
                    color: #fff;
                    display: inline-block;
                }

                .pa-subheader .pa-nav li a.active {
                    background-color: #FFF;
                    color: #1FA8B6;
                    border-top: 3px solid;
                }


                    .pa-subheader .pa-nav li a.active i {
                        color: #1FA8B6;
                    }


.clinical-alert {
    color: #74291e;
    background-color: #f9dcd7;
    border-color: #f6cdc8;
    position: relative;
    padding: 5px 15px;
    margin-bottom: 1rem;
    border: 1px solid transparent;
}

.dissapear {
    display: none;
}

.table-opus-container {
    margin-top: -9px;
}

.table-opus th {
    border: 0;
    background-color: #1FA8B6;
    color: white;
}

.table-opus td,
.table-opus thead th,
.table-opus tbody + tbody {
    border: 0;
}

.table-opus tbody tr:hover {
    background-color: #E5F8FB;
}
.float-left.search.btn-group:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f002";
    display: block;
    padding: 0 10px;
    color: #fff;
    background-color: #424c57;
    opacity: 0.7;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-item-align: center;
    align-items: center;
    justify-content: center;
}

.keep-open.btn-group .btn.btn-secondary {
    color: #fff;
    background-color: #1FA8B6;
    border-color: #1FA8B6;
}

    .keep-open.btn-group .btn.btn-secondary:hover {
        color: #fff;
        background-color: #0093a5;
        border-color: #008898;
    }
    .accept-policy {
        background-color:white;
    }
.fa-md {
    font-size: medium;
}
.fa-main-color {
    color: #1FA8B6;
    }
.med-history-light-frame {
    border: solid 1px #d4dde7;
    border-top: solid 3px #1FA8B6;
    padding: 15px 10px;
    margin-bottom: 20px;
    width:100%;
}
.margin-b3{
    margin-bottom: 1rem !important;
}
#popups-tray {
    position:fixed;
    display:block;
    width:40%;
    bottom:0;
}
#fill-count-panel {
    width:148px;
}



/*Syncfusion changes*/

.e-btn-icon.e-search-icon {
  
}
    .e-btn-icon.e-search-icon:before {
        content: "\f002";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
    }

.expired {
    background-color: #fcedf0 !important;
}

#notesTextArea.e-input-group {
    width: 100% !important;
    max-width: 100%; 
}


.ia-wrapper {
    padding: 10px 20px;
    position: relative;
}
.ia-text-wrapper {
    background-color: #1FA8B6;
    color: white;
    display: flex;
    flex-flow: column;
    margin: 10px 0px;
    border: 1px solid rgba(66,76,87,0.8);
}

.control_wrapper.accordion-control-section {
    width: 100%;
    margin-top: 0.5em;
}
.decision-panel {
    display: flex;
    flex-flow: row;
    justify-content: center;
    background: white;
    color: #2c3137;
    padding: 15px 0px 0px 0px;
    box-shadow: -8px 9px 1px -6px rgba(66,76,87,0.83);
    margin: 0px 10px 10px 10px;
    flex-wrap: wrap !important;
}
.smart-summary-wrapper {
    width: 380px;
    height: 45px;
    background: #f2f4f7;
    padding: 8px;
    margin: 0 0 5px 0;
    box-shadow: -8px 9px 1px -6px rgba(66,76,87,0.83);
    position: absolute;
    right:10px;
    bottom:5px;
}

    .decision-panel h3 {
        font-size: 16px;
        font-weight: bold;
        color: #2c3137;
        margin-bottom: 10px;
    }

    .decision-panel ul {
        padding-left: 20px;
    }

        .decision-panel ul li {
            font-size: 14px;
            line-height: 1.4;
            color: #2c3137;
        }

/* ✅ Color-coded text instead of buttons */
.approve-text {
    color: #07bb8a;
    font-weight: bold;
}

.deny-text {
    color: #e04e39;
    font-weight: bold;
}
.decision-footer {
    position: relative; /* Ensures child elements are positioned relative to this */
    display: flex;
    justify-content: flex-end; /* Aligns the button to the right */
    padding-right: 15px;
    height:20px;
}

/* Fix button position inside the panel */

    .custom-aiassistview {
        border: none;
    }
.e-aiassistview .e-view-container {
    width: 100% !important;
}
.e-aiassistview .e-footer {
    margin: 0 auto 10px !important;
}


:root {
    --transition: 0.25s;
    --spark: 1.8s;
    --primary-color: #1FA8B6; /* Your main color */
    --active: 0; /* Controls animation intensity */
}


#ai-button {
    --cut: 0.1em;
    --active: 0;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bg: radial-gradient( 40% 50% at center 100%, hsl(270 calc(var(--active) * 97%) 72% / var(--active)), transparent ), radial-gradient( 80% 100% at center 120%, hsl(260 calc(var(--active) * 97%) 70% / var(--active)), transparent ), hsl(260 calc(var(--active) * 97%) calc((var(--active) * 44%) + 12%));
    background: var(--bg);
    font-size: 14px;
    font-weight: bold;
    border: 0;
    cursor: pointer;
    padding: 8px 1.3em;
    display: flex;
    align-items: center;
    white-space: nowrap;
    border-radius: .25rem !important;
    position: relative;
    scale: calc(1 + (var(--active) * 0.05));
}

    #ai-button:active {
        scale: 1;
    }

svg {
    overflow: visible !important;
}

.sparkle path {
    color: hsl(0 0% calc((var(--active, 0) * 70%) + var(--base)));
    transform-box: fill-box;
    transform-origin: center;
    fill: white;
    stroke: white;
    animation-delay: calc((var(--transition) * 1.5) + (var(--delay) * 1s));
    animation-duration: 0.6s;
    transition: color var(--transition);
}

#ai-button:is(:hover, :focus-visible) path {
    animation-name: bounce;
}

@keyframes bounce {
    35%, 65% {
        scale: var(--scale);
    }
}

.sparkle path:nth-of-type(1) {
    --scale: 0.5;
    --delay: 0.1;
    --base: 40%;
}

.sparkle path:nth-of-type(2) {
    --scale: 1.5;
    --delay: 0.2;
    --base: 20%;
}

.sparkle path:nth-of-type(3) {
    --scale: 2.5;
    --delay: 0.35;
    --base: 30%;
}

#ai-button:before {
    content: "";
    position: absolute;
    inset: -0.25em;
    z-index: -1;
    border: 0.25em solid hsl(186, 77%, 50% / 0.5);
    border-radius: .25rem !important;
    opacity: var(--active, 0);
    transition: opacity var(--transition);
}

.spark {
    position: absolute;
    inset: 0;
    border-radius: .25rem !important;
    rotate: 0deg;
    overflow: hidden;
    mask: linear-gradient(white, transparent 50%);
    animation: flip calc(var(--spark) * 2) infinite steps(2, end);
}

@keyframes flip {
    to {
        rotate: 360deg;
    }
}

.spark:before {
    content: "";
    position: absolute;
    width: 200%;
    aspect-ratio: 1;
    top: 0%;
    left: 50%;
    z-index: -1;
    translate: -50% -15%;
    rotate: 0;
    transform: rotate(-90deg);
    opacity: calc((var(--active)) + 0.4);
    background: conic-gradient( from 0deg, transparent 0 340deg, white 360deg );
    transition: opacity var(--transition);
    animation: rotate var(--spark) linear infinite both;
}

.spark:after {
    content: "";
    position: absolute;
    inset: var(--cut);
    border-radius: .25rem !important;
}

.ai-backdrop {
    position: absolute;
    inset: var(--cut);
    background: var(--bg);
    border-radius: .25rem !important;
    transition: background var(--transition);
}

@keyframes rotate {
    to {
        transform: rotate(90deg);
    }
}



@supports(selector(:has(:is(+ *)))) {
    body:has(#ai-button:is(:hover, :focus-visible)) {
        --active: 1;
        --play-state: running;
    }

    .ai-bodydrop {
        display: none;
    }
}

#ai-button:is(:hover, :focus-visible) ~ :is(.ai-bodydrop, .particle-pen) {
    --active: 1;
    --play-state: runnin;
}

.ai-bodydrop {
    position: fixed;
    inset: 0;
    z-index: -1
}



#ai-button:is(:hover, :focus-visible) {
    --active: 1;
    --play-state: running;
}


.sparkle-button {
    position: relative;
}

.particle-pen {
    position: absolute;
    width: 200%;
    aspect-ratio: 1;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    -webkit-mask: radial-gradient(white, transparent 65%);
    z-index: -1;
    opacity: var(--active, 0);
    transition: opacity var(--transition);
}

.particle {
    fill: white;
    width: calc(var(--size, 0.25) * 1rem);
    aspect-ratio: 1;
    position: absolute;
    top: calc(var(--y) * 1%);
    left: calc(var(--x) * 1%);
    opacity: var(--alpha, 1);
    animation: float-out calc(var(--duration, 1) * 1s) calc(var(--delay) * -1s) infinite linear;
    transform-origin: var(--origin-x, 1000%) var(--origin-y, 1000%);
    z-index: -1;
    animation-play-state: var(--play-state, paused);
}

    .particle path {
        fill: hsl(0 0% 90%);
        stroke: none;
    }

    .particle:nth-of-type(even) {
        animation-direction: reverse;
    }

@keyframes float-out {
    to {
        rotate: 360deg;
    }
}

.ai-text {
    translate: 2% -6%;
    background: linear-gradient(90deg, hsl(0 0% calc((var(--active) * 100%) + 65%)), hsl(0 0% calc((var(--active) * 100%) + 26%)));
    -webkit-background-clip: text;
    color: #f2f4f7;
    transition: background var(--transition);
    width:110px !important;
}


#ai-button svg {
    inline-size: 1.25em;
    translate: -25% -5%;
}
.deny-panel {
    width:45%;
}
.approval-panel {
    width:45%;
}
.aiAssistView .e-view-header {
    display:none;
}
.aiAssistView .e-view-header {
    display: none;
}
.e-aiassistview .e-views .e-content-container {
    margin-top: 0px !important;
    height:570px !important;
}

.e-aiassistview .e-views .e-content-container {
    justify-content:flex-start !important;
}
.e-aiassistview .e-view-content {
    height: calc(100%) !important;
}
.e-input-group.e-multi-line-input.e-auto-width{
    width:inherit !important;
}
.summary {
    max-width: 80% !important;
}
@media screen and (min-width: 1024px) and (max-width: 1710px) {
    .summary {
        max-width: 80% !important;
    }
}
.e-aiassistview .e-views .e-suggestions {
    padding: 0 15px 0 0;
}
.supporting-expandable .title {
    background-color: #d4dde785;
    padding:4px 16px !important;
}
#supporting-details-panel {
padding: 0.5%
}
.split-panel{
    width:48%;
}


:root {
    /* Primary Colors */
    --bs-primary: #75013f;
    --bs-secondary: #181818;
    --bs-success: #367A3D;
    --bs-info: #73A3C2;
    --bs-warning: #f59900;
    --bs-danger: #ba0028;
    --bs-light: #EAE5DF;
    --bs-dark: #666666;
    /* Primary RGB Colors */
    --bs-primary-rgb: 117, 1, 63;
    --bs-secondary-rgb: 24, 24, 24;
    --bs-success-rgb: 54, 122, 61;
    --bs-info-rgb: 115, 163, 194;
    --bs-warning-rgb: 245, 153, 0;
    --bs-danger-rgb: 186, 0, 40;
    --bs-light-rgb: 234, 229, 223;
    --bs-dark-rgb: 102, 102, 102;
    /* Emphasis Colors */
    --bs-primary-text-emphasis: #A81649;
    --bs-secondary-text-emphasis: #0e0e0e;
    --bs-success-text-emphasis: #204925;
    --bs-info-text-emphasis: #456274;
    --bs-warning-text-emphasis: #B54E00;
    --bs-danger-text-emphasis: #AB0E20;
    --bs-light-text-emphasis: #73625A;
    --bs-dark-text-emphasis: #333333;
    /* Background Subtle */
    --bs-primary-bg-subtle: #FEE7EF;
    --bs-secondary-bg-subtle: #F0F0F0;
    --bs-success-bg-subtle: #EBF2EC;
    --bs-info-bg-subtle: #F1F6F9;
    --bs-warning-bg-subtle: #FFEEDB;
    --bs-danger-bg-subtle: #FFEBEE;
    --bs-light-bg-subtle: #F5F2EF;
    --bs-dark-bg-subtle: #CCCCCC;
    /* Border Subtle */
    --bs-primary-border-subtle: #FECEDC;
    --bs-secondary-border-subtle: #D9D9D9;
    --bs-success-border-subtle: #AFCAB1;
    --bs-info-border-subtle: #B8CCDB;
    --bs-warning-border-subtle: #FAD0A0;
    --bs-danger-border-subtle: #F0B9BF;
    --bs-light-border-subtle: #EAE5DF;
    --bs-dark-border-subtle: #B3B3B3;
    /* Gray Scale */
    --bs-gray-100: #F2F2F2;
    --bs-gray-200: #E6E6E6;
    --bs-gray-300: #CCCCCC;
    --bs-gray-400: #B3B3B3;
    --bs-gray-500: #808080;
    --bs-gray-600: #666666;
    --bs-gray-700: #4D4D4D;
    --bs-gray-800: #333333;
    --bs-gray-900: #1A1A1A;
    /* Additional Colors */
    --bs-blue: #1c2e5e;
    --bs-indigo: #6A68D6;
    --bs-purple: #75013f;
    --bs-pink: #fe3082;
    --bs-red: #e30505;
    --bs-orange: #bf4a24;
    --bs-yellow: #f59900;
    --bs-green: #7a9900;
    --bs-teal: #3da373;
    --bs-cyan: #73a3c2;
    --bs-black: #000000;
    --bs-white: #ffffff;
    /* Text Colors */
    --bs-body-color: #1A1A1A;
    --bs-body-color-rgb: 26, 26, 26;
    --bs-emphasis-color: #000000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(26, 26, 26, .75);
    --bs-secondary-color-rgb: 26, 26, 26;
    --bs-secondary-bg: #eae5df;
    --bs-secondary-bg-rgb: 234, 229, 223;
    --bs-tertiary-color: rgba(26, 26, 26, .5);
    --bs-tertiary-color-rgb: 26, 26, 26;
    --bs-tertiary-bg: #F5F2EF;
    --bs-tertiary-bg-rgb: 245, 242, 239;
    /* Bootstrap Elements */
    --bs-heading-color: #75013F;
    --bs-link-color: #0d5996;
    --bs-link-color-rgb: 13, 89, 150;
    --bs-link-decoration: none;
    --bs-link-hover-color: #0a4778;
    --bs-link-hover-color-rgb: 10, 71, 120;
    --bs-link-hover-decoration: underline;
    /* Misc */
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #eae5df;
    --bs-border-radius: .25rem;
    --bs-border-radius-sm: .125rem;
    --bs-border-radius-lg: .375rem;
    --bs-border-radius-xl: .75rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 6px 12px -2px rgba(28, 14, 8, .25), 0 3px 7px -3px rgba(115, 98, 90, .3);
    --bs-box-shadow-sm: 0 2px 5px -1px rgba(28, 14, 8, .25), 0 1px 3px -1px rgba(115, 98, 90, .3);
    --bs-box-shadow-lg: 0 10px 19px -3px rgba(28, 14, 8, .25), 0 5px 11px -5px rgba(115, 98, 90, .3);
    --bs-box-shadow-inset: inset 0 1px 2px 0 rgba(0, 0, 0, .075);
    --bs-focus-ring-width: .25rem;
    --bs-focus-ring-opacity: 1;
    --bs-focus-ring-color: #FE3082;
    --bs-form-valid-color: #367A3D;
    --bs-form-valid-border-color: #367A3D;
    --bs-form-invalid-color: #ba0028;
    --bs-form-invalid-border-color: #ba0028;
}
.e-grid .e-headercell {
    background-color: #1FA8B6 !important;
    color: white;
}
.e-headercell .e-icons {
    color:white !important;
}
.e-pdfexport.e-icons {
    color: #e04e39 !important;
}
button:hover:has(.e-pdfexport) {
    background-color: #e04e39 !important;
}

.e-excelexport.e-icons {
    color: #198754 !important;
}
button:hover:has(.e-excelexport) {
    background-color: #198754 !important;
    color:white;
}
    button:hover:has(.e-excelexport) .e-excelexport, button:hover:has(.e-pdfexport) .e-pdfexport {
        color: white !important;
    }
.e-grid .e-row:hover .e-rowcell {
    background-color: #E5F8FB !important;
}
.e-grid .e-row.e-altrow {
    background-color: #F1FBFC;
}

.e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
    width:50vw !important;
}
.e-grid {
    font-family: "Montserrat", sans-serif !important;
}
    .e-grid.e-resize-lines .e-headercell .e-rhandler, .e-grid.e-resize-lines .e-headercell .e-rsuppress {
        border:1px solid #1FA8B6 !important;
    }
.disablebutton {
    cursor: not-allowed !important;
    pointer-events: none !important;
    opacity: 0.4 !important;
}
.med-details-drugdesc {
    border-top: solid 1px #d4dde7;
    border-bottom: solid 1px #d4dde7;
    padding: 10px 0;
}
.prescriber-med-grid {
    border-top: solid 1px #d4dde7;
    border-bottom: solid 1px #d4dde7;
    padding: 10px 0;
    margin:10px 0;
}
#searchPatientsGrid_searchbar, #priorAuthGrid_searchbar {
    height: 40px !important; /* adjust to desired height */
    font-size: 18px;
    padding: 6px 10px; /* optional: more inner space */
}

#searchPatientsGrid_toolbarItems, #priorAuthGrid_toolbarItems {
    height: 60px !important;
}






#Kanban {
 font-family: "Montserrat", sans-serif !important;
}
.e-card {
    font-family: "Montserrat", sans-serif !important;
}

#Kanban .status-wrap {
    /*border:solid 1px transparent;*/
    background-color: #e9e9e9;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-item-align: center;
    align-items: center;
    padding: 5px 10px 5px 30px;
    border-radius: .6em;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    text-decoration: none;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    position: relative;
    white-space: nowrap;
}

#Kanban .status-marker {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 25px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-item-align: center;
    align-items: center;
    justify-content: center;
    border-right: solid 1px #fff;
    color: white;
    border-radius: 5em 0 0 5em;
}

#Kanban .status-wrap:hover .status-marker {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 1);
}

#Kanban .status-wrap.status-Completed {
    background-color: #00a376;
    color: #fff !important;
}

    #Kanban .status-wrap.status-Completed .status-marker:before {
        font-family: "Font Awesome 5 Free" !important;
        font-weight: 900 !important;
        content: "\f00c" !important;
    }

/* Pending */
#Kanban .status-wrap.status-Pending {
    background-color: #ffca3e;
    color: #212529bd !important;
}

    #Kanban .status-wrap.status-Pending .status-marker:before {
        font-family: "Font Awesome 5 Free" !important;
        font-weight: 900 !important;
        content: "\f021" !important;
    }

/* In Process */
#Kanban .status-wrap.status-InProgress .status-marker:before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f101" !important;
}

/* Escalated*/
#Kanban .status-wrap.status-Escalated {
    background-color: #e04e39 !important;
    color: #fff !important;
}

    #Kanban .status-wrap.status-Escalated .status-marker:before {
        font-family: "Font Awesome 5 Free" !important;
        font-weight: 900 !important;
        content: "\f12a" !important;
    }

/* Snoozed */
#Kanban .status-wrap.status-Snoozed {
    background-color: #1FA8B6 !important;
    color: #fff !important;
}

    #Kanban .status-wrap.status-Snoozed .status-marker:before {
        font-family: "Font Awesome 5 Free" !important;
        font-weight: 500 !important;
        content: "\f017" !important;
    }
/* OnHold */
#Kanban .status-wrap.status-OnHold {
    background-color: #855C89 !important;
    color: #fff !important;
}

    #Kanban .status-wrap.status-OnHold .status-marker:before {
        font-family: "Font Awesome 5 Free" !important;
        font-weight: 900 !important;
        content: "\f253" !important;
    }
/* AwaitingPaid */
#Kanban .status-wrap.status-AwaitingPaid {
    background-color: #fb7f29 !important;
    color: #fff !important;
}

    #Kanban .status-wrap.status-AwaitingPaid .status-marker:before {
        font-family: "Font Awesome 5 Free" !important;
        font-weight: 900 !important;
        content: "\f101" !important;
    }

#Kanban thead th.e-header-cells[data-key="Escalated"] {
    background-color: #e04e39;
    color:#fff !important;
}
    #Kanban thead th.e-header-cells[data-key="Escalated"] .e-header-title:before {
        font-family: "Font Awesome 5 Free" !important;
        font-weight: 900 !important;
        content: "\f071" !important;
        margin: 4px;
    }
#Kanban thead th.e-header-cells[data-key="OnHold"] {
    background-color: #855C89;
    color: #fff !important;
}
    #Kanban thead th.e-header-cells[data-key="OnHold"] .e-header-title:before {
        font-family: "Font Awesome 5 Free" !important;
        font-weight: 900 !important;
        content: "\f253" !important;
        margin:4px;
    }
#Kanban thead th.e-header-cells[data-key="Pending"] {
    background-color: #ffca3e;
}
    #Kanban thead th.e-header-cells[data-key="Pending"] .e-header-title:before {
        font-family: "Font Awesome 5 Free" !important;
        font-weight: 900 !important;
        content: "\f021" !important;
        margin: 4px;
    }
    #Kanban thead th.e-header-cells[data-key="Pending"] .text-muted {
        color: black !important;
    }
    #Kanban thead th.e-header-cells[data-key="Pending"] .e-header-icon {
        color: black !important;
    }

#Kanban thead th.e-header-cells[data-key="Snoozed"] {
    background-color: #1FA8B6;
    color: #fff !important;
}
#Kanban thead th.e-header-cells .text-muted {
    color:white !important;
}
#Kanban thead th.e-header-cells .e-header-icon {
    color: white !important;
}
#Kanban thead th.e-header-cells[data-key="Snoozed"] .e-header-title:before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f017" !important;
    margin: 4px;
}
.e-kanban .e-kanban-header .e-header-cells {
    border-radius: 4px;
    height: 44px;
    overflow: hidden;
    padding: 8px;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}




/*Mobile changes*/
.transaction-details-m .status-wrap {
    background-color: #e9e9e9;
    display: flex !important;
    justify-content:space-around;
    padding: 7px !important;
    border-radius: 5em;
    text-decoration: none;
    color: inherit;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    position: relative;
    white-space: nowrap;
}


/* SPECIFIC STATUS MARKERS*/

/* Complete*/
.transaction-details-m .status-wrap.status-Completed {
    background-color: #00a376;
    color: #fff;
}

/* Pending */
.transaction-details-m .status-wrap.status-Pending {
    background-color: #ffca3e;
    color: #212529bd;
}

/* Escalated*/
.transaction-details-m .status-wrap.status-Escalated {
    background-color: #e04e39;
    color: #fff;
}

 

/* Snoozed */
.transaction-details-m .status-wrap.status-Snoozed {
    background-color: #1FA8B6;
    color: #fff;
}

  
/* OnHold */
.transaction-details-m .status-wrap.status-OnHold {
    background-color: #855C89;
    color: #fff;
}


.container-mobile {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}