/*------------------------------------------------------------------------- css padrao layout(inicio) -------------------------------------------------------------------------*/
:root {
    --menu-main-group-bkg-color: var(--color-brand-2);
    --bkg-color-dark: var(--color-brand-2);
    --bkg-port-b1b2: #9CCEE7;
    --color-success: #00a65a;
    --color-blue: #3c8dbc;
    --color-info: #00c0ef;
    --color-danger: #dd4b39;
    --color-disabled: #CCC;
    --color-brand-1: #00b2ae;
    --color-brand-2: #1d2635;
    --color-xml: #ff9c07;
}



* {
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* Firefox */
    /*-moz-transition: all 0.4s ease;*/
    /* WebKit */
    /*-webkit-transition: all 0.4s ease;*/
    /* Opera */
    /*-o-transition: all 0.4s ease;*/
    /* Standard */
    /*transition: all 0.4s ease;*/
    font-family: 'Open Sans', sans-serif;
}

body {
    font: normal 13px;
    color: #757575666;
    background: #ffffff;
    float: left;
    width: 100%;
}

input, form, label {
    font: normal 13px;
    color: #757575666;
}

textarea {
    font: normal 13px;
    color: #757575666;
    width: 100% !important;
    height: 150px !important;
    border: 1px solid #ccc;
    padding: 10px;
}

.textarea-hist-pront {
    font: normal 13px;
    color: #757575666;
    width: 100% !important;
    height: 333px !important;
    border: 1px solid #ccc;
    padding: 10px;
}

.placeholder-pesq {
    height: 35px !important;
}




body {
    font: normal 13px;
    color: #757575666;
    background: #ffffff;
    float: left;
    width: 100%;
}

input, textarea, form, label {
    font: normal 13px;
    color: #757575;
}

    input[type='checkbox'] {
        width: auto !important;
    }

    input[type='radio'] {
        width: auto !important;
        /*margin: -7px 8px 0px 0px;*/
    }

    input[type='file'] {
        display: none;
        position: absolute;
    }

ol, ul {
    list-style: none;
}

a {
    color: #757575;
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

.underline:hover {
    text-decoration: underline;
}

img {
    border: none;
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding: 3px 10px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}



/*
.info .col-xs-1, .info .col-sm-1, .info .col-md-1, .info .col-lg-1, .info .col-xs-2, .info .col-sm-2, .info .col-md-2, .info .col-lg-2, .info .col-xs-3, .info .col-sm-3, .info .col-md-3, .info .col-lg-3, .info .col-xs-4, .info .col-sm-4, .info .col-md-4, .info .col-lg-4, .info .col-xs-5, .info .col-sm-5, .info .col-md-5, .info .col-lg-5, .info .col-xs-6, .info .col-sm-6, .info .col-md-6, .info .col-lg-6, .info .col-xs-7, .info .col-sm-7, .info .col-md-7, .info .col-lg-7, .info .col-xs-8, .info .col-sm-8, .info .col-md-8, .info .col-lg-8, .info .col-xs-9, .info .col-sm-9, .info .col-md-9, .info .col-lg-9, .info .col-xs-10, .info .col-sm-10, .info .col-md-10, .info .col-lg-10, .info .col-xs-11, .info .col-sm-11, .info .col-md-11, .info .col-lg-11, .info .col-xs-12, .info .col-sm-12, .info .col-md-12, .info .col-lg-12 {
  padding: 0 10px;
}
*/








.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

.no-mobile {
    display: none;
}

.caixa-superior-mapa {
    border: 1px solid #333;
    /*bottom: 80%;*/
    position: absolute;
    background-color: white;
    left: 30px;
    border-radius: 5px;
    text-align: match-parent;
    transform: rotate(0deg);
}

/*.caixa-lateral-mapa {
    border: 1px solid #333;
    bottom: 40%;
    position: fixed;
    background-color: white;
    left: 30px;
    border-radius: 5px;
    text-align: match-parent;
    transform: rotate(0deg);
}*/

.caixa-redeagua {
    border: 1px solid #333;
    bottom: 26.8%;
    position: absolute;
    background-color: white;
    left: 30px;
    border-radius: 5px;
    text-align: match-parent;
    transform: rotate(0deg);
}

.fixar-rodape {
    text-align: match-parent;
    right: 10px;
    border: 1px solid #333;
    bottom: 10px;
    position: fixed;
    background-color: white;
    border-radius: 15px;
}

.fixar-rodape-escala {
    text-align: match-parent;
    border: 1px solid #333;
    bottom: 10px;
    position: absolute;
    background-color: white;
    border-radius: 15px;
    left: 30px;
}

.box_caixa-lateral-mapa {
    width: 42px;
    height: 319px;
    border: 1px solid #333;
    background-color: white;
    /* bottom: 40%; */
    position: fixed;
    bottom: 40px;
    right: 20px;
}

.box_caixa-lateral-mapaColetorDivergencia {
    width: 42px;
    height: 355px;
    border: 1px solid #333;
    background-color: white;
    /* bottom: 40%; */
    position: fixed;
    bottom: 40px;
    right: 20px;
}

#btnMenuMobile {
    display: none;
}

#lblMapaCidade {
    display: block;
}

@media (min-width: 768px) {
    .no-mobile {
        display: block;
    }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }

}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

.row {
    margin: 0 -15px;
}

.container {
    width: 1280px;
    margin: 0 auto;
}

body {
    margin: 0;
}

section,
footer,
header {
    float: left;
    width: 100%;
}

header {
    /*background: #E6E7EE;*/
    /*background: #fff;*/
    background: #00008B;
    height: 80px;
    position: fixed;
    top: 0;
    z-index: 99;
    /*-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);*/
}

input, select, textarea {
    font-family: 'Open Sans', sans-serif;
}

header .branding {
    float: left;
    margin: 5px 35px;
    height: 40px;
}
    header .branding img{
        height: 70px;
    }

header .brandingGeo {
    float: left;
    margin: 0px 0px;
    height: 40px;
}

    header .brandingGeo img {
        height: 80px;
        background: #fff;
        float: left;
    }


header nav {
    float: right;
}

    header nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        float: left;
    }

    header nav > ul > li > a,
    header nav > ul > li {
        float: left;
        width: 80px;
        height: 80px;
        position: relative;
        margin-right: 10px;
    }

        header nav > ul > li > a {
            background: rgba(255,255,255,0.5);
            margin-right: 0;
        }

            header nav > ul > li > a:hover {
                background: rgba(255,255,255,0.9);
            }

            header nav > ul > li > a > i {
                font-size: 22px !important;
                color: #333;
                line-height: 74px !important;
                text-align: center;
                float: left;
                width: 100%;
            }

            header nav > ul > li > a > span {
                background: #d90101;
                /* width: 20px; */
                height: 20px;
                line-height: 20px;
                text-align: center;
                color: #fff;
                font-weight: bold;
                position: absolute;
                /* right: 15px; */
                top: 18px;
                font-size: 12px;
                border-radius: 100%;
                min-width: 20px;
                padding: 0px 5px;
                left: 45px;
                z-index: 9999;
            }

    header nav .user {
        float: right;
        /*background: #25bcb0;*/
        height: 80px;
        position: relative;
        cursor: pointer;
        width: 220px;
    }

        header nav .user figure {
            width: 50px;
            height: 50px;
            margin: 15px;
            border-radius: 100%;
            float: left;
            overflow: hidden;
        }

            header nav .user figure img {
                width: 100%;
                height: 100%;
            }

        header nav .user .info {
            /*float: right;
  width: calc(100% - 95px);*/
            margin: 15px 15px 15px 30px;
            position: relative;
        }

            header nav .user .info:after {
                content: "\f107";
                font-family: FontAwesome;
                position: absolute;
                right: 13px;
                font-size: 12px;
                /*color: #fff;*/
                color: var(--color-brand-1);
                top: 10px;
            }


            header nav .user .info strong {
                font-size: 14px;
                line-height: 20px;
                color: #fff;
                float: left;
                width: 100%;
                margin-top: 6px;
            }

            header nav .user .info span {
                font-size: 12px;
                line-height: 18px;
                float: left;
                /*color: #fff;*/
                color: var(--color-brand-1);
                width: 100%;
            }

        header nav .user.off .sub {
            display: none;
        }

        header nav .user.on .sub {
            display: block;
            background-color: #fff;
        }

        header nav .user .sub {
            position: absolute;
            top: 100%;
            right: 0;
            width: 100%;
            list-style: none;
            margin: 0;
            padding: 0;
        }

            header nav .user .sub li {
                float: left;
                width: 100%;
                margin-bottom: 1px;
                border-bottom: 1px solid var(--color-brand-1);
            }

                header nav .user .sub li a {
                    float: left;
                    width: 100%;
                    color: var(--color-brand-1);
                    /*background: rgba(65,65,65,0.9);*/
                    /*background: var(--color-brand-1);*/
                    line-height: 40px;
                    text-align: left;
                    padding: 0 20px;
                }

                    header nav .user .sub li a:hover {
                        /*background: rgba(65,65,65,1);*/
                        background: var(--color-brand-1);
                        color: #fff;
                    }

                    header nav .user .sub li a i {
                        float: left;
                        line-height: 40px;
                        font-size: 18px;
                        margin-right: 5px;
                        width: 25px;
                    }

                    header nav .user .sub li a span {
                        float: left;
                        line-height: 40px;
                        font-size: 12px;
                        text-transform: uppercase;
                    }


.menu-main-group {
    background: var(--menu-main-group-bkg-color);
}

.div-aside-menu {
    position: fixed;
    overflow-y: auto;
    height: calc(100% - 100px);
    width: 270px;
    z-index: 10;
    background: #fff;
}


aside {
    /*background: #f0f0f0;*/
    width: 270px;
    float: left;
    padding-top: 20px;
    position: absolute;
    top: 80px;
}

    aside footer {
        float: left;
        bottom: 15px;
        width: 100%;
        font-size: 12px;
        color: var(--color-brand-2);
        line-height: 18px;
        text-align: left;
        padding: 10px 15px;
        margin: 30px 0;
        border-top: 1px solid rgba(255,255,255,.2);
    }

    aside ul li a,
    aside ul li,
    aside ul {
        list-style: none;
        float: left;
        width: 100%;
    }

        aside ul li a {
            padding: 0 15px;
            float: left;
            height: 40px;
        }

            aside ul li a i {
                float: left;
                font-size: 20px !important;
                line-height: 40px !important;
                color: #fff;
                margin-right: 5px;
                width: 30px;
                text-align: center;
            }

            aside ul li a span {
                float: left;
                color: #fff;
                font-size: 12px;
                color: #fff;
                line-height: 40px;
            }

            aside ul li a i,
            aside ul li a span {
                /*color: rgba(255,255,255,0.8);*/
                color: var(--color-brand-2);
                font-weight: 600;
            }

        aside ul li.sub.open > a,
        aside ul li > a:hover {
            background: rgba(255,255,255,0.1);
        }

        aside ul li > a.active {
            background: rgba(255,255,255,0.2);
        }

        aside ul li a.active i,
        aside ul li a.active span {
            color: #BA8B6C;
            font-weight: bold;
        }

        aside ul li {
            position: relative;
        }

            aside ul li.sub:after {
                content: "\f104";
                font-family: FontAwesome;
                position: absolute;
                right: 10px;
                font-size: 12px;
                color: var(--color-brand-2);
                line-height: 40px;
            }

            aside ul li.sub ul {
                display: none;
                float: left;
                margin: 3px 0;
                background: rgba(255,255,255,.1);
            }

                aside ul li.sub ul li a {
                    padding-left: 50px;
                    font-size: 12px;
                    color: var(--color-brand-2);
                    line-height: 40px;
                }

            aside ul li.sub.open ul {
                display: block;
            }

            aside ul li.sub.open:after {
                content: "\f107";
            }



.miolo {
}

.miolo-menu {
    width: calc(100% - 260px);
    padding: 80px 10px 30px;
    float: right;
}

