@charset "UTF-8";

/** Add Font LATO **/

@font-face {
    font-family: "Lato";
    src: url("/jakarta.faces.resource/fonts/lato-black.eot.xhtml");
    src: url("") format("embedded-opentype"),
    url("/jakarta.faces.resource/fonts/lato-black.woff.xhtml") format("woff"),
    url("/jakarta.faces.resource/fonts/lato-black.ttf.xhtml") format("truetype"),
    url("") format("svg");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Lato";
    src: url("/jakarta.faces.resource/fonts/lato-bold.eot.xhtml");
    src: url("") format("embedded-opentype"),
    url("/jakarta.faces.resource/fonts/lato-bold.woff.xhtml") format("woff"),
    url("/jakarta.faces.resource/fonts/lato-bold.ttf.xhtml") format("truetype"),
    url("") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Lato";
    src: url("/jakarta.faces.resource/fonts/lato-bolditalic.eot.xhtml");
    src: url("") format("embedded-opentype"),
    url("/jakarta.faces.resource/fonts/lato-bolditalic.woff.xhtml") format("woff"),
    url("/jakarta.faces.resource/fonts/lato-bolditalic.ttf.xhtml") format("truetype"),
    url("") format("svg");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Lato";
    src: url("/jakarta.faces.resource/fonts/lato-italic.eot.xhtml");
    src: url("") format("embedded-opentype"),
    url("/jakarta.faces.resource/fonts/lato-italic.woff.xhtml") format("woff"),
    url("/jakarta.faces.resource/fonts/lato-italic.ttf.xhtml") format("truetype"),
    url("") format("svg");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Lato";
    src: url("/jakarta.faces.resource/fonts/lato-light.eot.xhtml");
    src: url("") format("embedded-opentype"),
    url("/jakarta.faces.resource/fonts/lato-light.woff.xhtml") format("woff"),
    url("/jakarta.faces.resource/fonts/lato-light.ttf.xhtml") format("truetype"),
    url("") format("svg");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Lato";
    src: url("/jakarta.faces.resource/fonts/lato-regular.eot.xhtml");
    src: url("") format("embedded-opentype"),
    url("/jakarta.faces.resource/fonts/lato-regular.woff.xhtml") format("woff"),
    url("/jakarta.faces.resource/fonts/lato-regular.ttf.xhtml") format("truetype"),
    url("") format("svg");
    font-weight: normal;
    font-style: normal;
}

/** Add Font Roboto **/

@font-face {
    font-family: 'Roboto';
    src: url("/jakarta.faces.resource/fonts/Roboto-Black.ttf.xhtml");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("/jakarta.faces.resource/fonts/Roboto-Bold.ttf.xhtml");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("/jakarta.faces.resource/fonts/Roboto-BoldItalic.ttf.xhtml");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url("/jakarta.faces.resource/fonts/Roboto-Italic.ttf.xhtml");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url("/jakarta.faces.resource/fonts/Roboto-Light.ttf.xhtml");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("/jakarta.faces.resource/fonts/Roboto-Regular.ttf.xhtml");
    font-weight: normal;
    font-style: normal;
}

/** Override Font Awesome **/

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: normal;
    src: url("/jakarta.faces.resource/fonts/fa-brands-400.eot.xhtml");
    src: url("/jakarta.faces.resource/fonts/fa-brands-400.eot.xhtml") format("embedded-opentype"),
    url("/jakarta.faces.resource/fonts/fa-brands-400.woff2.xhtml") format("woff2"),
    url("/jakarta.faces.resource/fonts/fa-brands-400.woff.xhtml") format("woff"),
    url("/jakarta.faces.resource/fonts/fa-brands-400.ttf.xhtml") format("truetype"),
    url("/jakarta.faces.resource/fonts/fa-brands-400.svg.xhtml") format("svg");
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    src: url("/jakarta.faces.resource/fonts/fa-regular-400.eot.xhtml");
    src: url("/jakarta.faces.resource/fonts/fa-regular-400.eot.xhtml") format("embedded-opentype"),
    url("/jakarta.faces.resource/fonts/fa-regular-400.woff2.xhtml") format("woff2"),
    url("/jakarta.faces.resource/fonts/fa-regular-400.woff.xhtml") format("woff"),
    url("/jakarta.faces.resource/fonts/fa-regular-400.ttf.xhtml") format("truetype"),
    url("/jakarta.faces.resource/fonts/fa-regular-400.svg.xhtml") format("svg");
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    src: url("/jakarta.faces.resource/fonts/fa-solid-900.eot.xhtml");
    src: url("/jakarta.faces.resource/fonts/fa-solid-900.eot.xhtml") format("embedded-opentype"),
    url("/jakarta.faces.resource/fonts/fa-solid-900.woff2.xhtml") format("woff2"),
    url("/jakarta.faces.resource/fonts/fa-solid-900.woff.xhtml") format("woff"),
    url("/jakarta.faces.resource/fonts/fa-solid-900.ttf.xhtml") format("truetype"),
    url("/jakarta.faces.resource/fonts/fa-solid-900.svg.xhtml") format("svg");
}

@font-face {
    font-family: summernote;
    src: url("/jakarta.faces.resource/fonts/summernote.ttf.xhtml");
    src: url("/jakarta.faces.resource/fonts/summernote.eot.xhtml"),
    url("/jakarta.faces.resource/fonts/summernote.woff.xhtml"),
    url("/jakarta.faces.resource/fonts/summernote.woff2.xhtml");
}

/** Override Font Bootstrap **/

@font-face {
    font-display: block;
    font-family: "bootstrap-icons";
    src: url("/jakarta.faces.resource/fonts/bootstrap-icons.woff2.xhtml") format("woff2"),
    url("/jakarta.faces.resource/fonts/bootstrap-icons.woff.xhtml") format("woff");
}

/** Override Twitter Bootstrap **/

@media (max-width: 1199px) {
    nav.expand ul .nav-link {
        width: 71px !important;
        font-size: 0px !important;
        color: #26425d !important;
    }

    nav.expand .bottom-logo,
    #change-nav-view {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 900px;
    }
}

@media (min-width: 1300px) {
    .container {
        width: 1000px;
    }
}

@media (min-width: 1400px) {
    .container {
        width: 1100px;
    }
}

@media (min-width: 1500px) {
    .container {
        width: 1150px;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1250px;
    }
}

@media (min-width: 1900px) {
    .container {
        width: 1540px;
    }
}

.bg-danger {
    background-color: var(--bs-danger) !important;
}

.bg-warning {
    background-color: var(--bs-warning) !important;
}

.bg-success {
    background-color: var(--bs-success) !important;
}

.bg-caution {
    background-color: #ffe900 !important;
}

.btn-xxs,
.btn-group-xxs > .btn {
    padding: 1px 2px;
    font-size: 8px;
    line-height: 1.2;
    border-radius: 3px;
}

.btn-xxs-intermediaire {
    padding: 1px 2px;
    font-size: 9px;
    line-height: 1.2;
    border-radius: 3px;
}

@media (min-width: 1400px) {
    .modal-lg {
        width: 1200px;
    }
}

.tt-txt-left-400 .tooltip-inner {
    max-width: 400px;
    text-align: left;
}

.tt-txt-left-500 .tooltip-inner {
    max-width: 500px;
    text-align: left;
}

.bi::before {
    -webkit-text-stroke: 0.5px;
}

.form-control {
    display: inline-block;
    width: auto;
}

.underline {
    text-decoration: underline;
}

strong label {
    font-weight: bold;
}

.input-group .form-control {
    float: none;
    width: auto;
}

.input-radio-h td {
    white-space: nowrap;
    padding-right: 12px;
}

.input-radio-h td:last-child {
    padding-right: 0px;
}

.file-input .input-group .file-caption {
    float: right;
    width: 100%;
}

.input-select {
    width: 100% !important;
}

.content-edc .card-header .badge,
.content-monito .card-header .badge, .nav-doc .badge, .card-header .text-bg-dark {
    font-size: 14px;
    margin-top: -5px;
    border-radius: 50rem !important;
}

.form-no-inline label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.form-no-inline .form-control {
    display: block;
    width: 100%;
}

/** Global Style **/

