﻿.inlineblock{
    display: inline-block !important;
}
.ds-block {
    display: block !important;
}
.ds-table {
    display: table !important;
}
.ds-tablecell {
    display: table-cell !important;
}
.cpointer{
    cursor: pointer !important;
}
.ofhidden{
    overflow: hidden !important;
}
.vvisible{
    visibility: visible !important;
}
.vhidden{
    visibility: hidden !important;
}
/*colors*/
.c_lightgray{    
    color: #dcdada !important;
}
.c_excel{
    color: #1e7145 !important;
}
.c_report_green{
    color: #1ab394 !important;
}
.c_report_red{
    color: #ed5565 !important;    
}
.c_red{
    color: #e91f00 !important;

}
.c_orangelight{
    color: #fbaa29 !important;
}
.c_white{
    color: #ffffff !important;    
}
/*backgrounds*/
.bg_darkgray{
    background-color: #313435 !important;
}
.bg_darkgray2 {
    background-color: #888888 !important;
}
.bg_lightgray {
    background-color: lightgray !important;
}
.bg_orange{
    background-color: #ff8a00 !important;    
}
.bg_orangelight{
    background-color: #fbaa29 !important;    
}
.bg_red{
    background-color: #ff4444 !important;    
}
.bg_success{
    background-color: #5cb85c !important;
}
.bg_report_green{
    background-color: #1ab394 !important;
}
.bg_report_red{
    background-color: #ed5565 !important;
}
.bgwhite, .loginbox, .navbartop {
    background: #ffffff !important;
}
.bg_grad_green{
    background-image: linear-gradient(to bottom, #abbf08 0, #abbf08 100%) !important;
}
.bg_alpha_50{
    background-color: rgba(0, 0, 0, 0.5) !important;
}
/*word-break/wrap*/
.wbreakall{
    word-break: break-all !important;
}
.wbreakword{
    word-wrap: break-word !important;
}
/*z-indexes*/
.zindex1{
    z-index: 1 !important;
}
.zindex1000{
    z-index: 1000 !important;
}
/*margins*/
.mbtm0{
    margin-bottom: 0px !important;
}
.mbtm5{
    margin-bottom: 5px !important;
}
.mbtm10{
    margin-bottom: 10px !important;
}
.mbtm30{
    margin-bottom: 30px !important;
}
.mleft0{
    margin-left: 0px !important;
}
.mleft3{
    margin-left: 3px !important;
}
.mleft5{
    margin-left: 5px !important;
}
.mtop0{
    margin-top: 0px !important;
}
.mtop2{
    margin-top: 2px !important;
}
.mtop5{
    margin-top: 5px !important;
}
.mtop10{
    margin-top: 10px !important;
}
.mtop20{
    margin-top: 20px !important;
}
.mtopbtm25{
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}
.mtop-2{
    margin-top: -2px !important;
    margin-bottom: 0px !important;
}
.mtop-7{
    margin-top: -7px !important;
}
.mtop-10{
    margin-top: -10px !important;
}
.mtop-15{
    margin-top: -15px !important;
}
.mtop-20{
    margin-top: -20px !important;
}
.mright5{
    margin-right: 5px !important;
}
/*paddings*/
.pbtm7{
    padding-bottom: 7px !important;
}
.pbtm15{
    padding-bottom: 15px !important;
}
.pbtm20{
    padding-bottom: 20px !important;
}
.pleftright0{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.pleft0{
    padding-left: 0px !important;
}
.pleft15{
    padding-left: 15px !important;
}
.ptop6{
    padding-top: 6px !important;
}
.ptop20{
    padding-top: 20px !important;
}
.pright0{
    padding-right: 0px !important;
}
.pright5{
    padding-right: 5px !important;
}
.pright15{
    padding-right: 15px !important;
}
/*font*/
.fbold{
    font-weight: bold !important;
}
.fsize12{
    font-size: 12px !important;
}
.fsize15em{
    font-size: 1.5em !important;
}
/*borders*/
.border_lightgray{
    border: 1px solid #e5e6e7 !important;
}
.bnone{
    border: none !important;
}
.bcolor_orangelight{
    border-color: #fbaa29 !important;
}

.h80{
    height: 80px !important;
}
.minh286{
    min-height: 286px !important;
}
.w70 {
    width: 70px !important;
}
.w200 {
    width: 200px !important;
}
.w700 {
    width: 700px !important;
}
.w100p {
    width: 100% !important;
}
.mwidth200{
    max-width: 200px !important;
}
.hr2{
    height: 1px !important;
    padding: 0 !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    border-width: 0 !important;
}
.lheight15{
    line-height: 15px !important;
}
.vamiddle{
    vertical-align:middle !important;
}

/*---*/
.loginbox{
    padding: 20px !important;
    border-radius: 8px !important;
}

.loginlogo{
    height: 40px !important;
}

.hplogo, .hplogomobile {
    height: 30px !important;
    margin-top: 5px;
    margin-left: 12px;
}

.hplogomobile {
    margin-top: 5px !important; 
    margin-left: 5px !important;
}

.ahplogo {
    padding: 0px !important; 
    padding-top: 5px !important; 
    padding-left: 5px !important;
}

.navbarborder{
    margin-bottom: 15px !important; 
    border-bottom: solid 3px #abbf08 !important;
}

.navbartop{
    margin-bottom: 0 !important; 
}

.navbarlogout
{
    color: #999c9e !important; 
    text-decoration: none !important;
}

.imgavatar{
    width: 62px !important;
}

.perfil-modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.cartaocidadao {
    max-height: 200px !important;
    margin-top: 10px !important;
}

.container-calib{
    height: 150vh !important;
    max-height: 1000px !important;
}

.btn-circle-calib {
    width: 50px !important;
    height: 50px !important;
    padding: 8px 11px !important;
    border-radius: 3px !important;
    font-size: 24px !important;
    line-height: 1.33 !important;
    color: white !important;
    outline: none !important;
}

    .btn-circle-calib:hover {
        text-decoration: none !important;
        color: white !important;
    }

.container-icons-center{
    position: relative !important;
    top: 50% !important;
    transform: translateY(45%) !important;
}

@media (max-width: 768px) {
    .container-icons-calib {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        margin-bottom: 25px !important;
    }
}

@media (min-width: 768px) {
    .HasCard, .HasReader, .HasApp {
        float: right !important;
    }
}

.divPdf{
    height: 150px !important;
    padding: 25px 20px !important;
    padding-left: 70px !important;
    text-decoration: none !important;
    color: #dadada !important;
    font-size: 70px !important;
}

.fontstamp{
    padding: 3px !important;
    border: 1px solid white !important;
    border-radius: 2px !important;
}

@media only screen and (max-width: 1199px) {
    .divPanelList .calendartitle {
        min-height: 60px !important;
        height: auto;
    }

    .divPanelList .btn-novo {
        margin-top: -1px !important;
    }

    .divPanelList #ColaboradorSelect {
        margin-top: -2px !important;
    }
}

@media only screen and (max-width: 1200px) {
    .divPanelList .col-lg-3 {
        padding-left: 0;
    }

    .divPanelList .col-lg-9 .float-e-margins {
        padding-right: 0 !important;
    }
}

@media only screen and (max-width: 430px) {
    .divPanelList .col-lg-9 .float-e-margins .pull-right {
        float: left !important;
    }
}

.modal-body-plan {
    padding-left: 40px !important;
    padding-right: 45px !important;
    padding-top: 5px !important;
    padding-bottom: 0px !important;
}
.modal-footer-plan{
    padding-right: 25px !important;
    padding-top: 20px !important;
}

.imgbg100 {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
}
.imgbg150 {
    width: 150px !important;
    height: 150px !important;
    border-radius: 75px !important;
    -webkit-border-radius: 75px !important;
    -moz-border-radius: 75px !important;
}
.imgbg200 {
    width: 200px !important;
    height: 200px !important;
    border-radius: 100px !important;
    -webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
}
.imgbg100, .imgbg150, .imgbg200 {
    object-fit: cover !important;
    object-position: center !important;
    /*image-rendering: auto;
      image-rendering: crisp-edges;
      image-rendering: pixelated;*/
}

.ibox-border {
    border: 1px solid #e7eaec !important;
}

.tblMapaResumo /*tr:last-child td*/, .tblMapaResumo th  {
    border: 1px solid #b5bf4f !important;
}

.ui-state-highlight {
    background: #dee298 !important;
}

.bg_greenreport{
    background: #b5bf4f !important;
}