.mt20 {
    margin-top: 20px;
}

.mt10 {
    margin-top: 10px;
}

.mt5 {
    margin-top: 5px;
}

h3.title,
h2.title {
    color: var(--color-brand-2);
    font-weight: bold;
    font-size: 14px;
    padding: 0 20px;
    float: left;
    width: 100%;
    border-top: 3px solid var(--color-brand-1); /*#134c82*/
    /*background: #f0f0f0;*/
    height: 40px;
    line-height: 34px;
}

.miolo .info {
    /*background: #f8f8f8;*/
    float: left;
    width: 100%;
    padding: 10px 10px 30px;
}

    .miolo .info .color-box {
        float: left;
        width: 100%;
        background: #134c82;
        margin-top: 10px;
    }

        .miolo .info .color-box.last {
            background: #556574;
        }

        .miolo .info .color-box.green {
            background: #31a00f;
        }

        .miolo .info .color-box.yellow {
            background: #b4a311;
        }








        .miolo .info .color-box h3 {
            color: #fff;
            font-weight: bold;
            font-size: 12px;
            line-height: 20px;
            padding: 15px 20px 0;
            float: left;
            width: 100%;
        }

            .miolo .info .color-box h3 + strong {
                font-weight: normal;
                font-size: 16px;
                line-height: 22px;
                float: left;
                width: 100%;
                color: #fff;
                padding: 0 20px 15px;
            }

    .miolo .info label span {
        float: left;
        width: 100%;
        font-size: 12px;
        color: #757575;
        line-height: 16px;
        margin-bottom: 3px;
        font-weight: 700;
    }

        .miolo .info label span.text-value {
            font-size: 13px;
            font-weight: normal;
        }

    .miolo .info label {
        position: relative;
    }

        .miolo .info label input,
        .miolo .info label select {
            float: left;
            width: 100%;
            border: 1px solid #ccc;
            height: 30px;
            line-height: 30px;
            padding: 0 10px;
        }

        .miolo .info label.date:after {
            position: absolute;
            content: "\f133";
            font-family: FontAwesome;
            font-size: 20px !important;
            color: #b5b5b5;
            right: 23px;
            bottom: 0;
            height: 40px;
            line-height: 40px;
        }

        .miolo .info label.date input {
            padding-right: 40px;
        }

.button {
    float: left;
    width: 100%;
    margin: 2px;
    background: var(--color-brand-2);
    text-align: center !important;
    color: #fff;
    border: 2px solid var(--color-brand-2);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px;
    padding: 3px 5px;
    height: 46px;
    line-height: 36px;
}

    .button.thin {
            height: auto;
            line-height:none;
            font-size: 11px;
            font-weight: 600;
            text-transform: none;
    }
    .button:hover {
        background: transparent;
        color: var(--color-brand-2);
    }



.miolo .info .fileinput-button-foto {
    width: 100%;
    margin-top: 21px;
    background: var(--color-brand-2);
    text-align: center;
    color: #fff;
    height: 40px;
    border: 2px solid var(--color-brand-2);
    line-height: 36px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
}

    .miolo .info .fileinput-button-foto:hover {
        background: transparent;
        color: var(--color-brand-2);
    }

.img-foto {
    border: 1px solid var(--color-brand-2);
    border-radius: 10px;
    width: 180px;
    height: 130px;
    cursor: pointer;
    background-size: cover;
    background-position: center;
}

.miolo .info table {
    border-collapse: collapse;
    /*border:1px solid #fff;*/
    width: 100%;
}

    /*esta destruindo a grid do dev*/
    /*.miolo .info table th,
.miolo .info table td{ 
  border:1px solid #fff;
  line-height: 20px;
  font-size: 12px;
  color: #757575;
  padding: 8px 10px;
  text-align: left;
}*/

    .miolo .info table.prod td {
        border-left: 0;
        border-right: 0;
    }

        .miolo .info table.prod td:first-child {
            width: 120px;
        }

            .miolo .info table.prod td:first-child img {
                max-width: 100px;
                float: left;
            }

        .miolo .info table.prod td h3 {
            font-weight: bold;
            font-size: 14px;
            float: left;
            line-height: 18px;
            width: 100%;
        }

        .miolo .info table.prod td:last-child div,
        .miolo .info table.prod td p {
            float: left;
            width: 100%;
            font-size: 12px;
            margin-top: 10px;
            line-height: 16px;
        }

        .miolo .info table.prod td:last-child div {
            padding-bottom: 10px;
        }

        .miolo .info table.prod td:last-child {
            vertical-align: bottom;
        }

            .miolo .info table.prod td:last-child p {
                margin-top: 0;
                font-size: 14px;
                margin-bottom: 10px;
            }

.miolo .info ul.prod {
    list-style: none;
    float: left;
    width: 100%;
}

    .miolo .info ul.prod img {
        float: left;
        width: 100%;
    }

    .miolo .info ul.prod .info h3,
    .miolo .info table.prod td h3 {
        font-weight: bold;
        font-size: 14px;
        float: left;
        line-height: 18px;
        width: 100%;
    }

    .miolo .info ul.prod .info p,
    .miolo .info table.prod td:last-child div,
    .miolo .info table.prod td p {
        float: left;
        width: 100%;
        font-size: 12px;
        margin-top: 10px;
        line-height: 16px;
    }


    .miolo .info ul.prod .info a.btn,
    .miolo .info table.prod a.btn {
        float: right;
        height: 30px;
        line-height: 28px;
        border-radius: 5px;
        background: #757575;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        padding: 0 7px 0 6px;
        margin-left: 10px;
        border: 1px solid #757575;
    }

        .miolo .info ul.prod .info a.btn i,
        .miolo .info table.prod a.btn i {
            font-size: 16px !important;
            float: left;
            line-height: 28px;
            margin-right: 5px;
        }

        .miolo .info ul.prod .info a.btn span,
        .miolo .info table.prod a.btn span {
            float: left;
            color: #fff;
        }

        .miolo .info ul.prod .info a.btn:hover,
        .miolo .info table.prod a.btn:hover {
            background: transparent !important;
        }


    .miolo .info ul.prod .info a.btn,
    .miolo .info table.prod a.btn {
        background: #757575;
    }

        .miolo .info ul.prod .info a.btn:hover span,
        .miolo .info table.prod a.btn:hover span {
            color: #757575;
        }

        .miolo .info ul.prod .info a.btn:hover i:before,
        .miolo .info table.prod a.btn:hover i:before {
            color: #757575;
        }

        .miolo .info ul.prod .info a.btn i:before,
        .miolo .info table.prod a.btn i:before {
            color: #fff;
        }

        .miolo .info ul.prod .info a.btn.green,
        .miolo .info table.prod a.btn.green {
            background: #04bd00;
            border-color: #04bd00;
        }

            .miolo .info ul.prod .info a.btn.green:hover span,
            .miolo .info table.prod a.btn.green:hover span {
                color: #04bd00;
            }

            .miolo .info ul.prod .info a.btn.green:hover i:before,
            .miolo .info table.prod a.btn.green:hover i:before {
                color: #04bd00;
            }

        .miolo .info ul.prod .info a.btn.red,
        .miolo .info table.prod a.btn.red {
            background: #bd0000;
            border-color: #bd0000;
        }

        .miolo .info ul.prod .info a.btn.red {
            float: left;
            margin: 0;
        }

        .miolo .info ul.prod .info a.btn.green {
            float: right;
            margin: 0;
        }

        .miolo .info ul.prod .info a.btn.red:hover span,
        .miolo .info table.prod a.btn.red:hover span {
            color: #bd0000;
        }

        .miolo .info ul.prod .info a.btn.red:hover i:before,
        .miolo .info table.prod a.btn.red:hover i:before {
            color: #bd0000;
        }

    .miolo .info ul.prod .info {
        padding: 0;
        margin-top: 10px;
    }

        .miolo .info ul.prod .info > div {
            float: left;
            width: 100%;
            margin-top: 10px;
        }

    .miolo .info ul.prod figure {
        float: left;
        width: 100%;
        /*padding-top: 100%;*/
        padding-top: 80%;
        position: relative;
        overflow: hidden;
    }

        .miolo .info ul.prod figure img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .miolo .info ul.prod h3,
    .miolo .info ul.prod .info p {
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0;
        overflow: hidden;
    }

    .miolo .info ul.prod h3 {
        margin-bottom: 5px;
    }

    .miolo .info ul.prod li.n1 figure:after {
        content: "\f2cb";
        font-family: FontAwesome;
    }

    .miolo .info ul.prod li.n2 figure:after {
        content: "\f2ca";
        font-family: FontAwesome;
    }

    .miolo .info ul.prod li.n3 figure:after {
        content: "\f2c9";
        font-family: FontAwesome;
    }

    .miolo .info ul.prod li.n4 figure:after {
        content: "\f2c8";
        font-family: FontAwesome;
    }

    .miolo .info ul.prod li.n5 figure:after {
        content: "\f2c7";
        font-family: FontAwesome;
    }

    .miolo .info ul.prod li figure:after {
        position: absolute;
        left: 0;
        background: rgba(0,0,0,0.8);
        color: #fff;
        font-size: 22px;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        z-index: 9;
        bottom: 0;
    }

    .miolo .info ul.prod li .info {
        height: 145px;
    }

    .miolo .info ul.prod li {
        /*margin:15px 0px 15px 30px;*/
        margin: 0px -15px 0px -15px;
    }


.miolo .info table .vlr {
    text-align: right;
    width: 150px;
}

.miolo .info table .rt {
    text-align: right;
}

.miolo .info table .edit {
    width: 60px;
    text-align: center;
}

    .miolo .info table .edit a i {
        font-size: 16px;
    }

.miolo .info table thead th {
    background: #fff;
    font-weight: bold;
    color: #757575;
}

    .miolo .info table thead th input {
        float: left;
        width: 100%;
        height: 30px;
        background: rgba(255,255,255,0.6);
        border: 1px solid rgba(0,0,0,0.1);
        line-height: 30px;
        padding: 0 10px;
        font-size: 12px;
    }

        .miolo .info table thead th input:focus {
            background: rgba(255,255,255,1);
        }
/*table zebrada*/
/*.miolo .info table thead tr:nth-child(2) th{
  padding: 5px;
}
.miolo .info table tr:nth-child(even) td{
  background: #f0f0f0;
}*/
/*------------*/
.miolo .info .responsive-table {
    float: left;
    width: 100%;
    margin-top: 25px;
}

    .miolo .info .responsive-table:first-child {
        margin-top: 15px;
    }

.miolo .full {
    float: left;
    width: 100%;
}

.miolo .tab-info > .full {
    display: none;
}

    .miolo .tab-info > .full.active {
        display: block;
    }

/*.miolo .full.title-h1 {
    background: #f0f0f0;
    margin: 0 -10px;
    width: calc(100% + 20px);
    border-bottom: 2px solid #ddd;
}*/

.miolo .full.title-h1 {
    background: #fff;
    margin: 0px 10px;
    width: calc(100% - 20px);
    /*border-bottom: 2px solid #ddd;*/
    border-bottom: 2px solid var(--color-brand-1);
}

.miolo .full.title-h1 h2,
.miolo .full.title-h1 h1 {
    color: #134c82;
    font-weight: bold;
    font-size: 18px;
    padding: 20px 30px;
    float: left;
    width: 100%;
}

.miolo ul.tabs {
    list-style: none;
    width: 100%;
    float: left;
    /*margin: 20px 0 0 0;*/
    padding: 0;
}

    .miolo ul.tabs li {
        float: left;
        margin-bottom: -1px;
        */;
    }

        .miolo ul.tabs li a {
            float: left;
            height: 35px;
            padding: 0 20px;
            /*border-radius: 10px 10px 0 0;*/
            font-size: 13px;
            font-weight: bold;
            line-height: 35px;
            /*background: #f0f0f0;*/
            color: #757575;
            box-shadow: none !important;
        }

            .miolo ul.tabs li a:hover {
                background: rgba(0,0,0,0.1);
            }

            .miolo ul.tabs li a.active {
                border-top: solid 3px var(--color-brand-2);
                border-right: solid 1px #EEE;
                border-left: solid 1px #EEE;
                border-bottom: none;
                background: #f8f8f8;
                /*color: #fff;*/
            }