body {
    color: #231f20;
    font-size: 14px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

a {
    color: #26425d;
    text-decoration: none !important;
}

.edcNav a:hover {
    text-decoration: underline !important;
}

td {
    a {
        text-decoration: underline !important;
    }
}

.col-center {
    text-align: center;
}

.ui-datepicker {
    z-index: 1085 !important;
}

.user-info .dropdown {
    margin: 5px 15px 0 0;
}

.filter-box {
    float: right;
    margin-top: -25px;
}

.text-bold {
    font-weight: bold;
}

footer {
    font-size: 11px;
}

.row-info-calc {
    color: #666666;
    font-style: italic;
}

.force-inline-block label {
    display: inline-block !important;
}

.no-wrap {
    white-space: nowrap;
}

.no-border {
    border: none !important;
}

textarea.form-control {
    width: 100%;
    resize: none;
}

.keep-modal-open {
    overflow: hidden;
}

.keep-modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.dropdown-menu > li > a {
    white-space: normal;
    width: 247px;
    padding: 3px 10px;
}

/** Pictures  **/

.sign-up {
    background: transparent url("") center no-repeat;
    height: 24px;
    display: block;
    background-size: contain;
}

.cs-logo {
    background: transparent url("/jakarta.faces.resource/img/clinsearch/logo_cs_big.png.xhtml") center no-repeat;
    height: 37px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}

.cs-edc-logo {
    background: transparent url("/jakarta.faces.resource/img/clinsearch/edclin-logo.png.xhtml") center no-repeat;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}

.cs-min-h-50 {
    min-height: 50px;
}

.promoteur-logo {
    background: transparent url("/jakarta.faces.resource/img/sponsor/study-logo.png.xhtml") center no-repeat;
    height: 37px;
    margin: 100px auto;
    background-size: contain;
}

.promoteur-logo-home {
    background: transparent url("/jakarta.faces.resource/img/sponsor/study-logo.png.xhtml") center no-repeat;
    height: 37px;
    margin: 55px auto;
    background-size: contain;
}

.add-form {
    background: transparent url("/jakarta.faces.resource/img/clinsearch/v2/plus.png.xhtml") center no-repeat;
    filter: invert(70%);
    height: 25px;
    width: 25px;
    background-size: contain;
    float: right;
    margin-left: 5px;
}

.add-form-label {
    float: right;
    line-height: 25px;
}

#addVisite,
#addVisite .dropdown-toggle {
    width: 100%;
}

#addVisite .dropdown-toggle::after {
    /* This masks the small arrow that is displayed next to the add form button */
    display: none;
}

.avatar-login {
    background: transparent url("/jakarta.faces.resource/img/clinsearch/avatar_cra_h.png.xhtml") center no-repeat;
    height: 225px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}

.dropdown .avatar-login {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/user.png.xhtml") center no-repeat;
    height: 25px;
    width: 25px;
    background-size: cover;
    filter: invert(70%);
    cursor: pointer;
    padding: 14px;
    border: 1px solid #333;
    border-radius: 15px;
}

.dropdown .avatar-login::after {
    display: none;
}

.avatar-secure {
    background: transparent url("/jakarta.faces.resource/img/clinsearch/avatar_secure.png.xhtml") center no-repeat;
    height: 225px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}

.dropdown .avatar-secure {
    background: transparent url("/jakarta.faces.resource/img/clinsearch/avatar_secure.png.xhtml") center no-repeat;
    height: 42px;
    width: 42px;
    background-size: contain;
    cursor: pointer;
}

.cs-mini-logo {
    float: left;
    background: transparent url("/jakarta.faces.resource/img/clinsearch/logo_cs_small.svg.xhtml") left no-repeat;
    height: 35px;
    width: 150px;
    background-size: contain;
    margin: 7px 0 0 50px;
}

.cs-mini-edc-logo {
    float: left;
    background: transparent url("/jakarta.faces.resource/img/clinsearch/edclin-logo-min.png.xhtml") left no-repeat;
    height: 32px;
    width: 62px;
    background-size: contain;
    margin: 8px 0 0 6px;
}

.cs-mini-edc-logo-screen {
    float: left;
    background: transparent url("/jakarta.faces.resource/img/clinsearch/edclin-logo-screen.png.xhtml") left no-repeat;
    height: 27px;
    width: 82px;
    background-size: contain;
    margin: 12px 0 0 3px;
}

.edc-info-study {
    float: left;
    color: #fff;
    margin: 10px 0 0 35px;
}

.edc-info-study h3 {
    font-size: 16px !important;
    font-weight: bold;
    margin: 0 0 3px 0 !important;
    filter: alpha(opacity=95);
    opacity: 0.95;
}

.edc-info-study h4 {
    font-size: 12px !important;
    margin: 0;
    filter: alpha(opacity=95);
    opacity: 0.95;
}

.nav-mini {
    background: transparent url("/jakarta.faces.resource/img/clinsearch/button_profile.png.xhtml") center no-repeat;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}

.nav-tabs a {
    text-transform: none;
    color: #26425d;
    cursor: pointer;
}

.disabledTab * {
    color: #ccc !important;
}

/** MENU ICONE **/

li.button_home .nav-link:before {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/home.png.xhtml") center no-repeat;
    background-size: cover;
}

li.button_ecrf .nav-link:before {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/crf.png.xhtml") center no-repeat;
    background-size: cover;
}

li.button_queries .nav-link:before {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/button_monito.png.xhtml") center no-repeat;
    background-size: cover;
}

li.button_queries2 .nav-link:before {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/button_queries.png.xhtml") center no-repeat;
    background-size: cover;
}

li.button_queries3 .nav-link:before {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/button_queries.png.xhtml") center no-repeat;
    background-size: cover;
}

li.button_queries4 .nav-link:before {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/button_queries.png.xhtml") center no-repeat;
    background-size: cover;
}

li.button_messages .nav-link:before {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/button_messages.png.xhtml") center no-repeat;
    background-size: cover;
}

li.button_documents .nav-link:before {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/docs.png.xhtml") center no-repeat;
    background-size: cover;
}

li.button_documents2 .nav-link:before {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/docs.png.xhtml") center no-repeat;
    background-size: cover;
}

li.button_documents3 .nav-link:before {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/docs.png.xhtml") center no-repeat;
    background-size: cover;
}

li.button_treatment .nav-link:before {
    background: url("") center no-repeat;
    background-size: cover;
}

li.button_order .nav-link:before {
    background: url("") center no-repeat;
    background-size: cover;
}

li.button_account .nav-link:before {
    background: url("") center no-repeat;
    background-size: cover;
}

li.button_ecrf_admin .nav-link:before {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/button_ecrf_admin.png.xhtml") center no-repeat;
    background-size: cover;
}

li.button_askcs .nav-link:before {
    background: url("") center no-repeat;
    background-size: cover;
}

li.button_pharmacy .nav-link:before {
    background: url("") center no-repeat;
    background-size: cover;
}

li.button_drugs .nav-link:before {
    background: url("") center no-repeat;
    background-size: cover;
}

li.button_settings .nav-link:before {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/button_settings.png.xhtml") center no-repeat;
    background-size: cover;
}

li.button_centers a:before {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/button_centers.png.xhtml") center no-repeat;
    background-size: cover;
}

li.button_users a:before {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/button_users.png.xhtml") center no-repeat;
    background-size: cover;
}

li.button_export .nav-link:before {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/button_export.png.xhtml") center no-repeat;
    background-size: cover;
}

li.button_registry .nav-link:before {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/button_registry.png.xhtml") center no-repeat;
    background-size: cover;
}

li.button_arrow_expand .nav-link:before {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/expand.png.xhtml") center no-repeat;
    background-size: cover;
}

li.button_arrow_reduce .nav-link:before {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/reduce.png.xhtml") center no-repeat;
    background-size: cover;
}

li.button_audit .nav-link:before {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/button_audit.png.xhtml") center no-repeat;
    background-size: cover;
}

li.button_dde .nav-link:before {
    background: url("") center no-repeat;
    background-size: cover;
}

li.button_patients .nav-link:before {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/button_patients.png.xhtml") center no-repeat;
    background-size: cover;
}

li.button_switch .nav-link:before {
    background: url("") center no-repeat;
    background-size: cover;
}

li.button_upload a:before {
    background: url("/jakarta.faces.resource/img/clinsearch/v2/file.png.xhtml") center no-repeat;
    background-size: cover;
}

#change-nav-view {
    position: absolute;
    bottom: 125px;
    right: -20px;
    margin: auto;
    z-index: 1040;
    height: 40px;
    width: 40px;
    background-size: cover;
    cursor: pointer;
}

nav.expand #change-nav-view {
}

.btn-expand {
    background: transparent url("/jakarta.faces.resource/img/clinsearch/v2/expand.png.xhtml") center no-repeat;
    border-radius: 10px;
    background-color: #26425d;

}

.btn-reduce {
    background: transparent url("/jakarta.faces.resource/img/clinsearch/v2/reduce.png.xhtml") center no-repeat;
    border-radius: 10px;
    background-color: #26425d;
}

/** OTHER ICON */

.cs-pptx-link {
    margin: 10px 0px 0px 80px;
    padding: 2px 0px 2px 20px;
    background: url("/jakarta.faces.resource/img/pptx.png.xhtml") center left no-repeat;
}

