/* Minification failed. Returning unminified contents.
(2241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2328,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
(2334,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
(2515,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
(2536,29): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
 */

.cd-container {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}

    .cd-container::after {
        content: '';
        display: table;
        clear: both;
    }

#cd-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em;
}

    #cd-timeline::before {
        content: '';
        position: absolute;
        top: 0;
        left: 18px;
        height: 100%;
        width: 4px;
        background: #d7e4ed;
    }

@media only screen and (min-width: 1170px) {
    #cd-timeline {
        margin-top: 3em;
        margin-bottom: 3em;
    }

        #cd-timeline::before {
            left: 50%;
            margin-left: -2px;
        }
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0;
}

    .cd-timeline-block:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-timeline-block:first-child {
        margin-top: 0;
    }

    .cd-timeline-block:last-child {
        margin-bottom: 0;
    }

@media only screen and (min-width: 1170px) {
    .cd-timeline-block {
        margin: 4em 0;
    }

        .cd-timeline-block:first-child {
            margin-top: 0;
        }

        .cd-timeline-block:last-child {
            margin-bottom: 0;
        }
}

.cd-timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}

    .cd-timeline-img img {
        display: block;
        width: 24px;
        height: 24px;
        position: relative;
        left: 50%;
        top: 50%;
        margin-left: -12px;
        margin-top: -12px;
    }

    .cd-timeline-img.cd-green {
        background: #75ce66;
    }

    .cd-timeline-img.cd-red {
        background: #c03b44;
    }

    .cd-timeline-img.cd-yellow {
        background: #f0ca45;
    }

    .cd-timeline-img.cd-orange {
        background: #ffa500;
    }

@media only screen and (min-width: 1170px) {
    .cd-timeline-img {
        width: 60px;
        height: 60px;
        left: 50%;
        margin-left: -30px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }

    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s;
    }
}

@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: 0.25em;
    padding: 1em;
    box-shadow: 0 3px 0 #d7e4ed;
}

    .cd-timeline-content:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-timeline-content h2 {
        color: #303e49;
    }

    .cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
        font-size: 13px;
        font-size: 0.8125rem;
    }

    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
        display: inline-block;
    }

    .cd-timeline-content p {
        margin: 1em 0;
        line-height: 1.6;
    }

    .cd-timeline-content .cd-read-more {
        float: right;
        padding: .8em 1em;
        background: #acb7c0;
        color: white;
        border-radius: 0.25em;
    }

.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb;
}

.cd-timeline-content .cd-date {
    float: left;
    padding: .8em 0;
    opacity: .7;
}

.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
}

@media only screen and (min-width: 768px) {
    .cd-timeline-content h2 {
        font-size: 20px;
        font-size: 1.25rem;
    }

    .cd-timeline-content p {
        font-size: 16px;
        font-size: 1rem;
    }

    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
    }

        .cd-timeline-content::before {
            top: 24px;
            left: 100%;
            border-color: transparent;
            border-left-color: white;
        }

        .cd-timeline-content .cd-read-more {
            float: left;
        }

        .cd-timeline-content .cd-date {
            position: absolute;
            width: 100%;
            left: 122%;
            top: 6px;
            font-size: 16px;
            font-size: 1rem;
        }

    .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right;
    }

        .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
            top: 24px;
            left: auto;
            right: 100%;
            border-color: transparent;
            border-right-color: white;
        }

        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
            float: right;
        }

        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
            left: auto;
            right: 122%;
            text-align: right;
        }

    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        -moz-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s;
    }
}

@media only screen and (min-width: 1170px) {
    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse 0.6s;
        -moz-animation: cd-bounce-2-inverse 0.6s;
        animation: cd-bounce-2-inverse 0.6s;
    }
}

@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

/*--------------------------------------------------------------
Common
--------------------------------------------------------------*/
/*-----*/
html,
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    height: 100%;
}

.page {
    background-color: #efecec;
    height: auto;
    min-height: 100%;
    margin: 0 0 -100px;
    padding: 0 0 100px;
}

.page-login {
    background-color: #ffffff;
    min-height: 0;
}

label {
    min-height: 15px;
}

.btnw {
    width: 180px;
}