/*.miolo ul.tabs li:has(a.active) {
                border-top: solid 1px var(--color-brand-2);
                color: #fff;
            }*/


.full.tab-header > div {
    border-bottom: solid 1px #EEE;
    padding-bottom: 0px;
    margin-bottom: -1px;
}


.full-area-bg {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: url('images/background.jpg') no-repeat center center;
    background-size: cover;
    position: relative;
}

.full-area-bg-home {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: url('images/background_home.jpg') no-repeat center center;
    background-size: cover;
    position: relative;
    padding: 80px 10px 30px;
}

.full-area-bg-homeMapa {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    /*background: url('images/background_home.jpg') no-repeat center center;*/
    background-size: cover;
    position: relative;
    padding: 80px 10px 30px;
}

    .full-area-bg .middle {
        width: 400px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 20px;
        background: white; /*var(--color-brand-2);*/
        padding: 40px 50px 40px;
        box-shadow: 5px 5px 5px #757575666;
    }

        .full-area-bg .middle.cadastro {
            width: 600px;
        }

        .full-area-bg .middle header {
            position: static;
            background: transparent;
            box-shadow: none;
            height: auto;
        }

            .full-area-bg .middle header .branding {
                float: left;
                width: 100%;
                text-align: center;
                padding: 0;
                margin: 0;
            }

            .full-area-bg .middle form + p,
            .full-area-bg .middle header h1 {
                float: left;
                width: 100%;
                text-align: center;
                margin: 20px 0 0 0;
                padding: 0;
                line-height: 22px;
                font-size: 18px;
                font-weight: normal;
                color: #fff;
            }

        .full-area-bg .middle form + p {
            font-size: 14px;
            margin: 0;
        }

        .full-area-bg .middle form {
            float: left;
            width: 100%;
            margin-top: 30px;
            padding-bottom: 20px;
            /*border-bottom: 1px solid #fff;*/
            margin-bottom: 10px;
        }

            .full-area-bg .middle form label.check,
            .full-area-bg .middle form label.half {
                width: calc(50% - 10px);
            }

                .full-area-bg .middle form label.half + label.half {
                    float: right;
                }

            .full-area-bg .middle form label input,
            .full-area-bg .middle form label {
                float: left;
                width: 100%;
                position: relative;
            }

                .full-area-bg .middle form label.login:after {
                    position: absolute;
                    content: "\f007";
                    font-family: FontAwesome;
                    font-size: 20px !important;
                    color: #00b2ae;
                    right: 23px;
                    bottom: 0;
                    height: 40px;
                    /*opacity: 0.6;*/
                    line-height: 40px;
                }

                .full-area-bg .middle form label.pass:after {
                    position: absolute;
                    content: "\f023";
                    font-family: FontAwesome;
                    font-size: 20px !important;
                    color: #00b2ae;
                    right: 23px;
                    bottom: 0;
                    height: 40px;
                    /*opacity: 0.6;*/
                    line-height: 40px;
                }

                .full-area-bg .middle form label.mail:after {
                    position: absolute;
                    content: "\f0e0";
                    font-family: FontAwesome;
                    font-size: 20px !important;
                    color: #3f3f3f;
                    right: 23px;
                    bottom: 0;
                    height: 40px;
                    opacity: 0.6;
                    line-height: 40px;
                }


                .full-area-bg .middle form label input {
                    float: left;
                    width: 100%;
                    border: 1px solid #ccc;
                    height: 40px;
                    line-height: 40px;
                    padding: 0 10px;
                    border-radius: 10px;
                    background: rgba(255,255,255,0.9);
                }

            .full-area-bg .middle form label {
                margin-bottom: 20px;
            }

                .full-area-bg .middle form label.check,
                .full-area-bg .middle form a {
                    float: left;
                    color: #fff;
                    line-height: 40px;  
                    font-size: 14px;
                }

            .full-area-bg .middle a.btn,
            .full-area-bg .middle form button {
                /*float: right;*/
                padding: 0 25px;
                height: 40px;
                line-height: 36px;
                /*background: #fff;*/
                border: 2px solid #fff;
                color: #757575;
                text-transform: uppercase;
                font-size: 14px;
                font-weight: bold;
                cursor: pointer;
                border-radius: 10px;
            }

                /*.full-area-bg .middle a.btn:hover,
                .full-area-bg .middle form button:hover {
                    background: transparent;
                    color: #fff;
                }*/

    .full-area-bg .middle {
        text-align: center;
    }

        .full-area-bg .middle a.btn {
            float: none;
            display: inline-block;
            margin-top: 15px;
        }

        .full-area-bg .middle form label.check {
            margin: 0;
        }

            .full-area-bg .middle form label.check input {
                float: left;
                width: auto;
            }

            .full-area-bg .middle form label.check span {
                float: left;
                margin-left: 5px;
                text-align: left;
            }

        .full-area-bg .middle form label.check {
            width: calc(100% - 150px);
        }
/*------------------------------------------------------------------------- css padrao layout(fim) -------------------------------------------------------------------------*/


/*------------------------------------------------------------------------- css customizados(inicio) -------------------------------------------------------------------------*/
.tit-sub-cad {
    text-align: center;
    font-size: x-large;
    color: white;
    background-color: var(--color-brand-1);
    padding: 5px;
    font-weight: bold;
}

/*Grid do jsGrid*/
tr.highlight td.jsgrid-cell {
    background-color: #e0e0e0;
}
/*------------*/

/* ----- Botoes na grid ---------*/
.novo-grid-button {
    background-image: url('Images/Novo.png');
}

.editar-grid-button::before {
    content: "\f044"
    /*background-image: url('Images/Editar.png');*/
}

.delete-grid-button:before {
    content: "\f2ed";
    /*background-image: url('Images/Excluir.png');*/
}

.salvar-grid-button {
    background-image: url('Images/Salvar.png');
}

.reprovar-grid-button, .reprovar-grid-button2 {
    background-image: url('Images/Falha.png');
}

.estonar-grid-button {
    background-image: url('Images/refund.png');
}

.historico-grid-button {
    background-image: url('Images/Historico.png');
}

.alert-grid-button {
    background-image: url('Images/alert.png');
}

.prox-grid-button {
    background-image: url('Images/SetaDireita.png');
}

.estornar-grid-button:before {
    content: "\f0e2";
    /*background-image: url('Images/roolback.png');*/
}

.liberar-agd-grid-button {
    background-image: url('Images/liberar_agd.png');
}

.bloqueado-grid-button {
    background-image: url('Images/bloqueado.png');
}

.desbloqueado-grid-button {
    background-image: url('Images/desbloqueado.png');
}

.transferencia-grid-button {
    background-image: url('Images/transferencia.png');
}

.imprimir-grid-button {
    background-image: url('Images/Printer.png');
}

.encaixe-grid-button {
    background-image: url('Images/encaixe_48.png');
}

.aprovar-grid-button {
    background-image: url('Images/Aprovar.png');
}

.reprovar-grid-button {
    background-image: url('Images/Reprovar.png');
}

.canc-grid-button:before {
    content: "\f057";
    /*background-image: url('Images/Delete.png');*/
}

.play-grid-button::before {
    /*background-image: url('Images/play.png');*/
    content: "\f04b";
}

.arquivo-grid-button {
    background-image: url('Images/Pasta.png');
}

.refresh-grid-button {
    background-image: url('Images/Refresh.png');
}

.agendar-grid-button {
    background-image: url('Images/agenda.png');
}

.calendar-atual-grid-button {
    background-image: url('Images/calendar_atual.png');
}

.money-grid-button:before {
    content: "\f53b";
    /*background-image: url('Images/money.png');*/
}

.atender-grid-button {
    background-image: url('Images/atendendo.png');
}

.chamar-grid-button:before {
    /*background-image: url('Images/chamar_48.png');*/
    content: "\f0f3";
}

.cancelar-grid-button:before {
    /*background-image: url('Images/delete.png');*/
    content: "\f057";
}

.aguardando-grid-button:before {
    content: "\f251";
    /*background-image: url('Images/aguardando_48.png');*/
}

.atendendo-grid-button:before {
    content: "\f0f1";
    /*background-image: url('Images/atendendo.png');*/
}

.atendido-grid-button {
    background-image: url('Images/atendido_48.png');
}

.atraso-grid-button {
    background-image: url('Images/alert.png');
}

.correr-grid-button {
    background-image: url('Images/run.png');
}

.cancelado-grid-button {
    background-image: url('Images/falha.png');
}

.xml-grid-button {
    background-image: url('Images/xml.png');
}

.download-grid-button:before {
    content: "\f56d"
    /*background-image: url('Images/file_download.png');*/
}

.upload-grid-button:before {
    content: "\f055"
    /*background-image: url('Images/file_upload.png');*/
}

.notes-grid-button:before {
    content: "\f249"
    /*background-image: url('Images/Notes.png');*/
}

.filtro-grid-button {
    background-image: url('Images/filtro.png');
}

.check-grid-button {
    background-image: url('Images/check.png');
}

.uncheck-grid-button {
    background-image: url('Images/uncheck.png');
}

.novo-grid-button, .editar-grid-button, .delete-grid-button, .salvar-grid-button, .estonar-grid-button, .historico-grid-button, .chamar-grid-button, .correr-grid-button, .cancelado-grid-button,
.cancelar-grid-button, .aguardando-grid-button, .atendendo-grid-button, .atendido-grid-button, .atraso-grid-button, .estornar-grid-button, .liberar-agd-grid-button, .bloqueado-grid-button,
.desbloqueado-grid-button, .transferencia-grid-button, .imprimir-grid-button, .encaixe-grid-button, .aprovar-grid-button, .reprovar-grid-button, .canc-grid-button, .play-grid-button,
.arquivo-grid-button, .refresh-grid-button, .agendar-grid-button, .alert-grid-button, .prox-grid-button, .calendar-atual-grid-button, .money-grid-button,
.atender-grid-button, .xml-grid-button, .play-grid-button, .download-grid-button, .upload-grid-button,
.notes-grid-button, .filtro-grid-button, .check-grid-button, .uncheck-grid-button {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left center;
    /*background-size: 18px;
    width: 20px;
    height: 18px;*/
    text-align: left;
    margin: -4px auto;
    text-decoration: none;
    cursor: pointer;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 15px;
}

.btn-grd-sm {
    background-size: 18px;
    width: 20px;
    height: 18px;
    float:right;
}

.btn-grd-md {
    background-size: 30px;
    width: 30px;
    height: 30px;
}


/*.upload-item-grid-button {
    background-image: url('Images/file_upload.png'); 
}

.upload-item-grid-button {
    background-color: transparent;
    background-size: 18px;
    background-repeat: no-repeat;  
    background-position: left center;
    text-align: left;
    width: 20px;
    height: 20px;
    margin: -4px auto;
    font-size:5pt;
    text-decoration: none;
    cursor:pointer;
    display: none;
}*/

.fileinput-button-grd {
    width: 20px;
    height: 18px;
    opacity: 0;
    cursor: pointer;
}


.txt-pesq {
    /*width: 15% !important;*/
    width: 100px !important;
    margin-right: 10px !important;
}

.txt-pesq-prod {
    width: 125px !important;
    margin-right: 10px !important;
}

.txt-desc-pesq-full {
    /*background: #f0f0f0;*/
    width: calc(100% - 120px) !important;
    margin-right: 10px;
}

.txt-desc-pesq {
    /*background: #f0f0f0;*/
    width: calc(100% - 160px) !important;
    margin-right: 10px;
}

.txt-desc-pesq {
    /*background: #f0f0f0;*/
    width: calc(100% - 160px) !important;
    margin-right: 10px;
}