.cs-xlsx-link {
    margin: 10px 0px 0px 80px;
    padding: 2px 0px 2px 20px;
    background: url("/jakarta.faces.resource/img/xlsx.png.xhtml") center left no-repeat;
}

.cs-pdf-link {
    margin: 10px 0px 0px 80px;
    padding: 2px 0px 2px 20px;
    background: url("/jakarta.faces.resource/img/pdf.gif.xhtml") center left no-repeat;
}

.cs-docx-link {
    margin: 10px 0px 0px 80px;
    padding: 2px 0px 2px 20px;
    background: url("/jakarta.faces.resource/img/docx.png.xhtml") center left no-repeat;
}

.cs-docx-link-2 {
    padding: 2px 0px 2px 20px;
    background: url("/jakarta.faces.resource/img/docx.png.xhtml") center left no-repeat;
}

.cs-pdf-link-2 {
    padding: 2px 0px 2px 20px;
    background: url("/jakarta.faces.resource/img/pdf.gif.xhtml") center left no-repeat;
}

.cs-chart-link {
    margin: 10px 0px 0px 80px;
}

a[title="JavaScript charts"] {
    display: none !important;
}

/** LOGIN */

header.login {
    height: 250px;
    opacity: 0.8;
    background: #008dce; /* Old browsers */
    background: -moz-linear-gradient(
            top,
            #008dce 0%,
            #a1d5ed 42%,
            #a1d5ed 42%,
            #ffffff 90%
    );
    background: -webkit-linear-gradient(
            top,
            #008dce 0%,
            #a1d5ed 42%,
            #a1d5ed 42%,
            #ffffff 90%
    );
    background: linear-gradient(
            to bottom,
            #008dce 0%,
            #a1d5ed 42%,
            #a1d5ed 42%,
            #ffffff 90%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008dce', endColorstr='#ffffff', GradientType=0);
}

header.login .bg {
    background: transparent url("/jakarta.faces.resource/img/clinsearch/pattern_login_repeat.png.xhtml") center -65px repeat-x;
    height: 325px;
}

#form-login input {
    max-width: 250px;
    display: inline-block;
}

#form-login select {
    width: 100%;
    float: right;
}

#form-login input.form-control {
    border-bottom: 2px solid #008dce;
}

#s2 input.form-control {
    border-bottom: 2px solid #008dce;
}

.qrcode {
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}

.btn-connect {
    background: url("/jakarta.faces.resource/img/clinsearch/button_connect.png.xhtml") center no-repeat;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 45px 45px;
    padding-left: 55px;
    color: #27b894;
    height: 50px;
}

.btn-connect:hover {
    background: url("/jakarta.faces.resource/img/clinsearch/button_connect.png.xhtml") center no-repeat;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 45px 45px;
    padding-left: 55px;
    color: #27b894;
}

.btn-sign {
    padding: 20px;
    margin-bottom: 75px;
}

/** HEADER IN APP **/

.head-app-content {
    position: fixed;
    z-index: 1060;
}

.head-app {
    position: fixed;
    z-index: 1040;
    top: 0;
    right: 0;
    width: 100%;
    height: 50px;
    background: #008dce;
}

.head-app .bg {
    position: fixed;
    background: transparent url("/jakarta.faces.resource/img/clinsearch/pattern_banner.png.xhtml") center -195px no-repeat;
    height: 50px;
    width: 100%;
}

.head-app-content .bg-mask {
    position: fixed;
    z-index: 1040;
    top: 0;
    right: 0;
    width: 80%;
    height: 50px;
    background: -webkit-linear-gradient(right, transparent, #008dce) right repeat;
    background: linear-gradient(-90deg, transparent, #008dce) right repeat;
}

.head-app-content .bg-mask-end {
    position: fixed;
    z-index: 1040;
    top: 0;
    left: 0;
    width: 20%;
    height: 50px;
    background: #008dce;
}

.head-app-content .app-warning {
    position: fixed;
    z-index: 1060;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 275px;
    height: 20px;
    background: #d9534f;
    padding: 0 2px 2px 2px;
    margin-top: -1px;
    filter: alpha(opacity=75);
    opacity: 0.75;
    border: 1px solid #f00;
    text-align: center;
    color: #fff;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

/** NAVIGATION **/

nav {
    position: fixed;
    top: 50px;
    left: 0px;
    height: 100%;
    background: #26425d;
    margin: auto;
    z-index: 1040;
}

nav .active .nav-link {
    background-color: #6d7a8e;
    border-radius: 6px;
}

nav .dropdown-menu .dropdown-item {
    color: #000 !important;
    height: 26px;
}

nav .dropdown-menu .active .dropdown-item,
nav .dropdown-menu .dropdown-item:active {
    background-color: var(--bs-primary);
    color: #fff !important;
}

nav .dropdown-menu li a:before {
    display: none;
    background: none;
}

.edcNav {
    position: fixed;
    overflow-y: auto;
    top: 0px;
    left: 75px;
    height: 100%;
    width: 290px;
    background: #F2F2F2;
    margin: auto;
    padding-top: 15px;
    font-size: 14px;
    color: #000;
    overflow-x: hidden;
    z-index:1000;
}


.edcNav .card-body div:FIRST-CHILD {
    margin-top: 0px;
}

.edcNav .card > .card-header {
    background-color: transparent;
    border-color: transparent;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    color: #231f20;
}

.edcNav .card-body a.text-success:before,
.edcNav .card-body a.text-warning:before,
.edcNav .card-body a.text-danger:before {
    content: "▌";
    margin-right: 0px;
}

.edcNav .card {
    background: #F2F2F2;
}

.edcNav .card-body div:first-child {
    margin-top: 0px;
}

.edcNav .card-body div {
    margin-top: 4px;
}

.edcNav a span {
    color: #0a0a0a;
}

.edcNav .card > .card-header {
    background-color: transparent;
    border-color: transparent;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    color: #231f20;
}

.edcNav .bg-default {
    font-size: 9px;
}

.bottom-logo {
    display: none;
    position: fixed;
    background: transparent url("/jakarta.faces.resource/img/clinsearch/logo_cs_big.png.xhtml") center no-repeat;
    bottom: 0px;
    left: 0px;
    margin: auto;
    z-index: 1040;
    height: 75px;
    width: 165px;
    margin: 0 0 0px 12px;
    background-size: contain;
    transition: all 0.2s ease;
}

nav ul .nav-link {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 0px;
    color: #26425d;
    /**transition: all 0.2s ease;*/
    white-space: nowrap;
    height: 37px;
    line-height: 18px;
    width: 55px;
}

nav.expand ul .nav-link {
    width: auto;
    font-size: 14px;
    color: #fff;
}

nav ul.dropdown-menu .dropdown-item {
    text-transform: uppercase;
    width: auto;
    white-space: nowrap;
    font-size: 14px;
}

nav ul.nav .caret {
    margin-left: -2px;
}

nav.expand ul.nav .caret {
    margin-left: 2px;
}

nav.expand .bottom-logo {
    display: block;
}

nav.expand ul .nav-link:hover, .nav-link.show {
    text-decoration: none;
    background-color: #8e97a5;
    border-radius: 6px;
    border-color: var(--bs-primary);
}

nav ul li .nav-link:before {
    content: "";
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    margin: -4px 6px 0 0;
}

.nav-tabs .nav-link:hover {
    background-color: var(--bs-light);
    color: var(--bs-dark);
}

/** Panel transformation **/

.card-center .card-title {
    padding-top: 1px;
    padding-bottom: 1px;
}

.card > .card-header {
    background-color: transparent;
    border-color: transparent;
    border-bottom: 1px solid #d4e4f3;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
}

.card {
    border-color: transparent;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

#addVisite .btn {
    background-color: transparent;
    border-color: transparent;
    color: #000;
}

#addVisite .dropdown-toggle {
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
}

#div01 {
    min-height: 400px !important;
    margin-top: 100px !important;
    padding-left: 65px !important;
}

#cs-consent-patient .alert-consent {
    list-style: none;
    padding: 0;
}

@media (max-width: 1030px) {
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }
}

#div01 .content-edc {
    margin-left: 240px !important;
}

#div01 .content-edcRO {
    margin-left: 240px !important;
}

#div01 .content-edcRO label {
    line-height: 30px !important;
}

#div01 .content-monito {
    margin-left: 240px !important;
}

.card > .card-header .small {
    font-size: 8px;
    text-transform: none;
    font-weight: normal;
    color: #ccc;
}

@media (min-width: 992px) and (min-height: 775px) {
    .footer-fixed {
        position: absolute;
        bottom: 0px;
        width: 100%;
    }
}

