/* here you can put your own css to customize and override the theme */

/* FONTS */

.fontSizeMicro { font-size: 0.75em !important; }


.fontSizePeq { font-size: 0.85em !important; }


.fontSize10 { font-size: 10px; }


.fontSize11 { font-size: 11px; }


.fontSize12, .fontSize12 label, .fontSize12 i, .fontSize12 input, .fontSize12 select, .fontSize12 button, .fontSize12 .btn, .fontSize12 textarea, .fontSize12 .form-control-static { font-size: 12px; }

.fontSize12 button.btn { line-height: 1.7; }


.fontSize14, .fontSize14 label, .fontSize14 i, .fontSize14 input, .fontSize14 select, .fontSize14 button, .fontSize14 textarea { font-size: 14px !important; }

.fontSize14 small, .fontSize12 small, .fontSizePeq small, .fontSizeMicro small { font-size: 65%; }


.fontSize16, .fontSize16 label, .fontSize16 i, .fontSize16 input, .fontSize16 select, .fontSize16 button, .fontSize16 textarea { font-size: 16px !important; }

.fontSize16 small, .fontSize12 small, .fontSizePeq small, .fontSizeMicro small { font-size: 65%; }


.fontSize18 { font-size: 18px !important; }


.fontSize40 { font-size: 40px!important; }

/* END FONTS */

/*
 * OC 181161 - Matheus Ferreira - 25/07/2024
 * Criação do :root para puxar todas as variáveis de cor que não estavam sendo puxadas pelo chat.
 * tivemos um desenvolvimento parecido com a OC 180052, porém quando a getdesv da função estiver desativada (130726)
 * o chat não puxa a cor, sendo inserido no custom.css independente se a getdesv estiver ligada ele puxa a cor corretamente.
 */
/* VARIÁVEIS DE COR */

:root {
    --tema_cor-destaque: #E97F00;
    --tema_cor-secundaria: #292929;
    --tema_cor-terciaria: #616161;
    --tema_cor-portlet: #fff;
    --tema_cor-portlet-interno: #f9f9f9;
    --tema_cor-portlet-interno-linha: #f5f5f5;
    --tema_cor-fonte-primaria: #fff;
    --tema_cor-fonte-secundaria: #313131;
    --tema_cor-fonte-terciaria: #828282;
    --tema_cor-fonte-quaternaria: #ccc;
    --tema_cor-drop-shadow: #cccccc1c;
    --tema_cor-hover-tabela: #82A5CCC9;
    --tema_cor-fundo: #eee;
}

/* FIM VARIÁVEIS DE COR */

/* CUSTOM UTIL CLASSES */

.p-rel { position: relative; }
.p-abs { position: absolute; }

.b-0 { bottom: 0; }
.l-0 { left: 0; }

.pointer { cursor: pointer; }

.w-100 { width: 100%; }
.w-13em { width: 13em; }
.m-w-13em { min-width: 13em; }
.h-100 { height: 100%; }
.m-h-100 { min-height: 100%; }

.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }

.talign-left { text-align: left; }
.talign-right { text-align: right; }
.talign-center { text-align: center; }

.t-decoration-none:hover, .t-decoration-none:focus, .t-decoration-none:active { text-decoration: none; }

a.no-txt-decoration { text-decoration: none; }

.block { display: block; }
.inline-block { display: inline-block; }

.flex { display: flex; }
.align-items-center { align-items: center; }
.flex-1 { flex: 1; }
.jc-space-between { justify-content: space-between; }

.op-1 { opacity: 1; }
.op-0 { opacity: 0; }

.resize-vertical { resize: vertical; }

.div-table { display: table; }
.div-table > * { display: table-row; }
.div-table > * > * { display: table-cell; }

.div-table.first-left > div > *:first-child { text-align: left; }

.ws-nowrap { white-space: nowrap; }
.wb-break-word { word-break: break-word; }
.wb-break-all { word-break: break-all; }

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.bordered { /*border: solid thin; Inácio 28/07/2022 retirado para o portal do timesheet */}
.borderless { border-width: 0!important; }

.font-size-0 { font-size: 0; }

.o-hidden-ellipsis {

    overflow: hidden;
    text-overflow: ellipsis;

}

.o-hidden {

    overflow: hidden;

}