.txt-desc-pesq-readonly {
    background: #f0f0f0;
    /*width: 70% !important;*/
    width: calc(100% - 155px) !important;
    margin-right: 10px;
}

.txt-desc-pesq-2btn {
    width: calc(100% - 200px) !important;
    margin-right: 10px;
}

.txt-desc-pesq-3btn {
    width: calc(100% - 225px) !important;
    margin-right: 10px;
}

.txt-desc-pesq-4btn {
    width: calc(100% - 280px) !important;
    margin-right: 10px;
}

.txt-desc-pesq-prod {
    width: calc(100% - 185px) !important;
    margin-right: 10px;
}

.cmb-btn-pesq {
    width: 70% !important;
    margin-right: 10px;
}

.txt-readonly {
    background: #f0f0f0;
}

.span-label {
    font-weight: bold;
}

/*** pintando focus dos componentes ***/
input:focus, select:focus, textarea:focus, button:focus, check-box:focus, radio-button:focus, a:focus {
    box-shadow: inset 0 0 0 3px var(--color-brand-1);
}
/*----------------------*/

/*** Botões comando ***/
.div-comandos {
    margin-left: 15px;
}

.btn-novo:before {
    content: "\f055";
}

/*.btn-novo {
    background-image: url('Images/Novo.png');
}*/

.btn-salvar {
    background-image: url('Images/Salvar.png');
}

.btn-editar {
    background-image: url('Images/Editar.png');
}

.btn-excluir {
    background-image: url('Images/Excluir.png');
}



.btn-gerardisp {
    background-image: url('Images/GerarDisp.png');
}

.btn-manutencao {
    background-image: url('Images/tool.png');
}

.btn-copiar {
    background-image: url('Images/copiar.png');
}

.btn-desbloquear {
    background-image: url('Images/desbloqueado.png');
}

.btn-imprimir {
    background-image: url('Images/Printer.png');
}

.btn-finalizar {
    background-image: url('Images/finalizar_64.png');
}

.btn-atender {
    background-image: url('Images/atendendo.png');
}

.btn-calcular {
    background-image: url('Images/Calcular.png');
}

.btn-cancelar {
    background-image: url('Images/delete.png');
}

.btn-xml {
    background-image: url('Images/xml.png');
}

.btn-pesquisa {
    background-image: url('Images/filtro.png');
}

.btn-upload:before {
    content: "\f574";
}

.btn-medical-kit {
    background-image: url('Images/medical-kit.png');
}

.btn-calendar-atual {
    background-image: url('Images/calendar_atual.png');
}

.btn-money {
    background-image: url('Images/money.png');
}

.btn-email {
    background-image: url('Images/email.png');
}


.btn-voltar {
    background-image: url('Images/Retorno.png');
}

.btn-topbar {
    width: 60px;
    height: 60px;
    /*background-color: #f4f4f4;*/
    padding: 5px;
    float: left;
    margin: 10px 5px;
    text-align: center;
    box-shadow: 2px 2px 2px #b2b2b2;
    cursor: pointer;
    border-radius: 3px;
}

    .btn-topbar.size-2 {
        width: 80px;
    }

    .btn-topbar.size-3 {
        width: 90px;
    }

    .btn-topbar.size-4 {
        width: 120px;
    }

    .btn-topbar.size-5 {
        width: 150px;
    }

    .btn-topbar:hover {
        border: solid 1px #CCC;
    }

    .btn-topbar > i {
        font-size: 25px;
        width: 100%;
        float: left;
    }

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

.bkg-color-disabled {
    background-color: var(--color-disabled) !important;
}

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

.color-info {
    color: var(--color-info);
}

.color-blue {
    color: var(--color-blue);
}

.color-danger {
    color: var(--color-danger);
}

.color-disabled {
    color: var(--color-disabled) !important;
}

.color-xml {
    color: var(--color-xml);
}


.btn-topbar > span {
    width: 100%;
    float: left;
    font-size: 13px;
    padding: 5px;
}

/*.btn-novo, .btn-voltar, .btn-salvar, .btn-editar, .btn-excluir, .btn-gerardisp, .btn-manutencao, .btn-copiar, .btn-desbloquear, .btn-imprimir, .btn-finalizar, .btn-atender,
.btn-calcular, .btn-cancelar, .btn-xml, .btn-pesquisa, .btn-upload, .btn-medical-kit, .btn-calendar-atual, .btn-money, .btn-email {
    background-repeat: no-repeat;
    background-size: 40px;
    background-position-x: center;
    width: auto;
    height: 60px;
    cursor: pointer;
    vertical-align: bottom;
    color: #CCC;
    text-align: center;
    padding: 45px 10px 0px 10px;
    margin: 10px 5px;
    float: left;
}*/

.btn-pesq {
    background-color: Transparent;
    background-image: url('Images/filtro.png');
    background-repeat: no-repeat;
    background-size: 35px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    float: left;
    border: none;
    margin-top: 25px;
}

/*.btn-voltar, .btn-confirmar, .btn-imprimir
{
    
    height:40px;

    background-repeat: no-repeat;
    background-size: 42px;
    background-position-x:center;
    width:auto;
    
    cursor:pointer;
    display:table-cell;
    vertical-align:bottom;
    
    min-width:42px;
    text-align:center;
    
    float: right;
    margin: 15px 20px 0px 0px;
}*/

/*Pequenos*/
.btn-pesq-pequeno:before {
    content: "\f002";
}

.btn-note-pequeno:before {
    content: "\f481";
}

.btn-novo-pequeno:before {
    content: "\f055";
}

.btn-delete-pequeno:before {
    content: "\f2ed";
    /*background-image: url('Images/Excluir.png');*/
}

.btn-edit-pequeno:before {
    content: "\f044";
}

.btn-salvar-pequeno {
    background-image: url('Images/Salvar.png');
}

.btn-hist-pequeno:before {
    content: "\f477";
}

.btn-obs-pequeno {
    background-image: url('Images/obs_48.png');
}

.btn-refresh-pequeno {
    background-image: url('Images/Refresh.png');
}

.btn-cheque-pequeno {
    background-image: url('Images/cheque.png');
}

.btn-text-pequeno {
    border: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin: 0 3px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 20px;
    color: var(--bkg-color-dark);
    text-align: center;
    float: right;
    opacity: 0.8;
}

.btn-medio {
    background-color: Transparent;
    background-repeat: no-repeat;
    background-size: 30px;
    border: none;
    width: 30px;
    height: 30px;
    cursor: pointer;
    float: left;
    margin: 5px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 30px;
    color: var(--bkg-color-dark);
    text-align: center;
    float: right;
}

/*esta classe não está surtindo efeito pois esta sendo sobreecrevida pela classe .btn-text-pequeno
 .btn-pesq-pequeno, .btn-novo-pequeno, .btn-delete-pequeno, .btn-edit-pequeno, .btn-salvar-pequeno, .btn-hist-pequeno,
.btn-obs-pequeno, .btn-refresh-pequeno, .btn-cheque-pequeno {
    background-color: Transparent;
    background-repeat: no-repeat;
    background-size: 30px;
    border: none;
    width: 20px;
    height: 30px;
    cursor: pointer;
    float: left;
    margin: 5px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 20px;
    color: var(--bkg-color-dark);
    text-align: center;
    float: right;
}*/


.btn-text-pequeno:hover {
    opacity: 1;
    font-size: 22px;
}

.command-text {
    float: left;
    background-color: transparent;
    padding: 0 5px;
    margin-left: -150px;
    line-height: 30px;
    height: 30px;
    width: 140px;
    text-align: right;
}

.btn-cancelar-pequeno:before {
    content: "\f410";
}
/*-----------*/


/*Pequeno com label*/
.btn-novo-pq-lbl {
    background-image: url('Images/Novo.png');
}

.btn-pesq-pq-lbl {
    background-image: url('Images/filtro.png');
}

.btn-novo-pq-lbl, .btn-pesq-pq-lbl {
    background-color: Transparent;
    background-repeat: no-repeat;
    background-size: 30px;
    border: none;
    width: 70px;
    height: 70px;
    cursor: pointer;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    background-position-x: center;
}

.label-btn-pequeno {
    position: relative;
    top: 15px;
}
/*-----------*/



.btn-camera {
    background: url(Images/camera.png) no-repeat;
    border: 1px solid #9F9F9F;
    width: 130px;
    height: 130px;
    background-size: 65px;
    background-position-x: 33px;
    background-position-y: 30px;
    cursor: pointer;
}
/*******************************/



.label-pesq:after {
    position: absolute;
    content: "\f002";
    font-family: FontAwesome;
    font-size: 20px !important;
    color: #3f3f3f;
    right: 23px;
    bottom: 0;
    height: 40px;
    opacity: 0.6;
    line-height: 40px;
}

/*** grid pacientes ***/
.sem-foto-grid-pac {
    background: url(Images/user.png) no-repeat;
}

.foto-grid-pac {
    /*border: 1px solid #9F9F9F;*/
    width: 48px;
    height: 48px;
    cursor: pointer;
    /* border-radius: 24px; */
    background-size: cover !important;
    margin: 2px;
}

.user-disabled {
    border-left-color: var(--color-disabled) !important;
}

    .user-disabled:hover {
        border-left-color: var(--color-disabled) !important;
    }


.icon-cel-grid-pac {
    /*background-image: url('Images/mobile-phone.png');*/
    width: 15px;
    height: 13px;
    float: left;
}

.icon-paciente {
    font-size: 13px;
    margin-right: 5px;
}

icon-cel-grid-pac:before {
    content: "\f002";
}

.icon-email-grid-pac {
    background-image: url('Images/Email.png');
    background-size: 13px;
    width: 15px;
    height: 13px;
    float: left;
    margin-right: 5px;
}

.btn-historico-grid-pac {
    /*background-image: url(Images/Historico.png);*/
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    width: 30px;
    height: 50px;
    float: left;
    cursor: pointer;
    margin-right: 2px;
    font-size: 30px;
    line-height: 50px;
    color: var(--bkg-color-dark);
}

.btn-excluir-grid-pac {
    /*background-image: url(Images/Excluir.png);*/
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin: 4px 0px;
    color: var(--bkg-color-dark);
    font-size: 16px;
}

.btn-edit-grid-pac {
    /*background-image: url(Images/edit.png);*/
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
    width: 20px;
    height: 16px;
    cursor: pointer;
    margin: 3px 0px;
    color: var(--bkg-color-dark);
    font-size: 16px;
}




#grPacientesPartial tr.ui-row-ltr > td {
    border-color: transparent !important;
}

#grPacientesPartial tr.ui-row-ltr:hover {
    border: none;
}

#grPacientesPartial tr.jqgrow > td {
    padding: 2px 2px 2px 5px !important;
    background: none !important;
    background-color: transparent !important;
}

#gbox_grPacientesPartial {
    border: none;
    background: none !important;
    background-color: transparent !important;
}

    #gbox_grPacientesPartial .ui-widget-content {
        background: none !important;
        background-color: transparent !important;
    }

    #gbox_grPacientesPartial > .ui-jqgrid-view > .ui-jqgrid-hdiv {
        display: none;
    }

#gview_grPacientesPartial > .ui-jqgrid-bdiv {
    overflow-x: hidden;
}

#gbox_grPacientesPartial > #pager {
    background: none;
}

#gbox_grPacientesPartial tr {
    border: none;
}

.grid-paciente-info2 {
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 12px !important;
    color: #888 !important;
}

.grid-paciente-info3 {
    font-size: 11px !important;
    color: #999 !important;
    line-height: 12px !important;
}

.gr-infos {
    margin-top: 4px;
    padding-top: 5px;
    border-top: solid 1px #E5E5E5;
}

    .gr-infos label span {
        font-weight: normal !important;
        font-size: 11px !important;
        margin-bottom: 0px !important;
    }

.paciente-layout-row {
    border-left: 5px solid var(--color-success);
}

    .paciente-layout-row:hover {
        border-left: 5px solid #97714f!important;
    }