.btnpad {
    padding-bottom: 10px;
    padding-top: 10px;
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/

.header {
    background: #fff url('../content/images/bg-header.jpg') repeat-x left bottom;
    min-height: 143px;
}

    .header .logo {
        margin-left: 44px;
        margin-top: 17px;
    }

        .header .logo p {
            color: #595959;
            font-size: 12px;
            margin-top: 12px;
        }

            .header .logo p strong {
                font-family: Verdana, Geneva, sans-serif;
            }

    .header .logo-roche {
        float: right;
        margin-right: 80px;
        margin-top: 40px;
    }


@media (max-width: 992px) {
    .header .logo {
        margin-left: 0;
        text-align: center;
    }

    .header .logo-roche {
        display: block;
        float: none;
        margin: 20px auto 37px;
        width: 77px;
    }
}



/*--------------------------------------------------------------
Login
--------------------------------------------------------------*/

.login-bg {
    background: url('../content/images/pg-login.jpg') repeat-x top center;
    min-height: 335px;
}


.login {
    background: url('../content/images/bg-login.png') repeat 0 0;
    margin-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
}

    .login img {
        margin-top: 40px;
        margin-bottom: .5rem;
    }

    .login form {
        margin-top: .5rem;
    }

        .login form .form-group {
            margin-bottom: 0px;
            margin-top: -1px;
        }

            .login form .form-group .form-control {
                border-color: #acacab;
                border-radius: 0px;
                color: #4D4D4D;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 19px;
                height: auto;
                padding: 13px 15px;
            }

                .login form .form-group .form-control::-webkit-input-placeholder {
                    color: #4D4D4D;
                }

                .login form .form-group .form-control:-moz-placeholder {
                    color: #4D4D4D;
                    opacity: 1;
                }

                .login form .form-group .form-control::-moz-placeholder {
                    color: #4D4D4D;
                    opacity: 1;
                }

                .login form .form-group .form-control:-ms-input-placeholder {
                    color: #4D4D4D;
                }

    .login .btn-default {
        background-color: #ffffff;
        border: 1px solid #A5D4F2;
        border-radius: 0;
        color: #0961C3;
        font-family: 'HelveticaLTStd-LightCond';
        font-size: 22px;
        text-transform: uppercase;
    }

    .login form .btn-default {
        background-color: #0066cc;
        border-color: #0066cc;
        color: #FFF;
        margin-bottom: 6px;
        margin-top: 19px;
    }

    .login p .btn-default {
        margin-bottom: 25px;
    }

    .login p a {
        color: #000;
        font-size: 16px;
    }

    .login .alert-inline {
        display: inline-block;
        margin-left: 0.5rem;
        font-size: 0.85rem;
        vertical-align: middle;
    }

    .login .alert-inline-success {
        color: #3c763d;
    }

    .login .alert-inline-danger {
        color: #a94442;
    }

    .login .alert-inline .glyphicon {
        margin-right: 0.3rem;
    }

.login-warning {
    border-left: 1px solid #9C9C9C;
    background-color: #EFECEC;
    margin-top: 57px;
}

.login-warning-inner {
    font-size: 11px;
    padding: 20px;
}

    .login-warning-inner p {
        margin-bottom: 15px;
    }

        .login-warning-inner p:last-child {
            margin-bottom: 0;
        }


/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/

.navigation {
    background-color: #bbbaba;
}

    .navigation ul {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
        gap: 2px;
    }

        .navigation ul li {
            list-style: inside none;
            padding: 0;
            position: relative;
        }

            .navigation ul li a {
                text-decoration: none;
                background-color: #9a9a9a;
                color: #fff;
                display: block;
                font-family: 'Calibri-Bold';
                font-size: 16px;
                padding: 8px 14px;
                text-transform: uppercase;
                transition: background .1s ease-in;
                position: relative;
                z-index: 1;
            }

            .navigation ul li::before,
            .navigation ul li::after {
                content: "";
                position: absolute;
                bottom: 0;
                width: 5px;
                height: 5px;
                background-color: #bbbaba;
                z-index: 2;
            }

            .navigation ul li::before {
                left: -1px;
                clip-path: polygon(0 100%, 100% 100%, 0 0);
            }

            .navigation ul li::after {
                right: -1px;
                clip-path: polygon(100% 100%, 0 100%, 100% 0);
            }

            .navigation ul li:first-child::before {
                content: none;
            }

            .navigation ul li:last-child::after {
                content: none;
            }

            .navigation ul li a.selected,
            .navigation ul li a:hover {
                background-color: #454545;
            }


@media (max-width: 768px) {
    .navigation {
        height: auto;
    }

        .navigation .col-md-12 {
            padding-left: 0;
            padding-right: 0;
        }

        .navigation ul {
            display: block;
            height: auto;
            margin-bottom: 0;
            overflow: auto;
            padding-left: 0px;
            padding-right: 0px;
        }

            .navigation ul li {
                float: none;
                display: block;
                height: auto;
                list-style: inside none;
                margin-bottom: 1px;
            }

                .navigation ul li a {
                    padding: 0;
                    padding-left: 17px;
                }

                .navigation ul li:after {
                    content: none;
                }
}



/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/

.content {
    padding-bottom: 47px;
}

    .content h1 {
        font-family: 'Calibri-Light';
        font-size: 50px;
        margin-bottom: 60px;
        margin-top: 47px;
        text-indent: 43px;
    }

.home-modules,
.modules-content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
    padding-top: 15px;
}

    .home-modules a,
    .modules-content a {
        color: #E45F59;
        text-decoration: none;
    }

        .home-modules a .home-modules-content,
        .modules-content a .home-modules-content {
            border-radius: 5px;
            background-color: #fff;
            color: #E45F59;
            padding: 10px;
            min-height: 150px;
            display: flex;
            justify-content: end;
            text-align: end;
            align-items: end;
            flex-flow: column;
            box-shadow: 3px 3px 5px #dde2e2;
        }

        .home-modules a:hover .home-modules-content:hover,
        .modules-content a:hover .home-modules-content:hover {
            color: #0079C4;
        }

        .home-modules a img,
        .modules-content a img {
            width: 50px;
        }

        .home-modules a:hover img,
        .modules-content a:hover img {
            filter: brightness(0) saturate(100%) invert(20%) sepia(100%) saturate(500%) hue-rotate(190deg) brightness(95%);
        }

        .home-modules a .home-modules-content h4 strong,
        .modules-content a .home-modules-content h4 strong {
            display: block;
        }

@media (min-width: 480px) {
    .home-modules {
        grid-template-columns: repeat(3, 1fr);
    }

    .modules-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 960px) {
    .home-modules {
        grid-template-columns: repeat(4, 1fr);
    }

    .modules-content {
        grid-template-columns: repeat(3, 1fr);
    }
}

.modulo div {
    background: url('../content/images/br-modulo.png') no-repeat 250px 30px;
}

    .modulo div:last-child {
        background: none;
    }

.modulo a {
    display: block;
    margin-left: 30px;
    margin-right: 30px;
    text-align: center;
}

.modulo h1 {
    /*color: #0d6071;*/
    color: #000;
    font-family: 'Imago-Book';
    font-size: 30px;
    margin-top: 0;
    text-align: left;
    text-indent: 0;
    text-transform: uppercase;
}