@media (max-width: 1030px) {
    .footer-fixed * {
        text-align: center !important;
    }
}

#div01 #form-login {
    min-height: 400px !important;
    margin-top: -125px !important;
    margin-left: 0px !important;
}

#nav-crf {
    display: none;
}

@media (max-width: 1265px) {
    .edcNav {
        width: 250px;
    }

    #div01 .content-edc {
        margin-left: 220px !important;
    }

    #div01 .content-edcRO {
        margin-left: 220px !important;
    }

    #div01 .content-monito {
        margin-left: 220px !important;
    }
}

@media (max-width: 1225px) {
    .edcNav {
        width: 230px;
    }

    #div01 .content-edc {
        margin-left: 210px !important;
    }

    #div01 .content-edcRO {
        margin-left: 210px !important;
    }

    #div01 .content-monito {
        margin-left: 210px !important;
    }
}

@media (max-width: 1030px) {
    .edcNav {
        height: 20px;
        width: 125px;
        overflow-y: hidden;
        overflow-x: hidden;
        transition: all 0.2s ease;
    }

    #div01 .content-edc {
        margin-left: 20px !important;
    }

    #nav-crf {
        display: block;
        font-size: 14px;
        cursor: pointer;
    }
}

.viewEdcNav {
    height: 100%;
    width: 250px;
    overflow-y: auto;
    transition: all 0.2s ease;
}

/*** Local Style ***/

.cs-sbot8 {
    margin-bottom: 8px;
}

.cs-sbot10 {
    margin-bottom: 10px;
}

.cs-sbot12 {
    margin-bottom: 12px;
}

.cs-sbot14 {
    margin-bottom: 14px;
}

.cs-sbot16 {
    margin-bottom: 16px;
}

.cs-sbot20 {
    margin-bottom: 20px;
}

.cs-sbot40 {
    margin-bottom: 40px;
}

.cs-sbot60 {
    margin-bottom: 60px;
}

.cs-stop8 {
    margin-top: 8px;
}

.cs-stop20 {
    margin-top: 20px;
}

.cs-pl-40 {
    padding-left: 40px;
}

.row-hover:hover {
    background-color: #f5f5f5;
}

/*** Multiple Margin Top ***/

.voffset {
    margin-top: 2px;
}

.voffset1 {
    margin-top: 5px;
}

.voffset2 {
    margin-top: 10px;
}

.voffset3 {
    margin-top: 15px;
}

.voffset4 {
    margin-top: 30px;
}

.voffset5 {
    margin-top: 40px;
}

.voffset6 {
    margin-top: 50px;
}

.t-1 {
    top: 1px;
}

.t-2 {
    top: 2px;
}

.t-3 {
    top: 3px;
}

/*** Multiple force width input size ***/

.input-size-w30 {
    width: 300px;
}

.input-size-w29 {
    width: 290px;
}

.input-size-w28 {
    width: 280px;
}

.input-size-w27 {
    width: 270px;
}

.input-size-w26 {
    width: 260px;
}

.input-size-w25 {
    width: 250px;
}

.input-size-w20 {
    width: 200px;
}

.input-size-w15 {
    width: 150px;
}

.input-size-w14 {
    width: 140px;
}

.input-size-w13 {
    width: 130px;
}

.input-size-w12 {
    width: 120px;
}

.input-size-w11 {
    width: 110px;
}

.input-size-w10 {
    width: 100px;
}

.input-size-w9 {
    width: 90px;
}

.input-size-w8 {
    width: 80px;
}

.input-size-w7 {
    width: 70px;
}

.input-size-w6 {
    width: 60px;
}

.input-size-w5 {
    width: 50px;
}

.input-size-auto {
    width: 100%;
}

/*** Display radio input horizontal  ***/

.input-radio-hp10 table td {
    padding: 0 10px;
}

.input-radio-hp5 table td {
    padding: 0 5px;
}

.input-radio-hp2 table td {
    padding: 0 2px;
}

.input-radio-hpr20 table td {
    padding-right: 20px;
}

/*** Input Radio Checkbox ***/

input[type="radio"] {
    vertical-align: top;
    margin: 3px 3px 0 0;
}

input[type="checkbox"] {
    vertical-align: top;
    margin: 4px 0 0;
}

/*** icon color ***/

.icon-success {
    color: #3c763d;
}

.icon-warning {
    color: #8a6d3b;
}

.icon-error {
    color: #a94442;
}

.icon-danger,
.txt-danger {
    color: #f0ad4e;
}

.row-danger {
    background-color: rgba(240, 173, 78, 0.25) !important;
}

/*** light mask crf ***/

.light-mask {
    position: fixed;
    z-index: 3000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.2);
}

/*** Spinner load ***/

.spinner-mask {
    position: fixed;
    z-index: 3000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.15);
}

.loader:before,
.loader:after,
.loader {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.loader {
    font-size: 10px;
    margin: 250px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader:after {
    left: 3.5em;
}

.loader:before,
.loader:after {
    content: "";
    position: absolute;
    top: 0;
}

@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em #ffffff;
    }
    40% {
        box-shadow: 0 2.5em 0 0 #ffffff;
    }
}

@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em #ffffff;
    }
    40% {
        box-shadow: 0 2.5em 0 0 #ffffff;
    }
}

/*Manual queries*/

.cs-toReview input,
.cs-reviewed input,
.cs-reviewed-close input {
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.cs-toReview select,
.cs-reviewed select,
.cs-reviewed-close select {
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.cs-toReview,
.cs-reviewed,
.cs-reviewed-close {
    padding: 2px 10px;
    border: 1px solid transparent;
    background: transparent;
    cursor: pointer;
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.cs-pointer {
    cursor: pointer;
}

.cs-toReview:hover:after,
.cs-reviewed:after {
    content: "\f504";
    font-family: bootstrap-icons !important;
    color: #8a6d3b;
    background-color: #faebcc;
    border-color: #faebcc;
    margin-left: 2px;
}

.cs-reviewed.monito-reply:after {
    content: "\f430";
}

.cs-reviewed-close:after {
    font-family: bootstrap-icons !important;
    content: "\f26a";
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #ffffff;
}

.cs-toReview:hover,
.cs-reviewed {
    background-color: #faebcc;
    border-color: #faebcc;
}

.cs-reviewed-close {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.cs-reviewed:before {
    content: "M";
    font-size: 8px;
    position: absolute;
    right: 2px;
}

.cs-reviewed.last-reply-center:before {
    content: "C";
}

.cs-qm-initial {
    background-color: #faebcc;
    padding: 10px 15px;
    border-radius: 4px;
}

.cs-qm-reply-center {
    margin: 15px 0 0 0;
    background-color: #bddcff;
    padding: 10px 15px;
    border-radius: 4px;
}

.cs-qm-reply-monitor {
    margin: 15px 0 0 0;
    background-color: #faebcc;
    padding: 10px 15px;
    border-radius: 4px;
}

/*** History ***/

.cs-history input {
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.cs-history {
    padding: 2px;
    border: 1px solid transparent;
    background: transparent;
    cursor: pointer;
}

.cs-history:hover {
    background-color: #ccdcfa;
    border-color: #ccdcfa;
}

.cs-history:hover:after {
    content: "\f293";
    color: #8a6d3b;
    font-family: bootstrap-icons !important;
    background-color: #ccdcfa;
    border-color: #ccdcfa;
    vertical-align: text-bottom;
    margin-left: 2px;
}

/*** blockquote Dialog ***/

blockquote.dialog {
    padding: 5px 10px;
    margin: 0 0 5px;
    font-size: 12px;
    border-left: 3px solid #eee;
}

blockquote.dialog p {
    margin: 0 0 8px;
}

blockquote.dialog footer {
    display: block;
    font-size: 80%;
    color: #999;
    padding: 8px 0;
}

.cs-dcrf .col1 {
    width: auto;
    text-align: center;
}

.cs-dcrf .col2 {
    witdh: auto;
    text-align: center;
}

.cs-dcrf .col3 {
    width: auto;
}

.cs-dcrf .col4 {
    width: 40%;
}

.cs-dcrf .col5 {
    width: auto;
    white-space: nowrap;
}

.btn-change {
    position: absolute;
    margin-left: -15px;
    opacity: 0.7;
    cursor: pointer;
}

.btn-history {
    position: absolute;
    opacity: 0.7;
    margin-left: -15px;
    margin-top: 15px;
    cursor: pointer;
}

.btn-history:hover,
.btn-change:hover {
    opacity: 0.95;
}

.comment-change .bi {
    cursor: pointer;
    font-size: 15px;
}

.comment-change {
    position: absolute;
    padding: 4px;
    border: 1px solid #aaa;
    background-color: #fff;
    font-size: 12px;
    z-index: 4000;
    /*margin-left: -263px;*/
    /*border-radius: 2px;*/

    margin-left: -280px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
}

.comment-change:hover {
}

.comment-change .select-input-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.comment-change .select-input-container .select-change-reason {
    width: 200px;
    height: 25px;
    border-radius: 3px;
    margin-block: 10px;
}

.comment-change input {
    border: 1px solid #999;
    /*border-radius: 1px;*/
    width: 200px;
    height: 25px;
    border-radius: 3px;
}

.btn-qauto {
    color: #a94442;
    cursor: pointer;
}

.cs-sbot12 .btn-qauto, .cs-sbot20 .btn-qauto, .cs-sbot40 .btn-qauto {
    right: 4px;
    top: 20%;
}

[class^="col-"]:has(> .btn-qauto),
[class*=" col-"]:has(> .btn-qauto) {
    display: flex;
}


.cs-subtable table .sub-collapse > .row {
    padding-right: 10px;
}

.tooltip-query-auto .tooltip-inner {
    min-width: 400px;
    text-align: left;
}

.kdb-debug {
    position: absolute;
    font-size: 11px;
    opacity: 0.7;
    margin-left: -120px;
}

.debug-info .rules-debug {
    display: none;
}

.rules-debug {
    position: absolute;
    padding: 5px 4px 0 4px;
    border-radius: 3px;
    color: #fff;
    top: 0;
    left: -360px;
    width: 250px;
    background-color: #f00;
    font-size: 11px;
    opacity: 0.8;
    z-index: 10;
}

.debug-info:hover .rules-debug {
    display: block;
}

.scrollToTop {
    width: 40px;
    height: 40px;
    padding: 0px;
    background: transparent;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 22px;
    display: none;
    background: url("") no-repeat;
    filter: invert(70%);
    -webkit-background-size: cover;
    background-size: cover;
}

.scrollToTop:hover {
    text-decoration: none;
}

/** Metrics page */

.card-metric .fa-icon {
    vertical-align: middle;
    font-size: 60px;
}

.card-metric .fa-val {
    vertical-align: middle;
    font-size: 45px;
    color: #ea6465;
    float: right;
}

.card-metric .fa-text {
    vertical-align: -webkit-baseline-middle;
    margin-left: 5px;
}

.card-metric .fa-container {
    display: inline-block;
    width: 100%;
}

.card-metric .tabcontent p {
}

.card-metric .tab button {
    display: block;
    margin: 0 10px 25px 0;
    text-align: left;
    font-size: 16px;
    background-color: #c9d6e2;
    color: black;
    padding: 5px 18px;
    width: 100%;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
}

.card-metric .fa-label {
    position: relative;
    top: 15px;
    left: 15px;
}

.card-metric .tab button:hover {
    background-color: #efefef;
    color: #000;
}

.card-metric .tab button.active {
    background-color: var(--bs-info);
    color: #fff;
}

.card-metric .tabcontent {
    padding: 0px 2px 15px 2px;
    transition: 0.3s;
    min-height: 125px;
}

.card-metric select.form-control-sm {
    width: 100%;
}

.cs-metric-link {
}

.crf-head .progress-label {
    float: left;
    padding-right: 10px;
}

.crf-head .progress,
.crf-head .btn-overview {
    margin-bottom: 1px;
}

#progress-block .progress {
    margin-bottom: 1px;
}

#progress-block small {
    float: right;
}

#progress-block {
    margin-bottom: 10px;
}

#progress-block .progress-rate {
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #000;
}

#progress-block .pr-inverse {
    color: #fff;
}