.paciente-layout {
    border: none;
    /*border-radius: 5px;*/
    float: left;
    width: 100%;
    padding: 5px;
    background-color: white;
    box-shadow: 2px 2px 2px #E5E5E5;
    border-left: solid 20px var(--color-success);
}

    



.hide {
    display: none;
}

.paciente-layout:hover > .hide {
    display: block;
}
/*******************************/




/**GRID AGENDAMENTOS*/

.agenda-layout {
    border: none;
    /*border-radius: 5px;*/
    float: left;
    width: 100%;
    padding: 5px;
    background-color: white;
    box-shadow: 2px 2px 2px #E5E5E5;
    border-left: 20px solid #FFF;
}

.agenda-layout-row {
    float: left;
    width: 100%;
    border-left: 5px solid #FFF;
}

    .agenda-layout-row:hover {
        border-left: 5px solid #97714f !important;
    }

#grHorariosAgendaPartial tr.ui-row-ltr > td,
#grHorariosAgendaDiaPartial tr.ui-row-ltr > td {
    border-color: transparent !important;
}

#grHorariosAgendaPartial tr.ui-row-ltr:hover,
#grHorariosAgendaDiaPartial tr.ui-row-ltr:hover {
    border: none;
}

#grHorariosAgendaPartial tr.jqgrow > td,
#grHorariosAgendaDiaPartial tr.jqgrow > td {
    padding: 2px 2px 2px 5px !important;
    background: none !important;
    background-color: transparent !important;
}

#gbox_grHorariosAgendaPartial,
#gbox_grHorariosAgendaDiaPartial {
    border: none;
    background: none !important;
    background-color: transparent !important;
}

    #gbox_grHorariosAgendaPartial .ui-widget-content,
    #gbox_grHorariosAgendaDiaPartial .ui-widget-content {
        background: none !important;
        background-color: transparent !important;
    }

    #gbox_grHorariosAgendaPartial > .ui-jqgrid-view > .ui-jqgrid-hdiv,
    #gbox_grHorariosAgendaDiaPartial > .ui-jqgrid-view > .ui-jqgrid-hdiv {
        display: none;
    }

#gview_grHorariosAgendaPartial > .ui-jqgrid-bdiv,
#gview_grHorariosAgendaDiaPartial > .ui-jqgrid-bdiv {
    overflow-x: hidden;
}

#gbox_grHorariosAgendaPartial > #pager,
#gbox_grHorariosAgendaDiaPartial > #pager {
    background: none;
}

#gbox_grHorariosAgendaPartial tr,
#gbox_grHorariosAgendaDiaPartial tr {
    border: none;
}

.grid-agenda-hora {
    font-size: 30px;
    font-weight: 700;
    color: #000;
}

.grid-agenda-hora-livre {
    font-size: 30px;
    font-weight: 700;
    color: #CCC;
}

.grid-agenda-week-hora {
    font-size: 25px;
    line-height: 40px !important;
    width: 70px;
    font-weight: 700;
    color: #000;
}

.grid-agenda-week-hora-livre {
    font-size: 25px;
    line-height: 40px !important;
    width: 70px;
    font-weight: 700;
    color: #CCC;
}

.grid-agenda-paciente {
    font-size: 16px !important;
    font-weight: 700;
    color: #888;
    line-height: 17px !important;
}

.grid-agenda-week-paciente {
    font-size: 14px !important;
    font-weight: 700;
    color: #888;
    line-height: 17px !important;
}
    .grid-agenda-paciente label span,
    .grid-agenda-week-paciente label span {
        margin-bottom: 0px !important;
    }



.grid-agenda-proc {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #888;
    line-height: 12px !important;
}

.icon-agenda {
    font-size: 13px;
    margin-right: 5px;
}

.btn-agd-cmd {
    width: 20px;
    text-align: center;
    float: left;
}

.icon-cmd-agenda {
    float: left;
    font-size: 16px;
    margin-right: 5px;
    margin-bottom: 6px;
    cursor: pointer;
    color: var(--color-brand-2);
}

.icon-cmd-agenda-grd {
    float: left;
    font-size: 30px;
    line-height: 40px;
    margin-right: 10px;
    margin-bottom: 3px;
    cursor: pointer;
    color: var(--color-brand-2);
}

.btn-grid-camera {
    background: url(Images/camera.png) no-repeat;
    border: 1px solid #9F9F9F;
    width: 48px;
    height: 48px;
    background-size: cover;
    cursor: pointer;
    border-radius: 90px;
}

.agenda-layout:hover > .hide {
    display: block;
}

.btn-add-agenda {
    float: right;
    cursor: pointer;
}

    .btn-add-agenda i {
        font-size: 35px;
        color: var(--color-brand-2);
    }


/**END GRID AGENDAMENTOS**/


/*GRID CONSULTAS*/


.consulta-layout {
    border: none;
    /*border-radius: 5px;*/
    float: left;
    width: 100%;
    padding: 5px;
    background-color: white;
    box-shadow: 2px 2px 2px #E5E5E5;
    /*border-left: 20px solid #FFF ;*/
}

.consulta-layout-row {
    float: left;
    width: 100%;
    border-left: 5px solid #FFF;
}

    .consulta-layout-row:hover {
        border-left: 5px solid #97714f !important;
    }

.consulta-layout:hover > .hide {
    display: block;
}

.grid-consulta-hora {
    font-size: 30px;
    font-weight: 700;
    color: #000;
}

.grid-consulta-status {
    font-size: 35px;
    line-height: 70px !important;
    color: #000;
}

.grid-consulta-paciente {
    font-size: 16px !important;
    font-weight: 700;
    color: #888;
    line-height: 17px !important;
}

    .grid-consulta-paciente label span {
        margin-bottom: 0px !important;
    }

.grid-consulta-proc {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #888;
    line-height: 12px !important;
}

#grFilaConsultaPartial tr.ui-row-ltr > td {
    border-color: transparent !important;
}

#grFilaConsultaPartial tr.ui-row-ltr:hover {
    border: none;
}

#grFilaConsultaPartial tr.jqgrow > td {
    padding: 2px 2px 2px 5px !important;
    background: none !important;
    background-color: transparent !important;
}

#gbox_grFilaConsultaPartial {
    border: none;
    background: none !important;
    background-color: transparent !important;
}

    #gbox_grFilaConsultaPartial .ui-widget-content {
        background: none !important;
        background-color: transparent !important;
    }

    #gbox_grFilaConsultaPartial > .ui-jqgrid-view > .ui-jqgrid-hdiv {
        display: none;
    }

#gview_grFilaConsultaPartial > .ui-jqgrid-bdiv {
    overflow-x: hidden;
}

#gbox_grFilaConsultaPartial > #pager {
    background: none;
}

#gbox_grFilaConsultaPartial tr {
    border: none;
}

/*END GRID CONSULTAS*/

.btn-novo-index, .btn-novo-pac-index, .btn-export-index, .btn-novo-horario-index, .btn-agenda-index, .btn-calendar-week-index, .btn-calendar-day-index, .btn-imprimir-index, .btn-gerar-nota-index {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--color-brand-1);
    font-size: 35px;
    height: 62px;
    line-height: 62px;
    margin: 5px;
    /*width: 60px;
    height: 60px;
    background-color: #f4f4f4;
    
    float: left;
    margin: 10px 5px;
    text-align: center;
    box-shadow: 2px 2px 2px #CCC;
    cursor: pointer;
    border-radius: 3px;*/
    cursor: pointer;
    float: right;
    /* border: 1px solid;*/
}

    .btn-novo-index:before {
        content: "\f055";
    }

    .btn-novo-pac-index:before {
        content: "\f234";
    }

    .btn-export-index:before {
        content: "\f56e";
    }

    .btn-novo-horario-index:before {
        content: "\f271";
    }

    .btn-agenda-index:before {
        content: "\f133";
    }

    .btn-calendar-week-index:before {
        content: "\f784";
    }

    .btn-calendar-day-index:before {
        content: "\f783";
    }

    .btn-imprimir-index:before {
        content: "\f02f";
    }

    .btn-gerar-nota-index:before {
        content: "\f570";
    }


/*** Botoes filtro especiais paciente ***/
.btn-filtro-esp {
    width: 100%;
    height: 60px;
    /*border-radius: 10px;*/
    color: #222222;
    margin-top: 5px;
    cursor: pointer;
    display: none;
    box-shadow: 2px 2px 2px #E5E5E5;
}

.btn-filtro-esp-deselect {
    background-color: white;
}

    .btn-filtro-esp-deselect:hover {
        background-color: #DDD;
    }

.btn-filtro-esp-select {
    background-color: #d3a192;
}

.filtro-esp-counter {
    float: left;
    width: 60px;
    text-align: center;
    height: 100%;
    line-height: 60px;
    background-color: #97714f;
    color: #fff;
    font-weight: 700;
    /*border-radius: 10px 0px 0px 10px;*/
    margin-right: 10px;
}

.filtro-esp-counter-dark {
    float: left;
    width: 60px;
    text-align: center;
    height: 100%;
    line-height: 60px;
    background-color: #97714f;
    color: #555;
    font-weight: 700;
    /*border-radius: 10px 0px 0px 10px;*/
    margin-right: 10px;
}


.filtro-esp-text {
    padding-top: 10px;
    line-height: 40px;
}

.filtro-esp-text-2 {
    padding-top: 10px;
    line-height: 20px;
}

.btn-fechar-filtro-esp {
    width: 17px;
    float: right;
    font-weight: bold;
    color: white;
    cursor: pointer;
    margin-top: 5px;
}
/*******************************/

/*** Calendário agendamento ***/
.dia-livre a {
    color: blue !important;
    background-color: #E0FFBB !important;
    font-weight: bold;
}

/*.dia-livre a:active{    
    color: white !important;
    background-color:#5ea904 !important;
    font-weight:bold;
}*/

.dia-cheio a {
    color: White !important;
    background-color: #f7b10b !important;
    font-weight: bold;
}

.dia-bloqueado a {
    color: White !important;
    background-color: #999 !important;
    font-weight: bold;
}

.dia-feriado a {
    color: White !important;
    background-color: #f56f6f !important;
    font-weight: bold;
}

.data-calendar {
    color: var(--color-brand-2);
    font-weight: bold;
    font-size: 15px;
}
/*******************************/

/* ----- Agenda ----- */
.div-cor-status-agd {
    width: 30px;
    height: 13px; /*height:15px;*/
    float: left;
    border: 1px black solid;
    margin: 4px 6px 0px 0;
    font-size: 12px;
    border-radius: 5px;
}

.agd-livre {
    background-color: #EEE;
}

.agd-aguard-conf {
    background-color: #EFB4B4;
}

.agd-agendado {
    background-color: #f7bf66;
}

.agd-espera {
    background-color: #BEEBAB;
}

.agd-desistencia {
    background-color: #EFB4B4;
}


.agd-em-atendimento {
    background-color: #f2f372;
}

.agd-atendido {
    background-color: #CDEBEB;
}

.agd-bloqueado {
    background-color: #c2c0c0;
}

.agd-cancelado {
    background-color: #fb6969;
}
/*---------------*/

.div-checkbox {
    display: flex;
    margin-top: 20px;
}

    .div-checkbox span, .div-checkbox-index span {
        margin: 7px 10px;
    }

.div-checkbox-index {
    display: flex;
    margin-top: 5px;
}

.erro-campos {
    color: red !important;
    font-weight: bold;
    font-size: 15px !important;
    margin-top: 5px;
}

/*----- Grid do jqGrid(inicio) -----*/
/*Certificado digital*/
.row-cert-digital-perto-exp-grid {
    background-color: #EFEFB4 !important;
    background-image: none !important;
}

.row-cert-digital-expirado-grid {
    background-color: #EFB4B4 !important;
    background-image: none !important;
}
/*----- Grid do jqGrid(fim) -----*/