.sidebar ul {
    background: url('../content/images/br-sidebar.jpg') no-repeat 129px 0px;
    margin-top: 60px;
    min-height: 330px;
    padding-left: 20px;
}

    .sidebar ul li {
        list-style: inside none;
        margin-bottom: 6px;
    }

        .sidebar ul li a {
            background: url('../content/images/mn-common.png') no-repeat 0 0;
            color: #fff;
            font-family: 'Calibri';
            font-size: 10px;
            display: block;
            height: 126px;
            padding: 78px 0 0;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            overflow: hidden;
            width: 110px;
        }

            .sidebar ul li a.selected,
            .sidebar ul li a:hover {
                background-position: 0 -126px;
            }

        .sidebar ul li.dados a {
            background-image: url('../content/images/mn-dados.png');
        }

        .sidebar ul li.detalheihc a,
        .sidebar ul li.detalhesish a,
        .sidebar ul li.detalhe a,
        .sidebar ul li.amostras a,
        .sidebar ul li.voucher a {
            background-image: url('../content/images/mn-paciente-cadastrado.png');
        }

        .sidebar ul li.cadastroihc a,
        .sidebar ul li.cadastrorebiopsia a,
        .sidebar ul li.cadastrosish a,
        .sidebar ul li.cadastro a,
        .sidebar ul li.listarvoucher a,
        .sidebar ul li.voucherpulmao a,
        .sidebar ul li.requisitionform a {
            background-image: url('../content/images/mn-paciente-novo.png');
        }

        .sidebar ul li.instituicaoativa a {
            background-image: url('../content/images/mn-paciente-novo.png');
        }

        .sidebar ul li.amostrasituacao a {
            background-image: url('../content/images/mn-paciente-novo.png');
        }

        .sidebar ul li.amostraresultado a {
            background-image: url('../content/images/mn-paciente-novo.png');
        }

        .sidebar ul li.amostraishestado a,
        .sidebar ul li.amostraishmedicolaboratorio a,
        .sidebar ul li.resultadoishmedico a,
        .sidebar ul li.resultadoishlaboratorio a,
        .sidebar ul li.resultadoishlabref a,
        .sidebar ul li.amostraishorigem a,
        .sidebar ul li.amostraishfaixaetaria a,
        .sidebar ul li.ishestado a,
        .sidebar ul li.ihqorigem a,
        .sidebar ul li.ihqprevioestado a,
        .sidebar ul li.amostraihqestado a,
        .sidebar ul li.amostraihqmedico a,
        .sidebar ul li.amostraihqlaboratorio a,
        .sidebar ul li.amostraihqlabref a,
        .sidebar ul li.resultadoihqmedico a,
        .sidebar ul li.resultadoihqlaboratorio a,
        .sidebar ul li.resultadoihqlabref a,
        .sidebar ul li.amostraihqfaixaetaria a,
        .sidebar ul li.amostralabref a,
        .sidebar ul li.amostraestado a,
        .sidebar ul li.amostralaboratorio a,
        .sidebar ul li.amostramedico a,
        .sidebar ul li.amostraestadolaboratorio a,
        .sidebar ul li.amostraestadomedico a,
        .sidebar ul li.resultadolabref a,
        .sidebar ul li.amostraorigem a,
        .sidebar ul li.amostrafaixaetaria a,
        .sidebar ul li.resultadoestado a,
        .sidebar ul li.resultadolaboratorio a,
        .sidebar ul li.amostralabref a,
        .sidebar ul li.amostraestado a,
        .sidebar ul li.amostralaboratorio a,
        .sidebar ul li.amostramedico a,
        .sidebar ul li.amostraestadolaboratorio a,
        .sidebar ul li.amostraestadomedico a,
        .sidebar ul li.resultadolabref a,
        .sidebar ul li.amostraorigem a,
        .sidebar ul li.amostrafaixaetaria a,
        .sidebar ul li.resultadoestado a,
        .sidebar ul li.amostralabref a,
        .sidebar ul li.amostraestado a,
        .sidebar ul li.resultadoishestado a,
        .sidebar ul li.resultadoishmedicoestado a,
        .sidebar ul li.resultadoishlaboratorioestado a,
        .sidebar ul li.resultadoishmedicolaboratorio a,
        .sidebar ul li.resultadoihqestado a,
        .sidebar ul li.resultadoihqmedicoestado a,
        .sidebar ul li.resultadoihqlaboratorioestado a,
        .sidebar ul li.resultadoihqlabref a,
        .sidebar ul li.amostraishorigem a,
        .sidebar ul li.amostraihqorigem a,
        .sidebar ul li.amostraperfil a,
        .sidebar ul li.amostramedicolaboratorio a,
        .sidebar ul li.amostrafaixaetaria a,
        .sidebar ul li.amostralabref a,
        .sidebar ul li.amostras a,
        .sidebar ul li.sishmedico a,
        .sidebar ul li.sishlaboratorio a,
        .sidebar ul li.ihclaboratorio a,
        .sidebar ul li.ihcmedico a,
        .sidebar ul li.ihcreferencia a,
        .sidebar ul li.sishreferencia a,
        .sidebar ul li.ihc a,
        .sidebar ul li.origem a,
        .sidebar ul li.namostraperfil a,
        .sidebar ul li.amostraperfil a,
        .sidebar ul li.amostraetaria a,
        .sidebar ul li.sish a,
        .sidebar ul li.origemihc a,
        .sidebar ul li.origemihc a,
        .sidebar ul li.amostraencaminhada a,
        .sidebar ul li.estado a,
        .sidebar ul li.laboratorio a,
        .sidebar ul li.medico a,
        .sidebar ul li.estadolaboratorio a,
        .sidebar ul li.estadomedico a,
        .sidebar ul li.braflaboratorio a,
        .sidebar ul li.etaria a,
        .sidebar ul li.exame a,
        .sidebar ul li.fish a,
        .sidebar ul li.fishmedico a,
        .sidebar ul li.fishlaboratorio a,
        .sidebar ul li.fishreferencia a,
        .sidebar ul li.amostraestado a,
        .sidebar ul li.amostralaboratorio a,
        .sidebar ul li.amostramedico a,
        .sidebar ul li.amostraestadolaboratorio a,
        .sidebar ul li.amostraestadomedico a,
        .sidebar ul li.resultadolabref a,
        .sidebar ul li.amostrafaixaetaria a,
        .sidebar ul li.amostralabref a,
        .sidebar ul li.ihqestado a,
        .sidebar ul li.ihqetaria a,
        .sidebar ul li.ihqreferencia a,
        .sidebar ul li.ihqlaboratorio a,
        .sidebar ul li.ihqmedico a,
        .sidebar ul li.resultado a,
        .sidebar ul li.namostramedico a,
        .sidebar ul li.relatorio a,
        .sidebar ul li.criterio a,
        .sidebar ul li.amostraihqestado a,
        .sidebar ul li.amostraihqmedico a,
        .sidebar ul li.amostraihqmedico a,
        .sidebar ul li.amostraihqlaboratorio a,
        .sidebar ul li.amostraihqlabref a,
        .sidebar ul li.amostraihqetaria a,
        .sidebar ul li.triagem a,
        .sidebar ul li.realizadoestado a,
        .sidebar ul li.realizadofaixaetaria a,
        .sidebar ul li.realizadolaboratorio a,
        .sidebar ul li.realizadolabref a,
        .sidebar ul li.realizadomedico a,
        .sidebar ul li.realizadoihqorigem a,
        .sidebar ul li.realizadoihqorigem a,
        .sidebar ul li.realizadoihqorigem a,
        .sidebar ul li.realizadoihqorigem a,
        .sidebar ul li.realizadoishorigem a,
        .sidebar ul li.realizadomedicolaboratorio a,
        .sidebar ul li.realizadoperfil a,
        .sidebar ul li.realizadoihqestado a,
        .sidebar ul li.realizadoihqfaixaetaria a,
        .sidebar ul li.realizadoihqlaboratorio a,
        .sidebar ul li.realizadoihqlabref a,
        .sidebar ul li.realizadoihqmedico a,
        .sidebar ul li.realizadoishestado a,
        .sidebar ul li.realizadoishfaixaetaria a,
        .sidebar ul li.realizadoishmedicolaboratorio a,
        .sidebar ul li.realizadoishorigem a,
        .sidebar ul li.realizadoorigem a,
        .sidebar ul li.voucherestadomedico a,
        .sidebar ul li.voucherestadolaboratorio a,
        .sidebar ul li.voucherresultado a,
        .sidebar ul li.vouchernamostramedico a,
        .sidebar ul li.satisfacao a,
        .sidebar ul li.listarinstituicaopaciente a,
        .sidebar ul li.resultados a,
        .sidebar ul li.pendencia a,
        .sidebar ul li.mensagem a,
        .sidebar ul li.liberacpf a,
        .sidebar ul li.modulos a,
        .sidebar ul li.solicitacaokit a,
        .sidebar ul li.resultadopdl1estado a,
        .sidebar ul li.resultadopdl1labref a,
        .sidebar ul li.resultadopdl1medicolaboratorio a {
            background-image: url('../content/images/mn-paciente-cadastrado.png');
        }

        .sidebar ul li.rastreabilidade a,
        .sidebar ul li.administrador a,
        .sidebar ul li.regionalizacao a,
        .sidebar ul li.laboratoriomedico a,
        .sidebar ul li.extrairlaudos a {
            background-image: url('../content/images/mn-paciente-cadastrado.png');
        }


        .sidebar ul li.amostraishestado a,
        .sidebar ul li.amostraishmedicolaboratorio a,
        .sidebar ul li.amostraishorigem a,
        .sidebar ul li.amostraishfaixaetaria a,
        .sidebar ul li.amostraihqestado a,
        .sidebar ul li.amostraihqmedico a,
        .sidebar ul li.amostraihqlaboratorio a,
        .sidebar ul li.amostraihqlabref a,
        .sidebar ul li.amostraihqfaixaetaria a,
        .sidebar ul li.amostralabref a,
        .sidebar ul li.amostraestado a,
        .sidebar ul li.amostralaboratorio a,
        .sidebar ul li.amostramedico a,
        .sidebar ul li.amostraestadolaboratorio a,
        .sidebar ul li.amostraestadomedico a,
        .sidebar ul li.amostraorigem a,
        .sidebar ul li.amostraihqprevioestado a,
        .sidebar ul li.amostrafaixaetaria a,
        .sidebar ul li.amostralabref a,
        .sidebar ul li.amostraestado a,
        .sidebar ul li.amostralaboratorio a,
        .sidebar ul li.amostramedico a,
        .sidebar ul li.amostraestadolaboratorio a,
        .sidebar ul li.amostraestadomedico a,
        .sidebar ul li.amostraorigem a,
        .sidebar ul li.amostrafaixaetaria a,
        .sidebar ul li.amostralabref a,
        .sidebar ul li.amostraestado a,
        .sidebar ul li.amostraishorigem a,
        .sidebar ul li.amostraihqorigem a,
        .sidebar ul li.amostraperfil a,
        .sidebar ul li.amostramedicolaboratorio a,
        .sidebar ul li.amostrafaixaetaria a,
        .sidebar ul li.amostralabref a,
        .sidebar ul li.namostraperfil a,
        .sidebar ul li.amostraperfil a,
        .sidebar ul li.amostraetaria a,
        .sidebar ul li.amostraencaminhada a,
        .sidebar ul li.amostraestado a,
        .sidebar ul li.amostralaboratorio a,
        .sidebar ul li.amostramedico a,
        .sidebar ul li.amostraestadolaboratorio a,
        .sidebar ul li.amostraestadomedico a,
        .sidebar ul li.amostrafaixaetaria a,
        .sidebar ul li.amostralabref a,
        .sidebar ul li.namostramedico a,
        .sidebar ul li.amostraihqestado a,
        .sidebar ul li.amostraihqmedico a,
        .sidebar ul li.amostraihqmedico a,
        .sidebar ul li.amostraihqlaboratorio a,
        .sidebar ul li.amostraihqlabref a,
        .sidebar ul li.amostraihqetaria a,
        .sidebar ul li.amostra a,
        .sidebar ul li.solicitados a,
        .sidebar ul li.amostrapdl1medicolaboratorio a {
            background-image: url('../content/images/mn-paciente-solicitado.png');
        }


        .sidebar ul li.realizadoestado a,
        .sidebar ul li.realizadofaixaetaria a,
        .sidebar ul li.realizadolaboratorio a,
        .sidebar ul li.realizadolabref a,
        .sidebar ul li.realizadomedico a,
        .sidebar ul li.realizadoihqorigem a,
        .sidebar ul li.realizadoihqorigem a,
        .sidebar ul li.realizadoihqorigem a,
        .sidebar ul li.realizadoihqorigem a,
        .sidebar ul li.realizadoishorigem a,
        .sidebar ul li.realizadomedicolaboratorio a,
        .sidebar ul li.realizadoperfil a,
        .sidebar ul li.realizadoihqestado a,
        .sidebar ul li.realizadoihqfaixaetaria a,
        .sidebar ul li.realizadoihqlaboratorio a,
        .sidebar ul li.realizadoihqlabref a,
        .sidebar ul li.realizadoihqmedico a,
        .sidebar ul li.realizadoishestado a,
        .sidebar ul li.realizadoishfaixaetaria a,
        .sidebar ul li.realizadoishmedicolaboratorio a,
        .sidebar ul li.realizadoishorigem a,
        .sidebar ul li.realizadoorigem a,
        .sidebar ul li.realizadoihqprevioestado a,
        .sidebar ul li.realizados a {
            background-image: url('../content/images/mn-paciente-realizado.png');
        }

    .sidebar ul ul {
        min-height: initial;
        margin-top: 6px;
        padding-left: 0;
    }