.crf-head .progress {
    max-width: 425px;
}

/** subtable collapse */

.sub-collapse {
    position: relative;
    width: 100%;
    padding-bottom: 40px;
}

.sc-mask {
    padding-bottom: 0px;
    height: 100px;
    overflow: hidden;
}

.sub-collapse-bar {
    cursor: pointer;
    text-align: center;
    position: absolute;
    bottom: -7px;
    width: 100%;
    height: 50px;
}

.sc-bg-bar {
    background: -moz-linear-gradient(
            top,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.5) 23%,
            rgba(255, 255, 255, 1) 52%,
            rgba(255, 255, 255, 1) 90%
    );
    background: -webkit-linear-gradient(
            top,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.5) 23%,
            rgba(255, 255, 255, 1) 52%,
            rgba(255, 255, 255, 1) 90%
    );
    background: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.5) 23%,
            rgba(255, 255, 255, 1) 52%,
            rgba(255, 255, 255, 1) 90%
    );
}

.table-hover > tbody > tr:hover .sc-bg-bar {
    background: -moz-linear-gradient(
            top,
            rgba(245, 245, 245, 0) 0%,
            rgba(245, 245, 245, 0.5) 23%,
            rgba(245, 245, 245, 1) 52%,
            rgba(245, 245, 245, 1) 90%
    );
    background: -webkit-linear-gradient(
            top,
            rgba(245, 245, 245, 0) 0%,
            rgba(245, 245, 245, 0.5) 23%,
            rgba(245, 245, 245, 1) 52%,
            rgba(245, 245, 245, 1) 90%
    );
    background: linear-gradient(
            to bottom,
            rgba(245, 245, 245, 0) 0%,
            rgba(245, 245, 245, 0.5) 23%,
            rgba(245, 245, 245, 1) 52%,
            rgba(245, 245, 245, 1) 90%
    );
}

.table-striped > tbody > tr:nth-of-type(odd) .sc-bg-bar {
    background: -moz-linear-gradient(
            top,
            rgba(249, 249, 249, 0) 0%,
            rgba(249, 249, 249, 0.5) 23%,
            rgba(249, 249, 249, 1) 52%,
            rgba(249, 249, 249, 1) 90%
    );
    background: -webkit-linear-gradient(
            top,
            rgba(249, 249, 249, 0) 0%,
            rgba(249, 249, 249, 0.5) 23%,
            rgba(249, 249, 249, 1) 52%,
            rgba(249, 249, 249, 1) 90%
    );
    background: linear-gradient(
            to bottom,
            rgba(249, 249, 249, 0) 0%,
            rgba(249, 249, 249, 0.5) 23%,
            rgba(249, 249, 249, 1) 52%,
            rgba(249, 249, 249, 1) 90%
    );
}

.sub-collapse-bar span {
    margin-top: 20px;
}

.sub-collapse .sub-collapse-bar::after {
    color: #555;
    font-family: bootstrap-icons !important;
    content: "\f27c";
    -webkit-text-stroke: 2px;
}

.sub-collapse.sc-mask .sub-collapse-bar::after {
    color: #555;
    font-family: bootstrap-icons !important;
    content: "\f282";
    -webkit-text-stroke: 2px;
}

/** Overview table  */

.table-overview .checkbox {
    padding: 0;
    margin: 0;
    padding-left: 20px;
}

.table-overview .checkbox input[type="checkbox"] + label::after {
    font-family: "bootstrap-icons";
}

.table-overview input[type="checkbox"].styled + label:after {
    font-family: "bootstrap-icons";
}

.table-overview .checkbox input[type="checkbox"]:checked + label::after {
    font-family: bootstrap-icons !important;
    content: "\f633";
}

.table-overview input[type="checkbox"].styled:checked + label:after {
    font-family: bootstrap-icons !important;
    content: "\f633";
}

.table-overview .checkbox input[type="checkbox"]:disabled + label::before {
    background-color: transparent;
    border: 1px solid transparent;
}

.table-overview .checkbox input[type="checkbox"]:disabled + label::before {
    cursor: pointer;
}

.table-overview .checkbox input[type="checkbox"]:disabled + label {
    opacity: 1;
}

.table-overview .checkbox label::after {
    color: #231f20;
}

.table-overview .bi {
    font-size: 11px;
}

.warning-profil {
    position: absolute;
    top: -1px;
    right: -4px;
    width: 8px;
    height: 8px;
    background: #ff0000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -moz-box-shadow: 1px 1px 10px 0px #4b4b4b;
    -webkit-box-shadow: 1px 1px 10px 0px #4b4b4b;
    -o-box-shadow: 1px 1px 10px 0px #4b4b4b;
    box-shadow: 1px 1px 10px 0px #4b4b4b;
}

.dropdown-menu > li > a.text-warning {
    color: #d9534f !important;
}

.disabled {
    color: darkgrey;
}

.modal-content {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.expand-square-plus {
    background: transparent url("/jakarta.faces.resource/img/exp_plus.png.xhtml") center no-repeat;
    height: 15px;
    width: 15px;
    margin: 0 4px;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    vertical-align: text-top;
}

.expand-square-minus {
    background: transparent url("/jakarta.faces.resource/img/exp_min.png.xhtml") center no-repeat;
    height: 15px;
    width: 15px;
    margin: 0 4px;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    vertical-align: text-top;
}

.expand-square-plus:hover,
.expand-square-minus:hover {
    filter: alpha(opacity=75);
    opacity: 0.75;
}

.save-submit-buttons-container {
    position: fixed;
    bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.9);

    width: 35%;
    padding-block: 5px;

    z-index: 999;
}