.o-x-hidden {

    overflow-x: hidden;

}

.o-x-auto {

    overflow-x: auto;

}

.o-scrolling-touch {

    -webkit-overflow-scrolling: touch;

}

.btn-overflow-ellipsis {

    overflow: hidden;
    text-overflow: ellipsis;

}

.row.row-no-padding {

    margin-left: 0;
    margin-right: 0;

}

.row.row-no-padding > div {

    padding-left: 0 !important;
    padding-right: 0 !important;

}

.row-eq-height {

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;

}

.color-27ff27 { color: #27ff27; }
.color-b90000 { color: #b90000; }
.color-000 { color: #000; }

.bg-f3f3f3 { background-color: #f3f3f3; }

.box-shadow-1 {

    -webkit-box-shadow: 0 9px 8px -9px #cacaca!important;
    -moz-box-shadow: 0 9px 8px -9px #cacaca!important;
    box-shadow: 0 9px 8px -9px #cacaca!important;

    border-bottom: solid thin #cacaca;

}

.resize-none { resize: none; }

.load-gif-white-bg {

    background-color: #FFF;
    padding: 3px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;

}

@media (max-width: 767px) {

    .nopadding-xs, .well.nopadding-xs {

        padding: 0!important;

    }

    .noborder-xs {

        border: 0!important;

    }

}

@media (min-width: 979px) {

    .nopadding-lg, .well.nopadding-lg {

        padding: 0!important;

    }

    .noborder-lg {

        border: 0!important;

    }

}
/* END CUSTOM UTIL CLASSES */

/* CUSTOM OVERRIDE CLASSES STYLES */

.checkbox-inline.small {

    line-height: 1.8;

}

.toast-message {

    white-space: pre-wrap

}

.tab-content>.active {

    display: block!important;

}

.icon-btn.no-effects {

    border: none;
    text-decoration: none;

}

.icon-btn.no-effects:hover {

    text-shadow: none!important;

}

.icon-btn.no-effects div {

    font-weight: normal;

}

.fa.fa-subicon.fa-stack-1x {

    font-size: 60%!important;
    margin: 10% 0px 0px 60%;
    text-shadow: 0px 0px 1px #4a4a4a;

}

.portlet .tools.tools-inline-middle > * {

    display: inline-block;
    vertical-align: middle;
    width: 14px;
    margin-bottom: 2px;

}

.input-group .form-control:nth-child(n+1) {

    /* margin-top: -1px; */

}

/* END CUSTOM OVERRIDE CLASSES STYLES */

/* CUSTOM CLASSES */

.div-midia {
    width: 100%;
    height: 50px;
    padding: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-origin: content-box;

}
.div-midia.midia-wpp { background-color: #104241; }
.div-midia.midia-fb { background-color: #4867aa; }

.mov-bar-info > i, .mov-bar-info > .mov-bar-lig-info, .mov-bar-info a {

    display: inline-block;
    vertical-align: middle;

}

.mov-bar-info a > i, .mov-bar-info a > img {
    
    display: block;
    
}

/* OC 110596 27/10/2022 - Arthur Faria */
.mov-bar-info > .mov-bar-lig-info a {
    display: inline-block;
    margin: 0px 1px;
}

.narra-2-linhas {
    overflow: clip;
    max-height: 3em;
}

.narra-3-linhas {
    overflow: clip;
    max-height: 4.5em;
}

.narra-4-linhas {
    overflow: clip;
    max-height: 6em;
}

.narra-5-linhas {
    overflow: clip;
    max-height: 7.5em;
}


/* 180482 - Matheus Ferreira - 08/07/2024 
   Adição de classe para checkbox na área de atendimento a ocorrência para que não quebre o layout.
*/
.oco-edit-checkbox { display: flex; align-items: center; }


.optionStatusOcPendente { background-color: #FCF8DC;layer-background-color: #FCF8DC;font-weight: bold; }
.optionStatusOcEmAtendimento { background-color: #F0F8FF;layer-background-color: #F0F8FF;font-weight: bold; }
.optionStatusOcEncerrada { background-color: #FFE4C4;layer-background-color: #FFE4C4;font-weight: bold; }

/* END CUSTOM CLASSES */

/* TRANSITION CLASSES */

.trans-opacity {
    -webkit-transition: opacity 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out;
    -ms-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
}
/* END TRANSITION CLASSES */

/* OVERRIDE PLUGINS STYLES */

/* multi-select.css */

.ms-container {

    width: auto !important;

}
/* END multi-select.css */

/* mfb.css */

.mfb-component__button--main:hover, .mfb-component__button--main:focus, .mfb-component__button--child:hover, .mfb-component__button--child:focus {

    color: #f1f1f1!important;

}

.mfb-component__button--main, .mfb-component__button--child {

    border-radius: 50%!important;

}

.mfb-component__icon, .mfb-component__main-icon--active, .mfb-component__main-icon--resting, .mfb-component__child-icon {

    width: 100%!important;

}

[data-mfb-label]:after {

    font-size: 12px!important;

}

/* END mfb.css */

/* END OVERRIDE PLUGINS STYLES */

/* CUSTOM TABLES */

.table-vmulti thead {

    background-color:var(--tema_cor-portlet-interno);
    font-weight: bold;

}

table.row-valign-middle th, table.row-valign-middle td {

    vertical-align: middle!important;

}

/* END CUSTOM TABLES */

/* PADDINGS & MARGINS */

.no-margin { margin: 0px; }
.no-margin-x { margin-left:0px!important; margin-right:0px!important; }
.no-margin-y { margin-top:0px!important; margin-bottom:0px!important; }
.no-margin-top { margin-top:0px!important; }
.no-margin-right { margin-right:0px; }
.no-margin-bottom { margin-bottom:0px!important; }
.no-margin-left { margin-left:0px; }

.no-padding { padding: 0px!important; }
.no-padding-x { padding-left:0px!important; padding-right:0px!important; }
.no-padding-y { padding-top:0px!important; padding-bottom:0px!important; }
.no-padding-top { padding-top:0px; }
.no-padding-right { padding-right:0px; }
.no-padding-bottom { padding-bottom:0px!important; }
.no-padding-left { padding-left:0px !important; }

.padding-xs { padding: .25em; }
.padding-sm { padding: .5em; }
.padding-md { padding: 1em; }
.padding-lg { padding: 1.5em; }
.padding-xl { padding: 3em; }

.padding-x-xs { padding-left: .25em; padding-right: .25em; }
.padding-x-sm { padding-left: .5em; padding-right: 5em; }
.padding-x-md { padding-left: 1em; padding-right: 1em; }
.padding-x-lg { padding-left: 1.5em; padding-right: 1.5em; }
.padding-x-xl { padding-left: 3em; padding-right: 3em; }

.padding-y-xs { padding-top: .25em; padding-bottom: .25em; }
.padding-y-sm { padding-top: .5em; padding-bottom: .5em; }
.padding-y-md { padding-top: 1em; padding-bottom: .1em; }
.padding-y-lg { padding-top: 1.5em; padding-bottom: 1.5em; }
.padding-y-xl { padding-top: 3em; padding-bottom: 3em; }

.padding-top-xs { padding-top: .25em; }
.padding-top-sm { padding-top: .5em; }
.padding-top-md { padding-top: 1em; }
.padding-top-lg { padding-top: 1.5em; }
.padding-top-xl { padding-top: 3em; }

.padding-right-xs { padding-right: .25em; }
.padding-right-sm { padding-right: .5em; }
.padding-right-md { padding-right: 1em; }
.padding-right-lg { padding-right: 1.5em; }
.padding-right-xl { padding-right: 3em; }

.padding-bottom-xs { padding-bottom: .25em; }
.padding-bottom-sm { padding-bottom: .5em; }
.padding-bottom-md { padding-bottom: 1em; }
.padding-bottom-lg { padding-bottom: 1.5em; }
.padding-bottom-xl { padding-bottom: 3em; }

.padding-left-xs { padding-left: .25em; }
.padding-left-sm { padding-left: .5em; }
.padding-left-md { padding-left: 1em; }
.padding-left-lg { padding-left: 1.5em; }
.padding-left-xl { padding-left: 3em; }

.margin-xs { margin: .25em; }
.margin-sm { margin: .5em; }
.margin-md { margin: 1em; }
.margin-lg { margin: 1.5em; }
.margin-xl { margin: 3em; }

.margin-x-xs { margin: .25em 0; }
.margin-x-sm { margin: .5em 0; }
.margin-x-md { margin: 1em 0; }
.margin-x-lg { margin: 1.5em 0; }
.margin-x-xl { margin: 3em 0; }

.margin-y-xs { margin: 0 .25em; }
.margin-y-sm { margin: 0 .5em; }
.margin-y-md { margin: 0 1em; }
.margin-y-lg { margin: 0 1.5em; }
.margin-y-xl { margin: 0 3em; }

.margin-top-xs { margin-top: .25em; }
.margin-top-sm { margin-top: .5em; }
.margin-top-md { margin-top: 1em; }
.margin-top-lg { margin-top: 1.5em; }
.margin-top-xl { margin-top: 3em; }

.margin-right-xs { margin-right: .25em; }
.margin-right-sm { margin-right: .5em; }
.margin-right-md { margin-right: 1em; }
.margin-right-lg { margin-right: 1.5em; }
.margin-right-xl { margin-right: 3em; }

.margin-bottom-xs { margin-bottom: .25em; }
.margin-bottom-sm { margin-bottom: .5em !important; }
.margin-bottom-md { margin-bottom: 8px; }
.margin-bottom-lg { margin-bottom: 1.5em; }
.margin-bottom-xl { margin-bottom: 3em; }

.margin-left-xs { margin-left: .25em; }
.margin-left-sm { margin-left: .5em; }
.margin-left-md { margin-left: 1em; }
.margin-left-lg { margin-left: 1.5em; }
.margin-left-xl { margin-left: 3em; }

.margin-0-auto { margin: 0 auto; }

/*
 * Matheus Passos - 16/12/2019 - OC 73292
 * Removido a condição abaixo pois estava bugando (levando todos os itens para a esquerda) quando colocava o mouse
 * em cima e exibia o tooltip
 *
 * margin-right-xs-child > *:not(:last-child) {
 */
.margin-right-xs-child > * {

    margin-right: .25em;

}
/* END PADDINGS & MARGINS */

/* BUTTONS */

.btn.btn-dashed {
    position: relative;
    border: 1px dashed  var(--tema_cor-fonte-terciaria);
    background: var(--tema_cor-portlet-interno);
}

.btn.btn-dashed::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.mobile-fields-div {

    position:fixed;
    width: 100%;
    height: 60px;
    bottom: 40px;
    z-index: 100;

}

.mobile-fields-div .mobile-fields-btn {

    position: absolute;
    width:60px;
    height:60px;
    background-color:#0C9;
    color:#FFF;
    border-radius:50px!important;
    text-align:center;
    box-shadow: 2px 2px 3px #999;

}

.mobile-fields-div .mobile-fields-btn i {

    font-size: 18px;
    margin-top: 23px;

}

.mobile-fields-div .mobile-left-prev-btn {

    left:20px;

}

.mobile-fields-div .mobile-right-next-btn {

    right: 40px;

}

/* END BUTTONS */

/* COLORS */

.color-facebook { color: #3b5998; }
.color-whatsapp { color: #128c7e; }

/* END COLORS */

/* easy pie chart */

.easy-pie-chart {
    cursor:pointer;
}

.easy-pie-chart .number .dataperc {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 0px;
}

.caption .complementoCapt {
    font-size: 16px;
}

/* portal cliente logo */
#logo_banner_cliente div{
    border:0 !important;
}
#banner_cliente
{
    position: relative;
    width: 100%;
    height: 114px;
    border: 1px solid gray;
    overflow:hidden;
    margin-bottom:1rem !important;
}

#banner_cliente > div
{
    padding-left:12px;
    position: absolute;
    z-index: 999;
    margin: 0 !important;
    border:0 !important;
}

#logo-esq
{
    position: absolute;
    left: 15px;
    top: 18px;
    z-index: 99;
}

#logo-dir
{
    position: absolute;
    right:0;
    height: 100%;
}


/* conf da tabela detalhada de relatorio_projetos_status_da_margem_vendida */
.tb-detalhe-titulo{
    text-align: center;
    font-weight: bold;
}

.tb-detalhe-linha{
    text-align: center;
}

.tb-detalhe-alinha-verticar{

    padding-top: 17px !important;
}



/* New Projeto */


#newprojeto {
    width:720px;
}

#newprojeto #logo1 {
    float:left;
}

#newprojeto #logo2 {
    float:right;
    margin-top:13px;
    font-weight: bold;
}

#newprojeto #titlPag {
    text-align: center;
    font-weight: bold;
    font-size:45px;
}

#newprojeto #tbl1 {
    font-weight: bold;
    margin-top:20px;
}

#newprojeto #tbl1 td {
    padding:3px 5px 3px 0;
}

#newprojeto #andamentoProj {
    font-size: 80px;
    position: relative;
    text-align: center;
}

#newprojeto .alinharDireita {
    text-align: center;
}

#newprojeto .alinharDireita #desc {
    line-height: 0px;
    font-size: 13px;
    margin-top: -13px;
}

#newprojeto .multiple-items {
    border: 1px solid rgb(230, 230, 230);
    box-shadow: 0px 2px 1px -1px rgb(168, 168, 168);
    padding:10px;
}