.partial-content h1 {
    font-family: 'Calibri';
    font-size: 40px;
    margin-bottom: 27px;
    margin-top: 53px;
    text-indent: 0px;
}

    .partial-content h1.usuario {
        font-family: 'Calibri-Light';
        font-size: 50px;
    }

.partial-content h2 {
    font-family: 'Calibri';
    font-size: 26px;
    margin-bottom: 25px;
    margin-top: 30px;
}

    .partial-content h2.border {
        border-bottom: 1px solid #9FA3A4;
        padding-bottom: 10px;
    }



.partial-content form {
    margin-top: 40px;
}

    .partial-content form span {
        display: inline-block;
        font-size: 17px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

        .partial-content form span.field-validation-valid,
        .partial-content form span.field-validation-valid span,
        .partial-content form span.field-validation-error,
        .partial-content form span.field-validation-error span {
            margin-bottom: 0px;
            margin-top: 0px;
        }


    .partial-content form .form-control[disabled],
    .partial-content form fieldset .form-control[readonly],
    .partial-content form fieldset[disabled] .form-control {
        background-color: transparent;
        box-shadow: none;
    }

    .partial-content form .btn-default,
    .partial-content .btn-default {
        background-color: #0066cc;
        border: 1px solid #0066cc;
        border-radius: 0;
        color: #FFF;
        font-family: 'HelveticaLTStd-LightCond';
        font-size: 22px;
        margin-top: 17px;
        padding: 6px 25px;
        text-transform: uppercase;
    }

        .partial-content form .btn-default:hover,
        .partial-content .btn-default:hover {
            background-color: #005bb5;
            border-color: #0052a3;
        }

    .partial-content form .form-alternate {
        background-color: #f3f3f3;
        margin-bottom: 24px;
        padding: 16px 24px;
    }

    .partial-content form .form-control {
        padding: 6px 7px;
    }

    .partial-content form .form-controle {
        background-color: #f3f3f3;
        color: #635D5D;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 30px;
        padding: 17px 23px;
    }

    .partial-content form .pdf-download {
        background: transparent url('../content/images/ico-pdf.png') no-repeat center left;
        display: block;
        height: 30px;
        line-height: 30px;
        margin-top: 7px;
        padding-left: 43px;
        text-decoration: none;
    }

    .partial-content form .doc-download {
        background: transparent url('../content/images/ico-doc.png') no-repeat center left;
        display: block;
        height: 30px;
        line-height: 30px;
        margin-top: 7px;
        padding-left: 43px;
        text-decoration: none;
    }

    .partial-content form .img-download {
        background: transparent url('../content/images/ico-img.png') no-repeat center left;
        display: block;
        height: 30px;
        line-height: 30px;
        margin-top: 7px;
        padding-left: 43px;
        text-decoration: none;
    }

    .partial-content form .form-more {
        border-top: 1px dashed #B9B9B9;
        margin-top: 20px;
        padding-bottom: 17px;
        padding-top: 22px;
        text-align: right;
    }

        .partial-content form .form-more a {
            color: #EB342E;
            display: inline-block;
            height: 22px;
            line-height: 22px;
            margin-left: 55px;
            padding-left: 32px;
            text-decoration: underline;
        }

            .partial-content form .form-more a.remove-instituicao {
                background: url('../content/images/ico-menos.png') no-repeat center left;
            }

            .partial-content form .form-more a.add-instituicao {
                background: url('../content/images/ico-mais.png') no-repeat center left;
            }

    .partial-content form.form-inline {
        margin-top: 10px;
        padding-bottom: 20px;
    }

    /*        .partial-content form.form-inline .sr-only {
            display: none;
        }

        .partial-content form.form-inline .form-group input {
            color: #615D5E;
            font-family: 'Calibri';
            font-size: 21px;
            height: auto;
            padding: 10px 15px;
        }

        .partial-content form.form-inline .btn-default {
            font-size: 20px;
            margin-top: 0px;
            padding: 10px 15px;
        }*/

    .partial-content form .field-validation-error,
    form .field-validation-error {
        color: #BF1E2E;
        display: block;
        padding-top: 4px;
        padding-left: 4px;
        font-size: .85rem;
    }

    .partial-content form .field-validation-valid,
    form .field-validation-valid {
        display: none;
    }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-left: 0;
}