.btn-connect-cs {
    background: linear-gradient(45deg, #0077c8, #00aeef);
    color: white;
    border: 2px solid #0077c8;
    font-weight: 600;
    padding: 16px 32px;

    left: 0px;
    top: 276px;
    box-sizing: border-box;
    border-radius: 200px !important;
    margin: 14px 0px;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 50px;
    transition: background 0.3s ease;
}

.btn-connect-cs:hover {
    background: linear-gradient(45deg, #00aeef, #0077c8);
    color: white;
}

.txt-titlecase {
    text-transform: capitalize;
}

.txt-italic {
    font-style: italic;
}

.flex-start-between {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.sdvstatus-progressbar {
    width: 28px;
    height: 9px;
    border: 1px solid #3f4343;
    background: transparent;
    border-radius: 3px;
}

.sdvstatus-progressbar > div {
    width: 0;
    height: 100%;
    background-color: #2bdc2b;
}

.sdvstatus-progressbar-2 {
    width: 50% !important;
}

.sdvstatus-progressbar-3 {
    width: 100% !important;
}

.pagination {
    --bs-pagination-color: #337ab7 !important;
    --bs-pagination-border-width: 1px !important;
    --bs-pagination-border-color: #ddd !important;
    --bs-pagination-hover-color: #23527c !important;
    --bs-pagination-hover-bg: #ddd !important;
    --bs-pagination-hover-border-color: #eee !important;
    --bs-pagination-focus-color: #23527c !important;
    --bs-pagination-focus-bg: #ddd !important;
    --bs-pagination-active-bg: #337ab7 !important;
    --bs-pagination-active-border-color: #337ab7 !important;
    --bs-pagination-disabled-color: darkgrey !important;
    --bs-pagination-disabled-bg: var(--bs-body-bg) !important;
    --bs-pagination-disabled-border-color: #ddd !important;
}

:root {
    --bs-primary: #337ab7;
    --bs-success: #28a745;
    --bs-info: #31708f;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-primary-rgb: 51, 122, 183;
    --bs-success-rgb: 40, 167, 69;
    --bs-info-rgb: 49, 112, 143;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-link-color: #0d6efd;
}

h1,
.h1 {
    font-size: 36px !important;
}

h2,
.h2 {
    font-size: 30px !important;
}

h3,
.h3 {
    font-size: 24px !important;
}

h4,
.h4 {
    font-size: 18px !important;
}

h5,
.h5 {
    font-size: 14px !important;
}

h6,
.h6 {
    font-size: 12px !important;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.row {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

[class*="col-"] {
    float: left !important;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
}

[class*="g-"],
[class*="gx-"],
[class*="gy-"] {
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
}

.container {
    padding-left: 15px;
    padding-right: 15px;
}

.row::before,
.row::after {
    content: " ";
    display: table;
}

.row::after {
    clear: both;
}

.card-info > .card-header {
    color: var(--bs-info);
}

.card-info > .card-header .badge, card-info > .card-header .text-bg-dark {
    color: #f2dede !important;
    background-color: var(--bs-info) !important;
}

.card-warning > .card-header,
text-warning {
    color: #8a6d3b !important;
}

.card-warning > .card-header .badge, .card-warning > .card-header .text-bg-dark {
    color: #f2dede !important;
    background-color: #8a6d3b !important;
}

.card-success > .card-header {
    color: #3c763d !important;
}

.card-success > .card-header .badge, card-success > .card-header .text-bg-dark {
    color: #f2dede !important;
    background-color: #3c763d !important;
}

.card-danger > .card-header {
    color: #a94442 !important;
}

.card-danger > .card-header .badge, .card-danger > .card-header .text-bg-dark {
    color: #f2dede !important;
    background-color: #a94442 !important;
}

.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: rgba(var(--bs-primary-rgb), 0.85);
    border-color: rgba(var(--bs-primary-rgb), 0.85);
}

.btn-success {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
    color: #fff;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    background-color: rgba(var(--bs-success-rgb), 0.85);
    border-color: rgba(var(--bs-success-rgb), 0.85);
}

.btn-danger {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
    color: #fff;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
    background-color: rgba(var(--bs-danger-rgb), 0.85);
    border-color: rgba(var(--bs-danger-rgb), 0.85);
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e !important;
    border-color: #eea236;
    border: 1px solid #eea236 !important;
}

.btn-xxs {
    font-size: 9px !important;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
    background-color: rgba(var(--bs-warning-rgb), 0.85);
    border-color: rgba(var(--bs-warning-rgb), 0.85);
}

.progress-bar {
    background-color: var(--bs-primary) !important;
}

.progress-bar-success,
.progress-bar.progress-bar-succes {
    background-color: var(--bs-success) !important;
}

.progress-bar-danger {
    background-color: var(--bs-danger) !important;
}

.dropdown-menu {
    font-size: 14px;
}

.dropdown-toggle::after {
    vertical-align: 0.127em !important;
}

.success, .success > * {
    background-color: var(--bs-success-bg-subtle) !important;
}

.danger, .danger > * {
    background-color: var(--bs-danger-bg-subtle) !important;
}

.warning, .warning > * {
    background-color: var(--bs-warning-bg-subtle) !important;
}

.popover-body .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px !important;
}


a.text-success:focus,
a.text-success:hover {
    color: #2b542c !important;
    text-decoration: underline !important;
}


a.text-danger:focus,
a.text-danger:hover {
    color: #843534 !important;
    text-decoration: underline !important;
}

a.text-warning:focus,
a.text-warning:hover {
    color: #66512c !important;
    text-decoration: underline !important;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.login2.row,
.login2 .row {
    margin-right: 0px !important;
}

.bg-default {
    --bs-bg-opacity: 1;
    background-color: rgba(
            var(--bs-secondary-rgb),
            var(--bs-bg-opacity)
    );
}

.badge.bg-dark {
    border-radius: 10px !important;
}

.form-control-sm,
.input-sm {
    font-size: 12px !important;
}


.form-control:disabled, .btn:disabled, input:disabled, .cs-toReview .btn:disabled {
    cursor: not-allowed !important;
}

.page-link {
    padding: 6px 12px !important;
    font-size: 14px !important;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: none;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: none;
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: none;
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: none;
    }
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: none;
    }
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.btn-danger .badge {
    color: #d9534f !important;
    background-color: #fff !important;
}

tr:hover > .danger > *, tr:hover > .success > *, tr:hover > .warning > * {
    background-color: transparent !important;
}

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: center !important;
}

.card-body {
    padding: 15px;
}


.modal-xxl {
    max-width: 90vw;
}

table.dataTable th.dt-type-numeric div.dt-column-header,
table.dataTable th.dt-right div.dt-column-header,
table.dataTable th.dt-type-date div.dt-column-header {
    flex-direction: row !important;
}

table.dataTable th.dt-right, table.dataTable td.dt-right {
    text-align: center !important;
}

.text-bg-caution {
    color: #000 !important;
    background-color: #ffe900 !important;
}

.cs-radio {
    td {
        display: flex;
        align-items: flex-start;
    }
}

/** Upgrade IHM */


.btn-ia-container {
    position: absolute;
    top: 30px;
    right: 0px;
}

#record {
    background: transparent url("/jakarta.faces.resource/img/clinsearch/v2/btn_vocal.png.xhtml") center no-repeat;
    background-size: cover;
    height: 30px;
    width: 127px;
    cursor: pointer;
    display: block;
    float: right;
}

#record:active {
    filter: drop-shadow(0 0 10px red);
}

#ocr {
    background: transparent url("/jakarta.faces.resource/img/clinsearch/v2/btn_ocr.png.xhtml") center no-repeat;
    background-size: cover;
    height: 30px;
    width: 127px;
    cursor: pointer;
    display: block;
    float: right;
    margin-left: 8px;
}


.sdvstatus-progressbar {
    width: 9px;
    height: 9px;
    border: 1px solid #999999;
    background: transparent;
    border-radius: 5px;
}

.sdvstatus-progressbar > div {
    width: 0;
    height: 100%;
    background-color: #e6a7a3;
}

.sdvstatus-progressbar-2 {
    background-color: #e1cf78 !important;
    width: 100% !important;
}

.sdvstatus-progressbar-3 {
    background-color: #87e3a7 !important;
    width: 100% !important;
}


/** Update nav + header */
.nav {
    margin-top: 75px;
}