/**** Detalhes grid de recebimento financeiro ****/
.grec-nome-exec {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-brand-2);
}

.grec-valor-total-lg {
    font-size: xx-large;
}

.grec-valor-total-md {
    font-size: large;
}

.grec-valor-total-lg, .grec-valor-total-md {
    font-weight: bold;
    color: var(--color-brand-2);
}

.grec-itens {
    font-size: 12px;
}

    .grec-itens > div {
        border-bottom: 1px solid #CCC;
    }
/*-------------------------------*/

/*footer titulos a pagar/receber*/
.st-titulo-pago {
    /*background-image: url('Images/BlueBall.png');*/
    color: #00c0ef;
}

.st-titulo-vencer {
    /*background-image: url('Images/GreenBall.png');*/
    color: #00a65a;
}

.st-titulo-vencehoje {
    /*background-image: url('Images/YellowBall.png');*/
    color: yellow;
}

.st-titulo-vencido {
    /*background-image: url('Images/RedBall.png');*/
    color: #dd4b39;
}

.st-titulo-cancelado {
    /*background-image: url('Images/delete.png');*/
    color: black;
}

.st-titulo-pago, .st-titulo-vencer, .st-titulo-vencehoje, .st-titulo-vencido, .st-titulo-cancelado {
    background-repeat: no-repeat;
    background-size: 18px;
    width: 18px;
    height: 18px;
    float: left;

    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 15px;
}
/*-----------*/

/*-------- Tooltip(inicio) ----------*/
/*div que contem o tooltip*/
.tooltip {
    position: relative;
    display: inline-block;
    background-color: var(--bkg-color-dark);
    border: 1px solid;
    padding: 0px 5px 0px 5px;
    color: #f4f4f4;
    border-radius: 10px;
    font-weight: bold;
    cursor: pointer;
    line-height: normal;
}

/*corpo do tooltip*/
.tooltiptext-right, .tooltiptext-left, .tooltiptext-top, .tooltiptext-bottom {
    /*visibility: hidden;*/
    /*width: 150px;*/
    /*max-width: 200px;*/
    color: #666;
    font-size: 12px;
    background: #FFFFFF;
    border: 1px solid #666; /*#CFCFCF*/
    /*text-align: center;*/
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    /*opacity: 0;
    transition: opacity 1s;*/
}

    /*seta à esquerda*/
    .tooltiptext-right:before, .tooltiptext-right:after {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        position: absolute;
    }
    /*tamanho da seta*/
    .tooltiptext-right:before {
        border-right-color: #666;
        border-width: 12px;
        margin-top: -12px;
    }

    .tooltiptext-right:after {
        border-right-color: #FFFFFF;
        border-width: 11px;
        margin-top: -11px;
    }
    /*------*/

    /*seta à direita*/
    .tooltiptext-left:before, .tooltiptext-left:after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        position: absolute;
    }
    /*tamanho da seta*/
    .tooltiptext-left:before {
        border-left-color: #666;
        border-width: 12px;
        margin-top: -12px;
    }

    .tooltiptext-left:after {
        border-left-color: #FFFFFF;
        border-width: 11px;
        margin-top: -11px;
    }
    /*------*/

    /*seta para baixo*/
    .tooltiptext-top:before, .tooltiptext-top:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        position: absolute;
    }
    /*tamanho da seta*/
    .tooltiptext-top:before {
        border-top-color: #666;
        border-width: 12px;
        margin-left: -12px;
    }

    .tooltiptext-top:after {
        border-top-color: #FFFFFF;
        border-width: 11px;
        margin-left: -11px;
    }
    /*------*/

    /*seta para cima*/
    .tooltiptext-bottom:before, .tooltiptext-bottom:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        position: absolute;
    }
    /*tamanho da seta*/
    .tooltiptext-bottom:before {
        border-bottom-color: #757575666;
        border-width: 12px;
        margin-left: -12px;
    }

    .tooltiptext-bottom:after {
        border-bottom-color: #FFFFFF;
        border-width: 11px;
        margin-left: -11px;
    }
/*------*/
/*-------- Tooltip(fim) ----------*/

.dxdvFlowItem, .dxdvItem {
    float: left !important;
    /*width: calc(16.66666666667% - 25px) !important;*/
}

    .dxdvFlowItem, .dxdvItem:nth-child(6n+1) {
        margin-left: 0;
    }

/***** Botão retrátil *****/
.btn-retratil {
    float: left;
    width: 100%;
    margin: 2px;
    background: var(--color-brand-2);
    text-align: center;
    color: #fff;
    height: 40px;
    border: 2px solid var(--color-brand-2);
    line-height: 36px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    border-radius: 5px;
    cursor: pointer;
}


 .btn-retratil.thin {
            height: 25px;
            line-height: 25px;
            font-size: 11px;
            font-weight: 600;
            text-transform: none;
    }

    .btn-retratil:hover{
  background: transparent;
  color: var(--color-brand-2);
}


    .btn-retratil ul {
        list-style: none;
        margin: 0;
        padding: 0;
        float: left;
    }

    .btn-retratil > ul > li > a > i {
        font-size: 22px !important;
        color: #333;
        line-height: 74px !important;
        text-align: center;
        float: left;
        width: 100%;
    }
    .btn-retratil .btn-ret {
        float: left;
        /*background: var(--color-brand-2);*/
        /*height: 40px;*/
        position: relative;
        cursor: pointer;
        width: 100%;
        /*z-index: 9999;*/
    }

        .btn-retratil .btn-ret.off .sub {
            display: none;
        }

        .btn-retratil .btn-ret.on .sub {
            display: block;
        }

        .btn-retratil .btn-ret .sub {
            position: absolute;
            width: 100%;
        }
            .btn-retratil .btn-ret .sub li a {
                float: left;
                width: 100%;
                color: #fff;
                background: #AAA;
                line-height: 25px;
                text-align: left;
                padding: 0 15px;
                border: solid 1px #CCC
            }

                .btn-retratil .btn-ret .sub li a:hover {
                    background: rgba(83,85,100,1);
                    /*background: var(--color-brand-2);*/
                }
                /*.btn-retratil .btn-ret .sub li a i{
  float: left;
  line-height: 40px;
  font-size: 18px;
  margin-right: 5px;
  width: 25px;
}*/
                .btn-retratil .btn-ret .sub li a span {
                    float: left;
                    line-height: 25px;
                    font-size: 11px;
                    /*text-transform: uppercase;*/
                }
/*-----------------------------------------------*/


/***** Filtro retrátil *****/
.filtro-retratil {
    float: left;
    width: 100%;
    background: var(--color-brand-2);
    color: #fff;
    height: 40px;
    border: 2px solid var(--color-brand-2);
    /*line-height: 36px;*/
    font-weight: bold;
    font-size: 16px;
    border-radius: 10px;
    float: left;
    height: 40px;
    position: relative;
    width: 100%;
    z-index: 9;
    cursor: pointer;
}

    .filtro-retratil .sub {
        position: absolute;
        width: 100%;
        background-color: #E6E7EE;
        padding: 15px 0;
        margin-top: 4px;
        border: 1px var(--color-brand-2) solid;
        border-radius: 10px;
    }

.filtro-titulo {
    margin: 6px 15px;
}

/*.filtro-retratil:hover{
  background: transparent;
  color: var(--color-brand-2);
}*/

.filtro-retratil .sub.off {
    display: none;
}

.filtro-retratil .sub.on {
    display: block;
}
/*-----------------------------------------------*/

.interrogacao {
    border-radius: 15px;
    padding: 0px 6px;
    font-weight: bold;
    background-color: var(--color-brand-2);
    color: white !important;
    width: auto !important;
    cursor: pointer;
}

/*--------- Travar div de comandos --------*/
.sticky {
    position: fixed;
    top: 80px;
    z-index: 99;
    /*width: calc(100% - 260px) !important;*/
}

.content-frm {
    margin-top: 150px;
}
/*.sticky + .content {
  padding-top: 102px;
}*/
/*-------------------------*/

/*--------- Grid Agendamentos --------*/
/*.row-agd-encaixe-grid {
    color: red !important;
}

.row-agd-bloqueado-grid {
    background-color: #C2C0C0 !important;
    background-image: none !important;
}

.row-agd-livre-grid {
    background-color: #FFFFFF !important;
    background-image: none !important;
}

.row-agd-desistencia-grid {
    background-color: #EFB4B4 !important;
    background-image: none !important;
}

.row-agd-confirmado-grid {
    background-color: #F7BF66 !important;
    background-image: none !important;
}

.row-agd-aguardando-grid {
    background-color: #BEEBAB !important;
    background-image: none !important;
}

.row-agd-em-atendimento-grid {
    background-color: #F2F372 !important;
    background-image: none !important;
}

.row-agd-atendido-grid {
    background-color: #CDEBEB !important;
    background-image: none !important;
}

.row-agd-cancelado-grid {
    background-color: #FB6969 !important;
    background-image: none !important;
    color: white !important;
}*/

.row-agd-encaixe-grid {
    color: red !important;
}

.row-agd-bloqueado-grid {
    border-color: #C2C0C0 !important;
}

.row-agd-livre-grid {
    border-color: #EEE !important;
}

.row-agd-desistencia-grid {
    border-color: #EFB4B4 !important;
}

.row-agd-confirmado-grid {
    border-color: #F7BF66 !important;
}

.row-agd-aguardando-grid {
    border-color: #BEEBAB !important;
}

.row-agd-em-atendimento-grid {
    border-color: #F2F372 !important;
}

.row-agd-atendido-grid {
    border-color: #CDEBEB !important;
}

.row-agd-cancelado-grid {
    border-color: #FB6969 !important;
}



.row-agd-bloqueado-grid .icon-status:before {
    content: "\f057";
}

.row-agd-desistencia-grid .icon-status:before {
    content: "\f057";
    font-weight: 700;
    color: var(--color-danger);
}

.row-agd-confirmado-grid .icon-status:before {
    content: "\f133";
}

.row-agd-aguardando-grid .icon-status:before {
    content: "\f058";
}

.row-agd-em-atendimento-grid .icon-status:before {
    content: "\f058";
}



.row-agd-atendido-grid .icon-status:before {
    content: "\f058";
    font-weight: 700;
    color: var(--color-success);
}

.row-agd-cancelado-grid .icon-status:before {
    content: "\f057";
    font-weight: 700;
    color: var(--color-danger);
}

.icon-status {
    font-family: "Font Awesome 6 Free";
    text-align: right;
}

/*-------------------------*/
/*------------------------------------------------------------------------- css customizados(fim) -------------------------------------------------------------------------*/


/*--------- @media --------*/
@media (max-width: 1790px) {
    .dxdvFlowItem, .dxdvItem {
        float: left !important;
        width: calc(20% - 24px) !important;
    }

        .dxdvFlowItem, .dxdvItem:nth-child(6n+1) {
            margin-left: 30px;
        }

        .dxdvFlowItem, .dxdvItem:nth-child(5n+1) {
            margin-left: 0px;
        }
}

@media (max-width: 1630px) {
    .dxdvFlowItem, .dxdvItem {
        float: left !important;
        width: calc(25% - 22.5px) !important;
    }

        .dxdvFlowItem, .dxdvItem:nth-child(5n+1) {
            margin-left: 30px;
        }

        .dxdvFlowItem, .dxdvItem:nth-child(4n+1) {
            margin-left: 0px;
        }
}

@media (max-width: 1350px) {
    .dxdvFlowItem, .dxdvItem {
        width: calc(33.3333333333% - 20px) !important;
    }

        .dxdvFlowItem, .dxdvItem:nth-child(4n+1) {
            margin-left: 30px;
        }

        .dxdvFlowItem, .dxdvItem:nth-child(3n+1) {
            margin-left: 0px;
        }

    .miolo .info ul.prod figure {
        float: left;
        width: 100%;
        padding-top: 70%;
        position: relative;
        overflow: hidden;
    }
}