/*--------------------------------------------------------------
Tabela
--------------------------------------------------------------*/

.partial-content .table {
    border-collapse: separate;
}

    .partial-content .table tr {
        background-color: #ECEAEB;
    }

        .partial-content .table tr:nth-child(odd) {
            background-color: #F9F9F9;
        }

        .partial-content .table tr:hover {
            background-color: rgba(0, 0, 0, 0.05);
        }

        .partial-content .table tr th,
        .partial-content .table tr td {
            border: 1px solid #EFECEC;
            vertical-align: middle;
            padding: 6px;
        }

        .partial-content .table tr th {
            background-color: #D7D7D7;
            color: #615D5C;
            font-family: 'Calibri-Bold';
            font-size: .89rem;
        }

        .partial-content .table tr td {
            color: #535758;
            font-family: 'Calibri';
            font-size: 1rem;
        }

            .partial-content .table tr td .yes {
                color: #0B9D2E;
            }

            .partial-content .table tr td .no {
                color: #FF0403;
            }

            .partial-content .table tr td form {
                margin-top: 0px;
            }


@media (min-width: 992px) {
    .table-responsive {
        overflow-x: initial;
    }
}


.form-research p {
    padding: 13px 0 23px;
}

.form-research .radio,
.form-research .checkbox,
.form-research label {
    display: inline;
    font-weight: normal;
}

.form-research input {
    margin-right: 13px;
}


.publicacao div {
    background: url('../content/images/br-publicacao.jpg') no-repeat center left;
}

    .publicacao div:first-child {
        background: none;
    }

    .publicacao div h2 {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 15px;
        margin-left: 47px;
    }

    .publicacao div p {
        font-size: 12px;
        margin-bottom: 5px;
        margin-left: 47px;
        margin-right: 40px;
        text-align: justify;
    }

        .publicacao div p a {
            color: #0063cf;
            text-decoration: underline;
        }



.fale p {
    margin-left: 47px;
    font-size: 15px;
}

    .fale p span {
        display: block;
        font-size: 14px;
        margin-bottom: 25px;
    }

.fale .form-group {
    margin-bottom: 20px;
    margin-left: 47px;
}

    .fale .form-group .form-control {
        border-color: #c4cfd6;
        border-radius: 0;
    }

.fale .btn-default {
    background-color: #0066cc;
    border: 1px solid #0066cc;
    border-radius: 0;
    color: #FFF;
    font-family: 'HelveticaLTStd-LightCond';
    font-size: 22px;
    padding: 6px 25px;
    text-transform: uppercase;
}


.text-danger,
.text-success {
    font-weight: bold;
    margin: 20px 0 15px;
}


.frm-instituicao {
    /*    margin-bottom: 77px;*/
}




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

@media (min-width: 992px) {
    .container {
        width: 1010px;
    }
}

@media (max-width: 992px) {
    .modulo div {
        background: none;
        text-align: center;
    }


    .publicacao div {
        background: none;
    }
}