#newprojeto .multiple-items p {
    font-style: italic;
    text-align: center;
    background: rgb(243, 243, 243);
    height: 4px;
    line-height: 3px;
    font-size: 11px;
    margin: 10px 0 17px 0px;
    color: gray;
}

#newprojeto #tabs {
    margin-left:0px;
}

#newprojeto .slick-prev:before, #newprojeto .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: gray;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#newprojeto .slick-prev { left: 2px; }


#newprojeto .slick-next { right: 2px; }

#newprojeto #basicdiagram {
    margin: 0 auto;
}

#newprojeto #basicdiagram .orgdiagram {
    outline: none;
    width: 693px !important;
}

#newprojeto .progressbar {
    position:relative;
    text-align:center;
    padding:0px !important;
}

#newprojeto progress { width:94%; height: 17px; margin-bottom:3px; }

#newprojeto .progressbar-label {
    position: absolute;
    color: white;
    text-shadow: 1px 1px 1px black;
    font-size: 12px;
    top: 0;
    bottom:0;
    left:0;
    right:0;
}

.bt-item-frame td {
    padding-left:7px;
}

.orgdiagram { overflow: hidden !important; }

/* Hover tr das tabelas StatusDaMargemVendida*/
#lista_StatusDaMargemVendida >tbody>tr:hover>td, #lista_StatusDaMargemVendida >tbody>tr:hover>th {
    background: #f9f9f9;
}