.nav > li {
    position: relative;
    display: block;
    margin: 1px 10px;
}

nav.expand ul a:hover {
    color: #fff;
}

.head-app .bg {
    background: none;
}

.user-info {
    position: fixed;
    top: 0;
    right: 0;
    width: auto;
    height: 35px;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0.8);
}

nav {
    top: 0px;
}

#change-nav-view {
    right: -10px;
    height: 20px;
    width: 20px;
}

.edc-info-study {
    color: #343434;
}

nav.expand {
    width: 200px;
}

.cs-mini-edc-logo-screen,
.edc-info-study {
    display: none;
}

.nav > li:focus, .nav > li:hover {
    text-decoration: none;
    background-color: #7b8a98;
    border-radius: 6px;
}

.text-success {
    color: #72ae8d;
}

.text-danger {
    color: #e08480;
}

.text-warning {
    color: #e3cf50;
}

.label-danger {
    background-color: #e08480;
}

.label-success {
    background-color: #72ae8d;
}

.progress-bar-danger {
    background-color: #e08480;
}

.progress-bar-success {
    background-color: #72ae8d;
}

.panel-danger > .panel-heading {
    color: #e08480;
}

.sps-area {
    width: 55px;
    height: 52px;
    border-radius: 5px;
    margin: auto;
    position: fixed;
    top: 15px;
    left: 10px;
    z-index: 2000;
    padding: 5px;
}

.sps-area.expand {
    width: 180px !important;
}

.sps-area .sps-img {
    float: left;
    height: 40px;
    width: 40px;
    margin-right: 3px;
    margin-left: 3px;
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
}

.sps-area .sps-img img {
    max-width: 100%;
    max-height: 100%;
    margin: 1px;
}

.sps-area .sps-txt {
    display: none;
}

.sps-area.expand .sps-txt {
    display: block;
    float: right;
    text-align: left;
    font-size: 12px;
    height: 40px;
    width: 115px;
    margin-top: 5px;
    vertical-align: middle;
    color: #fff;
}

#accordion .panel-body .label {
    background-color: #dddddd !important;
    border-radius: 12px !important;
}

/** new Loader mask IA action **/

#mask-loader-ia {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    backdrop-filter: blur(6px);
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    visibility: hidden;
}

#mask-loader-ia.active {
    visibility: visible;
}

.loader-content-ia {
    text-align: center;
    color: white;
    font-family: 'Segoe UI', sans-serif;
}

.spinner-ia {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: conic-gradient(
            from 0deg,
            #00f0ff,
            #8e44ad,
            #ff6b6b,
            #f1c40f,
            #00f0ff
    );
    animation: spin 1s linear infinite;
    mask-image: radial-gradient(circle, transparent 65%, black 70%);
    -webkit-mask-image: radial-gradient(circle, transparent 65%, black 70%);
    margin: 0 auto 20px;
}

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

.loader-content-ia p {
    font-size: 1.2rem;
    animation: fadeIn 1.5s ease-in-out infinite alternate;
}

@keyframes fadeIn {
    from {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}


#dropzone {
    width: 300px;
    height: 200px;
    border: 2px dashed #ccc;
    text-align: center;
    line-height: 200px;
    margin: 20px auto;
}

img.drop {
    max-width: 100%;
    margin-top: 10px;
}

.bg-pink {
    background-color: #ef237bac !important;
}

.bg-blue {
    background-color: #0a4bb590 !important;
}

.bg-green {
    background-color: #1f905ba4 !important;
}

.bg-yellow {
    background-color: #da9310b3 !important;
}

.bg-red {
    background-color: #ef2323b3 !important;
}

.bg-purple {
    background-color: #5323efb3 !important;
}

.bg-orange {
    background-color: #ef5523b3 !important;
}

.bg-grey {
    background-color: #9ca1c3b3 !important;
}

.bg-dashboard .dataTable {
    font-size: 0.875em;
}

.bg-blue-50 {
    background-color: #EDF2F8 !important;
}

.bg-blue-50-op-25{
    background-color: rgba(237, 242, 248, 0.25) !important;
}

.bg-blue-100 {
    background-color: #CCDCEA !important;
}

.bg-blue-200 {
    background-color: #ACC5DD !important;
}

.bg-blue-300 {
    background-color: #8BAFD0 !important;
}

.bg-blue-400 {
    background-color: #6B98C2 !important;
}

.bg-blue-500 {
    background-color: #4A81B5 !important;
}

.bg-blue-600 {
    background-color: #3D6A94 !important;
}

.bg-blue-700 {
    background-color: #2F5374 !important;
}

.bg-blue-800 {
    background-color: #26425D !important;
}

.text-blue-800 {
    color: #26425D !important;
}

.bg-blue-900 {
    background-color: #152433 !important;
}

.bg-blue-950 {
    background-color: #070D12 !important;
}

.border-blue-500 {
    border: 1px solid #4A81B5 !important;
}

.border-grey{
    border: 1px solid #9ca1c3 !important;
}

.info-size-text {
    .card-body {
        font-size: 14px !important;
    }
}

.bg-dashboard .text-info,
bg-dashboard-xl .text-info {
    color: #FFFFFF !important;
    font-weight: bold;
}

.bg-dashboard {
    padding: 30px 20px;
    font-size: 16px;
    border-radius: 3px;
}
.bg-dashboard-xl {
    padding: 4px 10px;
    border-radius: 3px;
}

.bg-dashboard-file .card-title,
.bg-dashboard-chart .card-title,
.bg-dashboard-chart2 .card-title,
.bg-dashboard-setting .card-title,
.bg-dashboard-metric .card-title,
.bg-dashboard-users .card-title,
.bg-dashboard-centers .card-title,
.bg-dashboard-crf .card-title,
.bg-dashboard-info .card-title,
.bg-dashboard-data .card-title {
    font-weight: bold;
}
.bg-dashboard-info .card-body {
    display: block;
}


.bg-dashboard::before {
    content: "";
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    transform: rotate(-15deg);
    background-size: contain;
    background-position: center;
    opacity: 0.2;
    filter: invert(100%);
    margin: 10px;
}

.bg-dashboard-user::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-person-vcard%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M5%208a2%202%200%201%200%200-4%202%202%200%200%200%200%204m4-2.5a.5.5%200%200%201%20.5-.5h4a.5.5%200%200%201%200%201h-4a.5.5%200%200%201-.5-.5M9%208a.5.5%200%200%201%20.5-.5h4a.5.5%200%200%201%200%201h-4A.5.5%200%200%201%209%208m1%202.5a.5.5%200%200%201%20.5-.5h3a.5.5%200%200%201%200%201h-3a.5.5%200%200%201-.5-.5%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M2%202a2%202%200%200%200-2%202v8a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2zM1%204a1%201%200%200%201%201-1h12a1%201%200%200%201%201%201v8a1%201%200%200%201-1%201H8.96q.04-.245.04-.5C9%2010.567%207.21%209%205%209c-2.086%200-3.8%201.398-3.984%203.181A1%201%200%200%201%201%2012z%22%2F%3E%0A%3C%2Fsvg%3E);
}

.bg-dashboard-users::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-people-fill%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M7%2014s-1%200-1-1%201-4%205-4%205%203%205%204-1%201-1%201zm4-6a3%203%200%201%200%200-6%203%203%200%200%200%200%206m-5.784%206A2.24%202.24%200%200%201%205%2013c0-1.355.68-2.75%201.936-3.72A6.3%206.3%200%200%200%205%209c-4%200-5%203-5%204s1%201%201%201zM4.5%208a2.5%202.5%200%201%200%200-5%202.5%202.5%200%200%200%200%205%22%2F%3E%0A%3C%2Fsvg%3E);
}

.bg-dashboard-centers::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-buildings%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M14.763.075A.5.5%200%200%201%2015%20.5v15a.5.5%200%200%201-.5.5h-3a.5.5%200%200%201-.5-.5V14h-1v1.5a.5.5%200%200%201-.5.5h-9a.5.5%200%200%201-.5-.5V10a.5.5%200%200%201%20.342-.474L6%207.64V4.5a.5.5%200%200%201%20.276-.447l8-4a.5.5%200%200%201%20.487.022M6%208.694%201%2010.36V15h5zM7%2015h2v-1.5a.5.5%200%200%201%20.5-.5h2a.5.5%200%200%201%20.5.5V15h2V1.309l-7%203.5z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M2%2011h1v1H2zm2%200h1v1H4zm-2%202h1v1H2zm2%200h1v1H4zm4-4h1v1H8zm2%200h1v1h-1zm-2%202h1v1H8zm2%200h1v1h-1zm2-2h1v1h-1zm0%202h1v1h-1zM8%207h1v1H8zm2%200h1v1h-1zm2%200h1v1h-1zM8%205h1v1H8zm2%200h1v1h-1zm2%200h1v1h-1zm0-2h1v1h-1z%22%2F%3E%0A%3C%2Fsvg%3E);
}