@media (max-width: 768px) {
    .content h1 {
        text-indent: 13px;
    }



    .sidebar ul {
        background: none;
        margin-top: 23px;
        min-height: initial;
        padding-left: 0px;
    }

        .sidebar ul li {
            margin-bottom: 1px;
        }

            .sidebar ul li a {
                background-color: #AEAEAE;
                background-position: 0 -1000px;
                font-family: 'Calibri-Bold';
                display: block;
                height: auto;
                padding: 10px 0px;
                text-decoration: none;
                text-transform: uppercase;
                width: 100%;
            }

                .sidebar ul li.selected a,
                .sidebar ul li a:hover {
                    background-color: #6A6A6A;
                    background-position: 0 -1000px;
                }



    .partial-content h1 {
        text-indent: 0px;
    }



    .publicacao div h2 {
        margin-left: 17px;
    }

    .publicacao div p {
        margin-left: 17px;
    }



    .fale p {
        margin-left: 17px;
    }

    .fale .form-group {
        margin-left: 17px;
    }
}



/*--------------------------------------------------------------
Paginacao
--------------------------------------------------------------*/

.pagination-box {
    padding-top: 13px;
}

    .pagination-box ul li {
        margin: 7px 0px;
    }

        .pagination-box ul li a {
            color: #535758;
            border: 1px solid #535758;
            border-radius: 50%;
            display: block;
            height: 40px;
            padding: 9px 0px;
            text-align: center;
            text-decoration: none;
            width: 40px;
        }

        .pagination-box ul li.selected a {
            background-color: #CCCCCC;
        }

.pagination {
    margin: 8px 0;
    font-family: Calibri;
}



/*--------------------------------------------------------------
Popup
--------------------------------------------------------------*/

.fancybox-skin {
    border-radius: 0;
    padding: 1px !important;
}

.popup h3 {
    background-color: #CF6D6E;
    /*color: #6C94B9;*/
    color: #FFF;
    display: inline-block;
    font-family: 'HelveticaLTStd-LightCond';
    font-size: 36px;
    margin-bottom: 26px;
    margin-left: -15px;
    margin-top: 0px;
    padding: 30px 63px 35px 67px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin: 0;
}

.popup .col-md-12 {
    padding: 0;
}

.popup p {
    text-align: center;
}

.popup .col-md-12 p {
    margin-bottom: 23px;
}