.linkPortalProjeto {
    text-decoration: none; color: #fff !important;
}

.linkPortalProjeto :hover{
    text-decoration: underline; color: #fff !important;
}

ul#sortable li:hover, ul#sortable li>a:hover {
    cursor:move !important;
}

/* portal pmo */

.lineHeight {
    height: 45px; line-height: 4px !important;
}
.about-align-center {
    text-align:center !important;
}

/*
 * PORTALCLIENTE
 * caminho: usuarios/portalcliente.php
 */

#modal_abrir_oc.modal { width: 1000px; margin-left:-500px; } /* Modal da abertura de ocorrência */


.a_li_solicitacao{
    padding: 1px 1px 1px 5px;
    text-decoration: none;
}
.a_li_solicitacao:hover{
    border: 1px solid #fff;
    box-shadow: 1px 1px 5px #999;
    padding: 5px;
}
.a_li_solicitacao_selecionada{
    background-color: #2A6496;
    border: 1px solid #fff;
    box-shadow: 1px 1px 5px #999;
    color: #fff !important;
    padding: 5px;
    z-index: 9999;
}

div#preload img { display: none; }


/* Rafaella Pina - OC:22633 - Detalhes Ocorrência (Mobile)
 * Estilizando o HR pra deixar uma linha embaixo de cada campo.
 * arquivo:oco_details_portal.tpl
 */