/*@media (max-width: 1280px){
    .dxdvFlowItem, .dxdvItem {
      width: calc(33.3333333333% - 20px) !important;
    }
    .dxdvFlowItem, .dxdvItem:nth-child(4n+1) {
        margin-left: 30px;
    }
    .dxdvFlowItem, .dxdvItem:nth-child(3n+1) {
        margin-left: 0px;
    }
    .miolo .info ul.prod figure{
        float: left;
        width: 100%;
        padding-top: 70%;
        position: relative;
        overflow: hidden;
    }
}*/

@media (max-width: 1120px) {
    .dxdvFlowItem, .dxdvItem {
        width: calc(50% - 20px) !important;
    }

        .dxdvFlowItem, .dxdvItem:nth-child(4n+1) {
            margin-left: 30px;
        }

        .dxdvFlowItem, .dxdvItem:nth-child(3n+1) {
            margin-left: 0px;
        }

    .miolo .info button, .btn-retratil span {
        font-size: 12px;
    }

    .filtro-titulo {
        font-size: 12px;
        margin: 9px 15px;
    }

    .responsive-table {
        width: 100%;
        overflow-x: auto;
    }

        .responsive-table table {
            width: auto !important;
            min-width: 100%;
        }

    .miolo .info ul.prod figure {
        float: left;
        width: 100%;
        padding-top: 60%;
        position: relative;
        overflow: hidden;
    }
}

@media (max-width: 991px) {
    .miolo .info label.date {
        margin-top: 10px;
    }

    aside {
        width: 200px;
    }

    .div-aside-menu {
        width: 200px;
    }

    .miolo {
        width: calc(100% - 200px);
    }

        .miolo ul.tabs li a, .miolo ul.tabs li {
            width: 100%;
            margin-right: 0;
            margin-bottom: 2px;
        }

            .miolo ul.tabs li a {
                border-radius: 10px;
            }

        .miolo .info table.prod {
            min-width: 700px;
        }

        .miolo .info ul.prod figure {
            float: left;
            width: 100%;
            padding-top: 55%;
            position: relative;
            overflow: hidden;
        }
}

@media (max-width: 767px) {
    .mobm10 {
        margin-top: 10px;
    }

    .dxdvFlowItem, .dxdvItem {
        width: 95% !important;
        margin-left: 20px !important;
        margin-right: 0 !important;
    }

    .miolo .info ul.prod figure {
        float: left;
        width: 100%;
        padding-top: 60%;
        position: relative;
        overflow: hidden;
    }
}

@media (max-width: 680px) {
    .full-area-bg .middle.cadastro {
        width: 400px;
    }

    .full-area-bg .middle form label.check, .full-area-bg .middle form label.half {
        width: 100%;
    }

    .full-area-bg .middle header h1 {
        margin-top: 30px;
        font-size: 14px;
    }

    header nav > ul > li > a, header nav > ul > li {
        width: 50px;
        height: 45px;
    }

        header nav > ul > li > a > span {
            left: 32px;
            top: 3px;
        }

        header .branding img {
            height: 25px;
        }

        header .branding {
            margin: 10px 10px;
            height: 25px;
        }

        header nav > ul > li > a > i {
            line-height: 45px !important;
        }

        header nav .user {
            height: 80px;
            width: 55px;
        }

            header nav .user figure {
                width: 25px;
                height: 25px;
                margin: 10px;
            }

            header nav .user .info {
                display: none;
            }

            header nav .user figure:after {
                content: "\f107";
                font-family: FontAwesome;
                position: absolute;
                right: 7px;
                font-size: 12px;
                color: #fff;
                top: 15px;
            }

            header nav .user .sub li a span {
                display: none;
            }

            header nav .user .sub li a i {
                width: 100%;
                margin: 0;
                text-align: center;
            }

    aside {
        top: 45px;
    }

    .miolo {
        padding-top: 45px;
    }

    .home-geo-top {
        width: 100%;
        height: 20vh;
        /* overflow: hidden; */
        /* background-size: cover; */
        position: relative;
        border: solid 10px #00008B;
    }

}

@media (max-height: 600px) {
    .full-area-bg {
        height: auto;
        min-height: 100vh;
    }

        .full-area-bg .middle {
            float: left;
            margin: 25px calc(50% - 200px);
            top: auto;
            left: auto;
            position: relative;
            transform: translate(0, 0);
        }

            .full-area-bg .middle.cadastro {
                margin: 25px calc(50% - 300px);
            }

    @media (max-width: 650px) {

        .full-area-bg .middle.cadastro {
            margin: 25px calc(50% - 200px);
        }
    }

    @media (max-width: 450px) {
        .full-area-bg .middle,
        .full-area-bg .middle.cadastro {
            margin: 25px calc(50% - 150px);
        }
    }
}

.menu-mobile {
    display: none;
}

@media (max-width: 650px) {
    .dxdvFlowItem, .dxdvItem {
        width: calc(100% - 20px) !important;
        margin-left: 20px !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 550px) {
    aside {
        width: 100%;
        position: relative;
        height: auto !important;
        min-height: 0 !important;
    }

    .miolo {
        width: 100%;
        position: relative;
    }

    .menu-mobile {
        display: block;
        float: right;
        background: transparent;
        border: 0;
        font-size: 22px;
        color: var(--color-brand-2);
        margin: 0 10px 0 0;
        line-height: 45px;
        background: rgba(255,255,255,0.5);
        width: 50px;
        text-align: center;
    }

    .menu-closed .menu-mobile i:before {
        color: var(--color-brand-2);
    }

    .menu-closed aside {
        display: none;
    }

    .menu-open aside {
        display: block;
    }

    .menu-open .menu-mobile {
        background: var(--color-brand-2);
        color: #fff;
    }

        .menu-open .menu-mobile i:before {
            color: #fff;
        }
}

@media (max-width: 450px) {
    aside {
        width: 100%;
        position: relative;
        height: auto !important;
        min-height: 0 !important;
    }

    .full-area-bg .middle,
    .full-area-bg .middle.cadastro {
        width: 300px;
        padding: 30px 20px 30px;
    }

        .full-area-bg .middle form label {
            margin-bottom: 10px;
        }

            .full-area-bg .middle form label.check, .full-area-bg .middle form a,
            .full-area-bg .middle form + p {
                font-size: 12px;
            }

        .full-area-bg .middle form + p {
            line-height: 18px;
        }

    #btnMenuMobile {
        display: block;
    }

    header nav .user {
        background: #25bcb0;
    }

    #lblMapaCidade {
        display: none;
    }
}

@media (max-width: 380px) {
    aside {
        width: 100%;
        position: relative;
        height: auto !important;
        min-height: 0 !important;
    }

    header nav > ul > li > a, header nav > ul > li {
        width: 45px;
    }

    .menu-mobile {
        width: 40px;
        margin-right: 6px;
    }

    header nav > ul > li {
        margin-right: 6px;
    }

    header .branding {
        margin: 3px 10px;
        height: 35px;
        width: 35px;
        overflow: hidden;
    }

        header .branding img {
            height: 35px;
        }
}
/*-----------------------------------------------*/



/* Rodrigo Araujo - 02/03/2018 */
.img-dadosCadastrais {
    background-image: url('Images/icones-offerpay-dadoscadastrais.png');
}

.img-minhasNegociacoes {
    background-image: url('Images/icones-offerpay-minhasnegociacoes.png');
}

.img-torneVendedor {
    background-image: url('Images/icones-offerpay-sejaempreendedor.png');
}

.img-dadosCadastrais, .img-minhasNegociacoes, .img-torneVendedor {
    background-size: 160px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    display: block;
    margin: 0 auto;
    line-height: 25px;
    padding-top: 30px;
    /*width: 155px;*/
    height: 200px;
    font-size: 12pt;
    margin-left: 0px;
    text-decoration: none;
    cursor: pointer;
}

.div-cmd-home {
    /*margin: auto;*/
    /*height: 301px;
    width: 1000px;*/
    border: 1px solid #DDD;
    margin: auto;
    padding: 10px 10px;
    margin-bottom: 20px;
    height: 300px;
    width: auto;
}
/******** Rodrigo Araujo - 02/03/2018 ******/

.linktela {
    cursor: pointer;
}

.label-comp-campo {
    margin: 0px 0px 0px 10px;
    top: 8px;
}

.label-checkbox {
    float: left;
    margin: 10px;
    font-size: 12px;
    /*top: 8px;
    left: 8px;*/
}

/******** Rodrigo Araujo - 07/05/2018 ******/
.img-ultimoclique {
    background-image: url('Images/UltimoClique.PNG');
}

.img-primeiroclique {
    background-image: url('Images/PrimeiroClique.PNG');
}

.img-primeiroultimoclique {
    background-image: url('Images/PrimeiroEUltimoClique.PNG ');
}

.img-multiplocliquecomissaolinear {
    background-image: url('Images/MultiploCliquesComissaoLinear.PNG ');
}

.img-multiplocliquecomissaovariada {
    background-image: url('Images/MultiploCliquesComissaoVariada.PNG');
}


.img-ultimocliqueCinza {
    background-image: url('Images/UltimoCliqueCinza.PNG');
}

.img-primeirocliqueCinza {
    background-image: url('Images/PrimeiroCliqueCinza.PNG');
}

.img-primeiroultimocliqueCinza {
    background-image: url('Images/PrimeiroEUltimoCliqueCinza.PNG ');
}

.img-multiplocliquecomissaolinearCinza {
    background-image: url('Images/MultiploCliquesComissaoLinearCinza.PNG ');
}

.img-multiplocliquecomissaovariadaCinza {
    background-image: url('Images/MultiploCliquesComissaoVariadaCinza.png');
}



.img-primeiroclique, .img-ultimoclique, .img-primeiroultimoclique, .img-multiplocliquecomissaolinear, .img-multiplocliquecomissaovariada, .img-primeirocliqueCinza, .img-ultimocliqueCinza, .img-primeiroultimocliqueCinza, .img-multiplocliquecomissaolinearCinza, .img-multiplocliquecomissaovariadaCinza {
    background-size: 160px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    display: block;
    margin: 0 auto;
    line-height: 25px;
    padding-top: 30px;
    width: 155px;
    height: 140px;
    font-size: 12pt;
    margin-left: 0px;
    text-decoration: none;
    cursor: pointer;
}

/******** Rodrigo Araujo - 08/05/2018 - Class para telas que possuem o mesmo grid de tamanhos diferentes ******/
.grid-normal {
    display: block;
}

.grid-reduzida {
    display: none;
}

@media (max-width: 900px) {
    .grid-normal {
        display: none;
    }

    .grid-reduzida {
        display: block;
    }
}
/******** Rodrigo Araujo - 08/05/2018 ******/

.btn-reprovar {
    background-image: url('Images/Falha.png');
}

.btn-aprovar {
    background-image: url('Images/Salvar.png');
}

.textAreaPersona header {
    position: inherit !important;
}

.text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}




/*CUSTOM GRIDS*/

.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td {
    border-right-style: none !important;
}

.ui-jqgrid .ui-jqgrid-labels th.ui-th-column {
    border-right-style: none;
}

.ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th div {
    text-align: left;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px !important;
}

.ui-jqgrid-bdiv {
    overflow-x: hidden !important;
}

#pager {
    background: none;
}

.ui-jqgrid > .ui-jqgrid-view {
    font-size: 13px !important;
}

.ui-jqgrid tr.footrow-ltr td {
    border-right-style: none !important;
}


/*END CUSTOM GRIDS*/



.index-esp-filter-grid {
    width: calc(100% - 250px);
    float: right;
}

.index-esp-filter {
    width: 240px;
    margin-left: 10px;
    float: right;
    min-height: 10px;
}


.grid-command {
    float: left;
    /*background-color: #E6E7EE;
    width: 70px;*/
    height: 50px;
    margin: -5px -5px -5px -5px;
    padding: 5px 7px 3px 7px;
}

.icons-line2 {
    width: 20px;
    float: left;
}