.bg-dashboard-info::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-info-circle%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M8%2015A7%207%200%201%201%208%201a7%207%200%200%201%200%2014m0%201A8%208%200%201%200%208%200a8%208%200%200%200%200%2016%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m8.93%206.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738%203.468c-.194.897.105%201.319.808%201.319.545%200%201.178-.252%201.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275%200-.375-.193-.304-.533zM9%204.5a1%201%200%201%201-2%200%201%201%200%200%201%202%200%22%2F%3E%0A%3C%2Fsvg%3E);
}

.bg-dashboard-file::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-file-earmark-spreadsheet%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M14%2014V4.5L9.5%200H4a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2M9.5%203A1.5%201.5%200%200%200%2011%204.5h2V9H3V2a1%201%200%200%201%201-1h5.5zM3%2012v-2h2v2zm0%201h2v2H4a1%201%200%200%201-1-1zm3%202v-2h3v2zm4%200v-2h3v1a1%201%200%200%201-1%201zm3-3h-3v-2h3zm-7%200v-2h3v2z%22%2F%3E%0A%3C%2Fsvg%3E);
}

.bg-dashboard-data::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-database%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M4.318%202.687C5.234%202.271%206.536%202%208%202s2.766.27%203.682.687C12.644%203.125%2013%203.627%2013%204c0%20.374-.356.875-1.318%201.313C10.766%205.729%209.464%206%208%206s-2.766-.27-3.682-.687C3.356%204.875%203%204.373%203%204c0-.374.356-.875%201.318-1.313M13%205.698V7c0%20.374-.356.875-1.318%201.313C10.766%208.729%209.464%209%208%209s-2.766-.27-3.682-.687C3.356%207.875%203%207.373%203%207V5.698c.271.202.58.378.904.525C4.978%206.711%206.427%207%208%207s3.022-.289%204.096-.777A5%205%200%200%200%2013%205.698M14%204c0-1.007-.875-1.755-1.904-2.223C11.022%201.289%209.573%201%208%201s-3.022.289-4.096.777C2.875%202.245%202%202.993%202%204v9c0%201.007.875%201.755%201.904%202.223C4.978%2015.71%206.427%2016%208%2016s3.022-.289%204.096-.777C13.125%2014.755%2014%2014.007%2014%2013zm-1%204.698V10c0%20.374-.356.875-1.318%201.313C10.766%2011.729%209.464%2012%208%2012s-2.766-.27-3.682-.687C3.356%2010.875%203%2010.373%203%2010V8.698c.271.202.58.378.904.525C4.978%209.71%206.427%2010%208%2010s3.022-.289%204.096-.777A5%205%200%200%200%2013%208.698m0%203V13c0%20.374-.356.875-1.318%201.313C10.766%2014.729%209.464%2015%208%2015s-2.766-.27-3.682-.687C3.356%2013.875%203%2013.373%203%2013v-1.302c.271.202.58.378.904.525C4.978%2012.71%206.427%2013%208%2013s3.022-.289%204.096-.777c.324-.147.633-.323.904-.525%22%2F%3E%0A%3C%2Fsvg%3E);
}

.bg-dashboard-chart::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-bar-chart-line%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M11%202a1%201%200%200%201%201-1h2a1%201%200%200%201%201%201v12h.5a.5.5%200%200%201%200%201H.5a.5.5%200%200%201%200-1H1v-3a1%201%200%200%201%201-1h2a1%201%200%200%201%201%201v3h1V7a1%201%200%200%201%201-1h2a1%201%200%200%201%201%201v7h1zm1%2012h2V2h-2zm-3%200V7H7v7zm-5%200v-3H2v3z%22%2F%3E%0A%3C%2Fsvg%3E);
}

.bg-dashboard-chart2::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-pie-chart%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M7.5%201.018a7%207%200%200%200-4.79%2011.566L7.5%207.793zm1%200V7.5h6.482A7%207%200%200%200%208.5%201.018M14.982%208.5H8.207l-4.79%204.79A7%207%200%200%200%2014.982%208.5M0%208a8%208%200%201%201%2016%200A8%208%200%200%201%200%208%22%2F%3E%0A%3C%2Fsvg%3E);
}

.bg-dashboard-setting::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-sliders2%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10.5%201a.5.5%200%200%201%20.5.5v4a.5.5%200%200%201-1%200V4H1.5a.5.5%200%200%201%200-1H10V1.5a.5.5%200%200%201%20.5-.5M12%203.5a.5.5%200%200%201%20.5-.5h2a.5.5%200%200%201%200%201h-2a.5.5%200%200%201-.5-.5m-6.5%202A.5.5%200%200%201%206%206v1.5h8.5a.5.5%200%200%201%200%201H6V10a.5.5%200%200%201-1%200V6a.5.5%200%200%201%20.5-.5M1%208a.5.5%200%200%201%20.5-.5h2a.5.5%200%200%201%200%201h-2A.5.5%200%200%201%201%208m9.5%202a.5.5%200%200%201%20.5.5v4a.5.5%200%200%201-1%200V13H1.5a.5.5%200%200%201%200-1H10v-1.5a.5.5%200%200%201%20.5-.5m1.5%202.5a.5.5%200%200%201%20.5-.5h2a.5.5%200%200%201%200%201h-2a.5.5%200%200%201-.5-.5%22%2F%3E%0A%3C%2Fsvg%3E);
}

.bg-dashboard-metric::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-table%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M0%202a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2zm15%202h-4v3h4zm0%204h-4v3h4zm0%204h-4v3h3a1%201%200%200%200%201-1zm-5%203v-3H6v3zm-5%200v-3H1v2a1%201%200%200%200%201%201zm-4-4h4V8H1zm0-4h4V4H1zm5-3v3h4V4zm4%204H6v3h4z%22%2F%3E%0A%3C%2Fsvg%3E);
}

.bg-dashboard-crf::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-journal-text%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M5%2010.5a.5.5%200%200%201%20.5-.5h2a.5.5%200%200%201%200%201h-2a.5.5%200%200%201-.5-.5m0-2a.5.5%200%200%201%20.5-.5h5a.5.5%200%200%201%200%201h-5a.5.5%200%200%201-.5-.5m0-2a.5.5%200%200%201%20.5-.5h5a.5.5%200%200%201%200%201h-5a.5.5%200%200%201-.5-.5m0-2a.5.5%200%200%201%20.5-.5h5a.5.5%200%200%201%200%201h-5a.5.5%200%200%201-.5-.5%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M3%200h10a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H3a2%202%200%200%201-2-2v-1h1v1a1%201%200%200%200%201%201h10a1%201%200%200%200%201-1V2a1%201%200%200%200-1-1H3a1%201%200%200%200-1%201v1H1V2a2%202%200%200%201%202-2%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M1%205v-.5a.5.5%200%200%201%201%200V5h.5a.5.5%200%200%201%200%201h-2a.5.5%200%200%201%200-1zm0%203v-.5a.5.5%200%200%201%201%200V8h.5a.5.5%200%200%201%200%201h-2a.5.5%200%200%201%200-1zm0%203v-.5a.5.5%200%200%201%201%200v.5h.5a.5.5%200%200%201%200%201h-2a.5.5%200%200%201%200-1z%22%2F%3E%0A%3C%2Fsvg%3E);
}

.bg-card-center ul li.list-group-item {
    background-color: rgba(255, 255, 255, 0.15);
    font-weight: normal;
    font-size: small;
}

.cs-mail {
    background-color: #a1d5ed;
}
.normal-mail {
    background-color: white;
}

.text-user-info {
    line-height: 9px;
}

.text-user-info small {
    font-size: .670em;
}

#SelectPatientMonitoring {
    position: fixed;
    right: -15px;
    top: 50%;
}

.bg-card-center {
    padding: 5px 15px 15px 15px;
    font-size: 14px;
    border-radius:10px;
}

#SelectCenterMonitoring .bg-danger {
    background-color: rgba(var(--bs-danger-rgb), 0.25) !important;
}

#SelectCenterMonitoring .bg-warning {
    background-color: rgba(var(--bs-warning-rgb), 0.25) !important;
}

#SelectCenterMonitoring .bg-success {
    background-color: rgba(var(--bs-success-rgb), 0.25) !important;
}

#SelectCenterMonitoring .bg-caution {
    background-color: rgba(255, 233, 0, 0.25) !important;
}

table.contacts {
    table-layout: fixed;
    width: 100%;

}

table.contacts thead th,
table.contacts tbody td {
    max-width: 200px;
}

/* END Datatable style */