.format_hr_multi hr{
    margin:5px auto 0 0;
}

/* Fernando (Mobile)
 * style da lista .width-mobile
 */
.alignBtAprovarTodos {text-align: center; margin-bottom: 10px;}
.paddingLeft{padding-left: 8px !important;}
.px { margin-top: 5px !important;}
.info-blue {color: #57b5e3 !important;}
.info-red {color: #ed4e2a !important;}
.info-green {color: #3cc051 !important;}
.btn-right {margin-right: 10px !important;}

/*fixa o scroll de fundo do modal*/

.borderError {border:solid 1px red !important;}

/*Preenchimento interno e borda cinza para os items da listagem das OC'S*/
.removeLi {
    border: 1px solid #D8D8D8 !important;
    padding:10px !important;
}

@media(max-width: 601px) {
    .modal-header { padding: 8px 8px 8px 15px !important; }
    .modal-footer { padding: 7px 20px 7px !important; }
    .modal-header .close { margin: 8px 7px 0 0 !important; }
}

/*
 * OCORRENCIAS
 * caminho: servicedesk\ocorrencias.php
 *
 * table-overflow
 *   Propósito igual ao do 'table-responsive' do bootstrap, com a diferença de que
 *   não possui 'media query'.
 */

.table-overflow {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #dddddd;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}
.table-overflow > .table {
    margin-bottom: 0;
}
.table-overflow > .table > thead > tr > th,
.table-overflow > .table > tbody > tr > th,
.table-overflow > .table > tfoot > tr > th,
.table-overflow > .table > thead > tr > td,
.table-overflow > .table > tbody > tr > td,
.table-overflow > .table > tfoot > tr > td {
    white-space: nowrap;
}
.table-overflow > .table-bordered {
    border: 0;
}
.table-overflow > .table-bordered > thead > tr > th:first-child,
.table-overflow > .table-bordered > tbody > tr > th:first-child,
.table-overflow > .table-bordered > tfoot > tr > th:first-child,
.table-overflow > .table-bordered > thead > tr > td:first-child,
.table-overflow > .table-bordered > tbody > tr > td:first-child,
.table-overflow > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
}
.table-overflow > .table-bordered > thead > tr > th:last-child,
.table-overflow > .table-bordered > tbody > tr > th:last-child,
.table-overflow > .table-bordered > tfoot > tr > th:last-child,
.table-overflow > .table-bordered > thead > tr > td:last-child,
.table-overflow > .table-bordered > tbody > tr > td:last-child,
.table-overflow > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
}
.table-overflow > .table-bordered > tbody > tr:last-child > th,
.table-overflow > .table-bordered > tfoot > tr:last-child > th,
.table-overflow > .table-bordered > tbody > tr:last-child > td,
.table-overflow > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
}

/********************************************* MOBILE *********************************************/

.btn-group.btn-group-remove-margin-left .btn+.btn {

    margin-left: 0;

}

.div-table-imgList > div > div.cell-imgList-btn > a {

    width: 20%;
    min-width: 100px;

}

.div-table-imgList > div > span {

    width: 80%;
    max-width: 0;
    background-color: #F5F5F5;
    text-indent: 5px;
    text-overflow: ellipsis;
    overflow: hidden;

}

.div-table-imgList > div > * {

    border-top: solid 5px transparent;
    vertical-align: middle;
    border-bottom: solid thin #d43f3a;

}

@media (max-width: 767px) {
    .btn-xs-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-xs-block,
    input[type="reset"].btn-xs-block,
    input[type="button"].btn-xs-block {
        width: 100%;
    }
    .btn-block + .btn-xs-block,
    .btn-xs-block + .btn-block,
    .btn-xs-block + .btn-xs-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .btn-sm-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-sm-block,
    input[type="reset"].btn-sm-block,
    input[type="button"].btn-sm-block {
        width: 100%;
    }
    .btn-block + .btn-sm-block,
    .btn-sm-block + .btn-block,
    .btn-sm-block + .btn-sm-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .btn-md-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-md-block,
    input[type="reset"].btn-md-block,
    input[type="button"].btn-md-block {
        width: 100%;
    }
    .btn-block + .btn-md-block,
    .btn-md-block + .btn-block,
    .btn-md-block + .btn-md-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 1200px) {
    .btn-lg-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-lg-block,
    input[type="reset"].btn-lg-block,
    input[type="button"].btn-lg-block {
        width: 100%;
    }
    .btn-block + .btn-lg-block,
    .btn-lg-block + .btn-block,
    .btn-lg-block + .btn-lg-block {
        margin-top: 0.5rem;
    }
}

#html_modal_detalhes_ocs{
    max-height: calc(100vh - 210px) !important;
    overflow-y: auto !important;
}

.tooltip > .fade {
    left: 0 !important;
}