* {
    margin: 0;
    padding: 0;
}

body {
    /*font-family: 'Assistant', sans-serif;*/
    font-family: 'Nunito', sans-serif;
    position: relative;
}

/*Default*/
.wrap-default {
    background-image: url('../img/Background/Background_Default.png');
    position: relative;
    min-height: 568px;
    font-family: 'Nunito', sans-serif;
}

.menu-default {
    width: 100%;
    background-image: url('../img/Background/Background_Logo_Default.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 160px;
    padding: 0px 60px;
    padding-top: 30px;
}
/*Alinhar a esquerda*/
/*.dataTables_wrapper th, .dataTables_wrapper td {
    text-align: left !important;
}*/
.dataTables_wrapper tbody tr:nth-child(2n+2) td {
    background-color: #f1f1f1;
}

.menu-default img {
    width: 50px;
}
.btn-whats {
    position:absolute; bottom:30px; right:30px; background-color:white; width:60px; height:60px; border-radius:50%; display:flex; align-items:center; justify-content: center; cursor:pointer; box-shadow: 0px 0px 6px 0px #ddd;
}
.bemvindo-box {
    margin: 60px;
}

    .bemvindo-box h1 {
        color: #858585;
        font-size: 35px;
        font-weight: 300;
        text-transform: uppercase;
    }

    .bemvindo-box p {
        margin: 0;
        color: #858585;
    }

    .bemvindo-box h4 {
        margin: 0;
        color: #858585;
    }

    .bemvindo-box h1 span {
        color: #6f86d6;
        font-size: 40px;
    }

.social {
    display: flex;
    margin-top: 20px;
    position: absolute;
    bottom: 60px;
    left: 60px;
}

.appImg {
    width: 180px;
    cursor: pointer;
    max-height: 55px;
}

.social div {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: white;
    margin-right: 10px;
    position: relative;
    transition: .3s ease;
    cursor: pointer;
}

    .social div:hover {
        opacity: .7;
    }

.social i {
    color: #858585;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.adm {
    position: absolute;
    left: 60px;
    bottom: 60px;
}

    .adm p {
        color: grey;
    }

    .adm span {
        font-weight: bold;
    }

    .adm img {
        width: 16px;
    }

.adm-responsive {
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

    .adm-responsive p {
        white-space: nowrap;
        text-align: center;
    }

.faq {
    position: absolute;
    right: 60px;
    bottom: 60px;
    background-color: white;
    border-radius: 20px;
    cursor: pointer;
    padding: 10px;
}

    .faq a {
        color: #6f86d6;
        text-decoration: none;
        padding: 10px;
        position: relative;
    }

.faq-resp {
    position: relative;
    right: initial;
    bottom: initial;
    margin-top: 30px;
    display: none;
}

.help {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
/*Login*/
.menu-login {
    background-color: white;
    min-height: 100vh;
    padding: 60px;
    position: relative;
    top: 0;
    left: 0;
    width: 40%;
    z-index: 100;
    min-height: 568px;
    height: 100vh;
}

.menu-login-inner {
    overflow: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

    .menu-login-inner h2 {
        color: #858585;
        font-size: 40px;
        font-weight: 300;
        margin-bottom: 40px;
    }

        .menu-login-inner h2 span {
            color: #6f86d6;
        }

.my-input {
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #b9b9b9;
    transition: .2s ease-in;
    padding: 5px;
    margin: 5px 0px;
}

    .my-input:active,
    .my-input:focus {
        outline: none !important;
        border-bottom: 1px solid #9d9d9d;
    }

.dv-input-default {
    position: relative;
    margin-bottom: 40px;
}

    .dv-input-default label {
        position: absolute;
        top: 0px;
        left: 5px;
        transition: .2s ease-in;
        font-size: 15px;
        pointer-events: none;
    }

.my-input:focus ~ label {
    color: #9d9d9d;
    top: -15px;
    font-size: 11px;
}

.input-focus {
    color: #9d9d9d !important;
    top: -15px !important;
    font-size: 11px !important;
}

.menu-login-inner .dv-input-default:nth-child(3) {
    margin-bottom: 10px;
}

.menu-login-inner {
    color: #858585;
}

    .menu-login-inner h3 {
        margin-bottom: 40px;
    }

    .menu-login-inner p a {
        color: #6f86d6;
    }

.logo-responsive {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

    .logo-responsive h3 {
        text-align: center;
        margin: 0;
        display: table-cell;
        vertical-align: middle;
        color: #858585;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
    }

    .logo-responsive span {
        font-weight: 800;
        color: #6f86d6;
    }

.escolher-unidade {
    background-color: white;
    height: 100vh;
    padding: 60px;
    width: 700px;
    margin: 0 auto;
    box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, 0.19);
}
/*Button*/
.btn-mybtn {
    border-radius: 20px;
    background: #6f86d6;
    background: -moz-linear-gradient(left, #6f86d6 0%, #48c6ef 99%);
    background: -webkit-linear-gradient(left, #6f86d6 0%,#48c6ef 99%);
    background: linear-gradient(to right, #6f86d6 0%,#48c6ef 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f86d6', endColorstr='#48c6ef',GradientType=1 );
    width: 120px;
    border: 0px;
    opacity: 1;
    margin-top: 60px;
    transition: .3s ease;
    margin-right: 20px;
    float: right;
}

.btn-mybtnDanger {
    border-radius: 20px;
    background: #6f86d6;
    background: -moz-linear-gradient(to right, #da322f 0%,#a94442b3 99%);
    background: -webkit-linear-gradient(to right, #da322f 0%,#a94442b3 99%);
    background: linear-gradient(to right, #da322f 0%,#a94442b3 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f86d6', endColorstr='#48c6ef',GradientType=1 );
    width: 120px;
    border: 0px;
    opacity: 1;
    margin-top: 60px;
    transition: .3s ease;
    margin-right: 20px;
    float: left;
}

.btn-mybtn-path {
    width: 170px;
    border: 1px solid #6f86d6;
    border-radius: 20px;
    background-color: transparent;
    opacity: 1;
    transition: .3s ease;
    color: #6f86d6;
    margin-right: 20px;
    float: right;
}

.btn-mybtn:hover {
    opacity: .7;
}

.btn-mybtn-path:hover {
    opacity: .7;
    background-color: transparent !important;
    border: 1px solid #6f86d6;
    color: #6f86d6;
}

.btn-mybtn-path:focus, .btn-mybtn:focus {
    outline: none !important;
}

.no-margin {
    margin-top: 0 !important;
}

/*Dots*/
.box-dots {
    position: absolute;
    bottom: 30px;
    left: 30px;
    line-height: 10px;
}

    .box-dots i {
        color: #6f86d6;
        font-size: 6px;
        margin-right: 1px;
    }

.box-dots-top {
    left: initial !important;
    bottom: initial !important;
    right: 30px !important;
    top: 30px !important;
    transform: rotate(90deg);
}

/*Home*/
.wrap-Home {
    background-image: url('../img/Background/Background_Default_Blur.png');
    background-attachment: fixed;
}

.menu-left {
    background-color: white;
    display: inline-block;
    height: 100vh;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.11);
    position: fixed;
    z-index: 999;
    overflow-y: auto;
    overflow-x: hidden;
    width: 75px;
    transition: all .2s;
}

    .menu-left:hover {
        width: 220px;
    }

    .menu-left ul {
        margin: 0;
        padding: 0;
    }

    .menu-left li {
        margin: 0;
        padding: 0px;
        display: block;
        height: 70px;
    }

    .menu-left a {
        margin: 0;
        padding: 25px;
        padding-left: 50px;
        display: block;
        background-color: white;
        position: relative;
        text-decoration: none;
        height: 70px;
        width: 100%;
        transition: ease-in .2s;
    }

        .menu-left a:hover {
            background-color: rgba(111, 134, 214, 0.12);
        }

        .menu-left a.active {
            background: #48c6ef;
            background: -moz-linear-gradient(left, #48c6ef 0%, #6f86d6 100%);
            background: -webkit-linear-gradient(left, #48c6ef 0%,#6f86d6 100%);
            background: linear-gradient(to right, #48c6ef 0%,#6f86d6 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48c6ef', endColorstr='#6f86d6',GradientType=1 );
            box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.22);
        }

    .menu-left i {
        font-size: 18px;
        color: #6f86d6;
        position: absolute;
        left: 27px;
    }

    .menu-left a.active i, .menu-left a.active p {
        color: white;
    }

    .menu-left p {
        margin: 0;
        opacity: 0;
        position: absolute;
        left: 55px;
        transition: ease-in .2s;
        color: #6f86d6;
        font-size: 14px;
        white-space: nowrap;
    }

    .menu-left:hover p {
        opacity: 1;
    }

.user-image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.user-icon-content {
    display: flex;
    position: relative;
    padding: 5px;
    border-radius: 30px;
    align-items: center;
    transition: ease-in .3s;
    cursor: pointer;
}

    .user-icon-content:hover {
        background-color: rgba(111, 134, 214, 0.12);
    }

    .user-icon-content p {
        margin: 0;
        margin-right: 10px;
        color: rgba(59, 59, 59, 0.64);
    }

.logo-bar {
    width: 100%;
    height: 71px;
    background-color: white;
    position: fixed;
    top: 0;
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
    z-index: 997;
    align-items:center;
    justify-content:center;
}
.imgLogoTop{
    width:150px;
    margin:0 auto;
    display:block;
}

.logo-bar h3 {
    text-align: center;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    color: #858585;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: initial;
}

        .logo-bar h3 span {
            font-weight: bold;
            color: #6f86d6;
        }

    .logo-bar ul.ul-icon {
        margin: 0;
    }

        .logo-bar ul.ul-icon li {
            list-style: none;
            display: inline;
            margin: 0px;
        }

            .logo-bar ul.ul-icon li a {
                color: #8b8b8b;
            }

            .logo-bar ul.ul-icon li i {
                font-size: 30px;
                transition: ease .3s;
            }

                .logo-bar ul.ul-icon li i:hover {
                    color: #6f86d6;
                }

.drop-box {
    background-color: white;
    position: absolute;
    right: 99px;
    top: 71px;
    box-shadow: 0px 0px 5px 0px #ddd;
    opacity: 0;
    pointer-events: none;
    transition: all .3s;
    width: 300px;
}

    .drop-box:before {
        content: '';
        position: absolute;
        border: 10px solid;
        border-top-color: transparent;
        border-right-color: transparent;
        border-left-color: transparent;
        border-bottom-color: #6f86d6;
        width: 10px;
        height: 10px;
        top: -20px;
        right: 17px;
    }

.drop-box-openned {
    opacity: 1 !important;
    pointer-events: initial !important;
}

.drop-box ul {
    margin: 0;
    padding: 0;
}

    .drop-box ul li {
        list-style: none;
        display: block;
        background-color: white;
        transition: ease .3s;
        position: relative;
    }

        .drop-box ul li:hover {
            background-color: rgba(221, 221, 221, 0.49);
        }

        .drop-box ul li a {
            color: #333;
            text-decoration: none;
            display: block;
            padding: 15px 15px 15px 40px;
        }

        .drop-box ul li i {
            position: absolute;
            top: 17px;
            font-size: 16px;
            color: #8b8b8b;
            left: 10px;
        }

.topBorder {
    width: 100%;
    height: 8px;
    background: #48c6ef;
    background: -moz-linear-gradient(left, #48c6ef 0%, #6f86d6 100%);
    background: -webkit-linear-gradient(left, #48c6ef 0%,#6f86d6 100%);
    background: linear-gradient(to right, #48c6ef 0%,#6f86d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48c6ef', endColorstr='#6f86d6',GradientType=1 );
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.svgCevronDown{
    transform:rotateZ(0deg);
    transition:all .2s;
}
.svgCevronDownActive {
    transform: rotateZ(180deg);
}

.menu-responsive-button {
    position: absolute;
    width: 60px;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .menu-responsive-button i {
        color: #8b8b8b;
    }

.menu-responsivo {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 1000px;
    background-color: white;
    z-index: 999;
    transition: all .5s;
    display: none;
}

.menu-responsivo-active {
    left: 0;
}

.menu-responsivo ul {
    margin: 0;
    margin-top: 55px;
}

.menu-responsivo li {
    text-align: center;
    display: block;
    position: relative;
}

    .menu-responsivo li i {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 20px;
        font-size: 20px;
    }

    .menu-responsivo li a {
        display: block;
        color: #6f86d6;
        text-align: center;
        font-weight: bold;
        padding: 30px;
    }

.menu-dismiss {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 30px;
    right: 30px;
    color: #858585;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*Medico*/
.medico-box {
    padding: 120px 0px 0px;
    display: block;
    z-index: 995;
    position: relative;
}

.medico-box-inner {
    display: flex;
    position: absolute;
    top: -110px;
}

.config-box {
    padding: 0px;
    display: block;
    z-index: 995;
    position: relative;
}

.medico-icon {
    width: 200px;
    height: 200px;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.22);
    position: relative;
    display: inline-block;
}

.medico-pic {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

    .medico-pic img {
        max-width: 200px;
        position: relative;
        bottom: -20px;
        left: 50%;
        transform: translateX(-50%);
    }

    .medico-pic i {
        font-size: 60px;
        color: #ead719;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.image-perfil-config {
    display: block;
    margin: 0 auto;
}

.medico-details {
    display: block;
    position: relative;
    margin-left: 20px;
    margin-top: 20px;
}

.admin {
    display: inline-block;
    background-color: #ead719;
    width: 100px;
    height: 30px;
    position: absolute;
    top: 0px;
    left: 110%;
}

    .admin:before {
        content: '';
        width: 10px;
        height: 10px;
        position: absolute;
        background-color: #ead719;
        top: 10px;
        left: -5px;
        transform: rotate(45deg);
    }

    .admin p {
        padding: 5px 0px;
        text-align: center;
        color: white !important;
        margin: 0 !important;
    }

.medico-details h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    color: #6b6b6b;
    margin: 0;
}

    .medico-details h3 span {
        font-weight: bold;
        color: #333;
    }

.medico-box p {
    font-family: 'Montserrat', sans-serif;
    color: #6b6b6b;
    margin: 0;
    font-weight: bold;
    margin-top: 5px;
}

.config-box p {
    font-family: 'Montserrat', sans-serif;
    color: #6b6b6b;
    margin: 0;
    font-weight: bold;
    margin-top: 5px;
}

.medico-content {
    background-color: white;
    width: 100%;
    position: relative;
    margin-top: 300px;
}

.box-content-medico {
    background-color: white;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.22);
    width: 100%;
    position: relative;
    top: -30px;
    border-radius: 4px;
    padding: 0px 60px;
    padding-bottom: 60px;
}

.box-content-config {
    background-color: white;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.22);
    width: 100%;
    position: relative;
    top: -30px;
    border-radius: 4px;
    padding: 30px;
}

.medico-box-detalhes {
    display: inline-block;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.medico-box h2 {
    padding-bottom: 10px;
    color: #333;
    border-bottom: 1px solid #ddd;
    margin: 0;
}

    .medico-box h2 span {
        color: #6f86d6;
        font-weight: bold;
    }

.config-box h2 {
    padding-bottom: 10px;
    color: #333;
    border-bottom: 1px solid #ddd;
    margin: 0;
}

    .config-box h2 span {
        color: #6f86d6;
        font-weight: bold;
    }

/*Clientes*/
.cliente-wrap {
    margin-top: 200px;
    background-color: white;
    margin-left: 100px;
}

.cliente-content {
    background-color: white;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.22);
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: -30px;
    border-radius: 4px;
    padding: 30px;
}

    .cliente-content h2 {
        padding-bottom: 10px;
        color: #333;
        border-bottom: 1px solid #ddd;
        margin: 0;
    }

    .cliente-content .input-search {
        position: absolute;
        background-color: white;
        border: 1px solid #ddd;
        top: 30px;
        width: 300px;
        padding: 5px 10px 5px 40px;
        border-radius: 20px;
        right: 30px;
        transition: all .3s;
    }

        .cliente-content .input-search:focus {
            border: 1px solid #6f86d6;
            outline: none !important;
        }

    .cliente-content > i {
        position: absolute;
        right: 300px;
        top: 40px;
        color: #6f86d6;
    }

    .cliente-content h2 span {
        color: #6f86d6;
        font-weight: bold;
    }

.cliente-table {
    margin-top: 30px;
    transition: all .5s;
}

    .cliente-table table {
        width: 100%;
        max-width: calc(100%);
    }

    .cliente-table th {
        padding: 10px;
        border-bottom: 1px solid #ddd;
        text-align: center;
        overflow: hidden;
    }

    .cliente-table td {
        padding: 10px;
        text-align: center;
        vertical-align: middle !important;
        overflow-wrap: break-word;
        text-overflow: ellipsis;
        max-width: 150px;
    }
.exame-wrap .cliente-table td {
    overflow-wrap: initial !important;
    overflow:hidden;
}

        .cliente-table td .btn-mybtn-path {
            position: relative;
            height: 40px;
            width: 40px;
            margin: 0 auto;
            display: block;
            float: initial !important;
        }

            .cliente-table td .btn-mybtn-path i {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

#tableTopico,
#tableIntramuscular,
#tableSubcultaneo,
#tableSangue,
#tableUrina,
#tableFezes {
    display: none;
    /*opacity: 0;*/
}

.receita-empty {
    width: 100%;
    height: 300px;
}

    .receita-empty h2 {
        color: #6b6b6b;
        font-family: 'Montserrat', sans-serif;
        text-align: center;
        padding-top: 50px;
        border: 0 !important;
    }

.btn-add {
    color: #6f86d6;
    padding: 10px 0px;
    background-color: transparent;
    border: 0;
    outline: 0 !important;
    margin-top: 10px;
}

    .btn-add:hover {
        color: #576db6;
        background-color: transparent;
        outline: 0 !important;
    }

    .btn-add:focus,
    .btn-add:active {
        color: #576db6 !important;
        background-color: transparent !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

.cliente-table thead tr th:last-child {
    text-align: center;
}

.cliente-table tbody tr td:last-child {
    padding: 10px;
}

.cliente-table tbody tr:nth-child(2n+2) {
    background-color: #f1f1f1;
}

.modal-dialog {
    max-width: 800px;
    width: auto !important;
}

.input-details {
    width: 100%;
    border: 1px solid #ddd;
    padding: 5px 10px;
    font-size: 14px;
}

    .input-details:hover,
    .input-details:focus {
        outline: none !important;
    }

.modal-body .row {
    margin-bottom: 10px;
}

.modal-body label {
    font-weight: bold;
    float: right;
    margin-top: 5px;
    font-size: 14px;
}

.modal-content .close:focus {
    outline: none !important;
}

/*Receita*/
.receita-wrap {
}

.receita-top {
    display: flex;
    width: 100%;
    padding: 30px 0px;
}

.receita-img {
    width: 20%;
    position: relative;
}

.receita-top-desc {
    width: 100%;
    border: 1px solid #ddd;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 30px 20px;
    display: block;
    flex-wrap: wrap;
}

    .receita-top-desc label {
        margin: 0;
        font-weight: bold;
    }

    .receita-top-desc input {
        background-color: #ddd;
    }

    .receita-top-desc .row .col-xs-12 {
        margin-left: 15px;
    }

.receita-mid {
    border: 1px solid #ddd;
    padding: 30px 20px;
    height: initial;
    min-height: 400px;
    overflow: auto;
}

    .receita-mid h4 {
        color: #333;
        margin-bottom: 10px;
    }

.receita-hide {
    height: 90px;
    overflow: hidden;
    min-height: initial;
    position: relative;
    transition: all .3s;
}

.exame-hide {
    height: 90px;
    overflow: hidden;
    min-height: initial;
    position: relative;
    transition: all .3s;
}

.type-uso-box {
    width: 100%;
    border: 1px solid #f1f1f1;
    padding: 5px;
    cursor: pointer;
    background-color: transparent;
    transition: .2s ease;
    border-radius: 3px;
}

.type-uso-box-checked {
    background-color: rgba(111, 134, 214, 0.65);
    border: 1px solid #6f86d6;
}

.type-uso-box p {
    margin: 0;
    text-align: center;
    color: #333;
    transition: .2s ease;
}

.type-uso-box-checked p {
    color: white !important;
}

.type-exame-box-checked {
    background-color: rgba(111, 134, 214, 0.65);
    border: 1px solid #6f86d6;
}

.type-exame-box p {
    margin: 0;
    text-align: center;
    color: #333;
    transition: .2s ease;
}

.type-exame-box-checked p {
    color: white !important;
}

.receita-bot {
    overflow: auto;
    border: 1px solid #ddd;
    padding: 30px 20px;
    height: initial;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 30px;
}

.ass-medico-box {
    width: 80%;
    display: flex;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.ass-medico {
    width: 70%;
    height: 100px;
    border-bottom: 1px solid #ddd;
    position: relative;
    display: inline-block;
    margin: 0px 5px;
}

    .ass-medico .nome-medico {
        position: absolute;
        bottom: -20px;
        font-size: 11px;
        left: 50%;
        transform: translateX(-50%);
    }

        .ass-medico .nome-medico p {
            font-weight: initial !important;
        }

.crm-box {
    height: 100px;
    width: 30%;
    display: inline-block;
    border-bottom: 1px solid #ddd;
    margin: 0px 5px;
    position: relative;
}

.crm {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}

    .crm p {
        font-family: 'Montserrat', sans-serif;
        color: #6b6b6b;
        margin: 0;
        font-weight: initial !important;
        margin-top: 5px;
        font-size: 11px;
    }

.receita-table-empty {
    display: block;
    width: 100%;
    margin-top: 100px;
    position: relative;
    transition: ease .3s;
}

    .receita-table-empty h2 {
        color: #6b6b6b;
        border: 0;
        padding-bottom: 0;
        text-align: center;
    }

/*Adicionar*/
.modal-add-body label {
    float: initial !important;
}

.modal-add-body .input-details {
    width: 100% !important;
    border: 0;
    border-bottom: 1px solid #ddd;
    transition: ease .2s;
}

    .modal-add-body .input-details:focus {
        border-bottom: 1px solid #333;
    }

.my-modal-dialog {
    max-width: 1200px !important;
}

/*Excluir*/
.excluirmed-modal {
    padding: 60px;
}

    .excluirmed-modal h4 {
        font-weight: bold;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .excluirmed-modal h5 {
        font-weight: bold;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }

/*Lista Remedios*/

/*Configurações*/
.config-top {
    width: 100%;
    padding: 30px 0px;
}

    .config-top h3 {
        color: #858585;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        font-size: 25px;
        text-align: center;
        margin-top: 20px;
    }

        .config-top h3 span {
            font-weight: bold;
            color: #333;
        }

    .config-top p {
        font-family: 'Montserrat', sans-serif;
        color: #6b6b6b;
        margin: 0;
        font-weight: bold;
        margin-top: 5px;
        text-align: center;
    }

.config-mid {
    padding: 30px 20px;
    margin-bottom: 60px;
}

    .config-mid label {
        font-family: 'Montserrat', sans-serif;
        color: #333;
        margin: 0;
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 20px;
        padding: 5px;
    }

.btn-changepic {
    width: 30px;
    height: 30px;
    border-radius: 20px;
    position: absolute;
    bottom: 0;
    right: 35px;
    background-color: #bababa;
    border: 1px solid #bababa;
    opacity: .8;
}

    .btn-changepic:hover {
        background-color: #919191;
        border: 1px solid #919191;
    }

.btn-consultorio-changepic {
    width: 30px;
    height: 30px;
    border-radius: 20px;
    position: absolute;
    bottom: -15px;
    right: -15px;
    background-color: #bababa;
    border: 1px solid #bababa;
    opacity: .8;
}

    .btn-consultorio-changepic:hover {
        background-color: #919191;
        border: 1px solid #919191;
    }

#ContentPlaceHolder1_btnProsseguir {
    margin: 0;
    float: initial !important;
}

.my-input-config {
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #b9b9b9;
    transition: .2s ease-in;
    padding: 5px;
}

    .my-input-config:active,
    .my-input-config:focus {
        outline: none !important;
        border-bottom: 1px solid #9d9d9d;
    }

.receita-config-img {
    /*width: 50%;*/
    width: 250px;
    height: 100px;
    position: relative;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.22);
    margin-bottom: 80px;
}

    .receita-config-img a {
        position: absolute;
        bottom: -20px;
        left: 0px;
    }

.conf-content {
    background-color: white;
    width: 100%;
    position: relative;
    margin-top: 200px;
}

/*Define 5 columns*/
.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;
}

.modal-passos {
    max-width: 1200px !important;
}

    .modal-passos .modal-body {
        /*height: 600px;*/
        height: 685px;
        display: flex;
        padding: 50px;
        background-image: url('../img/Logo/MyPrescription_Transp.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right -30px top 60px;
    }

.passosIntroSmall {
    color: #333;
    font-size: 20px;
    margin-bottom: 0px;
    font-weight: bold;
}

.passosIntroBig {
    color: #6F86D6;
    font-weight: bold;
    font-size: 60px;
    margin-bottom: 60px;
    line-height: 1;
}

.passosIntroText {
    font-size: 18px;
    color: #333;
    opacity: .8;
    margin-bottom: 30px;
}

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

.PassosText {
    font-size: 20px;
}

@keyframes TutorialPop {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }

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

.config-Tutorial .commentTutorial:before {
    content: '';
    background-color: #29a0e3;
    position: absolute;
    right: calc(50%);
    bottom: calc(100% - 10px);
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
}

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

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

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

/*Atendimento*/
.atend-wrap {
    margin-top: 200px;
    background-color: white;
    margin-left: 75px;
}

.atend-content {
    background-color: white;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.22);
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: -30px;
    border-radius: 4px;
    padding: 30px;
}

    .atend-content h2 {
        padding-bottom: 10px;
        color: #333;
        border-bottom: 1px solid #ddd;
        margin: 0;
        position: relative;
    }

        .atend-content h2 span {
            font-size: 30px;
            font-weight: bold;
            color: #6f86d6;
            font-weight: bold;
        }

    .atend-content .input-search {
        position: absolute;
        background-color: white;
        border: 1px solid #ddd;
        top: 30px;
        width: 300px;
        padding: 5px 10px 5px 40px;
        border-radius: 20px;
        right: 30px;
        transition: all .3s;
    }

        .atend-content .input-search:focus {
            border: 1px solid #6f86d6;
            outline: none !important;
        }

    .atend-content > i {
        position: absolute;
        right: 300px;
        top: 40px;
        color: #6f86d6;
    }

    .atend-content h2 i {
        font-size: 8px;
        color: rgba(51, 51, 51, 0.43);
        padding: 0px 20px;
        position: relative;
        bottom: 5px;
    }

.atend-table {
    margin-top: 30px;
    transition: all .5s;
}

    .atend-table table {
        width: 100%;
    }

    .atend-table th {
        padding: 10px;
        border-bottom: 1px solid #ddd;
        text-align: center;
    }

    .atend-table td {
        padding: 10px;
        text-align: center;
    }

.btn-mybtn-path-atend {
    width: 170px;
    border: 1px solid #6f86d6;
    border-radius: 20px;
    background-color: transparent;
    opacity: 1;
    margin-top: 0px;
    float: right;
    transition: .3s ease;
    color: #6f86d6;
    margin: 0px 10px;
}

    .btn-mybtn-path-atend:hover {
        opacity: .7;
        background-color: transparent !important;
        border: 1px solid #6f86d6;
        color: #6f86d6;
    }

.btn-mybtn-confirm {
    border: 1px solid #1b973c !important;
    color: #1b973c !important;
    background-color: transparent;
}

.btn-mybtn-notconfirm {
    border: 1px solid #a01717 !important;
    color: #a01717 !important;
}

.atend-table td .btn-mybtn-path-atend {
    position: relative;
    height: 40px;
    width: 40px;
    margin: 0;
    display: initial !important;
    float: initial !important;
}

    .atend-table td .btn-mybtn-path-atend i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.atend-box {
    padding: 30px 0px !important;
}

.atend-desc {
    margin-bottom: 30px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    min-height: initial;
    height: initial !important;
}

    .atend-desc textarea {
        padding: 10px;
        width: 100%;
        min-height: 100px;
    }

.add-rec-ex {
    font-size: 16px;
    color: #6f86d6;
    cursor: pointer;
    position: absolute;
    top: 35px;
    right: 20px;
    font-weight: bold;
}

.my-fa-plus-times1 {
    transform: rotate(0deg);
    transition: all .3s;
}

.my-fa-plus-times1-after {
    transform: rotate(45deg);
}

.my-fa-plus-times2 {
    transform: rotate(0deg);
    transition: all .3s;
}

.my-fa-plus-times2-after {
    transform: rotate(45deg);
}

.add-rec-inner {
    opacity: 1;
    transition: all .3s;
}

.row-opacity {
    opacity: 0;
    pointer-events: none;
    transition: ease .3s;
}

.add-receita {
    transition: all .3s;
    position: relative;
}

.add-exame {
    transition: all .3s;
    position: relative;
}

.todays-date {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
}

.todays-date {
    color: #858585;
}

/*Dashboard*/
.dashboard-box-top {
    width: 100%;
    margin: 90px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.dashboard-box {
    width: 100%;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.09);
    border: 1px solid transparent;
    display: block;
    transition: all .3s;
    position: relative;
    cursor: pointer;
    margin: 0px 10px 20px;
    flex: .2 0;
    min-width: 200px;
}

    .dashboard-box:hover {
        border: 1px solid #6f86d6;
    }

    .dashboard-box .dashboard-box-title {
        background: rgba(8,115,209,1);
        background: -moz-linear-gradient(-45deg, rgba(8,115,209,1) 0%, rgba(0,172,252,1) 100%);
        background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(8,115,209,1)), color-stop(100%, rgba(0,172,252,1)));
        background: -webkit-linear-gradient(-45deg, rgba(8,115,209,1) 0%, rgba(0,172,252,1) 100%);
        background: -o-linear-gradient(-45deg, rgba(8,115,209,1) 0%, rgba(0,172,252,1) 100%);
        background: linear-gradient(135deg, rgba(8,115,209,1) 0%, rgba(0,172,252,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0873d1', endColorstr='#00acfc', GradientType=1 );
    }
/*.dashboard-box-top .row .col-md-3:nth-child(2) .dashboard-box-title {
    background: rgba(67,233,122,1);
    background: -moz-linear-gradient(-45deg, rgba(67,233,122,1) 0%, rgba(3,144,157,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(67,233,122,1)), color-stop(100%, rgba(3,144,157,1)));
    background: -webkit-linear-gradient(-45deg, rgba(67,233,122,1) 0%, rgba(3,144,157,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(67,233,122,1) 0%, rgba(3,144,157,1) 100%);
    background: linear-gradient(135deg, rgba(67,233,122,1) 0%, rgba(3,144,157,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43e97a', endColorstr='#03909d', GradientType=1 );
}
.dashboard-box-top .row .col-md-3:nth-child(3) .dashboard-box-title {
    background: rgba(250,112,153,1);
    background: -moz-linear-gradient(-45deg, rgba(250,112,153,1) 0%, rgba(254,225,64,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(250,112,153,1)), color-stop(100%, rgba(254,225,64,1)));
    background: -webkit-linear-gradient(-45deg, rgba(250,112,153,1) 0%, rgba(254,225,64,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(250,112,153,1) 0%, rgba(254,225,64,1) 100%);
    background: linear-gradient(135deg, rgba(250,112,153,1) 0%, rgba(254,225,64,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa7099', endColorstr='#fee140', GradientType=1 );
}
.dashboard-box-top .row .col-md-3:nth-child(4) .dashboard-box-title {
    background: rgba(102,126,234,1);
    background: -moz-linear-gradient(-45deg, rgba(102,126,234,1) 0%, rgba(118,75,162,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(102,126,234,1)), color-stop(100%, rgba(118,75,162,1)));
    background: -webkit-linear-gradient(-45deg, rgba(102,126,234,1) 0%, rgba(118,75,162,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(102,126,234,1) 0%, rgba(118,75,162,1) 100%);
    background: linear-gradient(135deg, rgba(102,126,234,1) 0%, rgba(118,75,162,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#667eea', endColorstr='#764ba2', GradientType=1 );
}*/
.dashboard-box-title {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 15px;
}

    .dashboard-box-title h3 {
        margin: 0;
        color: rgba(255, 255, 255, 0.80);
    }

.dashboard-box h1 {
    font-size: 28px;
    margin: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana;
    position: absolute;
    bottom: 30px;
    right: 20px;
}

.dashboard-description {
    padding: 30px 20px;
    position: relative;
}

.dashboard-box p {
    color: rgba(51, 51, 51, 0.75);
    margin: 0px;
}

.dashboard-box-mes {
    width: 100%;
    margin-top: 60px;
}

    .dashboard-box-mes p {
        text-align: center;
        font-family: 'Montserrat', sans-serif;
        color: #6b6b6b;
        font-size: 15px;
        font-weight: initial;
    }

        .dashboard-box-mes p span {
            font-weight: bold;
        }

/*Status*/
.circle-red {
    color: #ed260b;
}

.circle-orange {
    color: #f38b12;
}

.circle-green {
    color: #13b30c;
}

.circle-blue {
    color: #0264f8;
}

/*Opacity*/
.my-opacity {
    opacity: 1 !important;
    pointer-events: initial !important;
}

/*Agenda*/
.agenda-late {
    background-color: rgba(255, 0, 0, 0.22) !important;
}

/*Erro*/
.dvErro {
    width: 100%;
    padding: 20px;
    margin: 0px 20px;
    margin-bottom: 20px;
    display: none;
}

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

        .dvErro ul li {
            color: red;
            font-weight: bold;
        }

/*Criar conta*/
.createacc-box {
    width: 500px;
    background-color: white;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    display: block;
    margin: 0 auto;
    padding: 30px;
    position: relative;
    overflow: auto;
}

    .createacc-box h3 {
        text-align: center;
        color: #858585;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        display: block;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 60px;
    }

    .createacc-box span {
        font-weight: 800;
        color: #6f86d6;
    }

.wrap-createacc {
    background-image: url('../img/Background/Background_Default.png');
    min-height: 100vh;
}

    .wrap-createacc .container {
        padding: 60px 0px;
    }

.createacc-divide {
    display: flex;
}

    .createacc-divide div {
        width: 50%;
    }

        .createacc-divide div:first-child {
            margin-right: 10px;
        }

/*Plugins*/
.input-sm {
    border-radius: 20px;
    position: relative;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #6f86d6;
    border-color: #6f86d6;
}

.fa-search-plus {
    color: #6f86d6;
    text-decoration: none;
}

.exames-icon {
    color: #6f86d6 !important;
    background-color: transparent !important;
}

.swal-button {
    border-radius: 20px;
    background: #6f86d6;
    background: -moz-linear-gradient(left, #6f86d6 0%, #48c6ef 99%);
    background: -webkit-linear-gradient(left, #6f86d6 0%,#48c6ef 99%);
    background: linear-gradient(to right, #6f86d6 0%,#48c6ef 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f86d6', endColorstr='#48c6ef',GradientType=1 );
    width: 120px;
    border: 0px;
    opacity: 1;
    transition: .3s ease;
}

.swal-footer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.swal-button-container {
    margin: 0 auto;
    display: inline-block;
    position: relative;
}

.modal-title {
    color: #6f86d6;
    font-size: 25px;
    display: inline-block;
}

td a {
    color: #6f86d6;
    text-decoration: none !important;
}

.dataTables_filter label {
    float: right !important;
}

    .dataTables_filter label input {
        margin-left: 10px;
    }

/*Perguntas frequentes*/
.MenuGeneral {
    background-color: white;
    padding: 20px;
    height: 100px;
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    align-items: center;
}

    .MenuGeneral img {
        height: 100%;
    }

.BoxContentGeneral {
    width: 80%;
    margin: 0 auto;
    margin-top: 100px;
    display: flex;
}

BoxContentGeneralLeft {
    width: 40%;
}

.BoxContentGeneralLeft h1 {
    font-weight: bold;
    font-size: 40px;
}

.BoxContentGeneralLeft p {
    color: #8f8f8f;
}

.BoxContentGeneralRight {
    width: 60%;
    display: flex;
    justify-content: center;
}

.GeneralRightInner {
    display: block;
    width: 60%;
}

    .GeneralRightInner > p {
        color: #8f8f8f;
    }

.BoxDuvida {
    background-color: #f1f1f1;
    padding: 20px;
    cursor: pointer;
    margin-bottom: 10px;
    padding-right: 30px;
    position: relative;
    max-height: 65px;
    overflow: hidden;
    transition: all .5s ease-in-out;
}

    .BoxDuvida p {
        margin: 0;
    }

    .BoxDuvida svg {
        position: absolute;
        top: 23px;
        right: 15px;
        color: #2e36c6;
        opacity: 1;
    }

    .BoxDuvida p:first-child {
        font-size: 16px;
        font-weight: bold;
    }

    .BoxDuvida p:nth-child(3) {
        margin-top: 20px;
    }

.BoxDuvidaActive {
    background-color: white;
    max-height: 1000px;
}

.line {
    transform: rotate(0deg);
    transition: all .2s;
    -webkit-transform: rotate(0deg);
    -webkit-transition: all .2s;
}

.ContactBox {
    margin-top: 20px;
}

    .ContactBox p {
        color: #8f8f8f;
        margin: 0;
    }

.image-mobile {
    display: none;
}

.boxPassosInner {
    width: 50%;
}

/*Certificado*/
.CertificadoContainer {
    margin-bottom: 100px;
}

.flex {
    display: flex;
}

.cert-config-mid {
    padding: 30px 20px;
}

.cert-selectbox {
    background-color: rgba(131, 158, 248, 0.11);
    padding: 10px;
    height: 180px;
    border-radius: 20px;
    margin-right: 30px;
    display: flex;
    width:130px;
    flex-direction: column;
    cursor: pointer;
    transition: all .2s;
}

    .cert-selectbox:hover {
        background-color: rgba(131, 158, 248, 0.21);
    }

    .cert-selectbox i {
        font-size: 40px;
        color: #3562f8;
        transition: all .2s;
    }

    .cert-selectbox > span {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cert-selectbox span:first-child {
        flex: .5;
    }

    .cert-selectbox span:last-child {
        flex: .5;
    }

    .cert-selectbox > span > span {
        text-align: center;
        width: 100%;
        white-space: nowrap;
        color: #3562f8;
        transition: all .2s;
    }

    .cert-selectbox input {
        display: none;
    }

.cert-selectbox-selected {
    background-color: #3562f8;
}

    .cert-selectbox-selected i {
        color: white;
    }

    .cert-selectbox-selected > span > span {
        color: white;
    }

    .cert-selectbox-selected:hover {
        background-color: #2450e1;
    }

.cert-selectbox > span svg {
    fill: #3562f8;
}

.cert-selectbox-selected svg {
    fill: white !important;
}

/*RESPONSIVO*/
@media screen and (max-width:1541px) {
    .dashboard-description {
        padding: 30px 10px;
        position: relative;
    }

    .dashboard-box-title h3 {
        font-size: 20px;
    }

    .dashboard-box {
        margin: 0px 5px 20px;
        min-width: 178px;
    }
}

@media screen and (max-width:1440px) {
    .menu-login, .escolher-unidade {
        width: 500px;
    }

    .menu-login {
        padding: 30px;
    }

    .bemvindo-box {
        margin: 30px;
    }

    .social {
        bottom: 30px;
        left: 30px;
    }

    .adm {
        right: 30px;
        bottom: 30px;
    }

    .menu-login-inner h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .termos p {
        margin: 0;
    }

    .help ~ div {
        margin-bottom: 20px !important;
    }

    .bemvindo-box {
        padding-top: 0px;
    }
}

@media screen and (max-width:1200px) {
    .modal-passos .modal-body {
        padding: 20px;
    }

    .menu-default {
        margin-bottom: 80px;
    }

    .atend-content .input-search {
        width: 200px;
    }

    .atend-content > i {
        right: 200px;
    }

    .receita-config-img {
        margin-bottom: 80px;
    }

    #CertBoxButton {
        display: block !important;
    }
}

@media screen and (max-width:1050px) {
    /*#btn-duvidas{
        display:none;
    }*/
    .menu-login-inner {
        position: absolute;
        width: calc(100% - 60px);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .btn-consultorio-changepic {
        display: none;
    }

    .wrap-createacc {
        background-image: none;
    }

    .createacc-box {
        width: initial;
        box-shadow: none;
    }

    .menu-login {
        width: 100%;
        overflow-y: auto;
        position: fixed;
    }
    .btn-whats{
        display:none;
    }

    .escolher-unidade {
        width: 100%;
        padding: 10px;
    }

        .escolher-unidade h1 {
            font-size: 35px;
        }

    .logo-responsive {
        display: block;
        margin: 0 auto;
    }

    .dashboard-circles {
        width: 80px;
        height: 80px;
    }

        .dashboard-circles h1 {
            font-size: 25px;
        }

    .menu-left {
        display: none;
    }

    .atend-wrap {
        margin-left: initial;
    }

    .todays-date h5 {
        font-size: 15px;
        margin-bottom: 0;
    }

    .atend-content .input-search {
        width: 200px;
    }

    .atend-content > i {
        right: 200px;
    }

    .cliente-wrap {
        margin-left: 0;
    }

    .wrap-default .container {
        display: none;
    }

    .wrap-createacc .container {
        padding-top: 60px;
    }

    .medico-pic img {
        max-width: 100%;
    }

    .modal-passos .modal-body {
        height: 100vh;
    }

    .menu-login-inner .btn-mybtn, .createacc-box .btn-mybtn {
        width: 100% !important;
    }

    .menu-login-inner .btn-mybtn-path, .createacc-box .btn-mybtn-path {
        width: 100% !important;
        margin: 0px;
        margin-top: 10px !important;
    }

    .menu-responsivo {
        display: initial;
    }

        .menu-responsivo li i {
            display: none;
        }

        .menu-responsivo li a {
            text-decoration: none;
            font-size: 20px;
            text-align: left;
        }

    .menu-dismiss i {
        font-size: 20px;
    }

    .atend-content h2, .atend-content h2 span {
        font-size: 25px;
    }

    .drop-box {
        right: 20px;
    }

    .wrap-default {
        background-image: none;
        overflow-y: hidden;
    }

    .displayResponsive {
        visibility: hidden;
    }

    .config-mid .btn-mybtn {
        margin: 0 auto !important;
        margin-top: 0px !important;
        display: block;
        position: relative;
        left: initial !important;
    }

    .user-icon-content > div {
        display: none;
    }

    .receita-bot .btn-mybtn, .receita-bot .btn-mybtn-path {
        width: 100% !important;
        margin-right: 0px !important;
    }

    .btn-mybtn {
        margin-right: 0;
    }

    .config-top .commentTutorial {
        display: none !important;
    }

    .config-mid .commentTutorial {
        bottom: -50px !important;
    }

    .config-Tutorial .commentTutorial {
        left: 0px !important;
        right: initial !important;
    }

    .BoxContentGeneralRight {
        width: initial;
    }

    .ContactBox p {
        font-size: 18px;
        white-space: nowrap;
    }

    .modal-passos .modal-body {
        padding: 20px;
    }

    .boxPassosInner {
        width: initial;
    }

    .boxPassos .btn-mybtn {
        margin: 0 auto !important;
        display: block;
        margin-top: 30px !important;
    }

    .icon-valid-crm, .user-icon-content p {
        display: none;
    }

    .faq-resp {
        display: block;
    }

        .faq-resp a {
            text-align: center;
            padding: 0;
            margin: 0 auto;
            display: block;
        }

        .faq-resp:before {
            content: '';
            position: absolute;
            width: 100px;
            height: 1px;
            background-color: #ddd;
            top: -15px;
            left: 50%;
            transform: translateX(-50%);
        }

    .adm-responsive {
        display: block;
        right: initial !important;
    }

    #divCertSelecionado p {
        font-size: 12px;
    }

    #divCertSelecionado a {
        margin-left: 0px !important;
    }

    .cert-selectbox {
        flex: .5 !important;
        max-width: 116px;
    }
}

@media screen and (max-width:768px) {
    .user-icon-content {
        right: 0 !important;
    }

    .medico-icon {
        width: 150px;
        height: 150px;
    }

    .medico-pic {
        width: 150px;
        height: 150px;
    }

        .medico-pic i {
            font-size: 40px;
        }

    .admin {
        display: none;
    }

    .dashboard-circles {
        width: 60px;
        height: 60px;
        margin: 10px;
    }

        .dashboard-circles h1 {
            font-size: 20px;
        }

    .medico-details h3 {
        font-size: 20px;
    }

    .dashboard-circles p {
        font-size: 10px;
    }

    .medico-box p {
        font-size: 10px;
    }

    .logo-bar h3 {
        text-align: left;
        padding-left: 75px;
    }

    .logo-bar ul.ul-icon {
        right: 30px;
    }

    .todays-date {
        top: 85px;
    }

    .box-content-medico {
        padding: 0px 30px;
        padding-bottom: 30px;
    }

    .medico-content {
        margin-top: 200px;
    }

    .excluirmed-modal {
        padding: 30px;
    }

    .cliente-table {
        overflow-x: auto;
    }

    .cliente-content h2 {
        padding-bottom: 90px;
    }

    .cliente-content .input-search {
        width: 90%;
        top: 85px;
        right: initial;
    }

    .cliente-content > i {
        right: 293px;
        top: 95px;
    }

    .cliente-content {
        padding: 15px;
        width: 90%;
    }

    .receita-mid h4 {
        font-size: 18px;
    }

    .add-rec-ex {
        font-size: 14px;
    }

    .receita-mid {
        min-height: initial;
    }

    .receita-table-empty {
        margin-top: initial;
    }

        .receita-table-empty h2 {
            font-size: 25px;
        }

    .config-mid {
        padding: 30px 0px;
    }

    .receita-bot {
        padding: 0;
    }

        .receita-bot h4 {
            color: #333;
            margin-bottom: 10px;
        }

    .receita-config-img {
        width: 90%;
        margin: 0 auto;
        display: block;
        margin-bottom: 80px;
    }

    .atend-wrap {
        margin-top: 150px;
    }

    .cliente-wrap {
        margin-top: 100px;
    }

    .logo-responsive {
        top: 150px;
    }

    .modal-body label {
        text-align: left;
        float: initial;
    }

    .termos p {
        font-size: 13px;
    }

    .MenuGeneral, .BoxContentGeneral {
        width: 100%;
    }

    .BoxContentGeneral {
        padding: 0px 20px;
        display: block;
    }

    .BoxContentGeneralLeft {
        box-sizing: border-box;
        width: 100%;
    }

    .ContactBox {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .BoxContentGeneralRight {
        width: 100%;
        display: block;
        margin: 0;
    }

    .GeneralRightInner {
        width: initial;
    }

    .fullLogo {
        display: none;
    }

    .image-mobile {
        display: block;
    }

    .receita-top-desc > div:first-child {
        flex-direction: column;
    }

        .receita-top-desc > div:first-child h4 {
            flex: 1 0;
            margin-bottom: 10px !important;
        }

        .receita-top-desc > div:first-child a {
            flex: 1 0;
        }

    .cert-selectbox {
        margin-right: 15px;
    }
}

@media screen and (max-width:650px) {
    .dashboard-box {
        min-width: 100%;
    }
    .imgLogoTop {
        width: 100px;
    }
}

@media screen and (max-width:500px) {
    .menu-responsivo li a {
        padding: 15px 30px;
        text-align: center;
        font-size: 18px;
    }

    .createacc-box {
        width: 100%;
    }

    .medico-box-inner {
        display: none;
    }

    .medico-box {
        padding-top: 30px;
    }

    .atend-content {
        width: 90%;
    }

        .atend-content h2 {
            padding-bottom: 30px;
        }

        .atend-content .input-search {
            top: 85px;
            right: 15px;
            width: 180px;
        }

        .atend-content > i {
            right: 165px;
            top: 95px;
        }

    .todays-date {
        top: 85px;
        left: 85px;
    }

    .dataTables_length {
        margin-top: 30px;
        margin-bottom: 10px;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        width: 80%;
    }

    .cliente-table th,
    .cliente-table td {
        font-size: 10px;
    }

    .col-md-15 {
        padding: 0;
    }

    .FilterBox {
        display: none;
    }

    #ContentPlaceHolder1_divPermissao ~ .receita-bot button {
        margin: 0px !important;
        margin-top: 10px !important;
    }

    .config-top h3 span {
        font-size: 20px;
    }

    .config-top p {
        font-size: 13px;
    }

    .dataTables_filter label {
        float: initial !important;
        overflow: auto;
        width: 100%;
    }

    .cert-config-mid .flex {
        flex-direction:column;
    }

    .cert-selectbox{
        margin:0px;
        margin-right:0px;
        margin-bottom:10px;
        flex-direction:row;
        width:100%;
        max-width:initial;
        height:90px;
    }
}

@media screen and (max-width:460px) {
    .menu-login {
        padding: 30px;
    }

    .logo-responsive {
        top: 60px;
    }

    #iconLegenda {
        font-size: 14px;
    }

    .logo-responsive h3 {
        font-size: 20px;
    }

    .createacc-box {
        padding: 15px;
    }

    .medico-pic,
    .medico-icon {
        width: 120px;
        height: 120px;
    }

    .medico-box-inner {
        top: -55px;
    }

    .medico-details h3 {
        font-size: 15px;
    }

    .atend-content h2 {
        font-size: 20px;
    }

    .dashboard-circles {
        margin: 5px;
    }

    .atend-content {
        padding: 15px;
    }

    .box-content-medico {
        padding: 15px;
        padding-bottom: 15px;
    }

    .logo-bar h3 {
        font-size: 20px;
    }

    .logo-bar ul.ul-icon li i {
        font-size: 25px;
    }

    .box-content-config {
        padding: 15px;
    }

    .btn-changepic {
        right: 0;
    }

    .dashboard-box-top {
        margin: 60px 0px;
    }

    .receita-table-empty h2 {
        padding-bottom: 60px;
        padding-top: 60px;
    }

    .type-uso-box {
        font-size: 11px;
    }

    .btn-mybtn-path {
        margin-right: 5px;
    }

    .escolher-unidade h1 {
        font-size: 23px;
    }

    .help p {
        font-size: 13px;
    }

    .menu-login-inner h3 {
        display: none;
    }
}

@media screen and (max-width:390px) {
    .menu-login-inner {
        position: absolute;
        width: calc(100% - 20px);
    }

    .menu-responsivo li a {
        padding: 10px 30px;
        font-size: 16px;
    }

    .menu-login {
        padding: 10px;
    }

    .menu-login-inner .btn-mybtn {
        margin-top: 10px !important;
    }

    .help ~ div {
        margin-bottom: 20px !important;
    }

    .menu-login-inner .dv-input-default {
        margin-bottom: 20px !important;
    }

    .box-dots {
        bottom: 10px;
        left: 10px;
    }

    .box-dots-top {
        left: initial !important;
        bottom: initial !important;
        right: 10px !important;
        top: 10px !important;
        transform: rotate(90deg);
    }
    table.dataTable > tbody > tr.child ul li {
        display: flex !important;
    }

    table.dataTable > tbody > tr.child ul li span {
        line-height: 35px;
        margin-right: 10px;
    }
}

@media screen and (max-width:330px) {
    .menu-login-inner h3 {
        display: none;
    }

    .menu-login-inner h2 {
        margin-bottom: 30px;
    }

    .box-dots {
        display: none;
    }
}

@media print {
    /* Hide everything in the body when printing... */
    body {
        -webkit-print-color-adjust: exact !important;
    }

        body.printing * {
            display: none;
        }
        /* ...except our special div. */
        body.printing #print-me {
            display: block;
        }

    .menu-left {
        display: none;
    }
}

@media screen {
    /* Hide the special layer from the screen. */
    #print-me {
        display: none;
    }
}

.ui-widget.ui-widget-content {
    z-index: 10000;
}





/*V2*/