.popup .col-md-10 p {
    margin-bottom: 80px;
    margin-top: 20px;
}

    .popup .col-md-10 p.menor {
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .popup .col-md-10 p.medio {
        margin-bottom: 40px;
        margin-top: 20px;
    }

.popup .col-md-4 {
    padding-bottom: 27px;
    padding-top: 17px;
    text-align: center;
}

    .popup .col-md-4 img,
    .popup .col-md-4 span {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .popup .col-md-4 span {
        color: #5C5C5C;
        font-weight: bold;
        padding-top: 20px;
    }

.fancybox-close {
    background: url('../content/images/ico-fechar.png') no-repeat 0 0;
    height: 50px;
    right: 14px;
    top: 11px;
    width: 50px;
    border: 0;
    background-size: contain;
}

    .fancybox-close:hover {
        filter: brightness(0) saturate(100%) invert(20%) sepia(100%) saturate(500%) hue-rotate(190deg) brightness(95%);
    }

.modal-dialog {
    width: auto;
    max-width: 75%;
    margin: 30px auto;
}


/*--------------------------------------------------------------
Calendario
--------------------------------------------------------------*/

.ui-datepicker {
    width: auto;
}

.partial-content form fieldset .form-control[readonly],
input[readonly] {
    cursor: pointer;
}

input.hasDatepicker[readonly],
.form-control.hasDatepicker[readonly] {
    background-color: #fff !important;
    color: #000 !important;
    cursor: pointer !important;
    opacity: 1 !important;
}


/*--------------------------------------------------------------
Ajax
--------------------------------------------------------------*/

.partial-content .table-header {
    display: block;
    margin: 60px 0 16px 0;
}

    .partial-content .table-header form {
        margin: 0;
        padding: 0
    }

    .partial-content .table-header h3 {
        font-size: 1.5rem;
        color: #333;
    }

    .partial-content .table-header small {
        color: #808080;
    }

.partial-content form .form-group .input-group-addon span,
.partial-content form .form-group .input-group-btn span {
    margin: 0;
    font-size: inherit;
}

.partial-content .form-search-user {
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.partial-content .form-search-action {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-top: 8px;
    flex-direction: row-reverse;
}

.partial-content form .form-group.input-group input {
    font-size: inherit;
    padding: unset;
    color: inherit;
}

.partial-content form .form-group.sm-field .form-control {
    padding: 4px;
    font-size: 12px;
    max-width: 120px;
    height: 28px;
}

.partial-content form .form-group.sm-field label {
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 4px;
    color: #808080;
}

#carregando {
    background: url("/Content/images/bg-loader.png") no-repeat center center;
    background-size: 32px 32px;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    display: none;
    background-color: rgba(255,255,255,0.7);
}

    #carregando .spinner {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 50px;
        height: 50px;
        margin: -25px 0 0 -25px;
        border: 6px solid #ccc;
        border-top-color: #007bff;
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }

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

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


/*--------------------------------------------------------------
Timeline
--------------------------------------------------------------*/


.cd-timeline-content h2 {
    font-size: 20px;
    line-height: 26px;
    margin: 0;
}

.cd-timeline-content .cd-date {
    font-size: 16px;
    font-weight: bold;
}


/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
.footer {
    height: 100px;
}

    .footer .footer-logged {
        margin-top: 55px;
    }

    .footer .fone {
        background: url('../content/images/ico-dialogo.png') no-repeat left center;
        display: inline-block;
        font-size: 15px;
        margin-left: 0px;
        padding-left: 47px;
    }

    .footer .mail {
        border: 1px solid #50575a;
        border-width: 0 1px;
        padding-left: 7px;
        padding-right: 7px;
    }

        .footer .mail a {
            color: #000;
        }

    .footer .privacidade {
        border: 1px solid #50575a;
        border-width: 0px 0px 0px 1px;
        display: inline-block;
        font-size: 15px;
        padding-left: 7px;
        padding-right: 7px;
    }

    .footer .login-roche {
        display: inline-block;
        margin-top: 48px;
    }


@media (max-width: 992px) {
    .footer {
        padding-bottom: 10px;
        text-align: center;
    }

        .footer .footer-logged {
            margin-top: 0px;
        }

        .footer .fone {
            margin-left: 0px;
        }

        .footer .mail {
            border-width: 0;
            padding: 5px 0;
        }
}


.table-responsive {
    overflow-x: visible;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/*--------------------------------------------------------------
Impressao
--------------------------------------------------------------*/


@media print {

    .header,
    .navigation,
    .sidebar,
    .footer {
        display: none;
    }

    table {
        border-collapse: collapse;
    }
}


/*--------------------------------------------------------------
Fonts
--------------------------------------------------------------*/

@font-face {
    font-family: 'HelveticaLTStd-LightCond';
    src: url('../content/fonts/HelveticaLTStd-LightCond.eot?#iefix') format('embedded-opentype'), url('../content/fonts/HelveticaLTStd-LightCond.otf') format('opentype'), url('../content/fonts/HelveticaLTStd-LightCond.woff') format('woff'), url('../content/fonts/HelveticaLTStd-LightCond.ttf') format('truetype'), url('../content/fonts/HelveticaLTStd-LightCond.svg#HelveticaLTStd-LightCond') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTStd-MdCn';
    src: url('../content/fonts/HelveticaNeueLTStd-MdCn.eot?#iefix') format('embedded-opentype'), url('../content/fonts/HelveticaNeueLTStd-MdCn.otf') format('opentype'), url('../content/fonts/HelveticaNeueLTStd-MdCn.woff') format('woff'), url('../content/fonts/HelveticaNeueLTStd-MdCn.ttf') format('truetype'), url('../content/fonts/HelveticaNeueLTStd-MdCn.svg#HelveticaNeueLTStd-MdCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri';
    src: url('../content/fonts/Calibri.eot?#iefix') format('embedded-opentype'), url('../content/fonts/Calibri.woff') format('woff'), url('../content/fonts/Calibri.ttf') format('truetype'), url('../content/fonts/Calibri.svg#Calibri') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri-Bold';
    src: url('../content/fonts/Calibri-Bold.eot?#iefix') format('embedded-opentype'), url('../content/fonts/Calibri-Bold.woff') format('woff'), url('../content/fonts/Calibri-Bold.ttf') format('truetype'), url('../content/fonts/Calibri-Bold.svg#Calibri-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri-Light';
    src: url('../content/fonts/Calibri-Light.eot?#iefix') format('embedded-opentype'), url('../content/fonts/Calibri-Light.woff') format('woff'), url('../content/fonts/Calibri-Light.ttf') format('truetype'), url('../content/fonts/Calibri-Light.svg#Calibri-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Imago-Book';
    src: url('../content/fonts/Imago-Book.eot?#iefix') format('embedded-opentype'), url('../content/fonts/Imago-Book.otf') format('opentype'), url('../content/fonts/Imago-Book.woff') format('woff'), url('../content/fonts/Imago-Book.ttf') format('truetype'), url('../content/fonts/Imago-Book.svg#Imago-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*--------------------------------------------------------------
Tema
--------------------------------------------------------------*/

.ui-widget-header {
    background: none;
    background-color: #F5F5F5;
    border: none;
    color: #666
    /*{fcHeader}*/
    ;
    font-weight: 500;
}

    .ui-widget-header a {
        color: #222222
        /*{fcHeader}*/
        ;
    }

.ui-widget-content {
    border: 1px solid #aaaaaa
    /*{borderColorContent}*/
    ;
    background-color: #ffffff;
    color: #666
    /*{fcContent}*/
    ;
}

.ui-datepicker {
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: 500;
        border: 0;
    }

    .ui-datepicker td span,
    .ui-datepicker td a {
        display: block;
        padding: .8em;
        text-align: right;
        text-decoration: none;
    }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #FFF
    /*{borderColorDefault}*/
    ;
    background: #B1D1E2;
    font-weight: 400
    /*{fwDefault}*/
    ;
    color: #FFF
    /*{fcDefault}*/
    ;
}

    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited {
        color: #555555
        /*{fcDefault}*/
        ;
        text-decoration: none;
    }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999999
    /*{borderColorHover}*/
    ;
    background: #dadada
    /*{bgColorHover}*/
    url(../content/images/ui/ui-bg_glass_75_dadada_1x400.png)
    /*{bgImgUrlHover}*/
    50%
    /*{bgHoverXPos}*/
    50%
    /*{bgHoverYPos}*/
    repeat-x
    /*{bgHoverRepeat}*/
    ;
    font-weight: normal
    /*{fwDefault}*/
    ;
    color: #212121
    /*{fcHover}*/
    ;
}

    .ui-state-hover a,
    .ui-state-hover a:hover {
        color: #212121
        /*{fcHover}*/
        ;
        text-decoration: none;
    }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa
    /*{borderColorActive}*/
    ;
    background: #DDD;
    font-weight: 400
    /*{fwDefault}*/
    ;
    color: #000
    /*{fcActive}*/
    ;
}

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #212121
        /*{fcActive}*/
        ;
        text-decoration: none;
    }

.btn-custom {
    width: 78px;
    font-size: 10px;
    background-color: red;
    text-align: center;
    color: white;
}


.chartjs-tooltip {
    max-width: 300px !important; /* Define a largura máxima */
    white-space: normal !important; /* Permite que o texto quebre */
    word-wrap: break-word !important; /* Quebra palavras longas */
}

:root {
    --dark-blue: #022366;
    --dark-red: #BF213E;
}

.container.l-display {
    width: 90%;
    display: flex;
    padding: 0;
    flex-direction: column;
}

.filter-form {
    display: flex;
    align-items: center;
    justify-content: start;
}

    .filter-form select {
        border: none;
        border-radius: 8px;
        font-size: 16px;
        padding: .625rem;
    }

    .filter-form input[type=date] {
        border: none;
        border-radius: 5px;
        font-size: 16px;
        padding: 1px 5px;
        background: #FFF !important;
    }

        .filter-form input[type=date]:disabled {
            opacity: 0.7
        }

.center {
    text-align: center;
}

.block {
    display: block !important;
}

.h1_titulo_principal {
    font-size: 44px;
    font-weight: bold;
    margin-bottom: 40px;
    color: #007AC2;
}

.p1_sub_titulo_modulo {
    font-size: 1.25rem;
    margin-bottom: 0px !important;
}


/* BreadCrumbs */

.breadcrumbs-wrapper {
    display: flex;
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
}

#breadcrumbs {
    list-style: none;
    display: flex;
    margin: 0;
    color: #888;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
}

    #breadcrumbs li + li::before {
        content: ">";
        margin: 0 8px;
        color: #888;
        font-weight: 700;
    }

    /* Estilo dos nomes no breadcrumb */
    #breadcrumbs li {
        font-family: inherit; /* mantém a fonte padrão usada nos módulos */
        font-weight: bold;
        color: var(--dark-blue); /* mesma cor dos módulos */
        font-size: 15px;
    }

