.mt-0 { margin-top: 0px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-100 { margin-top: 100px !important; }

.mt-min-5 { margin-top: -5px !important; }
.mt-min-10 { margin-top: -10px !important; }
.mt-min-15 { margin-top: -15px !important; }
.mt-min-20 { margin-top: -20px !important; }
.mt-min-25 { margin-top: -25px !important; }
.mt-min-30 { margin-top: -30px !important; }
.mt-min-40 { margin-top: -40px !important; }
.mt-min-50 { margin-top: -50px !important; }
.mt-min-60 { margin-top: -60px !important; }

.mb-0 { margin-bottom: 0px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-60 { margin-bottom: 60px !important; }

.mr-0 { margin-right: 0px !important; }
.mr-5 { margin-right: 5px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-25 { margin-right: 25px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-40 { margin-right: 40px !important; }
.mr-50 { margin-right: 50px !important; }
.mr-60 { margin-right: 60px !important; }

.pl-0 { padding-left: 0px !important; }
.pl-5 { padding-left: 5px !important; }
.pl-10 { padding-left: 10px !important; }
.pl-15 { padding-left: 15px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-25 { padding-left: 25px !important; }
.pl-30 { padding-left: 30px !important; }
.pl-40 { padding-left: 40px !important; }
.pl-50 { padding-left: 50px !important; }
.pl-60 { padding-left: 60px !important; }

.pr-0 { padding-right: 0px !important; }
.pr-5 { padding-right: 5px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-25 { padding-right: 25px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-50 { padding-right: 50px !important; }
.pr-60 { padding-right: 60px !important; }

.pt-0 { padding-top: 0px !important; }
.pt-5 { padding-top: 5px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-25 { padding-top: 25px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-60 { padding-top: 60px !important; }

.pb-0 { padding-bottom: 0px !important; }
.pb-5 { padding-bottom: 5px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-25 { padding-bottom: 25px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-60 { padding-bottom: 60px !important; }


.modal-html-iframe #html-iframe {
    border: 0px;
    height: 95%;
}
.modal-html-iframe, 
.modal-html-iframe .modal-dialog,
.modal-html-iframe .modal-dialog .modal-content,
.modal-html-iframe .modal-dialog .modal-content .modal-body,
.modal-html-iframe.modal.in .modal-dialog {
    height: 95% !important;
} 
.modal-html-iframe .modal-body,
.modal-html-iframe .modal-footer {
    background: #fff;
}

.main-container-fluid {
    margin-bottom: 80px;
}
.app-logo-footer {
    text-align: center;
    width: 130px;
    margin: 0 auto;
}
.app-logo-footer img {
    max-width: 100%;
}

.nav-tabs.nav-tabs-stylized > li.active > a, 
.nav-tabs.nav-tabs-stylized > li.active > a:focus
{
    background-color: #f7f7f7 !important;
    border: 1px solid #ddd !important;
    border-bottom: 1px solid transparent !important;
}


.bloco-ocorrencia {
    padding: 7px 0;
    line-height: 20px;    
}
.bloco-ocorrencia .bo-titulo {
    background: #f7f7f7;
    padding: 7px 0px;
}

.color-table.gray-table thead th {
    background-color: #f7f7f7;
    color: #797979;
}



.print-btn {
    position: fixed;
    bottom: 35px;
    left: 35px;
    z-index: 20;
    text-align: center;
}
.print-btn-text {            
    padding: 5px 15px;             
    display: block;
    color: #fff; 
    border-radius: 200px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.print-btn-text > h5 {
    color: #fff;
}
.print-btn-text:hover,
.print-btn-text:hover > h5 {
    color: #fff;
}

.print-btn-text.bg-success {
    background: #abbc91;
}
.print-btn-text.bg-success:hover {            
    background: #BECFA6;
}

.print-btn-text.bg-danger {
    background: #c6b0ad;
}
.print-btn-text.bg-danger:hover {            
    background: #D5C1BE;
}



.pricing-body h3 {
    position: relative;
    font-size: 28px;
    margin: 20px 0 10px;
    font-weight: 700;
}

.overlay-loading {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    color: #fff;
    z-index: 2;
}

.overlay-loading .content {
    width: 50%;
    padding: 30px;
    margin-left: 25%;
    margin-top: 18%;
}


/**
* Form do termo de aceite
*/
.modal-termos .checkbox label::before {
    height: 27px;
    width: 27px;
}
.modal-termos .checkbox label::after {
    font-size: 20px;
    height: 26px;
    width: 26px;
}
.modal-termos .checkbox label {
    padding-left: 12px;
    font-size: 20px;
    font-weight: 300
}

.no-border {
    border: 0px !important;
}


.pagina-compra .page-pedido-resumo-to-print .compra-titulo .col-01 .titulo {
    line-height: 30px;
    font-size: 21px;
    color: #2b2b2b;
    margin: 0px 0;
    font-weight: 400;
}

.bg-transparent {
    background: transparent !important;
}

.print-watermark { 
    display: none;
    visibility: hidden;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
    text-align: center;
    z-index: 1;
}
.print-watermark .print-watermark-text {  
    color: rgba(201,201,201,0.2) !important;
    font-weight: 900;
    font-size: 100px;
    margin-top: 28%;
    -webkit-transform: rotate(320deg);
    -moz-transform: rotate(320deg);
    -ms-transform: rotate(320deg);
    -o-transform: rotate(320deg);
    transform: rotate(320deg);
}

@media print {
    .print-watermark {
        display: block;
        visibility: visible;
    }

    .bg-transparent {
        background: transparent !important;
    }

    .no-print {
        display: none;
        visibility: hidden;
    }

    .pagina-compra .page-pedido-resumo-to-print .compra-titulo .col-01 .titulo {
        margin-top: -30px !important;
    }

    .pagina-compra .page-pedido-resumo-to-print .compra-titulo .col-02 .titulo {
        font-size: 18px !important;
    }

    .pagina-compra .page-pedido-resumo-to-print .compra-titulo .col-01,
    .pagina-compra .page-pedido-resumo-to-print .compra-titulo .col-02,
    .pagina-compra .page-pedido-resumo-to-print .row-datas .pull-right {
        width: 100% !important;
        text-align: center !important;
    }

    .pagina-compra .logo {
        text-align: center !important;
    }

    .pagina-compra .page-pedido-resumo-to-print .print-comprador h3 {
        font-size: 14px;
    }

    .pagina-compra .page-pedido-resumo-to-print .print-comprador h4 {
        font-size: 22px;
    }

    .pagina-compra .page-pedido-resumo-to-print .total {
        font-size: 22px !important;
    }

    .pagina-compra a[href]:after,
    .footer a[href]:after {
        content: " " !important;
    }

    .pagina-compra .footer {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

}


/**
* OVERLAY para criação da conta
*/
.overlay-criando-conta {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    color: #fff;
    z-index: 9999;
    top: 0;
    left: 0;
    text-align: center;
}
.overlay-criando-conta .overlay-criando-conta-container {
    margin-top: 15%;
}

.no-table-hover:hover,      
.no-table-hover:hover tr,      
.no-table-hover:hover tr td,      
.no-table-hover:hover tr th,      
.no-table-hover tr:hover,   
.no-table-hover tr td:hover,
.no-table-hover tr th:hover {
    background: #fff !important;
}

.btn-white,
.bg-white {
    background-color: #fff;
}

.effectBlur {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
}

.config-design-table-hover tr td:hover,
tr.table-line-hover:hover,
.table-line-hover:hover {
    background: #f8f8f8 !important;
}


.color-gray {
    color: #aaa !important;
}
.color-white {
    color: #fff !important;
}
.color-black {
    color: #000 !important;
}
.color-success {
    color: #becfa6 !important;
}
.color-danger {
    color: #cbb2ae !important;
}
.color-warning {
    color: #cbc3ae !important;
}
.outline-none {
    outline: none !important;
}

.bg-table-success,
.bg-table-success td {
    background: #BECFA6 !important;
    color: #fff !important;
}
.bg-table-danger,
.bg-table-danger td {
    background: #CBB2AE !important;
    color: #fff !important;
}
.title-h3 {
    font-size: 22px;
}


.box-dotted {
    border: 1px dashed #ccc;
}


.bars-link {
    color: #686868;
    font-size: 14px !important;
}


.help-block {
    margin-top: 0px;
    color: #bbb;
    font-size: 13px;
}


.notify .heartbit.success {
    border: 5px solid #becfa6;
}
.notify .point.success {
    background-color: #becfa6;
}

.text-size-10 {
    font-size: 10px !important;
}
.text-size-12 {
    font-size: 12px !important;
}
.text-size-14 {
    font-size: 14px !important;
}
.text-size-16 {
    font-size: 16px !important;
}
.text-size-18 {
    font-size: 18px !important;
}
.text-size-20 {
    font-size: 20px !important;
}
.strong {
    font-weight: 600;
}








.page-overlay-loading {
    background: rgba(0,0,0,0.7);
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 999998;
    top: 0;
    left: 0;
}
.page-overlay-loading-container {
    color: #fff;                    
    z-index: 999999;
    background: rgba(0,0,0,0.3);
    text-align: center;
    padding: 15px 100px 70px 100px;
    border: 10px solid rgba(0,0,0,0.03);                 
}
.page-overlay-loading-container-icon {
    font-size: 50px; 
    margin-bottom: 20px; 
}
.page-overlay-loading-container-title {
    font-size: 32px;
}
.page-overlay-loading-container-text {
    font-size: 16px;
    padding: 10px 0;
}


.app-team-user-box > a > img,
.app-team-user-box > img {
    max-width: 32px !important;
    border-radius: 60px;
    margin: 0 -6px;
    border: 3px solid #fff;
}
.app-team-user-box small {
    margin: 0 4px;
}



.btn-white.btn-outline {
    background-color: transparent !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}
.btn-white.btn-outline:hover {
    background-color: #fff !important;
    color: #000 !important;  
}

/*.select2-container--bgform .select2-selection--multiple .select2-selection__choice {
clear: both;
}
.select2.select2-container.select2-container--default {
clear: both;
display: none;
}*/

.label.label-outline {
    border: 1px solid #999;
    color: #999;
    background-color: transparent !important;
}
.img-persona-projeto {
    max-width: 50px;
}


.fullwidth-page-login {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    z-index: 9;
}

.login-register{
    background:url(../../plugins/images/login-register.jpg) center center/cover no-repeat!important;
    height:100%;
    position:fixed
}
.login-box{
    background:#fff;
    width:400px;
    margin:10% auto 0;
    margin-top: 6%;
}
.login-box .footer{
    width:100%;
    left:0;
    right:0
}
.login-box .social{
    display:block;
    margin-bottom:30px
}
#recoverform{
    display:none
}
.form-recover-password,
.form-signup {
    display: none;
}
.form-page-login-to-reset-confirm {
    display: none;
}

@media (max-width:480px){
    .login-box{
        width:100%
    }
}

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

.cursor-pointer {
    cursor: pointer;
}
.display-none {
    display: none;
}
.titulo-loading {
    display: none;
}
.input-rounded {
    border-radius: 60px;
}
.sweet-alert h2 {
    font-weight: 400;
}

.white-box{
    background:#fff;
    padding:25px;
    margin-bottom:15px
}
.white-box .box-title{
    margin:0 0 12px;
    font-weight:500;
    text-transform:uppercase;
    font-size:14px
}

.modal-login-btn-close {
    color: #666;
    float: right;
}

.table-hover>tbody>tr:hover,.table-striped>tbody>tr:nth-of-type(odd),.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{
    background-color:#f7f7f7!important
}


.dropzone .dz-message{
    text-align:center;
    margin:2% 0
}






.panel-custom-app{
    border-color:#f8c255
}
.panel-custom-app .panel-heading{
    border-color:#f7f7f7;
    color:#999999;
    background-color:#f7f7f7
}
.panel-custom-app .panel-heading a{
    color:#999999
}
.panel-custom-app .panel-heading a:hover{
    color:rgba(0,0,0,.7)
}
a:hover {
    color: #ee552a;
}




.label-info-item-novo {
    left: 7px;
    position: absolute;
    top: 0px;
}



.shape-info{    
    border-style: solid; 
    /*border-width: 0 40px 40px 0;*/ 
    border-width: 40px 40px 0px 0px; 
    height: 0px; 
    width: 0px;
    -webkit-transform: rotate(180deg);  
    -moz-transform: rotate(180deg);  
    -o-transform: rotate(180deg);  
    transform: rotate(180deg); 
    border-color: transparent #5cb85c transparent transparent;
    position: absolute;
    top: 0px;
    left: 7px;
}
.shape-info-text{
    color:#fff; 
    font-size:11px; 
    font-weight:300; 
    position:absolute; 
    left:15px; 
    top:-22px; 
    white-space: nowrap;
    -ms-transform:rotate(135deg); /* IE 9 */
    -o-transform: rotate(135deg);  /* Opera 10.5 */
    -webkit-transform:rotate(135deg); /* Safari and Chrome */
    transform:rotate(135deg);
} 

.hover-box-shadow {
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;

    background: rgb(255,255,255);
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );

}

.hover-box-shadow:hover {

    background: rgb(255,255,255);
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
    background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=1 );

    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out  
}


.fa-1x { font-size: 1.5em; }
.text-gray { color: #cccccc; }

.line-height-22 { line-height: 22px; }
.font-9 { font-size: 9px !important; }
.font-10 { font-size: 10px !important; }
.font-11 { font-size: 11px !important; }

/** Ajusta largura do nestable */
.dd { max-width: none !important ;}


.message-center .mail-contnet .mail-desc-new{
    font-size:14px;
    display:block;
    margin:5px 0;
    color:#3e4d6c
}

.custom.box-title {
    font-size: 10px !important;
}

/**
* CSS - Custom APP Styles 
*/
.custom.el-info{
    text-decoration:none;
    display:inline-block;
    text-transform:uppercase;
    color:#cccccc;
    background-color:transparent;
    filter:alpha(opacity=1);
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    padding:0;
    margin:auto;
    transform:translateY(-50%) translateZ(0);
    -webkit-transform:translateY(-50%) translateZ(0);
    -ms-transform:translateY(-50%) translateZ(0)
}

.custom.el-info > li{
    list-style:none;
    display:inline-block;
    margin:0 3px
}
.custom.el-info > li a{
    border-color:#cccccc;
    color:#cccccc;
    padding:12px 15px 10px
}
.custom.el-info > li a:hover{
    background:#f75b36;
    border-color:#f75b36;
    color:#ffffff;
}
.custom.el-info > li:hover a{
    color:#ffffff;
}

.img-circle.img-border-r {
    border: 3px solid rgba(255,255,255,0.7);
}
.user-bg {
    height: 165px !important;
}



/**
* Ajuste de compatibilidade DatePickerRange com Bootstrap
*/
.daterangepicker-custom {
    display: block !important; 
    width: -webkit-fill-available !important; 
    margin-top: 0 !important;
    position: initial !important;
    z-index: auto !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}


.ml-min-8 { margin-left: -8px; }


.responsive-max-width, .max-width {
    max-width: 100%;
}
.min-height-340 {
    min-height: 270px;
}

.hide, .hidden {
    display: none !important;
}

.text-thin {
    font-weight: 300 !important;
}

.img-16 { width: 16px; }        
.img-18 { width: 18px; }        
.img-24 { width: 24px; }        
.img-36 { width: 36px; }        
.img-48 { width: 48px; }        
.img-52 { width: 52px; }        
.img-64 { width: 64px; }        
.img-128 { width: 128px; }        
.img-256 { width: 256px; }



.font-300 { font-weight: 300 !important; }        
.font-400 { font-weight: 400 !important; }        
.font-600 { font-weight: 600 !important; }        
.font-700 { font-weight: 700 !important; }        
.font-900 { font-weight: 900 !important; }