@media (max-width: 1199px) {


    .index-esp-filter-grid {
        width: 100%;
    }

    .index-esp-filter {
        width: 100%;
        margin-bottom: 10px;
    }

    .btn-filtro-esp {
        width: calc(33% - 5px);
        float: left;
        margin-right: 5px;
    }
}

@media (max-width: 900px) {
     .btn-filtro-esp {
        width: calc(50% - 5px);
        float: left;
        margin-right: 5px;
    }
}

@media (max-width: 680px) {
    .btn-filtro-esp {
        width: 100%;
        float: left;
        margin-right: 5px;
    }

    .btn-filtro-esp {
        height: 40px;
    }

    .filtro-esp-counter-dark {
        line-height: 40px;
    }

    .filtro-esp-counter {
        line-height: 40px;
    }

    .filtro-esp-text {
        line-height: 20px;
    }

    .grid-command {
        width: 100%;
        margin: -0px -5px -5px -5px;
    }


    .btn-agd-cmd {
        width: 35px;
    }
    .icon-cmd-agenda {
        font-size: 30px;
        line-height: 40px;
    }

    .icons-line2 {
    width: 90px;
    float: left;
}
}


#grRecebimentoCaixaPartItensPartial tr.ui-row-ltr > td {
    border-color: transparent !important;
}

#grRecebimentoCaixaPartItensPartial tr.ui-row-ltr:hover {
    border: none;
}

#grRecebimentoCaixaPartItensPartial tr.jqgrow > td {
    padding: 2px 2px 2px 5px !important;
    background: none !important;
    background-color: transparent !important;
}

#gbox_grRecebimentoCaixaPartItensPartial {
    border: none;
    background: none !important;
    background-color: transparent !important;
}

    #gbox_grRecebimentoCaixaPartItensPartial .ui-widget-content {
        background: none !important;
        background-color: transparent !important;
    }

    #gbox_grRecebimentoCaixaPartItensPartial > .ui-jqgrid-view > .ui-jqgrid-hdiv {
        display: none;
    }


    #gbox_grRecebimentoCaixaPartItensPartial tr {
        border: none;
    }


#grRecebimentoCaixaConvItensPartial tr.ui-row-ltr > td {
    border-color: transparent !important;
}

#grRecebimentoCaixaConvItensPartial tr.ui-row-ltr:hover {
    border: none;
}

#grRecebimentoCaixaConvItensPartial tr.jqgrow > td {
    padding: 2px 2px 2px 5px !important;
    background: none !important;
    background-color: transparent !important;
}

#gbox_grRecebimentoCaixaConvItensPartial {
    border: none;
    background: none !important;
    background-color: transparent !important;
}

    #gbox_grRecebimentoCaixaConvItensPartial .ui-widget-content {
        background: none !important;
        background-color: transparent !important;
    }

    #gbox_grRecebimentoCaixaConvItensPartial > .ui-jqgrid-view > .ui-jqgrid-hdiv {
        display: none;
    }


#gbox_grRecebimentoCaixaConvItensPartial tr {
    border: none;
}



#grRecebPendentesItensPartial tr.ui-row-ltr > td {
    border-color: transparent !important;
}

#grRecebPendentesItensPartial tr.ui-row-ltr:hover {
    border: none;
}

#grRecebPendentesItensPartial tr.jqgrow > td {
    padding: 2px 2px 2px 5px !important;
    background: none !important;
    background-color: transparent !important;
}

#gbox_grRecebPendentesItensPartial {
    border: none;
    background: none !important;
    background-color: transparent !important;
}

    #gbox_grRecebPendentesItensPartial .ui-widget-content {
        background: none !important;
        background-color: transparent !important;
    }

    #gbox_grRecebPendentesItensPartial > .ui-jqgrid-view > .ui-jqgrid-hdiv {
        display: none;
    }


#gbox_grRecebPendentesItensPartial tr {
    border: none;
}







.home-dash-top > label,
.home-dash-resumo > label {
    text-align: center;
    padding: 10px;
    border: solid 2px transparent;
    
}

    .home-dash-top > label > div,
    .home-dash-resumo > label > div {
        padding: 5px;
        width: 100%;
        float: left;
        text-align: left;
        background-color: rgba(255,255,255,0.9);
    }
	
	.home-dash-top > label > div {
        box-shadow: 2px 4px 7px #B2B2B2;
    }

	.home-dash-resumo > label > div {
        box-shadow: 3px 3px 3px #B2B2B2;
    }

        .home-dash-top > label > div:hover,
        .home-dash-resumo > label > div:hover {
            box-shadow: 3px 3px 3px #B2B2B2;
        }

    .home-dash-resumo > label.fixed > div {
        padding-top: 70%
    }
        .home-dash-resumo > label.fixed > div > div {
            position: absolute;
            top:20px;
            left: 20px;
            width: calc(100% - 40px) !important;
        }

.home-dash-top .dash-icon-bkg {
    font-family: "Font Awesome 6 Free";
    font-size: 70px;
    color: #F1F1F1;
    font-weight: 600;
    border-radius: 20px;
}

.home-dash-top .dash-icon-bkg:after {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 0;
}

.home-dash-top .dash-ag:after {
    content: "\f073";
}

.home-dash-top .dash-at:after {
    content: "\f0f1";
}

.home-dash-top .dash-conf:after {
    content: "\f164";
}

.home-dash-top .dash-desist:after {
    content: "\f165";
}

.home-dash-top .dash-money:after {
    content: "\f81d";
}



.home-dash-top .title {
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    z-index: 1;
}

.home-dash-top .sub-title {
    color: var(--color-success);
    font-size: 10px;
    line-height: 25px;
    text-align: right;
    z-index: 1;
}

.home-dash-top .counter {
    color: var(--color-brand-2); 
    font-size: 50px;
    z-index: 1;
}

.home-dash-top .percent {
    height: 65px;
    padding-top: 35px;
    text-align: right;
    font-weight: 600;
    font-size: 15px;
    z-index: 1;
    color: #757575;
}


.home-shortcut {
    text-align: center;
}

    .home-shortcut > div > i {
        width: 100%;
        float: left;
        color: var(--color-brand-1);
    }


    .home-shortcut > div {
        background-color: rgba(255,255,255,0.9);
        box-shadow: 2px 4px 7px #B2B2B2;
        font-size: 35px;
        width: 100px;
        float: left;
        margin: 5px;
        padding: 10px;
        cursor: pointer;
        border-radius: 10px;
    }

        .home-shortcut > div:hover {
            box-shadow: 2px 2px 2px #BBB;
        }


        .home-shortcut > div > a {
            margin-top: 10px;
            width: 100%;
            font-size: 12px;
            float: left;
        }



.home-dash-resumo .title {
    padding: 8px;
    font-size: 14px;
    margin-bottom: 10px;
}

.home-dash-resumo .title > span {
    /*text-align: right;*/
}

#legend-container span {
    width: 10px !important;
    height: 10px !important;
}


#legend-container p {
    font-size: 10px;
}

#legend-container ul {
    display: block !important;
}

#legend-container li p {
    text-overflow: ellipsis;
    overflow:hidden;
    white-space: nowrap;
    float: left;
    width: 100%;
}




.master-shortcut {
    text-align: center;
    float: right;
    padding: 10px;
}

    .master-shortcut > div > i {
        width: 100%;
        float: left;
        color: var(--color-brand-1);
    }


    .master-shortcut > div {
        /*background-color: rgba(255,255,255,0.1);*/
        font-size: 25px;
        width: 100px;
        float: left;
        /*margin-top: 5px;*/
        padding: 5px;
        cursor: pointer;
    }

        .master-shortcut > div:hover {
            box-shadow: 2px 2px 2px #CCC;
        }


        .master-shortcut > div > a {
            margin-top: 5px;
            width: 100%;
            font-size: 12px;
            float: left;
        }

.home-geo-top {
    width: 100%;
    /* height: 20vh; */
    /* overflow: hidden; */
    /* background-size: cover; */
    position: relative;
    border: solid 10px #00008B;
}

.home-geo-top_projetoCompleto {
    width: 100%;
    height: 10vh;
    overflow: hidden;
    background-size: cover;
    background: url(images/home_projetoCompleto.jpg) no-repeat center center;
    position: relative;
}

.home-geo-top_projetoSimples {
    width: 100%;
    height: 10vh;
    overflow: hidden;
    background-size: cover;
    background: url(images/home_projetoSimples.jpg) no-repeat center center;
    position: relative;
}

.home-geo-top_projetoPessoal {
    width: 100%;
    height: 10vh;
    overflow: hidden;
    background-size: cover;
    background: url(images/home_projetoPessoal.jpg) no-repeat center center;
    position: relative;
}

.home-geo-top_BI {
    width: 100%;
    height: 10vh;
    overflow: hidden;
    background-size: cover;
    background: url(images/home_BI.jpg) no-repeat center center;
    position: relative;
}

.home-geo-top_versoes {
    width: 100%;
    height: 10vh;
    overflow: hidden;
    background-size: cover;
    background: url(images/home_versoes.jpg) no-repeat center center;
    position: relative;
}

.home-geo-top_ColetorDivergencias {
    width: 100%;
    height: 10vh;
    overflow: hidden;
    background-size: cover;
    background: url(images/home_projetoSimples.jpg) no-repeat center center;
    position: relative;
}

@media (min-height: 550px) {

/*    .caixa-lateral-mapa {
        border: 1px solid #333;
        bottom: 20%;
        position: fixed;
        background-color: white;
        left: 30px;
        border-radius: 5px;
        text-align: match-parent;
        transform: rotate(0deg);
    }*/

    .caixa-redeagua {
        border: 1px solid #333;
        bottom: 0%;
        position: absolute;
        background-color: white;
        left: 30px;
        border-radius: 5px;
        text-align: match-parent;
        transform: rotate(0deg);
    }
}

@media (min-height: 720px) {

/*    .caixa-lateral-mapa {
        border: 1px solid #333;
        bottom: 30%;
        position: fixed;
        background-color: white;
        left: 30px;
        border-radius: 5px;
        text-align: match-parent;
        transform: rotate(0deg);
    }*/

    .caixa-redeagua {
        border: 1px solid #333;
        bottom: 17.5%;
        position: absolute;
        background-color: white;
        left: 30px;
        border-radius: 5px;
        text-align: match-parent;
        transform: rotate(0deg);
    }
}

@media (min-height: 768px) {

/*    .caixa-lateral-mapa {
        border: 1px solid #333;
        bottom: 35%;
        position: fixed;
        background-color: white;
        left: 30px;
        border-radius: 5px;
        text-align: match-parent;
        transform: rotate(0deg);
    }*/

    .caixa-redeagua {
        border: 1px solid #333;
        bottom: 20%;
        position: absolute;
        background-color: white;
        left: 30px;
        border-radius: 5px;
        text-align: match-parent;
        transform: rotate(0deg);
    }

}

@media (min-height: 900px) {

/*    .caixa-lateral-mapa {
        border: 1px solid #333;
        bottom: 30%;
        position: fixed;
        background-color: white;
        left: 30px;
        border-radius: 5px;
        text-align: match-parent;
        transform: rotate(0deg);
    }*/

    .caixa-redeagua {
        border: 1px solid #333;
        bottom: 20%;
        position: absolute;
        background-color: white;
        left: 30px;
        border-radius: 5px;
        text-align: match-parent;
        transform: rotate(0deg);
    }
}

@media (min-height: 1050px) {

    .caixa-redeagua {
        border: 1px solid #333;
        bottom: 30%;
        position: absolute;
        background-color: white;
        left: 30px;
        border-radius: 5px;
        text-align: match-parent;
        transform: rotate(0deg);
    }
}

@media (max-width: 650px) {
    .home-dash-top .title {
        font-size: 13px;
        font-weight: 700;
        line-height: 25px;
        z-index: 1;
    }
}


@media (max-width: 450px) {
    .home-dash-top .title {
        font-size: 10px;
        font-weight: 700;
        line-height: unset;
        z-index: 1;
    }
}