.breadcrumb-item {
    background-color: #e9f7ef; /* verde claro e suave */
    color: var(--dark-blue); /* azul escuro, igual aos títulos */
    padding: 4px 10px;
    border-radius: 15px;
    cursor: pointer;
    font-size: 0.9em;
    display: inline-block;
    transition: all 0.2s;
    user-select: none;
}

    .breadcrumb-item:hover {
        background-color: #cdeedb; /* leve destaque no hover */
        transform: scale(1.05);
    }

.breadcrumb-chip {
    background-color: #007AC2; /* Azul Roche */
    color: #fff;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.9em;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

    .breadcrumb-chip:hover {
        background-color: #005f97; /* Azul mais escuro ao passar o mouse */
        transform: scale(1.05);
    }

/*    #breadcrumbs li:last-child::before {
        color: var(--dark-red);
    }

    #breadcrumbs li:last-child {
        color: var(--dark-red);
    }*/

/* Dashboard */

#moduloDetalhes h1 {
    text-align: center;
}

.main-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
    margin-top: 1rem;
}

    /* Últimos dois elementos ocupam 100% da largura (span 2 colunas) */
    .main-wrapper > :nth-last-child(-n+2) {
        grid-column: span 2;
        width: 100%;
        overflow-x: auto;
        display: flex;
        align-items: start;
        height: 600px; /* ou auto, dependendo do gráfico */
    }

        /* Garante que a box interna não tenha largura restrita */
        .main-wrapper > :nth-last-child(-n+2) .chart-box {
            width: 100%;
        }

.chart-group {
    width: 100%;
    height: 480px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

    .chart-group .chart-wrapper {
        width: 100%;
    }

        .chart-group .chart-wrapper .chart-result {
            text-align: center;
            display: block;
            width: 100%;
        }

            .chart-group .chart-wrapper .chart-result span {
                color: #333;
                font-weight: bold;
                font-size: 40px
            }

.chart-wrapper {
    border-radius: 8px;
    padding: 24px 16px;
    width: 100%;
    background-color: white;
    height: 480px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    max-height: 480px;
}

    .chart-wrapper .chart-head {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: start;
    }

        .chart-wrapper .chart-head .select-field {
            display: grid;
            width: 100%;
            grid-template-columns: 1fr 1fr;
        }


    .chart-wrapper .chart-result {
        text-align: center;
        display: flex;
        font-size: 18px;
        width: 100%;
        margin: .5rem 0;
        gap: 1rem;
    }

        .chart-wrapper .chart-result p {
            margin: 0;
            color: #6b7280;
            font-size: 14px;
        }

        .chart-wrapper .chart-result .result-item {
            display: flex;
            flex-direction: column;
            /*            align-items: start;*/
        }

        .chart-wrapper .chart-result span {
            color: #333;
            font-weight: bold;
            font-size: 28px;
        }

    .chart-wrapper .chart-box {
        flex-grow: 1;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .chart-wrapper .nav-buttons {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .chart-wrapper .p_titulo_principal,
    .chart-wrapper .info {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: start;
        margin: 0 auto;
    }

    .chart-wrapper .p_titulo_principal {
        font-size: 20px;
        font-weight: bold;
        color: var(--dark-blue);
    }

    .chart-wrapper .info .span_numero_testes {
        color: #ff0000;
        font-size: 20px;
        font-weight: bold;
    }

    .chart-wrapper .two-column-chart {
        display: flex;
        height: 100%;
        width: 100%;
        align-items: center;
    }

        .chart-wrapper .two-column-chart .detailed-info {
            width: 50%
        }

            .chart-wrapper .two-column-chart .detailed-info h4 {
                color: var(--dark-blue);
                font-weight: 700;
            }

            .chart-wrapper .two-column-chart .detailed-info ul {
                padding: 0;
                list-style: none;
                margin: 0;
                font-size: 12px;
            }

            .chart-wrapper .two-column-chart .detailed-info li {
                text-align: start;
                display: flex;
                font-size: .95rem;
            }

                .chart-wrapper .two-column-chart .detailed-info li span {
                    margin-left: auto;
                    font-weight: 700;
                }



#ResultadoPorTipoChart, #AmostraPorOrigemChart {
    margin: 0;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 85% !important;
}

#PendenciasChart {
    width: 60% !important;
    max-width: 60% !important;
    max-height: 90% !important;
    height: auto !important;
    margin: 0;
}

#NumeroTestesChart, #SolicitantePorLabChart, #LabPorSolicitanteChart {
    width: 100% !important;
    height: auto !important;
    margin: 0;
    max-height: 95% !important;
}

/* Media Queries */
@media(max-width: 1175px) {
    .filter-form {
        display: block;
    }

        .filter-form select,
        .filter-form input[type="date"] {
            margin-bottom: 5px;
        }
}

@media (min-width: 1800px) {
    .chart-wrapper,
    .chart-group {
        min-height: 45vh !important;
    }

        .chart-wrapper .p_titulo_principal {
            font-size: 1.85rem;
        }

        .chart-wrapper .chart-result p,
        .chart-wrapper .info {
            font-size: 1.15rem;
        }
}

/* Dropdown Customizado com Busca */
.dropdown-container {
    position: relative;
    width: 100%;
    margin-top: 8px;
}

.dropdown-toggle {
    width: 100%;
    padding: 10px 15px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 8px;
    text-align: left;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .dropdown-toggle::after {
        content: "▼";
        float: right;
        font-size: 12px;
        margin-top: 2px;
        color: #666;
    }

.custom-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 10;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #fff;
    display: none;
    max-height: 250px;
    overflow-y: auto;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 8px;
}

    .custom-dropdown input {
        width: 100%;
        padding: 10px 12px;
        border: none;
        border-bottom: 1px solid #ccc;
        font-size: 14px;
        box-sizing: border-box;
    }

    .custom-dropdown ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .custom-dropdown li {
        padding: 10px 12px;
        cursor: pointer;
        font-size: 14px;
        transition: background-color 0.2s ease;
    }

        .custom-dropdown li:hover {
            background-color: #f0f0f0;
        }

.select-btn {
    border: solid 1px #ccc;
    border-radius: 8px;
    background-color: #fff;
    width: 100%;
    padding: 10px 15px;
}

.center {
    justify-content: center;
}


.ocultar-dmd {
    display: none !important;
}