/*********************
 GENERAL RESET & SETUP
*********************/

/***
Azul escuro: #364150
Azul Claro: #5A85A1
Azul mais claro: #81B6CE (hover))
Fundo Cinza #E5E5E5
as fontes altera para #364150
*/

/***
Import fonts
***/

/*Load Open Sans Font from google fonts*/
/*
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
*/

/* load Open Sans Font from local */
@import url(../fonts/font.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&display=swap');
/***
Reset and overrides
***/
/* general body settings */

/* html { background: #F7F7F7; } */

body {
    color: #000;
    /* background-color: #f7f7f7; */
    font-family: 'Open Sans', sans-serif;
    padding: 0px !important;
    margin: 0px !important;
    font-size:13px;
    direction: ltr;
    display: block;
    overflow-x: hidden;
}

label.labeldate {
    position: absolute;
    top: -17px;
    left: 4px;
    font-size: 11px;
    color: #c0b7b7;
}

.pointer {cursor:pointer;}

.left {float: left !important}
.right {float: right !important}
.center { text-align: center !important }
.w-auto { width: auto !important;}
.w-100 {width: 100% !important;}
.form-control { height: 45px }

.full {width: 100%; float: left !important}

.link_whatsapp { cursor: pointer;}

.divider { width: 100%; height: 1px; margin: 2em 0 0; float: left;  }
.divider.line { margin: 2em 0; background: #f2f2f2 }

.container__right__flex {
    float: right !important;
    display: flex;
    gap: 11px;
}

.edit-btn {
    width:16px;
    margin:1px 0 0;
    cursor: pointer;
    margin-left:5px
}

.SubTitle {width: 100%; float: left; margin: 2% 0 1.5%; box-sizing: border-box; }
.SubTitle h4 {float: left; margin-right: 40px; }
.SubTitle p {float: left; clear: both}

.SubTitle h4 b { font-size: 0.7em;
    color: #666 !important;
    width: 100%;
    float: left;
    font-weight: 600;
    margin: -7px 0 6px; }

.SubTitle .testin { margin: 20px 0 0; border: 1px solid #eaeaea; border-radius: 4px; height: 46.5px; padding: 0 0 0 15px; }

.SubTitle .right {float: right; }
.SubTitle .right a { margin: 6px 0 0; padding: 5px 12px; font-size: 13px; }
.SubTitle.marginTop { margin: 2% 0 }
.SubTitle.marginExcep { margin: 0 }

.SubTitle .square { float: left; width: 50px; height: 4px; background: #f4f4f4; margin: 0 10px 0 0; clear: both }
.SubTitle .square.contrato { background: #b392ee; }
.SubTitle .square.produto { background: #1eb5ef; }
.SubTitle .square.financeiro { background: #efb67d; }
.SubTitle .square.cliente { background: #81d4b5; }

.SubTitle .ordenar { float: right; clear: both; margin: -10px 7px 0 0;}
.SubTitle .ordenar.excep { margin:-35px 7px 10px 0; }
.SubTitle .ordenar select { padding: 4%;  color: #666; font-size: 0.9em; border-radius: 5px;}


.dropdown .username { background: #d1d1d1; color: #FFF; padding: 2px 10px 3px; border-radius: 7px; }
.dropdown .usercolor { color: #FFF !important; padding: 2px 11px 2px; border-radius: 7px;  margin: 20px 0; }
.nav>li>a { padding: 10px 9px;}


.barra-fixa-bottom { position: fixed; bottom: 0px; right: 0; width: calc(100% - 225px); background: #f8f8f8; box-sizing: border-box; padding: 15px 0 15px 50px; border-top: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; }
.barra-fixa-bottom p { color: #66758f; font-size: 0.9em;
    font-weight: 560; }

.barra-fixa-bottom .stats { margin-top: -21px; font-size: 1em; }

.barra-fixa-bottom .left .btn { margin: 0 5px 0 0; font-size: 0.95em; padding: 9px 14px;}
.barra-fixa-bottom .left .btn.btn_salvar_rodape { margin: 0 4% 0 0}



.margintop20 {margin: 22px 1.5% 20px 0 !important }
.margintopExcep {margin: 20px 1.5% -19px 0 !important }



.modal { background: rgba(0, 0, 0, 0.65); }
.modal .page-title { margin: 1% 6%; }

.excepLabel { width: 98.5%; margin: 0 0 2% 0 !important; font-size: 0.7em !important; padding: 1em 0 !important; }

p.tipo_condutor {
    margin: 15px !important;
}

.modal-body.excep { float: left; width: 100%; border: 0; background: #FFF;}
.modal-title { color: #1eb5ef; text-align: center; font-weight: 700; font-size: 2em; line-height: 1.3; box-sizing: border-box; padding:0.75em 5em; }
.modal-title.new__title__adicionar__servico {
    color: #333;
    font-family: Open Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: start;
    padding: 9px 32px;
}

/* 2022 - NOVO ROOT DE CORES  */
:root {
    --bg-ff: #ffffff;
    --bg-f6: #F6F6F6;
    --bg-f9: #f9f9f9;
    --icons-secondary: #c2c2c2;
    --line-primary: #EBEBEB;
    --text-primary: #333;
    --text-secondary: #858585;
    --text-tertiary: #e9e9e9;
    --color-blue: #0089BF;
    --color-white: #fff;
    --color-dark: #333;
}

.modal-title.modal-title-detalhes-veiculos {
    color: #1eb5ef;
    text-align: center;
    font-weight: 700;
    font-size: 2em;
    line-height: 1.3;
    box-sizing: border-box;
    padding:0.75em 0.5em;

}


/*** ROOTS ***/

:root {
    --blue: #00b6e9;
    --green: #81d4b5;
    --red: #ff6e6e;
    --yelow: #efb67d;
    --grey: #666666;
    --grey-light: #b6b6b6;
    --grey-dark: #333333;
    --deltapay: #23EAC6;
    --site-azul: #00BAFF;
}

/*** BTNS ***/

.btn {
    border-width: 0;
    padding: 9px 17px;
    font-size: 14px;
    outline: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 7px !important;

    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    text-shadow: none;
}

.btn.default {
    color: #333333;
    text-shadow: none;
    background-color: #e5e5e5;
}
.btn.default:hover,
.btn.default:focus,
.btn.default:active,
.btn.default.active,
.btn.default[disabled],
.btn.default.disabled {
    color: #333333;
    background-color: #d8d8d8 !important;
    outline: none !important;
}

/*  Red */
.btn.red {
    color: white;
    text-shadow: none;
    background-color: #FC5C5C;
}
.btn.red:hover,
.btn.red:focus,
.btn.red:active,
.btn.red.active,
.btn.red[disabled],
.btn.red.disabled {
    opacity: .8
}

.btn.black {
    color: white;
    text-shadow: none;
    background-color: #000000;
}
.btn.black:hover,
.btn.black:focus,
.btn.black:active,
.btn.black.active,
.btn.black[disabled],
.btn.black.disabled {
    opacity: .8
}

/*  Blue */
.header-blue {
    color: white;
    text-shadow: none;
    background-color: #5A85A1;
}


.btn.blue {
    color: white;
    text-shadow: none;
    background-color: #1eb5ef;
}

.btn.blue.excep__ {
    color: white;
    text-shadow: none;
    padding: 11px 25px;
    background: #0170A5;
    border-radius: 50px !important;
}

.btn.blue.excep__fipes {
    border-radius: 50px !important;
    background: #0089BF;
    padding: 22px 28px;
}

.btn.blue.excep__.gerencial__analista {
    padding: 11px 18px;
}


.btn.blue:hover,
.btn.blue:focus,
.btn.blue:active,
.btn.blue.active,
.btn.blue[disabled],
.btn.blue.disabled {
    opacity: .8
}
.btn.blue.bi {
    background-color: #008ffb;
    margin-left: 10px;
}

/*  New Blue */
.btn.new-blue {
    color: white;
    text-shadow: none;
    background-color: var(--azul-new);
}
.btn.new-blue:hover,
.btn.new-blue:focus,
.btn.new-blue:active,
.btn.new-blue.active,
.btn.new-blue[disabled],
.btn.new-blue.disabled {
    opacity: .8
}
/*  Green */
.btn.green {
    color: white;
    text-shadow: none;
    background-color: #2FB18A;
}
.btn.green:hover,
.btn.green:focus,
.btn.green:active,
.btn.green.active,
.btn.green.disabled,
.btn.green[disabled]{
    opacity: .8
}

/*  Green */
.btn.new-green {
    color: white;
    text-shadow: none;
    background-color: #00C1B4;
}
.btn.new-green:hover,
.btn.green:hover,
.btn.green:focus,
.btn.green:active,
.btn.green.active,
.btn.green.disabled,
.btn.green[disabled]{
    opacity: .8
}

.btn.new-green {
    color: white;
    text-shadow: none;
    background-color: #00C1B4;
}

.btn.new-green.excep__ {
    color: white;
    text-shadow: none;
    background-color: #00C1B4;
    border-radius: 50px !important;
}

.btn.new-green.radius__flex {
    border-radius: 50px !important;
    display: flex;
    gap: 13px;
    align-items: center;
}

.btn.new-green.radius__flex > p {
    margin: 0;
}


.btn.new-green:hover,
.btn.new-green:focus,
.btn.new-green:active,
.btn.new-green.active,
.btn.new-green.disabled,
.btn.new-green[disabled]{
    opacity: .8
}

/*  Yellow */
.btn.yellow {
    color: white;
    text-shadow: none;
    background-color: #E99845;
}
.btn.yellow:hover,
.btn.yellow:focus,
.btn.yellow:active,
.btn.yellow.active,
.btn.yellow.disabled,
.btn.yellow[disabled] {
    opacity: .8
}


/*  Black */
.btn.dark {
    color: white;
    text-shadow: none;
    background-color: #555555;
}
.btn.dark:hover,
.btn.dark:focus,
.btn.dark:active,
.btn.dark.active,
.btn.dark.disabled,
.btn.dark[disabled] {
    background-color: #222222 !important;
    color: #fff !important;
    outline: none !important;
}

/*  Gray Dark */
.btn.gray-dark {
    color: white;
    text-shadow: none;
    background-color: #333;
}
.btn.gray-dark:hover,
.btn.gray-dark:focus,
.btn.gray-dark:active,
.btn.gray-dark.active,
.btn.gray-dark.disabled,
.btn.gray-dark[disabled]{
    opacity: .8
}
/*  Border Dark */
.btn.border-dark {
    background-color: transparent;
    text-shadow: none;
    color: #333;
    border: 1px solid #666;
    font-weight: 600;
}
.btn.border-dark:hover,
.btn.border-dark:focus,
.btn.border-dark:active,
.btn.border-dark.active,
.btn.border-dark.disabled,
.btn.border-dark[disabled]{
    opacity: .8
}

.btn-group .btn.dark.dropdown-toggle {
    background-color: #555555 !important;
}
.btn-group .btn.dark:hover,
.btn-group .btn.dark:focus,
.btn-group .btn.dark:active,
.btn-group .btn.dark.active,
.btn-group .btn.dark.disabled,
.btn-group .btn.dark[disabled] {
    background-color: #222222 !important;
    color: #fff !important;
    outline: none !important;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    vertical-align: middle;
}

.btn-lg > i {
    font-size: 18px;
}

.btn > i {
    font-size: 14px;
}

.btn-sm,
.btn-xs {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.btn-sm > i,
.btn-xs > i {
    font-size: 13px;
}

.btn-xs {
    padding: 1px 5px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.newBtn { font-family: Roboto, sans-serif; padding: 15px 25px; text-transform: uppercase; border-radius: 100px; font-weight: 500; font-size: 1.6rem; transition: .2s; border: 0; box-sizing: border-box; cursor: pointer;}
.newBtn.excep__new {
    padding: 10px 24px;
    gap: 8px;
    border: 1px solid #0089BF;
    border-radius: 50px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-transform: none;
}

.newBtn.excep__new:hover {
    opacity: unset;
    background: #00729E;
}

.newBtn:hover { opacity: 0.7;}
.newBtn.default {color: #284553; background: #FFFFFF; }

.newBtn.normal { padding: 9px 15px; font-size: 0.9293em; }
.newBtn.medium { padding: 18px 50px; font-size: 1.111em;}
.newBtn.center { margin: 0 auto !important; display: block;}
.newBtn.excep__guia__rapido {
    font-size: 14px;
    font-family: Roboto;
    font-weight: 500;
    text-transform: capitalize;
    float: right;
}

.newBtn.border {
    border: 1px solid #333;
    background: transparent;
    color: #333;
}

.newBtn.cancelar {
    text-transform: capitalize;
    font-size: 1.153em;
}

.newBtn.blue {
    background: #0089BF;
    color: #FFF;
}

.newBtn.blue__ocean__black {
    background: #1E2A4E;
    color: #FFF;
}

.newBtn.red {
    background: #FF4B6A;
    color: #FFF;
}

.newBtn.green {
    background: #00C1B4;
    color: #FFF;
}

.newBtn.green.excep__new__contestacao {
    padding: 10px 24px;
    border-radius: 50px;
    gap: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    margin: 10px 0 -10px;
    float: right;
    text-transform: capitalize;
}

.rounded__button {
    border-radius: 50px !important;
}

/***
Metro icons
***/

[class^="m-icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;;
    margin-top: 3px;
    line-height: 14px;
    vertical-align: top;
    background-image: url(../img/syncfusion-icons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

[class^="m-icon-big-"] {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 6px;
    vertical-align: middle;
    background-image: url(../img/syncfusion-icons.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
}

/* large icons */
.btn.m-icon-big {
    padding: 9px 16px 8px 16px;
}

.btn.m-icon-big.m-icon-only{
    padding: 9px 8px 8px 0px;
}

.btn.m-icon-big [class^="m-icon-big-"] {
    margin: 0 0 0 10px;
}

.btn.m-icon-ony > i {
    margin-left: 0px;
}

/* default icons */
.btn.m-icon {
    padding: 7px 14px 7px 14px;
}

.btn.m-icon [class^="m-icon-"] {
    margin: 4px 0 0 5px;
}

.btn.m-icon.m-icon-only {
    padding: 7px 10px 7px 6px;
}

/* white icon */
.m-icon-white {
    background-image: url(../img/syncfusion-icons-white.png);
}

/* color icon */
.icon-pagamento-boletos {
    background: url('../img/banco-delta/icon_bill_icon.svg') no-repeat center / contain;
}

.icon-credito-pessoal {
    background: url('../img/banco-delta/icon_wallet.svg') no-repeat center / contain;
}

.icon-credito-renovacao-frotas {
    background: url('../img/banco-delta/icon_truck.svg') no-repeat center / contain;
}

.icon-pix {
    background: url('../img/banco-delta/icon_pix.svg') no-repeat center / contain;
}

.icon-cartao-credito {
    background: url('../img/banco-delta/icon_card.svg') no-repeat center / contain;
}

.icon-saque{
    background: url('../img/banco-delta/icon_atm.svg') no-repeat center / contain;
}

.icon_finance{
    background: url('../img/banco-delta/icon_finance.svg') no-repeat center / contain;
}

.icon_transfer{
    background: url('../img/banco-delta/icon_transfer.svg') no-repeat center / contain;
}

.icon_finance_loan_money{
    background: url('../img/banco-delta/icon_finance_loan_money.svg') no-repeat center / contain;
}

/*  Misc */
.m-icon-swapright {
    background-position: -27px -10px;
}
.m-icon-swapdown {
    background-position: -68px -10px;
}
.m-icon-swapleft {
    background-position: -8px -10px;
}
.m-icon-swapup {
    background-position: -46px -10px;
}
.m-icon-big-swapright{
    background-position: -42px -28px;
}
.m-icon-big-swapdown{
    background-position: -115px -28px;
}
.m-icon-big-swapleft{
    background-position: -6px -28px;
}
.m-icon-big-swapup{
    background-position: -78px -28px;
}

/***
Etiquetas Padrão
 ***/

.ticket-base {
    width: fit-content;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 9px 13px;
    border-radius: 7px;
    font-size: 0.9293em;
    font-weight: 500;
    white-space: nowrap;
}

.ticket-base.mini {
    font-size: 0.857em;
    border-radius: 4px;
    padding: 5px 13px;
}

.ticket-base.border {
    border: 1px solid #666;
    color: #666;
    background: transparent;
}

.ticket-base .img { width: 22px; height: 22px; margin-right: 5px;}

/* Cores etiqueta padrão */
.ticket-base.blue {
    color: #fff;
    background: #0089BF;
}
.ticket-base.red {
    color: #fff;
    background: #FF4B6A;
}
.ticket-base.green {
    color: #fff;
    background: #98B4BB;
}
.ticket-base.yellow {
    color: #fff;
    background: #FFB340;
}
.ticket-base.blue-op {
    color: #0089BF;
    background: #0089BF26;
}
.ticket-base.red-op {
    color: #FF4B6A;
    background: #FF4B6A26;
}
.ticket-base.green-op {
    color: #98B4BB;
    background: #98B4BB26;
}
.ticket-base.yellow-op {
    color: #FFB340;
    background: #FFB34026;
}

/***
Etiquetas Padrão
 ***/

.ticket-base {
    width: fit-content;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 9px 13px;
    border-radius: 7px;
    font-size: 0.9293em;
    font-weight: 500;
    line-height:normal;
}

.ticket-base.border {
    border: 1px solid #666;
    color: #666;
    background: transparent;
}

/* Cores etiqueta padrão */
.ticket-base.white {
    color: #949494;
    background: #fff !important;
    border-color: #949494;
}
.ticket-base.blue {
    color: #fff;
    background: #0089BF;
}
.ticket-base.red {
    color: #fff;
    background: #FF4B6A;
}
.ticket-base.green {
    color: #fff;
    background: #98B4BB;
}
.ticket-base.yellow {
    color: #fff;
    background: #FFB340;
}
.ticket-base.grayblue {
    color: #fff;
    background: #868EA4;
}
.ticket-base.blue-op {
    color: #0089BF;
    background: #0089BF26;
}
.ticket-base.red-op {
    color: #FF4B6A;
    background: #FF4B6A26;
}
.ticket-base.green-op {
    color: #98B4BB;
    background: #98B4BB26;
}
.ticket-base.yellow-op {
    color: #FFB340;
    background: #FFB34026;
}
.ticket-base.grayblue-op {
    color: #868EA4;
    background: #868EA426;
}



/***
Popover
 ***/
.popover {
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    padding: 0 !important;
}

.popover .popover-title {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

.info .popover .popover-title,
.popover.info .popover-title,
.info .popover .popover-content,
.popover.info .popover-content {
    color:#27a9e3;
}

.success .popover .popover-title,
.popover.success .popover-title,
.success .popover .popover-content,
.popover.success .popover-content {
    color:#468847;
}

.error .popover .popover-title,
.popover.error .popover-title,
.error .popover .popover-content,
.popover.error .popover-content {
    color:#B94A48;
}

.jquery-validation-error {
    padding-top: 0!important;
    display: block;
    color: #B94A48;
}

.warning .popover .popover-title,
.popover.warning .popover-title,
.warning .popover .popover-content,
.popover.warning .popover-content {
    color:#C09853;
}

/***
Dropdown
***/

/*Fixing dropdown issue on mobile devices in Bootstrap 3.2.2*/
.dropdown-backdrop {
    position: static;
}

.dropdown:hover .caret,
.open.dropdown .caret {
    opacity: 1;
    filter: alpha(opacity=100);
}


.dropdown.open .dropdown-toggle {
    color: #08c;
    background: #ccc;
    background: rgba(0, 0, 0, 0.3);
}

/***
Dropdown Menu
***/

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0px;
    margin:0px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    font-family: "Segoe UI",Helvetica, Arial, sans-serif;
    border: 1px solid #ddd;
}




.dropdown-menu.noti-box {
    padding: 0 0 20px;
    width: 290px;
}
.header .navbar-nav > li.dropdown .dropdown-toggle.mostra { background: #007eb3; border-left: 1px solid #0492cb !important; margin: 0 -2px 0 0 !important; }
.header .navbar-nav > li.dropdown .dropdown-toggle.mostra3 { background: #007eb3; border-left: 1px solid #0492cb !important; margin: 0 -2px 0 0 !important; }
.header .navbar-nav > li.dropdown .dropdown-toggle.mostra img { margin: 1px -1px 0px 2px !important;}
.header .navbar-nav > li.dropdown .dropdown-toggle.mostra:hover { background-color: #098ac0 !important; opacity: 1; }
.header .navbar-nav > li.dropdown .dropdown-toggle.mostra3:hover { background-color: #098ac0 !important; opacity: 1; }
.dropdown-menu.noti-box.mostra-abre {
    padding: 20px;
    width: 340px;
    margin: 0 15px 0 0;
    z-index: 3;
}
.dropdown-menu.noti-box.mostra-abre3 {
    padding: 20px;
    width: 340px;
    margin: 0 15px 0 0;
    z-index: 3;
}
.dropdown .allblack { width: 100%; height: 100%; background: #00000036; position: fixed; z-index: 1; left: 0; top: 0; display: none  }
.dropdown .allblack.on {display: block !important}

.dropdown-menu.noti-box.mostra-abre a { height: 44px; padding: 0 15px; }
.dropdown-menu.noti-box.mostra-abre .trocar input { color: #FFF; border:0; background:#1EB5EF  }
.dropdown-menu.noti-box.mostra-abre h4 { padding: 0 0 10px; }

.dropdown-menu.noti-box.mostra-abre3 a { height: 44px; padding: 0 15px; }
.dropdown-menu.noti-box.mostra-abre3 .trocar input { color: #FFF; border:0; background:#1EB5EF  }
.dropdown-menu.noti-box.mostra-abre3 h4 { padding: 0 0 10px; }

.dropdown-menu.noti-box.on {display: block !important}

.dropdown-menu.noti-box h4 {
    font-size: 1.1em;
    font-weight: 700;
    color: #0086bc;
    padding: 10px 20px;
    float: left;

}
.dropdown-menu.noti-box.excep32 { width: 470px;padding: 25px 25px 0 25px; }
.dropdown-menu.noti-box.excep32 table.table-flex tr td {     padding:5px; font-size: 11px; }
.dropdown-menu.noti-box.excep32 table>tbody>tr>td:first-child { width: 186px; }

.dropdown-menu.noti-box.excep32 h4 {font-weight: 600;   color: #9c9c9c; }

.dropdown-menu.noti-box h5 {
    width: 100%;
    font-size: 1.1em;
    font-weight: 700;
    color: #0086bc;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
}
.dropdown-menu.noti-box h5.sompo {color:#b3001f}

.dropdown-menu.noti-box h5 a { font-size: 0.7em; padding: 0;
    height: 18px; }


.dropdown-menu.noti-box .relativ {position: relative; width: 100%; float: left;}
.dropdown-menu.noti-box a {
    width: 100%;
    height: 68px;
    float: left;
    padding: 9px 15px;
}
.dropdown-menu.noti-box a:hover { background: #f2f2f2; }
.dropdown-menu.noti-box a figure {
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    border-radius: 50px;
    background: #CCC;
    float: left;
    text-align: center;
    margin: 0; vertical-align: middle
}
.dropdown-menu.noti-box a .tooltip {
    display: none !important;
}

.dropdown-menu.noti-box a div { float: right; width: calc(100% - 60px); font-size: 0.8em; color: #8A8A8A; position: relative; top: 50%; transform: translate(0,-50%); }
.dropdown-menu.noti-box a p {width: 100%; float: left; margin: 0; font-size: 0.94em;  }
.dropdown-menu.noti-box a small {width: 100%; float: left; font-size: 0.9em;  }

.dropdown-menu.noti-box a figure.green { background: #81D4C3 }
.dropdown-menu.noti-box a figure.roxo { background: #B681D4 }

.dropdown-menu.noti-box.dados { padding: 0; width: 240px; min-width: 240px; }
.dropdown-menu.noti-box.dados .except { display: none; }
.dropdown-menu.noti-box.dados a p { font-size: 1.2em; font-weight: 600; color: #777;  }
.dropdown-menu.noti-box.dados a div { width: calc(100% - 36px); }
.dropdown-menu.noti-box.dados a { height: 54px; }

.dropdown-menu.noti-box.dados a.inactive { opacity: .3; position: relative; cursor: default; }
.dropdown-menu.noti-box.dados a.inactive .breve { position: absolute; transform: rotate(-45deg); right: 20px; top: 6px; }

@media (max-width:850px) {
    .dropdown-menu.noti-box.dados .except { display: block; }

}


.header .navbar-nav > li.dropdown .dropdown-toggle.noti i { width: 8px; height: 8px; border-radius: 50px; float: left; background: #F17B83;  position: absolute; top: 19px; left: 38px; display:none }

.header .navbar-nav > li.dropdown.NewNotification .dropdown-toggle.noti i { display:block }




.dropdown.inline .dropdown-menu {
    display: inline-block;
    position: relative;
}

.dropdown-menu.bottom-up {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

.dropdown-menu li > a {
    padding: 6px 13px 6px 13px;
    color: #333;
    text-decoration: none;
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    white-space: nowrap;
}

.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    text-decoration: none;
    background-image: none;
    background-color: #eee;
    color: #333;
    filter:none;
}

/* dropdown sub menu support for Bootsrap 3 */

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
}

.dropdown-submenu > a:after {
    position: absolute;
    display: inline-block;
    font-size: 14px;
    right: 7px;
    top: 9px;
    font-family: FontAwesome;
    height: auto;
    content: "\f105";
    font-weight: 300;
}

/* hack for chrome and safari */
@media all and (-webkit-min-device-pixel-ratio:0) {
    .dropdown-submenu > a:after {
        top: 7px;
    }
}

.ie1 .dropdown-submenu > a:after {
    margin-top: 2px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;

}

.nav.pull-right > li > .dropdown-menu,
.nav > li > .dropdown-menu.pull-right {
    right: 0;
    left: auto;
    max-height: 380px;
    overflow: auto;
}
/* SCROLL NICE */
.nav.pull-right > li > .dropdown-menu::-webkit-scrollbar { width: 7px; }
.nav.pull-right > li > .dropdown-menu::-webkit-scrollbar-track {background: #f1f1f1;}
.nav.pull-right > li > .dropdown-menu::-webkit-scrollbar-thumb {background: #dedede;border-radius: 50px;}
.nav.pull-right > li > .dropdown-menu::-webkit-scrollbar-thumb:hover {background: #cccccc;}



.nav.pull-right > li > .dropdown-menu:before,
.nav > li > .dropdown-menu.pull-right:before {
    right: 12px;
    left: auto;
}

.nav.pull-right > li > .dropdown-menu:after,
.nav > li > .dropdown-menu.pull-right:after {
    right: 13px;
    left: auto;
}

.nav.pull-right > li > .dropdown-menu .dropdown-menu,
.nav > li > .dropdown-menu.pull-right .dropdown-menu {
    right: 100%;
    left: auto;
    margin-right: -1px;
    margin-left: 0;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

@media (max-width: 767px) {

    .navbar-nav .open .dropdown-menu {
        position: absolute;
        float: left;
        width: auto;
        margin-top: 0;
        background-color: #ffffff;
        border: 1px solid #ddd;
        -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    }

    .navbar-nav .open .dropdown-menu > li > a {
        padding: 6px 0 6px 13px;
        color: #333 !important;
    }

    .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #eee !important;
    }

}

/* bagin: sidebar menu badges */

/***
Dropdown Checkboxes (in v1.3)
***/
.dropdown-checkboxes {
    padding: 5px;
}

.dropdown-checkboxes label {
    display: block;
    font-weight: 300;
    color: #333;
    margin-bottom: 4px;
    margin-top: 4px;
}


/***
Dropdown Menu Badges
***/

.dropdown-menu > li > a > .badge {
    position: absolute;
    margin-top: 1px;
    right: 3px;
    display: inline;
    font-size: 11px;
    font-weight: 300;
    text-shadow:none;
    height: 18px;
    padding: 3px 6px 3px 6px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
}

.dropdown-menu > li > a > .badge.badge-roundless {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

/* end: sidebar menu badges */

/***
Forms
***/
code {
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
label {
    font-weight: 400;
    font-size: 14px;
}

.form-control:-moz-placeholder {
    color: #999999;
}
.form-control::-moz-placeholder {
    color: #999999;
}
.form-control:-ms-input-placeholder {
    color: #999999;
}
.form-control::-webkit-input-placeholder {
    color: #999999;
}
.form-control {
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: #999999;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #999999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eeeeee;
}

.uneditable-input {
    padding: 6px 12px;
    min-width: 206px;
    font-size: 14px;
    font-weight: normal;
    height: 34px;
    color: #333333;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

label.form-control {
    display: block;
    margin-bottom: 5px;
}

input[disabled],
select[disabled],
textarea[disabled] {
    cursor: not-allowed;
    /*pointer-events: none;*/
    /* background-color: #F4F4F4 !important; */
    background-color: #F4F4F4;
}

input[readonly],
select[readonly],
textarea[readonly] {
    cursor: not-allowed;
    /*pointer-events: none;*/
    background-color: #F9F9F9 !important;
}

/* input  groups */
.input-group.input-group-fixed {
    width: auto !important;
}

.input-group-addon {
    border-color: #e5e5e5;
    background: #e5e5e5;
}

.input-group-addon > i {
    color: #999;
}

/* form control sizing */
.form-control-inline {
    display: inline-block !important;
}

.input-xsmall {
    width: 60px !important;
}

.input-small {
    width: 120px !important;
}

.input-medium {
    width: 240px !important;
}

.input-large {
    width: 320px !important;
}

.input-xlarge {
    width: 480px !important;
}

/***
Input spinner(in v1.4)
***/

input[type="text"].spinner,
input[type="password"].spinner,
input[type="datetime"].spinner,
input[type="datetime-local"].spinner,
input[type="date"].spinner,
input[type="month"].spinner,
input[type="time"].spinner,
input[type="week"].spinner,
input[type="number"].spinner,
input[type="email"].spinner,
input[type="url"].spinner,
input[type="search"].spinner,
input[type="tel"].spinner,
input[type="color"].spinner {
    background-image: url("../img/input-spinner.gif") !important;
    background-repeat: no-repeat;
    background-position: right 8px;
}

@media (max-width: 768px) {

    .input-large {
        width: 250px !important;
    }

    .input-xlarge {
        width: 300px !important;
    }

}

/***
Error States
***/

.has-warning .help-inline,
.has-warning .help-block,
.has-warning .control-label {
    color: #c09853;
}

.has-warning .form-control {
    border-color: #c09853;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-warning .form-control:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-warning .input-group-addon {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853;
}

.has-error .help-inline,
.has-error .help-block,
.has-error .control-label {
    color: #ff4f4f;
    font-weight: bold;
    text-align: left;
    border-radius: 0 0 7px 7px;
    float: left;
    width: 100%;
    font-size: 0.8em;
    margin: -14px 0 4%;
    padding: 3.7% 0 2.5% 0;
}


.login .content button.back-btn { margin: 10px 0 0; width: auto; color: #666 !important; font-size: 1em; background: #f9f9f9; border: 1px solid #6666661f; text-transform: unset; border-radius: 7px}



.has-error .form-control {
    border-color: #b94a48 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-error .form-control:focus {
    border-color: #953b39;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-error .input-group-addon {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48;
}

.has-success .help-inline,
.has-success .help-block,
.has-success .control-label {
    color: #468847;
}

.has-success .form-control {
    border-color: #468847;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-success .form-control:focus {
    border-color: #356635;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-success .input-group-addon {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847;
}

/***
Custom label and badges
***/

.label,
.badge {
    font-weight: 700;
    text-shadow: none !important;
}

.label {
    font-size: 10.5px;
    text-transform: uppercase;
    padding: 3px 6px 3px 6px;
}

.label.label-sm {
    font-size: 12px;
    padding: 1px 4px 1px 4px;
}

h1 .label,
h2 .label,
h3 .label,
h4 .label,
h5 .label,
h6 .label,
h7 .label {
    font-weight: 700;
}

.badge {
    font-size: 18px !important;
    font-weight: 600;
    text-align: center;
    background-color: #e02222;
    height: 22px;
    padding: 1px 6px 3px 6px;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    text-shadow: none !important;
    text-align: center;
    vertical-align: middle;
    float: right;
    margin: -8px;
}

.badge.badge-roundless {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.badge-default,
.label-default  {
    background-color: #999 !important;
}

.badge-primary,
.label-primary {
    background-color: #428bca !important;
}

.label-success,
.badge-success {
    background-color: var(--verde);
    color: #FFF;
    background-image: none !important;
}

.label-warning,
.badge-warning {
    background-color: var(--amarelo);
    color: #FFF;
    background-image: none !important;
}

.label-danger,
.badge-danger {
    background-color: var(--vermelho);
    color: #FFF;
    background-image: none !important;
}
.label-sompo,
.badge-sompo {
    background-color: #b3001f0d;
    color: #b3001f;
    background-image: none !important;
}
.label-hdi,
.badge-hdi {
    background-color: #00833E;
    color: #fff;
    background-image: none !important;
}
.label-randon,
.badge-randon {
    background-color: #FFC502;
    color: #000;
    background-image: none !important;
}
.label-unidas,
.badge-unidas {
    background-color: #b5cafd;
    color: #0208ff;
    background-image: none !important;
}
.label-delta1,
.badge-delta1 {
    background-color: #007eb31c;
    color: #007eb3;
    background-image: none !important;
}

.label-info,
.badge-info {
    background-color: #57b5e3;
    background-image: none !important;
}

/* fix badge position for navs */
.nav.nav-pills > li > a > .badge {
    margin-top: -2px;
}

.nav.nav-stacked > li > a > .badge {
    margin-top: 1px;
    margin-bottom: 0px;
}

/***
Iconic Labels
***/

.label.label-icon {
    padding: 4px 1px 4px 5px;
    margin-right: 2px;
    text-align: center !important;
}

.ie9 .label.label-icon,
.ie10 .label.label-icon {
    padding: 3px 0px 3px 3px;
}

.label.label-icon > i {
    font-size: 12px;
    text-align: center !important;
}


/***
Progress Bars
***/

.progress {
    border: 0;
    background-image: none !important;
    filter: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;

}

.progress > .progress-bar-success {
    background-color: #3cc051;
}

.progress > .progress-bar-danger {
    background-color: #ed4e2a;
}

.progress > .progress-bar-info {
    background-color: #57b5e3;
}

.progress > .progress-bar-warning {
    background-color: #fcb322;
}


/***
Pagination
***/
.pagination {
    margin: 0 0 2.5% 0;
    float: right;
    border: 1px solid #F2F2F2;
    clear: both;
}

ul#btn-pagination {
    display: flex;
    list-style-type: none;
    border: none;
}

p#registro_paginacao { margin: 10px 0 0; }

li#page-now {
    padding: 6px;
}

li#page-now {
    padding: 5px;
    font-size: 12px;
    font-size: 1em;
    font-weight: 600;
    color: var(--cinza);
}
ul#btn-pagination { border: none;}

.PlanoNovo .pagination {
    margin: 0 0 0.5% 0;
    width: 100%;
    overflow: auto !important;
    display: flex;
}
li#page-now {
    padding: 5px;
    font-size: 12px;
}
ul#btn-pagination {
    display: flex;
    border: none;
}
.PlanoNovo .SubTitle {
    margin: 0 0 1.5%;
    float: left;
    position:relative;
}
.PlanoNovo table td, th {
    padding: 10px 15px !important;
    font-size: 12px;
}
.PlanoNovo table td label.flex-box.radix { margin: 0 0 0 10px; }

.PlanoNovo table.NewTableAjt {
    max-height: 350px;
    overflow: auto;
    display: block;
    position: relative;
}

.PlanoNovo table.NewTableAjt.ajuste-overflow {
    overflow-y: auto;
    max-height: 6060px;
}

.PlanoNovo table.NewTableAjt::-webkit-scrollbar, .PlanoNovo .pagination::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

.PlanoNovo table.NewTableAjt::-webkit-scrollbar-thumb, .PlanoNovo .pagination::-webkit-scrollbar-thumb{
    background: #0000000d;
    border-radius: 0px;
}

.PlanoNovo table.NewTableAjt::-webkit-scrollbar-thumb:hover, .PlanoNovo .pagination::-webkit-scrollbar-thumb:hover{
    background: #B3AFB3;
}

.PlanoNovo table.NewTableAjt::-webkit-scrollbar-track, .PlanoNovo .pagination::-webkit-scrollbar-track{
    background: #00000005;
    border-radius: 0px;
    box-shadow: inset 0px 0px 0px 0px #F0F0F0;
}

.PlanoNovo table.NewTableAjt thead th {
    position: sticky;
    top: 0;
    background: #f9f9f9;
    z-index: 2;
    font-size: 0.8em;
    text-transform: uppercase;
    line-height: 1.2;
}




.pagination a { padding: 12px 22px; float: left; border-left: 1px solid #F2F2F2; font-weight: 700; color: #2196F3; }
.pagination a:first-child { border-left:0; }
.pagination a.active { background: #f9f9f9; color: #9e9e9e; cursor: default}


/***
wells
***/
.well {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/* Bootstrap Tabs */

.dropup.open > .dropdown-toggle,
.dropdown.open > .dropdown-toggle {
    border-color: #ddd !important;
}

.nav-tabs > li > .dropdown-menu:after,
.nav-pills > li > .dropdown-menu:after,
.navbar-nav > li > .dropdown-menu:after,

.nav-tabs > li > .dropdown-menu:before,
.nav-pills > li > .dropdown-menu:before,
.navbar-nav > li > .dropdown-menu:before {
    display: none !important;
}

.nav-tabs > .dropdown.open > .dropdown-toggle,
.nav-pills > .dropdown.open > .dropdown-toggle {
    background: #eee !important;
    color: #0d638f !important;
}


.nav-tabs,
.nav-pills {
    margin-bottom: 10px;
}

.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #ffffff;
}

.tabs-below > .nav-tabs,
.tabs-below > .nav-pills {
    border-bottom: 0;
    margin-bottom: 0px;
    margin-top: 10px;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
    margin-bottom: 0;
    margin-top: 10px;
}

.tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
    border-top-color: #ddd;
    border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
    border-color: transparent #ddd #ddd #ddd;
}

/***
Bootstrap modal
***/
.modal-dialog { max-width: 1000px; width: 100%; }
#modal_orcamento_prestador .modal-dialog { max-width: 1500px; width: 100%; }

.modal {
    z-index: 99999999 !important;
    outline: none !important;
}

.modal-header {
    border-bottom: 1px solid #EFEFEF;
}

.modal-header.sem__borda {
    border-bottom: unset !important;
}

.modal-header h3{
    font-weight: 300;
}

.modal-wide {
    width: 60% !important;
}

.modal-full {
    width: 100% !important;
}

/***
Modal header close button fix
***/
.modal-header .close {
    margin-top: 0px !important;
}

.modal > .loading {
    position: absolute;
    top: 50%;
    left:50%;
    margin-top: -22px;
    margin-left: -22px;
}

.modal-backdrop {
    border: 0 !important;
    outline: none !important;
    z-index: 10049 !important;
}

.modal-backdrop,
.modal-backdrop.fade.in {
    background-color: #333 !important;
}

.modal-open .header .container-fluid {
    padding-right: 37px;
}



/* NOVO MODAL newDash */
body.modal-open { overflow: hidden !important;}
.modalNewDash.modal { font-family: Roboto, sans-serif !important;}
.modalNewDash.modal { font-family: Roboto, sans-serif !important;}

.modalNewDash.modal .modal-dialog.small { width: 510px; }
.modalNewDash.modal .modal-dialog.med { width: 45%; }
.modalNewDash.modal .modal-dialog.big { width: 60%; }

.modalNewDash.modal .modal-header.newDash { border: 0 !important;}
.modalNewDash.modal .modal-header.newDash .close-btn { width: 19px; height: 19px; padding: 22px; border-radius: 50px; background-color: transparent; background-image: url('../../assets/img/icons/new-close.svg') !important; background-position: center !important; background-repeat: no-repeat !important;  float: right; border: 0;}
.modalNewDash.modal .modal-header.newDash .close-btn:hover { background-color: #c4c4c420 !important; }
.modalNewDash.modal .modal-header.newDash h4 { margin-top: 70px; font-size: 4.2rem; font-family: inherit; color: var(--azul-treinadelta)}
/* Botões do modal-header */
.modalNewDash.modal .modal-header.newDash .new-btn {
    display: inline-block;
}
.modalNewDash.modal .modal-header.newDash.bd-delta .checked { width: 70px; height: 70px; background: var(--verde-new); margin: 35px auto 0px}
.modalNewDash.modal .modal-header.newDash.bd-delta .delete  {   width: 80px;
    height: 80px;
    background: #d5d5d5;
    margin: 0 0 11px;}


.modalNewDash.modal .modal-header.newDash.bd-delta .close-btn { align-self: flex-end; width: 19px; height: 19px; padding: 22px; border-radius: 50px; background-color: transparent; background-image: url('../../assets/img/icons/new-close.svg') !important; background-position: center !important; background-repeat: no-repeat !important;  float: right; border: 0;}
.modalNewDash.modal .modal-header.newDash.bd-delta { border: 0 !important; display: flex; flex-direction: column; align-items: center;}
.modalNewDash.modal .modal-header.newDash.bd-delta h4 { margin: 0; font-size: 3.5rem; font-family: inherit; color: var(--grey-dark)}
.modalNewDash.modal .modal-header.newDash.bd-delta h4.modal-title { padding: 0;}

.modalNewDash.modal .modal-header.newDash.bd-delta .modal-title.cadastrar_conta {font-size: 2.7rem; line-height: 30px;}

.new_switch_delpay {display: flex;align-items: center;padding: 8px 11px; background: #EBEBEB80; border-radius: 6px; margin: 0 0 22px;}
.new_switch_delpay input {position: absolute !important;clip: rect(0, 0, 0, 0);height: 1px;width: 1px;border: 0;overflow: hidden;}
.new_switch_delpay label  {margin: 0; padding: 15px 21px; transition: all 0.1s ease-in-out; font-weight: 300; font-size: 1.7rem; line-height: 20px; display: flex; align-items: flex-start;}
.new_switch_delpay label > span { display: none; background: rgba(0, 137, 191, 0.15); border-radius: 4px; font-weight: 500; font-size: 12px; line-height: 14px; margin-left: 5px; padding: 4px 6px; animation: animationOpacity .3s ease-in 0s 1 normal none;}
.new_switch_delpay label:hover { cursor: pointer;}
.new_switch_delpay input:checked + label {background: #FFFFFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.07); color: #0089BF; border-radius: 6px; font-weight: 600;}
.new_switch_delpay label:first-of-type {border-radius: 4px 0 0 4px;}
.new_switch_delpay label:last-of-type {	border-radius: 0 4px 4px 0;}

@keyframes animationOpacity {
    0%{
        opacity: 0;
    }
    100%{
        opacity:1;
    }
}

.modalNewDash .modal-content.ajuste_size_modal {
    width: 70%;
}

@media (max-width: 1700px) {
    .modalNewDash .modal-content.ajuste_size_modal {
        min-width: 540px;
    }
}
@media (max-width: 600px) {
    .modalNewDash .modal-content.ajuste_size_modal {
        min-width: 90%;
    }
}

.modalNewDash.modal .modal-body.newDash { padding: 0 128px }
.modalNewDash.modal .modal-body.newDash.bd-delta { padding: 0 42px 25px; display: flex; flex-direction: column; align-items: center; }
.modalNewDash.modal .modal-body.newDash > p { font-size: 1.8rem; text-align: center; margin: 0 0 60px;}
.modalNewDash.modal .modal-body.newDash.bd-delta > p { font-size: 1.8rem; font-weight: 300; text-align: center; margin: 0 0 20px;}
.modalNewDash.modal .modal-body.newDash.bd-delta > p.v2 { font-size: 1.4rem; font-weight: 300; text-align: center; margin: 0 0 10px;}
.modalNewDash.modal .modal-body.newDash.bd-delta > .saldo-disponivel { font-size: 1.8rem; font-weight: 300; text-align: center; margin: 19px 0 10px;}
.modalNewDash.modal .modal-body.newDash.bd-delta > p.value-transfer { font-size: 3.5rem; font-weight: 700; text-align: center; margin: 0; color: var(--grey-dark)}
.modalNewDash.modal .modal-body.newDash.bd-delta > p.value-transfer.v2 { font-size: 2.2rem; font-weight: 700; text-align: center; margin: 0 0 30px;}
.modalNewDash.modal .modal-body.newDash.bd-delta > p.value-transfer.v3 { font-size: 1.7rem; font-weight: 500; text-align: center; margin: 0 0 30px; color: var(--text-dark-2)}



.modalNewDash.modal .modal-body.newDash .box-column { display: flex; column-gap: 85px; align-items: flex-start; justify-content: center;}
.modalNewDash.modal .modal-body.newDash .box-column .col { width: 319px; display: flex; flex-direction: column; }
.modalNewDash.modal .modal-body.newDash .box-column .col img { margin-bottom: 25px;}
.modalNewDash.modal .modal-body.newDash .box-column .col img.exemplo { width: 319px; height: 186px}
.modalNewDash.modal .modal-body.newDash .box-column .col h4 { font-size: 1.8rem; font-weight: 500; color: var(--grey-dark); }
.modalNewDash.modal .modal-body.newDash .box-column .col p { font-size: 1.4rem; font-weight: 400; color: #8B8B8B; }

.modalNewDash.modal .modal-body img.checklist-img { width: 100%; }

.modalNewDash.modal .modal-body.newDash.bd-delta table { width: 100%; margin: 0 0 40px }
.modalNewDash.modal .modal-body.newDash.bd-delta table thead tr { background: var(--bg-light); font-size: 1.2rem; font-weight: 500; color: var(--text-dark-2-op); border: 1px solid var(--bg-leve);}
.modalNewDash.modal .modal-body.newDash.bd-delta table tbody tr { background: var(--bg-leve-3); }

.modalNewDash.modal .modal-body.newDash.bd-delta table tbody tr td {
    font-size: 18px; padding: 20px 0px 10px;    text-align: left;
}
.modalNewDash.modal .modal-body.newDash.bd-delta table tbody tr td:last-child {
    text-align: right; font-weight: 300
}

.modalNewDash.modal .modal-body.newDash.bd-delta table tbody tr td,
.modalNewDash.modal .modal-body.newDash.bd-delta table thead tr th { padding: 15px 0; }
.modalNewDash.modal .modal-body.newDash.bd-delta table tbody tr td { color: var(--text-dark-3); font-size: 1.4rem; font-weight: 700; }
.modalNewDash.modal .modal-body.newDash.bd-delta table tbody tr td .nome-banco { color: var(--text-dark-3); font-size: 1.4rem; font-weight: 300; }
.modalNewDash.modal .modal-body.newDash.bd-delta input[type=password] {margin: 0 auto}

.modalNewDash.modal .modal-footer.newDash { padding-bottom: 40px; border: 0 !important;}
.modalNewDash.modal .modal-footer.newDash.central { display: flex; justify-content: center; }

.modalNewDash.modal .modal-body.newDash .table-informacoes-pagamento {
    border-top: 1px solid #0000001a;
    border-bottom: 1px solid #0000001a;
    width: 387px;
    padding: 17px 0;
}

.modalNewDash.modal .modal-body.newDash .style-head-value{
    display: flex;
    gap: 18px;
    align-items: center;
}

.modalNewDash.modal .modal-body.newDash .style-head-value input {
    width: 250px;
    height: 60px;
    background: var(--bg-leve);
    color: var(--grey-dark);
    border-radius: 6px;
    border: 0;
    text-align: center;
    font-size: 3.5rem;
    line-height: 4.1;
    font-weight: 700;
    letter-spacing: 0.2rem;
}

.modalNewDash.modal .modal-body.newDash .style-head-value input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.modalNewDash.modal .modal-body.newDash .header_comprovante p.value-transfer,
.modalNewDash.modal .modal-body.newDash .style-head-value p.value-transfer {
    font-size: 3.5rem;
    font-weight: 700;
    text-align: center;
    margin: 0;
    color: var(--grey-dark);
}

.modalNewDash.modal .modal-body.newDash p.informacoes-extras {
    margin-bottom: 0;
    margin-top: 16px;

    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    text-align: center;

    color: #666666;

    opacity: 0.6;
}

.modalNewDash.modal .modal-body.newDash .table-informacoes-pagamento .informacoes-pagamento {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modalNewDash.modal .modal-body.newDash .table-informacoes-pagamento .informacoes-pagamento p {
    margin: 0 0 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: #000;
}

.modalNewDash.modal .modal-body.newDash .table-informacoes-pagamento .informacoes-pagamento label {
    max-width: 235px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    text-align: right;
    line-height: 24px;
    color: #333333;
}

.modalNewDash.modal .modal-body.newDash .body_comprovante .informacoes-pagamento input,
.modalNewDash.modal .modal-body.newDash .table-informacoes-pagamento .informacoes-pagamento input {
    width: 144px;
    border: none;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #0170A5;
}

.modalNewDash.modal .modal-body.newDash .body_comprovante .informacoes-pagamento input::-webkit-calendar-picker-indicator,
.modalNewDash.modal .modal-body.newDash .table-informacoes-pagamento .informacoes-pagamento input::-webkit-calendar-picker-indicator {
    margin-left: -15px;
    cursor: pointer;
    border-radius: 100px;
    background: #0170A5;
    width: 38px;
    height: 28px;
    background-image: url('../img/icons/icon-calendar.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.modalNewDash.modal .modal-body.newDash .footer_pagamento{
    border-top: 1px solid #f2f2f2;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
}

.modalNewDash.modal .modal-body.newDash .footer_pagamento .info_senha{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.modalNewDash.modal .modal-body.newDash .footer_pagamento .info_senha p{
    margin: 0;
    text-align: end;
    font-size: 1.5rem;
}

.modalNewDash.modal .modal-body.newDash .footer_pagamento .info_senha input{
    margin: 0 !important;
}





.modal #roteirizacao_section {
    display: block;
}

.modal #roteirizacao_section a.linkRoteiro {
    color: #1eb5ef;
}

.modal #prestador_section {
    display: none;
}

/* Formatação para form no modal */
.modal .formatModal form span label {
    width: 100%;
    /* height: 19px; */
    box-sizing: border-box;
    padding: 10px 0 0 4px;
    float: left;
    font-size: 1.075em;
    color: #666;
}



/***
Image Carousel
***/
.carousel.image-carousel .carousel-inner {
    padding-top: 0;
    padding-bottom: 0;
}

.carousel.image-carousel .carousel-control i {
    position: absolute;
    top:40%;
}

.carousel.image-carousel.image-carousel-hoverable .carousel-control i {
    display: none;
}

.carousel.image-carousel.image-carousel-hoverable:hover .carousel-control i {
    display: inline-block;
}

.carousel.image-carousel .carousel-control.left i {
    left:10px;
}

.carousel.image-carousel .carousel-control.right i {
    right:10px;
}

.carousel.image-carousel .carousel-indicators {
    margin-top: 10px;
    bottom: -7px;
}

.carousel.image-carousel .carousel-indicators li {
    background-color: #666;
}

.carousel.image-carousel .carousel-indicators li.active {
    background-color: #333;
}

.carousel.image-carousel .carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px 15px 25px 15px;
    background: #333333;
    background: rgba(0, 0, 0, 0.75);
}

.carousel.image-carousel .carousel-caption h4,
.carousel.image-carousel .carousel-caption h3,
.carousel.image-carousel .carousel-caption h2,
.carousel.image-carousel .carousel-caption p {
    text-align: left;
    line-height: 20px;
    color: #ffffff;
}

.carousel.image-carousel .carousel-caption h2,
.carousel.image-carousel .carousel-caption h3,
.carousel.image-carousel .carousel-caption h4 {
    margin: 0 0 5px;
}

.carousel.image-carousel .carousel-caption h2 a,
.carousel.image-carousel .carousel-caption h3 a,
.carousel.image-carousel .carousel-caption h4 a {
    color: #aaa;
}

.carousel.image-carousel .carousel-caption p {
    margin-bottom: 0;
}

.carousel.image-carousel .item {
    margin: 0;
}

/***
Bootstrap Tables
***/

.table thead > tr > th {
    border-bottom: 0;
}

.table tbody tr.active td,
.table tbody tr.active th {
    background-color: #e9e9e9 !important;
}

.table tbody tr.active:hover td,
.table tbody tr.active:hover th {
    background-color: #e1e1e1 !important;
    padding: 10px;
}

.table-striped tbody tr.active:nth-child(odd) td,
.table-striped tbody tr.active:nth-child(odd) th {
    background-color: #017ebc;
    padding: 10px;
}

/***
Bootstrap Panel
***/

.panel {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}


/*
Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't
properly apply the media queries in Bootstrap's CSS. To address this,
you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.
*/
@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

/* Internet Explorer 10 doesn't differentiate device width from viewport width,
and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied */
@-ms-viewport {
    width: auto !important;
}

/* Fix Google Maps canvas
 *
 * Wrap your Google Maps embed in a `.google-map-canvas` to reset Bootstrap's
 * global `box-sizing` changes. You may optionally need to reset the `max-width`
 * on images in case you've applied that anywhere else. (That shouldn't be as
 * necessary with Bootstrap 3 though as that behavior is relegated to the
 * `.img-responsive` class.)
 */

.google-map-canvas,
.google-map-canvas * {
.box-sizing(content-box);
}

/* Optional responsive image override */
img {
    max-width1: none;
}

/***
General typography
***/
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #444;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
}

h1.block,
h2.block,
h3.block,
h4.block,
h5.block,
h6.block {
    padding-top: 10px;
    padding-bottom: 10px;
}

a {
    text-shadow: none !important;
    color: #0d638f;
}

/***
Fix link outlines after click
***/
a,a:focus, a:hover, a:active {
    outline: 0;
}

/***
General backgrounds. Can be applied to any block or panel
***/

.ui-widget-header {
    background-color: #5A85A1  !important;
}

.bg-blue-delta {
    background-image: none !important;
    background-color: #81B6CE  !important;
    border-color:#FFFFFF !important;
    color: #fff !important;
}

.bg-blue {
    background-image: none !important;
    background-color: #4b8df8 !important;
    border-color:#4b8df8 !important;
    color: #fff !important;
}

.bg-red {
    background-image: none !important;
    background-color: #e02222 !important;
    border-color: #e02222 !important;
    color: #fff !important;
}

.bg-yellow {
    background-image: none !important;
    background-color: #FFF1DA !important;
    border-color: #FFF1DA !important;
    color: #fff !important;
}

.bg-green {
    background-image: none !important;
    background-color: #B5FDC0 !important;
    border-color: #B5FDC0 !important;
    color: #fff !important;
}

.bg-purple {
    background-image: none !important;
    background-color: #852b99 !important;
    border-color: #852b99 !important;
    color: #fff !important;
}

.bg-dark {
    background-image: none !important;
    background-color: #555555 !important;
    border-color: #555555 !important;
    color: #fff !important;
}

.be-grey {
    background-image: none !important;
    background-color: #fafafa !important;
    border-color: #fafafa !important;
}

.bg-pedido-tipo {
    background-image: none !important;
    background-color: #F9F8E3  !important;
    border-color: #F9F8E3  !important;
    color: #fff !important;
}
/***
Font Awesome Icons
***/
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    margin-top: 1px;
    font-size: 14px;
    *margin-right: .3em;
    line-height: 14px;
}

/***
Make font awesome icons fixed width(latest version issue)
***/
li [class^="icon-"],
li [class*=" icon-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
}
li [class^="icon-"].icon-large,
li [class*=" icon-"].icon-large {
    /* increased font size for icon-large */
    width: 1.5625em;
}

/***
Close icon used for modal dialog and other UI element close buttons
***/
.close {
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    width: 9px;
    height: 9px;
    background-repeat: no-repeat !important;
    background-image: url("../img/icons/remove-icon-small.png") !important;
}

/***
General HR
***/

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #E0DFDF;
    border-bottom: 1px solid #FEFEFE;
}

/***
Tools
***/
.display-none,
.display-hide {
    display: none;
}

.no-space {
    margin: 0px !important;
    padding: 0px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

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

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.bold {
    font-weight:600 !important;
}

.fix-margin {
    margin-left: 0px !important
}

.border {
    border: 1px solid red;
}

.inline {
    display: inline;
}

/***
ie8 & ie9 modes
***/
.visible-ie8 {
    display: none;
}

.ie8 .visible-ie8 {
    display: inherit !important;
}

.visible-ie9 {
    display: none;
}

.ie9 .visible-ie9 {
    display: inherit !important;
}

.hidden-ie8 {
    display: inherit;
}

.ie8 .hidden-ie8 {
    display: none !important;
}

.hidden-ie9 {
    display: inherit;
}

.ie9 .hidden-ie9 {
    display: none !important;
}

/********************
 GENERAL LAYOUT
*********************/

/***
Header and header elements.
***/

.header {
    width: 100%;
    margin: 0;
    border: 0px;
    box-shadow: none;
    min-height: 42px;
    position: fixed;
}

.header.navbar-fixed-top {
    z-index: 9995 !important;
}

.header .navbar-brand {
    display: inline-block;
    margin-top: -1px;
    margin-right: 0;
    padding: 0;
    width: 225px;
}

.header .navbar-brand img {
    margin-left: 20px;
    margin-top: 14px;
    width: 118px;
}

.header .navbar-toggle {
    margin: 8px 6px 4px 6px;
    padding: 0;
    padding-top:2px;
    padding-bottom: 6px;
    background-image: none;
    filter:none;
    box-shadow: none;
    color: #fff;
    border: 0;
}

.header .navbar-toggle:hover {
    text-decoration: none;
    background: none;
}

.header .navbar-nav {
    margin-right: 0;
    display: block;
}


.header .navbar-nav > li {
    margin: 0px;
    padding: 0px;
}

.header .navbar-nav > li.dropdown,
.header .navbar-nav > li.dropdown > a {

}
.header .navbar-nav > li.dropdown > a:hover {
    opacity: .7; color: #999
}



.header .navbar-nav > li.dropdown:last-child {
    padding-right: 2px;
}

.header .navbar-nav > li.dropdown .dropdown-toggle {
    margin: 0px;
}
.header .navbar-nav > li.dropdown .dropdown-toggle.blue {
    background: #0086bc;
}
.header .navbar-nav > li.dropdown .dropdown-toggle.blue:hover {
    background: #0b99d1;
}
.header .navbar-nav > li.dropdown .dropdown-toggle.noti { padding: 20px 20px 18px; margin: 0; border-left: 1px solid #f2f2f2; transition: .2s; height: 63px;}
.header .navbar-nav > li.dropdown .dropdown-toggle.noti:hover { background: #f7f7f7;}

.header .navbar-nav > li.dropdown .dropdown-toggle.noti img { margin: -1px -1px 0px 0}

.header .navbar-nav > li.dropdown .dropdown-toggle.noti span.ball {
    position: absolute;
    top: 16px;
    left: 36px;
    background: white;
    width: 10px;
    height: 10px;
    border-radius: 50px;


}
.header .navbar-nav > li.dropdown .dropdown-toggle.noti.active span.ball {
    -webkit-animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
    -webkit-animation-duration: 2.5s;
}

@-webkit-keyframes blinker {
    0% { top: 16px; background: #ff4351;}
    4% { top: 14px; background: white; }
    8% { top: 16px; background: #ff4351;}
    12% { top: 14px; background: white; }
    16% { top: 16px; background: #ff4351;}
    100% { top: 16px; background: #ff4351;}
}




.header .navbar-nav > li.dropdown .dropdown-toggle.status {
    background: #7DE971; padding: 1.15em 1.5em 1.2em; border-radius: 7px; float: left; color: #FFF; border-left: 0 !important; margin: 10px 0 0 !important; min-width: 180px;
}
.header .navbar-nav > li.dropdown .dropdown-toggle.status:hover { opacity: .8;  }
.header .navbar-nav > li.dropdown .dropdown-toggle.status span {
    width: 13px; height: 13px; border:1px solid #ffffffad; float: left; border-radius: 50px; box-sizing: border-box;
}
.header .navbar-nav > li.dropdown .dropdown-toggle.status span::after {
    content: ""; width: 7px; height: 7px; background: #FFF; float: left; border-radius: 50px;margin: 2px 0 0 2px
}
.header .navbar-nav > li.dropdown .dropdown-toggle.ausente {padding: 1.1em 1.5em 0.85em;}
.header .navbar-nav > li.dropdown .dropdown-toggle.ausente p { margin-top: -6px !important }
.header .navbar-nav > li.dropdown .dropdown-toggle.status p { font-weight: 700; font-size: 0.9em; float: left; line-height: 1.1; margin: 0 15px 0 7px; }
.header .navbar-nav > li.dropdown .dropdown-toggle.status img { margin: 2px 0 0; }

.dropdown .allblack2 { width: 100%; height: 100%; background: #00000036; position: fixed; z-index: 1; left: 0; top: 0; display: none  }
.dropdown .allblack2.on {display: block !important}


.dropdown-menu.mostra-abre2.noti-box { width: 240px; }
.dropdown-menu.noti-box.mostra-abre2 .relativ { width: 94%; margin: 3%; }
.nav.pull-right > li > .dropdown-menu.mostra-abre2, .nav > li > .dropdown-menu.mostra-abre2.pull-right {padding: 0;     border-radius: 7px;}
.header .navbar-nav > li.dropdown .mostra-abre2 .dropdown-toggle.status {
    background: #FFF; height: auto; margin: 0 !important;
}
.header .navbar-nav > li.dropdown .mostra-abre2 .dropdown-toggle.status:hover {
    background: #FAF9F9;
}
.header .navbar-nav > li.dropdown .mostra-abre2 .dropdown-toggle.status p {
    width: auto; color: #616161
}
.header .navbar-nav > li.dropdown .mostra-abre2 .dropdown-toggle.ausente {padding: 1.35em 1.5em 0.75em;}
.header .navbar-nav > li.dropdown .mostra-abre2 .dropdown-toggle.ausente.last { margin:0 !important }
.header .navbar-nav > li.dropdown .mostra-abre2 .dropdown-toggle.ausente p { margin-top: -8px; }
.header .navbar-nav > li.dropdown .mostra-abre2 .dropdown-toggle.status p small { color: #AAAAAA !important;     line-height: 1.5; }
.header .navbar-nav > li.dropdown .mostra-abre2 .dropdown-toggle.status span {
    border:1px solid #7878782e;
}

.header .navbar-nav > li.dropdown .dropdown-toggle.ocupado { background:#EBD443 }
.header .navbar-nav > li.dropdown .dropdown-toggle.ausente { background:#FC7A75 }

.header .navbar-nav > li.dropdown .mostra-abre2 .dropdown-toggle.status span::after { background: #7DE971 }

.header .navbar-nav > li.dropdown .mostra-abre2 .dropdown-toggle.ocupado span::after { background: #EBD443 }
.header .navbar-nav > li.dropdown .mostra-abre2 .dropdown-toggle.ausente span::after { background: #FC7A75 }

.header .navbar-nav > li.dropdown .mostra-abre2 .dropdown-toggle.status p small { clear: both !important; }






.header .navbar-nav > li.dropdown .dropdown-toggle img {
    float: right; margin: 4px 0 0;
}

.header .navbar-nav > li.dropdown .dropdown-toggle > i {
    font-size: 18px;
}

.header .navbar-nav > li.dropdown .dropdown-menu > li > a > i {
    font-size: 14px;
}

.header .navbar-nav > li.dropdown.site .dropdown-toggle {
    padding: 11px 4px 6px 9px;
    height: 42px;
}

.header .navbar-nav > li.dropdown.site .dropdown-toggle:hover {
    text-decoration: none;
}

.header .navbar-nav > li.dropdown.site .dropdown-toggle .username {
    color: #ddd;
}

.header .navbar-nav li.dropdown.site .dropdown-toggle i {
    display: inline-block;
    margin-top: 5px;
    margin: 0;
    font-size: 16px;
}

.header .navbar-nav > li.dropdown.site .dropdown-menu i {
    width: 15px;
    display: inline-block;
}


.header .navbar-nav > li.dropdown.user .dropdown-toggle {
    padding: 11px 4px 6px 9px;
    height: 42px;
}

.header .navbar-nav > li.dropdown.user .dropdown-toggle:hover {
    text-decoration: none;
}

.header .navbar-nav > li.dropdown.user .dropdown-toggle .username {
    color: #364150;
}

.header .navbar-nav li.dropdown.user .dropdown-toggle i {
    display: inline-block;
    margin-top: 5px;
    margin: 0;
    font-size: 16px;
}

.header .navbar-nav > li.dropdown.user .dropdown-menu i {
    width: 15px;
    display: inline-block;
}

.header .navbar-nav > li.dropdown .dropdown-toggle .badge {
    position: absolute;
    top: 8px;
    right: 20px;
}

/* language bar */

.header .navbar-nav > li.dropdown.language {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}

.header .navbar-nav > li.dropdown.language > a {
    color: #ddd;
    font-size: 13px;
    padding: 10px 1px 12px 5px;
}

.header .navbar-nav > li.dropdown.language > a > img {
    margin-bottom: 2px;
}

.header .navbar-nav > li.dropdown.language > a > i {
    font-size: 16px;
}

.header .navbar-nav > li.dropdown.language > .dropdown-menu > li > a > img {
    margin-bottom: 2px;
}

.header .navbar-nav .dropdown-menu {
    margin-top: 1px;
}

/***
Page container
***/
.page-container {
    margin: 0px;
    padding: 0px;
}

.page-header-fixed .page-container {
    margin-top: 42px;
}

/***
Page sidebar
***/

/* ie8 fixes */
.ie8 .page-sidebar {
    position: absolute;
    width: 225px;
}

.page-sidebar.navbar-collapse {
    padding: 0;
}

.page-sidebar-menu {
    height: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0;
    padding: 0;
}

.page-sidebar-menu > li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
}

.page-sidebar-menu > li.start > a {
    border-top-color: transparent !important;
}

.page-sidebar-menu > li:last-child > a,
.page-sidebar-menu > li.last > a {
    border-bottom-color: transparent !important;
}

.page-sidebar-menu > li > a {
    display: block;
    position: relative;
    margin: 0;
    border: 0px;
    padding: 15px 3px 15px 7px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
}

.page-sidebar-fixed .page-sidebar-menu > li > a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.page-sidebar-menu > li > a i {
    font-size: 16px;
    margin-right: 5px;
    text-shadow:none;
}

.page-sidebar-menu > li.break {
    margin-bottom: 20px;
}

.page-sidebar-menu > li.active > a {
    border: none;
    text-shadow:none;
}

.page-sidebar-menu > li.active > a .selected {
    display: block;
    width: 8px;
    height: 25px;
    background-image: url("../img/sidebar-menu-arrow.png");
    float: right;
    position: absolute;
    right:0px;
    top:8px;
}

.page-sidebar ul > li > a > .arrow:before {
    float: right;
    margin-top: 0;
    margin-right: 14px;
    line-height: 1;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow:none;
}

.page-sidebar-menu > li > a > .arrow.open:before {
    float: right;
    margin-top: 0px;
    margin-right: 11px;
    display: inline;
    font-family: FontAwesome;
    height: auto;
    font-size: 16px;
    content: "\f107";
    font-weight: 300;
    text-shadow:none;
}

/* bagin: sidebar menu badges */
.page-sidebar-menu li > a > .badge {
    float: right;
    margin-top: 1px;
    margin-right: 13px;
}

/* end: sidebar menu badges */

.page-sidebar-menu .sub-menu {
    padding: 0;
}

.page-sidebar-menu > li > ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    padding: 0 0 15px 0;
    background: #efefef;
}

.page-sidebar-menu > li.active > ul.sub-menu {
    display: block;
}

.page-sidebar-menu > li > ul.sub-menu > li {
    background: none;
    margin: 0px;
    padding: 0px;
    /*margin-top: 1px !important; */
}

.page-sidebar-menu > li > ul.sub-menu > li > a {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px;
    padding-left: 29px !important;
    text-decoration: none;
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.6;
    background: none;
}

/* 3rd level sub menu */
.page-sidebar-menu > li > ul.sub-menu  > li ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    margin: 0px 0px 0px 0px;
}

.page-sidebar-menu > li > ul.sub-menu  li > a > .arrow:before   {
    float: right;
    margin-top: 1px;
    margin-right: 20px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow:none;
}

.page-sidebar-menu > li > ul.sub-menu  li > a > .arrow.open:before {
    float: right;
    margin-top: 1px;
    margin-right: 18px;
    display: inline;
    font-family: FontAwesome;
    height: auto;
    font-size: 16px;
    content: "\f107";
    font-weight: 300;
    text-shadow:none;
}

.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu {
    display: block;
}

.page-sidebar-menu > li > ul.sub-menu > li  ul.sub-menu li {
    background: none;
    margin: 0px;
    padding: 0px;
    margin-top: 1px !important;
}

.page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    background: none;
}

.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
    padding-left: 60px;
}

.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
    padding-left: 80px;
}

.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu > li.active ul.sub-menu {
    display: block;
}


.page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a > i {
    font-size: 13px;
}

/* sidebar search */
.page-sidebar .sidebar-search {
    padding:0;
    margin: 0;
}

.page-sidebar .sidebar-search .form-container {
    margin: 15px 20px 15px 20px;
    height: 35px;
    padding-top: 7px;
}

.page-sidebar .sidebar-search .form-container .submit {
    display: block;
    float: right;
    margin-top: 3px;
    width: 13px;
    height: 15px;
    background-repeat: no-repeat;
    box-shadow: none;
    border: 0px;
    padding: 0px;
    outline: none !important;
}

.page-sidebar .sidebar-search .form-container input[type="text"] {
    margin: 0px;
    width: 165px;
    border: 0px;
    padding: 0 !important;
    font-size: 14px !important;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: normal;
}

.page-sidebar .sidebar-search .form-container input[type="text"]:focus {
    outline: none !important;
}

/***
Sidebar toggler(show/hide)
***/

.page-sidebar .sidebar-toggler {
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-top: 15px;
    margin-left: 175px;
    width: 29px;
    height: 29px;
    background-repeat: no-repeat;
}

.sidebar-toggler:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.page-sidebar-closed .sidebar-toggler {
    margin-left: 3px;
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container {
    width: 29px;
    margin-left: 3px;
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container .input-box {
    border-bottom: 0 !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container input[type="text"] {
    display: none;
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container .submit {
    margin-top: 5px !important;
    margin-left: 7px !important;
    margin-right: 7px !important;
    display: block !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
    width: 255px;
    position: relative;
    z-index: 1;
    padding-top: 0px;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container input[type="text"] {
    margin-top: 7px;
    margin-left: 8px;
    padding-left: 10px;
    padding-bottom: 2px;
    width: 185px;
    display: inline-block !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .submit {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 11px 8px 9px 6px !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    margin: 12px 8px 9px 8px !important;
    display: inline-block !important;
    float: left !important;
}

.page-sidebar-closed .page-sidebar-menu > li > a .selected {
    right: -3px !important;
}

.page-sidebar-closed .page-sidebar-menu > li > a > .title,
.page-sidebar-closed .page-sidebar-menu > li > a > .arrow {
    display: none !important;
}

.page-sidebar-closed .sidebar-toggler {
    margin-right: 3px;
}

.page-sidebar-closed .page-sidebar .sidebar-search {
    margin-top: 6px;
    margin-bottom: 6px;
}

.page-sidebar-closed .page-sidebar-menu {
    width: 35px !important;
}

.page-sidebar-closed .page-sidebar-menu > li > a {
    padding-left: 7px;
}

.page-sidebar-fixed.page-sidebar-closed .page-sidebar-menu > li > a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.page-sidebar-closed .page-sidebar-menu > li:hover {
    width: 236px !important;
    position: relative !important;
    z-index: 2000;
    display: block !important;
}

.page-sidebar-closed .page-sidebar-menu > li:hover .selected {
    display: none;
}

.page-sidebar-closed .page-sidebar-menu > li:hover > a > i {
    margin-right: 10px;
}

.page-sidebar-closed .page-sidebar-menu > li:hover .title {
    display: inline !important;
}

.page-sidebar-closed .page-sidebar-menu > li > .sub-menu {
    display: none !important;
}

.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu {
    width: 200px;
    position: absolute;
    z-index: 2000;
    left: 36px;
    margin-top: 0;
    top: 100%;
    display: block !important;
}

.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu,
.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu {
    width: 200px;
}

/* 2rd level sub menu*/
.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > a {
    padding-left: 15px !important;
}

/* 3rd level sub menu*/
.page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > a {
    padding-left: 30px !important;
}

/* 4rd level sub menu*/
.page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > .sub-menu > li > a {
    padding-left: 45px !important;
}

/* sidebar container */

.page-sidebar-closed  .page-sidebar {
    width: 35px;
}

.page-sidebar-closed  .page-content {
    margin-left: 35px !important;
}


.note-danger-excep {
    width: 100%;
    background: #ff717b;
    float: left;
    color: white;
    font-size: 1.2em;
    font-weight: 600;
    text-align: center;
    padding: 1em 3em;
    border-radius: 7px;
    margin: 2% 0 0;
}

/***
Page content
***/
.page-content, .page-content-publico {
    margin-top: 0px;
    padding: 0px;
    background-color: #fff;
}

.ie8 .page-content  {
    padding: 20px;
    margin-left: 225px;
    margin-top: 0px;
    min-height: 760px;
}

.ie8 .page-sidebar-fixed .page-content {
    min-height: 600px;
}

.ie8 .page-content.no-min-height {
    min-height: auto;
}

.page-full-width .page-content {
    margin-left: 0px !important;
}


/***
Page title
***/
.page-title {
    padding: 0px;
    font-size: 36px;
    display: block;
    color: #666;
    margin: 0 0 30px 0px;
    font-weight: 900;
    font-family: 'Open Sans', sans-serif;
}



.page-title small {
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 300;
    color: #888;
}

/***
Page breadcrumb
***/

.ie8 .row .page-breadcrumb.breadcrumb > li {
    margin-right: 1px;
}

.page-content .page-breadcrumb.breadcrumb {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    padding-left: 0;
    margin-top: 15px;
    margin-bottom: 25px;
    background-color: #FFF;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 19px;
}
.page-content .page-breadcrumb.breadcrumb .right { margin: -15px 0 0 0; }
.page-content .page-breadcrumb.breadcrumb .right a { margin: 0 0 0 10px; }


.page-content .page-breadcrumb.breadcrumb > li > a,
.page-content .page-breadcrumb.breadcrumb > li > i,
.page-content .page-breadcrumb.breadcrumb > li > span {
    color: #333;
    font-size: 14px;
    text-shadow:none;
}

.page-content .page-breadcrumb.breadcrumb > li > i {
    color: #666;
}

.page-content .page-breadcrumb.breadcrumb > li+li:before {
    display: none;
}

/* Dashboard breadcrumb Dropdown */
.page-content .page-breadcrumb.breadcrumb .btn-group {
    right: 15px;
    position: absolute;
    margin-top: -8px;
}

.page-content .page-breadcrumb.breadcrumb > .btn-group .btn {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #FFF;
}

/* Dashboard date range panel */
.page-content .page-breadcrumb.breadcrumb .dashboard-date-range  {
    position: relative;
    top: -8px;
    margin-right: -30px;
    display: none;
    padding: 9px 9px 8px 9px;
    cursor: pointer;
    color: #fff;
    background-color: #e02222;
}

/* hack for chrome and safari */
@media all and (-webkit-min-device-pixel-ratio:0) {
    .page-content .page-breadcrumb.breadcrumb .dashboard-date-range  {
        padding: 9px;
    }
}

.page-content .page-breadcrumb.breadcrumb .dashboard-date-range > span {
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
}

.page-content .page-breadcrumb.breadcrumb .dashboard-date-range > .icon-calendar {
    text-transform: normal;
    color: #fff;
    margin-top: 0px;
    font-size: 14px;
}

.page-content .page-breadcrumb.breadcrumb .dashboard-date-range > .icon-angle-down {
    color:#fff;
    font-size: 16px;
}

/***
Footer
***/

.footer {
    padding: 8px 20px 5px 20px;
    font-size: 12px;
    color: #fff;
    background-color: #ffffff !important;
    border-top: 1px solid #f2f2f2;
    float: left;
    width: 100%;
}

.footer:after,
.footer:before {
    content: "";
    display: table;
    line-height: 0;
}

.footer:after {
    clear: both;
}

.footer .footer-inner {
    float: left;
    display: inline-block;
    padding-left: 27px;
}

.footer .footer-tools {
    float: right;
    display: inline-block;
}

.footer .footer-tools .go-top {
    display: block;
    text-decoration: none;
    cursor: pointer;
    margin-top: -2px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    padding: 0px 6px 0px 6px;
}

.footer .footer-tools .go-top i {
    font-size: 22px;
    margin-bottom: 5px;
}


/********************
 GENERAL UI ELEMENTS
*********************/

/***
Icon stuff
***/
i.icon, a.icon {
    color: #999;
    margin-right: 5px;
    font-weight: normal;
    font-size: 13px;
}

i.icon-black {
    color: #000 !important;
}

a.icon:hover {
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    opacity: .4;
    filter:alpha(opacity=40);
}

a.icon.huge i{
    font-size: 16px !important;
}

i.big {
    font-size: 20px;
}

i.warning {
    color: #d12610;
}

i.critical {
    color: #37b7f3;
}

i.normal {
    color: #52e136;
}

/***
Custom wells
***/
.well {
    background-color: #fafafa;
    border: 1px solid #eee;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.well.mini {
    padding: 7px !important;
}

/***
Form stuff
***/


/***
Bordered form layout
***/

/***
Input icons
***/

/* input with right aligned and colored icons */

/* input with left aligned icons */
.input-icon {
    position: relative;
}


.input-icon input {
    padding-left: 33px !important;
}



.input-icon.right input {
    padding-left: 12px !important;
    padding-right: 33px !important;
}

.input-icon.right i {
    right: 8px;
    float: right;
}

.has-success .input-icon > i {
    color: #468847;
}

.has-warning .input-icon > i {
    color: #c09853;
}

.has-error .input-icon > i {
    color: #b94a48;
}

/***
Portlets
***/
.portlet  {
    clear: both;
    margin-top: 0px;
    margin-bottom: 25px;
    padding: 0px;
}

.portlet > .portlet-title {
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.portlet > .portlet-title:after,
.portlet > .portlet-title:before {
    content: "";
    display: table;
    line-height: 0;
}

.portlet > .portlet-title:after {
    clear: both;
}

.portlet > .portlet-title > .caption {
    float: left;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
}

.portlet > .portlet-title > .caption > i {
    float: left;
    margin-top: 4px;
    display: inline-block !important;
    font-size: 13px;
    margin-right: 5px;
    color: #666;
}

.portlet.blue > .portlet-title > .caption, .portlet-title.blue > .caption,
.portlet.green > .portlet-title > .caption, .portlet-title.green > .caption,
.portlet.yellow > .portlet-title > .caption, .portlet-title.yellow > .caption,
.portlet.red > .portlet-title > .caption, .portlet-title.red > .caption,
.portlet.purple > .portlet-title > .caption, .portlet-title.purple > .caption,
.portlet.grey > .portlet-title > .caption, .portlet-title.dark-grey > .caption {
    color: #fff;
}

.portlet.box.blue > .portlet-title > .caption > i,
.portlet.box.green > .portlet-title > .caption > i,
.portlet.box.grey > .portlet-title > .caption > i,
.portlet.box.yellow > .portlet-title > .caption > i,
.portlet.box.red > .portlet-title > .caption > i,
.portlet.box.purple > .portlet-title > .caption > i,
.portlet.box.light-grey > .portlet-title > .caption > i{
    color: #fff;
}

.sortable .portlet > .portlet-title {
    cursor: move;
}

.portlet > .portlet-title > .tools,
.portlet > .portlet-title > .actions
{
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-top: 6px;
    float: right;
}

.portlet > .portlet-title > .tools > a {
    display: inline-block;
    height: 16px;
    margin-left:5px;
}

.portlet > .portlet-title > .actions > .dropdown-menu i {
    color: #000 !important;
}

.portlet > .portlet-title > .tools > a.remove {
    margin-bottom: 2px;
    background-image:url(../img/icons/portlet-remove-icon.png);
    background-repeat: no-repeat;
    width: 11px;
}

.portlet > .portlet-title > .tools > a.config {
    margin-bottom: 2px;
    background-image:url(../img/icons/portlet-config-icon.png);
    background-repeat: no-repeat;
    width: 12px;
}

.portlet > .portlet-title > .tools > a.reload {
    margin-bottom: 2px;
    background-image:url(../img/icons/portlet-reload-icon.png);
    width: 13px;
}

.portlet > .portlet-title > .tools > a.expand {
    margin-bottom: 2px;
    background-image:url(../img/icons/portlet-expand-icon.png);
    width: 14px;
}

.portlet > .portlet-title > .tools > a.collapse {
    margin-bottom: 2px;
    background-image:url(../img/icons/portlet-collapse-icon.png);
    width: 14px;
}

.portlet > .portlet-title > .tools > a:hover {
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    opacity:1;
    filter:'alpha(opacity=100)';
}

.portlet > .portlet-title > .actions > .btn-group {
    margin-top: -12px;
}

.portlet > .portlet-title > .actions > .btn {
    padding: 4px 10px;
    margin-top: -14px;
}

.portlet > .portlet-title > .actions > .btn-group > .btn {
    padding: 4px 10px;
    margin-top: -1px;
}

.portlet > .portlet-title > .actions > .btn.btn-sm {
    padding: 3px 8px;
    margin-top: -14px;
}

.portlet > .portlet-title > .actions > .btn-group > .btn-sm {
    padding: 3px 8px;
    margin-top: -1px;
}

.portlet > .portlet-title > .pagination.pagination-sm {
    float: right !important;
    display: inline-block !important;
    margin: 0px;
    margin-top: -4px;
}

.portlet > .portlet-body {
    clear: both;
    padding: 0;
}

.portlet > .portlet-body.light-blue, .portlet.light-blue {
    background-color: #bfd5fa  !important;
}

.portlet > .portlet-body.blue, .portlet.blue {
    background-color: #4b8df8 !important;
}

.portlet > .portlet-body.red, .portlet.red {
    background-color: #e02222 !important;
}

.portlet > .portlet-body.yellow, .portlet.yellow {
    background-color: #ffb848 !important;
}

.portlet > .portlet-body.green, .portlet.green {
    background-color: #35aa47 !important;
}

.portlet > .portlet-body.purple, .portlet.purple {
    background-color: #852b99 !important;
}

.portlet > .portlet-body.light-grey, .portlet.light-grey {
    background-color: #fafafa !important;
}

.portlet > .portlet-body.grey, .portlet.grey {
    background-color: #555555 !important;
}

/*  draggable girds */
.sortable-ghost {background: #ccc !important;}

.ui-sortable-placeholder {
    border: 1px dotted black;
    visibility: visible !important;
    height: 100% !important;
}

.ui-sortable-placeholder * {
    visibility: hidden;
}

.sortable-box-placeholder {
    background-color: #f5f5f5;
    border: 1px dashed #DDDDDD;
    display: block;
    /* float: left;*/
    margin-top: 0px !important;
    margin-bottom: 24px !important;
}

.sortable-box-placeholder * {
    visibility:hidden;
}

/***
Solid colored portlet
***/
.portlet.solid {
    padding: 10px;
}

.portlet.solid > .portlet-title > .tools {
    margin-top: 2px;
    border: 0px;
}

.portlet.solid > .portlet-title {
    margin-bottom: 5px;
    border: 0px;
}

.portlet.solid.bordered > .portlet-title {
    margin-bottom: 15px;
}

.portlet.solid.red > .portlet-title,
.portlet.solid.red > .portlet-title > .caption > i,
.portlet.solid.red > .portlet-body,

.portlet.solid.green > .portlet-title,
.portlet.solid.green > .portlet-title > .caption > i,
.portlet.solid.green > .portlet-body,

.portlet.solid.yellow > .portlet-title,
.portlet.solid.yellow > .portlet-title > .caption > i,
.portlet.solid.yellow > .portlet-body,

.portlet.solid.grey > .portlet-title,
.portlet.solid.grey > .portlet-title > .caption > i,
.portlet.solid.grey > .portlet-body,

.portlet.solid.purple > .portlet-title,
.portlet.solid.purple > .portlet-title > .caption > i,
.portlet.solid.purple > .portlet-body,

.portlet.solid.blue > .portlet-title,
.portlet.solid.blue > .portlet-title > .caption > i,
.portlet.solid.blue > .portlet-body {
    border: 0;
    color: #fff;
}

.portlet.bordered {
    border-left: 2px solid #ddd;
}

/***
Box portlet
***/


.portlet.box {
    padding:0px !important
}

.portlet.box > .portlet-title {
    padding:8px 10px 2px 10px;
    border-bottom: 1px solid #eee;
    color: #fff !important;
}

.portlet.box > .portlet-title > .actions > .btn > i {
    color: #fff !important;
}

.portlet.box > .portlet-title > .tools {
    margin-top: 3px;
}

.portlet.box > .portlet-title > .tools > a.remove,
.portlet.solid > .portlet-title > .tools > a.remove {
    background-image:url(../img/icons/portlet-remove-icon-white.png);
}

.portlet.box > .portlet-title > .tools > a.config,
.portlet.solid > .portlet-title > .tools > a.config {
    background-image:url(../img/icons/portlet-config-icon-white.png);
}

.portlet.box > .portlet-title > .tools > a.reload,
.portlet.solid > .portlet-title > .tools > a.reload {
    background-image:url(../img/icons/portlet-reload-icon-white.png);
}

.portlet.box > .portlet-title > .tools > a.expand,
.portlet.solid > .portlet-title > .tools > a.expand {
    background-image:url(../img/icons/portlet-expand-icon-white.png);
}

.portlet.box > .portlet-title > .tools > a.collapse,
.portlet.solid > .portlet-title > .tools > a.collapse {
    background-image:url(../img/icons/portlet-collapse-icon-white.png);
}

/* portlet buttons */
.portlet.box > .portlet-body {
    background-color: #fff;
    padding: 10px;
}

.portlet.box > .portlet-title {
    margin-bottom: 0px;
}

.portlet.box.blue > .portlet-title {
    background-color: #4b8df8;
}

.portlet.box.blue {
    border: 1px solid #b4cef8;
    border-top: 0;
}

.portlet.box.red > .portlet-title {
    background-color: #e02222;
}

.portlet.box.red {
    border: 1px solid #ef8476;
    border-top: 0;
}

.portlet.box.yellow > .portlet-title {
    background-color: #ffb848;
}

.portlet.box.yellow {
    border: 1px solid #fccb7e;
    border-top: 0;
}

.portlet.box.green > .portlet-title {
    background-color: #35aa47;
}

.portlet.box.green {
    border: 1px solid #77e588;
    border-top: 0;
}

.portlet.box.purple > .portlet-title {
    background-color: #852b99;
}

.portlet.box.purple {
    border: 1px solid #af5cc1;
    border-top: 0;
}

.portlet.box.grey > .portlet-title {
    background-color: #555555;
}

.portlet.box.grey {
    border: 1px solid #9d9c9c;
    border-top: 0;
}

.portlet.box.light-grey > .portlet-title {
    background-color: #aaa;
}

.portlet.box.light-grey {
    border: 1px solid #bbb;
    border-top: 0;
}

/***
Charts and statistics
***/
.chart, .pie, .bars {
    overflow: hidden;
    height: 300px;
}

/***
Statistic lists
***/
.item-list.table .percent {
    width: 30px;
    float: right;
    margin-right: 10px;
    margin-top: 3px;
}

.item-list.table .title {
    padding-top: -5px;
}

/***
Chart tooltips
***/
.chart-tooltip {
    clear: both;
    z-index: 100;
    background-color: #736e6e !important;
    padding: 5px !important;
    color: #fff;
}

.chart-tooltip .label {
    clear: both;
    display: block;
    margin-bottom: 2px;
}

/***
Mini chart containers
***/
.bar-chart {
    display: none
}

.line-chart {
    display: none
}

/***
Custom icon buttons
***/
.icon-btn {
    height: 60px;
    min-width: 80px;
    margin: 5px 5px 0 0;
    border: 1px solid #ddd;
    padding: 12px 0px 0px 0px;
    background-color: #fafafa !important;
    background-image: none !important;
    filter:none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    display:inline-block !important;
    color: #646464 !important;
    text-shadow: none !important;
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -ms-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
}

.icon-btn i {
    font-size: 18px;
}

.ie8 .icon-btn:hover {
    filter: none !important;
}

.icon-btn:hover {
    text-decoration: none !important;
    border-color: #999 !important;
    color: #444 !important;
    text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -ms-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.icon-btn:hover .badge {
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -ms-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.icon-btn div {
    font-family: 'Open Sans', sans-serif;
    margin-top: 5px;
    margin-bottom: 20px;
    color: #000;
    font-size: 12px;
    font-weight: 300;
}

.icon-btn .badge {
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px !important;
    font-weight: 300;
    top: -5px;
    right: -5px;
    padding: 3px 6px 3px 6px;
    color: white !important;
    text-shadow: none;
    border-width: 0;
    border-style: solid;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* extended dropdowns */
.dropdown-menu.extended {
    min-width: 160px !important;
    max-width: 300px !important;
    width: 233px !important;
    background-color: #ffffff !important;
}

.dropdown-menu.extended:before,
.dropdown-menu.extended:after {
    border-bottom-color: #ddd !important;
}

.dropdown-menu.extended li a{
    display: block;
    padding: 5px 10px !important;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    white-space: normal !important;
}

.dropdown-menu.extended li i{
    margin-right: 3px;
}

.dropdown-menu.extended li a{
    font-size: 13px;
    padding: 10px !important;
    background-color: #ffffff;
}

.dropdown-menu.extended li a:hover {
    background-image: none;
    background-color: #f5f5f5;
    color: #000;
    filter:none;
}

.dropdown-menu.extended li p{
    padding: 10px;
    background-color: #eee;
    margin: 0px;
    font-size: 14px;
    font-weight: 300;
    color: #000;
}

.dropdown-menu.extended li a{
    padding: 7px 0 5px 0px;
    list-style: none;
    border-bottom: 1px solid #f4f4f4 !important;
    font-size: 12px;
    text-shadow: none;
}

.dropdown-menu.extended li:first-child a {
    border-top: none;
    border-bottom: 1px solid #f4f4f4 !important;
}

.dropdown-menu.extended li:last-child a {
    border-top: 1px solid white !important;
    border-bottom: 1px solid #f4f4f4 !important;
}

.dropdown-menu.extended li.external > a {
    font-size: 13px;
    font-weight: 400;
}

.dropdown-menu.extended li.external > a > i{
    margin-top: 3px;
    float: right;
}

/* header notifications dropdowns */
.dropdown-menu .dropdown-menu-list.scroller {
    padding-right: 0 !important;
    padding-left: 0;
    list-style: none;
}

.dropdown-menu.notification li > a .time {
    font-size: 12px;
    font-weight: 600;
    text-align: right;
    font-style: italic;
}

/* header inbox dropdowns */
.dropdown-menu.inbox li > a .photo {
    float: left;
    padding-right: 6px;
}

.dropdown-menu.inbox li > a .photo > img {
    height: 40px;
    width: 40px;
}

.dropdown-menu.inbox li > a .subject {
    display: block;
}

.dropdown-menu.inbox li > a .subject .from {
    font-size: 14px;
    font-weight: 400;
    color: #02689b;
}

.dropdown-menu.inbox li > a .subject .time {
    font-size: 12px;
    font-weight: 600;
    font-style: italic;
    position: relative;
    float: right;
}

.dropdown-menu.inbox li > a .message {
    display: block !important;
    font-size: 12px;
}

/* header tasks */
.dropdown-menu.tasks .task {
    margin-bottom: 5px;
}

.dropdown-menu.tasks .task .desc {
    font-size: 13px;
    font-weight: 300;
}

.dropdown-menu.tasks .task .percent {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    float: right;
    display: inline-block;
}

.dropdown-menu.tasks .progress {
    display: block;
    height: 11px;
    margin: 0px;
}

/***
General list for item with image
***/
.item-list li .img {
    height: 50px;
    width: 50px;
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}

.item-list {
    margin: 0px;
    list-style: none;
}

.item-list li {
    padding: 7px 0 5px 0px;
    list-style: none;
    border-top: 1px solid white;
    border-bottom: 1px solid #EBEBEB;
    font-size: 12px;
}

.item-list li:first-child {
    border-top: none;
    border-bottom: 1px solid #EBEBEB;
}

.item-list li:last-child {
    border-top: none;
    border-bottom: none;
}

.item-list li .label {
    margin-right: 5px;
}

.item-list.todo li .label {
    position: absolute;
    right: 80px;
}

.item-list.todo li .actions {
    position: absolute;
    right: 45px;
}

/***
Custom tables
***/
.table-toolbar {
    margin-bottom: 15px;
}

.table.table-full-width {
    width: 100% !important;
}

.table .m-btn {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 5px;
}

.table thead tr th {
    font-size: 14px;
    font-weight: 600;
}

.table thead tr th.bold-font{
    font-weight: 900 !important;
}

table thead tr th div span.bold-font{
    font-weight: 900 !important;
}

.table-advance {
    margin-bottom: 10px !important;
}

.table-advance thead {
    color: #999;
}

.table-advance thead tr th{
    background-color: #DDD;
    font-size: 14px;
    font-weight: 400;
    color: #666;
}
.table-advance thead tr.fonte-menor th{
    font-size: 12px !important;
}

.table-advance div.success,
.table-advance div.info,
.table-advance div.important,
.table-advance div.warning,
.table-advance div.danger {
    position: absolute;
    margin-top:-5px;
    float: left;
    width: 2px;
    height: 30px;
    margin-right: 20px !important;
}

.table-advance tr td {
    border-left-width: 0px;
}
.table-advance tr td:first-child {
    border-left-width: 1px !important;
}

.table-advance tr td.highlight:first-child a {
    margin-left: 15px;
}

.table-advance td.highlight div.success {
    border-left: 2px solid #66ee66;
}

.table-advance td.highlight div.info {
    border-left: 2px solid #87ceeb;
}

.table-advance td.highlight div.important {
    border-left: 2px solid #f02c71;
}

.table-advance td.highlight div.warning {
    border-left: 2px solid #fdbb39;
}

.table-advance td.highlight div.danger {
    border-left: 2px solid #e23e29;
}


/***
Star rating
***/
.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 30px;
}

.rating span.star {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
}

.rating span.star:hover {
    cursor: pointer;
}

.rating span.star:before {
    content: "\f006";
    padding-right: 5px;
    color: #999999;
}

.rating span.star:hover:before,
.rating span.star:hover ~ span.star:before {
    content: "\f005";
    color: #e3cf7a;
}


/***
Item block with details shown on hover
***/
.item {
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
}

.item .details {
    width: 100%;
    display: none;
    background-color: #000;
    color: #fff !important;
    padding: 5px;
    text-align: center;
    position: relative;
    bottom:30px;
    margin-bottom:-30px;
    overflow: hidden;
    z-index: 6;
}

.item:hover .details {
    display: block;
    opacity: 0.7;
    filter: alpha(opacity = 70);
}

.item:hover .zoom-icon{
    opacity:0.5;
    filter: alpha(opacity = 50);
}

/***
Zoom icon overlay on images
***/
.zoom {
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 5;
}

.zoom .zoom-icon {
    background-image:url("../img/icons/overlay-icon.png");
    background-color: #222;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    width: inherit;
    height: inherit;
    opacity: 0;
    filter: alpha(opacity = 0);
    z-index: 6;
    top:0;
}

/***
Chats
***/
.chats {
    margin:0;
    padding: 0;
    margin-top: -15px;
}

.chats li {
    list-style: none;
    padding: 5px 0;
    margin: 10px auto;
    font-size: 12px;
}

.chats li img.avatar {
    height: 45px;
    width: 45px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.chats li.in img.avatar {
    float: left;
    margin-right: 10px;
}

.chats li .name {
    color:#3590c1;
    font-size: 13px;
    font-weight: 400;
}

.chats li .datetime {
    color:#333;
    font-size: 13px;
    font-weight: 400;
}

.chats li.out img.avatar {
    float: right;
    margin-left: 10px;
}

.chats li .message {
    display: block;
    padding: 5px;
    position: relative;
}

.chats li.in .message {
    text-align: left;
    border-left: 2px solid #35aa47;
    margin-left: 65px;
    background: #fafafa
}

.chats li.in .message .arrow {
    display: block;
    position: absolute;
    top: 5px;
    left: -8px;
    width: 0;
    height: 0;

    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #35aa47;
}

.chats li.out .message .arrow {
    display: block;
    position: absolute;
    top: 5px;
    right: -8px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #da4a38;
}

.chats li.out .message {
    border-right: 2px solid #da4a38;
    margin-right: 65px;
    background: #fafafa;
    text-align: right;
}

.chats li.out .name,
.chats li.out .datetime  {
    text-align: right;
}

.chats li .message .body {
    display: block;
}

.chat-form {
    margin-top: 15px;
    padding: 10px;
    background-color: #e9eff3;
    overflow: hidden;
    clear: both;
}

.chat-form .input-cont {
    margin-right: 40px;
}

.chat-form .input-cont .form-control {
    width: 100% !important;
    margin-bottom: 0px;
}

.chat-form .input-cont input{
    border: 1px solid #ddd;
    width: 100%  !important;
    margin-top: 0;
}

.chat-form .input-cont input {
    background-color: #fff !important;
}

.chat-form .input-cont input:focus{
    border: 1px solid #4b8df9 !important;
}

.chat-form .btn-cont {
    margin-top: -42px;
    position: relative;
    float: right;
    width:44px;
}

.chat-form .btn-cont .arrow {
    position: absolute;
    top: 17px;
    right: 43px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #4d90fe;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.chat-form .btn-cont:hover .arrow {
    border-right-color: #0362fd;
}

.chat-form .btn-cont:hover .btn {
    background-color: #0362fd;
}

.chat-form .btn-cont .btn {
    margin-top: 8px;
}

/***
System feeds
***/
.feeds {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.feeds li {
    background-color: #fafafa;
    margin-bottom: 7px;
}

.feeds li:before,
.feeds li:after {
    display: table;
    line-height: 0;
    content: "";
}

.feeds li:after {
    clear: both;
}

.feeds li:last-child {
    margin-bottom: 0px;
}

.feeds .col1 {
    float:left;
    width:100%;
    clear: both;
}

.feeds .col2 {
    float:left;
    width:75px;
    margin-left:-75px;
}

.feeds .col1 .cont {
    float:left;
    margin-right:75px;
    overflow:hidden;
}

.feeds .col1 .cont  .cont-col1 {
    float:left;
    margin-right:-100%;
}

.feeds .col1 .cont  .cont-col1 .label {
    display: inline-block;
    padding: 5px 4px 6px 5px;
    vertical-align: middle;
    text-align: center;
}
.feeds .col1 .cont  .cont-col1 .label > i {
    text-align: center;
    font-size: 14px;
}

.feeds .col1 .cont .cont-col2 {
    float:left;
    width:100%;
}

.feeds .col1 .cont .cont-col2 .desc {
    margin-left:35px;
    padding-top: 4px;
    padding-bottom: 5px;
    overflow:hidden;
}

.feeds .col2 .date {
    padding: 4px 9px 5px 4px;
    text-align: right;
    font-style: italic;
    color:#c1cbd0;
}

/***
Users
***/
.user-info {
    margin-bottom: 10px !important;
}

.user-info img {
    float: left;
    margin-right: 5px;
}

.user-info .details {
    display: inline-block;
}

.user-info .label {
    font-weight: 300;
    font-size: 11px;
}

/***
Accordions
***/
.accordion-heading {
    background:#eee;
}

.accordion-heading a {
    text-decoration:none;
}

.accordion-heading a:hover {
    text-decoration:none;
}

/***
Vertical inline menu
***/
.ver-inline-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

.ver-inline-menu li {
    position:relative;
    margin-bottom:1px;
}

.ver-inline-menu li i {
    width: 37px;
    height: 37px;
    display: inline-block;
    color:#b9cbd5;
    font-size:15px;
    padding:12px 10px 10px 8px;
    margin:0 8px 0 0;
    text-align: center;
    background:#e0eaf0 !important;
}

.ver-inline-menu li a {
    font-size: 13px;
    color:#557386;
    display:block;
    background:#f0f6fa;
    border-left:solid 2px #c4d5df;
}

.ver-inline-menu li:hover a,
.ver-inline-menu li:hover i {
    background:#e0eaf0;
    text-decoration:none;
}

.ver-inline-menu li:hover i {
    color:#fff;
    background:#c4d5df !important;
}

.ver-inline-menu li.active a,
.ver-inline-menu li:hover a {
    font-size: 13px;
}

.ver-inline-menu li.active a {
    border-left:solid 2px #0c91e5;
}

.ver-inline-menu li.active a,
.ver-inline-menu li.active i {
    color:#fff;
    background:#169ef4;
    text-decoration:none;
}

.ver-inline-menu li.active i {
    background:#0c91e5 !important;
}

.ver-inline-menu li.active:after {
    content: '';
    display: inline-block;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-left: 6px solid #169ef4;
    position: absolute;
    top: 12px;
    right: -5px;
}

/***
Custom tabs
***/

.tabbable-custom {
    margin-bottom: 15px;
    padding: 0px;
    overflow: hidden;
}

.tabbable-custom > .nav-tabs {
    border: none;
    margin: 0px;
}

.tabbable-custom > .tab-content {
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 10px;
}

.tabbable-custom.nav-justified .tab-content {
    margin-top: -1px;
}

.tabs-below.tabbable-custom.nav-justified .tab-content {
    margin-top: 0px;
    margin-bottom: -2px;
}

.tabbable-custom.boxless > .tab-content {
    padding:15px 0;
    border-left:none;
    border-right:none;
    border-bottom:none;
}

.tabbable-custom .nav-tabs > li {
    margin-right: 2px;
    border-top: 2px solid transparent;
}

.tabbable-custom .nav-tabs > li > a {
    margin-right: 0;
}

.tabbable-custom .nav-tabs > li > a:hover {
    background: none;
    border-color:transparent;
}

.tabbable-custom .nav-tabs > li.active {
    border-top: 3px solid #d12610;
    margin-top: 0;
    position: relative;
}

.tabbable-custom .nav-tabs > li.active > a  {
    border-top: none;
    font-weight: 400;
}

.tabbable-custom .nav-tabs > li.active > a:hover {
    border-top: none;
    background: #fff;
    border-color: #d4d4d4 #d4d4d4 transparent;
}

.tabbable-custom .nav-tabs > li {
    margin-right: 2px;
    border-top: 2px solid transparent;
}

.tab-content.excepgap>.active {
    display: flex;
    gap: 10px;
}

/* below tabs */


.tabs-below.tabbable-custom .nav-tabs > li > a {
    border-top: none;
    border-bottom: 2px solid transparent;
    margin-top: -1px;
}

.tabs-below.tabbable-custom .nav-tabs > li.active {
    border-top: none;
    border-bottom: 3px solid #d12610;
    margin-bottom: 0;
    position: relative;
}

.tabs-below.tabbable-custom .nav-tabs > li.active > a {
    border-bottom: none
}

.tabs-below.tabbable-custom .nav-tabs > li.active > a:hover {
    background: #fff;
    border-color: #d4d4d4 #d4d4d4 transparent;
}

/*full width tabs with bigger titles */
.tabbable-custom.tabbable-full-width > .tab-content {
    padding:15px 0;
    border-left:none;
    border-right:none;
    border-bottom:none;
}

.tabbable-custom.tabbable-full-width .nav-tabs > li > a {
    color:#424242;
    font-size:15px;
    padding:9px 15px;
}


/***
Custom portlet tabs
***/
.portlet-tabs > .nav-tabs {
    position: relative;
    top: -41px;
    margin-right: 10px;
    overflow: hidden;
}

.portlet-tabs > .nav-tabs > li {
    float: right;
}

.portlet-tabs > .nav-tabs {
    border-bottom: none;
}

.portlet-tabs > .nav-tabs > li > a {
    color: #fff;
    padding-top: 8px;
    padding-bottom: 10px;
    line-height: 16px;
    margin-top: 6px;
    margin-left: 0px;
    margin-right: 0px;
    border-left: 0;
    border-right: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.portlet-tabs > .nav-tabs > li:last-child > a {
    border-right:0;
}

.portlet-tabs > .nav-tabs > li {
    margin-left: 1px;
}

.portlet-tabs > .nav-tabs > li.active {
    color: #333;
    border-top-color: transparent;
}

.portlet-tabs > .nav-tabs > li.active > a {
    margin-bottom: 0px;
    border-bottom: 0;
    margin-left: 0px;
    margin-right: 0px;
    border-left: 0;
    border-right: 0;
    background-color: none !important;
    border-top-color:transparent !important;
}

.portlet-tabs > .nav-tabs > li > a:hover {
    color: #333;
    margin-bottom: 0;
    border-bottom-color: transparent;
    margin-left: 0;
    margin-right: 0;
    border-left: 0;
    border-right: 0;
    background-color: none !important;
    border-top-color:transparent;
    background-color: #fff;
}

.portlet-tabs > .nav-tabs > .active > a  {
    color: #555555;
    cursor: default;
    background-color: #fff;
}

.portlet-tabs > .nav-tabs > .active > a:hover {
    background-color: #fff !important;
}

.portlet-tabs > .tab-content {
    padding: 10px !important;
    margin: 0px;
    margin-top: -50px !important;
}

.portlet.tabbable .portlet-body {
    padding: 0px;
}

.tab-pane > p:last-child {
    margin-bottom: 0px;
}

/***
Dashboard container
***/

#grid-dash {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 40px;
    font-family: Roboto, sans-serif;
    margin-bottom: 20px;
}

#grid-dash .dashboard-stat {
    margin: 0;
}


#grid-dash .dashboard-stat .visual-v2 {
    height: 100%;
    padding: 23px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#grid-dash .dashboard-stat .visual-v2.more {
    align-items: center;
    justify-content: center;
}

#grid-dash .dashboard-stat .visual-v2 .icon {
    background: #ffffff30;
    display: block;
    margin-bottom: 10px;
}
#grid-dash .dashboard-stat .visual-v2 .icon2 {
    background: #98B4BB;
    display: block;
}
#grid-dash .dashboard-stat .visual-v2 .title {
    color: #ffffff50;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase ;
}
#grid-dash .dashboard-stat .visual-v2 .descricao {
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 500;
    margin: 0;
}

#grid-dash .dashboard-stat.blue-delta-degrade {
    background: linear-gradient(100.43deg, #2A88B6 20.41%, #006095 85.35%);
    display: block;
    overflow: hidden;
    transition: .3s
}

#grid-dash .dashboard-stat.blue-delta-degrade:hover {
    box-shadow: 0px 0px 20px  #c1c1c1
}

#grid-dash .dashboard-stat.gray {
    background: #EEF5F6;
}

#grid-dash.sortable-dash .item { margin-bottom: 0; overflow: visible;}

#grid-dash .moreCardDash {
    cursor: pointer;
}

.info-box { width: 100%;  display: flex; align-items: center; justify-content: flex-start; margin-bottom: 93px}
.info-box span { font-size: 1.2rem; font-weight: 600; padding: 10px 10px 8px; }
.info-box span i {font-size: 1.5rem; color: #999; margin-right: 5px;}

#dashboard, .dashboard-stat.status {
    overflow: hidden;
}

/***
Dashboard stats
***/
.dashboard-stat {
    margin-bottom: 25px;
    height: 146px;
    border-radius: 7px;
}

.dashboard-stat.status {
    height: auto !important;
}

.dashboard-stat:before,
.dashboard-stat:after {
    display: table;
    line-height: 0;
    content: "";
}
.dashboard-stat:after {
    clear: both;
}

.dashboard-stat .visual {
    width: 80px;
    height: 80px;
    display: block;
    padding-top: 10px;
    margin: 0 auto;
    text-align: center;
}

.dashboard-stat.status .visual {
    float:left;
    padding-left: 15px;
    margin-bottom: 10px;
}

.dashboard-stat .visual i {
    font-size: 200px;
    line-height: 121px;
    color: #0089c4;
    padding: 0;
}
.dashboard-stat:hover .visual i { transition: 3s; }
.dashboard-stat:hover > .visual i { font-size: 170px;
    line-height: 131px; }



.dashboard-stat.status .visual i {
    font-size: 80px;
    line-height: 80px;
    color: rgba(255, 255, 255, 0.6);
    margin-left: -76px;
    margin-top: -19px;
}



@media (min-width: 992px) and (max-width: 1024px) {

    .dashboard-stat .visual i {
        font-size: 28px;
        line-height: 28px;
    }

    .dashboard-stat.status .visual i {
        font-size: 24px;
        line-height: 24px;
    }

}

/* Visual v2 */


.dashboard-stat.status .details {
    position: absolute;
    right: 15px;
    padding-right: 10px;
}



.dashboard-stat .details .number {
    padding-top: 3px;
    text-align: right;
    font-size: 34px;
    line-height: 34px;
    letter-spacing: -1px;
    margin-bottom: 5px;
    font-weight: 300;
    color: #fff;
}

.dashboard-stat .details .subnumber{
    text-align: right;
    font-size: 13px;
    line-height: 13px;
    font-weight: 300;
    color: #fff;
}

.dashboard-stat .details .desc {
    text-align: left;
    padding: 0 0 0 13px;
    font-size: 13px;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase;
    color: #fff;
}
.dashboard-stat .details .desc b {
    font-size: 20px;
    font-weight: 900;
}

.dashboard-stat.status .details .desc {
    text-align: right;
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 400;
    color: #fff;
}

/* .dashboard-stat .details-v2 {

} */

.dashboard-stat .more {
    clear: both;
    display: block;
    padding: 5px 10px 5px 10px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    color: #fff;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.dashboard-stat .more:hover {
    text-decoration: none;
    opacity: 1;
    filter: alpha(opacity=100);
}

.dashboard-stat .more > i {
    display: inline-block;
    margin-top: 1px;
    float: right;
}


.dashboard-stat.blue-delta {
    background-color: #0183bb;
    display: block;
    overflow: hidden;
    transition: .3s
}

.dashboard-stat.blue-delta:hover {
    box-shadow: 0 0 20px #c1c1c1
}
.dashboard-stat.blue-delta.excep {
    background-color: #039bd8;
}
.dashboard-stat.blue-delta.excep i {
    color: #07a7e7;
}

.dashboard-stat.blue-delta.degrade {
    background: linear-gradient(100.43deg, #2A88B6 20.41%, #006095 85.35%);
}






.dashboard-stat.sompo {
    background-color: var(--sompo);
    display: block;
    overflow: hidden;
    transition: .3s
}
.dashboard-stat.sompo:hover {
    box-shadow: 0 0 20px #c1c1c1
}
.dashboard-stat.sompo i {
    color: #c40526;
}





.dashboard-stat.blue-delta .more {
    background-color: #208dbe;
}

.dashboard-stat.blue {
    background-color: #27a9e3;
}

.dashboard-stat.blue .more {
    background-color: #208dbe;
}

.dashboard-stat.green {
    background-color: #56C394;
}

.dashboard-stat.green .more {
    background-color: #41B382;
}

.dashboard-stat.red {
    background-color: #F37576;
}

.dashboard-stat.red .more {
    background-color:#D04A4A;
}

.dashboard-stat.yellow {
    background-color: #FDCF86;
}

.dashboard-stat.yellow .more {
    background-color: #E6B464;
}

.dashboard-stat.purple {
    background-color: #852b99;
}

.dashboard-stat.purple .more {
    background-color: #6e1881;
}

#modal_new_card_dash {
    display: none;
    width: 100vw;
    height: 100vh;
    background: transparent;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: .5s;
}

#modal_new_card_dash.open {
    opacity: 1;
    background: #00000050;
}

#modal_new_card_dash .modal-geral {
    width: 30vw;
    height: 70vh;
    background: #ffffff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    /* padding: 15px; */
}


#modal_new_card_dash .modal-content .modal-body input[type="text"] { font-family: Arial; margin-bottom: 10px; width: 100%; align-self: flex-end; padding: 10px 15px; border: 1px solid #F2F2F2; border-radius: 5px; color: var(--preto); font-size: 1.1rem; font-weight: 600}
table.table_modals thead { font-size: 0.85rem; position: sticky; width: 100%; display: block; }
table.table_modals thead th{ background: #fff; }
table.table_modals tbody { height: 35vh; overflow-y: auto;  width: 100%; display: block; }
table.table_modals tr { background: #f7f7f7; }
table.table_modals tr:hover { background: #f2f2f2; }
table.table_modals tr:nth-child(even){ background: #fff; }
table.table_modals tr td { font-weight: 700; font-size: 1rem;}
table.table_modals tr td input[type="checkbox"] { width: 1.5rem; height: 1.5rem;}
/* #modal_new_card_dash table.table_modals thead th:nth-child(1){ width: 45px; padding: 10px 15px; }
#modal_new_card_dash table.table_modals thead th:nth-child(2){ width: 28px; padding: 10px 15px;}
#modal_new_card_dash table.table_modals thead th:nth-child(3){ width: 28px; padding: 10px 15px;}
#modal_new_card_dash table.table_modals thead th:nth-child(4){ width: 28px; padding: 10px 15px;} */
#modal_new_card_dash table.table_modals thead th:nth-child(1){ width: 60px; padding: 10px 5px; }
#modal_new_card_dash table.table_modals thead th:nth-child(2){ width: 177px; padding: 10px 5px;}
#modal_new_card_dash table.table_modals thead th:nth-child(3){ width: 126px; padding: 10px 5px;}
#modal_new_card_dash table.table_modals thead th:nth-child(4){ width: 126px; padding: 10px 5px;}
#modal_new_card_dash table.table_modals tbody td:nth-child(1){ width: 12%; padding: 10px 5px;}
#modal_new_card_dash table.table_modals tbody td:nth-child(2){ width: 35%; padding: 10px 5px;}
#modal_new_card_dash table.table_modals tbody td:nth-child(3){ width: 25%; padding: 10px 5px;}
#modal_new_card_dash table.table_modals tbody td:nth-child(4){ width: 25%; padding: 10px 5px;}


.sortable-dash .ghost {
    opacity: .5;
    background: #27a9e3;
}

/***
Tiles(new in v1.1.1)
***/
.tiles {
    margin-right: -10px;
}

.tile {
    display: block;
    letter-spacing: 0.02em;
    float: left;
    height: 135px;
    width: 135px !important;
    cursor: pointer;
    text-decoration: none;
    color: #ffffff;
    position: relative;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.02em;
    line-height: 20px;
    font-smooth: always;
    overflow: hidden;
    border: 4px solid transparent;
    margin: 0 10px 10px 0;
}

.tile:after,
.tile:before {
    content: "";
    float: left;
}

.tile.double {
    width: 280px !important;
}

.tile.double-down {
    height: 280px !important;
}

.tile:active, .tile.selected {
    border-color: #ccc !important;
}

.tile:hover {
    border-color: #aaa !important;
}

.tile.selected .corner:after {
    content: "";
    display: inline-block;
    border-left: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-right: 40px solid #ccc;
    position: absolute;
    top: -3px;
    right: -3px;
}

.real_tile_opcao {

}

.faz_dobrar {
    height: 25px;
}

.tile.selected .check:after {
    content: "";
    font-family: FontAwesome;
    font-size: 13px;
    content: "\f00c";
    display: inline-block;
    position: absolute;
    top: 2px;
    right: 2px;
}

.tile.selected.dobrar .check:after {
    content: "";
    font-family: Verdana;
    font-size: 13px;
    content: "2x";
    display: inline-block;
    position: absolute;
    font-weight: 600;
    top: 1px;
    right: 2px;
}

.tile * {
    color: black;
}

.tile .tile-body {
    height: 100%;
    vertical-align: top;
    padding: 10px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    font-weight: 400;
    font-size: 12px;
    font-smooth: always;
    color: #000000;
    color: #ffffff;
    margin-bottom: 10px;
}

.tile .tile-body img {
    float: left;
    margin-right: 10px;
}

.tile .tile-body img.pull-right {
    float: right !important;
    margin-left: 10px;
    margin-right: 0px;
}

.tile .tile-body .content {
    display: inline-block;
}

.tile .tile-body > i {
    margin-top: 17px;
    display: block;
    font-size: 56px;
    line-height: 56px;
    text-align: center;
}


.tile.double-down i {
    margin-top: 95px;
}

.tile .tile-body h1,
.tile .tile-body h2,
.tile .tile-body h3,
.tile .tile-body h4,
.tile .tile-body h5,
.tile .tile-body h6,
.tile .tile-body p {
    padding: 0;
    margin: 0;
    line-height: 14px;
}

.tile .tile-body h3,
.tile .tile-body h4 {
    margin-bottom: 5px;
}

.tile .tile-body h1:hover,
.tile .tile-body h2:hover,
.tile .tile-body h3:hover,
.tile .tile-body h4:hover,
.tile .tile-body h5:hover,
.tile .tile-body h6:hover,
.tile .tile-body p:hover {
    color: #ffffff;
}

.tile .tile-body p {
    font-weight: 400;
    font-size: 13px;
    font-smooth: always;
    color: #000000;
    color: #ffffff;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tile .tile-body p:hover {
    color: rgba(0, 0, 0, 0.8);
}

.tile .tile-body p:active {
    color: rgba(0, 0, 0, 0.4);
}

.tile .tile-body p:hover {
    color: #ffffff;
}

.tile.icon > .tile-body {
    padding: 0;
}

.tile .tile-object {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 30px;
    background-color: transparent;
    *zoom: 1;
}

.tile .tile-object:before,
.tile .tile-object:after {
    display: table;
    content: "";
}

.tile .tile-object:after {
    clear: both;
}

.tile .tile-object > .name {
    position: absolute;
    bottom: 21px;
    left: 0;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 15px;
    font-weight: 400;
    font-size: 15px;
    font-smooth: always;
    color: black;
}

.tile .tile-object > .name > i {
    vertical-align: middle;
    display: block;
    font-size: 24px;
    height: 18px;
    width: 24px;
}

.tile .tile-object > .number {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    color: black;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.01em;
    line-height: 14px;
    font-smooth: always;
    margin-bottom: 8px;
    margin-right: 10px;
}

.tile.image {
    border-color: transparent !important;
}

.tile.image > .tile-body {
    padding: 0 !important;
}

.tile.image > .tile-body > img{
    width: 100%;
    height: auto;
    min-height: 100%;
    max-width: 100%;
}

.tile.image .tile-body h3 {
    display: inline-block;
}

/***
Theme Panel
***/

.theme-panel {
    width: 320px;
    margin-top: -20px;
    margin-right: 1px;
    z-index: 999;
    float: right;
    position:relative;
}

.theme-panel > .toggler {
    top:4px;
    right:0;
    padding:20px;
    cursor:pointer;
    position:absolute;
    background:#c9c9c9 url(../img/icons/icon-color.png) center no-repeat;
}

.theme-panel > .toggler:hover {
    background-color: #3d3d3d !important;
}

.theme-panel > .toggler-close {
    display: none;
    top:4px;
    right:0;
    padding:20px;
    cursor:pointer;
    position:absolute;
    background: #3d3d3d url(../img/icons/icon-color-close.png) center no-repeat !important;
}

.theme-panel > .toggler-close:hover {
    background-color:#222 !important;
}

.theme-panel > .theme-options {
    top:4px;
    right:40px;
    display:none;
    position:absolute;
    background:#3d3d3d;
}

.theme-panel > .theme-options > .theme-option {
    color:#cfcfcf;
    padding: 15px;
    border-top:1px solid #585858;
    margin-top: 0px;
    margin-bottom: 0px;
}

.theme-panel > .theme-options > .theme-option.theme-colors {
    border-top: 0;
}

.theme-panel > .theme-options > .theme-option > span {
    text-transform:uppercase;
    display: inline-block;
    width: 85px;
    font-size: 14px;
}

.theme-panel > .theme-options > .theme-option.theme-colors > span {
    display: block;
    width: auto;
}

.theme-panel > .theme-options > .theme-option > select.form-control {
    display: inline;
    width: 100px;
    text-transform: lowercase;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul {
    list-style:none;
    padding: 0;
    display: block;
    margin-bottom: 1px !important;
    margin-top: 10px;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li {
    width:30px;
    height:30px;
    margin:0 4px;
    cursor:pointer;
    list-style:none;
    float: left;
    border:solid 1px #707070;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:first-child {
    margin-left: 0;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:hover,
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.current {
    border:solid 2px #ebebeb;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-black {
    background:#333438;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-grey {
    background:#6d6d6d;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-blue {
    background:#124f94;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-brown {
    background:#623f18;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-purple {
    background:#701584;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-white {
    background:#fff;
}

/***
Top bar menu
***/

/* enable arrow for dropdown menu */
.header .nav > li > .dropdown-menu:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.header .nav > li > .dropdown-menu:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block !important;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

/***
Horezantal Menu(new in v1.2)
***/

.header .hor-menu {
    margin: 0;
    float: left;
}

.header .hor-menu ul.nav li a {
    font-size: 14px;
    padding: 11px 18px;
}

.header .hor-menu ul.nav li {
    position: relative;
}

.header .hor-menu ul.nav li.active > a,
.header .hor-menu ul.nav li.active > a:hover {
    background: #e02222 !important;
}

.header .hor-menu ul.nav li.active .selected {
    left: 50%;
    bottom:0;
    position: absolute;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #e02222;
    display: inline-block;
    margin: 0;
    width: 0px;
    height:0px;
    margin-left: -7px;
    margin-bottom:-6px;
}

.header .hor-menu ul.nav li a:hover,
.header .hor-menu ul.nav li a:focus {
    background: #2d2d2d;
}

/*drop-down*/
.header .hor-menu .dropdown-menu {
    margin-top: 0;
    border: none;
    box-shadow: none;
    background: #2d2d2d;
}

.header .hor-menu .dropdown-menu li > a {
    color: #999;
    padding: 7px 18px !important;
    margin-bottom:1px;
}

.header .hor-menu .dropdown-menu .arrow {
    display: none;
}

.header .hor-menu .dropdown-menu li > a:hover,
.header .hor-menu .dropdown-menu li:hover > a,
.header .hor-menu .dropdown-menu li.active > a {
    color: #fff;
    filter:none !important;
    background: #e02222 !important;
}

.header .hor-menu .nav > li > .dropdown-menu:after,
.header .hor-menu .nav > li > .dropdown-menu:before {
    border-bottom: none !important;
}

/*search*/
.header .hor-menu .hor-menu-search-form-toggler {
    display: inline-block;
    padding: 12px 22px 12px 22px !important;
    cursor: pointer;
    background: url(../img/icons/hor-menu-search.png) no-repeat center;
}

.header .hor-menu .hor-menu-search-form-toggler:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.header .hor-menu .hor-menu-search-form-toggler.off {
    background: #101010 url(../img/icons/hor-menu-search-close.png) no-repeat center;
}

.header .hor-menu a.hor-menu-search-form-toggler-close {
    display: none;
}

.header .hor-menu .search-form {
    top:42px;
    right:0px;
    padding:8px;
    display:none;
    z-index:999;
    position:absolute;
    background:#101010;
}

.header .hor-menu .search-form .btn {
    color: #999;
    padding: 7px 20px;
    height: 32px;
    width: 10px;
    display: inline-block;
    background: #2d2d2d url(../img/icons/search-icon.png) no-repeat center;
}

.header .hor-menu .search-form .btn:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.header .hor-menu .search-form form {
    margin-bottom: 0;
}

.header .hor-menu .search-form form input {
    background: none;
    width: 200px;
    color: #999;
    border: none;
}

.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}
.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}
.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}
.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
}


/***
Top News Blocks(new in v1.2.2)
***/
.top-news {
    color: #fff;
    margin: 8px 0;
}

.top-news a,
.top-news em,
.top-news span {
    display: block;
    text-align: left;
}

.top-news a {
    padding: 10px;
    position: relative;
    margin-bottom: 10px;
}

.top-news a .top-news-icon {
    right: 8px;
    bottom: 15px;
    opacity:0.3;
    font-size: 35px;
    position: absolute;
    filter: alpha(opacity=30); /*For IE8*/
}

.top-news em {
    margin-bottom: 0;
    font-style: normal;
}

.top-news span {
    font-size: 18px;
    margin-bottom: 5px;
}

/***
Block Images(new in v1.2.2)
***/
.blog-images {
    margin-bottom: 0;
}

.blog-images li {
    padding: 0;
    margin: 0;
    display: inline;
}

.blog-images li a:hover {
    text-decoration: none;
}

.blog-images li img {
    width: 50px;
    height: 50px;
    opacity: 0.6;
    margin: 0 2px 8px;
}

.blog-images li img:hover {
    opacity: 1;
    box-shadow: 0 0 0 4px #72c02c;
    transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}

/*Sidebar Tags*/
ul.sidebar-tags a {
    color: #555;
    font-size:12px;
    padding:3px 5px;
    background:#f7f7f7;
    margin:0 2px 5px 0;
    display:inline-block;
}

ul.sidebar-tags a:hover,
ul.sidebar-tags a:hover i {
    background: #EEE;
    text-decoration:none;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

ul.sidebar-tags a i {
    color:#777;
}

ul.sidebar-tags li {
    padding: 0;
}

/***
Social Icons(new in v1.2.2)
***/
.social-icons {
    padding: 0;
    margin:0;
}

.social-icons:after,
.social-icons:before {
    content: "";
    display: table;
}

.social-icons:after {
    clear: both;
}

.social-icons li {
    float:left;
    display:inline;
    list-style:none;
    margin-right:5px;
    margin-bottom:5px;
    text-indent:-9999px;
}
.social-icons li a, a.social-icon {
    width:28px;
    height:28px;
    display:block;
    background-position:0 0;
    background-repeat:no-repeat;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.social-icons li:hover a {
    background-position:0 -38px;
}

.social-icons-color li a {
    opacity: 0.7;
    background-position:0 -38px !important;
}

.social-icons-color li a:hover {
    opacity: 1;
}

.social-icons .amazon {background: url(../img/social/amazon.png) no-repeat;}
.social-icons .behance {background: url(../img/social/behance.png) no-repeat;}
.social-icons .blogger {background: url(../img/social/blogger.png) no-repeat;}
.social-icons .deviantart {background: url(../img/social/deviantart.png) no-repeat;}
.social-icons .dribbble {background: url(../img/social/dribbble.png) no-repeat;}
.social-icons .dropbox {background: url(../img/social/dropbox.png) no-repeat;}
.social-icons .evernote {background: url(../img/social/evernote.png) no-repeat;}
.social-icons .facebook {background: url(../img/social/facebook.png) no-repeat;}
.social-icons .social_facebook {background: url(../img/icons/social/facebook.png) no-repeat;}
.social-icons .forrst {background: url(../img/social/forrst.png) no-repeat;}
.social-icons .github {background: url(../img/social/github.png) no-repeat;}
.social-icons .googleplus {background: url(../img/social/googleplus.png) no-repeat;}
.social-icons .jolicloud {background: url(../img/social/jolicloud.png) no-repeat;}
.social-icons .last-fm {background: url(../img/social/last-fm.png) no-repeat;}
.social-icons .linkedin {background: url(../img/social/linkedin.png) no-repeat;}
.social-icons .picasa {background: url(../img/social/picasa.png) no-repeat;}
.social-icons .pintrest {background: url(../img/social/pintrest.png) no-repeat;}
.social-icons .rss {background: url(../img/social/rss.png) no-repeat;}
.social-icons .skype {background: url(../img/social/skype.png) no-repeat;}
.social-icons .spotify {background: url(../img/social/spotify.png) no-repeat;}
.social-icons .stumbleupon {background: url(../img/social/stumbleupon.png) no-repeat;}
.social-icons .tumblr {background: url(../img/social/tumblr.png) no-repeat;}
.social-icons .twitter {background: url(../img/social/twitter.png) no-repeat;}
.social-icons .vimeo {background: url(../img/social/vimeo.png) no-repeat;}
.social-icons .wordpress {background: url(../img/social/wordpress.png) no-repeat;}
.social-icons .xing {background: url(../img/social/xing.png) no-repeat;}
.social-icons .yahoo {background: url(../img/social/yahoo.png) no-repeat;}
.social-icons .youtube {background: url(../img/social/youtube.png) no-repeat;}
.social-icons .vk {background: url(../img/social/vk.png) no-repeat;}
.social-icons .instagram {background: url(../img/social/instagram.png) no-repeat;}
.social-icons .reddit {background: url(../img/social/reddit.png) no-repeat;}

/***
Inline Social Icons
***/
.social-icon {
    display:inline-block !important;
    width:28px;
    height:28px;
    background-position:0 0;
    background-repeat:no-repeat;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.social-icon.amazon {background: url(../img/social/amazon.png) no-repeat;}
.social-icon.behance {background: url(../img/social/behance.png) no-repeat;}
.social-icon.blogger {background: url(../img/social/blogger.png) no-repeat;}
.social-icon.deviantart {background: url(../img/social/deviantart.png) no-repeat;}
.social-icon.dribbble {background: url(../img/social/dribbble.png) no-repeat;}
.social-icon.dropbox {background: url(../img/social/dropbox.png) no-repeat;}
.social-icon.evernote {background: url(../img/social/evernote.png) no-repeat;}
.social-icon.facebook {background: url(../img/social/facebook.png) no-repeat;}
.social-icon.forrst {background: url(../img/social/forrst.png) no-repeat;}
.social-icon.github {background: url(../img/social/github.png) no-repeat;}
.social-icon.googleplus {background: url(../img/social/googleplus.png) no-repeat;}
.social-icon.jolicloud {background: url(../img/social/jolicloud.png) no-repeat;}
.social-icon.last-fm {background: url(../img/social/last-fm.png) no-repeat;}
.social-icon.linkedin {background: url(../img/social/linkedin.png) no-repeat;}
.social-icon.picasa {background: url(../img/social/picasa.png) no-repeat;}
.social-icon.pintrest {background: url(../img/social/pintrest.png) no-repeat;}
.social-icon.rss {background: url(../img/social/rss.png) no-repeat;}
.social-icon.skype {background: url(../img/social/skype.png) no-repeat;}
.social-icon.spotify {background: url(../img/social/spotify.png) no-repeat;}
.social-icon.stumbleupon {background: url(../img/social/stumbleupon.png) no-repeat;}
.social-icon.tumblr {background: url(../img/social/tumblr.png) no-repeat;}
.social-icon.twitter {background: url(../img/social/twitter.png) no-repeat;}
.social-icon.vimeo {background: url(../img/social/vimeo.png) no-repeat;}
.social-icon.wordpress {background: url(../img/social/wordpress.png) no-repeat;}
.social-icon.xing {background: url(../img/social/xing.png) no-repeat;}
.social-icon.yahoo {background: url(../img/social/yahoo.png) no-repeat;}
.social-icon.youtube {background: url(../img/social/youtube.png) no-repeat;}
.social-icon.vk {background: url(../img/social/vk.png) no-repeat;}
.social-icon.instagram {background: url(../img/social/instagram.png) no-repeat;}
.social-icon.reddit {background: url(../img/social/reddit.png) no-repeat;}

.social-icon:hover {
    background-position:0 -38px;
}

.social-icon-color {
    opacity: 0.7;
    background-position:0 -38px !important;
}

.social-icon-color:hover {
    opacity: 1;
}

/* ICONS */

.icon-arrow-fill {
    mask: url('../img/icons/select-arrow.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/select-arrow.svg') no-repeat center / contain;

}

.icon__procurar {
    mask: url('../img/icons/procurar__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/procurar__icon.svg') no-repeat center / contain;

}

.icon-administrativo {
    mask: url('../img/icons/dash/administrativo.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/dash/administrativo.svg') no-repeat center / contain;
    width: 28px;
    height: 28px;
}
.icon-relatorios {
    mask: url('../img/icons/dash/relatorios.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/dash/relatorios.svg') no-repeat center / contain;
    width: 27px;
    height: 24px;
}
.icon-prestadores {
    mask: url('../img/icons/dash/prestadores.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/dash/prestadores.svg') no-repeat center / contain;
    width: 36px;
    height: 23px;
}
.icon-operacao {
    mask: url('../img/icons/dash/operacao.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/dash/operacao.svg') no-repeat center / contain;
    width: 24px;
    height: 27px;
}
.icon-prestador {
    mask: url('../img/icons/dash/prestador.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/dash/prestador.svg') no-repeat center / contain;
    width: 24px;
    height: 27px;
}
.icon-financeiro {
    mask: url('../img/icons/dash/financeiro.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/dash/financeiro.svg') no-repeat center / contain;
    width: 21px;
    height: 21px;
}
.icon-distribuidores {
    mask: url('../img/icons/dash/distribuidores.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/dash/distribuidores.svg') no-repeat center / contain;
    width: 39px;
    height: 19px;
}
.icon-comercial {
    mask: url('../img/icons/dash/comercial.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/dash/comercial.svg') no-repeat center / contain;
    width: 28px;
    height: 28px;
}

.icon-more {
    mask: url('../img/icons/dash/more.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/dash/more.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-kanban {
    mask: url('../img/icons/kanban.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/kanban.svg') no-repeat center / contain;
    width: 18px;
    height: 18px;
}
.icon__chave__boca {
    mask-image: url('../img/icons/chave__boca__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/chave__boca__icon.svg') no-repeat center / contain;
    width: 18px;
    height: 18px;
}

.icon-sat {
    mask: url('../img/icons/satelite.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/satelite.svg') no-repeat center / contain;
    width: 26px;
    height: 26px;
}
.arrow-left {
    mask: url('../img/icons/arrow_left.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/arrow_left.svg') no-repeat center / contain;
    width: 9px;
    height: 6px;
}

.icon-hora {
    mask: url('../img/icons/time-clock.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/time-clock.svg') no-repeat center / contain;
}

.icon-paper-plane {
    mask: url('../img/icons/paper-plane.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/paper-plane.svg') no-repeat center / contain;
}

.icon-copy {
    mask: url('../img/icons/copy.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/copy.svg') no-repeat center / contain;
}

.icon-invisivel-valor {
    mask: url('../img/icons/invisible-icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/invisible-icon.svg') no-repeat center / contain;
}

.icon-newBarco {
    mask: url('../img/icons/icon-newBarco.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon-newBarco.svg') no-repeat center / contain;
}

.icon-newCaminhao {
    mask: url('../img/icons/icon-newCaminhao.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon-newCaminhao.svg') no-repeat center / contain;
}

.icon-newCaminhaoMenor {
    mask: url('../img/icons/icon-newCaminhaoMenor.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon-newCaminhaoMenor.svg') no-repeat center / contain;
}

.icon-newCarro {
    mask: url('../img/icons/icon-newCarro.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon-newCarro.svg') no-repeat center / contain;
}

.icon-newTrator {
    mask: url('../img/icons/icon-newTrator.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon-newTrator.svg') no-repeat center / contain;
}

.icon-cifrao-quadrado {
    mask: url('../img/icons/icon-cifrao-quadrado.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon-cifrao-quadrado.svg') no-repeat center / contain;
}

.icon-prancheta {
    mask: url('../img/icons/icon-prancheta.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon-prancheta.svg') no-repeat center / contain;
}

.icon-tres-riscos {
    mask: url('../img/icons/tres-riscos.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/tres-riscos.svg') no-repeat center / contain;
}

.icon-ponto-a-ponto {
    mask: url('../img/icons/icon-ponto-a-ponto.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon-ponto-a-ponto.svg') no-repeat center / contain;
}

.icon-check-circle {
    mask: url('../img/icons/icon-check-circle.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon-check-circle.svg') no-repeat center / contain;
}

.icon-carro {
    mask-image: url('../img/icons/iconCarro.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/iconCarro.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-vans {
    mask-image: url('../img/icons/iconVans.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/iconVans.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-caminhao {
    mask-image: url('../img/icons/iconCaminhao.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/iconCaminhao.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-semirreboques {
    mask-image: url('../img/icons/iconReboque.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/iconReboque.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-trator {
    mask-image: url('../img/icons/iconTrator.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/iconTrator.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-jetski {
    mask-image: url('../img/icons/iconJetski.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/iconJetski.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-servicos {
    mask-image: url('../img/icons/iconServicos.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/iconServicos.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-manuntencao {
    mask-image: url('../img/icons/iconManutencao.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/iconManutencao.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-satelite {
    mask-image: url('../img/icons/iconSatelite.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/iconSatelite.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-telemetria {
    mask-image: url('../img/icons/iconTelemetria.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/iconTelemetria.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-motorista {
    mask-image: url('../img/icons/iconMotorista.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/iconMotorista.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-roteirizacao {
    mask-image: url('../img/icons/iconRoteirizacao.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/iconRoteirizacao.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-vistoria {
    mask-image: url('../img/icons/iconVistoria.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/iconVistoria.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-software {
    mask-image: url('../img/icons/iconSoftware.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/iconSoftware.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-carro-no-guincho {
    mask-image: url('../img/icons/carro-no-guincho.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/carro-no-guincho.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-satelite-green {
    mask-image: url('../img/icons/satelite-green.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/satelite-green.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-carro-delta24h {
    mask-image: url('../img/icons/carro-delta24h.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/carro-delta24h.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-dois-cards {
    mask-image: url('../img/icons/dois-cards.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/dois-cards.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-dedos-cruzados {
    mask-image: url('../img/icons/dedo-cruzados.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/dedo-cruzados.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-arrow_top {
    mask-image: url('../img/icons/arrow-top-black.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/arrow-top-black.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon_edit {
    mask-image: url('../img/icons/icon_edit.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon_edit.svg') no-repeat center / contain;
    width: 12px;
    height: 12px;
    background: #FFF;
}

.icon_delete {
    mask-image: url('../img/icons/icon_delete.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon_delete.svg') no-repeat center / contain;
    width: 12px;
    height: 12px;
    background: #FFF;
}

.icon__prev {
    mask: url('../img/icons/arrow-left.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/arrow-left.svg') no-repeat center / contain;
    margin: 0;
    padding: 0;
    width: 10px;
    height: 8px;
    background: #333;
}

.icon__next {
    mask: url('../img/icons/arrow-right.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/arrow-right.svg') no-repeat center / contain;
    margin: 0;
    padding: 0;
    width: 10px;
    height: 8px;
    background: #333;
}

.icon__data {
    mask: url('../img/icons/icon__data.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon__data.svg') no-repeat center / contain;
    margin: 0;
    padding: 0;
    width: 8px;
    height: 8px;
    background: #333;
}


.svg {
    mask-image: url('../img/icons/telefone.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/telefone.svg') no-repeat center / contain;
    width: 17px;
    height: 17px;
    background: #fff;
    padding: 0 20px 0 30px;
}

.svg_chat {
    mask-image: url('../img/icons/balao_chat.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/balao_chat.svg') no-repeat center / contain;
    width: 17px;
    height: 17px;
    background: #fff;
    padding: 0 20px 0 30px;
}

.icon__ordenar {
    mask-image: url('../img/icons/icon__ordernar.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon__ordernar.svg') no-repeat center / contain;
    width: 13px;
    height: 10px;
    background: #666666;
    margin-left: 12px;
    padding: 5px;
}

.icon__ordenar.execp__ {
    mask-image: url('../img/icons/order__by__new.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/order__by__new.svg') no-repeat center / contain;
    background: #666666;
    margin-left: 8px;
    padding: 5px;
    display: unset;
}

.icon__ordenar.asc {
    mask-image: url('../img/icons/icon__ordenar__asc.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon__ordenar__asc.svg') no-repeat center / contain;
    width: 13px;
    height: 10px;
    background: #666666;
    margin-left: 12px;
    padding: 5px;
}

.icon__ordenar.asc.except--novo {
    margin-left: 8px;
}

.icon__ordenar.desc {
    mask-image: url('../img/icons/icon__ordenar__desc.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon__ordenar__desc.svg') no-repeat center / contain;
    width: 13px;
    height: 10px;
    background: #666666;
    margin-left: 12px;
    padding: 5px;
}

.icon__timer {
    mask-image: url('../img/icons/time_white.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/time_white.svg') no-repeat center / contain;
    width: 15px;
    height: 15px;
}

.icon__pdf {
    mask-image: url('../img/icons/pdf.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/pdf.svg') no-repeat center / contain;
    width: 15px;
    height: 15px;
    background: #FFF;
    padding: 11px;
}

.icon__download {
    mask-image: url('../img/icons/download_icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/download_icon.svg') no-repeat center / contain;
    width: 10px;
    height: 13px;
    background: #FFF;
}

.icon__new-download {
    mask-image: url('../img/icons/download-new__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/download-new__icon.svg') no-repeat center / contain;
}

.alert__icon__ {
    mask-image: url('../img/icons/alert__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/alert__icon.svg') no-repeat center / contain;
}

.xis__icon__ {
    mask-image: url('../img/icons/icon_close.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon_close.svg') no-repeat center / contain;
}

.check__slim__icon {
    mask-image: url('../img/icons/check__slim__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/check__slim__icon.svg') no-repeat center / contain;
}

.alert__triangular__icon {
    mask-image: url('../img/icons/alert__triangular__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/alert__triangular__icon.svg') no-repeat center / contain;
}

.icon__timer {
    mask-image: url('../img/icons/time_white.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/time_white.svg') no-repeat center / contain;
    width: 15px;
    height: 15px;
}
.icon__edit {
    mask-image: url('../img/icons/edit__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/edit__icon.svg') no-repeat center / contain;
    width: 11px;
    height: 11px;
    background: #0089BF;
}

.icon__copy {
    mask-image: url('../img/icons/copy__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/copy__icon.svg') no-repeat center / contain;
    width: 13px;
    height: 16px;
    background: #0089BF;
}

.icon__data {
    mask: url('../img/icons/icon__data.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon__data.svg') no-repeat center / contain;
    margin: 0;
    padding: 0;
    width: 8px;
    height: 8px;
    background: #333;
}

.icon__prev {
    mask: url('../img/icons/arrow-left.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/arrow-left.svg') no-repeat center / contain;
    margin: 0;
    padding: 0;
    width: 10px;
    height: 8px;
    background: #333;
}
.icon__next {
    mask: url('../img/icons/arrow-right.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/arrow-right.svg') no-repeat center / contain;
    margin: 0;
    padding: 0;
    width: 10px;
    height: 8px;
    background: #333;
}

.icon__lixeira {
    mask: url('../img/icons/lixeira__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/lixeira__icon.svg') no-repeat center / contain;
}

.icon__lapis {
    mask: url('../img/icons/lapis__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/lapis__icon.svg') no-repeat center / contain;
}

.icon__auto {
    width: 13px;
    height: 12px;
    mask: url('../img/icons/auto__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/auto__icon.svg') no-repeat center / contain;
}

.icon__moto {
    width: 16px;
    height: 12px;
    mask: url('../img/icons/moto__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/moto__icon.svg') no-repeat center / contain;
}

.icon__pesado {
    width: 19px;
    height: 14px;
    mask: url('../img/icons/pesado__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/pesado__icon.svg') no-repeat center / contain;
}

.icon__super__pesado {
    width: 27px;
    height: 12px;
    mask: url('../img/icons/super__pesado__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/super__pesado__icon.svg') no-repeat center / contain;
}

.icon__utilitario {
    width: 17px;
    height: 11px;
    mask: url('../img/icons/utilitario__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/utilitario__icon.svg') no-repeat center / contain;
}

.icon__plus {
    mask: url('../img/icons/plus__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/plus__icon.svg') no-repeat center / contain;
}

.icon__calendario {
    mask-image: url('../img/icons/calendario__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/calendario__icon.svg') no-repeat center / contain;
    width: 12px;
    height: 13px;
}

.icon__chave__boca {
    mask-image: url('../img/icons/chave__boca__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/chave__boca__icon.svg') no-repeat center / contain;
}

.icon__ajuste {
    mask-image: url('../img/icons/ajuste__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/ajuste__icon.svg') no-repeat center / contain;
}

.icon__check__circle {
    mask-image: url('../img/icons/check__circle__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/check__circle__icon.svg') no-repeat center / contain;
}

.icon__x_com_circulo {
    mask-image: url('../img/icons/x__com_circulo__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/x__com_circulo__icon.svg') no-repeat center / contain;
}

.icon__noroeste {
    mask-image: url('../img/icons/seta__norte-oeste.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/seta__norte-oeste.svg') no-repeat center / contain;
    width: 12px;
    height: 13px;
}

.icon__tela {
    mask-image: url('../img/icons/icon__tela.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon__tela.svg') no-repeat center / contain;
}

.icon__abaixo {
    mask-image: url('../img/icons/arrow_down.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/arrow_down.svg') no-repeat center / contain;
}

.icon__kanban {
    mask-image: url('../img/icons/kanban__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/kanban__icon.svg') no-repeat center / contain;
}

.icon__checkbox {
    mask-image: url('../img/icons/checkbox__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/checkbox__icon.svg') no-repeat center / contain;
}

.icon__comentario {
    mask-image: url('../img/icons/comentario__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/comentario__icon.svg') no-repeat center / contain;
}

.icon__arquivos {
    mask-image: url('../img/icons/arquivos__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/arquivos__icon.svg') no-repeat center / contain;
}

.icon__engrenagem {
    mask-image: url('../img/icons/engrenagem__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/engrenagem__icon.svg') no-repeat center / contain;
}

.icon__check__rendondo {
    mask-image: url('../img/icons/check_redondo__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/check_redondo__icon.svg') no-repeat center / contain;
}

.icon__list {
    mask-image: url('../img/icons/list__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/list__icon.svg') no-repeat center / contain;
}

.icon__play {
    mask-image: url('../img/icons/icon_play_new.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon_play_new.svg') no-repeat center / contain;
}

.icon__pausar {
    mask-image: url('../img/icons/pausar__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/pausar__icon.svg') no-repeat center / contain;
}

.icon__parar {
    mask-image: url('../img/icons/parar__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/parar__icon.svg') no-repeat center / contain;
}

.icon__cronometro {
    mask-image: url('../img/icons/cronometro__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/cronometro__icon.svg') no-repeat center / contain;
}

.icon__calendario_novo {
    mask-image: url('../img/icons/calendario_novo__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/calendario_novo__icon.svg') no-repeat center / contain;
}

.icon__relogio {
    mask-image: url('../img/icons/relogio__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/relogio__icon.svg') no-repeat center / contain;
}

.icon__seta_esquerda {
    mask-image: url('../img/icons/seta_esquerda__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/seta_esquerda__icon.svg') no-repeat center / contain;
}

.icon__stop {
    mask-image: url('../img/icons/seta__norte-oeste.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/seta__norte-oeste.svg') no-repeat center / contain;
}

.icon__fechar-modal {
    mask-image: url('../img/icons/fechar_modal__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/fechar_modal__icon.svg') no-repeat center / contain;
}

.icon__prancheta_turno {
    mask-image: url('../img/icons/prancheta-turno__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/prancheta-turno__icon.svg') no-repeat center / contain;
}

.icon__seta-download {
    mask-image: url('../img/icons/seta-download__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/seta-download__icon.svg') no-repeat center / contain;
}

.icon__engrenagem {
    mask-image: url('../img/icons/engrenagem__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/engrenagem__icon.svg') no-repeat center / contain;
}

.icon__editar_redondo {
    mask-image: url('../img/icons/editar__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/editar__icon.svg') no-repeat center / contain;
}
.icon__check_nuvem {
    mask-image: url('../img/icons/check_nuvem__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/check_nuvem__icon.svg') no-repeat center / contain;
}
.icon__lixeira_maior {
    mask-image: url('../img/icons/lixeira__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/lixeira__icon.svg') no-repeat center / contain;
}

.icon__tres_listras {
    mask-image: url('../img/icons/listras_tres__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/listras_tres__icon.svg') no-repeat center / contain;
}

.icon__grafico_pacman {
    mask-image: url('../img/icons/grafico_pacman__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/grafico_pacman__icon.svg') no-repeat center / contain;
}

.icon__sensor-ativo {
    mask-image: url('../img/icons/icon__sensor-ativo.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon__sensor-ativo.svg') no-repeat center / contain;
}

.icon__sensor-inativo {
    mask-image: url('../img/icons/icon__sensor-inativo.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon__sensor-inativo.svg') no-repeat center / contain;
}


/* ICON BACKGROUND */
.icon__saida {
    background: url('../img/icons/icon__saida.svg') no-repeat center / contain;
    width: 19px;
    height: 19px;
}

.icon__recebida {
    background: url('../img/icons/icon__recebida.svg') no-repeat center / contain;
    width: 19px;
    height: 19px;
}
.icon-new-atendente {
    background: url('../img/icons/icon-atendente.png') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-new-guincho {
    background: url('../img/icons/icon-guincho.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-new-suporte {
    background: url('../img/icons/icon-suporte.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-whatsapp-gray {
    background: url('../img/icons/icon-whatsapp-gray.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-110 {
    background: url('../img/icons/110.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-tipo-estrada {
    background: url('../img/icons/tipoestrada.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-clima-tempo {
    background: url('../img/icons/Climatempo.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-paper-plane-black {
    background: url('../img/icons/paper-plane-black.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-trofeu {
    background: url('../img/icons/trofeu.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-rota {
    background: url('../img/icons/icon-rota.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-cronometro {
    background: url('../img/icons/icon-cronometro.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-horimetro {
    background: url('../img/icons/Horimetro.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-loading-20 {
    background: url('../img/icons/icon-loading-20.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-prancheta-grafico {
    background: url('../img/icons/pranchetaGrafico.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-grafico-pizza {
    background: url('../img/icons/graficoPizza.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-prancheta-check {
    background: url('../img/icons/icon-pranchetaCheck.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-cartao-credito-gray {
    background: url('../img/icons/cartao-credito.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-bomba-posto {
    background: url('../img/icons/bombaposto.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-oil {
    background: url('../img/icons/oil.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-alarme {
    background: url('../img/icons/icon-sino.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-digital {
    background: url('../img/icons/icon-digital.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-celular {
    background: url('../img/icons/celular.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-proteção {
    background: url('../img/icons/icon-escudo-engrenagem.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-lupa-alerta {
    background: url('../img/icons/icon-lupa-alerta.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-mao-boleto {
    background: url('../img/icons/icon-mao-boleto.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-cnh {
    background: url('../img/icons/icon-cnh.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-historicar {
    background: url('../img/icons/icon-historicar.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-time {
    mask-image: url('../img/icons/icon-time.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon-time.svg') no-repeat center / contain;
    width: 11px;
    height: 11px;
}

.icon-close {
    mask-image: url('../img/icons/icon_close.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon_close.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-hamburguer {
    mask-image: url('../img/icons/menu-mobile.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/menu-mobile.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-filtro {
    mask-image: url('../img/icons/icon_filtro.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon_filtro.svg') no-repeat center / contain;
}

.icon-arrow-up {
    mask-image: url('../img/icons/arrow_up.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/arrow_up.svg') no-repeat center / contain;
}

.icon__whatsapp__contorno{
    mask-image: url('../img/icons/whats-blip.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/whats-blip.svg') no-repeat center / contain;
    width: 26px;
    height: 26px;
    background: #00C1B4;
}

.icon__chat__bot{
    mask-image: url('../img/icons/icon_chat_bot.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon_chat_bot.svg') no-repeat center / contain;
    width: 22px;
    height: 22px;
    background: #7B61FF;
}

.icon__tel__{
    mask-image: url('../img/icons/icon_telefone.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon_telefone.svg') no-repeat center / contain;
    width: 19px;
    height: 19px;
    background: #FEB019;
}

.icon__email__{
    mask-image: url('../img/icons/icon_email.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon_email.svg') no-repeat center / contain;
    width: 24px;
    height: 19px;
    background: #FF4B6A;
}

.lixeira__icon__{
    mask-image: url('../img/icons/lixeira__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/lixeira__icon.svg') no-repeat center / contain;
}

.icon__info{
    mask-image: url('../img/icons/info__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/info__icon.svg') no-repeat center / contain;
}

.icon__visto{
    mask-image: url('../img/icons/check__visto__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/check__visto__icon.svg') no-repeat center / contain;
}

.sinal__mais__icon{
    mask-image: url('../img/icons/sinal__mais__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/sinal__mais__icon.svg') no-repeat center / contain;
}

.icon-arrow_complete {
    mask-image: url('../img/icons/icon_arrow_complete.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon_arrow_complete.svg') no-repeat center / contain;
    width: 14px;
    height: 16px;
    background: #fff;
}

.icon-plus {
    mask-image: url('../img/icons/plus.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/plus.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-arrow-down {
    mask-image: url('../img/icons/arrow.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/arrow.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-check-white {
    mask-image: url('../img/icons/check-icon-slim.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/check-icon-slim.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-close-slim {
    mask-image: url('../img/icons/close-slim.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/close-slim.svg') no-repeat center / contain;
    width: 24px;
    height: 24px;
}

.icon-calendar_month {
    mask: url('../img/icons/calendar_month__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/calendar_month__icon.svg') no-repeat center / contain;
}


/***
Notes
***/

/* Common styles for all types */
.note {
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}

.note h1,
.note h2,
.note h3,
.note h4 {
    margin-top: 0;
}

.note p:last-child {
    margin-bottom: 0;
}
.note code,
.note .highlight {
    background-color: #fff;
}

/* Variations */
.note-danger {
    background-color: #ffdfdf;
    border: 1px solid #ffc4c4;
    color: #ff4f4f !important;
    font-weight: bold;
    text-align: center;
    border-radius: 7px;
    float: left;
    width: 100%;
    font-size: 1.1em;
    margin: 0 0 1%;
    word-wrap: break-word;
}

.note-warning {
    background-color: #FCF3E1;
    border: 1px solid #f5a300;
    color: #f5a300 !important;
    font-weight: bold;
    text-align: center;
    border-radius: 7px;
    float: left;
    width: 100%;
    font-size: 1.1em;
    margin: 0 0 4%;

}

.note-info {
    background-color: #E8F6FC;
    border-color: #57b5e3;
}

.note-success {
    background-color: #EBFCEE;
    border: 1px solid #3cc051;
    color: #3cc051!important;
    font-weight: bold;
    text-align: center;
    border-radius: 7px;
    float: left;
    width: 100%;
    font-size: 1.1em;
    margin: 0 0 4%;
}

/***
Demo Utils
***/
.scrollspy-example {
    position: relative;
    height: 200px;
    margin-top: 10px;
    overflow: auto;
}

.util-btn-margin-bottom-5 .btn {
    margin-bottom: 5px !important;
}

.util-btn-group-margin-bottom-5 .btn-group {
    margin-bottom: 5px !important;
}

.fontawesome-demo i {
    font-size: 18px;
}

.fontawesome-demo li {
    padding-top: 5px;
    padding-bottom: 5px;
}

.glyphicons-demo ul {
    padding-left: 0;
    padding-bottom: 1px;
    margin-bottom: 20px;
    list-style: none;
    overflow: hidden;
}

.bs-glyphicons {
    padding-left: 0;
    padding-bottom: 1px;
    margin-bottom: 20px;
    list-style: none;
    overflow: hidden;
}
.glyphicons-demo ul li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    margin: 0 -1px -1px 0;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    border: 1px solid #ddd;
}

.glyphicons-demo .glyphicon {
    display: block;
    margin: 5px auto 10px;
    font-size: 24px;
}
.glyphicons-demo ul li:hover {
    background-color: rgba(86,61,124,.1);
}

@media (min-width: 768px) {
    .glyphicons-demo ul li {
        width: 12.5%;
    }
}


/***
Forms
****/

input.placeholder,
textarea.placeholder {
    color: #aaa !important;
}

.help-block {
    margin-top: 5px;
    margin-bottom: 5px;
}

.form-inline input {
    margin-bottom: 0px !important;
}

.control-label {
    margin-top: 2px;
}

.form-control-static {
    font-size: 14px;
    padding-top: 7px;
}

.control-label .required {
    color: #e02222;
    font-size: 12px;
    padding-left: 2px;
}

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

.form {
    padding: 0 !important;
}

.form-body {
    padding: 10px;
}

.form-actions {
    padding: 20px 10px;
    margin-top: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    *zoom: 1;
}

.form-actions2{
    padding: 20px 10px;
    margin-top: 0px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    *zoom: 1;
}


.form-actions.nobg {
    background-color: transparent;
}

.form-actions.top {
    margin-top: 0;
    margin-bottom: 20px;
    border-top: 0;
    border-bottom: 1px solid #e5e5e5;
}

.form-actions.fluid {
    padding: 20px 0;
}

.form-actions.fluid > [class^="col-"] {
    padding-left: 13px;
}

.form-actions:before,
.form-actions:after {
    display: table;
    line-height: 0;
    content: "";
}

.form-actions:after {
    clear: both;
}

.form-section {
    margin: 30px 0px 25px 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}

.form .form-section:first-child {
    margin-top: 5px;
}

.help-inline {
    font-size: 13px;
    color: #737373;
    display: inline-block;
    padding: 5px;
}

/* left, right aligned form actions */
.form-actions.right {
    padding-left: 0;
    padding-right: 10px;
    text-align: right;
}

.form-actions.left {
    padding-left: 10px;
    padding-right: 0;
    text-align: left;
}

/* Checkboxes */
.form-group .checkbox {
    padding-left: 0;
}

.checkbox-list > label {
    display: block;
}

.checkbox-list > label.checkbox-inline {
    display: inline-block;
}

.checkbox-list > label.checkbox-inline:first-child {
    padding-left: 0;
}

/* Radios */

.radio-list > label {
    display: block;
}

.radio-list > label.radio-inline {
    display: inline-block;
}

.radio-list > label.radio-inline:first-child {
    padding-left: 0;
}

.form-horizontal .radio-list .radio {
    padding-top: 1px;
}

/* Rows seperated form layout */
.form-row-seperated .form-group {
    margin: 0;
    border-bottom: 1px solid #efefef;
    padding: 10px 10px 10px 0px;
}

.form-row-seperated .form-group.last {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.form-row-seperated .form-actions {
    margin-top: 0;
}

.form-row-seperated .form-body {
    padding: 0;
    margin-top: 0;
}

.form-row-seperated .help-block {
    margin-bottom: 0;
}

/* form bordered */
.form-bordered .form-body {
    margin: 0;
    padding: 0;
}

.form-bordered .form-actions {
    margin-top: 0;
}

.form-bordered .form-group {
    margin: 0;
    border-bottom: 1px solid #efefef;
}

.form-bordered .form-group.last {
    border-bottom: 0;
}

.form-bordered .help-block {
    margin-bottom: 0;
}

.form-bordered .control-label {
    padding-top: 16px;
}

.form-bordered .form-group > div {
    padding: 10px;
    border-left: 1px solid #efefef;
}

.form-bordered .form-actions.fluid > .row > div {
    padding-left: 10px;
}

.form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {
    background-color: #fcfcfc;
}

.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
    background-color: #fcfcfc;
}

.form-horizontal.form-bordered.form-row-stripped .form-control {
    background: #fff !important;
}

.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {
    background-color: #ffffff;
}

/***
Bordered form layout
***/

.form-bordered .form-control {
    margin: 0;
}


/***
Disabled Menu Link
***/

.disabled-link > a > span.text,
.disabled-link > a > span.title {
    font-style: italic !important;
    color: #888 !important;
}

.disabled-link > a:hover  {
    cursor: not-allowed !important;
}


/***
Responsive & Scrollable Tables
***/

.table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #dddddd;
    margin: 10px 0 !important;
}

.table-scrollable > .table {
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 0;
    background-color: #fff;
}

.table-scrollable > .table > thead > tr > th,
.table-scrollable > .table > tbody > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > thead > tr > td,
.table-scrollable > .table > tbody > tr > td,
.table-scrollable > .table > tfoot > tr > td {
    white-space: nowrap;
}

.table-scrollable > .table-bordered {
    border: 0;
}

.table-scrollable > .table-bordered > thead > tr > th:first-child,
.table-scrollable > .table-bordered > tbody > tr > th:first-child,
.table-scrollable > .table-bordered > tfoot > tr > th:first-child,
.table-scrollable > .table-bordered > thead > tr > td:first-child,
.table-scrollable > .table-bordered > tbody > tr > td:first-child,
.table-scrollable > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
}

.table-scrollable > .table-bordered > thead > tr > th:last-child,
.table-scrollable > .table-bordered > tbody > tr > th:last-child,
.table-scrollable > .table-bordered > tfoot > tr > th:last-child,
.table-scrollable > .table-bordered > thead > tr > td:last-child,
.table-scrollable > .table-bordered > tbody > tr > td:last-child,
.table-scrollable > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
}

.table-scrollable > .table-bordered > thead > tr:last-child > th,
.table-scrollable > .table-bordered > tbody > tr:last-child > th,
.table-scrollable > .table-bordered > tfoot > tr:last-child > th,
.table-scrollable > .table-bordered > thead > tr:last-child > td,
.table-scrollable > .table-bordered > tbody > tr:last-child > td,
.table-scrollable > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
}

/***
Responsive Flip Scroll Tables
***/

.flip-scroll table { width: 100%; }

@media only screen and (max-width: 800px) {

    .flip-scroll .flip-content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
    .flip-scroll * html .flip-content { zoom: 1; }
    .flip-scroll *:first-child+html .flip-content { zoom: 1; }

    .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }

    .flip-scroll th,
    .flip-scroll td { margin: 0; vertical-align: top; }
    .flip-scroll th {
        text-align: left;
        border: 0 !important;
        border-bottom: 1px solid #ddd !important;
        border-right: 1px solid #ddd !important;
        font-size: 13px !important;
        padding: 5px;
        width: auto !important;
    }

    .flip-scroll table { display: block; position: relative; width: 100%; }
    .flip-scroll thead {
        display: block;
        float: left;
    }
    .flip-scroll tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }
    .flip-scroll thead tr { display: block; border: !important;  }
    .flip-scroll th { display: block; text-align: right; }
    .flip-scroll tbody tr { display: inline-block; vertical-align: top; margin-left: -5px; }
    .flip-scroll td { display: block; min-height: 1.25em; text-align: left; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important}
    .flip-scroll td:first-child {}


    /* sort out borders */

    .flip-scroll th { border-bottom: 0; border-left: 0; }
    .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
    .flip-scroll tbody tr { border-left: 1px solid #ddd; }
    .flip-scroll th:last-child,
    .flip-scroll td:last-child { border-bottom: 1px solid #ddd; }
}

.insertingcode {
    resize: none;
    margin: 2px;
    padding: 2px 1px 2px 3px;
    border: 1px solid #ccc;
    border-top: 1px solid #999;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: #fff;
    font-family: Courier New, sans-serif;
    font-size: 11px;
}

.select_tab {
    height: 70px;
    padding-top: 15px;
    color: black !important;
    font-size: 20px;
    text-align: center;
}

.tabs {
    min-height: 325px;
}

.item_pedido {
    border-bottom: 1px solid lightgray;
    font-size: 23px;
}

.pedido_acoes {
    cursor: pointer !important;
}

.complementos {
    font-size: 14px !important;
}

.tile_opcao {
    height: 100px !important;
    width: 100px !important;
}

.tile_opcao .tile-object > .name {
    font-size: 14px !important;
    margin-left: 0px !important;
}

.row-block {

    margin-bottom:5px;
    overflow:hidden;
}

.default-btn a {
    display:block;
    background:#5A85A1  !important;
}

.default-btn a:hover {
    background:#81B6CE !important;
}


/***
Page header
***/
.header {
    filter: none !important;
    background-image: none !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #f2f2f2;
}
.header .btn-navbar {
    background-color: #212121 !important;
}
.header .navbar-nav .dropdown-toggle.blue:hover,
.header .navbar-nav .dropdown.open .dropdown-toggle.blue {
    background-color: #0b99d1 !important; opacity: 1;
}
.header .navbar-nav li.dropdown .dropdown-toggle i {
    color: #8a8a8a !important;
}
/***
Page sidebar
***/
.page-sidebar {
    background-color: #f7f7f7;
}
ul.page-sidebar-menu > li > a {
    border-left: 5px solid transparent;
    border-top: 1px solid #efefef !important;
    color: #727272 !important;
    font-weight: 600;
    font-size: 12.5px;
}

ul.page-sidebar-menu > li > a:hover, ul.page-sidebar-menu > li.active > a,
ul.page-sidebar-menu > li.open a {
    color: #727272 !important;
}

ul.page-sidebar-menu > li:last-child > a {
    border-bottom: 1px solid transparent !important;
}
ul.page-sidebar-menu > li a i {
    color: #d6d6d6;
}
ul.page-sidebar-menu > li a i.oldgold {opacity: 1; font-size: 17px; margin: 2px 15px 0 8px; color: #d2d2d2;}

ul.page-sidebar-menu > li a i {
    width: 18px;
    height: 18px;
    float: left;
    margin: 0 15px 0 8px;
    background-repeat: no-repeat !important;
    opacity: .15;
}
ul.page-sidebar-menu > li a i.dash {
    background: url('/assets/img/icons/dashboard.svg');
    background-size: 19px 17px;
}
ul.page-sidebar-menu > li a i.blog {
    background: url('/assets/img/icons/blog.svg');
    background-size: 18px 17px;
}
ul.page-sidebar-menu > li a i.planos {
    background: url('/assets/img/icons/planos.svg');
    background-size: 18px 14px;
}
ul.page-sidebar-menu > li a i.contratacao {
    background: url('/assets/img/icons/contratacao.svg');
    background-size: 18px 16px;
}
ul.page-sidebar-menu > li a i.contrato {
    background: url('/assets/img/icons/contrato.svg');
    background-size:21px 18px;
}
ul.page-sidebar-menu > li a i.consulta {
    background: url('/assets/img/icons/consulta.svg');
    background-size: 18px 18px;
}
ul.page-sidebar-menu > li a i.frota {
    background: url('/assets/img/icons/frota.svg');
    background-size: 18px 18px;
}
ul.page-sidebar-menu > li a i.fatura {
    background: url('/assets/img/icons/fatura.svg');
    background-size: 18px 18px;
}
ul.page-sidebar-menu > li a i.ocorrencias {
    background: url('/assets/img/icons/ocorrencias.svg');
    background-size: 18px 18px;
}
ul.page-sidebar-menu > li a i.users {
    background: url('/assets/img/icons/users.svg');
    background-size: 18px 18px;
}
ul.page-sidebar-menu > li a i.sinistro_gerencial {
    background: url('/assets/img/icons/sinistro_gerencial.svg');
    background-size: 18px 18px;
}
ul.page-sidebar-menu > li a i.bi_delta {
    background: url('/assets/img/icons/bi_delta.svg');
    background-size: 18px 18px;
}
ul.page-sidebar-menu > li a i.finance {
    background: url('/assets/img/icons/finance.svg');
    background-size: 18px 18px;
}
ul.page-sidebar-menu > li a i.comissoes {
    background: url('/assets/img/icons/comissoes.svg');
    background-size: 18px 18px;
}
ul.page-sidebar-menu > li a i.relatorios {
    background: url('/assets/img/icons/relatorios.svg');
    background-size: 18px 18px;
}
ul.page-sidebar-menu > li a i.config {
    background: url('/assets/img/icons/config.svg');
    background-size: 18px 18px;
}
ul.page-sidebar-menu > li a i.reload {
    background: url('/assets/img/icons/reload.svg');
    background-size: 18px 18px;
}




ul.page-sidebar-menu > li > ul.sub-menu > li > a {
    color: #ffffff;
    background: #efefef;
}


ul.page-sidebar-menu > li.open > a,
ul.page-sidebar-menu > li > a:hover,
ul.page-sidebar-menu > li:hover > a {
    background: #efefef;
}
ul.page-sidebar-menu > li.active > a {
    background: #FFF !important;
    color: #ffffff;
    border-left: 5px solid #007eb3 !important;
    border-right: 0 !important;
    font-weight: 600;
    font-size: 12.5px;
    width: 226px;
    z-index: 2;
}
ul.page-sidebar-menu > li.active > a i {
    color: #ffffff;
}
ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
    border-top: 0px !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
    background: #dedede !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
    background: #dedede !important;
}
/* 3rd level sub menu */
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,
ul.page-sidebar-menu > li > ul.sub-menu li.open > a {
    color: #ffffff !important;
    background: #1eb5ef !important;
}
/* font color for all sub menu links*/
ul.page-sidebar-menu li > ul.sub-menu > li > a {
    color: #ffffff;
}
/* menu arrows */
ul.page-sidebar-menu > li > a .arrow:before,
ul.page-sidebar-menu > li > a .arrow.open:before {
    color: #d6d6d6 !important;
}
ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
    color: #707070 !important;
}
ul.page-sidebar-menu > li > a > .arrow.open:before {
    color: #727272 !important;
}
ul.page-sidebar-menu > li.active > a .arrow:before,
ul.page-sidebar-menu > li.active > a .arrow.open:before {
    color: #727272 !important;
}
/* sidebar search */
.page-sidebar .sidebar-search input {
    background-color: #242424 !important;
    color: #7d7d7d;
}
.page-sidebar .sidebar-search input::-webkit-input-placeholder {
    color: #7d7d7d !important;
}
.page-sidebar .sidebar-search input:-moz-placeholder {
    color: #7d7d7d !important;
}
.page-sidebar .sidebar-search input:-ms-input-placeholder {
    color: #7d7d7d !important;
}
.page-sidebar .sidebar-search input {
    background-color: #3d3d3d !important;
    color: #bfbfbf !important;
}
.page-sidebar .sidebar-search .input-box {
    border-bottom: 1px solid #7d7d7d !important;
}
.page-sidebar .sidebar-search .submit {
    background-image: url(../../img/icons/search-icon.png);
}
/***
Sidebar toggler
***/
.sidebar-toggler {
    background-image: url(../../img/sidebar-toggler.jpg);
    background-color: #242424;
}
/* search box bg color on expanded */
.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
    background-color: #3d3d3d !important;
}
.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
    background-image: url("../../img/sidebar-search-close.png");
}
/* sub menu bg color on hover menu item */
.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
    background-color: #3d3d3d;
}
/***
Horizontal Menu(new in v1.2)
***/
/*search*/
.header .hor-menu .hor-menu-search-form-toggler.off {
    background: #000000 url(../../img/icons/hor-menu-search-close.png) no-repeat center;
}
.header .hor-menu .search-form {
    background: #000000;
}
.header .hor-menu .search-form .btn {
    color: #d6d6d6;
    background: #000000 url(../../img/icons/search-icon.png) no-repeat center;
}
.header .hor-menu .search-form form input {
    color: #d6d6d6;
}
.header .hor-menu .search-form form input::-webkit-input-placeholder {
    /* WebKit browsers */

    color: #d6d6d6;
}
.header .hor-menu .search-form form input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */

    color: #d6d6d6;
}
.header .hor-menu .search-form form input::-moz-placeholder {
    /* Mozilla Firefox 19+ */

    color: #d6d6d6;
}
.header .hor-menu .search-form form input:-ms-input-placeholder {
    /* Internet Explorer 10+ */

    color: #d6d6d6;
}
/***
Footer
***/
.footer .footer-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.footer .footer-inner {
    color: #999999;
}
.footer .footer-tools .go-top {
    background-color: #4f4f4f;
}
.footer .footer-tools .go-top:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.footer .footer-tools .go-top i {
    color: #8a8a8a;
}
/***
Footer Layouts (new in v1.3)
***/
/* begin:fixed footer */
.page-footer-fixed .footer {
    background-color: #242424;
}
.page-footer-fixed .footer .footer-inner {
    color: #999999;
}
.page-footer-fixed .footer .footer-tools .go-top {
    background-color: #4f4f4f;
}
.page-footer-fixed .footer .footer-tools .go-top i {
    color: #8a8a8a;
}
/* end:fixed footer */
/***
Gritter Notifications
***/
.gritter-top {
    background: url(../../plugins/gritter/images/gritter.png) no-repeat left -30px !important;
}
.gritter-bottom {
    background: url(../../plugins/gritter/images/gritter.png) no-repeat left bottom !important;
}
.gritter-item {
    display: block;
    background: url(../../plugins/gritter/images/gritter.png) no-repeat left -40px !important;
}
.gritter-close {
    background: url(../../plugins/gritter/images/gritter.png) no-repeat left top !important;
}
.gritter-title {
    text-shadow: none !important;
    /* Not supported by IE :( */

}
/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
    background-image: url(../../plugins/gritter/images/gritter-light.png) !important;
}
.gritter-item-wrapper a {
    color: #18a5ed;
}
.gritter-item-wrapper a:hover {
    color: #0b6694;
}
/* begin: boxed page */
@media (min-width: 992px) {
    .page-boxed {
        background-color: #2e2e2e !important;
    }
    .page-boxed .page-container {
        background-color: #3d3d3d;
        border-left: 1px solid #5e5e5e;
        border-bottom: 1px solid #5e5e5e;
    }
    .page-boxed.page-sidebar-fixed .page-container {
        border-left: 0;
        border-bottom: 0;
    }
    .page-boxed.page-sidebar-fixed .page-sidebar {
        border-left: 1px solid #5e5e5e;
    }
    .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {
        background-color: #2e2e2e !important;
    }
}
/* end: boxed page */
/***
Landscape phone to portrait tablet
***/
@media (max-width: 991px) {
    /***
      page sidebar

    .page-sidebar {
        background-color: #292929 !important;
    }
    ul.page-sidebar-menu > li > a {
        border-top: 1px solid #4a4a4a !important;
    }
    ul.page-sidebar-menu > li:last-child > a {
        border-bottom: 0 !important;
    }
    .page-sidebar .sidebar-search input {
        background-color: #292929 !important;
    }
    ul.page-sidebar-menu > li.open > a,
    ul.page-sidebar-menu > li > a:hover,
    ul.page-sidebar-menu > li:hover > a {
        background: #1e1e1e;
    }
      ***/
}

.select2-container {
    width: 100%!important;
}

.cliente .select2-container {
    width: 300px !important;
}

.edit_perfil_select .select2-container {
    width: 295px !important;
}

.lista_dados_veiculo_placa {
    list-style-type: none;
    margin-left: 0;
    margin:24px 0 0 0;
    float: left;
    background: #1eb5ef2e;
    width: 354px;
    padding: 6px 0 0;
    border-radius: 11px;
}
.lista_dados_veiculo_placa li {
    padding: 0 10% 0;
}
.lista_dados_veiculo_placa li:first-child {
    padding: 10% 10% 0;
}
.lista_dados_veiculo_placa li:last-child {
    padding: 0 10% 10%;
}

/*
.planos {
    list-style-type: none;
    padding: 0px;
    margin-left: -19px;
    margin: 0 auto;
    width: 460px;
}

.planos li {
    background-color: #5A85A1;
    width: 200px;
    height: 300px;
    display: inline;
    float: left;
    margin: 15px;
    text-align: center;
    padding: 5px;
}

.planos li img {
    margin: 0 auto;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 116px;
}

.planos li span {
    color: #ffffff;
    text-transform: uppercase;
    display: block;
}

.planos li .titulo {
    font-size: 14px;
    height: 43px;
}

.planos li .preco {
    font-size: 26px;
    font-weight: 600;
}

.planos li .btn-plano {
    background-color: #18a79d;
    color: #ffffff;
    font-weight: 600;
    margin-top: 10px;
    width: 100%;
}*/

.selecionado {
    background-color: #10a062 !important;
}

.label_pagamento {
    padding-left: 0px !important;
    cursor: pointer;
}

.form-group.linha {
}

.form-group.linha-quebra {
    clear: left;
}

#modal_selecionar_contrato .form-group {
    margin-right: unset;
    margin-left: unset;
}

#modal_selecionar_contrato .form-group .input-sm {
    height: unset;
}

.bloco-plano {
    border: 1px solid #364150;
    width: 45%;
    padding: 14px 20px 14px 29px;
    margin-top: 33px;
}

.bloco-colunas {
    border: 1px solid #364150;
    width: 95%;
    padding: 14px 20px 4px 16px;
    margin-top: 33px;
    min-height: 335px;
}
.condicoes {
    padding: 11px 0px 0px 0px;
    font-size: 11px;
}
.label-delta {
    background-color: #E5E5E5;
    color: white;
    padding: 5px 1px 5px 11px;
    font-size: 17px;
}

.coluna-cliente {
    width: 50.00%;
    float: left;
}

.linha-cliente {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 14px;
}
.btn-turquesa {
    background-color: #18a79d;
    color: #ffffff;
}


/*  turquesa */
.btn.turquesa, .btn.turquesa-pagamento {
    color: white;
    text-shadow: none;
    background-color: #81d4b5;
}
.btn.turquesa:hover,
.btn.turquesa:focus,
.btn.turquesa:active,
.btn.turquesa.active,
.btn.turquesa.disabled,
.btn.turquesa[disabled]{
    opacity: .8
}

.btn.turquesa.big {
    margin: 0;
    padding: 0.6em 4em;
    font-size: 2em;
    font-weight: 700;
    background: #31cc92;
}


.page-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 125px;
    margin-left: -50px;
    margin-top: -30px;
    padding: 7px;
    text-align: center;
    color: #333;
    font-size: 13px;
    border: 1px solid #ddd;
    background-color: #eee;
    vertical-align: middle;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}
.page-loading > span {
    line-height: 20px;
    vertical-align: middle;
}

/***
Customized Bootstrap Modal
***/
.modal {
    z-index: 999999999;
    outline: none;
    overflow-y: auto !important;
    /* Fix content shifting to the right on modal open due to scrollbar closed */
}
.modal .modal-header {
    border-bottom: 1px solid #EFEFEF;
}

.modal .modal-header.excep__new {
    border-bottom: unset;
}

.modal .modal-header.excep__new .close {
    position: absolute !important;
    right: 21px !important;
    top: 18px !important;
}

.modal .modal-content.excep__new {
    padding: 0 32px;
    width: 100% !important;
}

.modal .modal-content .content__body__modalAlertaAgendamento {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.modal .modal-content .content__body__modalAlertaAgendamento > p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #333333;
    margin: 0;
}

.modal .modal-content .content__body__modalAlertaAgendamento > a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: rgba(0, 137, 191, 0.15);
    border-radius: 4px;
    padding: 3.5px 12px 3.5px 4px;
    cursor: pointer;
}

.modal .modal-content .content__body__modalAlertaAgendamento > a:hover {
    opacity: .7;
}

.modal .modal-content .content__body__modalAlertaAgendamento > a > p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #0089BF;
    margin: 0;
}

.modal .modal-header .content__header__modalAlertaAgendamento {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 16px;
}

.modal .modal-header .content__header__modalAlertaAgendamento > h4 {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #333333;
    text-align: center;
    margin: 0;
}

.content__body__modalAlertaAgendamento .button__modalAlertaAgendamento {
    background: #00C1B4 !important;
    border-radius: 50px !important;
    padding: 11px 24px 11px 16px !important;
    gap: 8px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF !important;
    margin-top: 20px;
}

.content__body__modalAlertaAgendamento .button__modalAlertaAgendamento.borderNoColor {
    background: #FFFFFF !important;
    border-radius: 34px !important;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #333333 !important;
    margin: 0 0 36px 0 !important;
    border: 1px solid #000000 !important;
    padding: 12px 16px !important;
}

.modal .modal-header h3 {
    font-weight: 300;
}
.modal .modal-header .close {
    margin-top: 0px !important;
}
.modal > .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
}
.modal.in .page-loading {
    display: none;
}

.modal-open {
    overflow-y: auto !important;
}

.modal-open-noscroll {
    overflow-y: hidden !important;
}

.modal-backdrop {
    border: 0;
    outline: none;
    z-index: 10049 !important;
}
.modal-backdrop, .modal-backdrop.fade.in {
    background-color: #333 !important;
}

.buscar_placa {
    margin-left: -15px;
    background-color: #364150 !important;
    color: #FFF !important;
    border-radius:7px !important
}

.detalhes_contratacao {

}

.input_cartao {
    margin-top: 10px;
}

.credit_card_number, .credit_card_name, .parcelamento {
    width: 65%;
    margin: 0 auto;
}

.expiration {
    padding-left: 10px;
}

.cvv {
    padding-right: 10px;
}

.btn.turquesa-pagamento.big {
    width: 100%;
    height: 40px;
}


.consulta-texto {
    color: #364150;
    font-weight: 600;
    font-size: 22px;
}

.consulta-input {
    background-color: #E5E5E5;
    color: white;
}

.consulta-fundo {
    padding: 15px;
    background-color: #ffffff;
    border-left: 18px solid #364150;
}

.consulta-fundo-2 {
    padding-left: 5px;
    background-color: #E5E5E5;
    color:#ffffff;
    font-size: 24px;
    font-weight: 300;
}

.consulta-fundo-3 {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #5A85A1;
}
.consulta-fundo-3 li {
    list-style: none;
    color: #364150;
    font-size: 16px;
    font-weight: 600;
    padding: 2px;
    padding-left: 27px;
    background-image: url('/assets/img/check.png');
    background-size: 23px 23px;
    background-repeat: no-repeat;
}

.consulta-fundo-3 ul {
    padding: 2px;
}

.fonte-sinistro {
    color: #5A85A1;
    font-size: 28px;
    font-weight: 600 !important;
}


#info_lead {
    display: inline;
    list-style: none;
}




/*
NOVOS DA CONTRATAÇÃO
*/


#plano_contratacao.etapas-buy #pagamento .topis { width: 100%; float: left; }
#plano_contratacao.etapas-buy #pagamento .topis h3 { width: 100%; float: left; font-size: 3em; color: #333; text-align: center; text-transform: uppercase; font-weight: 200; margin-top: 30px; }
#plano_contratacao.etapas-buy #pagamento .topis h3 b {color: #00a69c }

#plano_contratacao.etapas-buy #pagamento .later h3 { margin-bottom: 15px; }
#plano_contratacao.etapas-buy #pagamento .later h4 {
    width: 100%;
    float: left;
    font-size: 2em;
    color: #333;
    text-align: center;
    font-weight: 400;
    margin-bottom: 50px;
}
#plano_contratacao.etapas-buy #pagamento .later h4.excep { margin-bottom: 0px; }

#plano_contratacao.etapas-buy #pagamento .busca {margin-top: 0}

/* ----------------  BREADCAMP DAS ETAPAS DE COMPRA  ---------------- */


.etapas-bread { width: 100%; height: 100px; padding: 16px 0 0 0; margin: 0 0; float: right; position: relative; }
.etapas-bread.excep { margin: -60px 0 72px 0; padding: 103px 0 0 0; }

.etapas-bread ul { position: relative; z-index: 3 }
.etapas-bread ul li { width: 43px !important; height: 43px !important; background: white; border: 1px solid #e1e1e1; border-radius: 50%; color: #666; text-align: center; font-size: 1.2em; float: left; margin: 0 0 0 -52px; position: relative; left: 48%; font-weight: 700 }
.etapas-bread ul li p { padding: 0.75em 0 0 0  }
.etapas-bread ul li:first-child { margin: 0 0 0 0; left: 18% }
.etapas-bread ul li:last-child { float: right !important; left: -18.5% !important  }
.etapas-bread ul li.one { margin: 0 0 0 -180px }
.etapas-bread ul li.two { margin: 0 0 0 80px }


.etapas-bread ul .active { width: 50px !important; height: 50px !important; margin-top: -9px !important; background:#00a69c; color: white; font-size: 1.5em !important; border: 1px solid #00a69c !important; }
.etapas-bread ul .active p { padding: 0.85em 0 0 0;   }
.etapas-bread ul li span { position: absolute; width: 95px;  left: -22px; text-align: center; font-size: 1em; margin: 1.5em 0 0 0;  }
.etapas-bread ul .active span { margin: 1.7em 0 0 0; color: #00a69c; }

.etapas-bread ul li .exception {}
.etapas-bread .etapa-line { width: 61%; height: 1px; background: #e1e1e1; margin: 17px 0 0 19%; position: absolute; z-index: 1 }
.etapas-bread .etapa-line2 { width: 31%; height: 1px; background: #00a69c; margin: 17px 0 0 20%; position: absolute; z-index: 2 }
.etapas-bread .etapa-line2.last { width: 61% }

.etapas-bread ul {list-style: none;}

.clearboth {
    clear: both;
}

.datepicker-days .day {
    cursor: pointer;
}




.row { margin: 0 5%; }
.row.novo--row--sem--margin {
    margin: 0;
}

.row.flex { display: flex; flex-direction: column }

a:hover { text-decoration: none !important }



.DropHeader { width: 400px; margin-top: 8px !important; }
.DropHeader .left {width: 80% !important; float: left; margin: 0}
.DropHeader .right {width: 18% !important; margin: 0 0 0 2% !important;  float: left;}
.DropHeader .right input {
    color: #c7c7c7;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    padding: 0;
    transition: .3s
}
.DropHeader .right input:hover { background: #e5e5e5; color: #FFF; }

.twopillar {
    border-top: 1px solid lightgray;
    margin: 50px 0 0;
    padding: 40px 0 0;
    float: left;
    width: 100%;
}

.left { float: left; margin: 0 20px 0 0 }
.clear { clear: both; }
.CemPor { width: 100%; margin: 10px 0 5px 0;}
#page_list hr { display: none !important }

.PlanosBox {padding: 0; margin: 2em 0 0; width: 100%; float: left; border-radius: 7px; }
.PlanosBox a { margin: 0 !important; padding: 0 30px 0 0 !important }

.PlanosBox.excep a { float: left; width: auto; height: auto; padding: 0 10px 0 0 !important; }
.PlanosBox.excep a .dashboard-stat { height: 40px; padding: 13px 19px; margin: 0 0 10px; }
.PlanosBox.excep a .dashboard-stat .details .desc {font-weight: 600; padding: 0;}

.PlanosBox .dashboard-stat {height: 79px; margin: 15px 0 0;}
.PlanosBox .dashboard-stat .visual {height: 22px;}


#page_list.solids { float:left; margin:0 0 5%; width: 100% }
#page_list .buttons-options { display: flex; justify-content: flex-end; margin-bottom: 1.5%; }




/* ---------------- TABLEs  ---------------- */

.NewTable { width: 100%; margin: 0 0 2.5%; background: #FFF;  border-radius: 7px; float: left; border: 1px solid #f2f2f2;}
.NewTable.excep__ { margin: 13px 0 2.5%; }
.NewTable.excepScroll { overflow-y: hidden; overflow-x: scroll; }
.NewTable.excepScrollY { overflow: auto; max-height: 500px; position: relative; }

.NewTable.excepScrollY thead.sticky th {
    position: sticky;
    top: 0;
    background-color: #f2f2f2;
}

/*.bigTable { overflow: auto; display: block; }*/
.Meio { width: 48.5%; margin: 0 1.5% 0 0; float: left }
.Meio.Excep { width: 55%; margin: 0 3.5% 0 0; display: flex; flex-direction: column; gap: 30px; }
.triple { width: 40%; float: left }
ul.All { width: 100%; float: left; padding: 0; position: relative; }
ul.All li { width: 31%; margin: 0 3.5% 0 0; float: left; list-style: none; }
ul.All li:last-child { margin: 0; }

ul.All .distance { position: absolute; top: -58px; left: 5px; background: #FFF; }

.ContainerButtons {
    display: flex;
    justify-content: space-between;
    min-width: 50px;
}

.NewTable.excepfont table tr td, .NewTable.excepfont table tr th { font-size: 11px; }



.NewTable.newones { border: 1px solid #e5ecee !important; background: #eef5f6 !important; }
.NewTable.newones .center { float: left; left: 50%;
    position: relative;  transform: translate(-50%); margin: 0 0 20px; }
.NewTable.newones .center a { float: left; margin: 0 0 0 10px;  clear: none; }

.NewTable a.specialOpen {float:left; width:100%; background:#f2f2f2; color: #666; font-weight: 700; text-align: center; padding: 2em 0; }

.NewTable.excep2 { width: 100%; margin: 1.5% 0 2.5%; background: #f8f8f8; float: left; }
.NewTable.nine8 { width: 98.5% }

.Meio .NewTable thead tr th span { text-align: center !important }

.Meio .NewTable tbody tr td { padding: 2.5% 5% 2.5% !important; }

.NewTable tr:nth-child(even) {
    background: #FCFCFC;
}
.NewTable tr:nth-child(odd) {
    background: #FFFFFF;
}

.NewTable.planes { width: 23.5%; min-height: 220px; background: #f2f2f2; margin: 0 1.5% 1.5% 0; float: left }
.NewTable.planes thead tr th { text-align: center !important }
.NewTable.planes tbody tr td { text-align: center !important; font-size: 0.8em; font-weight: normal !important; max-width: inherit !important; background: #FFF }
.NewTable.planes tfoot { background: #f2f2f2 }
.NewTable.planes tfoot tr td { text-align: center !important }
.NewTable.planes tfoot tr td.big { font-size: 1.7em; }

.NewTable.planes tbody tr td.preco { font-weight: 700; font-size: 1.4em }

.btnsresultado select { clear: both; margin: 15px 0 0; border: 1px solid #e7e7e7; padding: 3px 8px; border-radius: 4px; }

/* aqui */
.section-box {margin-bottom: 60px;}
.section-clear {clear: both;}
.NewTable .box-main-form {display: flex; flex-direction: column;}
.NewTable .box-main-form.on{ display: block;}
.NewTable .box-main-form.off{ display: none;}
.NewTable .box-form { width: 100%; height: auto; display: flex; gap: 10px;}
.NewTable .box-form .group-form { width: 100%; display: flex; flex-direction: column;}
.NewTable .box-form .group-form .title { font-size: 1em; font-weight: 600; margin-bottom: 5px; padding: 10px; background-color: #F2F2F2; align-content: center;}
.NewTable .box-form .group-form .single-input { margin: 0 10px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; gap: 10px;}
.NewTable .box-form .group-form .group-inputs { margin: 0 10px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr; gap: 10px;}
.NewTable .box-form .group-form .group-inputs.qtd4 { margin: 0 10px; display: grid; grid-template-columns: 1fr 1fr 1fr 50px; grid-template-rows: 1fr; gap: 10px;}
.NewTable .box-form .group-form .box-input { display: flex; flex-direction: column;}
.NewTable .box-form .group-form .box-input.button { display: flex; align-items: flex-end; flex-direction: row;}
.NewTable .box-form .group-form .box-input label { font-size: 1em; margin-bottom: 5px; }
.NewTable .box-form .group-form .box-input input { width: 100%; float: left; margin: 0 0 0 0; box-sizing: border-box; padding: 0 20px; border-radius: 3px; border: 1px solid #eaeaea; height: 43px; transition: 0.3s;}
.NewTable .box-button { display: flex; justify-content: flex-end; margin-top: 20px;}

.SubTitle .buttons_todos_selects_veiculos {
    /* margin: 20px 0 10px !important;
    width: 200px !important; */
    padding: 25px 0 0;
    width: 100%;
    /* position: absolute; */
    display: flex;
    align-items: baseline;
}

.NewTable button { padding: 0 1em 0 2em }
.NewTable i.right {margin-left: 6px;}
.NewTable tbody tr {border-top: 1px solid #F2F2F2;  }
.NewTable tbody tr td { line-height: 1.5; min-width: 80px; }
.NewTable tbody tr td.menor { line-height: 1.5; min-width: 40px; }
.NewTable tbody tr td p.texto-uppercase { font-style: normal;font-weight: 700;font-size: 14px;line-height: 16px;text-transform: uppercase;color: #666666;margin: 0;}
.NewTable tbody tr td p.container-valor { display: inline-block;font-style: normal;font-weight: 500;font-size: 13px;line-height: 15px;margin: 0;border-radius: 4px;padding: 7px 12px;}
.NewTable tbody tr td p.container-valor.verde { color: #00C1B4; background: rgba(0, 193, 180, 0.15);}
.NewTable tbody tr td p.container-valor.azul { color: #0089BF; background: rgba(0, 137, 191, 0.15);}
.NewTable.gerencial__analista tbody tr td { min-width: 0px; }
.NewTable tbody tr td:first-child {padding: 3px 5px 3px 15px }
.NewTable.historic tbody tr td:first-child { min-width: 190px; }
.NewTable tbody tr td:last-child { padding: 3px 15px 3px 5px;  }
.NewTable tbody tr td.excep { min-width: 110px; }
.NewTable thead tr th:first-child { padding: 10px 5px 10px 15px }
.NewTable thead tr th:last-child:not(.excep) { padding: 0px 15px 0px 5px; line-height: 1.2; }

.NewTable thead tr th.newexcep { width:100%; text-align:center; padding:5% 5% 2.5% }

.NewTable thead tr th.special { padding: 10px 15px 10px 2% !important }
.NewTable tbody tr td.special { padding: 10px 15px 10px 2% !important; font-weight: 400;     }

.NewTable thead tr th h4 { margin: 12px 0; font-size: 1.9em; font-weight: 500; }


.NewTable tbody tr.excep td {  }
.NewTable .important { font-weight: 700; font-size: 15px; }
.NewTable tbody tr .full { width: 100%; float: left }
.NewTable tbody tr .full p { float: left; margin: 0 10px 0 0 }

.NewTable tbody tr td span { font-weight: 700 }
.NewTable.pagnew tbody tr td span { line-height: 3; }
.NewTable .btn { padding: 5px 12px; font-size: 13px; border-radius: 5px !important; margin: 0 5px 0 0; float: left; }
.NewTable .btn.small { float: none; padding: 3px 7px; font-size: 11px; }
table { width: 100%; font-size: 1em !important }

table .btn-large { font-size: 12px; padding: 0.75em 1.85em; line-height: 1; height: auto; margin: 0 !important }
table td, th { padding: 10px 8px; }
table td.excep, th.excep { padding: 10px 15px; }

table>tbody>tr>td:first-child { font-weight: 700 }

table thead tr {background: #FFFFFF;}
.NewTable tbody tr td .field { width: 100%; float: left; margin: 0 10px 0 0; box-sizing: border-box; padding: 0 20px; border-radius: 5px; border: 1px solid #eaeaea; height: 28px; transition:0.3s }
.NewTable .btn { float: left }

.NewTable tbody tr td.details { text-align: center; line-height: 4;   background: #f9f9f9; }

.NewTable tbody tr td.excep { padding: 10px 3%; font-weight: normal }

.NewTable.Exceps .radio+.radio, .NewTable.Exceps .checkbox+.checkbox { margin: -2px 0 0; }

.NewTable tbody tr td.big label { font-weight: 900; font-size: 18px; }
@media (max-width:1420px) {

    .bigTable table { width: 100% !important;  }

}

@media (max-width:750px) {
    thead { display: none; }
    thead.excep { display: block; }
    thead.excep tr th { width: 100%; text-align: center }
    thead.excep tr th:last-child { margin: 0 0 5%; }
    thead.on-mobile { display: block !important; }

    table td, th { width: 100%; line-height:; clear: both;  float: left; }
    table tr { padding: 2px 0;  margin: 0; width: 100%; float: left; }
    table tbody#tabela_contas_cadastradas tr {
        display: flex;
        padding: 0;
    }
    table tbody#tabela_contas_cadastradas td {
        display: flex;
        align-items: center;
    }
    .NewTable tbody tr {padding: 5%; border-radius: 0;
        box-sizing: border-box;  width: 90%; }
    .NewTable tbody tr td { line-height: 1.2; padding: 0 0 5px !important; }
    .NewTable button { padding: 0 2em; float: left !important; margin: 1em 0 0; }
    .NewTable tbody tr td span { display:inline;}

    .Meio .NewTable tbody tr td { line-height: 1.2; padding: 0 !important; text-align: center; }
    .NewTable.planes tbody tr { padding: 1em 2em 0.5em !important; }

    .bigTable table { width: 100% !important; }


    .datepicker-days thead { display: block; }

    .datepicker-days table td, th { width: 14.25%; clear: inherit; }
    .datepicker-days table tr { padding: 0;  margin: 0; width: auto; float: inherit; border-radius: 14px; }
    .datepicker-switch { width: 135px; text-align: center; }

    #NewForm form span input.radio {  margin: 0 -4px 0 10px !important;}
    #NewForm form span label.radio.excep { padding: 4px 13px;}


}

span#estados-rel-detalhado {
    width: 250px !important;
}
span#corretor-delta-rel-detalhado{
    width: 250px !important;
}

#NewForm {
    background: #FFF;
    border: 1px solid #f2f2f2;
    width: 100%;
    float: left;
    padding: 25px;
    border-radius: 10px;
}

.NewTable.noBackBorder {
    background: transparent;
    border: none;
}
.NewTable.excep { margin: 0 0 40px; padding: 0; background: #f8f8f8; }
.NewTable.excep h4 { font-size: 22px; color: #666666; font-weight: 700 !important; padding: 10px 0 0; float: left; text-align: center;
    width: 100%;}
.NewTable.excep h5 { font-size: 16px; color: #ff6e6e; font-weight: 700 !important; padding: 0 0 5px; float: left; margin: 0; clear: both; text-align: center; width: 100%;}

.NewTable.excep a { float: left; margin: 0 3% 4%; clear: both}

.NewTable.used { background:var(--verde); color: white; }
.NewTable.used table thead tr {background:none !important }

.NewTable.used.danger {  background: var(--vermelho); }
.NewTable.used.danger table thead tr h4 {font-weight: 900 }

.NewTable.btn.mini { padding: 5px 0; }

.NewTable input.radio {  margin: 0 6px 0 10px !important; float: left}

.NewTable.excep a.abresin { margin: 3px 0 11px; position: relative;
    left: 50%; transform: translate(-50%);}


/* ---------------- FORMs  ---------------- */

#NewForm.excepneli { width: 100%; float: left; padding: 5%; background: #fafafa; border-bottom: 1px solid #efefef; margin: 0 0 2%; }
#NewForm.excepneli form span label { width: 90%; height: 29px; font-size: 0.9em; color: #666666; }
#NewForm.excepneli .SubTitle h4 { float: left; font-weight: 700; color: #666666; font-size: 1.2em; margin: 5% 0 1%; }

#NewForm.excepneli form span #valor_comissao_email {width: 100%; box-sizing: border-box; padding: 12px 20px 0; margin: 0 0 10px 0; float: left; border-radius: 7px; border: 1px solid #eaeaea; height: 45px; transition: 0.3s; background: #f5f5f5; }
#NewForm.excepneli form span.double { margin:0 1.5% 3% 0;  }



#NewForm .Box form { width: 100%; float: left; padding: 20px 0 5px 20px; }

#NewForm form { width: 100%; display: flex;
    flex-flow: wrap;
    gap: 10px;
    font-weight: 600;
    margin: 0 0 0 0  }

#NewForm form.flex__end {
    align-items: flex-end;
    flex-flow: unset;  }

#NewForm form .container_filter_grid_auto {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr ));
    width: 100%;
    gap: 10px;
    font-weight: 600;
    margin: 0 0 0 0
}

#NewForm form .group_button_final_footer {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
}

#NewForm form div.flexExcep {display: flex;
    flex-flow: wrap;
    gap: 10px; }

#NewForm form.block { display: block;  }

#NewForm form span { min-width: 150px; place-content: flex-end;  padding: 0; text-align: left; font-size: 1.1em; float: left; font-weight: 400; position: relative; flex: auto; }
#NewForm form span.span_flex { display: flex; align-items: flex-end; width: 270px;}
#NewForm form span.button_checking {
    width: 135px !important;
    padding: 4px 0 !important;
    background: #FF717B;
    border-radius: 7px;
    text-align: left;
    font-size: 1.1em;
    float: left;
}

#NewForm form a.button_gerar_pdf {
    width: fit-content;
    background: #FF717B;
    border-radius: 7px;
    text-align: left;
    font-size: 1.1em;
    color: #FFF !important;
    font-weight: 700;
    line-height: 2.5;
    float: left;
    padding: 4px 21px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}


.bootstrap-select .dropdown-menu li a {
    border: 0 !important;
    border-bottom: 1px solid #eaeaea !important;
    border-radius: 0 !important;
    height: auto !important;
    line-height: 2;
}
#NewForm form span .dropdown .btn { width: 100% !important; background: #f9f9f9 !important; }
#NewForm form span .dropdown .bs-actionsbox .btn-group {display: flex !important;
    gap: 10px;
    padding: 10px 0 !important; }
#NewForm form span .dropdown .bs-actionsbox .btn { width: 50% !important; background: #f9f9f9 !important; }


#NewForm.noLabel form span { height: auto }
#NewForm .NewTable span { height: auto !important }
#NewForm form span.label { font-size: 0.85em; width: auto; float: left; margin: 0.5em 0; clear: both; padding: 0.5em 1em; border-radius: 7px; }
/*
#NewForm form span.pega3 { width: 73.50%; margin:0 1.5% 0 0;  }
#NewForm form span.double { width: 48.50%; margin:0 1.5% 0px 0;  }
#NewForm form span.triple { width:31.83%; margin:0 1.5% 0px 0; }
#NewForm form span.quadra { width:23.50%; margin:0 1.5% 0 0; }
.OcorrenciasPage #NewForm form span.quadra { width:24.5%; margin: 0 0.5% 0.5% 0; height: 45px; }


#NewForm form span.sexto { width: 15.16%;  margin: 0 1.5% 0 0; }
#NewForm form span.auto { width: auto;  margin: 0 1.5% 0 0; }
#NewForm form span.full { width: 50%; margin: 1% 1.5% 1% 25%; height: auto !important; }
*/

#NewForm form span.quadra.excepPesquisar { height: 69px; display: flex; }
#NewForm form span.quadra.excepPesquisar input {align-self: flex-end; }
#NewForm form span.quina.novo {
    width: 20%;
    margin: 0;
}
#NewForm form span.quadra.novo {
    width: 20%;
    margin: 0;
}
#NewForm form span.sexto.novo {
    width: 20%;
    margin: 0;
}


#NewForm form span label { width: 100%; height: 19px; box-sizing: border-box; padding: 0 0 0 4px; float: left; font-size: 0.85em; color: #666; }
#NewForm form span label.tries { width: 33.333% !important }
#NewForm form span label.four { width: 25% !important }
#NewForm form span input { width: 100%; box-sizing: border-box; padding: 0 20px; margin:0 0 0 0; float: left; border-radius: 7px; border: 1px solid #eaeaea; height: 45px; transition:0.3s }
#NewForm form span label.four { width: 25% !important }
#NewForm form span a { width: 100%; box-sizing: border-box; padding: 0 20px; margin:0 0 5px 0; float: left; border-radius: 7px; border: 1px solid #eaeaea; height: 45px; transition:0.3s }
#NewForm form span a.button_a { width: 100%;display: flex; justify-content: center; align-items: center; margin: 0;}
#NewForm form span select { width: 100%; box-sizing: border-box; padding: 0 20px; margin:0 0 10px 0; float: left; border-radius: 7px; border: 1px solid #eaeaea; height: 45px; transition:0.3s }
#NewForm form span textarea { width: 100%; min-height: 130px; box-sizing: border-box; padding: 20px; resize: none; margin:0 0 0 0; float: left; border-radius: 7px; border: 1px solid #eaeaea; transition:0.3s }
#NewForm form span input:focus { border: 1px solid var(--blue); }
#NewForm form span select:focus { border: 1px solid var(--blue); }
#NewForm form span textarea:focus { border: 1px solid var(--blue); }
#NewForm form .btn { font-size: 1em; padding: 12px 25px; float: left; border-radius: 50px; border: 0; height: 45px; transition:0.3s; cursor: pointer; width: fit-content; }
#NewForm form input[type="submit"] {padding: 12px 25px !important;height: 45px !important; width: fit-content !important; }
#NewForm form .testbtnurgente {padding: 12px 25px !important;height: 45px !important; width: fit-content !important; }
#NewForm form .btn.excep4 { font-size: .85em; padding: 5px 0; }

#NewForm form span input.excepI { margin: 0 0 0 0; }

#NewForm .excep-rc form span.double { width: 48.50%; margin:0 1.5% 8px 0;  }
#NewForm .excep-rc form span.triple { width:31.83%; margin:0 1.5% 8px 0; }
#NewForm .excep-rc form span.triple.novo {
    margin: 0 !important;
    width: 19%;
}
#NewForm .excep-rc form span.triple.novo {
    margin: 0 !important;
    width: 19%;
}
#NewForm .excep-rc form span input { width: 100%; box-sizing: border-box; padding: 0 20px; margin:0 0 0 0; float: left; border-radius: 7px; border: 1px solid #eaeaea; height: 45px; transition:0.3s }
#NewForm .excep-rc form span a { width: 100%; box-sizing: border-box; padding: 0 20px; margin:0 0 0 0; float: left; border-radius: 7px; border: 1px solid #eaeaea; height: 45px; transition:0.3s }

#NewForm.excepted { margin: 0 0 110px; float: left }
#NewForm.excepted form .btn { width: auto; padding: 1em 1.5em; }

#NewForm form span.has-error input { border: 1px solid #FC5C5C; }
#NewForm form span.has-error select { border: 1px solid #FC5C5C; }
#NewForm form span.has-error textarea { border: 1px solid #FC5C5C; }

#NewTable .gerencialAntecipacoesTable tbody td .send_whatsapp { cursor: pointer; transition: .3s;}
#NewTable .gerencialAntecipacoesTable tbody td .send_whatsapp img { height: 35px; width: 35px; background: #00E396; padding: 6px; border-radius: 25%; }
#NewTable .gerencialAntecipacoesTable tbody td .send_whatsapp img:hover { background: #3befb2;}

#NewForm form span .send_whatsapp { position: absolute; right: 10px;  top: 45%; cursor: pointer;  background: #00E396; color: #FFF; padding: 0 4px 3px ; border-radius: 50px; transition: .3s;}
#NewForm form span .send_whatsapp:hover { background: #3befb2;  }
#NewForm form span .send_whatsapp img { width: 15px; }



#NewForm form span.swift a { font-size: 0.9em !important; line-height: 21px; height: auto; text-align: center; text-decoration: none !important; cursor: pointer;  border:0;    border-radius: 7px !important;}
#NewForm form span.swift a.desactive { background: var(--bg-leve); color: #666 !important; }
#NewForm form span.swift a:first-child { border-right:2px solid white; border-radius: 7px 0 0 7px; }
#NewForm form span.swift a:last-child { border-radius: 0 7px 7px 0; border-left: 2px solid white; }

#NewForm form span.totalis {width: 48.50%; background: var(--bg-leve); color: #666 !important; border-radius: 5px;     font-weight: 700; margin: 0 0 5px; }
#NewForm form span.totalis p { font-size: 0.85em; text-align: center; margin: 6px 0 6px 20px; }




#NewForm form#plano-form .btn { width: auto; padding: 12px !important; }
.NewTable.planes .btn { width: 100px; padding: 12px !important;
    float: left; margin: 0 !important; left: 50%;  transform: translate(-50%);
    position: relative;  }

#NewForm form .btn.small {font-size: 0.9em }
#NewForm form .btn.big { font-size: 2.2em; }
#NewForm form .btn:hover { opacity: .7 }

#NewForm form .btn.w-auto { width: auto !important; padding: 11px 20px; font-size: 1.1em; }
#NewForm form .auto .btn { padding: 12px !important; }

#NewForm.excep { background: #f8f8f8; float: left; width: 100%; border-radius: 10px; padding: 3% 3% 0; margin:0 0 3%; }
#NewForm.excep form { margin: 0 }
#NewForm.excep .SubTitle { margin: 0 }
#NewForm.excep2 { background: #f8f8f8; float: left; width: 100%; border-radius: 10px; padding: 1.5% 3%; margin:0 0 3%; }


#NewForm form span input.radio { margin: 0 5px 0 0; width: 13px; height: auto;
    padding: 0 !important; }
#NewForm form span label.radio { width: 90%; padding: 6px 13px; line-height: 1.8;}

#NewForm form span.twoInOne input { width: 45% }
#NewForm form span.twoInOne p { width: 10%; text-align: center; float: left; padding: 13px 0 0; font-weight: normal;}


#NewForm form span input.file { padding: 11px 20px !important; background: #f8f8f8 !important; }

#NewForm form span span { font-size: 0.8em; height: auto }

#NewForm form span input.excep { height: 24px; }
#NewForm form span label.radio.excep { padding: 5px 13px;}

#NewForm form #box { width: 100%; box-sizing: border-box; float: left; background: #f7f7f7; padding: 3%;  }
#NewForm form #box h4 { float: left; width: 100%; font-size: 1.2em; font-weight: 700; color: #666;  }

#NewForm form .abas { width: 100%; float: left; padding: 0; }
#NewForm form .abas input { width: 25%; float: left; border-radius:0;     text-align: center; padding: 0; font-size: 0.85em; }
#NewForm form .abas input:first-child { border-radius: 7px 0 0 7px }
#NewForm form .abas input:last-child { border-radius: 0 7px 7px 0 }
#NewForm form .abas input checked {background: red }


#NewForm form #btn-selects {width: 100%; float: left; padding: 0; }

#NewForm form #btn-selects.w-auto {width: auto; margin: 0 1.5% 0 0; }

#NewForm form #btn-selects h5 {height: 14px  }

#NewForm form #btn-selects label { float:left; width:auto; height: 45px; padding: 0; background-color:#f9f9f9; border-radius:0; border:1px solid #f2f2f2; overflow:hidden; display: block; border-right: 0;}
#NewForm form #btn-selects label.first { border-radius:7px 0 0 7px }
#NewForm form #btn-selects label:last-child { border-radius:0 7px 7px 0; border-right:1px solid #f2f2f2;}
#NewForm form #btn-selects label span { text-align:center; height: 100%; font-size: 1em; font-weight: 400; color: #333; padding: 12px 12px; cursor: pointer; display:block; width: 100%; }
#NewForm form #btn-selects label input { display: none }
#NewForm form #btn-selects input:checked + span { background-color:#2196f3; color:#fff; }



#NewForm form.new-choice .btn.small { color: #333; background-color: #f9f9f9; border-radius: 0 !important; border: 1px solid #f2f2f2; margin: 0 -1px 0 0; }
#NewForm form.new-choice .btn.first { border-radius: 7px 0 0 7px !important }
#NewForm form.new-choice .btn.last { border-radius: 0 7px 7px 0 !important }
#NewForm form.new-choice .btn.turquesa { color: #FFF; background-color: #1eb5ef }

@media (max-width: 1400px){
    #NewForm form a.button_gerar_pdf {
        padding: 6px 21px;
    }
}


@media (max-width:1300px) {
    #NewForm form span.sexto { width:18.50% }
    #NewForm form span.quina { width:23.50% }
}
@media (max-width:1100px) {
    #NewForm form span.quadra { width:31.83% }
    #NewForm form span.quina { width:31.83% }
    #NewForm form span.sexto { width:23.50% }
}
@media (max-width:980px) {
    #NewForm form span {height: auto !important;}
    #NewForm form span.triple { width: 48.50%  }
    #NewForm form span.quadra { width: 48.50%  }
    #NewForm form span.quina { width:48.50% }
    #NewForm form span.sexto { width:48.50% }

    #NewForm form span input.excepI { margin: 0 0 10px 0; }
}
@media (max-width:600px) {
    #NewForm form span { width: 100%;  margin: 0 0 0 0 }
    #NewForm form span.double { width: 100%; margin: 0 }
    #NewForm form span.triple { width: 100%; margin: 0 }
    #NewForm form span.quadra { width: 100%; margin: 0 }
    #NewForm form span.quina { width: 100%; margin: 0 }
    #NewForm form span.sexto { width: 100%; margin: 0 }


    .NewTable {margin: 5% 0 0;}

    .page-content .page-breadcrumb.breadcrumb .btn-group {
        right: inherit;
        position: relative;
        margin-top: 0;
        clear: both;
        width: 100%;
        left: 0;
    }

    #NewForm form .btn { margin: 0 5% 5px; width: 90%; }

    #NewForm form span label.radio { padding: 6px 13px 30px;}
    .kpis-totais li { width: 50% }


    .NewTable thead tr th.newexcep { padding:5px 0 5px 0; text-align: center }




}
@media (max-width:420px) {
    #NewForm form .btn.big { width: 100%; padding: 0.7em 0 }
}




#NewForm form td span { margin: 0 }
#NewForm form td span input { margin: 0 }




.navbar-nav>li>a { padding-top: 21px; padding-bottom: 22px; }

.navbar-nav>li>a.suport { padding: 20px 20px 18px; margin: 0 0 0 15px; border-left: 1px solid #f2f2f2; transition: .2s}
.navbar-nav>li>a.suport:hover { background: #f7f7f7;}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{ background: #f7f7f7 }

#map.new { height: auto; float: left; width: 100%; background: #f2f2f2;
    border-radius: 7px; position: relative; }
#map.new img { max-width: 100%; position: relative; left: 50%; transform: translate(-50%,0) }




/* ---------------- NEW DASH ATENDIMENTOS  ---------------- */

#NewDash.Atendimentos .top { border: 0 }
#NewDash.Atendimentos .top label {float: left; color: #FFF; background: #1eb5ef; font-weight: 700; padding: 0.75em 1.4em; margin: 13px 0 0 15px; border-radius: 7px; font-size: 1.1em; transition: .3s }
#NewDash.Atendimentos .top ul.right li { float: left; list-style: none; }
#NewDash.Atendimentos .top ul.right li p { float: left; margin: 26px 0 0 20px; font-size: 0.85em; color: #616161; }
#NewDash.Atendimentos .top ul.right li label { float: left; }

#NewDash.Atendimentos label.green { background:#59C9B6  }
#NewDash.Atendimentos label.tango { background:#70A6B4  }

#NewDash.Atendimentos .content { padding: 0; background: #FFF; }
#NewDash.Atendimentos .filter {width: 100%; float: left; }
#NewDash.Atendimentos .top .filter {width: auto; float: right; }
#NewDash.Atendimentos .filter .left { float: left; margin: 10px 0 0; }
#NewDash.Atendimentos .filter .right a.excep {     background: #FFF; border-radius: 50px !important; margin: 0 20px 0 0; padding: 0.95em 1.4em; color: #7b7b7b;  border: 1px solid #7b7b7b; }
#NewDash .content ul.dois li .box .right a.excep { background: #1eb5ef; border-radius: 50px !important; margin: 0 0 20px 0; padding: 0.95em 1.4em; font-size: 0.9em; font-weight: 600; color: #ffffff; }
#NewDash.Atendimentos .filter .left select { float: left; padding: 8px 10px 9px; border-radius: 7px; border: 1px solid #F2F2F2; color: #616161; margin: 0 15px 0 0; }
#NewDash.Atendimentos .filter .left input { float: left; padding: 10px 10px; border-radius: 7px; border: 1px solid #F2F2F2; color: #616161; background: #F9F9F9; margin: 0 0 0 20px; min-width: 247px }
#NewDash.Atendimentos .filter .left label { float: left; padding: 9px 10px; font-size: 0.9em; color: #616161; }

#NewDash.Atendimentos .content .filter a.swift { background: transparent; padding: 1em 1.5em 0.95em; border-radius: 50px !important; border:1px solid #666 }
#NewDash.Atendimentos .content .filter a.swift span { width: 19px; height: 14px; float: left; background-size: 19px 14px; float: left;  }
#NewDash.Atendimentos .content .filter a.swift.list.active span {background: url(../img/icons/list-a.svg);}
#NewDash.Atendimentos .content .filter a.swift.cards.active span {background: url(../img/icons/card-a.svg);}

#NewDash.Atendimentos .content .filter a.swift p { float: left; color: #666; margin: -1px 0 0 8px; }

#NewDash.Atendimentos .content .filter a.swift.list span {background: url(../img/icons/list.svg);}
#NewDash.Atendimentos .content .filter a.swift.cards span {background: url(../img/icons/card.svg);}
#NewDash.Atendimentos .content .filter a.swift.active { background: #7b7b7b; border: 1px solid #7b7b7b; }
#NewDash.Atendimentos .content .filter a.swift.active p { color: #FFF }

#NewDash.Atendimentos .content .filter a.swift.first { border-radius: 50px 0 0 50px !important }
#NewDash.Atendimentos .content .filter a.swift:last-child { border-radius: 0 50px 50px 0 !important }




#NewDash.Atendimentos .content .box { width: 100%; box-sizing: border-box; padding: 35px 35px 25px 35px; border: 1px solid #EEF5F6; border-radius: 7px; background: #FFF; float: left; margin: 0 0 3%; }
#NewDash.Atendimentos .content .box .head { width: 100%; margin: 0 0 25px; float: left;      }
#NewDash.Atendimentos .content .box.lista .head { padding: 0 0 30px; border-bottom: 1px solid #eef5f6; }

#NewDash.Atendimentos .content .box .head img { width: 60px; float: left;  }
#NewDash.Atendimentos .content .box .head h4 { font-size: 1.5em; font-weight: 700; color: #00B6E9; float: left; margin: 19px 0 0 15px; }
#NewDash.Atendimentos .content .box .head label { color: #FFF; padding: 5px 14px; font-weight: 600; margin: 17px 0 0 8px; font-size: 0.95em; }

#NewDash.Atendimentos label.btn { cursor:default; }
#NewDash.Atendimentos label.default { background: #ACB8BB }
#NewDash.Atendimentos label.green { background: #59C9B6 }
#NewDash.Atendimentos label.blue { background: #acb8bb }
#NewDash.Atendimentos label.warning { background: #FBD294 }
#NewDash.Atendimentos label.danger { background: #F17B83 }

#NewDash.Atendimentos .content .box .head .right span { float: left; margin: 0 0 0 22px }
#NewDash.Atendimentos .content .box .head .right span p { color: #969696; float: left; clear: both; font-weight: 600; margin: 0 0 7px 0; font-size: 0.8em; }
#NewDash.Atendimentos .content .box .head .right span label { clear: both; margin: 0; float: left; }

#NewDash.Atendimentos .content .box.card { width: 31.333%; margin: 0 2% 2% 0; padding: 20px 15px 20px 25px; }
#NewDash.Atendimentos .content .box.card .head { margin: 0 }
#NewDash.Atendimentos .content .box.card .head .left { margin: 0 }
#NewDash.Atendimentos .content .box.card .head .left .excep { float: left; width: calc(100% - 51px); box-sizing: border-box; padding: 0 0 0 13px; }
#NewDash.Atendimentos .content .box.card .head img { margin: 5px 0;width: 50px;}
#NewDash.Atendimentos .content .box.card .head h4 { margin: 8px 10px 0 0; clear: both; font-size: 1.25em;}
#NewDash.Atendimentos .content .box.card .head label { padding: 4px 9px 5px; margin: 4px 10px 0 0; border-radius: 4px !important; float: left; font-size: 0.85em; }
#NewDash.Atendimentos .content .box.card .head .right { float: left !important; margin: 5px 0 0 0; }
#NewDash.Atendimentos .content .box.card .head .right label { font-size: 0.8em; padding: 2px 10px; clear: none; margin: 0 10px 0 0;}
#NewDash.Atendimentos .content .box.card .head label.status { font-size: 0.7em; padding: 4px 8px 3px; margin: 0 0 2px 16px;}


#NewDash.Atendimentos .head { width: 100%; margin: 0 0 30px; float: left; }
#NewDash.Atendimentos .head img { width: 60px; float: left;  }
#NewDash.Atendimentos .head h4 { font-size: 1.5em; font-weight: 700; color: #00B6E9; float: left; margin: 19px 0 0 15px; }
#NewDash.Atendimentos .head label { color: #FFF; padding: 6px 14px; font-weight: 600; margin: 16px 0 0 8px; font-size: 0.95em; }

#NewDash.Atendimentos.Operador .top a.default { background: #d1d1d1; border-radius: 50px !important; font-size: 0.85em; padding: 7px 16px; margin: 20px 0 0 10px; }

#NewDash.Atendimentos.Operador .filter { margin: 20px 0 0; }
#NewDash.Atendimentos.Operador .filter a { margin: 0 10px 0 0; }
#NewDash.Atendimentos.Operador .filter .left { margin: 0; }
#NewDash.Atendimentos.Operador .head {margin: 40px 0 0 }
#NewDash.Atendimentos.Operador .content .top { width: 100%; color:#666666; border-bottom: 1px solid #f3f3f3; margin: 0 0 30px; }
#NewDash.Atendimentos.Operador .content .top h4 { font-weight: 700;float: left;margin: 23px 0 0 0; }
#NewDash.Atendimentos.Operador .content ul.dois li.excep { width: 100% }
#NewDash.Atendimentos.Operador .content ul.quatro li {
    width: 22%;}
#NewDash.Atendimentos.Operador .content ul.big { margin: 5% 0 0   }
#NewDash.Atendimentos.Operador .content ul.big .bigger a { font-size: 1.1em }


#NewDash .dashboardStruct { width:23%; margin:0 0 0 2.66%; float:left }
#NewDash .dashboardStruct.nomargin {  margin:0  }





/* ---------------- Performance  ---------------- */

#NewDash.Atendimentos.Operador.Performance .content ul.dois li .abas {margin: 0;}
#NewDash.Atendimentos.Operador.Performance .content ul.dois li .abas a { color: #BFBFBF;
    background: #FFF; }
#NewDash.Atendimentos.Operador.Performance .content ul.dois li .abas a.active { color: #666666 }
#NewDash.Atendimentos.Operador.Performance .content ul.big .bigger a { font-size: 0.85em;
    padding: 13px 8px; margin: 0 0 1px; }

#NewDash.Atendimentos.Operador.Performance .content .numbers { width: 47.5%; background:#F8F8F8; padding: 1.3em 0; float: left; text-align: center; font-size: 1.3em; font-weight: 600; color: #616161; border-radius: 10px; }
#NewDash.Atendimentos.Operador.Performance .content .numbers b { font-size: 1.9em }

#NewDash.Atendimentos.Operador.Performance .content ul.big { margin: 5% 0 0; overflow: hidden; display: block; overflow-x: auto; padding: 0}
#NewDash.Atendimentos.Operador.Performance .content ul.big li.excep { width: 100%; min-width: 1040px; float: left; }
#NewDash.Atendimentos.Operador.Performance .content ul.dois li .box { width: calc(100% - 1px); padding: 2% 3% 0; }

#NewDash.Atendimentos.Operador.Performance .content ul.dois li .box .table thead tr th {     font-size: 10px; font-weight: 700; color: #8b8b8b; }
#NewDash.Atendimentos.Operador.Performance .content ul.dois li .box .NewTable tbody tr td {         line-height: 1.2; font-size: 10.5px; font-weight: 600; vertical-align: middle;  padding-top: 3px; padding-bottom: 3px; }
#NewDash.Atendimentos.Operador.Performance .content ul.dois li .box .NewTable { overflow-x: auto; }

@media (max-width:1390px) {
    #NewDash.Atendimentos.Operador.Performance .content ul.dois li .box .NewTable { max-height: 350px; overflow-y: auto }

}
@media (max-width:750px) {
    #NewDash.Atendimentos.Operador.Performance .content .NewTable table td, th { clear: none;
        float: none; line-height: 0.9; }
    #NewDash.Atendimentos.Operador.Performance .content .NewTable tbody tr { padding: 1%; }
    #NewDash.Atendimentos.Operador.Performance .content .NewTable thead { display: block; }
}
@media (max-width:600px) {
    #NewDash.Atendimentos.Operador.Performance .content .NewTable { margin: 0 0 5%; }
    #NewDash.Atendimentos.Operador.Performance .content .numbers { width: 90%; margin: 0 5% 2.5%; font-size: 0.9em }
}




/* ---------------- Cobertura  ---------------- */

#NewDash.Atendimentos.Cobertura .content.Cobertura .filter { padding: 0 }

#NewDash.Atendimentos.Cobertura .filter { padding: 0; }

#NewDash.Atendimentos.Cobertura .filter .left li { width: 20%; box-sizing: border-box; padding: 0 2% 0 0; float: left; }
#NewDash.Atendimentos.Cobertura .filter .left li input { margin: 0;width: 100%; box-sizing: border-box; min-width: inherit; }
#NewDash.Atendimentos.Cobertura .filter .left li select {width: 100%; }
#NewDash.Atendimentos.Cobertura .filter .left li button {width: 100%; }

#NewDash.Atendimentos.Cobertura .box { padding: 0 }
#NewDash.Atendimentos.Cobertura .box .top { padding: 30px 35px 30px 35px }

#NewDash.Atendimentos.Cobertura .top li { width: 20%; box-sizing: border-box; padding: 0 2% 0 0; float: left;}
#NewDash.Atendimentos.Cobertura .top li:first-child { width: 45% }
#NewDash.Atendimentos.Cobertura .top li label { width: 100%; background: none; color: #999; padding: 0; font-size: 0.8em; font-weight: 600; float: left; margin: 0 }
#NewDash.Atendimentos.Cobertura .top li input {width: 100%; float: left; clear: both; padding: 10px 10px; border-radius: 7px; border: 1px solid #F2F2F2; color: #616161; background: #F9F9F9;}
#NewDash.Atendimentos.Cobertura .top li select {width: 100%; float: left; clear: both; padding: 10px 10px; border-radius: 7px; border: 1px solid #F2F2F2; color: #616161;}


#NewDash.Atendimentos.Cobertura .containier { padding: 0 }
#NewDash.Atendimentos.Cobertura .containier .map { width: 50%; background: #f0f0f0; height: 400px; margin: 0; border-radius: 0 0 0 7px;}
#NewDash.Atendimentos.Cobertura .containier .tabela { width: 50%; background: #FCFCFC; height: 400px; margin: 0; border-radius: 0 0 7px 0; font-size: 0.85em; box-sizing: border-box; padding-right: 30px; padding-left: 30px; overflow-y: scroll;}
#NewDash.Atendimentos.Cobertura a label.btn { cursor: pointer; }

#NewDash.Atendimentos.Cobertura label.btn { cursor:default; padding: 4px 7px; font-size: 11px; color: #FFF;font-weight: 600 }
#NewDash.Atendimentos.Cobertura label.green { background: #59C9B6 }
#NewDash.Atendimentos.Cobertura label.blue { background: #00B6E9;  }
#NewDash.Atendimentos.Cobertura label.danger { background: #F17B83 }


#NewDash.Atendimentos.Cobertura .bottom { width: 100%; float: left; }
#NewDash.Atendimentos.Cobertura .bottom li { float: left; margin: 0 30px 0 0  }
#NewDash.Atendimentos.Cobertura .bottom li img { float: left; margin: 0 10px 0 0 }
#NewDash.Atendimentos.Cobertura .bottom li p { float: left; color: #666; font-size: 0.86em; font-weight: 600   }
#NewDash.Atendimentos.Cobertura p.final {width: 90%; float: left; color: #CECECE; font-size: 0.75em; font-weight: 600; text-align: left; margin: 10px 0 0   }





/* ---------------- NEW DASH  ---------------- */

#NewDash { width: 100%; height: auto; margin: 0 0 5% 0; float: left; position: relative; z-index: 2;  }
#NewDash .top { width: 100%; float: left; padding: 0 0 2.5em 0; }
#NewDash .top h2 {float: left; color: #616161; font-weight: 700; font-size: 2em }
#NewDash .top .right {float: right }
#NewDash .top a {float: left; color: #FFF; background: #1eb5ef; font-weight: 700; padding: 0.75em 1.4em; margin: 13px 0 0 15px; border-radius: 7px; font-size: 1.1em; transition: .3s }
#NewDash .top a:hover { opacity: .7 }



#NewDash .content { width: 100%; float: left; padding: 4%; box-sizing: border-box;  }
#NewDash .content .filter { width: 100%; float: left; padding:0 0 4% 0;  }
#NewDash .content .filter p { float: left; color: #A2A2A2; font-size: 0.9em; margin: 8px 0 0  }
#NewDash .content .filter a { margin: 0 1em 0 0; float: left; color: #FFF; background: #1eb5ef; font-weight: 600; padding: 0.75em 1.4em; margin: 0; border-radius: 7px; font-size: 1em; transition: .3s }
#NewDash .content .filter a.active { background: #F3F3F3; color: #AAAAAA; cursor: default}
#NewDash .content .filter a.active:hover { opacity: 1 }
#NewDash .content .filter a:hover { opacity: .7 }


#NewDash .content ul { width: 100%; float: left; padding: 0 0 4%; margin: 0   }
#NewDash .content ul li {float: left; list-style: none;   }

#NewDash .content ul.quatro li {width: 22%; margin: 0 4% 0 0; padding: 3% 0 4%; border: 1px solid #F3F3F3; background: #FFF; border-radius: 7px  }


#NewDash .content ul.tres li {width: 30.666%; height: 180px; margin: 0 4% 0 0;   }
#NewDash .content ul.tres.padding li { padding: 2%; height: auto }


#NewDash .content ul li:last-child { margin: 0 }



#NewDash .content ul.quatro li p { width: 100%; height: 30px; float: left; text-align:center; font-size: 1em; color: #666; font-weight: 600; margin: 0; line-height: 1 }
#NewDash .content ul.quatro li h3 { width: 100%; float: left; text-align:center;     font-size: 4.5em; font-weight: 900; color: #666; margin: 0 }
#NewDash .content ul.quatro li h3 span { font-size: 0.6em; }
#NewDash .content ul.quatro li h3 small { font-size: 0.4em; }


#NewDash .content ul.dois li p { width: 100%; height: 30px; float: left; text-align:center; font-size: 1em; color: #666; font-weight: 600; margin: 0; line-height: 1 }

#NewDash .content ul.dois li {width:36%; margin: 0 4% 0 0;  }
#NewDash .content ul.dois li:last-child {width:60%; margin: 0 ;  }
#NewDash .content ul.dois li .abas {float: left; margin: 0 4% 0 0; position: relative;  z-index: 2;   }
#NewDash .content ul.dois li .abas a { float: left; color: #FFF; background: #1eb5ef; font-weight: 600; padding: 0.75em 1.4em; margin: 7px 10px 0 0; border-radius: 7px; font-size: 0.9em; transition: .3s; cursor: pointer }
#NewDash .content ul.dois li .abas a.active { color: #666; border: 1px solid #F3F3F3; background: #FFF; border-radius: 7px 7px 0 0; border-bottom: 0; padding: 1.4em 1.4em; margin: 0 10px 0 0; cursor: default }
#NewDash .content ul.dois li .abas a.red { background: #EC7B7B }
#NewDash .content ul.dois li .abas a.red.active { color: #EC7B7B; background: #FFF; }
#NewDash .content ul.dois li .box {width: 100%; min-height: 250px; float: left; padding: 3%; border: 1px solid #F3F3F3; background: #FFF; border-radius: 4px; margin: -2px 0 0;  position: relative;  z-index: 1;  }

#NewDash .content ul.dois li .box table { font-size: 0.9em !important; line-height: 1; }





@media (max-width:1400px) {
    #NewDash .content ul.dois li .abas a { font-size: 0.75em; margin: 7px 3px 0 0;}
    #NewDash .content ul.dois li .abas a.active { margin: 0 3px 0 0; }
    #NewDash .content ul.quatro li { font-size: 80% }
}
@media (max-width:1170px) {
    #NewDash .content ul.dois li { width: 100% !important; margin: 0 0 5%; }
}
@media (max-width:850px) {
    #NewDash .top { padding: 0 5% 5%; box-sizing: border-box; }
    #NewDash .top .right { display: none }
}
@media (max-width:700px) {
    #NewDash .content ul.quatro li { width: 46%; margin: 0 4% 5% 0; }
    #NewDash .content ul.tres li { width: 46%; margin: 0 4% 5% 0; }
    #NewDash .content ul.dois li .box table { font-size: 80% !important; line-height: 0; }
}
@media (max-width:520px) {
    #NewDash .content ul.tres li { width: 100%; height: auto; margin: 0 0 5% 0; }
    #NewDash .content ul.tres li p {height: auto}

    #NewDash .content ul.dois li .abas a { font-size: 0.60em; }
    #NewDash .content ul.dois li { min-width: 370px;}

}








/* ---------------- NEW LOGIN  ---------------- */


#login-img { width: 35%; height:100%; background: #0088be; left: 0; top: 0;
    position: absolute; }
#login-img::after {
    content: "";
    opacity: 0.1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    background-size: cover !important;
    background-position: center !important;
}
.administrativo #login-img::after {background: url(../img/login/deltaGlobal-administrativo.jpg)}
.distribuidor #login-img::after {background: url(../img/login/deltaGlobal-distribuidor.jpg)}
.prestador #login-img::after {background: url(../img/login/deltaGlobal-prestador.jpg)}


.sompo #login-img { background: #79252D }

.sompo #login-img::after {opacity: 0.4; background: url(../img/login/deltaGlobal-bg-sompo.jpg)}
.sompo #login-content h3 { color: #F92845 }
.sompo #login-content h4 { color: #F92845 }
.sompo .center.sompo {display: block !important}
.sompo .changers { display: none }
.sompo.login .content #forget-password { color: #F92845 }
.sompo #login-content .content .logo { display: none }
.sompo #login-content .content .sompoLogo { display: block; text-align: center; margin-bottom: 30px; }
.sompo #login-content .content .sompoLogo h4 { clear: both; width: 100%; float: left; color: #C9C9C9; font-size: 2.0em; font-style:; font-weight: 900; margin: -80px 0 10px; line-height: 1.3; }

.sompo #login-content .footeringDelta { display: block;position: absolute; width: 100%; text-align: center; bottom: 90px; left: 0; }

#login-content .footeringDelta { display: none }
#login-content .content .sompoLogo { display: none }

.sompo.login .content button[type=submit] { background: #F92845; }


#login-img .center { display: none; text-align: center; position: relative; left:50%; top: 40%; transform: translate(-50%,-50%); z-index: 2}
#login-img .center figure { clear: both; width: 100%; text-align: center; float: left;}
#login-img .center h5 { clear: both; width: 100%; float: left; color: #FFF; font-size: 2.8em; font-style:; font-weight: 900; margin: 0; line-height: 1.3;}
#login-img .center p { clear: both; width: 100%; float: left; color: #95CFE8; font-size: 1.3em; font-weight: 700}

.administrativo .center.administrativo {display: block !important}
.distribuidor .center.distribuidor {display: block !important}
.prestador .center.prestador {display: block !important}


.changers { position: absolute; top: 30px; right: 30px;  }
.changers a { float: left; background: #2DA1D2; padding: 1em 2em; color: #FFF; font-size: 0.9em; font-weight: 600; text-transform: uppercase; cursor: pointer; margin: 0 1px 0 0; }
.changers a:first-child { border-radius: 25px 0 0 25px; padding-left: 2.5em  }
.changers a:last-child { border-radius: 0 25px 25px 0; padding-right: 2.5em; margin: 0 }
.changers a:hover { background: #41b5e6 }
.changers a:focus { text-decoration: none }

.administrativo .changers a.change_administrativo {background: #95CFE8; cursor: default}
.distribuidor .changers a.change_distribuidor {background: #95CFE8; cursor: default}
.prestador .changers a.change_prestador {background: #95CFE8; cursor: default}


#page-container {width: 100vw; height: 100vh; display: flex; flex-direction: column}
#page-container .header { width: 100%; height: 50px; display: flex; align-items: center; justify-content: flex-end; border: 0; padding: 0 20px; box-sizing: border-box;}

#page-container .header a { text-decoration: none;}
#page-container .header .username {
    background: #d1d1d1;
    color: #FFF;
    padding: 2px 10px 3px;
    border-radius: 7px;
    height: fit-content;
}

#troca-senha { display: flex; justify-content: center; align-items: center; padding-top: 120px; height: 100%;}

#login-content { width: 42%; height:100%; background: #FFF; left: 0; top: 0;
    position: absolute; }

#troca-senha h2 {
    color: #0170A5;
    font-size: 1.6rem;
    font-weight: 900;
    margin: 0 0 15px 0;
    padding: 0;
    text-align: center;
}

#login-content h3 { position: absolute; top: 19px; left: 30px; color: #2DA1D2; font-weight: 700; font-size: 1.1em }


#login-content h4 { float: left; color: #ff4f4f; font-weight: 700; font-size: 1.1em }

#troca-senha .content,
#login-content .content { width: 297px; padding: 0; margin: -30px 0 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }

#login-content .content .logo {
    margin: 0 auto;
    margin-top: 0;
    padding: 0;
    text-align: center;
    float: left;
    width: 100%;
}

.login .logo img { width: 149px !important;  padding: 0 0 40px 0 !important;  }

.login .content .form-actions { padding: 0; margin: 0 }

#troca-senha .content .input-icon,
.login .content .input-icon { position: relative; float: left; width: 100%; margin: 0 0 4%;}
#troca-senha .content .input-icon input,
.login .content .input-icon input {width: 100%; border: 1px solid #EAEAEA; border-radius: 7px; height: 56px; padding: 0 22px !important; color: #9E9E9E !important; font-weight: 700; position: relative; z-index: 1; }


.ico-user { width: 21px; height: 16px; position: absolute; top: 20px; right: 19px; background: url(../img/icons/envelope.svg); background-size: 21px auto; z-index: 2 }

.ico-key { width: 21px; height: 21px; position: absolute; top: 18px; right: 18px; background: url(../img/icons/key.svg); background-size: 21px auto; z-index: 2 }

#troca-senha .content button,
.login .content button {width: 100%; height: 50px; font-size: 15px; font-weight: 700; float: left; background-color: #0089BF; font-weight: 400; }
.login .content button#back-btn {width: auto; height: 40px; font-size: 1em; color: #666; margin: 4% 0 0 }


.login .content .checkbox { font-size: 0.9em; font-weight: 500; color: #9e9e9e; line-height: 1.2; margin: 4px 1px 25px; float: left; }

.login .content #forget-password { font-size: 14px; color: #0089BF; line-height: 1.2; margin: 30px 0 0; float: right; width: 100%; text-align: center; text-decoration: underline;}
.login .content #forget-password:hover { text-decoration: underline !important;}
.login .content #primeiro_acesso { font-size: 0.9em; font-weight: 600; color: #00b6e9; margin: 8px 0 0; float: right;}

#login-content .footering { position: absolute; width: 100%; text-align: center; bottom: 40px; left: 0; font-size: 11px; color: #BBBBBB; font-weight: 500;}


#NewForm .NewTable.historic span { width: auto;  clear: both; float: left;    margin: 0 10px 0 0; font-size: 1em; padding: 4px 8px; }


@media (max-width:450px) {
    #login-content .content { width: 90%;  }
    #login-content h3 { left: 0; width: 100%; text-align: center; }
    #login-content .footering {  width: 90%; margin: 0 0 0 5%; bottom: 0;     line-height: 1.3;  font-size: 0.85em }
    .login .content #forget-password { margin: 11px 0 0; float: left;  clear: both; }




}


.kpi { width: 100%; float: left }
.kpi .dashboard-stat.status { height: 119px !important;}
.kpi .dashboard-stat.status .details { position:relative; z-index:3; padding: 20px 15px 0 0; }
.kpi .dashboard-stat.blue-delta .more { position:relative; z-index:2; background-color: #43addd !important; color: #ffffff8f; opacity: 1; text-align: center; margin: 14px 0 0; }
.kpi .dashboard-stat.blue-delta .visual { position:relative; z-index:1 }
.kpi .dashboard-stat.status .visual i { font-size: 170px; margin-left: 14px;  margin-top: 31px; color: #43addd;}


.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a {     font-size: 11px !important; }





#piechart_servicos, #piechart_servicos_valor {  width: 30%; margin: 0 3% 3% 0; height: 400px; float: left; border: 1px solid #f2f2f2; border-radius: 10px; display: block; overflow: hidden; }
#chart_div { width: 67%; margin: 0 0 3% 0; height: 400px; float: left; border: 1px solid #f2f2f2; border-radius: 10px; display: block; overflow: hidden; }
.small_charts { background: #f8f8f8; width: 31.333%; margin: 0 3% 3% 0; height: 400px; float: left; border: 1px solid #f2f2f2; border-radius: 10px; display: block; overflow: hidden; }
.small_charts.last { margin: 0 0 3% }
.medium_charts { background: #f8f8f8; width: 48.5%; height: 400px; float: left; border: 1px solid #f2f2f2; border-radius: 10px; display: block; overflow: hidden;  }
.medium_charts.excep { background: #FFF }
.medium_charts.sem { width: 100%; }

.medium_charts.padd {  padding: 3%; box-sizing: border-box;  }
.medium_charts.small { width: 49%; height: 220px; margin: 0 0 2%;}

.kpis-totais { width: 100%; float: left; padding: 0; border: 1px solid #f2f2f2; border-radius: 10px; background: #f8f8f8; margin: 2% 0; }
.kpis-totais li {  width: 33.333%; margin: 15px 0; height: auto; float: left; border-right: 1px solid #ededed; display: block; overflow: hidden;  }
.kpis-totais li:last-child { border: 0 }
.kpis-totais li p { width: 100%; float: left; text-align: center; color: #757575; font-size: 1.2em; font-weight: 400;  }
.kpis-totais li h4 { width: 100%; float: left; text-align: center; color: #2196f3; font-size: 2.2em; font-weight: 900;  }



@media (max-width:980px) {
    #piechart_servicos, #piechart_servicos_valor { width: 100%; height: 400px; float: left }
    #chart_div { width: 100%; height: 400px; float: left }
    .small_charts { background: #f8f8f8; width: 100%; height: 400px; float: left }
    .medium_charts { background: #f8f8f8; width: 100%; height: 400px; float: left }


    .Meio.Excep { width: 100%; margin: 0 }
    #map.new { height: auto; }
}



.gallery-fotos img { width: 90px; height: 90px; border: 2px solid #ececec;     float: left;    border-radius: 5px; }
.gallery-fotos img.externo { border: 2px solid #0089be; }

.gallery-fotos a { clear: both; font-size: 0.8em;  }
.gallery-fotos { margin-bottom: 10px;}



.pdfvisul {  clear: both; float: left; font-weight: 500; background: #0089BE;  color: #FFF; padding:0; border-radius: 4px;}
.pdfvisul p { color: #FFF !important; font-size: 12px !important;}

.pdfvisul div { float: left; margin: 13px 20px 0;}
.pdfvisul div p { float: left; margin: 0;     font-size: 12px; }
.pdfvisul div span { float: left; margin: ; clear: both;    zoom: .85; }

.pdfvisul::before { content: ''; background: url(../img/icons/paper.svg); background-size: 24px auto; width: 36px; height:36px; float: left; padding: 29px; border-right: 1px solid #ffffff1c; background-position: center center;
    background-repeat: no-repeat; }

.pdfvisul.prestador {background: #0d638f !important;}
.pdfvisul:hover { color: #FFF; opacity: .8 }
.removebtn { font-size: 0.85em; font-weight: 700; margin: 2px 0 10px 5px; color: #ff6e6e; float: left; }
.removebtn:hover { opacity: .8; color: #ff6e6e;  }


.label-mobyle-only { display: none !important }
@media (max-width:750px) {


    .label-mobyle-only { display: block !important; color: #999; font-size: 11px; }
    .right { float: left !important }

    .SubTitle .right { clear: both }
    .SubTitle .right a { clear: both; margin: 0 0 5%;  }

    .NewTable thead tr th:last-child { width: 100% !important }


    #NewForm .NewTable.historic tbody tr td { padding: 0 0 5px 10px !important; }
    .NewTable.historic input.radio { margin: 0 6px 0 0 !important;}

    .select2-container { width: 80%; }

    .NewTable .box-form { flex-direction: column;}
    .NewTable .box-form .group-form .single-input { margin: 0 10px; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; gap: 10px;}
    .NewTable .box-form .group-form .group-inputs { margin: 0 10px 20px; display: grid; grid-template-columns: 1fr;  gap: 10px;}
    .NewTable .box-form .group-form .box-input label { margin-bottom: 5px; color: #999; font-size: 11px; font-weight: 700}

}

.publico .select2-container-multi .select2-choices {
    max-height: 50px;
    overflow-y: auto;
}

.select2-container-multi .select2-choices .select2-search-field input {
    min-height: 47px !important;
}

.excep-rc .select2-choices .select2-search-field {
    height: 47px;
}

.select2-choices .select2-search-field {
    height: 43px;
}

.select2-search-choice {
    height: 37px;
}

.select2-search-choice div {
    line-height: 29px;
}

.select2-search-choice .select2-search-choice-close {
    top: 10px;
}

@media (max-width:1070px) {
    #login-content h3 {display: none}


}
@media (max-width:800px) {

    #login-img { display: none; width: 100%; height:180px; position: relative; background: #2DA1D2; left: 0; top: 0;}
    #login-img .center {zoom:.8; top: 25%; }
    #login-content { width: 100%; position: relative; height: 100vh; }

    #login-content .content { position: relative; top: inherit; margin-top: 12%; }
    #login-content .footering { position: relative; float: left; bottom: -30px; }

    .login .logo img { padding: 5% 0 9% 0 !important; }


    .changers {zoom: .93; float: left; position: relative; top: inherit; right: inherit; left: 50%; transform: translate(-50%); margin: 0 0 5%; }

    .sompo #login-content .footeringDelta { position: relative; float: left;
        margin-top: 14%; width: 90%; margin: 0 0 0 5%; bottom: 8px; line-height: 1.3;  font-size: 0.85em }

    .sompo #login-content .content .sompoLogo h4 { display: none }

    #rightSideLogin {
        width: 0% !important;
    }

}

@media (max-width:450px) {
    .changers { zoom:.78}

}




.NewPlaca { width: 100%; margin: 0 0 40px; float: left; background: #0086bc; border-radius: 10px; padding:0; }

.NewPlaca .control-label {display: flex; width: -webkit-fill-available;    justify-content: center; align-items: center; background: #0a9dd8;}
.NewPlaca .liga-desliga { border-radius: 0; padding: 1% 30px;
    display: flex; align-items: center; cursor: pointer; transition: .3; height: auto;
    border-top: 0; border-right: 0; height: 70px;}
.NewPlaca .liga-desliga:first-child {border-left: 0;}

.NewPlaca .liga-desliga:hover { opacity: .85;z-index: +1;}

.NewPlaca .liga-desliga.excep { padding:10px 30px 30px; }
.NewPlaca .liga-desliga.excep:hover { opacity: 1; }
.NewPlaca .liga-desliga.full__right {width: 100%; justify-content: flex-end;}

.NewPlaca.Sompo { background: #b3001f }
.NewPlaca.Sompo div input { background: #94001a; }
.NewPlaca.Sompo div input::placeholder { color: #d00024;}
.NewPlaca.Sompo div a {color: #b3001f !important;}

.NewPlaca h4 { padding: 22px 20px 5px 0; font-size: 1.5em; float: left; text-align: center; color: #FFF; margin: 0 0 3%; }

.NewPlaca div.plate { width: 100%; float: left; position: relative;  }
.NewPlaca div.plate div { width: 48%; float: left; margin:0 3.5% 0 0  }
.NewPlaca div.plate div h4 { width: 100%; float: left; font-size: 1em; margin: 0; }

.NewPlaca div input { text-transform: uppercase; height: 55px; width: 100%; border: 0; background: #0086bc; color: #FFF; letter-spacing: 5px; border-radius: 7px !important; font-size: 1.6em; font-weight: 700;text-align: center; float: left; margin: 4px 0; }
.NewPlaca div input::placeholder { color: #0a9dd8;}

.NewPlaca div a { width: 20%; background: #f9f9f9 !important; color: red; line-height: 37px; margin: 47px 0 0 !important; border-radius: 7px !important; color: #0b92c6 !important; font-weight: 600; }

.NewPlaca label { margin: 0; font-size: 0.95em; font-weight: 500;  float: left; color: #f9f9f9; position: relative; width: 100%; display: flex;  }
.NewPlaca label p { margin: 0; }

.NewPlaca label input { margin: 0 0 0; width: 15px; height: 15px; float: left; }


.servico_oficina { font-size: 0.85em !important; float: left; }

.servico_oficina .checkbox  { margin: 7px 0 0; padding: 0px;}

.servico_oficina .col-md-6 { margin: 0 2% 10% 0; width: 48%; }

.checkbox label {
    font-size: 1.2em;
    margin: 0 6px 0 0;
}
.servico_oficina input[type="checkbox"] {
    margin-left: 0px;
}
.servico_oficina table td {
    padding: 0px;
}
.servico_oficina input[type="text"].large {
    margin-left: 10px;
    width: 150px
}
.servico_oficina input[type="text"].small {
    width: 70px;
}





/***
NovaContratação
***/


#NovaContratação { width: 100%; float: left; }
#NovaContratação .row { padding: 0 4% 4% }
#NovaContratação h3 { margin: 0 0px 30px 0px; }
#NovaContratação .btn { font-weight: 600; margin: 0 15px 0 0 }
#NovaContratação .btn.right { margin: 0 }
#NovaContratação .btn.default { background: #CECFCF; color: #FFF }
#NovaContratação .btn.red { background: #F17B83; }
#NovaContratação .btn.green { background: #81D4C3; }

#NovaContratação .btn.active { color: #FFF; cursor: default; }
#NovaContratação .btn.no-active { background: #CECFCF; color: #FFF; }
#NovaContratação #NewForm { margin: 0 0 2%; float: left; }
#NovaContratação #NewForm form span label { color:#A3A3A3; font-size: 0.85em;  }
#NovaContratação #NewForm form span textarea, .textarealines { background: url(../home/img/deltaGlobal-2cOaJ.png); background-attachment: local; background-repeat: no-repeat;  padding-left: 35px; padding-top: 12px; border-color:#ccc; font-size: 12px; line-height: 16px; resize: vertical; height: 335px; }

#NovaContratação #NewForm form p.pnew { margin: 22px 0 -10px  }

.containerInput { display: flex; justify-content: flex-end; margin: 0 2.5% 1% 0}
.containerInput .check { margin-right: 10px;}


#NovaContratação .NewTable .btn { font-size: 0.85em !important; }
#NovaContratação .NewTable.Small { font-size: 0.85em !important; line-height: 0.5; }
#NovaContratação .NewTable.Small table td, th { padding:10px 5px !important; font-size: 1em; }
#NovaContratação .NewTable.Small table td, th:first-child { padding:10px 15px !important; }
#NovaContratação .NewTable.Small table td, th:first-child.excep__ { padding:10px 36px !important; }
#NovaContratação .NewTable.Small tbody tr td:first-child { font-weight: 400; padding: 3px 5px 3px 15px;}
#NovaContratação .NewTable.margin0 { margin: 2% 0 0 !important }

#NovaContratação .placa { width: 98.5%; margin: 0 0 3%; float: left; background: #1eb5ef; border-radius: 10px; padding: 10px; }
#NovaContratação .placa h4 { padding: 22px 20px 5px 0; font-size: 1.5em; float: left; text-align: center; color: #FFF; margin: 0 0 3%; }
#NovaContratação .placa div {  float: left; position: relative; transform: translate(-50%,0); left: 50%  }
#NovaContratação .placa div input { text-transform: uppercase; height: 55px; width: 220px; border: 0; background: #0b92c6; color: #FFF; letter-spacing: 5px; border-radius: 7px 0 0 7px !important; font-size: 2em; font-weight: 700;text-align: center; float: left; margin: 4px 0; }
#NovaContratação .placa div input::placeholder { color: #17a6dc;}
#NovaContratação .placa div a { background: #f9f9f9 !important; color: red; line-height: 37px; margin: 4px 0 0 !important; border-radius: 0 7px 7px 0 !important; color: #0b92c6 !important; font-weight: 600; }
#NovaContratação .placa label { margin: 5px 0 0; font-size: 0.85em; font-weight: 600; clear: both; float: left; color: #f9f9f9; position: relative; left: 50%; transform: translate(-50%,0)  }
#NovaContratação .placa label input { margin: 0 0 0; width: 15px; height: 15px; float: left; }

.NewTable.bigTable table tbody tr td { font-size:1em; color: #656565; overflow: hidden;}
.NewTable.bigTable table tr td.date { background: #fdfdfd; padding: 15px 0; text-align: center; font-size: 1.35em; font-weight: 600; color: #bbbbbb; }
.NewTable.bigTable table .new { font-size: 0.9em;  }
.NewTable.bigTable.excepMarginLabel table .new { margin: 5px 0 0 0; float: left;  }
.NewTable.bigTable table .new p { font-size: 0.90em; margin: 0 0 -1px;   }
.NewTable.bigTable table .new small { font-size: 0.85em;   }
.NewTable.bigTable table small { font-size: 0.85em; line-height: 1.2 !important; font-weight: 600; clear: both; float: left;  }
.NewTable.bigTable table .new.zero { padding-left: 0;  }

.NewTable.bigTable table .new.tiny { font-size: 0.6em; padding: 3px 8px 2px; background: #1eb5ef; }


#NovaContratação .timeline { width: 100%; float: left;   }
#NovaContratação .endline { width: 100%; height: 300px; float: left; border-left: 2px solid #F0F1F1;   }
#NovaContratação .timeline .step { width: 100%; float: left; padding: 0 0 10% 0; position: relative; border-left: 2px solid #F0F1F1; }
#NovaContratação .timeline .step.done { border-left: 2px solid #00B6E9; }
#NovaContratação .timeline .step.over { border-left: 2px solid transparent; }

#NovaContratação .timeline .step .title { width: 100%; float: left; position: relative; }
#NovaContratação .timeline .step .title h4 { margin: -8px 0 0 5%; color: #00B6E9; font-size: 2em; font-weight: 700; float: left;   }
#NovaContratação .timeline .step .title span { width: 16px; height: 16px; border-radius: 50px; background: #00B6E9; position: absolute; top: 0; left: -9px  }
#NovaContratação .timeline .step .title a { float: left; margin: -10px 0 0 15px; font-size: .9em; font-weight: 700;}
#NovaContratação .content { width: 100%; float: left; padding: 0 0 0 5%; margin: 5% 0 0 0; box-sizing: border-box }

#NovaContratação .content .abas { width: 100%; float: left;  }
#NovaContratação .content .abas .top { width: 100%; float: left; position: relative;
    z-index: 2; padding: 0  }
#NovaContratação .content .abas .top li > a { font-weight: 600; font-size: 1em; padding: 14px 20px 12px; border-radius: 7px 7px 0 0; background: var(--azul-medio); color: #FFF; float: left; margin: 0 2px 0 0; }
#NovaContratação .content .abas .top li.active > a { background: #FFF; color: #666666; float: left; box-shadow: 0 -4px 6px #0000000d; border: 1px solid #f7f7f7;border-bottom: transparent;}
#NovaContratação .content .abas .box { border-radius:0 7px 7px 7px; }

#NovaContratação .content .box { width: 100%; float: left; box-shadow: 1px 1px 3px #e5e5e5; border-radius: 4px; padding: 5%; position: relative; background: #FFF; z-index: 1; border: 1px solid #f7f7f7;border-top: transparent;}
#NovaContratação .content .box.divisor { padding: 5% 0;}
#NovaContratação .content .box.divisor.excep { padding: 0; margin: 0 0 5%;}
#NovaContratação .content .box.divisor.excep2 { padding: 0; margin: 0 0 5%;}

#NovaContratação .content .box.divisor .divpad { width: 100%; float: left; padding: 5% 3.5%;}
#NovaContratação .content .box.divisor .divpad.servicos { padding: 3% 0 0 0; border-top: 1px solid #f4f4f4;}

/*  */
.content .box.divisor .divpad .box-chart { display: flex; justify-content: flex-start; align-items: center;}
.content .box.divisor .divpad .title-chart { padding: 0 20px; font-size: 1.230em; font-weight: 600; }

.links_results .flex-box { margin: 5px; }

#NovaContratação .content .box.divisor .divpad.left { width: 70%; margin: 0; padding: 5% 3.5%;border-right: 1px solid #f4f4f4;}
#NovaContratação .content .box.divisor .divpad.right { width: 30%; margin: 0;}
#NovaContratação .content .box.divisor .divpad.right.flexBorderBotttom {display: flex; flex-direction: column; align-items: center; text-align: center;}

#NovaContratação .content .box.divisor .divpad.excep { padding: 3% 5% 3% 4%; margin: 0; display: flex;
    font-size: 0.95em; border-bottom: 1px solid #f8f8f8;}
#NovaContratação .content .box.divisor .divpad2 { width: 100%; float: left; padding: 5%; background: #fdfdfd; }
#NovaContratação .content .box.divisor .divline { width: 100%; height: 1px; float: left;  background: #F8F8F8; }

#NovaContratação .content .box.cliente { padding: 2.5%;}
#NovaContratação .content .box.cliente img {float: left;}
#NovaContratação .content .box.cliente .info {float: left; padding: 0 0 0 2.5%}
#NovaContratação .content .box.cliente .info p {float: left; clear: both; font-size: 1.1em; color: #616161; font-weight: 600; margin: 1px 0 0; }
#NovaContratação .content .box.cliente .info small {float: left; clear: both; font-size: 1em; color: #A0A0A0; font-weight: 600 }
#NovaContratação .content .box.cliente a { float: right }

#NovaContratação .content .box.cliente .info select { width: 100%; box-sizing: border-box; padding: 0 20px; float: left; border-radius: 7px; border: 1px solid #eaeaea; height: 45px; transition:0.3s; font-size: 1.1em; color: #616161; font-weight: 600; }

#NovaContratação .content .footer_nova_cotacao_valor {
    background: rgba(221, 221, 221, 0.65);
    padding: 2.5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
}
#NovaContratação .content .footer_nova_cotacao_valor .footer_nova_cotacao_inside{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: end;
}


#NovaContratação .content .box.blue { background:#1EB5EF; }

#NovaContratação .content .NewPlaca { margin: 0 0 5%; }
#NovaContratação .content .add { width: auto !important;  margin: 2em 0; left: 50%;  position: relative; transform: translate(-50%,0); }
#NovaContratação .content .add img { float: left; margin:6px 20px 0 0; width: 50px !important; height: 50px !important; }
#NovaContratação .content .add img.car { opacity: .1; margin: 10px 20px 0; }
#NovaContratação .content .add div { float: left; margin: 0; }
#NovaContratação .content .add div p { float: left; color:#646464; font-size:1.8em; font-weight: 900; margin: 5px 0 0; }
#NovaContratação .content .add div small { clear: both; float: left; color:#A3A3A3; font-size: 1em; font-weight: 600 }
#NovaContratação .content .add a.delete { float: left; background:#F17B83; font-size: 0.85em; font-weight: 600; color: #FFF; text-align: center; width:20px; height: 20px; box-sizing: border-box; padding: 2px 0 0; border-radius: 50px; margin: 21px 0 0 30px;  }
#NovaContratação .content .add a.delete:hover { opacity: .8; }

#NovaContratação .content .box.cliente.car img {float: left; margin: 0; }
#NovaContratação .content .box.cliente.car .info { padding: 8px 0 0 2.5%; }
#NovaContratação .content .box.cliente.car .info p {float: left; clear: both; font-size: 1.6em; color: #616161; font-weight: 900; margin: 1px 0 0; }
#NovaContratação .content .box.cliente.car .info small {float: left; clear: both; font-size: 1em; color: #A0A0A0; font-weight: 600 }
#NovaContratação .content .box.cliente.car a.edit { margin: 15px 0 0; }

#NovaContratação .content .box.divisor .divpad.proposta .top { float: left;  }
#NovaContratação .content .box.divisor .divpad.proposta img { float: left; margin: 0 20px 0 0; }
#NovaContratação .content .box.divisor .divpad.proposta .info { float: left; }
#NovaContratação .content .box.divisor .divpad.proposta .info p { float: left; color:#646464; font-size:1.2em; font-weight: 900; margin: 0; }
#NovaContratação .content .box.divisor .divpad.proposta .info small { clear: both; float: left; color:#A3A3A3; font-size: 1em; font-weight: 600 }

#NovaContratação .content .box.divisor .divpad.proposta ul { width: 100%; float: left; padding: 20px 0 0 62px; margin:0  }
#NovaContratação .content .box.divisor .divpad.proposta ul li { width: 25%; float: left; list-style: none; font-weight: 600; margin: 0 0 15px }
#NovaContratação .content .box.divisor .divpad.proposta ul li small { color:#A3A3A3; }
#NovaContratação .content .box.divisor .divpad.proposta ul li p { color:#646464; }

#NovaContratação .content .box.divisor .divpad.excep ul.right { float: right;  }
#NovaContratação .content .box.divisor .divpad.excep ul.right li { list-style: none; font-weight: 600; margin: 4px 30px 20px 0 }
#NovaContratação .content .box.divisor .divpad.excep ul.right li small { color:#A3A3A3; }
#NovaContratação .content .box.divisor .divpad.excep ul.right li p { color:#646464; }

#NovaContratação #NewForm form span input[type="file"] { background: #f8f8f8; color:#A3A3A3; padding: 10px;  }
#NovaContratação .content .box.divisor figure.loading { width: 100%; float: left; text-align: center; background: #fdfdfd; padding: 4% 0; }
#NovaContratação .content .box.divisor figure.loading p { color: #A7A7A7; font-size:1.2em; font-style: italic; }

#NovaContratação .content .box.divisor .numbersFrota h5 { float: left; color: #666666; font-size: 1.2em; font-weight: 600; }
#NovaContratação .content .box.divisor .numbersFrota ul { float: right; padding: 0 0 2%; }
#NovaContratação .content .box.divisor .numbersFrota ul li { float: left; list-style: none; margin: 0 20px 0 0 }
#NovaContratação .content .box.divisor .numbersFrota ul li span { float: left; color:#00B6E9; font-size: 1.8em; font-weight: 700  }
#NovaContratação .content .box.divisor .numbersFrota ul li p { float: left; color:#666666; font-size: 1em; font-weight: 600; margin: 7px 0 0 8px;  }
#NovaContratação .content .box.divisor .numbersFrota .btn { float: left; }

#NovaContratação .content .box.cliente a.pross { float: left; margin: 2% 0 1%; }

#NovaContratação .content .box.divisor .divpad.total { background:#fdfdfd; color: #616161; padding: 3% 5% 2%; }
#NovaContratação .content .box.divisor .divpad.total p { font-size: 1.4em; font-weight: 700; margin: 0 }
#NovaContratação .content .box.divisor .divpad.total small { font-size: 0.85em; font-weight: 500; text-transform: uppercase; color: #828282; }
#NovaContratação .content .box.divisor .divpad.total ul { float: right;  }
#NovaContratação .content .box.divisor .divpad.total ul li { float: left; list-style: none; margin: 0 0 0 20px  }
#NovaContratação .content .box.divisor .divpad.total ul li p { font-size: 1.1em }




#NovaContratação.cotacoes { width: 100%; float: left; }
#NovaContratação.cotacoes h3 { width: auto; float: left; color: #666 }
#NovaContratação.cotacoes h4 { width: auto; float: left; font-size: 2.5em; line-height: 1.2; color: #1eb5ef; font-weight: 900; clear: both; margin: 0 0 20px; }
#NovaContratação.cotacoes .busca { float: right; position: relative; margin: 10px 0 0 0; }
#NovaContratação.cotacoes .busca input[type="text"] { width:340px; box-sizing: border-box; padding: 0 20px; margin:0 0 10px 0; float: left; border-radius: 7px; border: 1px solid #eaeaea; height: 45px; transition:0.3s; color: #666; font-size: 1.1em; font-weight: 600; }
#NovaContratação.cotacoes .busca input[type="text"]::placeholder { color:#b8b8b8; font-style: italic; font-weight: 500; }
#NovaContratação.cotacoes .busca input[type="submit"] { min-width: 60px; position: absolute; right: 0; box-sizing: border-box; padding: 0 20px; margin:3px 3px 10px 0; float: left; border-radius: 4px; border: 0; height: 39px; transition:0.3s; background: #1eb5ef; text-indent: -10000px; background-image: url(../img/icons/search-white.svg); background-size: 19px 19px; background-repeat: no-repeat; background-position: 50%; }
#NovaContratação.cotacoes .busca select { width:340px; box-sizing: border-box; padding: 0 20px; margin:0 0 10px 0; float: left; border-radius: 7px; border: 1px solid #eaeaea; height: 37px; transition:0.3s; color: #666; font-size: 1.1em; font-weight: 600; }


#NovaContratação.cotacoes .content { padding: 0; margin: 0; }
#NovaContratação.cotacoes .content .NewTable p { margin: 0; color: #616161 }
#NovaContratação.cotacoes .content .NewTable p:first-child { font-weight: 600 }
#NovaContratação.cotacoes .content .NewTable small { font-weight: 600 ; color: #ababab;     margin: -2px 0 0; float: left;}
#NovaContratação.cotacoes .content .box.divisor .divpad.total { padding: 2% 5%; }
#NovaContratação.cotacoes .content .box.divisor .divpad.total ul {width: 100%; padding: 0; float: left;margin: 0; }
#NovaContratação.cotacoes .content .box.divisor .divpad.total ul li { margin: 0; }
#NovaContratação.cotacoes .content .box.divisor .divpad.total ul li p { font-size: 1.85em;}


.apexcharts-legend-series { text-align: left; margin: 0 0 5px !important; line-height: 1; }
.apexcharts-legend-text { font-family: 'Open Sans', sans-serif !important; font-weight: 600;font-size: 11px !important;
    color: var(--cinza) !important; margin: 1px 8px 0 0px; }
.apexcharts-legend-marker { margin-right: 6px;margin-top: 1px;  float: left;  }
.apexcharts-legend.position-bottom.left, .apexcharts-legend.position-top.left, .apexcharts-legend.position-right, .apexcharts-legend.position-left { right: 0 !important }

.newmodals { width: 100%; float: left; }
.newmodals .modal-dialog { padding-top: 100px }
.newmodals .modal-dialog.excep__modal__DA { padding-top: 0 }
.newmodals .modal-dialog.small { max-width: 460px;}
.newmodals .modal-dialog.small .modal-header { padding: 5% 5% 0;}
.newmodals .modal-dialog.small .modal-header h4 { line-height: 1.2;}
.newmodals .modal-dialog.small .modal-body { padding: 0 20% 5%;}

.newmodals .btn { margin: 10px 0 0; font-size: 1.2em; font-weight: 600; padding: 1em 2em; }
.newmodals .btn.green { background: #81D4C3 }
.newmodals .btn.red { background: #F17B83 }
.newmodals .blue { background: #1eb5ef }

.newmodals .modal-header { border-bottom: 0; float: left; width: 100%; background: #FFF; border-radius: 7px 7px 0 0; }
.newmodals .modal-header.execp__modal__DA { padding: 18px 21px;}
.newmodals .modal-body { width: 100%; float: left; background: #FFF; padding: 0 8% 5%;  }
.newmodals .ramalexcep {max-width: 590px;}
.newmodals .ramalexcep h5 { font-weight: 700; color: #666666;}
.newmodals .ramalexcep .righte { margin: -35px 0 0; float: right;}
.newmodals .ramalexcep .righte .field {font-size: 0.8em; height: 40px;}
.newmodals .ramalexcep .modal-body table.table-flex tr td { padding: 5px;}
.newmodals .modal-footer { background: #f9f9f9; padding: 5% 6%; border-radius: 0 0 6px 6px; float: left; width: 100%; margin : 0;}
.newmodals .excepatalhos{ padding: 28px 34px }
.newmodals .divpad { width: 100%; float: left; padding: 0 5%;
    border-bottom: 1px solid #e5e5e5; background: #FFF}
.newmodals .divpad.proposta .top { float: left;  }
.newmodals .divpad.proposta img { float: left; margin: 0 20px 0 0; }
.newmodals .divpad.proposta .info { float: left; }
.newmodals .divpad.proposta .info p { float: left; color:#646464; font-size:1.2em; font-weight: 900; margin: 0; }
.newmodals .divpad.proposta .info small { clear: both; float: left; color:#A3A3A3; font-size: 1em; font-weight: 600 }

.newmodals .divpad.proposta ul { width: 100%; float: left; padding: 20px 0 0 62px;  }
.newmodals .divpad.proposta ul li { width: 25%; float: left; list-style: none; font-weight: 600; margin: 0 0 20px }
.newmodals .divpad.proposta ul li small { color:#A3A3A3; }
.newmodals .divpad.proposta ul li p { color:#646464; }
.newmodals .divpad.total { background:#fdfdfd; color: #616161; padding: 2.5% 5%; }
.newmodals .divpad.total p { font-size: 1.4em; font-weight: 700; margin: 0 }
.newmodals .divpad.total small { font-size: 0.85em; font-weight: 500; text-transform: uppercase; color: #828282; }
.newmodals .divpad.total ul { float: right;  }
.newmodals .divpad.total ul li { float: left; list-style: none; margin: 0 0 0 20px  }
.newmodals .divpad.total ul li p { font-size: 1.1em }

.newmodals .divpad select { width:340px; box-sizing: border-box; padding: 0 20px; margin:10px 0 0 0; float: left; border-radius: 7px; border: 1px solid #eaeaea; height: 45px; transition:0.3s; clear: both; font-size: 1.1em; font-weight: 600;  color: #666; }

.newmodals .divpad.last { border-radius: 0 0 7px 7px ; }




#NovaContratação.resultado h3 a { color: #1eb5ef }
#NovaContratação.resultado h3 a:hover { text-decoration: underline !important }
#NovaContratação.resultado .content .box { padding: 0; }
#NovaContratação.resultado .box { margin: 0 0 3% }
#NovaContratação.resultado .box ul.top { width: 100%; float: left; margin: 0; padding: 0; border-bottom: 1px solid #f8f8f8; }
#NovaContratação.resultado .box ul.top li { width: 16.66%; float: left; box-sizing: border-box; border-right: 1px solid #F8F8F8; list-style: none;text-align: center; padding: 4em 0 }
#NovaContratação.resultado.corretora .box ul.top li { width: 16.66%; }

#NovaContratação.resultado .box ul.top li:last-child { border-right: 0; }

#NovaContratação.resultado .box ul.top li p {width: 100%; float: left; font-size: 0.85em; font-weight: 600; color:#666666; margin: 0 0 1em  }
#NovaContratação.resultado .box ul.top li small {width: 100%; float: left; font-size: 0.75em; font-weight: 600; color:#666666; margin: -12px 0 -1px; opacity: .35;  }
#NovaContratação.resultado .box ul.top li h4 {width: 100%; float: left; font-size: 1.65em; font-weight: 900; color:#00B6E9; margin: 0  }
#NovaContratação.resultado .box ul.top li label { margin: 2px 0 -9px 0; position: relative; left: 50%; transform: translate(-50%,0); float: left;}


#NovaContratação.resultado .box ul.top li.names p {margin-bottom: 2px;}
#NovaContratação.resultado .box ul.top li.names label { position: absolute; top: 26px; font-size: 0.5em; text-transform: uppercase;}


#NovaContratação.resultado .box ul.top li h4.excep { font-size: 0.87em; margin: -3px 0 5px; }
#NovaContratação.resultado .box ul.top li h4.success { color:#00e396  }
#NovaContratação.resultado .box ul.top li h4.failed { color:#ff4560  }


#NovaContratação.resultado .box ul.top.excep li { width: 25%; }
#NovaContratação.resultado .box ul.top.excep li.nps { padding: 3.5em 0 3.5em; background: var(--cinza-leve);  }
#NovaContratação.resultado .box ul.top.excep li.nps p { font-weight: 700; color: #FFF; font-size: 1.2em; margin: 0; }
#NovaContratação.resultado .box ul.top.excep li.nps h4 { color: #FFF; font-size: 4em; line-height: 0.85; }
#NovaContratação.resultado .box ul.top.excep li.verde { background: var(--verde); }
#NovaContratação.resultado .box ul.top.excep li.amarelo { background: var(--amarelo); }
#NovaContratação.resultado .box ul.top.excep li.vermelho { background: var(--vermelho); }


#NovaContratação.resultado .box ul.medium {width: 100%; float: left; margin: 0; padding: 0; position: relative;}
#NovaContratação.resultado .box ul.medium.execp__modal__DA {display: flex;}
#NovaContratação.resultado .box ul.medium.execp__modal__DA.result__negative {display: flex; align-items: center;}
#NovaContratação.resultado .box ul.medium.execp__modal__DA.result__positive {display: flex; align-items: center;}
#NovaContratação.resultado .box ul.medium li { width: 20%; float: left; box-sizing: border-box; border-right: 1px solid #F8F8F8; list-style: none;text-align: center; padding: 2em 0 1.5em }
#NovaContratação.resultado .box ul.medium.execp__modal__DA li { border-right: none}
#NovaContratação.resultado .box ul.medium.execp__modal__DA li:first-child {
    background: #ECFAFF;
    border: 1px solid #0089BF;
    border-radius: 8px;
    margin-top: 1.35em;
    margin-bottom: 30px;
    padding: 22px 7px;
}
#NovaContratação.resultado .box ul.medium.execp__modal__DA.result__negative li:first-child {
    background: #FFEEF1;
    border: 1px solid #FF4B6A;
    border-radius: 8px;
    padding: 26px 5px;
    margin-bottom: 0;
}
#NovaContratação.resultado .box ul.medium.execp__modal__DA.result__positive li:first-child {
    background: #EFFFFE;
    border: 1px solid #00C1B4;
    border-radius: 8px;
    padding: 26px 5px;
    margin-bottom: 0;
}
#NovaContratação.resultado.corretora .box ul.top li { width: 16.66%; }


#NovaContratação.resultado .box ul.medium li p {width: 100%; float: left; font-size: 0.85em; font-weight: 600; color:#666666; margin: 0  }
#NovaContratação.resultado .box ul.medium li small {width: 100%; float: left; font-size: 0.75em; font-weight: 600; color:#666666; margin: -12px 0 -1px; opacity: .35;  }
#NovaContratação.resultado .box ul.medium li h4 {width: 100%; float: left; font-size: 1.35em; font-weight: 900; color:#00B6E9; margin: 0  }
#NovaContratação.resultado .box ul.medium.execp__modal__DA.result__negative li:first-child h4 {color: #FF4B6A !important;}
#NovaContratação.resultado .box ul.medium.execp__modal__DA.result__positive li:first-child h4 {color: #00C1B4 !important;}
#NovaContratação.resultado .box ul.medium li h4.failed { color:rgb(255, 69, 96)  }
#NovaContratação.resultado .box ul.medium li label { margin: 2px 0 -9px 0; position: relative; left: 50%; transform: translate(-50%,0); float: left;}

#NovaContratação.resultado .box ul.medium.execp__modal__DA li > p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    margin: 0;
    padding-bottom: 4px;
}

#NovaContratação.resultado .box ul.medium.execp__modal__DA li:last-child > p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    margin: 0;
    padding-bottom: 4px;
}

#NovaContratação.resultado .box ul.medium.execp__modal__DA li:first-child > p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #0089BF;
    margin: 0;
    padding-bottom: 4px;
}

#NovaContratação.resultado .box ul.medium.execp__modal__DA.result__negative li:first-child > p {
    color: #FF4B6A;
}

#NovaContratação.resultado .box ul.medium.execp__modal__DA.result__positive li:first-child > p {
    color: #00C1B4;
}

#NovaContratação.resultado .box ul.medium.execp__modal__DA li > p:last-child {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #858585;
    margin: 0;
}

#NovaContratação.resultado .box ul.medium.execp__modal__DA li .last__text__change__font > p {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #858585;
    margin: 0;
}

#NovaContratação.resultado .box ul.medium li:last-child p { width: 100%; float: left; font-size: 0.85em; font-weight: 600; color:#666666; margin: 0; }
#NovaContratação.resultado .box ul.medium li:last-child h4 { border-right: 0; }
#NovaContratação.resultado .box ul.medium li:last-child span.signal {width: 100%; float: left; font-size: 3.4em; font-weight: 700; color:#ECECEC; line-height: 0.1; margin: 0.5em 0 0.6em; padding: 0;  }
#NovaContratação.resultado .box ul.medium li:last-child h4.success { color:rgb(0, 227, 150)  }
#NovaContratação.resultado .box ul.medium li:last-child h4.failed { color:rgb(255, 69, 96)  }

#NovaContratação.resultado .box div.container_charts {width: 100%;}
#NovaContratação.resultado .box div.container_charts .charts_top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 4% 2%;
    margin-bottom: 5%;
}
#NovaContratação.resultado .box div.container_charts .charts_top .container_chart_title {
    background: #FFF;
}
#NovaContratação.resultado .box div.container_charts .charts_footer {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 2% 0;
    border-top: 1px solid #F8F8F8;
    background: #fcfcfc;
}
#NovaContratação.resultado .box div.container_charts .charts_footer p {font-size: 0.85em; font-weight: 600; color:#666666; margin: 0;}
#NovaContratação.resultado .box div.container_charts .charts_footer span.signal {font-size: 3.4em; font-weight: 700; color:#ECECEC; line-height: 0.1; padding: 0;  }
#NovaContratação.resultado .box div.container_charts .charts_footer h4 {font-size: 1.35em; font-weight: 900; color:#00B6E9; margin: 0}
#NovaContratação.resultado .box div.container_charts .charts_footer h4.failed { color:rgb(255, 69, 96)  }
#NovaContratação.resultado .box div.container_charts .charts_footer h4.success { color:rgb(0, 227, 150)  }

@media (max-width: 1480px) {
    #NovaContratação.resultado .box div.container_charts .charts_top {
        display: grid;
        justify-content: center;
        row-gap: 10%;
        grid-template-columns: repeat(auto-fit, minmax(410px, 1fr ));
    }

    #NovaContratação.resultado .box div.container_charts .charts_top .container_chart_title {
        padding: 0 4%;
    }
}

#NovaContratação.resultado .content {  }
#NovaContratação.resultado .content.left { width: 65%; float: left; }
#NovaContratação.resultado .content.left .box { padding: 3em; margin: 0 0 2.5em }
#NovaContratação.resultado .content.right { width: 32%; float: right; }

#NovaContratação.resultado h5 {width: 100%; float: left; font-size: 1.1em; font-weight: 600; color:#666666; margin: 0 0 3%; }

#NovaContratação.resultado .content.right .busca { width: 100%; margin: 0 0 1.5em }
#NovaContratação.resultado .content.right .busca select { width: 100%; font-size: 0.9em; padding: 0 10px; height: 40px; margin: 0; }
#NovaContratação.resultado .content.right .box { padding: 1.5em }

#NovaContratação.resultado .content.right .NewTable { display: block; overflow-y: auto; height: 450px; }
#NovaContratação.resultado .content.right table tr { border-top: 0 }
#NovaContratação.resultado .content.right table tr:nth-child(odd) { background-color: #F8F8F8 } /* (even) para a segunda linha */
#NovaContratação.resultado .content.right table td a { color:#00B6E9; font-size: 0.85em; }
#NovaContratação.resultado .content.right table td a:hover { text-decoration: underline !important }
#NovaContratação.resultado .content.right table td small { margin: 2px 6px 0 0  }
#NovaContratação.resultado .content.right table td:last-child { color:#999999; font-size: 1.1em; font-weight: 700; text-align: right }


#NovaContratação.resultado .busca { margin: 0 }
#NovaContratação.resultado .busca label { float: left;margin: 0 0 0 10px;  }
#NovaContratação.resultado .busca label p { float: left; color: #C2C2C2; font-size: 0.7em; line-height: 1.3; font-weight: 600; margin: 7px 10px 6px; width: 56px; text-align: left; }

#NovaContratação.resultado .busca select { font-size: 0.85em; font-weight: 700; padding: 0 10px;width: 300px; color: #1eb5ef; float: left; }
#NovaContratação.resultado .busca select.excep { width: 180px; }



#NovaContratação.resultado .box ul.medium .left {width: 100%; float: left; margin: 0 }
#NovaContratação.resultado .box ul.medium .left li { width: 33.333% !important; height: 420px; padding: 4%; background: #FFF; border-bottom: 1px solid #f8f8f8; }
#NovaContratação.resultado .box ul.medium .left li.excep { width: 33.333% !important; height: 450px; padding: 4%; background: #FFF; border-bottom: 1px solid #f8f8f8; }
#NovaContratação.resultado .box ul.medium .left li.full { width: 100% !important; height: 405px; padding: 5% 4%; border-left: 0; border-right:0;}
#NovaContratação.resultado .box ul.medium .right { width: 100%; float: left; background: #fcfcfc; border-left: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8;}
#NovaContratação.resultado .box ul.medium .right li { width: 20% !important; float: left; border: 0; border-right: 1px solid #f3f3f3; }

#NovaContratação.resultado .box ul.medium .left li.excep { height: 465px;}
#NovaContratação.resultado .apexcharts-legend { height: 100px !important}

#NovaContratação.resultado .box.adm { border: 1px solid #acb8bb; border-radius: 4px; }
#NovaContratação.resultado .box.adm ul.top { background: #ACB8BB; color: #FFF; box-sizing: border-box; padding: 5px 12px 6px; font-weight: 600; border-radius: 2px 2px 0 0; }
#NovaContratação.resultado .box.adm ul.top p { margin: 0 }

#NovaContratação.resultado .box.adm ul.medium .left {width: 40%; float: left; margin: 0 }
#NovaContratação.resultado .box.adm ul.medium .left li { width: 100% !important; padding: 3em; }

#NovaContratação.resultado .box.adm ul.medium .right {width: 60%; float: left; margin: 0; position: relative; }
#NovaContratação.resultado .box.adm ul.medium .right li { width: 100% !important; position: relative; padding: 3em; top: 0; transform: translate(0); }


#NovaContratação.resultado .detalhamento {width: 100%; float: left;  }
#NovaContratação.resultado .detalhamento ul.left {width: 15%; float: left; margin: 0; padding: 0  }
#NovaContratação.resultado .detalhamento ul.left li {width: 100%; float: left; font-size: 0.8em; color: #666; font-weight: 700; list-style: none; cursor: pointer; padding: 10px 12px 12px; position: relative; z-index: 1; border-radius:0; border-top: 1px solid #f4f4f4; }
#NovaContratação.resultado .detalhamento ul.left li:last-child { border-bottom: 1px solid #f4f4f4; }
#NovaContratação.resultado .detalhamento ul.left li:hover { background:#fcfcfc }
#NovaContratação.resultado .detalhamento ul.left li.active { background: #FBFBFB;   }

#NovaContratação.resultado .detalhamento ul.left li h6 { float: left;  font-weight: 600; margin: 2px 0 0; font-size:1em  }
#NovaContratação.resultado .detalhamento ul.left li p { float: right; margin: 0;   }
#NovaContratação.resultado .detalhamento ul.left li span { width: 100%; float: left; height: 5px; background:#EEF5F6; border-radius: 50px; margin: 3px 0 0; }
#NovaContratação.resultado .detalhamento ul.left li span span {  margin: 0; }

#NovaContratação.resultado .detalhamento div.right {width: 85%; height: auto; float: right; margin: -1px 0 0 0; padding: 3% 0 1% 0; background: #FBFBFB; border: 1px solid #F5F5F5; border-bottom: 0; border-radius: 0; }
#NovaContratação.resultado .detalhamento div.right .next3 { zoom:0.7 !important; right: 2%; }
#NovaContratação.resultado .detalhamento div.right .prev3 { zoom:0.7 !important; left: 2%  }
#NovaContratação.resultado .detalhamento div.right .swiper-slide { background: transparent; flex: 1; margin: 0 0 5%; height: auto; }
#NovaContratação.resultado .detalhamento div.right .swiper-slide .full { width: 80%; float: left; text-align: left   }
#NovaContratação.resultado .detalhamento div.right .swiper-slide .full h3 { width: 100%; float: left; text-align: center; font-size: 0.7em; color: #666; font-weight: 600; margin: 0 0 5%  }

#NovaContratação.resultado .detalhamento div.right .swiper-slide .fullX { display: flex; flex-direction: column; align-items:center;  }
#NovaContratação.resultado .detalhamento div.right .swiper-slide .fullX h3 { width: 100%; float: left; text-align: center; font-size: 0.7em; color: #666; font-weight: 600; margin: 0 0 5%  }







#NPS .row { padding: 0 3% }
#NPS h3 a { border-radius: 4px !important; background: #DBDBDB; font-size: 0.3em; font-weight: 700; padding: 5px 9px; color: #FFF; }
#NPS .busca { width: 100%; float: left; margin: 2% 0; }
#NPS .busca label { width: 20%; float: left; padding: 0 2% 0 0; }
#NPS .busca label.excep19 { width: 19%; float: left; padding: 0 2% 0 0; }
#NPS .busca button { width: 100%; height: 44px; }
#NPS .busca label.last { padding: 0; }
#NPS .busca label p { float: left; clear: both; color: #C2C2C2; font-size: 0.7em; line-height: 1; font-weight: 600; margin: 0 0 6px; }

#NPS .busca select { font-size: 0.85em; font-weight: 700; padding: 13px; border-radius: 4px; width: 100%; color: #1eb5ef; float: left; clear: both; border-color: #f2f2f2; }
#NPS .busca .select2-container .select2-choice {  font-weight: 700;    border-color: #f2f2f2 !important;  color: #1eb5ef; font-size: 13px; }
#NPS .busca input { font-size: 0.85em; font-weight: 700; padding: 16px; border-radius: 4px; width: 100%; color: #1eb5ef; float: left; clear: both; border-color: #f2f2f2; background: #fbfbfb; border: 1px solid #f2f2f2; }
#NPS .busca select.excep { width: 200px; }

/* AJUSTADO PARA #NewAbas - INICIO */
#NPS.v2 .busca.flex {
    float: unset;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 15px;
    padding: 25px 25px 2.5vh;
    margin: 0;
    background: #fff;
    border-bottom: 1px solid #F4F4F4;
}

#NPS.v2 .busca.flex label {
    width:unset;
    float: unset;
    padding: 0;
}

#NPS.v2 .busca button {
    width: 45px;
    height: 45px;
}

.basis200 {
    flex: 1 1 200px;
}
.basis300 {
    flex: 1 1 300px;
}

.PainelLateral input[type=text],
#NPS.v2 .busca .picker {
    font-size: 0.85em;
    font-weight: 400;
    padding: 13px;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #e5e5e5;
    background: #f8f8f8;
}

.PainelLateral input[type=text] {
    font-size: 1em;
}

.PainelLateral input[type=text]::placeholder,
#NPS.v2 .busca .picker::placeholder {
    color: #333;
}

#NPS.v2 .busca .btn.circle {
    border-radius: 50px !important;
    padding: 0;
}

.PainelLateral .select2-container .selection .select2-selection,
#NPS.v2 .busca .select2-container .selection .select2-selection {
    background: #f8f8f8;
    color: #666666;
    border: 1px solid #F4F4F4;
}

.PainelLateral .select2-container.select2-container--open .selection .select2-selection,
#NPS.v2 .busca .select2-container.select2-container--open .selection .select2-selection {
    background: #fff;
    border: 1px solid #aaa;
}


#NPS.v2 .charts-wrapper { flex: 1; display: flex; gap: 25px; padding: 0 25px; }
#NPS.v2 .charts-wrapper .first { flex: 1; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 40px;}
#NPS.v2 .charts-wrapper .first p { width: 100%; text-align: center; color: #FFF; font-size: 2em; font-weight: 700; line-height: 1.2 }
#NPS.v2 .charts-wrapper .first p b { font-weight: 300; font-size: 0.730em; opacity: 0.75;  }
#NPS.v2 .charts-wrapper .first h4 { width: 100%; text-align: center;  color: #FFF; font-size: 7.692em; font-weight: 900;  line-height: 0.8;  }

#NPS.v2 .charts-wrapper .second {
    display: flex;
    align-items: center;
    padding: 35px 65px 20px;
    flex: 3;
    background: #fff;
    border-radius: 10px;
}
#NPS.v2 .charts-wrapper .second > div { flex: 1; }

#NPS.v2 .charts-wrapper .ranking-small {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-basis: 200px;
    border-radius: 10px;
    padding: 18px 15px;
    box-sizing: border-box;
    color: #fff;
}

#NPS.v2 .charts-wrapper .ranking-small h4 {
    margin: 0;
    font-size: 2.769em;
    font-weight: 700;
}
#NPS.v2 .charts-wrapper .ranking-small > div {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 0;
}

#NPS.v2 .charts-wrapper .ranking-small > div p { margin: 0}

#NPS.v2 .charts-barra { padding: 0 25px; display: flex; gap: 8px; flex: 1;}
#NPS.v2 .charts-barra.noPad {padding: 0;}

#NPS.v2 .box-base { padding: 0 25px; }
#NPS.v2 .charts-group { padding: 25px; background-color: #fff; display: flex; gap: 20px; align-items: center;}
#NPS.v2 .charts-group.column { flex-direction: column;}
#NPS.v2 .charts-group.column .container_flex_width { display: flex; width: 100%;}
#NPS.v2 .charts-group .chart-base { flex: 1; height: 285px; display: flex; flex-direction: column;}
#NPS.v2 .charts-group .chart-base > div { flex: 1; display: flex; align-items: center; justify-content: center;}

#NPS.v2 .charts-group .chart-base .title-chart {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: auto;
}

#NPS.v2 .charts-group .chart-base .title-chart > p {
    margin: 0;
    font-size: 1em;
}

#NPS.v2 .charts-group .chart-base .title-chart > span.circle {
    width: 10px;
    height: 10px;
    border-radius: 100px;
}

.chart-base .title-chart > span.circle.azul {
    background: var(--azul-new-3);
}
.chart-base .title-chart > span.circle.amarelo {
    background: var(--amarelo-new);
}
.chart-base .title-chart > span.circle.verde {
    background: var(--deltapay);
}
.chart-base .title-chart > span.circle.vermelho {
    background: var(--vermelho-new);
}
.chart-base .title-chart > span.circle.laranja {
    background: var(--laranja-new);
}
.chart-base .title-chart > span.circle.roxo {
    background: var(--roxo-new);
}


#NPS.v2 .wrapper-ranking {
    flex: 1;
    display: flex;
    gap: 25px;
    padding: 0 25px;
}

#NPS.v2 .wrapper-ranking .box-ranking {
    flex: 1;
    display: flex;
    gap: 25px;
}


/* AJUSTADO PARA #NewAbas - FIM */

#NPS .content { width: 100%;
    float: left;
    box-shadow: 0 0 6px #0000000f;
    border-radius: 7px;
    padding: 5%;
    margin: 0 0 5%;
    position: relative;
    background: #FFF;
    z-index: 1; }
#NPS .content .box { width: 100%; float: left; margin: 0 0 4%; }
#NPS .content .box.m-bottom-0 { margin: 0 }
#NPS .content .box .first { width: 25%; float: left; border-radius: 4px; padding: 3% }
#NPS .content .box .first p { width: 100%; text-align: center; float: left; color: #FFF; font-size: 1.35em; font-weight: 700; font-style: italic; line-height: 1.2 }
#NPS .content .box .first p b { font-weight: 500; font-size: 0.7em; opacity: 0.75;  }
#NPS .content .box .first h4 { width: 100%; text-align: center; float: left; color: #FFF; font-size: 10em; font-weight: 900;  line-height: 0.8; padding: 0 0 10%  }
#NPS .content .box .second { width: 73%; float: left; border-radius: 4px; margin: 0 0 0 2%; }

#NPS h5 { font-size: 1.15em; font-weight: 700; color: #666; margin: 0 0 5%; }
#NPS h5 a { font-size: 0.8em; font-weight: 600; text-decoration: underline; color: #00B6E9; margin: 0 0 0 1em; }


#NPS .box.left { width: 47.5%; float: left; margin: 2% 0 5%;  }
#NPS .box.right { width: 47.5%; float: right; margin: 2% 0 5%;  }

#NPS .NewTable { border: 0 !important }
#NPS .NewTable table thead tr { background: #FFF; color: #C2C2C2; font-size: 0.7em; font-weight: 500  }


#NPS .NewTable table label.green { background: #00E396  }
#NPS .NewTable table label.blue { background: #00B6E9  }
#NPS .NewTable table label.orange { background: #FC763B  }
#NPS .NewTable table label.red { background: #FF4560 }
#NPS .NewTable table label.yelow { background: #FEB019  }

#NPS .NewTable tbody tr td { line-height: 1; max-width: 250px;    min-width: auto; }
#NPS .NewTable tbody tr td.client a { font-size: 0.9em; font-weight: 700;color: #00B6E9 }
#NPS .NewTable tbody tr td.client small { font-size: 0.8em; font-weight: 500; color: #AFAFAF }
#NPS .NewTable tbody tr td.client p { font-size: 0.9em; line-height: 1.3; font-weight: 500; color: #777777; }
#NPS .NewTable tbody tr td.data { font-size: 0.85em; font-weight: 700; color: #777 }
#NPS .NewTable tbody tr td select { font-size: 0.85em; font-weight: 700; padding: 8px; border-radius: 4px; width: 100%; color: #1eb5ef; float: left; clear: both; border-color: #f2f2f2;background: none; }

#NPS .NewTable tbody tr:nth-child(odd) { background-color: #fbfbfb }

#NPS .NewTable tbody tr td.motivo { padding: 1em }
#NPS .NewTable tbody tr td.motivo div {font-size: 0.85em; font-weight: 700; color: #777; }
#NPS .NewTable tbody tr td.motivo span { width: 100%; height: 5px; background: #EEF5F6; float: left; border-radius: 50px; }
#NPS .NewTable tbody tr td.motivo span span { background: #FF4560 }

#NPS .Barra .Promoteres { background:#00C1B4; border-radius: 10px  }
#NPS .Barra .Passivos { background:#868EA4; border-radius: 10px  }
#NPS .Barra .Defratores { background:#FF4B6A;  border-radius: 10px; border-right: 0 }
#NPS .Barra div { padding: 20px 20px; float: left; height: 75px; color: #FFF; font-size: 1.15em; font-weight: 600; box-shadow: 0 0 6px #0000000f; min-width: fit-content !important}
#NPS .Barra div p { font-size: 1.2em; font-weight: 700; margin: 0 0 -5px;  }
#NPS .Barra div small { opacity: .75; font-weight: 400;}

#NPS .operadores ul li span.red { color:#FF4560  }

#NPS .operadores .busca { margin: 0 0 2%; }


#NPS .operadores ul { width: 100%; float: left; padding: 0;border-left:1px solid #f2f2f2; border-top:1px solid #f2f2f2; }
#NPS .operadores ul li { width: 33.333%; height: 92px; position: relative; list-style: none; border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; float: left; padding: 15px}
#NPS .operadores ul li img { float: left; width: 45px; margin: 9px 6px 0; height: 45px;  background: #ccc;  border-radius: 50px; border: 0; }
#NPS .operadores ul li div { float: left; line-height: 1.25; margin: 14px 13px -7px 8px; font-weight: 700; color: #666; width: 40%; }
#NPS .operadores ul li div p { margin: 0; }
#NPS .operadores ul li div small { opacity: .5; }
#NPS .operadores ul li span { position: absolute; right: 15px; font-size: 2.8em;      top: 19px; font-weight: 700; }
#NPS .operadores ul li span.green { color:#00E396  }
#NPS .operadores ul li span.yelow { color:#FEB019  }
#NPS .operadores ul li span.orange { color:#FC763B  }
#NPS .operadores ul li span.red { color:#FF4560  }

#NPS .charts-barra-completa {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

#NPS .charts-barra-completa p{
    margin: 0;
}

#NPS .charts-barra-completa .charts_grupo_lengenda{
    display: flex;
    gap: 50px;
}

#NPS .charts-barra-completa .charts_grupo_lengenda .chart_legenda{
    display: flex;
    align-items: center;
    gap: 5px;
}

#NPS .charts-barra-completa .charts_grupo_lengenda .chart_legenda .chart_blue{
    background: #259ffb;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

#NPS .charts-barra-completa .charts_grupo_lengenda .chart_legenda .chart_orange{
    background: #ffb340;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

#NPS .charts-barra-completa .charts_grupo_lengenda .chart_legenda .chart_green{
    background: #23eac6;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

#NPS .charts-barra-completa .charts_grupo_lengenda .chart_legenda .chart_red{
    background: var(--vermelho-new);
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

#NPS .charts-barra-completa .charts_grupo_lengenda .chart_legenda .chart_bold_orange{
    background: var(--laranja-new);
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

#NPS .charts-barra-completa .charts_grupo_lengenda .chart_legenda .chart_purple{
    background: var(--roxo-new);
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

#NPS .charts-barra-completa .chart_barra_inside {
    width: 100%;
    padding: 0 25px;
    display: flex;
    flex: 1;
    gap: 11px;
}

#NPS .charts-barra-completa .chart_barra_inside > div {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    height: 35px;
    color: #FFF;
    font-size: 1.15em;
    font-weight: 600;
    box-shadow: 0 0 6px #0000000f;
    min-width: fit-content !important;
    border-radius: 10px;
}

#NPS .charts-barra-completa .chart_barra_inside .central_atendimento {
    background: #259ffb;
    /* border-radius: 10px 0 0 10px; */
}

#NPS .charts-barra-completa .chart_barra_inside .prestador_servico {
    background: #ffb340;
}

#NPS .charts-barra-completa .chart_barra_inside .outros_ {
    background: #23eac6;
    /* border-radius: 0 10px 10px 0; */
}

#NPS .charts-barra-completa .chart_barra_inside .improcedentes_ {
    background: var(--vermelho-new);
    /* border-radius: 0 10px 10px 0; */
}

#NPS .charts-barra-completa .chart_barra_inside .assistencia_ {
    background: var(--laranja-new);
    /* border-radius: 0 10px 10px 0; */
}

#NPS .charts-barra-completa .chart_barra_inside .locadora_ {
    background: var(--roxo-new);
    /* border-radius: 0 10px 10px 0; */
}

/*============== RAIZ 2019 ===============*/
:root {
    --azul: #0089BF;        /*   var(--azul)   */
    --azul-claro: #0a9dd8;        /*   var(--azul)   */
    --azul-escuro: #091d3c;        /*   var(--azul)   */
    --amarelo: #FFC978;     /*   var(--amarelo)   */
    --amarelo-randon: #FFC502;     /*   var(--amarelo)   */
    --laranja: #ffad6d;     /*   var(--laranja)   */
    --verde: #48E1C1;       /*   var(--verde)   */
    --verde-leve: #e9fffa;       /*   var(--verde-leve)   */
    --vermelho: #FF717B;    /*   var(--vermelho)   */
    --roxo: #775dd0;    /*   var(--roxo)   */
    --vermelho-leve: #fff5f6;    /*   var(--vermelho-leve)   */
    --preto: #616161;       /*   var(--preto)   */
    --cinza: #888888;       /*   var(--cinza)   */
    --cinza-leve: #b7b7b7;  /*   var(--cinza-leve)   */
    --azul-leve: #EEF5F6;   /*   var(--azul-leve)   */
    --azul-medio: #5d848c;   /*   var(--azul-medio)   */
    --bg-leve: #f7f7f7;     /*   var(--bg-leve)   */
    --new-cinza-leve: #EAEDF2;  /*   var(--new-cinza-leve)   */

    --sompo: #b3001f;        /*   var(--sompo)   */
    --sompo1: #b3001f0d;        /*   var(--sompo)   */
    --bike: rgba(145, 252, 132, 0.44);        /*   var(--bike)   */
    --delta1: #007eb31c;        /*   var(--delta1)   */
    --simples: #98B4BB; /* var(--simples) */

    --azul-treinadelta: #0170A5; /* var(--azul-treinadelta) */

    --background-treinadelta: #FCFCFC; /* var(--background-treinadelta) */

    --swift: #f9f9f9;     /*   var(--swift)   */


    --caminhao: #00b6e9;        /*   var(--caminhao)   */
    --chaveiro: #FEB019;        /*   var(--chaveiro)   */
    --taxi: #CC69FD;            /*   var(--taxi)   */
    --vidro : #5DD8BF;          /*   var(--vidro )   */
    --auto-moto: #F85A65;       /*   var(--auto-moto)   */
    --especial: #FFE45A;        /*   var(--especial)   */
    --caminhao-vidro: #FC3BEF;  /*   var(--caminhao-vidro)   */
    --reboque-oficina: #51FF45; /*   var(--reboque-oficina)   */
    --oficina: #FC763B;         /*   var(--oficina)   */

    --preto-random: #1d1d1b;  /*   var(--preto-random)  */

}

label.new {background: var(--swift); color: #FFF; font-weight: 700; font-size: 0.95em; color: #FFF; padding: 3px 7px; border-radius: 4px; margin: 1px 0 -1px; max-width: min-content;}

span.new {background: var(--swift) !important; color: #FFF !important; font-weight: 700 !important; font-size: 0.95em !important; color: #FFF !important; padding: 3px 7px !important; border-radius: 4px !important; margin: 1px 0 -1px !important; max-width: min-content !important; min-width: unset !important; white-space: nowrap;}

label.new.excep {
    font-weight: 600;
    font-size: 1em;
}
.new.simples { color: var(--azul-medio) !important; }
.new.simples2 { --swift:var(--azul-medio);  color:#EEF5F6 !important }

.new.cancelar { color: var(--cinza) !important; background: transparent; border:1px solid var(--cinza-leve) }
.new.zero { --swift:#FFF;  color:#656565 }
.new.azul { --swift: var(--azul); }
.new.azul-escuro { --swift: var(--azul-escuro); }
.new.azul-escuro-leve { --swift: var(--delta1); color:var(--azul-escuro) }
.new.azul-claro { --swift: var(--azul-claro); }
.new.azul-claro2 { color: var(--caminhao); }
.new.sompo { --swift: var(--sompo); }
.new.sompo1 { --swift: var(--sompo1); color:#b3001f }
.new.bike { --swift: var(--bike); color: rgb(0, 124, 78)
}
.new.delta1 { --swift: var(--delta1); color:#007eb3 }
.new.amarelo { --swift: var(--amarelo); }
.new.laranja { --swift: var(--laranja); }
.new.verde { --swift: var(--verde); }
.new.verde-leve { --swift: var(--verde-leve);  color:var(--verde) }
.new.verde-new { --swift: #D9F6F4;  color:var(--verde-new) }
.new.vermelho { --swift: var(--vermelho); }
.new.vermelho2 { --swift: #FFF; color: var(--vermelho) !important; }
.new.roxo { --swift: var(--roxo); }
.new.vermelho-leve { --swift: var(--vermelho-leve);  color:var(--vermelho) }
.new.azul-medio { --swift: var(--azul-medio); }
.new.cinza-leve { --swift: var(--cinza-leve); }
.new.new-cinza-leve { background-color: var(--new-cinza-leve); color: #868EA4; }
.new.cinza {--swift: #fff; color: var(--cinza); }
.new.excep.cinza {--swift: #fff; color: var(--cinza); }
.new.preto { --swift: var(--preto); }
.new.big {font-weight: 600; font-size: 1.1em; padding: 1em 2em;}
.new.bigger {font-weight: 700; letter-spacing:1px; font-size: 1.45em; padding: 0.65em 0.9em; }
.new.small {font-weight: 600; font-size:0.85em; padding: 0.5em 1.15em; height: 22px !important; line-height: 1;}
.new.smallest {font-weight: 600; font-size:0.7em; padding: 0.4em 1.15em; height: 18px !important; line-height: 1;}

.new.branco { --swift: white; color: var(--azul-claro); }
.new.branco__excep__ {  background: transparent; color: #0089BF !important; border: 1px solid #0089BF;}
.new.randon { --swift: var(--amarelo-randon); color: #000 !important; }

.new.tag-cinza-claro {
    background: var(--bg-gray-tag);
    color: var(--grayblue-new);
}

.new.tag-amarelo {
    background: var(--amarelo-leve-new);
    color: var(--amarelo-new);
}

.new.tag-vermelho {
    background: var(--vermelho-leve-new);
    color: var(--text-new-vermelho);
}

.new.tag-verde {
    background: var(--verde-leve-new);
    color: var(--verde-new);
}

.new.tag-azul-claro {
    background: var(--bg-light-blue-tag);
    color: var(--color-blue);
}

/*  TRELLO COLORS   */
.new.Trello_green { --swift:#61bd4f; }
.new.Trello_yellow { --swift:#f2d600; }
.new.Trello_orange { --swift:#ff9f1a; }
.new.Trello_red { --swift:#eb5a46; }
.new.Trello_purple { --swift:#c377e0; }
.new.Trello_blue { --swift:#0079bf; }
.new.Trello_sky { --swift:#00c2e0; }
.new.Trello_lime { --swift:#51e898; }
.new.Trello_pink { --swift:#ff78cb; }
.new.Trello_black { --swift:#344563; }
.new.Trello_ { --swift:#b3bac5; }


a.new { background: var(--swift); text-transform: uppercase; font-size: 0.95em; font-weight: 700; text-transform: uppercase; border-radius: 50px; color: #FFF !important; padding: 0.6em 1.25em 0.65em; transition: .3s; text-align: center; }
input.new { background: var(--swift); text-transform: uppercase; font-size: 0.95em; font-weight: 700; text-transform: uppercase; border-radius: 50px; color: #FFF !important; padding: 0.6em 1.25em 0.65em; transition: .3s; border:0 }
a.new:hover { opacity: .8; }
button.new { background: var(--swift); text-transform: uppercase; font-size: 0.95em; font-weight: 700; text-transform: uppercase; border-radius: 50px; color: #FFF !important; padding: 0.6em 1.25em 0.65em; transition: .3s; border:0 }
button.new:hover { opacity: .8; }

a.new.border {
    width: fit-content;
    border: 1px solid #3333334d;
    background: #fff;
    color: #333 !important;
    display: flex;
    align-items: center;
}

a.new.border .icon {
    display: inline-block;
    background: #333;
    margin-right: 3px;
}


form input[type=text] { background: #f9f9f9 }
form input[type=file] { background: #f9f9f9; padding: 14px 15px !important; border: 0 !important; }
form input[type=text]::placeholder { color: #999 }
form input[type=file]::placeholder { color: #999 }
form input:disabled { background: #f7fafa !important; border:0 !important; color: #6d919a !important; }
form input:disabled::placeholder { color: var(--azul-medio) !important; }
form select:disabled { background: #f7fafa !important; color: #6d919a !important; }
form select:disabled::placeholder { color: var(--azul-medio) !important; }
.flex-box textarea.field { height: 120px; background: #fbfbfb; padding: 15px; }
.flex-box textarea.field.small { height: 70px; padding: 10px 130px 10px 15px;  }
.flex-box textarea.field::placeholder { color: var(--cinza-leve) }


.new.flutuante { position: absolute; right: 20px; top: 19px; }

a.new.closes, a.new.reset {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    padding: 8px 12px !important;
    cursor: pointer;
}

.cursor { cursor: pointer !important; }

/*============== RAIZ 2019 ===============*/



/*============== NOVO TOPO 2019 ===============*/
#Topo { width: 100%; float: left; margin: 0 0 40px; position: relative; z-index: 9; }
#Topo h3 { float: left; font-size: 3em; color: var(--preto); font-weight: 700; margin: 0 0 0.5em; }
#Topo a.big { float: right;  }
#Topo .breadcamp { width: 100%; float: left; color: var(--cinza-leve); font-weight: 700;  font-size: 0.85em; }
#Topo .breadcamp.excep { width: auto; clear: both; }
#Topo .top__right__tag { float: right; width: fit-content; padding: 7px 12px; background: rgba(134, 142, 164, 0.15); border-radius: 4px; color: #868EA4; font-style: normal; font-weight: 700; font-size: 1.2em; line-height: 21px; }
#Topo .top__right__visualizacao__atualizacao {
    float: right;
    width: fit-content;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    padding: 7px 12px;
    gap: 10px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 9px;
}

#Topo .top__right__visualizacao__atualizacao .text__top__right__visualizacao__atualizacao {
    color: #868EA4;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    margin: 0;
}

#Topo .breadcamp a.back { float: left; transition: .1s; padding: 0.45em 1.25em 0.35em 1.25em; }
#Topo .breadcamp a.back:hover { padding: 0.45em 1em 0.35em 1em; }

#Topo .breadcamp ul { float: left; padding: 4px 14px;  }
#Topo .breadcamp ul li { float: left; list-style: none; }
#Topo .breadcamp ul li::after { content: '/'; padding: 0 1em; color: var(--cinza-leve); }
#Topo .breadcamp ul li a { float: left; color: var(--azul);  }
#Topo .breadcamp ul li a:hover { text-decoration: underline !important }
#Topo .breadcamp ul li a.active { color: var(--cinza-leve); cursor: default }
#Topo .breadcamp ul li a.active.clicavel { cursor: pointer !important; }
#Topo .breadcamp ul li a.active:hover { text-decoration: none !important }
#Topo .breadcamp ul li:last-child { font-weight: 600 }
#Topo .breadcamp ul li:last-child::after { content: ''; }

#Topo .breadcamp a.back.new.simples { color: var(--cinza) !important; background: transparent !important; border:1px solid var(--cinza-leve) !important }
#Topo .breadcamp a.back.new.simples2 { color: var(--cinza) !important; background: transparent !important; border:1px solid var(--cinza-leve) !important }
#Topo .breadcamp a.back.new.simples.excep__ { color: var(--cinza) !important; background: rgba(134, 142, 164, 0.15) !important; border: none !important }

#Topo .form-topo { float: right; display: flex; gap: 10px; min-width: 500px; }

/*============== NOVO TOPO 2019 ===============*/

.buttons-group {
    float: right;
}

.buttons-group  form{
    display: flex;
    align-items: center;
    gap: 10px;
}

.export-group {
    width: fit-content;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.export-group .menu_suspenso__click,
.export-group .menu_suspenso {
    position: absolute;
    top: 0px;
    display: none;
}


.export-group .menu_suspenso__click.new__excep {
    padding-top: 8px;
}

.export-group:hover .menu_suspenso { display: flex;}

.export-group .menu_suspenso__click .container-menu,
.export-group:hover .menu_suspenso .container-menu {
    width: fit-content;
    height: auto;
    position: relative;
    top: 47px;
    padding: 24px 20px 30px;
    background-color: var(--bg-f6);
    border: 1px solid var(--line-primary);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    box-shadow: 0px 2px 36px rgba(0, 0, 0, 0.09);
}


.menu_suspenso__click .container-menu.new__excep,
.menu_suspenso .container-menu.new__excep {
    width: 221px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: #FFFFFF;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 8px 0px;
}

.menu_suspenso__click .container-menu::before,
.export-group:hover .menu_suspenso .container-menu::before {
    content: "";
    position: absolute;
    top: -7px;
    width: 11px;
    height: 11px;
    transform: rotate(45deg);
    background-color: var(--bg-f6);
    border-style: solid;
    border-color: var(--line-primary);
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
}

.menu_suspenso__click .container-menu > label,
.export-group:hover .menu_suspenso .container-menu > label {
    color: var(--text-secondary);
    font-size: 1em;
    font-weight: 400;
    padding: 0;
    margin: 0 0 9px;
    white-space: nowrap;
}

.menu_suspenso__click .container-menu input[type=submit],
.export-group:hover .menu_suspenso .container-menu input[type=submit] {
    height: 45px;
    min-width: 200px;
    background-color: var(--bg-ff);
    border: 1px solid var(--line-primary);
    color: var(--text-primary);
    border-radius: 6px;
}

.menu_suspenso__click .container-menu input[type=submit]:focus,
.export-group:hover .menu_suspenso .container-menu input[type=submit]:focus {
    opacity: 0.8;
}

/*============== BARRA PESQUISA 2019 ===============*/
#Pesquisa { width: 100%; float: left; margin: 0 0 5% }
#Pesquisa form .field { border-radius: 7px; height: 50px; padding: 0 15px; border: 1px solid #F2F2F2; font-weight: 700; color: var(--azul) }
#Pesquisa form .excep1 { margin: 26px 15px 15px; border: 0; }


/*============== BARRA PESQUISA 2019 ===============*/


#Kpis {  }
/* #Kpis li{ padding: 7% 2%; min-width: 415px;} */

/*============== KPIS 2019 ===============*/
#Kpis { width: 100%; float: left; margin: 0 0 3em; }
#Kpis li { list-style: none; flex: 1; text-align:center; justify-content: center; align-items: stretch; background: var(--bg-leve); border-radius: 7px; font-weight: 600; padding: 2%; margin: 0 3px; flex-basis: auto;}
#Kpis li { padding: 4% 2%; }
#Kpis.exceppad li { padding: 2% 2%; }
#Kpis.excepmar li, #Kpis.excepmar li:first-child, #Kpis.excepmar li:last-child { min-width: 20%; margin: 3px; }
#Kpis.light li { padding: 2%; font-size: 90%; }
#Kpis.light-small li { padding: 2% 0.5% !important; font-size: 80% !important; margin: 2px !important;}
#Kpis li h4 { font-size: 2.5em; color: var(--azul);font-weight: 700; margin: 0;  }
#Kpis li p { font-size: 0.9em; color: var(--cinza); margin: 0; }
#Kpis li small { font-size: 0.8em; color: var(--cinza); margin: 0; }

#Kpis li h4.vermelho {  color: var(--vermelho);  }
#Kpis li h4.sompo {  color: var(--sompo);  }
#Kpis li h4.amarelo { color: var(--amarelo);  }
#Kpis li h4.verde { color: var(--verde);  }

#Kpis li:first-child {margin: 0 3px 0 0}
#Kpis li:last-child {margin: 0 0 0 3px}

#Kpis.small li { max-width:12.5%; padding: 2% 2%; }

#Kpis li .wrapper { display: flex; justify-self: center; max-width: 300px; margin: 25px auto 0;}
#Kpis li .wrapper .col { display: flex; flex-direction: column;}
#Kpis li .wrapper .col.descricao { flex: 2}
#Kpis li .wrapper .col.descricao .label{ font-size: 0.9em; color: var(--cinza); margin: 0; display: flex; justify-content: flex-start;}
#Kpis li .wrapper .col.values { flex: 1}
#Kpis li .wrapper .col.values .dado{ font-size: 0.9em; color: var(--cinza); margin: 0;  display: flex; justify-content: flex-end;}


#Filtro { font-size: 89%; width: 445px; margin: -30px auto 30px; background:var(--bg-leve); border-radius: 50px; border:3px solid var(--bg-leve); position: relative; z-index: 3;  }
#Filtro.quatro { float: left; margin: -10px 0 30px; }
#Filtro a { text-align: center; margin: 0; background:var(--bg-leve); cursor: pointer; padding: 1em 1.25em 1.1em !important; }
#Filtro.excep a { white-space: nowrap;}
#Filtro.auto { margin: 0; width: auto; min-width: fit-content;}

#Filtro.excep2022 {width: auto; float: left; margin: 0;}

#Filtro a.active {background:var(--azul-medio); color:var(--bg-leve) !important; }
#Filtro a:focus { text-decoration: none; }

#Filtro a:first-child {  }
#Filtro a:last-child {  }

#Filtro2 { font-size: 89%; width: 445px; margin: -30px auto 30px; background:var(--bg-leve); border-radius: 50px; border:3px solid var(--bg-leve); position: relative; z-index: 3;  }
#Filtro2.quatro { float: left; margin: -10px 0 30px; }
#Filtro2 a { text-align: center; margin: 0; background:var(--bg-leve); cursor: pointer; padding: 1em 1.25em 1.1em !important; }
#Filtro2 a.active {background:var(--azul-medio); color:var(--bg-leve) !important; }
#Filtro2 a:focus { text-decoration: none; }

.Filtro { font-size: 89%; width: 205px; margin: -30px auto 30px; background:var(--bg-leve); border-radius: 50px; border:3px solid var(--bg-leve); position: relative; z-index: 3;  }
.Filtro.quatro { width: 238px; float: left; margin: -10px 0 30px; }
.Filtro a { text-align: center; margin: 0; background:var(--bg-leve); cursor: pointer; }
.Filtro a.active {background:var(--azul-medio); color:var(--bg-leve) !important; }
.Filtro a:focus { text-decoration: none; }

.filtro_select {
    background: #f6f6f6;background: #f3f3f3;
    border: 0;
    border-radius: 50px;
    padding: 9px 12px;
    margin: -10px 0 0 20px;
    float: left;
    color: var(--azul-medio);
    text-transform: uppercase;
    font-size: 0.95em;
    font-weight: 700;
}


.Filtro a:first-child {  }
.Filtro a:last-child {  }

#Kpis.Small { margin: 0 0 30px; }

#Kpis.Small li { margin: 0 3px;padding: 2% 1%;}
#Kpis li h4 { font-size: 1.9em;}
#Kpis.Small li small { float: left;
    width: 100%;
    margin: 0 0 -7px;
    font-size: 0.67em;
    color: #acacac; }

#filter2 p { float: left; font-size: 11px; font-weight: 600;
    color: #999; margin: 16px 10px; }
#filter2 .flex-box { float: left; margin: 0; }

#Container.flutuante {
    position: fixed;
    bottom: 0;
    margin: 0;
    z-index: 99;
    /*width: calc(100% - 226px);*/
    background: #0a9dd8;
    box-shadow: 1px 1px 10px #00000042;
    border-radius: 0;
}
#Container.flutuante #Kpis.Small {margin: 0 0 8px; }
#Container.flutuante #Kpis.Small li {background: #eef5f6; padding:8px 0 13px;}
#Container.flutuante #Kpis.Small li p { color: #616161; font-size: 0.8em;}
#Container.flutuante #Kpis.Small li h4 { font-size: 1.2em;}
#Container.flutuante #Kpis.Small li.excep {background: transparent}
#Container.flutuante #Kpis.Small li.excep p {  color: #eef5f6; margin: 14px 4px 5px -4px; line-height: 1.2; text-align: right; }
#Container.flutuante #Kpis.Small li.excep a { margin: 5px 0 -1px 5px;  }
#Container.flutuante #Kpis.Small li.excep form { margin: 5px 0 -1px 5px;  }

#Container.flutuante #Kpis.Small.novo--flutuante {
    margin: 0;
}

#Container.flutuante #Kpis.Small.novo--flutuante .box--novo--flutuante {
    padding: 12px;
    background: #FFF;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#Container.flutuante #Kpis.Small.novo--flutuante .box--novo--flutuante.desativado {
    opacity: 0.1;
}

#Container.flutuante #Kpis.Small.novo--flutuante > li > p {
    color: #1E2A4E;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    margin: 0 !important;
}

#Container.flutuante #Kpis.Small.novo--flutuante > li > h4 {
    color: #1E2A4E;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 800;
}

#Container.flutuante #Kpis.Small.novo--flutuante > li > small {
    color: #1E2A4E;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
}

#Container.flutuante #Kpis.Small.novo--flutuante .container--box--botoes--novo--flutuante {
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
}

.container--box--botoes--novo--flutuante .botao--padrao--novo--flutuante {
    padding: 12px 20px 12px 16px;
    border-radius: 50px;
    background: transparent;
    border: none;
    color: #FFF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    text-wrap: nowrap;
    }

.container--box--botoes--novo--flutuante .botao--padrao--novo--flutuante.azul {
    background: #0083C0;
}

.container--box--botoes--novo--flutuante .botao--padrao--novo--flutuante.verde {
    background: #00C1B4;
}

.container--box--botoes--novo--flutuante .botao--padrao--novo--flutuante.vermelho {
    background: #FF4B6A;
}

.container--box--botoes--novo--flutuante .botao--padrao--novo--flutuante.azul {
    background: #0089BF;
}

.container--box--botoes--novo--flutuante .botao--padrao--novo--flutuante.azul--escuro {
    background: #1E2A4E;
}

.container--box--botoes--novo--flutuante .botao--padrao--novo--flutuante.transparente--borda--azul {
    background: transparent;
    border: 1px solid #0083C0;
    color: #0083C0;
}

/*============== KPIS 2019 ===============*/


/*============== DashSompo ===============*/

#DashSompo #Kpis li h4 {  color: var(--sompo);  }
#DashSompo #Topo .breadcamp ul li a { color: var(--sompo);  }
#DashSompo #Topo .breadcamp ul li a.active { color: var(--cinza-leve);}
#DashSompo .btn.blue { background-color: var(--sompo); }
#DashSompo .new.azul { --swift: var(--sompo); }
#DashSompo #Pesquisa form .field { color: var(--sompo);}


/*============== FLEXBOX 2019 ===============*/
.flex-content {
    display: flex;
    flex-wrap: wrap;
    /* white-space: nowrap; */
    padding: 0;
    margin: -15px;
}
.flex-content.excep { margin: 0; flex-wrap: nowrap;}
.flex-content.excepMargin { margin: 0px -15px; }
.gap { gap: 10px;}
.gap-40 {gap: 40px;}
.flex-box { position: relative; margin: 26px 15px 15px 15px; flex-basis: auto;  list-style: none }
.flex-box.row-excep { display: flex; align-items: center; gap: 5px; }
.flex-box.row-excep.width-excep {
    flex: unset;
    max-width: 50%;
    width: 50%;
}
.flex-box.minWidth-excep_ {
    min-width: 267px;
}
.flex-box.minWidth-200 {
    min-width: 200px;
}
.box-1 { flex: 1; }
.box-2 { flex: 2; }
.box-3 { flex: 3;  }
.box-4 { flex: 4;  }

@media(max-width: 1366px){
    .flex-box.maxWidth_excep_ {
        max-width: 180px;
    }
}

.box-1.excep-minwidth { min-width: 200px; }
.space-between {justify-content: space-between;}
.flex-box .field { border-radius: 7px; height: 50px; padding: 0 15px; border: 1px solid #F2F2F2; color: var(--preto); font-size: 1em; font-weight: 600; width: -webkit-fill-available; }
.flex-box .field.excep { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.flex-box .field.select2me {
    padding: 0;
    border: 0;
}

.flex-box .field option:disabled {
    color: #cfcfcf;
}


.flex-box input.field[type=file] { padding: 13px 0 0 14px; background: #e1e1e142;  }


.flex-box p.small { font-size: 0.7em; font-weight: 700; line-height: 13px !important; color: red; }


label.flex-box::before { content: attr(data-content); color: var(--preto); padding: 0; position: absolute; left: 0; bottom: 120%; line-height: 1; font-size: 0.9em; font-weight: 600; }


label.flex-box.radix { color: var(--preto); padding: 0; line-height: 1; font-size: 1em; font-weight: 600; margin: 26px 15px 15px 39px; }
label.flex-box.radix input { float:left; margin: 0 6px 0 0; height: 15px; width: 15px;  }
label.flex-box.radix p { position: relative; float:left; margin: 0; cursor: pointer; padding: 0 0 0 5px;  }

.plates-excep label.flex-box.radix { margin: 26px 15px -6px 39px }

label.flex-box.box-1.radix.bo { margin: 19px 15px 15px 39px; }

.f-col {
    display: flex;
    flex-direction: column;
}

.f-col.relative {
    position: relative
}


.flex-content.Floated label { width: 100%;
    float: left;
    flex: none;
    margin: 13px 15px 0; }

form.flex-content p.filtro {font-size: 0.95em; font-weight: 600; color: var(--cinza-leve); margin: 9px 0 0;}



/*===== Radio Moderno ======*/
label.flex-box.radix input[type=radio] { display: none; }
label.flex-box.radix input[type=radio] + p::before { content: ''; position: absolute; left: -21px; bottom: -2px; width: 18px; height: 18px; border-radius: 50%; border: solid 2px #666666; vertical-align: bottom; cursor: pointer;  }
label.flex-box.radix input[type=radio]:checked + p::after { content: '';background-color: var(--azul-claro);width: 10px;height: 10px;border-radius: 50%;position: absolute;left: -17px;bottom: 2px;}
label.flex-box.radix input[type=radio]:checked + p::before {border: solid 2px var(--azul-claro);}
label.flex-box.radix input[type=radio]:checked + p { color: var(--azul-claro);font-weight: 700; }

/*===== checkbox Moderno ======*/
label.flex-box.radix input[type=checkbox] { display: none; }
label.flex-box.radix input[type=checkbox] + p::before { content: ''; position: absolute; left: -21px; bottom: -2px; width: 18px; height: 18px; border-radius: 4px; border: solid 2px #666666; vertical-align: bottom; cursor: pointer;  }
label.flex-box.radix input[type=checkbox]:disabled + p::before { cursor: not-allowed;  }
label.flex-box.radix input[type=checkbox]:checked + p::after { content: '';background-color: var(--azul-claro);width: 10px;height: 10px;border-radius: 2px;position: absolute;left: -17px;bottom: 2px;}
label.flex-box.radix input[type=checkbox]:checked + p::before {border: solid 2px var(--azul-claro);}
label.flex-box.radix input[type=checkbox]:checked + p { color: var(--azul-claro);font-weight: 700; }
label.flex-box.radix input[type=checkbox]:disabled { cursor: not-allowed;}


/*============== FLEXBOX 2019 ===============*/
/*============== FLEXBOX 2021 ==============*/



.new-flex { display: flex; flex-direction: row; gap: 10px; justify-content: flex-start; align-items: center; height: 64px;}
.new-flex.center { justify-content: center; }


/* FLEXBOX 2021 */

.box-n-cadastrado {
    margin: 0 0 30px;
    background: #eaeaea;
    padding: 20px;
    border-radius: 7px;
    width: 100%;
    float:left
}
.box-n-cadastrado h5 {
    width: 100%;
    float:left
}
.box-n-cadastrado h4 {
    padding: 0 0 15px ​0 !important;
}
.box-n-cadastrado .flex-content {
    float: left;
    margin: 0;
    width: 100%;
}




/*============== ACIONAMENTO ELETRONICO ===============*/
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: 90% !important;
}

#NewStats { --color: #ECECEC; width: 100%; background: #FFF; float: left; border-radius:10px; margin: 0 0 2% 0;  }
#NewStats.excep {background: #FFF; margin: 0 0 3% 0;}
#NewStats.excep .status { padding: 1% 0;  }
#NewStats.excep .status .top { margin: -1% 0 0; }
#NewStats .status { width: 100%; float: left; padding:15px 3%; border-bottom: 1px solid #f2f2f2; }

#NewStats .status .top { width: 100%; padding: 0 0 5px;  float: left; }
#NewStats .status .top h4 { float: left; font-size: 1.3em; font-weight: 600; color: #666666; }
#NewStats .status .top ul { margin: 18px 0 0 0;}
#NewStats .status .top ul li { --color: #98B4BB; float: left; list-style: none; margin: 0 0 0 20px;}
#NewStats .status .top ul li p span { width: 9px;min-width: 9px; float: left; height: 9px; border-radius: 50px; background: var(--verde); margin: 3px 5px 0 0;  }
#NewStats .status .top ul li p { width: 100%; float: left; font-size: 0.8em; margin:-4px 0 11px; font-weight: 600; color: var(--color); line-height: 1.2;  }

#NewStats .status ul.Line { width: 70vw; float: left; display: flex; flex-wrap: unset; overflow-x: auto; padding: 30px 0 0}
#NewStats .status ul.Line li {    align-items: center;    display: flex;    flex-direction: column; text-align: center; flex-basis: auto; list-style: none; flex: 1; position: relative; margin: 15px 0 25px; padding: 0 30px;}
#NewStats .status ul.Line li.big {flex: 2; }
#NewStats .status ul.Line li span.linha { width: 100%; float: left; height: 2px; background: var(--color); left: 0; top: 3px; position: absolute; }
#NewStats .status ul.Line li span.ball { width: 9px; min-width: 9px; float: left; height: 9px; border-radius: 50px; background: var(--color); top: 0; left: calc(50% - 4px); position: absolute; }
#NewStats .status ul.Line li:first-child { align-items: flex-start; text-align: left; padding: 0; }
#NewStats .status ul.Line li:first-child span.ball { left: 0; }
#NewStats .status ul.Line li:last-child {align-items: flex-end; text-align: right; padding: 0; }
#NewStats .status ul.Line li:last-child span.ball { right: 0; left: inherit; }
#NewStats .status ul.Line li p { width: 100%; float: left; font-size: 0.85em; font-weight: 700; color: var(--color); line-height: 1.2; margin: 0 0 10px; }
#NewStats .status ul.Line li p small { font-size: 0.8em; position: absolute; top: -18px; left: 0; width: 100%; }
#NewStats .status ul.Line li p.one { font-size: 1em;  }
#NewStats .status ul.Line li p.one small { top: -35px; text-transform: capitalize; text-align: center;}

#NewStats .status ul.Line li:first-child p.one small {text-align: left; }
#NewStats .status ul.Line li.fim p.one small {  text-align: right; }


/* SCROLL NICE */
#NewStats .status ul.Line::-webkit-scrollbar { width: 12px; height: 12px; }
#NewStats .status ul.Line::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 50px;}
#NewStats .status ul.Line::-webkit-scrollbar-thumb {background: #c1c1c1;border-radius: 50px;}
#NewStats .status ul.Line::-webkit-scrollbar-thumb:hover {background: rgb(232, 232, 232);}


#NewStats .status ul.Line li label { background: var(--color); font-size: 0.9em; padding: 0.25em 1.0em 0.3em; margin: 0 3px; font-weight: 600; }
#NewStats .status ul.Line li label b { color: var(--color); }


#NewStats .status ul.Line li.active { --color: #98B4BB; }
#NewStats .status ul.Line li.active label { background: var(--verde); }
#NewStats .status ul.Line li.atencao label { background: var(--amarelo); }
#NewStats .status ul.Line li.perigo label { background: var(--vermelho); }
#NewStats .status .top ul li p span.atencao { background: var(--amarelo); }
#NewStats .status .top ul li p span.perigo { background: var(--vermelho); }
#NewStats .status ul.Line li.fim label { background: var(--cinza); }
#NewStats .status .top ul li p span.fim { background: var(--cinza); }


#NewStats .status ul.Line li label.Excep { background: #EEF5F6; color: var(--azul-medio); font-size: .75em; padding: 6px 8px; margin: 5px 0 0; }
#NewStats .status ul.Line li.perigo label.Excep { background: #EEF5F6; color: var(--azul-medio) }
#NewStats .status ul.Line li label.Excep i { font-size: 10px; }
#NewStats .status ul.Line li label.Excep p { margin: 7px 0 0; color: var(--azul-medio) }
#NewStats .status ul.Line li label.Excep b {color: var(--azul-medio) }


#NewStats .nps { width: 100%; float: left; padding:1.5% 3% 1.35%; border-bottom: 1px solid #f2f2f2; }
#NewStats .nps h4 { float: left; font-size: 1.3em; font-weight: 600; color: #666666; margin: 17px 0 0; }
#NewStats .nps label { font-size: 2em; padding: 0.25em 0.7em; margin: 0 10px; font-weight: 800; }
#NewStats .nps div { width: 120px; float: left; }
#NewStats .nps ul { width: calc(100% - 120px); float: left; padding: 0; }
#NewStats .nps ul li { width: 160px; float: left; list-style: none; }
#NewStats .nps ul li small { float: left; clear: both; font-size: 0.8em; font-weight: 600; color: #98B4BB; line-height: 1.2; margin: 8px 0 4px; }
#NewStats .nps ul li p { float: left; clear: both; font-size: 1.1em; font-weight: 700; color: #666; line-height: 1.2; margin: 0; }
#NewStats .nps ul li.excep { width: calc(100% - 480px); }
#NewStats .nps ul li.excep p { font-size: 0.9em; ; }



@media (max-width:980px) {
    #NewStats .status .top ul li p span { height: 9px !important }
    #NewStats .status ul.Line li span.ball { height: 9px !important; left: calc(5% - 4px); }
    #NewStats .status ul.Line li span.linha { width: 2px; position: absolute; left: 5%; right: 0; height: 100% !important; }
    #NewStats .status ul.Line li { width: 100%;  flex: none; float: left; }
    #NewStats .status ul.Line li:first-child span.linha { width: 2px; left: 5%; }
    #NewStats .status ul.Line li:last-child span.linha {display: none; }
    #NewStats .status .top ul { float: left !important; padding: 0; }
    #NewStats .status .top ul li { margin: 0 20px 0 0;}
    #NewStats .status ul.Line li p { width: auto; margin: 10px 0 10px 10%; }
    #NewStats .status ul.Line li label { float: right; margin: 10px 5% 0 20px; }
    #NewStats .status ul.Line li:first-child span.ball { left: calc(5% - 4px); }
    #NewStats .status ul.Line li:last-child span.ball { left: calc(5% - 4px); }
    #NewStats .status ul.Line li p small { text-align: left; top: 0; left: 10%; }
}




/*============== NEW TABLE 2019 ===============*/
.table-top { padding: 0 0 2%; display: flex; align-content: space-between; justify-content: flex-end  }
.table-top h4 { color: var(--preto); font-weight: 600; font-size: 1.2em  }
.table-top .flex-content { margin: 0 }
.table-top .field { color: var(--preto); font-size: 0.85em; height: 36px; padding: 0 10px; border:1px solid #f2f2f2; border-radius: 4px; font-weight: 600; margin: 0 0 0 10px;}
.table-flex .field { color: var(--preto); font-size: 1.2em; height: 36px; padding: 0 10px; border:1px solid #f2f2f2; border-radius: 4px; font-weight: 600;    margin: 0; background: #FFF }

table.table-flex { width: 100%; float: left; font-size: 0.85em !important; color: var(--preto); font-weight: bold; padding: 30px 0 0 0; margin: 30px 0 0; overflow: auto; display: block; }
table.table-flex tr:nth-child(odd) { background-color:var(--bg-leve) }
table.table-flex tr:nth-child(odd):hover { background-color:#f2f2f2 }

table.table-flex tr.Select { background: #fffef2 !important; border: 1px solid #f9f3ad; }

table.table-flex tr td {position: relative; padding: 13px 5px; min-width: 60px;}
table.table-flex tr td {position: relative; padding: 13px 5px; min-width: 60px;}
table.table-flex tr td a { color: var(--caminhao); }
table.table-flex tr td img.exit {width: 12px; opacity: 1; transition: .3s; margin: -1px 0 0 3px; cursor: help; }
table.table-flex tr td img { width: 30px }
#NovaOcorrenciaAbas table.table-flex tr td img { width: 90px }
table.table-flex tr:first-child td::after { content: attr(data-content) !important; color: var(--preto); padding: 5px; position: absolute; left: 0; bottom: 110%; line-height: 1; font-size: 0.9em; }

table.table-flex tr td.valorMoney {white-space: nowrap;}

table.table-flex tr td .new { float: left; text-align: center; line-height: 1.3; }
table.table-flex tr td .circle { width: 20px; height: 20px;width: 25px;
    height: 25px; box-sizing: border-box; padding: 5px; margin: 0 0 3px; clear: both; cursor: pointer; }
table.table-flex tr td .circle img { width: 11px !important; margin: 2px !important;}

table.table-flex tr td a.new.small { padding: 0.3em 0.9em 0.3em; font-size:0.81em }
table.table-flex tr td a.new.iconn { width: 22px; height: 22px; box-sizing: border-box; padding: 5px 3px 3px 4px; line-height: 1; font-size: 0.81em; margin: -1px 0 0 5px; border:0; zoom: .8; }

table.table-flex tr.linhas td p { float: left; margin:0 }

table.table-flex.resultado { margin: 0;  }
table.table-flex.resultado tr:nth-child(odd) { background-color:transparent }

table.table-flex.nocadastro tr td { text-align: center;  }
table.table-flex.nocadastro tr td img {  width: 208px;  }
table.table-flex.nocadastro tr:nth-child(odd) { background-color:transparent }

table.table-flex tr.gamb td { padding: 0 !important; }

table.table-flex tr [data-content="Parcela"] { min-width: 40px; }
table.table-flex tr [data-content="img"] { text-align:center }
table.table-flex tr [data-content="img"]::after { display: none }
table.table-flex tr [data-content="ação"] { text-align:right }
table.table-flex tr [data-content="ação"]::after { display: none }
table.table-flex tr [data-content="titulo"] { padding-left: 0; font-size: 1.2em; color: var(--cinza-leve); font-weight: 600;}
table.table-flex tr [data-content="titulo"]::after { display: none }
table.table-flex tr [data-content="Situação"] a { float: left; margin: 0 5px 3px 0; }

table.table-flex tbody {width: 100%; float: left; display: table;}

table.table-flex tfoot tr:nth-child(odd) { background-color: #FFF !important; text-align: right; }

table.table-flex tr td div.centertag { width: 100%; display: flex; justify-content: center;}



td#table-contrato { color: #00b6e9; }
table#table-filter { margin: 0; }
div#feed-alert-register { text-align: center; }


/* SCROLL NICE */
table.table-flex::-webkit-scrollbar { width: 7px; }
table.table-flex::-webkit-scrollbar-track {background: #f1f1f1;}
table.table-flex::-webkit-scrollbar-thumb {background: #dedede;border-radius: 50px;}
table.table-flex::-webkit-scrollbar-thumb:hover {background: #cccccc;}




@media (max-width: 767px) {
    table.table-flex { margin: 0; }
    table.table-flex tr:nth-child(odd) { background-color:#FFF }
    table.table-flex { border-bottom: 1px solid var(--bg-leve);  }
    table.table-flex tr { width: 100%; float: left;  border: 1px solid var(--bg-leve); border-bottom: 0; padding: 7%;  }
    table.table-flex tr td { padding: 5px;  }
    table.table-flex tr td br { display: none; }
    table.table-flex tr td::after, table.table-flex tr:first-child td::after { content: attr(data-content); color: var(--cinza-leve); padding: 2px 15px 2px 0; position: relative; left: inherit; bottom: inherit; line-height: 1; font-size: 0.9em; width: 40%; float: left; text-transform: uppercase; }
    table.table-flex tr td .new {float: none;}
}

/*============== NEW TABLE 2019 ===============*/




.break {page-break-before: always !important}
#NovaContratação.PdfPress .box ul.medium li { width: 25% !important;}
#NovaContratação.PdfPress h4 { width: 100% !important; }
#NovaContratação.PdfPress h5 { margin: 0 0 1% !important; }
#NovaContratação.PdfPress #Kpis li { padding: 3% 2% !important; }
@media (max-width: 767px) {
    #NovaContratação.PdfPress {margin-top: -50px;}
    #NovaContratação.PdfPress #Topo { margin: 0 0 10px; }
    #NovaContratação.PdfPress table td, th { width: auto; clear: none; min-width: 120px; }
    #NovaContratação.PdfPress table.table-flex { margin: 30px 0 30px 0; border-bottom: 0 }
    #NovaContratação.PdfPress table.table-flex tr:nth-child(odd) { border:1px solid #F8F8F8; border-left:0; border-right:0 }
    #NovaContratação.PdfPress table.table-flex tr { width: auto; float: none; border:0; border-bottom: 0; padding: 0; }
    #NovaContratação.PdfPress table.table-flex tr td { padding: 13px 5px;  }
    #NovaContratação.PdfPress table.table-flex tr td::after, #NovaContratação.PdfPress table.table-flex tr:first-child td::after { content: attr(data-content) !important; color: var(--cinza-leve) !important; padding: 5px !important; position: absolute !important; left: 0 !important; bottom: 110% !important; line-height: 1; font-size: 0.9em; width: auto !important; float: none !important; display: none; }
    #NovaContratação.PdfPress table.table-flex tr:first-child td::after { display:block; }
    #NovaContratação.PdfPress #Kpis li { background-color:rgb(247, 247, 247); padding: 3% 20px !important; float: left; width: auto; flex: inherit; margin-bottom: 5px; max-width: 120px; border:1px solid #000 }
    #NovaContratação.PdfPress .box ul.top li { border-right:1px solid #F8F8F8; border-top:1px solid #F8F8F8;   }

}






/*============== ACIONAMENTO ELETRONICO ===============*/
#Container.aEletric { position: relative; }
#Container.aEletric .ContainerIn {  padding: 0; }
.aEletric .one {width: 45%; height: 100%; position: absolute; float: left; top: 0; left: 0; display: block; overflow: hidden; }
.aEletric .one img {height: 100%; }
.aEletric .one ul {width: 100%; position: absolute; bottom: 0; background: #000000ab; padding: 1.5em 2em; margin: 0; }
.aEletric .one ul li {width: 50%; float: left; font-size: 0.9em; color: #FFF;  }
.aEletric .one ul li small {width: 100%; float: left; text-transform: uppercase; opacity: 0.65; font-weight: 700;}
.aEletric .one ul a { width: 100%; float: left; font-weight: 700; color: #FFF; text-decoration: underline; font-size: 0.8em; line-height: 0;}
.aEletric .two {width: 55%; float: right; padding: 3% 5%; font-size: 0.9em; }
.aEletric h4 { float: left; font-size: 1.5em; font-weight:700; color: #FF4560; }
.aEletric .two .label-danger { float: right; font-size: 1.5em;     padding: 0.5em 0.5em; }
.aEletric .two ul {width: 100%; float: left; margin: 5% 0 0; padding: 0; }
.aEletric .two ul.bg {background: #F7F7F7; border-radius: 4px;    padding: 5% 5% 3%; margin: 0; }
.aEletric .two ul.bg li {margin: 0; }
.aEletric .two ul li {width: 33.333%; margin: 0 0 4%; float: left; }
.aEletric .two ul li small {float: left; clear: both; font-weight: 700; color: var(--cinza); margin: 0 0 7px; }
.aEletric .two ul li label {float: left; clear: both; }
.aEletric .two ul li p {float: left; clear: both; font-weight: 700; color: var(--preto); }
.aEletric .two ul a.new { font-size: 1.2em; float: left; margin: 5px 10px 0 0; }

.aEletric.none { box-shadow: 0 0 0 !important; }
.aEletric.none .box { background: #fff8f9; border-radius: 7px; }
.aEletric.none h4 { margin: 2% 0 -20px 3%; font-size: 1.1em; }





/*============== KANB KPI ANALISTAS ===============*/

ul.kanb { width: 100%; float: left; margin: 5% 0 0; padding: 0; }
ul.kanb li { width: 25%; float: left; position: relative; background: #f3f3f3; border: 10px solid #FFF;  height: 80vh; list-style: none; }
ul.kanb li h4 { position: absolute; font-weight: 700; top: -43px;
    right: 5px;}
ul.kanb li p.occup { position: absolute; font-weight: 700; top: -32px;
    right: 35px; background: var(--vermelho); color:#FFF;  border-radius: 50px; padding: 0 5px; font-size: 0.875em; }
ul.kanb li div { overflow: auto; padding: 7%; float: left; width: 100%; display: block; height: 100%; }
ul.kanb li:first-child { border-left: 0; }
ul.kanb li:last-child { border-right: 0; }

ul.kanb li::after { content: attr(data-content) !important; color: var(--cinza-leve); padding: 5px; position: absolute; left: 0; top: -35px; line-height: 1;     font-size: 1em;  font-weight: 700; }

ul.kanb li label.new { width: 100%; float: left; margin: 0 0 10%; }
ul.kanb li label.new figure { width: 36px;
    height: 36px;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    margin: 6px 0 0 0;
    float: left;
    text-align: center;
    background: #dadada; }
ul.kanb li label.new figure img { height: 100%;
    margin: 0; }
ul.kanb li label.new span { float: right; width: calc(100% - 44px); }
ul.kanb li label.new span a { color: #FFF; font-size: 1em; float: left; margin: 8px 0 0; }
ul.kanb li label.new span p { color: #ffffffa6; font-size: 1em; float: left;clear: both;  }
ul.kanb li label.new span a.new { font-size: 0.68em; float: left; padding: 1px 6px 2px 6px; margin: 2px 0 0 4px; }

ul.kanb li[data-content="Ramais Ativos"] label.new { --swift: var(--verde); }
ul.kanb li[data-content="Ramais Offline"] label.new { --swift: var(--cinza-leve); }
ul.kanb li[data-content="Ramais Externos"] label.new { --swift: #85abba; }
ul.kanb li[data-content="Ramais Internos"] label.new { --swift: var(--azul); }





ul.kanb.alt2021 li { width: 100%; background: transparent; border: 0; height: auto; margin: 0 0 5em; }
ul.kanb.alt2021 li:last-child { margin: 0 }

ul.kanb.alt2021 li .content { width: 100%; background: #f3f3f3; height:auto;max-height: 270px; overflow: auto; padding: 2% 1% 0 1%;}
ul.kanb.alt2021 li label.new { width: 23%; margin: 0 1% 2%;}
ul.kanb.alt2021 li p.occup{ top: -39px; right: 0; background: var(--cinza-leve);padding: 4px 10px; font-size: 1em; }
ul.kanb.alt2021 li::after { color: var(--preto);}
ul.kanb li div.timer { text-align: right; padding: 0; height: 17px; margin: -17px 0 0;font-size: 0.9em;}
ul.kanb li[data-content="Ramais Online"] label.new { --swift: var(--verde); }
ul.kanb li[data-content="Ramais Ocupados"] label.new { --swift: var(--vermelho); }
ul.kanb li[data-content="Ramais Externos"] label.new { --swift: var(--azul); }
ul.kanb li[data-content="Ramais Offline"] label.new { --swift: var(--cinza-leve); }




/* width */
ul.kanb li div::-webkit-scrollbar {
    width: 7px;
}
/* Track */
ul.kanb li div::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
ul.kanb li div::-webkit-scrollbar-thumb {
    background: #dedede;
    border-radius: 50px;
}
/* Handle on hover */
ul.kanb li div::-webkit-scrollbar-thumb:hover {
    background: #cccccc;
}

.exKanb label.new { margin: 1px 0 4px; }


/*============== FORMULARIO STYLE 2019 ===============*/
#ContainerAbas { width: 100%; float: left; position: relative; z-index: 2; margin: 0 0 5%; list-style: none; }
#ContainerAbas.excepAbs { margin: 50px 0 5%; }
#ContainerAbas #Container .ContainerIn h5 { font-size: 1.6em;}
#modal_passagem_turno h5 { font-size: 1.6em;}
#ContainerAbas a.tabin { float: left; background: #f7f7f7; border-radius: 4px 4px 0 0; padding: 1.25em 2.5em; margin: 0 2px -1px -1px; color: #c4c4c4; font-size: 1.05em; font-weight: 600; }
#ContainerAbas a.tabin.active {  background: #FFF; box-shadow: 0 -1px 2px #efefef33; border: 1px solid #efefef4a; border-bottom: 0; color: var(--preto); }

#ContainerAbas #Container .ContainerIn h5 { color: #333;}
.newSalve { position: fixed; width: 90%; z-index: 99999; bottom: 0; padding: 0; margin: 0 5%; border-top: 3px solid #0086bc; background: #ebebeb; }
.newSalve a { margin: 12px 0 12px 12px; padding: 10px 25px !important }

#ContainerAbas #Container .ContainerIn .select_historico p, #ContainerAbas #Container .ContainerIn .select_prestador p {float: left; font-size: 0.95em; margin: 11px;
    color: #666; }
#ContainerAbas #Container .ContainerIn .select_historico select, #ContainerAbas #Container .ContainerIn .select_prestador select {float: left; height: 40px; width: 200px;}

#ContainerAbas li { float: left; }
#ContainerAbas.excepAbs li { position: absolute; width: 100%; padding: 0 0 4%;}

#ContainerAbas li .rd_tab ~ label { background: #f7f7f7; border-radius: 0; padding: 1.25em 2.5em; margin: 0 2px -2px 0; color: #666; font-size: 1.05em; font-weight: 600; cursor:pointer;text-align: left; }
#ContainerAbas li .rd_tab:checked ~ label { background: #0086bc; border-radius: 0; margin: 0 2px -2px 0; color: #FFF; font-size: 1.05em; font-weight: 600;}

.prestador-form #ContainerAbas li .rd_tab ~ label { background: #f1f1f1; cursor:pointer; }
.prestador-form #ContainerAbas li .rd_tab:checked ~ label { background: #0086bc;}
.prestador-form #ContainerAbas.excepAbs li .rd_tab ~ label:hover { background: #DDD !important; }

.prestador-form .cancel-btn {
    border: 1px solid #000;
    background-color: transparent;
    border-radius: 50px !important;
}
.prestador-form  .cancel-btn:hover {
    background-color: #E9E9E9;
}

.prestador-form  .nowrap {
    white-space: nowrap;
}

#ContainerAbas li .rd_tab { display:none;position: absolute; }
#ContainerAbas li .rd_tab:hover ~ label { background: #f0f0f0; }
#ContainerAbas.excepAbs li .rd_tab ~ label { position: relative; top: -53px}
#ContainerAbas.excepAbs li .rd_tab ~ label {font-size: 12px !important; padding: 1.25em 1.5em;}
#ContainerAbas.excepAbs li:nth-child(1) .rd_tab ~ label { left: 0; }

#ContainerAbas.excepAbs li:nth-child(2) .rd_tab ~ label { left: 116px;  }
#ContainerAbas.excepAbs li:nth-child(2) .rd_tab.excep--prestador ~ label { left: 106px !important;}
#ContainerAbas.excepAbs li:nth-child(3) .rd_tab ~ label { left: 208px;  }
#ContainerAbas.excepAbs li:nth-child(4) .rd_tab ~ label { left: 313px;  }
#ContainerAbas.excepAbs li:nth-child(4) .rd_tab.excep--prestador ~ label { left: 295px !important;}
#ContainerAbas.excepAbs li:nth-child(5) .rd_tab ~ label { left: 389px;  }
#ContainerAbas.excepAbs li:nth-child(6) .rd_tab ~ label { left: 506px;  }
#ContainerAbas.excepAbs li:nth-child(6) .rd_tab.excep--prestador ~ label { left: 462px !important;}
#ContainerAbas.excepAbs li:nth-child(7) .rd_tab ~ label { left: 615px;  }
#ContainerAbas.excepAbs li:nth-child(7) .rd_tab.excep--prestador ~ label { left: 575px !important;}
#ContainerAbas.excepAbs li:nth-child(8) .rd_tab ~ label { left: 704px;  }
#ContainerAbas.excepAbs li:nth-child(8) .rd_tab.excep--prestador ~ label { left: 680px !important;}
#ContainerAbas.excepAbs li:nth-child(9) .rd_tab ~ label { left: 784px;  }
#ContainerAbas.excepAbs li:nth-child(9) .rd_tab.excep--prestador ~ label { left: 765px !important;}
#ContainerAbas.excepAbs li:nth-child(10) .rd_tab.excep--prestador ~ label { left: 830px !important;}

#ContainerAbas.excepAbs li .rd_tab ~ label:hover { background: #DDD !important; }

.prestador-form #ContainerAbas.excepAbs li:nth-child(2) .rd_tab ~ label { left: 150px; }
.prestador-form #ContainerAbas.excepAbs li:nth-child(3) .rd_tab ~ label { left: 286px; }
.prestador-form #ContainerAbas.excepAbs li:nth-child(4) .rd_tab ~ label { left: 400px; }
.prestador-form #ContainerAbas.excepAbs li:nth-child(5) .rd_tab ~ label { left: 528px; }
.prestador-form #ContainerAbas.excepAbs li:nth-child(6) .rd_tab ~ label { left: 625px; }
.prestador-form #ContainerAbas.excepAbs li:nth-child(7) .rd_tab ~ label { left: 775px; }
.prestador-form #ContainerAbas.excepAbs li:nth-child(8) .rd_tab ~ label { left: 920px; }
.prestador-form #ContainerAbas.excepAbs li:nth-child(9) .rd_tab ~ label { left: 1038px; }
.prestador-form #ContainerAbas.excepAbs li:nth-child(10) .rd_tab ~ label { left: 1140px; }
.prestador-form #ContainerAbas.excepAbs li:nth-child(11) .rd_tab ~ label { left: 1264px; }
.prestador-form #ContainerAbas.excepAbs li:nth-child(12) .rd_tab ~ label { left: 1358px; }
.prestador-form #ContainerAbas.excepAbs li:nth-child(13) .rd_tab ~ label { left: 1459px; }

#ContainerAbas li #Container{display: none; width: calc(100% - 180px); right: 0; border-radius: 0 0 4px 4px;  box-shadow: 0 0 0; z-index: 2; position: absolute; margin: 0;}
#ContainerAbas.excepAbs li #Container{ position: relative; top: -53px}
#ContainerAbas.AllFull li #Container{ width: 100%;}

#ContainerAbas li #Container .ContainerIn { padding: 4% 3%; }
#ContainerAbas li #Container .ContainerIn table.table-flex { margin: 20px 0 10px 0; }
#ContainerAbas li .rd_tab:checked ~ #Container{display: block !important;}

#NovaOcorrenciaAbas .note-danger-excep { margin: 0 0 2%; }

#NovaOcorrenciaAbas .new { float: left; height: auto !important;     display: block; overflow: hidden; }
#NovaOcorrenciaAbas .NewsExcep .new { line-height: 1.1; padding: 1em 1.25em 1.05em; }


#ContainerAbas .grid-inputs {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 30px;
    row-gap: 15px;
}


#ContainerAbas .grid-inputs .item-1 {
    width: 100%;
    height: 100%;
}
#ContainerAbas .grid-inputs .item-2 {
    grid-column: span 2;
    width: 100%;
    height: 100%;
}
#ContainerAbas .grid-inputs .item-4 {
    grid-column: span 4;
    width: 100%;
    height: 100%;
}


#ContainerAbas table.oficina input[type=checkbox] {
    margin-right: 5px;
}

#ContainerAbas table.oficina input[type=text] {
    margin-top: 3px;
    border: 1px solid #e5e5e5
}

.boxSaveFixed {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 5;
    background-color: #0170a5;
}

#NewPortal.Analista .boxSaveFixed .Box {
    width: auto;
    background: transparent;
    margin: 0 5%;
    padding: 15px 3% 15px;
    float: unset;
    display: flex;
    flex-direction: column;
}

#NewPortal.Analista .boxSaveFixed .Box h4{
    color: #fff;
    margin: 0 0;
    padding: 0 0;
}

#NewPortal.Analista .boxSaveFixed .Box .lineInputs{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}

#NewPortal.Analista .boxSaveFixed .Box .lineInputs > div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px
}

/* #NewPortal.Analista .boxSaveFixed .Box .lineInputs > div .checkbox { margin: 0} */
#NewPortal.Analista .boxSaveFixed .Box .lineInputs > div .checkbox label  { white-space: nowrap;}
/* ============== MODAL CONFIRMA TROCA STATUS ============== -*/

.modal-confirma { position:fixed; padding: 2.5%; top:0; right:0; width:100%; height:100%; background:#000000b5; z-index:99999999; display:none; box-sizing: border-box; }
.modal-confirma .banner { position: relative; left: 50%; top: 45%; transform: translate(-50%,-50%); float: left; box-shadow: 0 0 20px #00000091; transition:.2s; background: #FFF; padding: 3%;  }
.modal-confirma .banner.novo--padding--border--radius {
    padding: 24px 32px 32px 32px;
    border-radius: 16px;
}
.modal-confirma .banner h4 { margin: 0; font-size: 1.4em; font-weight: 600; color: var(--azul);  }
.modal-confirma .banner p { margin: 20px 0 30px; }
.modal-confirma .banner a { margin: 0 10px 0 0; }
.close-pop { position: absolute; z-index: 2; right: 7px; top: 7px; float: left; color: #c5c5c5; font-size: 20px; font-weight: 500; cursor: pointer; transition: .2s; }
.close-pop:hover { text-decoration:none; color: #666;  transform: scale(1.10); }


#NewPortal.Analista #Topo.topAbas { margin: 0; padding: 2.5% 0 0 }

#NewPortal.Analista #Topo.topAbas .corponewabas { padding: 0 2.5% }

#NewPortal.Analista #Topo.topAbas .breadcamp { width: auto;  clear: both;  }
#NewPortal.Analista #Topo.topAbas .right h4 { float: left;    margin: 0 0 0 10px; }
#NewPortal.Analista #Topo.topAbas select{ width: 220px;
    padding: 12px; font-size: 0.7em; font-weight: 700;}
#NewPortal.Analista #Topo.topAbas span.urgent {width: 135px !important; padding: 4px 0 !important; margin: 24px 0 1% 10px !important;}

#NewPortal.Analista #Topo.topAbas .NewOcoStats small { color: #888; font-size: 0.65em;}

#sideNovaOcorrenciaAbas { width: 180px; float: left; height: 100vh; position: relative; background: #eef5f6; border: 1px solid #eef5f6; border-left: 1px solid #ffffff; padding: 25px 15px; display: none; }

#sideNovaOcorrenciaAbas.MenuFix { position: fixed; top: 62px; left:3%; z-index: 3; }

.NewInfosAbas #ancora { top: -120px;}



/*-NEW CHECKBOCKS STYLES-*/

.NewRadios {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 3em;
}

.NewRadios.Vidros {grid-template-columns: 1fr;    padding: 0 40px 0 0;  }

.NewRadios input.field { width: 100% !important; }
.NewRadios select { width: 100% !important; }

.NewRadios:after {
    content: "";
    clear: both;
}

.method {
    border: 2px solid #FFF;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 50px;
}
.method input {display:none}


.method + .method {
    margin-left: 0;
}
.method label {
    bottom: 2px;
    left: 2px;
    right: 2px;
    top: 2px;
    cursor: pointer;
    display: block;
    position: absolute;
    white-space: nowrap;
    background: white;
    outline: 4px solid #eeeeee;
}
.method p {
    position: relative;
    z-index: 2;
    font-size: 0.9em;
    font-weight: 700;
    line-height: 1.2;
    width: 100%;
    text-align: center;
    color: var(--preto);
}

.NewRadios input:focus + label {
    outline: 2px dotted black;
}
.NewRadios input:checked + label {
    outline: 4px solid black;
}
.NewRadios input:checked + label:after {
    background: url(../img/newradio/check2.svg) #FFF;
    border-radius: 50%;
    bottom: -10px;
    content: "";
    display: inline-block;
    height: 23px;
    position: absolute;
    right: -10px;
    width: 23px;
}
@-moz-document url-prefix() {
    .NewRadios input:checked + label:after {
        bottom: 0;
        right: 0;
        background-color: #21b4d0;
    }
}

.method.image {height: 146px;}
.method.image label {background-size: 40px auto !important;}
.method.image label p { margin: 84px 0 0; white-space: break-spaces; line-height: 1.2; }

.method.Socorro label { background: url(../img/newradio/socorro.svg) #FFF no-repeat center 35%;     }
.method.Reboque label { background: url(../img/newradio/reboque.svg) #FFF no-repeat center 35%;background-size: 50px auto !important; }
.method.Chaveiro label { background: url(../img/newradio/chaveiro.svg) #FFF no-repeat center 35%; }
.method.ReboqueCaminhao label { background: url(../img/newradio/reboque.svg) #FFF no-repeat center 35%;background-size: 50px auto !important;  }
.method.Taxi label { background: url(../img/newradio/taxi.svg) #FFF no-repeat center 35%; }
.method.Hotel label { background: url(../img/newradio/hotel.svg) #FFF no-repeat center 35%; }
.method.Vigilante label { background: url(../img/newradio/vigilante.svg) #FFF no-repeat center 35%; }
.method.Munck label { background: url(../img/newradio/munck.svg) #FFF no-repeat center 35%; }

.method.troca label { background: url(../img/newradio/troca.svg) #FFF no-repeat center 35%; }
.method.farol label { background: url(../img/newradio/farol.svg) #FFF no-repeat center 35%; }









.plano_excep span { font-size: 0.95em!important; color: #939393!important;   text-transform: lowercase; line-height: 1;margin: 0 !important; }


.containerNovaOcorrenciaAbas { width:100%; float: left; margin: 0; padding: 0 0 1.5% 0; transition: .15s; }
.containerNovaOcorrenciaAbas.MenuFix {padding: 0 0 1.5% 0; }
.containerNovaOcorrenciaAbas #ContainerAbas li .rd_tab ~ label { top: 0;
    position: absolute; width: 180px; padding: 1.25em 2.25em; }

/* .containerNovaOcorrenciaAbas #ContainerAbas li #tab1 ~ label { top: 0;  }
.containerNovaOcorrenciaAbas #ContainerAbas li #tab2 ~ label { top:53px  }
.containerNovaOcorrenciaAbas #ContainerAbas li #tab3 ~ label { top:106px }
.containerNovaOcorrenciaAbas #ContainerAbas li #tab4 ~ label { top:159px }
.containerNovaOcorrenciaAbas #ContainerAbas li #tab5 ~ label { top:212px }
.containerNovaOcorrenciaAbas #ContainerAbas li #tab6 ~ label { top:265px }
.containerNovaOcorrenciaAbas #ContainerAbas li #tab7 ~ label { top:318px }
.containerNovaOcorrenciaAbas #ContainerAbas li #tab8 ~ label { top:373px } */


.medium_charts.excep {
    background: #FFF
}

.medium_charts.sem {
    width: 100%;
}


.containerNovaOcorrenciaAbas #ContainerAbas.MenuFix li label.tab_label { position: fixed; top:62px; z-index: 99999; }
.containerNovaOcorrenciaAbas #ContainerAbas.MenuFix li #tab1 ~ label { margin-left:0; top: 147px }
.containerNovaOcorrenciaAbas #ContainerAbas.MenuFix li #tab2 ~ label { margin-left:0; top: 192px  }
.containerNovaOcorrenciaAbas #ContainerAbas.MenuFix li #tab3 ~ label { margin-left:0; top: 237px    }
.containerNovaOcorrenciaAbas #ContainerAbas.MenuFix li #tab4 ~ label { margin-left:0; top: 282px    }
.containerNovaOcorrenciaAbas #ContainerAbas.MenuFix li #tab5 ~ label { margin-left:0; top: 327px    }
.containerNovaOcorrenciaAbas #ContainerAbas.MenuFix li #tab6 ~ label { margin-left:0; top: 372px  }
.containerNovaOcorrenciaAbas #ContainerAbas.MenuFix li #tab7 ~ label { margin-left:0; top: 417px  }
.containerNovaOcorrenciaAbas #ContainerAbas.MenuFix li #tab8 ~ label { margin-left:0; top: 462px  }


@media (min-width: 1400px){
    .containerNovaOcorrenciaAbas #ContainerAbas.MenuFix li #tab1 ~ label {top: 147px }
    .containerNovaOcorrenciaAbas #ContainerAbas.MenuFix li #tab2 ~ label {top: 200px }
    .containerNovaOcorrenciaAbas #ContainerAbas.MenuFix li #tab3 ~ label {top: 253px  }
    .containerNovaOcorrenciaAbas #ContainerAbas.MenuFix li #tab4 ~ label {top: 306px  }
    .containerNovaOcorrenciaAbas #ContainerAbas.MenuFix li #tab5 ~ label {top: 359px  }
    .containerNovaOcorrenciaAbas #ContainerAbas.MenuFix li #tab6 ~ label {top: 412px }
    .containerNovaOcorrenciaAbas #ContainerAbas.MenuFix li #tab7 ~ label {top: 465px }
    .containerNovaOcorrenciaAbas #ContainerAbas.MenuFix li #tab8 ~ label {top: 518px }

}


.containerNovaOcorrenciaAbas #ContainerAbas.MenuFix li #Container { margin-top: 66px; padding-top: 70px;}
.containerNovaOcorrenciaAbas #ContainerAbas li .rd_tab:checked ~ #Container { border:0; border-left: 3px solid #0086bc; border-radius: 0;     min-height: 960px; padding-bottom: 3%;background: #FFF;}


.containerNovaOcorrenciaAbas #ContainerAbas .BackAbas { width: 180px !important; height: 100vh; }


.containerNovaOcorrenciaAbas .table-flex.clicable tr { background: var(--bg-leve); cursor: pointer; }
.containerNovaOcorrenciaAbas .table-flex.clicable tr td:first-child { padding-left:15px; }
.containerNovaOcorrenciaAbas .table-flex.clicable tr:hover { background: #f0f0f0; }
.containerNovaOcorrenciaAbas .table-flex.clicable tr.active {     background: var(--azul-claro) }
.containerNovaOcorrenciaAbas .table-flex.clicable tr.active td {         color: #FFF; }



.SalvaAbas {  width: 180px; position: fixed;bottom: 0; left: 0; transition: .15s; }

.SalvaAbas a.big { margin: 0 !important; border-radius: 0; width: 100% !important; float: left; font-size: 1.5em; padding: 0.9em 0 0.8em 0;}
.SalvaAbas label.edicoes { margin: 0; width: 100%; float: left; border-radius: 0; font-size: 0.75em; text-transform: none; background-color: var(--vermelho); font-weight: 500; padding: 0.75em 0 0.8em 0;}


.NewInfosAbas { width: 100%; float: left; position: relative; margin: 3% 0 0; transition: .15s; }
.NewInfosAbas.MenuFix { margin: 0; position: fixed; top: 74px; }
.NewInfosAbas.MenuFix ul.dadosprincipais {
    padding: 0 2% 0;
    width: 100%;
    box-shadow: 0 0 5px #00000021;
    height: 73px;
    font-size: 0.9em;
}


.NewInfosAbas ul.dadosprincipais { width: 100%; float: left; padding: 2% 2% 1.5%; background: white; margin: 0; position: relative; display: flex; align-items: center; border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;}
.NewInfosAbas ul.dadosprincipais li { width: auto; margin: 0 1.5% 0 0;  list-style: none;     display: flex;
    flex-direction: column;
    align-self: center;min-width: 90px }
.NewInfosAbas ul.dadosprincipais li:first-child { align-self: center; min-width: auto  }

.NewInfosAbas ul.dadosprincipais li:last-child { margin: 0; }
.NewInfosAbas ul.dadosprincipais li p { width: 100%; float: left; color: #747474; margin: 0; font-size: 11px; text-transform: uppercase; font-weight: 700;}
.NewInfosAbas ul.dadosprincipais li h4 { width: 100%; float: left; color: #333; font-size: 1.2em; font-weight: bold;margin: 5px 0 0; border-radius: 4px; }
.NewInfosAbas ul.dadosprincipais li span {
    margin: 0 !important;
    font-size: 0.85em !important;
    color: var(--vermelho) !important;
}





#ContainerAbas #Filtro { font-size: 100%; width: 100%;background: #eef5f6; border: 3px solid #eef5f6;}
#ContainerAbas #Filtro a { background: #eef5f6;}
#ContainerAbas #Filtro a.active { background: var(--azul);}


#ancora { width: 100%; height: 1px; background: transparent; position: absolute; top: -63px; left: 0; z-index: 999999  }






#NovaOcorrenciaAbas { width: 100%; float: left; }


#ContainerAbas .BackAbas { width: 100%; height: 53px; background: #f1f1f1; float: left; position: absolute; top: 0; z-index: -1;    border-top: 1px solid #eef5f6; }
#ContainerAbas.MenuFix .BackAbas { position: fixed; top: 72px; z-index: 3;width: 90%; }

#ContainerAbas .lineAbas { width: 100%; height: 3px; background: #0086bc; float: left; position: absolute; top: -1px; z-index: 2; }
#ContainerAbas.MenuFix .lineAbas { position: fixed; top: 184px;width: 90%;  }


#ContainerAbas.MenuFix li label.tab_label { position: fixed; top:62px; z-index: 99999; }
#ContainerAbas.MenuFix li #tab1 ~ label { margin-left:0 }
#ContainerAbas.MenuFix li #tab2 ~ label { margin-left:143px }
#ContainerAbas.MenuFix li #tab3 ~ label { margin-left:271px }
#ContainerAbas.MenuFix li #tab4 ~ label { margin-left:421px }
#ContainerAbas.MenuFix li #tab5 ~ label { margin-left:560px }
#ContainerAbas.MenuFix li #tab6 ~ label { margin-left:696px }
#ContainerAbas.MenuFix li #tab7 ~ label { margin-left:839px }
#ContainerAbas.MenuFix li #tab8 ~ label { margin-left:982px }
#ContainerAbas.MenuFix li #Container { margin-top: 53px; }

#ancora { width: 100%; height: 1px; background: transparent; position: absolute; top: -63px; left: 0; z-index: 999999  }


#Container { width: 100%; float: left; background: #FFFFFF;
    border: 1px solid #e9e9e9;
    border-radius: 10px; border-radius: 4px; padding: 0; margin: 0 0 5%; position: relative; }
#page_list_geral #Container {
    background: #FFF;
}
#Container .ContainerIn { padding: 30px; }
#Container .ContainerIn.excep__modal__DA { padding: 0 30px 30px 30px; }
#Container .ContainerIn #Pesquisa { margin: 0 0 10px; }
#Container ul li { list-style: none }
#Container .box.obs ul li { list-style: disc; float: unset }

#Container .ContainerIn h5 {width: 100%; float: left; font-size: 1.3em; font-weight: 600; color:#666666; margin: 0 0 2.5%; }
#Container .ContainerIn .box h4 span  { text-transform: none !important; }

#Container .ContainerIn h5.foradio { margin: 0; }
#Container .ContainerIn h5.final { color: #22e0b8; font-size: 1.5em; font-weight: 700; }
#Container .ContainerIn h5 small { color: var(--cinza);  }
#Container .ContainerIn form input[type=text] { background: #ffffff !important; }

#Container .box { width: 100%; margin: 0 0 3%; padding: 0 0 40px; float: left; border-bottom: 1px solid #f2f2f2; position: relative; }
#Container .box.excep__modal__DA { border-bottom: 0;}
#Container .box.meio { width: 50%; padding: 0 1% 0 0 !important; }
#Container .box.two { width: 100%; margin:2em 0; padding: 0 2.5%; min-height: 510px; }
#Container .box.two #Filtro { margin:2em 0 0;   }

#Container .box.noline { border-bottom: 0;margin: 0; padding: 0 0 32px; }
#Container .box.lateraline { border-bottom: 0;margin: 0; border-right: 1px solid #f2f2f2; }
#Container .box:last-child { margin: 0; border-bottom: 0 }

#Container .box-interno {  width: 100%; border-radius: 7px;  float: left;  margin: 20px 0 0; padding: 3% 4%; background: #f8fcfc; }


#Container .box.outCont { padding: 5% 5%; width: 100%; float: left; background: #fcfcfc; border-right: 1px solid #eef5f6; }
#Container .box.outCont h5 { float: left; color: #333; font-size: 1.3em; font-weight: 600; }


#chartX4 { width: 100%; float: left; }

.pecas_vidro .flex-box { margin: 46px 0px 15px 0px }

.flex-content.pecas_vidro {
    gap: 20px;
}

.flex-box-graph {
    display: flex;
    align-items: center;
    justify-content: center;
}

td[data-noWrap="nowrap"] {
    white-space: nowrap;
}

td[data-content="STATUS"] .tooltip {
    display: none !important;
}

.pecas_vidro .flex-box option[data-bold="bold"] {
    font-weight: bold;
}


#Container .ContainerIn .box .send_whatsapp { position: relative; float: right; margin: -36px 10px 0 0px; right: 0; top: 0; cursor: pointer;  background: #00E396; color: #FFF; padding:0 4px 2px;  border-radius: 50px; transition: .3s; width: 23px;    height: 23px;    box-sizing: border-box;}
#Container .ContainerIn .box .send_whatsapp:hover { background: #3befb2;  }
#Container .ContainerIn .box .send_whatsapp img { width: 15px; }

#Container .ContainerIn .box .relative .send_whatsapp { position: absolute; float: right; margin: 36px 10px 0 0px; right: 0; top: 0; cursor: pointer;  background: #00E396; color: #FFF; padding:0 4px 2px;  border-radius: 50px; transition: .3s; width: 23px;    height: 23px;    box-sizing: border-box;}


.NewOcoStats { margin: -6px 0 0; }
.NewOcoStats.excep {  }
.NewOcoStats.excep span { padding: 14px 18px !important;
    font-size: 0.9em !important;
    margin: 7px 0 0 !important; }
.NewOcoStats select { color: #fff; padding:10px 18px; border-radius: 7px; border: 0; font-size: 0.9em; font-weight: 600; margin: 7px 0 0; float: left; clear: both; }
.NewOcoStats select option { background:#FFF; color: #666; }
.NewOcoStats option:disabled { background:#FFF; color:#f2f2f2 }
.NewOcoStats small { color: #999; font-size: 0.58em; font-weight: 500; margin: 7px 0 0; float: left; clear: both; }


h4.excepMaps { font-size: 14px; margin: 10px 0 40px; padding: 0 0 15px; border-bottom: 1px solid #f2f2f2; font-weight: 700; color: var(--preto); }


#Container .single.urgent { position: absolute; right: 7px; top: -60px; }
#Container .single.urgent.new { top: 0;  right: 0; position: relative; margin: 7% 0 0 !important; }
span.urgent { width: 245px !important; background: #FF717B; border-radius: 7px; padding: 5px 0 !important; margin: 0 0 1% !important; float: left; }
span.active { background: var(--verde); }
span.urgent:focus { background: green }

#NewForm form span.button_checking label.text,
span.urgent label.text { width: auto !important; color: #FFF !important; font-weight: 700;
    line-height: 2.5; float: left; padding: 2px 0 0 21px !important; }
#NewForm form span.button_checking .liga-desliga__botao,
span.urgent .liga-desliga__botao { float: right !important; width: auto !important; margin: 8px 13px 7px; padding: 0 !important; }

span.urgent .liga-desliga__botao::before { background: #d6646c; }
span.urgent .liga-desliga__botao::after { top: 0.02em; background: #ff717b; border: 1px solid #d6646c; }
span.urgent .liga-desliga__checkbox:checked + .liga-desliga__botao::after {background: #f6fff9;}

div.container__title__ {
    margin: 10px 0 40px;
    border-bottom: 1px solid #f2f2f2;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

div.container__title__ h4 {
    font-size: 14px;
    font-weight: 700;
    color: var(--preto);
}

div.button__toggle {

}


#Container #NovaContratação { border-top: 1px solid whitesmoke;
    margin: 4% 0 0;}
#Container #NovaContratação .content .box { box-shadow: 0 0 0;
    border-radius: 0; padding: 0; margin: 0; }
#Container #NovaContratação .content .box.divisor .divpad { padding: 5% 0 2% 0; }



#Container .ContainerTop {padding: 15px 3.5% 15px; background: #f7fafa; border-bottom: 1px solid #e9f0f0; border-radius: 4px 4px 0 0; position: relative; display: block; overflow: hidden; }
#Container .ContainerTop h5 {  font-size: 1.3em; font-weight: 700; color:#6d919a; }
#Container .ContainerTop h6 {  position: absolute; bottom: -40px; right: 3.5%; font-size: 8em; font-weight: 900; color:var(--azul-medio); opacity: .15; background: -webkit-linear-gradient(#98cad1, #eef5f6); -webkit-background-clip: text;    -webkit-text-fill-color: transparent;  }

#Container .ContainerTop.final { background: var(--verde); border-bottom: 1px solid #46d8b9; }
#Container .ContainerTop.final h5 { color:#FFF; }
#Container .ContainerTop.final h6 {  opacity: .05; background: -webkit-linear-gradient(#000, #FFF);  -webkit-background-clip: text;    -webkit-text-fill-color: transparent; }

#Container .box.Meio { width: 45%; margin: 0 5% 40px 0; }
#Container .box.Meio h6 { width: 100%; float: left; margin: 0 0 10px 0; font-size: 1.4em; font-weight: 700; color:var(--preto);}

#Container .One { width: 65%; float: left; }
#Container .Two { width: 35%; float: right; position: relative; position: absolute;
    top: 69px; right: 0; background: #eef5f6; height: calc(100% - 69px); }
#Container .Two #map { height: 100%; }

.selectt { display:none }
.selectt1 { display:none }
.selectt2 { display:none }
.selectt3 { display:none }
.selectt4 { display:none }
.selectt5 { display:none }


#Container .ContainerEdit { width: 100%; float: left; background: var(--bg-leve); border-top: 1px solid #f8f8f8; border-radius: 0 0 4px 4px; padding: 2% 0; margin: 0 !important; justify-content: start; }
#Container .ContainerEdit.excep { padding: 2% 2%; }
#Container .ContainerEdit .flex-box { margin: 20px 20px 20px 0; }
#Container .ContainerEdit.excep__modal__DA {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFFFFF;
    border-top: 0;
    padding: 0 0 0 0;
}

#Container .ContainerEdit.excep__modal__DA a:last-child {
    margin: 0px;
    margin-right: 20px;
    display: flex;
    gap: 11px;
    justify-content: center;
    align-items: center;
}

.modal #Container h4 { color: var(--azul) !important; font-size: 1.8em; font-weight: 700; margin: 0.5% 0 0; }

#Container .containerButtonsModal {width: 100%;  display: flex; background: var(--bg-leve); border-top: 1px solid #f8f8f8; border-radius: 0 0 4px 4px; padding: 2% 0; margin: 0 !important; justify-content: space-evenly;}

#Container .ContainerIn p.mostra { font-size: 1em; font-weight: 600; color: var(--cinza); margin: 20px 20px 0 0; float: left; }

.none-results { width: 100%;float: left; margin: 20px 0 0; }
.none-results figure {width: 100%; float: left; text-align: center; margin: 0;  }
.none-results p {width: 100%; float: left; clear: both;text-align: center; color: #999; font-size: 1em; margin: 20px 0 0; font-weight: 500;  }




.modal #Container .ContainerIn .box {padding: 2% 0 2% !important }
.modal #Container .ContainerIn .flex-content {margin: 0 -15px 15px !important }
/*============== FORMULARIO STYLE 2019 ===============*/

.modal #container .containerIn .flex-content .flexbox .colorWhite input {
    background: #fff;
}

.modal #Container .ContainerIn .gridStyle {display: grid; grid-template-columns: repeat( auto-fit, minmax(250px, 1fr)); }


.modal #Container .ContainerIn .flexStyle {display: flex; gap:40px;margin: 0 !important; flex: auto; }
.modal #Container .ContainerIn .flexStyle .flex-box { margin: 0; flex: auto;}
.modal #Container .ContainerIn .flexStyle label.flex-box::before{top: -20px;}



@media (max-width: 1400px) {
    .gridStyleOrdemTwo {
        grid-row-start: 2;
    }

    .gridStyleOrdemThree {
        grid-row-start: 3;
    }

    .gridStyleOrdemFor{
        grid-row-start: 4;
    }

    .gridStyleOrdemFive{
        grid-row-start: 5;
    }

    .gridStyleOrdemSix{
        grid-row-start: 6;
    }

    .gridStyleOrdemSeven{
        grid-row-start: 7;
    }

    .gridStyleOrdemEight{
        grid-row-start: 8;
    }
    .gridStyleOrdemNine{
        grid-row-start: 9;
    }
}

@media (max-width: 1000px) {
    .gridStyleOrdemTwo {
        grid-row-start: auto;
    }

    .gridStyleOrdemThree {
        grid-row-start: auto;
    }

    .gridStyleOrdemFor{
        grid-row-start: auto;
    }

    .gridStyleOrdemFive{
        grid-row-start: auto;
    }

    .gridStyleOrdemSix{
        grid-row-start: auto;
    }

    .gridStyleOrdemSeven{
        grid-row-start: auto;
    }

    .gridStyleOrdemEight{
        grid-row-start: auto;
    }
    .gridStyleOrdemNine{
        grid-row-start: auto;
    }
}



#Timer { width: 82px; height: 38px; position: fixed;bottom: 20px; right: -4px; z-index: 9999; background: var(--azul-claro); border-radius: 4px; overflow: hidden; }
#Timer img { float: left; opacity: .2; margin: -6px -23px; }
#Timer p { float: left; font-size: 1.35em; font-weight: 600; color: #FFF; margin: 6px 0 0 16px; }



/*============== MAPA PRESTADOR 2019 ===============*/
#map_canvas { width: calc(100% - 610px);height: calc(100% - 80px); top: 80px; float: left; position: relative; z-index: 1; transition: .2s; }
#map_canvas.on {width: 100% !important; }

#total_entre_a_b b { position: fixed;
    z-index: 999;
    top: 90px;
    left: 10px;
    font-size: 0.85em;
    font-weight: 600;
    padding: 4px 12px 7px 12px;
    height: auto !important;
    color: #666;
    background: #FFF;
    border-radius: 2px;
    box-shadow: 0 1px 2px #0000000d;
}
#total_entre_a_b span { font-size: 1.4em; font-weight: 900; color: #00b6e9; }


#map_header { width: 100%; height: 80px; top:0; position: absolute; background: #FFF; border-bottom: 1px solid #F3F3F3; z-index: 999; margin: 0; padding: 0; box-shadow: 0 0 30px #00000012; }
#map_header .top {width: 315px; height: 80px; float: left; background: #1E2A4E; padding: 25px 20px 0; position: relative; margin: 0 0 -1px; }
#map_header .top {width: 315px; float: left; background: #1E2A4E; padding: 25px 20px 0; position: relative; }
#map_header .top::after { content: ''; width: 11px; height: 83px; position: absolute; top: -5px;right: -10px; background: url(../img/icons/set.svg);  background-size: 11px 91px !important; }
#map_header .top a {float: left;border: 0;color: #1E2A4E !important;background: #FFF;display: flex;width: 80px;justify-content: center; font-family: 'Roboto', sans-serif;}
#map_header .top a img {margin-right: 5px;}
#map_header .top h2 { float:left;  font-size: 1.3em; color:#FFF; font-weight: bold; margin: -4px 0 0 19px;  font-family: 'Roboto', sans-serif;}
#map_header .form {float: right; box-sizing: border-box; padding: 27px 0 0 40px !important;height: 100%; display: flex; align-items: center; width: calc(100% - 315px);}
#map_header .form .flex-box {margin: 0;}
#map_header .form .flex-box input, #map_header .form .flex-box select {background-repeat: no-repeat;background-position: right 10px center;font-family: 'Roboto', sans-serif;font-size: 0.9em;font-weight: 500;}
#map_header .form .flex-box input {background-image: url(../img/icons/lupa.svg);background-color: #f9f9f9;}
/* #map_header .form .flex-box select {background-image: url(../img/icons/down-arrow.svg);} */
#map_header .form .custom-select  {-webkit-appearance: none;-moz-appearance: none; appearance: none;}
#map_header .form .custom-select option { background-color: #f9f9f9;}
#map_header .form .flex-box .field {height: 42px; width: 95%;}
#map_header .form .field.a { background: url(../img/deltaGlobal-map_a.svg) no-repeat #F9F9F9;     background-position: 12px center; padding: 0 0 0 38px;     }
#map_header .form .field.b { background: url(../img/deltaGlobal-map_b.svg) no-repeat #F9F9F9; background-position: 12px center; padding: 0 0 0 38px;     }
.row.mapao {margin: 0;}

/* novo mapao */
.table-veiculos-header {
    height: 80px;
    border-bottom: 1px solid #F3F3F3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 36px;
}

.table-veiculos-header .quantidade-veiculos {
    color: #1E2A4E;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
}

.table-veiculos-header .ordenar {
    font-family: 'Roboto', sans-serif;
    font-size: 0.9em;font-weight: 500;
    color: #666666;
    -webkit-appearance: none;-moz-appearance: none; appearance: none;
    background-position: right 10px center;
    background-image: url(../img/icons/down-arrow.svg);
    background-repeat: no-repeat;
    box-sizing: border-box;
    width: 205px;
    height: 38px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #f2f2f2;
    padding-left: 12px;
}

.table-veiculos {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-family: 'Roboto', sans-serif;
}

.table-veiculos .table-veiculos-head {
    height: 40px;
    display: flex;
    align-items: center;
    max-width: 95%;
}

.table-veiculos .table-veiculos-head div {
    display: flex;
    color: #666666;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
}

.table-veiculos .table-veiculos-head div:nth-child(1) {
    width: 77px;
    display: flex;
    justify-content: center;
}

.table-veiculos .table-veiculos-head div:nth-child(2) {
    width: 80px;
}

.table-veiculos .table-veiculos-head div:nth-child(3) {
    width: 176px;
}

.table-veiculos .table-veiculos-head div:nth-child(4) {
    width: 92px;
}

.table-veiculos .table-veiculos-head div:nth-child(5) {
    width: 87px;
}

.table-veiculos .table-veiculos-head div:nth-child(6) {
    width: 47px;
}

.table-veiculos .table-veiculos-head div:nth-child(7) {
    width: 40px;
}

.table-veiculos .table-veiculos-row {
    display: flex;
    height: 60px;
    max-width: 95%;
    filter: drop-shadow(0px 1px 1.5px rgba(0,0,0,0.06));
    background-color: #ffffff;
    align-items: center;
    margin: 0;
    padding: 0;
    margin-top: 5px;
    font-weight: bold;
    color: #8A8A8A;
}

.table-veiculos .table-veiculos-row.ativa {
    background-color: #f4f4f4;
}

.table-veiculos .table-veiculos-row div:nth-child(1) {
    width: 77px;
    display: flex;
    justify-content: center;
}

.table-veiculos .table-veiculos-row div:nth-child(2) {
    width: 80px;
    color: #1E2A4E;
    font-weight: bold;
}

.table-veiculos .table-veiculos-row div:nth-child(3) {
    width: 176px;
    color: #8A8A8A;
    font-weight: bold;
    padding: 4px;
}

.table-veiculos .table-veiculos-row div:nth-child(4) {
    width: 92px;
}

.table-veiculos .table-veiculos-row div:nth-child(5) {
    width: 87px;
}

.table-veiculos .table-veiculos-row div:nth-child(6) {
    width: 47px;
}

.table-veiculos .table-veiculos-row div:nth-child(7) {
    width: 40px;
    font-size: 8px;
}



/** novo mapao fim **/

.autocomplete { background: #ffffff; border-radius: 0 0 15px 15px; }
#sugestao_origem, #sugestao_destino {
    display: none;
    box-shadow: 0 0 30px #00000029;
    padding: 0;
    border-radius: 0 0 15px 15px;
}
#sugestao_origem li, #sugestao_destino li {
    list-style: none; padding: 15px 15px 15px 20px; font-size: 12px;     font-weight: 600;
    border-bottom: 1px solid #f2f2f2;
    margin: 0;

}
#sugestao_origem li:last-child, #sugestao_destino li:last-child {
    border-bottom: 0;
}
#sugestao_origem li a, #sugestao_destino li a {
    color: #007eb3;
}
#sugestao_origem li:hover, #sugestao_destino li:hover {
    background: #F9F9F9;
}
#sugestao_origem li a:hover, #sugestao_destino li a:hover {
    text-decoration: underline !important;
}
.H_ib_close { right: 5px !important; top: 5px !important; font-size: .3em !important; }
.H_ib_body {background: #fcfcfc !important; box-shadow: 0 0 30px #00000012 !important; padding: 15px 20px !important; border-radius: 7px; }
.H_ib_content { width: 213px; line-height: 1.3;color: #007eb3;font-size: 14px; line-height: 1; }
.H_ib_content a { background: #00b6e9; color: white; font-size: 11px; padding: 7px 12px; border-radius: 7px;}
.H_btn, .H_rdo li { background: transparent !important; padding: 1.2em; }
svg.H_icon { fill: #007eb3 !important; width: 1.75em !important; }


/*============== SLIDER ===============*/
.slider { -webkit-appearance: none; width: 100%; height: 5px; border-radius: 5px; background: linear-gradient(90deg, rgb(0,182,233) 50%, rgb(242,242,242) 50%); outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; margin: 26px 0 0; }
.slider::after { content: '300 KM/h'; color: #bababa; font-size: 0.7em; position: absolute; right: 0; top: 12px; }
.slider::before { content: '5 KM/h'; color: #bababa; font-size: 0.7em; position: absolute; left: 0; top: 12px; }
.value { color: var(--cinza-leve); font-size: 0.95em; font-weight: 600; position: absolute; left: 0; top: -14px; }
.value b { color: var(--cinza); font-weight: 600; }
.slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 15px; height: 15px; border-radius: 50%; background: var(--azul); cursor: pointer; }
.slider::-moz-range-thumb { width: 25px; height: 25px; border-radius: 50%; background: var(--azul); cursor: pointer; }



#map_prestadores { width: calc(100% - 610px); bottom:0; position: absolute; background: #F9F9F9; z-index: 2; margin: 0; padding: 0; transition: .2s }
#map_prestadores.on {width: 100%; }

/* ESTILOS SELECT - MULTISELECT CHECKBOX */
.container-filtro-prestadores {
    position: fixed; bottom: 0; left: 0; z-index: 10;
    width: calc(100% - 680px);
    padding: 20px 20px;
    font-family: Roboto, sans-serif;
    display: flex; align-items: flex-end; gap: 20px;
}

.container-filtro-prestadores .multiselect {
    width: 225px;
    box-shadow: 0px 6px 5px #00000026;
    background: #fff;
    position: relative;
}

.container-filtro-prestadores .selectBox {
    position: relative;
    bottom: 0;
}

.container-filtro-prestadores .selectBox select {
    position: relative; bottom: 0;
    appearance: none    ;
    width: 100%;
    padding: 10px 10px;
    background: #fff;
    border: 0;
    font-size: 14px; font-weight: 500; font-family: Roboto, sans-serif;
    color: #000;
}

.container-filtro-prestadores .overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.container-filtro-prestadores .check-select {
    display: none;
    width: 100%;
    position: relative;
    bottom: 0;
    background-color: #fff;
}

.container-filtro-prestadores .check-select.open {
    display: block;
}

.container-filtro-prestadores .check-select label {
    display: block;
    padding: 10px 15px; margin: 0;
    font-size: 14px; font-weight: 500;
    cursor: pointer;
}

.container-filtro-prestadores .check-select label:hover {
    background-color: #f4f4f4;
}

.container-filtro-prestadores .check-select label input[type=checkbox] {
    margin-right: 10px;
}

/* ESTILOS SELECT - VEICULO PRESTADOR */
.form-group .excepescolhaveiculo  {
    position: relative;
    height: 80px;
}
.escolhe-veiculo {
    font-family: Roboto, sans-serif;
    position: absolute;
    border-radius: 6px;
    width: 97.5%;
}

.escolhe-veiculo.excepOc {
    width: 100%;
    height: 68px;
}

.escolhe-veiculo.open { box-shadow: 0px 0px 15px #00000026; }
.escolhe-veiculo .veiculo-selecionado {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2; border-radius: 6px 6px 0 0;
    padding: 3px;
    background-image: url('/assets/img/icons/down-arrow.svg');
    background-position: 98.5% center; background-repeat: no-repeat;
}

.escolhe-veiculo .veiculo-selecionado .sem-veiculo {
    display: flex; align-items: center;
    height: 60px; width: 100%;
    padding: 10px;
}
.escolhe-veiculo .lista-veiculo .lista .info-veiculo,
.escolhe-veiculo .veiculo-selecionado .info-veiculo {
    display: flex; gap: 15px; justify-content: flex-start; align-items: center;
    padding: 3px;
    background: #f9f9f9;
}

.escolhe-veiculo .lista-veiculo .lista .info-veiculo.gray {
    background: #f3f3f3;
}

.escolhe-veiculo .lista-veiculo .lista .info-veiculo img,
.escolhe-veiculo .veiculo-selecionado .info-veiculo img {
    width: 72px; height: 66px;
    object-fit: cover;
    background-color: #efefef;
    border-radius: 3px;
}
/* Caso img prestador for "null" usar .default */
.escolhe-veiculo .lista-veiculo .lista .info-veiculo img.default,
.escolhe-veiculo .veiculo-selecionado .info-veiculo img.default {
    object-fit: contain;
}

.escolhe-veiculo .lista-veiculo .lista .info-veiculo .info,
.escolhe-veiculo .veiculo-selecionado .info-veiculo .info {
    display: flex; flex-direction: column; gap: 4px;
    font-size: 1.15em;
}

.escolhe-veiculo .lista-veiculo .lista .info-veiculo .info p,
.escolhe-veiculo .veiculo-selecionado .info-veiculo .info p{
    padding: 0; margin: 0;
}

.escolhe-veiculo .lista-veiculo {
    display: none; flex-direction: column;
    position: absolute; z-index: 10;
    background: #fff;
    width: 100%;
}

.escolhe-veiculo.open .lista-veiculo {
    display: flex;
}

.escolhe-veiculo .lista-veiculo .filtro {
    display: flex; gap: 15px; align-items: center;
    padding: 5px;
    height: 60px;
}

.escolhe-veiculo .lista-veiculo .filtro input[type=text] {
    background-image: url('/assets/img/icons/icon-search.svg');
    background-repeat: no-repeat; background-position: 1.5% center ;
    padding: 0 0 0 50px;
}

.escolhe-veiculo .lista-veiculo .filtro select {
    width: 200px;
}

.escolhe-veiculo .lista-veiculo .lista {
    max-height: 462px; overflow: auto;
}


.raio-map { position: absolute; z-index: 999;
    top: -38px;
    right: 60px;
    font-size: 0.8em;
    font-weight: 600;
    padding: 7px 12px;
    height: auto !important;
    background: #00b6e9 !important;
    border-radius: 4px !important; }


#map_prestadores li { margin: 0; padding: 7px 9px; cursor: pointer; transition: .3s; border-left: 1px solid #F3F3F3; border-top: 1px solid #F3F3F3; flex: auto; }
#map_prestadores li:first-child { border-left: 0; }
#map_prestadores li span { width: 5px; height: 5px; float: left; margin: 5px 4px 0 0; background: var(--cinza-leve); border-radius: 50px; opacity: .3;}
#map_prestadores li.active span { background: var(--swift); opacity: 1 }
#map_prestadores li p { float: left; font-size: 0.8em; color: var(--cinza-leve); margin: 1px 0 0;
    line-height: 1.2;  }
#map_prestadores li.active p {  color: var(--cinza ); }

#map_prestadores li:hover { background: #f2f2f2 }
#map_prestadores li.active { background: #FFF }



#map_lista {width: 610px; height: calc(100vh - 80px); margin-top: 80px; background: #FCFCFC; border-left: 1px solid #F3F3F3; float: left; position: fixed; right: 0; overflow: auto; transition: .2s; z-index: 9; }
#map_lista .row.nomargin { margin: 0 }
#map_lista.on {width: 0; overflow: hidden; display: none; }
#map_lista.on a.closed,
.closed.mapa_prestadores { position: fixed; left: inherit; right: 0; }
#map_lista.on a.closed:hover,
.closed.mapa_prestadores { padding: 12px; left: inherit; }
#map_lista.on a.closed,
.closed.mapa_prestadores img { transform: rotate(180deg); transition: .3s; }

#map_lista a.closed,
.closed.mapa_prestadores {position: fixed; border-radius: 50px 0 0 50px; top: 50vh; right: 610px; background: #00b6e9; z-index: 2; padding: 12px 7px 12px 12px; transform: translate(0,-50%); cursor: pointer; transition: .2s }
#map_lista a.closed:hover,
.closed.mapa_prestadores { padding: 12px;  }
#map_lista a.closed img,
.closed.mapa_prestadores { width: 6px }


#map_lista .wrapper-list-prestador {
    display: flex; flex-direction: column;
    background-color: #f8f8f8;
}

#map_lista .wrapper-list-prestador .group-buttons {
    display: flex;
}

#map_lista .wrapper-list-prestador .group-buttons label {
    width: 100%;
}

#map_lista .wrapper-list-prestador .group-buttons label input[type=radio] {
    display: none !important;
}

#map_lista .wrapper-list-prestador .group-buttons label > div {
    display: flex; justify-content: center; align-items: center; gap: 10px;
    font-family: 'Roboto', sans-serif; font-size: 1.21em; font-weight: 500;
    padding: 2.5vh 1vw;
    cursor: pointer;
}

#map_lista .wrapper-list-prestador .group-buttons label > div span {
    display: block;
    padding: 4px 15px;
    font-size: 0.775em;
    border-radius: 50px;
}

#map_lista .wrapper-list-prestador .group-buttons label input[type=radio] + div {
    background-color: #FFFFFF;
    color: #616161;
}

#map_lista .wrapper-list-prestador .group-buttons label input[type=radio]:checked + div {
    background-color: #F8F8F8;
    color: #233251;
}

#map_lista .wrapper-list-prestador .group-buttons label input[type=radio]:checked + div > span {
    background-color: #233251;
    color: #fff;
}

#map_lista .wrapper-list-prestador .group-buttons label input[type=radio] + div > span {
    background-color: #aaa;
    color: #fff;
}

#map_lista .wrapper-list-prestador .box {
    margin: 0 5%;
}

#map_lista .wrapper-list-prestador .tab-prestadores,
#map_lista .wrapper-list-prestador .tab-veiculos {
    display: block;
}
#map_lista .wrapper-list-prestador .tab-prestadores.close,
#map_lista .wrapper-list-prestador .tab-veiculos.close {
    display: none;
}

#map_lista .table-top {border-bottom:1px solid #F3F3F3; padding:30px 0; position: fixed; background: #fcfcfc; width: 533px; margin: 0 -1px;  z-index: 2; }

#map_lista .wrapper-list-prestador .table-top {
    margin: 0;
    background: transparent;
}

#map_lista .wrapper-list-prestador .table-midle {
    margin: 2vh 0;
    float: unset;
    display: flex; justify-content: space-between; align-items: center;
}

#map_lista .wrapper-list-prestador .table-midle .field-excep {
    color: var(--preto);
    font-size: 0.85em;
    max-width: 230px;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    font-weight: 600;
    margin: 0 0 0 10px;
}

#map_lista table.table-flex { margin: 10px 0 30px !important;}
#map_lista  .wrapper-list-prestador table.table-flex {
    margin: 10px 0 30px !important;
    border-collapse: separate; border-spacing: 0 8px;
}

#map_lista .wrapper-list-prestador table.table-flex.table-head-veiculos {
    margin: 10px 0 0px !important;
    border-collapse: separate;
    border-spacing: 0;
}

#map_lista  .wrapper-list-prestador table.table-flex.table-veiculos {
    border-collapse: separate; border-spacing: 0 8px;
    padding: 0;
}

#map_lista .wrapper-list-prestador table.table-flex p.servicos {
    color: var(--cinza-leve);
}

.table-midle {float: left; margin: 120px 0 0 10px;}
.table-midle .liga-desliga__botao{ font-size: 0.85em;
    line-height: 0;
    color: #555;}
.table-midle .liga-desliga__checkbox:checked + .liga-desliga__botao::before {background: #48e1c1;}
.table-midle .liga-desliga__checkbox:checked + .liga-desliga__botao::after {
    border: 2px solid #48e1c1;
}


#map_lista .table-flex tr td { min-width: auto; padding: 11px 5px 7px; position: relative;}
#map_lista .table-flex tr.noshadow td {
    min-width: auto;
    padding: 11px 12px 7px;
    position: relative;
}
#map_lista table.table-flex tr.gamb td::after {
    color: #A0A0A0;
}
#map_lista .table-flex tr td p { margin: 0; color: var(--cinza-leve); font-weight: 500; font-size: 0.9em  }
#map_lista .table-flex tr td img { width: 12px; vertical-align: top; margin: 1px 0 0 2px;  }
#map_lista .table-flex tr td img.exit {width: 10px; opacity: 1; transition: .3s; margin: 3px 0 0 1px; cursor: help; }
#map_lista .table-flex tr td span.cond_esp {
    width: fit-content;
    padding: 2px 5px;
    color: #fff;
    background: var(--amarelo-new);
    border-radius: 3px;
    display: flex;
    align-items: flex-start;
    gap: 6px;
    cursor: pointer;
    margin: 0 !important;
}
#map_lista .table-flex tr td span.cond_esp img { width: 5px;}
#map_lista .table-flex tr td span.cond_esp > span { opacity: .6;}
#map_lista .table-flex tr td a:hover > img.exit { opacity: .6;  }
#map_lista .table-flex tr td p b { color: var(--cinza);   }
#map_lista .table-flex tr { background: #FFF !important; box-shadow: 1px 1px 2px #e5e5e5; position: relative;  }
#map_lista .table-flex tr.noshadow { box-shadow: none; }
#map_lista .table-flex tr.Select { background: #F6F6F6 !important; }
#map_lista .table-flex tr.Select td:first-child.new { background: #00C1B4; }

#map_lista .table-flex tr.Recused { background: #fff5f6 !important; }
#map_lista .table-flex tr.Recused td:first-child.new { background: var(--vermelho);}

#map_lista .table-flex tr td.Ats { min-width:40px; text-align:center; padding:0 12px }


#map_lista .table-flex tr [data-content="Dist. do A"] { min-width: 80px; }

#map_lista .table-flex tr td.excep { min-width: 80px; }
#map_lista .table-flex tr td.excepPad { padding: 11px 5px 7px 11px; }

#map_lista .table-flex tr td.excep b { font-size: 1.5em; line-height: 1.1; float: left; }
#map_lista .table-flex tr td.excep::before { content: 'R$'; font-weight: 500; font-size: 0.9em; vertical-align: top; padding:0 2px 0 0;float: left; }
#map_lista .table-flex tr td.excep small { clear: both; font-weight: 400; font-size: 1em; vertical-align: top; padding: 2px 0 0 14px; float: left; }
#map_lista .table-flex tr td.excep small.custom__flex {
    display: flex;
    align-items: center;
    gap: 5px;
}

#map_lista .table-flex tr.space { box-shadow: 0 0 0; font-size: 7px; background: transparent !important }


#map_lista .table-flex tr td:first-child {width: 3px; min-width: 3px; padding:0; height: 100%;  }
#map_lista .table-flex tr td:first-child.new {background: #FFF;}
.new.caminhao { --swift: var(--caminhao); }
.new.chaveiro { --swift: var(--chaveiro); }
.new.taxi { --swift: var(--taxi); }
.new.vidro { --swift: var(--vidro); }
.new.auto-moto { --swift: var(--auto-moto); }
.new.especial { --swift: var(--especial); }
.new.caminhao-vidro { --swift: var(--caminhao-vidro); }
.new.reboque-oficina { --swift: var(--reboque-oficina); }
.new.oficina { --swift: var(--oficina); }

#map_lista .table-flex tr.addColorPrestadorSelectedList td:first-child.new {
    background: var(--caminhao);
    -moz-animation: pulsate 1.5s ease-in-out;
    -webkit-animation: pulsate 1.5s ease-in-out;
    animation-iteration-count: 2;
}

#map_lista .wrapper-list-prestador table.dados-veiculo .veiculo {
    display: flex; gap: 10px; align-items: center;
}

#map_lista .wrapper-list-prestador table.dados-veiculo .veiculo .placa {
    font-size: 2em; font-weight: 600; color: #333;
}

#map_lista .wrapper-list-prestador table.dados-veiculo .dados-posicao {
    display: flex; align-items: flex-start; gap: 5px;
}

#map_lista .wrapper-list-prestador table.dados-veiculo .horario-posicao {
    display: flex; flex-wrap: nowrap;
}

#map_lista .wrapper-list-prestador table.dados-veiculo .horario-posicao span {
    font-size: 1em; font-weight: 500; color: #8B8B8B;
}

#map_lista .wrapper-list-prestador table.dados-veiculo .ultima-posicao {
    flex: 1;
    font-size: 1em; font-weight: 500; color: #333;
}


#map_lista  .wrapper-list-prestador table.table-veiculos .dados-prestador{
    width: 100%; height: 60px;
    padding: 9px 15px;
    background: #F3F3F3;
}

#map_lista  .wrapper-list-prestador table.table-veiculos .dados-prestador .dados {
    display: flex; justify-content: space-between;
}

#map_lista  .wrapper-list-prestador table.table-veiculos .dados-prestador .dados > div {
    display: flex; align-items: center; gap: 5px;
}

#map_lista  .wrapper-list-prestador table.table-veiculos .dados-prestador > .servicos {
    margin: 5px 0 0 0;
}


/*============== MAPA PRESTADOR 2019 ===============*/

#toast-container {z-index: 999999999999999 !important;}

.clickable { cursor: pointer; }
.no-clickable { pointer-events: none !important; touch-action: none !important; cursor: not-allowed !important}
.no-clickable + .select2-container { pointer-events: none !important; touch-action: none !important; cursor: not-allowed !important}










/*============== KANBAN 2019 ===============*/
#kanban_header { width: 100%; height: 80px; top:0; position: relative; top: 0; background: #FFF; border-bottom: 2px solid #f1f1f1; margin: 0; padding: 0; z-index: 3; }
#kanban_header.ajuste_header_kanban { display: flex; align-items: center; justify-content: space-between; }
#kanban_header a.absol { position: absolute; left: 25px; top: 23px; }
#kanban_header a { cursor: pointer; }
#kanban_header a .icon { display: inline-block; background: #333; margin-right: 3px;}
#kanban_header .nav_right_kanban { display: flex; align-items: center; justify-content: center; gap: 5px;}
#kanban_header .hamburguer_menu { display: none; }
#kanban_header .menu_hamburguer {
    display: none;
    width: 25%;
    min-width: 300px;
    height: calc(100vh - 78px);
    position: absolute;
    right: 0;
    top: 77px;
    background: #ffffff;
    border: 2px solid #efefef;
}

.open_menu_kanban_mobile {
    display: flex !important;
}

@media (max-width: 1280px) {
    #kanban_header .nav_right_kanban {
        display: none;
        position: absolute;
        right: 0;
        flex-direction: column;
        top: 100px;
        z-index: 2;
        align-items: end;
    }

    #kanban_header .hamburguer_menu {
        display: block;
        margin-right: 4%;
        cursor: pointer;
    }

    #kanban_header .color_burguer {
        background: #000;
    }


}


#kanban_header h2 { float:left; font-size: 1.6em; color:var(--azul); font-weight: bold; text-align: center; margin: 0 0 0 130px }
#kanban_header h2.dark { color: #333 }
/* #kanban { width: 95%; height: calc(100% - 142px); margin: 0; z-index: 1; position: fixed; bottom: 0; left: 0; overflow: initial; display: flex;} */
#kanban { width: 100%; height: calc(100% - 60px); margin: 0; z-index: 1; overflow: initial; display: flex;}
#kanban.render-mapa { height: calc(100% - 19px);}
#kanban.titele { top: 0px; height: auto; margin: 0; z-index: 2; position: relative; border-bottom: 2px solid #efefef; float: left; }
#kanban.titele ul { padding: 0; }
#kanban ul h3 { width: 100%; float: left; color: #333; font-weight: 600; font-size: 1.15em; letter-spacing: 2px; margin: 0; padding: 21px 8px 20px 16px; float: left; z-index: 2; background: #f7f7f7; cursor: pointer; }

#kanban ul h3 b { float: right; font-size: 1.65em; margin: -5px 5px -3px 0;}

#kanban.titele.clicavel ul {overflow: visible;}
#kanban.titele.clicavel ul h3:hover {
    opacity: 0.8;
}
#kanban.titele.clicavel ul h3.select {
    position: relative;
    background-color: #fff;
}
#kanban.titele.clicavel ul h3.select::after {
    position: absolute;
    left: calc(50% - 8px);
    bottom: -9px;
    content: '';
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #EAEAEA;
    transform: rotate(45deg);
}



#kanban_numbers { width: calc(5% + 1px); height: calc(100% - 80px); bottom:0; right: 0; position: absolute; border-left: 2px solid #f1f1f1; z-index: 999; margin: 0; padding: 0; z-index: 2; overflow: hidden; }
#kanban_numbers ul { cursor:help; width: 100%; float: left; height: calc(100% / 5); position: relative; margin: 0; padding: 0; border-bottom: 2px solid #f1f1f1; }
#kanban_numbers ul li { width: 100%; float: left; list-style: none; padding: 0; margin: 0; text-align: center; position: relative; top: 50%; transform: translate(0,-50%);    }
#kanban_numbers ul li h4 { font-size: 1.8em; font-weight: 900; color: var(--azul); margin: 0; }
#kanban_numbers ul li p { font-size: 0.7em; font-weight: 700; color: var(--cinza); line-height: 1.2; padding: 0 5%;  }
#kanban_numbers ul li h4 small { font-size: 0.5; font-weight: 700; color: inherit;}
#kanban_numbers ul li p small { font-size: 0.9em; font-weight: 600; color: #acacac; line-height: 1;}

@media (max-width: 900px) {
    #kanban_numbers {
        width: 60px;
    }
}


#kanban_header .flex-box { margin:28px 10px 15px 10px; }

#kanban_header .delta { background: #3297C2; color: #FFF !important; text-decoration: none; }
#kanban_header .sompo { background: #ce0a2c; color: #FFF !important; text-decoration: none; }
#kanban_header .todos { background: #00B6E9; color: #FFF !important; text-decoration: none; }
#kanban_header .argo { background: #003c69; color: #FFF !important; text-decoration: none; }





#kanban ul { min-width: 320px; width: 20%; margin: 0; overflow: auto; display: block; padding: 10px 10px 0; box-sizing: border-box; float: left; border-right: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; height: 100%; transition: .2s }
#kanban ul:hover { background: #fdfdfd; }
#kanban ul li { width: 100%; float: left; list-style: none; background: chartreuse; border-radius: 4px; padding: 0; margin: 0 0 10px; position: relative; animation: enterFade 1.5s ease-out; }
#kanban ul li.danger .right a.big {background:#fff4f5; color: #ff4560; }

#kanban ul li .rastreado {display: none}
#kanban ul li.rastreado span.rastreado { display: block; padding: 3px 10px; color: #fff; background: #00000080; border-radius: 0px 0px 4px 4px; font-size: 0.769em;}

@-webkit-keyframes flash {
    from, 50%, to { opacity: 1; }
    25%, 75% { opacity: 0.3; }
}
@keyframes flash {
    from, 50%, to { opacity: 1; }
    25%, 75% { opacity: 0.3; }
}

#kanban ul li.danger .right a.big {
    animation: 1.5s flash infinite;
}

#kanban ul li .separa { width: 100%; float: left; }
#kanban ul li .left { width: 40%; height: 18px; margin: 0; float: left; text-align: right; }
#kanban ul li .left img { float: right; margin: 0 15px 0 0; }
#kanban ul li .left p { font-size: 0.65em; float: right; width: 100%; text-align: right; line-height: 3.1; margin: 0 15px 0 0; }
#kanban ul li .right { width: 60%; height: 18px; float: left; }
#kanban ul li .right.ec { height: auto; }
#kanban ul li .right h4 { color: #FFF; clear: both; font-size: 1.55em; font-weight: 700; float: left; color: #FFF; margin: -1px 0 2px; }
#kanban ul li p { clear: both; font-size: 0.7em; font-weight: 700; float: left; color: #ffffffc2; margin: 1px 10px 0 0; }
#kanban ul li .right a { letter-spacing: 2px; clear: both; font-size: .8em; font-weight: 600; float: left; background: #FFF; padding: 2px 8px; border-radius: 4px; margin: 0 0 0; }
#kanban ul li .right a.excep { font-size: 0.7em; font-weight: 700; margin: 6px 0 0; background: #FFF; border-radius: 3px; padding: 1px 4px 0px 5px; letter-spacing: 1px; }
#kanban ul li .right a.excep:hover { opacity: .7; }

#kanban ul li.container__width .right a.big {
    width: 114px;
    letter-spacing: 1px;
}

@media (min-width: 1400px) {
    #kanban ul li.container__width .right a.big {
        width: 128px;
    }
}

#kanban ul li .right.ec a { margin: 10px 0 8px; }
#kanban ul.espera_agendado li .right.ec a { font-size: 0.9em; opacity: .5; }



#kanban ul li .right h5 { clear: both; font-size: 0.8em; font-weight: 600; float: left; color: #FFF; line-height: 1; }
#kanban ul li img.type { position: absolute; bottom: 37px;
    right: -10px;
    opacity: 0.15;
    width: 79px; }

#kanban .novo__sistema__li__kanban__flex {
    display: flex;
    float: left;
    padding: 10px 22px;
    width: 100%;
    justify-content: space-between;
    margin: 0;
}

#kanban .novo__sistema__li__kanban__flex .conteudo__novo__sistema__li__kanban__flex {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin: 0;
    gap: 2px;
}

#kanban .novo__sistema__li__kanban__flex .conteudo__novo__sistema__li__kanban__flex > p:first-child {
    color: #FFF;
    text-align: right;
    font-family: Roboto;
    font-size: 8px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    opacity: 0.6499999761581421;
    margin: 0;
}

#kanban .novo__sistema__li__kanban__flex .conteudo__novo__sistema__li__kanban__flex > p:last-child,
#kanban .novo__sistema__li__kanban__flex .conteudo__novo__sistema__li__kanban__flex > a {
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

#kanban .novo__sistema__li__kanban__flex .conteudo__novo__sistema__li__kanban__flex > a {
    border-radius: 4px;
    background: #FCFCFC;
    padding: 2px 4px;
}

#kanban .rastreados .novo__sistema__li__kanban__flex .conteudo__novo__sistema__li__kanban__flex > a {
    color: #0170A5;
}

#kanban .validacao .novo__sistema__li__kanban__flex .conteudo__novo__sistema__li__kanban__flex > a {
    color: #707e77;
}

#kanban .abertos .novo__sistema__li__kanban__flex .conteudo__novo__sistema__li__kanban__flex > a {
    color: #FF4560;
}

#kanban .negociacao .novo__sistema__li__kanban__flex .conteudo__novo__sistema__li__kanban__flex > a {
    color: #FEB019;
}

#kanban .locomocao .novo__sistema__li__kanban__flex .conteudo__novo__sistema__li__kanban__flex > a {
    color: #FC763B;
}

#kanban .local .novo__sistema__li__kanban__flex .conteudo__novo__sistema__li__kanban__flex > a {
    color: #00B6E9;
}

#kanban .espera_agendado .novo__sistema__li__kanban__flex .conteudo__novo__sistema__li__kanban__flex > a {
    color: #85abba;
}

#kanban .locacao_em_andamento .novo__sistema__li__kanban__flex .conteudo__novo__sistema__li__kanban__flex > a {
    color: #00C1B4;
}

#kanban .atrasados .novo__sistema__li__kanban__flex .conteudo__novo__sistema__li__kanban__flex > a {
    color: #B5B5B5;
}

#kanban .atrasados_30 .novo__sistema__li__kanban__flex .conteudo__novo__sistema__li__kanban__flex > a {
    color: #FC763B;
}

#kanban ul.rastreados li { background: #0170A5;}
#kanban ul.rastreados h3  { color: #0170A5; }
#kanban ul.rastreados li .right a { color: #0170A5; }

#kanban #qtd_validacao { display: flex; align-items: center; background: #f7f7f7;}
#kanban ul.validacao li { background: #707e77; }
#kanban ul.validacao h3 b { color: #707e77; }
#kanban ul.validacao li .right a { color: #707e77; }

/* #kanban ul.validacao li.prestador_adicional { background: #4e5351; }
#kanban ul.validacao h3.prestador_adicional b { color: #4e5351; }
#kanban ul.validacao li.prestador_adicional .right a { color: #4e5351; } */

#kanban #qtd_abertas { display: flex; align-items: center; background: #f7f7f7;}
#kanban ul.abertos li { background: #FF4560; }
#kanban ul.abertos h3 b { color: #FF4560; }
#kanban ul.abertos li .right a { color: #FF4560; }

#kanban #qtd_espera_carro_reserva { display: flex; align-items: center; background: #f7f7f7;}
#kanban ul.espera_carro_reserva li { background: #FF4560; }
#kanban ul.espera_carro_reserva h3 b { color: #FF4560; }
#kanban ul.espera_carro_reserva li .right a { color: #FF4560; }

#kanban #qtd_devolucoes_carro_reserva { display: flex; align-items: center; background: #f7f7f7;}
#kanban ul.devolucoes_carro_reserva li { background: #173b57; }
#kanban ul.devolucoes_carro_reserva h3 b { color: #173b57; }
#kanban ul.devolucoes_carro_reserva li .right a { color: #173b57; }

#kanban #qtd_agendado_carro_reserva { display: flex; align-items: center; background: #f7f7f7;}
#kanban ul.agendado_carro_reserva li { background: #7092BE; }
#kanban ul.agendado_carro_reserva h3 b { color: #7092BE; }
#kanban ul.agendado_carro_reserva li .right a { color: #7092BE; }

#kanban #qtd_locacoes_em_andamento { display: flex; align-items: center; background: #f7f7f7;}
#kanban ul.locacoes_em_andamento li { background: #00C1B4; }
#kanban ul.locacoes_em_andamento h3 b { color: #00C1B4; }
#kanban ul.locacoes_em_andamento li .right a { color: #00C1B4; }

#kanban #qtd_prorrogacoes_carro_reserva { display: flex; align-items: center; background: #f7f7f7;}
#kanban ul.prorrogacoes_carro_reserva li { background: #00b6ff; }
#kanban ul.prorrogacoes_carro_reserva h3 b { color: #00b6ff; }
#kanban ul.prorrogacoes_carro_reserva li .right a { color: #00b6ff; }

/* #kanban ul.abertos li.prestador_adicional { background: #d6344b; }
#kanban ul.abertos h3.prestador_adicional b { color: #d6344b; }
#kanban ul.abertos li.prestador_adicional .right a { color: #d6344b; } */

#kanban #qtd_negociacao { display: flex; align-items: center; background: #f7f7f7;}
#kanban ul.negociacao li { background: #FEB019; }
#kanban ul.negociacao h3 b { color: #FEB019; }
#kanban ul.negociacao li .right a { color: #FEB019; }

/* #kanban ul.negociacao li.prestador_adicional { background: #e49c11; }
#kanban ul.negociacao h3.prestador_adicional b { color: #e49c11; }
#kanban ul.negociacao li.prestador_adicional .right a { color: #e49c11; } */

#kanban #qtd_locomocao { display: flex; align-items: center; background: #f7f7f7;}
#kanban ul.locomocao li { background: #FC763B; }
#kanban ul.locomocao h3 b { color: #FC763B; }
#kanban ul.locomocao li .right a { color: #FC763B; }

/* #kanban ul.locomocao li.prestador_adicional { background: #d1602e; }
#kanban ul.locomocao h3.prestador_adicional b { color: #d1602e; }
#kanban ul.locomocao li.prestador_adicional .right a { color: #d1602e; } */

#kanban #qtd_local { display: flex; align-items: center; background: #f7f7f7;}
#kanban ul.local li { background: #00B6E9; }
#kanban ul.local h3 b { color: #00B6E9; }
#kanban ul.local li .right a { color: #00B6E9; }

/* #kanban ul.local li.prestador_adicional { background: #0397c1; }
#kanban ul.local h3.prestador_adicional b { color: #0397c1; }
#kanban ul.local li.prestador_adicional .right a { color: #0397c1; } */

#kanban #em_espera_agendado { display: flex; align-items: center; background: #f7f7f7;}
#kanban ul.espera_agendado li { background: #85abba; }
#kanban ul.espera_agendado h3 b { color: #85abba; }
#kanban ul.espera_agendado li .right a { color: #85abba; }

/* #kanban ul.espera_agendado li.prestador_adicional { background: #878686; }
#kanban ul.espera_agendado h3.prestador_adicional b { color: #878686; }
#kanban ul.espera_agendado li.prestador_adicional .right a { color: #878686; } */

#kanban #qtd_atrasados { display: flex; align-items: center; background: #f7f7f7;}
#kanban ul.atrasados .atrasado_time{ color: #868EA4; background: rgba(134, 142, 164, 0.15);}
.icon_atrasado{ background: #B5B5B5; width: 11px; height: 11px;}
#kanban ul.atrasados li { background: #B5B5B5; }
#kanban ul.atrasados h3 b { color: #B5B5B5; }
#kanban ul.atrasados li .right a { color: #B5B5B5; }

/* #kanban ul.atrasados li.prestador_adicional { background: #9d9c9c; }
#kanban ul.atrasados h3.prestador_adicional b { color: #9d9c9c; }
#kanban ul.atrasados li.prestador_adicional .right a { color: #9d9c9c; } */

#kanban #qtd_agendados { display: flex; align-items: center; background: #f7f7f7;}
#kanban #qtd_atrasados_30 { display: flex; align-items: center; background: #f7f7f7;}
#kanban ul.atrasados_30 li{ background: #48C1F0; }
#kanban #qtd_agendados h3 b {color: #FC763B}
#kanban ul.agendados li{ background: #FC763B; }
#kanban ul.atrasados_30 h3 b { color: #B5B5B5; }
#kanban ul.atrasados_30 li .right a { color: #B5B5B5; }
#kanban ul.atrasados_30 .atrasado_time{ color: #868EA4; background: rgba(134, 142, 164, 0.15);}
.icon_atrasado_30{ background: #B5B5B5; width: 11px; height: 11px;}

#kanban #qtd_veiculo_base_prestador { display: flex; align-items: center; background: #f7f7f7;}
#kanban ul.veiculo_base_prestador li { background: #19A21E; }
#kanban ul.veiculo_base_prestador h3 b { color: #19A21E; }
#kanban ul.veiculo_base_prestador li .right a { color: #19A21E; }

/* #kanban ul.veiculo_base_prestador li.prestador_adicional { background: #19941d; }
#kanban ul.veiculo_base_prestador h3.prestador_adicional b { color: #19941d; }
#kanban ul.veiculo_base_prestador li.prestador_adicional .right a { color: #19941d; } */

#kanban ul .right_kanban { display: flex; align-items: center; }
#kanban ul .right_kanban .etiqueta {
    width: 77px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    gap: 5px;
    padding: 5px;
    margin: 0;
}
#kanban ul .sla_kanban_header {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    margin: 0;
}


#kanban ul li .group-buttons {
    width: 100%;
    float: left;
    display: flex;
    gap: 1px;
    margin: 10px 0 0;
}

#kanban ul.abertos li .group-buttons .link { background: #EB435B; }

#kanban ul.negociacao li .group-buttons .link { background: #EAA31C; }

#kanban ul.locomocao li .group-buttons .link { background: #E86F3A; }

#kanban ul.local li .group-buttons .link  { background: #05A9D7; }

#kanban ul.espera_agendado li .group-buttons .link { background: #7D9FAD; }

#kanban ul li .group-buttons .link { flex: 1; color: #fff; text-align: center; font-weight: 500;  padding: 10px 0; position: relative; z-index: 10; border-radius: 0 0 4px 4px;}
#kanban ul li .group-buttons .link.rastreado { display: none}
#kanban ul li.rastreado .group-buttons .link:nth-child(1) { border-radius: 0 0 0 4px ;}
#kanban ul li.rastreado .group-buttons .link:nth-child(2) { border-radius: 0 0 4px 0;}
#kanban ul li.rastreado .group-buttons .link.rastreado { display: block;}
@keyframes enterFade {
    0%  { opacity: 0; }
    100% { }
}

/* width */
#kanban ul::-webkit-scrollbar {
    width: 7px;
}
/* Track */
#kanban ul::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
#kanban ul::-webkit-scrollbar-thumb {
    background: #dedede;
    border-radius: 50px;
}
/* Handle on hover */
#kanban ul::-webkit-scrollbar-thumb:hover {
    background: #cccccc;
}

.kanbanMainArea {
    width: 95%;
    float: left;
    display: none;
    /* height: calc(100vh - 123px); */
    height: calc(100vh - 80px);
}

.kanbanMainArea.open {
    /* width: 100%; */
    display: flex;
    flex-direction: column;
    overflow-x: auto;
    overflow-y: hidden;
}

@media(max-width: 900px) {
    .kanbanMainArea {
        width: 93%;
    }
}

@media(max-width: 800px) {
    .kanbanMainArea {
        width: 92%;
    }
}

@media(max-width: 700px) {
    .kanbanMainArea {
        width: 91%;
    }
}

@media(max-width: 600px) {
    .kanbanMainArea {
        width: 90%;
    }
}

@media(max-width: 500px) {
    .kanbanMainArea {
        width: 88%;
    }
}


.marker-ocorrencia {
    width: fit-content;
    min-width: 100px;
    height: auto;
    border-radius: 5px;
    text-align: center;
    position: relative;
    /* margin:-35px -50px; */
    border: 2px solid ;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0px 8px;
}

.marker-ocorrencia::after {
    border: solid #f00;
    content: " ";
    height: 10px;
    width: 10px;
    position: absolute;
    bottom: -6px;
    left: calc(50% - 5px);
    pointer-events: none;
    border-width: 0 2px 2px 0px;
    border-style: solid;
    transform: rotate(45deg);
}

.marker-ocorrencia.espera-agendado,
.marker-ocorrencia.espera-agendado::after {background: #85ABBA; border-color: rgba(66, 66, 66, 0.1);}
.marker-ocorrencia.acionamento,
.marker-ocorrencia.acionamento::after{background: #FEB019; border-color: rgba(66, 66, 66, 0.1)}
.marker-ocorrencia.locomocao,
.marker-ocorrencia.locomocao::after{ background: #FC763B; border-color: rgba(66, 66, 66, 0.1);}
.marker-ocorrencia.local,
.marker-ocorrencia.local::after{background: #00B6E9; border-color: rgba(66, 66, 66, 0.1);}

.marker-ocorrencia > div.icon {
    width: 24px;
    height: 15px;
    background: url('/assets/img/icons/icon-caminhao.svg');
    pointer-events: none;
}

.marker-ocorrencia > p {
    margin-top: 12px;
    pointer-events: none;
}

/* Tooltip Maps */
.tooltipmaps {
    position: absolute;
    width:280px;
    flex-direction: column;
    border-radius: 6px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    background-color: #fff;
}

.tooltipmaps .tool-dados {
    width: 100%;
    padding: 23px 23px 23px;
    gap: 13px;
    flex-direction: column;
    display: flex;
    border-radius: 6px 6px 0 0 ;
    background-color: #fff;
}

.tooltipmaps .tool-dados .line {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center ;
}
.tooltipmaps .tool-dados .line .head {
    color: #8B8B8B;
    font-size: 1em;
}
.tooltipmaps .tool-dados .line .info {
    color: #333;
    font-size: 1em;
}

.tooltipmaps .group-buttons {
    width: 100%;
    float: left;
    display: flex;
}

.tooltipmaps .group-buttons .link {
    flex: 1;
    color: #fff;
    text-align: center;
    font-weight: 500;
    padding: 10px 0;
    position: relative;
    z-index: 10;
}
.tooltipmaps .group-buttons .link:hover {
    opacity: 0.8;
}

.tooltipmaps .group-buttons .link:nth-child(1) { border-radius: 0 0 6px 6px ; border-right: 1px solid #FFFFFF1a;}
.tooltipmaps .group-buttons .link:nth-child(2) { border-radius: 0 0 6px 0;}

.tooltipmaps.acionamento .group-buttons .link {background: #EAA31C;}
.tooltipmaps.locomocao .group-buttons .link {background: #E86F3A;}
.tooltipmaps.local .group-buttons .link {background: #05A9D7;}
.tooltipmaps.espera-agendado .group-buttons .link {background: #7D9FAD;}




#painelMain {
    width: 100vw;
    height: 100vh;
    display: flex;
    font-family: Roboto, sans-serif;
}

#painelMain .aside-dados {
    max-width: 400px;
    height: 100%;
    position: relative;
    background: #FFFFFF;
    border: 2px solid #EAEAEA;
    flex: 1;
}
#painelMain .aside-dados .container {
    width: 100%;
    height: 100%;
    padding: 0px 20px 60px;
    overflow-y: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 35px;
}

/* width */
#painelMain .aside-dados .container::-webkit-scrollbar {
    width: 5px;
}

/* Track */
#painelMain .aside-dados .container::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
#painelMain .aside-dados .container::-webkit-scrollbar-thumb {
    background: #F0F0F0;
    border-radius: 50px;
}

/* Handle on hover */
#painelMain .aside-dados .container::-webkit-scrollbar-thumb:hover {
    background: #F1f1f1;
}

#painelMain .aside-dados .header-aside {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

#painelMain .aside-dados .header-aside .titleSubtitle {
    display: flex;
    flex-direction: column;
}

#painelMain .aside-dados .header-aside .titleSubtitle > h3 {
    margin: 0;
    padding: 0;
    font-size: 2.461em;
    font-weight: 700;

}

#painelMain .aside-dados .header-aside .titleSubtitle > span {
    margin: 0;
    padding: 0;
    font-size: 0.923em;
    font-weight: 400;
    color: #8b8b8b;
}


#painelMain .aside-dados .header-aside .logo {
    width: 57px;
    height: 57px;
    object-fit: contain;
}

#painelMain .aside-dados .wrapper-velocidade {
    width: 100%;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 5px 19px 5px 10px;
}

#painelMain .aside-dados .wrapper-velocidade.modal_satelite {
    background: #F6F6F6;
}

#painelMain .aside-dados .wrapper-velocidade .title {
    font-size: 0.846em;
    color: #8B8B8B;
}

#painelMain .aside-dados .wrapper-velocidade > p {
    font-size: 1.307em;
    color: #333;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

#painelMain .aside-dados .wrapper-velocidade > p > span {
    font-size: 2.615em;
}

#painelMain .aside-dados .wrapper-velocidade > p > .modal_velocidade_atual {
    font-size: 2em;
}

#painelMain .aside-dados .wrapper-velocidade > img {
    width: 35px;
    height: 37px;
}

#painelMain .aside-dados .wrapper-etapas {
    width: 100%;
    display: flex;
    flex-direction: column;
}

#painelMain .aside-dados .wrapper-etapas .head-etapa {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}
#painelMain .aside-dados .wrapper-etapas .head-etapa .title{
    font-size: 0.846em;
    font-style: italic;
    color: #8B8B8B;
}

#painelMain .aside-dados .wrapper-etapas .etapas {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#painelMain .aside-dados .wrapper-etapas .etapas .line-etapa {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-radius: 6px;
    background-color: #EFEFEF;
    color: #091D3C;
    padding: 12px 17px;
}

#painelMain .aside-dados .wrapper-etapas .etapas .line-etapa.concluido {
    background-color: #091D3C;
    color: #fff;
}

#painelMain .aside-dados .wrapper-etapas .etapas .line-etapa .title {
    font-weight: 500;
}

#painelMain .aside-dados .wrapper-etapas .etapas .line-etapa .previsao {
    display: flex;
    align-items: center;
    gap: 5px;
}

#painelMain .aside-dados .wrapper-etapas .etapas .line-etapa .hora {
    font-size: 1.076em;
    font-weight: 700;
}

#painelMain .aside-dados .wrapper-etapas .etapas .line-etapa .icon {
    width: 15px;
    height: 15px;
    display: flex;
    background: #091D3C;
    margin: 0;
}

#painelMain .aside-dados .wrapper-etapas .etapas .line-etapa.concluido .icon {
    background: #3A4A63;
}
#painelMain .aside-dados .wrapper-etapas .etapas .line-etapa .icon.icon-check:before {
    content: "";
}

#painelMain .aside-dados .wrapper-etapas .etapas .separa-etapa {
    width: 2px;
    height: 20px;
    display: block;
    background: #EFEFEF;
}
#painelMain .aside-dados .wrapper-etapas .etapas .separa-etapa.concluido {
    background: #091D3C;
}

.btn-fixed {
    width: 100%;
    padding: 20px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    font-weight: 500;
    font-size: 1.153em;
    transition: .3s background-color;
}


.btn-fixed.azul {
    color: #fff;
    background-color: var(--azul-treinadelta);
}

.btn-fixed.azul:hover {
    background-color: var(--azul);
}

#painelMain .area-mapa  {
    flex: 1;
    height: 100%;
    background: #c5c5c5;
}
#painelMain .area-mapa .mapa {
    width: 100%;
    height: 100%;
    position: relative;
}

#painelMain .area-mapa .compartilhar {
    position: absolute;
    background: #00C1B4;
    box-shadow: 5px 4px 6px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    bottom: 2.5%;
    right: 1.5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 0.461em 0.461em;
}

#painelMain .area-mapa .compartilhar .icon-paper-plane {
    background: #000000cc;
    width: 28px;
    height: 26px;
}

#painelMain .area-mapa .compartilhar a.link-share {
    margin: 0; padding: 0;
    font-weight: 500;
    color: #fff;
}

#painelMain .area-mapa .compartilhar .box-copy {
    background: #3333331a;
    padding: 0.692em 0.923em;
    border-radius: 4px;
    border: 0;
    transition: opacity .5s;
}

#painelMain .area-mapa .compartilhar .box-copy:hover {
    opacity: 0.5;
}

#painelMain .area-mapa .compartilhar .icon-copy {
    width: 20px;
    height: 25px;
    background: #fff;
}
#painelMain .area-mapa .compartilhar .icon-copy::before {
    content: "";
}

#painelMain .containerMobile {
    width: 100%;
    height: 116px;
    position: fixed;
    bottom: 0;
    z-index: 1;
    background: #FFFFFF;
    border: 1px solid #E3E3E3;
    box-sizing: border-box;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    border-radius: 30px 30px 0px 0px;
    padding: 30px;
    transition: height 1s;
}

#painelMain .containerMobile.open_containerMobile {
    height: 316px;
    transition: height 1s;
}

#painelMain .containerMobile .icon_row_modal {
    top: 55px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 97%;
    background: transparent;
    position: absolute;
    border-radius: 10px;
    border: none;
    padding: 16px 84px 91px;
    display: flex;
    justify-content: center;
}

#painelMain .containerMobile .icon_row_modal:focus{
    background: transparent;
    border: none;
}

#painelMain .containerMobile .icon_row_modal span{
    width: 69px;
    height: 5px;
    background: #a4c7d580;
    border-radius: 10px;
}

#painelMain .containerMobile .header_mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#painelMain .containerMobile hr{
    background: #F3F3F3;
}

#painelMain .containerMobile .header_mobile .logo_delta{
    width: 118px;
    height: 39px;
}

#painelMain .containerMobile .header_mobile .prestador_rastreado{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 12px;
    border-radius: 4px;
    background: rgba(134, 142, 164, 0.15);
    color: #868EA4;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
}

#painelMain .containerMobile .header_mobile .prestador_rastreado.active{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 12px;
    border-radius: 4px;
    background: rgba(0, 137, 191, 0.15);
    color: #0089BF;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
}

#painelMain .containerMobile .header_mobile .titleSubtitle h3{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0 0 5px;

    color: #333333;
}

#painelMain .containerMobile .header_mobile .titleSubtitle .info_truck{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;

    color: #8B8B8B;

    white-space: nowrap;
    width: 51vw;
    overflow: hidden;
    text-overflow: ellipsis;
}

#painelMain .containerMobile .header_mobile .logo{
    width: 50px;
    height: 50px;
}

#painelMain .containerMobile .info_produto_servico{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 12px 0;
}

#painelMain .containerMobile .info_produto_servico .produto label{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;

    color: #8B8B8B;
}

#painelMain .containerMobile .info_produto_servico .produto p.prestador_{
    width: 180px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width: 480px) {
    #painelMain .containerMobile .info_produto_servico .produto p.prestador_ {
        width: 120px;
    }
}

#painelMain .containerMobile .info_produto_servico .produto p{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    /* identical to box height */


    color: #333333;
}

#painelMain .containerMobile .previsao{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 0 ;

    background: rgba(0, 137, 191, 0.15);
    border-radius: 6px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;

    color: #0089BF;
}

@media (min-width: 1200px) {
    #painelMain .containerMobile {
        width: 400px;
        height: 340px;
        right: 10%;
        top: 30%;
        border-radius: 30px;
        position: absolute;
    }
    #painelMain .containerMobile .icon_row_modal{
        display: none;
    }

    #painelMain .containerMobile .info_produto_servico{
        margin: 17px 0;
    }

    #painelMain .containerMobile .header_mobile .titleSubtitle .info_truck {
        width: 15vw;
    }


}

@media (max-width: 1200px) {
    #painelMain .area-mapa.mapa_atendimento {
        flex: 1;
        height: 92%;
        background: #c5c5c5;
    }
}

/* painel drop */
.panel-drop {
    width: 100%;
    background-color: #F6F6F6;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}

.panel-drop:hover {
    background-color: #F6F6F68c;
}

.panel-drop .panel-wrapper {
    width: 100%;
    margin: 0;
}

.panel-drop .panel-wrapper input[type=checkbox] {
    display: none;
}

.panel-drop .panel-wrapper input[type=checkbox] + span {
    width: 100%;
    padding: 20px 23px;
    font-size: 1em;
    font-weight: 400;
    background-image: url('../img/icons/icon-select.svg');
    background-position: 90% center;
    background-repeat: no-repeat;
    display: flex;
    cursor: pointer;
}

.panel-drop .panel-wrapper input[type=checkbox]:checked + span {
    background-image: url('../img/icons/icon-select-up.svg');
}

.panel-drop .panel-wrapper input[type=checkbox] ~ .panel-body {
    padding: 0 23px 23px;
    gap: 13px;
    flex-direction: column;
    display: none;
}

.panel-drop .panel-wrapper input[type=checkbox]:checked ~ .panel-body {
    display: flex;
}

.panel-drop .panel-body .line {
    display: flex;
    justify-content: space-between;
    align-items: center ;
}
.panel-drop .panel-body .line .head {
    color: #8B8B8B;
    font-size: 1em;
}
.panel-drop .panel-body .line .info {
    color: #333;
    font-size: 1em;
}

.ticket-base.espera-agendado {
    color: #fff;
    background: #85ABBA;
}
.ticket-base.acionamento {
    color: #fff;
    background: #FEB019;
}
.ticket-base.locomocao {
    color: #fff;
    background: #FC763B;
}
.ticket-base.local {
    color: #fff;
    background: #00B6E9;
}
.ticket-base.etapa {
    color: #fff;
    background: #091D3C;
}
.ticket-base.distancia-etapa {
    color: #091D3C;
    background: #091D3C26;
}




/*============== CONFERENCIA NF ===============*/

#ConferenciaNF #NF_header { width: 100%; height: 80px; top:0; position: relative; top: 0; background: #FFF; border-bottom: 2px solid #f1f1f1; z-index: 999; margin: 0; padding: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between;}
#ConferenciaNF #NF_header .NF_header-left { display: flex; align-items: center; gap: 26px; margin-left: 28px;}
#ConferenciaNF #NF_header .NF_header-right { display: flex; align-items: center; gap: 12px; margin-right: 22px;}
#ConferenciaNF #NF_header h2 {font-size: 2em; color:var(--azul); font-weight: bold; text-align: center; margin: 0px }
#ConferenciaNF #NF_header .flex-box { margin: 0; }
#ConferenciaNF #NF_header .flex-box .field { height: 45px; background: #f3f3f3; border: 1px solid #EAEAEA; }
#ConferenciaNF #NF_header .flex-content { margin: -20px;}


/*============== LISTA NF ===============*/
#ConferenciaNF ul#ListaNF { width: 250px; float: left; height: calc(100% - 80px); position: fixed; left: 0; bottom: 0; padding: 0; margin: 0; background: #F6F6F6; overflow: auto; display: block;  box-sizing: border-box; z-index: 2; }
#ConferenciaNF ul#ListaNF li { cursor:pointer; background: #F6F6F6; list-style: none; width: 100%; height: 63px; float: left; border-bottom:1px solid #EFEFEF; border-right:1px solid #EFEFEF; opacity: 0.75; transition: .2s; }
#ConferenciaNF ul#ListaNF li:hover { background: #FCFCFC; opacity: 1 }
#ConferenciaNF ul#ListaNF li.active { background: white; border-right:1px solid #FFF; border-bottom:1px solid #F6F6F6; opacity: 1; }
#ConferenciaNF ul#ListaNF li img { float: left; margin: 15px 10px 0 10px; }
#ConferenciaNF ul#ListaNF li div.left { float: left; padding: 16px 0 0; min-width: 77px; }
#ConferenciaNF ul#ListaNF li div.left h4 { float: left; color: var(--azul); font-weight: 700; margin: 0; font-size: 1.2em;  }
#ConferenciaNF ul#ListaNF li div.left p { float: left; color: var(--cinza); font-weight: 600; clear: both; margin: 0; line-height: 1.2; font-size: 0.85em; }
#ConferenciaNF ul#ListaNF li div.right { float: left !important; padding: 15px 0  0 24px;  }
#ConferenciaNF ul#ListaNF li div.right label { float: right; font-size: 0.7em;  }
#ConferenciaNF ul#ListaNF li div.right p { width: 100%; float: left; color: var(--cinza); font-weight: 600; font-size: 0.85em; clear: both; margin: 3px 0 0; line-height: 1.1; text-align: right; }


/*============== DETALHES NF ===============*/
#ConferenciaNF ul#DetalhesNF { width: 300px; float: left; height: calc(100% - 80px); position: absolute; left: 250px; bottom: 0; padding: 35px 0 35px 20px; margin: 0; background: #FFF; overflow: overlay; display: block;  box-sizing: border-box; z-index: 1; }
#ConferenciaNF ul#DetalhesNF .top { float: left; margin: 0 0 35px; }
#ConferenciaNF ul#DetalhesNF .top img { float: left;  }
#ConferenciaNF ul#DetalhesNF .top h4 { float: left; color: var(--azul); font-weight: 700; margin: 0; font-size: 1.8em; margin: 15px 0 0 20px;  }

#ConferenciaNF ul#DetalhesNF .infos { float: left; }
#ConferenciaNF ul#DetalhesNF .infos li { float: left; width: 100%; list-style:none; margin: 0 0 5%; }
#ConferenciaNF ul#DetalhesNF .infos li p { width: 40%; float: left; font-size: 0.75em; color: #ACB8BB; font-weight: 700; text-transform: uppercase; padding: 0 5% 0 0; line-height: 1.2; }
#ConferenciaNF ul#DetalhesNF .infos li h3 { float: left; font-size: 0.9em; color: #616161; margin: 0; font-weight: 700; }


#ConferenciaNF iframe#iframepdf { left: 550px; bottom: 60px; width: calc(100% - 550px); position: absolute; height: calc(100% - 140px); border:0 }


/*============== LISTA NF ===============*/
#ConferenciaNF div#acoesNF { left: 550px; bottom: 0; width: calc(100% - 550px); position: absolute; height: 60px; background: #007eb3; border:0; box-shadow: 0 0 17px #00000045; border-top:1px solid #0d92c9; box-sizing: border-box; padding: 20px; }
#ConferenciaNF div#acoesNF a { font-size: 1.1em; }
#ConferenciaNF div#acoesNF .right a { margin: 0 0 0 10px; }




#ConferenciaNF ul::-webkit-scrollbar { width: 0; }
#ConferenciaNF ul::-webkit-scrollbar-track { background: #f1f1f1; }
#ConferenciaNF ul::-webkit-scrollbar-thumb { background: #dedede; border-radius: 50px; }
#ConferenciaNF ul::-webkit-scrollbar-thumb:hover { background: #cccccc; }
ul#ListaNF:hover::-webkit-scrollbar { width: 4px; }
ul#DetalhesNF:hover::-webkit-scrollbar { width: 4px; }


/* MODAL LISTA IMPOSTOS RETIDOS */
#modalImpostosRetidos #detalhesImpostos { display: flex; justify-content: center; padding: 0;}
#modalImpostosRetidos #detalhesImpostos .infos {list-style: none; display: grid; grid-template-columns: 275px 275px;}
#modalImpostosRetidos #detalhesImpostos .infos li{margin: 0 0 25px;}
#modalImpostosRetidos #detalhesImpostos .infos li p{margin: 0 0 0; font-weight: 600;}
#modalImpostosRetidos #detalhesImpostos .infos li h3{margin: 10px 0 0; font-size: 2rem;}
#modalImpostosRetidos #detalhesImpostos .infos li h3 label{font-size: 0.7em; }


/*============== BOTAO LIGA DESLIGA ===============*/
.liga-desliga {width: 50%; float: left;  font-size: 1.15em !important; font-weight: 400; padding: 20px 30px 20px; position: relative; height: 62px; border-radius: 11px; background: #0a9dd8; border: 1px solid #0086bc; }

.Sompo .liga-desliga { background: #ce0a2c; border: 1px solid #b3001f; }

.liga-desliga.excep {width: 100%; float: left; padding: 15px 0; height: auto; border-radius: 11px 11px 0 0; }

.liga-desliga__checkbox { position: absolute; left: -9999px;}
.liga-desliga__botao { display: inline-block; vertical-align: middle; position: relative; cursor: pointer; font-size: 1.15em;}
.liga-desliga__botao.blue__ { display: inline-block; vertical-align: middle; position: relative; cursor: pointer; font-size: 13px; line-height: 15px; font-weight: 400;font-style: normal;}
.liga-desliga__botao::before,
.liga-desliga__botao::after { content: ""; transition: all 0.2s ease;}
.liga-desliga__botao::before { display: inline-block; border-radius: 1em; height: 1.38em; width: 2.4em; margin: 0 0.5em -3px 0; background: #d4d4d4; min-width: 30px;}
.liga-desliga__botao.sem_width_before::before {min-width: unset !important;}
.liga-desliga__botao::after { position: absolute; top: 0.03em; left: 0em; width: 1.35em; height: 1.35em; border-radius: 100%; background: #FFF; border: 2px solid #d4d4d4;}
.liga-desliga__checkbox:checked + .liga-desliga__botao::before { background: #85f3b1;}
.liga-desliga__checkbox:checked + .liga-desliga__botao::after { left: 1.125em; border:2px solid #85f3b1;}
.liga-desliga__checkbox:checked + .liga-desliga__botao.blue__::before { background: rgba(0, 137, 191, 0.15);}
.liga-desliga__checkbox:checked + .liga-desliga__botao.blue__::after { left: 1.125em; border:2px solid #EBEBEB; background: #0089BF;}


/* ================ Prestador edit ================ */

#prestadorEdit_data_contrato{
    background-color: #fff;
}

.dados_gerais .quadra input[type='text']{
    background-color: #fff;
}

.box_prestador_edit .quadra input[type='text']{
    background-color: #fff;
}

.box_prestador_edit .quadra select{
    background-color: #fff;
}

/* ================ Consulta seguradora ================ */

.consulta_seguradora label{
    font-size: 13px;
    font-weight: 550;
}

.consulta_seguradora div{
    margin-top: 8px;
}

/* ================ Valor total cotações ================ */

#step4 .lista-veiculos .row-valor-total th:first-child{
    padding: 10px 5px 10px 15px;
}

#step4 .lista-veiculos .row-valor-total th:last-child{
    padding: 0px 15px 0px 5px;
    line-height: 1.2;
}

.row-valor-total{
    font-size: 17px;
    background-color: rgba(221, 221, 221, 0.65);
}

/* ================ Display flex ================ */
.d-flexbox{
    display: flex;
}

.d-flex-row{
    flex-direction: row;
}

.d-flex-column{
    flex-direction: column;
}

.d-justify-content-center{
    justify-content: center;
}

.d-align-itens-center{
    align-items: center;
}


/* ================== Contestacao =================== */
.boxer{
    margin-top: 50px;
    border: 1px solid #e8e8e8;
    padding: 5px 15px 15px 15px;
}
.Ativa{
    background: #d1d1d1;
}



.indicadores {
    background-color: var(--grey-light);
}

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


/* ================ Margin e paddings ================ */

.nm{ margin: 0px!important}
.nmt{ margin-top: 0px!important}
.nml{ margin-left: 0px!important}
.nmr{ margin-right: 0px!important}
.nmr{ margin-bottom: 0px!important}
.m-3{ margin: 3px !important}
.m-5{ margin: 5px !important}
.m-10{ margin: 10px !important}
.m-15{ margin: 15px !important}
.m-20{ margin: 20px !important}
.mt-3{ margin-top: 3px !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-35{ margin-top: 35px !important}
.mt-40{ margin-top: 40px !important}
.mt-70{ margin-top: 70px !important}
.mb-3{ margin-bottom: 3px !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-30 {margin-bottom: 30px !important}
.ml-3{ margin-left: 3px !important}
.ml-5{ margin-left: 5px !important}
.ml-8{ margin-left: 8px !important}
.ml-10{ margin-left: 10px !important}
.ml-15{ margin-left: 15px !important}
.ml-20{ margin-left: 20px !important}
.mr-3{ margin-right: 3px !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}

.np{ padding: 0px !important}
.p-3{ padding: 3px !important}
.p-5{ padding: 5px !important}
.p-10{ padding: 10px !important}
.p-15{ padding: 15px !important}
.p-20{ padding: 20px !important}
.p-25{ padding: 25px !important}
.pt-3{ padding-top: 3px !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}
.pb-3{ padding-bottom: 3px !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}
.pl-3{ padding-left: 3px !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}
.pr-3{ padding-right: 3px !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}














/* === Primeiro Link Cliente FirstLinkClient  === */

#FirstLinkClient { width: 100%; margin: 0; position: relative; background: #FFF; float: left; }
#FirstLinkClient .top { width: 100%; float: left; background: rgb(250,250,250);
    background: linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);}
#FirstLinkClient .top figure { width: 100%; float: left; text-align: center; margin: 45px 0; }
#FirstLinkClient .top p { width:100%; padding: 0 5%; color: #8D8D8D; font-size: 1.1em; text-align: center; }

#FirstLinkClient .flex-content { width: 100%; padding: 10% 5%; display: block; float: left; margin: 0; background: url(../../assets/img/deltaGlobal-bg-logo.png) -100px bottom  no-repeat; }
#FirstLinkClient .flex-content .flex-box { width: 100%; float: left; margin: 0 0 10px; font-size: 16px; }
#FirstLinkClient .flex-content .flex-box .field { width: 100%; float: left; background: #FBFBFB; }
#FirstLinkClient .flex-content a  { margin: 0 0 50px; float: left; }


#FirstLinkClient .veiculo { width: 100%; display: block; float: left; margin: 10% 0 0; }
#FirstLinkClient .veiculo p { width: 100%; float: left; margin: 0; color: #4D4D4D; font-size: 1.1em; font-weight: 600; }
#FirstLinkClient .veiculo div { width: 100%; float: left; margin: 10px 0 0; border-radius: 7px; padding: 5%; border: 1px solid #F2F2F2; background: #FBFBFB; position: relative; }
#FirstLinkClient .veiculo div label { float: left; clear: both; margin: 2px 0 0; }
#FirstLinkClient .veiculo div h2 { float: left; clear: both; margin: 2px 0 0; color: #00B6E9; font-weight: 700; }
#FirstLinkClient .veiculo div p { float: left; clear: both; margin: 2px 0 0; text-transform: uppercase;  font-weight: 600 }
#FirstLinkClient .veiculo div img { position: absolute; right: 15px; top: 23px; }

#FirstLinkClient .foto { width: 100%; display: block; float: left; margin: 10% 0 0; }
#FirstLinkClient .foto p { width: 100%; float: left; margin: 0; color: #4D4D4D; font-size: 1.1em; font-weight: 600; }

#FirstLinkClient .foto a {float: left; margin: 5% 5% 0 0; border-radius: 7px; padding: 25px;  }

#FirstLinkClient a.last { float: left;width: 100%; border-radius: 0; text-align: center; font-size: 1.6em; font-weight: 600; padding: 25px 0;   }














#NovaContratoPrePago .NewPlaca .plate { width: auto; left: 50%; transform: translate(-50%);}
#NovaContratoPrePago .NewPlaca .plate div { width: 300px;     margin: 0 25px 0 0;}
#NovaContratoPrePago .NewPlaca .plate a { width: 100px;}#NovaContratoPrePago .NewPlaca .liga-desliga.excep { border-radius: 11px; border:0 }

#NovaContratoPrePago .flex-content { margin-bottom: 20px; }



#NovaContratoPrePago .flex-content input:disabled { background: #f7fafa !important; border:0 !important;  color: #6d919a !important; text-align: center; font-size: 1.4em; font-weight: 700; }
#NovaContratoPrePago .flex-content input:disabled::placeholder { color: var(--azul-medio) !important; }




#NovaContratoPrePago #Container.menorFont .flex-content input:disabled { font-size: 1.1em !important; text-align: left; }


.prestadorPreCadastroRow { background-color: #FCFCFC;}
.prestadorPreCadastroRow td{ background-color: #FCFCFC;}

.prestadorNaoCredenciadoRow { background-color: #e9ebf2; border: 1px solid #0a32a8;}
.prestadorNaoCredenciadoRow td{ background-color: #e9ebf2; border-top: 1px solid #0a32a8;}

.prestadorReembolsoRow { background-color: rgb(252, 250, 225); border: 1px solid #f5a300;}
.prestadorReembolsoRow td { background-color: rgb(241, 243, 188); border-top: 1px solid #f5a300;}

.prestadorSosDriverRow { background-color: rgb(62, 228, 62, 0.1); border: 1px solid #1EAA1E;}
.prestadorSosDriverRow td { background-color: rgb(62, 228, 62, 0.1); border-top: 1px solid #1EAA1E;}
.prestadorSosDriverBloqueadoRow { background-color: rgb(62, 228, 62, 0.1); border: 1px solid #ea5050;}
.prestadorSosDriverBloqueadoRow td { background-color: rgb(62, 228, 62, 0.1); border-top: 1px solid #ea5050;}

#historico_mensagem_nps { width: 100%; float: left; background: #FFF; }
#historico_mensagem_nps ul { width: 100%; float: left; margin: 0; padding: 1% 10%; }
#historico_mensagem_nps ul li { width: 100%; float: left; list-style: none; }
#historico_mensagem_nps ul li div {float: left; width: 100%; background: #f2f2f2; margin: 0 0 1.5%; border-radius: 15px; padding: 3%;  }
#historico_mensagem_nps ul li div img {float: left; width: 60px; height: 60px; border-radius: 50%;  }
#historico_mensagem_nps ul li div div {float: left; width: calc(100% - 80px); margin: 0; padding: 3.5% 0 0 3%; }
#historico_mensagem_nps ul li div div p { margin: -8px 0 2px; }
#historico_mensagem_nps ul li div div small {color: #999; font-weight: 600; }
#historico_mensagem_nps ul li div.pull-right img { float: right; }
#historico_mensagem_nps ul li div.pull-right div p { float: left; width: 100%; text-align: right; }
#historico_mensagem_nps ul li div.pull-right div small { float: left; width: 100%; text-align: right; }
#historico_mensagem_nps ul li div.pull-left { background: #FFF !important; box-shadow: 0 1px 3px #0000000f; padding: 0 0 2% 0;}
#historico_mensagem_nps ul li div.pull-left div { background: #FFF !important;  }
#historico_mensagem_nps ul li div.pull-left div.header_chat { display: flex; flex-direction: row; align-items: center; justify-content: initial; background: #F8F8F8 !important; border-radius: 10px 10px 0px 0px; padding: 10px 17px; width: 100%; }
#historico_mensagem_nps ul li div.pull-left div.header_chat > p { white-space: nowrap; margin: 0; font-style: normal; font-weight: 700; font-size: 11px; line-height: 15px; color: #333333;}
#historico_mensagem_nps ul li div.pull-left div p { font-weight: 700; }
#historico_mensagem_nps ul li div.pull-left div.header_chat .icon_telefone { display: flex; align-items: center; flex-direction: row; width: fit-content; gap: 5px; margin-left: 10px; }
#historico_mensagem_nps ul li div.pull-left div.header_chat .icon_telefone > p { margin: 0; white-space: nowrap; font-style: normal;font-weight: 400; font-size: 11px; line-height: 15px; color: #616161; }
#historico_mensagem_nps ul li div.pull-left div.bot_left { justify-content: space-between; width: 80%; padding: 3% 2em; width: auto;}


#historico_mensagem_nps ul li div.pull-left div.header_chat .icon_svg_telefone {
    mask-image: url('../img/icons/telefone.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/telefone.svg') no-repeat center / contain;
    width: 11px !important;
    height: 11px;
    background: #616161 !important;
}

#historico_mensagem_acionamento { width: 100%; float: left; background: #FFF; }
#historico_mensagem_acionamento ul { width: 100%; float: left; margin: 0; padding: 1% 10%; }
#historico_mensagem_acionamento ul li { width: 100%; float: left; list-style: none; }
#historico_mensagem_acionamento ul li div {float: left; background: #f2f2f2; margin: 0 0 1.5%; border-radius: 15px; padding: 3%;  }
#historico_mensagem_acionamento ul li div img {float: left; width: 60px; border-radius: 50%;  }
#historico_mensagem_acionamento ul li div div {float: left; width: calc(100% - 80px); margin: 0; padding: 3.5% 0 0 3%; }
#historico_mensagem_acionamento ul li div div p { margin: -8px 0 2px; }
#historico_mensagem_acionamento ul li div div small {color: #999; font-weight: 600; }
#historico_mensagem_acionamento ul li div.pull-right img { float: right; }
#historico_mensagem_acionamento ul li div.pull-right div p { float: left; width: 100%; text-align: right; }
#historico_mensagem_acionamento ul li div.pull-right div small { float: left; width: 100%; text-align: right; }
#historico_mensagem_acionamento ul li div.pull-left { background: #FFF !important; box-shadow: 0 1px 3px #0000000f; }
#historico_mensagem_acionamento ul li div.pull-left div { background: #FFF !important;  }
#historico_mensagem_acionamento ul li div.pull-left div p { font-weight: 700; }



#historico_mensagem_24h { width: 100%; float: left; background: #FFF; }
#historico_mensagem_24h ul { width: 100%; float: left; margin: 0; padding: 1% 10%; }
#historico_mensagem_24h ul li { width: 100%; float: left; list-style: none; }
#historico_mensagem_24h ul li div {float: left; width: 100%; background: #f2f2f2; margin: 0 0 1.5%; border-radius: 15px; padding: 3%;  }
#historico_mensagem_24h ul li div img {float: left; width: 60px; border-radius: 50%;  }
#historico_mensagem_24h ul li div div {float: left; width: calc(100% - 80px); margin: 0; padding: 3.5% 0 0 3%; }
#historico_mensagem_24h ul li div div p { margin: -8px 0 2px; }
#historico_mensagem_24h ul li div div small {color: #999; font-weight: 600; }
#historico_mensagem_24h ul li div.pull-right img { float: right; }
#historico_mensagem_24h ul li div.pull-right div p { float: left; width: 100%; text-align: right; }
#historico_mensagem_24h ul li div.pull-right div small { float: left; width: 100%; text-align: right; }
#historico_mensagem_24h ul li div.pull-left { background: #FFF !important; box-shadow: 0 1px 3px #0000000f; }
#historico_mensagem_24h ul li div.pull-left div { background: #FFF !important;  }
#historico_mensagem_24h ul li div.pull-left div p { font-weight: 700; }

/* Custom classes */
.no-separate-block-in-print {
    page-break-inside: avoid;
}

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

.aligner-item {
    max-width: 50%;
}

.aligner-item--top {
    align-self: flex-start;
}

.aligner-item--bottom {
    align-self: flex-end;
}


/* ============ Monitorador de Analistas ============ */

/* .aviso_chamada { position: fixed; width: 245px; z-index: 9999999999; background: var(--vermelho); top:100px; right: 0; border-radius: 7px 0 0 7px; box-shadow: 0 2px 9px #0000001c; padding: 5px 0 2px 0; } */
/* .aviso_chamada ul.top { width: 100%; height: 65px; box-sizing: border-box; padding: 10px 0 10px 0; float: left; margin: 0; position: relative; }
.aviso_chamada ul.top li { float: left; text-align: left; font-size: 0.9em; color: white; list-style: none; margin: 0;}
.aviso_chamada ul.top li small { float: left;  clear: both; opacity: 0.75; font-weight: 600; text-transform: uppercase; margin: 0; font-size: 1em; }
.aviso_chamada ul.top li p { float: left; clear: both; font-size: 2.1em; font-weight: 600; color: white; margin: 0; line-height: 1; }
.aviso_chamada ul.top li figure img { margin: 2px 15px 0; width: 36px;}
*/

/* .aviso_chamada.em_andamento ul.top { height: 93px; }
.aviso_chamada.em_andamento ul.top li figure img { margin: 16px 15px 0;} */
/* .aviso_chamada.em_andamento a { font-size: 8px; clear: both; margin: 6px 0 0 0; float: left; background: #FFF; } */

/* .aviso_chamada.em_andamento.delta { background: var(--azul-escuro); top:200px; }
.aviso_chamada.em_andamento.delta a { color: var(--azul-escuro) !important; }

.aviso_chamada.em_andamento.sompo { background: var(--sompo); top:330px; }
.aviso_chamada.em_andamento.sompo a { color: var(--sompo) !important; }  */



/* ============ NEW PORTAL PRESTADOR ============ */
#NewPortal .header {
    background: rgb(1,112,165) !important;
    background: -moz-linear-gradient(180deg, rgba(1,112,165,1) 0%, rgba(0,94,148,1) 100%) !important;
    background: -webkit-linear-gradient(180deg, rgba(1,112,165,1) 0%, rgba(0,94,148,1) 100%) !important;
    background: linear-gradient(180deg, rgba(1,112,165,1) 0%, rgba(0,94,148,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0170a5",endColorstr="#005e94",GradientType=1);
    border-radius: 0 !important;
    box-shadow: 0 2px 6px #0000002b;
    border: 0;
}
#NewPortal .header .navbar-brand { width: auto; }
#NewPortal .header .navbar-brand img { margin: 12px 25px; width: 137px; }
#NewPortal .header .navbar-brand:hover { background: #ffffff17; }

#NewPortal .navbar-nav>li>a.suport { border-left: 1px solid #1978A9; }
#NewPortal .navbar-nav>li>a.suport:hover { background: #ffffff17;}

#NewPortal .header .navbar-nav > li.dropdown .dropdown-toggle.noti { border-left: 1px solid #1978A9; }
#NewPortal .header .navbar-nav > li.dropdown .dropdown-toggle.noti:hover { }

#NewPortal #ContainerAbas li .rd_tab ~ label { background: #f1f1f1;}
#NewPortal #ContainerAbas li .rd_tab:checked ~ label { background: #0086bc }

.prestador-form #ContainerAbas > li:nth-child(1) > label {border-radius: 8px 0px 0px 0px;}
/* #ContainerAbas > li:nth-child(11) > label {border-radius: 0px 8px 0px 0px;} */
.prestador-form #ContainerAbas li .rd_tab ~ label { border: 1px solid #F1F1F1; background: #F1F1F1; font-weight: 300; font-family: Roboto; color: var(--text-primary); font-size: 16px !important;}
.prestador-form #ContainerAbas li .rd_tab:checked ~ label { border: 1px solid #F4F4F4; background: #FFF !important; color: var(--color-blue); font-weight: 700;}
#NewPortal #ContainerAbas li #Container .ContainerIn {padding:5%}

#NewPortal #ContainerAbas h6 { font-size: 1.1em; font-weight: 600; color: #666; margin: 30px 0 0;}


#NewPortal .header .navbar-nav .tel { width: auto; float: left; text-align: right; line-height: 1; color: #BFD8E6; font-size: 0.8em; font-weight: 400;}
#NewPortal .header .navbar-nav .tel h5 { margin: 16px 0 0; font-size: 1.75em; font-weight: 300; color: #FFF }
#NewPortal .header .navbar-nav .tel h5 b {  font-weight: 700; }
#NewPortal .header .navbar-nav .tel h5:hover { text-decoration: underline; }



.NewNotification .newbtnramal {padding: 6px 35px 6px 13px; margin: 9px 9px 0 0; height: auto;    line-height: 1; font-size: 1em; position: relative; cursor: pointer;}
.NewNotification .newbtnramal:hover {background: #6dead0;}
.NewNotification .newbtnramal {background: #40d4b5; color: #FFF;}


.NewNotification .newbtnramal b{font-size: 1.6em;}
.NewNotification .newbtnramal img{position: absolute; right: 12px;}
.modal .atualizar {width: 100%; float: left; }
.modal .atualizar div { float: left; position: relative; margin: 10px 0 10%; }
.modal .atualizar label {width: auto; float: left; margin: 0; }
.modal .atualizar label input {border-radius: 50px; font-size: 1.6em; font-weight: 700; width: 200px; padding-left: 76px; }
.modal .atualizar a {width: auto; float: left; padding: 11px; height: auto; margin: 4px 0 0 0; right: 5px;  position: absolute; z-index: 3; }
.modal .atualizar a:hover { background: #6dead0; }


.newmodals table { float: left;}


#NewPortal .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    background: #ffffff17 !important; border-left: 1px solid #1978A9;
}
#NewPortal .header .navbar-nav > li.dropdown .dropdown-toggle.blue { padding-top: 22px; }

#NewPortal ul.menu_horiz { float: left; margin: 0; padding: 0; }
#NewPortal ul.menu_horiz li { float: left; list-style: none; }
#NewPortal ul.menu_horiz li a.excep { float: left; color: #FFF; position: relative; width: 100%;}
#NewPortal ul.menu_horiz li a:not(.excep) { float: left; color: #FFF; padding: 23px 20px; border-left: 1px solid #1978a9; position: relative; }
#NewPortal ul.menu_horiz li a:not(.excep):last-child { border-right: 1px solid #1978a9; }
#NewPortal ul.menu_horiz li a:hover { background: #ffffff17; }

#NewPortal ul.menu_horiz li a img { position: absolute; top: -11px; right: 0;}
#NewPortal ul.menu_horiz li a.inactive { cursor: default; color: #ffffff42; }
#NewPortal ul.menu_horiz li a.inactive:hover { background: none; }

#NewPortal #Topo { margin-top: 110px; }
#NewPortal #Topo h3 { margin:9px 0 0; color: #333; }
#NewPortal #Topo .breadcamp {margin: 15px 0 0;}
#NewPortal #Topo .numbers {float: right;}
#NewPortal #Topo .numbers p {float: left; font-size: 0.85em; font-weight: 600; color: #999999; margin: 5px;}

#NewPortal #Topo .fast_search { background: #ffffff; border: 1px solid #eef5f6; border-radius: 7px;   padding: 0 15px; }
#NewPortal #Topo .fast_search input { font-size: 1.1em; border: 0; color: #666; width: 180px; height: 49px;padding-left: 4px;}
#NewPortal #Topo .fast_search button { color: #fff; border: 0; border-radius: 50px; background: #007eb3;
    width: 30px; height: 30px;}


#NewPortal #Topo .ativar_ac span { width: 285px !important; padding: 12px 0 8px !important; transition: .3s; }
#NewPortal #Topo .ativar_ac label.text { font-size:0.9em; line-height: 1.25; width: 212px !important; font-weight: 600; color: #ffffffdb !important; }
#NewPortal #Topo .ativar_ac label.text b {  font-weight: 900; letter-spacing: 1px; color: #fff !important; }
#NewPortal #Topo .ativar_ac label.text.t2 { display:none }
#NewPortal #Topo .ativar_ac .on label.text.t1 { display:none }
#NewPortal #Topo .ativar_ac .on label.text.t2 { display:block }
#NewPortal #Topo .ativar_ac .on { background: var(--verde) !important; }
#NewPortal #Topo .ativar_ac .on .liga-desliga__checkbox:checked + .liga-desliga__botao::before { background: #ffffff;}
#NewPortal #Topo .ativar_ac .on .liga-desliga__checkbox:checked + .liga-desliga__botao::after { background: #48e1c1; border: 2px solid #ffffff; }


#NewPortal #ContainerAll { width: 100%;  float: left; box-sizing: border-box; padding: 0 0 5%;  }
#NewPortal #ContainerLeft { margin: 0; width: 20%; float: left; box-sizing: border-box; }
#NewPortal #ContainerLeft .Box a { float: left; font-size: 0.75em; font-weight: 600; margin: 20px 0 -15px;  }

#NewPortal #ContainerRight { margin: 0; width: 76%; float: right; box-sizing: border-box; }

#NewPortal .Box { background: #FFF; width: 100%; float: left; border: 1px solid #eef5f6; border-radius: 10px;margin: 0 0 2%; }
#NewPortal .Box.double { width: 49%;  }
#NewPortal .Box figure.avatar { width: 122px; height: 122px; border-radius: 50%; float: left; margin: 0 0 0 -61px; position: relative; left: 50%; background-size: cover !important; background-position: center !important; }
#NewPortal .Box figure.avatar img { margin: 32px 18px; }
#NewPortal .Box figure.avatar a.edit { position: absolute; bottom: 17px; right: 0; background: #007EB3; border-radius: 50%; width: 30px; height: 30px; padding: 0; }
#NewPortal .Box figure.avatar a.edit:hover { opacity: .75; }
#NewPortal .Box figure.avatar a.edit img { margin: 7px; }

#NewPortal .Box .separate {  width: 100%; float: left; padding: 40px 20px; border-bottom: 1px solid #F4F4F4; }

#NewPortal .Box h3 {  width: 100%; float: left; font-size: 1.4em; text-align: center; font-weight: 700; color: #646464; margin: 25px 0 0 0;; }
#NewPortal .Box h4 { width: 100%; float: left; font-size: 1.1em; font-weight: 700; color: var(--preto); margin: -10px 0 0 0; }
#NewPortal .Box p { float: left; font-size: 0.9em; font-weight: 500; color: #8b8b8b; margin: 0; }
#NewPortal .Box label.rank { float: left; font-size: 1.8em; padding: 7px 23px 6px; font-weight: 700; margin: 12px 0 0; border-radius: 7px; clear: both; }
#NewPortal .Box label.rank.bronze { background: #FCF5EF; border:1px solid #F1C7A2; color:#DB6600; }


#NewPortal .Box table.table-flex { width: 100%; margin: 0;  float: left; font-size: 0.8em !important;}



#NewPortal .Box ul.dados { width: 100%; float: left; margin: 0 0 0; padding: 0; }
#NewPortal .Box ul.dados li { margin-top: 16px; list-style: none; }
#NewPortal .Box ul.dados li p { width: 100%; float: left; font-size: 0.8em; font-weight: 600; color: #C2C2C2; margin: 0; }
#NewPortal .Box ul.dados li h5 { width: 100%; float: left; font-size: 1.1em; font-weight: 700; color: #646464; margin: 0; }


#NewPortal .Box .top { width: 100%; padding: 30px 40px; float: left; box-sizing: border-box }
#NewPortal .Box .top h5 { float: left; color: #666; line-height: 1.75; font-size: 1.2em; font-weight: 700;  }
#NewPortal .Box .top a { float: left; font-size: 0.9em; font-weight: 600; margin: 14px 0 0 10px; color: #00ADFF; text-decoration: underline; }

#NewPortal .Box .box { width: 100%; padding: 0 40px; float: left; box-sizing: border-box }


#NewPortal .Box ul.totais { float: right; margin: 0; padding: 0; }
#NewPortal .Box ul.totais li { float: left; list-style: none; margin: 0 0 0 50px; }
#NewPortal .Box ul.totais li p { float: left; }
#NewPortal .Box ul.totais li label { float: left; margin: 4px 0 0; clear: both; }
#NewPortal .Box ul.totais .flex-box { margin: 9px 0 0; }
#NewPortal .Box ul.totais .flex-box select { font-size: 0.8em; height: 29px; }


#NewPortal .Box .Chart { width: 100%; padding: 0 5%; height: 180px; background:#FBFBFB; float: left; box-sizing: border-box; border-top:1px solid #F3F3F3; border-bottom:1px solid #F3F3F3; position: relative; }
#NewPortal .Box .Chart .line { width: 100%; margin-left: -5%; height: 1px; background:#F3F3F3; float: left; position: absolute; z-index: 1; }
#NewPortal .Box .Chart ul { width: 100%; height: 100%; display: flex; margin: 0;
    padding: 0; justify-content: space-between; }
#NewPortal .Box .Chart ul li {flex-basis: auto; height: 100%; list-style: none; position: relative; margin: 0; }
#NewPortal .Box .Chart ul li div { float: left; width:20px; height:85%; background: var(--verde); position: absolute; bottom:0; z-index: 2; border-radius: 5px 5px 0 0 ; }
#NewPortal .Box .Chart ul li div.amarelo { background: var(--amarelo); }
#NewPortal .Box .Chart ul li div.vermelho { background: var(--vermelho); }

#NewPortal .Box .Chart.Long ul li div { width:20px;}
#NewPortal .Box .Chart.Long ul li p { transform: rotate(-55deg); left: -26px; position: absolute; bottom: -41px; color: #999; }

#NewPortal .Box .Chart.Big { padding: 0 10%; }
#NewPortal .Box .Chart.Big .line { margin-left: -10%;}
#NewPortal .Box .Chart.Big ul li {width:85px; justify-content: space-between;   }

#NewPortal .Box .Chart.Big ul li div { width:100px; height: 100%; }
#NewPortal .Box .Chart.Big ul li p { width: 100%; text-align: center; position: absolute; top: calc(100% + 10px); color: #999;  }
#NewPortal .Box .Chart.Big ul li div h4 { text-align: center; position: absolute; top: 20px; color: #FFF; font-size: 1.6em;  }

#NewPortal .Box #tabela_faturamento { max-height: 200px; }

#NewPortal.Analista {}

#NewPortal.Analista .header .navbar-brand { width: 200px; }
#NewPortal.Analista .hbase {width:100%; height: 63px; position: relative; float: left;}

#NewPortal.Analista .header .navbar-brand img { margin: 12px 0; width: 137px; position: relative;
    left: 50%; transform: translate(-50%); }
#NewPortal.Analista ul.menu_horiz { width: calc(95% - 460px) }
#NewPortal.Analista ul.menu_horiz.admin { width: calc(100% - 593.9px) }
#NewPortal.Analista ul.menu_horiz li { width:100% }
#NewPortal.Analista ul.menu_horiz li div.Zero { width:33.333%; text-align: center; position: relative; float: left; color: #FFF; padding: 23px 20px; border-left: 1px solid #1978a9; position: relative; cursor:pointer }
#NewPortal.Analista ul.menu_horiz li div.Zero p { margin: 0; }
#NewPortal.Analista .navbar-nav>li>a.suport { margin: 0 }

#NewPortal.Analista ul.menu_horiz li .Zero .newDrop { display: none; position: absolute; width: 100%;  float: left; height: auto; text-align: center; top: 0; left: 0; }
#NewPortal.Analista ul.menu_horiz li .Zero:hover .newDrop { display: block; }
#NewPortal.Analista ul.menu_horiz li .newDrop p { color: #666; font-weight: 700; margin: 0 auto; float: left; }

#NewPortal.Analista ul.menu_horiz li .newDrop .One p.top { padding: 23px 0 23px; float: left; width: 100%; background: #FFF; position: relative; z-index: 2; }
#NewPortal.Analista ul.menu_horiz li .newDrop .One .op { position: absolute; top: 62px; width: 100%; z-index: 1; }
#NewPortal.Analista ul.menu_horiz li .newDrop .One .op .left { float: left; width: 100%; margin: 0; padding: 0; box-shadow: 0 10px 30px #00000026; background: #FFF; z-index: 2; }
#NewPortal.Analista ul.menu_horiz li .newDrop .One .op .left a.azul { padding: 12px 20px; width: 80%; margin: 15px 0 15px 10%; font-size: 0.85em; }
#NewPortal.Analista ul.menu_horiz li .newDrop .One .op .left a.azul:hover { background: var(--azul); }
#NewPortal.Analista ul.menu_horiz li .newDrop .One .op .left .Two  { float: left; width: 100%; text-align: left; color: #666; border: 0; padding: 23px 10%; border-top: 1px solid #EFF3F4; opacity:.75; transition: .15s; cursor:pointer }
#NewPortal.Analista ul.menu_horiz li .newDrop .One .op .left .Two:hover { opacity:1; background: #EFF3F4; }
#NewPortal.Analista ul.menu_horiz li .newDrop .One .op .left .Two img { float: right; top: 0; margin: 5px 0 0; }

#NewPortal.Analista ul.menu_horiz li .newDrop .One .op ul.right { position: absolute; top: 0; right: -700px;  width: 700px; min-height: 285px; box-shadow: 0 10px 30px #00000026; background: #F8F9F9; z-index: 1;  display:none; padding: 2% 2% 6%; }

#NewPortal.Analista ul.menu_horiz li .newDrop .One .op .left .Two:hover > ul.right { display: block; }

#NewPortal.Analista ul.menu_horiz li .newDrop .One .op ul.right li { float: left; width: 26.75%; margin: 5% 0 0 5%; height: 120px; opacity: 1; transition: .15s; }
#NewPortal.Analista ul.menu_horiz li .newDrop .One .op ul.right li:hover figure { border:1px solid var(--azul)  }
#NewPortal.Analista ul.menu_horiz li .newDrop .One .op ul.right li a { width: 100%; border:0;padding: 0; float: left;  }
#NewPortal.Analista ul.menu_horiz li .newDrop .One .op ul.right li figure { padding: 0; margin: 0; float: left; width: 100%; height:80px; border: 1px solid #e3eaec; border-radius: 4px; background-size: cover !important; }
#NewPortal.Analista ul.menu_horiz li .newDrop .One .op ul.right li p { float: left; color: var(--azul); margin: 10px 0 0 0; font-size: 1.03em;  }


#NewPortal.Analista #destaque { letter-spacing: 1px; width: 100%; float:left; height: 216px; background-size: cover !important; background-position:center !important; }
#NewPortal.Analista #destaque .left { width: 50%; margin: 0 0 0 15%; float:left;  }
#NewPortal.Analista #destaque .left h2 {margin: 51px 0 0; width: 100%; float:left; color: transparent;  font-size: 3em; font-weight: 900; -webkit-text-stroke-width: 1px;  -webkit-text-stroke-color: #FFF; letter-spacing: 1px; }
#NewPortal.Analista #destaque .left p { width: 100%; float:left; color:#FFF; font-size: 2.4em; font-weight: 700; text-transform: uppercase; line-height: 1.1;  }
#NewPortal.Analista #destaque .right { width: 20%; margin: 0 10% 0 0; float:left;   }
#NewPortal.Analista #destaque .right a {font-size: 1.2em; padding: 6% 16%; margin: 82px 0 0; float: left;}

#NewPortal.Analista #destaque .left2 { margin: 0 10% 0 0; float: right !important; }
#NewPortal.Analista #destaque .left2 h2 { text-align: right;  }
#NewPortal.Analista #destaque .left2 p { text-align: right;  }



#NewPortal.Analista #sub-header { width: 100%; float:left; background:#FFF; position: relative; border-bottom: 1px solid #eef5f6; }
#NewPortal.Analista #sub-header .id { position: absolute; float:left; padding: 13px 20px; border-right:1px solid #EEF5F6; cursor: pointer; background: #FFF; z-index: 10; }
#NewPortal.Analista #sub-header .id figure { float:left; width:50px; height: 50px; background-size: cover !important; background-position:center !important; border:1px solid #EEF5F6; border-radius: 50px;   }
#NewPortal.Analista #sub-header .id div { float:left; width: 180px; margin: 0 0 0 10px; }
#NewPortal.Analista #sub-header .id div h4 { float:left; width: 100%; color: #616161; font-size: 1.15em; font-weight: 700;     margin: 8px 0 2px; height: 17px; display: block; overflow: hidden;  }
#NewPortal.Analista #sub-header .id div p { float:left; width: 100%; color: #8D8D8D; font-size: 1em; font-weight: 400; margin: 0; }
#NewPortal.Analista #sub-header .id img.arrow { position: absolute; right: 20px; top: 35px; transform: rotate(90deg); opacity: .25; }
#NewPortal.Analista #sub-header .id:hover img.arrow { opacity: 1; }

#NewPortal.Analista #sub-header .id:hover {  box-shadow: 0 0 20px #0000001c; }
#NewPortal.Analista #sub-header .id ul { display: none; width: 100%; float: left; clear: both; padding: 0; }
#NewPortal.Analista #sub-header .id:hover ul { display: block;}

#NewPortal.Analista #sub-header .id ul li { width: 100%; float: left; list-style: none; margin: 13px 0 0; border-top: 1px solid #eef5f6; padding: 17px 0 4px 14px;}
#NewPortal.Analista #sub-header .id ul li:hover p { text-decoration: underline;}
#NewPortal.Analista #sub-header .id ul li img { float: left; opacity: 0.15; }
#NewPortal.Analista #sub-header .id ul li p { float: left; margin: 2px 0 0 23px; font-weight: 600; color: var(--azul); }


#NewPortal.Analista #sub-header .Linka { float:left; padding: 11px 20px 15px; border-right:1px solid #EEF5F6; position: relative; cursor: pointer; min-width: 105px; }
#NewPortal.Analista #sub-header .Linka.ramal { margin-left:281px }
#NewPortal.Analista #sub-header .Linka.painel { border-right:0;border-left:1px solid #EEF5F6; padding: 24px 20px 22px;
    min-width: auto; }

#NewPortal.Analista #sub-header .Linka:hover { background: #FBFBFB; }

#NewPortal.Analista #sub-header .Linka p { float:left; color: #B7B7B7; font-size: 0.8em; font-weight: 700; margin: 0; }
#NewPortal.Analista #sub-header .Linka h4 { float:left; color: var(--azul-escuro); font-size: 1.4em; font-weight: 700; margin: 4px 0 7px; display: block; overflow: hidden; clear: both;  }
#NewPortal.Analista #sub-header .Linka .progress {width: 75%; float: left; height: 5px; margin: 0;}
#NewPortal.Analista #sub-header .Linka .progress div {width: 100%; float: left; height: 5px; background: var(--verde); }
#NewPortal.Analista #sub-header .Linka img.arrow { position: absolute; right: 15px; top: 50%; margin: -4px 0 0 0; opacity: .25; }
#NewPortal.Analista #sub-header .Linka:hover img.arrow { opacity: 1; }


#NewPortal.Analista #sub-header .Labels { float: left; margin: 11px 0 0; }
#NewPortal.Analista #sub-header .Labels div { float: left; margin: 0 20px 0 0; }
#NewPortal.Analista #sub-header .Labels div p { float: left; color: #B7B7B7; font-size: 0.8em; font-weight: 700; margin: 0 0 5px; }
#NewPortal.Analista #sub-header .Labels div label {float: left; clear: both; font-size: 1.1em; padding: 7px 10px; }
#NewPortal.Analista #sub-header .Labels div a.new.vermelho {float: left; clear: both; font-size: 1.1em; padding: 7px 16px; }
#NewPortal.Analista #sub-header .Labels a.new.azul { margin: 12px 20px 0; float: left; }

#NewPortal.Analista #ContainerAll { margin: 5% 0 0; padding: 0; }
#NewPortal.Analista .Box.double { padding: 0 0 40px }
#NewPortal.Analista .Box.double .top { padding: 30px 5% 5px; }
#NewPortal.Analista .Box.double .top .totais label { font-size: 1.1em;padding: 7px 16px; }
#NewPortal.Analista .Box.double table { width: 90%; margin: 0 5%; height: 170px; }

#NewPortal.Analista table.table-flex tr td::after {text-transform: uppercase; }
#NewPortal.Analista table.table-flex tr td.excep::after {text-align: center; width: 150px; }

#NewPortal.Analista .footer-analistas { width:100%; float: left; background: #005d89; padding:6em 0 3em; }
#NewPortal.Analista .footer-analistas.displayNone { display: none !important;}
#NewPortal.Analista .footer-analistas ul { width:100%; float: left;  }
#NewPortal.Analista .footer-analistas ul li { width:28.333%; float: left; list-style: none; }
#NewPortal.Analista .footer-analistas ul li img { float: left; }
#NewPortal.Analista .footer-analistas ul li:last-child { width:15%; }
#NewPortal.Analista .footer-analistas ul li p { float: left; margin: 20px 0 0 0; color: #FFFFFF60; font-weight: 400; font-size: 0.8em; }
#NewPortal.Analista .footer-analistas ul li a:hover { opacity: .7; }
#NewPortal.Analista .footer-analistas ul li a:hover p { text-decoration: underline; }

#NewPortal.Analista .footer-analistas ul li.icons a { clear: both; float: left; margin: 2px 0 15px; }
#NewPortal.Analista .footer-analistas ul li.icons a img { float: left; }
#NewPortal.Analista .footer-analistas ul li.icons a p { float: left; margin: 2px 0 0 10px; color: #FCFCFC; font-weight: 600; font-size: 1em; }

#NewPortal.Analista .footer-analistas ul li.links h5 { float: left; margin: -20px 0 10px; color: #FFFFFF60; font-weight: 500; font-size: 1.1em; }

#NewPortal.Analista .footer-analistas ul li.links a p { float: left; margin: 5px 0 3px 0; color: #FCFCFC; font-weight: 600; font-size: 1em; clear:both }


#NewPortal.Analista #ContainerAll #Topo { margin-top: 0 }

#NewPortal.Analista #TreinaDelta { background: #143444; }
#NewPortal.Analista #TreinaDelta #Topo h3 { color: #FFFFFF; }
#NewPortal.Analista #TreinaDelta #Topo .breadcamp a.new { background:#203E4E; color: #00ADFF; }

#NewPortal.Analista #TreinaDelta #Topo .numbers p { color: #A2B1B8; }

#NewPortal.Analista #TreinaDelta .Box { background: #203E4E; border: 0; border-radius: 10px; margin: 0 0 1%; transition: .15s; }
#NewPortal.Analista #TreinaDelta .Box.off div.conteudo { display: none; }
#NewPortal.Analista #TreinaDelta .Box.on div.conteudo { display: block; }


#NewPortal.Analista #TreinaDelta .Box:hover { background: #2d5468; }

#NewPortal.Analista #TreinaDelta .Box h5 { color: #FFF; }
#NewPortal.Analista #TreinaDelta .Box .top { padding: 25px 40px; cursor:pointer }
#NewPortal.Analista #TreinaDelta .Box ul { float: left; margin:2px 0 0 }
#NewPortal.Analista #TreinaDelta .Box ul li { float: left; list-style: none; margin: 14px 0 0 25px; }
#NewPortal.Analista #TreinaDelta .Box ul li img { float: left; }
#NewPortal.Analista #TreinaDelta .Box ul li p { float: left; color: #A5B4BB; font-size: 1.1em; font-weight: 400; margin-left: 7px; }
#NewPortal.Analista #TreinaDelta .Box ul .arrow { margin: 6px 0 0 20px; transition: .15s; }
#NewPortal.Analista #TreinaDelta .Box.on ul .arrow { transform: rotate(180deg); }

#NewPortal.Analista #TreinaDelta .Box ul li.progresso { float: left; }
#NewPortal.Analista #TreinaDelta .Box ul li.progresso div { float: left; width:200px; height: 9px;  background:#132D3A; margin: 6px 0 0;}
#NewPortal.Analista #TreinaDelta .Box ul li.progresso div span { float: left; height: 9px; background:#48E1C1;}


#NewPortal.Analista #TreinaDelta .Box .conteudo { width: 100%; float: left; background: #0E212A; border-radius: 0 0 10px 10px; position: relative;  }
#NewPortal.Analista #TreinaDelta .Box .conteudo ul.left { position: absolute; left: 0; top: 0; float: left; background: #132D3A; padding: 0; width: 280px; height: 100%; margin: 0; border-radius: 0 0 0 10px; display: block; overflow: hidden; }
#NewPortal.Analista #TreinaDelta .Box .conteudo ul.left:hover { overflow: auto; }

#NewPortal.Analista #TreinaDelta .Box .conteudo ul li { float: left; list-style: none; padding: 22px 13px 20px; width: 100%; border-bottom: 1px solid #143444; margin: 0; cursor:pointer }
#NewPortal.Analista #TreinaDelta .Box .conteudo ul li:hover { background: #193746;}
#NewPortal.Analista #TreinaDelta .Box .conteudo ul li img { float: left; margin: 3px 0 0 }
#NewPortal.Analista #TreinaDelta .Box .conteudo ul li p { float: left; color: #FFFFFF; font-size: 1em; font-weight: 400; margin-left: 12px; }
#NewPortal.Analista #TreinaDelta .Box .conteudo ul li img.on { display: none; }
#NewPortal.Analista #TreinaDelta .Box .conteudo ul li img.off { display: block; }

#NewPortal.Analista #TreinaDelta .Box .conteudo ul li.done img.on { display: block; }
#NewPortal.Analista #TreinaDelta .Box .conteudo ul li.done img.off { display: none; }
#NewPortal.Analista #TreinaDelta .Box .conteudo ul li.done {  }
#NewPortal.Analista #TreinaDelta .Box .conteudo ul li.done p { opacity: .25; }

#NewPortal.Analista #TreinaDelta .Box .conteudo ul li.active { background:#0E212A;  }
#NewPortal.Analista #TreinaDelta .Box .conteudo ul li.active p { color: #FFF; font-weight: 700;  }

#NewPortal.Analista #TreinaDelta .Box .conteudo .right {  width: calc(100% - 280px); padding: 50px 0; height: auto; display: block; overflow: auto;}
#NewPortal.Analista #TreinaDelta .Box .conteudo .right.off { display: none;}

#NewPortal.Analista #TreinaDelta .Box .conteudo .right .row { width: 700px; position: relative; left: 50%; transform: translate(-50%); margin: 0; float: left;}
#NewPortal.Analista #TreinaDelta .Box .conteudo .right iframe { width: 100%; height: 394px; float: left; }

#NewPortal.Analista #TreinaDelta .Box .conteudo .right .top { padding: 5% 0 0; cursor: default;  }
#NewPortal.Analista #TreinaDelta .Box .conteudo .right .top h4 { margin: 0; font-size: 1.5em; color: #FFF;; font-weight: 600; }
#NewPortal.Analista #TreinaDelta .Box .conteudo .right .top label { margin: 15px 15px 0 0;  }
#NewPortal.Analista #TreinaDelta .Box .conteudo .right .top .right { float: right; width: auto; padding: 0; height: auto;  }
#NewPortal.Analista #TreinaDelta .Box .conteudo .right .top .right a { text-decoration: none; margin: 0; }
#NewPortal.Analista #TreinaDelta .Box .conteudo .right .top .right a img {float: left; }
#NewPortal.Analista #TreinaDelta .Box .conteudo .right .top .right a p { float: left; color: #FFF;    font-size: 1.15em; font-weight: 700; margin: 2px 0 0 9px; }

#NewPortal.Analista #TreinaDelta .Box .conteudo .right .pessoas { width: 100%; float: left; margin: 35px 0 0; }
#NewPortal.Analista #TreinaDelta .Box .conteudo .right .pessoas p { width: 100%; float: left; }
#NewPortal.Analista #TreinaDelta .Box .conteudo .right .pessoas div { width: 100%; float: left; }
#NewPortal.Analista #TreinaDelta .Box .conteudo .right .pessoas div img { float: left; margin: 2px 2px 0 0; border-radius: 50px; border: 2px solid transparent; transition: .15s;  }
#NewPortal.Analista #TreinaDelta .Box .conteudo .right .pessoas div img:hover { border:2px solid #c2c2c275 }
#NewPortal.Analista #TreinaDelta .Box .conteudo .right .descrição { width: 100%; float: left; margin: 30px 0 0; }

#NewPortal.Analista #TreinaDelta .Box .conteudo .right .comentarios { width: 100%; float: left; margin: 50px 0 0; padding: 30px 0 0; border-top: 1px solid #143444; }
#NewPortal.Analista #TreinaDelta .Box .conteudo .right .comentarios .center { width: 100%; float: left;margin: 0 0 20px; position: relative; }
#NewPortal.Analista #TreinaDelta .Box .conteudo .right .comentarios .center img { float: left; }
#NewPortal.Analista #TreinaDelta .Box .conteudo .right .comentarios .center input { width: calc(100% - 55px); float: right; margin: 0 0 0 14px; color: #76848A; background: transparent; border: 0; border-bottom: 1px solid #143444; padding: 8px 110px 8px 10px; color: #FFF; }
#NewPortal.Analista #TreinaDelta .Box .conteudo .right .comentarios .center input:focus { box-shadow: 0 0 0; border:0 !important }
#NewPortal.Analista #TreinaDelta .Box .conteudo .right .comentarios .center input::placeholder { color: #76848A; }
#NewPortal.Analista #TreinaDelta .Box .conteudo .right .comentarios .center a.new { position: absolute;    top: -13px; right: 1px; text-decoration: none; background: #203E4E; color: #00ADFF !important; }

#NewPortal.Analista #TreinaDelta .Box .conteudo .right .comentarios .center div { width: calc(100% - 55px); float: right; text-align: left; }
#NewPortal.Analista #TreinaDelta .Box .conteudo .right .comentarios .center div h5 { font-size: 0.95em; margin: 0 0 0; }
#NewPortal.Analista #TreinaDelta .Box .conteudo .right .comentarios .center div h5 span { font-size: 0.75em; opacity: 0.5; font-weight: 400; }
#NewPortal.Analista #TreinaDelta .Box .conteudo .right .comentarios .center div p { font-size: 0.85em; }


#NewPortal.Analista #TreinaDelta .Box .conteudo #BoxTeste .top .left a { background: #203E4E; color: #00ADFF !important; text-decoration: none; font-size: 0.75em; margin: 0 0 15px; }
#NewPortal.Analista #TreinaDelta .Box .conteudo #BoxTeste .top h4 { margin: 0 0 10px;font-size: 1.8em; }
#NewPortal.Analista #TreinaDelta .Box .conteudo #BoxTeste .descrição { margin: 0;padding: 0; }
#NewPortal.Analista #TreinaDelta .Box .conteudo #BoxTeste .descrição li { padding: 20px 0 50px; }
#NewPortal.Analista #TreinaDelta .Box .conteudo #BoxTeste .descrição li p { font-size: 1.25em; margin: 30px 0 10px; }
#NewPortal.Analista #TreinaDelta .Box .conteudo #BoxTeste .descrição li .flex-content { margin: 0; width: 100%; flex-direction: column;}
#NewPortal.Analista #TreinaDelta .Box .conteudo #BoxTeste .descrição li .flex-content label { margin: 20px 20px 0; }
#NewPortal.Analista #TreinaDelta .Box .conteudo #BoxTeste .descrição li .flex-content label p {font-size: 1em; margin: 0; }
#NewPortal.Analista #TreinaDelta .Box .conteudo #BoxTeste ul li:hover { background: transparent; }
#NewPortal.Analista #TreinaDelta .Box .conteudo #BoxTeste ul.descrição li:last-child { border-bottom:0 }
#NewPortal.Analista #TreinaDelta .Box .conteudo #BoxTeste ul.descrição a.final { font-size: 1.5em; text-decoration: none; position: relative; left: 50%; transform: translate(-50%); margin: 50px 0 0; }


#NewPortal.Analista #TreinaDelta .Box .conteudo #BoxTeste .top.resposta { }
#NewPortal.Analista #TreinaDelta .Box .conteudo #BoxTeste .top.resposta .left img { position: relative; left: 50%; transform:translate(-50%); }
#NewPortal.Analista #TreinaDelta .Box .conteudo #BoxTeste .top.resposta .left small { width: 100%; text-align: center; float: left; color: #FFF; font-size: 1.1em; margin:15px 0; }
#NewPortal.Analista #TreinaDelta .Box .conteudo #BoxTeste .top.resposta .left h4 { width: 100%; text-align: center;  }
#NewPortal.Analista #TreinaDelta .Box .conteudo #BoxTeste .top.resposta .left p { width: 100%; text-align: center; float: left; font-size: 1.3em; margin:15px 0; color: #00ADFF; }
#NewPortal.Analista #TreinaDelta .Box .conteudo #BoxTeste .top.resposta .descrição p { font-size: 1.3em; text-align: center; }
#NewPortal.Analista #TreinaDelta .Box .conteudo #BoxTeste .top.resposta.stop .left p { color: #FF717B; }



/* SCROLL NICE */
#NewPortal.Analista #TreinaDelta .Box .conteudo ul.left::-webkit-scrollbar { width: 7px; }
#NewPortal.Analista #TreinaDelta .Box .conteudo ul.left::-webkit-scrollbar-track {background: #0c1d25;}
#NewPortal.Analista #TreinaDelta .Box .conteudo ul.left::-webkit-scrollbar-thumb {background: #254557;border-radius: 50px;}
#NewPortal.Analista #TreinaDelta .Box .conteudo ul.left::-webkit-scrollbar-thumb:hover {background: #193746;}

#NewPortal.Analista #TreinaDelta .Box .conteudo .right::-webkit-scrollbar { width: 7px; }
#NewPortal.Analista #TreinaDelta .Box .conteudo .right::-webkit-scrollbar-track {background: #0c1d25;}
#NewPortal.Analista #TreinaDelta .Box .conteudo .right::-webkit-scrollbar-thumb {background: #254557;border-radius: 50px;}
#NewPortal.Analista #TreinaDelta .Box .conteudo .right::-webkit-scrollbar-thumb:hover {background: #193746;}


/* TREINA DELTA PROVISÓRIO */

#NewPortal.Analista .newTreinaDelta {background: var(--background-treinadelta) !important;}
#NewPortal.Analista .newTreinaDelta #ContainerAll {padding-bottom: 50px;}
#NewPortal.Analista .newTreinaDelta #Topo h3 {
    color: var(--grey) !important;
}
#NewPortal.Analista .newTreinaDelta #Topo {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
#NewPortal.Analista .newTreinaDelta #Topo .infos-left {
    display: flex;
    flex-direction: column;
}

#NewPortal.Analista .newTreinaDelta #Topo .infos-left .breadcamp {
    display: flex;
    align-items: center;
}

#NewPortal.Analista .newTreinaDelta #Topo .infos-left .breadcamp ul{
    margin-bottom: 1px;
}
#NewPortal.Analista .newTreinaDelta #Topo .infos-right {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 40px;
    margin-bottom: 3px;
}
#NewPortal.Analista .newTreinaDelta #Topo .controllers {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    color: var(--simples);
    text-transform: uppercase;
}
#NewPortal.Analista .newTreinaDelta #Topo .controllers .controllers-info{
    margin-left: 15px;
    background: var(--azul-leve);
    font-weight: 700;
    font-size: 15px;
    color: var(--simples);
    padding: 2px 20px;
}

#NewPortal.Analista .newTreinaDelta #Topo .breadcamp a.new {
    background: var(--azul-leve) !important;
    border: 0 !important;
    color: var(--simples) !important;

}

#NewPortal.Analista .newTreinaDelta .card-grid {
    float: left;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(570px,1fr));
    gap: 50px;
    width: 100%;
}

#NewPortal.Analista .newTreinaDelta .card-grid .card-modulo{
    width: 100%;
    background: white;
    border: 1px solid var(--azul-leve);
    border-radius: 10px;
    padding: 20px;
    display: flex;
    cursor: pointer;
}

#NewPortal.Analista .newTreinaDelta .card-grid .left-content {
    width: 40%;
    margin-right: 30px;
}

#NewPortal.Analista .newTreinaDelta .card-grid .left-content img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    max-height: 217px;
}

#NewPortal.Analista .newTreinaDelta .card-grid .right-content {
    width: 60%;
}

#NewPortal.Analista .newTreinaDelta .card-grid .right-content .title{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
#NewPortal.Analista .newTreinaDelta .card-grid .right-content .title h3{
    color: #0089BF;
    font-weight: 700;
    font-size: 16px;
    margin: 5px 0;
}

#NewPortal.Analista .newTreinaDelta .card-grid .right-content .title .avaliado{
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #00C1B4;
}

#NewPortal.Analista .newTreinaDelta .card-grid .right-content .title .avaliado img{
    margin-right: 10px;
}

#NewPortal.Analista .newTreinaDelta .card-grid .right-content .title .avaliado p{
    margin: 0;
}

#NewPortal.Analista .newTreinaDelta .card-grid .right-content .title .nao-avaliado{
    color: #98B4BB;
    opacity: 0.3;
}

#NewPortal.Analista .newTreinaDelta .card-grid .right-content .content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 88%;
}
#NewPortal.Analista .newTreinaDelta .card-grid .right-content .content h2{
    font-size: 22px;
    font-weight: 700;
    margin: 5px 0 13px;
    color: #333333
}

#NewPortal.Analista .newTreinaDelta .card-grid .right-content .content .desc-modulo{
    font-size: 14px;
    font-weight: 500;
    color: #98B4BB;
    margin: 0;
    margin-bottom: 20px;
}

#NewPortal.Analista .newTreinaDelta .card-grid .right-content .content .modulo-info-grid{
    display: grid;
    grid-template-columns: repeat(3, auto);
}

#NewPortal.Analista .newTreinaDelta .modulo-info {
    display: flex;
    align-items: center;
    width: max-content;
}

#NewPortal.Analista .newTreinaDelta .modulo-info img {
    margin-right: 5px;
}

#NewPortal.Analista .newTreinaDelta .header-container .modulo-info img {
    margin-right: 10px;
}

#NewPortal.Analista .newTreinaDelta .header-container .progress-container {
    margin-right: 10px;
    height: 10px;
}

#NewPortal.Analista .newTreinaDelta .modulo-info .anexos {
    opacity: 0.3;
}

#NewPortal.Analista .newTreinaDelta .modulo-info p {
    margin: 0;
    color: #666666;
    font-size: 12px;
    font-weight: 500;
}

#NewPortal.Analista .newTreinaDelta .progress-container {
    height: 9px !important;
    width: 22px !important;
    background: #DEDEDE;
    margin-right: 5px;
}

#NewPortal.Analista .newTreinaDelta .progress-bar {
    height: 100%;
    background: #48E1C1;
}

#NewPortal.Analista .newTreinaDelta .modulo-info .assistido {
    color: #00C1B4;
}

/* PÁGINA DE VÍDEOS */

#NewPortal.Analista .newTreinaDelta.videosPage {
    background-image: url(/assets/img/treina_delta/bg-videopage.png) !important;
    background-repeat: no-repeat !important;
    background-position: top !important;
    background-size: 100% 648px !important;
}

#NewPortal.Analista .newTreinaDelta.videosPage *{
    font-family: 'Roboto' !important;
}

#NewPortal.Analista .newTreinaDelta.videosPage .blue-text {
    font-size: 22px;
    font-weight: 700;
    color: #0089BF !important;
    margin: 0;
}

#NewPortal.Analista .newTreinaDelta.videosPage #Topo {
    align-items: center;
    margin-bottom: 80px;
}

#NewPortal.Analista .newTreinaDelta.videosPage #Topo h1 {
    font-size: 55px;
    font-weight: 700;
    color: white;
    margin: 5px 0;
}

#NewPortal.Analista .newTreinaDelta.videosPage #Topo .back.new.simples {
    background: #EEF5F670 !important;
    color: #162529 !important;
    font-family: 'Roboto';
    font-weight: 700;
    padding: 5px 14px !important;
}

#NewPortal.Analista .newTreinaDelta.videosPage #Topo .breadcamp ul li {
    font-weight: 700;
}

#NewPortal.Analista .newTreinaDelta.videosPage #Topo .fazer-avaliacao {
    color: white;
    display: flex;
    flex-direction: column;
}

#NewPortal.Analista .newTreinaDelta.videosPage #Topo .infos-right {
    display: initial;
    margin-bottom: 0;
    width: 48%;
    margin-top: 50px;
}

#NewPortal.Analista .newTreinaDelta.videosPage #Topo .fazer-avaliacao p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
}

#NewPortal.Analista .newTreinaDelta.videosPage #Topo .fazer-avaliacao .avaliacao svg{
    margin-right: 10px;
}

#NewPortal.Analista .newTreinaDelta.videosPage #Topo .fazer-avaliacao .avaliacao {
    display: flex;
    align-items: center;
    text-decoration: none;
    text-transform: uppercase;
    padding: 14.5px 30px;
    background: #00C1B4;
    color: white;
    font-weight: 700;
    border-radius: 25px;
    width: max-content;
}

#NewPortal.Analista .newTreinaDelta.videosPage .main-container {
    background: #FFFFFF;
    border: 1px solid #EEF5F6;
    border-radius: 10px;
    width: 100%;
    float: left;
    padding: 47px 62px;
}

#NewPortal.Analista .newTreinaDelta.videosPage .header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 35px;
}

#NewPortal.Analista .newTreinaDelta.videosPage .header-container .left {
    display: flex;
    align-items: center;
    margin-right: 0;
}

#NewPortal.Analista .newTreinaDelta.videosPage .header-container .right {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 40px;
}

#NewPortal.Analista .newTreinaDelta.videosPage .header-container .right .progress-container{
    width: 150px;
}



#NewPortal.Analista .newTreinaDelta.videosPage .header-container .left .btn-playlist svg{
    margin-right: 5px;
}

#NewPortal.Analista .newTreinaDelta.videosPage .header-container .left .btn-playlist{
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    padding: 6px 14px;
    display: flex;
    align-items: center;
    font-weight: 700;
    background: #0170A5;
    border-radius: 25px;
    font-size: 10px;
    margin-left: 20px;
}

#NewPortal.Analista .newTreinaDelta .grid-main {
    float: left;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(240px,1fr));
    gap: 60px;
    width: 100%;
    margin-bottom: 35px;
}

#NewPortal.Analista .newTreinaDelta .grid-main:last-child {
    margin-bottom: 10px;
}

#NewPortal.Analista .newTreinaDelta .card-video-container{
    width: 100%;
}

#NewPortal.Analista .newTreinaDelta .video-thumbnail{
    width: 100%;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

#NewPortal.Analista .newTreinaDelta .video-thumbnail img{
    width: 100%;
}

#NewPortal.Analista .newTreinaDelta .progress-container{
    width: 100%;
    height: 6px;
}

#NewPortal.Analista .newTreinaDelta .text-container h3{
    font-size: 17px;
    font-weight: 700;
    color: #0089BF;
}
#NewPortal.Analista .newTreinaDelta .text-container span{
    color: #333333;
}

#NewPortal.Analista .newTreinaDelta .text-container p{
    font-weight: 500;
    font-size: 13px;
    color: #98B4BB;
}

#NewPortal.Analista .newTreinaDelta .card-anexo{
    width: 100%;
    border-radius: 5px;
}

#NewPortal.Analista .newTreinaDelta .card-anexo p{
    font-weight: 500;
    font-size: 14px;
    color: #333333;
}

#NewPortal.Analista .newTreinaDelta .anexo-thumb {
    background: #EEF5F6;
    min-height: 166px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin-bottom: 10px;
}

#NewPortal.Analista .newTreinaDelta .btn-voltar-new {
    background: #EEF5F6;
    color: #98B4BB;
    font-size: 10px;
    float: left;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 25px;
    padding: 7px 15px;
    margin-top: 35px;
}

#NewPortal.Analista .newTreinaDelta .btn-voltar-new:hover {
    opacity: 0.8
}

/* ---------------- TREINA DELTA OPEN VIDEO ---------------- */

#treinadelta-open {
    font-family: 'Roboto', sans-serif;
    font-size: 75%;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #333;
    display: flex;
}
#treinadelta-open * {box-sizing: border-box;}
#treinadelta-open aside {
    width: 275px;
    height: 100%;
    position: fixed;
    background: #3D3D3D;
    display: flex;
    flex-direction: column;
}
#treinadelta-open aside .top {
    position: sticky;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 35px 25px;
    border-bottom: 1px solid #4A4A4A;

}
#treinadelta-open aside .top a {
    border-radius: 50px;
    padding: 5px 10px;
    background: #606262;
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.0em;
    font-weight: 700;
    width: auto;
    transition: .15s;
    align-self: baseline;
}
#treinadelta-open aside .top a:hover {
    opacity: .75;
}

#treinadelta-open aside .top h3{
    color:#4BB6E9;
    font-size: 1.5em;
    margin: 1.5em 0 1em;

}
#treinadelta-open aside .top h2{
    color:#FFF;
    font-size: 2.2em;
    margin: 0 0 0.5em;
}
#treinadelta-open aside .top p{
    color:#FFF;
    font-size: 1.2em;
    margin: 0 0 1.5em;
    opacity: .6;
}
#treinadelta-open aside .top .vid {
    display: flex;
}
#treinadelta-open aside .top .vid p {
    margin: 3px 0 0 6px;
}

#treinadelta-open aside ul.videos {
    overflow: initial;
    margin: 0;
    padding: 0;
}
#treinadelta-open aside ul.videos:hover {
    overflow: auto;
}

#treinadelta-open aside ul.videos::-webkit-scrollbar { width: 7px; }
#treinadelta-open aside ul.videos::-webkit-scrollbar-track {background: #4A4A4A;}
#treinadelta-open aside ul.videos::-webkit-scrollbar-thumb {background: #575757;border-radius: 50px;}
#treinadelta-open aside ul.videos::-webkit-scrollbar-thumb:hover {background: #5f5f5f;}



#treinadelta-open aside ul.videos li {
    display: flex;
    flex-direction: column;
}
#treinadelta-open aside ul.videos li a {
    color:#FFF;
    font-size: 1.35em;
    text-decoration: none;
    padding: 25px 32px 25px 25px;
    border-bottom: 1px solid #4A4A4A;
    background: url(../img/treina_delta/open-video-play2.svg) 91% 29px;
    background-repeat: no-repeat !important;
    transition: .15s;
}
#treinadelta-open aside ul.videos li a h4 {
    opacity: .6;
    margin: 0;
    width: 90%;
    font-size: 1.5rem;
}
#treinadelta-open aside ul.videos li a p {
    overflow: hidden;
    height: 0;
    font-size: 0.85em;
    opacity: .6;
    margin: 0.75em 0 0;
}
#treinadelta-open aside ul.videos li a.active {
    background: url(../img/treina_delta/open-video-play.svg) 91% 29px #505050;
}
#treinadelta-open aside ul.videos li a.active h4 {
    opacity: 1;
}
#treinadelta-open aside ul.videos li a.active p {
    height: auto;
}
#treinadelta-open aside ul.videos li a.done {
    background: url(../img/treina_delta/open-video-check.svg) 91% 29px #353535;
}
#treinadelta-open aside ul.videos li a.done h4 {
    opacity: .2;
}
#treinadelta-open aside ul.videos li a.done:hover {
    background: url(../img/treina_delta/open-video-check.svg) 91% 29px #353535;
}

#treinadelta-open aside ul.videos li a:hover {
    background: url(../img/treina_delta/open-video-play.svg) 91% 29px #505050;
}
#treinadelta-open aside ul.videos li a:hover h4 {
    opacity: 1;
}
#treinadelta-open aside ul.videos li a:hover p {
    height: auto;
}


#treinadelta-open .video {
    width: calc(100% - 275px);
    height: 100%;
    position: absolute;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 3.5%;
}

#treinadelta-open .video video {
    box-shadow: 0 0 40px #000000c7;
    border-radius: 4px;
}

/* ---------------- TREINA DELTA OPEN VIDEO END ---------------- */

/* FIM TREINA DELTA PROVISÓRIO */


#NewPortal.Analista .Box.Pendente { margin:0 0 5%; background: var(--vermelho); padding: 0 0 25px;  }
#NewPortal .Box.Pendente .top {padding: 14px 2.5% 0;}
#NewPortal.Analista .Box.Pendente h5 { float: left; color:#FFF;margin: 0 4px -9px; }
#NewPortal.Analista .Box.Pendente .table-flex {padding: 3px 0 0;}
#NewPortal.Analista .Box.Pendente .table-flex tr td {background: var(--vermelho); color: #FFF;}
#NewPortal.Analista .Box.Pendente .new.cancelar { color: #FFF !important;border: 1px solid #FFF; }
#NewPortal.Analista .Box.Pendente table.table-flex tr:first-child td::after { color: #ffffffad;}
#NewPortal.Analista .Box.Pendente table.table-flex tr:first-child td::after { bottom: 80%; }

#NewPortal.Analista .Box.Pendente table.table-flex tr td {    padding: 13px 5px 0;}


#NewPortal.Analista #Topo { margin-top: 30px;}
#NewPortal.Analista #Topo a.new.big{ margin: 10px 0 -10px;}
#NewPortal.Analista #Topo a.new.big.excep { margin: 0px 0 -10px; }

#NewPortal.Analista #NewStats {  box-shadow: 0 0 0 !important;  border: 0 !important;  }

#NewPortal.Analista .barra-fixa-bottom { width: 100%; background: #ffffff; }

#NewPortal.Analista .Box { padding: 15px 3%; margin: 0 0 2%; box-shadow: 0 0 0 !important; border:0 !important }
#NewPortal.Analista .excepAbs .Box {
    padding: 15px 0;
    background: transparent;
}
#NewPortal.Analista .Box h4 {width: 100%; float: left;font-size: 1.3em;font-weight: 600; color: #666666; padding: 26px 0 25px;  }
.NewTable.used h4 { color:#FFF !important; margin: 0 !important; }

#NewPortal.Analista .note-danger-excep { margin: 0 0 2% 0;}


#NewPortal.Analista .Box #box { background: #ffffff; border: 1px solid #f2f2f2; padding: 2%; margin: 2% 0 0;  border-radius: 10px; }



/*============== KPIS 2019 ===============*/
#NewPortal.Analista .Box #Kpis { width: 100%; float: left; margin: 0 0 2em; }
#NewPortal.Analista .Box #Kpis li { list-style: none; flex: 1; text-align:center; justify-content: center; align-items: stretch; background: var(--bg-leve); border-radius: 7px; font-weight: 600; padding: 2%; margin: 0 3px; flex-basis: auto; }
#NewPortal.Analista .Box #Kpis li { padding: 4% 2%; }
#NewPortal.Analista .Box #Kpis.excep-basis li { flex: 1 1 14.66%; padding: 2% 2%; }
#NewPortal.Analista .Box #Kpis.light li { padding: 2%; font-size: 90%; }
#NewPortal.Analista .Box #Kpis li h4 { font-size: 2em; color: var(--azul);font-weight: 700; margin: 0; padding: 0 0 10px;  }
#NewPortal.Analista .Box #Kpis li p { font-size: 1em; color: var(--cinza); margin: 0; text-align: center; width: 100%;
    font-weight: 600; }
#NewPortal.Analista .Box #Kpis li small { font-size: 0.8em; color: var(--cinza); margin: 0; }
#NewPortal.Analista .Box #Kpis li h4.vermelho {  color: var(--vermelho);  }
#NewPortal.Analista .Box #Kpis li h4.sompo {  color: var(--sompo);  }
#NewPortal.Analista .Box #Kpis li h4.amarelo { color: var(--amarelo);  }
#NewPortal.Analista .Box #Kpis li h4.verde { color: var(--verde);  }
#NewPortal.Analista .Box #Kpis li:first-child {margin: 0 3px 0 0}
#NewPortal.Analista .Box #Kpis li:last-child {margin: 0 0 0 3px}
#NewPortal.Analista .Box #Kpis.Small { margin: 0 0 30px; }
#NewPortal.Analista .Box #Kpis.Small li { margin: 0 3px;padding: 2% 1%;}
#NewPortal.Analista .Box #Kpis.Small li small { float: left; width: 100%; margin: 0 0 -7px; font-size: 0.67em; color: #acacac; }

/* ============ NOVO PORTAL COMERCIAL ============ */
#NewPortal.Comercial ul.menu_horiz li div.Zero { width: 25%;}
#NewPortal.Comercial ul.menu_horiz { width: calc(100% - 400px);}

#NewPortal.Comercial { max-width: 1920px; margin: 0 auto; background-color: #F3F3F3;}
#NewPortal.Comercial { max-width: 1920px;}
#NewPortal.Comercial .search-filter-container { display: flex; }
#NewPortal.Comercial .sub-header-container { float: left;}
#NewPortal.Comercial .search-container { display: flex; align-items: center; padding: 0 3%; border-right: 1px solid #EEF5F6; margin-top: 8px;}
#NewPortal.Comercial .comercial-label { color: #B7B7B7; font-size: 0.8em; font-weight: 700; margin: 0 0 5px; padding-left: 3px;}
#NewPortal.Comercial .search-input { display: flex; flex-direction: column; max-width: 150px;}
#NewPortal.Comercial .comercial-input { border: none; font-size: 15px; font-weight: bold; color: #000;}
#NewPortal.Comercial .comercial-input::placeholder { color: #000;}
#NewPortal.Comercial .comercial-input:focus { outline: none;}
#NewPortal.Comercial .search-container button {border: none; background-color: white; padding: 10px;}
#NewPortal.Comercial .search-container button:focus { outline: none;}
#NewPortal.Comercial .search-container button img { height: 20px;}
#NewPortal.Comercial #select-filter,
#NewPortal.Comercial #select-order { min-width: 120px;}
#NewPortal.Comercial #select-filter option,
#NewPortal.Comercial #select-order option { font-weight: bold;}
#NewPortal.Comercial .righ-side-container { display: flex; align-items: center;}
#NewPortal.Comercial .sub-header-info {text-align: center;}
#NewPortal.Comercial .comercial-new { padding: 12px 15px; font-size: 1em; border-radius: 5px;}
#NewPortal.Comercial .comercial-new i { padding-left: 15px;}
#NewPortal.Comercial .novo-negocio-container { height: 100vh; width: 40%; position: fixed; background-color: white; z-index: 1002; top: 0; right: -4000px; transition: right cubic-bezier(1, 0, 0, 1) 0.3s; overflow: overlay;}
#NewPortal.Comercial .grey-screen-modal { height: 100vh; width: 100%; position: fixed; background-color: black; opacity: 0.4; z-index: 1001; transition: right 0.3s; top: 0; right: 4000px;}
#NewPortal.Comercial .modal-appear{ right: 0;}
#NewPortal.Comercial .text-button-container { display: flex; align-items: center; padding: 0 15px; border-right: 1px solid #EEF5F6;}
#NewPortal.Comercial .text-button-container p { margin: 0 0; padding: 10px}
#NewPortal.Comercial .nav-icons {padding: 0 0 0 26px;    height: 60px; min-width: 110px; display: flex; align-items: center; justify-content: center;}

#NewPortal.Comercial .novo-negocio-content { padding: 5% 8%; padding-bottom: 120px;}
#NewPortal.Comercial .novo-negocio-content h1 { font-weight: bold; font-size: 28px;}
#NewPortal.Comercial .novo-negocio-content label { padding: 5% 0 2% 0;}
#NewPortal.Comercial .novo-negocio-content input { width: 100%; padding: 1% 3%; border: 1px solid #f3f3f3; background-color: white; outline: 0; height: 45px; font-size: 15px;}
#NewPortal.Comercial .novo-negocio-content select { width: 100%; height: 45px;}
#NewPortal.Comercial .novo-negocio-content textarea { width: 100%; padding: 3%; outline: 0; border: 1px solid lightgray;}
#NewPortal.Comercial .form-group-first { padding-bottom: 7%;}
#NewPortal.Comercial .form-group-second { padding-top: 7%; border-top: 1px solid #f3f3f3;}
#NewPortal.Comercial .nova-entrada-content .form-group-second { padding-top: 0; border-top: 1px solid #f3f3f3;}
#NewPortal.Comercial .form-group-second .label-div-second { width: 47%;}
#NewPortal.Comercial .form-group-second .second-group-wrapper { display: flex; justify-content: space-between;}

/* ======== BODY ======== */
#NewPortal.Comercial .container-all { width: 100%; float: left; background-color: #d3d3d3; display: flex; opacity: 1; transition: opacity 0.4s; overflow: auto; height: calc(100vh - 136px);}

/* SCROLL NICE */
#NewPortal.Comercial .container-all::-webkit-scrollbar { height: 15px; }
#NewPortal.Comercial .container-all::-webkit-scrollbar-thumb {background: rgb(150, 150, 150);border-radius: 50px;}
#NewPortal.Comercial .container-all::-webkit-scrollbar-track {background: rgb(184, 184, 184);border-radius: 50px;}


#NewPortal.Comercial .opacity-effect { opacity: 0;}
#NewPortal.Comercial .kanban-column-container { width: 20%; min-width: 320px; margin: 10px 0 10px 10px; border-radius: 4px; background-color: #f3f3f3; box-shadow: 1px 1px 2px #0000001a; overflow: hidden;display: flex; flex-direction: column; padding: 4px; place-self: flex-start; max-height: calc(100% - 20px);}
#NewPortal.Comercial .kanban-column-container.width-maior { background: #EEEEEE;border-radius: 15px;padding: 0;min-width: 354px; }
#NewPortal.Comercial .kanban-column-container.new {  background: transparent; box-shadow: 0 0 0;    padding: 0;}
#NewPortal.Comercial .kanban-column-container.new:hover {  background-color: #f3f3f3; box-shadow: 1px 1px 2px #0000001a;}

#NewPortal.Comercial .kanban-column-container.new a { place-self: stretch; padding: 20px 0; }
#NewPortal.Comercial .kanban-column-container.new a:hover { border:0; color: var(--azul) !important; }


#NewPortal.Comercial .kanban-column-container:last-child { margin: 10px;}
#NewPortal.Comercial .kanban-column-container:nth-of-type(odd) { }
#NewPortal.Comercial .column-title { height: auto; padding: 15px 0 20px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
#NewPortal.Comercial .column-title.title-start { align-items: start; padding: 15px 17px 20px; }

#NewPortal.Comercial .column-title.new { align-items: baseline; height: 0; padding: 18px 0 15px 0;}
#NewPortal.Comercial .column-title.new a { color: #666; }
#NewPortal.Comercial .column-title.new a i { padding: 0 4px 0 0;}


#NewPortal.Comercial .column-title p { margin: 0;}
#NewPortal.Comercial .title { font-weight: bold; font-size: 15px; margin-top: 5px; margin-bottom: 5px;}
#NewPortal.Comercial .card-column-container { width: 100%;  overflow-y: auto;}
#NewPortal.Comercial .card-column-container a {color: black; text-decoration: none; }
#NewPortal.Comercial .card-container { width: 97%; margin: 0 auto; background-color: white; margin-bottom: 3%; border-radius: 4px; box-shadow: 1px 1px 2px #0000001a; cursor : grab }
#NewPortal.Comercial .card-full { padding: 5% 6%;}
#NewPortal.Comercial .expectativa-alta { background-color: #00FFCA; color: #127863;}
#NewPortal.Comercial .analise-alta { background-color: #d10668; color: white;}
#NewPortal.Comercial .expectativa-media { background-color: #e1f571; color: #f59d71;}
#NewPortal.Comercial .analise-media { background-color: #5006d1; color: white;}
#NewPortal.Comercial .expectativa-baixa { background-color: #FF4074; color: white;}
#NewPortal.Comercial .analise-baixa { background-color: #BF6DCE; color: white;}
#NewPortal.Comercial .prospeccao { background-color: #064C70; color: white;}
#NewPortal.Comercial .proposta-enviada { background-color: #ddd; color: #064C70;}
#NewPortal.Comercial .expectativa { height: 25px; max-width: 140px; display: flex; align-items: center; justify-content: center; font-weight: bolder;}
#NewPortal.Comercial .expectativa p { margin: 0; font-weight: bolder; font-size: 12px;}
#NewPortal.Comercial .card-title { padding-top: 4%;}
#NewPortal.Comercial .card-title h3 { font-weight: bold; font-size: 14px; margin-top: 0; margin-bottom: 0;}
#NewPortal.Comercial .card-title.cartao-titulo-principal h3 {font-style: normal;font-weight: 400;font-size: 14px;line-height: 17px;text-transform: capitalize;color: #333333;  }
#NewPortal.Comercial .card-title p { margin-bottom: 0; margin-top: 2px; text-align: left;}
#NewPortal.Comercial .values-container { display: flex; align-items: center; padding-top: 4%;}
#NewPortal.Comercial .values-icon-container { display: flex; align-items: center;}
#NewPortal.Comercial .values-icon-container p { margin: 0 3px 0 0;}
#NewPortal.Comercial .value-date-container { width: 100%; padding: 3% 0 3% 3%; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #F3F3F3;}
#NewPortal.Comercial .value-date-container h3 { margin: 0; font-weight: bold; font-size: 13px;}
#NewPortal.Comercial .value-date-container p { margin: 0; font-size: 11px;}
#NewPortal.Comercial .status-user { padding-top: 4%; display: flex; align-items: center; justify-content: space-between;}
#NewPortal.Comercial .status-container { display: flex; width: 100%;}
#NewPortal.Comercial .status { width: 4px; margin-right: 4px;}
#NewPortal.Comercial .status span { display: none; font-size: 12px;}
#NewPortal.Comercial .status:last-child { width: 100%; margin-right: 0;}
#NewPortal.Comercial .status:last-child > span { display: block;}
#NewPortal.Comercial .user-container { display: flex;}
#NewPortal.Comercial .user-container img { height: 30px;}
#NewPortal.Comercial .user-image { border-radius: 50%; margin-right: -9px; display: block;
    overflow: hidden;
    width: 31px;
    height: 31px;}
#NewPortal.Comercial .user-image:last-child {margin-right: 0;}
#NewPortal.Comercial .user-iniciais {width: 31px; height: 31px;display: flex; align-items: center; justify-content: center; background: #d3d3d3; font-weight: bolder;}
#NewPortal.Comercial .alta { border: 1px solid #00FFCA;}
#NewPortal.Comercial .baixa { background-color: #F5D8E0;}
#NewPortal.Comercial .ganho { border: 1px solid #08a742;}
#NewPortal.Comercial .perdido { background-color: #F5D8E0;}
#NewPortal.Comercial .value-columns { display: flex; flex-direction: column; width: 100%;}
#NewPortal.Comercial #select-negocio-modal { border: 0; font-weight: normal; font-size: 17px; background-color: #f3f3f3; border-right: 7px solid #f3f3f3; min-width: 170px; outline: 0; padding: 1% 3%;}
#NewPortal.Comercial #select-negocio-modal option { font-weight: normal;}
#NewPortal.Comercial .modal-textarea-container { padding-top: 3%; border-top: 1px solid #f3f3f3;}
#NewPortal.Comercial .nova-entrada-content .modal-textarea-container { padding-top: 3%; border: 0;}
#NewPortal.Comercial .second-group-buttons { display: flex; align-items: center; height: 100px;}
#NewPortal.Comercial .nova-entrada-content .second-group-buttons { position: absolute; bottom: 0; width: 90%; display: flex; align-items: center; height: 100px;}
#NewPortal.Comercial .button-fixed { position: fixed; background-color: #fcfcfc; width: 100%; bottom: 0;}
#NewPortal.Comercial .modal-form-button { color: white; background-color: #0170A5; height: 50px; width: 130px; border-radius: 25px; border: 0; font-weight: bold; font-size: 15px; outline: 0;}
#NewPortal.Comercial .modal-form-reset { margin-left: 3%; background-color: white; color: black; border: 1px solid black;}



/* scrollbar */

#NewPortal.Comercial .card-column-container::-webkit-scrollbar { width: 7px; padding: 0 2px 0 0;}
#NewPortal.Comercial .card-column-container::-webkit-scrollbar-button { width: 0px; height: 0px;}
#NewPortal.Comercial .card-column-container::-webkit-scrollbar-thumb { background: rgb(190, 190, 190); border: 0px none #ffffff; border-radius: 50px;}
#NewPortal.Comercial .card-column-container::-webkit-scrollbar-track { background: rgb(207, 207, 207) border: 0px none #ffffff; border-radius: 50px;}
#NewPortal.Comercial .card-column-container::-webkit-scrollbar-corner { background: transparent;}

/* TABLES */

#NewPortal.Comercial .container-table { float: left; width: 100%; overflow-x: auto; min-height: calc(100vh - 140px);}
#NewPortal.Comercial .container-table table { min-width: 1700px; margin-bottom: 0; border: 1px solid #dddddd;}
#NewPortal.Comercial .container-table tbody { display: block; height: calc(100vh - 197px); overflow-y: overlay; border: 0;}
#NewPortal.Comercial .container-table thead, #NewPortal.Comercial .container-table tbody tr { display:table; width:100%; table-layout:fixed; border-bottom: 1px solid #dddddd;}
#NewPortal.Comercial .container-table .input-column { width: 2%;}
#NewPortal.Comercial .container-table .first-column { width: 10%;}
#NewPortal.Comercial .container-table .second-column, .third-column, .fourth-column { width: 14%;}
#NewPortal.Comercial .container-table .fifth-column { width: 6%;}
#NewPortal.Comercial .container-table .sixth-column, .seventh-column { width: 5%;}
#NewPortal.Comercial .container-table .eighth-column { width: 14%;}
#NewPortal.Comercial .container-table .nineth-column { width: 8%;}

/*=============== PÁGINA DO NEGÓCIO ================= */
#NewPortal.Comercial .negocio-sub-header { width: 100%; float: left; background-color: white; height: 100px; display: flex; max-width: 1920px;}
#NewPortal.Comercial .negocio-sub-header-content { width: 97%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
#NewPortal.Comercial .negocio-left { display: flex; flex-direction: column; width: 100%; max-width: 635px; min-width: 635px;}
#NewPortal.Comercial .negocio-sub-title-container { display: flex; align-items: center; justify-content: space-between;}
#NewPortal.Comercial .progress-bar { width: 20%; max-width: 120px; height: 10px; background-color: lightgray; border-radius: 7px; position: relative;}
#NewPortal.Comercial .progress { position: absolute; height: 10px; width: 30%; background-color: #00FFCA;}
#NewPortal.Comercial .negocio-title { margin-top: 0; margin-bottom: 5px; font-size: 24px; font-weight: bold;}
#NewPortal.Comercial .negocio-sub-title { margin: 0; color: gray;}
#NewPortal.Comercial .negocio-sub-title-container p { margin: 0; color: gray;}
#NewPortal.Comercial .negocio-sub-title-container h3 { margin: 0; color: gray; font-size: 18px;}
#NewPortal.Comercial .negocio-back { height: 26px; width: 80px; border: 1px solid darkgray; border-radius: 12px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
#NewPortal.Comercial #selectExpectativa { border: none; height: 35px; min-width: 175px; padding: 2%; text-transform: uppercase;}
#NewPortal.Comercial #selectExpectativa:focus { outline: none;}
#NewPortal.Comercial #selectExpectativa option { height: 35px;}
#NewPortal.Comercial .negocio-right { width: 100%;}
#NewPortal.Comercial .right-content { display: flex; float: right; justify-content: space-between; width: 40%; min-width: 380px; max-width: 400px;}
#NewPortal.Comercial .avaliada { background-color: #E6E6E6; color: #0170A5; height: 35px; width: auto; padding: 3%; text-transform: uppercase;}
#NewPortal.Comercial .negocio-image { width: 100%; height: 100%;}
#NewPortal.Comercial .negocio-main { width: 100%; background-color: #F3F3F3; max-width: 1500px; margin: 0 auto;}
#NewPortal.Comercial .negocio-main p { margin: 0;}
#NewPortal.Comercial .negocio-main-content { width: 97%; margin: 0 auto; padding: 4% 0; display: flex;}

#NewPortal.Comercial .tabsAll { display: flex; flex-direction: column; position: relative; background: #dee7e9;margin-bottom: 3%; border-radius: 9px;}

#NewPortal.Comercial .entrada-row { display: flex; position: relative; }
#NewPortal.Comercial .entrada-row:last-child { padding-bottom: 0;}
#NewPortal.Comercial .date-container { text-align: right;}
#NewPortal.Comercial .dot-container-default { height: 17px; width: 17px; border-radius: 50%; background-color: #dee7e9; margin-left: 22px; z-index: 4;}
#NewPortal.Comercial .vertical-row-default { position: absolute; height: 100%; width: 2px; background-color: #dee7e9; left: 105px;}
#NewPortal.Comercial .row-content { min-height: 160px; width: 100%; margin-left: 18px; display: flex; align-items: center; justify-content: center;}
#NewPortal.Comercial .date-dot-container-default { display: flex; align-items: center; position: relative; height: 75px; min-width: 122px; top: 30px;}
#NewPortal.Comercial .entrada-row:first-child .vertical-row-default { height: 100%; top: 40px;}
#NewPortal.Comercial .entrada-row:first-child .date-container { visibility: hidden;}
#NewPortal.Comercial .entrada-row:last-child .vertical-row-default { height: 70px;}
#NewPortal.Comercial .entrada-row:first-child .row-content{ min-height: unset;}
#NewPortal.Comercial .entrada-row:first-child .date-dot-container-default { top: 0px;}
#NewPortal.Comercial .dot-icon { height: 12px; width: 12px; margin-left: 25px; background-position: center; background-repeat: no-repeat;}
#NewPortal.Comercial .red-arrow { background-image: url(../../assets/img/icons/red-arrow.svg);}
#NewPortal.Comercial .mail { background-image: url(../../assets/img/icons/gmail_icon22.svg);}
#NewPortal.Comercial .row-content .new { height: 70px; width: 100%; display: flex; align-items: center; justify-content: center; margin: 5px;}
#NewPortal.Comercial .row-card { background-color: white; width: 100%;}
#NewPortal.Comercial .row-card h3 { margin: 0; margin-bottom: 2%; font-size: 14px; font-weight: bold; line-height: 1;}
#NewPortal.Comercial .row-card-container { padding: 3%;}
#NewPortal.Comercial .mail-card .row-card-title { margin-bottom: 6px;}
#NewPortal.Comercial .mail-card .mail-sub-title { margin-bottom: 8px; font-weight: 600;}
#NewPortal.Comercial .row-card-content { display: flex;}
#NewPortal.Comercial .row-card-content .mail-card { min-height: 93px;}
#NewPortal.Comercial .show-mail-content { height: 22px; display: flex; align-items: center; justify-content: center; width: 100%; padding: 3%; cursor: pointer;}
#NewPortal.Comercial .turn { transform: rotate(180deg);}
#NewPortal.Comercial .show-mail { display: block !important;}
#NewPortal.Comercial .mail-content { padding-top: 3%; display: none;}
#NewPortal.Comercial .mail-content-placeholder { width: 100%; height: 500px; margin: 0 auto; padding: 3%; background-color: blue;}
#NewPortal.Comercial .mail-card-container { padding: 3% 3% 0;}
#NewPortal.Comercial .row-card-left { display: flex; flex-direction: column; width: 100%;}
#NewPortal.Comercial .row-card-right { width: 25%; padding-left: 3%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end;}
#NewPortal.Comercial .row-card-markers { margin-top: 3%; display: flex;}
#NewPortal.Comercial .row-card-markers .expectativa { height: 25px; padding: 0 3%; max-width: 180px; margin: 2% 0 0 2%;}
#NewPortal.Comercial .row-card-markers .expectativa:first-child { margin: 2% 0 0 0;}
#NewPortal.Comercial .row-card-markers p { line-height: 1; font-weight: bolder;}
#NewPortal.Comercial .row-card .values-icon-container img { padding: 0 8px 0 5px;}
#NewPortal.Comercial .row-card .values-icon-container { min-width: 103px; place-content: flex-end;}
#NewPortal.Comercial .row-card-value { font-weight: bold;}
#NewPortal.Comercial .row-card .red { color: red;}
#NewPortal.Comercial .date-container .date { color: gray; font-weight: bold;}
#NewPortal.Comercial .date-container .time { color: gray;}
#NewPortal.Comercial .entrada-row ~ .dot-container-default { background-color: darkgrey;}
#NewPortal.Comercial .renovacao { background-color: #127863; color: #00FFCA;}
#NewPortal.Comercial .green-arrow { /*background-image: url(../../assets/img/green_arrow_icon.svg);*/ background-position: 13px center;}
#NewPortal.Comercial .row-card .menu-title { display: flex; justify-content: flex-end; width: 100%; height: 100%; cursor: pointer;}
#NewPortal.Comercial .row-card .menu-title .clips { transform: rotate(45deg); opacity: .4;}
#NewPortal.Comercial .row-card .menu-title .numero-anexos { font-weight: bold; font-size: 15px; margin-right: 3px;}
#NewPortal.Comercial .row-card .menu { position: absolute; list-style-type: none; padding: 10%; background-color: white; right: 0; top: 24px; min-width: 76px; font-size: 15px; text-align: right; z-index: 1; box-shadow: 12px 15px 13px -8px rgba(0,0,0,0.38);}
#NewPortal.Comercial .row-card .menu a { color: black; font-weight: bold; line-height: 2;}
#NewPortal.Comercial .row-card .menu a:hover { color: lightblue;}
#NewPortal.Comercial .row-card .dropdown { display:flex; align-items: center; justify-content: center; position: relative; border: 1px solid lightgray; width: 70px; height: 25px; }
#NewPortal.Comercial .dropdown .closed { display: none;}
#NewPortal.Comercial .entradas-container { width: 100%;}
#NewPortal.Comercial .entradas-side-container { background-color: white; width: 60%; margin-left: 3%;}
#NewPortal.Comercial .entradas-side-content { padding: 9% 6%;}
#NewPortal.Comercial .entradas-side-content h2, .entradas-side-content p { margin: 0;}
#NewPortal.Comercial .entradas-side-content h2 { font-weight: bold; font-size: 17px;}
#NewPortal.Comercial .entradas-side-content #select-tipo-negocio { border: 0; font-weight: 800; font-size: 15px; background-color: #f3f3f3; border-right: 7px solid #f3f3f3; min-width: 170px; outline: 0; padding: 1% 3%;}
#NewPortal.Comercial .entradas-side-content #select-tipo-negocio option { font-weight: 800;}
#NewPortal.Comercial .entradas-side-content .flex-center-space { display: flex; align-items: center; justify-content: space-between;}
#NewPortal.Comercial .entradas-side-content .flex-center { display: flex; align-items: center;}
#NewPortal.Comercial .entradas-side-content .etapa-quadro { padding-top: 2%;}
#NewPortal.Comercial .entradas-side-content .etapa-quadro span { font-weight: 800; margin-left: 5px;}
#NewPortal.Comercial .entradas-side-content .etapa-quadro .load-steps { width: 100%; padding-top: 8px; display: flex;}
#NewPortal.Comercial .entradas-side-content .etapa-quadro .step { width: 25%; height: 15px; background-color: #DEE7E9; margin-right: 2px}
#NewPortal.Comercial .entradas-side-content .etapa-quadro .step-concluded { background-color: #00FFCA;}
#NewPortal.Comercial .entradas-side-content .etapa-quadro .step:first-child { border-radius: 10px 0px 0px 10px;}
#NewPortal.Comercial .entradas-side-content .etapa-quadro .step:last-child { border-radius: 0 10px 10px 0; margin-right: 0;}
#NewPortal.Comercial .entradas-side-content .tempo-negocio { padding-top: 3%;}
#NewPortal.Comercial .entradas-side-content .tempo-negocio .tempo-negocio-text { display: flex; align-items: center; justify-content: space-between;}
#NewPortal.Comercial .entradas-side-content .tempo-negocio .tempo-negocio-bar { height: 3px; background-color: #DEE7E9; margin-top: 6px; position: relative; width: 100%;}
#NewPortal.Comercial .entradas-side-content .tempo-negocio .tempo-negocio-bar::before { content: ""; height: 4px; background-color: #00FFCA; position: absolute; width: 28%;}
#NewPortal.Comercial .entradas-side-content .detalhamento-container { padding-top: 7%;}
#NewPortal.Comercial .entradas-side-content .detalhamento-container table { margin-top: 3%;}
#NewPortal.Comercial .entradas-side-content .detalhamento-container table,
#NewPortal.Comercial .entradas-side-content .detalhamento-container td,
#NewPortal.Comercial .entradas-side-content .detalhamento-container th { padding: 12px 5px; font-weight: normal;}
#NewPortal.Comercial .entradas-side-content .detalhamento-container .select-proposta { display: flex; justify-content: space-between; margin-top: 4%; background-color: #f3f3f3; padding: 2% 4%; cursor: pointer; position: relative;}
#NewPortal.Comercial .entradas-side-content .detalhamento-container .select-proposta-left { display: flex;}
#NewPortal.Comercial .entradas-side-content .detalhamento-container .select-proposta-left span { font-weight: 800;}
#NewPortal.Comercial .entradas-side-content .detalhamento-container .num-ramifi { display: flex; align-items: center;}
#NewPortal.Comercial .entradas-side-content .detalhamento-container .num-ramifi p { margin-right: 3px;}
#NewPortal.Comercial .entradas-side-content .detalhamento-container .num-ramifi img { margin-right: 8px;}
#NewPortal.Comercial .entradas-side-content .detalhamento-container .proposta-list { list-style: none; padding: 0; position: absolute; width: 100%; top: 35px; left: 0;}
#NewPortal.Comercial .entradas-side-content .detalhamento-container .proposta-list li .select-proposta:hover { background-color: lightgrey;}
#NewPortal.Comercial .entradas-side-content .detalhamento-container .proposta .select-proposta { margin: 0;}
#NewPortal.Comercial .entradas-side-content .side-pessoas-container { padding-top: 7%; margin-top: 7%; border-top: 1px solid #F3F3F3;}
#NewPortal.Comercial .entradas-side-content .side-pessoas-list { padding: 6% 0;}
#NewPortal.Comercial .entradas-side-content .side-pessoa { padding: 3% 3%; border: 1px solid #F3F3F3; margin-top: 2%;}
#NewPortal.Comercial .entradas-side-content .side-pessoa:first-child { margin-top: 0;}
#NewPortal.Comercial .entradas-side-content .user-image h2 { margin-left: 10px;}
#NewPortal.Comercial .entradas-side-content .side-pessoa-edit { height:35px; width: 36px; cursor: pointer; justify-content: center; visibility: hidden;}
#NewPortal.Comercial .entradas-side-content .side-pessoa:hover .side-pessoa-edit { visibility: visible;}
#NewPortal.Comercial .entradas-side-content .side-pessoas-title a:hover { text-decoration: underline;}
#NewPortal.Comercial .entradas-side-content .side-anexos a { color:black;}
#NewPortal.Comercial .entradas-side-content .side-pessoas-list .card-container { width: 100%;}
#NewPortal.Comercial .entradas-side-content .side-pessoas-list .card-container a { color: black;}
#NewPortal.Comercial .entradas-side-content .side-pessoas-list .card-container .values-icon-container p { margin-right: 5px;}
#NewPortal.Comercial .entradas-side-content .side-pessoas-list .card-container .card-full { padding: 5%;}
#NewPortal.Comercial .entradas-side-content .side-pessoas-list .card-container .card-title,
#NewPortal.Comercial .entradas-side-content .side-pessoas-list .card-container .values-container,
#NewPortal.Comercial .entradas-side-content .side-pessoas-list .card-container .status-user { padding-top: 3%;}
#NewPortal.Comercial .entradas-side-content .side-pessoas-list .card-container .card-title h3 { margin: 0;}
#NewPortal.Comercial .negocio-right .expectativa-alta { border-right: 5px solid #00FFCA !important;}
#NewPortal.Comercial .negocio-right .expectativa-baixa { border-right: 5px solid #FF4074 !important;}

#NewPortal.Comercial .nova-entrada-content .select-proposta { display: flex; justify-content: space-between; margin-top: 3%; background-color: #f3f3f3; padding: 2% 4%; cursor: pointer; position: relative;}
#NewPortal.Comercial .nova-entrada-content .select-proposta-left { display: flex;}
#NewPortal.Comercial .nova-entrada-content .select-proposta-left span { font-weight: 800;}
#NewPortal.Comercial .nova-entrada-content .num-ramifi { display: flex; align-items: center;}
#NewPortal.Comercial .nova-entrada-content .num-ramifi p { margin-right: 3px;}
#NewPortal.Comercial .nova-entrada-content .num-ramifi img { margin-right: 8px;}
#NewPortal.Comercial .nova-entrada-content .proposta-list { list-style: none; padding: 0; position: absolute; width: 100%; top: 35px; left: 0;}
#NewPortal.Comercial .nova-entrada-content .proposta-list li .select-proposta:hover { background-color: lightgrey;}
#NewPortal.Comercial .nova-entrada-content .proposta .select-proposta { margin: 0;}
#NewPortal.Comercial .nova-entrada-content .escolha-proposta p { margin-top: 5%; font-size: 15px;}


#NewPortal.Comercial .container-table tbody {
    display: contents;
}

#NewPortal.Comercial .form-input {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 0 0 10px 0;
    float: left;
    border-radius: 7px;
    border: 1px solid #eaeaea;
    height: 45px;
    transition: 0.3s;
}

#NewPortal.Comercial .ganho {
    cursor: pointer !important;
    background-color: #08a7422e !important;
}

#NewPortal.Comercial .perdido {
    cursor: pointer !important;
    background-color: #f948392e !important;
}
#NewPortal.Comercial .ganho_acompanhamento {
    cursor: default !important;
    background-color: #08a7422e !important;
}

#NewPortal.Comercial .perdido_acompanhamento {
    cursor: default !important;
    background-color: #f948392e !important;
}

#NewPortal.Comercial .desativado {
    cursor: pointer !important;
    color: #000 !important;
    background-color: #F3F3F3 !important;
}

#NewPortal.Comercial .facility {
    cursor: pointer !important;
    color: #fff !important;
    background-color: #088fa7 !important;
}

#NewPortal.Comercial .repique {
    cursor: pointer !important;
    color: #fff !important;
    background-color: #ee5f24 !important;
}


#NewPortal.Comercial .dot {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

#NewPortal.Comercial .dot-vermelho {
    background-color: #f94839;
}

#NewPortal.Comercial .dot-verde {
    background-color: #08a742;
}

#NewPortal.Comercial .ck-content {
    min-height: 95px;
}

#NewPortal.Comercial .ck-sticky-panel__content {
    display: none;
}

#NewPortal.Comercial .tabs-historico {
    display: flex;
    width: fit-content;
    margin: 0 auto 5px;
    padding: 4px;
}
#NewPortal.Comercial .tabs-historico li a {
    padding: 10px 20px;
    color: #007eb3;
}

#NewPortal.Comercial .sem-historico {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0!important;
}
#NewPortal.Comercial .tabs-historico p {
    color: #88a5c2;
    margin: 10px 17px 0 0;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    background-color: #fff;
    color: #007eb3;
    font-weight: 700;
}

a.cond_especial {position: relative;}
a.cond_especial.excep {display: block; margin: 5px 0 0;}
a.cond_especial.excep2 {overflow: unset !important; white-space: normal; margin: -34px 0 40px}
a.cond_especial:hover {opacity: 1;}
a.cond_especial div {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--amarelo);
    z-index: 99999;
    width: 400px;
    opacity: 1 !important;
    padding: 1.5em 2em 1em 1.5em;
    text-align: left;
    text-transform: none;
    font-size: 1.05em;
    font-weight: 400;
    border-radius: 9px;
    box-shadow: 0 0 11px #0003;
}
a.cond_especial:hover div {
    display: flex;
    flex-direction: column;


}
table.table-flex tr td:hover {
    z-index: 9999;
}

/* ======== STYLING ICONS =========== */
#NewPortal.Comercial .column-icon-container { height: 25px; width: 20px; display: flex; justify-content: space-between; cursor: pointer;}
#NewPortal.Comercial .relatoriosCharts { background-color: lightgray; mask: url('../img/icons/chartsIcon.svg') no-repeat center / contain; -webkit-mask: url('../img/icons/chartsIcon.svg') no-repeat center / contain; margin-right: 20px; transition: all 0.2s ease}
#NewPortal.Comercial .relatoriosCharts.active-icon { background-color: #007eb3;}
#NewPortal.Comercial .kanban-settings { background-color: lightgray; mask: url('../img/unavaliable_1.svg') no-repeat center / contain; -webkit-mask: url('../img/unavaliable_1.svg') no-repeat center / contain; margin-left: 20px; transition: all 0.2s ease; display: none;}
#NewPortal.Comercial .kanban-settings.active-icon { background-color: #007eb3;}
#NewPortal.Comercial .column-line { width: 6px; height: 100%; border-radius: 2px; background-color: lightgrey; transition: all 0.2s ease}
#NewPortal.Comercial .vertical-line-1 { height: 75%;}
#NewPortal.Comercial .vertical-line-3 { height: 60%;}
#NewPortal.Comercial .active-icon .column-line { background-color: #007eb3; transition: all 0.2s ease}
#NewPortal.Comercial .active-icon .line { background-color: #007eb3; transition: all 0.2s ease}

#NewPortal.Comercial .hamburguer-menu { flex-direction: column; justify-content: space-around; margin-left: 20px;}
#NewPortal.Comercial .line { width: 100%; height: 6px; background-color: lightgrey;  border-radius: 2px}

/* ======= KANBAN CHARTS ======== */
#NewPortal.Comercial .chartsContainer {
    background-color: #f7f7f7;
    min-height: calc(100vh - 140px);
    overflow: overlay;
    width: 100%;
    padding: 1.5% 2.5% 4%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

#NewPortal.Comercial .chartsTitle {
    font-size: 2.15em;
    color: #005e8b;
    font-weight: 900;
    margin: 16px 2.5%;
    width: auto;
    float: left;
}
#NewPortal.Comercial .chartsTopo {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#NewPortal.Comercial .rightTopo {
    margin-left: auto;
    display: flex;
    align-items: flex-end;
    gap: 2%;
    width: 100%;
}

#NewPortal.Comercial .sexto {
    width: 15.16%;
}

#NewPortal.Comercial .sexto .btn.blue.dropdown-toggle{
    margin-right: 0 !important;
    width: 100%;
}

#NewPortal.Comercial .quadra {
    width: 23.50%;
}

#NewPortal.Comercial .sexto label, #NewPortal.Comercial .quadra label {
    width: 100%;
    height: 19px;
    box-sizing: border-box;
    padding: 0 0 0 4px;
    font-size: 0.85em;
    color: #666;
}

#NewPortal.Comercial .chartsContainer form span input:not(.btn.blue) {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    float: left;
    border-radius: 7px;
    border: 1px solid #eaeaea;
    height: 45px;
    transition: 0.3s;
    background: white;
}

#NewPortal.Comercial .chartsContainer form span a {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    border-radius: 7px;
    border: 1px solid #eaeaea;
    height: 45px;
    transition: 0.3s;
}

.chartsTopo #btn_search {
    height: 45px;
}

.chartsContainer .kanbanChartsWrapper {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.chartsContainer .kanbanChartsWrapper .kanbanChartsContainer {
    background: white;
    border: 1px solid #eaeaea;
    min-width: calc(50% - 20px);
    border-radius: 7px;
    display: flex;
    flex-direction: column;
}

.chartsContainer .kanbanChartsWrapper .kanbanChartsContainer .kanbanChartsTitle{
    margin: 0;
    font-size: 20px;
    color: #666666;
    font-weight: 500;
    padding: 25px 20px;
    text-transform: uppercase;
}

.chartsContainer .kanbanChartsWrapper .kanbanChartsContainer .kanbanChartWrapper{
    padding-right: 10px;
}

.box-table {
    width: 100%;
    overflow: auto;
    max-height: 50vh;
    float: left;
    margin-bottom: 50px;
    background: #e9e9e9;
}
.box-table table th {
    position: sticky;
    top: 0;
    background: #FFF;
    z-index: +1;
    font-weight: 600;
    color: var(--cinza);
}
.box-table table tr:nth-child(even) {
    background: #f7f7f7;
}


/* ======= FM KAMBAM CHARTS ======= */
#Container .ContainerIn #Pesquisa.minimargin .flex-box { margin: 11px 15px 5px 15px; }

#NewForm.ajtNovaAbas {
    width: 100%;
    min-height: 960px;
    border: 0;
    padding: 0;
    background: #f8f8f8;
    margin-top: -36px;
}

#NewForm.ajustenewdash #NewStats { width: 100%; float: left; box-shadow: 0 0 3px #0000000d;
    border-radius: 10px; border: 1px solid #f2f2f2;  }
#NewForm.ajustenewdash .Box { padding: 15px 3%; margin: 0 0 2%; width: 100%; float: left; box-shadow: 0 0 3px #0000000d;
    border-radius: 10px; border: 1px solid #f2f2f2; }
#NewForm.ajustenewdash .Box h4 {width: 100%; float: left;font-size: 1.3em;font-weight: 600; color: #666666; padding: 26px 0 25px;  }
.NewTable.used h4 { color:#FFF !important; margin: 0 !important;  }

#NewForm.ajustenewdash .note-danger-excep { margin: 0 0 2% 0;}

table#totalizadores.table-flex { width: 100%; margin: 20px 0 0;}
table#totalizadores.table-flex tr td:first-child { display: none;}


.BiDelta h4 { font-weight: 600; color: #666; font-size: 1.7em; margin: 0 0 1.5em;}
.BiDelta .divpad { width: 100%; float: left; position: relative; z-index: 50; }
.BiDelta .divpad.left { width: 20% }
.BiDelta .divpad.right { width: 70% }
.BiDelta #Filtro a.active { background: #008ffb; }
.BiDelta #Filtro2 a.active { background: #008ffb; }
.BiDelta #Kpis li:first-child { background: var(--verde); color:#FFF }
.BiDelta #Kpis li h4 { color:var(--preto) }
.BiDelta #Kpis li:first-child h4 { color:#FFF }
.BiDelta #Kpis li:first-child p { color:#FFF }



.BiDelta .boxs { height: 595px; border:0 ; padding-bottom: 4%; }
.BiDelta .boxs .swiper-container {width: 100%;  float: left; padding: 0 35px; padding-bottom: 4%;}
.BiDelta .boxs .swiper-container .swiper-button-prev {
    border: 2px solid #ededed;
    border-right: 0px;
    font-size: 20px;
    color: #333;
    border-radius: 6px 0 0 6px;
}
.BiDelta .boxs .swiper-container .swiper-button-prev:after {
    content: "";
}
.BiDelta .boxs .swiper-container .swiper-button-next{
    border: 2px solid #ededed;
    border-left: 0px;
    font-size: 20px;
    color: #333;
    border-radius: 0 6px 6px 0;
}
.BiDelta .boxs .swiper-container .swiper-button-next:after{
    content: "";
}
.BiDelta .boxs .bot { width: 24%; margin: 0 0 0 1.333%; box-sizing: border-box; padding: 2%; border:1px solid #ededed; float: left; border-radius: 4px;     background: #FFF; }
.BiDelta .boxs .bot.excep { margin: 0; }
.BiDelta .boxs .bot h5 { font-size: 1.1em !important; }
.BiDelta .boxs .bot ul { width: 100%; float: left; margin: 10px 0 0; padding: 0 6px; }
.BiDelta .boxs .bot ul li { width: 100%; float: left; border-bottom: 1px solid #ededed; padding: 6px 0; }
.BiDelta .boxs .bot ul li:last-child { border-bottom: 0; padding: 6px 0 0; }
.BiDelta .boxs .bot ul li b { float: left;  }
.BiDelta .boxs .bot ul li p { float: right; margin: 0; }







table.table-flex tr.urgente td { background:var(--vermelho); }
table.table-flex tr.urgente td .new.simples2 { --swift:#FFF !important; color:var(--vermelho) !important }
table.table-flex tr.urgente td .new.cancelar { color: #FFF !important;border: 1px solid #FFF; }
table.table-flex tr.urgente td .new.vermelho { --swift:#FFF !important; color:var(--vermelho) !important }
table.table-flex tr.urgente td .new.azul { --swift:#FFF !important; color:var(--vermelho) !important }

.box_call { width: 250px; position: fixed; right:20px; bottom:20px; z-index: 999;  }
.balao_ring { color:#FFF; width: 100%; position: relative; float: left; padding: 18px 0 19px 25px; background: url(../img/icons/phone2.svg) var(--blue) 95% 55% no-repeat; background-size: 36%; border-radius: 7px; animation: bounce 1.5s infinite; margin:10px 0 0; box-shadow: 0 5px 10px #0000002b; }
.balao_ring p { font-size: 0.9em; font-weight: 600; opacity: .75; }
.balao_ring h4 { line-height: 0.2; font-size: 1.5em; font-weight: 700; }

.aviso_chamada {
    width: 330px; position: fixed; right:-270px; z-index: 99999;
}

#Call_ballons.ring-box {
    width: 330px; position: fixed; right:-270px; bottom:20px; z-index: 99999;
}

.aviso_chamada .ligacoes_andamento,
.aviso_chamada .filas_esperando,
#Call_ballons.ring-box .calling,
#Call_ballons.ring-box .atendimento{
    color: #FFF;
    width: 100%;
    height: auto;
    position: relative;
    padding: 0 25px;
    background: #223469;
    border-radius: 7px;
    box-shadow: 0 5px 10px #0000002b;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px 20px 0;
    gap: 13px;
    margin: 3px 0;
    right: 0;
    transition: all 0.3s ease-in-out;
}

.aviso_chamada .ligacoes_andamento:hover,
.aviso_chamada .filas_esperando:hover,
#Call_ballons.ring-box .calling:hover,
#Call_ballons.ring-box .atendimento:hover{
    background: #1E2A4E;
    right: 260px;
}

.aviso_chamada .ligacoes_andamento h4,
#Call_ballons.ring-box .atendimento h4{
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;

    color: #FFFFFF;
    margin: 0;
}

.aviso_chamada .ligacoes_andamento p,
.aviso_chamada .filas_esperando p,
#Call_ballons.ring-box .calling p,
#Call_ballons.ring-box .atendimento p{
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    display: flex;
    align-items: center;
    text-transform: uppercase;

    color: #FFFFFFCC;
}

#Call_ballons.ring-box .calling a,
#Call_ballons.ring-box .atendimento a,
.aviso_chamada .ligacoes_andamento a{
    background: #ffffff;
    color: #1E2A4E !important;
    font-size: 0.6em;
    font-weight: 700;
    border-radius: 3px !important;
    width: fit-content;
    padding: 4px;
}

.aviso_chamada .chamadas_entradas,
#Call_ballons.ring-box .ringing{
    color: #FFF;
    width: 100%;
    height: auto;
    position: relative;
    padding: 0 25px;
    background: var(--vermelho);
    border-radius: 7px;
    box-shadow: 0 5px 10px #0000002b;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 20px 20px 20px 0;
    margin: 3px 0;
    right: 0;
    transition: all 0.3s ease-in-out;
}

.aviso_chamada .chamadas_entradas:hover,
#Call_ballons.ring-box .ringing:hover{
    background: #FF2F53;
    right: 260px;
}

.aviso_chamada .chamadas_entradas,
#Call_ballons.ring-box .ringing p{
    font-size: 11px;
}

.aviso_chamada .chamadas_entradas .info,
#Call_ballons.ring-box .ringing .info{
    margin: 0;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    display: flex;
    align-items: center;
    text-transform: uppercase;

    color: #FFFFFFCC;
}

.aviso_chamada .chamadas_entradas .time,
#Call_ballons.ring-box .ringing .time{
    margin: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;

    color: #FFFFFF;
}

.aviso_chamada .ligacoes_andamento .balaoInside,
#Call_ballons.ring-box .atendimento .balaoInside{
    background: var(--swift);
    text-transform: uppercase;
    font-size: 0.55em;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 50px;
    color: #000 !important;
    padding: 0.6em 1.25em 0.65em;
    transition: .3s;
    text-align: center;
}

#Call_ballons.ring-box .content-ballon{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#Call_ballons.ring-box .content-ballon > p{
    width: 100%;
}

#Call_ballons.ring-box .content-ballon-inside {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
}



@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}


.chat-container { width: auto; position: fixed; bottom:0; right: 5%; z-index: 99999;  }

.chat { width: 324px; position: relative; float: left; z-index: 999; background: var(--azul-claro); border-radius: 7px 7px 0 0; box-shadow: 0 2px 6px #0000002b; padding: 0 0 5px; margin: 0 0 0 15px; margin-bottom: -406px; transition: .2s; }
.chat.on { bottom: 406px }

.chat a.closes_chat { width: 20px; height: 20px; position: absolute; top: 0; right: 0; z-index: 999; background: var(--azul-claro); border-radius: 50px; padding: 2px 2px 2px 3px !important; font-size: 11px; font-weight: 600; opacity: .5; transition: .2s; }
.chat a.closes_chat:hover {opacity: 1 }


.chat ul.top { width: auto; height: 65px; box-sizing: border-box; padding: 10px 50px 10px 15px; float: left; margin: 0; position: relative; background: url(../img/icons/arrow.svg) 95% 55% no-repeat; cursor: pointer; }
.chat ul.top li { max-width: 124px; float: left; font-size: 0.9em; color: white; list-style: none; margin: 0 12px 0 0;}
.chat ul.top li:last-child { margin: 0 0 0 10px;}
.chat ul.top li small { float: left; clear: both; opacity: 0.75; text-transform: uppercase; margin: 0; }
.chat ul.top li p { width: 112px; max-height: 17px; display: block; overflow: hidden; float: left; clear: both; font-size: 1.2em; font-weight: 600; color: white; margin: 0; line-height: 1.3; }
.chat ul.top li a { float: left; clear: both; font-size: 0.8em; color: white;    text-decoration: underline; line-height: 1.1; }
.chat ul.top li label { float: left; clear: both; font-size: 0.9em; margin: 3px 0 0; }
.chat ul.top li figure { width: 36px; height: 36px; border-radius: 50%;display: block; overflow: hidden; margin: 6px 0 0 0; text-align: center; background: #dadada; }
.chat ul.top li figure img { height: 100%; }
.chat ul.top img.arrow { position: absolute; }
.chat .top label.status { position: absolute; top: -15px; right: 24px; font-size: 0.75em; font-weight: 700; padding: 4px 11px; border-radius: 50px; }

.chat .entrada { left: 5px;  width:calc(100% - 10px); margin: 0; z-index: 99; }
.chat .entrada input { border:1px solid #ebebeb; border-radius: 0 0 7px 7px; }

.chat ul.conversa { float: left; width: calc(100% - 10px); height: 350px; border-radius: 7px 7px 0 0; background: white; margin: 0 5px 0; position: relative; padding: 0 0 20px; display: block; overflow: auto;  }


.chat ul.conversa li { float: left; width: 75%; border-radius: 4px; background: #F4F4F4; margin: 5%; position: relative; padding: 5%; list-style: none; }
.chat ul.conversa li p { float: left; width: 100%; margin: 0; font-weight: 700; color: var(--azul); line-height: 1.35; }
.chat ul.conversa li small { position: absolute; bottom: -20px; left: 5%; opacity: .75; }
.chat ul.conversa li.enter { float: right }
.chat ul.conversa li.enter p { text-align: right; font-weight: 500; color: var(--preto); }
.chat ul.conversa li.enter small { left: inherit; right: 5%; }


/* SCROLL NICE */
.chat ul.conversa::-webkit-scrollbar { width: 7px; }
.chat ul.conversa::-webkit-scrollbar-track {background: #f1f1f1;}
.chat ul.conversa::-webkit-scrollbar-thumb {background: #dedede;border-radius: 50px;}
.chat ul.conversa::-webkit-scrollbar-thumb:hover {background: #cccccc;}


.chat .notify { position: absolute; top: -10px; left: 10px; width: 20px; border-radius: 50px; height: 20px; line-height: 1.2; }


.acionamento_prestador {position: fixed; width: 100%; height: 100%; z-index: 9999999; top: 0; left: 0; overflow: auto; background: #00000040 !important; display: flex;flex-direction: column;align-items: center;padding-top: 104px; }
.acionamento_prestador .box { width: 950px; z-index: 9999; background: white; top:10%; border-radius: 7px; box-shadow: 0 2px 6px #0000002b; padding: 5px; margin: 0 0 40px; }
.acionamento_prestador .box.vermelho {background: var(--vermelho); }
.acionamento_prestador .box.vermelho .top h3 {color: #fff;}
.acionamento_prestador .box.vermelho .top p { color: #fff;}

.acionamento_prestador .box.verde {background: var(--verde); }
.acionamento_prestador .box.verde .top h3 {color: #fff;}
.acionamento_prestador .box.verde .top p { color: #fff;}

.acionamento_prestador .box .closes { position: relative; float: right; width: 30px; height: 30px; background-color: var(--azul); color: #FFF; top: -15px; right: -15px; z-index: 2; text-align: center; border-radius: 50px; font-weight: 700; padding: 5px 0 0; cursor: pointer;}
.acionamento_prestador .box .closes:hover { background-color:#1495cb;}



.acionamento_prestador .box .top {float: left; position: relative; left: 50%; transform: translate(-50%); margin: 10px 0 17px; }
.acionamento_prestador .box .top h3 { float: left;  color: #666; font-size: 1.9em; margin: 2px 20px 0 0; font-weight: 700;}
.acionamento_prestador .box .top p { float: left;  color: #666; font-size:1.8em; }
.acionamento_prestador .box.vermelho .top h3 {color: #fff;}
.acionamento_prestador .box.vermelho .top p { color: #fff;}

.acionamento_prestador .box .top img { float: left; width: 25px; }
.acionamento_prestador .box .top p b { float: left; font-weight: 700; margin: 0 0 0 10px; }

.acionamento_prestador .box .ocorrencia {float: left; width: 100%; position: relative; background: #FFF; height: auto; border-radius: 7px; }

.acionamento_prestador .box .ocorrencia .left {float: left; width: 35%; height: 100%; position: absolute; background: #FBFBFB; border-right:1px solid #F4F4F4;     display: block; overflow: hidden; text-align:center; background-size: cover !important; background-position: center !important; }


.acionamento_prestador .box .ocorrencia .right {float: right ; width: 65% ; padding: 4% ; }


.acionamento_prestador .box .ocorrencia .right ul.totais { width: 100%; float: left; margin: 0; font-size: 0.85em; }
.acionamento_prestador .box .ocorrencia .right ul.totais.grey { background: #F7F7F7; border-radius: 9px; padding: 40px 50px 15px;  }
.acionamento_prestador .box .ocorrencia .right ul.totais li {  list-style: none; }
.acionamento_prestador .box .ocorrencia .right ul.totais li p { float: left; font-size: 0.85em;  opacity: .60; margin: 0;}
.acionamento_prestador .box .ocorrencia .right ul.totais li label { float: left; margin: 4px 0 0; clear: both; font-size: 1.1em; font-weight: 600; }
.acionamento_prestador .box .ocorrencia .right ul.totais .flex-box { margin: 0 0 30px 0; }

.acionamento_prestador .box .ocorrencia .right ul.actions { width: 100%; float: left; margin: 0; font-size: 1.3em; padding: 30px 0 0; }
.acionamento_prestador .box .ocorrencia .right ul.actions a { padding: 0.6em 3em 0.65em; }

.acionamento_prestador .box .center { width: 100%; float: left;    padding: 0; margin: 0; }
.acionamento_prestador .box .actions { width: 100%; float: left;padding: 0; margin: 0; }

.acionamento_prestador .box .center h5 { font-weight: 600; float: left; width: 100%; margin: 25px 0 20px; color: #333; }

.acionamento_prestador .box .center .sucesso-box { width:100%; float:left; background: #48e1c11a; color: var(--verde); text-align: center; padding: 10px 20px 35px; border-radius: 10px; margin: 20px 0 0; }
.acionamento_prestador .box .center .sucesso-box h3 { font-size:1.4em; font-weight: 600; padding: 0 30px 22px; }


.acionamento_prestador .box.small { width: 650px; float: left; padding: 2% 4% 4%; }
.acionamento_prestador .box.small .top { margin: 20px 0 40px; }
.acionamento_prestador .box.small .center .flex-content {     margin: 0;  }
label.flex-box::before { bottom: inherit; top: -25px; }
#ajuste_before_label label.flex-box::before {top: -35px; }

.acionamento_prestador .box.detalhes { padding: 0; position: absolute; margin: 0 0 5%; }
.acionamento_prestador .box.detalhes .ocorrencia .left { width: 100%; height: 280px; position: relative; border-bottom: 1px solid #F4F4F4;}


.acionamento_prestador .box.detalhes .ocorrencia .right { width: 100%; padding: 6%; }
.acionamento_prestador .box.detalhes .top {margin: 30px 0 0;}



#NewPortal #ContainerAll .table-top { float: left; width: 100%; padding: 5%; }
#NewPortal #ContainerAll .table-top .flex-content { width: 100%; }
/* #NewPortal #ContainerAll .Box .inputs_filtros_date { padding: 0 2% 2%; margin: 0 0 0 10px; display: flex; gap: 10px;} */
/* #NewPortal #ContainerAll .Box .inputs_filtros_date .container_input_date { display: flex; gap: 10px; align-items: center;} */
#NewPortal #ContainerAll .Box .flex-content input{ color: var(--preto); font-size: 0.85em; height: 36px; padding: 0 10px; border: 1px solid #f2f2f2; border-radius: 4px; font-weight: 600; background: #f9f9f9;}



#NewPortal .Box .numbers.excep p {font-size: 1.3em; font-weight: 600; color: var(--preto); margin: 0 15px 0 0;}

#NewPortal .Box .bottom { width: 100%; padding: 20px 50px 25px; margin:30px 0 0;background: #f9f9f9; float: left; box-sizing: border-box; border: 1px solid #F2F2F2; border-radius: 0 0 10px 10px;}
#NewPortal .Box .bottom p {float: left; font-weight: 600; }
#NewPortal .Box .bottom label { float: left;font-weight: 700; clear:both}

#NewPortal .Box.bloqueado { width: 100%; float: left; background: var(--vermelho); color: #FFF; padding:4%; }
#NewPortal .Box.bloqueado .left { float: left; text-transform: uppercase; margin: 0; position: absolute; top: calc(50% - 3px);  transform: translate(0,-50%) }
#NewPortal .Box.bloqueado .left img { float: left; margin: 0 0 15px; }
#NewPortal .Box.bloqueado .left h4 { float: left; color: #ffffffb0; font-size: 1.3em; font-weight: 700; }
#NewPortal .Box.bloqueado .left h4 b { color: #FFF; font-size: 1.3em; }
#NewPortal .Box.bloqueado .right { width: 70%; float: right; padding: 0 0 0 4%; border-left:5px solid #ffffff4f; }
#NewPortal .Box.bloqueado .right p { width: 100%; float: left; color: #FFF; font-size: 1em; font-weight: 400; }
#NewPortal .Box.bloqueado .right ul { width: 100%; float: left; padding: 15px 0 0; margin: 0; }
#NewPortal .Box.bloqueado .right ul li { width: 33.333%; float: left; list-style: none; }
#NewPortal .Box.bloqueado .right ul li p { width: auto; clear:both; float: left; font-size: 1em; font-weight: 700; color: #ffffffb0; line-height: 1.5;}
#NewPortal .Box.bloqueado .right ul li h3 { width: auto; clear:both; float: left; color: #FFF; font-size: 1.4em; text-align: left; margin: 0; }
#NewPortal .Box.bloqueado .right ul li a { float: left; clear:both; font-size: 0.8em; font-weight: 700; background: #FFF; color: var(--vermelho) !important; }

#NewPortal .Box.bloqueado.amarelo { background: #f5b95e; }
#NewPortal .Box.bloqueado.amarelo .right ul li { width: 100% }
#NewPortal .Box.bloqueado.amarelo .right ul li a {color: #f5b95e !important; margin-top: 8px; }


#NewPortal .Box.bloqueado.amarelo { background: #f5b95e; }
#NewPortal .Box.bloqueado.amarelo .right ul li { width: 100% }
#NewPortal .Box.bloqueado.amarelo .right ul li a {color: #f5b95e !important; margin-top: 8px; }


@media (max-width: 1010px){
    #NewPortal ul.menu_horiz li a { font-size: 13px; padding: 23px 15px; }
    #NewPortal #ContainerLeft { display: none; }
    #NewPortal #ContainerRight { width: 100%; }

}
@media (max-width: 991px){
    #NewPortal .row { margin: 0 5%; }
    #NewPortal .header { position: fixed; }
    #NewPortal .header .navbar-nav { right: 0; }
    #NewPortal .header .navbar-brand { width: auto;  background-color: transparent !important;  height: auto;  border-bottom:0; position: relative; }
    #NewPortal .header .navbar-brand img { margin: 11px 15px !important; width: 110px; }
    #NewPortal ul.menu_horiz li a { padding: 18px 20px; }
    #NewPortal .header .navbar-nav > li.dropdown .dropdown-toggle.blue { height: 54px; }
    #NewPortal .header .navbar-nav > li.dropdown .dropdown-toggle.noti { height: 54px; }
    #NewPortal #Topo .right {float: left !important; clear: both; margin: 15px 0 0;}
    #NewPortal .acionamento_prestador .box { width: 97%; }
}
@media (max-width: 850px){
    #NewPortal ul.menu_horiz { display: none; }
    #NewPortal #Topo .numbers {  float: left; clear: both; margin: 0; }
    #NewPortal #Topo .numbers li { margin: 10px 0 0; }
    #NewPortal .Box.double { width: 100%; }
    #NewPortal .Box.Treal { width: 100% !important; }
    #NewPortal .Box.Tresp { width: 100% !important; }
}
@media (max-width: 750px){
    #NewPortal .acionamento_prestador .box .ocorrencia .left { position: relative; width: 100%; height: 160px;border-bottom: 1px solid #F4F4F4;border-right:0; }
    #NewPortal .acionamento_prestador .box .ocorrencia .right {width: 100% !important;}
    #NewPortal .acionamento_prestador .box .top { font-size: .7em; margin: 10px 0 2px; }
    #NewPortal .acionamento_prestador .box.small {width: 97%;}

    #NewPortal .Box.bloqueado .left { width: 100%; position: relative; top: inherit; transform: translate(0); }
    #NewPortal .Box.bloqueado .left h4 { width: auto; margin: 0 0 0 10px; font-size: 1.4em; }
    #NewPortal .Box.bloqueado .left h4 br { display: none; }
    #NewPortal .Box.bloqueado .left h4 b { font-size: 1em; }
    #NewPortal .Box.bloqueado .right { border-left:0; width: 100%; padding: 0; }
    #NewPortal .Box.bloqueado .right ul { padding: 0; }
    #NewPortal .Box.bloqueado .right ul li { width: auto; margin: 10px 30px 0 0; }

}

@media (max-width: 480px){
    #NewPortal .header .navbar-nav .tel {display: none}
}

@media (max-width: 450px){
    #NewPortal .header { height: auto; }
    .table-top .field { margin: 0 0 10px !important; }
}






.Box.Livre { width: 100%; float: left; padding: 0 0 100px; }

.Box.Livre .Chart { width: 100%; padding: 0 5%; height: 180px; background:#FBFBFB; float: left; box-sizing: border-box; border-top:1px solid #F3F3F3; border-bottom:1px solid #F3F3F3; position: relative; }
.Box.Livre .Chart .line { width: 100%; margin-left: -5%; height: 1px; background:#F3F3F3; float: left; position: absolute; z-index: 1; }
.Box.Livre .Chart ul { width: 100%; height: 100%; display: flex; margin: 0;
    padding: 0; justify-content: space-between; }
.Box.Livre .Chart ul li {flex-basis: auto; height: 100%; list-style: none; position: relative; margin: 0; }
.Box.Livre .Chart ul li div { float: left; width:20px; height:85%; background: var(--verde); position: absolute; bottom:0; z-index: 2; border-radius: 5px 5px 0 0; color: #FFF; font-weight: 700; font-size: 12px; text-align: center; padding-top: 2px; }
.Box.Livre .Chart ul li div small { float: left; width: 100%; margin-top: -5px; }
.Box.Livre .Chart ul li div.amarelo { background: var(--amarelo); }
.Box.Livre .Chart ul li div.vermelho { background: var(--vermelho); }

.Box.Livre .Chart.Long ul li div { width:20px;}
.Box.Livre .Chart.Long ul li p { transform: rotate(-55deg); left: -16px; position: absolute; bottom: -41px; color: #999; }

.Box.Livre .Chart.Big { padding: 0 10%; }
.Box.Livre .Chart.Big .line { margin-left: -10%;}
.Box.Livre .Chart.Big ul li {width:85px; justify-content: space-between;   }

.Box.Livre .Chart.Big ul li div { width:100px; height: 100%; }
.Box.Livre .Chart.Big ul li p { width: 100%; text-align: center; position: absolute; top: calc(100% + 10px); color: #999;  }
.Box.Livre .Chart.Big ul li div h4 { text-align: center; position: absolute; top: 20px; color: #FFF; font-size: 1.6em;  }


.TwoLines .box { width: 30% !important; padding: 0 !important; }
.TwoLines .Box.Livre { width: 66% !important; float: right !important; padding: 0 0 60px; }
.TwoLines #Kpis li:first-child { width: 98%; padding: 1.5em 0 2em; font-size: 1em; }
.TwoLines #Kpis li { width: 48%; font-size: 0.85em;
    float: left;
    margin: 5px 1% 0 1%;
    padding: 0.75em 0 1em;
    flex: inherit; }
.TwoLines #Kpis li:last-child {  }

.imgRounded { width: 35px; height: 35px; float: left; display: block; overflow: hidden; border-radius: 50px; }



.BoxMenor_on .box { height: 310px; display: block; overflow: hidden; margin: 0 0 1% !important; }
.click-abrir { cursor: pointer; display: none }
.BoxMenor.BoxMenor_on .click-abrir { display: block; }
.click-abrir.excep { cursor: pointer; display: none }
.BoxMenor .click-abrir.excep { display: block; }
.BoxMenor.BoxMenor_on .click-abrir.excep { display: none; }




#IndicadoresAnalistas .table-flex p { float: left; clear: both; font-size: 10px; padding: 5px 0 0;
    color: #666; }

#IndicadoresAnalistas table.table-flex tr td:first-child { min-width: 20px !important; text-align: right; padding: 0 5px 0 0; }
#IndicadoresAnalistas table.table-flex tr td .new { font-size: 1.1em;}

#IndicadoresAnalistas .flex-box .field { height: 40px;
    padding: 0 12px; font-size: 0.85em;}

#IndicadoresAnalistas #kanban_header .flex-box {margin: 33px 3px 15px 10px;}
.bootstrap-select .btn-group {display: inline-block !important;}
.bootstrap-select .bs-searchbox .form-control {height: 34px;}
.bootstrap-select .btn-group>.btn-group:not(:last-child)>.btn, #IndicadoresAnalistas .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;}
.bootstrap-select .btn-group>.btn:not(:first-child) {border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;}
.bootstrap-select .btn-light {color: #212529;background-color: #f8f9fa;border-color: #f8f9fa}
.bootstrap-select .btn-light:hover {color: #212529;background-color: #e2e6ea;border-color: #dae0e5;}
.bootstrap-select .dropdown-toggle .filter-option {height: unset !important}
.selectpicker {background: #fff; border: 1px solid #e5e5e5; color: #616161 !important; font-size: 0.85em; font-weight: 600;}
.selectpicker {height: 45px}
#IndicadoresAnalistas .selectpicker {height: 40px}
.bootstrap-select.dropdown.open > .dropdown-toggle {background: #fff; border: 1px solid #e5e5e5;}

#Container .ContainerIn .box .left ul.legendas { margin: 18px 0 0 0; padding: 0;}
#Container .ContainerIn .box .left ul.legendas li { --color: #98B4BB; float: left; list-style: none; margin: 0 0 0 20px;}
#Container .ContainerIn .box .left ul.legendas li p span { width: 9px; float: left; height: 9px; border-radius: 50px; background: var(--verde); margin: 2px 5px 0 0;  }
#Container .ContainerIn .box .left ul.legendas li p { width: 100%; float: left; font-size: 0.8em;    margin: 0 0 5px; font-weight: 600; color: var(--color); line-height: 1.2;  }
#Container .ContainerIn .box .left ul.legendas li p span.amarelo { background: var(--amarelo);  }
#Container .ContainerIn .box .left ul.legendas li p span.vermelho { background: var(--vermelho);  }




.analistaIndiv #Kpis { margin:0 }
.analistaIndiv #Kpis li { width: 20% !important; float: left; }
.analistaIndiv #Kpis li h5 { font-size: 1.05em; font-weight: 600; color: #666666;  }

.analistaIndiv table.table-flex tr { border: 1px solid #f7f7f7; background: #FFF; }
.analistaIndiv table.table-flex tr td { padding: 13px 5px; font-size: 1em;  }
.analistaIndiv table.table-flex tr.totalizador_categoria { background: #f7f7f7; border-bottom: 1px solid #FFF; }
.analistaIndiv table.table-flex tr.totalizador_categoria td { padding: 13px 5px; font-size: 1em; }



.pagination_prestador li {float: left; margin: 20px 0 0  15px; }


/*===== SompoVersion =====*/
:root #PrimeiroLink.SompoVersion { --azul-escuro:#CC2030 }
#PrimeiroLink.SompoVersion .container figure.logo img:first-child { display: none; }
#PrimeiroLink.SompoVersion .container figure.logo img:last-child { display: inline; margin: 0 0 15px; }
#PrimeiroLink.SompoVersion .container ul.TimeLine li.active::after {background: url(../img/primeiro_link/check-s.svg); opacity: 1; }
#PrimeiroLink.SompoVersion .center img:first-child { display: none; }
#PrimeiroLink.SompoVersion .center img:last-child { display: inline; }


#PrimeiroLink { font-family: 'Barlow', sans-serif !important; color: #787878;text-align: center; background: #FFF; height: 100vh;     position: relative;
    left: 50%;
    transform: translate(-50%);}
#PrimeiroLink h2 { font-family: 'Barlow', sans-serif !important; font-size: 1.5em; font-weight: 600; color: var(--azul-escuro);}
#PrimeiroLink h3 { font-family: 'Barlow', sans-serif !important; font-size: 1.5em; font-weight: 700; color: var(--azul-escuro);}
#PrimeiroLink h4 { font-family: 'Barlow', sans-serif !important; font-size: 1.5em; font-weight: 700; color: var(--azul-escuro);}
#PrimeiroLink h5 { font-family: 'Barlow', sans-serif !important; font-size: 1.1em; font-weight: 600; color: #666; margin: 0 0 10px;}
#PrimeiroLink p { font-family:  Roboto, sans-serif !important; font-size: 1.15em; font-weight: 500; color: #787878; float: left; margin: 0 0 10px 0; float: left; width: 100%}

#PrimeiroLink .box { width: 100%; float: left; margin: 5% 0; display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 20px; }
#PrimeiroLink .box li  { list-style: none; }
#PrimeiroLink .box li p { font-weight: 600; font-size: 1.1em;}

#PrimeiroLink #ContainerAbas { width: auto; height: 160px; left: 50%; transform: translate(-50%); margin: 8px 0 20px 0;}

#PrimeiroLink #ContainerAbas li .rd_tab ~ label { background: #FFF; color: var(--azul-escuro);  border-radius: 50px; border:2px solid var(--azul-escuro); padding:0.50em 2.0em 0.6em; margin: 0 0 -2px -4px;font-size: 1.05em; font-weight: 600; cursor: pointer; }
#PrimeiroLink #ContainerAbas li #tab11.rd_tab ~ label { border-radius: 50px 0 0 50px;  }
#PrimeiroLink #ContainerAbas li #tab12.rd_tab ~ label { border-radius: 0 50px 50px 0; }

#PrimeiroLink #ContainerAbas li #Container { margin:30px 0 0 -15px;     position: fixed; box-shadow: 0 0 0; }
#PrimeiroLink #ContainerAbas li .rd_tab:hover ~ label { opacity: .85; }
#PrimeiroLink #ContainerAbas li .rd_tab:checked ~ label {background: var(--azul-escuro); color: #FFF; padding: 0.50em 2.0em 0.6em; margin: 0 2px -2px 0; }

#PrimeiroLink .radios .flex-box { margin: 0; }
#PrimeiroLink .radios { width: 100%; float: left; margin: 0 0 5%; }
#PrimeiroLink .flex-box.radios div { width: auto; float: left; }

#PrimeiroLink .flex-box .rd_tab { display: none; position: absolute;}
#PrimeiroLink .flex-box .rd_tab ~ label { background: #FFF; color: var(--azul-escuro);  border-radius: 50px; border:2px solid var(--azul-escuro); padding:0.50em 2.0em 0.6em; margin: 0 0 5px 2px; font-size: 0.95em; font-weight: 600; cursor: pointer;  }
#PrimeiroLink .flex-box .rd_tab:hover ~ label { opacity: .85; }
#PrimeiroLink .flex-box .rd_tab:checked ~ label {background: var(--azul-escuro); color: #FFF; padding: 0.50em 2.0em 0.6em; margin: 0 2px -2px 0; }


#PrimeiroLink label.flex-box::before { text-align: center;    width: 100%; font-size: 16px;}
#PrimeiroLink .flex-box .field { margin: 5px 0 0; border-radius: 7px; background: #f2f2f2; text-align: center; color: var(--azul-escuro);}

#PrimeiroLink .row { max-width: 550px; margin: 0 auto; padding: 0px 5%; }

#PrimeiroLink .back {position: fixed; top: 20px; left: 20px; z-index: 5; background-color: white; height: 35px; width: 35px; border-radius: 50%; display: flex; justify-content: center; align-items: center;}

#PrimeiroLink .whats {position: fixed; top: 292px; right: 10px; z-index: 3; }

#PrimeiroLink #map { width: 100%; height: 500px; position: fixed !important; z-index: 1; }

#PrimeiroLink .container { width: 100%; max-width: 100%; margin-top: 350px; position: relative; z-index: 4; float: left; background: #FFF; border-radius: 40px 40px 0 0; padding: 0}

#PrimeiroLink #page00 .container { margin-top: 0; border-radius: 0;  padding: 0 0 40px;  }
#PrimeiroLink #page00 .container h2 { font-size: 1.75em; margin: 10% 5% 2% }

#PrimeiroLink #page01 .container { margin-top: 0; border-radius: 0;  padding: 0 0 40px;}
#PrimeiroLink #page01 .container h2 { font-size: 1.75em; margin: 10% 5% 2% }

#PrimeiroLink #page003 .container { margin-top: 0; border-radius: 0 }
#PrimeiroLink #page003 .container h2 { font-size: 1.75em; margin: 20% 5% 2% }
#PrimeiroLink #page003 .back { z-index: 5; position: absolute;}

#PrimeiroLink #page004 .container { margin-top: 0; border-radius: 0 }
#PrimeiroLink #page004 .container h2 { font-size: 1.75em; margin: 20% 5% 2% }
#PrimeiroLink #page004 .back { z-index: 5; position: absolute;}


#PrimeiroLink .smallMap .container { margin-top: 250px; padding: 40px 0 0 ;  }
#PrimeiroLink .FinalStep .container ul.foot { border-bottom:1px solid #f2f2f2; margin-bottom: 40px;  }

#PrimeiroLink .FinalStep .container ul.foot.time { padding: 0; }
#PrimeiroLink .FinalStep .container ul.foot.time.vermelho { background: #FF4646; margin-bottom: 40px;  }
#PrimeiroLink .FinalStep .container ul.foot.time.verde { background: var(--verde); margin-bottom: 40px;  }
#PrimeiroLink .FinalStep .container ul.foot.time li.left { float: left; margin: 20px 0 18px 20px; }
#PrimeiroLink .FinalStep .container ul.foot.time li.right { float: right !important; margin: 10px 20px 0 0; font-size: 1.45em; }
#PrimeiroLink .FinalStep .container ul.foot.time li.right h4 { color: #FFF; font-weight: 500;}
#PrimeiroLink .FinalStep .container ul.foot.time li.left img { float: left; }
#PrimeiroLink .FinalStep .container ul.foot.time li.left p { float: left; width: 90px; clear: none;
    color: #FFF; line-height: 1.1; margin: 2px 0 0 8px; }
#PrimeiroLink .FinalStep .container ul.foot.time .progress { width: 87%; height: 10px; background:#ffffff5c; float: left; margin: 0; border-radius: 0; }


#PrimeiroLink .container figure.logo { width: 100%; float: left; margin: 10px 0 10px; text-align: center; }
#PrimeiroLink .container figure.logo img:last-child { display: none; }

#PrimeiroLink .container p.last { width: 100%; float: left; padding: 15px 0 15px; font-size: 0.95em; margin: 0; text-align: center; }



#PrimeiroLink .container h2 { width: 100%;  float: left; margin: 0; text-align: left; margin: 0; font-weight: 500; }


#PrimeiroLink .container ul.car { width: 100%; border-radius: 7px;float: left; padding: 5%; transform: translate(-50%); left: 50%; position: relative; background: #F9F9F9; border:1px solid #F2F2F2; }
#PrimeiroLink .container ul.car ul.placa { position: relative; left: 50%; transform: translate(-50%); float: left; padding: 0; display: flex; width: 100%; justify-content: space-between;}

#PrimeiroLink .container ul.car ul.infos { margin: 0; font-size: 1em;}

#PrimeiroLink .container ul.car li { float: left; list-style: none; text-align: left; }
#PrimeiroLink .container ul.car li p { float: left; clear: both; margin:
        0; font-weight: 600;}
#PrimeiroLink .container ul.car li h3 { float: left; font-size: 2.3em; margin:-5px 0;  clear: both; }

#PrimeiroLink .container .bottom { width: 100%; float: left; margin: 0 0 40px; }
#PrimeiroLink .container .bottom button { float: left; clear: both; position: relative; left: 50%; transform: translate(-50%); }
#PrimeiroLink .container .bottom button:disabled {background: #FFF; border: 2px solid #CDD1D7; color: #CDD1D7 !important; }
#PrimeiroLink .container .bottom button::before {content: ''; width: 13px; height:13px; background: url(../img/primeiro_link/arrow.svg); float: right; margin: 3px 0 0 7px;  }
#PrimeiroLink .container .bottom button:disabled::before {content: ''; width: 13px; height:13px; background: url(../img/primeiro_link/arrow-d.svg); float: right; margin: 3px 0 0 7px;  }

#PrimeiroLink .container .bottom a { float: left; clear: both; margin:0 0 10%; font-size: 1.2em; font-weight: 600;  text-decoration: underline !important; position: relative; transform: translate(-50%); left: 50%; color:var(--azul-escuro);  }
#PrimeiroLink .container .bottom a.new { text-decoration: none !important; padding: 0.75em 2em 0.7em;  }
#PrimeiroLink .container .bottom a.new img {margin: -3px 0 0 5px;}
#PrimeiroLink .container .bottom p { width: 100%; float: left; clear: both; padding: 0 7%; margin: 0;  }
#PrimeiroLink .container .bottom p b { color:var(--azul-escuro); }


#PrimeiroLink .container input.endereco { width: 90%; height: 48px; margin: 5% 5% 10%; padding: 0 5%; position: relative; float: left; background: #DFDFDF; border-radius: 50px; border:0;  }
#PrimeiroLink .container input.endereco::placeholder { color: var(--azul-escuro); font-weight: 600; font-size: 1.2em;  }



#PrimeiroLink .container ul.foot { width: 100%; float: left; margin: 0; padding: 5%; background: #F9F9F9; border-top: 1px solid #F2F2F2; box-sizing: border-box; }
#PrimeiroLink .container ul.foot li { float: left; list-style: none; text-align: left; }
#PrimeiroLink .container ul.foot li:last-child { float: right;  }
#PrimeiroLink .container ul.foot li p { float: left; clear: both; margin:0; font-weight: 600; font-size: 0.95em;}
#PrimeiroLink .container ul.foot li h3 { float: left; font-size: 2em; margin:-5px 0;  clear: both; }

#PrimeiroLink .container label.new {background: #EFEFEF !important; color: var(--azul-escuro) !important; font-weight: 600; padding: 5px 10px;}
#PrimeiroLink .container label.new.verde { background: var(--swift) !important; color: #FFF !important; margin: 20px 0 0; padding: 7px 0; font-size: 16px;}
#PrimeiroLink .container label.new.verde img { float: left; margin: 15px; }
#PrimeiroLink .container label.new.verde p { margin: 7px 25px 0 0; color: #FFF; font-weight: 600; width: auto !important; text-align: left; font-size: 1.1em; line-height: 1.1; }


#PrimeiroLink .center { width: 100%; float: left; position:relative; }
#PrimeiroLink .center img { position: absolute; top: 27%; right: 9%; }
#PrimeiroLink .center img:last-child { display: none; }

#PrimeiroLink .container ul.imgs { width: 100%; float: left; padding: 5% 0 0; margin: 0; }
#PrimeiroLink .container ul.imgs li { width: 100%; margin: 0; height: 140px; padding: 0 5% 5% 0; float: left; position: relative; list-style: none; }
#PrimeiroLink .container ul.imgs li input { width: 100%; height: 100%; position: relative; float: left; background: #DFDFDF; border-radius: 7px; }
#PrimeiroLink .container ul.imgs li img { position: absolute; top: 50%;
    left: 50%; transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    border-radius: 8px; }
#PrimeiroLink .container ul.imgs li.excep { width: 47.5%; padding: 0 0 5% 0; }
#PrimeiroLink .container ul.imgs #novas_fotos_checklist { width: 100%; height: 220px; padding: 0 0 5% 0; margin: 0 0 5%; float: left; display: block; overflow: hidden; position: relative;    border-radius: 5px; border: 1px solid #dfdfdf;}

#PrimeiroLink .container ul.imgs #novas_fotos_checklist img { width: 100%; position: absolute; top: 50%; left: 0; transform: translate(0,-50%);}



.custom-file-input::before { content: ''; display: inline-block; width: 100%; height: 100%; position: relative; float: left; background: url(../img/primeiro_link/camera.svg) center center #DFDFDF no-repeat;  background-size: 45px auto !important; border-radius: 7px; -webkit-user-select: none;  cursor: pointer; transition: .3s; }
.custom-file-input:hover::before { background: url(../img/primeiro_link/camera.svg) center center #c9c9c9 no-repeat;}
.custom-file-input:active::before {background: url(../img/primeiro_link/camera.svg) center center #FFF no-repeat; }
#NovaOcorrenciaAbas .custom-file-label::after, .prestador-form .custom-file-label::after, #modal_arquivos .custom-file-label::after {height: 100%;line-height: 2.5;}


#PrimeiroLink .container ul.imgs li a { width: 100%; height: 100%; position: relative;
    float: left; background: #DFDFDF; border-radius: 7px; }

#PrimeiroLink .container ul.imgs li img#checklist0 { width: 100%; height: 100%; position: relative; float: left; background: #DFDFDF; border-radius: 7px; }


#PrimeiroLink .container ul.checks { width: 100%; float: left; padding: 5% 0 0; margin: 0; }
.CheckList .checks label {width: 48.5%; float: left; margin: 0 0 3%;}
.CheckList .checks label.right {float: right !important;}
.CheckList .checks input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.CheckList .checks .checkmark { position: relative; float: left; width: 100%; background-color: #eee; cursor: pointer; padding: 13px 0; text-transform: uppercase; font-weight: 600; font-size: 13px; border-radius: 4px; }
.CheckList .checks label:hover input ~ .checkmark { background-color: #ccc; }
.CheckList .checks label input:checked ~ .checkmark { background-color: #091D3C; color: #FFF; }
.CheckList .checks .checkmark:after { content: ""; position: absolute; display: none; }

#BiQualidade #Container { width: 100%; height: auto; float: left; background: #f9f9f9;
    border: 1px solid #e9e9e9;
    border-radius: 10px; border-radius: 4px; padding: 0; margin: 0 0 5%; position: relative; }
#BiQualidade #Container .ContainerIn { padding: 50px 30px;}
#BiQualidade #Kpis li { padding: 2.3% 2% 1%;}
#BiQualidade .flex-box .field {width: 105px !important; font-size: 0.85em;}
#BiTelefonia .flex-box .field {width: 105px !important; font-size: 0.85em;}

#BiQualidade .flex-box .field.excep {width: auto !important;}

#BiQualidade p.subtitle { float: left; color: #a1a1a1; width: 100%; }

#BiQualidade .containerGraficosSlas {display: grid; grid-template-columns: 30% 30% 30%; justify-content: center; gap: 35px;}

#BiQualidade .containerGraficosSlas .newBox {width: 100%; padding: 10%}



#PrimeiroLink .container .textBox { width: 80%; margin: 5% 10%; padding: 5% 3%; height: 350px; text-align: justify; font-size: 12px; display: block; overflow: auto; float: left; background: #f2f2f2; border-radius: 7px; }

/* SCROLL NICE */
.textBox::-webkit-scrollbar { width: 7px; }
.textBox::-webkit-scrollbar-track {background: #f1f1f1;}
.textBox::-webkit-scrollbar-thumb {background: #dedede;border-radius: 50px;}
.textBox::-webkit-scrollbar-thumb:hover {background: #cccccc;}



#PrimeiroLink .container ul.TimeLine { width: 100%; float: left; margin: 0;  padding: 0 0 10%; }
#PrimeiroLink .container ul.TimeLine small { font-weight: 600; }
#PrimeiroLink .container ul.TimeLine li { width: 100%; float: left; background: #f2f2f2; border-radius: 7px; list-style: none; padding: 11px 20px; position: relative; margin: 10px 0 0; box-sizing: border-box; }
#PrimeiroLink .container ul.TimeLine li p { margin: 0; font-size: 1em;
    font-weight: 600; color: #5c5f63; line-height: 1.65; opacity: .5; }
#PrimeiroLink .container ul.TimeLine li p.right { float: right !important; margin-right: 25px; }
#PrimeiroLink .container ul.TimeLine li::after {content:''; width: 19px; height: 19px; position: absolute; right: 14px; top:calc(50% - 9.5px); background: url(../img/primeiro_link/time.svg); background-size: 100% !important; opacity: .2; }

#PrimeiroLink .container ul.TimeLine li::before {content:''; width: 4px; height: 10px; background: #f2f2f2; position: absolute; left: calc(50% - 2px); top:-10px; }
#PrimeiroLink .container ul.TimeLine li.first::before { display: none; }


#PrimeiroLink .container ul.TimeLine li.active { background: var(--azul-escuro); }
#PrimeiroLink .container ul.TimeLine li.active p { color: #f2f2f2; opacity: 1; }
#PrimeiroLink .container ul.TimeLine li.active::after {background: url(../img/primeiro_link/check.svg); opacity: 1; }
#PrimeiroLink .container ul.TimeLine li.active::before { background: var(--azul-escuro); }


#PrimeiroLink .container ul.TimeLine li.vermelho { background: var(--vermelho); }
#PrimeiroLink .container ul.TimeLine li.vermelho p { color: #FFF; opacity: 1; line-height: 0.8; height: 26px; }
#PrimeiroLink .container ul.TimeLine li.vermelho p.right { width: 90px; font-size: 12px;
    text-align: right; line-height: 1; }
#PrimeiroLink .container ul.TimeLine li.vermelho p small { position: absolute; left: 20px;    top: 27px; font-size: 0.75em; font-weight: 500;}
#PrimeiroLink .container ul.TimeLine li.vermelho::after {background: url(../img/primeiro_link/check-w.svg); opacity: 1; }
#PrimeiroLink .container ul.TimeLine li.vermelho::before { background: var(--vermelho); }


#PrimeiroLink .container ul.TimeLine li.verde { background: var(--verde); }
#PrimeiroLink .container ul.TimeLine li.verde p { color: #f2f2f2; opacity: 1; }
#PrimeiroLink .container ul.TimeLine li.verde::after {background: url(../img/primeiro_link/check-w.svg); opacity: 1; }
#PrimeiroLink .container ul.TimeLine li.verde::before { background: var(--verde); }

#PrimeiroLink .container label.new.verde.excep { text-align: center; padding: 15px 25px;      font-size: 2em; position: relative; left: 50%; transform: translate(-50%); margin: 11px 0 10%; }


#PrimeiroLink .container ul.infos { width: 100%; float: left; margin: 0; font-size: 1.15em; justify-content: space-between; }
#PrimeiroLink .container ul.infos li { list-style: none; text-align: left; margin: 20px 0 0px 0; }
#PrimeiroLink .container ul.infos li:last-child { float: right;  }
#PrimeiroLink .container ul.infos li p { float: left; clear: both; margin:0; font-weight: 500; font-size: 0.95em; color: #A4A4A4; text-transform: uppercase;}
#PrimeiroLink .container ul.infos li h3 { float: left; font-size: 2em; margin:-5px 0;  clear: both; }

#PrimeiroLink .container ul.assina { width: 85%; float: left; margin: 0 7.5%; font-size: 1.15em; }

#PrimeiroLink .CheckList .container { margin-top: 0; border-radius: 0; }
#PrimeiroLink .CheckList .container h2 { font-size: 1.75em; margin: 50px 0 15px; width: 100%; display: flex; justify-content: center; text-align: center; font-weight: 700; line-height: 1.3; }
#PrimeiroLink .CheckList .container .sub-title { width: 100%; text-align: center; }

.slider-box { width: 90%; float: left; margin: 5%; }
.slider-box #slider-range-max { width: 100%; float: left; display: block; overflow: hidden; }
.ui-widget.ui-widget-content { border: 0 !important; height: 35px; background: var(--azul-escuro); }
.ui-widget-header { background-color: #F9F9F9 !important; }
.ui-slider-horizontal .ui-slider-range-max {border: 1px solid #eeeeee !important; border-radius: 0; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { top: 7px !important; margin-left: -15px !important; background: url(../img/primeiro_link/puxe.svg) no-repeat !important; border: 0 !important; height: 20px !important; }

.slider-box ul { width: 100%; float: left; padding: 0;  }
.slider-box ul li { float: left; margin: 0 0 0 9.1%; list-style: none;  }
.slider-box ul li:first-child {margin: 0 }
#PrimeiroLink .slider-box ul li p { float: left; color: var(--azul-escuro); font-weight: 700; font-size: 1.5em; height: 23px; width: 14px; }
#PrimeiroLink .slider-box ul li span { float: left; background: var(--azul-escuro); width: 5px; height: 17px; float: left; clear: both; margin:5px 0 0 4px; }
#PrimeiroLink .slider-box ul li.excep span { float: left; background: var(--azul-escuro); width: 2px; height: 17px; float: left; clear: both; margin:5px 0 0 4px; }


@media (max-width:550px) {
    .slider-box { width: 310px; margin: 35px 0 40px; position: relative; left: 50%; transform: translate(-50%); }
    .slider-box ul li { margin: 0 0 0 7.1%; }
}


#modal_orcamento_prestador .container-table {border: 1px solid #f2f2f2; background: #f9f9f9; border-radius: 7px; margin: 25px 13px 26px; padding: 24px 22px 15px;  width: auto; }
#modal_orcamento_prestador .container-table.edit input[type=text] { background: #FFF; }
#modal_orcamento_prestador table { padding: 20px 0 0 0; margin: 0 0 0;}
#modal_orcamento_prestador table.table-flex tr:first-child td::after { bottom: 87%; color: #000; font-size: 1em; font-weight: 600;}
#modal_orcamento_prestador table.table-flex tr:nth-child(odd) { background-color:transparent }


#modal_orcamento_prestador label {margin: 13px 0 0 0; font-size: 13px; }
#modal_orcamento_prestador label.excep { margin: 4px 0 0 0; }
#modal_orcamento_prestador .form-group { margin-bottom: 7px; }
#modal_orcamento_prestador .container_servico { padding: 0 12px 15px; margin: 25px 13px 26px; border: 1px solid #f2f2f2; background: #f9f9f9; border-radius: 7px; }
#modal_orcamento_prestador .container_servico .btn { padding: 0.7em 1.5em !important; background: #333; }
#modal_orcamento_prestador .container_servico input[type=text] { background: #FFF; }






/* UNAVALIABLE PAGE */

.unavaliable { width: 100%; height: 100%; position: absolute; background: #FFF; float: left; display: block; overflow: hidden; }
.unavaliable .center { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); float: left; z-index: 2; }
.unavaliable .center img { position: relative; left: 50%; transform: translate(-50%,0); float: left; }
.unavaliable .center h3 { position: relative; width: 100%; text-align: center; font-size: 1.75em; color: #4B4B4B; float: left; font-weight: 700;}
.unavaliable .center p { position: relative; width: 100%; text-align: center; font-size: 1.2em; color: #7E7E7E; float: left; margin: 0 0 30px;}

.unavaliable ._1 {z-index: 1; position: absolute; left: -150px; bottom: -200px; width: 400px; opacity: .15; animation: spin 6s infinite linear; }
.unavaliable ._2 {z-index: 1; position: absolute; right: -150px; top: -200px; width: 400px; opacity: .35; animation: spin 6s infinite linear;}

@keyframes spin {
    from {
        transform: rotate(0deg);
    } to {
          transform: rotate(359deg);
      }
}




/* ABAS NO MODAL DOS RAMAIS */
.tabs-modal { position: relative; width: 100%; margin: 0 auto; float: left; }
.tabs-modal .center { width: 100%; float: left; padding: 10px 0 50px; }
.tabs-modal p { margin: 0; padding: 0; }
.tabs-modal:after { content: '.'; display: block;clear: both;height: 0;font-size: 0;line-height: 0;visibility: none;}
.tabs-modal input.tabs {display: none;}
.tabs-modal input.tabs + label + div {width: 100%;position: relative;background: #FFF;border-top: 1px solid #e3e3e3;top: 40px;left: 0;height: auto;padding: 0;display: none;transition: opacity ease-in-out .3s;}
.tabs-modal input.tabs:checked + label + div {display: block; }
.tabs-modal input.tabs + label {line-height: 40px;padding: 0 20px;float: left;background: #f2f2f2;color: #999;font-weight: 700;cursor: pointer;transition: background ease-in-out .3s; font-size: 1em;border-radius: 7px 7px 0 0;}
.tabs-modal input.tabs:checked + label {color: #666;border: 1px solid #e3e3e3;cursor: default;background: #FFF;border-bottom: 1px solid #FFF;position: relative;z-index: 1001;}
.tabs-modal input.tabs + label.tab2 { position: absolute; top: 0; }
.tabs-modal input.tabs:checked + label.tab2 { position: absolute; top: 0; }




#existe_sinistro.excepLabel { background-color: #ffdfdf; border: 1px solid #ffc4c4;color: #ff4f4f; float: left !important; width: 100%;  border-radius: 7px; line-height: 1.1; font-size: 0.8em !important;
    font-weight: 600; }
#existe_sinistro.excepLabel a {color: #ff4f4f; text-decoration: underline; }




.MapaRastrear { width: 100%; height: 320px; background: #CCC; float: left; border-radius: 7px 7px 0 0 ; }
.MapaRastrear figure { width: 100%; float: left; text-align: center; position: relative; top:40% ; }
.MapaRastrear figure img {  }


.field.modelo-novo { background-color: #F8F8F8 }

.chart-header {
    margin-bottom: 40px;
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin-top: 80px;
}

.chart-header h4 {
    margin-right: auto;
}

.chart-header select {
    color: var(--preto);
    font-size: 0.85em;
    padding: 0 10px;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    font-weight: 600;
    margin: 0 0 0 10px;
    justify-self: end;
}

.chart-header .alert-tag {
    width: 212px;
    height: 42px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    justify-self: end;
}

.chart-header .alert-tag.amarelo {
    background-color: #FEB019;
}

.chart-header .alert-tag.vermelho {
    background-color: var(--vermelho)
}

.chart-header .alert-tag.verde{
    background-color: var(--verde);
}


.chart-header .alert-tag span:first-child {
    margin-right: 5px;
    font-size: 32px;
    font-weight: bold;
}
.chart-header h4 {
    color: #616161;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
}

.chart {
    display: table;
    table-layout: fixed;
    width: 60%;
    width: 100%;
    height: 300px;
    margin: 0 auto;
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 2%, transparent 2%);
    background-size: 100% 50px;
    background-position: left top;
    color: #000;
    padding-bottom: 20px;
    padding-left: 0;
}
.chart li {
    position: relative;
    display: table-cell;
    vertical-align: bottom;
    height: 200px;
    border-bottom: 1px solid #A7A7A7;
}

.chart li:first-child {
    border-left: 1px solid #A7A7A7;
}
.chart span {
    margin: 0 2em;
    display: block;
    animation: draw 1s ease-in-out;
    text-align: center;
    color: #ffffff;
    margin-left: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

.chart.vermelho  span {
    background-color: #FF4560;
}

.chart.amarelo  span {
    background-color: #FEB019;
}

.chart.cinza span {
    background-color: #ACB8BB;
}


.chart.azul span {
    background-color: #009CD6;
}

.chart span:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding: 5px 1em 0;
    display: block;
    text-align: center;
    content: attr(title);
    word-wrap: break-word;
    color: #A7A7A7;
    font-weight: 400;
}

@keyframes draw {
    0% {
        height: 0;
    }
}

.notificacao_bloqueio {
    background-color: #f2dede;
    width: 100%;
    float: left;
    text-align: center;
    padding: 6px;
    border-radius: 10px;
    font-weight: 600;
}

#EnviarNF input.has-error {
    border: 1px solid #bd362f !important;
}




/* Checklist */
.newpage {
    height: 100vh;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.newpage.auto {
    height: auto!important;
}

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

.newpage .column {
    display: flex;
    place-items: start;
    flex-direction: column;
}

.newpage .column p {
    font-size: 17px;
    margin: 0!important;
}

.newpage .column div {
    font-size: 41px;
    color: #091D3C;
    font-weight: bold;
}

.newpage .alertgreen {
    color: white;
    display: flex;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
    background: #0ED195;
    justify-content: center;
}

.newpage .alertgreen img {
    margin-right: 10px;
}

.newpage .wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.newpage .border {
    border-radius: 7px;
    background: #F9F9F9;
    border: 1px solid #F2F2F2;
}

.newpage .border .infos {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: space-around;
}

.newpage .border input {
    border: none;
    background: #EFEFEF;
    border-radius: 3px;
    margin-bottom: 10px;
}

.newpage .title {
    font-size: 26px;
    font-weight: bold;
    color: #091D3C;
    margin: 40px 0 10px;

}

.checkPrestador .newpage .title {
    font-size: 1.75em;
    margin: 50px 0 15px;
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    line-height: 1.3;
}

.newpage .assinatura {
    display: flex;
    flex-direction: column;
    text-align-last: start;
    padding: 20px;
    border: 1px solid black;
    border-radius: 15px;
    position: relative;
    margin-bottom: 20px;
}

.newpage .assinatura label {
    width: fit-content;
    position: absolute;
    top: -10px;
    background: white;
    padding: 0 10px;
    color: black;
}

.newpage .assinatura input {
    border: none;
    background: white;
    border-radius: 3px;
}

.newpage button {
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px;
    border-radius: 50px;
    background: #009CD6;
}

.newpage .wrapper button.photo {
    padding: 0 40px;
    width: fit-content;
    margin: 0 auto;
}

.newpage button.next { width: 100%; }

.newpage .wrapper img {
    margin: 20px auto;
}

.newpage button.next:before {
    content: '';
    width: 13px;
    height: 13px;
    background: url(../img/primeiro_link/arrow.svg);
    float: right;
    margin: 3px 0 0 7px;
}

.newpage .wrapper .addphoto {
    display: flex;
    margin-bottom: 10px;
}

.newpage .wrapper .addphoto div {
    width: 50px;
    height: 50px;
    display: flex;
    margin-right: 10px;
    border-radius: 3px;
    background: #009CD6;
    place-content: center;
}

.newpage .wrapper .addphoto div img { margin: 0; width: 100%; }

.newpage .wrapper .addphoto input {
    flex: 1;
    border: none;
    border-radius: 3px;
    background: #F9F9F9;
}

.newpage .footer {
    display: flex;
    align-items: center;
    flex-direction: column;
    background: transparent!important;
}

.newpage .footer p {
    margin-top: 10px!important;
    font-size: 11px!important;
}

.newpage .footer img {
    margin-top: 40px;
}

.newpage .footer span {
    color: #091D3C;
    font-size: 13px;
    text-decoration: underline;
    font-weight: 600;
}

.excepSelect .select2-container-multi .select2-choices .select2-search-choice { float: left;
    max-width: 150px;
    display: block;
    overflow: hidden;background-color: #eaeaea; }

.excepSelect .select2-container-multi .select2-choices .select2-search-choice a { display:none !important }

.excepSelect .select2-container-multi .select2-choices .select2-search-choice input {     width: 52px;
    float: left;
    height: 30px;
    margin: 5px;
    border-radius: 0;}

.excepSelect2 .select2-container-multi .select2-choices {
    width: 370px;
}
.excepSelect2 .select2-container-multi .select2-choices ul li input {
    border:0 !important;
}



label.excep_special .select2-container-multi .select2-choices {
    border: 0 !important;
}
label.excep_special .select2-container-multi .select2-choices div {
    overflow: hidden;
    font-size: 12px;
    width: 100px;
    height: 29px;
}
label.excep_special .select2-container-multi .select2-choices .select2-search-field input {
    font-weight: 700 !important;
    font-size: 13px;
}



.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0;
}
.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    opacity: 0;
}
.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Buscar";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
}
.custom-file input[type=file] {
    padding: unset !important;
}

.caminhao-container {
    margin: 40px 0px;
    display: flex;
    flex-direction: column;
}

.envia-previa{
    text-align: center !important;
    font-weight: bold !important;
    font-size: 24px !important;
}

#PrimeiroLink .flex-box .field {
    border-radius: 7px;
}

#pagina_revisao_assinatura_cliente .wrapper .flex {
    padding: 20px;
}


#pagina_revisao_assinatura_cliente .wrapper .flex img {
    margin: 0 15px 0 0;
}

#pagina_revisao_assinatura_cliente .wrapper .flex .column div {
    line-height: 1;
}

#pagina_revisao_assinatura_cliente .wrapper .flex .column p {
    font-size: 1.4em;
    padding-bottom: 5px;
    color: #A4A4A4;
}

#pagina_revisao_assinatura_cliente label {
    color: #A4A4A4;
}

#pagina_revisao_assinatura_cliente input {
    padding: 5px 10px;
    font-weight: 600;
    color: var(--azul-escuro);
    background: white;
}

#pagina_revisao_assinatura_cliente .editar-info{
    color: var(--azul-escuro);
    font-size: 18px;
    font-weight: 500;
    margin: 25px 15px;
}

#pagina_revisao_assinatura_cliente .editar-info button{
    margin-top: 0;
    font-size: 11px;
    padding: 7px 16px;
}

#mapa_nps .google-visualization-tooltip-item {
    white-space: nowrap;
}
.kpi-mapa-nps #Kpis li:first-child {
    background-color: var(--bg-leve);
}

.kpi-mapa-nps #Kpis li:first-child p {
    color:var(--cinza);
}

.kpi-mapa-nps #Kpis li:first-child h4 {
    color:var(--preto);
}
#legenda_mapa_atendimentos {
    position: absolute;
    border-style: solid hidden solid solid #d5d5c3;
    border-radius: 25px ;
    border-width: 1px;
    height: 700px;
    padding: 15px;

}

#total_ocorrencias {
    margin-left: 25px;
}
.detalhes_semanais {
    padding: 10px;
}
.lista-contratos ul {
    background-color: var(--bg-leve);
    width: 100%;
}

.lista-contratos #dados li {
    width: 50%;
    padding: 10px;
}
.lista-contratos #detalhes li {
    margin:auto;
}
.lista-contatos ul {
    width: 100%;
}
.lista-contatos #dados li {
    margin:auto;
}

#setor6 { width: 100%; height: auto; position: relative; background:#FFF; float: left; z-index: 999; border-top: 1px solid #F1F1F1;}
#setor6 ul { list-style: none; width: 100%; float: left; margin: 5% 0 4%;  }
#setor6 ul li { width: 25%; padding: 0 5% 0 0; float: left; box-sizing: border-box; }
#setor6 ul li:last-child { width: 25%; }
#setor6 ul li a { width: 100%; float: left; font-size: 3.1em; line-height:1.5; font-weight: 900; color: #0087b9; margin: 0 }
#setor6 ul li h5.excep { font-size: 2em; line-height: 2;  }
#setor6 ul li p { width: 100%; float: left; font-size: 1.6em; line-height:1.5; font-weight: 500; line-height: 0.75;  color: #0087b9 }
#setor6 ul li span { width: 100%; float: left; font-size: 1.3em; font-weight: 300; line-height: 1.5;  color: #0087b9 }
#setor6 ul li div { width: 100%; float: left; text-align: center}
#setor6 ul li div a { border-radius: 50px; background:#0087b9; color: #FFF; font-size: 1.1em; margin: 13px 0; padding: 10px 36px; transition: .3s; font-weight: 700; float: left; text-transform: uppercase}
#setor6 ul li div a:hover { text-decoration: none; opacity: .85 }



/* ============== TRELLO API ============== */

#trello_api { background: #f3f3f3; min-height: 100vh;  }
#trello_api ul { margin: 0; padding: 0; }
#trello_api ul li { list-style: none; }
#trello_api p { margin: 0; }
.is-visible { display: flex !important; }

#trello_api header {
    width: 100%;
    height: 80px;
    top: 0;
    background: #FFF;
    border-bottom: 2px solid #f1f1f1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
}
#trello_api header .um {
    display: flex;
    align-items: center;
}
#trello_api header .dois {
    display: flex;
    align-items: center;
}

#trello_api .trelloFiltros .dois {
    display: flex;
    align-items: center;
    gap: 10px;
}

#trello_api .trelloFiltros .dois label {
    margin: 0;
    font-size: 1em;
}
#trello_api .trelloFiltros .dois label .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    max-width: 130px;
}
#trello_api .trelloFiltros .dois label .selectpicker {
    height: 39px;
}

#trello_api header h2 {
    float: left;
    font-size: 1.6em;
    color: var(--azul);
    font-weight: bold;
    text-align: center;
    margin: 0 0 0 20px;
    align-items: center;
}

#trello_api #Kpis {
    float: none;
    margin: 50px 0;
}

#trello_api .squads {
    margin: 0 0 40px;
}
#trello_api .squads h3 {
    font-size: 1em;
    font-weight: 600;
}
#trello_api .squads .top {
    display: flex;
    justify-content: space-between;
    padding: 0 6px;
}

#trello_api .squads .projeto {
    background: white;
    margin: 0 0 1em;
    border-radius: 6px;
}

#trello_api .squads .projeto:last-child {
    border-bottom: 1px solid #F3F3F3;

}

#trello_api .squads .projeto .top {
    display: flex;
    justify-content: space-between;
    padding: 13px 20px;
    cursor: pointer;
}
#trello_api .squads .projeto .top:hover {
    background: #f9f9f9;
}
#trello_api .squads .projeto .top .um {
    display: flex;
    align-items: center;
}
#trello_api .squads .projeto .top .um label {
    border-radius: 50px;
    width: 25px;
    height: 25px;
    margin-right: 10px;
}



#trello_api .squads ul.etapas {
    display: flex;
    align-items: flex-end;
    margin: 0 6px 0 0;
}
#trello_api .squads ul.etapas li {
    width: 140px;
    height: 35px;
    text-align: center;
    margin: 0 0 0 6px;
    align-items: center;
    display: flex;
    justify-content: center;
}
#trello_api .squads ul.etapas li:first-child {
    margin: 0;
}

#trello_api .squads ul.etapas li.pronto {
    color: #FFF;
    background: var(--verde);
}
#trello_api .squads ul.etapas li.pronto::before {
    content: 'Pronto';
}
#trello_api .squads ul.etapas li.fazendo {
    color: #FFF;
    background: var(--amarelo);
}
#trello_api .squads ul.etapas li.fazendo::before {
    content: 'Fazendo';
}
#trello_api .squads ul.etapas li.inativo {
    background: #EBEBEB;
}



#trello_api #demandas {
    background: #F2F2F2;
    display: flex;
    flex-direction: column;
    display: none;
    /* padding: 0px 10px 20px; */
}

#trello_api .pesquisaAndTeam {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    background: white;
    border: 1px solid #f7f7f7;
    border-radius: 6px;
    padding: 15px;
}

#trello_api #demandas h4 {
    font-size: 1em;
    font-weight:600;
    margin:25px 0 15px 40px;
}
#trello_api #demandas .top {
    display: flex;
    justify-content: space-between;
    padding: 0 6px;
}
#trello_api #demandas .demanda {
    border-top: 1px solid #e9e9e9;
    display: flex;
    justify-content: space-between;
    padding: 6px;
    cursor: pointer;
}
#trello_api #demandas .demanda:hover {
    background: var(--bg-leve);
}
#trello_api #demandas .demanda .um {
    display: flex;
    align-items: center;
}
#trello_api #demandas .demanda .um label {
    margin: 0 10px 0 10px;
    display: flex;
    align-items: center;
}


#trello_api table.table-flex {
    padding: 40px 0 0;
    margin: 0;
    display: none;
    background: white;
    border-top: 1px solid #F3F3F3;
}

#trello_api table.table-flex tbody {
    border-top: 1px solid #F3F3F3;
}

#trello_api table.table-flex label {
    margin: 0 5px 0 0;
}

#trello_api table.table-flex tr:nth-child(odd) {
    background-color: #f8f8f8;
}

#trello_api table.table-flex tr:first-child td:first-child::after {
    padding-left: 20px;
}

#trello_api table.table-flex td:first-child {
    padding-left: 20px;
}

#trello_api table.table-flex tr {
    background-color: #fcfcfc;
    border-bottom: 1px solid #F3F3F3;
}


#trello_api table.table-flex tr:first-child td::after {
    text-transform: uppercase;
    bottom: 112%;
}

#mapa_nps svg path[fill^='none'] {
    stroke-width:0px;
}

#legenda_mapa_nps {
    position: absolute;
    bottom: 0;
}

.icone-legenda {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 5px;
}

.kpi-mapa-nps #Kpis li span {
    color: var(--cinza);
}

.kpi-mapa-nps #Kpis li {
    color: var(--preto)!important;
}





table tr.linha_subcategorias td { padding: 0; }
table tr.linha_subcategorias td table { padding: 0; margin:0; font-size:0.8em }
.title_categoria { width: 70%; padding: 0; margin:0; font-size:0.95em }
.title_quantidade { width: 15%; padding: 0; margin:0; font-size:0.8em }
.title_percentual { width: 15%; padding: 0; margin:0; font-size:0.8em }
/* table tr.linha_subcategorias td table tr td { padding: 5px 16px 5px 16px; background: #FFF; } */
table tr.linha_subcategorias td table tr td { background: #FFF; }
table tr.linha_subcategorias td table tr td.categoria { width: 70%; padding: 5px 16px; background: #FFF; }
table tr.linha_subcategorias td table tr td.quantidade { width: 15%; padding: 5px 4px; background: #FFF; }
table tr.linha_subcategorias td table tr td.percentual { width: 15%; padding: 5px 4px; background: #FFF; }


.arquivos_ajuste {
    margin: 0 0 20px;
    padding: 7px 15px;
    display: block;
    overflow: hidden;
}
.arquivos_ajuste .pdf {
    width: 90px;
    height: 90px;
    border: 2px solid #ececec;
    float: left;
    border-radius: 5px;
    position: relative;
    display: block;
    overflow: hidden;
    background: #f9f9f9;
}
.arquivos_ajuste .pdf::before{
    width: 40px;
    height: 40px;
    content: '';
    background: url(../img/icons/pdf.svg) no-repeat;
    background-size: 100% !important;
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: .15;
}
.arquivos_ajuste .pdf p {
    position: absolute;
    bottom: -5px;
    left: 7px;
    font-size: 9px;
    color: #333;
}
tr.spaceUnder>td {
    padding-top: 100px!important;
}

.padding-td {
    padding: 12px!important;
}


/* ============== CKE EDITOR ============== */


#cke_informacoes span {
    width: auto !important;
    margin: 0 !important;
    float: left !important;
}
#cke_informacoes span a {
    width: auto !important;
    height: auto !important;
    padding: 5px !important;
    margin: 0 !important;
}
#cke_informacoes span .cke_button_icon {
    background-repeat: no-repeat !important;
    margin-top: 1px !important;
    width: 16px !important;
    height: 16px !important;
    float: left !important;
}
#cke_1_contents {
    float: left !important;
    width: 100% !important;
    border:1px solid #ccc
}

.tooltip-custom {
    width: 220px;
    /* height: 100px; */
}

.tooltip-custom-header {
    width: 100%;
    height: 32px;
    background: rgb(228, 226, 226);
    border-bottom: solid 0.5px #ccc;
    display: flex;
    padding-left: 6px;
    font-weight: bold;
    color: black;
    font-size: 12px;
}

.tooltip-custom-body {
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    padding: 15px;
}

.excepSelect3 .select2-container-multi .select2-choices {
    height: 45px !important;
    border-radius: 4px;
}
.excepSelect3 .select2-container-multi .select2-choices .select2-search-choice {
    font-size: 12px;
    font-weight: bold;
    padding: 2px 9px;
    max-width: initial !important;
    border-radius: 4px;
}
.excepSelect3 .select2-container-multi .select2-choices .select2-search-choice div {
    float: left;
}
.excepSelect3 .select2-container-multi .select2-choices .select2-search-choice a {
    width: 15px !important;
    z-index: 9999;
    position: relative;
    display: block !important;
    padding: 0 !important;
    height: 14px !important;
    margin: -3px 0 0 2px !important;
}
.excepSelect3 .select2-container-multi .select2-choices .select2-search-field input {
    border-radius: 4px !important;
    border: 0 !important;
}


.container--tabs.tabsMult {
    margin: 20px 0;
    float: left;
    width: 100%;
}
.container--tabs.tabsMult .nav-tabs {
    float: left;
    width: 100%;
    margin: 0;
    list-style-type: none;
    border-bottom: 1px solid #e8e8e8;
}
.container--tabs.tabsMult .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.container--tabs.tabsMult .nav-tabs > li > a {
    float: left;
    margin-right: 2px;
    line-height: 1.42857143;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.container--tabs.tabsMult .nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd;
}
.container--tabs.tabsMult .nav-tabs > li.active > a, .container--tabs.tabsMult .nav-tabs > li.active > a:hover, .container--tabs.tabsMult .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.container--tabs.tabsMult .tab-content {
    float: left;
    width: 100%;
}
.container--tabs.tabsMult .tab-content > .tab-pane {
    display: none;
}
.container--tabs.tabsMult .tab-content > .tab-pane.active {
    display: block;
    background-color: #efefef;
}
.container--tabs.tabsMult .tab-content > .active {
    display: block;
}

.visualizarChecklistContainer {
    width: 100%;
    background: #f7f7f7;
    padding: 33px 25px;
    border-radius: 10px;
    background-image: url(/assets/img/icons/prancheta.svg);
    background-repeat: no-repeat;
    background-position: right;
}

.visualizarChecklistContainer .visualizarCheckList {
    border-radius: 4px;
    background: #0089BF;
    color: white;
    font-size: 15px;
    padding: 9px 13px;
    font-weight: 400;
}

.visualizarTh {
    background: white;
    padding: 0 !important;
}

.excepContas #Filtro {
    width: auto;
    margin: 26px 15px 0;
    align-items: center;
    height: 50px;
}


.excepContas #Filtro a {
    padding: 5px 15px !important;
}
.excepContas #Filtro a {
    padding: 5px 15px !important;
}
.excepContas #Pesquisa form .flex-box {
    margin-top:15px;
    margin-bottom: 0;
    flex: 2;
}
.excepContas #Pesquisa form #Filtro .flex-box {
    margin: 0
}
.excepContas .select2-container .select2-choice {
    border-radius: 7px;
    height: 50px;
    padding-left: 15px;
    border: 1px solid #F2F2F2;
    font-weight: 700;
    color: #999;
    font-size: 1.1em;
}
.excepContas .select2-container .select2-choice > .select2-chosen {
    line-height: 3.5;
}
.excepContas .select2-container-multi .select2-choices {
    border-radius: 7px;
    height: 50px !important;
    padding-left: 15px;
    border: 1px solid #F2F2F2;
    font-weight: 700;
    color: #999;
    font-size: 1.1em;
}
.excepContas .select2-container-multi .select2-choices .select2-search-field input {
    font-weight: 700;
}

/* MULTISELECT */



.multi--hidden {
    display: none;
}
.multi {
    width: 100%;
    min-width: 223px;
    max-width: 223px;
    cursor: pointer;
}
.dark button {
    background-color: black;
    color: white;
}
.dark .dropdown {
    background-color: black;
    color: white;
}
.dark .selected {
    color: #00EE00;
}
.dark .selected::after {
    filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
}
.multi__display {
    overflow: hidden;
    width: 100%;
    border: 1px solid #F2F2F2 !important;
    background-color: white !important;
    padding: 13.5px 17px !important;
    line-height: 1.5;
    font-size: 1rem;
    border-radius: 7px !important;
    position: relative;
    text-align: left;
    white-space: nowrap;
    color: #999999 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    pointer-events: none;
}

.multi__dropdown-toggle {
    background-color: #dae0e5;
}

.multi__display.multi__dropdown--toggle {
    border-radius: 7px 7px 0 0 !important;
}

.multi__display::after {
    background: url(../../theassets/plugins/simpleMultiSelect/svg/angle-down-light.svg);
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    right: 10px;
    top: 42% !important;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.multi__inner {
    width: 96% !important;
    text-overflow: ellipsis !important;
    overflow: hidden;
}

.multi__dropdown {
    font-family: sans-serif;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    overflow-y: auto;
    border: 1px solid #F2F2F2 !important;
    border-radius: 0px 0px 7px 7px !important;
    border-top: none !important;
    position: absolute;
    width: 100%;
    background: white;
    z-index: 99;
}
.multi__dropdown ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0;
    padding: 10px 0px !important;
    min-height: 100px;
    font-size: 14px !important;
}

.multi__li-item{
    cursor: pointer;
    padding: 5px 10px !important;
    position: relative;
    color: #999 !important;
    font-weight: 700;
}

.multi__li-item::before {
    content: "";
    position: absolute;
    top: 7px;
    right: 10px;
    width: 18px;
    height: 18px;
    border: 1px solid #00000020;
    border-radius: 5px;
    background: transparent;
}

.multi__li-item--selected {
    color: var(--azul) !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #00000005 !important;
}

.multi__li-item:hover {
    background-color: #00000010 !important;
}

.multi__li-item--selected::after {
    background: url(../../theassets/plugins/simpleMultiSelect/svg/check-light.svg);
    display: inline-block;
    width: 14px;
    height: 13px;
    font-size: 3.5em;
    /* position: absolute; */
    right: 10px;
    /* top: 15px; */
    content: "";
    /* border-width: 0 .26em .26em 0; */
    background-repeat: no-repeat;
}

/*============================== NOVO HEADER ====================================*/
:root{
    --linearHeader1: #0170A5;
    --linearHeader2: #005D89;
    --bg-sompo: #FCF8F9;

}
header#NewMenu {
    font-family: 'Roboto', sans-serif;
    background: linear-gradient(var(--linearHeader1), var(--linearHeader2));
    color: #FFF;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 99;
}
header#NewMenu section.top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    gap: 20px;
}
header#NewMenu section.top .left {
    display: flex;
    align-items: center;
}
header#NewMenu section.top .left img {
    margin: 0 25px;
    width: 138px;
}
header#NewMenu section.top .left nav a {
    color: #FFF;
    background: #ffffff00;
    font-size: 1.2em;
    padding: 8px 15px;
    border-radius: 5px;
    margin: 0 5px 0 0;
    position: relative;
    text-decoration: none;
    transition: .15s;
    cursor: pointer;
    /* transition: background .5s; */
}
header#NewMenu section.top .left nav a:hover {
    background: #1675A3;
}
header#NewMenu section.top .left nav a.active {
    background: white;
    color: #016797;
}
header#NewMenu section.top .left nav a::after {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 2px;
    background: #ffffff00;
    position: absolute;
    transform: rotate(45deg);
    left: calc(50% - 6px);
    bottom: 4px;
    transition: .15s;
    /* transition-delay: .3s; */
    z-index: -1;
}

header#NewMenu section.top .left nav a:hover::after {
    background: #1675A3;
}

header#NewMenu section.top .left nav a.active::after {
    background: white;
    bottom: -4px;
}
header#NewMenu section.top .right {
    display: flex;
    align-items: center;
    margin-right: 25px;
}
header#NewMenu section.top .right nav {
    display: flex;
}
header#NewMenu section.top .right nav a {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin-right: 10px;
    background-position: center !important;
    background-repeat: no-repeat;
    position: relative;
    transition: .15s;
    cursor: pointer;
}
header#NewMenu section.top .right nav a:last-child{
    margin: 0;
}
header#NewMenu section.top .right nav a:hover {
    background:#ffffff15;
    background-repeat: no-repeat;
}
header#NewMenu section.top .right nav a::after {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 2px;
    background: #ffffff00;
    position: absolute;
    transform: rotate(45deg);
    left: calc(50% - 6px);
    bottom: 4px;
    transition: .15s;
    z-index: -1;
}

header#NewMenu section.top .right nav a.active::after {
    background: white;
    bottom: -4px;
}
header#NewMenu section.top .right nav a.active {
    background:#ffffff;
    background-repeat: no-repeat;
}
header#NewMenu section.top .right nav a.mapsite {
    background-image: url(../img/icons/mapsite.svg);
    background-size: 23px auto;
}
header#NewMenu section.top .right nav a.contratos,
header#NewMenu #openMobile .configsNav a.item-nav span.contratos {
    background-image: url(../img/icons/contratos.svg);
    background-size: 18px auto;
}
header#NewMenu section.top .right nav a.notification {
    background-image: url(../img/icons/notification.svg);
    background-size: 23px auto;
}
header#NewMenu section.top .right nav a.notification-active {
    background: red;
    background-image: url(../img/icons/notification-active.svg);
    background-size: 23px auto;
}
header#NewMenu section.top .right nav a.notification-new {
    background-image: url(../img/icons/notification-new.svg);
    background-size: 23px auto;
}
header#NewMenu section.top .right nav a.phones,
header#NewMenu #openMobile .configsNav a.item-nav span.phones {
    background-image: url(../img/icons/phones.svg);
    background-size: 28px auto;
}
header#NewMenu section.top .right nav a.ramais{
    background-image: url(../img/icons/phones.svg);
    background-size: 28px auto;
}
header#NewMenu section.top .right nav a.avatar {
    /* background-image: url(../img/icons/default.svg); */
    background-size: 40px auto;
}
header#NewMenu section.top .right nav a.trocausuario,
header#NewMenu #openMobile .configsNav a.item-nav span.trocausuario {
    background-image: url(../img/icons/trocausuario.svg);
    background-size: 24px auto;
}
header#NewMenu section.top .right nav a.menumobile {
    background-image: url(../img/icons/menu-mobile.svg);
    background-size: 24px auto;
}

header#NewMenu #openMobile .configsNav a.item-nav span.ramais {
    background-image: url(../img/icons/ramal-fone.svg);
    background-size: 24px auto;
}
header#NewMenu #openMobile .configsNav a.item-nav span.meusdados {
    background-image: url(../img/icons/meusdados.svg);
    background-size: 24px auto;
}

header#NewMenu section.top .right nav a.active.mapsite {
    background-image: url(../img/icons/mapsite-active.svg);
}
header#NewMenu section.top .right nav a.active.contratos {
    background-image: url(../img/icons/contratos-active.svg);
}
header#NewMenu section.top .right nav a.active.notification {
    background-image: url(../img/icons/notification-active.svg);
}
header#NewMenu section.top .right nav a.active.phones {
    background-image: url(../img/icons/phones-active.svg);
}
header#NewMenu section.top .right nav a.active.ramais {
    background-image: url(../img/icons/phones-active.svg);
}
header#NewMenu section.top .right nav a.active.trocausuario {
    background-image: url(../img/icons/trocausuario-active.svg);
    background-size: 24px auto;
}
header#NewMenu section.top .right nav a.active.menumobile {
    background-image: url(../img/icons/menu-mobile-active.svg);
    background-size: 24px auto;
}

header#NewMenu section.top .right > nav.newmenu-mobile { display: none; }
header#NewMenu #openMobile { display: none; }

header#NewMenu section#openHeader {
    width: 100%;
    height: 0px;
    align-items: flex-start;
    padding: 0px;
    box-sizing: border-box;
    color:#FFF;
    position: relative;
    opacity: 0;
    overflow: hidden;
    display: flex;
    transition: height .5s, padding .5s, opacity .5s;
    box-shadow: 0px 30px 20px #00000035;
}

header#NewMenu section#openHeader.active {
    padding: 5vh 0 0px;
    opacity: 1;
}

header#NewMenu section#openHeader h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif;}

#backHeader { z-index: -1 ; position: absolute; width: 100vw; height: 100vh; display: none; }
#backHeader.active { display: block;  }

header#NewMenu  section#openHeader .ramal-icon  {
    mask: url(../img/icons/ramal-fone.svg) no-repeat center / contain;
    -webkit-mask: url(../img/icons/ramal-fone.svg) no-repeat center / contain;
}

header#NewMenu  section#openMobile .nlido-icon,
header#NewMenu  section#openHeader .nlido-icon {
    mask: url(../img/icons/lido-nao.svg) no-repeat center / contain;
    -webkit-mask: url(../img/icons/lido-nao.svg) no-repeat center / contain;
}

header#NewMenu  section#openMobile .lido-icon,
header#NewMenu  section#openHeader .lido-icon {
    mask: url(../img/icons/lido.svg) no-repeat center / contain;
    -webkit-mask: url(../img/icons/lido.svg) no-repeat center / contain;
}




header#NewMenu section#openHeader a.closeMenu { position: absolute; bottom: 24px; right: 24px; padding: 15px 25px; border-radius: 6px; background: rgba(255, 255, 255, 0.1); cursor: pointer}
header#NewMenu section#openHeader a.closeMenu:hover { opacity: 0.8;}

header#NewMenu section#openHeader #headerMenuLeft { display: none;  }
header#NewMenu section#openHeader #headerMenuLeft.active  {display: flex;  height: 100%; width: 100%; }
/* header#NewMenu section#openHeader #headerMenuLeft.active  {display: flex;  height: 100%; } */

header#NewMenu section#openHeader #headerMenuLeft #screenMenu-0 { display: none;}
header#NewMenu section#openHeader #headerMenuLeft #screenMenu-0.active { display: flex; height: 100%; }
header#NewMenu section#openHeader #headerMenuLeft #screenMenu-1 { display: none;}
header#NewMenu section#openHeader #headerMenuLeft #screenMenu-1.active { display: flex; height: 100%;}
header#NewMenu section#openHeader #headerMenuLeft #screenMenu-2 { display: none;}
header#NewMenu section#openHeader #headerMenuLeft #screenMenu-2.active { display: flex; height: 100%;}

header#NewMenu section#openHeader #headerMenuLeft .pai {width: 100%}

header#NewMenu section#openHeader #headerMenuLeft ul.aside { list-style: none; padding: 0 50px 0 100px; border-right: 1px solid rgba(255, 255, 255, 0.1);  }
header#NewMenu section#openHeader #headerMenuLeft ul.aside::-webkit-scrollbar  { width: 5px; }
header#NewMenu section#openHeader #headerMenuLeft ul.aside::-webkit-scrollbar-thumb { background: #1C4255; border-radius: 10px;}
header#NewMenu section#openHeader #headerMenuLeft ul.aside.scroll  { overflow-y: scroll; overflow-x: hidden; }
header#NewMenu section#openHeader #headerMenuLeft ul.aside li { margin-bottom: 8px; margin-right: 5px;}
header#NewMenu section#openHeader #headerMenuLeft ul.aside li a { display: block; color: #fff; font-size: 1.2em; line-height: 5vh; min-width: 250px; cursor: pointer;  border-radius: 7px; padding: 0 23px; transition: background .5s ; box-sizing: border-box; white-space: normal;}
header#NewMenu section#openHeader #headerMenuLeft ul.aside li a:hover {  background: rgba(255, 255, 255, 0.05); }
header#NewMenu section#openHeader #headerMenuLeft ul.aside li a.active { background: #ffffff; color: #016797; }

header#NewMenu section#openHeader #headerMenuLeft #submenu  { margin-right: 5px; width: 100%; }
header#NewMenu section#openHeader #headerMenuLeft #submenu.full  { overflow: scroll }
header#NewMenu section#openHeader #headerMenuLeft #submenu::-webkit-scrollbar  { width: 5px; }
header#NewMenu section#openHeader #headerMenuLeft #submenu::-webkit-scrollbar-thumb { background: #1C4255; border-radius: 10px;}

header#NewMenu section#openHeader #headerMenuLeft #submenu .itemSubmenu { display: none; width: 100%;}

header#NewMenu section#openHeader #headerMenuLeft #submenu div.items-menu {width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; row-gap: 12px; column-gap: 66px; padding: 0 100px 0 50px;}
header#NewMenu section#openHeader #headerMenuLeft #submenu div.items-menu .item { display: flex; flex-direction: column; align-items: flex-start; padding: 15px 18px; border-radius: 6px; transition: background .5s;}
header#NewMenu section#openHeader #headerMenuLeft #submenu div.items-menu .item:hover { background: rgba(255, 255, 255, 0.05);}

header#NewMenu section#openHeader #headerMenuLeft #submenu div.items-menu .item p { color: #fff; font-size: 1.2em; font-weight: 500; line-height: 1.35em; text-decoration: underline;}
header#NewMenu section#openHeader #headerMenuLeft #submenu div.items-menu .item span { color: #EEF5F670; font-size: 1.1em; font-weight: 300; line-height: 1.26em; }
header#NewMenu section#openHeader #headerMenuLeft #submenu div.items-menu .item.active p { color: #016797; }
header#NewMenu section#openHeader #headerMenuLeft #submenu div.items-menu .item.active span { color: #01679770; }

header#NewMenu section#openHeader #headerMenuRight { display: none; width: 100%; height: 100%; padding-right: 5px; }
header#NewMenu section#openHeader #headerMenuRight.active  { display: flex; }

header#NewMenu section#openHeader #headerMenuRight #screenPhones { font-family: 'Roboto', sans-serif; width: 100%; display: none; height: 100%; flex-direction: column; overflow-y: scroll; padding: 0 100px;}
header#NewMenu section#openHeader #headerMenuRight #screenPhones.active  { display: flex; }
header#NewMenu section#openHeader #headerMenuRight #screenPhones::-webkit-scrollbar  { width: 5px;  }
header#NewMenu section#openHeader #headerMenuRight #screenPhones::-webkit-scrollbar-thumb { background: #1C4255; border-radius: 10px;}
header#NewMenu section#openHeader #headerMenuRight #screenPhones #title{ width: 100%; display: flex; justify-content: space-between; align-items: center; }
header#NewMenu section#openHeader #headerMenuRight #screenPhones #title h2 { font-size: 2.77em; font-weight: 700; line-height: 3.24em; }
header#NewMenu section#openHeader #headerMenuRight #screenPhones #title input { border-radius: 10px; font-size: 1.38em; line-height: 2.77em; border: none; color: #fbfbfb; padding: 0 70px 0 110px; background: url('../img/icons/search.svg'), var(--linearHeader2); background-repeat: no-repeat; background-position: 20% center ; color: #FBFBFB}
header#NewMenu section#openHeader #headerMenuRight #screenPhones #title input::placeholder { color: #FBFBFB40; }

header#NewMenu section#openHeader #headerMenuRight #screenPhones .section-main table.phones { width: 100%; margin-bottom: 60px; }
header#NewMenu section#openHeader #headerMenuRight #screenPhones .section-main table.phones tr:nth-child(even) { background: #ffffff10; }
header#NewMenu section#openHeader #headerMenuRight #screenPhones .section-main table.phones tr:first-child { border-bottom: 1px solid #FFFFFF10; background: transparent;}
header#NewMenu section#openHeader #headerMenuRight #screenPhones .section-main table.phones tr th { font-size: 2em; padding: 20px 24px; color: #fbfbfb40}
header#NewMenu section#openHeader #headerMenuRight #screenPhones .section-main table.phones tr th:nth-child(1) { width: 60%}
header#NewMenu section#openHeader #headerMenuRight #screenPhones .section-main table.phones tr th:nth-child(2) { width: 15%}
header#NewMenu section#openHeader #headerMenuRight #screenPhones .section-main table.phones tr th:nth-child(3) { width: auto}
header#NewMenu section#openHeader #headerMenuRight #screenPhones .section-main table.phones tr th:nth-child(4) { width: auto}
header#NewMenu section#openHeader #headerMenuRight #screenPhones .section-main table.phones tr td { font-size: 1.3em; line-height: 1.5em ; font-weight: 400; padding: 20px 24px; color: #fbfbfb }
header#NewMenu section#openHeader #headerMenuRight #screenPhones .section-main table.phones tr td .etiqueta { font-size: 1.4em; line-height: 1.5em ; font-weight: 700; padding: 13px 20px; color: var(--sompo); border-radius: 10px; background: var(--bg-sompo)}

header#NewMenu section#openHeader #headerMenuRight #screenMap { font-family: 'Roboto', sans-serif; width: 100%; display: none; height: 100%; flex-direction: column; overflow-y: scroll; padding: 0 100px;}
header#NewMenu section#openHeader #headerMenuRight #screenMap.active  { display: flex; }
header#NewMenu section#openHeader #headerMenuRight #screenMap::-webkit-scrollbar  { width: 5px;  }
header#NewMenu section#openHeader #headerMenuRight #screenMap::-webkit-scrollbar-thumb { background: #1C4255; border-radius: 10px;}
header#NewMenu section#openHeader #headerMenuRight #screenMap #title{ width: 100%; display: flex; justify-content: space-between; align-items: center; }
header#NewMenu section#openHeader #headerMenuRight #screenMap #title h2 { font-size: 2.77em; font-weight: 700; line-height: 3.24em; }
header#NewMenu section#openHeader #headerMenuRight #screenMap #title input { border-radius: 10px; font-size: 1.38em; line-height: 2.77em; border: none; color: #fbfbfb; padding: 0 70px 0 110px; background: url('../img/icons/search.svg'), var(--linearHeader2); background-repeat: no-repeat; background-position: 20% center ; color: #FBFBFB}
header#NewMenu section#openHeader #headerMenuRight #screenMap #title input::placeholder { color: #FBFBFB40; }

header#NewMenu section#openHeader #headerMenuRight #screenMap .section-main { width: 100%; display: flex; flex-direction: column; margin-bottom: 60px; }
header#NewMenu section#openHeader #headerMenuRight #screenMap .section-main .title-box { flex: 1; border-bottom: 1px solid rgba(255,255,255, 0.1);}
header#NewMenu section#openHeader #headerMenuRight #screenMap .section-main .title-box h3 { font-size: 2em; font-weight: 700; color: #fbfbfb; opacity: 0.4; margin-bottom: 20px; }

header#NewMenu section#openHeader #headerMenuRight #screenMap .section-main .section-item { display: flex; flex: 1; padding: 40px 0 }
header#NewMenu section#openHeader #headerMenuRight #screenMap .section-main .section-item .subsection-title { flex: 1; display: flex; flex-direction: column; border-right: 1px solid rgba(255, 255, 255, 0.1);}
header#NewMenu section#openHeader #headerMenuRight #screenMap .section-main .section-item .subsection-title span { font-size: 1.31em; color: #fbfbfb; padding: 20px 0px}

header#NewMenu section#openHeader #headerMenuRight #screenMap .section-main .section-item .subsection-list { display: flex; flex: 6; padding: 20px 50px }
header#NewMenu section#openHeader #headerMenuRight #screenMap .section-main .section-item .subsection-list .container-sub { flex: 1; display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 65px; row-gap: 40px; }
header#NewMenu section#openHeader #headerMenuRight #screenMap .section-main .section-item .subsection-list .container-sub .sub-item { display: flex; flex-direction: column;}
header#NewMenu section#openHeader #headerMenuRight #screenMap .section-main .section-item .subsection-list .container-sub .sub-item a:hover{ opacity: 0.8;}
header#NewMenu section#openHeader #headerMenuRight #screenMap .section-main .section-item .subsection-list .container-sub .sub-item p { font-size: 1.08em; font-weight: 500; line-height: 1.26em; color: #fff; text-decoration: underline;}
header#NewMenu section#openHeader #headerMenuRight #screenMap .section-main .section-item .subsection-list .container-sub .sub-item span { font-size: 1.08em; font-weight: 300; line-height: 1.26em; color: #EEF5F6; }

header#NewMenu section#openHeader #headerMenuRight #screenAvatar { font-family: 'Roboto', sans-serif; width: 100%; display: none; height: 100%; flex-direction: column; overflow-y: scroll; padding: 0 100px;}
header#NewMenu section#openHeader #headerMenuRight #screenAvatar.active { display: flex; }
header#NewMenu section#openHeader #headerMenuRight #screenAvatar::-webkit-scrollbar  { width: 5px;  }
header#NewMenu section#openHeader #headerMenuRight #screenAvatar::-webkit-scrollbar-thumb { background: #1C4255; border-radius: 10px;}

header#NewMenu section#openHeader #headerMenuRight #screenAvatar .section-main { width: 100%; display: flex; flex-direction: row; /* margin-bottom: 60px; */ }

header#NewMenu section#openHeader #headerMenuRight #screenAvatar .section-main .perfil { display: flex; flex: 1; padding: 0 70px 0 0 ; border-right: 1px solid rgba(255, 255, 255, 0.1);}
header#NewMenu section#openHeader #headerMenuRight #screenAvatar .section-main .perfil .avatar { display: flex; padding-right: 50px;}
header#NewMenu section#openHeader #headerMenuRight #screenAvatar .section-main .perfil .avatar img {  width: 88px; height: 88px; border-radius: 50%; border: 5px solid rgba(255, 255, 255, 0.09); }
header#NewMenu section#openHeader #headerMenuRight #screenAvatar .section-main .perfil .dados {  display: flex; flex-direction: column; }
header#NewMenu section#openHeader #headerMenuRight #screenAvatar .section-main .perfil .dados span.nome {  font-size: 1.38em; font-weight: 700; white-space: nowrap}
header#NewMenu section#openHeader #headerMenuRight #screenAvatar .section-main .perfil .dados span.funcao {  font-size: 1.23em; line-height: 2.0em; font-weight: 400; opacity: 0.6;}
header#NewMenu section#openHeader #headerMenuRight #screenAvatar .section-main .perfil .dados span.tipo-perfil { margin-bottom: 15px; font-size: 1.23em; line-height: 2.0em; font-weight: 400; opacity: 0.6;}
header#NewMenu section#openHeader #headerMenuRight #screenAvatar .section-main .perfil .dados a { color: #fff; display: flex; align-items: center; padding: 5px 12px; border-radius: 6px; background: #B3D4E210; }
header#NewMenu section#openHeader #headerMenuRight #screenAvatar .section-main .perfil .dados a .icon {  width: 21px; height: 20px; background: #fff; margin-right: 14px;}
header#NewMenu section#openHeader #headerMenuRight #screenAvatar .section-main .perfil .dados a span { font-size: 1.23em; line-height: 1.46em; font-weight: 400; padding-top: 2px; white-space: nowrap}

header#NewMenu section#openHeader #headerMenuRight #screenAvatar .section-main .options { flex: 4; padding: 0 0 0 50px;}
header#NewMenu section#openHeader #headerMenuRight #screenAvatar .section-main .options .grid{ width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr ; row-gap: 42px; column-gap: 66px; }
header#NewMenu section#openHeader #headerMenuRight #screenAvatar .section-main .options .item { display: flex; flex-direction: column; align-items: flex-start;}
header#NewMenu section#openHeader #headerMenuRight #screenAvatar .section-main .options .item:hover { opacity: 0.8;}

header#NewMenu section#openHeader #headerMenuRight #screenAvatar .section-main .options .item p { color: #fff; font-size: 1.15em; font-weight: 500; line-height: 1.35em; text-decoration: underline;}
header#NewMenu section#openHeader #headerMenuRight #screenAvatar .section-main .options .item span { color: #EEF5F670; font-size: 1.1em; font-weight: 300; line-height: 1.26em; }

header#NewMenu section#openHeader #headerMenuRight #screenContratos { font-family: 'Roboto', sans-serif; width: 100%; display: none; height: 100%; flex-direction: column; overflow-y: scroll; padding: 0 100px;}
header#NewMenu section#openHeader #headerMenuRight #screenContratos.active  { display: flex; }
header#NewMenu section#openHeader #headerMenuRight #screenContratos::-webkit-scrollbar  { width: 5px;  }
header#NewMenu section#openHeader #headerMenuRight #screenContratos::-webkit-scrollbar-thumb { background: #1C4255; border-radius: 10px;}
header#NewMenu section#openHeader #headerMenuRight #screenContratos #title{ width: 100%; display: flex; justify-content: space-between; align-items: center; }
header#NewMenu section#openHeader #headerMenuRight #screenContratos #title h2 { font-size: 2.77em; font-weight: 700; line-height: 3.24em; }
header#NewMenu section#openHeader #headerMenuRight #screenContratos #title input { border-radius: 10px; font-size: 1.38em; line-height: 2.77em; border: none; color: #fbfbfb; padding: 0 70px 0 110px; background: url('../img/icons/search.svg'), var(--linearHeader2); background-repeat: no-repeat; background-position: 20% center ; color: #FBFBFB}
header#NewMenu section#openHeader #headerMenuRight #screenContratos #title input::placeholder { color: #FBFBFB40; }

header#NewMenu section#openHeader #headerMenuRight #screenContratos .section-main { width: 100%; display: flex; flex-direction: row; /* margin-bottom: 60px; */ }
header#NewMenu section#openHeader #headerMenuRight #screenContratos .section-main table.canais { width: 100%; /* margin-bottom: 60px; */ }
header#NewMenu section#openHeader #headerMenuRight #screenContratos .section-main table.canais thead tr { border-bottom: 1px solid #FFFFFF10; background: transparent;}
header#NewMenu section#openHeader #headerMenuRight #screenContratos .section-main table.canais tbody tr:nth-child(even) { background: #ffffff10; }
header#NewMenu section#openHeader #headerMenuRight #screenContratos .section-main table.canais tr th { font-size: 2em; padding: 20px 24px; color: #fbfbfb40}
header#NewMenu section#openHeader #headerMenuRight #screenContratos .section-main table.canais tr th:nth-child(1) { width: 50%}
header#NewMenu section#openHeader #headerMenuRight #screenContratos .section-main table.canais tr th:nth-child(2) { width: 25%}
header#NewMenu section#openHeader #headerMenuRight #screenContratos .section-main table.canais tr th:nth-child(3) { width: 25%}
header#NewMenu section#openHeader #headerMenuRight #screenContratos .section-main table.canais tr td { font-size: 1.3em; line-height: 1.5em ; font-weight: 400; padding: 20px 24px; color: #fbfbfb }

header#NewMenu section#openHeader #headerMenuRight #screenRamais { font-family: 'Roboto', sans-serif; width: 100%; display: none; height: 100%; flex-direction: column; overflow-y: scroll; padding: 0 100px;}
header#NewMenu section#openHeader #headerMenuRight #screenRamais.active  { display: flex; }
header#NewMenu section#openHeader #headerMenuRight #screenRamais::-webkit-scrollbar  { width: 5px;  }
header#NewMenu section#openHeader #headerMenuRight #screenRamais::-webkit-scrollbar-thumb { background: #1C4255; border-radius: 10px;}
header#NewMenu section#openHeader #headerMenuRight #screenRamais #title{ width: 100%; display: flex; justify-content: space-between; align-items: center; }
header#NewMenu section#openHeader #headerMenuRight #screenRamais #title h2 { font-size: 2.77em; font-weight: 700; line-height: 3.24em; }

header#NewMenu section#openHeader #headerMenuRight #screenTroca { font-family: 'Roboto', sans-serif; width: 100%; display: none; height: 100%; flex-direction: column; overflow-y: scroll; padding: 0 100px;}
header#NewMenu section#openHeader #headerMenuRight #screenTroca.active  { display: flex; }
header#NewMenu section#openHeader #headerMenuRight #screenTroca::-webkit-scrollbar  { width: 5px;  }
header#NewMenu section#openHeader #headerMenuRight #screenTroca::-webkit-scrollbar-thumb { background: #1C4255; border-radius: 10px;}
header#NewMenu section#openHeader #headerMenuRight #screenTroca #title{ width: 100%; display: flex; justify-content: space-between; align-items: center; }
header#NewMenu section#openHeader #headerMenuRight #screenTroca #title h2 { font-size: 2.77em; font-weight: 700; line-height: 3.24em; }
header#NewMenu section#openHeader #headerMenuRight #screenTroca #title input { border-radius: 10px; font-size: 1.38em; line-height: 2.77em; border: none; color: #fbfbfb; padding: 0 70px 0 110px; background: url('../img/icons/search.svg'), var(--linearHeader2); background-repeat: no-repeat; background-position: 20% center ; color: #FBFBFB}
header#NewMenu section#openHeader #headerMenuRight #screenTroca #title input::placeholder { color: #FBFBFB40; }
header#NewMenu section#openHeader #headerMenuRight #screenTroca .section-main { width: 100%; display: flex; flex-direction: row; /* margin-bottom: 60px; */ }
header#NewMenu section#openHeader #headerMenuRight #screenTroca .section-main table.troca { width: 100%; /* margin-bottom: 60px; */ }
header#NewMenu section#openHeader #headerMenuRight #screenTroca .section-main table.troca thead tr { border-bottom: 1px solid #FFFFFF10; background: transparent;}
header#NewMenu section#openHeader #headerMenuRight #screenTroca .section-main table.troca tbody tr:nth-child(even) { background: #ffffff10; }
header#NewMenu section#openHeader #headerMenuRight #screenTroca .section-main table.troca tr th { font-size: 2em; padding: 20px 24px; color: #fbfbfb40}
header#NewMenu section#openHeader #headerMenuRight #screenTroca .section-main table.troca tr th:nth-child(1) { width: 50%}
header#NewMenu section#openHeader #headerMenuRight #screenTroca .section-main table.troca tr th:nth-child(2) { width: 15%}
header#NewMenu section#openHeader #headerMenuRight #screenTroca .section-main table.troca tr th:nth-child(3) { width: auto}
header#NewMenu section#openHeader #headerMenuRight #screenTroca .section-main table.troca tr td { font-size: 1.3em; line-height: 1.5em ; font-weight: 400; padding: 20px 24px; color: #fbfbfb }
header#NewMenu section#openHeader #headerMenuRight #screenTroca .section-main table.troca tr td:nth-child(4) { text-align: right; }
header#NewMenu section#openHeader #headerMenuRight #screenTroca .section-main table.troca tr td:nth-child(4) a {  font-size: 0.887em ; font-weight: 500; background: #0089BF; text-transform: uppercase; padding: 12px 18px; border-radius: 50px; color: #FCFCFC; }


header#NewMenu section#openHeader #headerMenuRight #screenNotification { font-family: 'Roboto', sans-serif; width: 100%; display: none; height: 100%; flex-direction: column; overflow-y: scroll; padding: 0 100px;}
header#NewMenu section#openHeader #headerMenuRight #screenNotification.active  { display: flex; }
header#NewMenu section#openHeader #headerMenuRight #screenNotification::-webkit-scrollbar  { width: 5px;  }
header#NewMenu section#openHeader #headerMenuRight #screenNotification::-webkit-scrollbar-thumb { background: #1C4255; border-radius: 10px;}
header#NewMenu section#openHeader #headerMenuRight #screenNotification #title{ width: 100%; display: flex; justify-content: space-between; align-items: center; }
header#NewMenu section#openHeader #headerMenuRight #screenNotification #title h2 { font-size: 2.77em; font-weight: 700; line-height: 3.24em; }
header#NewMenu section#openHeader #headerMenuRight #screenNotification #title .icones-leitura { display: flex; gap: 16px}
header#NewMenu section#openHeader #headerMenuRight #screenNotification #title .icones-leitura > div { display: flex; flex: 1; align-items: center;}
header#NewMenu section#openHeader #headerMenuRight #screenNotification #title .icones-leitura > div .icon1 { width: 20px; height: 20px; background: #BFDBE9; margin-right: 10px; }
header#NewMenu section#openHeader #headerMenuRight #screenNotification #title .icones-leitura > div .icon2 { width: 20px; height: 20px; background: #fbfbfb; margin-right: 10px; }
header#NewMenu section#openHeader #headerMenuRight #screenNotification #title .icones-leitura > div span { font-size: 1.46em; font-weight:700;  }
header#NewMenu section#openHeader #headerMenuRight #screenNotification #title .icones-leitura > div span.num1 { color: #fff; }
header#NewMenu section#openHeader #headerMenuRight #screenNotification #title .icones-leitura > div span.num2 { color: #fbfbfb40 }

header#NewMenu section#openHeader #headerMenuRight #screenNotification .section-main { width: 100%; display: flex; flex-direction: column; /* margin-bottom: 60px; */ }
header#NewMenu section#openMobile #notificationOp .notice,
header#NewMenu section#openHeader #headerMenuRight #screenNotification .section-main .notice { height: 106px; margin-bottom: 20px;  border-radius: 6px; background: #2B232320; position: relative; overflow: hidden;}
header#NewMenu section#openMobile #notificationOp .notice.visualized,
header#NewMenu section#openHeader #headerMenuRight #screenNotification .section-main .notice.visualized { opacity: 0.4;}
header#NewMenu section#openMobile #notificationOp .notice picture,
header#NewMenu section#openHeader #headerMenuRight #screenNotification .section-main .notice picture { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 20; opacity: 0.2;}
header#NewMenu section#openMobile #notificationOp .notice div.content,
header#NewMenu section#openHeader #headerMenuRight #screenNotification .section-main .notice div.content { padding: 32px 45px; width: 100%; height: 100%; display: flex; justify-content: space-between; position: absolute; top: 0px; left: 0px ; z-index: 25}
header#NewMenu section#openMobile #notificationOp .notice .wrapper ,
header#NewMenu section#openHeader #headerMenuRight #screenNotification .section-main .notice .wrapper {width: 100%; height: 100%; top: 0px; left: 0px ; z-index: 25; display: flex;  align-items: center;}
header#NewMenu section#openMobile #notificationOp .notice .wrapper .icon1,
header#NewMenu section#openHeader #headerMenuRight #screenNotification .section-main .notice .wrapper .icon1 { width: 20px; height: 20px; background: #BFDBE9; margin-right: 24px; }
header#NewMenu section#openMobile #notificationOp .notice .wrapper .icon2,
header#NewMenu section#openHeader #headerMenuRight #screenNotification .section-main .notice .wrapper .icon2 { width: 20px; height: 20px; background: #fbfbfb; margin-right: 24px;  }
header#NewMenu section#openMobile #notificationOp .notice .wrapper .title,
header#NewMenu section#openHeader #headerMenuRight #screenNotification .section-main .notice .wrapper .title { font-size: 1.46em; font-weight: 400; color: #fbfbfb; margin-right: 11px; padding-top: 2px;}
header#NewMenu section#openMobile #notificationOp .notice .wrapper .data ,
header#NewMenu section#openHeader #headerMenuRight #screenNotification .section-main .notice .wrapper .data { font-size: 1.46em; font-weight: 700; color: #fbfbfb40; padding-top: 3px; }
header#NewMenu section#openMobile #notificationOp .notice a ,
header#NewMenu section#openHeader #headerMenuRight #screenNotification .section-main .notice a { font-size: 1.15em; font-weight: 500; padding: 12px 18px; text-transform: uppercase; color: #fff; background: #0089BF; border-radius: 50px; height: fit-content;}

.title-page { margin-bottom: 70px; font-family: Roboto, sans-serif;}
.title-page h2 { color: #0170A5; font-size: 4.2rem; font-weight: 900; line-height: 4.9rem; margin: 0; padding: 0;}
.title-page span { color: #333333; font-size: 1.8rem; font-weight: 400; line-height: 3.6rem; margin: 0; padding: 0;}

.area-banner { width: 100%; display: flex; align-items: center; justify-content: center; font-family: Poppins, sans-serif; }
.area-banner .banner { width: 75%; max-width: 950px; height: 150px; background: url('../img/admin/back-treina.jpg'); background-repeat: no-repeat; background-size: 50%; background-position: 100% center;  margin: 0; position: relative;}
.area-banner .banner .content-banner { position: absolute; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(49,56,75,1) 53%, rgba(54,39,61,0.60) 100%); display: flex; justify-content: space-between; align-items: center;  padding: 28px 45px;}
.area-banner .banner .content-banner > div { display: flex; gap: 50px; align-items: center}
.area-banner .banner .content-banner > div .title { font-size: 3.2rem; font-weight: 700; color: transparent; margin: 0; padding: 0; background-image: linear-gradient(90deg, rgba(143,210,236,1) 20%, rgba(255,255,255,1) 51.51%); background-clip: text; -webkit-background-clip: text;}
.area-banner .banner .content-banner > div a { font-size: 1.8rem; font-weight: 400; color: #333247; background-color: #FFCF02; margin: 0; padding: 10px 20px; border-radius: 4px; height: fit-content;}
.area-banner .banner .content-banner > div > div { display: flex; gap: 50px; align-items: center}
.area-banner .banner .content-banner > div > div .title { font-size: 3.2rem; font-weight: 700; color: transparent; margin: 0; padding: 0; background-image: linear-gradient(90deg, rgba(143,210,236,1) 20%, rgba(255,255,255,1) 51.51%); background-clip: text; -webkit-background-clip: text;}
.area-banner .banner .content-banner > div > div a { font-size: 1.8rem; font-weight: 400; color: #333247; background-color: #FFCF02; margin: 0; padding: 10px 20px; border-radius: 4px; height: fit-content;}

.area-banner.excep .banner { width: 100%; max-width: 100%;}
.area-banner.excep .banner .content-banner { display: flex; justify-content: center; align-items: center; }
.area-banner.excep .banner .content-banner > div { width: 100%; max-width: 1223px; display: flex; flex-direction: row; justify-content: space-between;}

@media (max-width: 1366px) {
    header#NewMenu section#openHeader #headerMenuRight #screenAvatar { padding: 0 60px;}
}

/* header#NewMenu section#openHeader div.items p {color:#FFF;display: none}
header#NewMenu section#openHeader div.items p:target {display: block}
header#NewMenu section#openHeader div.items p:not(:target) {display: none}
header#NewMenu section#openHeader div.items p:target {display: block} */











/*============================== NOVO HEADER END ====================================*/







/* ============== MINHAS FATURAS ============== */
.boxWrapper {
    display: flex;
    gap: 2%;
    float: left;
    width: 100%;
}

.boxWrapper .Box {
    height: fit-content;
    overflow: hidden;
}

.boxWrapper .Box .divController {
    display: flex;
    align-items: center;
    padding: 20px 30px 20px 20px;
    cursor: pointer;
    border-bottom: 1px solid #eef5f699;
}

.boxWrapper .Box .divController .controllerTitle{
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    margin-left: 10px !important;
}

.boxWrapper .Box .divController .arrowController{
    margin-left: auto;
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.boxWrapper .Box .divController.openBox {
    border-bottom: 1px solid #eef5f6;
}

.boxWrapper .Box .divController.openBox .arrowController{
    transform: rotate(0);
}

.boxWrapper .Box .controlledContentContainer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.boxWrapper .Box .controlledContentContainer.openBox{
    max-height: 1000px;
    transition: max-height 0.2s ease-in;
}

.totalizadoresContainer {
    padding: 25px 50px;
    display: flex;
    justify-content: space-between;
    height: 22vh;
}


@media (max-width: 1366px) {
    .totalizadoresContainer {
        height: 30vh;  /* 1366 */
    }
}

.totalizadoresContainer .chartsTotalizadores {
    display: flex;
    /* gap: 35px; */
    gap: 10%;
    width: 60%; /* ajuste */
    height: 100%; /* ajuste */
}

.totalizadoresContainer .chartsTotalizadores .chartTotalizadores{
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: flex-end;
    align-items: center;
    width: 100%; /* ajuste */
}

.chartTotalizadores .titleChart{
    font-size: 12px;
    color: #666666;
    font-weight: 600;
    opacity: 0.6;
}

.chartTotalizadores .chartValue{
    font-size: 16px;
    color: #666666;
    font-weight: 700;
}

.barTotalizadores {
    /* width: 88px; */
    width: 100%;/* ajuste */
}

.barTotalizadores.faturados {
    background-color: #007EB3;
}

.barTotalizadores.aFaturar {
    background-color: #FFC978;
}

.barTotalizadores.pagas {
    background-color: #48E1C1;
}

.valuesTotalizadoresContainer {
    display: flex;
    /* flex-direction: column; */
    align-items: center;/* ajuste */
    justify-content: center;/* ajuste */
    flex-wrap: wrap;/* ajuste */
    /* gap: 30px; */
    column-gap: 90px;
    width: 40%;
    height: 100%;
    margin: 0 0 0 25px; /* ajuste */
}

.totalizadoresValue {
    font-size: 20px;
    color: #646464;
    margin: 0;
    font-weight: 700;
    /* text-align: right; */
    text-align: center;
    /* margin-right: 5px; */
    white-space: nowrap;/* ajuste */
}

.titleTotalizadores {
    color: #666666;
    opacity: 0.6;
    font-size: 12px;
    font-weight: 500;
    text-align: right;
    white-space: nowrap; /* ajuste */
}

.pagoNoPeriodo, .totalReceber, .disponivelAntecipar {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.barTotalizadoresContainer {
    height: 100%;
    width: 100%; /* ajuste */
    display: flex;
    align-items: flex-end;
}

.simularAgoraContainer {
    padding: 24px 24px 23.595px 0px;
    display: flex;
    gap: 20px;
    background: #F6F6F6;
    border-radius: 8px;
    width: 100%;
    height: 100%;
}

.disponivelAntecipar p, .disponivelAntecipar h2 {
    text-align: left;
}

.simularAgora .btnSimularAgora {
    background: #48E1C1;
    border-radius: 30px;
    color: white;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 25px;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.simularAgora .btnSimularAgora:hover {
    opacity: 0.8;
}

.infoSimularAgora {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
}

.infoSimularAgora .titulo--antecipe--rendimentos {
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    margin: 0 !important;
}

.infoSimularAgora .simularAgora{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.infoSimularAgora .valorDisponivel {
    font-size: 13px;
    color: #666666;
    opacity: 0.6;
}

.BoxFaturas {
    border-radius: 6px;
    overflow: hidden;
}

.BoxFaturas .swiper-wrapper{
    align-items: center;
}

.BoxFaturas .swiper-button-next.swiper-button-disabled, .BoxFaturas .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: pointer;
    pointer-events: auto;

}

.BoxFaturas .swiper-button-prev{
    left: 0px;
    border-right: 1px solid #eef5f6;
}

.BoxFaturas .swiper-button-next{
    right: 0px;
    border-left: 1px solid #eef5f6;
}

.BoxFaturas .swiper-button-prev, .BoxFaturas .swiper-button-next {
    height: 100%;
    background: white;
    top: 22px;
    width: 60px;
    border-bottom: 1px solid #eef5f6;
}

.BoxFaturas .swiper-button-next:after, .BoxFaturas .swiper-button-prev:after {
    font-size: 0;
    width: 18.57px;
    height: 8px;
    background-image: url(../img/icons/arrowBoxChart.svg);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.4;
}

.BoxFaturas .swiper-button-next:after {
    transform: rotate(90deg);
}

.BoxFaturas .swiper-button-prev:after {
    transform: rotate(-90deg);
}

.BoxFaturas .swiper-container {
    /* width: calc(100% - 110px); */
    width: 100%;
    height: 130px;
    position: relative; /* Estava sem */
    /* margin: 0 auto; */
    overflow: unset;
    background: #F7F7F7;
    padding: 0 66px 0 66px;
}

.BoxFaturas .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: white;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-direction: column;
    height: 90%;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.3s ease;
    /* min-width: 116px; */
}

.BoxFaturas .swiper-slide.pago {
    background: #FFF;
}

.BoxFaturas .swiper-slide .dateMonthFatura{
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #646464 !important;
    line-height: 1;
    margin-top: 2px;
}

.BoxFaturas .swiper-slide .yearFatura{
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #ABABAB !important;
}
.BoxFaturas .swiper-slide .valueFatura{
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #666666 !important;
    margin-top: 3px !important;
    transition: color 0.3s ease;
}

.BoxFaturas .swiper-slide .statusFatura{
    font-size: 11px;
    font-weight: 600;
    padding: 3px 10px;
    text-align: center;
    border-radius: 5px;
    margin: 9px 7px 0;
}

.BoxFaturas .swiper-slide.pago .statusFatura{
    border: 1px solid #868EA4;
    color: #868EA4;
}

.BoxFaturas .swiper-slide.selected {
    border: 2px solid #0170A5;
    background: #F4FDFF;
}

.BoxFaturas .swiper-slide.selected .valueFatura{
    color: #0170A5 !important;
}

.BoxFaturas .swiper-slide.pendente .statusFatura {
    color: var(--vermelho-new);
    background: var(--vermelho-leve-new);
    font-weight: 700;
}

.BoxFaturas .swiper-slide.parcialmente_pago .statusFatura {
    color: var(--amarelo-new);
    background: var(--amarelo-leve-new);
    font-weight: 700;
}

.BoxFaturas .swiper-slide.pago .statusFatura {
    color: var(--verde-new);
    background: var(--swift);
    font-weight: 700;
}

.BoxFaturas .swiper-slide.pago .dateMonthFatura,
.BoxFaturas .swiper-slide.pago .valueFatura{
    opacity: 0.6;
}

.BoxFaturas .swiper-slide .yearFatura {
    opacity: 0.4;
}

.BoxFaturas .faturaContainer {
    width: 100%;
    margin-top: 60px;
    padding: 0 45px;
}

.faturaContainer .titleAndDate{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.faturaContainer .faturaNumber{
    display: flex;
    gap: 20px;
    align-items: baseline;
}

.faturaContainer .titleFatura{
    font-size: 24px;
    font-weight: 700;
    color: #646464;
    margin: 0;
}

.faturaContainer .faturaNumber span{
    font-size: 24px;
    color: #ABABAB;
    font-weight: 700;
}

.footerBoxFatura {
    display: flex;
    align-items: center;
    border-top: 1px solid #F2F2F2;
}

.footerBoxFatura .titleInfoFatura{
    font-size: 11px !important;
    color: #666666 !important;
    opacity: 0.7;
    font-weight: 600 !important;
}

.footerBoxFatura .valueInfoFatura{
    font-size: 19px;
    color: #646464;
    font-weight: 700;
    margin: 0;
}

.totalFatura {
    margin-left: auto;
    border-left: 1px solid #F2F2F2;
    padding: 20px 45px;
    background: #F7F7F7;
}

.infosFaturaWrapper {
    display: flex;
    justify-content: space-between;
    padding: 20px 45px;
    gap: 100px;
}


/* CLASSES PARA OCULTAR TELA NOVA OU ANTIGA DE MINHAS FATURAS */

/* TELA NOVA DE FATURAS */
/* .hideFaturas {
    display: none !important;
} */

/* TELA ANTIGA DE FATURAS */
.oldFaturas {
    display: none !important;
}

/* FIM CLASSES PARA OCULTAR TELA NOVA OU ANTIGA DE MINHAS FATURAS */


.table-top .flex-content .buttonSubmit {
    background: #0170A5;
    border-radius: 50px;
    height: 36px;
    margin-left: 10px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    transition: background 0.3s ease;
}

.table-top .flex-content .buttonSubmit:hover {
    background: #2784b1;
}

.table-top .flex-content .buttonSubmit img{
    width: 14.5px;
    height: 16px;
}

.gerenciadorPerfis {
    height: 100vh;
    min-height: 100vh;
}

.perfisRightButton{
    border-radius: 50px;
    padding: 6px 24px;
    color: white;
    background: #0089BF;
    font-size: 19px;
    width: max-content;
    cursor: pointer;
    margin-left: auto;
    transition: all 0.3s ease;
}

.perfisRightButton.redBtn{
    background-color: #FF4B6A;
}

.perfisRightButton.greenBtn{
    background-color: #00C1B4;
    padding: 18px 50px;
}

.perfisRightButton.greenBtn.disabled{
    background-color: #FCF8F9;
    color: #E3E3E3;
}

.perfisRightButton:hover,
.btnNomeEmail:hover{
    opacity: 0.7;
}

.gerenciadorPerfis .boxGerenciadorPerfis{
    float: left;
    width: 100%;
    border-radius: 10px;
    background: #fff;
    padding: 64px 53px 100px;
    margin-bottom: 10px;
}

.gerenciadorPerfis #Topo{
    margin: 0 0 76px;
}

.twoButtons #Topo{
    display: flex;
    align-items: center;
}

.trelloApi.twoButtons #Topo{
    display: flex;
    align-items: unset;
}

td[data-content="registrar tempo"] img {
    height: 17px;
    width: 14px !important;
}

.gerenciadorPerfis #Topo .breadcampContainer{
    display: flex;
    flex-direction: column;
}

.gerenciadorPerfis #Topo .btnsWrapper{
    margin-left: auto;
    display: flex;
    gap: 20px;
}

.gerenciadorPerfis .boxGerenciadorPerfis table thead tr{
    text-transform: uppercase;
    background: #fff;
    color: #666666;
    font-size: 11px;
    font-weight:
            700;

}
.gerenciadorPerfis .boxGerenciadorPerfis table thead th:nth-child(1){
    width: 8%;
}
.gerenciadorPerfis .boxGerenciadorPerfis table thead th:nth-child(2){
    width: 20%;
}
.gerenciadorPerfis .boxGerenciadorPerfis table thead th:nth-child(3){
    width: 13%;
}
.gerenciadorPerfis .boxGerenciadorPerfis table thead th:nth-child(4){
    width: 37%;
}
.gerenciadorPerfis .boxGerenciadorPerfis table thead th.except_largura {
    width: 20%;
}
.gerenciadorPerfis .boxGerenciadorPerfis table thead th:nth-child(5){
    width: 1px;
}
.gerenciadorPerfis .boxGerenciadorPerfis table thead th:nth-child(6){
    width: 1px;
}
.gerenciadorPerfis .boxGerenciadorPerfis table thead th:nth-child(7){
    width: 1px;
}

.gerenciadorPerfis .boxGerenciadorPerfis table tbody tr td{
    color: #666666;
    font-size: 14px;
    font-weight: 600;
}

.gerenciadorPerfis .boxGerenciadorPerfis table tbody tr .tableTag{
    color: #EEF5F6;
    background: #98B4BB;
    font-size: 13px;
    padding: 9px 13px;
    border-radius: 7px;
    width: max-content;
    font-weight: bold;
}

.gerenciadorPerfis .boxGerenciadorPerfis table tbody tr:nth-child(odd){
    background: #F8F8F8;
    border-radius: 5px;
}

.gerenciadorPerfis .boxGerenciadorPerfis table tbody tr .tableTag{
    color: #EEF5F6;
    background: #98B4BB;
    font-size: 13px;
    padding: 9px 13px;
    border-radius: 7px;
    width: max-content;
    font-weight: bold;
}

.gerenciadorPerfis .boxGerenciadorPerfis table tbody tr .tableTag.green{
    background: #00C1B4;
    color: white;
}

.gerenciadorPerfis .boxGerenciadorPerfis table tbody tr .tableTag.red{
    background: #FF4B6A;
    color: white;
}

.gerenciadorPerfis .boxGerenciadorPerfis table tbody td{
    padding: 12px 5px;
}

.gerenciadorPerfis .boxGerenciadorPerfis table tbody tr td:first-child{
    padding-left: 13px;
}
/* .gerenciadorPerfis .boxGerenciadorPerfis table tbody tr td.except_padding{
    padding-left: 10px;
} */

.gerenciadorPerfis .boxGerenciadorPerfis table tbody tr td:last-child{
    padding-right: 13px;
}

.gerenciadorPerfis .boxGerenciadorPerfis table tbody tr .btnTable{
    color: #fff;
    border-radius: 50px;
    background: #0089BF;
    font-size: 13px;
    padding: 9px 16px;
    font-weight: bold;
    width: max-content;
    text-transform: uppercase;
    cursor: pointer;
}

.box.boxGerenciadorPerfis.paginaPerfil{
    padding: 0 !important;
}

.box.boxGerenciadorPerfis.EditarPerfil{
    padding: 51px 39px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.box.boxGerenciadorPerfis.EditarPerfil .greenBtn{
    margin-left: unset;
    border: 0;
}

.box.boxGerenciadorPerfis.EditarPerfil .nomeMenuDireitoWrapper{
    display: flex;
    gap: 30px;
}

.box.boxGerenciadorPerfis.EditarPerfil .formWrapper{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: flex-end;
}

.inputsWrapper {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.boxGerenciadorPerfis .paginaPerfilHeader {
    display: flex;
    align-items: center;
    padding: 28px 24px;
    border: 1px solid #00000012;
    gap: 25px;
    border-radius: 11px 11px 0 0;
}

.inputProcurar {
    background: #F7F7F7;
    border: 0;
    border-radius: 6px;
    outline: 0;
    padding: 14px 18px;
    font-size: 14px;
    font-weight: 600;
    color: #666666;
    width: 300px;
}

.inputProcurar::placeholder {
    font-size: 14px;
    font-weight: 600;
    color: #666666
}

.selectGestaoPerfis {
    padding: 14px 0;
    outline: 0;
    /* appearance: none; */
    position: relative;
    border: 0;
    border-radius: 6px;
    margin-right: 17.57px;
    width: 250px;
}

.paginaPerfil table .selectGestaoPerfis {
    width: 91%;
}

.selectWrapper {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 0 0 0 19px;
    background: white;
    width: max-content;
}

.paginaPerfil table .selectWrapper {
    width: 93%
}

.paginaPerfil table thead tr th {
    padding: 16px 5px;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 1;
    box-shadow: 0px 1px 1px #00000010;
}

.gerenciadorPerfis .boxGerenciadorPerfis.paginaPerfil table thead th{
    width: auto;
}

.gerenciadorPerfis .paginaPerfil table thead th:nth-child(1) {
    width: 13%;
    padding-left: 28px;
}

.gerenciadorPerfis .paginaPerfil .usuariosDo table thead th:nth-child(1) {
    width: 15%;
    padding-left: 28px;
}

.gerenciadorPerfis .paginaPerfil .usuariosDo table thead th:nth-child(2) {
    width: 22%;
    padding-left: 28px;
}

.gerenciadorPerfis .paginaPerfil table thead th:nth-child(2) {
    width: 27%;
}

.gerenciadorPerfis .boxGerenciadorPerfis table tbody tr td:first-child {
    padding-left: 28px;
}
.gerenciadorPerfis .boxGerenciadorPerfis table tbody tr td.except_padding {
    padding-left: 13px;
}

/* .gerenciadorPerfis .boxGerenciadorPerfis table tbody tr td:last-child {
    display: flex;
    justify-content: flex-end;
} */

.paginaPerfil .tableOverflow {
    max-height: 550px;
    overflow: auto;
    border-radius: 10px;
}

.paginaPerfil .tableOverflow table {
    overflow: auto;
}

.checkBoxPerfis{
    margin: 0;
    display: flex;
    align-items: center;
}

.checkBoxPerfis input{
    opacity: 0;
    position: absolute;
    margin: 0;
    display: none;
}

.checkBoxPerfisControl{
    height: 18px;
    width: 18px;
    border: 1px solid #333333;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkBoxPerfisControl .checkBoxPerfisChecked{
    height: 12px;
    width: 12px;
    border-radius: 3px;
    background: #333333;
    display: none;
}

.checkBoxPerfis input:checked + .checkBoxPerfisControl .checkBoxPerfisChecked{
    display: block;
}

.tableOverflow.usuariosDo .btnTable{
    margin-left: auto;
}

.divWithLabelWrapper {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.formWrapper .divWithLabelWrapper {
    min-width: 250px;
    flex: 1;
}

.formWrapper .divWithLabelWrapper:nth-child(9) {
    flex: unset;
}

.formWrapper .divWithLabelWrapper .inputProcurar{
    width: 100%;
}

.formWrapper .divWithLabelWrapper:nth-child(1),
.formWrapper .divWithLabelWrapper:nth-child(2){
    min-width: 350px;
}

.divWithLabelWrapper .EditarPerfilLabel {
    margin: 0;
    color: #666666;
    font-size: 14px;
    font-weight: 600;
}

.divWithLabelWrapper label{
    font-size: 14px;
    color: #666666;
    font-weight: 600;
}

.divWithLabelWrapper .checkBoxPerfisControl{
    margin-right: 10px;
}

.divWithLabelWrapper .checkboxWrapper{
    height: 100%;
    display: flex;
    align-items: center;
    gap: 40px;
}

.buttonsWrapper {
    display: flex;
    gap: 10px;
}

.btnNomeEmail {
    border-radius: 7px;
    color: white;
    background: #0089BF;
    padding: 10px 20px;
    border: 0;
    transition: all 0.3s ease;
}

.btnNomeEmail.grayBtn {
    color: #666666;
    background: lightgray;
}

.infoRight {
    display: flex;
    flex-direction: column;
    gap: 43px;
    margin-left: auto;
}

.sprintEntregaContainer {
    display: flex;
    gap: 35px;
}

.sprintEntregaContainer:nth-child(2) {
    align-self: flex-end;
}

.inicioDaSprint {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #33333399;
    white-space: nowrap;
}

.tagTrelloApi {
    color: #EEF5F6;
    font-size: 11px;
    border-radius: 4px;
    background: #98B4BB;
    padding: 6px 9px;
    text-transform: uppercase;
    width: max-content;
    white-space: nowrap;
}

.inicioDaSprint.second {
    font-size: 13px;
}

.inicioDaSprint.second img{
    border-radius: 50px;
    width: 36px;
    height: 36px;
}

.imgInicioDaSprint {
    position: relative;
}

.imgInicioDaSprint.playTrello::after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 0;
    right: -1px;
    background: url(/assets/img/TrelloAPIArrow.svg) center no-repeat, #00C1B4;
    border-radius: 50px;
}

.imgInicioDaSprint.stopTrello::after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 0;
    right: -1px;
    background: url(/assets/img/trelloStop.svg) no-repeat, #FF4B6A;
    border-radius: 50px;
    background-position: 4px 4px;
}

.sectionTitle {
    color: #0170A5;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 17px;
}

.boxTrelloAPI {
    background: #FFFFFF;
    border: 1px solid #F3F3F3;
    border-radius: 10px;
    padding-bottom: 8px;
}

.boxHeader {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 14px;
    color: #333333;
    padding: 13px;
    padding-left:20px;
    padding-right:20px;
    line-height: 1;
    align-items: center;
    border-top: 1px solid #f3f3f3;
    background: white;
    text-transform: capitalize !important;
}

.modal-content .boxHeader {
    padding: 27px 27px 13px 37px;
    align-items: center;
}

.rightInfo {
    margin-left: auto;
    display: flex;
    gap: 18px;
}

.tagTrelloApi.blueTag {
    color: #FCFCFC;
    background: #0089BF;
    text-transform: none;
}

.boxTrelloAPI table thead tr {
    background: #fff;
    border-bottom: 1px solid #f3f3f3;
}

.boxTrelloAPI table tbody {
    background: #FCFCFC;
}

.boxTrelloAPI table thead tr th:nth-child(1){
    padding: 17px 0px 17px 37px;
}

.boxTrelloAPI table thead tr th{
    color: #33333399;
    font-size: 11px;
    font-weight: 900;
}

.boxTrelloAPI table tbody tr {
    border-bottom: 1px solid #f2f2f2;
}

.boxTrelloAPI table tbody tr td:nth-child(1){
    padding: 20px 0px 20px 37px;
    font-weight: 600;
    color: #333333;
}

.boxTrelloAPI table tbody tr td {
    font-weight: 600;
    color: #333333;
    font-size: 13px;
}

.buttonTrelloTable {
    display: flex;
    gap: 10px;
    padding: 10px 18px;
    border-radius: 60px;
    border: 1px solid #C5C5C5;
    color: #333333;
    font-size: 13px;
    font-weight: 500;
    width: max-content;
    cursor: pointer;
    font-family: "Roboto";
    white-space: nowrap;
    align-items: center;
}

.verTableTrelloAPI {
    border-radius: 100px;
    background: #0170A5;
    color: #FCFCFC;
    padding: 7px 13px;
    font-weight: 700;
    cursor: pointer;
    width: max-content;
}

.iniciarTimer a{
    display: flex;
    align-items: center;
    gap: 10px;
    color: #333333 !important;
}

.timerContainer {
    display: none;
    align-items: center;
}

.timerContainer > img {
    border: 3px solid #00C1B4;
    border-radius: 50px;
    height: 43px;
    width: 43px;
    z-index: 1;
}

.timerControll {
    background: #00C1B4;
    border-radius: 60px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 9px 9px 40px;
    width: max-content;
    font-size: 15px;
    font-weight: bold;
    z-index: 0;
    margin-left: -31px;
}

.timerControll img {
    cursor: pointer;
}

.timerControll img:not(.clockArrow img:nth-child(2)) {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(49deg) brightness(110%) contrast(101%);
}

.timerControll p {
    margin: 0;
}

.clockArrow {
    display: flex;
    align-items: center;
    gap: 3px;
    cursor: pointer;
}

.playTimerImg {
    display: none;
}

.pauseContainer {
    display: flex;
    gap: 3px;
    cursor: pointer;
    width: 12px;
}

.pauseContainer div {
    width: 3px;
    height: 12px;
    background: #fff;
}

.avatar-user-card {
    display: flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    padding: 9px;
    font-size: 1.4rem;
    font-weight: 900;
    border-radius: 50px;
    background-color: #007eb3;
    color: #fff;
}

.avatar-user-card-img {
    width: 38px !important;
    height: 38px;
    object-fit: fill;
    border-radius: 100px;
    border: 0 ;
}

.sectionTrelloWrapper {
    display: flex;
    flex-direction: column;
    gap: 70px;
    float: left;
    width: 100%;
}

.trelloApi #Topo .breadcampContainer h3 {
    color: #333333;
}

.tagTrelloApi.headerTrelloAPI {
    background: #0089BF;
    border-radius: 7px;
    color: #FCFCFC;
    font-size: 15px;
    font-weight: 600;
    padding: 12px 18px;
    text-transform: unset;
}

.ver table img {
    border-radius: 50px;
    width: 36px;
    height: 36px;
}

.ver table tbody tr td:last-child {
    padding-right: 15px;
}

.ver table tbody tr td:last-child div {
    margin-left: auto;
}

.modal.modalTrelloAPI {
    display: block; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modalTrelloAPI .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 886px;
    border: 1px solid #888;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    border-radius: 10px;
    overflow: hidden;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

#myModalAPI {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.formModalAPI {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 26px 37px;
}

.formModalAPI form {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.formModalAPI .inputsAPIwrapper {
    display: flex;
    column-gap: 27px;
    row-gap: 30px;
    flex-wrap: wrap;
}

.formModalAPI input,  .formModalAPI textarea{
    border: 0;
    outline: 0;
    color: #333333;
    font-size: 13px;
    padding: 14px 18px;
    background: #F7F7F7;
    border-radius: 7px;
    width: 100%;
}

.formModalAPI textarea {
    border-radius: 10px;
    height: 91px;
    resize: none;
}

.quemContainer {
    position: relative;
}

.formModalAPI .inputWrapperAPI img {
    position: absolute;
    height: 36px;
    width: 36px;
    border-radius: 50px;
    right: 8px;
    top: 5px;
}

.inputWrapperAPI {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
}

.inputWrapperAPI:first-child {
    min-width: 203px;
}

.inputWrapperAPI:last-child {
    min-width: 100%;
}

.inputWrapperAPI label{
    color: #33333399;
    font-weight: 900;
    font-size: 11px;
    text-transform: uppercase;
    font-family: "Roboto";
    white-space: nowrap;
}

.tempoGastoContainer {
    display: flex;
    gap: 5px;
}

.tempoGastoContainer input {
    width: 46px;
    padding: 14px 10px;
}

.tempoGastoHorasWrapper {
    position: relative;
}

.horasAbsolute {
    position: absolute;
    color: #66666699;
    font-size: 11px;
    font-weight: 600;
    bottom: -16px;
    width: 100%;
    text-align: center;
}


.closeModal {
    cursor: pointer;
}

.btnsModalApiContainer {
    display: flex;
}

.btnsCancelarAtualizar {
    display: flex;
    gap: 20px;
    margin-left: auto;
}

.excluirEntradaApi {
    border: 0;
    outline: 0;
    color: white;
    border-radius: 60px;
    display: flex;
    align-items: center;
    font-size: 15px;
    background: #FF4B6A;
    gap: 10px;
    padding: 10px 17px;
}

.excluirEntradaApi img {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(268deg) brightness(104%) contrast(100%);
}

.excluirEntradaApi.cancelarBtn {
    color: #333333;
    border: 1px solid #C5C5C5;
    background: white;
}

.excluirEntradaApi.atualizarBtn {
    background: #0170A5;
    padding: 10px 30px;
}

.HeaderTrelloAPI {
    position: fixed;
    height: 80px;
    width: 100%;
    background: #fff;
    border-bottom: 2px solid #F3F3F3;
    display: flex;
    align-items: center;
    z-index: 10;
    padding: 0 0 0 25px;
    font-style: "Roboto";
    gap: 40px;
}

.HeaderTrelloAPI .btnBackTitle {
    display: flex;
    align-items: center;
    gap: 20px;
    color: #0170A5;
    font-size: 28px;
    font-weight: bold;
}

.btnBack {
    display: flex;
    gap: 7px;
    font-size: 11px;
    font-weight: bold;
    background: #0170A5;
    border-radius: 50px;
    padding: 10px 15px;
    color: white;
    cursor: pointer;
}

.menuHeaderApi {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 36px;
}

.menuHeaderApi li a {
    color: #333333;
    font-size: 14px;
    font-weight: 600;
}

.menuHeaderApi li a.selected {
    color: #33333399;
}

.userContainer {
    padding: 22px 17px 22px 19px;
    border-left: 1px solid #F3F3F3;
    display: flex;
    gap: 14px;
    align-items: center;
    height: 100%;
    margin-left: auto;
    min-width: 256px;
}

.userContainer > img {
    border-radius: 50px;
    height: 36px;
    width: 36px;
    margin-bottom: -3px;
}

.userWrapper {
    display: flex;
    align-items: center;
    width: 100%;
}

.nomeCardsAtivos {
    display: flex;
    flex-direction: column;
}

.nomeCardsAtivos p {
    margin: 0;
}

.userWrapper img {
    margin-left: auto;
}

.nomeUser {
    font-weight: bold;
    font-size: 17px;
    color: #333333;
}

.cardsAtivos {
    font-weight: 600;
    font-size: 13px;
    color: #33333399;
}

#rightSideLogin {
    width: 58%;
    height: 100%;
    background: #0088be;
    right: 0;
    top: 0;
    position: absolute;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

#troca-senha .entrarNewLoginText,
.entrarNewLoginText {
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    padding: 0;
    margin: 0 0 30px 0;
    color: #000000 !important;
    text-align: center;
    width: 100%;
}

.chooseSystem {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100vh;
    background: #fff;
    gap: 30px;
}

.chooseSystem .chooseSystemFooter{
    font-size: 11px;
    color: #8B8B8B;
    padding-bottom: 30px;
}

.chooseSystem .chooseSystemContent {
    display: flex;
    flex-direction: column;
    gap: 35px;
    align-items: center;
}

.chooseSystem .chooseSystemContent > img {
    width: 175px;
}

.chooseSystem .chooseSystemContent .verificamos {
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    text-align: center;
    max-width: 500px;
}

.chooseSystem .optionsWrapper {
    display: flex;
    gap: 60px;
}

.chooseOptionContainer {
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 10px;
    border: 1px solid #F0F0F0;
    padding: 5px 5px 15px;
    background: #F7F7F7;
    text-align: center;
    color: #333333;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.chooseOptionContainer:hover {
    background: #F7F7F799;
}

.chooseOptionContainer > img {
    border-radius: 7px;
    width: 220px;
    height: 120px;
}

@media (max-width:600px) {
    .chooseSystemContent {
        padding: 0 10px;
    }

    .optionsWrapper {
        flex-direction: column;
    }

    .optionsWrapper img {
        width: 250px;
    }

    .chooseSystem .chooseSystemFooter {
        margin-top: 30px;
    }
}

.gerenciadorPerfis.arquivosFotos {
    padding-top: 0;
}

.arquivosFotos .paginaPerfil {
    overflow: hidden;
}

.arquivosFotos .paginaPerfilHeader {
    padding: 20px 38px 20px 24px;
}

.arquivosFotos .selectWrapper {
    flex: 1;
    max-width: 230px;
}
.arquivosFotos .selectGestaoPerfis {
    width: 92%;
}

.arrowForwardContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 27px;
    background: #0170A5;
    border-radius: 50px;
    border: 0;
    transition: all 0.3s ease;
}

.arrowForwardContainer:hover {
    opacity: 0.8;
}

.ArquivosFotosContainer {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: #F7F7F7;
    width: 100%;
    position: absolute;
    top: 0;
    padding: 20px ​25px 20px ​25px !important;
}

.downloadAllContainer {
    width: 100%;
}

.btnDownloadAll {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    border-radius: 100px;
    background: #0170a5;
    padding: 10px 15px;
    margin-left: auto;
    border: 0;
    text-transform: uppercase;
    width: fit-content;
}
.btnDownloadAll:hover    {
    color: #FFFFFF ;
}
.btnDownloadAll:hover a {
    color: #FFFFFF ;
}
.btnDownloadAll i {
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #FFFFFF60;
    width: 17px;
    height: 17px;
    -webkit-mask: url(../img/icons/downloadArrow.svg) no-repeat 50% 50%;
    mask: url(../img/icons/downloadArrow.svg) no-repeat 50% 50%;
    -webkit-mask-size: 100%;
    mask-size: 100%;
}


.arquivosFotos .inputProcurar {
    width: unset;
    flex: 1;
}

.arquivosFotos .gridArquivos {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(220px,1fr));
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    background: #F7F7F7;
    padding: 80px 25px 20px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    border: 1px solid #00000012;
    border-top: 0;
    position: relative;
}

.cardArquivo, .cardArquivoAprovacoes {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    height: max-content;
}

.cardArquivo .cardArquivoimg, .cardArquivoAprovacoes .cardArquivoimgAprovacoes {
    height: 176px;
    width: 100%;
    background: #cfcfcf;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;

}

.cardArquivo  .cardArquivoimg img, .cardArquivoAprovacoes .cardArquivoimgAprovacoes img {
    min-width: 100%;
    max-width: 320px;
}

.infoCardContainer {
    padding: 21px 13px 11px 21px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.infoCardFilename {
    font-weight: 600;
    font-size: 12px;
    color: #666666;
    word-break: break-all;
    margin: 0;
}

.infoCardDate {
    font-weight: 600;
    font-size: 12px;
    color: #66666699;
    margin: 0;
}

.infoCardTag {
    padding: 6px 9px;
    background: #EEF5F6;
    border-radius: 4px;
    font-weight: bold;
    font-size: 11px;
    color: #98B4BB;
    text-transform: uppercase;
    width: max-content;
}

.infoCardButtonsContainer {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    gap: 5px;
    margin-top: -5px;
}

.infoCardBtns {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 28px;
    border-radius: 100px;
    border: 0;
}

.infoCardBtns.infoCardDownload {
    background: #EEF5F6;
}

.infoCardBtns.infoCardDelete {
    background: #FFF5F7;
}

.cardArquivo #selectFile, .cardArquivoAprovacoes #selectFile {
    margin: 0;
}

.cardArquivo .selectFileContainer, .cardArquivoAprovacoes .selectFileContainer {
    position: absolute;
    left: 10px;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 6px;
    border-radius: 50px;
    background: #f7f7f733;
    margin: 0;
}
.cardArquivo .selectFileContainer input, .cardArquivoAprovacoes .selectFileContainer input {
    margin:0;
    width: 21px;
    height: 17px;
}

.cardArquivo .cardArquivoAlerta, .cardArquivoAprovacoes .cardArquivoAlerta {
    position: absolute;
    right: 10px;
    top: 10px;
    align-items: center;
    justify-content: center;
    padding: 8px 6px;
    mask: url(/assets/img/icons/alerta.svg) no-repeat center / contain;
    -webkit-mask: url(/assets/img/icons/alerta.svg) no-repeat center / contain;
    width: 33px;
    height: 33px;
    background-color: #fa5050;
    cursor: pointer;
}

#btnDownloadSelectedFilesContainer, #btnDownloadSelectedFilesContainerAprovacoes {
    display: flex;
    position: fixed;
    bottom: 65px;
    right: 20px;
    width: 267px;
}
#btnDownloadSelectedFilesContainer a i, #btnDownloadSelectedFilesContainerAprovacoes a i {
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #FFFFFF60;
    width: 17px;
    height: 17px;
    -webkit-mask: url(../img/icons/downloadArrow.svg) no-repeat 50% 50%;
    mask: url(../img/icons/downloadArrow.svg) no-repeat 50% 50%;
    -webkit-mask-size: 100%;
    mask-size: 100%;
}

#btnDownloadSelectedFiles, #btnDownloadSelectedFilesAprovacoes {
    position: fixed;
    background: #0170a5;
    border-radius: 100px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 25px;
    border: 0;
    gap: 10px;
    box-shadow: 2px 2px 4px #00000099;
    font-weight: 600;
}

#btnDownloadSelectedFiles img, #btnDownloadSelectedFilesAprovacoes img {
    margin-top: 2px;
}

table.table-flex.excepi tr td {
    min-width: 90px;
}
table.table-flex.excepi tr td label.new {
    max-width: inherit;
}

.ContainerHolder {
    width: 700px;
}

.excepcontent {
    padding: 20px 0 0;
    display: flex;
    width: 100%;
    justify-content: flex-end;
}
.excepcontent a,
.excepcontent button {
    font-size: 1.05em;
    font-weight: 600;
    padding: 12px 29px;
}

.distaciasContainer {
    background: white;
    display: flex;
    border-radius: 0 0 10px 10px;
    border: 1px solid #eaeaea;
}
.distaciasContainer span {
    width: auto !important;
    min-width: auto !important;
}

.distaciasContainer.vidroExcep{
    display: none;
}

.distanciaLeft {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 23px 0 23px 37px;
    width: 80%;
    border-right: 1px solid #eaeaea;
}

.infoDistancia {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 14px;
    color: #666666;
    font-family: 'Roboto';
}

.tagDistancia {
    font-weight: bold;
    font-size: 11px;
    color: #666666;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    text-transform: uppercase;
    background: #f9f9f9;
}

.distanciaRight {
    border: 1px solid #F6F6F6;
    background: #F9F9F9;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 53%;
    border-radius: 0 0 10px 0;
}

.distanciaInfoTotal {
    font-weight: 600;
    font-size: 14px;
    color: #666666;
    gap: 4px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.tagInfoTotal {
    font-weight: bold;
    font-size: 15px;
    color: #0170A5;
    border-radius: 7px;
    background: #EEF5F6;
    padding: 12px 18px;
}

.btnsTableMultContratos {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 4px;
}

.multiContratos {
    display: none;
}

.mapBtns {
    gap: 20px;
    margin: -20px;
}

.mapBtns a {
    white-space: nowrap;
    margin-right: 0;
}

@media(max-width: 1430px) {
    .mapBtns {
        flex-wrap: nowrap;
    }
    .mapBtns a {
        white-space: unset;
    }
}

.excepSelect2.selectSegmentacao .select2-container-multi .select2-choices {
    border-radius: 7px;
    width: unset;
    min-width: 240px;
}

.excepSelect2.selectSegmentacao {
    width: 100% !important;
}

.selectSegmentacao .select2-container-multi .select2-choices{
    min-height: 49px;
}

.excepSelect.selectSegmentacao .select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px;
}

.selectSegmentacao .select2-container-multi .select2-choices .select2-search-choice {
    margin: 6px 5px;
}

.selectSegmentacao .select2-container-multi .select2-choices .select2-search-field input {
    margin-top: 1px !important;
}

.selectSegmentacao .select2-container-multi .select2-choices .select2-search-field input:focus {
    max-width: 130px;
}

.segmentacaoFormWrapper {
    display: flex;
    flex-wrap: wrap;
}

.rowHeight {
    min-height: calc(100vh - 226px);
    background: white;
    padding: 110px 0 50px;
}

.flex__Column {
    display: flex;
    flex-direction: column;
}


.flex__Column {
    display: flex;
    flex-direction: column;
}

.NewTable.contratosNewTable tbody tr td:nth-child(2){
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

#tabela_principal .container_chat_verify{
    background: #D9D9D933;
    width: 32px;
    height: 32px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.rastreado .container_chat_verify{
    background: #3333331A;
    width: 32px;
    height: 32px;
    border-radius: 0px 6px 0px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.rastreado .ajuste_tempo_icon {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.rastreado .container-tags-ocorrencia-parceiros {
    background: #3333331A;
    width: 32px;
    height: 32px;
    border-radius: 6px 0 3px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.rastreado .ajuste_tempo_icon .container_urgente {
    border: 1px solid rgba(243, 243, 243, 0.45);
    border-radius: 0px 0px 4px 4px;
    width: 63px;
    height: 19px;

    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -2px;
}

.rastreado .ajuste_tempo_icon .container_urgente.none {
    display: none;
}

.rastreado .ajuste_tempo_icon .container_urgente > p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;

    margin: 0 !important;
}

.rastreado .ajuste_tempo_icon .container_urgente.red {
    background: #FF4B6A;
}

.rastreado .ajuste_tempo_icon .container_urgente.red > p{
    color: #FCFCFC !important;
}

.rastreado .ajuste_tempo_icon .container_urgente.white {
    background: #FFFFFF;
}

.rastreado .ajuste_tempo_icon .container_urgente.white > p {
    color: #FF4B6A !important;
}

.rastreado .ajuste_tempo_icon .container_urgente.prestador_adicional {
    background-color: #333333;
    color: #FFFFFF;
}

.rastreado .ajuste_tempo_icon .container_urgente.sem_destino_definido {
    background-color: #333333;
    color: #FFFFFF;
    width: 150px !important;
}

.quadra .multi {
    max-width: unset;
    min-width: unset;
}

.pesquisaTrello {
    margin: 0 10px 0 0;
}

.pesquisaTrello h4 {
    /* color: #666666; */
    text-align: left;
    font-weight: bold;
    margin-bottom: 15px;
}

.pesquisaTrello input{
    border-radius: 6px;
    padding: 0 15px;
    background-color: #f8f8f8;
    border: 1px solid #e5e5e5;
}

.contratosPrestadores {
    display: flex;
    align-items: flex-end;

}

.contratosPrestadores span label {
    height: fit-content !important;
}

.checkPrestador label.new {
    max-width: unset;
}

/* CHECKLIST PRESTADOR DESKTOP */

.FinalStep {
    background: #FFF;
}

.CheckList form select:disabled {
    background: #f4f4f4 !important;
    /* border: 0 !important; */
    color: #afafaf !important;
}

.CheckList form input:disabled {
    background: #f4f4f4 !important;
    /* border: 0 !important; */
    color: #afafaf !important;
}

/* #PrimeiroLink .radios {
    width: 47%;
} */

#PrimeiroLink .radios.commentRadios{
    width: 100%;
}

#PrimeiroLink .radios.commentRadios label,  #PrimeiroLink .radios label{
    width: 100%;
}

.bottom.marginTop {
    margin-top: 30px !important;
}

.previaChegadaBottom {
    width: 100%;
}

.previaChegada {
    gap: 20px;
}

.previaChegada input {
    width: 100% !important;
}

@media (min-width: 700px) {
    #PrimeiroLink.checkPrestador {
        max-width: 1920px;
        font-size: 12px;
    }

    #PrimeiroLink.checkPrestador .FinalStep .container ul.foot.time.verde {
        position: relative;
    }

    #PrimeiroLink.checkPrestador .FinalStep .container ul.foot.time .progress {
        position: absolute;
        bottom: 0;
    }

    #PrimeiroLink.checkPrestador .row {
        max-width: 1024px;
    }

    #PrimeiroLink .container .bottom {
        display: flex;
        justify-content: flex-end;
        max-width: 1024px;
        /* padding: 0 37px; */
    }

    #PrimeiroLink.checkPrestador .container .bottom button {
        left: unset;
        transform: unset;
        width: max-content !important;
    }

    #PrimeiroLink.checkPrestador .container.firstPage {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #PrimeiroLink.checkPrestador .container ul.infos {
        width: unset;
        margin: 10px;
        justify-content: unset;
        gap: 20px;
        flex-wrap: wrap;
        font-size: 1.2em;
    }

    #PrimeiroLink.checkPrestador .container.firstPage h2{
        font-size: 1.9em;
        font-weight: 600;
    }

    #PrimeiroLink.checkPrestador .container ul.car ul.infos {
        font-size: 1.3em;
        margin: 0 10px 10px;
    }

    #PrimeiroLink .container ul.car {
        margin: 20px 0;
    }

    #PrimeiroLink .CheckList .container h2 {
        font-size: 2.3em;
    }

    #PrimeiroLink .CheckList .container h2 br {
        display: none;
    }
    #PrimeiroLink .CheckList .container .sub-title {
        font-size: 1.25em;
    }

    #PrimeiroLink .container ul.car ul.placa {
        align-items: center;
        justify-content: unset;
        gap: 15px;
        margin-bottom: 10px;
    }

    #PrimeiroLink .box {
        display: flex;
        flex-wrap: wrap;
        gap: 25px;
        justify-content: unset !important;
    }

    #PrimeiroLink .radios {
        width: unset;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    #PrimeiroLink .commentRadios {
        width: 100%;
    }

    #PrimeiroLink .commentRadios label{
        width: 100%;
    }

    .questionario {
        width: 100%;
    }

    .questionario.marginBottom {
        margin-bottom: 40px !important;
    }

    #PrimeiroLink .container ul.checks {
        margin: 0 0 3% !important;
    }

    #pagina_danos_avarias, #pagina_foto_atendimento_online,
    #pagina_assinatura_vistoriador, #pagina_revisao_assinatura_cliente,
    #pagina_revisao_assinatura_destinatario {
        max-width: 1024px;
        margin: 0 auto;
    }

    .new.big {
        width: unset !important;
        align-self: flex-end;
    }

    #PrimeiroLink .new.big::before {
        content: '';
        width: 13px;
        height: 13px;
        background: url(../img/primeiro_link/arrow.svg);
        float: right;
        margin: 3px 0 0 7px;
    }

    .addPhotoSub {
        margin-bottom: 40px !important;
    }

    .slider-box ul li {
        margin: 0;
    }

    .slider-box ul {
        display: flex;
        justify-content: space-between;
    }

    .bottom.marginTop {
        margin-top: 30px !important;
    }

    #pagina_revisao_assinatura_cliente .wrapper .flex {
        justify-content: flex-start;
        padding: 30px 20px;
    }

    .newpage .border .infos {
        justify-content: unset !important;
        gap: 20px;
        padding: 30px 20px !important;
    }

    .newpage .border .infos .column {
        width: unset !important;
    }

    #pagina_previa_chegada_online .box li {
        display: flex;
        flex-direction: column;

    }

    .envia-previa br {
        display: none;
    }

    .previaChegada {
        justify-content: unset !important;
    }

    .radios.margin10 {
        margin: 10px !important;
    }

}

.flex-box.odometro {
    max-width: 100%;
}


.filtro_card {
    margin: 0;
}

.radioContainer {
    display: flex;
    align-items: center;
    background-color: #f8f8f8;
    border-radius: 6px;
    padding: 12px 3px;
}

.radioContainer.execep{
    margin-bottom: 10px;
    gap: 50px;
    padding: 12px 30px;
}

.radioContainer .labelContainer {
    margin: 0;
}

.radioContainer .labelContainer input {
    display: none;
}

.radioContainer .labelContainer input ~ .checkmark {
    padding: 8px 15px;
    transition: background 0.3s ease;
    font-weight: 600;
    border-radius: 5px;
}

.radioContainer .labelContainer input ~ .checkmark:hover {
    background-color: #f7f7f7;
}

.radioContainer .labelContainer input:checked ~ .checkmark {
    color: #333333;
    background: white;
    border: 1px solid #e5e5e5;
}

.flex-align-center-end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
    margin-right: 15px;
}

.flex-align-center-end a {
    margin-right: 0;
}

.formAnalise {
    display: flex;
    row-gap: 10px;
    flex-wrap: wrap;
    float: left;
}

.formAnalise label {
    white-space: nowrap;
}

.formRelatorioPrestadorValor {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.formRelatorioPrestadorValor .formGroup {
    display: flex;
    gap: 20px;
}

.formRelatorioPrestadorValor .form-control {
    font-size: 100%;
}

.formRelatorioPrestadorValor .formGroup.excepWrap {
    flex-wrap: wrap;
}

.formRelatorioPrestadorValor .select2-container-multi .select2-choices, .formRelatorioPrestadorValor .selectpicker {
    border-radius: 4px !important;
}


@media(max-width: 750px) {
    .formRelatorioPrestadorValor .formGroup {
        flex-direction: column;
    }
}

.formRelatorioPrestadorValor .col-md-3, .formRelatorioPrestadorValor .col-md-4 {
    padding: 0;
    display: flex;
    flex-direction: column;
}

.formRelatorioPrestadorValor .col-md-3 .select2-container, .formRelatorioPrestadorValor .col-md-4 .select2-container{
    width: 100%;
}

.placaEllipsis {
    max-width: 100px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.statusAtd label {
    max-width: 100px
}

.MeusDados .box {
    display: flex;
    flex-direction: column;
    gap: 35px;
    margin-top: 12px !important;
}

.noWrap {
    white-space: nowrap;
}

/* ############## BANCO DELTA V1 - INICIO ################### */
@font-face {
    font-family: dots;
    src: url('../fonts/password-dots.ttf');
}
:root {
    --bg-light: #fff;
    --bg-light-10: #ffffff10;
    --bg-leve: #F4F4F4;
    --bg-leve-op: #F3F3F360;
    --bg-leve-2: #FCFCFC;
    --bg-leve-3: #f8f8f8;
    --bg-leve-4: #f7f7f7;
    --bg-med-1: #e6e6e6;
    --bg-med-2: #d1d1d1;
    --bg-dark-2: #66666660;
    --scroll: #DFDFDF;
    --txt-dark: #333;
    --txt-dark-op: #33333320;
    --text-dark-2: #666;
    --text-dark-2-op: #66666670;
    --text-dark-3: #565656;
    --text-new-vermelho: #FF4B6A;
    --txt-light: #fff;
    --txt-leve-2: #fcfcfc;
    --azul-new-4: #00618F;
    --azul-new-3: #00BAFF;
    --azul-new-2: #63AED1;
    --azul-new: #0170A5;
    --verde-new: #00C1B4;
    --vermelho-new: #FF3E3E;
    --vermelho-new-2: #FF4B6A;
    --amarelo-new: #FFB340;
    --laranja-new: #FD7E30;
    --roxo-new: #7837E8;
    --grayblue-new: #868EA4;
    --cianogray-new: #98B4BB;

    --amarelo-leve-new: #FFF4E2;
    --vermelho-leve-new: #FFE4E9;
    --verde-leve-new: #D8EFEE;
    --vermelho-leve-new: #F4DFE3;
    --bg-gray-tag: #EAEDF2;
    --bg-light-blue-tag: #D3E8F0;

}

header#teste {
    width: 100vw;
    height: 74px;
    background: linear-gradient(180deg, #0170A5 0%, #005E94 100%);
    margin: 0;
}

.font-dots {
    font-family: dots;
}

.icon-cadeado {
    mask: url('../img/icons/cadeado.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/cadeado.svg') no-repeat center / contain;
}
.icon-check {
    mask: url('../img/icons/check-green.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/check-green.svg') no-repeat center / contain;
}

.icon-check::before{
    display: none;
}
.icon-delete {
    mask: url('../img/icons/icon-delete.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon-delete.svg') no-repeat center / contain;
}


.icon-cifra {
    mask: url('../img/icons/icon-cifrao.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon-cifrao.svg') no-repeat center / contain;
}
.icon-visible {
    mask: url('../img/icons/icon-visible-off.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon-visible-off.svg') no-repeat center / contain;
}
.icon-visible.off {
    mask: url('../img/icons/icon-visible-on.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon-visible-on.svg') no-repeat center / contain;
}
.icon-chart-bar {
    mask: url('../img/icons/icon-chart-bar.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon-chart-bar.svg') no-repeat center / contain;
}

.icon-cifrao-quadrado {
    mask: url('../img/icons/icon-cifrao-quadrado.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon-cifrao-quadrado.svg') no-repeat center / contain;
}

.icon-calendar {
    mask: url('../img/icons/icon-calendar.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon-calendar.svg') no-repeat center / contain;
}

.icon-extrato {
    mask: url('../img/icons/icon-extrato.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon-extrato.svg') no-repeat center / contain;
}

.icon-open {
    mask: url('../img/icons/icon-open.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon-open.svg') no-repeat center / contain;
}

.icon-information {
    mask: url('../img/icons/icon-info.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon-info.svg') no-repeat center / contain;
}

.icon-alerta {
    mask: url('../img/icons/alerta.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/alerta.svg') no-repeat center / contain;
}

.icon-chatbot_nao_enviada_gray {
    mask: url('../img/icons/icon_chatbot_nao_enviada.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon_chatbot_nao_enviada.svg') no-repeat center / contain;
    width: 22px;
    height: 16px;
    background: #C2C2C2;
}

.icon-chatbot_nao_enviada {
    mask: url('../img/icons/icon_chatbot_nao_enviada.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon_chatbot_nao_enviada.svg') no-repeat center / contain;
    width: 22px;
    height: 16px;
    background: #FFFFFF;
}

.icon-chatbot_enviada {
    mask: url('../img/icons/icon_chatbot_enviada.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon_chatbot_enviada.svg') no-repeat center / contain;
    width: 22px;
    height: 16px;
    background: #00C1B4;
}

.icon-chatbot_enviada_white {
    background: url('../img/icons/icon_chatbot_enviada_white.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 22px;
    height: 16px;
}

.icon-chatbot_recebida {
    background-image: url(../img/icons/icon_chatbot_recebida.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 22px;
    height: 16px;
    position: relative;
}

.icon-chatbot_recebida .pisca {
    width: 4.5px;
    height: 4.5px;
    border-radius: 100px;
    position: absolute;
    right: 4px;
    top: -1px;
    animation: focus-in-contract 2s ease-out 0s infinite normal none;
}

.icon-chatbot_recebida .pisca.kanban {
    right: 1.5px;
    top: -1px;
}

@keyframes focus-in-contract {
    0%{
        background: #EFD2D7;
    }
    50%{
        background: #FF4B6A;
    }
    100%{
        background: #EFD2D7;
    }
}

#bd-delta {
    width: 100%;
    height: auto;
    background: var(--bg-leve);
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: Roboto, sans-serif;
    margin: 0 !important;
    /* overflow: auto;
    position: absolute; */
    bottom: 0;
}

/* BUTTONS */
.new-btn {
    text-decoration: none;
    text-transform: uppercase;
    padding: 20px 35px;
    border-radius: 6px;
    transition: 0.3s;
    border: 0;
    width: fit-content;

    font-weight: 400;
    font-size: 1.8rem;
    font-family: 'Roboto';
}
.new-btn:hover { opacity: 0.8;}
.new-btn.round {
    border-radius: 50px;
}

/* Botões Cores */
.new-btn.new-blue { background: var(--azul-new); color: var(--txt-light)}
.new-btn.green { background: var(--verde); color: var(--txt-light)}
.new-btn.white { background: var(--bg-light); color: var(--azul-new)}

/* Botões Tamanhos */
.new-btn.t-big {
    padding: 15px 25px;
    font-size: 1.6rem;
    font-weight: 500;
}

.new-btn.t-med {
    padding: 7px 14px;
    font-size: 1.2rem;
    font-weight: 500;
}

#bd-delta a.voltar {
    display: block;
    width: fit-content;
    margin: 17px auto ;

    font-family: 'Roboto';
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.5rem;
    color: #fff;
    opacity: 0.6;
    text-decoration: underline;

}

#bd-delta a.sair {
    font-size: 1.3rem;
    line-height: 1.5rem;
    margin-top: 3px;
    width: fit-content;
    color: var(--text-dark-2);
    opacity: 0.6;
    text-decoration: none;
    display: block;
}

#bd-delta a.sair:hover {
    text-decoration: underline;
}

/* Etiquetas  */
#bd-delta .ticket {
    padding: 4px 12px;
    text-transform: uppercase;
    border-radius: 4px;
    display: block;
    width: fit-content;
}

#bd-delta .ticket.red { background: var(--vermelho-new); color: var(--txt-light);}
#bd-delta .ticket.green { background: var(--verde-new); color: var(--txt-light);}
#bd-delta .ticket.yellow { background: var(--amarelo-new); color: var(--txt-light);}
#bd-delta .ticket.blue { background: var(--azul-new-3); color: var(--txt-light);}
#bd-delta .ticket.ciano-gray { background: var(--cianogray-new); color: var(--txt-light);}
#bd-delta .ticket.dark { background: var(--txt-dark); color: var(--txt-light);}



/* BOAS VINDAS */
#bd-delta #container-welcome {
    display: flex;
    width: 50vw;
    height: 80vh;
    align-self: center;
    margin: 0 auto;
    flex-direction: column;
}

#bd-delta .area {
    max-width: 1320px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-content-warning {
    width: 50%;
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 6px;
}

#bd-delta .modal .modal-dialog .modal-content-warning .description-error {
    padding: 13px 0 0 0;
    font-size: 1.8rem;
    font-family: 'Roboto';
    font-weight: 300;
}

#bd-delta .modal .modal-dialog .modal-content-warning .description-eletro {
    padding: 13px 0 0 0;
    font-size: 1.8rem;
    font-family: 'Roboto';
    font-weight: 300;
}

#bd-delta .modal .modal-dialog .modal-content-warning .description-trans {
    padding: 13px 0 0 0;
    font-size: 1.8rem;
    font-family: 'Roboto';
    font-weight: 300;
}

#bd-delta .modal-dialog .modal-content-confirme-transferencia {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
}

#bd-delta .description-senha-criada {
    width: 380px;
    text-align: center;
    font-size: 1.8rem;
    font-family: 'Roboto';
    font-weight: 300;
}

#bd-delta .description-aguarde-delta {
    width: 380px;
    text-align: center;
    font-size: 1.8rem;
    font-family: 'Roboto';
    font-weight: 300;
}

#bd-delta .necessario-fazer-login {
    text-align: center;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 1.8rem;
}

#bd-delta .insira-assinatura-eletronica {
    padding: 26px 0 0 0;
    text-align: center;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 1.8rem;
}

#bd-delta .top {
    width: 100%;
    height: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../img/banco-delta/background_home_top.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: cover !important;
}

#bd-delta .opacity-banner {
    width: 100vw;
    height: 50vh;
}


#bd-delta .area-banner {
    max-width: 100%;
    height: 50vh;
    display: flex;
    justify-content: space-around;
}

#bd-delta .logo-banco-delta {
    width: 364px;
    height: 97px;
}

#bd-delta .area-banner h1 {
    text-align: right;

    font-size: 5.5rem;
    color: #fff;
    font-family: 'Roboto';
    font-weight: 300;
}

#bd-delta .area-banner h1 span {
    font-family: 'Roboto';
    color: #23EAC6;
    font-weight: 700;
}

#bd-delta .facilidade-para-a-gestao {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 85.5px;

    text-align: center;
}

#bd-delta .facilidade-para-a-gestao h2 {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 4.0rem;

    color: #333333;

}

#bd-delta .facilidade-para-a-gestao p {
    margin-top: 24.5px;
    max-width: 720px;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 20px;
    opacity: 60%;

    color: #333333;
}

#bd-delta .facilidade-para-a-gestao .infos {
    width: 55%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr ));
    grid-auto-rows: minmax(8rem, auto);
    margin-top: 73.5px;
    align-items: center;
    margin-bottom: 57px;
}

#bd-delta .facilidade-para-a-gestao .infos .card{
    display: flex;
    width: 250px;
    flex-direction: column;
    align-items: center;
    margin-bottom: 57px;

    text-align: center;
}

#bd-delta .facilidade-para-a-gestao .icon-finan{
    width: 60px;
    height: 60px;
    margin-top: 16px;
}

#bd-delta .facilidade-para-a-gestao .icon-trans{
    width: 96.9px;
    height: 80.08px;
}

#bd-delta .facilidade-para-a-gestao .icon-finan-loan{
    width: 72px;
    height: 72px;
}

#bd-delta .banner-gestao-carteira {
    width: 100%;
    padding: 13vh 0;
    margin-top: 50px;
    background-image: url(../img/banco-delta/img_gestao_carteira.jpg);
    background-size: cover !important;
    background-color: #0170A5;
}

#bd-delta .opacity-segundo-banner {
    width: 100%;
}

#bd-delta .area-segundo-banner {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

#bd-delta .area-segundo-banner h1{
    font-family: 'Roboto';
    font-weight: 300;
    color: #fff;
    font-size: 5.5rem;
}

#bd-delta .area-segundo-banner h1 span{
    font-family: 'Roboto';
    font-weight: 700;
    color: #23EAC6;
}

#bd-delta .area-segundo-banner p{
    font-family: 'Roboto';
    font-weight: 300;
    color: #fff;
    font-size: 1.8rem;
}

#bd-delta .veja-que-estar-por-vir {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 86px;
    margin-bottom: 86px;

    text-align: center;
}

#bd-delta .veja-que-estar-por-vir h2 {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 4.0rem;

    color: #333333;
}

#bd-delta .veja-que-estar-por-vir p {
    margin: 2.5rem 0 8rem;
    text-align: center;
    width: 700px;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 1.6rem;
    opacity: 60%;

    color: #333333;
}

#bd-delta .segundo-infos-bottom {
    width: 55%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 250px 250px 250px;
    grid-auto-rows: minmax(8rem, auto);
    justify-content: center;
    margin-bottom: 91px;
}

#bd-delta .segundo-infos-bottom .card{
    display: flex;
    flex-direction: column;
    margin-bottom: 6.5rem;
    justify-content: center;
    align-items: center;

    text-align: center;
}

#bd-delta .segundo-infos-bottom .icon-pagamento{
    width: 48px;
    height: 52px;
}

#bd-delta .segundo-infos-bottom .icon-cred{
    width: 55px;
    height: 54px;
}

#bd-delta .segundo-infos-bottom .icon-t{
    width: 86px;
    height: 75px;

}

#bd-delta .segundo-infos-bottom .icon-pi{
    width: 48.51px;
    height: 48.8px;
    margin-top: 8px;

}

#bd-delta .segundo-infos-bottom .icon-cartao{
    width: 67.75px;
    height: 43.5px;
    margin-top: 16px;

}

#bd-delta .segundo-infos-bottom .icon-saq{
    width: 82px;
    height: 82px;

}

#bd-delta .segundo-infos-bottom .icon-finan-loan{
    width: 65px;
    height: 65px;
}

#bd-delta .segundo-infos-bottom .text-infos {
    margin-top: 23px;

    color: #333333;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 1.4rem;
}

#bd-delta .infos .text-infos {
    margin-top: 23px;

    color: #333333;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 1.4rem;
}

#bd-delta .segundo-infos-bottom .text-pix {
    margin-top: 20.95px;
}

#bd-delta .segundo-infos-bottom .text-cartao {
    margin-top: 26.6px;
}

#bd-delta .segundo-infos-bottom .text-saq {
    margin-top: 0px;
}

#bd-delta .segundo-infos-bottom .text-pagamento {
    margin-top: 21px;
}

#bd-delta .segundo-infos-bottom .text-cred {
    margin-top: 25px;
}

#bd-delta .segundo-infos-bottom .text-t {
    margin-top: 6px;
}

#bd-delta #container-welcome .head {
    width: 100%;
    height: 20%;
    background: linear-gradient(0deg, rgba(1, 112, 165, 0.9), rgba(1, 112, 165, 0.9)), url('../img/banco-delta/deltaGlobal-img_bg_welcome.webp');
    background-size: cover;
    background-position: center 25%;
    border-radius: 6px 6px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}


#bd-delta #container-welcome .content {
    width: 100%;
    height: 80%;
    background: var(--bg-light);
    border-radius: 0px 0px 6px 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 85px 115px;
    box-sizing: border-box;
}

#bd-delta #container-welcome .content h2 {
    font-size: 4rem;
    line-height: 4.7rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    color: var(--txt-dark);
}

#bd-delta #container-welcome .content p {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400;
    text-align: center;
    margin: 25px 0 0 0 ;
    padding: 0;
    color: var(--txt-dark);
    opacity: 0.6;
}

#bd-delta #container-welcome .content .infos {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 30px 0px 55px ;
    padding: 0 30px 0;
}

#bd-delta #container-welcome .content .infos > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

#bd-delta #container-welcome .content .infos > div .img {
    width: 80%;
}

#bd-delta #container-welcome .content .infos > div span {
    font-size: 1.4rem;
    line-height: 2rem;
    text-align: center;
    margin: 23px 0 0;
}

#bd-delta .amb-seguro {
    display: flex;
    align-items: flex-end;
    margin-top: 30px;
    opacity: 0.5;
}

#bd-delta .amb-seguro .icon {
    width: 12px;
    height: 15px;
    background: #000;
    margin: 0 8px 4px 0;
}

#bd-delta .amb-seguro .text {
    margin: 0;
    padding: 0;
    font-size: 1.3rem;
}

#bd-delta.background {
    background-image: url(/assets/img/banco-delta/background_home_top.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: auto;
    height: 100vh;
    padding: 64px 0 0 0;
}

#bd-delta .opacity-background {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 64px 0 0 0;


    background-color: #1E2A4ED9;
}

#bd-delta #container-sessao {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 50px 0;
    flex-direction: column;


}

#bd-delta #container-sessao .head {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 20px 34px 20px;
    box-sizing: border-box;
}

#bd-delta #container-sessao .head img{
    width: 288.95px;
    height: 77px;
}

#bd-delta #container-sessao .content {
    width: 480px;
    background: var(--bg-light);
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 40px 26px 40px;
    box-sizing: border-box;
}

#bd-delta #container-sessao .content .h3-criar-assinatura {
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 2.4rem;
    text-transform: uppercase;
    text-align: center;
    color: var(--txt-dark);
    margin: 0;
    padding: 0 0 26px 0;
}

#bd-delta #container-sessao .content h3 {
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 2.4rem;
    text-transform: uppercase;
    text-align: center;
    color: var(--txt-dark);
    margin: 0;
    padding: 0 0 17px 0;
}

#bd-delta #container-sessao .p-crie-senha {
    font-family: 'Roboto';
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 24px;
}

#bd-delta #container-sessao .p-insira-assinatura {
    padding: 22px 0 0 0 ;

    font-family: 'Roboto';
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 24px;
}

#bd-delta #container-sessao .enviamos-sms {
    font-family: 'Roboto';
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 24px;
}

#bd-delta #container-sessao .coloque-codigo {
    padding: 10px 0 0 0;

    font-family: 'Roboto';
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 24px;
}

#bd-delta  .insira-assinatura {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 300;
    text-align: center;
    margin: 47px 0 0 0 ;
    padding: 0;
    color: #000;
}

#bd-delta .info-paragrafo {
    margin: 26px 0 0 0;
    padding: 0 0 16px 0;

    font-size: 1.3rem;
    color: #666666;
    font-family: 'Roboto';
    font-weight: 400;
    opacity: 60%;
}

.modalNewDash.modal .modal-body.newDash.bd-delta .ajustes_input,
#bd-delta .form-new.grid-1 form input[type=text],
#bd-delta #container-sessao .content input[type=text] {
    margin-top: 16px;
    width: 250px;
    height: 60px;
    background: var(--bg-leve);
    border-radius: 6px;
    border: 0;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 1.6rem;
}

#bd-delta .form-new.grid-1 form input[type=text] {
    margin-top: 8px;
    width: 100%;
    text-align: left; padding: 10px; letter-spacing: unset;
    font-size: 1.8rem;
    padding: 18px 22px;

}

#bd-delta select {
    margin-top: 8px;
    width: 100%;
    height: 60px;
    padding: 18px 22px;
    background: var(--bg-leve);
    border-radius: 5px;
    border: 0;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 300;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#bd-delta select.seta {
    background-image:url(../img/icons/icon-select.svg);
    background-position: calc(100% - 15px);
    background-size: 12px 7px;
    background-repeat: no-repeat;
}

#bd-delta select.seta:focus {
    background-image:url(../img/icons/icon-select-up.svg);
    background-position: calc(100% - 15px);
    background-size: 12px 7px;
    background-repeat: no-repeat;
}

.modalNewDash.modal .modal-body.newDash.bd-delta input[type=password],
#bd-delta #container-sessao .content input[type=password] {
    margin-top: 15px;
    width: 250px;
    height: 60px;
    background: var(--bg-leve);
    border: 1px solid #e6e6e6;
    color: var(--txt-dark-op);
    border-radius: 6px;
    border: 0;
    text-align: center;
    font-size: 3.5rem;
    line-height: 4.1;
    font-weight: 700;
    letter-spacing: 1.2rem;
}
.modalNewDash.modal .modal-body.newDash.bd-delta label.detail,
#bd-delta #container-sessao .content label.detail {
    font-size: 1.3rem;
    line-height: 1.5rem;
    margin: 5px 0 0 ;
    color: var(--text-dark-2);
    opacity: 0.6;
    text-align: center;
}

.modalNewDash.modal .modal-body.newDash.bd-delta label.detail.v2 {
    text-align: center;
    padding: 0 30px;
}

#bd-delta #container-sessao .content .alterafone {
    font-size: 1.3rem;
    line-height: 1.5rem;
    margin: 40px 0 0 ;
    color: var(--azul-new);
    text-decoration: underline;
}

#bd-delta #container-sessao .content .checked {
    width: 70px;
    height: 70px;
    background: var(--verde-new);
    margin-bottom: 35px;
}


/* HEADER BANCO DELTA */

#bd-delta #header-bd-delta {
    width: 100%;
    height: auto;
    background: #FFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* position: sticky; */
    margin-top: 66px;
    top: 0;
    z-index: 999;
    box-shadow: 0 0 3px #0000000f;
}


#bd-delta #header-bd-delta .logo-menu {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    padding: 0 0 0 24px;
}



#bd-delta #header-bd-delta .logo-menu .logo {
    width: 152.97px;
}
#bd-delta #header-bd-delta .logo-menu .logomob {
    display: none;
    width: 169px;
}

#bd-delta #header-bd-delta .logo-menu ul.menu {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
}
#bd-delta #header-bd-delta .logo-menu ul.menu li a {
    display: flex;
    align-items: center;
    height: 65px;
    color: var(--txt-dark);
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 500;
    border-bottom: 3px solid transparent;
    padding: 0 20px;
    transition: .2s;
}
#bd-delta #header-bd-delta .logo-menu ul.menu li a:hover {
    border-bottom: 3px solid var(--bg-leve);
    background: #fafafa;
}

#bd-delta #header-bd-delta .logo-menu ul.menu li a.active {
    border-bottom: 3px solid var(--azul-new);
    background: #f7f7f7;
}

#bd-delta #header-bd-delta .container-perfil {
    display: flex;
    height: 100%;
}

#bd-delta #header-bd-delta .perfil {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-left: 1px solid var(--bg-leve);
    padding: 0 20px 0 20px;
    height: 100%;
}


#bd-delta #header-bd-delta .perfil .avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50px;
    font-size: 1.7rem;
    font-weight: 700;
    background: var(--bg-leve);
}

#bd-delta #header-bd-delta .perfil .avatar > span {
    display: block;
    color: var(--txt-dark);
}
#bd-delta #header-bd-delta .perfil .info-perfil {
    display: flex;
    flex-direction: column;
    padding: 0 0 0 14px;
}

#bd-delta #header-bd-delta .perfil .info-perfil .nome {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    font-size: 1.7rem;
    line-height: 2rem;
    color: var(--txt-dark);
}

#bd-delta #header-bd-delta .perfilmob {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-left: 1px solid var(--bg-leve);
    padding: 12px 20px;
    height: 100%;
    cursor: pointer;
    position: relative;
}

#bd-delta #header-bd-delta .perfilmob .drop {
    display: none;
    position: absolute;
    z-index: 100;
    background: var(--bg-light);
    min-width: 160px;
    top: 44px;
    right: 0;
}

#bd-delta #header-bd-delta .perfilmob .drop.open {
    display: block;
}

#bd-delta #header-bd-delta .perfilmob .drop ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
}


#bd-delta #header-bd-delta .perfilmob .drop ul li a {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 15px 20px;
    color: var(--txt-dark);
    font-size: 1.5rem;
    font-weight: 500;
    white-space: nowrap;
}

#bd-delta #header-bd-delta .perfilmob .drop ul li a.sair {
    display: none;
}



#bd-delta #header-bd-delta .perfilmob .drop ul li a:hover {
    background: var(--bg-leve);
}



#bd-delta #container-main {
    width: 100%;
    max-width: 1320px;
    padding: 8vh 0;
}

#bd-delta #paineis #painel-bottom {
    width: 100%;
    display: flex;
    gap: 40px;
    margin: 0 0 4vh;
}

@media (max-width: 1170px) {
    #bd-delta #paineis #painel-bottom {
        display: contents;
        gap: 40px;
    }
}

#bd-delta #paineis .antecipacao .content-boleto {
    height: 180px;
    display: flex;
    flex-direction: column;
    padding: 0 30px 0 19px ;
}

#bd-delta #paineis .antecipacao .content-boleto h3 {
    margin-top: 18px;
    margin-bottom: 18px;

    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase;

    color: #333333;
}

#bd-delta #paineis .antecipacao .content-boleto label {
    margin-bottom: 6px;

    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;

    color: #66666699;

}

#bd-delta #paineis .antecipacao .content-boleto .input-code {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 18px;
    margin-bottom: 18px;
    justify-content: space-between;
    background: #F4F4F4;
    border-radius: 6px;

}

#bd-delta #paineis .antecipacao .content-boleto .input-code input{
    width: 382px;
    border: none;
    background: #f4f4f4;

    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.3em;

    color: #333333;
}

#bd-delta #paineis .antecipacao .content-boleto .input-code input[type=number]::-webkit-inner-spin-button{
    -webkit-appearance: none;
}

#bd-delta #paineis .antecipacao .content-boleto .input-code textarea:focus, input:focus, select:focus{
    box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
}

#bd-delta #paineis .antecipacao .content-boleto .input-code button{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;

    border: none;

    background: #23EAC6;
    border-radius: 100px;

    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;

    color: #FFFFFF;
}

#bd-delta #paineis .antecipacao .content-boleto p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;

    color: #66666699;

}

#bd-delta #paineis.excep {
    width: 100%;
    display: flex;
    gap: 40px;
}
#bd-delta #paineis.excep div.antecipacao {
    width: 80%;
}
#bd-delta #paineis.excep div.horarios-limites {
    width: 20%;
    margin-top: 0;
}

#bd-delta #paineis .saldos {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--azul-new);
    border-radius: 6px;
    margin-bottom:40px
}

#bd-delta #paineis .saldos .header-saldos {
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--bg-leve-op);
    padding: 0 7px 0 21px;
}

#bd-delta #paineis .saldos .header-saldos .wrapper-title {
    display: flex;
    align-items: center;
}

#bd-delta #paineis .saldos .header-saldos .wrapper-title .icon {
    width: 20px;
    height: 20px;
    margin: 0 12px 0 0;
    display: block;
    background: var(--bg-leve-2);

}

#bd-delta #paineis .saldos .header-saldos .wrapper-title .title {
    font-family: inherit;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--txt-light);
}


#bd-delta #paineis .saldos .header-saldos .right {
    display: flex;
    align-items: center;
    gap: 11px;
    cursor: pointer;
    background: #ffffff26;
    transition: .2s;
    border-radius: 4px;
    padding: 10px 20px;
}
#bd-delta #paineis .saldos .header-saldos .right > .icon {
    width: 29px;
    height: 27px;
    display: block;
    background: var(--bg-leve-2);
    cursor: pointer;
    background-size: 100% auto !important;
}
#bd-delta #paineis .saldos .header-saldos .right p {
    color: #FFF;
    margin: 0;
    line-height: 2;
    font-size: 1.15em;
}
#bd-delta #paineis .saldos .header-saldos .right:hover {
    background: #ffffff54;
}


#bd-delta #paineis .saldos .container-saldos {
    display: flex;
    height: 180px;
    padding: 2.7vh 1.8vw 2.7vh 3.2vw;
}

#bd-delta #paineis .saldos .container-saldos .col-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1.5;
}

#bd-delta #paineis .saldos .container-saldos .col-1 .total{
    display: flex;
    align-items: center;
    color: var(--txt-leve-2);
    gap: 10px
}


#bd-delta #paineis .saldos .container-saldos .col-1 .total > span {
    color: var(--txt-leve-2);
    font-size: 3.5rem;
    font-weight: 700;
}

#bd-delta #paineis .saldos .container-saldos .col-1 .total > span.font-dots {
    font-size: 1.5rem;
}

#bd-delta #paineis .saldos .container-saldos .col-1 .areceber {
    display: flex;
    align-items: center;
    color: var(--txt-leve-2);
    margin: 13px 0 0;
}

#bd-delta #paineis .saldos .container-saldos .col-1 .areceber label {
    margin: 0 5px 0 0;
    color: var(--azul-new-2);
    font-size: 1.2rem;
    font-weight: 500;
}


#bd-delta #paineis .saldos .container-saldos .col-1 .areceber > span {
    margin: 0 3px 0 0;
    color: var(--txt-leve-2);
    font-size: 1.2rem;
    font-weight: 500;
}
#bd-delta #paineis .saldos .container-saldos .col-1 .areceber > span.font-dots {
    font-size: 0.8rem;
}


#bd-delta #paineis .saldos .container-saldos .col-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
}

#bd-delta #paineis .saldos .container-saldos .entradas {
    display: flex;
    flex-direction: column;
}
#bd-delta #paineis .saldos .container-saldos .entradas:nth-child(2) {
    margin-top: 20px;
}

#bd-delta #paineis .saldos .container-saldos .entradas > label{
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--azul-new-2);
}

#bd-delta #paineis .saldos .container-saldos .entradas > div{
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--azul-new-2);
    display: flex;
    align-items: center;
    height: 20px;
}

#bd-delta #paineis .saldos .container-saldos .entradas > div > span {
    color: var(--txt-leve-2);
}

#bd-delta #paineis .saldos .container-saldos .entradas > div > span:nth-child(1) {
    margin-right: 5px;
}

#bd-delta #paineis .saldos .container-saldos .entradas > div > span.font-dots {
    font-size: 0.8rem;
}

#bd-delta #paineis .saldos .container-saldos .entradas > div > hr {
    border-top: 2px dotted var(--azul-new-2);
    border-bottom: 0;
    width: 60px;
    background: transparent;
    margin: 0 5px;
}

#bd-delta #paineis .saldos .container-saldos .entradas > div > span.data {
    color: var(--azul-new-2);
}

#bd-delta #paineis .saldos .container-saldos  a.futuros {
    text-decoration: underline;
    color: var(--txt-leve-2);
    font-size: 1.1rem;
}


#bd-delta #paineis .antecipacao {
    flex: 1;
    background: linear-gradient(222.43deg, #FFFFFF 56.51%, #FAFAFA 81.54%);
}

#bd-delta #paineis .antecipacao .header-antecipa {
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--bg-leve-op);
    padding: 0 34px 0 30px;
}

#bd-delta #paineis .antecipacao .header-antecipa .wrapper-title {
    display: flex;
    align-items: center;
}

#bd-delta #paineis .antecipacao .header-antecipa .wrapper-title .icon {
    width: 20px;
    height: 17px;
    margin: 0 12px 0 0;
    display: block;
    background: var(--text-dark-2);

}

#bd-delta #paineis .antecipacao .header-antecipa .wrapper-title .title {
    font-family: inherit;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--txt-dark);
}

#bd-delta #paineis .antecipacao .header-antecipa > .icon {
    width: 22px;
    height: 15px;
    display: block;
    background: var(--bg-leve-2);
    cursor: pointer;
}

#bd-delta #paineis .antecipacao .content-antecipa {
    height: 180px;
    display: flex;
    padding: 0 30px 0 19px ;
}

#bd-delta #paineis .antecipacao .content-antecipa > img {
    align-self: flex-end;
}

#bd-delta #paineis .antecipacao .content-antecipa > div {
    width: 100%;
    height: 100%;
    padding: 52px 0 17px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#bd-delta #paineis .antecipacao .content-antecipa > div .dados {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#bd-delta #paineis .antecipacao .content-antecipa > div .dados > div > label {
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--text-dark-2);
    opacity: 0.6;
    text-transform: uppercase;
}


#bd-delta #paineis .antecipacao .content-antecipa > div .dados > div > div > span {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 5px 0 0;
    color: var(--txt-dark);
}

#bd-delta #paineis .antecipacao .content-antecipa > div > span {
    font-size: 1.3rem;
    color: var(--text-dark-2);
    opacity: 0.6;
}

#bd-delta #paineis .antecipacao .content-antecipa > div .dados > div > div > span.font-dots {
    font-size: 1.1rem;
}

#bd-delta #painel-full {
    width: 100%;
    display: flex;
    flex-direction: column;
}

#bd-delta #painel-full .status-day {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 10px 0;
}

#bd-delta #painel-full .status-day > div {
    display: flex;
}
#bd-delta #painel-full .status-day > div > label {
    font-size: 1.3rem;
    color: var(--text-dark-2);
}

#bd-delta #painel-full .status-day > div > span{
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--txt-dark);
}

#bd-delta #painel-full .painel-head {
    width: 100%;
    min-height: 60px;
    padding: 20px 26px;
    background: var(--bg-light);
    display: flex;
    justify-content: space-between;
    border-radius: 6px 6px 0 0;
}

#bd-delta #painel-full .painel-head > div {
    display: flex;
    align-items: center;
    gap: 15px;
}
#bd-delta #painel-full .painel-head.space-1 > div {
    gap: 60px;
}

#bd-delta #painel-full .painel-head > div:nth-child(1) .icon{
    width: 18px;
    height: 14px;
    display: block;
    background: var(--text-dark-2);
}
#bd-delta #painel-full .painel-head > div:nth-child(2) > .icon{
    width: 12px;
    height: 7px;
    display: block;
    background: var(--text-dark-2);
    cursor: pointer;
}

#bd-delta #painel-full .painel-head > div:nth-child(2) .nota{
    font-size: 1.4rem;
    color: var(--text-dark-2);
    opacity: 0.6;
    display: flex;
    align-items: center;
    position: relative;
}

#bd-delta #painel-full .painel-head > div:nth-child(2) .nota > .icon {
    width: 17px;
    height: 17px;
    display: block;
    background: var(--bg-dark-2);
    cursor: pointer;
    margin: 0 0 0 10px;
    position: relative;

}

#bd-delta #painel-full .painel-head > div:nth-child(2) .col-labelValue {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
}

#bd-delta #painel-full .painel-head > div:nth-child(2) .col-labelValue > label {
    font-size: 1.3rem;
    color: var(--text-dark-2);
    margin: 0 0 8px 0;
}

#bd-delta #painel-full .painel-head > div:nth-child(2) .col-labelValue > .value {
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--txt-dark);
    margin-top: 3px;
    position: relative;
    top: 0;
    left: 0;
}

.solucao_block_ui{
    overflow: hidden;
    height: 100vh;
}

.swal-icon {
    background-image: url(../img/banco-delta/Error.svg);
    border-radius: 0;
    border: 0;
    background-size: contain;
    background-repeat: no-repeat;
    /* opacity: .2; */
}

.swal-icon--warning__body, .swal-icon--warning__dot {
    display: none
}

.swal-title {
    color: rgba(0,0,0,.65);
    font-weight: 700;
    font-family: 'Roboto';
    text-transform: none;
    position: relative;
    display: block;
    padding: 16px 16px;
    font-size: 2.7rem;
    line-height: normal;
    text-align: center;
    margin-bottom: 0;
}

.swal-text {
    font-size: 1.7rem;
    position: relative;
    float: none;
    line-height: normal;
    vertical-align: top;
    text-align: left;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    font-weight: 300;
    color: rgba(0,0,0,.64);
    max-width: calc(100% - 20px);
    overflow-wrap: break-word;
    box-sizing: border-box;
}

.swal-footer {
    font-family: 'Roboto';
    text-align: center;
    padding: 32px 16px 16px;
    border-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.swal-button {
    border: none;
    border-radius: 100px;
    box-shadow: none;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 26px;
    margin: 0;
    cursor: pointer;
}

.swal-button--cancel:not([disabled]):hover {
    background-color: #f4f4f4;
}

.swal-button--danger {
    background-color: #0170A5;
}

.swal-button--danger:not([disabled]):hover {
    background-color: #0170A5;
}

.swal-title:not(:last-child) {
    font-family: 'Roboto';
    font-weight: 700;
    margin-bottom: 13px;
}

#bd-delta #painel-full .painel-head > div h4 {
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--txt-dark);
}

#bd-delta #painel-full .painel-dados {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 0 80px 0;
    overflow: auto;
    padding: 0 29px 20px;
    background: var(--bg-leve-3);
    border-radius: 0 0 6px 6px;
}

#bd-delta #painel-full .painel-dados .excluir-linha{
    background: transparent;
    border: none;
}

#bd-delta #painel-full .painel-dados .excluir-linha img{
    width: 18px;
}


#bd-delta #painel-full .painel-dados.to-table-mini {
    padding: 0;
    max-height: unset;
    overflow-y: hidden;
    overflow-x: auto;
}

#bd-delta .no-results {
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 15px;
    padding: 0 0 20px;
    color: #a3a3a3;
    font-size: 1.1em;
    font-weight: 500;
}
#bd-delta .no-results img {
    width:110px;
}



#bd-delta #painel-full .painel-dados.to-table {
    padding: 0;
    max-height: unset;
    overflow-y: hidden;
    overflow-x: auto;
}

#bd-delta #painel-full .painel-dados.hide {
    display: none;
    padding: 0;
}

#bd-delta #painel-full .painel-dados.to-table-mini tbody::-webkit-scrollbar,
#bd-delta #painel-full .painel-dados.to-table tbody::-webkit-scrollbar,
#bd-delta #painel-full .painel-dados tbody::-webkit-scrollbar {
    width: 5px;

}

/* Track */
#bd-delta #painel-full .painel-dados.to-table-mini tbody::-webkit-scrollbar-track,
#bd-delta #painel-full .painel-dados.to-table tbody::-webkit-scrollbar-track ,
#bd-delta #painel-full .painel-dados tbody::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

/* Handle */
#bd-delta #painel-full .painel-dados.to-table-mini tbody::-webkit-scrollbar-thumb,
#bd-delta #painel-full .painel-dados.to-table tbody::-webkit-scrollbar-thumb ,
#bd-delta #painel-full .painel-dados::-webkit-scrollbar-thumb {
    background: var(--scroll);
    border-radius: 10px;
}

#bd-delta #painel-full .painel-dados > div {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 26px 0 0 0;
}

#bd-delta #painel-full .painel-dados > div .day-head{
    display: flex;
    justify-content: space-between;
    margin: 0 0 11px ;
    padding: 0 5px;
}
#bd-delta #painel-full .painel-dados > div .day-head > span {
    margin: 0;
    padding: 0;
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--txt-dark);
}
#bd-delta #painel-full .painel-dados > div .day-head > div {
    display: flex;
    align-items: center;
    gap: 3px;
}

#bd-delta #painel-full .painel-dados > div .day-head > div > label {
    margin: 0;
    padding: 0;
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--text-dark-2);
}
#bd-delta #painel-full .painel-dados > div .day-head > div > span {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--txt-dark);
}

#bd-delta #painel-full .painel-dados > div .day-head > div > span.font-dots {
    font-size: 0.9rem;
}

#bd-delta #painel-full .painel-dados > div .day-extrato .linha-op {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 17px 19px;
    background: var(--bg-light);
    border-radius: 5px;
    margin-bottom: 6px;
}

#bd-delta #painel-full .painel-dados > div .day-extrato .linha-op > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#bd-delta #painel-full .painel-dados > div .day-extrato .linha-op > div:nth-child(1) span {
    margin: 0 14px 0 0 ;
}

#bd-delta #painel-full .painel-dados > div .day-extrato .linha-op > div:nth-child(1) p {
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
    color: var(--text-dark-3);
}

#bd-delta #painel-full .painel-dados > div .day-extrato .linha-op > div:nth-child(2) span {
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--txt-dark);
}
#bd-delta #painel-full .painel-dados > div .day-extrato .linha-op > div:nth-child(2) span.font-dots {
    font-size: 1rem;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 10% auto; /* 15% from the top and centered */
    padding: 0;
    border: 0;
    box-shadow: none;
    /* padding: 20px;
    border: 1px solid #888; */
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close.excep__modal__DA {
    position: absolute;
    right: 21px;
    top: 18px;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}



#bd-delta .table-v1 table tbody tr.checkedline td {
    background: #D5F1FF;
}


#bd-delta table.new thead tr,
#bd-delta table.new tbody tr{   }

#bd-delta table.new tbody tr td, #bd-delta table.new thead tr th{ text-align:left; background: #f2f2f2; border:1px solid #f9f9f9; padding: 10px 5px; border-left: 0; border-right: 0; }
#bd-delta table.new tbody tr td.radiotd, #bd-delta table.new thead tr th.radiotd { text-align: center;
    min-width: 40px; }

#bd-delta table.new thead tr th{ background: #FFF; text-transform: uppercase; font-size: 0.95em; color: var(--cinza-leve); border-left: 1px solid #f9f9f9; border-right: 1px solid #f9f9f9; }

#bd-delta table.new {
    position: relative;
    padding: 0;
    width: 100%;
    height: auto;
    border-collapse: collapse;
    text-align: center;
    color: var(--text-dark-3);
    font-size: 1.4rem;
    font-weight: 700;
}
#bd-delta table.new tbody {
    width: 100%;
}
#bd-delta table.new thead {
    width: 100%;
}
#bd-delta table.new.exceplines thead tr th:first-child { border-left:0;  }
#bd-delta table.new.exceplines thead tr th:last-child { border-right:0;  }

.box-assin {
    display: flex;
    width: 100%;
    gap: 60px;
    justify-content: space-evenly;
    font-size: 1.6rem;
    text-align: center;
    font-weight: 300;
    align-items: center;
}
.box-assin.first {
    background: #f2f2f2;
    border-radius: 2px;
    padding: 22px;
}
.box-assin.last {
    margin: 20px 0 0;
    background: #0170a5;
    padding: 25px;
    border-radius: 3px;
    justify-content: space-between;
}
.box-assin.last div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}
.box-assin.last p {
    color: #FFF;
    text-align: right;
}
.box-assin.last input {
    margin: 0 !important;
    background: #024f73 !important;
    color: #ffffff5e !important;
    width: 200px !important;
    font-size: 2.8rem !important;
}
.box-assin.last a {
    font-size: 0.85em;
    margin: 0 !important;
    background: #FFF;
    font-weight: 700;
    width: 260px;
    padding: 19px 11px;
}
.box-assin.excep {
    background: #FFF;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    padding: 22px;
    margin: 0;
}

.box-assin.excep div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}
.box-assin p {
    margin: 0 !important;
}
.box-assin div {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.box-assin label{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    gap: 10px;
    margin: 0;
}
.box-assin label p{
    margin: 0;
}
.box-assin input[type="radio"]{
    width: 20px;
    height: 20px;
    margin: 0;
}
.box-assin input[type="text"]{
    width: 250px;
    margin-top: 0 !important;
    height: 60px;
    background: #f2f2f2;
    border: 1px solid #e6e6e6;
    color: var(--txt-dark-op);
    border-radius: 6px;
    border: 0;
    text-align: center;
    font-size: 3.5rem;
    line-height: 4.1;
    font-weight: 700;
    letter-spacing: 1.2rem;;
}
.box-assin small {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--cinza);
}
.horarios-limites {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 1em;
    background: #ddf4ff;
    border: 1px solid #aee5ff;
    border-radius:6px;
    color:var(--azul-claro);
    padding: 20px 40px;
    margin-top: 4vh;
}
.horarios-limites {
    font-size: 75%; padding: 20px 20px;
    text-align: justify; border: 1px solid #e7e7e7;
    background: transparent;
    color: #828282;
}
.horarios-limites h5 {
    font-size: 1.15em;
}
.horarios-limites p {
    color: #a8a8a8;
    font-weight: 300;
}


/* modal - comprovante transferencia deltapay */
.modal.modalComprovante .modal-content {
    width: 100%;
    padding: 0px;
}

.modal.modalComprovante .modal-content .modal-header {
    background: #F2F2F2;
    border-radius: 6px 6px 0px 0px;
    border-bottom: 2px dashed #D0D0D0 !important;
    padding: 20px 15px;
}

.modal.modalComprovante .modal-content .modal-header.comprovante {
    padding: 20px 15px 20px 32px;
    border-radius: 20px 20px 0px 0
}

.modal.modalComprovante .modal-content .modal-body.newDash.bd-delta {
    padding: 0 ;
}

.modal.modalComprovante .header_comprovante {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 67px 0;
}

.modal.modalComprovante .header_modal_cancelamento {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    padding: 55px 0;
}

.modal.modalComprovante .body_comprovante {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr ));
    padding: 53px 67px 45px;
    gap: 90px;
}

.modal.modalComprovante .body_modal_transferencia {
    display: flex;
    justify-content: space-between;
    width: 85%;
    padding: 0 0 22px;
}

.modal.modalComprovante .body_modal_transferencia .info_dados_transferencia {
    width: 40%;
    display: flex;
    flex-direction: column;
}

.modal.modalComprovante .body_modal_transferencia .info_dados_transferencia.plus {
    width: 50%;
}

.modal.modalComprovante .body_modal_transferencia .info_dados_transferencia .info_dados {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #0000001a;
    padding: 17px 0;
    align-items: center;
}

.modal.modalComprovante .body_modal_transferencia .info_dados_transferencia .info_dados:first-child {
    border-top: 1px solid transparent;
    padding: 0 0 17px;
}

.modal.modalComprovante .body_modal_transferencia .info_dados_transferencia .info_dados p.tipo_info {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;

    color: #333;
    margin: 0;
}

.modal.modalComprovante .body_modal_transferencia .info_dados_transferencia .info_dados p.dado_complete {
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;

    color: #333;
    margin: 0;
    max-width: 260px;
}

.modal.modalComprovante .body_comprovante .destino_body_header{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal.modalComprovante .body_comprovante .destino_body .body_inside{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal.modalComprovante .body_comprovante .destino_body .body_inside p:first-child{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;

    /* color: #868EA4; */
    text-align: start;
}

.modal.modalComprovante .body_comprovante .destino_body .body_inside p:last-child{
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;

    /* color: #868EA4; */
    text-align: end;
}

.modal.modalComprovante .footer_comprovante{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 28px 67px;
    background: #F2F2F2;
    border-radius: 0 0 20px 20px;
}

.modal.modalComprovante .body_modal_cancelamento{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal.modalComprovante > .modal-dialog.med{
    width: 30%;
}

.modal.modalComprovante > .modal-dialog .modal_cancelamento{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal.modalComprovante > .modal-dialog .modal_cancelamento .ajuste_icon_alerta{
    background: var(--grayblue-new);
    width: 80px;
    height: 80px;
    margin-top: 15px;
}

.modal.modalComprovante > .modal-dialog .header_comprovante .ajuste_tarifa{
    color: var(--grayblue-new);
    font-weight: 700;
    font-size: 16px;
}

.modal.modalComprovante > .modal-dialog .table_modal_transferencia {
    width: 100%;
    padding: 30px 67px;
    overflow-x: auto;
}




@media (max-width: 760px) {
    .modal.modalComprovante .header_comprovante {
        flex-direction: column;
    }
    .modal.modalComprovante .header_comprovante.confirme_transferencia {
        text-align: center;
        gap: 14px;
    }

    .modalNewDash.modal .modal-body.newDash .footer_pagamento .info_senha {
        flex-direction: column;
    }

    .modal.modalComprovante .body_modal_transferencia {
        flex-direction: column;
    }

    .modal.modalComprovante .body_modal_transferencia .info_dados_transferencia.plus,
    .modal.modalComprovante .body_modal_transferencia .info_dados_transferencia {
        width: 100%;
    }

    .modal.modalComprovante .body_modal_transferencia .info_dados_transferencia .info_dados:first-child {
        border-top: 1px solid #0000001a;
        padding: 17px 0;
    }

    .modal.modalComprovante .body_modal_transferencia .info_dados_transferencia .info_dados p.dado_complete {
        max-width: 210px;
    }

}

#bd-delta #barra-filtro {
    width: 100%;
    padding: 18px;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    background: var(--bg-light);
    margin: 0 0 4vh;
}

#bd-delta #barra-filtro .filtro {
    border-radius: 6px;
    padding: 0 15px;
    background-color: var(--bg-leve-4);
    border: 0;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: 0.05rem;
    height: 45px;
}

#bd-delta #barra-filtro .filtro.excepantecipa {
    width: 150%;
}

#bd-delta #barra-filtro .filtro::placeholder {
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: 0.05rem;
}

#bd-delta #barra-filtro .filtro-date {
    width: 100%;
    padding: 0 14px;
    background-color: var(--bg-light);
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: 0.05rem;
    border-radius: 6px;
    height: 40px;
    border: 1px solid var(--bg-med-2);
}

#bd-delta #barra-filtro .filtro_calendario{
    display: flex;
    flex-direction: row;
    gap: 8px
}

#bd-delta #barra-filtro .filtro_calendario_escondido{
    display: none;
}


#bd-delta #barra-filtro .button-left{
    display: flex;
    align-items: center;
    cursor: pointer;
}

#bd-delta #barra-filtro .button-left img{
    width: 30px;
}

#bd-delta #barra-filtro .button-filter{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 11px 12px;
    border: none;
    border-radius: 6px;
    background-color: #f1f1f1;

    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto';
}



#bd-delta #barra-filtro .radioContainer.periodo {
    background-color: transparent;
    height: 45px;
    padding: 0;
    justify-content: space-between;
    gap: 10px;
}

#bd-delta #barra-filtro .radioContainer.periodo .labelContainer input ~ .checkmark {
    padding: 12px 13px;
    height: 100%;
    font-weight: 500;
    border: 1px solid var(--bg-med-1);
    white-space: nowrap;
    cursor: pointer;
}

#bd-delta #barra-filtro .radioContainer.periodo .labelContainer input:checked ~ .checkmark {
    color: #333333;
    background: white;
    border: 1px solid var(--bg-med-2);
}

#bd-delta #barra-filtro .radioContainer.tipo-operacao,
#bd-delta #barra-filtro .radioContainer.lancamento {
    gap: 5px;
    background-color: var(--bg-leve-4);
    height: 45px;
    padding: 3px;
}

#bd-delta #barra-filtro .radioContainer.tipo-operacao .labelContainer input ~ .checkmark,
#bd-delta #barra-filtro .radioContainer.lancamento .labelContainer input ~ .checkmark {
    padding: 11px 12px;
    height: 100%;
    font-weight: 500;
    border: 0;
}
#bd-delta #barra-filtro .radioContainer.tipo-operacao .labelContainer input:checked ~ .checkmark,
#bd-delta #barra-filtro .radioContainer.lancamento .labelContainer input:checked ~ .checkmark {
    color: #333333;
    background: white;
    border: 1px solid var(--bg-med-2);
}

#bd-delta .box-saldo-retirada {
    width: 100%;
    display: flex;
    padding: 3.8vh 4.4vw;
    border-radius: 6px;
    background: var(--azul-new);
}

#bd-delta .box-saldo-retirada .saldo {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

#bd-delta .box-saldo-retirada .saldo > label {
    color: var(--txt-light);
    font-size: 1.5rem;
    font-weight: 500;
}

#bd-delta .box-saldo-retirada .saldo > span {
    color: var(--txt-light);
    font-size: 3.5rem;
    font-weight: 700;
}


#bd-delta .box-saldo-retirada .valor-retirada {
    flex: 1.5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-left: 1px solid var(--bg-light-10);
    border-right: 1px solid var(--bg-light-10);
}

#bd-delta .box-saldo-retirada .valor-retirada > label {
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--txt-light);
}

#bd-delta .box-saldo-retirada .valor-retirada > input[type=text] {
    max-width: 296px;
    font-size: 3.5rem;
    font-weight: 700;
    text-align: center;
    border: 0;
    color: var(--txt-light);
    background: var(--azul-new-4);
    border-radius: 6px;
    padding: 10px 0;
    margin: 12px  0 0 0;
}
#bd-delta .box-saldo-retirada .valor-retirada > input[type=text]::placeholder {
    color: var(--txt-light);
}

#bd-delta .box-saldo-retirada .valor-retirada .op-valores {
    /* flex-wrap: wrap;
    justify-content: center;
    display: flex;
    gap: 10px;
    max-width: 250px;
    margin: 15px 0 0 0;  */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 296px;
}
#bd-delta .box-saldo-retirada .valor-retirada .op-valores div {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    margin-top: 10px !important;
}
#bd-delta .box-saldo-retirada .valor-retirada .op-valores div span {
    margin-top: 0   ;
    width: 100%;
    padding: 0;
    text-align: center;
}

#bd-delta .box-saldo-retirada .valor-retirada .op-valores .alinhamento-buttons-top {
    margin-top: 24px;
}

#bd-delta .box-saldo-retirada .valor-retirada .op-valores div > span {
    padding: 7px 10px;
    color: var(--txt-light);
    font-size: 1.1rem;
    font-weight: 500;
    border-radius: 6px;
    background: #0480BB;
    cursor: pointer;
}
#bd-delta .box-saldo-retirada .valor-retirada .op-valores div > span:hover {
    background: #098fcf
}

#bd-delta .box-saldo-retirada .botao-retirada {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-new.grid-1 {
    width: 100%;
}

.form-new.grid-1 form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 16px;
    column-gap: 30px;
}

.form-new.grid-1 form .item-grid {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.form-new.grid-1 form .item-grid.double {
    grid-column: 1 / span 2;
}

.form-new.grid-1 form .item-grid label {
    font-size: 1.8rem;
    font-weight: 300;
    margin: 0;
    color: var(--grayblue-new);
}

.form-new.grid-1 form p.assina { font-size: 1.8rem; font-weight: 300; text-align: center; margin: 0 ;}

/* ############## BANCO DELTA V1 - FIM ################### */
/* ############## BANCO DELTA V1 - RESPONSIVO - INICIO ################### */
@media (max-width: 1370px) {
    #bd-delta #container-main {
        max-width: 1320px;
        padding: 8vh 3vw 10vh;
    }

    #bd-delta .logo-banco-delta {
        width: 40rem;
    }

    #bd-delta .area-banner h1 {

        font-size: 5.5rem;

    }

    #bd-delta .facilidade-para-a-gestao h2 {
        font-size: 4rem;
    }

    #bd-delta .facilidade-para-a-gestao p {
        width: 700px;
        font-size: 1.6rem;
    }

    #bd-delta .segundo-infos-bottom .text-infos {
        font-size: 1.4rem;
    }

    #bd-delta .infos .text-infos {
        font-size: 1.4rem;
        width: 250px;
    }

    #bd-delta .facilidade-para-a-gestao .icon-finan{
        width: 60px;
        height: 60px;
    }

    #bd-delta .facilidade-para-a-gestao .icon-trans{
        width: 96.90px;
        height: 80.08px;

    }

    #bd-delta .facilidade-para-a-gestao .icon-finan-loan{
        width: 72px;
        height: 72px;
    }

    .new-btn {
        font-size: 1.8rem;
    }

    #bd-delta .amb-seguro .icon {
        width: 12px;
        height: 15px;
    }

    #bd-delta .amb-seguro .text {
        font-size: 1.3rem;
    }

    #bd-delta .area-segundo-banner h1{
        font-size: 5.1rem;
    }

    #bd-delta .area-segundo-banner p{
        font-size: 1.8rem;
    }

    #bd-delta .veja-que-estar-por-vir h2 {
        font-size: 4rem;
    }

    #bd-delta .veja-que-estar-por-vir p {
        width: 700px;
        font-size: 1.6rem;
    }

    #bd-delta .segundo-infos-bottom {
        width: 55%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr ));
        margin-bottom: 80px;
    }

    #bd-delta .segundo-infos-bottom .icon-pagamento{
        width: 48px;
        height: 52px;
    }

    #bd-delta .segundo-infos-bottom .icon-cred{
        width: 55px;
        height: 54px;
    }

    #bd-delta .segundo-infos-bottom .icon-t{
        width: 85px;
        height: 75px;
    }

    #bd-delta .segundo-infos-bottom .icon-pi{
        width: 48.51px;
        height: 48.8px;
    }

    #bd-delta .segundo-infos-bottom .icon-cartao{
        width: 67.75px;
        height: 43.5px;
    }

    #bd-delta .segundo-infos-bottom .icon-saq{
        width: 82px;
        height: 82px;
    }

    #bd-delta .opacity-background {
        height: 100vh;
    }

    #bd-delta .opacity-background {
        height: 100vh;
        background-color: #1E2A4ED9;
    }

    #bd-delta #container-sessao .head {
        padding: 0 20px 34px 20px;
    }

    #bd-delta #container-sessao .content {
        padding: 25px 40px 13px;
    }

    #bd-delta .insira-assinatura {
        margin: 23.5px 0 0 0;
    }

    #bd-delta .info-paragrafo {
        padding: 0 0 8px 0;
    }

}

@media (max-width: 1300px) {


    #bd-delta #container-main {
        max-width: 1320px;
        padding: 8vh 3vw 10vh;
    }

    #bd-delta #paineis .saldos .container-saldos {
        display: flex;
        height: 180px;
        padding: 2.7vh 1.8vw 2.7vh 2.8vw;
    }



}

@media (max-width: 1100px){

    #bd-delta .top {
        width: 100vw;
        height: 60vh;
        justify-content: center;
        align-items: center;
    }

    #bd-delta .logo-banco-delta {
        width: 50rem;
    }

    #bd-delta .opacity-banner {
        width: 100vw;
        height: 60vh;
    }

    #bd-delta .top .area-banner {
        width: 100%;
        height: 60vh;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #bd-delta .area-banner {
        justify-content: center;
        gap: 20px;
    }

    #bd-delta .top .area-banner h1{
        text-align: center;
    }

    #bd-delta .facilidade-para-a-gestao .infos {
        display: flex;
        justify-content: center;
        margin-top: 40px;
    }

    #bd-delta .banner-gestao-carteira {
        background-position: center;
    }

    #bd-delta .facilidade-para-a-gestao h2 {
        font-size: 3rem;
    }

    #bd-delta .facilidade-para-a-gestao p {
        width: 500px;
    }

    #bd-delta .area-segundo-banner {
        width: 100vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    #bd-delta .area-segundo-banner h1 {
        text-align: center;
    }

    #bd-delta .area-segundo-banner p {
        text-align: center;
    }

    #bd-delta .veja-que-estar-por-vir h2 {
        font-size: 3rem;
    }

    #bd-delta .veja-que-estar-por-vir p {
        width: 500px;
    }

    #bd-delta .segundo-infos-bottom {
        width: 555px;
        margin: 0 auto;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr ));
        justify-content: center;
        align-items: center;
        margin-bottom: 91px;
    }




    /* #bd-delta #header-bd-delta .logo-menu .logomob {
        display: block;
    } */

    #bd-delta #header-bd-delta .logo-menu ul.menu {
        display: none;
    }


    #bd-delta #header-bd-delta .perfilmob {
        display: flex;
    }

    #bd-delta #paineis .saldos .container-saldos {
        padding: 2.7vh 4.8vw 2.7vh 5.8vw;
    }

    #bd-delta #paineis .antecipacao .content-antecipa {
        padding: 0px 59px 0 59px;
    }

    #bd-delta #paineis {
        flex-direction: column;
    }

    #bd-delta #paineis .horarios-limites{
        width: 100% !important;
    }

    #bd-delta #painel-full .painel-head.space-1 > div {
        gap: 30px;
    }

    .modalNewDash.modal .modal-dialog.med {
        width: 65%;
    }

}

@media (max-width: 850px) {
    #bd-delta #header-bd-delta {
        min-height: 47px;
        margin-top: 58px;
    }
}

@media (max-width: 800px){

    #bd-delta #barra-filtro {
        display: grid;
        gap: 15px;
        grid-template-columns: 1fr 1fr;
    }

    #bd-delta #barra-filtro .radioContainer.periodo,
    #bd-delta #barra-filtro .radioContainer.tipo-operacao {
        grid-column: 1 / span 2;
    }

    #bd-delta #barra-filtro .filtro.excepantecipa {
        width: 100%;
        grid-column: 1 / span 2;
    }

    .new-btn.t-med {
        grid-column: 1 / span 2;
    }

    #bd-delta .box-saldo-retirada {
        flex-direction: column;
    }

    #bd-delta .box-saldo-retirada .saldo {
        align-items: center;
        padding-bottom: 3vh;
    }

    #bd-delta .box-saldo-retirada .valor-retirada {
        border-left: 0;
        border-right: 0;
        border-bottom: 1px solid var(--bg-light-10);
        border-top: 1px solid var(--bg-light-10);
        padding: 3vh 0;
    }

    #bd-delta .box-saldo-retirada .botao-retirada {
        padding-top: 3vh;
    }

    /* Variação de cabeçalho para MOBILE */
    #bd-delta #painel-full .painel-head.ext-mob {
        flex-direction: column;
    }

    #bd-delta #painel-full .painel-head > div {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    #bd-delta #painel-full .painel-head.ext-mob > div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
    }

    #bd-delta #painel-full .painel-head > div h4 {
        margin: 0;
    }

    #bd-delta #painel-full .painel-head > div:nth-child(2) {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-end;
        gap: 5px;
    }

    /* Variação de cabeçalho para MOBILE */
    #bd-delta #painel-full .painel-head.ext-mob > div:nth-child(2) {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 5px;
        margin-top: 15px;
    }

    #bd-delta #painel-full .painel-head.ext-mob > div:nth-child(2) .col-labelValue {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }

    .modalNewDash.modal .modal-dialog.med {
        width: 90%;
    }

    .modalNewDash.modal .modal-dialog.small {
        width: 80%;
    }

    .modalNewDash.modal .table-div {
        width: 100%;
        overflow-x: auto;
    }

    #bd-delta.background {
        padding: 0 0 0 0;
    }

}

@media (max-width: 650px) {
    #bd-delta .top {
        height: 40vh;
    }

    #bd-delta .logo-banco-delta {
        width: 30rem;
    }

    #bd-delta .opacity-banner {
        height: 40vh;
    }

    #bd-delta .top .area-banner {
        height: 40vh;
    }

    #bd-delta .top .area-banner h1{
        font-size: 2.8rem;
    }

    #bd-delta .facilidade-para-a-gestao h2 {
        font-size: 1.8rem;
    }

    #bd-delta .facilidade-para-a-gestao p {
        width: 300px;
        font-size: 1.4rem;
    }

    #bd-delta .facilidade-para-a-gestao .infos {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #bd-delta .infos .card {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #bd-delta .facilidade-para-a-gestao .icon-finan {
        width: 48px;
        height: 48px;
    }

    #bd-delta .facilidade-para-a-gestao .icon-trans {
        width: 58.90px;
        height: 55.08px;
    }

    #bd-delta .facilidade-para-a-gestao .icon-finan-loan {
        width: 48px;
        height: 48px;
    }

    #bd-delta .facilidade-para-a-gestao .text-finan {
        font-size: 1.2rem;
    }

    #bd-delta .facilidade-para-a-gestao .text-trans {
        font-size: 1.2rem;
    }

    #bd-delta .facilidade-para-a-gestao .text-finan-loan {
        font-size: 1.2rem;
    }

    .new-btn {
        font-size: 1.2rem;
    }

    #bd-delta .area-segundo-banner h1 {
        font-size: 3rem;
    }

    #bd-delta .area-segundo-banner p {
        font-size: 1.4rem;
    }

    #bd-delta .banner-gestao-carteira {
        background-position: -450px !important;
    }


    #bd-delta .veja-que-estar-por-vir h2 {
        margin-top: -30px;
    }

    #bd-delta .veja-que-estar-por-vir p {
        width: 300px;
        font-size: 1.4rem;
    }

    #bd-delta .segundo-infos-bottom {
        width: 75%;
        grid-template-columns: 1fr 1fr;

        margin-bottom: 30px;

    }

    #bd-delta .segundo-infos-bottom .card {
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    #bd-delta .segundo-infos-bottom .icon-pagamento {
        width: 38px;
        height: 38px;
    }

    #bd-delta .segundo-infos-bottom .icon-cred {
        width: 48px;
        height: 38px;
    }

    #bd-delta .segundo-infos-bottom .icon-t {
        width: 68px;
        height: 55px;
    }

    #bd-delta .segundo-infos-bottom .icon-pi {
        width: 38.51px;
        height: 38.8px;
    }

    #bd-delta .segundo-infos-bottom .icon-cartao {
        width: 48px;
        height: 40.5px;
    }

    #bd-delta .segundo-infos-bottom .icon-saq {
        width: 62px;
    }

    #bd-delta .segundo-infos-bottom .text-infos {
        font-size: 1.2rem;
    }

    #bd-delta #container-sessao .content {
        width: 90%;
        padding: 25px 20px 13px;
    }

    #bd-delta .insira-assinatura {
        font-size: 1.7rem;
    }

    #bd-delta #container-sessao .head {
        padding: 50px 20px 34px 20px;
    }

    #bd-delta #container-sessao .p-crie-senha {
        font-size: 1.6rem;
    }

    #bd-delta #container-sessao .p-insira-assinatura {
        font-size: 1.6rem;
    }

    #bd-delta #header-bd-delta .perfil {
        padding: 0 10px 0 10px;
    }

    #bd-delta #header-bd-delta .perfil .info-perfil .nome {
        max-width: 84px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 1.5rem;
    }

    #bd-delta #paineis .saldos .container-saldos {
        flex-direction: column;
        height: auto;
    }

    #bd-delta #paineis .saldos .container-saldos .col-2 {
        margin: 10px 0 0 0;
        border-top: 1px solid var(--azul-new-2);
        padding: 10px 0 0 0;
    }

    #bd-delta #paineis .antecipacao .content-antecipa {
        padding: 0px 2vw;
    }

    #bd-delta #paineis .antecipacao .content-antecipa > img {
        width: 33%;
    }

    #bd-delta #paineis .antecipacao .content-antecipa > div {
        padding: 1vh 0 1vh 2vw;

    }

    #bd-delta #paineis .antecipacao .content-antecipa > div .dados {
        flex-direction: column;
        gap: 10px;
    }

    #bd-delta #painel-full .painel-dados > div .day-extrato .linha-op {
        flex-direction: column;
        padding: 2vh 3.5vw;
        align-items: initial;
        gap: 5px;
    }

    #bd-delta #painel-full .painel-dados > div .day-extrato .linha-op > div {
        align-items: flex-start;
    }

    #bd-delta #painel-full .painel-dados > div .day-extrato .linha-op > div:nth-child(1) {
        flex-direction: column;
        gap: 5px;
    }

    #bd-delta #barra-filtro .radioContainer.tipo-operacao .labelContainer input ~ .checkmark, #bd-delta #barra-filtro .radioContainer.lancamento .labelContainer input ~ .checkmark {
        padding: 11px 7px;
        font-size: 1.1rem;
    }

    #bd-delta #painel-full .painel-head.cad-conta {
        flex-direction: column;
    }

    #bd-delta #painel-full .painel-head > div:nth-child(2) {
        margin: 10px 0 0 0;
        flex-direction: column;
        gap: 10px;
    }

    #bd-delta #painel-full .painel-head > div:nth-child(2) .nota {
        align-self: baseline;
    }



    #bd-delta thead {
        display: table-header-group;

    }

    #bd-delta tbody td {
        float: unset;
    }

    #bd-delta .table-v1 table tbody tr, #bd-delta .table-v2 table tbody tr {
        clear :both !important;
    }

    #bd-delta .table-v1 table tbody tr td {
        clear: both !important;
    }

    .modalNewDash.modal .modal-dialog.med {
        width: 90%;
    }

    .modalNewDash.modal .modal-dialog.small {
        width: 90%;
    }

    .form-new.grid-1 form {
        grid-template-columns: 1fr;
        row-gap: 10px;
    }

    .form-new.grid-1 form .item-grid.double {
        grid-column: 1
    }

    #bd-delta select {
        height: 50px;
        padding: 15px 15px;
        font-size: 1.3rem;
    }

    .form-new.grid-1 form .item-grid label {
        font-size: 1.3rem;
    }

    #bd-delta .form-new.grid-1 form input[type=text], #bd-delta #container-sessao .content input[type=text] {
        height: 50px;
        padding: 15px 15px;
        font-size: 1.3rem;
    }
}

/* ############## BANCO DELTA V1 - RESPONSIVO - FIM ################### */

.antecipacoesRandonTable {
    font-size: 0.8em !important;
}

/* ############## NOVO FILTRO - INICIO ################### */
.icone-filtro {
    mask: url('../img/icons/icon-filtro.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/icon-filtro.svg') no-repeat center / contain;
}
.icon-add {
    background: url('../img/icons/icon-add.svg') no-repeat center / contain;
}

#filtro-smart.container-main{ width: 100%; max-width: 1320px; overflow: auto; border-radius: 6px; min-height: 50px; border: 1px solid #f4f4f4;}
#filtro-smart.container-main .head-filtro { width: 100%; min-width: 1000px; padding: 7px 21px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f4f4f4; background: #fff;}
#filtro-smart.container-main .head-filtro > div { display: flex; align-items: center; gap: 15px;}
#filtro-smart.container-main .head-filtro > div:nth-child(1) .icon { width: 17px; height: 13px; background-color: var(--grey-dark);}
#filtro-smart.container-main .head-filtro > div:nth-child(1) h4 { color: var(--grey-dark); font-size: 1.4rem; font-weight: 600;}
#filtro-smart.container-main .head-filtro > div:nth-child(2) .icon { min-width: 18px; min-height: 18px; background-color: #00000020; box-sizing: border-box; }
#filtro-smart.container-main .head-filtro > div:nth-child(2) .btn { padding: 12px 17px;}

#filtro-smart.container-main #wrapper-filtro { min-width: 1000px; display: flex; flex-direction: column;}
#filtro-smart.container-main #wrapper-filtro .linha-filtro { padding: 0 22px; background: #f9f9f9; height: 65px; min-height: 50px; display: flex;  justify-content: space-between;}
#filtro-smart.container-main #wrapper-filtro .linha-filtro > div:nth-child(1) { height: 100%; display: flex; align-items: center; min-height: 50px; gap: 20px;}
#filtro-smart.container-main #wrapper-filtro .linha-filtro > div:nth-child(2) { height: 100%; display: flex; align-items: center; min-height: 50px;}

#filtro-smart.container-main #wrapper-filtro .linha-filtro .form-control { height: 45px; margin: 9px 0; font-size: 1.3rem; color: #000; border: 1px solid #f4f4f4; font-weight: 400; background-color: #fff; box-shadow: none;}
#filtro-smart.container-main #wrapper-filtro .linha-filtro .form-control::placeholder { color: #000; }
#filtro-smart.container-main #wrapper-filtro .linha-filtro .select2-container .select2-choice { min-width: 150px; border: 1px solid #f4f4f4; }
#filtro-smart.container-main #wrapper-filtro .linha-filtro select option { white-space: nowrap; }


#filtro-smart.container-main #wrapper-filtro .linha-filtro > div:nth-child(1) .box-inputs { display: flex; gap: 20px;}
#filtro-smart.container-main #wrapper-filtro .linha-filtro.active { background: #f4f4f4;}
#filtro-smart.container-main #wrapper-filtro .linha-filtro:first-child .box-marker { align-self: flex-end; display: flex; align-items: center; justify-content: center; height: 100%; min-height: 50px; width: 10px; background: url(../img/icons/line-marker.svg); background-repeat: no-repeat; background-position: center 30px;}
#filtro-smart.container-main #wrapper-filtro .linha-filtro:first-child .box-marker .marker { width: 10px; height: 10px; display: block; border: 2px solid #cecece; background: #f9f9f9; border-radius: 50px;}
#filtro-smart.container-main #wrapper-filtro .linha-filtro.active:first-child .box-marker { align-self: flex-end; display: flex; align-items: center; justify-content: center; height: 100%; min-height: 50px; width: 10px; background: url(../img/icons/line-marker.svg); background-repeat: no-repeat; background-position: center 25px;}
#filtro-smart.container-main #wrapper-filtro .linha-filtro.active:first-child .box-marker .marker { width: 10px; height: 10px; display: block; border: 2px solid #cecece; background: #cecece; border-radius: 50px;}
#filtro-smart.container-main #wrapper-filtro .linha-filtro .box-marker { align-self: flex-end; display: flex; align-items: center; justify-content: center; height: 100%; min-height: 50px; width: 10px; background: url(../img/icons/line-marker.svg); background-repeat: no-repeat; background-position: center 0px;}
#filtro-smart.container-main #wrapper-filtro .linha-filtro .box-marker .marker { width: 10px; height: 10px; display: block; border: 2px solid #cecece; background: #f9f9f9; border-radius: 50px;}
#filtro-smart.container-main #wrapper-filtro .linha-filtro.active .box-marker { display: flex; align-items: center; justify-content: center; height: 100%; min-height: 50px; width: 10px; background: url(../img/icons/line-marker.svg); background-repeat: repeat-y; background-position: center 0;}
#filtro-smart.container-main #wrapper-filtro .linha-filtro.active .box-marker .marker { width: 10px; height: 10px; display: block; border: 2px solid #cecece; background: #cecece; border-radius: 50px;}

#filtro-smart.container-main .foot-filtro {width: 100%; min-width: 1000px; padding: 0px 13px; display: flex; align-items: center; background: #f9f9f9;}
#filtro-smart.container-main .foot-filtro > button { padding: 12px 0; margin: 0; background: #ff0000; border: 0; display: flex; gap: 10px; align-items: center; background: url(../img/icons/line-marker.svg); background-repeat:  no-repeat; background-position: 13px -30px;}
#filtro-smart.container-main .foot-filtro button .icon { min-width: 28px; min-height: 28px; }
#filtro-smart.container-main .foot-filtro button .add-text { color: var(--azul); font-size: 1.4rem; font-weight: 600; }

/* ############## NOVO FILTRO - FIM ################### */

@media (max-width: 1440px) {
    .tableKanban {
        font-size: 10px !important;
    }
}

form.cicloTempo {
    white-space: unset;
    row-gap: 15px;
}

form.cicloTempo .select2-container {
    border: 0 !important;
}

form.cicloTempo .select2-choices {
    border-radius: 4px;
}

form.cicloTempo .new.azul.flex-box {
    margin: 0;
    height: 45px;
    width: 300px;
    align-self: flex-end;
    margin-left: auto;
    margin-right: 15px;
}

.tableCicloTempo .new.simples {
    white-space: nowrap;
}

.tableCicloTempo .new.vermelho {
    margin-left: 7px;
}

.planoVisualizacaoTbody .veiculo {
    min-width: 160px;
}

.planoVisualizacaoTbody .plano {
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
    row-gap: 2px;
}

.vidrosPlano {
    margin: -4px 7px !important;
}

.vidrosPlanoTd {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    white-space: nowrap;
}

.vidrosPlanoTd .label-danger{
    margin: 0;
    height: 20px;
    display: flex;
    align-items: center;
}

.vidrosPlanoTd input.vistoria_vidro {
    margin: 0 !important;
}

.vidrosPlanoTd .visualizar_fotos_vidros {
    order: 1;
}

.new.iconn.preto.small.cancelar_pagamento.deleteIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

/* NOVO FILTRO COM DROPDOWN */

.NewFiltro {
    position: relative;
}

.NewFiltro .template_modal_fullScreen {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.NewFiltro .template_modal_fullScreen .NewFiltroDrop {
    z-index: 3;
    top: 145px;
}

.NewFiltro .flex-box {
    margin: 0 !important;
}

.NewFiltro .NewFiltroDrop, .NewVisualizacaoDrop {
    position: absolute;
    left: 50%;
    top: 67px;
    width: 306px;
    transform: translateX(-50%);
    right:0;
    margin-left: auto;
    margin-right: auto;
    display: none;
    transition: all 0.3s ease;
    background: #FFFFFF;
    box-shadow: 0px 2px 26px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    padding: 33px 30px;
    flex-direction: column;
    gap: 17px;
    color: #333;
    font-weight: bold;
    font-size: 22px;
}

.NewFiltro .NewFiltroDrop.ajustForScreen {
    left: unset;
    transform: unset;
}

.NewFiltroDrop.filtros, .NewVisualizacaoDrop {
    padding: 33px 30px 20px;
}

.NewFiltro .OrdenarContainer {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.NewFiltro .OrdenarContainer .new.azul{
    border-radius: 6px;
    width: 246px;
    height: 45px;
    text-transform: none;
    font-weight: 600;
    font-size: 14px;
}

.NewFiltro .template_modal_fullScreen.active,
.NewFiltro .NewFiltroDrop.active, .NewVisualizacaoDrop.active {
    display: flex;
}

.NewFiltroBtn, .NewVisualizacaoBtn {
    color: #333;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 0;
    border-radius: 50px;
    padding: 17px 26px;
    background: transparent;
    height: fit-content;
    font-weight: 600;
    transition: all 0.3s ease;
}

.NewFiltroBtn p, .NewVisualizacaoBtn p {
    margin: 0;
}

.NewFiltroBtn.active, .NewVisualizacaoBtn.active {
    background: #333333;
    color: white;
    position: relative;
}

.NewFiltroBtn::after, .NewVisualizacaoBtn::after {
    content: "";
    height: 10px;
    width: 10px;
    border-top: 8px solid #fff;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    transform: translateX(-50%);
    top: 54px;
    left: 50%;
    transition: all 0.3s ease;
}

.NewFiltroBtn.active:hover::after, .NewVisualizacaoBtn.active:hover::after {
    border-top: 8px solid #333333e6;
}

.NewFiltroBtn.active::after, .NewVisualizacaoBtn.active::after {
    border-top: 8px solid #333;
}

.NewFiltroBtn:hover, .NewVisualizacaoBtn.hover {
    background: #f3f3f3;
}

.NewFiltroBtn.active:hover, .NewVisualizacaoBtn.active:hover {
    background: #333333e6;
}

.NewFiltroBtn img {
    width: 17px;
    height: 13px;
}

/* FIM NOVO FILTRO COM DROPDOWN */

.headerUsuario {
    display: flex;
    align-items: center;
    gap: 19px;
    color: #333;
    font-size: 14px;
    font-weight: 600;
}

.headerUsuario img {
    width: 45px;
    height: 45px;
}

.nFiltrados {
    height: 20px;
    width: 21px;
    color: white;
    border-radius: 50%;
    background: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s ease;
    display: none;
}

.NewFiltroBtn.active .nFiltrados {
    color: #333;
    background: white;
}

.limparFiltros {
    font-size: 13px;
    color: #333;
    font-weight: 600;
    display: flex;
    border: 0;
    align-items: center;
    justify-content: center;
    background: transparent;
}

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

.button_espera_agendado {
    display: flex;
    align-items: center;
    min-width: 150px;
    transition: all 0.3s ease;
    background: #FFF;
    height: 54px;
    gap: 10px;
    border-radius: 50px;
    cursor: pointer;
    padding: 0 20px;
}

.button_espera_agendado p {
    margin: 0;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;

    color: #333333;
}

.button_espera_agendado b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: right;

    color: #333333;
}

.button_espera_agendado:hover {
    background: #f3f3f3 !important;
}

.searchContainer {
    display: flex;
    align-items: center;
    background: #fff;
    transition: all 0.3s ease;
    height: 54px;
    gap: 10px;
    border-radius: 50px;
    cursor: pointer;
    padding: 0 20px;
    margin: 0;
    overflow: hidden;
    min-width: 162px;
}

.searchContainer input {
    border: 0;
    background: transparent;
    max-width: 0px;
    min-width: 0px;
    outline: none;
    transition: all 0.3s ease;
    opacity: 0;
    transition-delay: 0.3s;
}

.searchContainer input:focus {
    max-width: 300px;
    min-width: 210px;
    outline: initial;
    opacity: 1;
    transition-delay: 0.3s;
}
.searchContainerVidros input:focus {
    min-width: 500px;
}

.searchContainer input.focus {
    max-width: 300px;
    min-width: 210px;
    outline: initial;
    opacity: 1;
    transition-delay: 0.3s;
}

.searchContainer input:focus + .buscaRapida{
    max-width: 0px;
    opacity: 0;
    transition-delay: 0s;
}

.searchContainer .buscaRapida {
    color: #333;
    font-weight: 600;
    font-size: 14px;
    margin-left: -10px;
    max-width: 120px;
    transition: all 0.3s ease;
    white-space: nowrap;
    opacity: 1;
    transition-delay: 0.6s;
}

.searchContainer:hover {
    background: #f3f3f3 !important;
}

/* Switch Kanban */
.switchKanban {
    width: fit-content;
    font-family: Roboto, sans-serif;
    height: 54px;
    display: flex;
    gap: 2px;
    background: #F3F3F3;
    border-radius: 50px;
}

.switchKanban > label {
    height: 100%;
    padding: 3px;
}

.switchKanban > label > input[type=radio] {
    display: none;
}

.switchKanban > label > input[type=radio] + div {
    height: 100%;
    width: 114px;
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    font-size: 1.071em;
    cursor: pointer;
}

.switchKanban > label > input[type=radio] + div > span {
    display: flex;
    background: #A6A6A6;
}

.switchKanban > label > input[type=radio]:checked + div {
    border-radius: 50px;
    background: #000;
    color: #fff;
}

.switchKanban > label > input[type=radio]:checked + div > span {
    background: #fff;
}

/* Detalhes da contestação */

#Contestações {
    background-color: ;
    margin: -36px 0 0;
    padding: 20px 0 0 0;
}
#Contestações #ContainerAbas li {
}
#Contestações #ContainerAbas li #Container {
    width: 100%;
}
#Contestações #ContainerAbas li .rd_tab ~ label {
    position: absolute;
    left: 0;
    z-index: 99999;
}
#Contestações #NewStats .status ul.Line {width: 82vw;}
#Contestações #NewStats .status ul.Line.nova--largura {width: 100%; overflow: unset;}
#Contestações #NewStats .status ul.Line li p { margin: 18px 0 10px;}
#Contestações #NewStats .status ul.Line li label {clear: both; float: left;    position: relative; left: 50%; transform: translate(-50%);}
#Contestações #NewStats .status ul.Line li:first-child label {left: 0; transform: translate(0);}
#Contestações #NewStats .status ul.Line li:last-child label {right: 0; transform: translate(0);}

#Contestações #ContainerAbas .BackAbas {display: none;}
#Contestações #Container .ContainerEdit { padding: 2%;}
#Contestações #ContainerAbas li #tab1 ~ label { left: 0;}
#Contestações #ContainerAbas li #tab2 ~ label { left: 140px;}
#Contestações #ContainerAbas li #tab3 ~ label { left: 370px;}
#Contestações #ContainerAbas li #tab4 ~ label { left: 550px;}
#Contestações #ContainerAbas li #tab5 ~ label { left: 702px;}
#Contestações #ContainerAbas li #tab6 ~ label { left: 931px;}
#Contestações #ContainerAbas li #Container {
    margin: 44px -1px 0 0;
    background: #FFF;
}

#Contestações #ContainerAbas.excepAbs--novo li:nth-child(2) .rd_tab ~ label { left: 119px !important; }
#Contestações #ContainerAbas.excepAbs--novo li:nth-child(3) .rd_tab ~ label { left: 350px !important; }
#Contestações #ContainerAbas.excepAbs--novo li:nth-child(4) .rd_tab ~ label { left: 531px !important; }
#Contestações #ContainerAbas.excepAbs--novo li:nth-child(5) .rd_tab ~ label { left: 746px !important; }


@media (min-width: 1400px){
    #Contestações #ContainerAbas li #tab1 ~ label { left: 0;}
    #Contestações #ContainerAbas li #tab2 ~ label { left: 140px;}
    #Contestações #ContainerAbas li #tab3 ~ label { left: 267px;}
    #Contestações #ContainerAbas li #tab4 ~ label { left: 450px;}

    #Contestações #ContainerAbas li #Container {
        margin: 52px -1px 0 0;
    }
}


@media (max-width: 1400px){
    #Contestações #ContainerAbas.excepAbs--novo li:nth-child(2) .rd_tab ~ label { left: 119px !important; }
    #Contestações #ContainerAbas.excepAbs--novo li:nth-child(3) .rd_tab ~ label { left: 315px !important; }
    #Contestações #ContainerAbas.excepAbs--novo li:nth-child(4) .rd_tab ~ label { left: 468px !important; }
    #Contestações #ContainerAbas.excepAbs--novo li:nth-child(5) .rd_tab ~ label { left: 660px !important; }

    #Contestações #ContainerAbas.excepAbs--novo li #Container {
        margin: 45px -1px 0 0;
    }
}

#Container .content .box.divisor .divpad .header_buttons {
    display: flex;
    align-items: end;
    gap: 20px;
    width: 34%;
}

#Container .content .box.divisor .divpad .filtro_empresas {
    width: 17%;
}

#Container .content .box.divisor .divpad.excep_header {
    padding: 0 0 20px;display: flex;justify-content: flex-start; align-items: end; gap: 20px;
}

.toast-success {
    background-color: #00C1B4 !important;
}
.toast-error {
    background-color: var(--vermelho) !important;
}

#semContratoFleet {
    width: 100%;
    min-height: 100vh;
    padding: 64px 0 0 0;
    background-color: #1E2A4E;
    background-image: url('/assets/img/fleet/deltaGlobal-bg_top_sem_fleet.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'Roboto', sans-serif;
}

#semContratoFleet .wrapper-content {
    width: 100%;
    max-width: 1370px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 5vw 5vh ;
}

#semContratoFleet .wrapper-content .logo-fleet {
    margin-top: 8.7vh;
}

#semContratoFleet .wrapper-content .title {
    width: 65%;
    font-size: 6rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    margin: 0;
    margin: 5.8vh 0 0 0;
}

#semContratoFleet .wrapper-content .detail1 {
    width: 60%;
    font-size: 3rem;
    font-weight: 300;
    text-align: center;
    color: #fff;
    margin: 0;
    margin: 2.8vh 0 0 0;
}

#semContratoFleet .wrapper-content .detail1 span {
    font-weight: 700;
    color: #00C1B4;
}

#semContratoFleet .wrapper-content .img-tela {
    margin: 3.9vh 0 0 4.5vw;
}

#semContratoFleet .wrapper-content .detail2 {
    font-size: 2.8rem;
    font-weight: 700;
    text-align: center;
    color: #00C1B4;
    margin: 0;
}

#semContratoFleet .wrapper-content .detail3 {
    width: 63%;
    font-size: 2.2rem;
    font-weight: 300;
    text-align: center;
    color: #fff;
    margin: 1vh 0 0 0;
}

#semContratoFleet .wrapper-content .wrapper-modules {
    width: 100%;
    margin: 10vh 0 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 50px;
    row-gap: 70px;
}

#semContratoFleet .wrapper-content .wrapper-modules .item {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

#semContratoFleet .wrapper-content .wrapper-modules .i-integracao {
    width: 42px;
    height: 43px;
    background-image: url('/assets/img/fleet/icon-integracoes.svg');
}
#semContratoFleet .wrapper-content .wrapper-modules .i-aplicativo {
    width: 24px;
    height: 36px;
    background-image: url('/assets/img/fleet/icon-aplicativo.svg');
}

#semContratoFleet .wrapper-content .wrapper-modules .i-dash {
    width: 41px;
    height: 36px;
    background-image: url('/assets/img/fleet/icon-relat-dash.svg');
}

#semContratoFleet .wrapper-content .wrapper-modules .i-veiculos {
    width: 40px;
    height: 28px;
    background-image: url('/assets/img/fleet/icon-det-veiculos.svg');
}

#semContratoFleet .wrapper-content .wrapper-modules .i-localizacao {
    width: 36px;
    height: 36px;
    background-image: url('/assets/img/fleet/icon-localizacao.svg');
}

#semContratoFleet .wrapper-content .wrapper-modules .i-modotv {
    width: 32px;
    height: 31px;
    background-image: url('/assets/img/fleet/icon-modotv.svg');
}

#semContratoFleet .wrapper-content .wrapper-modules .i-alertas {
    width: 36px;
    height: 31px;
    background-image: url('/assets/img/fleet/icon-alertas.svg');
}

#semContratoFleet .wrapper-content .wrapper-modules .i-geocercas {
    width: 36px;
    height: 36px;
    background-image: url('/assets/img/fleet/icon-roteirizacao.svg');
}

#semContratoFleet .wrapper-content .wrapper-modules .item span.icon {
    display: flex;
}

#semContratoFleet .wrapper-content .wrapper-modules .item .title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #00C1B4;
    text-align: left;
    margin: 0;
}

#semContratoFleet .wrapper-content .wrapper-modules .item .descricao {
    width: 80%;
    font-size: 1.5rem;
    font-weight: 300;
    color: #fff;
    text-align: left;
    margin: 0;
}

#semContratoFleet .footer-fleet {
    width: 100%;
    background-color: #253259;
    display: flex;
    justify-content: center;
}

#semContratoFleet .wrapper-footer {
    width: 100%;
    max-width: 1370px;
    height: 109px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#semContratoFleet .wrapper-footer > div {
    display: flex;
    gap: 46px;
}

#semContratoFleet .wrapper-footer .logo-fleet {
    width: 156px;
}

.containerGraficosContratoCancelados {
    display: flex;
    flex-direction: column;
    height: auto;
    align-items: center;
    width: 100%;
}

.containerGraficosContratoCancelados .styledGraficos {
    display: flex;
    width: 100%;
    flex-direction: column;
    background: #f9f9f9;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    margin-bottom: 50px;
}

.containerGraficosContratoCancelados .selectGraficoStyled {
    width: 30%;
    padding: 30px 45px;
}

.containerGraficosContratoCancelados .inputDateGrafico {
    padding: 30px 45px;
    width: 70%;
    display: flex;
    gap: 32px;
}

.containerGraficosContratoCancelados .inputDateGrafico .styledInputDate {
    display: flex;
    align-items: center;
    gap: 8px;
}

.containerGraficosContratoCancelados .inputDateGrafico .styledInputDate input {
    width: 340px;
}

.containerGraficosContratoCancelados .graficosMotivoCorretora {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
    padding: 0 0 80px;
}

.containerGraficosContratoCancelados .graficosMotivoCorretora .grafico_motivo_corretora {
    position: relative;
    width: 100vw;
    height: 370px;
}

.containerGraficosContratoCancelados .stylesGrafic {
    background: #fff;
    border: 1px solid #e9e9e9;
    width: 95%;
    padding: 50px;
    border-radius: 4px;
}

.containerGraficosContratoCancelados .stylesGrafic h5{
    width: 100%;
    float: left;
    font-size: 1.3em;
    font-weight: 600;
    color: #666666;
    margin: 0 0 2.5%;
}

#semContratoFleet .wrapper-footer .atendimento {
    display: flex;
    flex-direction: column;
    font-family: "Poppins", sans-serif;
}

#semContratoFleet .wrapper-footer .atendimento .label {
    font-size: 1.5rem;
    font-weight: 300;
    color: #fff;
}

#semContratoFleet .wrapper-footer .atendimento .fone {
    font-size: 2rem;
    font-weight: 600;
    color: #00C1B4;
}

#semContratoFleet .fixed-contratar .wrapper-contratar,
#semContratoFleet .wrapper-footer .wrapper-contratar {
    display: flex;
    align-items: center;
}

#semContratoFleet .fixed-contratar .wrapper-contratar .i-contratar,
#semContratoFleet .wrapper-footer .wrapper-contratar .i-contratar {
    width: 37px;
    height: 40px;
    background-image: url('/assets/img/fleet/icon-contratar.svg');
}

#semContratoFleet .fixed-contratar .wrapper-contratar .chamada,
#semContratoFleet .wrapper-footer .wrapper-contratar .chamada {
    display: flex;
    flex-direction: column;
    margin-left: 17px;
}

#semContratoFleet .fixed-contratar .wrapper-contratar .saiba,
#semContratoFleet .wrapper-footer .wrapper-contratar .saiba {
    font-size: 1.7rem;
    font-weight: 500;
    color: #fff;
}

#semContratoFleet .fixed-contratar .wrapper-contratar .entre-contato,
#semContratoFleet .wrapper-footer .wrapper-contratar .entre-contato {
    font-size: 1.5rem;
    font-weight: 300;
    color: #fff;
    opacity: 0.75;
}

#semContratoFleet .fixed-contratar .wrapper-contratar a,
#semContratoFleet .wrapper-footer .wrapper-contratar a {
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
    background-color: #00C1B4;
    padding: 13px 22px;
    border-radius: 6px;
    margin-left: 37px;
}

#semContratoFleet .fixed-contratar {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 38.75%;
    height: 109px;
    background-color: #253259;
    display: flex;
    align-items: center;
    padding: 0 22px ;
    opacity: 1;
    transition: opacity .3s;
}

#semContratoFleet .fixed-contratar.off-footer {
    opacity: 0;
}

#semContratoFleet .fixed-contratar .wrapper-contratar a {
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
    background-color: #00C1B4;
    padding: 13px 22px;
    border-radius: 6px;
    margin-left: 37px;
}

.modalFleet {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: #00000099;
}

.modalFleet.open {
    display: flex;
}

.modalFleet .container-modal {
    width: 90%;
    height: 90%;
    max-width: 550px;
    max-height: 475px;
    background-color: #fff;
    position: relative;
    padding: 40px;
}

.modalFleet .container-modal .closeBtn {
    position: absolute;
    top: 18px;
    right: 18px;
    cursor: pointer;
}

.modalFleet .container-modal h3 {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0 0 2vh;
    color: #0089BF;
    font-size: 2rem;
    font-weight: 500;
}

.modalFleet .container-modal .i-contratar {
    width: 18px;
    height: 18px;
    background-image: url('/assets/img/fleet/icon-contratar-black.svg');
    background-position: center center;
    background-repeat: no-repeat;
}

.modalFleet .container-modal p {
    margin: 0 0 3vh;
    font-size: 1.3rem;
    font-weight: 400;
    color: #333;
}

.modalFleet .container-modal .grid-form {
    margin: 0 0 3vh;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.modalFleet .container-modal .grid-form .line {
    width: 100%;
    display: flex;
    gap: 10px;
}

.modalFleet .container-modal .grid-form .line.tipo {
    display: none;
}

.modalFleet .container-modal .grid-form .line.between {
    justify-content: space-between;
}

.modalFleet .container-modal .grid-form .col {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.modalFleet .container-modal .grid-form .row-radio {
    display: flex;
    gap: 25px;
}


.modalFleet .container-modal .grid-form label {
    font-size: 1.3rem;
    font-weight: 400;
    color: #333;
}

.modalFleet .container-modal select {
    appearance: none;
    max-width: 220px;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #F0F0F0;
    background-image: url('/assets/img/icons/select-arrow.svg');
    background-repeat: no-repeat;
    background-position: 95% 45%;
    font-size: 1.3rem;
    font-weight: 500;
    color: #333;
}

.modalFleet .container-modal .grid-form .row-radio div {
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
}

.modalFleet .container-modal .grid-form .row-radio div label {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 500;
}

.modalFleet .container-modal .grid-form .row-radio div input[type=radio] {
    margin: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

.modalFleet .container-modal .grid-form .row-radio div input[type=radio] + .check {
    position: absolute;
    z-index: 0;
    top: 3px;
    left: 3px;
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
}

.modalFleet .container-modal .grid-form .row-radio div input[type=radio]::before {
    position: relative;
    z-index: 10;
    content:'';
    display:block;
    width:100%;
    height:100%;
    margin: auto;
    border-radius: 50%;
}

.modalFleet .container-modal .grid-form .row-radio div input[type=radio]:checked::before {
    background: transparent;
    border: 1px solid #333;
}

.modalFleet .container-modal .grid-form .row-radio div input[type=radio]:checked + .check {
    position: absolute;
    top: 5px;
    left: 3px;
    width: 10px;
    height: 10px;
    background: #000;
}

.modalFleet .container-modal .grid-form  div input[type=text] {
    border: 0;
    background-color: #F2F2F2;
    border-radius: 6px;
    font-size: 1.3rem;
    padding: 12px 14px;
    color: #333;
}

.modalFleet .container-modal .grid-form  div input[type=text]::placeholder {
    color: #333;
}

.modalFleet .container-modal .grid-form  div input[type=button],
.modalFleet .container-modal .grid-form  div input[type=submit] {
    border: 0;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 500;
}

.modalFleet .container-modal .grid-form  div input[type=button].cancel {
    color: #333;
    background: #fff;
    border: 1px solid #f0f0f0;
    padding: 11px 14px;
}

.modalFleet .container-modal .grid-form  div input[type=button].enviar {
    color: #fff;
    background: #0089BF;
    padding: 11px 40px;
}

.excep-label-historico{
    display: flex;
    gap: 5px;
    vertical-align: middle;
    align-items: center;
    margin: 0;
}



.box.condicoes_especiais {
    border:1px solid var(--amarelo);
    border-bottom:1px solid var(--amarelo) !important;
    background: #ffc97857;
    float: left;
    width: 100%;
    border-radius: 7px;
    color: #000000ad;
    padding: 3% 3% 2% !important;
}
.box.condicoes_especiais h5 {
    color: #000000ad !important;
    margin: 0 0 10px !important;
    display: flex;
    gap: 18px;
    align-items: center;
}
.box.condicoes_especiais p.text {
    overflow: auto;
    max-height: 150px;
    width: 100%;
}
.label-cond-especial {
    background: var(--amarelo);
    color: #FFF;
    display: flex;
    width: fit-content;
    gap: 6px;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 4px;
}
.label-cond-especial p {
    margin: 0;
}


.exceprightflex {
    display: flex;
    align-items: center;
}

#Topo .displayFlexWrap {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0 0 0 5%;
}

#NewPortal .select2-container {
    /* display: block; */
    height: 45px !important;
}

#NewPortal .select2-container .selection {
    width: 100% !important;
    height: 100%;

}

#NewPortal .select2-container .selection .select2-selection {
    width: 100% !important;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding: 0 15px; */
    padding: 0 36px 0 16px;
    border: 1px solid #e5e5e5;
}

#NewPortal .select2-container .selection .select2-selection.select2-selection--multiple {
    width: 100% !important;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 15px;
    border: 1px solid #e5e5e5;
}

#NewPortal .select2-container.select2-container--open .selection .select2-selection {
    border: 1px solid #aaa;
}

#NewPortal .select2-container .selection .select2-selection .select2-selection__rendered {
    width: fit-content;
    margin: 0;
    padding: 0;
    font-size: 1.26rem;
    color: #444;
}

#NewPortal .select2-container .selection .select2-selection.select2-selection--multiple ul.select2-selection__rendered {
    max-width: 90%;
    width: auto;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1.26rem;
    color: #444;
    overflow-y: auto;
    overflow-x: hidden;
}

#NewPortal .select2-container--default .select2-selection--multiple .select2-selection__choice {
    max-width: 200px;
    text-overflow: ellipsis;
}


#NewPortal .select2-container .selection .select2-selection .select2-selection__arrow {
    margin: 0;
    padding: 0;
}

#NewPortal .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 8px;
    right: 15px;
    width: 20px;
}

#NewPortal .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 1.26rem;
    color: #444;
}

.select2-container--default .select2-selection--single {
    /* border: 1px solid #aeaeae; */
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--open .select2-dropdown {
    top: -1px;
}


#NewPortal  .select2-search.select2-search--inline {
    margin: 0;
}

#NewPortal .select2-container .selection .select2-selection.select2-selection--multiple .select2-search.select2-search--inline {
    width: unset;
}
#NewPortal .select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-top: 0;

}

#NewPortal .select2-container .select2-selection--multiple .select2-selection__clear {
    font-size: 3rem;
    line-height: 0.7em;
}

#NewPortal  .select2-search__field {
    min-height: unset;
    padding: 0;
    font-size: 1.26rem;
    font-weight: 600;
    border: none;
    padding: 0 5px;
}

#NewPortal  .select2-search__field:focus {
    /* border: 1px solid var(--blue); */
    border: none;
}

/* width */
#NewPortal .select2-container .selection .select2-selection.select2-selection--multiple ul.select2-selection__rendered::-webkit-scrollbar {
    width: 5px;
}

/* Track */
#NewPortal .select2-container .selection .select2-selection.select2-selection--multiple ul.select2-selection__rendered::-webkit-scrollbar-track {
    background: #f5f5f5;
}

/* Handle */
#NewPortal .select2-container .selection .select2-selection.select2-selection--multiple ul.select2-selection__rendered::-webkit-scrollbar-thumb {
    background: #e5e5e5;
    border-radius: 6px;
}

/* Handle on hover */
#NewPortal .select2-container .selection .select2-selection.select2-selection--multiple ul.select2-selection__rendered::-webkit-scrollbar-thumb:hover {
    background: #888;
}

.select2-container.select2-container--default.select2-container--open {
    z-index: 999999999999;
}


#ModalAcompanha {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #0000004d;
    z-index: 999;
    top: 0;
    display: none;
}
#ModalAcompanha .box {
    background: #FFF;
    width: 650px;
    padding: 4%;
    overflow: auto;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 2;
}
#ModalAcompanha .box a.close {
    position: fixed;
    top:2vh;
    right:3vh;
    background-image: none !important;
    font-size: 2.2em;
}
#ModalAcompanha .bg {
    width: 100%;
    height: 100%;
    z-index: 1;
}


#ModalArquivosFotos {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #0000004d;
    z-index: 999;
    top: 0;
    display: none;
}
#ModalArquivosFotos .box {
    background: transparent;
    height: max-content;
    width:100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3%;
}
#ModalArquivosFotos .box img {
    max-width: 100%;
    max-height: 100%;
}
#ModalArquivosFotos .box a.close {
    position: fixed;
    top: 0;
    right: 0;
    background-image: none !important;
    font-size: 2em;
    background: #FFF;
    padding: 6px;
    line-height: 1;
    width: auto;
    height: auto;
    opacity: .75;
}
#ModalArquivosFotos .box a.close:hover {
    opacity: 1;
}
#ModalArquivosFotos .bg {
    width: 100%;
    height: 100%;
    z-index: 1;
}
.icon-fullscreen.excep {
    font-size: 16px;
    color: var(--azul);
    -webkit-mask-image: none !important;
    cursor:pointer
}

.novo-Mapa-Prestador-tdPrestador {
    display: flex;
    flex-direction: column;
}

.warningPrestadores {
    display: flex;
    gap: 5px;
}

.warningPrestadores p{
    font-size: 11px !important;
    font-weight: 600 !important;
    justify-content: center;
    height: 19px;
    text-align: center;
    width: fit-content;
    padding: 2px 6px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.verify_media_prestador_red {
    background-color: var(--vermelho);
    color: #FFF !important;
}

.verify_media_prestador_yellow {
    background: #FF9F3E;
    color: #FFF !important;
}

.verify_media_prestador_green {
    background: #48E1C1;
    color: #FFF !important;
}

.novo-Mapa-Prestador-tdPrestador .container-infos-prestador-pai {
    position: relative;
    height: 16px;
}

.novo-Mapa-Prestador-tdPrestador .container-infos-prestador {
    display: flex;
    align-items: center;
    gap: 10px;
    position:absolute;
    bottom: 0;
    white-space: nowrap;
}

.novo-Mapa-Prestador-tdPrestador .container-infos-prestador p {
    font-size: 8px !important;
}

/* SISTEMAS DE ABAS 2021 */
.NewAbas {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    font-family: 'Roboto', sans-serif;
}

.NewAbas .headAbas{
    display: flex;
    justify-content: flex-start;
    height: 60px;
    overflow: hidden;
    background: #f1f1f1;
    border-radius: 10px 10px 0 0;
    border: 1px solid #f4f4f4;
    border-bottom: 0;
}

.NewAbas .headAbas > span {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0px 30px;
    font-size: 1.384em;
    font-weight: 300;
    color: #333;
    cursor: pointer;
}

.NewAbas .headAbas > span.active {
    font-weight: 700;
    color: #0089BF;
    background: #fff;
}

.NewAbas .contentAbas{
    background: #fff;
    border-radius: 0 0 10px 10px;
    border: 1px solid #f4f4f4;
    border-top: 0;
}

.NewAbas .contentAbas .aba {
    width: 100%;
    height: auto;
    display: none;
    flex-direction: column;
    gap: 25px;
    padding: 0 0 25px;
    background: #f7f7f7;
}

.NewAbas .contentAbas .aba.active {
    display: flex;
}


/* TABELAS 2021 - NOVEMBRO  */
.Table2021 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.Table2021 .title {
    font-size: 1.384em;
    font-weight: 700;
    background: #FFFFFF;
    border: 1px solid #F4F4F4;
    border-radius: 10px 10px 0px 0px;
    padding: 21px 23px;
}

.Table2021 .table-wrapper {
    width: 100%;
    height: auto;
    max-height: 600px;
    overflow: auto;
    position: relative;
}

.Table2021 .table-wrapper table.table{
    width: 100%;
    height: auto;
    position: relative;
    margin: 0;
}


.Table2021 .table-wrapper table.table > thead > tr > th {
    background: #fff;
    position: sticky;
    top: 0;
    font-size: 0.923em;
    font-weight: 400;
    padding: 11px 15px !important;
}

.Table2021 .table-wrapper table.table > thead > tr > th .flex {
    display: flex;
    justify-content: space-between;
}

.Table2021 .table-wrapper table.table > thead > tr > th:first-child {
    border-left: 1px solid #F4F4F4;
    padding-left: 23px !important;
}
.Table2021 .table-wrapper table.table > thead > tr > th:last-child {
    border-right: 1px solid #F4F4F4;
    padding-right: 23px !important;
}

.Table2021 .table-wrapper table.table > tbody > tr > td {
    border-top: 1px solid #F4F4F4;
    padding: 11px 15px !important;
    background: #FBFBFB;
    vertical-align: middle;
    font-weight: 500;
}

.Table2021 .table-wrapper table.table.w400 > tbody > tr > td {
    font-weight: 400;
}



.Table2021 .table-wrapper table.table > tbody > tr > td:first-child {
    /* border-bottom: 1px solid #F4F4F4; */
    padding-left: 23px !important;
}
.Table2021 .table-wrapper table.table > tbody > tr > td:last-child {
    /* border-bottom: 1px solid #F4F4F4; */
    padding-right: 23px !important;
}

.Table2021.noFooter .table-wrapper table.table > tbody > tr:last-child > td {
    border-bottom: 1px solid #F4F4F4;
}

.Table2021.noFooter .table-wrapper table.table > tbody > tr:last-child > td:first-child {
    border-radius: 0 0 0 10px;
}
.Table2021.noFooter .table-wrapper table.table > tbody > tr:last-child > td:last-child {
    border-radius: 0 0 10px 0;
}

.Table2021 .table-wrapper table.table > tbody > tr > td a.link {
    color: #0089BF;
    font-weight: 500;
}

.Table2021 .footer {
    font-size: 1.076em;
    font-weight: 400;
    color: #333;
    background: #FFFFFF;
    border: 1px solid #F4F4F4;
    border-radius:  0px 0px 10px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    float:unset;
    padding: 0;
}

.Table2021 .footer::before,
.Table2021 .footer::after {
    display: none;
}

.Table2021 .footer .numeros {
    padding: 0 0 0 23px;
    height: 100%;
    display: flex;
    align-items: center;
}

.Table2021 .footer .numeros b {
    margin: 0 5px;
}

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

.Table2021 .footer .paginacao a {
    width: 66px;
    height: 61px;
    font-size: 1em;
    font-weight: 500;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #F4F4F4;
}

.Table2021 .footer .paginacao a:first-child{
    border-left: 1px solid #F4F4F4;
}

.Table2021 .footer .paginacao a:last-child{
    border-radius: 0 0 10px 0;
}

.Table2021 .footer .paginacao a.active {
    color: #8B8B8B;
    pointer-events: none;
}

.Table2021 .footer .paginacao a.disable {
    pointer-events: none;
    color: #8B8B8B;
}
/* MODELO DE TABELA - TABLE2021 */
/* <div class="Table2021">
    <div class="title">Titulo</div>
    <div class="table-wrapper">
        <table class="table">
            <thead>
                <tr>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="footer">Rodapé</div>
</div> */

.NewForm2022 { width: 100%; display: flex; flex-direction: column; border-radius: 10px; border: 1px solid #f1f1f1; }
.NewForm2022 .head-filtro { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 31px 32px 28px; }
.NewForm2022 .head-filtro.no_wrap { width: 100%; display: flex; justify-content: space-between; flex-wrap: unset; gap: 10px; padding: 31px 32px 28px; }
.NewForm2022 .head-filtro.no_wrap .width_37 { width: 37%; min-width: 200px; }
.NewForm2022 .head-filtro.no_wrap .width_9 { width: 9%; min-width: 150px; }

@media (max-width: 1000px) {
    .NewForm2022 .head-filtro.no_wrap .width_9,
    .NewForm2022 .head-filtro.no_wrap .width_37 { width: 100%; flex: 1 1 200px;}
    .NewForm2022 .head-filtro.no_wrap { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 31px 32px 28px; }
}

.Table-Simples {
    width: 100%; height: 450px; max-height: 450px;
    overflow: auto;
    border-top: 1px solid #f1f1f1; }
.Table-Simples table { width: 100%; position: relative; }
.Table-Simples table thead th {
    position: sticky; top: 0; z-index: 2;
    background-color: #fff; border-bottom: 1px solid #f1f1f1; ;
    padding-top: 17px !important; padding-bottom: 17px !important;
    font-family: Roboto, sans-serif; font-size: 0.925em;
    white-space: nowrap;
}

.Table-Simples table tbody td {
    padding-top: 18px !important; padding-bottom: 18px !important;
    font-family: Roboto, sans-serif; font-size: 1.01em; font-weight: 400;
}

.Table-Simples table thead th:first-child { padding-left: 37px !important; }
.Table-Simples table thead th:last-child { padding-right: 37px !important; }
.Table-Simples table tbody td:first-child{ padding-left: 37px !important; font-weight: 500}
.Table-Simples table tbody td:last-child{ padding-right: 37px !important;}
.Table-Simples.normal table tbody td:nth-child(1) { padding-left: 37px !important; font-weight: 400}
.Table-Simples table tbody tr:nth-child(odd) { background-color: #f8f8f8;}

.GridCharts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.GridCharts .double { grid-column: span 2; }
.GridCharts .single {}
.GridCharts .box-chart {
    display: flex;
    flex-direction: column;
}
.GridCharts .box-chart .title h3 {
    font-size: 1.69em
}
.GridCharts .box-chart .chart-content {
    height: auto;
}
.GridCharts .box-chart .label {
    display: flex;
    justify-content: space-between;
}

.GridCharts .box-chart .label span {
    color: #000000;
}




.mapa-calor, .mapa-pins {
    width: 100%; height: 500px;
    display: flex;
}

.PainelLateral {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #000000BF;
    font-family: 'Roboto', sans-serif;
}

.PainelLateral.open {
    display: block;
}

.PainelLateral .painel {
    width: 50%;
    max-width: 765px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    background-color: #fff;
}

.PainelLateral .painel .headerPainel {
    height: 94px;
    background: #FBFBFB;
    border: 1px solid #F4F4F4;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 60px;
}

.PainelLateral .painel .headerPainel .title{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

.PainelLateral .painel .headerPainel .title h2 {
    margin: 0;
    font-weight: 700;
    font-size: 2.153em;
}

.PainelLateral .painel .headerPainel .close-painel {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.PainelLateral .painel .contentPainel {
    height: 100%;
    overflow: auto;
    box-sizing: border-box;
    padding: 30px 60px;
    background: #F7F7F7;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.PainelLateral .painel .contentPainel .area {
    display: flex;
    flex-direction: column;
}

.PainelLateral .painel .contentPainel .area.flex{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 33px;
}

.PainelLateral .painel .contentPainel .area .line{
    width: 100%;
    padding: 18px 23px;
    display: flex;
    justify-content: space-between;
    gap: 33px;
}

.PainelLateral .painel .contentPainel .area .line.noPad{
    padding: 0px 23px 18px;
}

.PainelLateral .painel .contentPainel .area .headArea{
    font-size: 1.230em;
    font-weight: 600;
    color: #333;
    background: #fff;
    border: 1px solid #F4F4F4;
    border-radius: 10px 10px 0px 0px;
    padding: 18px 23px;
}

.PainelLateral .painel .contentPainel .area textarea {
    font-size: 1em;
    font-weight: 400;
    min-height: 100px;
    color: #333;
    background: #FBFBFB;
    border: 1px solid #F4F4F4;
    border-top: 0;
    border-radius: 0px 0px 10px 10px;
    padding: 18px 23px;
}

.PainelLateral .painel .contentPainel .area #files-inputs {
    display: flex;
    flex-direction: column;
    gap: 5px;
    max-height: 250px;
    overflow: auto;
}

.PainelLateral .painel .contentPainel .area .input-space {
    display: flex;
    justify-content: space-between;
    flex: 1;
    background: #FFFFFF;
    border: 1px solid #F4F4F4;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 20px 18px;
    gap: 25px;
}

.PainelLateral .painel .contentPainel .area .input-space.start{
    justify-content: flex-start;

}

.PainelLateral .painel .contentPainel .area .input-space label {
    margin: 0;
    padding: 0;
    font-size: 1.230em;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    white-space: nowrap;
}

.PainelLateral .painel .contentPainel .area .input-space .anexo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    gap: 15px;
}

.PainelLateral .painel .contentPainel .area .input-space .anexo input[type=file] {
    display: none;
}

.PainelLateral .painel .contentPainel .area .input-space .anexo > label {
    font-size: 1.076em;
    font-weight: 400;
    color: #333;
    background: #E4E4E4;
    border-radius: 7px;
    width: fit-content;
    padding: 9px 13px;
    cursor: pointer;
}

.PainelLateral .painel .contentPainel .area .input-space .anexo > span {
    width: 100%;
    color: #8B8B8B;
    font-size: 1em;
}

.PainelLateral .painel .contentPainel .area .linkAnexo {
    margin-top: 10px;
    color: #0089BF;
}

.PainelLateral .painel .contentPainel .area .contentArea {
    background: #FBFBFB;
    border: 1px solid #F4F4F4;
    border-top: 0;
    box-sizing: border-box;
    border-radius: 0px 0px 10px 10px;
}

.PainelLateral .painel .contentPainel .area .contentArea.flex {
    display: flex;
    justify-content: space-between;
    gap: 35px;
}

.PainelLateral .painel .contentPainel .area .contentArea.limit240 {
    min-height: 140px;
    max-height: 240px;
    overflow: auto;
}

.PainelLateral .painel .contentPainel .area textarea::placeholder {
    color: #8B8B8B;
}

.PainelLateral .painel .footerPainel {
    height: 94px;
    background: #FBFBFB;
    border: 1px solid #F4F4F4;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 85px;
}

.PainelLateral .painel .contentPainel #fotos.area {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 2%;
}

.PainelLateral .painel .contentPainel #fotos.area .wrapper-foto {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    height: 75px;
    background: #FBFBFB;
    border: 1px solid #F4F4F4;
    box-sizing: border-box;
    border-radius: 10px;
}

.PainelLateral .painel .contentPainel #fotos.area .wrapper-foto > div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    height: 100%;
}

.PainelLateral .painel .contentPainel #fotos.area .wrapper-foto > div .ticket-base{
    height: fit-content;
}

.PainelLateral .painel .contentPainel #fotos.area .wrapper-foto > div .boxImg {
    width: 100px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.PainelLateral .painel .contentPainel #fotos.area .wrapper-foto > div img.foto {
    height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.PainelLateral .painel .contentPainel #fotos.area .wrapper-foto > div a.infoCardBtns {
    height: 20px;
}

.checkboxStyled {
    display: flex;
    align-items: center;
}

.checkboxStyled input[type=checkbox] {
    display: none;
}

.checkboxStyled input[type=checkbox] + span.styled{
    display: block;
    width: 30px;
    height: 30px;
    background: #EAEBEF;
    border: 1px solid #F4F4F4;
    border-radius: 5px;
}

.checkboxStyled input[type=checkbox]:checked + span.styled{
    background: #0089BF;
    border: 0;
    position: relative;
}

.checkboxStyled input[type=checkbox]:checked + span.styled::after{
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    width: 15px;
    height: 11px;
    border-width: 0 0 4px 4px;
    border-color: #fff;
    border-style: solid;
    transform: rotate(315deg);
}

.scroll-custom::-webkit-scrollbar { width: 6px; height: 12px; }
.scroll-custom::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 50px;}
.scroll-custom::-webkit-scrollbar-thumb {background: #c1c1c1;border-radius: 50px;}
.scroll-custom::-webkit-scrollbar-thumb:hover {background: rgb(232, 232, 232);}

.btn-classificar {
    width: 17px;
    height: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #F8F8F8;
    border: 1px solid #F4F4F4;
    box-sizing: border-box;
    border-radius: 3px;
    margin: 0;
    padding: 2px 2px;
}

.btn-classificar .arrow {
    background: #D6D6D6;
    width: 9px;
    height: 7px;
    margin: 0;
    cursor: pointer;
    background-position: center;
}

.btn-classificar .arrow.active {
    background: #0089BF;
}

.btn-classificar .arrow.up {
    transform: rotate(180deg);
}
#page_list .styled-acompanhamento {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#page_list .styled-acompanhamento .styled-cliente {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 6px;
    background: #f8f8f8f8;
    padding: 32px;
    align-items: center;
}

#page_list .styled-acompanhamento .styled-prestador {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 6px;
    background: #f8f8f8f8;
    padding: 32px;
    align-items: center;
}

#page_list .styled-acompanhamento a {
    height: 45px;
    color: #FFF;
    margin-top: 13px;
    display: flex;
    align-items: center;
}

.body-modal-ponto .closePonto{
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    padding: 23px;
    width: 9px;
    height: 9px;
    background-repeat: no-repeat !important;
    background-image: url(../img/icons/close.png) !important;
    background-position: center;
    position: absolute;
    right: 30px;
    top: 21px;
    cursor: pointer;
    z-index: 99;
}

.body-modal-ponto .closePonto:hover{
    padding: 23px;
    background: #f8f8f8;
    background-position: center;
    border-radius: 50%;
}

.body-modal-ponto img{
    position: absolute;
    top: -10px;
    left: 29%;
}

.body-modal-ponto .info-ponto{
    position: absolute;
    bottom: 21px;
    left: 42px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.body-modal-ponto .info-ponto h1{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 37px;

    color: #000000;
}

.body-modal-ponto .info-ponto p{
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 28px;

    text-align: center;
    width: 410px;
}

#modal-lead-pesquisa .modal-content {
    border: 0;
    box-shadow: none;
    background: transparent ;
}



#cadastro-lead {
    width: 100%;
    margin: 136px 0 200px;
    position: relative;
}

#cadastro-lead .box {
    width: 21%;
    height: 291px;
    position: absolute;
    left: 0;
    top: 62px;
    background: #0170A5;
    opacity: 0.1;
}

#cadastro-lead .box1 {
    width: 126px;
    height: 117.45px;
    position: absolute;
    right: 0;
    bottom: -130px;
    background: #FF4B6A;
    opacity: 0.1;
}

#cadastro-lead .box2 {
    width: 227px;
    height: 310px;
    position: absolute;
    left: 159px;
    bottom: -160px;
    background: #FFB340;
    opacity: 0.1;
}

#cadastro-lead .container-lead {
    display: flex;
    align-items: center;
    flex-direction: column;
}

#cadastro-lead .container-lead .header-cadastro-lead {
    text-align: center;
    width: 49%;
}

#cadastro-lead .container-lead .header-cadastro-lead h3 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 60px;
    color: #333333;
}

#cadastro-lead .container-lead .header-cadastro-lead p {
    width: 49%;

    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 35px;
    color: #333333;
}

#cadastro-lead .styled-container {
    display: grid;
    justify-content: center;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(563px, 350px));
    grid-column-gap: 74px;
}

#cadastro-lead .header_lead_modal {
    position: relative;
    border-radius: 30px 30px 0 0;
    overflow: hidden;
}

#cadastro-lead .header_lead_modal .styled-close{
    position: absolute;
    right: 15px;
    top: 14px;
}

#cadastro-lead .styled-textarea {
    width: 100%;
    height: 100px;
    margin: 10px 0 0 0;
    padding: 14px 19px;
    background: #d3d3d3;
    border: 0;
}

#cadastro-lead .styled-button {
    width: fit-content;
    padding: 17px 32px;
    margin: 0 auto;
    background: transparent;
    font-weight: 700;
}


#cadastro-lead picture.img {
    border-radius: 30px 30px 0 0;
    overflow: hidden;
}


#cadastro-lead .etapas-lead {
    height: auto;
    z-index: 9;
    padding: 58px 71px;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border-radius: 30px;
    margin-top: -46px;
    border: 1px solid #F4F4F4;
    box-sizing: border-box;
}

#cadastro-lead .primeiro-lead{
    height: 85%;
    z-index: 9;
    padding: 58px 71px;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;

    border: 1px solid #F4F4F4;
    box-sizing: border-box;
}

#cadastro-lead .etapas-lead-completo {
    height: 85%;
    z-index: 99;
    padding: 58px 71px;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;

    border: 1px solid #F4F4F4;
    box-sizing: border-box;
}

#cadastro-lead .etapas-lead-completo h5 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    width: 210px;


    background: #00C1B4;

    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;

    text-transform: uppercase;

    color: #EEF5F6;
}

#cadastro-lead .etapas-lead-completo p {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 32px;
    margin: 16px 0 0;

    color: #000000;
}

#cadastro-lead .etapas-lead span {
    padding-bottom: 27px;

    text-align: center;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333;
}

#cadastro-lead .etapas-lead h5 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;

    width: 238px;
    height: 40px;

    background: #FFB340;

    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;

    text-transform: uppercase;

    color: #EEF5F6;
}

#cadastro-lead .etapas-lead p {
    margin: 10px 0 10px;

    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 32px;

    color: #000000;
}

#cadastro-lead .etapas-lead a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 156px;
    margin: 55px 0 0;
    background: #00C1B4;
    padding: 8px 16px;

    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 25px;

    color: #FFFFFF;
    cursor: pointer;
}

#cadastro-lead .etapas-lead .flex {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #0000001f;
    padding: 16px 18px 8px 0;
}


#cadastro-lead .etapas-lead .flex input {
    display: none;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles+label {
    cursor: pointer;
    padding: 0;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles+label::before {
    content: '';
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #D3D3D3;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label::before {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow:
            2px 0 0 white,
            4px 0 0 white,
            4px -2px 0 white,
            4px -4px 0 white,
            4px -6px 0 white,
            4px -8px 0 white;
    transform: rotate(45deg);
}

#cadastro-lead .etapas-lead .flex div.cinza {
    background: #ccc;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-carro {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-vans {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-caminhao {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-semirreboques {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-trator {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-jetski {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-servicos {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-manuntencao {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-satelite {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-telemetria {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-motorista {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-roteirizacao {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-vistoria {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-software {
    background: #00C1B4;
}


#cadastro-lead .etapas-lead .flex label {
    display: flex;
    gap: 19px;
    width: 100%;
    position: relative;

    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 0;

    color: #000000;
}

#cadastro-lead .etapas-lead .flex label span {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 11px;
    line-height: 16, 5px;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-left: -16px;

    color: #000000;
}

#cadastro-lead .midia-sociais {
    z-index: 9;
}



#cadastro-lead .midia-sociais h3 {
    margin-bottom: 31px;

    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;

    color: #000000;
}

#cadastro-lead .midia-sociais .sociais {
    display: flex;
    align-items: center;
    width: 90%;
    height: 141px;
    gap: 45px;
    padding: 0 0 0 45px;
    margin: 0 0 10px;

    background: #f4f4f4;
}


#cadastro-lead .midia-sociais .sociais .info {
    display: flex;
    flex-direction: column;
}

#cadastro-lead .midia-sociais .sociais .info p {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;

    color: #000000;
}

#cadastro-lead .midia-sociais .sociais .info span {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 32px;

    color: #000000;
}

#cadastro-lead .midia-sociais .sociais .info a {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 32px;
    text-decoration-line: underline;

    color: #0170A5;
}


@media (max-width: 600px) {
    #cadastro-lead .midia-sociais {
        z-index: 99;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #cadastro-lead .midia-sociais .sociais {
        width: 57%;
        padding: 0 0 0 38px;
    }

    #cadastro-lead .header-cadastro-lead {
        width: 90%;
    }

    #cadastro-lead .etapas-lead {
        padding: 58px 111px 111px;
        height: 100%;
    }

    #cadastro-lead .etapas-lead-completo {
        padding: 58px 111px;
        height: 100%;
    }

    #cadastro-lead .midia-sociais h3 {
        font-size: 19px;
    }
}

#cadastro-lead {
    width: 100%;
    margin: 136px 0 200px;
    position: relative;
}

#cadastro-lead .box {
    width: 21%;
    height: 291px;
    position: absolute;
    left: 0;
    top: 62px;
    background: #0170A5;
    opacity: 0.1;
}

#cadastro-lead .box1 {
    width: 126px;
    height: 117.45px;
    position: absolute;
    right: 0;
    bottom: -130px;
    background: #FF4B6A;
    opacity: 0.1;
}

#cadastro-lead .box2 {
    width: 227px;
    height: 310px;
    position: absolute;
    left: 159px;
    bottom: -160px;
    background: #FFB340;
    opacity: 0.1;
}

#cadastro-lead .container-lead {
    display: flex;
    align-items: center;
    flex-direction: column;
}

#cadastro-lead .container-lead .header-cadastro-lead {
    text-align: center;
    width: 49%;
}

#cadastro-lead .container-lead .header-cadastro-lead h3 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 60px;
    color: #333333;
}

#cadastro-lead .container-lead .header-cadastro-lead p {
    width: 49%;

    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 35px;
    color: #333333;
}

#cadastro-lead .container-center {
    display: grid;
    justify-content: center;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(563px, 350px));
    grid-column-gap: 74px;
    grid-row-gap: 80px;
    padding-top: 78px;
}


#cadastro-lead .etapas-lead {
    height: auto;
    z-index: 9;
    padding: 58px 71px;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;

    border: 1px solid #F4F4F4;
    box-sizing: border-box;
}

#cadastro-lead .primeiro-lead{
    height: 85%;
    z-index: 9;
    padding: 58px 71px;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;

    border: 1px solid #F4F4F4;
    box-sizing: border-box;
}

#cadastro-lead .etapas-lead-completo {
    height: 85%;
    z-index: 99;
    padding: 58px 71px;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;

    border: 1px solid #F4F4F4;
    box-sizing: border-box;
}

#cadastro-lead .etapas-lead-completo h5 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    width: 210px;


    background: #00C1B4;

    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;

    text-transform: uppercase;

    color: #EEF5F6;
}

#cadastro-lead .etapas-lead-completo p {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 32px;
    margin: 16px 0 0;

    color: #000000;
}

#cadastro-lead .etapas-lead span {
    padding-bottom: 27px;

    text-align: center;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333;
}

#cadastro-lead .etapas-lead h5 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;

    width: 238px;
    height: 40px;

    background: #FFB340;

    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;

    text-transform: uppercase;

    color: #EEF5F6;
}

#cadastro-lead .etapas-lead p {
    margin: 10px 0 10px;

    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 32px;
    color: #000000;
}

#gerenciador-emails {
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#gerenciador-emails .containerPrincipal{
    padding: 70px 73px;

}

#gerenciador-emails .containerGerenciador{
    margin: 50px 0 0;
    width: 100%;
}

#gerenciador-emails .containerGerenciador .headerGerenciador{
    height: auto;

    background: #F9F9F9;
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
    border-radius: 4px 4px 0px 0px;

    display: flex;
    justify-content: space-around;
    align-items: center;
}

#gerenciador-emails .containerGerenciador .headerGerenciador form{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

#gerenciador-emails .containerGerenciador .headerGerenciador form .container_header{
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr ));
    padding: 15px 50px 0;
}

#gerenciador-emails .containerGerenciador .headerGerenciador input{
    background: #fff;
    border: none;
    border-radius: 6px;
    width: 100%;
    padding: 14px;
}

#gerenciador-emails .containerGerenciador .headerGerenciador .ajuste_button_pesquisar{
    display: flex;
    justify-content: end;
}

@media(max-width: 1514px) {
    #gerenciador-emails .containerGerenciador .headerGerenciador .ajuste_button_pesquisar{
        justify-content: start;
    }
}

#gerenciador-emails .containerGerenciador .headerGerenciador button{
    padding: 10px 16px;

    width: 166px;
    height: 44px;

    background: #0170A5;
    border-radius: 50px;
    border: none;

    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase;

    color: #fff;
}

#gerenciador-emails .containerGerenciador .headerGerenciador button:hover{
    background: #0170A5;
    opacity: 0.8;

}

#gerenciador-emails .containerGerenciador .containerBody{
    height: 50vh;

    border: 1px solid #E6E6E6;
    box-sizing: border-box;
    border-radius: 0px 0px 4px 4px;
    overflow: auto;
}

#gerenciador-emails .containerGerenciador .headerGerenciador .selectStyles{
    width: 25vw;
    height: 44px;
    align-items: center;
    padding: 11px 27px;
    border-radius: 6px;

    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #666666;

    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    background: #fff;

}

#gerenciador-emails .containerGerenciador .headerGerenciador .select2-container .select2-choice {
    display: contents;
    height: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    font-weight: 500;
    border: 1px solid #e5e5e5;
    white-space: nowrap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    text-decoration: none;
    border-radius: 4px;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
}

#gerenciador-emails .containerGerenciador .select2-container .select2-choice .select2-arrow {
    margin: 0;
    width: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../nova_home/img/icons/arrow-down.svg);
    background-position: calc(100% - 29px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - .5em) .5em;
    background-size: 14px;
    background-repeat: no-repeat;
}

#gerenciador-emails .containerGerenciador .select2-container .select2-choice > .select2-chosen {
    margin-right: 0;
}

#gerenciador-emails .containerGerenciador .select2-container .select2-choice .select2-arrow b  {
    display: none;
}

#gerenciador-emails .containerGerenciador .headerInfos{
    position: relative;
    overflow: auto;
    min-width: 1000px;
}

#gerenciador-emails .containerGerenciador .headerInfos .topo{
    height: 46px;
    width: 100%;
    padding: 0 22px;

    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
    z-index: 10;
}

#gerenciador-emails .containerGerenciador .headerInfos td{
    height: 46px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    padding: 11px 0 11px 15px;

    color: #666666;
}

#gerenciador-emails .containerGerenciador .inputsSelectsGerenciadorEmail{
    background-color: #FFF;
    height: 46px;
    width: 100%;
    padding: 14px 17px;
    border-radius: 4px;
    border: 1px solid #eee;
    cursor: pointer;
    color: #000;
    font-size: 13px;
}

#gerenciador-emails .containerGerenciador .headerInfos th{
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;

    text-transform: uppercase;

    color: #666666;

    opacity: 0.8;
    margin: 0;
}

#gerenciador-emails .containerGerenciador .headerInfos tr:nth-child(even){
    background-color: #F9F9F9;
}

#gerenciador-emails .containerGerenciador .headerInfos p.enviadoOn {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;

    text-align: center;
    text-transform: uppercase;

    color: #00C1B4;
    background: rgba(0, 193, 180, 0.15);
    border-radius: 4px;
    margin: 0;
    padding: 11px 0px;
}


#gerenciador-emails .containerGerenciador .headerInfos a {
    background-image: url(../img/icons/iconEyes.svg);
    background-repeat: no-repeat;
    background-position: center;

    padding: 7px 22px;
    border: 2px solid #0170A5;
    box-sizing: border-box;
    border-radius: 50px;
    cursor: pointer;
}

#gerenciador-emails .containerGerenciador .headerInfos a.button {
    padding: 11px 20px;

    background: #0170A5;
    border-radius: 50px;
    border: none;

    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #EEF5F6;
    text-decoration: inherit;
    white-space: nowrap;
}

@media (max-width: 1300px ) {
    #gerenciador-emails .containerGerenciador .headerInfos td.ajusteColunmButton {
        padding: 0 0 0 7px;
    }
}

#gerenciador-emails .containerGerenciador .headerInfos .selectForm{
    width: 12vw;
    align-items: center;
    padding: 11px 27px;
    border-radius: 6px;

    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #666666;

    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;

    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url(../nova_home/img/icons/arrow-down.svg);
    background-position:
            calc(100% - 15px) calc(1em + 2px),
            calc(100% - 15px) calc(1em + 2px),
            calc(100% - .5em) .5em;
    background-size: 14px;
    background-repeat: no-repeat;
}

#gerenciador-emails .containerGerenciador .container .selectFooter{
    width: 12vw;
    align-items: center;
    padding: 11px 27px;
    border-radius: 6px;

    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #666666;

    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;

    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url(../nova_home/img/icons/arrow-down.svg);
    background-position:
            calc(100% - 15px) calc(1em + 2px),
            calc(100% - 15px) calc(1em + 2px),
            calc(100% - .5em) .5em;
    background-size: 14px;
    background-repeat: no-repeat;
}

#gerenciador-emails .containerGerenciador .footerGerenciador{
    display: none;
    position: relative;
    height: 97px;
}

#gerenciador-emails .containerGerenciador .footerGerenciador .stylesFooter{
    width: 100%;
    height: 97px;
    background: #0170A5;
    border-radius: 0px 0px 4px 4px;
    position: absolute;
    bottom: 0;

    display: flex;
    justify-content: space-between;
    padding: 0 100px;
    align-items: center;
}

#gerenciador-emails .containerGerenciador .footerGerenciador .footerInfos{
    display: flex;
    align-items: center;
    gap: 100px;
}

#gerenciador-emails .containerGerenciador .footerGerenciador .footerInfos p{
    margin: 0;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;

    color: #FFFFFF;
}

#gerenciador-emails .containerGerenciador .footerGerenciador button{
    padding: 10px 16px;

    width: 166px;
    height: 44px;

    background: #FFFFFF;
    border-radius: 50px;
    border: none;

    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase;

    color: #0170A5;
}

.containerPrincipalSelect {
    width: 100%;
    min-width: 230px;
    height: 44px;
    border-radius: 4px;
    border: 1px solid #eee;
    cursor: pointer;
    background: #fff;
    background-image: url(../nova_home/img/icons/arrow-down.svg);
    background-position: calc(100% - 15px) calc(1em + 6px), calc(100% - 15px) calc(1em + 2px), calc(100% - .5em) .5em;
    background-size: 14px;
    background-repeat: no-repeat;

    position: relative;
}

.containerPrincipalSelect .buttonNewSelectLayout{
    padding: 14px 17px 11px;
}

.containerSelectLayout {
    display: none;
    width: 100%;
    min-width: 230px;
    height: auto;
    background: #fff;
    position: absolute;
    border: 1px solid #eee;
    overflow: auto;
    z-index: 1;
}

.containerSelectLayout .inputAddOnEmail{
    width: 100%;
    min-width: 230px;
    height: 50px;
    background: #F7F7F7;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    padding: 0 17px 0;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}


.containerSelectLayout .boxAddOnEmail{
    display: flex;
    justify-content: center;
    position: relative;
}

.containerSelectLayout .buttonSelectAddOn {
    position: absolute;
    right: 12px;
    top: 30%;
    border-radius: 20px;
    padding: 2px 10px;
    background: #0089BF;
    color: #fff;
    border: none;
}

button.removeSelectEmail{
    background: url('../img/icons/buttonX.png'), #c4c4c4;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px;
    padding: 8px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    margin: 0;
    right: 10px;
    bottom: 9px;
    position: absolute;
}

.inputBodySelect {
    order: -1;
}

.containerSelectLayout .selectLayoutAddOnEmail ul{
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}


.containerSelectLayout .selectLayoutAddOnEmail li{
    Display: flex;
    align-items: flex-end;
    gap: 15px;
    border: 1px solid #eee;
    padding: 11px 20px 9px 11px;
    background-color: #F9F9F9;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    position: relative;

    color: #000000;
}


.containerSelectLayout.open {
    display: inline-table;
}


/* CSS MODAL TESTE */
.openModalSelectEmail {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

/* Modal Content/Box */
.openModalSelectEmail iframe {
    width: 100%;
    max-width: 583px;
    height: 90vh;

}

/* The Close Button */
.closeModalSelectEmail {
    color: #aaa;
    position: absolute;
    right: 0;
    top: 0;
    margin: 30px;
    font-size: 48px;
    font-weight: 400;
}

.closeModalSelectEmail:hover,
.closeModalSelectEmail:focus {
    color: #eee;
    text-decoration: none;
    cursor: pointer;
}

.modalConfirmacaoEnvioEmail {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);

}

.modalConfirmacaoEnvioEmail div{
    text-align: center;
    padding: 50px 30px 20px;
    border-radius: 6px;
    max-width: 583px;
    background: #fff;

}

.modalConfirmacaoEnvioEmail div p{
    font-size: 16px;

}

.modalConfirmacaoEnvioEmail p span.corretora{
    color: #333;
    display: flex;

}

.modalConfirmacaoEnvioEmail .buttonsConfirmeEmails{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.modalConfirmacaoEnvioEmail .buttonsConfirmeEmails .simEmails{
    background: var(--azul);
    padding: 16px 30px;
    border: none;
    border-radius: 6px;

    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #EEF5F6;
}

.modalConfirmacaoEnvioEmail .buttonsConfirmeEmails .simEmails:hover{
    background: var(--azul);
    opacity: .8;
}

.modalConfirmacaoEnvioEmail .buttonsConfirmeEmails .naoEmails{
    background: transparent;
    padding: 16px 30px;
    border: 2px solid #333;
    border-radius: 6px;

    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #333;
}

.modalConfirmacaoEnvioEmail .buttonsConfirmeEmails .naoEmails:hover{
    background: transparent;
    opacity: .8;
}

.show2 {
    display: flex;
}

#cadastro-lead .etapas-lead a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 156px;
    margin: 55px 0 0;
    background: #00C1B4;
    padding: 8px 16px;

    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 25px;

    color: #FFFFFF;
    cursor: pointer;
}

#cadastro-lead .etapas-lead .flex {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #0000001f;
    padding: 16px 18px 8px 0;
}


#cadastro-lead .etapas-lead .flex input {
    display: none;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles+label {
    cursor: pointer;
    padding: 0;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles+label::before {
    content: '';
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #D3D3D3;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label::before {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow:
            2px 0 0 white,
            4px 0 0 white,
            4px -2px 0 white,
            4px -4px 0 white,
            4px -6px 0 white,
            4px -8px 0 white;
    transform: rotate(45deg);
}

#cadastro-lead .etapas-lead .flex div.cinza {
    background: #ccc;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-carro {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-vans {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-caminhao {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-semirreboques {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-trator {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-jetski {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-servicos {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-manuntencao {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-satelite {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-telemetria {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-motorista {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-roteirizacao {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-vistoria {
    background: #00C1B4;
}

#cadastro-lead .etapas-lead .flex .checkbox-styles:checked+label+.icon-software {
    background: #00C1B4;
}


#cadastro-lead .etapas-lead .flex label {
    display: flex;
    gap: 19px;
    width: 100%;
    position: relative;

    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 0;

    color: #000000;
}

#cadastro-lead .final {
    display: none;
}




#entrega-produtos {

}

#entrega-produtos .NewAbas {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    font-family: 'Roboto', sans-serif;
}

#entrega-produtos .NewAbas .headAbas{
    display: flex;
    justify-content: flex-start;
    height: 60px;
    overflow: hidden;
    background: #f1f1f1;
    border-radius: 10px 10px 0 0;
    border: 1px solid #f4f4f4;
    border-bottom: 0;
    cursor: pointer;
}

#entrega-produtos .NewAbas .headAbas > span {
    font-weight: 600;
    font-size: 1em;
    padding: 14px 20px 12px;
    border-radius: 7px 7px 0 0;
    background: var(--azul-medio);
    color: #FFF;
    float: left;
    margin: 0 2px 0 0;
}

#entrega-produtos .NewAbas .headAbas > span.active {
    background: #FFF;
    color: #666666;
    float: left;
    box-shadow: 0 -4px 6px #0000000d;
}

#entrega-produtos .NewAbas .contentAbas{
    background: #fff;
    border-radius: 0 0 10px 10px;
    border: 1px solid #f4f4f4;
    border-top: 0;
}

#entrega-produtos .NewAbas .contentAbas .aba {
    width: 100%;
    height: auto;
    display: none;
    flex-direction: column;
    gap: 25px;
    padding: 0 0 25px;
    background: #fff;
}

#entrega-produtos .NewAbas .contentAbas .aba.active {
    display: flex;
}

#entrega-produtos .component-search {
    float: right;
    position: relative;
}

.modalDesligada {
    display: none;
}

#entrega-produtos .busca { float: right; position: relative; margin: 10px 0 0 0; }
#entrega-produtos .busca input[type="text"] { width:340px; box-sizing: border-box; padding: 0 20px; margin:0 0 10px 0; float: left; border-radius: 7px; border: 1px solid #eaeaea; height: 45px; transition:0.3s; color: #666; font-size: 1.1em; font-weight: 600; }
#entrega-produtos .busca input[type="text"]::placeholder { color:#b8b8b8; font-style: italic; font-weight: 500; }
#entrega-produtos .busca input[type="submit"] { min-width: 60px; position: absolute; right: 0; box-sizing: border-box; padding: 0 20px; margin:3px 3px 10px 0; float: left; border-radius: 4px; border: 0; height: 39px; transition:0.3s; background: #1eb5ef; text-indent: -10000px; background-image: url(../img/icons/search-white.svg); background-size: 19px 19px; background-repeat: no-repeat; background-position: 50%; }
#entrega-produtos .busca select { width:340px; box-sizing: border-box; padding: 0 20px; margin:0 0 10px 0; float: left; border-radius: 7px; border: 1px solid #eaeaea; height: 37px; transition:0.3s; color: #666; font-size: 1.1em; font-weight: 600; }

#entrega-produtos .btn.active { color: #FFF; cursor: default; }
#entrega-produtos .btn.no-active { background: #CECFCF; color: #FFF; }
#entrega-produtos #NewForm { margin: 0 0 2%; float: left; }
#entrega-produtos #NewForm form span label { color:#A3A3A3; font-size: 0.85em;  }
#entrega-produtos #NewForm form span textarea, .textarealines { background: url(../home/img/deltaGlobal-2cOaJ.png); background-attachment: local; background-repeat: no-repeat;  padding-left: 35px; padding-top: 12px; border-color:#ccc; font-size: 12px; line-height: 16px; resize: vertical; height: 335px; }

#entrega-produtos #NewForm form p.pnew { margin: 22px 0 -10px  }



.etiqueta-green-randon {
    background: var(--verde-new);
    color: var(--txt-light);
    padding: 5px 12px;
    font-size: 13px;
    border-radius: 5px !important;
    margin: 0 5px 0 0;
}

.etiqueta-gray-randon {
    background: #666;
    color: #FFF;
    font-weight: 700;
    padding: 5px 12px;
    font-size: 13px;
    border-radius: 5px !important;
    margin: 0 5px 0 0;
}
.body-modal-ponto {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 30px;
    border: 1px solid #888;
    width: 565px;
    height: 422px;
    position: relative;
    border-radius: 10px;
}
#cadastro-lead .etapas-lead .flex label span {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 11px;
    line-height: 16, 5px;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-left: -16px;

    color: #000000;
}

#cadastro-lead .midia-sociais {
    z-index: 9;
}



#cadastro-lead .midia-sociais h3 {
    margin-bottom: 31px;

    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;

    color: #000000;
}

#cadastro-lead .midia-sociais .sociais {
    display: flex;
    align-items: center;
    width: 90%;
    height: 141px;
    gap: 45px;
    padding: 0 0 0 45px;
    margin: 0 0 10px;

    background: #f4f4f4;
}


#cadastro-lead .midia-sociais .sociais .info {
    display: flex;
    flex-direction: column;
}

#cadastro-lead .midia-sociais .sociais .info p {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;

    color: #000000;
}

#cadastro-lead .midia-sociais .sociais .info span {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 32px;

    text-align: center;
    width: 410px;
}


.modalEntrega {
    display: none;
    position: fixed;
    z-index: 20;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-content.modal-content-detalhes-veiculos-exportar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fefefe;
    margin: 10% auto;
    padding: 0;
    border: 0;
    box-shadow: none;
    width: 80%;

}

.ajuste-modal-tecnica  .selectTipoCliente{
    margin: 16px 30px;
    width: 96%;
    display: flex;
    gap: 150px;
}

.ajuste-modal-tecnica  .selectTipoCliente div {
    display: flex;
    align-items: inherit;
    gap: 7px;
}

.ajuste-modal-tecnica  .selectTipoCliente div label{
    font-size: 16px;
    font-weight: 300;
    color: #000;
}

.ajuste-modal-tecnica .titleInfoEntrega{
    margin: 0;
    font-size: 26px;
    font-weight: 500;
    color: #000;
    padding: 30px 30px 0;
}

.ajuste-modal-tecnica .textInfoCentral {
    font-size: 16px;
    font-weight: 300;
    color: #000;
    padding: 20px 30px 50px;
}

.ajuste-modal-tecnica .container-buttons-modal {
    width: 100%;
    height: auto;
    display: flex;
    margin: 20px 0 0;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    align-items: baseline;
    padding: 20px 30px 30px;
}

.ajuste-modal-tecnica .ajuste-buttons {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ajuste-modal-tecnica .ajuste-buttons label{
    font-weight: 500;
    font-size: 16px;
    color: #000;
    padding: 0;
    margin: 0;
}

.ajuste-modal-tecnica .ajuste-buttons strong{
    font-weight: 500;
    font-size: 26px;
    padding: 17px 0px;
}

.ajuste-modal-tecnica .ajuste-buttons .buttonWhatsApp{
    text-transform: unset;
    background-color: #00C1B4;
    margin: 0;
    padding: 17px 30px;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ajuste-modal-tecnica .ajuste-buttons .buttonWhatsApp a{
    font-size: 15px;
    font-weight: 400;
    text-transform: unset;
    color: #fff;
}

.ajuste-modal-tecnica .ajuste-buttons .imgButtonModal{
    width: 28px;
    height: 22px;
}

.ajuste-modal-tecnica .ajuste-buttons .buttonWhatsApp:hover{
    background-color: #00C1B4;
    opacity: .8;
}

.ajuste-modal-tecnica .ajuste-buttons .buttonEmail {
    text-transform: unset;
    background-color: #0089BF;
    margin: 0;
    padding: 17px 30px;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ajuste-modal-tecnica .ajuste-buttons .buttonEmail a{
    font-size: 15px;
    font-weight: 400;
    text-transform: unset;
    color: #fff;
}

.ajuste-modal-tecnica .ajuste-buttons .buttonEmail:hover{
    background-color: #0089BF;
    opacity: .8;

}

.ajuste-modal-tecnica .ajuste-buttons span{
    font-weight: 300;
    color: #000000;
}




#cadastro-lead .midia-sociais .sociais .info a {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 32px;
    text-decoration-line: underline;

    color: #0170A5;
}

#cadastro-lead .container-center .invisivel {
    display: none;
}

.color-black-header {
    color: #000 !important;
}

@media (max-width: 600px) {
    #cadastro-lead .midia-sociais {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #cadastro-lead .midia-sociais .sociais {
        width: 57%;
        height: auto;
        padding: 0 0 0 38px;
    }

    #cadastro-lead .header-cadastro-lead {
        width: 90%;
    }

    #cadastro-lead .etapas-lead {
        padding: 58px 111px 111px;
        height: 100%;
    }

    #cadastro-lead .etapas-lead-completo {
        padding: 58px 111px;
        height: 100%;
    }

    #cadastro-lead .midia-sociais h3 {
        font-size: 19px;
    }
}

/* NOVA ÁREA DE FILTRO - id="Pesquisa2022" */
.flex-area {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.fb-1 { flex: 1; }
.fb-2 { flex: 2; }
.fb-3 { flex: 3; }
.max-quarter { max-width: 25%;}


#Pesquisa2022 {
    width: 100%; height: auto;
}

/* Redefinir classes - Inicio */

#Pesquisa2022 h4 {
    margin: 0;
    padding: 0;
    line-height: unset;
}

#Pesquisa2022 [class^="icon-"], #Pesquisa2022 [class*=" icon-"]{
    display: unset;
    margin: 0;
    font-size: unset;
    line-height: unset;
}

#Pesquisa2022 .form-control {
    height: 45px;
    color: var(--text-primary);
    background-color: var(--bg-ff);
    border: 1px solid var(--line-primary);
    border-radius: 6px;
    font-size: unset;
    font-weight: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
}

#Pesquisa2022 .form-control::placeholder {
    color: var(--text-primary);
}

#Pesquisa2022 .select2-container .selection .select2-selection .select2-selection__arrow {
    margin: 0;
    padding: 0;
}

#Pesquisa2022 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    top: unset;
    right: unset;
    width: unset;
    position: relative;
}

#Pesquisa2022 .select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: unset !important;
}

#Pesquisa2022 label {
    display: unset;
    margin: 0;
}

/* Redefinir classes - Fim */

#Pesquisa2022 .select2-container .selection .select2-selection {
    background-color: var(--bg-ff);
    border: 1px solid var(--line-primary);
    border-radius: 6px;
}

#Pesquisa2022 .select2-container.select2-container--open .selection .select2-selection {
    border: 1px solid var(--line-primary);
}

#Pesquisa2022 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
#Pesquisa2022 .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-dropdown {
    border: 1px solid var(--line-primary);
}

#Pesquisa2022 .bootstrap-select>.dropdown-toggle {
    height: 100%;
    color: var(--text-primary);
    background-color: var(--bg-ff);
    border-radius: 6px;
}

#Pesquisa2022 form {
    width: 100%; height: auto;
    display: flex; flex-direction: column;
    margin: 0; padding: 0;
}

#Pesquisa2022 .head-filtro {
    height: 85px;
    display: flex;
    align-items: center;
    background-color: var(--bg-ff);
    border: 1px solid var(--line-primary); border-radius: 6px 6px 0px 0px;
    box-sizing: border-box;
}

#Pesquisa2022 .head-filtro .title {
    display: flex;
    justify-content: space-between; align-items: center;
    gap: 14px;
    padding: 0 10px 0 20px;
}

#Pesquisa2022 .head-filtro .title h4 {
    font-size: 1.307em;
    font-weight: 500;
    color: var(--text-primary)
}

#Pesquisa2022 .head-filtro .icon {
    width: 15px;
    height: 12px;
    background-color: var(--icons-secondary);
}

#Pesquisa2022 .head-filtro .filtro-base {
    padding: 0 20px;
}

#Pesquisa2022 .body-filtro {
    height: 0px;
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
    background-color: var(--bg-f9);
    padding: 0px 21px;
    overflow: hidden;
    gap: 24px;

}

#Pesquisa2022 .body-filtro.open {
    height: auto;
    border: 1px solid var(--line-primary); border-top: 0;
    padding: 29px 21px;
}

#Pesquisa2022 .body-filtro.overflow-visible.open {
    overflow: visible;
}

#Pesquisa2022 .body-filtro .grid-filtro {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.item-filtro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
}

#Pesquisa2022 .body-filtro .grid-filtro .item-filtro label {
    font-weight: 400;
    font-size: 0.923em;
    color: var(--text-secondary);
}

#Pesquisa2022 .body-filtro .grid-filtro .calendar {
    grid-row: 1 / span 4;
    grid-column: 4;
}

#Pesquisa2022 .body-filtro .area-checks {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

#Pesquisa2022 .footer-filtro {
    height: 62px;
    padding: 0 20px;
    background-color: var(--bg-f6);
    border: 1px solid var(--line-primary); border-top: 0;
    border-radius: 0px 0px 6px 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#Pesquisa2022 .footer-filtro .submit {
    background-color: var(--color-blue);
    color: var(--color-white);
    border: 0;
    border-radius: 6px;
    font-size: 15px;
    padding: 14px 20px;
}

#Pesquisa2022 .footer-filtro .buttonFiltro {
    display: flex;
    align-items: center;
    gap: 13px;
    cursor: pointer;
}

#Pesquisa2022 .footer-filtro .buttonFiltro .icon {
    display: block;
    width: 9px;
    height: 5px;
    background: var(--color-dark);
    transform: rotate(180deg);
}

#Pesquisa2022 .footer-filtro .buttonFiltro.open .icon {
    transform: rotate(0deg);
}

#Pesquisa2022 .footer-filtro .buttonFiltro .mostrador-total {
    background-color: var(--color-dark);
    color: var(--color-white);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    font-weight: 700;
}

/* #Pesquisa2022 .footer-filtro .buttonFiltro .mostrador-total.open {
    display: flex;
} */

#Pesquisa2022 .footer-filtro .buttonFiltro p {
    color: var(--text-primary);
    font-size: 1em;
    text-decoration: underline;
    margin: 0;
}
.newSwitch .switchT {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    margin-bottom: 0;
}

.newSwitch .switchT input {
    opacity: 0;
    width: 0;
    height: 0;
}

.newSwitch  .sliderT {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 4px;
    bottom: 0;
    background-color: #EBEBEB;
    -webkit-transition: .4s;
    transition: .4s;
    width: 41px;
}

.newSwitch .sliderT:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 3px;
    background: #C2C2C2;
    -webkit-transition: .4s;
    transition: .4s;
}

.newSwitch  input:checked + .sliderT {
    background: rgba(0, 137, 191, 0.3);

}

.newSwitch  input:focus + .sliderT {
    box-shadow: 0 0 1px rgba(0, 137, 191, 0.3);

}

.newSwitch input:checked + .sliderT:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
    background: #0089BF;
}

/* Rounded sliders */
.newSwitch  .sliderT.round {
    border-radius: 34px;
}

.newSwitch .sliderT.round:before {
    border-radius: 50%;
}

.newSwitch  {
    width: auto;
    height: auto;
    padding: 0px ;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    cursor: pointer;
    gap: 10px;
}

.newSwitch span.label-switch {
    display: flex;
    font-size: 0.928em;

}

.switchBox {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    background-color: var(--bg-ff);
    border: 1px solid var(--line-primary);
    border-radius: 6px;
    padding: 1px;
}

.switchBox label {
    flex: 1;
    height: 100%;
    cursor: pointer;
}

.switchBox input[type=radio] {
    display: none;
}

.switchBox input[type=radio]:checked + span.label-radio {
    background: var(--color-blue);
    color: var(--color-white);
}

.switchBox span.label-radio {
    height: 100%;
    display: flex;
    align-items: center; justify-content: center;
    flex: 1;
    border-radius: 4px;
    color: var(--text-primary);
    font-size: 1.083em;
}

.calendar-range {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.calendar-range .calendar-head {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center; justify-content: space-between;
    background: var(--bg-ff);
    border: 1px solid var(--line-primary);
    border-radius: 6px 6px 0px 0px;
    padding: 0 19px;
}

.calendar-range .calendar-head .arrow {
    display: block;
    width: 7px;
    height: 12px;
    background: var(--color-dark);
    cursor: pointer;
}

.calendar-range .calendar-head .arrow.left {
    mask: url('../img/icons/arrow-left.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/arrow-left.svg') no-repeat center / contain;
    margin: 0;
    padding: 0;
}

.calendar-range .calendar-head .arrow.right.disabled {
    background-color: #e9e9e9;
}

.calendar-range .calendar-head .arrow.right {
    mask: url('../img/icons/arrow-right.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/arrow-right.svg') no-repeat center / contain;
    margin: 0;
    padding: 0;
}

.calendar-range .calendar-head .title {
    font-size: 1em;
    font-weight: 400;
    color: var(--text-primary);
}

.calendar-range .calendar-body {
    width: 100%;
    display: flex;
    flex: 1;
    align-items: center; justify-content: space-between;
    background: var(--bg-ff);
    border: 1px solid var(--line-primary);
    border-top: 0;
    border-radius: 0px 0px 6px 6px;
    padding: 0px 10px 5px;
}

.calendar-range .calendar-body table {
    width: 100%;
    height: 100%;
}

.calendar-range .calendar-body table tr td {
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    color: var(--text-primary);
    padding: 0;
}

.calendar-range .calendar-body table tr td:first-child {
    font-size: 11px;
    font-weight: 400;
}

.calendar-range .calendar-body table tr.trhead td {
    color: var(--color-blue);
    padding: 0px;
}

.calendar-range .calendar-body table tr td > span {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}

.calendar-range .calendar-body table tr td > span.prevMonth { color: var(--text-tertiary)}
/* .calendar-range .calendar-body table tr td > span.curMonth { } */
.calendar-range .calendar-body table tr td > span.nextMonth { color: var(--text-tertiary) }
.calendar-range .calendar-body table tr td > span.selInitial {
    border-radius: 6px;
    color: var(--color-white);
    background-color: var(--color-blue);
    width: 100%;
    height: 100%;
}
.calendar-range .calendar-body table tr td > span.selRangeInit {
    border-radius: 6px 0 0 6px;
    color: var(--color-white);
    background-color: var(--color-blue);
    width: 100%;
    height: 100%;
}
.calendar-range .calendar-body table tr td > span.selRangeFinal {
    border-radius: 0 6px 6px 0;
    color: var(--color-white);
    background-color: var(--color-blue);
    width: 100%;
    height: 100%;
}
.calendar-range .calendar-body table tr td > span.selRangeMeio {
    color: var(--color-white);
    background-color: var(--color-blue);
    width: 100%;
    height: 100%;
}

.vidro_e_lanternas_danificados{
    fill: #ff0000;
    cursor: pointer;
}

.vidro_e_lanternas_danificados:hover{
    fill: #ff0000;
    opacity: 0.7;
    cursor: pointer;
}


.informacoes_vidros_lanternas {
    width: 100%;
}

.informacoes_vidros_lanternas .vidro:hover{
    cursor: pointer;
    opacity: 0.8;
    transition: .2s;
}
#tabela_dados_prestadores .ajuste-td-prestador {
    display: flex;
    height: 57px;
    align-items: center;
    margin-right: 5px;
}

/* SISTEMAS DE ABAS 2021 */
.NewAbas {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    font-family: 'Roboto', sans-serif;
}

.NewAbas .headAbas{
    display: flex;
    justify-content: flex-start;
    height: 60px;
    overflow: hidden;
    background: #f1f1f1;
    border-radius: 10px 10px 0 0;
    border: 1px solid #f4f4f4;
    border-bottom: 0;
}

.NewAbas .headAbas > span {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0px 30px;
    font-size: 1.384em;
    font-weight: 300;
    color: #333;
    cursor: pointer;
}

.NewAbas .headAbas > span.active {
    font-weight: 700;
    color: #0089BF;
    background: #fff;
}

.NewAbas .contentAbas{
    background: #fff;
    border-radius: 0 0 10px 10px;
    border: 1px solid #f4f4f4;
    border-top: 0;
}

.NewAbas .contentAbas .aba {
    width: 100%;
    height: auto;
    display: none;
    flex-direction: column;
    gap: 25px;
    padding: 0 0 25px;
    background: #fff;
}

.NewAbas .contentAbas .aba.active {
    display: flex;
}

.alterarStatus {
    width: 100%;
    float: left;
    padding: 3%;
    box-sizing: border-box;
}

.containerProtocolos {
    padding: 3%;
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
    height: auto;
    gap: inherit;
}

.dadosContatoMotoristaRespon {
    display: flex;
    flex-direction: column;
    padding: 28px;
}

.dadosNomeCelular {
    display: grid;
    grid-template-columns: repeat( 2, minmax(190px, 1fr) );
    grid-column-gap: 26px;
    grid-row-gap: 65px;
}

.iconWhatsMotorista {
    position: relative;
    padding-top: 20px;
}

.iconWhatsMotorista a{
    position: absolute;
    bottom: 2px;
    right: 14px;
}

.iconWhatsMotorista img {
    width: 40px;
    height: 40px;
    background: #01e675;
    padding: 7px;
    border-radius: 31%;
}

.dadosContratoMapa  {
    background: #f8f8f8;
    padding: 28px;
}

.dadosContratoMapaInterno  {
    background: #fff;
    border-radius: 10px;
}

.sectionMapa  {
    display: grid;
    grid-template-columns: 60% 40%;
}

@media (max-width: 1000px) {
    .sectionMapa  {
        display: grid;
        grid-template-columns: 100%;
    }
}

.dadosContatoMapaHeader h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;

    color: #333333;

    padding: 30px;
}

.dadosContatoGroupsInputs {
    padding: 3%;
}

.containerVeiculosVinculados {
    display: flex;
    justify-content: space-around;
    padding: 28px;
}

.containerVeiculosPlacas {
    display: flex;
    padding: 3%;
    border-radius: 10px;
}

.containerVeiculosPlacas input{
    border-radius: 10px 0 0 10px;
}

.containerVeiculosPlacas button{
    border-radius: 0 10px 10px 0;
    padding: 4px 12px;
}

.bodyContainerVeiculosPlacas {
    padding: 1%;
    width: 20%;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    background: #fff;
    list-style: none;
}

.bodyContainerVeiculosPlacas li{
    margin-top: 10px;
}

.bodyContainerVeiculosPrefixo {
    padding: 1%;
    width: 20%;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    background: #fff;
    list-style: none;
}

.bodyContainerVeiculosPrefixo li{
    margin-top: 10px;
}

.bodyContainerVeiculos {
    display: flex;
    background: #f8f8f8;
    justify-content: space-around;
    padding: 28px;
}

.container_header_reajuste {
    display: flex;
    justify-content: space-between;
}

.container_header_reajuste a{
    display: flex;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
}

#reajuste_valores .header_group_buttons {
    max-width: 1980px;
}

#reajuste_valores .header_group_buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0 13px;
}

#reajuste_valores .header_group_buttons .group_one{
    display: flex;
    align-items: center;
    gap: 16px;
}

#reajuste_valores .header_group_buttons .group_one > a{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;

    background: rgba(134, 142, 164, 0.15);
    border-radius: 50px;

    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    /* identical to box height */

    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;

    color: #868EA4;
}

#reajuste_valores .header_group_buttons .group_one .text_info{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#reajuste_valores .header_group_buttons .group_one .text_info h5{
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;

    color: #333333;

    margin: 0;
}

#reajuste_valores .header_group_buttons .group_one .text_info p{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;

    color: #8D8D8D;

    margin: 0;
}

#reajuste_valores .header_group_buttons .group_two{
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 68px;
}

#reajuste_valores .header_group_buttons .group_two button{
    width: 278px;
    height: 41px;
    background: #0170A5;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase;
    color: #FFFFFF;
    border: none;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

#reajuste_valores .header_group_buttons .group_two button:focus{
    outline: none;
}

#reajuste_valores .header_group_buttons .group_two .button_select{
    padding: 15px 23px 15px 30px;
    display: flex;
    align-items: center;
    gap: 44px;
    position: relative;
    border: none;
    border-left: 1px solid #EBEBEB;
    cursor: pointer;
}

#reajuste_valores .header_group_buttons .group_two .button_select > div p{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;

    text-transform: uppercase;

    color: #B7B7B7;
}

#reajuste_valores .header_group_buttons .group_two .button_select > div h5{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;

    color: #333333;
}

.ajuste_icon_plus_group_two {
    background: #DEE7E9;
}


#reajuste_valores .header_group_buttons .group_two .button_select span{
    background: #000;
    opacity: 0.2;
    width: 12.1px;
    height: 9px;
}

@media (max-width: 1280px) {
    #reajuste_valores .table_reajuste{
        overflow: auto;
    }
}

.style_ajuste_colors {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;

    color: #010101;
}

.style_ajuste_colors input[type=text]{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;

    color: #010101;
}

.porcentagem_padrao {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;

    color: #010101;
}

#reajuste_valores .table_reajuste table thead tr th{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;

    text-transform: uppercase;

    color: #858585;
}

#reajuste_valores .table_reajuste table tbody tr .ajuste_td_primary_reajuste{
    padding: 10px 15px !important;
}

#reajuste_valores .table_reajuste table tbody tr .b-right{
    border-right: 1px solid #EBEBEB;
}

#reajuste_valores .table_reajuste table tbody tr .b-bottom{
    border-bottom: 1px solid #EBEBEB;
}

#reajuste_valores .table_reajuste table tbody tr td.style_ajuste_colors input[type=text]{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;

    color: #010101;
}

#reajuste_valores .table_reajuste table tbody tr td .cifrao{
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;

    color: #333333;
}

#reajuste_valores .table_reajuste table tbody tr td input[type=text]{
    width: 60px;
    border: none;
    background: transparent;

    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;

    color: #333333;
}

#reajuste_valores .table_reajuste table tbody tr td a{
    width: 88px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 6px;
    align-items: center;
    padding: 4px 8px 4px 12px;

    background: #A7ADBD;
    border-radius: 50px;

    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;

    color: #FFFFFF;
    cursor: pointer;
}

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

#reajuste_valores .table_reajuste table tbody tr td.editado{
    background: #868EA4;
}

#reajuste_valores .table_reajuste table tbody tr td.editado .cifrao,
#reajuste_valores .table_reajuste table tbody tr td.editado input{
    color: #fff;
}

#reajuste_valores .table_reajuste table tbody tr td.editado input[type=text]:disabled{
    color: #fff;
    background: #868EA4 !important;
}

#reajuste_valores .table_reajuste table tbody tr td.contra_proposta{
    background: #FFB340;
}

#reajuste_valores .table_reajuste table tbody tr td.contra_proposta .cifrao,
#reajuste_valores .table_reajuste table tbody tr td.contra_proposta input{
    color: #fff;
}

#reajuste_valores .table_reajuste table tbody tr td.contra_proposta input[type=text]:disabled{
    color: #fff;
    background: #FFB340 !important;
}

#reajuste_valores .table_reajuste table tbody tr td.contra_proposta a{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 8px 4px 12px;

    background: rgba(255, 255, 255, 0.2);
    border-radius: 50px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    /* identical to box height */


    color: #FFFFFF;
}

#reajuste_valores .table_reajuste table tbody tr td.contra_proposta .paragrafo_aguarde{
    margin: 0;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
}


#reajuste_valores table td, th {
    padding: 10px 24px;
}

#reajuste_valores .table_reajuste table tbody tr td.padrao{
    background: #F6F6F6;
    opacity: 0.5;
}

.divisoria_table_reajuste {
    width: 100%;
    height: 20px;
    border-bottom: 1px solid #EBEBEB;
    background: #F6F6F6;
    opacity: 0.5;
}

.ultrapassou_porcentagem_reajuste {
    background: #FF4B6A26;

    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;

    color: #FF4B6A !important;
}

.ajuste_icon_styles {
    background: #FFF;
    width: 18px;
    height: 18px;
}

.ajuste_icon_styles-close {
    background: #FFF;
    width: 9px;
    height: 9px;
}

.aceito_reajuste_prestador {
    background: #00C1B4;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;

    color: #FFFFFF;
}

.aceito_reajuste_prestador p{
    margin: 0;
    padding: 0 0 0 0px;
}

#reajuste_valores .divisao td{
    background: #EBEBEB;
}

#reajuste_valores .ajuste_inside_editado a.button_off{
    display: none !important;
}

.button_on {
    display: flex;
}




li.excepChat #Container {
    background:
            url('../../assets/img/bg-chat.png') #efefef !important; background-position: center !important;
}
li.excepChat #Container .box:last-child {
    padding:0
}
li.excepChat .flex-content {
    margin: 0 0;
    width: calc(100% - 183px);
    border: 0;
    position: fixed;
    bottom: 0;
    right: 0;
}
li.excepChat label {
    margin: 0;
    padding: 0;
}
li.excepChat label input {
    height: 90px !important;
    border-radius:0!important;
    background:#FFF !important;
    border: 0 !important;
    border-top: 1px solid #dfdfdf !important;
}
li.excepChat label a {
    top: 26px !important;
    right: 30px !important;
}
li.excepChat #historico_mensagem_nps ul {
    padding:0
}
li.excepChat #historico_mensagem_nps {
    background: none
}
li.excepChat #historico_mensagem_acionamento ul {
    padding:0
}
li.excepChat #historico_mensagem_acionamento {
    background: none
}
li.excepChat .pull-right {
    box-shadow: 0 1px 2px #d1d1d1;
    background: #f5f5f5 !important;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 25px;
    width: auto !important;
    padding: 2em 2em 2em 7em;
}
li.excepChat .pull-left {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    width: auto !important;
    padding: 2em 7em 2em 2em;
}
li.excepChat #historico_mensagem_nps ul li div div {
    background: none !important;
    display: flex;
    justify-content: center;
    padding: 0;
    flex-direction: column;
    width: auto;
}
li.excepChat #historico_mensagem_acionamento ul li div div {
    background: none !important;
    display: flex;
    justify-content: center;
    padding: 0;
    flex-direction: column;
}


.excep100 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width:100% !important
}
.excep100 label {
    width:100% !important
}

#container_kanban_left {
    background: #FFF;
    width: 366px;
    height: calc(100% - 80px);
    z-index: 10;
    position: absolute;
}

#container_kanban_left .ajuste_title_modal{
    width: 100%;
    margin-top: 7.6%;
}

#container_kanban_left .button_fechar_espera_agendado{
    margin: 20px 20px 1px;
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    border-radius: 50%;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border .3s;
}

#container_kanban_left .ajuste_close{
    width: 11px;
    height: 11px;
    background: #333;
}

#container_kanban_left .button_fechar_espera_agendado:hover{
    border: 1px solid #C4C4C4;
    background: #f7f7f7;
}

.open_modal_modal_kanban_left {
    display: block !important;
    overflow: hidden !important;
    animation: shutter-in-left .3s ease 0s 1 normal none;
}

@keyframes shutter-in-left {
    0%{
        width: 0;
        opacity: 0;
    }
    100%{
        width: 366px;
        opacity: 1;
    }
}

.ajuste_modal_body_pesquisa_resposta_nps {
    overflow: auto;
    height: 500px;
}

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

#modal_pesquisas tr:nth-child(even){background-color: #f2f2f2;}

tbody#table_body_relatorio th {font-size: 1em;}


#modal_prestador_ocorrencia .button_fechar_modal_mapa_rastreador {
    position: absolute;
    z-index: 99;
    right: -2%;
    top: -3%;
    width: 45px;
    height: 45px;
    background: linear-gradient(180deg, #0170A5 0%, #005D89 100%);
    border: 2px solid #D7DDDD;
    box-sizing: border-box;
    border-radius: 50px;
    background-image: url(../../assets/img/icons/close.png), linear-gradient(180deg, #0170A5 0%, #005D89 100%);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.5s;
}

#modal_prestador_ocorrencia .button_fechar_modal_mapa_rastreador:hover {
    border: 2px solid #fff;
    background-image: url(../../assets/img/icons/close_white.png), linear-gradient(180deg, #0170A5 0%, #005D89 100%);
}

#modal_link_rastreamento .button_fechar_modal_link_rastreador {
    position: absolute;
    z-index: 99;
    right: -2%;
    top: -3%;
    width: 45px;
    height: 45px;
    background: linear-gradient(180deg, #0170A5 0%, #005D89 100%);
    border: 2px solid #D7DDDD;
    box-sizing: border-box;
    border-radius: 50px;
    background-image: url(../../assets/img/icons/close.png), linear-gradient(180deg, #0170A5 0%, #005D89 100%);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.5s;
}

#modal_ver_mapa .button_fechar_modal_ver_mapa:hover {
    border: 2px solid #fff;
    background-image: url(../../assets/img/icons/close_white.png), linear-gradient(180deg, #0170A5 0%, #005D89 100%);
}

#modal_ver_mapa .button_fechar_modal_ver_mapa {
    position: absolute;
    z-index: 99;
    right: -2%;
    top: -3%;
    width: 45px;
    height: 45px;
    background: linear-gradient(180deg, #0170A5 0%, #005D89 100%);
    border: 2px solid #D7DDDD;
    box-sizing: border-box;
    border-radius: 50px;
    background-image: url(../../assets/img/icons/close.png), linear-gradient(180deg, #0170A5 0%, #005D89 100%);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.5s;
}

#modal_ver_mapa .button_fechar_modal_ver_mapa:hover {
    border: 2px solid #fff;
    background-image: url(../../assets/img/icons/close_white.png), linear-gradient(180deg, #0170A5 0%, #005D89 100%);
}

.info_ultima_posicao p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: .9em;
    line-height: 14px;

    color: #8B8B8B;
}

.info_ultima_posicao .localizacao {
    background: #F6F6F6;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 20px;
    border-radius: 4px;
}

.info_ultima_posicao .localizacao .endereco{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: .9em;
    line-height: 14px;

    color: #333333;
    margin: 0;
}

.info_ultima_posicao .localizacao .ajuste_icon{
    width: 19px;
    height: 10.73px;
    background-image: url(../img/icons/icon_arrow_green_rota.svg);
    background-repeat: no-repeat;
}

.panel-drop .panel-body .info_whats_prestador{
    display: flex;
    gap: 10px;
    align-items: center;
}

.panel-drop .panel-body .info_whats_prestador > .whatsapp_prestador{
    width: 19px;
    height: 16.73px;
    background-image: url(../img/icons/whatsapp.png);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}


#portal_corretor {
    margin-bottom: 50px;
}

#portal_corretor .box-header {
    margin-bottom: 70px;
    font-family: Roboto, sans-serif;

    display: flex;
    justify-content: space-between;
}

#portal_corretor h2 {
    color: #000;
    font-size: 4.2rem;
    font-weight: 900;
    line-height: 4.9rem;
    margin: 0;
    padding: 0;
}

#portal_corretor .group_button_swift .switchT {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 25px;
    margin-bottom: 0;
}

#portal_corretor .group_button_swift .switchT input {
    opacity: 0;
    width: 0;
    height: 0;
}

#portal_corretor .group_button_swift  .sliderT {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 4px;
    bottom: 0;
    background-color: #c6c6c6;
    -webkit-transition: .4s;
    transition: .4s;
    width: 41px;
}

#portal_corretor .group_button_swift .sliderT:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 4px;
    bottom: 3px;
    background: #0089BF;
    -webkit-transition: .4s;
    transition: .4s;
}

#portal_corretor .group_button_swift  input:checked + .sliderT {
    background: rgba(0, 137, 191, 0.3);;
}

#portal_corretor .group_button_swift  input:focus + .sliderT {
    box-shadow: 0 0 1px rgba(0, 137, 191, 0.3);
}

#portal_corretor .group_button_swift input:checked + .sliderT:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}

/* Rounded sliders */
#portal_corretor .group_button_swift  .sliderT.round {
    border-radius: 34px;
}

#portal_corretor .group_button_swift .sliderT.round:before {
    border-radius: 50%;
}

#portal_corretor .group_button_swift  {
    width: 248px;
    height: 45px;
    padding: 0px 18px;

    background: #FFFFFF;
    border: 1px solid #F4F4F4;
    box-sizing: border-box;
    border-radius: 6px;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

#portal_corretor .group_button_swift  div{
    background: #000;
    height: 22px;
    width: 19px;
}

#portal_corretor .group_button_swift  p{
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;

    text-align: center;

    color: #333333;
    margin: 0 22px 0 0px;
}


#portal_corretor .grid-box-groupDelta {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr ));
    gap: 25px;
}

#portal_corretor .grid-box-groupDelta .color-opacity-black{
    background: #00000073;
    border-radius: 6px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}


#portal_corretor .grid-box-groupDelta .banner{
    width: 100%;
    border-radius: 6px;
    box-sizing: border-box;
}

#portal_corretor .grid-box-groupDelta .banner.deltaGlobal{
    width: 100%;
    background-image: url("../img/portal_prestador/deltaGlobal-banner-deltaGlobal.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 9px;
    box-sizing: border-box;
}

#portal_corretor .grid-box-groupDelta .banner.deltaFleet{
    width: 100%;
    background-image: url("../img/portal_prestador/deltaGlobal-banner-deltaFleet.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 9px;
    box-sizing: border-box;
}

#portal_corretor .grid-box-groupDelta .banner.delta24h{
    width: 100%;
    background-image: url("../img/portal_prestador/deltaGlobal-banner-delta24h.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 9px;
    box-sizing: border-box;
}

#portal_corretor .grid-box-groupDelta .banner.historicar{
    width: 100%;
    background: linear-gradient(143.38deg, #379FC9 8.05%, #0F192C 60.41%);
    background-image: url("../img/portal_prestador/deltaGlobal-banner-historicar.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 9px;
    box-sizing: border-box;
}

#portal_corretor .grid-box-groupDelta .banner.desativado{
    min-height: 269px;
}

#portal_corretor .grid-box-groupDelta .banner.desativado .img-desativado{
    margin: 28px 0 0;
    width: 180px;
    height: 60px;
}

#portal_corretor .grid-box-groupDelta .banner.desativado .p-desativado{
    margin: 0 0 0;
    width: 250px;

    font-family: open sans;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    text-align: center;

    color: #FFFFFF;
}

#portal_corretor .grid-box-groupDelta .banner.desativado .a-desativado{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 33px;
    margin-bottom: 26px;

    background: #0170A5;
    border-radius: 100px;

    font-family: Roboto;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;

    color: #FFFFFF;
}

/* CLASS QUE DESATIVA INFORMAÇÕES DA CLASS="ATIVO" */
#portal_corretor .grid-box-groupDelta .banner.desativado .p-ativo{
    display: none;
}

#portal_corretor .grid-box-groupDelta .banner.desativado .img-ativo{
    display: none;
}

#portal_corretor .grid-box-groupDelta .banner.desativado .a-ativo{
    display: none;
}

#portal_corretor .grid-box-groupDelta .banner.ativo{
    border: 3px solid #00C1B4;
    min-height: 269px;

}

#portal_corretor .grid-box-groupDelta .banner.ativo .p-ativo{
    background: #00C1B4;
    color: #fff;
    width: 124px;
    height: 25px;
    text-align: center;
}

#portal_corretor .grid-box-groupDelta .banner.ativo .img-ativo{
    width: 180px;
    height: 60px;
}

#portal_corretor .grid-box-groupDelta .banner.ativo .a-ativo{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 33px;
    margin-bottom: 26px;

    background: #00C1B4;
    border-radius: 100px;

    font-family: Roboto;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;

    color: #FFFFFF;
}

#portal_corretor .grid-box-groupDelta .banner.ativo .p-desativado{
    display: none;
}

#portal_corretor .grid-box-groupDelta .banner.ativo .img-desativado{
    display: none;
}

#portal_corretor .grid-box-groupDelta .banner.ativo .a-desativado{
    display: none;
}

#portal_corretor .body-accordion{
    display: flex;
    align-items: flex-start;
    gap: 31px;
    margin-top: 30px;
}

#portal_corretor .body-accordion .accordion-left{
    width: 70%;
    /* max-height: 292px;     */
}

#portal_corretor .body-accordion .accordion-left .division-accordion{
    padding: 0 0 35px;
}

#portal_corretor .ajuste-icon{
    width: 15px;
    background: #000;
    height: 10px;
    margin-right: 13px;
}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes{
    width: 30%;
    height: auto;
    max-height: 732px;

    background: #F8F8F8;
    border: 1px solid #F4F4F4;
    box-sizing: border-box;
    border-radius: 6px;
}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes .container-body{
    overflow: auto;
    max-height: 630px;
}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes .header-info-right{
    width: 100%;
    height: 60px;
    background: #FFFFFF;
    border-bottom: 1px solid #F4F4F4;
    box-sizing: border-box;
    border-radius: 6px 6px 0px 0px;

    display: flex;
    align-items: center;
    padding: 18px;
    margin-bottom: 32px;
}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes .header-info-right .title-info-right{
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;

    color: #333333;

    margin: 0 0 0;
}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes .container-body .body-info-ponto-a-ponto{
    display: flex;
    width: 100%;
    height: 22%;
    padding: 0 0 0 24px;
}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes .container-body .body-info-ponto-a-ponto .ponto-a-ponto{
    width: 10%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes .container-body .body-info-ponto-a-ponto .ponto-a-ponto .ponto{
    width: 16px;
    height: 16px;
    background: #E4E3E3;
    position: relative;
    border-radius: 50%;
}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes .container-body .body-info-ponto-a-ponto .ponto-a-ponto span{
    width: 10px;
    height: 10px;
    background: #0089BF;
    position: absolute;
    border-radius: 50%;
    top: 3px;
    left: 3px;
}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes .container-body .body-info-ponto-a-ponto .ponto-a-ponto .linha{
    width: 4px;
    background: #E4E3E3;
    height: 150px;
}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes .container-body .body-info-ponto-a-ponto .container-info{
    width: 90%;
}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes .container-body .body-info-ponto-a-ponto .container-info .info-data{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;

    color: #666666;
    margin-bottom: 4px;

}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes .container-body .body-info-ponto-a-ponto .container-info .info-balao{
    background: #FFFFFF;
    border-radius: 5px;
    width: 90%;
    height: 102px;
    padding: 10px 15px;
}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes .container-body .body-info-ponto-a-ponto .container-info .info-header{
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes .container-body .body-info-ponto-a-ponto .container-info .info-header p{
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;

    color: #333333;
    margin: 0 0 0;
}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes .container-body .body-info-ponto-a-ponto .container-info .info-header label{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    text-align: right;

    color: #565656;

    opacity: 0.6;
}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes .container-body .body-info-ponto-a-ponto .container-info .info-body {
    margin-bottom: 8px;
}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes .container-body .body-info-ponto-a-ponto .container-info .info-body p{
    margin: 0 0 0;

    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;

    color: #333333;
}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes .body-info-ponto-a-ponto .container-info .info-body label{
    margin: 0;

    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;

    color: #565656;

    opacity: 0.6;
}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes .container-body .body-info-ponto-a-ponto .container-info .info-footer{
    display: flex;
    justify-content: space-between;
}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes .container-body .body-info-ponto-a-ponto .container-info .info-footer .value-footer{
    margin: 0 0 0;

    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;

    color: #565656;
}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes .container-body .body-info-ponto-a-ponto .container-info .info-footer .value-footer > span.font-dots{
    font-size: 0.8rem;
}

#portal_corretor .body-accordion .info-right-ultimas-atualizacoes .container-body .body-info-ponto-a-ponto .container-info .info-footer a{
    margin: 0 0 0;

    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-decoration-line: underline;

    color: #0089BF;
    cursor: pointer;
}

#portal_corretor .body-accordion .accordion {
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    background: #FFFFFF;
    border: 1px solid #F4F4F4;
    box-sizing: border-box;
    border-radius: 6px 6px 0px 0px;

    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;

    color: #333333;
}

#portal_corretor .body-accordion .accordion>a{
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-decoration-line: underline;

    margin-left: 13px;

    color: #0089BF;
}

#portal_corretor .body-accordion .active .accordion:hover {
    background-color: #ccc;
}

#portal_corretor .body-accordion .panel {
    /* padding: 0 18px; */
    background: #F8F8F8;
    display: none;
    overflow: hidden;
    max-height: 292px;
    border-radius: 0 0 6px 6px;
    margin-bottom: 0;
}

#portal_corretor .body-accordion .accordion:after {
    content: '';
    background-image: url(../img/icons/arrow_down_black.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    width: 14px;
    height: 7px;
    float: right;
    margin-left: 5px;
    margin-top: 5px;
}

#portal_corretor .body-accordion .active:after {
    content: "";
    background-image: url(../img/icons/arrow-top-black.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    width: 14px;
    height: 7px;
}

#portal_corretor .box-header-banner{
    background-image: linear-gradient(180deg, rgba(30, 42, 78, 0.57) 0%, #1E2A4E 100%), url("../img/portal_prestador/deltaGlobal-banner-celulares.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;

    padding: 123px 0 73px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* #portal_corretor .box-header-banner .color-opacity-blue{
  background: linear-gradient(180deg, rgba(30, 42, 78, 0.57) 0%, #1E2A4E 100%);
  width: 100%;
  height: 699px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
} */

#portal_corretor .box-header-banner .squad-banner{
    background: white;
    width: 670px;
    height: 20px;
    position: absolute;
    left: -50px;
    bottom: 0px;
    z-index: 2;
}

#portal_corretor .box-header-banner img{
    width: 201px;
    height: 67px;
    margin-bottom: 37px;;
}

#portal_corretor .box-header-banner h1{
    font-family: Roboto;
    font-size: 56px;
    font-weight: 600;
    line-height: 66px;
    text-align: center;

    color: #FFFFFF;

    width: 50%;
}

#portal_corretor .box-header-banner .slogan-top{
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 23px;
    line-height: 27px;
    text-align: center;

    color: #FFFFFF;
    width: 34%;
    margin: 0 0 67px;
}

#portal_corretor .box-header-banner .grid-group-icons{
    width: 80%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr ));
}

#portal_corretor .box-header-banner .ajuste-inside-icons{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;

    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 20px;
    text-align: center;

    color: #FFFFFF;
}

#portal_corretor .box-header-banner .ajuste-icon{
    width: 79px;
    height: 35px;
    background: #fff;
}

#portal_corretor .box-header-charts {
    width: 100%;
    height: 292px;
    background: #f9f9f9;
    display: flex;
}

#portal_corretor .box-header-charts .info-lateral-left {
    width: 30%;
    height: 292px;
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 5% 3%;
    gap: 24px;
}

#portal_corretor .box-header-charts .info-lateral-left .inside-left {
    display: flex;
    align-items: center;
    gap: 18px;
}

#portal_corretor .box-header-charts .info-lateral-left .inside-left .inside-style{
    margin-bottom: 0;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;

    color: #333333;
}

#portal_corretor .box-header-charts .info-lateral-left .inside-left .inside-style-blue{
    margin: 0 0 0;
    display: flex;
    align-items: center;
    gap: 6px;

    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 37px;
    line-height: 50px;

    color: #0089BF;
}

#portal_corretor .box-header-charts .info-lateral-left .inside-left .inside-style-blue > span.font-dots{
    font-size: 1.1rem;
}

#portal_corretor .box-header-charts .info-lateral-left .inside-left .ajuste-icon{
    width: 18px;
    height: 18px;
    background: #000;
}

#portal_corretor .box-header-charts .chart-and-infos{
    width: 100%;
    background: #fff;
}

#portal_corretor .box-header-charts .chart-and-infos .inside-chart{
    width: 100%;
    height: 192px;
}

#portal_corretor .box-header-charts .chart-and-infos .inside-infos{
    width: 100%;
    height: 192px;
    width: 95%;
    height: 92px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0 14px;
}

#portal_corretor .box-header-charts .chart-and-infos .inside-infos .inside-style-blue {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;

    color: #0089BF;
}

#portal_corretor .box-header-charts .chart-and-infos .inside-infos .inside-style-blue > span.font-dots{
    font-size: 1.1rem;
}

#portal_corretor .box-header-charts .chart-and-infos .inside-infos .inside-style{
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;

    color: #333333;
}

#portal_corretor .box-header-charts .chart-and-infos .inside-chart #chart {
    width: 95%;
}

#portal_corretor  .box-body {

}

#portal_corretor .box-body .group-input {
    width: 100%;
    height: 109px;
    background: #fff;
    border-top: 1px solid #F4F4F4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 32px;

}

#portal_corretor .box-body .group-input input{
    width: 31%;
    height: 44px;
    background: #FAFAFA;
    border: 1px solid #E6E6E6;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 0 18px;

}

#portal_corretor .box-body .group-input select{
    width: 31%;
    height: 44px;
    background: #FAFAFA;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-sizing: border-box;
    padding: 0 18px;

}

#portal_corretor .box-body .box-table{
    width: 100%;
    height: auto;
    border-top: 1px solid #F4F4F4;
    background: #fff;
    margin-bottom: 0;
    max-height: 569px;
    overflow: auto;
}

#portal_corretor .box-body .box-table table{
    width: 100%;
    margin-left: 0;
}

#portal_corretor .box-body .box-table table th{
    position: sticky;
    top: 0;
    background: #FAFAFA;
    z-index: +1;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;

    color: #666666;
}

#portal_corretor  table>tbody>tr>td:first-child{
    padding: 0 16px;
}

#portal_corretor .ajuste-btn {
    font-size: 1.2rem;
    padding: 10px 17px;
    float: right;
    margin-right: 16px;
}

#portal_corretor .color-box-table {
    background: #F8F8F8;
    max-height: 292px;
    margin-bottom: 0;
}

#portal_corretor table {
    margin-left: 1.5%;
    /* width: 97%; */
    min-width: 700px;
    width: 97%;
}

#portal_corretor  .color-box-table .contrato{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 9px 5px;
    margin: 0 0 0;

    background: #EEF5F6;
    border-radius: 4px;

    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    text-transform: capitalize;

    color: #98B4BB;
    width: 50%;
}

#portal_corretor  .color-box-table .font-bold{
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    margin: 0;

    text-transform: uppercase;

    color: #565656;
}

#portal_corretor  .color-box-table .font-bold > span.font-dots{
    font-size: 0.8rem;
}

#portal_corretor  .color-box-table .status{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 9px 5px;
    margin: 0 0 0;

    background: #FFB340;
    border-radius: 4px;

    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    text-transform: capitalize;

    color: #FCFCFC;
    width: 70%;
}

#portal_corretor .color-box-table table th {
    background: #F8F8F8;
}

#portal_corretor .box-table table tr:nth-child(even) {
    background: #fff;
}

/* CSS CORRETOR HISTORICAR */
#portal_corretor .header-banner-historicar {
    width: 100%;
    height: 500px;
    background: linear-gradient(143.38deg, #F1FBFF 8.05%, #D0E4EC 60.41%);

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;

    position: relative;
}

#portal_corretor .fale-especialista {
    position: fixed;
    width: auto;
    padding: 18px 32px;
    bottom: 0;
    right: 0;
    background: #009CD6;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    z-index: 99;
    border: none;
    display: flex;
    justify-content: center;
}

#portal_corretor .green {
    background: #48E1C1 !important;
}

#portal_corretor .header-banner-historicar .header-logo-info{
    width: 31%;
}

#portal_corretor .header-banner-historicar .header-box-img{
    display: flex;
    justify-content: center;
    width: 30%;
}

#portal_corretor .header-banner-historicar .logo-img{
    background-image: url("../img/corretores/deltaGlobal-delta_historicar.svg");
    background-repeat: no-repeat;
    width: 267px;
    height: 30px;
    padding-bottom: 38px;
}

#portal_corretor .header-banner-historicar p{
    width: 100%;
    margin: 0 0 0;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 2.8rem;
    line-height: 33px;

    color: #012D3F;
}

#portal_corretor .header-banner-historicar img{
    height: auto;
    width: 100%;
}

#portal_corretor .container-swiper{
    padding: 76px 0 115px;
}

#portal_corretor .container-swiper .swiper-title{
    width: 25%;
}

#portal_corretor .container-swiper .swiper-title h1{
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 38px;
    line-height: 45px;
    text-align: start;

    color: #009CD6;

    margin-top: 0;
    margin-bottom: 0;
}

#portal_corretor .container-swiper .swiper-check{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#portal_corretor .container-swiper .swiper-check p{
    margin: 0 0 41px;

    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;

    display: flex;
    align-items: center;

    color: #333333;
}

#portal_corretor .container-swiper .swiper-check p:last-child{
    margin: 0 0 0;
}

#portal_corretor .container-swiper .swiper {
    width: 100%;
    height: 100%;
}

#portal_corretor .container-swiper .swiper .custom-next {
    background: #3333331a;
    width: 50px;
    border-radius: 6px 0 0 6px;
    right: 0;
}

#portal_corretor .container-swiper .swiper .custom-prev {
    background: #3333331a;
    width: 50px;
    border-radius: 0 6px 6px 0;
    left: 0;
}

#portal_corretor .container-swiper .swiper .custom-prev:after {
    font-size: 20px;
    font-weight: 700;
    color: #333;
}

#portal_corretor .container-swiper .swiper .custom-next:after {
    font-size: 20px;
    font-weight: 700;
    color: #333;
}

#portal_corretor .container-swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 106px;
    height: 480px;
    border-radius: 6px;
}

#portal_corretor .container-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#portal_corretor .footer-blue {
    width: 100%;
    height: 292px;
    background: #009CD6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 34px;
}

#portal_corretor .footer-blue h4{
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 30px;
    text-align: center;

    color: #FFFFFF;
    width: 812px;
}

#portal_corretor .footer-blue a{
    padding: 18px 30px;
    background: #FFFFFF;
    border-radius: 50px;

    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;

    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;

    color: #009CD6;
}

#portal_corretor .footer-blue.green a{
    padding: 18px 30px;
    background: #FFFFFF;
    border-radius: 50px;

    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;

    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;

    color: #48E1C1;
}




#portal_corretor .header-banner-delta24h{
    background: linear-gradient(0deg, rgba(0, 100, 156, 0.6), rgba(0, 100, 156, 0.6)), url("../../assets/img/corretores/deltaGlobal-banner-delta24h-corretor.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 540px;

    display: flex;
    align-items: center;
    justify-content: center;
}

#portal_corretor .header-banner-delta24h .header-logo-info{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 900px;
}

#portal_corretor .header-banner-delta24h .logo-img-delta24h{
    background: url("../../assets/nova_home/img/deltaGlobal-delta24h-white-vert.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 214px;
    height: 86px;
    margin-bottom: 12px;
}

#portal_corretor .header-banner-delta24h .header-logo-info h1{
    font-family: Roboto;
    font-size: 46px;
    line-height: 54px;
    text-align: center;

    color: #FFFFFF;
}

#portal_corretor .header-banner-delta24h .header-logo-info p{
    margin: 0 0 0;

    font-family: Roboto;
    font-size: 26px;
    line-height: 30px;
    text-align: center;

    color: #FFFFFF;
}

#portal_corretor .body-delta24h{
    width: 100%;
    height: auto;

    background: #FFFFFF;
    border-radius: 10px;
    margin: 71px 0 64px;
    padding: 50px 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#portal_corretor .body-delta24h h2{
    width: 38%;
    margin: 0 0 54px;

    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 38px;
    line-height: 45px;
    text-align: center;

    color: #00C1B4;
}

#portal_corretor .body-delta24h .grid-body{
    width: 80%;
    display: grid;
    justify-items: center;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr ));
    grid-row-gap: 54px;
}

#portal_corretor .card-grid{
    width: 350px;
    min-height: 170px;
    display: flex;
    flex-direction: column;
}

#portal_corretor .card-grid h3{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;

    color: #333333;
}

#portal_corretor .card-grid h3 > span{
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;

    color: #333333;
}

#portal_corretor .card-grid p{
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;

    color: #333333;
}

#portal_corretor .banner-facilidade{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0;
    padding: 0 0 5% 0;
}

#portal_corretor .banner-facilidade .info-banner{
    position: relative;
    height: 338px;
    /* margin: 40px 0 0; */
    padding: 0 15%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: var(--azul);
}

#portal_corretor .banner-facilidade .info-banner h5{
    font-family: Roboto;
    color: #48E1C1;
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 10px;
}

#portal_corretor .banner-facilidade .info-banner p{
    color: white;
    font-size: 17px;
    font-weight: 400;
    margin: 0;
}

#portal_corretor .banner-facilidade .img-banner {
    background: url(../../assets/img/corretores/deltaGlobal-banner-delta24h.webp) center center;
    background-repeat: no-repeat;
    background-size: 100% auto !important;
    transition: 5s;
    transition-timing-function: ease-in-out;
}

#portal_corretor .banner-facilidade .img-banner:hover {
    background-size: 125% auto !important;
}

#portal_corretor .row-deluxe{
    margin: 0 10%;
}

#portal_corretor .body-corretor-fleet{
    margin-top: 133px;
    position: relative;
}

#portal_corretor .body-corretor-fleet  .box1{
    width: 6vw;
    height: 10vw;
    position: absolute;
    right: 0;
    top: 11vw;
    z-index: -1;
    background-color: #FFB340;
    opacity: 0.15;
}

#portal_corretor .body-corretor-fleet .box2{
    width: 10vw;
    height: 28vw;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #E6F9F7;
    opacity: 0.5;
}

#portal_corretor .body-corretor-fleet .box3{
    width: 10vw;
    height: 10vw;
    position: absolute;
    right: 0;
    top: 38vw;
    z-index: -1;
    background-color: #FFB340;
    opacity: 0.15;
}

#portal_corretor .body-corretor-fleet .box4{
    width: 10vw;
    height: 10vw;
    position: absolute;
    right: 31vw;
    top: 52vw;
    z-index: -1;
    background-color: #FFB340;
    opacity: 0.15;
}

#portal_corretor .body-corretor-fleet .box5{
    width: 10vw;
    height: 10vw;
    position: absolute;
    left: 0;
    top: 64vw;
    z-index: -1;
    background-color: #E6F9F7;
    opacity: 0.5;
}

#portal_corretor .body-corretor-fleet .box6{
    width: 25vw;
    height: 49vh;
    position: absolute;
    right: 0;
    top: 182vh;
    z-index: -1;
    background-color: #FFB340;
    opacity: 0.15;
}

#portal_corretor .body-corretor-fleet .box7{
    width: 18vw;
    height: 28vh;
    position: absolute;
    left: 0;
    top: 254vh;
    z-index: -1;
    background-color: #E6F9F7;
    opacity: 0.5;
}

#portal_corretor .body-corretor-fleet .box8{
    width: 18vw;
    height: 28vh;
    position: absolute;
    right: 0;
    bottom: 434vh;
    z-index: -1;
    background-color: red;
    opacity: 0.1;
}

#portal_corretor .body-corretor-fleet .box9{
    width: 14vw;
    height: 5vh;
    position: absolute;
    right: 25vw;
    bottom: 415vh;
    z-index: -1;
    background-color: #FFB340;
    opacity: 0.15;
}

#portal_corretor .body-corretor-fleet .box10{
    width: 14vw;
    height: 28vh;
    position: absolute;
    left: 0;
    bottom: 379vh;
    z-index: -1;
    background-color: red;
    opacity: 0.1;
}

#portal_corretor .body-corretor-fleet .box11{
    width: 30vw;
    height: 46vh;
    position: absolute;
    right: 0;
    bottom: 310vh;
    z-index: -1;
    background-color: #FFB340;
    opacity: 0.15;
}

#portal_corretor .body-corretor-fleet .info-primeira{
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 10px 5% 0;

}


#portal_corretor .body-corretor-fleet .info-primeira h1{
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 60px;
    /* or 94% */

    text-align: center;

    color: #333333;
}

#portal_corretor .body-corretor-fleet .info-primeira h1 > span{
    font-family: Roboto;
    font-style: normal;
    font-weight: 275;
    font-size: 45px;
    line-height: 60px;
    /* or 94% */

    text-align: center;

    color: #333333;
}

#portal_corretor .body-corretor-fleet .banner-info-icon {
    margin-top: 105px;
    display: flex;
    justify-content: center;
    gap: 106px;
}

#portal_corretor .body-corretor-fleet .banner-info-icon:nth-child(odd) {
    flex-direction: row-reverse;
}

#portal_corretor .body-corretor-fleet .banner-info-icon .img{
    max-width: 585px;
    min-width: 585px;
}


#portal_corretor .banner-info-icon .info-icon{
    display: flex;
    flex-direction: column;
    padding: 22px 0 0;
    width: 40%;
}

#portal_corretor .banner-info-icon .info-icon h5{
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 39px;

    color: #333333;

    margin-top: 0;
    margin-bottom: 0;
}

#portal_corretor .banner-info-icon .info-icon .referencia{
    margin: 12px 0 53px;
    width: 80%;

    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;

    color: #333333;
}

#portal_corretor .banner-info-icon .info-icon .footer-grid{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
}

#portal_corretor .banner-info-icon .info-icon .icons-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr ));
    margin-bottom: 44px;
}

#portal_corretor .banner-info-icon .info-icon .icons-grid .info{
    margin: 7px 0 0;
    max-width: 90%;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;

    color: #333333;
}

#portal_corretor .banner-info-icon .info-icon .duvidas{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;

    color: #0170A5;
}

#portal_corretor .info-segunda{
    background-image: linear-gradient(
            180deg, rgba(30, 42, 78, 0.57) 0%, #1E2A4E 78%), url(../img/corretores/deltaGlobal-banner-segundo.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;

    width: 100%;
    height: auto;
    margin-top: 100px;

    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
}

#portal_corretor .info-segunda .box12{
    width: 70vw;
    height: 2vw;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background-color: #fff;
}

#portal_corretor .info-segunda .title{
    width: 65%;
    padding: 145px 0 0;

    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: 58px;
    line-height: 68px;
    /* or 117% */

    text-align: center;

    color: #FFFFFF;
}

#portal_corretor .info-segunda .title > .enfase{
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: 58px;
    line-height: 68px;
    /* or 117% */

    text-align: center;

    color: #FFB340;
}

#portal_corretor .info-segunda .info-tecnologias{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 70px;
    width: 70%;
    margin: 50px 0 0;
}

/* #portal_corretor .info-segunda .info-tecnologias>picture{
    width: 420px;
    height: auto;
} */

#portal_corretor .info-segunda .info-tecnologias .title-info{
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 39px;

    color: #FFFFFF;

    margin-top: 0;
    margin-bottom: 6px;
}

#portal_corretor .info-segunda .info-tecnologias .info{
    width: 70%;
    margin: 0 0 21px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;

    color: #FFFFFF;
}

#portal_corretor .info-segunda .info-tecnologias .baixe-agora{
    margin: 0 0 9px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */

    color: #FFFFFF;
}

#portal_corretor .info-segunda-blue{
    background:  #1E2A4E;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0 0 135px;
    gap: 20px;
}

#portal_corretor .info-segunda-blue .info-tecnologias-blue{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 70px;
    width: 70%;
}

#portal_corretor .info-segunda-blue .row-reverse{
    flex-direction: row-reverse;
}

#portal_corretor .info-segunda-blue .info-tecnologias-blue>.reverse{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: end;
}

/* #portal_corretor .info-segunda-blue .info-tecnologias-blue>picture{
    width: 420px;
    height: auto;
} */

#portal_corretor .info-segunda-blue .info-tecnologias-blue .title-info{
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 39px;

    color: #FFFFFF;

    margin-top: 0;
    margin-bottom: 6px;
}

#portal_corretor .info-segunda-blue .info-tecnologias-blue .info{
    width: 70%;
    margin: 0 0 21px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;

    color: #FFFFFF;
}

#portal_corretor .info-segunda-blue .info-tecnologias-blue .baixe-agora{
    margin: 0 0 9px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */

    color: #FFFFFF;
}


#portal_corretor section.rastreador {
    width: 100%;
    position: relative;
    padding: 17vh 0;
}

#portal_corretor section.rastreador .box13{
    width: 11vw;
    height: 12vw;
    position: absolute;
    left: -5vw;
    top: 26vh;
    z-index: -1;
    background-color: #FFB340;
    opacity: 0.15;
}

#portal_corretor section.rastreador .box14{
    width: 24vw;
    height: 6vw;
    position: absolute;
    left: 30vw;
    top: 0;
    z-index: -1;
    background-color: #00C1B4;
    opacity: 0.1;
}

#portal_corretor section.rastreador .box15{
    width: 60vw;
    height: 2vw;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    background-color: #1E2A4E;
}

#portal_corretor section.rastreador .box16{
    width: 6vw;
    height: 19vw;
    position: absolute;
    right: 0;
    top: 50vh;
    z-index: -1;
    background-color: red;
    opacity: 0.1;
}

#portal_corretor section.rastreador .area {
    display: flex; flex-direction: column; align-items: center;
}

#portal_corretor section.rastreador .area h2 {
    font-size: 7rem;
    font-weight: 700;
    line-height: 5rem;
    text-align: center;
    color: #333;
    margin: 0 0 8.8vh 0;
    font-family: 'Roboto';
}

#portal_corretor section.rastreador .area .wrapper-rastreador {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 75px;
}

#portal_corretor section.rastreador .area .wrapper-rastreador .box-img{
    max-width: 23%;
}

#portal_corretor section.rastreador .area .wrapper-rastreador h3,
#portal_corretor section.rastreador .area .integracao h3 {
    font-size: 2.03rem; font-weight: 600;
    color: #333;
    margin: 6vh 0 1vh; padding: 0;
}

#portal_corretor section.rastreador .area .wrapper-rastreador p,
#portal_corretor section.rastreador .area .integracao p {
    font-size: 1.3rem; font-weight: 300;
    color: #333;
    margin: 0 0 4vh; padding: 0;
}

#portal_corretor section.rastreador .area .wrapper-rastreador .wrapper-logos {
    display: flex; align-items: center; gap: 35px;
}

#portal_corretor section.rastreador .area .wrapper-rastreador img {
    margin: 0 auto;
    width: 100%;
}

#portal_corretor section.rastreador .area .wrapper-rastreador img.gente {
    width: 128px;
}
#portal_corretor section.rastreador .area .wrapper-rastreador img.mapfre {
    width: 150px;
}
#portal_corretor section.rastreador .area .wrapper-rastreador img.hdi {
    width: 67px;
}
#portal_corretor section.rastreador .area .wrapper-rastreador img.bradesco {
    width: 135px;
}

#portal_corretor section.rastreador .area .integracao {
    width: 100%;
    display: flex; flex-direction: column; align-items: center;
}

#portal_corretor section.rastreador .area .integracao h3 {
    margin: 0; padding: 0;
    text-align: center;
}

#portal_corretor section.rastreador .area .integracao p {
    text-align: center;
}

#portal_corretor section.rastreador .area .integracao .wrapper-logos {
    width: 75%;
    display: flex; justify-content: space-between; align-items: center;
}


.ajuste-icon-gray {
    min-width: 30px;
    min-height: 30px;
}

.ajuste-icon-check {
    min-width: 28px;
    min-height: 28px;
    background: #333;
    margin-right: 23px;
}

.ajuste-icon-green {
    background: #48E1C1;
    margin-right: 23px;
}

.ajuste-responsividade-img {
    width: 100%;
}

.Box.containerBannerPrestador {
    background: #121E3A !important;
    height: auto;
    border: none !important;

    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    padding: 20px 0;
}

.containerBannerPrestador .textBannerPrestador {
    display: flex;
    align-items: center;
    margin: 0 0 0 -35px;
}

.containerBannerPrestador .textBannerPrestador > img {


}

.containerBannerPrestador .textBannerPrestador > p {
    color: #FFF !important;
    font-size: 28px !important;
    font-weight: bold !important;
    margin: 0 0 0 -45px !important;
}

.containerBannerPrestador .textBannerPrestador > p > span {
    color: #57d4ff !important;
}

.containerBannerPrestador .leftBannerPrestador {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 60px;
}

.containerBannerPrestador .leftBannerPrestador > a {
    background: linear-gradient(180deg, #54c5ff 11.36%, #2d8df1 63.27%);
    border-radius: 7px;
    padding: 8px 20px;
    text-decoration: none;
}

.containerBannerPrestador .leftBannerPrestador > a > p {
    color: #FFF !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    text-shadow: 0px 3px 7px #000000;
    white-space: nowrap;
}

.containerBannerPrestador .leftBannerPrestador > p {
    color: #FFF !important;
    font-size: 19px !important;
    font-weight: 800 !important;
}


@media (max-width: 1500px) {
    #portal_corretor .banner-facilidade .img-banner {
        background-size: cover !important;
    }

    #portal_corretor .body-delta24h h2{
        width: 50%;
    }

    #portal_corretor .banner-info-icon .info-icon .icons-grid{
        grid-template-columns: repeat(4, minmax(114px, 1fr ));
        gap: 10px;
    }

    #portal_corretor .banner-info-icon .info-icon .icons-grid .info{
        max-width: 90%;
    }

    .containerBannerPrestador .textBannerPrestador > p {
        width: 70%;
    }
}

@media (max-width: 1200px) {
    #portal_corretor .banner-info-icon .info-icon .icons-grid{
        grid-template-columns: repeat(2, minmax(114px, 1fr ));
        gap: 10px;
    }

    #portal_corretor .body-corretor-fleet .banner-info-icon{
        gap: 30px;
    }

    #portal_corretor .info-segunda-blue .info-tecnologias-blue{
        flex-direction: column;
        width: 100%;
        margin: 60px 0 0;
    }

    #portal_corretor .info-segunda-blue .info-tecnologias-blue>.reverse{
        align-items: center;
        text-align: unset;
    }


    #portal_corretor .not-reverse{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #portal_corretor .info-segunda .info-tecnologias{
        flex-direction: column;
    }

    #portal_corretor .info-segunda .title{
        width: 100%;
    }

}


@media (max-width: 1024px) {
    #portal_corretor  section.rastreador .area .wrapper-rastreador h3, #portal_corretor  section.rastreador .area .integracao h3 {
        font-size: 1.8rem;
        margin: 2vh 0 1vh;
    }

    #portal_corretor  section.rastreador .area .wrapper-rastreador .wrapper-logos {
        width: 75%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 25px;
        row-gap: 20px;
        margin: 0vh 0 6vh;
    }

    #portal_corretor  section.rastreador .area .integracao .wrapper-logos {
        width: 95%;
    }
}

@media (max-width: 900px) {
    #portal_corretor .body-accordion{
        display: inherit;
    }

    #portal_corretor .body-accordion .accordion-left{
        width: 100%;
        margin-bottom: 30px;
    }

    #portal_corretor .body-accordion .info-right-ultimas-atualizacoes{
        width: 100%;
    }

    #portal_corretor .body-accordion thead{
        display: table-header-group;
    }

    #portal_corretor .body-accordion table tr{
        width: unset;
        float: unset;
    }

    #portal_corretor .body-accordion table td, th{
        float: unset;
        width: unset;
        min-width: 200px;
    }

    #portal_corretor .box-header-charts {
        height: auto;
        flex-direction: column;
    }

    #portal_corretor .box-header-charts .info-lateral-left {
        width: 100%;
        height: 196px;
    }

    #portal_corretor .box-header-charts .chart-and-infos .inside-chart{
        padding: 0 0 0 16px;
    }

    #portal_corretor .box-header-charts .chart-and-infos .inside-infos {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr ));
        margin: 0 0 0 30px;
    }

    #portal_corretor .box-body .group-input {
        height: 199px;
        flex-direction: column;
        gap: 13px;
        justify-content: center;
    }

    #portal_corretor .box-body .group-input input {
        width: 100%;
    }

    #portal_corretor .box-body .group-input select{
        width: 100%;
    }

    #portal_corretor .group_button_swift {
        margin-bottom: 20px;
    }

    /* CSS HISTORICAR 900PX */
    #portal_corretor .header-banner-historicar {
        flex-direction: column;
        height: 600px;
    }

    #portal_corretor .header-banner-historicar .header-box-img{
        width: 70%;
    }

    #portal_corretor .header-banner-historicar .header-logo-info{
        width: 70%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #portal_corretor .container-swiper .swiper-slide {
        height: auto;
        gap: 50px;
        flex-direction: column;
        padding: 50px 0px;
    }

    #portal_corretor .container-swiper .swiper-title {
        width: 90%;
    }

    #portal_corretor .container-swiper .swiper-title h1 {
        text-align: center;
    }

    #portal_corretor .container-swiper .swiper-check {
        width: 72%;
    }

    #portal_corretor .container-swiper .swiper-check p{
        text-align: start;
    }

    #portal_corretor .footer-blue h4{
        width: 72%;
    }

    #portal_corretor .header-banner-delta24h {
        height: auto;
        padding: 50px 0;
    }

    #portal_corretor .header-banner-delta24h .header-logo-info {
        width: 90%;
    }

    #portal_corretor .banner-facilidade{
        grid-template-areas:
            "right"
            "left";
        grid-template-columns: 1fr;
        margin-top: 3em;
        padding: 0 0 10% 0;
    }

    #portal_corretor .banner-facilidade .info-banner{
        margin: 0;
        grid-area: left;
        height: auto;
        padding: 4em;
        font-size: 90%;
    }

    #portal_corretor .banner-facilidade .img-banner{
        grid-area: right;
        height: 200px;
    }

    #portal_corretor .banner-facilidade .img-banner:hover {
        background-size: 100% auto !important;
    }

    #portal_corretor .body-delta24h h2{
        width: 80%;
    }

    #portal_corretor .body-corretor-fleet .banner-info-icon {
        flex-direction: column;
    }

    #portal_corretor .body-corretor-fleet .banner-info-icon:nth-child(odd) {
        flex-direction: column;
    }

    #portal_corretor .body-corretor-fleet .banner-info-icon .img {
        display: flex;
        justify-content: center;
        min-width: auto;
    }

    #portal_corretor .banner-info-icon .info-icon {
        width: 100%;
        align-items: center;
        text-align: center;
    }

    #portal_corretor .banner-info-icon .info-icon .referencia {
        width: 100%;
    }

    #portal_corretor .banner-info-icon .info-icon .icons-grid{
        grid-template-columns: repeat(4, minmax(100px, 1fr ));
        text-align: start;
    }

    #portal_corretor .info-segunda-blue .info-tecnologias-blue .info{
        text-align: justify;
        width: 90%;
    }

    #portal_corretor .info-segunda .info-tecnologias .info{
        text-align: justify;
        width: 90%;
    }

    #portal_corretor  section.rastreador {
        padding: 5vh 0;

    }

    #portal_corretor  section.rastreador .area h2 {
        font-size: 3rem;
        margin: 0 0 2.8vh 0;
    }

    #portal_corretor  section.rastreador .area .wrapper-rastreador {
        align-items: center;
        flex-direction: column;
        gap: 15px;
    }

    #portal_corretor  section.rastreador .area .wrapper-rastreador .wrapper-logos {
        width: 75%;
        margin: 0vh auto 2vh;
    }

    #portal_corretor  section.rastreador .area .integracao .wrapper-logos {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        margin: 0 auto;
        align-items: center;
        justify-items: center;
    }

    #portal_corretor section.rastreador .area .wrapper-rastreador .box-img {
        max-width: 40%;
    }

    .Box.containerBannerPrestador {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }

    .containerBannerPrestador .textBannerPrestador {
        margin: 0;
    }

    .containerBannerPrestador .textBannerPrestador > p {
        width: 100%;
        padding: 0 20px;
        margin: 0 !important;
    }

    .containerBannerPrestador .textBannerPrestador > img {
        display: none;
    }
}

@media (max-width: 600px) {
    #portal_corretor .banner-info-icon .info-icon .icons-grid{
        grid-template-columns: repeat(2, minmax(100px, 1fr ));
        text-align: start;
    }

    #portal_corretor .box-header-banner h1 {
        width: 100%;
    }

    #portal_corretor .box-header-banner .slogan-top {
        width: 77%;
    }


    #portal_corretor .info-segunda .title>.enfase{
        font-size: 50px;
    }

    #portal_corretor  section.rastreador .area h2 {
        font-size: 1.87rem !important;
    }

    #portal_corretor  section.rastreador .area .wrapper-rastreador {
        width: 100%;
    }

    .containerBannerPrestador .textBannerPrestador > p {
        font-size: 22px !important;
    }
}

/* Estilo do botão de copiar para área de transferência */
.btn-copy{
    background: #00aedb;
    color: #fff !important;
    padding: 1.3em 2em;
    line-height: 1;
    float: left;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.95em;
    cursor: pointer;
    transition: all 200ms ease-in-out;
    margin: 25px 0 0 5px;
    text-decoration: none;
    border-radius: 50px;
}

#container_temporario {
    display: flex;
}

#container_temporario .abas {
    width: 180px;
    height: 100vh;
    border: 1px solid #00aedb;
}

#ocorrencia_abas {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

#ocorrencia_abas .inside_abas {
    margin: 5% 0 0;
    width: 90%;
}

#ocorrencia_abas .inside_abas .title {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;

    color: #333333;
    margin: 0 0 35px;
}

#ocorrencia_abas .inside_abas .container_adicionar {
    border: 1px solid #EBEBEB;
    border-radius: 6px;
}

#ocorrencia_abas .inside_abas .container_adicionar .header_adicionar {
    border-bottom: 1px solid #EBEBEB;
    padding: 18px 35px;
}

#ocorrencia_abas .inside_abas .container_adicionar .header_adicionar > p {
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;

    color: #333333;
    margin: 0;
}

#ocorrencia_abas .inside_abas .container_adicionar .body_adicionar {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 22px 32px;
    background: #F6F6F6;
}

#ocorrencia_abas .inside_abas .container_adicionar .body_adicionar .inputs_adicionar {
    width: 80%;
}

#ocorrencia_abas .inside_abas .container_adicionar .body_adicionar .inputs_adicionar > button {
    background: transparent;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    text-decoration-line: underline;

    color: #0089BF;
    border: none;
}

#ocorrencia_abas .inside_abas .container_adicionar .body_adicionar .inputs_adicionar > button:hover {
    text-decoration-line: none;
}

#ocorrencia_abas .inside_abas .container_adicionar .body_adicionar .cointainer_button > button {
    width: 160px;
    height: 40px;
    background: #333333;
    border-radius: 6px;
    color: #FFFFFF;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    border: none;
}

#ocorrencia_abas .inside_abas .container_adicionar .body_adicionar .cointainer_button > button:hover {
    background: #333333CC;
}

#ocorrencia_abas .inside_abas .container_adicionar .body_adicionar .fornecedores,
#ocorrencia_abas .inside_abas .container_adicionar .body_adicionar .input_top {
    display: flex;
    align-items: center;
    column-gap: 20px;
    row-gap: 23px;
}

#ocorrencia_abas .inside_abas .container_adicionar .body_adicionar .fornecedores{
    margin: 23px 0 36px;
    flex-direction: column;
}

#ocorrencia_abas .inside_abas .container_adicionar .body_adicionar .fornecedores #container_fornecedor{
    width: 100%;
    display: flex;
    gap: 20px;
}

#ocorrencia_abas .inside_abas .container_adicionar .body_adicionar .name_input {
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    color: #666666;
    width: 100%;
}

#ocorrencia_abas .inside_abas .container_adicionar .body_adicionar .name_input.name {
    min-width: 260px;
}

#ocorrencia_abas .inside_abas .container_adicionar .body_adicionar .name_input.fornecedor {
    min-width: 310px;
}

#ocorrencia_abas .inside_abas .container_adicionar .body_adicionar .name_input > select,
#ocorrencia_abas .inside_abas .container_adicionar .body_adicionar .name_input > input {
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    border-radius: 6px;
    height: 45px;
    padding: 0 18px;
}


#ocorrencia_abas .inside_abas .subtitle {
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;

    color: #333333;
    margin: 49px 0 22px;
}

#ocorrencia_abas .inside_abas .table_ocorrencia {
    width: 100%;
    border: 1px solid #EBEBEB;
    border-bottom: transparent;
    border-radius: 6px 6px 0 0;
}

#ocorrencia_abas .inside_abas .table_ocorrencia table thead tr {
    background: #ffffff;
    border-bottom: 1px solid #EBEBEB;

}

#ocorrencia_abas .inside_abas .table_ocorrencia table thead tr th{
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;

    text-transform: uppercase;

    color: #666666;
}

#ocorrencia_abas .inside_abas .table_ocorrencia table tbody tr{
    background: #F6F6F6;
    border-bottom: 1px solid #EBEBEB;
}

#ocorrencia_abas .inside_abas .table_ocorrencia table tbody tr td{
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;

    color: #666666;
}

#ocorrencia_abas .inside_abas .table_ocorrencia table tbody tr td .color_gray{
    background: #98B4BB;
    border-radius: 7px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px;
    width: 25px;
    color: #fff;
    margin: 0;
}

#ocorrencia_abas .inside_abas .table_ocorrencia table tbody tr td .icon_ajuste_table{
    width: 30px;
    height: 30px;
    background: #0089BF;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#ocorrencia_abas .inside_abas .footer_adicionar {
    border-left: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    border-radius: 0 0 6px 6px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    padding: 9px 16px;
}

#ocorrencia_abas .inside_abas .footer_adicionar p{
    font-style: italic;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;

    color: #858585;
    margin: 0;
}

#ocorrencia_abas .inside_abas .footer_adicionar > button{
    width: 125px;
    height: 40px;
    background: #00C1B4;
    border-radius: 6px;
    color: #FFFFFF;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    border: none;
    outline: none;
}

#ocorrencia_abas .inside_abas .footer_adicionar > button:hover{
    background: #00C1B4CC;
}
.checkbox-detalhe-contrato-rastreador-x-sensores {
    display: flex;
    align-items: center;
}

.checkbox-detalhe-contrato-rastreador-x-sensores input {
    margin: 0 10px 4px 0;
}



/* Cases colors Kanban SLA */
.kanban_red {
    background: rgba(255, 75, 106, 0.15);
    color: #FF4B6A;
}

.kanban_red-1 {
    background: #FF4B6A;
}

.kanban_green {
    background: rgba(0, 193, 180, 0.15);
    color: #00C1B4;
}

.kanban_green-1 {
    background: #00C1B4;
}

.kanban_yellow {
    background: rgba(255, 179, 64, 0.15);
    color: #FFB340;
}

.kanban_yellow-1 {
    background: #FFB340;
}

.kanban_gray {
    background: rgba(134, 142, 164, 0.15);
    color: #868EA4;
}

.kanban_gray-1 {
    background: #868EA4;
}

.novaOcorrenciaInputFile .custom-file-label::after, .prestador-form .custom-file-label::after, #modal_arquivos .custom-file-label::after {height: 100%;line-height: 2.5;}
#grid_veiculos .table_grid_veiculos {
    overflow-x: auto;
    width: 100%;
}

#grid_veiculos .table_grid_veiculos table td, #grid_veiculos .table_grid_veiculos table th {
    min-width: 140px;
}

#grid_veiculos .table_grid_veiculos table td:first-child, #grid_veiculos .table_grid_veiculos table th:first-child {
    padding: 10px 15px !important;
}

.excep_modal_csv_pdf {
    width: 15%;
    padding: 1% 1%;
}

.body_excep_modal_csv_pdf {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

#div_trava_excedentes_calculadora button {
    margin: 15px;
}
#div_trava_excedentes_calculadora label {
    margin: 13px 0 0 5px;
}
#container_sla {
    width: 95%;
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 40px 0;
}


#container_sla .title {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;

    color: #666666;
}

#container_sla .container_bars_sla {
    display: flex;
    align-items:center;
    width: 100%;
    position: relative;
    cursor:pointer;
}

#container_sla .container_bars_sla .divisor_bars_sla {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    height: 65px;
    width: 0px;
}

#container_sla .container_bars_sla .divisor_bars_sla.none {
    display: none;
}


#container_sla .container_bars_sla .divisor_bars_sla span.ball {
    min-width: 12px !important;
    width: 12px !important;
    height: 12px;
    border-radius: 50px;
    background: #48E1C1;
    position: absolute;
    top: 26px;
}

#container_sla .container_bars_sla .divisor_bars_sla span.ball.blue {
    background: #0089BF;
}

#container_sla .container_bars_sla .divisor_bars_sla span.ball.red {
    background: #FF4B6A;
}

#container_sla .container_bars_sla .divisor_bars_sla .local {
    font-style: normal;
    font-weight: 500;
    font-size: 9.5px;
    line-height: 11px;
    text-transform: uppercase;
    white-space: nowrap;

    color: #98B4BB;
    margin: 0;
}

#container_sla .container_bars_sla .divisor_bars_sla .timer_local {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;

    color: #98B4BB;
    margin: 0;
    position: absolute;
    bottom: 0;
    white-space: nowrap;
}

#container_sla .container_bars_sla .progressBar_sla{
    --progress: 0;
    --width_porcent: 0;
    height: 5px;
    background-color: #EBEBEB;
    display: flex;
    /* width: calc(var(--progress) * 1%); */
    width: 100%;
    min-width: 350px;
    border-radius: 50px;
    cursor: pointer;
}

#container_sla .container_bars_sla .progressBar_sla2{
    --progress2: 0;
    height: 5px;
    background-color: #EBEBEB;
    display: flex;
    width: calc(var(--progress2) * 1%);
    /* width: 100%; */
    cursor: pointer;
}

#container_sla .container_bars_sla .progressBar_sla3{
    --progress3: 0;
    height: 5px;
    background-color: #EBEBEB;
    display: flex;
    width: calc(var(--progress3) * 1%);
    /* width: 100%; */
    cursor: pointer;
}

#container_sla .container_bars_sla .progressBar_sla::before{
    content: "";
    width: calc(var(--progress) * var(--width_porcent));
    background-color: #48E1C1;
    transition: all 0.2s ease;
    border-radius: 50px;
    transition: all 0.4s ease-in-out;
}

#container_sla .container_bars_sla .progressBar_sla2::before{
    content: "";
    width: calc(var(--progress2) * 3.34%);
    background-color: #0089BF;
    transition: all 0.2s ease;
}

#container_sla .container_bars_sla .progressBar_sla3::before{
    content: "";
    width: calc(var(--progress3) * 1%);
    background-color: #FF4B6A;
    transition: all 0.2s ease;
}
.vermelho-branco {
    background: var(--vermelho);
    color: #fff;
    height:1.3em;
}

.CotacaoFrotaTbodyButton {
    border: 1px solid #333333;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    background-color: #FFFFFF;
    width: max-content;
}

.CotacaoFrotaTbodyButton.changeColor {
    background: #000;
    color: #fff;
}

thead.CotacaoFrotaThead {
    border-left: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
}

thead.CotacaoFrotaThead th {
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    line-height: 13px !important;
    color: #333333 !important;
}

tbody > tr.CotacaoFrotaTable1 {
    background: #F6F6F6 !important;
    border: 1px solid #EBEBEB;
}

tbody > tr.CotacaoFrotaTable1.open {
    background: #fff !important;
    border-bottom: transparent;
}

tbody > tr.CotacaoFrotaTable1:nth-child(4n-1) {
    background: #EBEBEB !important;
}

tbody > tr.CotacaoFrotaTable2:nth-child(odd) {
    background: #EBEBEB;
}

tbody > tr.CotacaoFrotaTable2:nth-child(even) {
    background: #F6F6F6;
}

tbody > tr.CotacaoFrotaTable1 .label__status{
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    padding: 8px 13px;
    border-radius: 4px;
    cursor: help;
    text-transform: uppercase;
}

tbody > tr.CotacaoFrotaTable1 .label__status.PROPOSTA{
    background: #7837E8;
    color: #FFFFFF;
}

tbody > tr.CotacaoFrotaTable1 .label__status.Pré{
    background: rgba(255, 179, 64, 0.15);
    color: #FFB340;
}

tbody > tr.CotacaoFrotaTable1 .label__status.Inserir{
    background: rgba(134, 142, 164, 0.15);
    color: #868EA4;
}

tbody > tr.CotacaoFrotaTable1 .label__status.NOVA{
    background: rgba(0, 137, 191, 0.15);
    color: #0089BF;
}

tbody > tr.CotacaoFrotaTable1 .label__status.APROVADA{
    background: #00C1B4;
    color: #FFFFFF;
}

tbody > tr.CotacaoFrotaTable1 .label__status.AVALIADA{
    background: #FFB340;
    color: #FFFFFF;
}

tbody > tr.CotacaoFrotaTable1 .label__status.RECUSADA{
    background: rgba(255, 75, 106, 0.15);
    color: #FF4B6A;
}

tbody > tr.CotacaoFrotaTable1 .label__status.ACEITA{
    background: rgba(0, 193, 180, 0.15);
    color: #00C1B4;
}


tbody > tr.CotacaoFrotaTable1 .label__nova__mensagem{
    background: #FF4B6A;
    color: #FFF;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    padding: 8px;
    border-radius: 4px;
    margin: 0;
    width: fit-content;
    display: flex;
    align-items: center;
}

tbody > tr.CotacaoFrotaTable1 .label__nova__mensagem p{
    background: #FFFFFF;
    border-radius: 39px;
    color: #FF4B6A;
    min-width: 16px;
    margin: 0;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 9px;
}

.containerFrotaTable2 {
    width: 100%;
    padding: 20px 25px 27px 30px;
}

.containerFrotaTable2 .fontSmall__ {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #333333;
}

.containerFrotaTable2 .label__nova__mensagem {
    background: #FF4B6A;
    border-radius: 39px;
    color: #FFFFFF;
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 9px;
    padding: 4px 6px;
}

.CotacaoFrotaTable1 > .CotacaTableTD > p,
.CotacaoFrotaTable2 > td > p {
    width: fit-content;
    padding: 8px 13px;
    background: rgba(30, 42, 78, 0.1);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.hiddenRow {
    padding: 0 !important;
}
@keyframes btn-pisca {
    0% { opacity: 0; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}
.btn-pisca {
    background-color:#ce300c;
    color:#fff;
    padding: 0.6em 0.8em;
    display: inline-block;
    text-decoration: none;
    border-radius: 4px;
    -webkit-animation: btn-pisca .35s linear infinite;
    -moz-animation: btn-pisca .5s linear infinite;
    -ms-animation: btn-pisca .5s linear infinite;
    -o-animation: btn-pisca .5s linear infinite;
    animation: btn-pisca .5s linear infinite;
}
.container__body__border {
    background: #FFF;
    border: 1px solid #f2f2f2;
    width: 100%;
    float: left;
    border-radius: 10px;
}

.container__filter {
    display: flex;
    gap: 23px;
    padding: 43px 33px;
    border-bottom: 1px solid #F1F1F1;
}

.container__filter.excep__ {
    align-items: center;
    width: 100%;
    gap: 8px;
    padding: 24px;
    flex-wrap: wrap;
}

.container__filter.excep__.excep__placa__analisa {
    padding: 24px 15px;
}

.container__filter__grid{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    gap: 8px;
}

.container__filter__grid.custom-color-tam {
    background: #F9F9F9;
    padding: 20px 24px 24px;
    grid-template-columns: 1fr .5fr .5fr .5fr .5fr 80px;
    align-items: flex-end;
}

.container__filter__grid.custom-color-tam.menor {
    background: #F9F9F9;
    padding: 20px 24px 24px;
    grid-template-columns: 1fr .5fr .5fr .5fr 80px;
    align-items: flex-end;
}

.container__filter__grid.custom-color-tam.maior {
    grid-template-columns: 1fr .5fr .5fr .5fr .5fr .5fr 80px;
}

.container__filter__grid.grid-plus{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: center;
    gap: 8px;
    padding: 8px 0 43px;
}

.container__filter__grid_custom-four {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 0.6fr .6fr 185px;
    align-items: flex-end;
    gap: 8px;
}

.container__filter__grid .container__filter__inputs,
.container__filter__grid .container__filter__select {
    width: 100%;
    flex-basis: 20%;
    background: #FFFFFF;
    padding: 14px 19px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
}

.container__filter__grid .container__filter__inputs.com-icon {
    display: flex;
    align-items: center;
}

.container__filter__grid .container__filter__inputs.com-icon input {
    width: 100%;
    border: none;
    background: #FFF;
    padding: 0 13px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
}

.container__filter__grid .input__procurar {
    width: 100%;
    flex-basis: 40%;
    background: #F7F7F7;
    padding: 14px 13px;
    border-radius: 4px;
    border: none;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
}

.container__filter > .input__procurar {
    flex-basis: 40%;
    background: #F7F7F7;
    padding: 14px 13px;
    border-radius: 4px;
    border: none;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
}

.container__filter > .input__procurar.excep__ {
    background: #FCFCFC;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 14px 30px 14px 20px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #BABABA;
    flex-basis: unset;
    width: 19.3%;
}

.container__filter > .container__filter__inputs,
.container__filter > .container__filter__select {
    flex-basis: 20%;
    background: #FFFFFF;
    padding: 14px 19px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
}

.table__with__order.excep__tabela__fipe {
    overflow: unset !important;
    height: unset !important;
    max-height: unset !important;
}

.container__filter > .container__filter__select.excep__ {
    flex-basis: unset;
    width: 19.3%;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    font-style: normal;
    padding: 14px 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
}

.container__filter > .container__filter__select.excep__.excep__new__placar__analista {
    width: 17%;
}

.container__filter__data .container__filter__inputs.excep__,
.container__filter > .container__filter__inputs.excep__ {
    flex-basis: unset;
    background: #FFFFFF;
    font-style: normal;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 14px 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    width: 9.3%;
}

.container__filter__data {
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 7px 8px;
    border: 1px solid #EBEBEB;
    border-radius: 8px;
    background: #F6F6F6;
    grid-column: span 2/ 6;

}

.container__filter__data.new__excep {
    width: 29%;
}

.container__filter__data .container__filter__data__input {
    flex-basis: unset;
    background: #FFFFFF;
    font-style: normal;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 16.6px 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    width: 100%;
}

.container__filter__data > button:disabled {
    background: #EBEBEB !important;
}

.table__with__order  {
    overflow: auto;
    height: fit-content;
    max-height: 50vh;
    /* user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; */
}

.table__with__order table {
    border-collapse: collapse;
    border-spacing: 0;
}

.table__with__order table .novo--botao--editar--com--icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 17px 11px 13px;
    border-radius: 50px;
    border: 1px solid #0089BF;
    background: transparent;
    gap: 6px;
    font-weight: 700;
    font-family: Roboto;
    font-size: 14px;
    color: #0089BF;
}

.table__with__order.with_float  {
    width: 100%;
    float: left;
    margin-bottom: 60px;
}

.table__with__order.with_marginTp  {
    width: 100%;
    margin-top: 24px;
}

.table__with__order.excep__ {
    overflow: auto;
    height: unset;
    max-height: unset;
}

.table__with__order.border__  {
    background: #FFFFFF;
    border: 1px solid #F1F1F1;
    border-radius: 4px;
}

.table__with__order.border__large  {
    background: #FFFFFF;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    min-height: 64px;
}

.table__with__order.tabela__custom  {
    background: #FFFFFF;
    border: 1px solid #F1F1F1;
    border-radius: 4px 4px 0 0;
    height: 260px;
}

.table__with__order.dragging {
    cursor: grabbing; /* Cursor enquanto arrasta */
}

.table__with__order.tabela__custom.border-radius  {
    border-radius: 4px;
}

.table__with__order td .btn.size__button {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;

    color: #FFFFFF;
    padding: 10px 16px;
}

/* width */
.table__with__order::-webkit-scrollbar {
    width: 5px;
}

.table__with__order::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.table__with__order::-webkit-scrollbar-thumb {
    background: #D9D9D9;
}

.table__with__order::-webkit-scrollbar-thumb:hover {
    background: #999;
}

.table__with__order table thead tr {
    background: #fff;
    border-bottom: 1px solid #F1F1F1;
}

.table__with__order table th {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #666666;
    background: #FFF;
    position: sticky;
    top: 0;
    z-index: 1;
    /* min-width: 80px; */
}

.table__with__order table th .th__icon {
    display: flex;
    align-items: center;
    gap: 5px;
}

.table__with__order table th .th__icon.except--novo {
    gap: unset;
}

.table__with__order table th .th__icon.except--novo > p {
    margin: 0 !important;
    max-width: 70px;
}

.table__with__order table th:first-child,
.table__with__order table td:first-child {
    padding: 17px 33px !important;
}

.table__with__order.excep__ table th:first-child,
.table__with__order.excep__ table td:first-child {
    padding: 17px 20px !important;
}

.table__with__order table td .name__gray {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;

    color: #666666;
}

.table__with__order table td .text-simples-light {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;

    color: #666666;
    margin: 0;
}

.table__with__order table td .name__gray-strong {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #666666;
    margin: 0;
}


.table__with__order table td .capitalized__ {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;

    color: #666666;
    text-transform: capitalize;
}

.table__with__order table td .calendario__data {
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;

    color: #666;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.table__with__order table td .calendario__data .icon__calendario.cinza{
    background: #858585;
}

.table__with__order table tbody tr:nth-child(odd) {
    background: #F8F8F8;
}

.table__with__order.total-branca-linhas table tbody tr:nth-child(odd) {
    background: #FFFFFF;
}

.table__with__order table td .tag__qtd {
    width: fit-content;
    padding: 7px 12px;
    background: rgba(134, 142, 164, 0.15);
    border-radius: 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #1E2A4E;
}

.table__with__order table td .texto-reto {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;

    color: #666666;
    white-space: nowrap;
    margin: 0;
}

.table__with__order table td .texto-max-duas-linhas {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

    text-overflow: ellipsis;
}

.table__with__order table td .ligacao__atual {
    width: fit-content;
    border-radius: 4px;
    padding: 5px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
}

.table__with__order table td .text__italic {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;

    color: #666666;
}

.table__with__order table td .blue__ ,
.table__with__order table td .ligacao__atual.recebida__ {
    color: #0089BF;
    background: rgba(0, 137, 191, 0.15);
}

.table__with__order table td .ligacao__atual.null__ {
    color: #868EA4;
    background: #EDEEF1;
}

.table__with__order table td .ligacao__atual.gray__ {
    color: #00C1B4;
    background: rgba(0, 193, 180, 0.15);
}

.NewTable table td .container__cor,
.table__with__order table td .color_status,
.table__with__order table td .modelo__,
.table__with__order table td .equipamento,
.table__with__order table td .container__cor,
.table__with__order table td .tempo__color {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 4px;
    padding: 7px 12px;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    margin: 0;
}

.table__with__order table td .color_status.font-menor,
.table__with__order table td .container__cor.font-menor {
    font-size: 12px;
    line-height: 14px;
}

.table__with__order table td .color_status.font-dez {
    font-size: 10px;
    line-height: 12px;
}

.table__with__order table td .modelo__,
.table__with__order table td .placa__ {
    color: #333333;
    border: 1px solid #C2C2C2;
    border-radius: 4px;
    font-family: Roboto;
}

.table__with__order table td .tempo__color.gray__ {
    background: rgba(134, 142, 164, 0.15);
    color: #1E2A4E;
}
.table__with__order table td .container__cor.vermelho_branco{
    background: #F4DFE3;
    color: #FF4B6A;
}


.table__with__order table td .container__cor.vermelho,
.table__with__order table td .color_status.vermelho {
    background: #FF4B6A;
    color: #FFF;

}

.table__with__order table td .container__cor.vermelho-leve {
    background: #F4DFE3;
    color: #FF4B6A;
}

.table__with__order table td .container__cor.laranja-leve {
    background: #FFF1DB;
    color: #FFB340;
}

.table__with__order table td .container__cor.azul-leve {
    background: #D3E8F0;
    color: #0089BF;
}

.table__with__order table td .container__cor.verde-leve {
    background: #D8EFEE;
    color: #00C1B4;
}

.table__with__order table td .container__cor.new-cinza-leve {
    background: var(--new-cinza-leve);
    color: #868EA4;

}

.table__with__order table td .color_status.cinza {
    background: #5D848C;;
    color: #FFF;

}
.table__with__order table td .color_status.cinza-leve {
    background: #B7B7B7;;
    color: #FFF;

}
.table__with__order table td .color_status.verde {
    background: #48e1c1;
    color: #FFF;

}

.table__with__order table td .tipo__status.vermelho-total,
.table__with__order table td .container__cor.vermelho-total,
.table__with__order table td .tempo__color.red__{
    background: rgba(255, 75, 106, 0.15);
    color: #FF4B6A;
}

.table__with__order table td .container__cor.verde,
.table__with__order table td .green__,
.table__with__order table td .ligacao__atual.saida__,
.table__with__order table td .tempo__color.green__{
    background: rgba(0, 193, 180, 0.15);
    color: #00C1B4;
}

.table__with__order table td .container__cor.verde_branco{
    background: #00C1B4;
    color: #FFFFFF;
}

.table__with__order table td .color_status.azul,
.table__with__order table td .container__cor.azul {
    background: rgba(0, 137, 191, 0.15);
    color: #0089BF;
}

.table__with__order table td .container__cor.azul--forte {
    background: #0089BF;
    color: #FFF;
}

.table__with__order table td .color_status.amarelo {
    background: #FFB340;
    color: #FFF;
}

.table__with__order table td .color_status.laranja {
    background: #FC763B;
    color: #FFF;
}

.table__with__order table td .container__cor.amarelo,
.table__with__order table td .c{
    background: rgba(255, 179, 64, 0.15);
    color: #FFB340;
}

.table__with__order table td .container__cor.azul_branco {
    background: #0089BF;
    color: #FFFFFF;
}

.table__with__order table td .container__cor.violeta {
    background: #D5C6EF;
    color: #7837E8;
}

.table__with__order table td .container__cor.laranja {
    background: #F4DBCB;
    color: #FF6501;
}
.table__with__order table td .container__cor.laranja_branco {
    background: #FFF4E2;
    color: #FFB340;
}
.table__with__order table td .color_status.cinza_azul_branco,
.table__with__order table td .container__cor.cinza_azul_branco {
    background: #868EA4;
    color: #FFFFFF;
}

.table__with__order table td .color_status.cinza-total,
.table__with__order table td .container__cor.cinza {
    background: rgba(134, 142, 164, 0.15);
    color: #868EA4;
}

.table__with__order table td .container__cor.borda_preto {
    border: 1px solid #C2C2C2;
    background: #FFFFFF;
    color: #333333;
}


.table__with__order table td .container__cor.gray {
    background: rgba(134, 142, 164, 0.15);
    color: #868EA4;
}

.table__with__order table td .container__cor.red,
.table__with__order table td .container__cor.container__novo__cor.vermelho {
    background: rgba(255, 75, 106, 0.15);
    color: #FF4B6A;
}

.table__with__order table td .container__cor.sem--cor--ancora--azul {
    background: transparent;
    color: #0089BF;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
}

.table__with__order table td .botao--sem--background {
    padding: 5px 16px;
    border-radius: 50px;
    border: 1px solid #0089BF;
    background: transparent;
    color: #0089BF;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.table__with__order table td .icon__timer.orange__ {
    background: #FFB340;
}

.table__with__order table td .icon__timer.red__ {
    background: #FF4B6A;
}

.table__with__order table td .icon__timer.green__ {
    background: #00C1B4;
}

.table__with__order table td .icon__timer.gray__ {
    background: #1E2A4E;
}

.table__with__order table td .tipo__status {
    width: fit-content;
    border-radius: 4px;
    padding: 7px 12px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.table__with__order table td .tipo__status.verde,
.table__with__order table td .tipo__status.online__ {
    background: #00C1B4;
    /* min-width:88px; */
    text-align: center;
}

.table__with__order table td .tipo__status.placa {
    background: rgba(134, 142, 164, 0.15);
    text-align: center;
    color: #868EA4;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    font-family: 'Roboto';
    font-style: normal;
}

.table__with__order table td .tipo__status.azul {
    background: rgba(0, 137, 191, 0.15);
    color: #0089BF;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    font-family: 'Roboto';
    font-style: normal;
}

.table__with__order table td .tipo__status.vermelho,
.table__with__order table td .tipo__status.offline__ {
    background: #FF4B6A;
    /* min-width:88px; */
    text-align: center;
}

.table__with__order table td .tipo__status.vermelho-total{
    background: rgba(255, 75, 106, 0.15);
    color: #FF4B6A;
}

.table__with__order table td .tipo__status.cinza {
    background: rgba(134, 142, 164, 0.15);
    color: #868EA4;
}


.table__with__order table td .tipo__status.busy__ {
    background: #FFB340;
    /* min-width:88px; */
    text-align: center;
}

.table__with__order table td .input--e--select--editavel--table {
    padding: 14px 20px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF !important;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    background: transparent;
}

.table__with__order table td input.input-number-desativado {
    background: #E0E0E0 !important;
    border: 1px solid #D1D5DB !important;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    width: 79px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #111827;
    padding: 9px 13px;
}

.table__with__order table td input.input-number-desativado.ativado {
    background: #FFFFFF !important;
    border: 1px solid #0089BF !important;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 0px 0px 1px #6366F1;
}

.table__with__order table td .button-ver-novo {
    background: #0089BF;
    border: 0;
    border-radius: 50px;
    padding: 11px 25px;

    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;

    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}

.table__with__order table td .button-ver-novo:hover {
    opacity: 0.7;
}

.table__with__order table td .button-ver-novo-transparent {
    border: 1px solid #0089BF;
    background: transparent;
    border-radius: 50px;
    padding: 8px 20px;

    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;

    color: #0089BF;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.1s ease-in;
}

.table__with__order table td .button-ver-novo-transparent:hover {
    background: #0089bf;
    color: #FFF;
}

.footer-modal-button-space-beetween .button-resolve-com-icon-verde,
.table__with__order table td .button-resolve-com-icon-verde {
    background: #00C1B4;
    border: 0;
    border-radius: 50px;
    padding: 11px 24px 11px 16px;

    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;

    color: #FFFFFF;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.footer-modal-button-space-beetween .button-resolve-com-icon-verde.center-w-full {
    width: 100%;
    justify-content: center;
    padding: 12px 24px 12px 16px;
}

.footer-modal-button-space-beetween .button-resolve-com-icon-verde:hover,
.table__with__order table td .button-resolve-com-icon-verde:hover {
    opacity: .7;
}

.table__with__order table td .quebra-texto-w-300 {
    max-width: 300px;
    word-wrap: break-word;
}

.table__with__order table td .quebra-texto-w-200 {
    max-width: 200px;
    word-wrap: break-word;
}

/* COTAÇÃO NO SISTEMA */
.ContainerFormCotacao {
    background: #FFF;
    border: 1px solid #f2f2f2;
    width: 100%;
    padding: 25px;
    float: left;
    border-radius: 5px 5px 0px 0px;
}

.ContentFormCotacao {
    display: flex;
    align-items: center;
    gap: 29px;
}

.ContentFormCotacao > input {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 0 0 0 0;
    float: left;
    border-radius: 7px;
    border: 1px solid #eaeaea;
    height: 45px;
    transition: 0.3s;
    background-color: #FFF !important;
}

.ContentFormCotacao > button {
    font-size: 1.2em;
    padding: 12px 25px;
    border: 0;
    height: 45px;
    transition: 0.3s;
    cursor: pointer;
}

.CotacaTableTD {
    padding: 10px 15px;
}

.container__button__ > .button__download__red:hover{
    background: #f49299;
}
.container__button__ {
    display: flex;
    justify-content: end;
    padding: 3% 0;
}

.container__button__ > .button__download__green{
    padding: 15px 25px;
    background: #2FB18A;
    border-radius: 6px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FCFCFC;
    text-decoration: none;
    cursor: pointer;
}

.container__button__ > .button__download__green:hover{
    background: #2FB18ACC;
}

.container__button__ > .button__download__red{
    padding: 15px 25px;
    background: var(--vermelho);
    border-radius: 6px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FCFCFC;
    text-decoration: none;
    cursor: pointer;
}


.table__with__order table td div.gray__ {
    background: rgba(134, 142, 164, 0.15);
    border-radius: 4px;
    padding: 7px 12px;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #868EA4;
    width: fit-content;
}

.table__with__order table td .blue__bold {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #0089BF;
}

.table__with__order table td p.text__city {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    color: #666666;
    margin: 0;
}

.table__with__order table td p.text__email {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    text-transform: lowercase;
    color: #666666;
    margin: 0;
}

.table__with__order table td .container__contato {
    display: flex;
    align-items: center;
    gap: 5px;
}

.table__with__order table td .container__contato > p{
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #666666;
    margin: 0;
}

.container__flex__principal {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.container__flex__principal .container__flex__body{
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.container__cards {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.container__cards .boxes__cards {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.container__cards .boxes__cards .card__ {
    background: #FEFEFE;
    border: 1px solid #F1F1F1;
    border-radius: 8px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 19px;
}

.container__cards .boxes__cards .card__ p.header__ {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    color: #333333;
    margin: 0;
}

.container__cards .boxes__cards .card__ h4.data__ {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    color: #0089BF;
    margin: 0;
}

.container__cards .boxes__cards .card__ p.footer__ {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #858585;
    margin: 0;
}

.boxes__cards .card__ .container__mid {
    display: flex;
    align-items: center;
    gap: 13px;
}

.boxes__cards .card__ .container__back__svg {
    padding: 9px;
    border-radius: 100px;
}

.boxes__cards .card__ .container__back__svg.green__ {
    background: #E4FBF6;
}

.boxes__cards .card__ .container__back__svg.orange__ {
    background: rgba(254, 176, 25, 0.11);
}

.boxes__cards .card__ .container__back__svg.purple__ {
    background: rgba(123, 97, 255, 0.14);
}

.boxes__cards .card__ .container__back__svg.red__ {
    background: rgba(255, 75, 106, 0.12);
}

.container__boxes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(301px, 1fr ));
    row-gap: 6px;
}

.container__boxes label {
    margin: 0;
}

.box__flex__align {
    width: 100%;
    display: flex;
    align-items: center;
}

.container_insede_check_box_cotacao {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.margin__top {
    margin: 20px 0 0 !important;
}

.msg__ex {
    width: 100%;
    background: rgba(0, 137, 191, 0.15);
    padding: 10px;
    border-radius: 5px;
    margin-top: 5px;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #333333;
}

.container__download__alert {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.container__download__alert .info_img {
    display: flex;
    align-items: center;
}

.container__download__alert .passo__passo {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.container__download__alert .passo__passo p,
.container__download__alert .info_img p {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #333333;
    margin: 0;
}

.container__download__alert .container__download {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 40%;
    gap: 20px;
}

.box_info_alert {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(0, 137, 191, 0.15);
    border-radius: 4px;
    padding: 20px 50px;
}

.button__download {
    background: #0089BF;
    border-radius: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    gap: 13px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
}

.button__download.green {
    background: #00C1B4;
    color: #FFFFFF;
}

.button__download.blue {
    background: #0089BF;
    color: #FFFFFF;
}

.button__download.blue:hover {
    background: #0089BFCC;
}

.button__download.green:hover {
    background: #00C1B4CC;
}

.container__send__file > p{
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #333333;
    margin: 0 0 20px;
}

.text__import {
    padding: 10px 16px;
    background-color: #0a9dd8;
    color: #FFF;
    text-align: center;
    display: block;
    cursor: pointer;
    font-size: 13px;
    border-radius: 5px 0px 0px 5px;
    transition-delay: 0.2ms;
    margin: 0;
}

.text__import:hover {
    background-color: #57c2ed;
}

.swal-icon--success__ring {
    border: 4px solid #a5dc86 !important;
}

.modal__header {
    padding: 37px 29px 31px 60px;
    width: 100%;
}

.modal__header__title {
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;

    color: #333333;
}

.title__tag {
    margin: 0;
}

.container__line {
    width: 100%;
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 120px 41px;
    padding: 0 5%;
    gap: 10px;
}

.container__list__sensores {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.label__custom {
    display: flex;
    gap: 5px;
    margin: 0;
}

.container__fist__,
.label__custom.first__ {
    margin: 30px 0 0 !important;
}

.text__extensor {
    margin: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    color: #666666;
}

.ajuste__margin {
    margin: 0 !important;
}

.apontamento__vazio {
    border: 1px solid #FF4B6A;
    border-radius: 4px;
}

.button__add {
    font-family: 'Roboto';
    font-size: 15px;
    line-height: 20px;
    color: #0089BF;
}

.container__obs {
    font-family: 'Roboto';
    font-size: 11px;
    line-height: 20px;
    color: #333;
    padding: 0 5%;
}

.container__footer__button {
    display: flex;
    justify-content: center;
    padding: 0 0 2%;
}

.container__grid__obs {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 120px 50px;
    padding: 0 5%;
}

.container__header__modal {
    padding: 18px 19px 32px 32px;
}

.container__header__modal__title {
    margin: 2% 0 0;
    text-align: start;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #333333;
}

.container__warning__cond__especial {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFB340;
    border-radius: 4px;
    width: 56px;
    height: 44px;
    position: relative;
}

.container__warning__cond__especial__inside {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    background: #FFF;
    z-index: 99999;
    width: 400px;
    text-transform: none;
    font-size: 1.05em;
    font-weight: 400;
    border-radius: 9px;
    box-shadow: 0 0 11px #0003;
}

.seta__ {
    width: 0;
    height: 0;
    position: absolute;
    top: -5px;
    left: 21px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #FFB300;
}

.title__warning__cod__especial {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    background: #FFB340;
    border-radius: 8px 8px 0px 0px;
    padding: 14px 32px;
    margin: 0;
}

.condicao_especial_text {
    margin: 0;
    padding: 26px 32px 34px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}

a.container__warning__cond__especial:hover .container__warning__cond__especial__inside {
    display: flex;
    flex-direction: column;
}

.label__input__style {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #858585;
}

.container__inputs__dados {
    background: #F8F8F8;
    border: 1px solid #EBEBEB;
    border-radius: 8px;
    padding: 16px 24px 24px;
    margin: 24px 32px 0;
}

.container__inputs__dados__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 16px;
}

.container__inputs__dados__header__title {
    margin: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #333333;
}

.container__inputs__dados__info {
    display: flex;
    gap: 10px;
    background: rgba(255, 179, 64, 0.15);
    border-radius: 4px;
    padding: 8px 10px;
}

.container__inputs__dados__info.yellow {
    background: rgba(255, 179, 64, 0.15);
}

.container__inputs__dados__info.red {
    background: rgba(255, 75, 106, 0.15);
}

.container__inputs__dados__info__obs {
    margin: 0;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #FFB340;

}

.container__inputs__dados__info.yellow .container__inputs__dados__info__obs {
    color: #FFB340;
}

.container__inputs__dados__info.red .container__inputs__dados__info__obs {
    color: #FF4B6A;
}

.alert__icon__.yellow {
    background: #FFB340;
    width: 12px;
    height: 12px;
}

.alert__icon__.red {
    background: #FF4B6A;
    width: 12px;
    height: 12px;
}

.input__type__attention {
    position: relative;
}

.input__type__attention div{
    font-size: 18px;
    position: absolute;
    right: 17px;
    top: 15px;
}

.container__attention__color {
    background: #868EA4;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 5%);
    border-radius: 0px 0px 4px 4px;
    padding: 10px;
}

.container__attention__color.red__ {
    background: #FF4B6A;
}

.container__attention__color.green__ {
    background: #00C1B4;
}

.container__attention__color.yellow__ {
    background: #FFB340;
}

.container__attention__color.purble__ {
    background: #7837E8;
}

.container__attention__color__text {
    margin: 0;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.container__footer__buttons__left {
    display: flex;
    align-items: center;
    gap: 25px;
}

.container__footer__buttons__right {
    display: flex;
    align-items: center;
    gap: 7px;
}

.button__icon__underline {
    gap: 5px;
    background: transparent;
    border: none;
    outline: none;
    text-decoration: underline;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    text-align: center;
    text-decoration-line: underline;
    color: #333333;
}

.button__icon__underline:hover {
    text-decoration-line: none;
}

.icon__email__.black {
    width: 13px;
    height: 11px;
    background: #333;
}

.lixeira__icon__.black {
    width: 9px;
    height: 12px;
    background: #333;
}

.lixeira__icon__.tam-azul {
    width: 10px;
    height: 13px;
    background: #0089BF;
}

.lixeira__icon__.white {
    width: 9px;
    height: 12px;
    background: #FFF;
}

.button__colors__style {
    padding: 15px 25px;
    border-radius: 6px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FCFCFC;
    display: flex;
    align-items: center;
    gap: 10px;
    outline: none;
    border: none;
}

.button__colors__style.blue {
    background: #0089BF;

}

.button__colors__style.green {
    background: #00C1B4;
}

.button__colors__style.red {
    background: #FF4B6A;
}

.button__colors__style:hover {
    opacity: 0.8;
}

.xis__icon__.white {
    width: 14px;
    height: 12px;
    background: #FFF;
}

.check__slim__icon.white {
    width: 14px;
    height: 14px;
    background: #FFF;
}

.check__slim__icon.green {
    width: 17px;
    height: 13px;
    background: #00C1B4;
}

.alert__triangular__icon.red {
    width: 17px;
    height: 13px;
    background: #FF4B6A;
}

.alert__triangular__icon.yellow {
    width: 17px;
    height: 13px;
    background: #FFB442;
}

.container__orcamento__servico {
    display: flex;
    flex-direction: column;
    padding: 24px 0;
    border-bottom: 1px solid #EBEBEB;
}

.container__orcamento__servico:last-child{
    display: flex;
    flex-direction: column;
    padding: 24px 0;
    border-bottom: 1px solid transparent;
}

.style__warning__red {
    width: 94%;
    background: rgba(255, 75, 106, 0.15);
    border-radius: 4px;
    margin: 0 32px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 12px;
    color: #FF4B6A;
    text-align: center;
    padding: 12px;
}

.sinal__mais__icon.white {
    width: 10px;
    height: 10px;
    background: #FFF;
}
.container__grid__text > p {
    font-family: 'Roboto';
    font-size: 11px;
    line-height: 20px;
    color: #333;
}

.tag__color__red{
    color: #ff717b;
}

.container__login__principal {
    height: 100%;
    margin: 0 auto !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: unset !important;
    position: unset !important;
}


#faturas-administradas .NewAbas {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    font-family: 'Roboto', sans-serif;
}

#faturas-administradas .NewAbas .headAbas{
    display: flex;
    justify-content: flex-start;
    height: 60px;
    overflow: hidden;
    background: #f1f1f1;
    border-radius: 10px 10px 0 0;
    border: 1px solid #f4f4f4;
    border-bottom: 0;
    cursor: pointer;
}

#faturas-administradas .NewAbas .headAbas > span {
    font-weight: 600;
    font-size: 1em;
    padding: 14px 20px 12px;
    border-radius: 7px 7px 0 0;
    background: var(--azul-medio);
    color: #FFF;
    float: left;
    margin: 0 2px 0 0;
}

#faturas-administradas .NewAbas .headAbas > span.active {
    background: #FFF;
    color: #666666;
    float: left;
    box-shadow: 0 -4px 6px #0000000d;
}

#faturas-administradas .NewAbas .contentAbas{
    background: #fff;
    border-radius: 0 0 10px 10px;
    border-top: 0;
}

#faturas-administradas .NewAbas .contentAbas .aba {
    width: 100%;
    height: auto;
    display: none;
    flex-direction: column;
    gap: 25px;
    padding: 0 0 25px;
    background: #fff;
}

#faturas-administradas .NewAbas .contentAbas .aba.active {
    display: flex;
}

#faturas-administradas .component-search {
    float: right;
    position: relative;
}
.container__label__input__right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    height: 45px !important;
}

.container__flex__grid {
    width: 100%;
    align-items: flex-end;
    gap: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

/* Sinistro novo abas - Aba Orcamento - Manutencao Delta */
.flex-box .field.input_os_op_manutencao_delta { border-radius: 7px; height: 50px; padding: 0 15px !important; border: 1px solid #F2F2F2; color: var(--preto); font-size: 1em; font-weight: 600; width: -webkit-fill-available !important; text-align: start !important; background: #fff}
.check_fornecedor_peca {margin-right: -7px !important; margin-top: -12px !important; width: 20px !important;}

.td_valor_fornecedor_manutencao { display: flex; flex-direction: column;}
.td_valor_fornecedor_manutencao label{ font-weight: 600; font-size: 12px;}
.tbory_servicos_manutencao td{ min-width: 150px; }
.tbory_servicos_manutencao .td_status_item_manutencao{ min-width: 0px; position: absolute; float: left; background: #f6f6f6; display: block; width: 70px;}
.tr_status_item_manutencao{ position: absolute; float: left; background: #ffff; display: block; }
.tbory_servicos_manutencao .td_remover_servico_manutencao{ min-width: 70px; }
.th_atividade{ padding-left: 87px !important; }

#ocorrencia_abas .inside_abas .subltitle_manutencao {margin: 10px 0 22px !important;}

@-moz-keyframes pulsate {
    from {
        -moz-transform: scale(0.25);
        opacity: 1.0;
    }
    95% {
        -moz-transform: scale(1.3);
        opacity: 0;
    }
    to {
        -moz-transform: scale(0.3);
        opacity: 0;
    }
}

@-webkit-keyframes pulsate {
    from {
        -webkit-transform: scale(0.25);
        opacity: 1.0;
    }
    95% {
        -webkit-transform: scale(1.3);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(0.3);
        opacity: 0;
    }
}

/* EFEITO DE PULSE DO MAPA PRESTADORES */
#map_canvas div[title="pulse"] {
    -moz-animation: pulsate 1.5s ease-in-out infinite;
    -webkit-animation: pulsate 1.5s ease-in-out infinite;
    border:1pt solid #FF4B6A;
    /* make a circle */
    -moz-border-radius:51px;
    -webkit-border-radius:51px;
    border-radius:51px;
    /* multiply the shadows, inside and outside the circle */
    -moz-box-shadow:inset 0 0 5px #FF4B6A, inset 0 0 5px #FF4B6A, inset 0 0 5px #FF4B6A, 0 0 5px #FF4B6A, 0 0 5px #FF4B6A, 0 0 5px #FF4B6A;
    -webkit-box-shadow:inset 0 0 5px #FF4B6A, inset 0 0 5px #FF4B6A, inset 0 0 5px #FF4B6A, 0 0 5px #FF4B6A, 0 0 5px #FF4B6A, 0 0 5px #FF4B6A;
    box-shadow:inset 0 0 5px #FF4B6A, inset 0 0 5px #FF4B6A, inset 0 0 5px #FF4B6A, 0 0 5px #FF4B6A, 0 0 5px #FF4B6A, 0 0 5px #FF4B6A;
    /* set the ring's new dimension and re-center it */
    height:51px!important;
    width:51px!important;
}

#map_canvas div[title="pulse"] img {
    display:none;
}

.container__switch {
    width: fit-content;
    display: flex;
    justify-content: center;
    background: #EBEBEB80;
    border-radius: 10px;
    padding: 8.5px 8px;
}

label.switch__ {
    width: 250px;
    min-width: 120px;
    height: 50px;
    justify-content: center;
    display: flex;
    align-items: center;
}

.modal__title {
    color: #0089BF;
    text-align: center;
    font-weight: 700;
    font-size: 2.5em;
    line-height: 1.3;
    box-sizing: border-box;
    padding: 0.75em 5em;
}

.modal__header {
    min-height: 16.428571429px;
    padding: 15px;
}

form.container__flex__column {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 16px 30px;
}

label.text__custom {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #333;
}

.group__buttons__flex {
    display: flex;
    justify-content: space-evenly;
    padding: 3% 5% 0;
    gap: 10%;
}

.container__filtros {
    border: 1px solid #F4F4F4;
    border-radius: 4px;
    padding: 30px 24px;
    margin-bottom: 16px;
    display: flex;
    gap: 12px;
}

.container__filtros .container__inputs_filters {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 15px;
    border-radius: 4px;

    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;

    color: #666666;
}

.button__blue__rounded {
    padding: 11px 24px;

    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;

    color: #FFFFFF;
}

.button__blue__rounded,
.button__arrow {
    background: #0089BF;
    border-radius: 50px;
    outline: none;
    border: none;
    min-width: 70px;
}

.button__blue__rounded:hover,
.button__arrow:hover {
    background: #0089BFCC;
}

.container__pagination {
    display: flex;
    align-items: center;
    padding: 22px 36px;
    border-top: 1px solid #F8F8F8;
}

.container__pagination__value {
    display: flex;
    align-items: center;
    gap: 5px;
}

.container__pagination__value > p {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;

    color: #A5A5A5;
    margin: 0;
}

.group__arrows__buttons {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-left: 18px;
}

.group__arrows__buttons button {
    width: fit-content;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
}

.totalizadores__filter {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
    column-gap: 2px;
    padding: 0 0 24px;
}

.card__filter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 24px;
    border: 1px solid #F1F1F1;
    border-radius: 8px;
    cursor: pointer;
    height: 100%;
}

.card__filter.active,
.card__filter:hover {
    background: #F6F6F6;
    border: 1px solid #F1F1F1;
}

.container__inside {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card__filter__title {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    margin: 0;
}

.card__filter__timer {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    margin: 0;
}

.card__filter__total {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;

    color: #0089BF;
    margin: 0;
}

.button__arrow {
    background: #0089BF;
    border-radius: 50px;
    outline: none;
    border: none;
    min-width: 70px;
}

.button__arrow:hover {
    background: #0089BFCC;
}

.totalizadores__colors {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 16px;
    grid-row-gap: 16px;
    padding: 51px 0 32px;
}

.totalizadores__colors .card__{
    width: 100%;

    padding: 18px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 22px;
    border-radius: 4px;
}

.table__with__order table td .container__status.red__,
.totalizadores__colors .card__.red__{
    background: #FF4B6A;
}

.table__with__order table td .container__status.yellow__,
.totalizadores__colors .card__.yellow__{
    background: #FFB340;
}

.table__with__order table td .container__status.orange__,
.totalizadores__colors .card__.orange__{
    background: #FE7E2F;
}

.table__with__order table td .container__status.green__,
.totalizadores__colors .card__.green__{
    background: #00C1B4;
}

.table__with__order table td .container__status.dark_green__,
.totalizadores__colors .card__.dark_green__{
    background: #049d93;
}

.table__with__order table td .container__status.meio_black__,
.totalizadores__colors .card__.meio_black__{
    background: #0A2A3E;
}

.table__with__order table td .container__status.purble__,
.totalizadores__colors .card__.purble__{
    background: #7837E8;
}

.totalizadores__colors .total__{
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    line-height: 59px;

    color: #FFFFFF;
    margin: 0;
}

.totalizadores__colors .named__card{
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;

    color: #FFFFFF;
    margin: 0;
}

.table__with__order  {
    overflow: auto;
    height: fit-content;
}

.table__with__order.border__  {
    background: #FFFFFF;
    border: 1px solid #F1F1F1;
    border-radius: 4px;
}

.table__with__order table thead tr {
    background: #fff;
    border-bottom: 1px solid #F1F1F1;
}

.table__with__order table th {
    font-style: normal;
    font-weight: 700;
    font-size: 1em;
    line-height: 14px;
    /* identical to box height */

    text-transform: uppercase;

    color: #666666;
    background: #FFF;
    position: sticky;
    top: 0;
    z-index: 1;
}

.table__with__order table th:first-child,
.table__with__order table td:first-child {
    padding: 17px 33px !important;
}

.table__with__order table thead.font-menor th {
    font-size: 8px;
}

.table__with__order table tbody.font-menor td .container__cor,
.table__with__order table tbody.font-menor td {
    font-size: 10px !important;
}

.table__with__order table td {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
}

.table__with__order table td .data__icon{
    display: flex;
    align-items: center;
    gap: 5px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;

    color: #666666;
}

.table__with__order table td .name__gray {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
}

.table__with__order table tbody tr:nth-child(odd) {
    background: #F8F8F8;
}

.table__with__order table td .tag__qtd {
    width: fit-content;
    padding: 7px 12px;
    background: rgba(134, 142, 164, 0.15);
    border-radius: 4px;

    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;

    color: #1E2A4E;
}

.table__with__order table td .ligacao__atual {
    width: fit-content;
    border-radius: 4px;
    padding: 5px 12px;
    display: flex;
    align-items: center;
    gap: 10px;

    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
}

.table__with__order table td .text__normal {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;

    color: #666666;
}

.table__with__order table td .text__italic {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;

    color: #666666;
}

.table__with__order table td .blue__ ,
.table__with__order table td .ligacao__atual.recebida__ {
    color: #0089BF;
    background: rgba(0, 137, 191, 0.15);
}

.table__with__order table td .ligacao__atual.null__ {
    color: #868EA4;
    background: #EDEEF1;
}

.table__with__order table td .ligacao__atual.gray__ {
    color: #00C1B4;
    background: rgba(0, 193, 180, 0.15);
}

.table__with__order table td .placa__ ,
.table__with__order table td .protocolo__,
.table__with__order table td .tempo__color {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 4px;
    padding: 7px 12px;

    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    white-space: nowrap;
}

.table__with__order table td .protocolo__ {
    background: rgba(134, 142, 164, 0.15);
    color: #868EA4;
}

.table__with__order table td .placa__ {
    color: #333333;
    border: 1px solid #C2C2C2;
    border-radius: 4px;
}

.table__with__order table td .tempo__color.gray__ {
    background: rgba(134, 142, 164, 0.15);
    color: #1E2A4E;
}

.table__with__order table td .tempo__color.red__{
    background: rgba(255, 75, 106, 0.15);
    color: #FF4B6A;
}

.table__with__order table td .ligacao__atual.saida__,
.table__with__order table td .tempo__color.green__{
    background: rgba(0, 193, 180, 0.15);
    color: #00C1B4;
}

.table__with__order table td .tempo__color.orange__{
    background: rgba(255, 179, 64, 0.15);
    color: #FFB340;
}
.table__with__order table td .icon__timer.orange__ {
    background: #FFB340;
}

.table__with__order table td .icon__timer.red__ {
    background: #FF4B6A;
}

.table__with__order table td .icon__timer.green__ {
    background: #00C1B4;
}

.table__with__order table td .icon__timer.gray__ {
    background: #1E2A4E;
}

.table__with__order table td .tipo__status {
    width: fit-content;
    border-radius: 4px;
    padding: 7px 12px;

    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.table__with__order table td .tipo__status.online__ {
    background: #00C1B4;
    min-width:88px;
    text-align: center;
}

.table__with__order table td .tipo__status.offline__ {
    background: #FF4B6A;
    min-width:88px;
    text-align: center;
}

.table__with__order table td .tipo__status.busy__ {
    background: #FFB340;
    min-width:88px;
    text-align: center;
}

.table__with__order table td .container__status {
    width: fit-content;
    padding: 7px 12px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;

    color: #FFFFFF;
    border-radius: 4px;
}

.container__header {
    background: #EBEBEB;
    mix-blend-mode: normal;
    border-radius: 4px 4px 0px 0px;
    padding: 23px 29px 16px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.container__header .tag__info {
    padding: 7px 12px;
    border-radius: 4px;

    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;

    color: #FFFFFF;
}

.container__header .tag__info.red__ {
    background: #FC5555;
}
.container__header .tag__info.orange__ {
    background: #FE7E2F;
}
.container__header .tag__info.green__ {
    background: #00C1B4;
}
.container__header .tag__info.yellow__ {
    background: #FFB340;
}

.container__header .tag__info.purble__ {
    background: #7837E8;
}


.container__header > h5 {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;

    color: #333333;
    margin: 0;
}

.container__dados__detalhes {
    padding: 33px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-rows: minmax(5rem, auto);
}

.container__dados__detalhes .dados__{
    display: flex;
    align-items: center;
}

.container__dados__detalhes .dados__ .label__{
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    white-space: nowrap;

    color: #858585;

    margin: 0;
}

.container__dados__detalhes .dados__ .data__{
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;

    color: #333333;

    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.container__dados__detalhes .data__.protocolo__{
    background: rgba(134, 142, 164, 0.15);
    border-radius: 4px;
    padding: 4px 7px;
    color: #868EA4;
}

.container__dados__detalhes .data__.placa__{
    border: 1px solid #C2C2C2;
    border-radius: 4px;
    padding: 4px 7px;
}

.container__dados__detalhes .dados__ .data__.cursor__help{
    cursor: help;
}

.ContainerIn b.icon__map__ {
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;

    color: #FCFCFC;

    padding: 4px 9px;
    border-radius: 100px;
}

.ContainerIn b.icon__map__.blue__ {
    background: #0089BF;
}

.ContainerIn b.icon__map__.red__ {
    background: #FF4B6A;
}

.container__button__footer {
    text-align: center;
    padding: 0 0 30px;
}

.container__button__footer > button {
    width: 20%;
    padding: 11px 57px;

    background: #48E1C1;
    border-radius: 50px;

    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;

    color: #FFFFFF;
    border: none;
    outline: none;
}

.container__button__footer > button:hover {
    background: #48E1C1CC;
}

.button__navbar__right:hover {
    background: #ffffff12 !important;
    border-left: 1px solid #ffffff !important;
}

.container__buttons__dropdown {
    display: flex;
    flex-direction: column;
}

.container__buttons__dropdown > a {
    color: #666;
    border: 0;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
    border-radius: 0;
    opacity: 0.7;
}

.container__buttons__dropdown > a:hover {
    opacity: 1;
}

.container__ajuste__dropdown {
    width: 200px !important;
    padding: 0 !important;
}

@media (max-width: 1400px) {
    .container__buttons__dropdown > a {
        font-size: 11px;
    }

    .container__ajuste__dropdown {
        width: 160px !important;
    }
}

.container__header__chart_insights {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    height: 48px;
    gap: 30px;
    transition: all 0.2s ease-in-out;
}

.container__filter__button__insights {
    display: flex;
    width: auto !important;
    margin: 0px !important;
}

.container__filtra__de__insights {
    display: flex;
    margin: 0;
    align-items: center;
    height: 100%;
}

.container__two__elements__header__insights {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 20px;
}

@media (max-width: 1260px) {
    .container__header__chart_insights {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        gap: 20px;
    }
}
.atendimento_automatico{
    width: 80px!important;
}

.container__input__date {
    display: flex;
    gap: 8px;
    width: 100%;
    transition: 0.1s ease-in-out;
}

.container__input__date.dashboard--desempenho--prestador {
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.__disabled__opacity {
    opacity: 0.4;
}

.input__icon{
    flex: 1;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    border-radius: 6px;
}

.input__icon > input {
    border: none !important;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #333333;
    padding: 14px 11px;
    background: #FFF !important;
    border-radius: 6px;
}

.input__icon.except--novo > input {
    padding: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.input__icon > input.input-menor-custom {
    outline: none;
    border: 0;
}

.icon__calendario.__blue {
    background: #0089BF;
    margin: 0 0 0 16px;
}

.icon__calendario.__cinza {
    background: #858585;
    margin: 0 0 0 16px;
}

.container__filtros {
    border: 1px solid #F4F4F4;
    border-radius: 4px;
    padding: 30px 24px;
    margin-bottom: 16px;
    display: flex;
    gap: 12px;
}

.container__filtros.width__end {
    align-items: flex-end;
    width: 100%;
}

.container__filtros.flex__column__gray {
    flex-direction: column;
    align-items: flex-start;
    background: #F8F8F8;
    border: 1px solid #EBEBEB;
    border-radius: 8px;
    transition: all 0.3s ease-in;
}

.container__filtros__grid {
    display: grid;
    width: 100%;
    gap: 8px;
    grid-template-columns: 1fr 1fr 1fr;
}

.container__filtros__grid.com__borda {
    border: 1px solid #F4F4F4;
    border-radius: 4px;
    padding: 30px 24px;
}

.container__filtros__grid.excep-cinco-custom {
    grid-template-columns: 1fr 165px 200px 200px 80px;
    align-items: end;
}

.container__filtros__grid.excep-sete-custom {
    grid-template-columns: 1fr 1fr 150px 150px 150px 150px 80px;
    align-items: end;
}

@media (min-width: 1600px) {
    .container__filtros__grid.excep-cinco-custom {
        grid-template-columns: 1fr 165px 1fr 1fr 80px;
    }
}

@media (max-width: 1600px) {
    .container__filtros.excep-transform-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr !important;
    }
    .container__filtros.excep-transform-grid .button__arrow.custom-grid-left-2 {
        margin-left: auto;
        grid-column: span 1 /5;
    }
}

@media (max-width: 1200px) {
    .container__filtros__grid.excep-sete-custom.grid-responsivo {
        grid-template-columns: 1fr 1fr 1fr 1fr !important;
    }
    .button__arrow.custom-grid-left-2 {
        margin-left: auto;
        grid-column: span 1 /5;
    }
}

.container__filtros__grid > label.label-custom-filtros {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;

    color: #333333;
    margin: 0;

    display: flex;
    flex-direction: column;
    gap: 8px;
}

.container__filtros .container__inputs_filters {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 15px;
    border-radius: 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #666666;
}

.button__arrow {
    background: #0089BF;
    border-radius: 50px;
    outline: none;
    border: none;
    min-width: 70px;
    height: 44px;
}
.button__arrow:hover {
    background: #0089BFCC;
}

.button__border__colors__ {
    padding: 11px 17px;
    gap: 4px;
    border: 1px solid #0089BF;
    border-radius: 50px !important;
    background: #fff;

    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;

    color: #0089BF;
    transition: all 0.2s ease-in-out;
}

.button__border__colors__.red__:hover,
.button__border__colors__:hover {
    opacity: .7;
}


.button__border__colors__.red__ {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;

    color: #FF4B6A;
    border: 1px solid #FF4B6A;
    background: #fff;
    transition: all 0.1s ease-in-out;
}

.button__border__colors__.red__.tam__med {
    padding: 16px 41px 16px 37px;
}

.button__border__colors__.with__icon{
    padding: 11px 17px 11px 13px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.container__pagination {
    display: flex;
    align-items: center;
    padding: 22px 36px;
    border-top: 1px solid #F8F8F8;
}
.container__pagination__value {
    display: flex;
    align-items: center;
    gap: 5px;
}
.container__pagination__value > p {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #A5A5A5;
    margin: 0;
}

.group__arrows__buttons {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-left: 18px;
}

.group__arrows__buttons > button {
    width: fit-content;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
}

.group__arrows__buttons > button:hover div {
    background: #00000070;
}

.container__body__price {
    width: 100%;
    background: #F8F8F8;
    border: 1px solid #EBEBEB;
    border-radius: 8px;
    padding: 40px 32px 48px;
}

.container__body__price__header {
    padding: 0 0 32px;
    border-bottom: 1px solid #EBEBEB;
}

.container__body__price__header .title {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;

    color: #333333;
    margin: 0;
}

.container__type__vehicle {}

.container__type__vehicle__icon__title {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 37px 0 33px;
}

.container__type__vehicle__icon__title .title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;

    color: #333333;
    margin: 0;
}

.container__type__vehicle__icon__title .colors__vehicle {
    background: #333333;
}

.container__input__services {
    width: 100%;
}

.container__input__services__title .title {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;

    color: #333333;
    margin: 0 0 12px;
}

.container__input__services__add {
    display: grid;
    column-gap: 8px;
    grid-template-columns: 19% 8% 11% 11% 11% 11% 10% 11% 2%;
    width: 100%;
    align-items: flex-end;
    margin: 0 0 12px;
}

.container__input__services__add.grid__four {
    grid-template-columns: 19% 11% 50% 2%;
}

.container__label__input__column {
    display: flex;
    flex-direction: column;
    gap: 8px;

    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;

    color: #858585;
    margin: 0;
}

.container__label__input__column .input-text-custom{
    border: 0;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 14px 20px;
    outline: none;
}

.container__label__input__column .select-text-custom{
    border: 0;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 11.5px 20px;
    outline: none;
}

.container__title {
    display: flex;
    margin: 0 0 18px;
}

.container__title p {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;

    color: #333333;
    margin: 0;
}

.container__format__current {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    position: relative;
}

.container__format__current > p {
    position: absolute;
    margin: 0;
    padding: 0 10px;
}

.container__format__current > input {
    width: 100%;
    border: none;
    outline: none;
    padding: 14px 10px 14px 30px;
}

.button__transparent__icon {
    background: transparent;
    width: fit-content;
    outline: none;
    border: none;
    margin-bottom: 16px;
}

.button__transparent__icon .lixeira__colors {
    width: 9.33px;
    height: 12px;
    background: #858585;
}

.icon__lixeira.red__ {
    width: 9.33px;
    height: 12px;
    background: #FF4B6A;
}

.icon__copy.green__ {
    background: #00C1B4;
}

.icon__plus.color__size__small {
    width: 9px;
    height: 9px;
    background: #FFF;
}

.button__icon__ {
    display: flex;
    align-items: center;
    gap: 5px;
}

.container__body__price__footer {
    padding: 37px;
}

/* SISTEMA DE COR DE TAGS DA TABELA DE PRESTADORES */
.NewTable .tag__prestador__table {
    border-radius: 4px;
    padding: 7px 12px !important;
    width: fit-content;

    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    display: flex;
    align-items: center;
    text-align: center;
}

.NewTable .tag__prestador__table.excep {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* TAG ID */
.NewTable .tag__prestador__table.gray{
    background: rgba(134, 142, 164, 0.15);
    color: #868EA4;
}

.NewTable .tag__prestador__table.gray.margin{
    margin: 13px 12px;
}

/* TAG PENDENTE */
.NewTable .tag__prestador__table.red{
    background: #FF4B6A;
    color: #FFFFFF;
}

/* TAG CREDENCIADO E N1 GERENCIAL ANALISTA */
.NewTable .tag__prestador__table.green{
    background: #00C1B4;
    color: #FFFFFF;
}

/* TAG EM ANÁLISE E N2 GERENCIAL ANALISTA */
.NewTable .tag__prestador__table.yellow{
    background: #FFB340;
    color: #FFFFFF;
}

/* TAG N3 GERENCIAL ANALISTA */
.NewTable .tag__prestador__table.blue{
    background: #0089BF;
    color: #FFFFFF;
}

/* TAG SETOR SINISTRO ANALISTA */
.NewTable .tag__prestador__table.orange{
    background: #EA822E;
    color: #FFFFFF;
}

/* TAG CREDENCIADO E N1 GERENCIAL ANALISTA */
.NewTable .tag__prestador__table.purple{
    background: #c100b9;
    color: #FFFFFF;
}

/* TAG N3 GERENCIAL ANALISTA */
.NewTable .tag__prestador__table.green2{
    background: #00bf2bfa;
    color: #FFFFFF;
}

/* TAG N3 GERENCIAL ANALISTA */
.NewTable .tag__prestador__table.green3{
    background: #27b64c;
    color: #FFFFFF;
}

/* TAG N3 GERENCIAL ANALISTA */
.NewTable .tag__prestador__table.black2{
    background: #1b1b1b;
    color: #FFFFFF;
}

/* TAG SETOR_CARRO_RESERVA GERENCIAL ANALISTA */
.NewTable .tag__prestador__table.red2{
    background: #FF3E3E;
    color: #FFFFFF;
}

/* TAG SETOR_PRESTADORES GERENCIAL ANALISTA */

.NewTable .tag__prestador__table.brown {

    background: #A52A2A; /* Brown */

    color: #FFFFFF;

}
 
/* TAG SETOR_FECHAMENTO GERENCIAL ANALISTA */

.NewTable .tag__prestador__table.silver {

    background: #C0C0C0; /* Silver */

    color: #FFFFFF; 

}
 
/* TAG SETOR_PLANEJAMENTO GERENCIAL ANALISTA */
.NewTable .tag__prestador__table.magenta {

    background: #FF00FF; /* Magenta */

    color: #FFFFFF;

}


 /* TAG SETOR_PLANEJAMENTO GERENCIAL ANALISTA */
.NewTable .tag__prestador__table.cyan {

    background: #00FFFF; /* Cyan */

    color: #FFFFFF;

}

/* TAG BLOQUEADO */
.NewTable .tag__prestador__table.bloqueado__red{
    background: rgba(255, 75, 106, 0.15);
    color: #FF4B6A;
}

.NewTable .tag__prestador__table.bloqueado__gray {
    background: #EAEDF2;
    color: rgba(134, 142, 164, 0.70);
}


.NewTable .change__font {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #666666;
}

.NewTable .change__font.bloqueado {
    opacity: 0.6;
}

.icon__historico__prestadores {
    cursor: pointer;
}

.lixeira__prestador {
    cursor: pointer;
}

.NewTable .th__customizado__tabela__prestadores > th {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #666666;
}

.icon__info__color__size {
    display: flex;
    width: 10px;
    height: 10px;
    background: #333;
    cursor: help;
}

.tooltip_manutencao_delta {
    position: relative;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    text-decoration: none;
}

.tooltip_manutencao_delta:before {
    content: attr(data-title);
    visibility: hidden;
    width: 180px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 6px;
    font-size: 12px !important;
    font-weight: 600;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s;
}

.tooltip_manutencao_delta:hover::before {
    visibility: visible;
    opacity: 1;
}
.field.excep__whatsApp {
    background: #F9F9F9;
    border-radius: 40px;
    margin: 16px 15px;
    padding: 0 36px;
    height: 57px;
}

.flex-box.excep__whatsapp {
    width: 100%;
    margin: 0;
    height: 90px;
    background: #E4E4E4;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.new.excep__whatsApp {
    width: 50px;
    height: 50px;
    font-size: 2rem;
    padding: 10px !important;
    position: absolute;
    top: 20px;
    cursor: pointer;
    right: 18px !important;
    background: #0089BF;
    border-radius: 50px;
}

.new.excep__whatsApp.__green {
    background: #00C1B4;
}

.bodyDashboardCenter .container__send__message {
    width: 100%;
}

.container__send__message .menu__options {
    background: #FFFFFF;
    border-radius: 25px;
    cursor: pointer;
    font-size: 2.6rem;
    padding: 5px 11px;
    height: 46px;
    width: 47px;
    margin-left: 24px;
    transform: rotate(226deg);
}

.container__send__message .fixed__acoes {
    background: #F9F9F9;
    border: 1px solid #EBEBEB;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.02);
    backdrop-filter: blur(3.5px);
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.container__send__message .fixed__acoes > p {
    margin: 0;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #858585;
    margin-right: 16px;
}

.fixed__acoes .button_open__modal__tag {
    padding: 8px 16px;
    color: #0089BF;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    border: none;
    background: rgba(0, 137, 191, 0.2);
    border-radius: 50px;
}

.fixed__acoes .button_open__modal__tag.excep {
    margin-right: 17px;
}

/* MODAL WHATS APP */
.modal__whatsapp__acoes {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.modal__content__whatsapp__acoes {
    margin: 8% auto;
    border: 1px solid #888;
    width: 328px;
    padding: 18px 21px 39px 21px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #FBFBFB;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
}

.modal__content__whatsapp__acoes__close {
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
    display: flex;
    justify-content: flex-end;
}

.modal__content__whatsapp__acoes__close:hover {
    text-decoration: none;
    cursor: pointer;
}

.modal__content__whatsapp__acoes .content__modal__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.modal__content__whatsapp__acoes .content__modal__text > p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #333333;
    width: 264px;
}

.modal__content__whatsapp__acoes .content__modal__text.excep > p {
    width: 228px;
}

.content__modal__text .button__border__on {
    padding: 16px 59px;
    background: #00C1B4;
    border-radius: 34px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    border: none;
    color: #FCFCFC;
    margin-top: 26px;
}

.content__modal__text .button__border__off {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    border: none;
    background: transparent;
    text-decoration-line: underline;
    color: #333333;
    margin-top: 12px;
}

/* FIM MODAL */

.flex-box .clips__options {
    background: #FFFFFF;
    box-shadow: 2px 2px 8px rgb(0 0 0 / 15%);
    border-radius: 5px;
    position: absolute;
    flex-direction: column;
    bottom: 80px;
    left: 42px;
    display: none;
}

.clips__options .clips__options__ancora {
    display: flex;
    align-items: center;
    gap: 8.5px;
    padding: 14px 55px 14px 22px;
    border-bottom: 1px solid #F7F7F7;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #333333;
}

.flex-box .clips__options.open {
    display: flex;
}

.clips__options .clips__options__ancora > p {
    margin: 0;
}


.container__contrato__pendente {
    width: 100%;
    display: flex;
    justify-content: center;
    float: left;
    margin: 20px 0 0;
}

.container__contrato__pendente__titulo {
    color: #FFF;
    margin: 0;
    padding: 0;
}

.prestadores .select2me__excep__fipes {
    width: 206px;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 50px;
    padding: 0 15px;
    border: 1px solid #F2F2F2;
    color: var(--preto);
    font-size: 1em;
    font-weight: 600;
}

.ContentFormCotacao .input__com__icon {
    position: relative;
    width: 100%;
}

.ContentFormCotacao .input__com__icon > input {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    padding: 12px 30px 14px 41px;
    background: #FCFCFC;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    width: 100%;
}


.ContentFormCotacao .input__com__icon input[type="text"] {
    padding-left: 30px;
}

.ContentFormCotacao .input__com__icon i {
    position: absolute;
    top: 52%;
    height: 17px;
    width: 17px;
    left: 17px;
    transform: translateY(-50%);
}


#pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.pagination-button {
    background-color: #ddd;
    border: none;
    color: #333;
    padding: 10px;
    cursor: pointer;
}

.pagination-button.active {
    background-color: #333;
    color: #fff;
}
.ContainerIn .container-condicoes-especiais {
    float: left;
    width: 100%;
    text-align: center;
}

.ContainerIn .container-condicoes-especiais > p {
    font-size: 1.2em;
    font-weight: 600;
    color: #666;
}

.ContentFormCotacao .limpar__tudo__ {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-decoration-line: underline;
    color: #565656;
    display: inline-block;
    width: 70px;
}
.alinha_icone_chat {
    display: flex;
    align-items: center;
    gap: 5px;
}
.tag-container {
    padding: 7px 12px;
    border-radius: 4px;

    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;

    color: #FFFFFF;
    margin: 0;
}

.tag-container.verde {
    background: #00C1B4;
}

.tag-container.amarelo {
    background: #FFB340;
}

.tag-container.vermelho {
    background: #FFB340;
}

.modal .content_total_modal {
    margin: 5% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 53%;
    min-width: 665px;
    background: #FFFFFF;
    border-radius: 16px;
    position: relative;
}

.content_total_modal .botao--fechar--modal--content--total--modal {
    position: absolute;
    right: 18px;
    top: 18px;
    color: #666;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

.modal .content_total_modal.modal-menor {
    width: 33%;
    min-width: 445px;
    padding: 20px 20px 40px;
}

.modal .content_total_modal.modal__menor__excep {
    min-width: 390px;
    width: 30%;
    padding: 48px;
}

.modal .content_total_modal.modal__menor__excep .close {
    position: absolute;
    top: 25px;
    right: 25px;
}

.modal .content_total_modal .titulo{
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;

    color: #333333;
    margin: 0;
}

.modal .content_total_modal .titulo.centralizado-margin-bottom {
    text-align: center;
    margin-bottom: 12px;
}

.modal .content_total_modal .subtitulo{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;

    color: #333333;
    margin: 0;
}

.modal .content_total_modal .subtitulo.sub-center{
    text-align: center;
}

.modal .content_total_modal .modal-body {
    display: flex;
    align-items: center;
    gap: 70px;
}

.modal .content_total_modal .modal-body.column-center-sem-gap .titulo {
    font-weight: 700;
    font-size: 22px;
    color: #333;
}

.modal .content_total_modal .modal-body.column-center-sem-gap .button--novo {
    padding: 14px 66px;
    border-radius: 50px;
    border: none;
    background: #0089BF;
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
}

.modal .content_total_modal .modal-body.column-center-sem-gap .button--novo.verde {
    padding: 10px 48px;
    background: #00C1B4;
}

.modal .content_total_modal .modal-body.column-center-sem-gap .button--novo.vermelho {
    padding: 14px 60px;
    background: #FF4B6A;
}


.modal .content_total_modal .modal-body.column-center-sem-gap .button--novo.borda--azul {
    background: transparent;
    border: 1px solid #0089BF;
    color: #0089BF;
}

.modal .content_total_modal .modal-body.column-center-sem-gap .button--novo.sem--background {
    padding: 12px 48px;
    background: transparent;
    border-radius: 34px;
    border: 1px solid #000;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
}

.modal .content_total_modal .modal-body.column-center-sem-gap .button--novo.sem--borda--e--background {
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    color: #333;
    padding: 0;
    border: none;
}

.modal .content_total_modal .modal-body.column-center-sem-gap .subtitulo {
    font-weight: 400;
    font-size: 16px;
    color: #333;
}


.content_total_modal .modal-body.column--com--gap {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.content_total_modal .modal-body.column--center--com--gap > h2 {
    color: #333;
    font-family: Open Sans;
    font-size: 22px;
    font-weight: 700;
}

.modal .content_total_modal .modal-body.column-center-sem-gap {
    flex-direction: column;
    align-items: center;
    gap: 0;
}

.conteudo--button--gestão--de--pagamentos {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 8px;
}
.conteudo--button--gestão--de--pagamentos > button {
    padding: 11px 17px 11px 13px;
    border: 1px solid #0089BF;
    border-radius: 50px;
    gap: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #0089BF;
    font-weight: 700;
    font-size: 14px;
    font-family: Roboto;
}
.conteudo--button--gestão--de--pagamentos .conteudo--botoes--aprovar--e--cancelar--edicao {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.conteudo--button--gestão--de--pagamentos .conteudo--botoes--aprovar--e--cancelar--edicao .botao--aprovar--e--cancelar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 16px;
    border-radius: 50px;
    border: 1px solid #EBEBEB;
    background: transparent;
    font-size: 14px;
    font-weight: 500;
    font-family: Roboto;
    color: #333;
}
.conteudo--button--gestão--de--pagamentos .conteudo--botoes--aprovar--e--cancelar--edicao .botao--aprovar--e--cancelar.verde {
    border: none;
    background: #00C1B4;
    color: #FFF;
}

.modal-body.column .text--e--input--modal {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-top: 10px;
}

.modal-body.column .text--e--input--modal > input {
    padding: 14px 30px 14px 16px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FCFCFC;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.modal-body.column .text--e--input--modal > input::placeholder {
    color: #ADADAD;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.modal-body.column .text--e--input--modal > p {
    color: #545454;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    margin: 0 !important;
}

.modal-body.column .text--e--input--modal > select {
    padding: 14px 16px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FCFCFC;
    color: #ADADAD;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
}

.modal-body.column .text--e--input--modal > select > option {
    color: #ADADAD;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.modal .content_total_modal .modal-body.column {
    flex-direction: column;
    align-items: flex-start;
}

.modal .content_total_modal .modal-body.column > h2 {
    color: #333;
    font-family: Roboto;
    font-size: 26px;
    font-weight: 700;
    margin: 0 !important;
}

.modal-body .buttons--modal--padrao--flex,
.modal-body.column .buttons--modal--padrao--flex {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.buttons--modal--padrao--flex .botao--fechar--modal--branco--pequeno.azul {
    background: #0083C0;
    border: none;
    color: #FFF;
}

.buttons--modal--padrao--flex .botao--fechar--modal--branco--pequeno {
    padding: 10px 24px;
    border-radius: 50px;
    border: 1px solid  #EBEBEB;
    background: #FFF;
    color: #545454;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
}

.buttons--modal--padrao--flex .botao--fechar--modal--branco--pequeno.preto {
    border-radius: 34px;
    border: 1px solid #000;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 42px;
}

.buttons--modal--padrao--flex .botao--fechar--modal--branco--pequeno.desativado {
    background: #F0F0F0 !important;
    color: #FFF !important;
    cursor: not-allowed;
    border: none !important;
}

.buttons--modal--padrao--flex .botao--fechar--modal--branco--pequeno.verde {
    background: #00C1B4;
    border: none;
    color: #FFF;
}

.buttons--modal--padrao--flex .botao--fechar--modal--branco--pequeno.vermelho {
    background: #FF4B6A;
    border: none;
    color: #FFF;
}

.modal .content_total_modal .modal-body.column.centralizada {
    align-items: flex-start;
    justify-content: center;
}

.modal .content_total_modal .modal-body.column.centralizada .subtitulo--modal--gestao--filas--telefonia {
    margin: 0 !important;
    color: #333;
    text-align: start;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
}

.modal .content_total_modal .modal-body.column.centralizada .container--inputs--modal--gestao--filas--telefonia {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border-radius: 8px;
    background: #F6F6F6;
    padding: 16px;
    gap: 24px;
    width: 100%;
    margin: 12px 0 12px 0;
}

.modal .content_total_modal .modal-body.column.centralizada .container--inputs--modal--gestao--filas--telefonia.sem--background--e--com--borda {
    border: 1px solid #EBEBEB;
    background: transparent;
    padding: 0;
}

.container--inputs--modal--gestao--filas--telefonia .texto--e--select--modal--gestao--filas--telefonia {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    width: 100%;
}

.container--inputs--modal--gestao--filas--telefonia .texto--e--select--modal--gestao--filas--telefonia > p {
    margin: 0 !important;
    color: #858585;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
}

.container--inputs--modal--gestao--filas--telefonia .texto--e--select--modal--gestao--filas--telefonia > select {
    width: 100%;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    padding: 14px 20px;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.container--inputs--modal--gestao--filas--telefonia .texto--e--select--modal--gestao--filas--telefonia > select > option {
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.modal-body.column.centralizada .container--botoes--modal--gestao--filas--telefonia {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.container--botoes--modal--gestao--filas--telefonia .botao--gestao--filas--telefonia {
    border-radius: 50px;
    border: 1px solid #000;
    background: transparent;
    padding: 16px 53px;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
}

.container--botoes--modal--gestao--filas--telefonia .botao--gestao--filas--telefonia.verde {
    border: none;
    border-radius: 50px;
    background: #00C1B4;
    color: #FFF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
}

.container--botoes--modal--gestao--filas--telefonia .botao--gestao--filas--telefonia.cinza {
    background: #EBEBEB;
}

.modal .content_total_modal .modal-body.column--center--com--gap {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.modal .content_total_modal .modal-body.column--center--com--gap > h2 {
    color: #333;
    text-align: center;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 700;
}

.modal .content_total_modal .modal-body.column--center--com--gap > p {
    color: #333;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 135.687%;
}

.modal-body.column--center--com--gap .container--botoes--modal--flex--column--com--gap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 0 19px;
    width: 100%;
}

.container--botoes--modal--flex--column--com--gap .botao--modal--flex--column--com--gap {
    padding: 14px 50px;
    width: 100%;
    border: none;
    border-radius: 50px;
    background: #FF4B6A;
    color: #FFF;
    font-family: Roboto;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.container--botoes--modal--flex--column--com--gap .botao--modal--flex--column--com--gap.sem--background {
    background: transparent;
    text-decoration: underline;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 125.188%;
}

.container--botoes--modal--flex--column--com--gap .botao--modal--flex--column--com--gap.cinza {
    background: #F0F0F0;
}

.container--botoes--modal--flex--column--com--gap .botao--modal--flex--column--com--gap.verde {
    background: #00C1B4;
}

.container--botoes--modal--flex--column--com--gap .botao--modal--flex--column--com--gap.background--transparente {
    background: transparent;
    border: 1px solid #000;
    color: #333333;
}

.modal .content_total_modal .modal-body .modal-body-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 24px;
}

.modal .content_total_modal .modal-body p.modal-atencao{
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;

    color: #FF4B6A;
    margin: 12px 0 8px;
}

.modal .content_total_modal .modal-body p.modal-sub-atencao{
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;

    color: #FF4B6A;
    margin: 0 0 27px;
}

.modal .content_total_modal .modal-body p.info-extra{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;

    color: #333333;
    margin: 0;
}

.modal .content_total_modal .modal-body p.info-extra + p.info-extra {
    margin-top: 27px;
}

.modal .content_total_modal .container-modal-central {
    display: flex;
    flex-flow: column;
    align-items: center;
    text-align: center;
    gap: 12px;
    padding: 20px 0 40px;
}

.modal .novo-container-modal {
    margin: 12% auto;
    padding: 14px 32px 32px;
    border: 0;
    box-shadow: none;
    width: 80%;
    background-color: #fefefe;
    border-radius: 8px;
}

.modal .novo-container-modal.menor {
    width: 40%;
    max-width: 500px;
}

.modal .novo-container-modal.menor-w {
    width: 40%;
    max-width: 401px;
    border-radius: 16px;
    padding: 18px 21px 32px;
}

.modal .novo-container-modal.menor-w {
    width: 40%;
    max-width: 401px;
    border-radius: 16px;
    padding: 18px 21px 32px;
}

.novo-container-modal .button-fechar-modal {
    background: transparent;
    border: 0;
    float: right;
}

.modal .novo-container-modal .titulo{
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    margin: 0;
}

.modal .novo-container-modal.menor .informacao-extra{
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 135.69%;
    text-align: center;

    color: #000000;
    margin: 27px 0 0;
}

.modal .novo-container-modal .corpo-center{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 32px;
}

.modal .novo-container-modal .corpo-center .cronometro-pausa{
    width: 100%;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    text-align: center;

    color: #000000;

    background: #E8E8E8;
    border-radius: 8px;
    padding: 16px 56px;
    margin-top: 21px;
}

.modal .novo-container-modal .corpo-center.mt{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 37px 0 0 0;
}

.modal .novo-container-modal .corpo-center.mt .titulo-previa-normal{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;

    color: #333333;
    margin: 16px 0 0;
}

.modal .novo-container-modal .corpo-center.mt .titulo-previa-strong{
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;

    color: #333333;
    margin: 0;
}

.modal .novo-container-modal select.select-custom-modal {
    padding: 16px 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.modal .novo-container-modal select.select-custom-modal.w-full {
    width: 100%;
}

.modal .novo-container-modal .corpo-center.mt .button-footer-ok {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FCFCFC;
    padding: 12px 16px;
    width: 337px;

    margin: 32px 0 0 0;
    background: #0089BF;
    border-radius: 34px;
    border: 0;
}

.modal .novo-container-modal .corpo-center.mt .button-footer-ok:hover {
    opacity: 0.7;
}

.modal .novo-container-modal .footer-grupo-botao {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.modal .novo-container-modal .footer-grupo-botao.flex-row {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
}

.modal .novo-container-modal .footer-grupo-botao button.cancelar{
    width: 100%;
    border: 0;

    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;

    color: #565656;
    background: transparent;
    text-decoration: underline;
    outline: none;
}

.modal .novo-container-modal .footer-grupo-botao button.cancelar.com-borda {
    border: 1px solid #000000;
    color: #333333;
    text-decoration: none;
    padding: 12px 16px;
}

.modal .novo-container-modal .footer-grupo-botao button.cancelar:hover{
    text-decoration: none;
}

.modal .novo-container-modal .footer-grupo-botao button.atualizar{
    width: 100%;
    max-width: 246px;
    border: 0;
    padding: 12px 16px;
    border-radius: 6px;

    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;

    color: #FFFFFF;
    background: #0089BF;

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 11px;
}

.modal .novo-container-modal .footer-grupo-botao button.border-radius {
    border-radius: 50px;
}

.modal .novo-container-modal .footer-grupo-botao button.atualizar.salvar {
    background: #00C1B4;
}

.modal .novo-container-modal .footer-grupo-botao button.atualizar.finalizar {
    background: #FF4B6A;
}

.modal .novo-container-modal .footer-grupo-botao button[disabled]{
    background: #ECECEC !important;
}

.modal .novo-container-modal .footer-grupo-botao button:first-child:hover{
    opacity: .7;
}

.modal .novo-container-modal .footer-grupo-botao button:disabled:hover {
    cursor: not-allowed;
    opacity: 1;
}

.modal .novo-container-modal .footer-grupo-botao button.atualizar p {
    margin: 0;
}

.modal .novo-container-modal .footer-grupo-botao .icon__play.status-color {
    display: none;
    width: 11px;
    height: 14px;
    background: #FFFFFF;
    margin: 0;
}

.modal .content_total_modal .container-titulo-informacao {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.modal .container-titulo-informacao .titulo-informacao {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    color: #858585;
    margin: 0;
}

.modal .container-titulo-informacao .container-color {
    width: fit-content;
    border-radius: 4px;
    padding: 7px 12px;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    margin: 0;
}

.modal .container-titulo-informacao .container-color.azul-icon {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(0, 137, 191, 0.15);
    color: #0089BF;
    white-space: nowrap;
}

.modal .container-titulo-informacao .container-color.cinza {
    background: rgba(134, 142, 164, 0.15);
    color: #868EA4;
}

.modal .container-titulo-informacao .container-color.vermelho {
    background: #FF4B6A;
    color: #FFFFFF;
}
.modal .container-titulo-informacao .container-color.amarelo {
    background: #FFB340;
    color: #FFFFFF;
}
.modal .container-titulo-informacao .container-color.cinza-leve {
    background: #B7B7B7;
    color: #FFFFFF;
}
.modal .container-titulo-informacao .container-color.verde {
    background: #48e1c1;
    color: #FFFFFF;
}

.modal .container-titulo-informacao .texto-normal {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-transform: capitalize;

    color: #333333;
    margin: 0;
}

.modal .container-titulo-informacao .texto-normal.uppercase {
    text-transform: uppercase;
}

.modal .container-titulo-informacao .texto-normal.uma-linha {
    text-transform: uppercase;
    display: inline-block;
    max-width: 86%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modal .container-titulo-informacao .container-color.placa__ {
    border: 1px solid #C2C2C2;
    color: #333333;
}

.modal .content_total_modal .container-obs-central {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}

.modal .grupo-buttons-central {
    width: 337px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.modal .grupo-buttons-central.flex-beetween {
    flex-direction: row;
    justify-content: space-between;
}

.modal .grupo-buttons-central.flex-end {
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
}

.modal .grupo-buttons-central .button-modal-color {
    width: 100%;
    border: 0;
    background: transparent;
    outline: none;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    padding: 11px 24px 11px 16px;
    border-radius: 50px;
}

.modal .grupo-buttons-central .button-modal-color.padding-maior {
    padding: 16px;
}

.modal .grupo-buttons-central .button-modal-color.com-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.modal .grupo-buttons-central .button-modal-color.menor {
    width: 40%;
    padding: 12px 16px;
}

.modal .grupo-buttons-central .button-modal-color:hover {
    opacity: .7;
}

.modal .grupo-buttons-central .button-modal-color.com-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.modal .grupo-buttons-central .button-modal-color.red {
    background: #FF4B6A;
    color: #FFFFFF;
}

.modal .grupo-buttons-central .button-modal-color.verde {
    background: #00C1B4;
    color: #FFFFFF;
}

.modal .grupo-buttons-central .button-modal-color.transparent {
    border: 1px solid #000000;
    color: #333333;
}

.modal .grupo-buttons-central .button-modal-color.azul {
    background: #0089BF;
    color: #FFFFFF;
}

.modal .grupo-buttons-central .button-modal-color.verde {
    background: #00C1B4;
    color: #FFFFFF;
}

.modal .grupo-buttons-central .button-modal-color.desativado {
    background: #C2C2C2;
    color: #FFFFFF;
}

.modal .grupo-buttons-central .button-modal-color.borda-vermelho {
    border: 1px solid #FF4B6A;
    color: #FF4B6A;
    display: flex;
    align-items: center;
    gap: 8px;
    width: unset;
}

.modal .grupo-buttons-central .button-modal-color.borda-azul {
    border: 1px solid #0089BF;
    color: #0089BF;
    display: flex;
    align-items: center;
    gap: 8px;
    width: unset;
}

.modal .grupo-buttons-central .button-modal-color.borda-verde {
    border: 1px solid #00C1B4;
    color: #00C1B4;
    display: flex;
    align-items: center;
    gap: 8px;
    width: unset;
}

.modal .container-obs-central .titulo-obs {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;

    color: #333333;
    margin: 0;
}

.modal .container-obs-central .observacao-central {
    background: #F7F7F7;
    border-radius: 4px;
    padding: 16px;

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140.19%;

    color: #333333;
}

.modal .container-informacao-resolvida {
    padding: 0 20px 20px;
    text-align: end;
}

.modal .container-informacao-resolvida > p {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;

    color: #333333;
    margin: 0;
}

.box.excep__modal__DA .title__modal__DA {
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 26px !important;
    color: #333333 !important;
    margin: 0;
}

.icon__fechar-modal.ajuste-icon {
    width: 10px;
    height: 10px;
    background: #666666;
}

.icon__fechar-modal.ajuste-icon:hover {
    opacity: .7;
}

.button-azul-com-icon {
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 16px 32px 16px 23px;
    background: #0089BF;
    border-radius: 50px;
    border: 0;

    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
}

.section-box .button-azul-com-icon:hover {
    opacity: .7;
}

.icon__lapis.azul-w {
    width: 15px;
    height: 15px;
    background: #FFFFFF;
}

.modal .modal-content-nova {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 32px;
    margin: 10% auto;
    width: 622px;
}

.modal .modal-content-nova-titulo {
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #333333;
    margin: 0 0 32px;
}

.modal #container-planos-adicionais,
.modal .modal-content-nova-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.modal #container-planos-adicionais .container-button-delete {
    display: flex;
    align-items: flex-end;
    height: 39px;
}

.modal #container-planos-adicionais .container-button-delete button {
    border: 0;
    background: transparent;
    outline: 0;
    padding: 0;
    cursor: pointer;
}

.modal #container-planos-adicionais .container-button-delete button:hover {
    opacity: .7;
}

.modal .modal-content-nova-body .button-transparente-borda-azul  {
    width: fit-content;
    background: transparent;
    border: 1px solid #0089BF;
    border-radius: 51px;
    padding: 8px 19px 8px 13px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #0089BF;
}

.modal .modal-content-nova-body .button-transparente-borda-azul span {
    margin-right: 7px;
    font-size: 25px;
}

.modal .container-planos-adicionais {
    display: flex;
    align-items: center;
    gap: 9px;
}

.modal .container-planos-adicionais .container-label-adicionais {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #858585;
}

.modal .container-label-adicionais > select {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 14px 20px;
    width: 346px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}

.modal .container-label-adicionais > input {
    border-radius: 4px;
    padding: 18px 20px;
    width: 70px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.modal .container-label-adicionais > input.input-primario-w {
    width: 346px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}

.modal .container-label-adicionais > input.input-valor {
    width: 124px;
}

.modal .container-label-adicionais .container-icon-real {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #858585;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 0 0 0 20px;
}

.modal .container-label-adicionais .container-icon-real > input {
    width: 100%;
    padding: 15px 20px;
    border: 0;
    border-radius: 4px;
    background: #FFFFFF !important;
    text-align: end;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}

.modal .modal-content-nova .modal-content-nova-footer {
    margin-top: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal .modal-content-nova-footer .button-cencelar-modal {
    background: transparent;
    border: 1px solid #000000;
    border-radius: 34px;
    padding: 12px 68px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}

.modal .modal-content-nova-footer .button-salva-modal{
    background: #00C1B4;
    border-radius: 34px;
    border: 0;
    padding: 16px 74px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #FCFCFC;
}

#NewForm form a.button_passagem_turno,
#NewForm form a.button_liberar_atendimento {
    color: #333;
    text-align: center;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: transparent;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

#NewForm form a.button_passagem_turno:hover,
#NewForm form a.button_liberar_atendimento:hover {
    opacity: .7;
}

.icon__prancheta_turno.tam-color {
    width: 20px;
    height: 20px;
    background: #333333;
}

.check__slim__icon.tam-branco{
    width: 16px;
    height: 12px;
    background: #FFF;
}

.footer-modal-button-space-beetween {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 0 20px 20px;
}

.footer-modal-button-space-beetween.column-custom {
    flex-direction: column;
    gap: 8px;
    padding: 0 20px 20px;
}

.footer-modal-button-space-beetween .button-transparent-border {
    border: 1px solid #000000;
    border-radius: 34px;
    padding: 12px 16px;
    background: transparent;
    min-width: 202px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}

.footer-modal-button-space-beetween .button-azul-escuro-icon {
    background: #1E2A4E;
    border-radius: 34px;
    padding: 13px 24px 13px 16px;
    border: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
}

.footer-modal-button-space-beetween .button-verde {
    background: #00C1B4;
    border: 0;
    border-radius: 50px;
    padding: 12px 16px;

    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;

    color: #FCFCFC;
    width: 100%;
}

.footer-modal-button-space-beetween .button-azul-escuro-icon:hover,
.footer-modal-button-space-beetween .button-transparent-border:hover {
    opacity: .7;
}

.icon__plus.tam-branco {
    width: 14px;
    height: 14px;
    background: #FFF;
}

.text-area-modal-custom {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    resize: none;
    height: 139px;
    padding: 14px 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #333;
    outline: none;
}

.text-area-modal-custom::placeholder {
    color: #ADADAD;
}

.modal .alert__triangular__icon.tam-red {
    width: 26px;
    height: 23px;
    background: #FF4B6A;
}

.container_principal_pesquisa {
    background: #F9F9F9;
    border: 1px solid #F4F4F4;
    border-radius: 8px;
    padding: 24px;
    gap: 16px;
}

.container_principal_pesquisa > form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.container_principal_pesquisa > form .button-azul-redondo {
    background: #0089BF;
    border-radius: 54px;
    border: 0;
    padding: 14px 20px;

    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;

    color: #FCFCFC;
}

.container_principal_pesquisa > form .button-azul-redondo:hover {
    opacity: .7;
}

.container_principal_pesquisa .container-principal-pesquisa-primeiro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 16px;
}

.container_principal_pesquisa .container-principal-pesquisa-segundo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 150px;
    gap: 16px;
    align-items: flex-end;
}

.container_principal_pesquisa .container-principal-pesquisa-label {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #333333;
}

.container_principal_pesquisa .container-principal-pesquisa-label > div > button{
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 4px !important;
    outline: none !important;
    padding: 11.5px 20px;
}

.container_principal_pesquisa .container-principal-pesquisa-label > input::placeholder {
    color: #ADADAD;
}

.container-principal-pesquisa-label .container-icon-input {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 0 22px 0 0;
    width: 100%;
}

.container-principal-pesquisa-label .container-icon-input > input {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    border: 0;
}

.container_principal_pesquisa .icon-calendar_month.tam-black {
    width: 12px;
    height: 13px;
    background: #333;
}

.totalizador-vermelho-central {
    width: 100%;
    float: left;
    background: #FFE0E6;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 10px;
    margin: 13px 0;
}

.totalizador-vermelho-central span {
    margin: 0 10px 0 0;
}

.totalizador-vermelho-central p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;

    color: #FF4B6A;
    margin: 0;
}

.flex__Column {
    display: flex;
    flex-direction: column;
}

#Topo .displayFlexWrap {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0 0 0 3%;
}
.totalizador-verde-central {
    width: 100%;
    float: left;
    background: rgba(0, 193, 180, 0.15);
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 10px;
    margin: 13px 0;
}

.totalizador-verde-central span {
    margin: 0 10px 0 0;
}

.totalizador-verde-central p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;

    color: #00C1B4;
    margin: 0;
}

.totalizador-verde-central .check__slim__icon.tam-verde {
    width: 15px;
    height: 13px;
    background: #00C1B4;
}

.icon-calendar.tam-azul {
    width: 10px;
    height: 10px;
    background: #0089BF;
}

.container__filtros {
    border: 1px solid #F4F4F4;
    border-radius: 4px;
    padding: 30px 24px;
    margin-bottom: 16px;
    display: flex;
    gap: 12px;
}

.container__filtros .container__inputs_filters {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 15px;
    border-radius: 4px;

    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;

    color: #666666;
}

.button__blue__rounded {
    padding: 11px 24px;

    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;

    color: #FFFFFF;
}

.button__blue__rounded,
.button__arrow {
    background: #0089BF;
    border-radius: 50px;
    outline: none;
    border: none;
    min-width: 70px;
}

.button__blue__rounded:hover,
.button__arrow:hover {
    background: #0089BFCC;
}

.button__blue__rounded:disabled,
.button__blue__rounded:disabled:hover {
    background: #0089BF;
    opacity: 0.5;
    cursor: unset;
}

.container__pagination {
    display: flex;
    align-items: center;
    padding: 22px 36px;
    border-top: 1px solid #F8F8F8;
}

.container__pagination__value {
    display: flex;
    align-items: center;
    gap: 5px;
}

.container__pagination__value > p {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;

    color: #A5A5A5;
    margin: 0;
}

.group__arrows__buttons {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-left: 18px;
}

.group__arrows__buttons a,
.group__arrows__buttons > button {
    width: fit-content;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
    text-decoration: none;
    cursor: pointer;
}

.totalizadores__filter {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    column-gap: 8px;
    padding: 0 0 24px;
}

.card__filter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 24px;
    border: 1px solid #F1F1F1;
    border-radius: 8px;
    cursor: pointer;
}

.card__filter.active,
.card__filter:hover {
    background: #F6F6F6;
    border: 1px solid #F1F1F1;
}

.container__inside {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card__filter__title {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    margin: 0;
}

.card__filter__timer {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    margin: 0;
}

.card__filter__total {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;

    color: #0089BF;
    margin: 0;
}

.container__inside__inputs {
    display: flex;
    flex-direction: column;
    gap: 31px;

    background: #F9F9F9;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    padding: 48px 51px 40px;
}

.container__inside__inputs__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 67px 140px 1fr;
    column-gap: 24px;
}

.container__inside__inputs__grid.__disabled {
    display: none;
}

.container__inside__inputs__grid.__plus {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

@media (max-width: 1220px) {
    .container__inside__inputs__grid.__plus-excep,
    .container__inside__inputs__grid.__plus {
        grid-template-columns: 1fr 1fr 1fr !important;
        gap: 24px;
    }
}

.container__inside__inputs .title__input {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 0;

    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #858585;
}

.select__perifericos,
.select__rastreador {
    display: none !important;
}

.select__perifericos.active,
.select__rastreador.active {
    display: flex !important;
}

.container__inside__inputs .title__input > input,
.container__inside__inputs .title__input > select {
    height: 55px;
    border: 1px solid #EBEBEB;
    border-radius: 6px;

    border: 1px solid #EBEBEB;
    border-radius: 6px;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    color: #333333;
    padding: 14px 18px;
}

.container__inside__inputs .title__input > input {
    background: #FFF;
}

.container__inside__inputs .title__input > input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;

}
.container__inside__inputs .title__input > input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;

}

.container__button__right {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.container__body__equipamentos {
    width: 100%;
    display: flex;
    gap: 26px;
}

.container__body__equipamentos__one {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.container__body__equipamentos__inside {
    background: #F9F9F9;
    mix-blend-mode: normal;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    width: 100%;
    height: auto;
}

.container__body__equipamentos__inside__title {
    display: flex;
    justify-content: space-between;
    padding: 25px 20px;
    border-bottom: 1px solid #EAEAEA;
}

.container__body__equipamentos__inside__title.blue__ {
    background: #0089BF;
    border-radius: 8px 8px 0px 0px;
}

.container__body__equipamentos__inside__title > p {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;

    color: #333333;

    margin: 0;
}

.container__body__equipamentos__inside__title.blue__ > p{
    color: #FFFFFF;
}

.container__body__equipamentos__inside__title > .button__custom {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #666666;
}

.container__body__equipamentos__inside__title.blue__ > .button__custom{
    color: #FFFFFF;
}

.container__body__equipamentos__inside__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 10px;
    row-gap: 24px;
    padding: 27px 23px 67px;
}

.info__tag {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-transform: capitalize;
    color: #858585;
    margin: 0;
}

.info__tag.__span{
    grid-column: 3 / span 1;
    grid-row: 3 / span 2;
}

.info__tag .tag__ {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;

    color: #333333;
    margin: 4px 0 0;
}

.info__tag .tag__.small__ {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;

    color: #333333;
    margin: 4px 0 0;
}

.info__tag .tag__color__ {
    width: fit-content;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    padding: 7px 12px;
    border-radius: 4px;
    margin: 2px 0 0;
}

.info__tag .tag__color__.orange__{
    background: #F9F1E6;
    color: #FFB340;
}

.info__tag .tag__color__.red__{
    background: rgba(255, 75, 106, 0.15);
    color: #FF4B6A;
}

.info__tag .tag__color__.gray__{
    background: rgba(134, 142, 164, 0.15);
    color: #868EA4;
}

.info__tag .tag__color__.green__{
    background: rgba(0, 193, 180, 0.15);
    color: #00C1B4;
}

.info__tag .tag__color__.placa__{
    border: 1px solid #C2C2C2;
    color: #333333;
    font-size: 12px;
}

.container__grid__two__columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    row-gap: 24px;
    padding: 27px 51px 67px;
}

.link__blue {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;

    text-decoration-line: underline;
    text-transform: capitalize;

    color: #0089BF;
}

.container__scroll__cards {
    display: flex;
    flex-direction: column;
    padding: 31px 19px 31px 36px;
    height: 264px;
    overflow: auto;
}

.container__scroll__cards::-webkit-scrollbar {
    width: 6px;
}

.container__scroll__cards::-webkit-scrollbar-track {
    background: #F0F0F0;
}

.container__scroll__cards::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    border-radius: 13px;
}

.container__scroll__cards:-webkit-scrollbar-thumb:hover {
    background: #555;
}

.scroll__cards__left__data {
    display: flex;
    flex-direction: column;
}

.scroll__cards__left__data > .date__{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;

    color: #000000;
    margin: 0;
}

.scroll__cards__left__data > .hour__{
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;

    text-transform: capitalize;


    color: #858585;
    margin: 0;
}

.scroll__cards__left__ball {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.scroll__cards__left__ball > .ball__{
    background: #0089BF;
    width: 15px;
    height: 15px;
    min-width: 15px;
    min-height: 15px;
    border-radius: 50px;
    z-index: 3;
}

.scroll__cards__left__ball > .ball__.frist__{
    background: #00C1B4;
}

.container__divisor {
    position: relative;
    height: 0;
}

.container__divisor .divisor__{
    background: #0089BF;
    width: 2px;
    min-height: 190px;
    position: absolute;
    top: -100px;
    left: 68px;
}

.container__scroll__cards__right {
    display: flex;
    align-items: center;
    gap: 17px;
    margin-bottom: 17px;
}

.container__scroll__cards__right .card__{
    max-width: 580px;
    min-width: 423px;
    height: fit-content;
    padding: 32px 41px 27px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 19px;
    column-gap: 10px;
    background: #FFFFFF;
    border-radius: 4px;
}

.bullet__divisor {
    display: flex;
    align-items: center;
    gap: 19px;
}

.container__labels {
    display: flex;
    justify-content: center;
}

@media(max-width: 1200px ){
    .container__body__equipamentos {
        flex-direction: column;
    }
}

.container-topo-filtros {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr ));
    column-gap: 16px;
    row-gap: 16px;
    background: #F9F9F9;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    padding: 32px;
}

.container-topo-filtros label {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #858585;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.container-topo-filtros label select {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    color: #333333;
    border: 1px solid #EBEBEB;
    border-radius: 6px;
}

.container-topo-filtros label .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    color: #333333;
}

.container-topo-filtros label input {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    color: #333333;
    padding: 16px 17px 14px;
    border: 1px solid #EBEBEB;
    border-radius: 6px;
}

.container-topo-filtros label .select2-container .selection .select2-selection {
    border: 1px solid #EBEBEB !important;
    border-radius: 6px;
}

#novo-envio-equipamentos .container-principal-flex {
    display: flex;
    gap: 22px;
    margin-top: 22px;
}

#novo-envio-equipamentos .container-cartao-total {
    width: 100%;
    background: #F9F9F9;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    height: 558px;
    max-height: 558px;
}

#novo-envio-equipamentos .header-cartao-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

#novo-envio-equipamentos .header-cartao-total .titulo-cartao {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #333333;
    margin: 0;
}

#novo-envio-equipamentos .header-cartao-total > button {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #0089BF;
    background: transparent;
    border: 0;
}

#novo-envio-equipamentos .header-cartao-total > button:hover {
    text-decoration-line: none;
}

#novo-envio-equipamentos .body-cartao-total {
    height: 100%;
}

#novo-envio-equipamentos .footer-cartao-total {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

#novo-envio-equipamentos .footer-cartao-total .texto-qtd{
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;

    color: #333333;
    margin: 16px 0 0;
}

#novo-envio-equipamentos .body-cartao-total div table td > input[type="checkbox"] {
    accent-color: #0089BF;
}

#novo-envio-equipamentos .footer-button-fora {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 43px;
}

#novo-envio-equipamentos .footer-button-fora > button.button-fora-salvar {
    background: #00C1B4;
    border: 0;
    border-radius: 50px;
    padding: 15px 59px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FCFCFC;
}

#novo-envio-equipamentos .footer-button-fora > button.button-fora-salvar:hover {
    opacity: .7;
}
.modal button.button-fechar-modal {
    background: transparent;
    border: 0;
    float: right;
}

.icon__close{
    mask-image: url('../img/icons/close-strong__icon.svg') no-repeat center / contain;
    -webkit-mask: url('../img/icons/close-strong__icon.svg') no-repeat center / contain;
    background: #666666;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
}

.icon__close:hover {
    opacity: .7;
}

.modal label.label-select-custom {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;

    color: #333333;
    margin: 0;

    display: flex;
    flex-direction: column;
    gap: 8px;
}

.modal label.label-select-custom select {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 16px 20px;

    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;

    color: #666666;
}
.container-adicionar-fotos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;

    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    border-radius: 8px;
    padding: 16px;
}

.container-adicionar-fotos.excep__aprovacao__excedentes {
    padding: 0;
    width: 50%;
}

.container-adicionar-fotos .icon__folha.tam-cinza {
    width: 17px;
    height: 22px;
    background: #858585;
}

.container-adicionar-fotos button.button-adicionar-custom {
    padding: 8px 30px;
    border-radius: 50px;
    border: 0;

    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
}

.container-adicionar-fotos button.button-adicionar-custom.excep__aprovacao__excedentes {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 8px 24px;
    border: 1px solid #0089BF;
    color: #0089BF;
    background: transparent;
}

.container-adicionar-fotos button.button-adicionar-custom.verde{
    background: #00C1B4;
    color: #FFFFFF;
}

.container-adicionar-fotos button.button-adicionar-custom.azul{
    background: #0089BF;
    color: #FFFFFF;
}

.container-adicionar-fotos-label{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin: 0;
    background: #F6F6F6;
    border-radius: 6px;
    width: 100%;
    padding: 16px 24px 13px 28px;
    position: relative;
}

.container-adicionar-fotos-label.excep__aprovacao__excedentes {
    padding: 44px 12px;
    width: 100%;
}


.container-adicionar-fotos .container-input-file-button {
    display: flex;
    align-items: center;
    gap: 12px;
}

.container-input-file-button p.qtd-img-input {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;

    color: #8B8B8B;
    margin: 0;
}

.container-input-file-button p.qtd-img-input.tem-foto {
    color: #333333;
}

.container-input-file-button p.qtd-img-input-equipamento {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;

    color: #8B8B8B;
    margin: 0;
}

.container-input-file-button p.qtd-img-input-equipamento.tem-foto {
    color: #333333;
}

.container-adicionar-fotos-label input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.container-info-sem-doc-foto {
    width: 100%;
    background: #F6F6F6;
    border-radius: 6px;

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 20px;
}

.container-info-sem-doc-foto .titulo-info-doc-foto {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 13px;

    color: #8B8B8B;
    margin: 0;
}

.container-info-sem-doc-foto .icon__folha-error.tam-cinza {
    width: 17px;
    height: 20px;
    background: #858585;
}

.element-group-line {
    display: flex;
    width: 100%;
    gap: 10px;
}

.flex-textarea{
    position: relative;
    margin: 26px 15px 15px 15px;
    flex-basis: auto;
    list-style: none;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
}
#Pesquisa2022 .input__new__cliente__pesquisar__com__icon {
    position: relative;
    width: 40%;
    margin-left: 24px;
}

#Pesquisa2022 .input__new__cliente__pesquisar__com__icon > input {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    padding: 12px 30px 14px 41px;
    background: #FCFCFC;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    width: 100%;
}


#Pesquisa2022 .input__new__cliente__pesquisar__com__icon input[type="text"] {
    padding-left: 30px;
}

#Pesquisa2022 .input__new__cliente__pesquisar__com__icon i {
    position: absolute;
    top: 52%;
    height: 17px;
    width: 17px;
    left: 17px;
    transform: translateY(-50%);
}

#Pesquisa2022 .input__new__cliente__pesquisar__com__icon ul {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    list-style: none;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
}
#Pesquisa2022 .input__new__cliente__pesquisar__com__icon ul li{
    border-bottom: 1px solid #eaeaea !important;
    cursor: pointer;
    padding: 6px 13px 6px 13px;
    line-height: 2;
    color: #333;
}

.max-quarter.new__excep {
    max-width: 50%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.max-quarter.new__excep > label {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #858585;
}

#Pesquisa2022 .head-filtro.new__excep {
    align-items: flex-end;
    padding-bottom: 12px;
    height: 90px;
}

#Pesquisa2022 .item-filtro.new__excep {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#Pesquisa2022 .item-filtro.new__excep > label {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #858585;
}

#Pesquisa2022 .body-filtro .grid-filtro.new__excep {
    grid-template-columns: repeat(4, 1fr) !important;
}

#Pesquisa2022 .body-filtro .grid-filtro .calendar.new__excep {
    grid-column: 4;
}

.NewAbas .contentAbas.new__excep {
    border: 0;
}

.aba .container__title__box__utilizar__filtros__aparecer__table {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-top: 32px;
    gap: 16px;
}

.aba .container__title__box__utilizar__filtros__aparecer__table > p {
    margin: 0;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #333333;
}

.container__title__box__utilizar__filtros__aparecer__table .box__utilizar__filtros__aparecer__table {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    width: 100%;
    background: #F8F8F8;
    border: 1px solid #EBEBEB;
    border-radius: 10px;
    padding: 41px 0;
}

.container__title__box__utilizar__filtros__aparecer__table .box__utilizar__filtros__aparecer__table > p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #858585;
}

.NewAbas .headAbas.new__excep > span {
    padding: 0.62rem 1.5rem !important;
    justify-content: center;
    width: 20%;
}

#Topo .breadcamp a.back.new.simples.new__excep {
    border: 0 !important;
    background: rgba(134, 142, 164, 0.15) !important;
    border-radius: 50px !important;
    color: #868EA4 !important;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px ;
    font-family: 'Roboto';
    font-style: normal;
}

.aba .box__conjunto__de__caixas {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
}

.aba .box__conjunto__de__caixas > p {
    margin: 0;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #333333;
    padding-top: 41px;
}

.box__conjunto__de__caixas .conjunto__de__caixas {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

.conjunto__de__caixas .caixa {
    background: #F6F6F6;
    border: 1px solid #F1F1F1;
    border-radius: 8px;
    gap: 13px;
    padding: 24px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 20%;
}

.conjunto__de__caixas .caixa > p {
    text-transform: capitalize;
    color: #333333;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
}

.conjunto__de__caixas .caixa > span {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    color: #0089BF;
}

.aba .header__container__body__border {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.aba .header__container__body__border > p {
    margin: 0;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #333333;
}

.header__container__body__border .box-flex-buttons {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header__container__body__border .botao__exportar__csv {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #00C1B4;
    border-radius: 50px;
    padding: 14px 27px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    border: 0;
    outline: 0;
}

.header__container__body__border .container-buttons-tabela-grafico {
    display: flex;
    align-items: center;
    gap: 4px;
}

.container-buttons-tabela-grafico .button-com-icon-change{
    padding: 7px;
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;
    border: 0;
    outline: none;
    background: transparent;
}

.container-buttons-tabela-grafico .button-com-icon-change:hover {
    opacity: .7;
}

.button-com-icon-change.ativo {
    background: #0089BF;
}

.button-com-icon-change .icon__grafico_pacman.tam-color,
.button-com-icon-change .icon__tres_listras.tam-color {
    width: 22px;
    height: 22px;
    background: #0089BF;
}

.button-com-icon-change.ativo .icon__grafico_pacman.tam-color,
.button-com-icon-change.ativo .icon__tres_listras.tam-color {
    background: #FFF;
}

.table__with__order table th .th__icon.new__excep {
    width: 104px;
}

.container__body__border .new__pagination {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 25px 32px;
}

.container__body__border .new__pagination > p {
    margin: 0;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #A5A5A5;
}

.new__pagination .buttons__new__pagination {
    display: flex;
    align-items: center;
    gap: 30px;
}

.new__pagination .buttons__new__pagination > a {
    border: 0;
    color: #666666;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
}

.fundo-cinza-claro {
    background-color: #F9F9F9 !important;
}

.fundo-branco {
    background-color: #FFFFFF !important;
}

.button_custom-com-icon,
.NewTable table td .button-ver-novo {
    background: #0089BF;
    border: 0;
    border-radius: 50px;
    padding: 11px 16px;

    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;

    color: #FFFFFF;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    white-space: nowrap;
}

.NewTable table td .button-ver-novo.button-maior {
    font-size: 12px;
    padding: 14px 20px;
}

.button_custom-com-icon.custom-verde,
.NewTable table td .button-ver-novo.verde {
    background: #00C1B4;
}

.button_custom-com-icon.custom-vermelho,
.NewTable table td .button-ver-novo.vermelho {
    background: #FF4B6A;
}

.button_custom-com-icon.custom-amarelo {
    background: #FFB340;
}

.button_custom-com-icon.custom-cinza {
    background: rgba(134, 142, 164, 0.15);
    color: #868EA4;
}

.button_custom-com-icon.stroke-vermelho {
    background: transparent;
    border: 1px solid #FF4B6A;
    color: #FF4B6A;
}

.button_custom-com-icon:hover,
.NewTable table td .button-ver-novo:hover {
    opacity: 0.7;
}

.container-totalizadores-valores {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 16px 0 32px;
}
.container-totalizadores-valores .container-grid-totalizadores-3fr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
}
.container-totalizadores-valores .container-grid-totalizadores-4fr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 16px;
}
.container-totalizadores-valores .cartao-totalizador {
    background: #F6F6F6;
    border: 1px solid #F1F1F1;
    border-radius: 8px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 13px;
}
.container-totalizadores-valores .titulo-totalizador {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: capitalize;
    color: #333333;
    margin: 0;
}
.container-totalizadores-valores .valor-totalizador{
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #0089BF;
    margin: 0;
}
.container-totalizadores-valores .valor-totalizador.verde {
    color: #00C1B4;
}
@media (max-width: 1400px) {
    .container-totalizadores-valores .valor-totalizador {
        font-size: 24px;
        line-height: 28px;
    }
}

.label_parceiros {
    width: 24px;
    border-radius: 4px;
    padding: 5px 0;
    display: flex;
    justify-content: center;
    margin: 0;

    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 13px;
    color: #FFFFFF;
}

.label_parceiros.delta {
    background: #1E2A4E;
}

.label_parceiros.sompo {
    background: #CC0022;
}

.label_parceiros.randon {
    background: #000000;
}

.label_parceiros.argo {
    background: #53ACFF;
}

.label_parceiros.pier {
    background: #FF678E;
}

.label_parceiros.oxxy {
    background: #702F90;
    color: #FF6C2E;
}

.label_parceiros.bike-registrada {
    background: #45B400;
    color: #222222;
}

.label_parceiros.axa {
    background: #00008F;
    color: #F07662;
}

.label_parceiros.unidas {
    background: #016EA7;
}

.label_parceiros.ticket-log {
    background: #00A184;
    color: #D5D634;
}

.label_parceiros.ezze {
    background: #333333;
    color: #09FE00;
}

.label_parceiros.lets {
    background: #000000;
    color: #F34B00;
}

.label_parceiros.hyundai {
    background: #091d3c;
    color: #fff;
}

.label_parceiros.hdi {
    background: #00833E;
    color: #fff;
}
.label_parceiros.sombrero {
    background: #14a19d;
    color: #fff;
}
.label_parceiros.addiante {
    background: #a6dc6e;
    color: #fff;
}
.label_parceiros.iveco {
    background: #1E2A4E;
    color: #fff;
}
.label_parceiros.foco {
    background: #c20000;
    color: #fff;
}

.label_parceiros.dryve {
    background: #00A3E0;
    color: #fff;
}

.label_parceiros.quality {
    background: #EF8119;
    color: #fff;
}

.label_parceiros.bvix {
    background: #00A3E0;
    color: #fff;
}

.loading-effect {
    width: 100%;
    height: 210px;
    background-color: #ccc; /* Cinza prateado */
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.loading-effect::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to left, transparent 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0) 100%);
    animation: loading-animation 2s linear infinite;
}

@keyframes loading-animation {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}
#Topo .implementos__contestacoes__new {
    margin: 10px 9px -10px 0;
    float: right;
    display: flex;
    flex-direction: column ;
}

.container-menu .item__exportar__planilhas {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #333333;
    padding: 0;
    gap: 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
    text-transform: uppercase;
    justify-content: center;
}

.container-menu .item__exportar__planilhas:hover {
    background: #D9F1FA;
    width: 100%;
    text-align: center;
}

.implementos__contestacoes__new .exportar__planilha__sem__select {
    background: #0089BF;
    border: 1px solid #0089BF;
    border-radius: 50px;
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding: 10px 24px;
}
.top__right__visualizacao__atualizacao .rotate__atualizar {
    animation: rotation 2s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.section-box .button__nova__observacao {
    border-radius: 50px;
    background: #00C1B4;
    padding: 11px 24px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 600;
    border: none;
}

.content_total_modal .new__body__modal {
    padding: 24px 32px 32px 32px;
    gap: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}


.content_total_modal .new__body__modal > p {
    color: #333;
    font-size: 22px;
    font-weight: 700;
}

.content_total_modal .new__body__modal > textarea {
    padding: 14px 20px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    resize: none;
    width: 100%;
    height: 94px;
}

.content_total_modal .new__body__modal > textarea::placeholder {
    font-size: 14px;
    font-family: Roboto;
    color: #ADADAD;
    text-align: start;
}

.content_total_modal .new__body__modal > textarea:focus {
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.10);
}

.new__body__modal .container__buttons__modal__nova__observacao {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 100%;
}

.container__buttons__modal__nova__observacao .button__modal__nova__observacao {
    border-radius: 34px;
    border: 1px solid #000;
    padding: 12px 16px;
    background: transparent;
    text-align: center;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 500;
    color: #333333;
    width: 100%;
}

.container__buttons__modal__nova__observacao .button__modal__nova__observacao.desativado {
    background: #C2C2C2;
    color: #FCFCFC;
    border: none;
}

.container__buttons__modal__nova__observacao .button__modal__nova__observacao.ativo {
    background: #00C1B4;
    color: #FCFCFC;
    border: none;
}

.new__body__modal .container__arquivo__guia__rapido {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

.new__body__modal .container__arquivo__guia__rapido > p {
    text-align: center;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 500;
    color: #333333;
    margin: 0;
}

.container__arquivo__guia__rapido .conteudo__arquivo__guia__rapido {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 16px 24px;
    border-radius: 6px;
    background: #F6F6F6;
    position: relative;
}

.container__arquivo__guia__rapido .conteudo__arquivo__guia__rapido > input:first-child {
    position: absolute;
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
}

.container__arquivo__guia__rapido .conteudo__arquivo__guia__rapido > p {
    padding: 8px 29px;
    border-radius: 50px;
    background: #0089BF;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 600;
    color: #F6F6F6;
    cursor: pointer;
    margin: 0;
}

.conteudo__arquivo__guia__rapido .arquivo__guia__rapido__texto__e__img {
    display: flex;
    align-items: center;
    gap: 8px;
}

.conteudo__arquivo__guia__rapido .arquivo__guia__rapido__texto__e__img > p {
    text-align: center;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 600;
    color: #8B8B8B;
    margin: 0;
}

.button__guia__rapido__padrao__excep {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    padding: 13px 24px;
    border-radius: 50px;
    background: #1E2A4E;
}

.button__guia__rapido__padrao__excep.table {
    font-size: 0.95em;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 50px;
    color: #FFF !important;
    padding: 8px 10px;
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    justify-content: center;
}
.link-icon-arrow-noroeste {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #0089BF;
    font-size: 12px;
    font-weight: 700;
    text-decoration-line: underline;
    transition: all 0.1s ease-in;
}

.link-icon-arrow-noroeste:hover {
    text-decoration: none;
}

.container__contato .icon__noroeste.tam-color {
    width: 9px;
    height: 9px;
    background: #0089BF;
}


.container-graficos-relatorios {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 24px;
    border-radius: 16px;
    border: 1px solid #EBEBEB;
    background: #F6F6F6;
}

.content-para-grafico-titulo-legendas {
    overflow-x: auto;
    border-radius: 8px;
    border: 1px solid #EBEBEB;
    background: #FFF;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.02);
    backdrop-filter: blur(3.5px);
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.header-grafico-titulo-legendas {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 24px;
}

.header-grafico-titulo-legendas .titulo-grafico {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.header-grafico-titulo-legendas .legendas-do-grafico {
    display: flex;
    gap: 8px;
    margin-left: auto;
}

.legendas-do-grafico .button-legendas-grafico {
    border: 0;
    outline: none;
    border-radius: 4px;
    background: #F9F9F9;
    padding: 9px 13px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #333;
    font-size: 12px;
}

.button-legendas-grafico .color-grafico {
    width: 11px;
    height: 11px;
    min-width: 11px;
    min-height: 11px;
    border-radius: 11px;
}

.button-legendas-grafico .color-grafico.verde {
    background: #00C1B4;
}

.button-legendas-grafico .color-grafico.cinza {
    background: #868EA4;
}

.button-legendas-grafico .color-grafico.laranja {
    background: #FE7E2F;
}

.button-legendas-grafico .color-grafico.roxo {
    background: #7837E8;
}

.button-legendas-grafico .color-grafico.vermelho {
    background: #FF4B6A;
}

.button-legendas-grafico .color-grafico.amarelo {
    background: #FFB340;
}

.button-legendas-grafico .color-grafico.azul {
    background: #0089BF;
}

.button-legendas-grafico .color-traco.cinza-claro {
    color: #B9B9B9;
}
#kanban .ec .label_parceiros{
    float:left;
    margin-right: 7px;
}



.container-main-flex-column {
    display: flex;
    flex-direction: column;
    background: #FFF !important;
}

.switch-customizado-novo {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 25px;
}

.switch-customizado-novo input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch-customizado-novo .slider-customizado {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch-customizado-novo .slider-customizado:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 4px;
    bottom: 4px;
    top: 3px;
    background-color: #666666;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch-customizado-novo input:checked + .slider-customizado:before {
    background-color: #0089BF;
}

.switch-customizado-novo input:checked + .slider-customizado {
    background: rgba(0, 137, 191, 0.3);
}

.switch-customizado-novo input:focus + .slider-customizado {
    box-shadow: 0 0 1px #2196F3;
}

.switch-customizado-novo input:checked + .slider-customizado:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

/* Rounded sliders */
.switch-customizado-novo .slider-customizado.round {
    border-radius: 34px;
}

.switch-customizado-novo .slider-customizado.round:before {
    border-radius: 50%;
}

.icon__procurar.tam-cinza {
    background: #858585;
    width: 17px;
    height: 17px;
}

.container-duas-informacoes {
    display: flex;
    width: 100%;
    gap: 16px;
}

.container-duas-informacoes.grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 16px;
    row-gap: 32px;
    padding: 24px;
    background: #F6F6F6;
    border-radius: 8px;
}

.container-duas-informacoes.grid + .container-duas-informacoes.grid  {
    margin-top: 8px;
}

.icon__lapis.tam-azul {
    width: 11px;
    height: 11px;
    background: #0089BF;
}

.titulo-meio-divisor-modal {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;

    color: #333333;
    margin: 0;
}

.container-com-busca-revisao {
    width: 100%;
    border: 1px solid #EBEBEB;
    border-radius: 8px;
}

.container-header-busca {
    background: #EFEFEF;
    border-radius: 8px 8px 0px 0px;
    padding: 16px;
}

.container-header-busca .input-com-icon-busca {
    width: 50%;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #EBEBEB;
    border-radius: 50px;
    background: #FFFFFF;
    padding: 10px 18px;
}

.container-header-busca .input-com-icon-busca input {
    width: 100%;
    border: 0;
    outline: none;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;

    color: #333333;
}

.container-body-revisao {
    padding: 24px 32px;
}

.title-revisao-selecionadas {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;

    color: #333333;

    margin: 0 0 16px;
}

.container-selecione-revisao {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.container-selecione-revisao .button-selecione-revisao {
    border: 1px solid #0089BF;
    border-radius: 34px;
    padding: 8px 21px;

    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;

    color: #333333;
    background: #FFF;
}

.container-selecione-revisao .button-selecione-revisao.ativo {
    border: 1px solid #0089BF;
    background: #0089BF;
    color: #FFFFFF;
}

.container-selecione-revisao.desativado .button-selecione-revisao {
    border-radius: 34px;
    border: 1px solid #8B8B8B;
}

.container-selecione-revisao.desativado .button-selecione-revisao.ativo {
    background: #8B8B8B;
    border: 1px solid #8B8B8B;
}

.button-adicionar-azul-modal {
    background: #FFFFFF;
    border: 1px solid #0089BF;
    border-radius: 51px;

    margin: 8px 0 16px;
    padding: 8px 19px 8px 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;

    color: #0089BF;
}

.content-bolinha-color {
    /*position: absolute;*/
    margin: auto;
    bottom: 7px;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 99999px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.content-bolinha-color_img {
    width: 12px;
    height: 12px;
    border-radius: 99999px;
    margin-left: 4px !important;
    margin-bottom: 2px !important;
}

.content-bolinha-color.vermelha {
    background: #FF4B6A;
}

.content-bolinha-color.amarela {
    background: #FFB340;
}

.content-bolinha-color.verde {
    background: #00C1B4;
}

.content-bolinha-color.cinza {
    background: #C6C6C6;
}


.content-bolinha-color_img.vermelho {
    background: #FF4B6A;
}

.content-bolinha-color_img.amarelo {
    background: #FFB340;
}

.content-bolinha-color_img.verde {
    background: #00C1B4;
}

.content-bolinha-color_img.cinza {
    background: #C6C6C6;
}


.container-main-flex-column {
    display: flex;
    flex-direction: column;
    background: #FFF !important;
}


.switch-customizado-novo {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 25px;
}

.switch-customizado-novo input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch-customizado-novo .slider-customizado {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch-customizado-novo .slider-customizado:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 4px;
    bottom: 4px;
    top: 3px;
    background-color: #666666;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch-customizado-novo input:checked + .slider-customizado:before {
    background-color: #0089BF;
}

.switch-customizado-novo input:checked + .slider-customizado {
    background: rgba(0, 137, 191, 0.3);
}

.switch-customizado-novo input:focus + .slider-customizado {
    box-shadow: 0 0 1px #2196F3;
}

.switch-customizado-novo input:checked + .slider-customizado:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

/* Rounded sliders */
.switch-customizado-novo .slider-customizado.round {
    border-radius: 34px;
}

.switch-customizado-novo .slider-customizado.round:before {
    border-radius: 50%;
}

.icon__procurar.tam-cinza {
    background: #858585;
    width: 17px;
    height: 17px;
}

.container-duas-informacoes {
    display: flex;
    width: 100%;
    gap: 16px;
}

.container-duas-informacoes.grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 16px;
    row-gap: 32px;
    padding: 24px;
    background: #F6F6F6;
    border-radius: 8px;
}

.container-duas-informacoes.grid + .container-duas-informacoes.grid  {
    margin-top: 8px;
}

.icon__lapis.tam-azul {
    width: 11px;
    height: 11px;
    background: #0089BF;
}

.titulo-meio-divisor-modal {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;

    color: #333333;
    margin: 0;
}

.container-com-busca-revisao {
    width: 100%;
    border: 1px solid #EBEBEB;
    border-radius: 8px;
}

.container-header-busca {
    background: #EFEFEF;
    border-radius: 8px 8px 0px 0px;
    padding: 16px;
}

.container-header-busca .input-com-icon-busca {
    width: 50%;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #EBEBEB;
    border-radius: 50px;
    background: #FFFFFF;
    padding: 10px 18px;
}

.container-header-busca .input-com-icon-busca input {
    width: 100%;
    border: 0;
    outline: none;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;

    color: #333333;
}

.container-body-revisao {
    padding: 24px 32px;
}

.title-revisao-selecionadas {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;

    color: #333333;

    margin: 0 0 16px;
}

.container-selecione-revisao {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.container-selecione-revisao .button-selecione-revisao {
    border: 1px solid #0089BF;
    border-radius: 34px;
    padding: 8px 21px;

    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;

    color: #333333;
    background: #FFF;
}

.container-selecione-revisao .button-selecione-revisao.ativo {
    border: 1px solid #0089BF;
    background: #0089BF;
    color: #FFFFFF;
}

.container-selecione-revisao.desativado .button-selecione-revisao {
    border-radius: 34px;
    border: 1px solid #8B8B8B;
}

.container-selecione-revisao.desativado .button-selecione-revisao.ativo {
    background: #8B8B8B;
    border: 1px solid #8B8B8B;
}

.button-adicionar-azul-modal {
    background: #FFFFFF;
    border: 1px solid #0089BF;
    border-radius: 51px;

    margin: 8px 0 16px;
    padding: 8px 19px 8px 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;

    color: #0089BF;
}

.container__informacao__ordem__de__servico {
    border-radius: 16px;
    border: 1px solid #F1F1F1;
    background: #F9F9F9;
    margin: 0 5%;
}

.container__informacao__ordem__de__servico .header__informacao__ordem__de__servico {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 24px 32px;
    border-bottom: 1px solid #F1F1F1;
    width: 100%;
}

.container__informacao__ordem__de__servico .header__informacao__ordem__de__servico > p {
    color: #333;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

/* EXECUTAR ORDEM DE SERVIÇO */

.container__todas__informacoes__ordem__servico {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 18px;
}

.container__todas__informacoes__ordem__servico.flex__start {
    align-items: flex-start;
}

.container__todas__informacoes__ordem__servico .container__detalhes__ordem__servico {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 49%;
}

.container__todas__informacoes__ordem__servico .container__detalhes__ordem__servico.tamanho__maior {
    width: 100%;
}

.container__todas__informacoes__ordem__servico .container__detalhes__ordem__servico.com__borda__e__background {
    padding: 24px;
    border-radius: 10px;
    border: 1px solid #F1F1F1;
    background: #F9F9F9;
    gap: 19px;
}

.container__todas__informacoes__ordem__servico .container__detalhes__ordem__servico.com__borda__e__background > p:last-child {
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    text-align: end;
    width: 100%;
}

.container__todas__informacoes__ordem__servico .container__detalhes__ordem__servico.width__cem__por__cento {
    width: 100%;
}

.container__detalhes__ordem__servico .header__detalhes__ordem__servico {
    padding: 24px 32px;
    border-radius: 16px 16px 0px 0px;
    border: 1px solid #F1F1F1;
    width: 100%;
    background: #F9F9F9;
}

.container__detalhes__ordem__servico .header__detalhes__ordem__servico > p {
    color: #333;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.container__detalhes__ordem__servico .header__detalhes__ordem__servico.between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.container__detalhes__ordem__servico .header__detalhes__ordem__servico.between > span {
    padding: 7px 12px;
    border-radius: 4px;
    background: rgba(0, 193, 180, 0.15);
    color: #00C1B4;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.container__detalhes__ordem__servico .header__detalhes__ordem__servico.between > h3 {
    color: #333;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
}

.container__detalhes__ordem__servico .conteudo__detalhes__ordem__servico {
    padding: 24px 53px;
    border-radius: 0px 0px 16px 16px;
    border: 1px solid #F1F1F1;
    background: #F9F9F9;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 44px;
}

.container__detalhes__ordem__servico .conteudo__detalhes__ordem__servico.box__input {
    gap: 25px;
}

.conteudo__detalhes__ordem__servico .duas__informacoes__detalhes__ordem__servico {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 105px;
    width: 100%;
}

.conteudo__detalhes__ordem__servico .duas__informacoes__detalhes__ordem__servico.box__input {
    justify-content: space-between;
    gap: 16px;
}

.duas__informacoes__detalhes__ordem__servico .titulo__e__conteudo__detalhes__ordem__servico {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-family: Roboto;
    font-style: normal;
    line-height: normal;
    width: fit-content;
}

.duas__informacoes__detalhes__ordem__servico .titulo__e__conteudo__detalhes__ordem__servico.width__total {
    width: 100%;
}

.duas__informacoes__detalhes__ordem__servico .titulo__e__conteudo__detalhes__ordem__servico > h3 {
    color: #333333;
    font-size: 24px;
    font-weight: 500;
    margin: 0;
}

.duas__informacoes__detalhes__ordem__servico .titulo__e__conteudo__detalhes__ordem__servico > p:first-child {
    color: #858585;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}

.duas__informacoes__detalhes__ordem__servico .titulo__e__conteudo__detalhes__ordem__servico > p:last-child {
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}

.duas__informacoes__detalhes__ordem__servico .titulo__e__conteudo__detalhes__ordem__servico.tag__sem__background > span {
    border-radius: 4px;
    border: 1px solid #C2C2C2;
    padding: 7px 12px;
    font-weight: 500;
    font-size: 14px;
    color: #333333;
    background: transparent;
    margin: 0;
    text-transform: capitalize;
    text-align: center;
    width: fit-content;
}

.duas__informacoes__detalhes__ordem__servico .titulo__e__conteudo__detalhes__ordem__servico.tag__azul > span {
    border-radius: 4px;
    padding: 7px 12px;
    font-weight: 500;
    font-size: 14px;
    color: #0089BF;
    margin: 0;
    background: rgba(0, 137, 191, 0.15);
    text-transform: capitalize;
    text-align: center;
    width: fit-content;
}

.duas__informacoes__detalhes__ordem__servico .titulo__e__conteudo__detalhes__ordem__servico > input,
.duas__informacoes__detalhes__ordem__servico .titulo__e__conteudo__detalhes__ordem__servico.width__total.height__total > textarea {
    padding: 14px 20px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    width: 100%;
}

.duas__informacoes__detalhes__ordem__servico .titulo__e__conteudo__detalhes__ordem__servico > textarea::placeholder {
    color: #858585;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.duas__informacoes__detalhes__ordem__servico .titulo__e__conteudo__detalhes__ordem__servico.width__total.height__total > textarea {
    height: 116px;
    resize: none;
}

.duas__informacoes__detalhes__ordem__servico .titulo__e__conteudo__detalhes__ordem__servico.width__total.height__total > textarea:focus {
    outline: none;
}

.container__detalhes__ordem__servico.com__borda__e__background .header__conteudo__equipamentos__ordem__servico {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.container__detalhes__ordem__servico.com__borda__e__background .header__conteudo__equipamentos__ordem__servico > p:first-child {
    color: #333;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.container__detalhes__ordem__servico.com__borda__e__background .header__conteudo__equipamentos__ordem__servico > p:last-child {
    color: #0089BF;
    font-family: Roboto;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    margin: 0;
    cursor: pointer;
}

.table__detalhes__ordem__servico {
    font-family: Roboto;
    border-collapse: collapse;
    width: 100%;
    border-radius: 10px;
}

.table__detalhes__ordem__servico.padding th,
.table__detalhes__ordem__servico.padding td {
    padding: 19px 40px !important;
}

.table__detalhes__ordem__servico th,
.table__detalhes__ordem__servico td {
    padding: 19px 8px !important;
}

.table__detalhes__ordem__servico th {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    color: #666;
    text-align: left;
}

.table__detalhes__ordem__servico td {
    font-size: 14px;
    font-weight: 500;
    color: #333333;
}


.table__detalhes__ordem__servico tr:nth-child(even) {
    background: #F1F1F1;
}

.table__detalhes__ordem__servico tr:nth-child(odd) {
    background: #FFF;
}

.table__detalhes__ordem__servico .input__number__table__ordem__servico {
    padding: 9px 13px;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid var(--style-guide-app-blue, #0089BF);
    box-shadow: 0px 0px 0px 1px #6366F1, 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    color: #111827;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
}

.table__detalhes__ordem__servico .input__number__table__ordem__servico.disable {
    background: #E0E0E0;
    border: 1px solid #D1D5DB;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.table__detalhes__ordem__servico .input__number__table__ordem__servico:focus {
    outline: none;
    border: 1px solid var(--style-guide-app-blue, #0089BF);
}

.container__todas__informacoes__ordem__servico .buttons__footer__ordem__servico {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.container__todas__informacoes__ordem__servico .buttons__footer__ordem__servico > button:first-child {
    padding: 16px 78px;
    border-radius: 34px;
    border: 1px solid #000;
    background: transparent;
    cursor: pointer;
    color: #333;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.container__todas__informacoes__ordem__servico .buttons__footer__ordem__servico > button:last-child {
    border-radius: 34px;
    background: #00C1B4;
    padding: 16px 78px;
    border: none;
    cursor: pointer;
    color: #FCFCFC;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.container__detalhes__ordem__servico .conteudo__segunda__parte__detalhes__ordem__servico {
    padding: 24px 53px 32px 53px;
    border-radius: 0px 0px 16px 16px;
    border: 1px solid #F1F1F1;
    background: #F9F9F9;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 44px;
}

.conteudo__segunda__parte__detalhes__ordem__servico .container__duas__div__segunda__parte__detalhes__ordem__servico {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 105px;
}

.container__duas__div__segunda__parte__detalhes__ordem__servico .conteudo__duas__div__segunda__parte__detalhes__ordem__servico,
.container__tres__div__segunda__parte__detalhes__ordem__servico .conteudo__tres__div__segunda__parte__detalhes__ordem__servico {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 4px;
}

.container__duas__div__segunda__parte__detalhes__ordem__servico .conteudo__duas__div__segunda__parte__detalhes__ordem__servico > p,
.container__tres__div__segunda__parte__detalhes__ordem__servico .conteudo__tres__div__segunda__parte__detalhes__ordem__servico > p {
    color: #858585;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin: 0;
}

.container__duas__div__segunda__parte__detalhes__ordem__servico .conteudo__duas__div__segunda__parte__detalhes__ordem__servico > h3,
.container__tres__div__segunda__parte__detalhes__ordem__servico .conteudo__tres__div__segunda__parte__detalhes__ordem__servico > h3 {
    color: #333;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
}

.container__duas__div__segunda__parte__detalhes__ordem__servico .conteudo__duas__div__segunda__parte__detalhes__ordem__servico.placa > h3 {
    font-size: 24px;
}

.container__tres__div__segunda__parte__detalhes__ordem__servico .conteudo__tres__div__segunda__parte__detalhes__ordem__servico > p:last-child {
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.conteudo__segunda__parte__detalhes__ordem__servico .container__tres__div__segunda__parte__detalhes__ordem__servico {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 105px;
}

.container__tres__div__segunda__parte__detalhes__ordem__servico .conteudo__tres__div__segunda__parte__detalhes__ordem__servico > span {
    padding: 7px 12px;
    border-radius: 4px;
    background: rgba(0, 137, 191, 0.15);
    color: #0089BF;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.container__tres__div__segunda__parte__detalhes__ordem__servico .conteudo__tres__div__segunda__parte__detalhes__ordem__servico.cinza__tag > span {
    background: rgba(134, 142, 164, 0.15);
    color: #868EA4;
}

.container__detalhes__ordem__servico.tamanho__maior .container__fotos__ordem__servico {
    border-radius: 0px 0px 16px 16px;
    border: 1px solid #F1F1F1;
    background: #F9F9F9;
    padding: 24px 24px 32px 24px;
    width: 100%;
}

.container__fotos__ordem__servico .conteudo__fotos__ordem__servico {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.container__fotos__ordem__servico .swiper {
    width: 100%;
    height: 100%;
}

.container__fotos__ordem__servico .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container__fotos__ordem__servico .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.container__fotos__ordem__servico .swiper-button-next {
    background-image: url(/assets/img/icon__arrow__right__background__white__radius.png);
    background-repeat: no-repeat;
    background-size: 155% 95%;
    background-position: center;
}

.container__fotos__ordem__servico .swiper-button-next::after {
    display: none;
}

.container__fotos__ordem__servico .swiper-button-prev{
    background-image: url(/assets/img/icon__arrow__left__background__white__radius.png);
    background-repeat: no-repeat;
    background-size: 155% 95%;
    background-position: center;
}

.container__fotos__ordem__servico .swiper-button-prev::after {
    display: none;
}

.header__conteudo__equipamentos__ordem__servico #selectedEquipmentsText {
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.content-bolinha-color {
    /*position: absolute;*/
    margin: auto;
    bottom: 7px;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 99999px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.content-bolinha-color.vermelho {
    background: #FF4B6A;
}

.content-bolinha-color.amarelo {
    background: #FFB340;
}

.content-bolinha-color.verde {
    background: #00C1B4;
}

.content_total_modal .corpo__modal__padrao__nova__column {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
}

.corpo__modal__padrao__nova__column .titulo__modal__padrao__nova__column {
    color: #333;
    text-align: center;
    font-family: Open Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.corpo__modal__padrao__nova__column .container__conteudo__modal__padrao__nova__coluna__e__titulo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
}

.corpo__modal__padrao__nova__column .container__conteudo__modal__padrao__nova__coluna__e__titulo > p {
    color: #858585;
    font-family: Roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.container__conteudo__modal__padrao__nova__coluna__e__titulo .conteudo__modal__padrao__nova__column {
    padding: 7px 12px;
    border-radius: 4px;
    background: rgba(134, 142, 164, 0.15);
    color: #868EA4;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.corpo__modal__padrao__nova__column .container__buttons__modal__padrao__nova__column {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    gap: 8px;
}

.corpo__modal__padrao__nova__column .container__buttons__modal__padrao__nova__column > a {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 50px;
    background: #0089BF;
    padding: 16px 0;
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.corpo__modal__padrao__nova__column .container__buttons__modal__padrao__nova__column > button:hover {
    opacity: 0.7;
}

.corpo__modal__padrao__nova__column .container__buttons__modal__padrao__nova__column.botao--azul--e--botao--sem--borda--sem--fundo > a {
    padding: 16px 130px;
    border-radius: 50px;
    background: #0089BF;
    color: #FFF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.corpo__modal__padrao__nova__column .container__buttons__modal__padrao__nova__column.botao--azul--e--botao--sem--borda--sem--fundo > a:hover {
    opacity: 0.7;
}

.corpo__modal__padrao__nova__column .container__buttons__modal__padrao__nova__column.botao--azul--e--botao--sem--borda--sem--fundo > button {
    padding: 16px 130px;
    background: transparent;
    border-radius: 34px;
    border: 1px solid #000;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
}

.corpo__modal__padrao__nova__column .container__buttons__modal__padrao__nova__column.retirando--column {
    flex-direction: unset;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.corpo__modal__padrao__nova__column .container__buttons__modal__padrao__nova__column.retirando--column > a {
    border-radius: 34px;
    border: 1px solid #000;
    padding: 15px 66px;
    background: transparent;
    cursor: pointer;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
}

.corpo__modal__padrao__nova__column .container__buttons__modal__padrao__nova__column.retirando--column > button {
    border-radius: 50px;
    background: #FF4B6A;
    border: none;
    padding: 15px 40px;
    cursor: pointer;
    color: #FFF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
}

#status_aviso_sinistro {
    position: absolute;
    right: 0;
    padding: 10px;
    background-color: #f9f9f9;
    top: -15px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    font-size: 13px;
}

.corpo__modal__padrao__nova__column .subtitulo--modal--tempo--limite--atingido {
    font-size: 16px;
    text-align: center;
    line-height: 18px;
    font-weight: 400;
    font-family: Open Sans;
}

.corpo__modal__padrao__nova__column .botao--tamanho--grande--sem--cor--fundo {
    padding: 15px 147px;
    border-radius: 34px;
    border: 1px solid #000;
    background: transparent;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    font-family: Roboto;
}

#status_aviso_sinistro span {
    float: right !important;
    text-align: center !important;
    margin: 0 10px 0 10px;
    background-color: #d3e8f0;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    color: #0089bf;
    min-width: unset !important;
    padding: 0 10px 0 10px !important;
}

.abas-container {
    width: 100%;
}

.abas-header {
    display: flex;
    border-bottom: 1px solid #EBEBEB;
}

.abas-button {
    padding: 10px 24px;
    cursor: pointer;
    border: 1px solid transparent;
    border-bottom: none;
    background: #F1F1F1;

    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    outline: none;
}

.abas-button:first-child {
    border-radius: 8px 0px 0px 0px;
}

.abas-button.active {
    border: 1px solid #EBEBEB;
    border-bottom: none;
    background: #FFF;
    color: #0089BF;
    font-weight: 700;
}

.aba-content {
    display: none;
    padding: 20px;
}

.aba-content.active {
    display: block;
}

.btn_troca_plano_contrato{
    float: right!important;
}
#trocaplanocontrato input{
    z-index: 99999!important;
}
#modalEditarVeiculo .abas-button{
    border: 1px solid #e1e1e182;
}

.kanban_qtd_abertos {
    background: #FF4560;
    color: #FFFFFF;
    border-radius: 50px;
    margin: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    padding: 3px 6px;
}


.container-center-between-title-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 16px 0;
}

.container-center-between-title-button p.text-title {
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

.label-custom-button-icon {
    border-radius: 50px;
    border: 1px solid #0089BF;
    display: flex;
    padding: 15px 24px 15px 19px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.label-custom-button-icon:hover {
    opacity: .7;
}

.label-custom-button-icon > input {
    background: transparent;
    border: 0;
    outline: none;


    color: #0089BF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.label-custom-button-icon-vermelho {
    border-radius: 50px;
    border: 1px solid #FF4560;
    display: flex;
    padding: 15px 24px 15px 19px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.label-custom-button-icon-vermelho:hover {
    opacity: .7;
}

.label-custom-button-icon--vermelho > input {
    background: transparent;
    border: 0;
    outline: none;


    color: #FF4560;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.icon__new-download.color-tam-blue {
    width: 13.333px;
    height: 13.333px;
    background: #0089BF;
}

.content_total_modal .corpo--modal--aprovacao--acionamento--parte--seguradora {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 48px;
    margin-top: 24px;
}

.corpo--modal--aprovacao--acionamento--parte--seguradora .conteudo--corpo--modal--aprovacao--acionamento--parte--seguradora {
    display: flex;
    flex-direction: column;
    gap: 13px;
    align-items: flex-start;
    justify-content: center;
}


.modal-body .container__descricao__servico__modal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    margin-bottom: 30px;
}

.modal-body .container__descricao__servico__modal > label {
    color: var(--style-guide-app-font-primary, #333);
    font-family: Roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.modal-body .container__local__ocorrencia__e__destino {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
}

.modal-body .container__local__ocorrencia__e__destino.com__margin__top {
    margin-top: 32px;
}

.modal-body .container__local__ocorrencia__e__destino > label,
.container__destino__e__input__radio > label {
    color: #333;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.modal-body .container__local__ocorrencia__e__destino > label > b,
.container__destino__e__input__radio > label > b {
    width: 28px;
    height: 28px;
    background: #0089BF;
    border-radius: 50px;
    color: #FCFCFC;
    text-align: center;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container__local__ocorrencia__e__destino .conteudo__local__ocorrencia__e__destino {
    padding: 24px;
    border-radius: 8px;
    border: 1px solid #EBEBEB;
    background: #F6F6F6;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    gap: 13px;
}

.container__local__ocorrencia__e__destino .conteudo__local__ocorrencia__e__destino > p {
    color: #858585;
    font-family: Roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.container__local__ocorrencia__e__destino.com__margin__top .container__destino__e__input__radio {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.container__local__ocorrencia__e__destino.com__margin__top .container__destino__e__input__radio > label > b {
    background: #FF4B6A
}

.container__destino__e__input__radio .input__e__text {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #EBEBEB;
    background: #F6F6F6;
}

.container__destino__e__input__radio .input__e__text > p {
    margin: 0;
    color: #333;
    font-family: Roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.container__destino__e__input__radio .input__e__text > input {
    margin: 0;
}

.container__local__ocorrencia__e__destino.com__margin__top .container__botoes__finais__modal__local__da__ocorrencia__e__destino {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    width: 100%;
}

.container__local__ocorrencia__e__destino.com__margin__top .container__botoes__finais__modal__local__da__ocorrencia__e__destino > button:first-child {
    padding: 16px 70px;
    border-radius: 34px;
    border: 1px solid #000;
    background: transparent;
    color: #333;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.container__local__ocorrencia__e__destino.com__margin__top .container__botoes__finais__modal__local__da__ocorrencia__e__destino > button:last-child {
    padding: 16px 70px;
    border-radius: 34px;
    background: #00C1B4;
    border: none;
    color: #FCFCFC;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* INPUT SWITCH MODAL LOCAL DA OCORRENCIA ADICONAR SERVICO */
.switch__input__e__text {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 24px;
    margin: 0;
}

.switch__input__e__text input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider__input__e__text {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider__input__e__text:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 1px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.input__text__input:checked + .slider__input__e__text {
    background-color: #2196F3;
}

.input__text__input:focus + .slider__input__e__text {
    box-shadow: 0 0 1px #2196F3;
}

.input__text__input:checked + .slider__input__e__text:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider__input__e__text.round {
    border-radius: 34px;
}

.slider__input__e__text.round:before {
    border-radius: 50%;
}



.container__alterar__status__administrativo__e__atendimento {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.container__buttons__atualizacao__ocorrencias {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
    margin-top: 20px;
    width: 100%;
}

.container__buttons__atualizacao__ocorrencias .conteudo__botao__switch__atualizacao__ocorrencia {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px;
    border-radius: 8px;
}

.container__buttons__atualizacao__ocorrencias .conteudo__botao__switch__atualizacao__ocorrencia.ativo {
    border-radius: 4px;
    background: #FF4B6A;
}

.container__buttons__atualizacao__ocorrencias .conteudo__botao__switch__atualizacao__ocorrencia.ativo > p {
    color: #FFFFFF;
}

.container__buttons__atualizacao__ocorrencias .conteudo__botao__switch__atualizacao__ocorrencia > p {
    color: #333;
    text-align: center;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 !important;
}

.novo__switch__generalizado {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 20px;
    margin: 0 !important;
}

.novo__switch__generalizado .input__switch__generalizado {
    opacity: 0;
    width: 0;
    height: 0;
}

.novo__slider__generalizado {
    position: absolute !important;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #EBEBEB;
    -webkit-transition: .4s;
    transition: .4s;

    min-width: unset !important;
    place-content: unset !important;
    padding: unset !important;
    text-align: unset !important;
    font-size: unset !important;
    float: unset !important;
    font-weight: unset !important;
    flex: unset !important;
}

.novo__slider__generalizado.desativado {
    cursor: not-allowed;
    opacity: 0.2;
}

.novo__slider__generalizado:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 3px;
    background-color: #C2C2C2;
    -webkit-transition: .4s;
    transition: .4s;
}

.novo__slider__generalizado.ajuste--translate:before {
    left: 4px;
}

.input__switch__generalizado:checked + .novo__slider__generalizado {
    background-color: #FEC9D2;
}

.input__switch__generalizado.com--cor--azul:checked + .novo__slider__generalizado.com--cor--azul {
    background-color: #2196F3;
}

.input__switch__generalizado:checked + .novo__slider__generalizado:before {
    background-color: #FF4B6A;
}

.input__switch__generalizado.com--cor--azul:checked + .novo__slider__generalizado.com--cor--azul:before {
    background-color: #FFFFFF;
}

.input__switch__generalizado:focus + .novo__slider__generalizado {
    box-shadow: 0 0 1px #EBEBEB;
}

.input__switch__generalizado:checked + .novo__slider__generalizado:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.input__switch__generalizado:checked + .novo__slider__generalizado.ajuste--translate:before {
    transform: translateX(20px);
}

.novo__slider__generalizado.round {
    border-radius: 34px;
}

.novo__slider__generalizado.round:before {
    border-radius: 50%;
}

.conteudo__input__radio__atualizacao__ocorrencia {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 8px;
    padding: 8px;
    border-radius: 4px;
}

.conteudo__input__radio__atualizacao__ocorrencia.ativo {
    border-radius: 4px;
    border: 1px solid var(--style-guide-app-blue, #0089BF);
    background: #E3F7FF;
}

.conteudo__input__radio__atualizacao__ocorrencia.sobrando {
    border-radius: 4px;
    background: #F8F8F8;
    opacity: 0.3;
}

.conteudo__input__radio__atualizacao__ocorrencia > p {
    margin: 0;
    color:#333;
    text-align: center;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
label.new_alteracao_dados {
    background: rgb(211, 232, 240);
    color: #0794cb;
    font-weight: 700;
    font-size: 0.95em;
    padding: 3px 7px;
    border-radius: 4px;
    margin: 1px 0 -1px;
    max-width: min-content;
    white-space: nowrap;
}

.excep-label-historico > p > strong {
    font-size: 12px;
}

.conteudo--corpo--modal--aprovacao--acionamento--parte--seguradora .inputs--conteudo--corpo--modal--aprovacao--acionamento--parte--seguradora {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;
    width: 100%;
}

.inputs--conteudo--corpo--modal--aprovacao--acionamento--parte--seguradora .text--e--input--conteudo--corpo--modal--aprovacao--acionamento--parte--seguradora {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
}

.inputs--conteudo--corpo--modal--aprovacao--acionamento--parte--seguradora .text--e--input--conteudo--corpo--modal--aprovacao--acionamento--parte--seguradora > p {
    color: #858585;
    font-family: Roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 !important;
}

.inputs--conteudo--corpo--modal--aprovacao--acionamento--parte--seguradora .text--e--input--conteudo--corpo--modal--aprovacao--acionamento--parte--seguradora > input {
    border-radius: 4px;
    background: #FFF;
    padding: 14px 20px;
    border: none;
    width: 100%;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: 1px solid rgba(0, 0, 0, 0.10) !important;
}

.inputs--conteudo--corpo--modal--aprovacao--acionamento--parte--seguradora .text--e--input--conteudo--corpo--modal--aprovacao--acionamento--parte--seguradora.bloqueado > input {
    border: none;
    background: #F6F6F6;
    cursor: not-allowed;
}

.inputs--conteudo--corpo--modal--aprovacao--acionamento--parte--seguradora .text--e--input--conteudo--corpo--modal--aprovacao--acionamento--parte--seguradora.bloqueado > select {
    border: none;
    background: #F6F6F6;
    cursor: not-allowed;
}

.inputs--conteudo--corpo--modal--aprovacao--acionamento--parte--seguradora .text--e--input--conteudo--corpo--modal--aprovacao--acionamento--parte--seguradora > select {
    border: 1px solid rgba(0, 0, 0, 0.10) !important;
    border-radius: 4px;
    background: #FFF;
    padding: 14px 20px;
    border: none;
    width: 100%;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.conteudo--corpo--modal--aprovacao--acionamento--parte--seguradora .fotos--e--text--conteudo--corpo--modal--aprovacao--acionamento--parte--seguradora {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

.conteudo--corpo--modal--aprovacao--acionamento--parte--seguradora .fotos--e--text--conteudo--corpo--modal--aprovacao--acionamento--parte--seguradora > p {
    color: #333;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 !important;
}

.corpo--modal--aprovacao--acionamento--parte--seguradora .buttons--corpo--modal--aprovacao--acionamento--parte--seguradora {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.corpo--modal--aprovacao--acionamento--parte--seguradora .buttons--corpo--modal--aprovacao--acionamento--parte--seguradora > button {
    padding: 16px 69px;
    border-radius: 34px !important;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.corpo--modal--aprovacao--acionamento--parte--seguradora .buttons--corpo--modal--aprovacao--acionamento--parte--seguradora > a {
    padding: 16px 69px;
    border-radius: 34px !important;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00C1B4;
    color: #FCFCFC;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.fotos--e--text--conteudo--corpo--modal--aprovacao--acionamento--parte--seguradora .container--fotos--adicionadas--editar--excluir {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
}

.container--fotos--adicionadas--editar--excluir .conteudo--fotos--adicionadas--editar--excluir {
    padding: 27px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #D9F1FA;
    position: relative;
    gap: 8px;
}

.container--fotos--adicionadas--editar--excluir .conteudo--fotos--adicionadas--editar--excluir .img--conteudo--fotos--adicionadas--editar--excluir {
    position: absolute;
    top: 15px;
    right: 17px;
    cursor: pointer;
}

.container--fotos--adicionadas--editar--excluir .conteudo--fotos--adicionadas--editar--excluir > p {
    margin: 0 !important;
    color: #0089BF;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.container--fotos--adicionadas--editar--excluir .conteudo--fotos--adicionadas--editar--excluir > button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: 50px;
    background: #0089BF;
    padding: 8px 24px 8px 14px;
    color: #F6F6F6;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: none;
    margin-top: 8px;
}
.container--fotos--adicionadas--editar--excluir .conteudo--fotos--adicionadas--editar--excluir > a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: 50px;
    background: #0089BF;
    padding: 8px 24px 8px 14px;
    color: #F6F6F6;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: none;
    margin-top: 8px;
}

.container__status__atendimento__ocorrencia__prestador__auto__peca {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    padding: 36px 35px;
}

.container__status__atendimento__ocorrencia__prestador__auto__peca > h2 {
    margin: 0;
    color: #333;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
}

.container__status__atendimento__ocorrencia__prestador__auto__peca .atualizar__status__do__atendimento {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    margin-top: 13px;
}

.container__status__atendimento__ocorrencia__prestador__auto__peca .atualizar__status__do__atendimento > p {
    margin: 0;
    padding: 10px 17px;
    border-radius: 4px;
    background: #E7ECFB;
    color: #868EA4;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
}

.container__status__atendimento__ocorrencia__prestador__auto__peca .atualizar__status__do__atendimento > button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-radius: 50px;
    border: 1px solid #0089BF;
    background: transparent;
    color: #0089BF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 24px;
}

.container__status__atendimento__ocorrencia__prestador__auto__peca .container__dados__atendimento__ocorrencia__prestador__auto__peca {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 15px;
    margin-top: 40px;
    width: 100%;
}

.container__dados__atendimento__ocorrencia__prestador__auto__peca .titulo__conteudo__dados__atendimento__ocorrencia__prestador__auto__peca {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.container__dados__atendimento__ocorrencia__prestador__auto__peca .titulo__conteudo__dados__atendimento__ocorrencia__prestador__auto__peca > p {
    color: #333;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}

.container__dados__atendimento__ocorrencia__prestador__auto__peca .titulo__conteudo__dados__atendimento__ocorrencia__prestador__auto__peca > a {
    padding: 11px 19px 11px 25px;
    border-radius: 50px;
    background: #00C1B4;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #FFF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.container__dados__atendimento__ocorrencia__prestador__auto__peca .titulo__conteudo__dados__atendimento__ocorrencia__prestador__auto__peca > a:hover {
    opacity: 0.7;
}

.container__dados__atendimento__ocorrencia__prestador__auto__peca .conteudo__dados__atendimento__ocorrencia__prestador__auto__peca {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 32px 35px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #EEE;
    background: #FCFCFC;
    flex-wrap: wrap;
    gap: 32px;
}

.container__dados__atendimento__ocorrencia__prestador__auto__peca .conteudo__dados__atendimento__ocorrencia__prestador__auto__peca > button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 25px 11px 19px;
    border-radius: 50px;
    background: #0089BF;
    color: #FFF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    gap: 4px;
    border: none;
}

.conteudo__dados__atendimento__ocorrencia__prestador__auto__peca .titulo__e__valor__dados__do__atendimento {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
}

.conteudo__dados__atendimento__ocorrencia__prestador__auto__peca .titulo__e__valor__dados__do__atendimento > p {
    color: #333;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}

.conteudo__dados__atendimento__ocorrencia__prestador__auto__peca .titulo__e__valor__dados__do__atendimento > input {
    border: none;
    color: #333;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    background: transparent !important;
    width: 100%;
}

.conteudo__dados__atendimento__ocorrencia__prestador__auto__peca .titulo__e__valor__dados__do__atendimento > select {
    padding: 10px 17px;
    border-radius: 4px;
    border: 0.854px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    color: #666;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
}

.conteudo__dados__atendimento__ocorrencia__prestador__auto__peca .titulo__e__valor__dados__do__atendimento.veiculo > input {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 420px;
}

.conteudo__dados__atendimento__ocorrencia__prestador__auto__peca .titulo__e__valor__dados__do__atendimento.status__NF > input {
    text-transform: capitalize;
}

.content_total_modal.modal__menor__excep .conteudo__modal__atualizar__status__do__atendimento {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 40px;
    margin-top: 32px;
}

.conteudo__modal__atualizar__status__do__atendimento .container__input__radio__modal__atualizar__status__do__atendimento {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
    width: 100%;
}

.container__input__radio__modal__atualizar__status__do__atendimento .conteudo__input__radio__modal__atualizar__status__do__atendimento {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
}

.container__input__radio__modal__atualizar__status__do__atendimento .conteudo__input__radio__modal__atualizar__status__do__atendimento > p {
    margin: 0 !important;
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.container__input__radio__modal__atualizar__status__do__atendimento .conteudo__input__radio__modal__atualizar__status__do__atendimento > label {
    margin: 0 !important;
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.conteudo__modal__atualizar__status__do__atendimento .container__buttons__modal__atualizar__status__do__atendimento {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.conteudo__modal__atualizar__status__do__atendimento .container__buttons__modal__atualizar__status__do__atendimento > button:first-child {
    padding: 11px 24px;
    border-radius: 50px;
    background: #00C1B4;
    color: #FFF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    text-align: center;
    border: none;
}

.conteudo__modal__atualizar__status__do__atendimento .container__buttons__modal__atualizar__status__do__atendimento > button:last-child {
    padding: 11px 24px;
    border-radius: 50px;
    background: transparent;
    border: none;
    color: #333;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    text-decoration-line: underline;
}

#pagina_inicial .container__mapa__checklist__prestador__auto__peca {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 45%;
    height: 100%;
}

.container__mapa__checklist__prestador__auto__peca .data__entrega__mapa__checklist__prestador__auto__peca {
    border-radius: 0px 0px 8px 8px;
    background: #00C1B4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 16px;
}

.container__mapa__checklist__prestador__auto__peca .data__entrega__mapa__checklist__prestador__auto__peca > p:first-child {
    margin: 0 !important;
    color: #FFF !important;
    font-family: Roboto !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    width: fit-content !important;
    float: unset !important;
}

.container__mapa__checklist__prestador__auto__peca .data__entrega__mapa__checklist__prestador__auto__peca > p:last-child {
    margin: 0 !important;
    color: #FFF !important;
    font-family: Roboto !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    width: fit-content !important;
    float: unset !important;
}

.container__mapa__checklist__prestador__auto__peca .conteudo__mapa__checklist__prestador__auto__peca {
    max-height: 329px;
    overflow: hidden;
    position: relative;
    height: 329px;
    width: 100%;
}

.container__mapa__checklist__prestador__auto__peca .conteudo__mapa__checklist__prestador__auto__peca > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.container__mapa__checklist__prestador__auto__peca .conteudo__mapa__checklist__prestador__auto__peca > a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 5px;
    bottom: 0;
}

#pagina_inicial .container__informacoes__checklist__prestador__auto__peca {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 55%;
    gap: 32px;
}

.container__informacoes__checklist__prestador__auto__peca .conteudo__informacoes__checklist__prestador__auto__peca {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 15px;
    width: 100%;
}

.container__informacoes__checklist__prestador__auto__peca .conteudo__informacoes__checklist__prestador__auto__peca > p {
    margin: 0 !important;
    color: #333 !important;
    font-family: Roboto !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    width: fit-content !important;
    float: unset !important;
}

.conteudo__informacoes__checklist__prestador__auto__peca .titulo__e__botoes__informacoes__checklist__prestador__auto__peca {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.conteudo__informacoes__checklist__prestador__auto__peca .titulo__e__botoes__informacoes__checklist__prestador__auto__peca > p {
    margin: 0 !important;
    color: #333 !important;
    font-family: Roboto !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    width: fit-content !important;
    float: unset !important;
}

.titulo__e__botoes__informacoes__checklist__prestador__auto__peca .botoes {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.titulo__e__botoes__informacoes__checklist__prestador__auto__peca .botoes > button:first-child {
    padding: 9px 24px;
    border-radius: 50px;
    background: #0089BF;
    color: #FFF;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}

.informacoes__checklist__prestador__auto__peca {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 32px 35px;
    gap: 32px;
    border-radius: 8px;
    border: 1px solid #EEE;
    background: #FCFCFC;
    width: 100%;
}

.informacoes__checklist__prestador__auto__peca.informacoes__veiculo {
    flex-wrap: unset;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
}

.container__titulo__e__valor__informacoes__checklist__prestador__auto__peca {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: 32px;
}

.container__titulo__e__valor__informacoes__checklist__prestador__auto__peca.primeiras__informacoes {
    justify-content: space-between;
}

.bottom .novo__estilo__botao__checklist__prestador__auto__peca {
    padding: 12px 21px;
    border-radius: 50px;
    border: 1px solid #0089BF;
    color: #0089BF;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    background: transparent;
}

.informacoes__checklist__prestador__auto__peca .titulo__e__valor__informacoes__checklist__prestador__auto__peca {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
}

.informacoes__checklist__prestador__auto__peca .titulo__e__valor__informacoes__checklist__prestador__auto__peca > p:first-child {
    margin: 0 !important;
    color: #333 !important;
    font-family: Roboto !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    width: fit-content !important;
    float: unset !important;
}

.informacoes__checklist__prestador__auto__peca .titulo__e__valor__informacoes__checklist__prestador__auto__peca > p:last-child {
    margin: 0 !important;
    color: #333 !important;
    font-family: Roboto !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: fit-content !important;
    float: unset !important;
}


@media (max-width: 1340px) {
    .pagina__inicial__media__query__prestador__auto__peca {
        padding: 0 60px !important;
    }
}

@media (max-width: 1230px) {
    .pagina__inicial__media__query__prestador__auto__peca {
        padding: 0 25px !important;
    }
}

@media (max-width: 1160px) {
    .pagina__inicial__media__query__prestador__auto__peca {
        padding: 0 !important;
        flex-direction: column;
        height: auto !important;
    }

    #pagina_inicial .container__mapa__checklist__prestador__auto__peca {
        width: 100%;
    }

    #pagina_inicial .container__informacoes__checklist__prestador__auto__peca {
        width: 100%;
        padding: 0 18px;
    }

    .conteudo__informacoes__checklist__prestador__auto__peca .titulo__e__botoes__informacoes__checklist__prestador__auto__peca {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 15px;
    }

}

@media (max-width: 650px) {
    .titulo__e__botoes__informacoes__checklist__prestador__auto__peca .botoes {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        width: 100%;
    }

    .titulo__e__botoes__informacoes__checklist__prestador__auto__peca .botoes > button:first-child {
        width: 100%;
    }

    .bottom .novo__estilo__botao__checklist__prestador__auto__peca {
        width: 100%;
    }

    .botoes .bottom {
        width: 100%;
    }

    .container__titulo__e__valor__informacoes__checklist__prestador__auto__peca.primeiras__informacoes {
        width: 100%;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }

    .container__titulo__e__valor__informacoes__checklist__prestador__auto__peca {
        width: 100%;
        align-items: center;
        justify-content: flex-start;
    }

    .container__titulo__e__valor__informacoes__checklist__prestador__auto__peca.coluna {
        flex-wrap: wrap;
    }
}
.box .container--exibir--atualizacao--dados {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    border-radius: 8px;
    border: 1px solid #EBEBEB;
    background: #F9F9F9;
    padding: 8px 16px;
}

.container--exibir--atualizacao--dados > p {
    margin: 0 !important;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.trava--de--contrato--novo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    gap: 24px;
    border-radius: 10px;
    border: 1px solid #EBEBEB;
    background: #FFF;
    padding: 32px 48px;
}

.trava--de--contrato--novo > p {
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
}

.rbp__input__e__text {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #EBEBEB;
    background: #F6F6F6;
}

.ContainerIn .new__title__aprovacao {
    color: #333;
    text-align: center;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    padding: 15px 3%;
    text-align: left;
}

.ContainerIn .new__geral__aprovacao__excedente {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 15px 3%;
    width: 100%;
    gap: 18px;
}

.new__geral__aprovacao__excedente .header__new__geral__aprovacao__excedente {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.new__geral__aprovacao__excedente .header__new__geral__aprovacao__excedente > p {
    margin: 0 !important;
    color: #333;
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.new__geral__aprovacao__excedente .header__new__geral__aprovacao__excedente > a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 35px;
    border-radius: 50px;
    background: #00C1B4;
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    border: none;
    cursor: pointer;
}

.new__geral__aprovacao__excedente .header__new__geral__aprovacao__excedente > button:hover {
    opacity: 0.8;
}

.table__with__order .button__aprovacao__excedente__table {
    padding: 7px 15px;
    border-radius: 50px;
    border: 1px solid #0089BF;
    color: #0089BF;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background: transparent;
}

.box .container__arquivos__fotos__aprovacao {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    padding: 24px;
    border-radius: 16px;
    border: 1px solid #EBEBEB;
    background: #FFF;
}

.box .container__arquivos__fotos__aprovacao > button {
    padding: 12px 55px;
    border-radius: 50px;
    background: #0089BF;
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: none;
    margin-left: auto;
}

.container__arquivos__fotos__aprovacao .container__selecionar__arquivo__e__aviso {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 100%;
}

.container__selecionar__arquivo__e__aviso .conteudo__alerta__tipo__de__arquivo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 28px 16px;
    border-radius:8px;
    background: #FFE0E6;
    width: 50%;
}

.container__selecionar__arquivo__e__aviso .conteudo__alerta__tipo__de__arquivo > img {
    width: 16px;
    height: 16px;
}

.container__selecionar__arquivo__e__aviso .conteudo__alerta__tipo__de__arquivo > p {
    margin: 0 !important;
    color: #FF4B6A !important;
    font-family: Roboto;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    width: 432px;
}

.container__arquivos__fotos__aprovacao .container__inputs__arquivos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 100%;
}

.content_total_modal .container__modal__gerar__novo__link__aprovacao__excedente {
    padding: 4px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.content_total_modal .container__modal__gerar__novo__link__aprovacao__excedente.excecao--modal--aprovacao {
    align-items: center;
    justify-content: center;
    width: 100%;
}

.content_total_modal .container__modal__gerar__novo__link__aprovacao__excedente.excecao--modal--aprovacao > h2 {
    margin: 0 0 12px 0 !important;
}

.content_total_modal .container__modal__gerar__novo__link__aprovacao__excedente.excecao--modal--aprovacao > p {
    color: #333;
    text-align: center;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 24px 0 !important;
}

.content_total_modal .container__modal__gerar__novo__link__aprovacao__excedente > h2 {
    color: #333;
    font-family: Open Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 24px 0 !important;
}

.content_total_modal .container__modal__gerar__novo__link__aprovacao__excedente > p {
    margin: 0 0 16px 0 !important;
    color: #333;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.container__modal__gerar__novo__link__aprovacao__excedente .container__prestadores__selecionados__modal__geral__novo__link__aprovacao__excedente {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-height: 600px;
    width: 100%;
    overflow-y: auto;
    border-radius: 8px;
}

.container__prestadores__selecionados__modal__geral__novo__link__aprovacao__excedente .prestador__selecionado__modal__geral__novo__link__aprovacao__excedente {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F6F6F6;
    padding: 24px 24px 20px 24px;
    width: 100%;
}

.container__prestadores__selecionados__modal__geral__novo__link__aprovacao__excedente .prestador__selecionado__modal__geral__novo__link__aprovacao__excedente > p {
    margin: 0 !important;
    color: #333;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.prestador__selecionado__modal__geral__novo__link__aprovacao__excedente .input__e__radio__button__prestador__selecionado {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}


.prestador__selecionado__modal__geral__novo__link__aprovacao__excedente .input__e__radio__button__prestador__selecionado > p {
    margin: 0 !important;
    color: #333;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.container__modal__gerar__novo__link__aprovacao__excedente .container__input__switch__e__text__modal__gerar__novo__link__aprovacao__excedente {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 16px 0 24px 0;
}

.container__modal__gerar__novo__link__aprovacao__excedente .container__input__switch__e__text__modal__gerar__novo__link__aprovacao__excedente > p {
    margin: 0 !important;
    color: #333;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.switch__modal {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 34px;
}

.switch__modal input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider__modal {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    height: 23px;
    width: 48px;
}

.slider__modal:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 16px;
    left: 4px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider__modal {
    background-color: #2196F3;
}

input:focus + .slider__modal {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider__modal:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}


.slider__modal.round {
    border-radius: 34px;
}

.slider__modal.round:before {
    border-radius: 50%;
}

.container__modal__gerar__novo__link__aprovacao__excedente .alert__text__modal__gerar__novo__link__aprovacao__excedente {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 14px 16px;
    border-radius: 8px;
    background: #FFE0E6;
    width: 100%;
}

.container__modal__gerar__novo__link__aprovacao__excedente .alert__text__modal__gerar__novo__link__aprovacao__excedente > img {
    width: 16px;
    height: 16px;
}

.container__modal__gerar__novo__link__aprovacao__excedente .alert__text__modal__gerar__novo__link__aprovacao__excedente > p {
    margin: 0 !important;
    color: #FF4B6A !important;
    font-family: Roboto;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 127.188%;
}

.container__modal__gerar__novo__link__aprovacao__excedente .container__buttons__modal__gerar__novo__link__aprovacao__excedente {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 24px;
}

.container__modal__gerar__novo__link__aprovacao__excedente .container__buttons__modal__gerar__novo__link__aprovacao__excedente > button:first-child {
    padding: 16px 66px;
    border-radius: 34px;
    border: 1px solid #000;
    background: transparent;
    color: #333;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.container__modal__gerar__novo__link__aprovacao__excedente .container__buttons__modal__gerar__novo__link__aprovacao__excedente > button:last-child {
    padding: 17px 77px;
    border-radius: 34px;
    border: none;
    background: #00C1B4;
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.container__novo__aprovacao__faturamento {
    width: 100%;
    height: 100%;
    padding: 65px 135px;
    background: #F7F7F7;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
}

.container__novo__aprovacao__faturamento .header__novo__aprovacao__faturamento {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 32px;
}

.header__novo__aprovacao__faturamento .title__header__novo__aprovacao__faturamento {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}

.header__novo__aprovacao__faturamento .title__header__novo__aprovacao__faturamento > h2 {
    color: #1E2A4E;
    font-family: Roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 !important;
}

.trava--de--contrato--novo .container--valores--das--travas {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.container--valores--das--travas  .button--valores--trava {
    border-radius: 50px;
    border: 1px solid #333;
    padding: 11px 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    color: #333;
    width: 16%;
}

.container--valores--das--travas  .button--valores--trava.ativo {
    border-radius: 50px;
    border: 1px solid #0089BF;
    background: #0089BF;
    border: none;
    font-weight: 700;
    color: #FFFFFF;
}
.header__novo__aprovacao__faturamento .title__header__novo__aprovacao__faturamento > p {
    color: #1E2A4E;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    opacity: 0.7;
    margin: 0 !important;
}

.header__novo__aprovacao__faturamento .data__e__status__header__novo__aprovacao__faturamento {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    gap: 41px;
}

.data__e__status__header__novo__aprovacao__faturamento .data__header__novo__aprovacao__faturamento {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.data__e__status__header__novo__aprovacao__faturamento .data__header__novo__aprovacao__faturamento > p:first-child {
    color: #1E2A4E;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 !important;
    opacity: 0.7;
}

.data__e__status__header__novo__aprovacao__faturamento .data__header__novo__aprovacao__faturamento > p:last-child  {
    color: #1E2A4E;
    text-align: right;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 !important;
}

.data__e__status__header__novo__aprovacao__faturamento .status__header__novo__aprovacao__faturamento {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
}

.data__e__status__header__novo__aprovacao__faturamento .status__header__novo__aprovacao__faturamento > p:first-child {
    opacity: 0.7;
    color: #1E2A4E;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 !important;
}

.data__e__status__header__novo__aprovacao__faturamento .status__header__novo__aprovacao__faturamento > p:last-child {
    padding: 7px 12px;
    border-radius: 4px;
    background: #FF4B6A;
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    margin: 0 !important;
}

.data__e__status__header__novo__aprovacao__faturamento .status__header__novo__aprovacao__faturamento.verde > p:last-child {
    background: #00C1B4;
}

.container__novo__aprovacao__faturamento .box__com__todos__conteudo__novo__aprovacao__faturamento {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 26px;
}

.box__com__todos__conteudo__novo__aprovacao__faturamento .conteudo__novo__aprovacao__faturamento {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    width: 48.7%;
}

.box__com__todos__conteudo__novo__aprovacao__faturamento .conteudo__novo__aprovacao__faturamento.dados__aprovador {
    margin-top: -163px;
}

.box__com__todos__conteudo__novo__aprovacao__faturamento .conteudo__novo__aprovacao__faturamento > p {
    margin: 0 !important;
    color: #1E2A4E;
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.box__com__todos__conteudo__novo__aprovacao__faturamento .box__conteudo__novo__aprovacao__faturamento {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 32px 24px;
    border-radius:8px;
    background: #FFF;
    gap: 18px;
    width: 100%;
}

.box__com__todos__conteudo__novo__aprovacao__faturamento .box__conteudo__novo__aprovacao__faturamento.dados__aprovador > p {
    color: #1E2A4E;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0 !important;
}

.box__com__todos__conteudo__novo__aprovacao__faturamento .box__conteudo__novo__aprovacao__faturamento.valores__do__excedente {
    padding: 32px 0 0 0;
}

.box__conteudo__novo__aprovacao__faturamento .primeira__linha__box__conteudo__novo__aprovacao__faturamento {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 24px;
}

.box__conteudo__novo__aprovacao__faturamento .primeira__linha__box__conteudo__novo__aprovacao__faturamento.valores__do__excedente__header > p {
    color: #1E2A4E;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin: 0 !important;
    padding: 0 10px;
}

.box__conteudo__novo__aprovacao__faturamento .titulo__e__valor__box__conteudo__novo__aprovacao__faturamento {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 6px;
}

.box__conteudo__novo__aprovacao__faturamento .titulo__e__valor__box__conteudo__novo__aprovacao__faturamento > p:first-child {
    color: #1E2A4E;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin: 0 !important;
    opacity: 0.7;
}

.box__conteudo__novo__aprovacao__faturamento .titulo__e__valor__box__conteudo__novo__aprovacao__faturamento.valor > p:last-child {
    color: #1E2A4E;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 !important;
}

.box__conteudo__novo__aprovacao__faturamento .titulo__e__valor__box__conteudo__novo__aprovacao__faturamento.texto__menor > p:last-child {
    color: #1E2A4E;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 131.187%;
    margin: 0 !important;
}

.box__conteudo__novo__aprovacao__faturamento .titulo__e__valor__box__conteudo__novo__aprovacao__faturamento > p:last-child {
    margin: 0 !important;
    color: #1E2A4E;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.box__conteudo__novo__aprovacao__faturamento .titulo__e__valor__box__conteudo__novo__aprovacao__faturamento > a {
    padding: 8px 12px;
    border-radius: 4px;
    background: #D3E8F0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #0089BF;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
    cursor: pointer;
}

.box__conteudo__novo__aprovacao__faturamento .box__valores__do__excedente__scroll {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: 160px;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    width: 100%;
    padding: 0 24px;
}

.box__valores__do__excedente__scroll .valores__do__excedente__scroll {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 10px;
}

.box__valores__do__excedente__scroll .valores__do__excedente__scroll > p {
    margin: 0 !important;
    color: #1E2A4E;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.box__conteudo__novo__aprovacao__faturamento.valores__do__excedente .valores__do__excedente__valor__total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 25px;
    border-radius: 0px 0px 8px 8px;
    background: #FF4B6A;
    width: 100%;
}

.box__conteudo__novo__aprovacao__faturamento.valores__do__excedente .valores__do__excedente__valor__total.total__faturado {
    background: #00C1B4;
}

.box__conteudo__novo__aprovacao__faturamento.valores__do__excedente .valores__do__excedente__valor__total > p:first-child {
    margin: 0 !important;
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.box__conteudo__novo__aprovacao__faturamento.valores__do__excedente .valores__do__excedente__valor__total > p:last-child {
    margin: 0 !important;
    color: #FFF;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.box__conteudo__novo__aprovacao__faturamento.dados__aprovador .inputs__nome__cpf__dados__aprovador {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    width: 100%;
}

.inputs__nome__cpf__dados__aprovador .title__e__input__dados__aprovador {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

.inputs__nome__cpf__dados__aprovador .title__e__input__dados__aprovador.width__70 {
    width: 70%;
}

.inputs__nome__cpf__dados__aprovador .title__e__input__dados__aprovador.width__30 {
    width: 30%;
}

.inputs__nome__cpf__dados__aprovador .title__e__input__dados__aprovador > p {
    margin: 0 !important;
    color: #1E2A4E;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

.inputs__nome__cpf__dados__aprovador .title__e__input__dados__aprovador > input::placeholder {
    margin: 0 !important;
    color: #C2C2C2;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.inputs__nome__cpf__dados__aprovador .title__e__input__dados__aprovador > input {
    padding: 14px 20px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    margin: 0 !important;
    color: #C2C2C2;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
}

.box__conteudo__novo__aprovacao__faturamento.dados__aprovador .select__funcao__dados__aprovador {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

.box__conteudo__novo__aprovacao__faturamento.dados__aprovador .select__funcao__dados__aprovador > p {
    margin: 0 !important;
    color: #1E2A4E;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

.box__conteudo__novo__aprovacao__faturamento.dados__aprovador .select__funcao__dados__aprovador > select {
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    padding: 14px 20px;
    color: #C2C2C2;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
}

.box__conteudo__novo__aprovacao__faturamento .container__assinatura__dados__aprovador {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}

.box__conteudo__novo__aprovacao__faturamento .container__assinatura__dados__aprovador.assinado {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    gap: 8px;
}

.container__assinatura__dados__aprovador .conteudo__assinatura__dados__aprovador.assinado {
    border-radius: 0;
    background: none;
    padding: 100px 35px 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.conteudo__novo__aprovacao__faturamento.dados__aprovador .container__assinatura__assinada {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.conteudo__novo__aprovacao__faturamento.dados__aprovador .container__assinatura__assinada > p {
    color: #00C1B4;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 4px;
    background: #D8EFEE;
    padding: 7px 12px;
    width: 100%;
}

.container__assinatura__dados__aprovador .conteudo__assinatura__dados__aprovador.assinado > p {
    margin: 0 !important;
    color: #1E2A4E;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    opacity: 0.7;
    border-top: 1px solid #EBEBEB;
    width: 100%;
}

.container__assinatura__dados__aprovador .conteudo__assinatura__dados__aprovador {
    border-radius: 8px;
    background: #F2F2F2;
    padding: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.container__assinatura__dados__aprovador .conteudo__assinatura__dados__aprovador > p {
    margin: 0 !important;
    color: #1E2A4E;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
    opacity: 0.7;
}

.box__conteudo__novo__aprovacao__faturamento .container__assinatura__dados__aprovador > p {
    margin: 0 !important;
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 100%;
    padding: 8px 25px;
    border-radius: 0px 0px 8px 8px;
    background: #1E2A4E;
    text-align: center;
}

.box__com__todos__conteudo__novo__aprovacao__faturamento > button {
    padding: 24px 28px;
    border-radius: 50px;
    background: #00C1B4;
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: none;
}

.box__com__todos__conteudo__novo__aprovacao__faturamento .button__aprovacao__conteudo__novo__aprovacao__faturamento {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.box__com__todos__conteudo__novo__aprovacao__faturamento .button__aprovacao__conteudo__novo__aprovacao__faturamento > button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 12px 28px;
    border-radius: 50px;
    background: #00C1B4;
    color: #FFF;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: none;
}

.box__com__todos__conteudo__novo__aprovacao__faturamento .logo__delta__conteudo__novo__aprovacao__faturamento {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.box__com__todos__conteudo__novo__aprovacao__faturamento .logo__delta__conteudo__novo__aprovacao__faturamento  > p {
    margin: 0 !important;
    color: #858585;
    font-family: Roboto;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.container__novo__aprovacao__faturamento .assinar__e__aprovar__fixo {
    display: none;
}


@media (max-width:1290px) {
    .container__novo__aprovacao__faturamento {
        padding: 65px 35px;
    }
}

@media (max-width:1085px) {
    .box__com__todos__conteudo__novo__aprovacao__faturamento .conteudo__novo__aprovacao__faturamento {
        width: 100%;
    }

    .box__com__todos__conteudo__novo__aprovacao__faturamento .conteudo__novo__aprovacao__faturamento.dados__aprovador {
        margin-top: 0;
    }

    .container__novo__aprovacao__faturamento .header__novo__aprovacao__faturamento {
        flex-direction: column-reverse;
    }

    .header__novo__aprovacao__faturamento .data__e__status__header__novo__aprovacao__faturamento {
        gap: unset;
        justify-content: space-between;
    }
}

@media (max-width: 770px) {
    .box__com__todos__conteudo__novo__aprovacao__faturamento .button__aprovacao__conteudo__novo__aprovacao__faturamento > button {
        width: 100%;
    }

    .container__novo__aprovacao__faturamento .assinar__e__aprovar__fixo {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        background: #1E2A4E;
        padding: 8px 4px;
        border-radius: 0 0 8px 8px;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
    }

    .container__novo__aprovacao__faturamento .assinar__e__aprovar__fixo > button {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        padding: 18px 28px;
        border-radius: 50px;
        background: #0089BF;
        color: #FFF;
        text-align: center;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        border: none;
    }
}

@media (max-width: 560px) {
    .box__conteudo__novo__aprovacao__faturamento .primeira__linha__box__conteudo__novo__aprovacao__faturamento {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
        padding: 0 24px;
        flex-direction: column;
        gap: 18px;
    }

    .box__conteudo__novo__aprovacao__faturamento .primeira__linha__box__conteudo__novo__aprovacao__faturamento.valores__do__excedente__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 0 24px;
        flex-direction: unset;
    }

    .box__conteudo__novo__aprovacao__faturamento.dados__aprovador .inputs__nome__cpf__dados__aprovador {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        gap: 15px;
        width: 100%;
        flex-direction: column;
    }

    .inputs__nome__cpf__dados__aprovador .title__e__input__dados__aprovador.width__70 {
        width: 100%;
    }

    .inputs__nome__cpf__dados__aprovador .title__e__input__dados__aprovador.width__30 {
        width: 100%;
    }
}

@media (max-width: 410px) {
    .header__novo__aprovacao__faturamento .data__e__status__header__novo__aprovacao__faturamento {
        gap: 20px;
    }
}

.container--inputs--box--motivo--desistencia {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 40px;
    background: #F6F6F6;
    padding: 24px;
    width: 100%;
    margin-bottom: 16px;
}

.container--inputs--box--motivo--desistencia .conteudo--inputs--box--motivo--desistencia {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: 16px;
}

.container--inputs--box--motivo--desistencia .conteudo--inputs--box--motivo--desistencia > p {
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    margin: 0 !important;
}

.conteudo__local__ocorrencia__e__destino .div_recolher_base_prestador_adicional {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 11px;
    width: 100%;
}

.conteudo__local__ocorrencia__e__destino .div_recolher_base_prestador_adicional > label {
    margin: 0 !important;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
}

.conteudo__local__ocorrencia__e__destino .div_recolher_base_prestador_adicional > input {
    margin: 0 !important;
}
.title-page > .accessMyPanelButton {
    position: absolute;
    right: 0;
    top:50%;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    padding: 15px;
    font-weight: 600;
    border-radius: 50px;
    background: #00C1B4;
    display: flex;
    align-items: center;
    column-gap: 4px;
}

.button-ver-informativo-plano {
    padding: 10px 24px !important;
    border: 1px solid #0089BF;
    color: #0089BF;
    background-color: transparent;
    border-radius: 50px;
    cursor: pointer;

    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    outline: none;
}

.button-ver-informativo-plano:hover {
    opacity: 0.7
}

.content-grid-checkbox-modal {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

@media (max-width: 1130px) {
    .content-grid-checkbox-modal {
        grid-template-columns: repeat(3, 1fr);
    }
}

.container-cinza-info-extras-modal {
    margin: 0;
    padding: 16px 16px 16px 32px;
    border-radius: 4px;
    background: #F7F7F7;
    width: 100%;

    color: #333;
    font-size: 16px;
    font-weight: 400;
}
.container__flex__principal .padding--e--background--bi--acionament--eletronico {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    border-radius: 10px 10px 0px 0px;
    border: 1px solid #EBEBEB;
    background: #F9F9F9;
    padding: 20px 24px 24px 24px;
    gap: 10px;
}

.padding--e--background--bi--acionament--eletronico .divisao--container--input--e--text {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
}

.divisao--container--input--e--text .container--input--e--text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
    width: 33%;
}

.divisao--container--input--e--text .container--input--e--text > p {
    margin: 0;
    color: #333;
    font-weight: 400;
    font-size: 14px;
}

.divisao--container--input--e--text .container--input--e--text > select {
    padding: 13px 20px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    width: 100%;
}

.divisao--container--input--e--text .container--input--e--text > select > option {
    color: #666;
    font-size: 14px;
    font-weight: 500;
}

.container--input--e--text .pesquisar--nome--ou--ID {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 10px 20px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    width: 100%;
}

.divisao--container--input--e--text .pesquisar--nome--ou--ID > input {
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    background: transparent;
    width: 100%;
}

.divisao--container--input--e--text .pesquisar--nome--ou--ID > input::placeholder {
    color: #BABABA;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.divisao--container--input--e--text .pesquisar--nome--ou--ID > input:focus {
    border: none;
    background: transparent;
}

.divisao--container--input--e--text .botao--pesquisar--limpar--filtros {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 22px;
}

.divisao--container--input--e--text .botao--pesquisar--limpar--filtros > button {
    background: #0089BF;
    border-radius: 30px;
    padding: 12px 23px;
    border: none;
}

.divisao--container--input--e--text .botao--pesquisar--limpar--filtros > a {
    color: #333;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    margin: 0 !important;
    border: none;
}

.cancel-btn {
    border: 1px solid #000;
    background-color: transparent;
    border-radius: 50px !important;
}

.cancel-btn:hover {
    background-color: #E9E9E9;
}

.alerta__historico__ocorrencia {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    background: rgba(255, 75, 106, 0.15);
    color: #FF4B6A;
    font-weight: bold;
    border-radius: 8px;
    gap: 8px;
}

.textarea__historico__ocorrencia, .textarea__historico__financeiro {
    width: 100%;
    height: 72px;
    resize: none;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #EBEBEB;
    background: #FFF;
}

.textarea__historico__ocorrencia:focus, .textarea__historico__financeiro:focus {
    outline: none;
}

.container__abas__historico {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
    background: #F9F9F9;
    padding: 20px;
    border-radius: 8px 8px 0 0;
}

.container__abas__historico__flex__row {
    display: flex;
    width: 100%;
    gap: 20px;
    background: #F9F9F9;
    padding: 20px;
    border-radius: 8px;
}

.container__abas__historico.campos {
    flex-direction: unset;
    align-items: flex-end;
    justify-content: flex-start;
}

.btn__enviar__historico {
    border: none;
    background: #0089BF;
    color: #fff;
    border-radius: 50px;
    font-weight: 600;
    font-family: roboto;
    font-size: 14px;
    padding: 8px 32px;
    height: fit-content;
}

.texto__input__historico__ocorrencia {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 45%;
    gap: 5px;
}

.texto__input__historico__ocorrencia > input,
.texto__input__historico__ocorrencia > select {
    width: 100% !important;
    border: 1px solid #dcdcdc !important;
    padding: 10px !important;
    border-radius: 4px !important;
    background: #fff !important;
    font-size: 12px !important;
}

.abas .aba__historico__ocorrencia {
    padding: 10px 24px;
    border: 1px solid #F4F4F4;
    background: #F1F1F1;
}

.abas .aba__historico__ocorrencia:first-child {
    border-radius: 10px 0 0 0;
}

.abas .aba__historico__ocorrencia:last-child {
    border-radius: 0 10px 0 0;
}

.abas .aba__historico__ocorrencia.active {
    background: #FFF;
}

.abas .aba__historico__ocorrencia > a {
    margin: 0;
    padding: 0;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 300;
    background: transparent;
}

.abas .aba__historico__ocorrencia.active > a {
    color: #0089BF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    background: transparent;
}

.texto__input__historico__ocorrencia .input--e--icone--lupa--abas--historico--ocorrencia {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
    background: #FFF;
}

.texto__input__historico__ocorrencia .input--e--icone--lupa--abas--historico--ocorrencia > input {
    border: none;
    width: 100% !important;
    color: #333;
    font-family: Roboto;
    font-size: 14px !important;
    font-weight: 400;
    text-align: left !important;
    background: transparent;
}

.texto__input__historico__ocorrencia .input--e--icone--lupa--abas--historico--ocorrencia > input::placeholder {
    color: #BABABA;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.gestao--de--filas--telefonia--box--pesquisar {
    display: flex;
    float: unset !important;
    padding: 20px 24px 24px 24px !important;
    border: 1px solid #EBEBEB !important;
    background: #F9F9F9 !important;
    margin-bottom: 24px;
}

.gestao--de--filas--telefonia--box--pesquisar .box--pesquisar--telefonia--form {
    flex-flow: unset !important;
    align-items: flex-end;
    justify-content: space-between;
    font-weight: unset !important;
}

.gestao--de--filas--telefonia--box--pesquisar .box--pesquisar--telefonia--form .button--form--pesquisar--telefonia {
    min-width: unset !important;
    width: 6%;
    flex: unset !important;
}

.gestao--de--filas--telefonia--box--pesquisar .box--pesquisar--telefonia--form .button--form--pesquisar--telefonia > button {
    border-radius: 30px;
    background: #0089BF;
    border: none;
    width: 100%;
    padding: 11px 12px;
}

.table__with__order .botao--padrao--gestao--filas--telefonia {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 11px 17px 11px 13px;
    background: transparent;
    border-radius: 50px;
    border: 1px solid #0089BF;
    color:#0089BF;
    font-size: 14px;
    font-weight: 700;
}

.table__with__order .botao--padrao--gestao--filas--telefonia.red {
    border: 1px solid #FF4B6A;
    color: #FF4B6A;
}

.titulo--tabela--e--botoes--gestao--telefonia {
    width: 100%;
    padding: 16px 27px 16px 23px;
    border: 1px solid #F1F1F1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px 8px 0 0;
}

.titulo--tabela--e--botoes--gestao--telefonia > p {
    margin: 0 !important;
    color: #333;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.titulo--tabela--e--botoes--gestao--telefonia .botoes--gestao--telefonia--titulo--tabela {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.botoes--gestao--telefonia--titulo--tabela .botao--titulo--tabela {
    padding: 10px 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 50px;
    border: 1px solid #EBEBEB;
    background: #EBEBEB;
    color: #FFF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
}

.botoes--gestao--telefonia--titulo--tabela .botao--titulo--tabela > span {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
}

.botoes--gestao--telefonia--titulo--tabela .botao--titulo--tabela.vermelho {
    border: 1px solid #FF4B6A;
    background: #FF4B6A;
}

.botoes--gestao--telefonia--titulo--tabela .botao--titulo--tabela.azul {
    border: 1px solid #0089BF;
    background: #0089BF;
}

.botao--adicionar--ramal--a--fila {
    padding: 11px 25px;
    border-radius: 50px;
    background: #00C1B4;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #FCFCFC;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    max-width: 272px;
    float: right;
}

.botao--adicionar--ramal--a--fila:hover {
    color: #FCFCFC !important;
}

.botao--adicionar--ramal--a--fila > span {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
}

.container__amarelo {
    background: #FFF9F0;
    color: #9c9d16;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    font-size: 17px;
    align-items: center;
}

.container__vermelho {
    background: #FFE0E6;
    color: #f90808;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    font-size: 17px;
    align-items: center;
}

.container__laranja {
    background: #FFF9F0;
    color: #fc8c1c;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    font-size: 17px;
    align-items: center;
}

.container__modal__gerar__novo__link__aprovacao__excedente .div_label_input_row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    border-radius: 8px;
    background: #F6F6F6;
    padding: 16px;
    gap: 4px;
}

.container__modal__gerar__novo__link__aprovacao__excedente .div_label_input_row > p {
    color: #858585;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    margin: 0 !important;
}

.div_label_input_row .dados_mta_label {
    padding: 14px 30px 14px 16px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
}

.div_label_input_row .dados_mta_label::placeholder {
    color: #BABABA;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.container__buttons__modal__gerar__novo__link__aprovacao__excedente.excecao--MTA .tipos--de--botoes {
    padding: 16px 53px;
    border-radius: 34px;
    border: 1px solid #000;
    background: transparent;
    color: #333;
    font-size: 14px;
    font-weight: 500;
}

.container__buttons__modal__gerar__novo__link__aprovacao__excedente.excecao--MTA .tipos--de--botoes.desativado {
    border-radius: 50px;
    background: #EBEBEB;
    padding: 16px 53px;
    color: #FFF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
}

.container__buttons__modal__gerar__novo__link__aprovacao__excedente.excecao--MTA .tipos--de--botoes.liberado {
    padding: 16px 53px;
    border-radius: 50px;
    background: #00C1B4;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
}

.container__modal__gerar__novo__link__aprovacao__excedente .container--buttons--modal--coluna--padrao {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

.container__modal__gerar__novo__link__aprovacao__excedente .container--buttons--modal--coluna--padrao .botao--padrao {
    width: 100%;
    border-radius: 34px;
    border: 1px solid #000;
    padding: 16px;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    background: transparent;
}

.container__modal__gerar__novo__link__aprovacao__excedente .container--buttons--modal--coluna--padrao .botao--padrao.vermelho {
    background: #FF4B6A;
    border: none;
    color: #FFF;
    font-weight: 600;
}

.container__modal__gerar__novo__link__aprovacao__excedente .botao--sem--borda--e--cor  {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.container__modal__gerar__novo__link__aprovacao__excedente .botao--sem--borda--e--cor > button {
    padding: 16px 60px;
    border-radius: 34px;
    border: 1px solid #000;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    background: transparent;
}

.container__modal__gerar__novo__link__aprovacao__excedente .container--visualizar--modal--MTA {
    padding: 24px 16px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    border-radius: 8px;
    background: #F6F6F6;
}

.container--visualizar--modal--MTA .protocolo--visualizar--modal--MTA {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
}

.container--visualizar--modal--MTA .protocolo--visualizar--modal--MTA > p:first-child,
.container--visualizar--modal--MTA .protocolo--visualizar--modal--MTA > a:first-child {
    color: #858585;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    margin: 0 !important;
}

.container--visualizar--modal--MTA .protocolo--visualizar--modal--MTA > p:last-child,
.container--visualizar--modal--MTA .protocolo--visualizar--modal--MTA > a:last-child {
    padding: 7px 12px;
    border-radius: 4px;
    background: rgba(0, 137, 191, 0.15);
    color: #0089BF;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    text-decoration-line: underline;
    margin: 0 !important;
}

.container--visualizar--modal--MTA .endereco--visualizar--modal--MTA {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
}

.container--visualizar--modal--MTA .endereco--visualizar--modal--MTA > p:first-child {
    color: #858585;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    margin: 0 !important;
}

.container--visualizar--modal--MTA .endereco--visualizar--modal--MTA > p:last-child {
    color: #333;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 !important;
}

.container__input__date .conteudo--date--indicadores--operacoes {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
}

.container__input__date .conteudo--date--indicadores--operacoes > p {
    color: #545454;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    margin: 0 !important;
    display: flex;
    align-items: flex-start;
}

.container__input__date .conteudo--date--indicadores--operacoes > p > span {
    color: #FF4B6A;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    margin: 0 !important;
}

#container__alert > h4.note {
    float: none !important;
}

/* NOVA BARRA DE PESQUISA PARA NOVAS TELAS  */

.container--barra--de--pesquisa--novas--telas {
    padding: 20px 24px 24px 24px;
    border-radius: 10px;
    border: 1px solid #EBEBEB;
    background: #F9F9F9;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px;
    margin-top: 14px;
}

.container--barra--de--pesquisa--novas--telas .limpar--filtros--barra--pesquisa {
    padding: 13px 20px;
    border-radius: 50px;
    border: 1px solid #EBEBEB;
    background: #FFF;
    text-wrap: nowrap;
    color: #545454;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
}

.container--barra--de--pesquisa--novas--telas .texto--e--valor--barra--de--pesquisa--novas--telas {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    width: 30%;
}

.container--barra--de--pesquisa--novas--telas .conteudo--botao--e--limpar--filtros--barra--de--pesquisa--novas--telas {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-bottom: -17px;
    width:150px;
}

.container--barra--de--pesquisa--novas--telas .conteudo--botao--e--limpar--filtros--barra--de--pesquisa--novas--telas > button {
    background: #0089BF;
    padding: 10px 26px;
    border-radius: 30px;
}

.container--barra--de--pesquisa--novas--telas .conteudo--botao--e--limpar--filtros--barra--de--pesquisa--novas--telas > p{
    margin: 0 !important;
    color: #333;
    font-size: 12px;
    font-weight: 400;
    text-decoration-line: underline;
}

.container--barra--de--pesquisa--novas--telas .texto--e--valor--barra--de--pesquisa--novas--telas > p {
    color: #545454;
    font-size: 12px;
    font-weight: 400;
    margin: 0 !important;
    font-family: Roboto;
}

.texto--e--valor--barra--de--pesquisa--novas--telas .conteudo--data--barra--de--pesquisa--novas--telas {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 15px 14px 15px 38px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    position: relative;
}

.texto--e--valor--barra--de--pesquisa--novas--telas .conteudo--data--barra--de--pesquisa--novas--telas > input::-webkit-calendar-picker-indicator {
    position: absolute;
    left: 15px;
    top: 14px;
    width: 17px;
    height: 17px;
    background-image: url(/assets/img/icon__calendar__cinza.svg);
}

.container--barra--de--pesquisa--novas--telas .texto--e--valor--barra--de--pesquisa--novas--telas > select,
.container--barra--de--pesquisa--novas--telas .texto--e--valor--barra--de--pesquisa--novas--telas > input,
.container--barra--de--pesquisa--novas--telas .texto--e--valor--barra--de--pesquisa--novas--telas .meuSelect > select {
    padding: 14px 20px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    width: 100%;
    color: #666;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    height: 48px;
}

.container--barra--de--pesquisa--novas--telas .texto--e--valor--barra--de--pesquisa--novas--telas > select > option {
    color: #666;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
}

.texto--e--valor--barra--de--pesquisa--novas--telas .input--pesquisar--com--icone--de--lupa {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 14px 30px 14px 16px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    width: 100%;
    height: 48px;
}

.texto--e--valor--barra--de--pesquisa--novas--telas .input--pesquisar--com--icone--de--lupa > input {
    color: #666;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    border: none;
    background: transparent;
    width: 100%;
}

.texto--e--valor--barra--de--pesquisa--novas--telas .input--pesquisar--com--icone--de--lupa > input::placeholder {
    color: #BABABA;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.container--barra--de--pesquisa--novas--telas > button {
    background: #0089BF;
    padding: 10px 26px;
    border-radius: 30px;
}

.container--barra--de--pesquisa--novas--telas > a {
    color: #545454;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    margin: 0 !important;
    padding: 10px 24px;
    border-radius: 50px;
    border: 1px solid #EBEBEB;
    background: #FFF;
}

.modal-content.modal--produtos--x--modalidades {
    padding: 24px 32px 32px 32px;
    position: relative;
    gap: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.modal-content.modal--produtos--x--modalidades .fechar--modal--produtos--x--modalidades {
    color: #666;
    margin: 0 !important;
    font-weight: bold;
    font-size: 13px;
    position: absolute;
    right: 17px;
    top: 17px;
    cursor: pointer;
}

.modal-content.modal--produtos--x--modalidades > h2 {
    color: #333;
    font-family: Open Sans;
    font-size: 22px;
    font-weight: 700;
    margin: 0 !important;
}

.modal-content .input--e--text--modal--padrao {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

.modal-content .input--e--text--modal--padrao > p {
    margin: 0 !important;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.modal-content .input--e--text--modal--padrao > select {
    padding: 14px 20px;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
}

.modal-content .input--e--text--modal--padrao > select > option {
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.modal-content.modal--produtos--x--modalidades .texto--e--box--de--selecao--grande--modal--produtos--x--modalidades {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
}

.container__input__date .conteudo--date--indicadores--operacoes {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
}

.container__input__date .conteudo--date--indicadores--operacoes > p {
    color: #545454;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    text-wrap: nowrap;
}

.modal-content.modal--produtos--x--modalidades .texto--e--box--de--selecao--grande--modal--produtos--x--modalidades > p {
    margin: 0 !important;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.texto--e--box--de--selecao--grande--modal--produtos--x--modalidades .box--selecao--grande--modal--produtos--x--modalidades {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
}

.box--selecao--grande--modal--produtos--x--modalidades .selecao--grande--modal--produtos--x--modalidades {
    padding: 16px 24px;
    width: 100%;
    background: #F6F6F6;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}

.box--selecao--grande--modal--produtos--x--modalidades .selecao--grande--modal--produtos--x--modalidades > p {
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.box--selecao--grande--modal--produtos--x--modalidades .selecao--grande--modal--produtos--x--modalidades.cinza--escuro {
    background: #EAEAEA;
}

.modal-content .botoes--flex--modal--padrao {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.botoes--flex--modal--padrao .botao--padrao--modal {
    padding: 16px 43px;
    border-radius: 34px;
    border: 1px solid #000;
    background: transparent;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
}

.botoes--flex--modal--padrao .botao--padrao--modal.verde {
    background: #00C1B4;
    border: none;
    color: #FFF;
}

.table-row-message {
    text-align: center;
    font-size: 14px;
    color: #333;
}

.nowrap {
    white-space: nowrap;
}

.container--box--pesquisar--usuarios--corretor--principal {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.container--box--pesquisar--usuarios--corretor--principal .conteudo--form--pesquisar--usuarios--corretor--principal {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #EBEBEB;
    background: #F9F9F9;
    padding: 20px 24px 24px 24px;
}

.conteudo--form--pesquisar--usuarios--corretor--principal .botao--box--pesquisar--usuarios--corretor--principal {
    padding: 10px 24px;
    margin-top: 18px;
    background: #0089BF;
    border: none;
    border-radius: 50px;
}

#form_new .botao--generico--corretor--principal {
    border: none;
    padding: 15px 25px 15px 17px;
    border-radius: 50px;
    background: #00C1B4;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    max-height: 40px;
}

#form_new .botao--generico--corretor--principal.exportar--excel {
    padding: 16px;
    border: 1px solid #0089BF;
    background: #FFFFFF;
    color: #0089BF;
}

#form_new .botao--generico--corretor--principal.exportar--excel.exportar--excel--open {
    background: #0089BF;
    color: #FFFFFF;
}
.novo--multiselect {
    width: 100%;
}

.novo--selectBox {
    position: relative;
}

.novo--selectBox select {
    width: 100%;
    padding: 14px 20px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.banner.novo--padding--border--radius .novo--corpo--modal--mudar--status--de--atualizacao--ocorrencias {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
}

.novo--corpo--modal--mudar--status--de--atualizacao--ocorrencias .troca_status_normal {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}

.novo--corpo--modal--mudar--status--de--atualizacao--ocorrencias .troca_status_normal.centralizado {
    align-items: center;
    justify-content: center;
}

.novo--corpo--modal--mudar--status--de--atualizacao--ocorrencias .troca_status_normal.centralizado > p {
    text-align: center;
}

.novo--corpo--modal--mudar--status--de--atualizacao--ocorrencias .troca_status_normal > h4 {
    color: #333;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 700;
}

.novo--corpo--modal--mudar--status--de--atualizacao--ocorrencias .troca_status_normal > p {
    color: #333;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    margin: 0 !important;
}

.novo--corpo--modal--mudar--status--de--atualizacao--ocorrencias .troca_status_normal > textarea {
    padding: 14px 20px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    min-height: 139px;
}

.novo--overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.checkboxes_adicionar_novo_ramal_a_fila {
    display: none;
    padding: 8px 24px;
    background: #FFF;
    max-height:250px;
    overflow: auto;
    position:absolute;
    z-index: 9000;
    width: 94%;
    box-shadow:0 0 10px 0 rgba(100, 100, 100, 0.26);
}

.checkboxes_adicionar_novo_ramal_a_fila.ativo {
    background: #D3E8F0;
}

.checkboxes_adicionar_novo_ramal_a_fila label {
    display: flex;
    justify-content: space-between;
    align-items:center;
    width: 100%;
    height: 35px;
}

.checkboxes_adicionar_novo_ramal_a_fila label.selected {
    color: #0089BF !important;
}

.container--selecionar--com--botao--e--box--escolha--a--fila {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border-bottom: 1px solid #EBEBEB;
    background: #F9F9F9;
    padding: 16px;
    border-radius: 8px;
}

.container--selecionar--com--botao--e--box--escolha--a--fila .conteudo--selecionar--com--botao {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
}

.container--selecionar--com--botao--e--box--escolha--a--fila .conteudo--selecionar--com--botao > button {
    padding: 12px 24px;
    border-radius: 50px;
    background: #0089BF;
    color: #FFF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    border: none;
}

.conteudo--box--escolher--fila {
    height: auto;
    max-height:260px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    border: 1px solid #EBEBEB;
    overflow: auto;
}

.conteudo--box--escolher--fila > li {
    padding: 16px 24px;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.novo--corpo--modal--mudar--status--de--atualizacao--ocorrencias .container--button--modal--mudar--status--de--atualizacao--ocorrencias {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin-top: 24px;
}

.container--button--modal--mudar--status--de--atualizacao--ocorrencias .button--modal--mudar--status--de--atualizacao--ocorrencias {
    border-radius: 34px;
    border: 1px solid #000;
    padding: 12px 75px;
    background: transparent;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.conteudo--box--escolher--fila > li > button {
    padding: 11px 17px;
    border-radius: 50px;
    border: 1px solid #FF4B6A;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #FF4B6A;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
}

.conteudo--box--escolher--fila > li:nth-child(odd) {
    background: #FFF;
}
.conteudo--box--escolher--fila > li:nth-child(even) {
    background: #F9F9F9;
}

.conteudo--selecionar--com--botao .texto--e--multiselect {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    width: 100%;
}

.conteudo--selecionar--com--botao .texto--e--multiselect > p {
    margin: 0 !important;
    color: #858585;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
}

.container--button--modal--mudar--status--de--atualizacao--ocorrencias .button--modal--mudar--status--de--atualizacao--ocorrencias.centralizada,
.container--button--modal--mudar--status--de--atualizacao--ocorrencias .button--modal--mudar--status--de--atualizacao--ocorrencias.verde--sem--borda.centralizada {
    padding: 16px 45px;
}

.container--button--modal--mudar--status--de--atualizacao--ocorrencias .button--modal--mudar--status--de--atualizacao--ocorrencias.verde--sem--borda {
    background: #00C1B4;
    border: none;
    color: #FCFCFC;
}

.novo--corpo--modal--mudar--status--de--atualizacao--ocorrencias .alerta--modal--mudar--status--de--atualizacao--ocorrencias {
    width: 100%;
    border-radius: 8px;
    background: #FFE0E6;
    padding: 8px 10px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.novo--corpo--modal--mudar--status--de--atualizacao--ocorrencias .alerta--modal--mudar--status--de--atualizacao--ocorrencias > img {
    width: 16px;
}

.novo--corpo--modal--mudar--status--de--atualizacao--ocorrencias .alerta--modal--mudar--status--de--atualizacao--ocorrencias > p {
    margin: 0 !important;
    color: #FF4B6A;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
}

.cores--de--status--atualizacao--ocorrencia--e--historico {
    background: #b7b7b7;
    color: #fff;
}

.cores--de--status--atualizacao--ocorrencia--e--historico.aguarda--destino {
    background: #FFB340;
    color: #FFF;
}

.cores--de--status--atualizacao--ocorrencia--e--historico.definicao--de--destino {
    background: #FFF4E2;
    color: #FFB340;
}

.cores--de--status--atualizacao--ocorrencia--e--historico.em--andamento {
    background: #00C1B4;
    color: #FFF;
}
.cores--de--status--atualizacao--ocorrencia--e--historico.tempo--excedido {
    background: #b7b7b7;
    color: #FFF;
}
.cores--de--status--atualizacao--ocorrencia--e--historico.entrega--prevista {
    background: #D8EFEE;
    color: #00C1B4;
}

.cores--de--status--atualizacao--ocorrencia--e--historico.entregue--destino--errado {
    background: #FF4B6A;
    color: #FFF;
}

.cores--de--status--atualizacao--ocorrencia--e--historico.veiculo--retido {
    background: #FF4B6A;
    color: #FFF;
}


.cores--de--status--atualizacao--ocorrencia--e--historico.remocao--agendada {
    background: #F0E8FC;
    color: #7837E8;
}

.cores--de--status--atualizacao--ocorrencia--e--historico.retorno--unidas {
    background: #0089BF;
    color: #FFF;
}

.cores--de--status--atualizacao--ocorrencia--e--historico.sem--contato--com--a--base {
    background: #F4DFE3;
    color: #FF4B6A;
}

.cores--de--status--atualizacao--ocorrencia--e--historico.sem--contato--com--destino {
    background: #F4DFE3;
    color: #FF4B6A;
}

.cores--de--status--atualizacao--ocorrencia--e--historico.solicitado--pagamento-avista {
    background: #F4DFE3;
    color: #FF4B6A;
}

.cores--de--status--atualizacao--ocorrencia--e--historico.recusa--oficina {
    background: #F4DFE3;
    color: #FF4B6A;
}
.cores--de--status--atualizacao--ocorrencia--e--historico.carro--reserva {
    background: #F4DFE3;
    color: #FF4B6A;
}
.cores--de--status--atualizacao--ocorrencia--e--historico.outro {
    background: #D3E8F0;
    color: #0089BF;
}

.cores--de--status--atualizacao--ocorrencia--e--historico.acompanhamento--entregue {
    background: #D8EFEE;
    color: #00C1B4;
}

.cores--de--status--atualizacao--ocorrencia--e--historico.libera--saida--base {
    background: #D8EFEE;
    color: #00C1B4;
}

.novo--titulo--relatorio--valores {
    color: #333;
    font-family: Roboto;
    font-size: 32px;
    font-weight: 700;
    margin: 0 !important;
}
.container--relatorio--valores--pagos--por--prestador {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 32px;
}
.container--relatorio--valores--pagos--por--prestador .flex--botao--voltar--e--subtitulo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin: 18px 0 0 0;
}
.container--relatorio--valores--pagos--por--prestador .flex--botao--voltar--e--subtitulo > button {
    padding: 8px 12px;
    border-radius: 50px;
    background: rgba(134, 142, 164, 0.15);
    border: none;
    color: #868EA4;
    font-family: Roboto;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
}
.container--relatorio--valores--pagos--por--prestador .flex--botao--voltar--e--subtitulo > p {
    margin: 0 !important;
    color: #0089BF;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
}
.container--relatorio--valores--pagos--por--prestador .flex--botao--voltar--e--subtitulo > p > span {
    color: #95A5AE;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
}
.container--relatorio--valores--pagos--por--prestador .container--box--pesquisa {
    border-radius: 8px;
    border: 1px solid #F4F4F4;
    background: #F9F9F9;
    padding: 24px;
    margin: 0 !important;
}
.formRelatorioPrestadorValor .input--data--calendario--relatorio--valores {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 11px 12px;
    width: 100%;
}
.formRelatorioPrestadorValor .input--data--calendario--relatorio--valores > input {
    width: 100%;
    border: none;
}
.container--box--pesquisa .botao--pesquisar--box--relatorio--valores--pagos--box {
    padding: 12px 40px;
    border: none;
    border-radius: 54px;
    background: #0089BF;
    color: #FCFCFC;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 500;
    height: 42px;
    margin-top: 26px;
}
.container--relatorio--valores--pagos--por--prestador .container--indices--infos--kms--valores--pagos--prestador {
    width: 100%;
}
.container--indices--infos--kms--valores--pagos--prestador .indices--infos--kms--valores--pagos--prestador {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
    margin: 0 !important;
    padding: 0;
}
.container--indices--infos--kms--valores--pagos--prestador .indices--infos--kms--valores--pagos--prestador > li {
    padding: 24px !important;
    border-radius: 8px !important;
    border: 1px solid #F1F1F1 !important;
    background: #F6F6F6 !important;
    width: 100% !important;
    margin: 0 !important;
    list-style-type: none !important;
    display: flex;
    flex-direction: column;
    gap: 13px;
    align-items: center;
    justify-content: center;
}
.container--indices--infos--kms--valores--pagos--prestador .indices--infos--kms--valores--pagos--prestador > li > p {
    color: #333 !important;
    text-align: center !important;
    font-family: Roboto !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: capitalize !important;
}
.container--indices--infos--kms--valores--pagos--prestador .indices--infos--kms--valores--pagos--prestador > li > h4 {
    color: #0089BF !important;
    text-align: center !important;
    font-family: Roboto !important;
    font-size: 32px !important;
    font-weight: 700 !important;
}

.novo--aviso--tela--login--periodo--descanso {
    padding: 8px;
    border-radius: 4px;
    background: #FFE4E9;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 25px;
}

.novo--aviso--tela--login--periodo--descanso > p {
    margin: 0 !important;
    color: #FF4B6A !important;
    font-family: Roboto !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 125% !important;
}

.container__body__border .container--botao--selecionar--coluna--e--incluir--ligacoes {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 12px;
}

.container__body__border .container--botao--selecionar--coluna--e--incluir--ligacoes > select {
    padding: 14px 20px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    color: #666;
    font-size: 14px;
    font-weight: 400;
}

.container__body__border .container--botao--selecionar--coluna--e--incluir--ligacoes > select > option {
    color: #666;
    font-size: 14px;
    font-weight: 400;
}

.container--accordion--botao--exportar--documentos--geral--padrao .botao--exportar--documentos--geral--padrao {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 20px 10px 16px;
    border-radius: 31px;
    background: #0089BF;
    border: none;
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
}

.container--accordion--botao--exportar--documentos--geral--padrao .botao--exportar--documentos--geral--padrao.ativo {
    border-radius: 25px 25px 0px 0px;
    background: #1E2A4E;
}

.conteudo--accordion--botao--exportar--documentos--geral--padrao {
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    padding: 11px 0px 16px 0px;
    border-radius: 8px 0px 8px 8px;
    background: #FFF;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.15);
    width: 293px;
    position: absolute;
    top: 44px;
}

.conteudo--accordion--botao--exportar--documentos--geral--padrao .accordion--texto--botao--exportar {
    padding: 12px 16px 12px 24px;
    background: transparent;
    color: #000;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    cursor: pointer;
    border: none;
    text-align: start;
}

.conteudo--accordion--botao--exportar--documentos--geral--padrao .accordion--texto--botao--exportar:hover {
    opacity: 0.5;
}

.container--bloquear--ou--inativar--prestador {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.container--bloquear--ou--inativar--prestador .titulo--bloquear--ou--inativar--prestador {
    padding: 11px 16px;
    border-radius: 8px 8px 0px 0px;
    border: 1px solid #EBEBEB;
    background: #F6F6F6;
    width: 100%;
}

.container--bloquear--ou--inativar--prestador .titulo--bloquear--ou--inativar--prestador > p {
    color: #000 !important;
    font-family: Roboto !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin: 0 !important;
    text-align: start !important;
}

.container--bloquear--ou--inativar--prestador .conteudo--bloquear--ou--inativar--prestador {
    display: flex;
    width: 100%;
    padding: 32px 38px;
    border-radius: 0px 0px 8px 8px;
    border: 1px solid #EBEBEB;
    background: #FFF;
    justify-content: space-between;
    align-items: center;
}

.container--situacao--judicial--prestador {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 11px 16px;
    border-radius: 8px 8px;
    border: 1px solid #EBEBEB;
    background: #F6F6F6;
    margin-top: 3.125rem !important;
}

.container--situacao--judicial--prestador > p {
    color: #000 !important;
    font-family: Roboto !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin: 0 !important;
    text-align: start !important;
}

.container--situacao--judicial--prestador .conteudo--situacao--judicial--prestador {
    display: flex;
    width: 100%;
    padding: 25px 0px;
    border-radius: 0px 0px 8px 8px;
    align-items: center;
    gap: 0.625rem;
}

.conteudo--situacao--judicial--prestador .selecionar--impedimentos--financeiros--prestador {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 30%;
    margin-top: 1.9rem;
}

.conteudo--situacao--judicial--prestador .informar--observacao--impedimentos--financeiros {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.conteudo--situacao--judicial--prestador p {
    color: #545454 !important;
    font-family: Roboto !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

.conteudo--situacao--judicial--prestador select {
    padding: 14px 16px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    width: 100%;
}

.conteudo--situacao--judicial--prestador input {
    padding: 14px 16px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF !important;
    width: 100%;
}

.conteudo--bloquear--ou--inativar--prestador .container--tres--funcionalidades--bloquear--inativar {
    display: flex;
    gap: 20px;
    width: 100%;
}

.container--tres--funcionalidades--bloquear--inativar .tipo--acao--bloquear--ou--inativar--prestador {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.container--tres--funcionalidades--bloquear--inativar .tipo--acao--bloquear--ou--inativar--prestador > p {
    color: #545454 !important;
    font-family: Roboto !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.tipo--acao--bloquear--ou--inativar--prestador .conteudo--bloquear--ou--inativar--radio--button {
    display: flex;
    gap: 8px;
    align-items: center;
}

.conteudo--bloquear--ou--inativar--radio--button .bloquear--ou--inativar--radio--button {
    display: flex;
    gap: 4px;
    align-items: center;
}

.conteudo--bloquear--ou--inativar--radio--button .bloquear--ou--inativar--radio--button > p {
    color: #333 !important;
    font-family: Roboto !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

.conteudo--bloquear--ou--inativar--radio--button .bloquear--ou--inativar--radio--button > input {
    margin: 0 !important;
}

.container--tres--funcionalidades--bloquear--inativar .selecionar--intervencoes--bloquear--ou--inativar--prestador {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.container--tres--funcionalidades--bloquear--inativar .selecionar--intervencoes--bloquear--ou--inativar--prestador > p {
    color: #545454 !important;
    font-family: Roboto !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

.selecionar--intervencoes--bloquear--ou--inativar--prestador .conteudo--selecionar--intervencoes--checkbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.conteudo--selecionar--intervencoes--checkbox .selecionar--intervencoes--checkbox  {
    display: flex;
    align-items: center;
    gap: 5px;
}

.conteudo--selecionar--intervencoes--checkbox .selecionar--intervencoes--checkbox > p {
    color: #333 !important;
    font-family: Roboto !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

.conteudo--selecionar--intervencoes--checkbox .selecionar--intervencoes--checkbox > input {
    margin: 0 !important;
}

.container--tres--funcionalidades--bloquear--inativar .selecionar--motivo--bloquear--ou--inativar--prestador {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 36%;
}

.container--tres--funcionalidades--bloquear--inativar .selecionar--motivo--bloquear--ou--inativar--prestador > p {
    color: #545454 !important;
    font-family: Roboto !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

.container--tres--funcionalidades--bloquear--inativar .selecionar--motivo--bloquear--ou--inativar--prestador > select {
    padding: 14px 16px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    width: 100%;
}

.container--tres--funcionalidades--bloquear--inativar .selecionar--motivo--bloquear--ou--inativar--prestador > textarea {
    padding: 14px 20px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    width: 100%;
    resize: none;
    height: 66px;
}

.container--tres--funcionalidades--bloquear--inativar .selecionar--motivo--bloquear--ou--inativar--prestador > textarea:focus {
    outline: 0;
}

.conteudo--bloquear--ou--inativar--prestador .botao--desativar--ou--inativar--prestador {
    padding: 7px 24px 7px 20.8px;
    border-radius: 50px;
    background: #FF4B6A;
    border: none;
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-wrap: nowrap;
    height: fit-content;
}

/* Estilo base para ocultar a tabela de detalhes */
.accordion_detalhes_table_prestadores_vinculados {
    display: none;
}

.accordion_detalhes_table_prestadores_vinculados table {
    width: 100%;
}

.button--editar--remover--com--icone {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 10px 13px !important;
    border-radius: 50px;
    border: 1px solid #0089BF;
    background: transparent;
    color: #0089BF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
}

.button--editar--remover--com--icone.remover {
    border: 1px solid #FF4B6A;
    color: #FF4B6A;
}

.ellipsis--abas--prestadores--media--query {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.ellipsis--abas--prestadores--media--query.prestador--vinculado {
    width: 88px !important;
}

@media (max-width: 1680px) {
    .prestador-form #ContainerAbas li .rd_tab ~ label {
        width: fit-content;
        padding: 1.25em 10px !important;
    }

    .prestador-form #ContainerAbas.excepAbs li:nth-child(2) .rd_tab ~ label { left: 121px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(3) .rd_tab ~ label { left: 229px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(4) .rd_tab ~ label { left: 314px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(5) .rd_tab ~ label { left: 413px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(6) .rd_tab ~ label { left: 481px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(7) .rd_tab ~ label { left: 602px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(8) .rd_tab ~ label { left: 718px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(9) .rd_tab ~ label { left: 807px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(10) .rd_tab ~ label { left: 882px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(11) .rd_tab ~ label { left: 977px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(12) .rd_tab ~ label { left: 1071px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(13) .rd_tab ~ label { left: 1143px; }

    #ContainerAbas.excepAbs li .rd_tab ~ label {
        top: -49px !important;
    }
}

@media (max-width: 1470px) {
    .ellipsis--abas--prestadores--media--query.infraestrutura {
        width: 64px !important;
    }

    .ellipsis--abas--prestadores--media--query.documentos {
        width: 60px !important;
    }

    .prestador-form #ContainerAbas.excepAbs li:nth-child(7) .rd_tab ~ label { left: 549px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(8) .rd_tab ~ label { left: 613px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(9) .rd_tab ~ label { left: 703px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(10) .rd_tab ~ label { left: 778px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(11) .rd_tab ~ label { left: 873px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(12) .rd_tab ~ label { left: 965px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(13) .rd_tab ~ label { left: 1035px; }
}

@media (max-width: 1430px) {
    .prestador-form #ContainerAbas.excepAbs li:nth-child(2) .rd_tab ~ label { left: 118px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(3) .rd_tab ~ label { left: 225px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(4) .rd_tab ~ label { left: 310px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(5) .rd_tab ~ label { left: 408px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(6) .rd_tab ~ label { left: 474px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(7) .rd_tab ~ label { left: 542px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(8) .rd_tab ~ label { left: 606px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(9) .rd_tab ~ label { left: 694px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(10) .rd_tab ~ label { left: 768px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(11) .rd_tab ~ label { left: 862px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(12) .rd_tab ~ label { left: 954px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(13) .rd_tab ~ label { left: 1024px; }

    #ContainerAbas.excepAbs li .rd_tab ~ label {
        top: -49px !important;
    }
}

@media (max-width: 1250px) {
    .ellipsis--abas--prestadores--media--query {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .ellipsis--abas--prestadores--media--query.infraestrutura {
        width: 67px !important;
    }

    .prestador-form #ContainerAbas.excepAbs li:nth-child(7) .rd_tab ~ label { left: 544px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(8) .rd_tab ~ label { left: 607px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(9) .rd_tab ~ label { left: 695px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(10) .rd_tab ~ label { left: 768px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(11) .rd_tab ~ label { left: 862px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(12) .rd_tab ~ label { left: 953px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(13) .rd_tab ~ label { left: 1022px; }
}

@media (max-width: 1180px) {
    .ellipsis--abas--prestadores--media--query.indicadores {
        width: 75px !important;
    }

    .ellipsis--abas--prestadores--media--query.servicos {
        width: 63px !important;
    }

    .ellipsis--abas--prestadores--media--query.semaforo {
        width: 85px !important;
    }

    .prestador-form #ContainerAbas.excepAbs li:nth-child(3) .rd_tab ~ label { left: 197px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(4) .rd_tab ~ label { left: 264px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(5) .rd_tab ~ label { left: 363px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(6) .rd_tab ~ label { left: 433px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(7) .rd_tab ~ label { left: 502px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(8) .rd_tab ~ label { left: 567px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(9) .rd_tab ~ label { left: 656px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(10) .rd_tab ~ label { left: 730px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(11) .rd_tab ~ label { left: 820px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(12) .rd_tab ~ label { left: 913px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(13) .rd_tab ~ label { left: 984px; }
}

@media (max-width: 1130px) {
    .ellipsis--abas--prestadores--media--query.financeiro {
        width: 71px !important;
    }

    .ellipsis--abas--prestadores--media--query.dados--gerais {
        width: 79px !important;
    }

    .prestador-form #ContainerAbas.excepAbs li:nth-child(2) .rd_tab ~ label { left: 84px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(3) .rd_tab ~ label { left: 164px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(4) .rd_tab ~ label { left: 232px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(5) .rd_tab ~ label { left: 308px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(6) .rd_tab ~ label { left: 376px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(7) .rd_tab ~ label { left: 446px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(8) .rd_tab ~ label { left: 511px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(9) .rd_tab ~ label { left: 601px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(10) .rd_tab ~ label { left: 676px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(11) .rd_tab ~ label { left: 766px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(12) .rd_tab ~ label { left: 859px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(13) .rd_tab ~ label { left: 930px; }
}

@media (max-width: 1080px) {
    .ellipsis--abas--prestadores--media--query.tarifas {
        width: 64px !important;
    }

    .ellipsis--abas--prestadores--media--query.faturas {
        width: 64px !important;
    }

    .ellipsis--abas--prestadores--media--query.historico {
        width: 64px !important;
    }

    .prestador-form #ContainerAbas.excepAbs li:nth-child(9) .rd_tab ~ label { left: 578px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(10) .rd_tab ~ label { left: 646px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(11) .rd_tab ~ label { left: 736px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(12) .rd_tab ~ label { left: 828px; }
    .prestador-form #ContainerAbas.excepAbs li:nth-child(13) .rd_tab ~ label { left: 899px; }
}



.warningPrestadores .nova--tag--prioridades {
    padding: 4px 6px !important;
    border-radius: 4px !important;
    text-align: center !important;
    font-family: Roboto !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    height: unset !important;
}

.warningPrestadores .nova--tag--prioridades.P1 {
    background: #D8EFEE !important;
    color: #00C1B4 !important;
}

.warningPrestadores .nova--tag--prioridades.P2 {
    background: #FFF4E2 !important;
    color: #FFB340 !important;
}

.warningPrestadores .nova--tag--prioridades.P3 {
    background: #FFEADD !important;
    color: #FE6201 !important;
}

.content-w-full-flex-direction-column {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.table__with__order .flex--icone--e--valor--table--padrao {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 12px 0 4px;
    border-radius: 4px;
    background: #EAEDF2;
    width: fit-content;
    color: #868EA4;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
}

.btn_base_ativa{
    font-weight: 0;
    font-size: 14px;
    color: #0066cc;
    background-color: #f5f5f5;
    padding: 10px 30px;
    border: solid #0066cc 2px;
    box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
    border-radius: 4px;
    transition : 0ms;
    transform: translateY(0);
    cursor: pointer;
}

.btn_base_ativa:hover{
    background-color: #fff;
    color: #0066cc;
    border: solid 2px #0066cc;
}

.container--totalizadores--e--antecipe--agora {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 32px 0;
    border-bottom: 1px solid #EBEBEB;
}

.container--totalizadores--e--antecipe--agora .container--totalizadores--e--graficos {
    display: flex;
    width: 100%;
    gap: 8px;
}

.container--totalizadores--e--graficos .conteudo--totalizadores {
    display: flex;
    padding: 24px 40px;
    flex-direction: column;
    border-radius: 16px;
    border: 1px solid #EBEBEB;
    background: #FFF;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
}

.conteudo--totalizadores .header--conteudo--totalizadores {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.conteudo--totalizadores .header--conteudo--totalizadores > p {
    color: #333;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    margin: 0 !important;
}

.header--conteudo--totalizadores .conteudo--selects--totalizadores {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.header--conteudo--totalizadores .conteudo--selects--totalizadores > select {
    padding: 13px 16px;
    border-radius: 50px;
    border: 1px solid #EBEBEB;
    background: #FFF;
}

.conteudo--totalizadores .totalizadores--grafico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.container--totalizadores--e--graficos .conteudo--valor--total--totalizadores {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    width: 55%;
}

.conteudo--valor--total--totalizadores .box--valor--total--totalizadores {
    padding: 42px 32px;
    border-radius: 10px;
    border: 1px solid #EBEBEB;
    background: #F6F6F6;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.conteudo--valor--total--totalizadores .box--valor--total--totalizadores > p {
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    margin: 0 !important;
}

.conteudo--valor--total--totalizadores .box--valor--total--totalizadores > h4 {
    color: #00C1B4;
    font-family: Roboto;
    font-size: 37px;
    font-weight: 700;
    margin: 0 !important;
}

.conteudo--valor--total--totalizadores .box--valor--total--totalizadores.laranja > h4 {
    color: #FFB340;
}

.conteudo--valor--total--totalizadores .box--valor--total--totalizadores > span {
    color: #333;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    margin: 0 !important;
}

.conteudo--valor--total--totalizadores .box--valor--total--totalizadores.warning {
    flex-direction: unset;
    gap: 8px;
    border: #EBEBEB;
    background: #F4DFE3;
}

.conteudo--valor--total--totalizadores .box--valor--total--totalizadores.warning > img {
    height: 24px;
}

.conteudo--valor--total--totalizadores .box--valor--total--totalizadores.warning > h4 {
    color: #FF4B6A;
}

.conteudo--valor--total--totalizadores .box--valor--total--totalizadores.warning > p {
    font-size: 15px;
    font-weight: 500;
    font-family: Roboto;
    color: #333;
}

.conteudo--valor--total--totalizadores .box--valor--total--totalizadores.warning > p > span {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.conteudo--valor--total--totalizadores .conteudo--valor--total--totalizadores--com--antecipamento {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 100%;
}

.conteudo--valor--total--totalizadores--com--antecipamento .box--valor--total--totalizadores {
    padding: 36px 15px;
    border-radius: 10px;
    border: 1px solid #EBEBEB;
    background: #F6F6F6;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.conteudo--valor--total--totalizadores--com--antecipamento .box--valor--total--totalizadores > p {
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    margin: 0 !important;
}

.conteudo--valor--total--totalizadores--com--antecipamento .box--valor--total--totalizadores > h4 {
    color: #00C1B4;
    font-family: Roboto;
    font-size: 28px;
    font-weight: 700;
    margin: 0 !important;
}

.conteudo--valor--total--totalizadores--com--antecipamento .box--valor--total--totalizadores.laranja > h4 {
    color: #FFB340;
}

.conteudo--valor--total--totalizadores--com--antecipamento .box--valor--total--totalizadores > span {
    color: #333;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    margin: 0 !important;
}


.container--valores--amostra--com--vencimento {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #EBEBEB;
    background: #F6F6F6;
    margin-bottom: 24px;
}

.container--valores--amostra--com--vencimento .texto--e--valores--amostra--com--vencimento {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 0 16px;
    align-items: center;
}

.container--valores--amostra--com--vencimento .texto--e--valores--amostra--com--vencimento.data {
    width: 100%;
    align-items: flex-end;
    justify-content: center;
}

.container--valores--amostra--com--vencimento .texto--e--valores--amostra--com--vencimento > p:first-child {
    color: #ADADAD !important;
    font-family: Roboto !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    margin: 15px 0 0 0 !important;
    text-wrap: nowrap;
}

.container--valores--amostra--com--vencimento .texto--e--valores--amostra--com--vencimento > p:last-child {
    color: #333 !important;
    font-family: Roboto !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin: 0 0 15px 0 !important;
    text-wrap: nowrap;
}

.container--valores--amostra--com--vencimento .texto--e--valores--amostra--com--vencimento.verde > p:last-child {
    color: #00C1B4 !important;
}

.container--valores--amostra--com--vencimento .texto--e--valores--amostra--com--vencimento.laranja > p:last-child {
    color: #FFB340 !important;
}

.container--indices--faturas--manutencao {
    display: flex !important;
    flex-wrap: unset !important;
    width: 100% !important;
    gap: 8px !important;
    margin: 32px 0 0 0 !important;
    padding: 0 !important;
}

.container--indices--faturas--manutencao .conteudo--indices--faturas--manutencao {
    padding: 42px 25.85px !important;
    border-radius: 10px !important;
    border: 1px solid #EBEBEB !important;
    background: #F6F6F6 !important;
    width: 100% !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.container--indices--faturas--manutencao .conteudo--indices--faturas--manutencao > p {
    color: #333 !important;
    font-family: Roboto !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

.container--indices--faturas--manutencao .conteudo--indices--faturas--manutencao > h4 {
    color: #0089BF !important;
    font-family: Roboto !important;
    font-size: 3rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

.container--indices--faturas--manutencao .conteudo--indices--faturas--manutencao.verde > h4 {
    color: #00C1B4 !important;
}

.container--indices--faturas--manutencao .conteudo--indices--faturas--manutencao.amarelo > h4 {
    color: #FFB340 !important;
}

.container--limpar--filtro--e--botao {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 8px 24px;
    background: #FCFCFC;
    border: 1px solid #EBEBEB;
}

.container--limpar--filtro--e--botao .button--com--cor {
    padding: 10px 24px;
    border-radius: 50px;
    background: #0089BF;
    border: none;
}

#form-centro-de-custo .button--com--cor {
    padding: 10px 24px;
    border-radius: 50px;
    background: #0089BF;
    border: none;
}

.container--limpar--filtro--e--botao .button--com--cor.sem--cor {
    padding: 12px 24px;
    border-radius: 50px;
    border: 1px solid #EBEBEB;
    background: #FFF;
}
.container--box--indicadores--relatorio--geral--faturas {
    width: 100%;
    display: flex;
    gap: 8px;
}
.container--box--indicadores--relatorio--geral--faturas .conteudo--box--indicadores--relatorio--geral--faturas {
    padding: 42px 20px;
    border-radius: 10px;
    border: 1px solid #EBEBEB;
    background: #F6F6F6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
}
.container--box--indicadores--relatorio--geral--faturas .conteudo--box--indicadores--relatorio--geral--faturas > p {
    color: #333;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    margin: 0 !important;
}
.container--box--indicadores--relatorio--geral--faturas .conteudo--box--indicadores--relatorio--geral--faturas > h4 {
    color: #0089BF;
    text-align: center;
    font-family: Roboto;
    font-size: 30px;
    font-weight: 700;
    margin: 0 !important;
}
.container--box--indicadores--relatorio--geral--faturas .conteudo--box--indicadores--relatorio--geral--faturas.amarelo > h4 {
    color: #FFB340;
}
.container--box--indicadores--relatorio--geral--faturas .conteudo--box--indicadores--relatorio--geral--faturas.vermelho > h4 {
    color: #FF4B6A;
}
.container--box--indicadores--relatorio--geral--faturas .conteudo--box--indicadores--relatorio--geral--faturas.verde > h4 {
    color: #00C1B4;
}
.container--iniciar--uma--conversa--com--prestador {
    width: 100%;
    padding: 16px 0px;
    border-radius: 16px;
    background: #F6F6F6;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 46px;
}

.container--iniciar--uma--conversa--com--prestador > h4 {
    color: #333 !important;
    font-family: Roboto !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    float: none !important;
    padding: 0 !important;
    width: fit-content !important;
}

.container--iniciar--uma--conversa--com--prestador > p {
    color: #333 !important;
    font-family: Roboto !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.container--iniciar--uma--conversa--com--prestador > button {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 32px 15px 24px;
    border-radius: 51px;
    background: #00C1B4;
    border: none;
    color: #FCFCFC;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    margin-top: 16px;
}

.texto--com--input {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.texto--com--input > p {
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    margin: 0 !important;
    display: flex;
    align-items: flex-start;
}

.texto--com--input > p > span {
    color: #FF4B6A;
    font-weight: 400;
    font-size: 14px;
}

.texto--com--input > select,
.texto--com--input > input {
    padding: 14px 20px 14px 14px;
    border-radius: 8px;
    border: 1px solid #D2D2D2;
    background: #FFF;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.container--botoes--nova--conversa {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    gap: 20px;
    flex-direction: column;
}

.content_total_modal .button--close--modal--padrao {
    position: absolute;
    top: 20px;
    right: 20px;
    background: transparent;
    border: none;
    color: #666;
    font-weight: 600;
    font-size: 14px;
}
.modal-body.column .container--modal--enviarNF {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 12px;
    width: 100%;
}
.container--modal--enviarNF .titulo {
    font-weight: 700;
    font-size: 22px;
}
.container--modal--enviarNF .container--texto--e--input--adicionar--fotos {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
}
.container--modal--enviarNF .container--texto--e--input--adicionar--fotos .titulo {
    margin: 0 !important;
    color: #333;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
}
.container--modal--enviarNF .container--texto--e--input--adicionar--fotos .subtitulo {
    color: #8B8B8B;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    margin: 0 !important;
}
.container--modal--enviarNF .container--titulo--e--box--dados {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}
.container--modal--enviarNF .container--titulo--e--box--dados > p {
    margin: 0 !important;
    color: #333;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
}
.container--titulo--e--box--dados .conteudo--box--dados--modal--enviarNF {
    padding: 22px 32px;
    border-radius: 8px;
    border: 1px solid #EBEBEB;
    background: #F6F6F6;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
}
.conteudo--box--dados--modal--enviarNF .box--dados--modal--enviarNF {
    width: 100%;
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}
.container--modal--enviarNF .container--valor--liquido--modal--enviarNF {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 27px;
    border-radius: 8px;
    background: #1E2A4E;
    border: none;
}
.container--modal--enviarNF .container--valor--liquido--modal--enviarNF > p {
    color: #FFF;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 600;
    margin: 0 !important;
}
.container--modal--enviarNF .container--valor--liquido--modal--enviarNF > input {
    color: #FFF !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    border: none !important;
    text-align: end;
}
.container--modal--enviarNF .container--divergencia--modal--enviarNF {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    flex-direction: column;
    padding: 8px 10px;
    border-radius: 4px;
    background: #D3E8F0;
    border: none;
}
.container--modal--enviarNF .container--divergencia--modal--enviarNF > p {
    margin: 0 !important;
    color: #0089BF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}
.container--modal--enviarNF .container--divergencia--modal--enviarNF > p > button {
    color: #0089BF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    text-decoration-line: underline; 
    border: none;
    background: transparent;
}
.container--modal--enviarNF .text--area--modal--enviarNF {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    resize: none;
    padding: 10px;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}
.container--modal--enviarNF .text--area--modal--enviarNF:focus {
    outline: none;
}
.container--modal--enviarNF .container--dados--cliente--endereco--modal--enviarNF {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin-top: 10px;
}
.container--dados--cliente--endereco--modal--enviarNF .conteudo--dados--cliente--modal--enviarNF {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    width: 100%;
}
.container--modal--enviarNF .container--dados--bancario--modal--enviarNF {
    margin: 0 0 20px 0 !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 43px 32px 22px 25px !important;
    border-radius: 8px;
    border: 1px solid #EBEBEB;
    background: #F6F6F6;
    gap: 16px;
    width: 100%;
}
.container--modal--enviarNF .observacao--modal--enviarNF {
    padding: 16px;
    border-radius: 4px;
    background: #FFF9EF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #FFB340 !important;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}
.container--botoes--finais--modal--enviar--NF {
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0!important;
    padding: 0!important;
    border: none;
}
.container--botoes--finais--modal--enviar--NF > a:first-child {
    margin: 0 !important;
    padding: 16px 69px;
}
.container--botoes--finais--modal--enviar--NF > a:last-child {
    margin: 0 !important;
    padding: 16px 69px;
    background: #00C1B4;
}

.input-file-nfe{
    width: 200px;
}

.remover-arquivo-link{
    color: red;
    cursor: pointer;
    font-size: 15px;
    padding-bottom: 4px;
}




.texto--status--finalizado--sem--indenizacao {
    min-height: 53px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.20em;
    font-weight: bold !important;
    margin-top: 30px;
    margin-bottom: -30px
}
.novo--accordion--header {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.novo--accordion--body {
    display: none;
    flex-wrap: wrap;
    width: 100%;
    gap: 8px;
    align-items: flex-start;
}

.novo--accordion--footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.container--buttons--novo--filtro--accordion {
    display: flex;
    align-items: center;
    gap: 8px;
}

.container--buttons--novo--filtro--accordion > input {
    height: unset !important;
    float: unset !important;
    padding: 10px 25px !important;
    border-radius: 50px !important;
    background: #0089BF !important;
    color: #FFF !important;
    font-family: Roboto !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.container--buttons--novo--filtro--accordion > a {
    height: unset !important;
    float: unset !important;
    padding: 10px 25px !important;
    border-radius: 50px !important;
    border: 1px solid #EBEBEB !important;
    background: #FFF !important;
    color: #545454 !important;
    font-family: Roboto !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.container--opens--buttons--novo--filtro--accordion {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.container--opens--buttons--novo--filtro--accordion > span {
    width: 24px;
    height: unset;
    padding: 3px !important;
    min-width: unset !important;
    background: #8B8B8B;
    border-radius: 50px;
    color: #FFF !important;
    text-align: center !important;
    font-family: Roboto;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.container--opens--buttons--novo--filtro--accordion > a {
    color: #333 !important;
    font-family: Roboto;
    font-size: 12px !important;
    font-weight: 400 !important;
    text-decoration-line: underline;
    margin: 0 !important;
    text-wrap: nowrap;
}

.container--checkbox--e--texto--table--gestao--de--pagamentos {
    display: flex;
    align-items: center;
    gap: 16px;
}

.container--checkbox--e--texto--table--gestao--de--pagamentos .conteudo--checkbox--e--texto--table--gestao--de--pagamentos {
    display: flex;
    align-items: center;
    gap: 8px;
}

.container--checkbox--e--texto--table--gestao--de--pagamentos .conteudo--checkbox--e--texto--table--gestao--de--pagamentos > p {
    margin: 0 !important;
    color: #0089BF !important;
    font-family: Roboto;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

.container--checkbox--e--texto--table--gestao--de--pagamentos .conteudo--checkbox--e--texto--table--gestao--de--pagamentos > input[type="checkbox"] {
    margin: 0;
    padding: 0;
}

.botao--editar--em--massa {
    padding: 11px 17px 11px 13px;
    border: 1px solid #0089BF;
    border-radius: 50px;
    gap: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #0089BF;
    font-weight: 700;
    font-size: 14px;
    font-family: Roboto;
    cursor: pointer;
}

.botao--editar--em--massa.disabled {
    color: #C2C2C2;
    border: 1px solid #C2C2C2;
    padding: 11px 17px 11px 13px;
    border-radius: 50px;
    gap: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    font-weight: 700;
    font-size: 14px;
    font-family: Roboto;
    cursor: not-allowed;
}

.botao--exportar--gestao--pagamentos {
    padding: 8px 16px;
    border-radius: 50px;
    border: 1px solid #0083C0;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #0083C0;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    height: 48px;
}

.container--botao--exportar--gestao--pagamentos {
    width: 244px;
    padding: 4px 0px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 55px;
    right: 92px;
    z-index: 999;
}

.container--botao--exportar--gestao--pagamentos > a {
    padding: 14px 10px 14px 21px;
    border-bottom: 1px solid #F7F7F7;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
}

.container--botao--exportar--gestao--pagamentos > a:hover {
    opacity: 0.5;
    cursor: pointer;
}

.botao--flutuante--open--box--itens {
    padding: 8px 16px;
    border-radius: 50px;
    border: 1px solid #0083C0;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #0083C0;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
}

.conteudo--flutuante--open--box--itens {
    width: 244px;
    padding: 4px 0px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 77px;
    bottom: 77px;
    z-index: 999;
}

.conteudo--flutuante--open--box--itens > a,
.conteudo--flutuante--open--box--itens > span {
    padding: 14px 10px 14px 21px;
    border-bottom: 1px solid #F7F7F7;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
}

.conteudo--flutuante--open--box--itens > a:hover,
.conteudo--flutuante--open--box--itens > span:hover {
    opacity: 0.5;
    cursor: pointer;
}

.container--data--fora--do--periodo--contabil {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    gap: 12px;
    padding: 8px 16px;
    border-radius: 8px;
    background: #F4DFE3;
}

.container--data--fora--do--periodo--contabil > p {
    color: #FF4B6A;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    margin: 0 !important;
}


.toast--data--contabil--atualizada {
    padding: 24px 24px 24px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #00C1B4;
    box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.05);
    position: absolute;
    top: 103px;
    right: 30px;
    z-index: 99;
}

.toast--data--contabil--atualizada > p {
    color: #FFF !important;
    font-family: Roboto;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-wrap: nowrap;
    margin: 0 !important;
}

.toast--data--contabil--atualizada > img {
    width: 24px;
    height: 24px;
}
.container--toast--fixo--mensageria {
    position: fixed;
    width: fit-content;
    right: 30px;
    bottom: 43px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: auto;
    z-index: 9999999;
}

.container--toast--fixo--mensageria .conteudo--toast--fixo--mensageria {
    padding: 23px 12px 23px 20px;
    border-radius: 8px;
    background: #BDC4F3;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    cursor: pointer;
}

.container--toast--fixo--mensageria .conteudo--toast--fixo--mensageria > img:last-child {
    cursor: pointer;
}

.conteudo--toast--fixo--mensageria .titulo--e--subtitulo--mensageria--toast {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.conteudo--toast--fixo--mensageria .titulo--e--subtitulo--mensageria--toast > h4 {
    color: #1E2A4E;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    margin: 0 !important;
    text-wrap: nowrap;
}

.conteudo--toast--fixo--mensageria .titulo--e--subtitulo--mensageria--toast > p {
    color: #1E2A4E;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin: 0 !important;
    text-wrap: nowrap;
}

.container--novo--modelo--de--placa .header--azul--do--novo--modelo--de--placa {
    height: 8px;
    width: 100%;
    background: #2E53FF;
}

.container--novo--modelo--de--placa > p {
    padding: 1px 8px 3px 8px;
    color: #333 !important;
    font-family: Roboto;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

.conteudo--checkbox--e--botoes--veiculos--adicionados {
    width: 100%;
    padding: 16px 32px 16px 23px;
    background: #fff;
    align-items: center;
    justify-content: space-between;
    display: flex;
}

.conteudo--checkbox--e--botoes--veiculos--adicionados .checkbox--e--texto--veiculos--adicionados {
    display: flex;
    align-items: center;
    gap: 16px;
}

.conteudo--checkbox--e--botoes--veiculos--adicionados .checkbox--e--texto--veiculos--adicionados > input[type="checkbox"] {
    margin: 0;
    padding: 0;
}

.conteudo--checkbox--e--botoes--veiculos--adicionados .checkbox--e--texto--veiculos--adicionados > p {
    margin: 0 !important;
    color: #0089BF !important;
    font-family: Roboto;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

.conteudo--checkbox--e--botoes--veiculos--adicionados .container--botoes--veiculos--adicionados {
    display: flex;
    align-items: center;
    gap: 8px;
}

.container--botoes--veiculos--adicionados .botao--veiculos--adicionados--table,
.container--botoes--veiculos--adicionados .botao--exportar--veiculos--table {
    border-radius: 50px;
    background: transparent;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
}

.container--botoes--veiculos--adicionados .botao--exportar--veiculos--table {
    border: 1px solid #0089BF;
    color: #0089BF;
    padding: 9px 26px 9px 18px;
}

.container--botoes--veiculos--adicionados .botao--veiculos--adicionados--table {
    border: 1px solid #FF4B6A;
    color: #FF4B6A;
    padding: 10px 21px 10px 18px;
}

.container--botoes--veiculos--adicionados .botao--veiculos--adicionados--table.desativado {
    border: 1px solid #D2D2D2;
    color: #C2C2C2;
}

.container--adicionar--foto--ou--documento {
    padding: 16px 24px;
    border-radius: 6px;
    background: #EBEBEB;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.container--adicionar--foto--ou--documento > button {
    padding: 8px 29px;
    border-radius: 50px;
    background: #0089BF;
    color: #F6F6F6;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    border: none;
}
.container--adicionar--foto--ou--documento .texto--e--quantidade--de--arquivos--e--fotos {
    display: flex;
    gap: 8px;
    align-items: center;
}
.container--adicionar--foto--ou--documento .texto--e--quantidade--de--arquivos--e--fotos > p {
    color: #8B8B8B !important;
    font-family: Roboto;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}
.container--box--download--arquivos--ou--fotos {
    display: flex;
    width: 100%;
    gap: 8px;
    flex-wrap: wrap;
}
.container--box--download--arquivos--ou--fotos .conteudo--box--download--arquivos--ou--fotos {
    padding: 27px 24px;
    border-radius: 6px;
    background: #D9F1FA;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
}
.container--box--download--arquivos--ou--fotos .conteudo--box--download--arquivos--ou--fotos > p {
    margin: 0 !important;
    color: #0089BF;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    width: 107px;
    word-break: break-all;
}
.container--box--download--arquivos--ou--fotos .conteudo--box--download--arquivos--ou--fotos > button {
    padding:  8px 24px 8px 14px;
    display: flex;
    align-items: center;
    gap: 9px;
    border-radius: 50px;
    background: #0089BF;
    color: #F6F6F6;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    border: none;
}
.conteudo--box--download--arquivos--ou--fotos .botao--excluir--vermelho--fatura--certa {
    position: absolute;
    top: 15px;
    right: 17px;
}

.container--novo--modelo--de--placa {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    border: 1px solid #333;
    background: #FFF;
    width: fit-content;
}


.container--conferir--placa--na--base {
    position: relative;
    float: right;
}

.container--conferir--placa--na--base > button {
    padding: 12px 12px 12px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 50px;
    border: 1px solid #0083C0;
    background: transparent;
    color: #0089BF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    text-wrap: nowrap;
}

.container--conferir--placa--na--base .conteudo--conferir--placa--na--base {
    display: flex;
    flex-direction: column;
    padding: 8px 0px;
    gap: 8px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 56px;
    left: 0px;
    width: 223px;
}

.container--conferir--placa--na--base .conteudo--conferir--placa--na--base > a {
    padding: 8px 20px;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.novo--divider--padrao {
    width: 100%;
    border: 1px solid rgba(134, 142, 164, 0.15);
    margin-top: 10px;
}

.footer--box--link--acompanhamento {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-top: 2px;
}

.footer--box--link--acompanhamento > p {
    margin: 0 !important;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 14px;
    color: #8B8B8B;
}

.footer--box--link--acompanhamento > a > img { 
    width: 110px;
    margin-top: 10px;

}

.container--botao--padrao--sem--background--table {
    display: flex;
    align-items: center;
    gap: 8px;
}

.container--botao--padrao--sem--background--table .botao--padrao--sem--background--table {
    padding: 7px 16px;
    border-radius: 50px;
    border: 1px solid #0089BF;
    color: #0089BF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 6px;
}

.novo--container--adicionar--foto {
    padding: 24px;
    justify-content: space-between;
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 8px;
    background: #F9F9F9;
}

.novo--container--adicionar--foto.ativo {
    background: #D9F1FA !important;
}

.novo--container--adicionar--foto .conteudo--foto--e--icone {
    display: flex;
    align-items: center;
    gap: 12px;
}

.conteudo--foto--e--icone .conteudo--foto {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.conteudo--foto--e--icone .conteudo--foto.ativo > p {
    color: #0089BF !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration-line: underline;
    text-align: center;
    margin: 0 !important;
    max-width: 271px;
}

.conteudo--foto--e--icone .conteudo--foto > p:first-child {
    color: #8B8B8B;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    margin: 0 !important;
}

.conteudo--foto--e--icone .conteudo--foto > p:last-child {
    color: #8B8B8B;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.botao--importar--arquivo--novo--container--adicionar--foto {
    padding: 8px 24px 8px 14px;
    border-radius: 50px;
    border: 1px solid #0089BF;
    display: flex;
    align-items: center;
    gap: 9px;
    background: transparent;
    color: #0089BF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    text-wrap: nowrap;
}

.drop_area_class {
    position: relative;
    transition: all 0.3s ease;
}

.drop_area_class.background {
    background: #D9F1FA !important;
}

.drop_area_class.ativo {
    border: 2px dashed #0089BF;
    background-color: #E0F7FF;
}

.drop_area_class.ativo::before {
    content: "Solte os arquivos para fazer upload.";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #0089BF;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    z-index: 10;
    pointer-events: none; /* Garante que o texto não interfira nas ações de drag-and-drop */
    max-width: 271px;
}

.drop_area_class .conteudo--foto--e--icone,
.drop_area_class .botao--importar--arquivo--novo--container--adicionar--foto {
    display: flex;
}

.drop_area_class .conteudo--foto {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.drop_area_class.ativo .conteudo--foto--e--icone,
.drop_area_class.ativo .botao--importar--arquivo--novo--container--adicionar--foto {
    display: none;
}

.texto--tbody--sem--tables {
    width: 100%;
    padding: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.texto--tbody--sem--tables > p {
    color: #727272;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    width: 300px;
    margin: 0 !important;
}

.container--planos--visualizar--fleet {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.container--planos--visualizar--fleet .titulo--e--botao--editar--valores--planos--visualizar--fleet {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.container--planos--visualizar--fleet .titulo--e--botao--editar--valores--planos--visualizar--fleet > h4 {
    margin: 0 !important;
    color: #333;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 700;
}

.titulo--e--botao--editar--valores--planos--visualizar--fleet .botao--editar--valores--planos--visualizar--fleet {
    padding: 16px 24px 16px 20px;
    background: transparent;
    border-radius: 50px;
    border: 1px solid #0083C0;
    color: #0089BF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    text-wrap: nowrap;
    display: flex;
    align-items: center;
    gap: 8px;
}

.titulo--e--botao--editar--valores--planos--visualizar--fleet .botao--editar--valores--planos--visualizar--fleet.desativado {
    color: #C2C2C2;
    border: 1px solid #D2D2D2;
}

.container--planos--visualizar--fleet .conteudo--planos--visualizar--fleet {
    padding: 32px 24px 48px 24px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-radius: 10px;
    border: 1px solid #EBEBEB;
    background: #F9F9F9;
}

.conteudo--planos--visualizar--fleet .titulo--subtitulo--e--botoes--exportar--e--visualizar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.titulo--subtitulo--e--botoes--exportar--e--visualizar .titulo--e--subtitulo--visualizar--fleet {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.titulo--subtitulo--e--botoes--exportar--e--visualizar .titulo--e--subtitulo--visualizar--fleet > h4 {
    color: #333;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 700;
    margin: 0 !important;
}

.titulo--subtitulo--e--botoes--exportar--e--visualizar .titulo--e--subtitulo--visualizar--fleet > p {
    margin: 0 !important;
    color: #545454;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.titulo--subtitulo--e--botoes--exportar--e--visualizar .conteudo--botoes--visualizar--fleet {
    display: flex;
    align-items: center;
    gap: 8px;
}

.titulo--subtitulo--e--botoes--exportar--e--visualizar .conteudo--botoes--visualizar--fleet > button:first-child {
    padding: 16px 24px 16px 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 50px;
    border: 1px solid #0083C0;
    color: #0089BF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    background: transparent;
}

.conteudo--botoes--visualizar--fleet .botao--visualizar--veiculos--fleet {
    padding: 16px 24px;
    border-radius: 50px;
    background: #0089BF;
    color: #FFF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.conteudo--botoes--visualizar--fleet .botao--visualizar--veiculos--fleet.desativado {
    background: #F0F0F0;
    color: #FFF;
    cursor: not-allowed;
}

.modal-body .container--importar--arquivos--modal {
    padding: 24px 0px;
    gap: 10px;
    border-radius: 8px;
    background: #F9F9F9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.modal-body .container--importar--arquivos--modal  .conteudo--importar--arquivos--modal {
    margin-bottom: 15px;
}

.modal-body .container--importar--arquivos--modal > button {
    padding: 8px 24px 8px 14px;
    display: flex;
    align-items: center;
    gap: 9px;
    border-radius: 50px;
    background: #0089BF;
    color: #F6F6F6;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    border: none;
    width: fit-content;
}

.modal-body .container--importar--arquivos--modal #botao--download--arquivos--modal--fleet {
    background: #FFF;
    color: #0089BF;
    border: solid 1px #0089BF;
}

.conteudo--importar--arquivos--modal {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    justify-content: center;
}

.conteudo--importar--arquivos--modal > h4 {
    color: #8B8B8B;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    margin: 0 !important;
}

.conteudo--importar--arquivos--modal > p {
    margin: 0 !important;
    color: #ADADAD;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
}

.conteudo--importar--arquivos--modal > img {
    width: 24px;
    height: 24px;
}

.content_total_modal .novo--botao--close--modal {
    position: absolute;
    top: 13px;
    right: 18px;
    cursor: pointer;
    background: transparent;
    font-size: 13px;
    font-weight: bold;
}

.modal-body .titulo--e--select {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.modal-body .titulo--e--select > p {
    color: #545454;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    margin: 0 !important;
}

.modal-body .titulo--e--select > p > span {
    color: #FF4B6A;
    font-family: Roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.modal-body .titulo--e--select > select {
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
}

.modal-body .titulo--e--select > select > option {
    color: #BABABA;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.btn--borda--azul--branco {
    padding: 8px 24px 8px 14px;
    border-radius: 50px;
    border: 1px solid #0089BF;
    display: flex;
    align-items: center;
    gap: 9px;
    background: transparent;
    color: #0089BF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    text-wrap: nowrap;
    justify-content: center;
}

.container--configuracoes--do--contrato {
    padding: 32px 24px;
    border-radius: 10px;
    border: 1px solid #EBEBEB;
    background: #F9F9F9;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.container--configuracoes--do--contrato > h4 {
    color: #333;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 700;
    margin: 0 !important;
}

.container--configuracoes--do--contrato .conteudo--configuracoes--do--contrato {
    width: 100%;
    display: flex;
    gap: 8px;
}

.conteudo--configuracoes--do--contrato .box--titulo--texto--e--radio--button {
    width: 100%;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #EBEBEB;
    background: #FFF;
    gap: 8px;
}

.conteudo--configuracoes--do--contrato .box--titulo--texto--e--radio--button > p {
    color: #727272;
    font-family: Roboto;
    font-size: 10px;
    font-weight: 600;
    line-height: 136%; /* 13.6px */
    text-transform: uppercase;
    margin: 0 !important;
}

.box--titulo--texto--e--radio--button .texto--e--radio--button {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top:10px;
}

.box--titulo--texto--e--radio--button .texto--e--radio--button > p {
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 136%; /* 19.04px */
    margin: 0 !important;
    width: 100%;
}

.container--configuracoes--do--contrato .container--permissoes--para--aprovacao {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    border-radius: 8px;
    background: #FFF;
}

.container--permissoes--para--aprovacao .titulo--e--botao--permissao--para--aprovacao {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.titulo--e--botao--permissao--para--aprovacao .botao--nova--permissao {
    padding: 12px 24px;
    border-radius: 50px;
    background: #00C1B4;
    color: #FFF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    text-wrap: nowrap;
    border: none;
}

.titulo--e--botao--permissao--para--aprovacao .botao--nova--permissao.desativado {
    cursor: not-allowed;
    background: #F6F6F6;
}

.titulo--e--botao--permissao--para--aprovacao .titulo--e--subtitulo {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.titulo--e--botao--permissao--para--aprovacao .titulo--e--subtitulo > h4 {
    color: #333;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    margin: 0 !important;
}

.titulo--e--botao--permissao--para--aprovacao .titulo--e--subtitulo > p {
    color: #545454;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 400;
    margin: 0 !important;
}


.usuarios--sem--permissoes--para--aprovacao,
.nenhuma--taxa--cadastrada--cliente--contrato {
    padding: 32px 24px;
    width: 100%;
    background: #F9F9F9;
    align-items: center;
    justify-content: center;
    display: flex;
}

.usuarios--sem--permissoes--para--aprovacao > p,
.nenhuma--taxa--cadastrada--cliente--contrato > p {
    color: #ADADAD;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    max-width: 405px;
    margin: 0 !important;
}

.content_total_modal .novo--texto--e--valor--modal {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.content_total_modal .novo--texto--e--valor--modal > p {
    margin: 0 !important;
    color: #545454;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    align-items: flex-start;
}

.content_total_modal .novo--texto--e--valor--modal > p > span {
    color: #FF4B6A;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    margin: 0 !important;
    text-wrap: nowrap;
}

.content_total_modal .novo--texto--e--valor--modal > input {
    padding: 14px 16px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    width: 100%;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.content_total_modal .novo--texto--e--valor--modal > input::placeholder {
    color: #BABABA;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.content_total_modal .novo--texto--e--valor--modal--em--uma--linha--inputs {
    display: flex;
    width: 100%;
    gap: 16px;
    margin: 10px 0 0;
}

.button--com--icone--nova--table {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 11px 17px 11px 13px;
    border-radius: 50px;
    border: 1px solid #0089BF;
    background: transparent;
    color: #0089BF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    text-wrap: nowrap;
}

.button--com--icone--nova--table.vermelho {
    color: #FF4B6A;
    border: 1px solid #FF4B6A;
}

.button--com--icone--nova--table.desativado {
    cursor: not-allowed;
    opacity: 0.1;
}


.container--nova--box--prestador {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 16px;
}

.AE--eletronico--linha {
    display: flex;
    align-items: center;
    gap: 10px;
    text-wrap: nowrap;
}

.container--nova--box--prestadores--numeros {
    display: flex;
    gap: 10px;
    flex-direction: column;
    max-width: 100px;
    width: 100%;
}

.titulo--e--valor--nova--box--prestadores--numeros {
    display: flex;
    flex-direction: column;
}

.titulo--e--valor--nova--box--prestadores--numeros > p:first-child {
    color: #545454 !important;
    font-family: Roboto;
    font-size: 10px !important;
    font-weight: 300 !important;
    margin: 0 !important;
}


.titulo--e--valor--nova--box--prestadores--numeros > label {
    display: flex;
    align-items: center;
    gap: 2px;
    text-wrap: nowrap;
    color:#333 !important;
    font-family: Roboto;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.titulo--e--valor--nova--box--prestadores--numeros > label > p {
    color:#333 !important;
    font-family: Roboto;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.titulo--e--valor--nova--box--prestadores--numeros.cidade--estado > label > p {
    color:#333 !important;
    font-family: Roboto;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.conteudo--selecionar--prestadores--acionamento--eletronico--por--ordem {
    padding: 16px;
    border-radius: 8px;
    background: #D3E8F0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.conteudo--selecionar--prestadores--acionamento--eletronico--por--ordem > p {
    color: #333 !important;
    font-family: Roboto;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin: 0 !important;
    line-height: 22px; /* 157.143% */
    max-width: 311px;
}

.conteudo--selecionar--prestadores--acionamento--eletronico--por--ordem .botao--acionamento--eletronico--prestadores--mapa {
    padding: 12px 24px;
    border-radius: 50px;
    background: #0089BF;
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-wrap: nowrap;
    border: none;
}

.conteudo--selecionar--prestadores--acionamento--eletronico--por--ordem .botao--acionamento--eletronico--prestadores--mapa.desativado {
    background: #BEC6DE;
    cursor: not-allowed;
}

.novo--botao--filtro--mapa--prestadores {
    padding: 13px 25px 13px 22px;
    border-radius: 50px;
    background: none;
    border: 1px solid #0089BF;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #0089BF;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.conteudo--box--novo--botao--filtro--mapa--prestadores {
    padding: 24px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    top: 65px;
    right: 11px;
    position: absolute;
    width: 303px;
    z-index: 999999999;
    display: flex;
    flex-direction: column;
    gap: 24px;
    border: 1px solid beige;
}

.conteudo--box--novo--botao--filtro--mapa--prestadores .header--conteudo--box--novo--botao--filtro--mapa--prestadores {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

.conteudo--box--novo--botao--filtro--mapa--prestadores .header--conteudo--box--novo--botao--filtro--mapa--prestadores > img {
    cursor: pointer;
}

.conteudo--box--novo--botao--filtro--mapa--prestadores .header--conteudo--box--novo--botao--filtro--mapa--prestadores > h4 {
    color: #000;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 !important;
}

.conteudo--box--novo--botao--filtro--mapa--prestadores .conteudo--filtros--novo--botao--filtro--mapas--prestadores {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.filtrar--por--raio--border {
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #D2D2D2;
    width: 100%;
    gap: 4px;
    display: flex;
    flex-direction: column;
}

.filtrar--por--raio--border > p {
    margin: 0 !important;
    color: #333 !important;
    font-family: Roboto;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.filtrar--por--raio--border > p > b {
    margin: 0 !important;
}

.filtrar--por--raio--border > input {
    margin: 0 !important;
}

.container--exibir--semafaro {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #D2D2D2;
}

.container--exibir--semafaro > p {
    color: #333 !important;
    font-family: Roboto;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin: 0 !important;
    text-wrap: nowrap;
}

.select--com--titulo--novo--mapa--prestadores {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.select--com--titulo--novo--mapa--prestadores > p {
    color: #333 !important;
    font-family: Roboto;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

.select--com--titulo--novo--mapa--prestadores > select {
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #D2D2D2;
    background: #FFF;
    width: 100%;
}

.container--botao--aplicar--filtro--novo--mapa--prestadores {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.container--botao--aplicar--filtro--novo--mapa--prestadores > button {
    padding: 12px 24px;
    border-radius: 50px;
    background: #0089BF;
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    text-wrap: nowrap;
    border: none;
}

.informacoes--da--ocorrencia--novo--mapa--prestadores {
    padding: 16px 24px;
    width: 100%;
    border-bottom: 1px solid #EBEBEB;
    background: #FFF;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.informacoes--da--ocorrencia--novo--mapa--prestadores > div > a {
    border-radius: 50px;
    background: #1E2A4E;
    color: #FFF;
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: Roboto;
    cursor: pointer;
}

.informacoes--da--ocorrencia--novo--mapa--prestadores .titulo--e--valor--novo--mapa--prestadores {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.informacoes--da--ocorrencia--novo--mapa--prestadores .titulo--e--valor--novo--mapa--prestadores > p:first-child {
    color: #000 !important;
    font-family: Roboto;
    font-size: 12px !important;
    font-weight: 300 !important;
    margin: 0 !important;
}

.informacoes--da--ocorrencia--novo--mapa--prestadores .titulo--e--valor--novo--mapa--prestadores > p:last-child {
    color: #000;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 600;
    margin: 0 !important;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nova--tags--container {
    padding: 4px 8px;
    border-radius: 4px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    text-wrap: nowrap;
}

.novo--status--acionamento--tag {
    padding: 4px 6px;
    border-radius: 4px;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    text-wrap: nowrap;
    margin: 0 !important;
}

.novo--status--acionamento--tag.em--acionamento {
    background: #D3E8F0;
    color: #0089BF;
}

.novo--status--acionamento--tag.recusou {
    background: #F4DFE3;
    color: #FF4B6A;
}

.novo--status--acionamento--tag.nao--atendeu {
    background: #FFF4E2;
    color: #FFB340;
}

.novo--status--acionamento--tag.aceitou {
    background: #D8EFEE;
    color: #00C1B4;
}

.novo--status--acionamento--tag.na--fila {
    background: #DEC8FB;
    color: #7837E8;
}

.nova--tags--container.amarelo {
    background: #FFB340;
    color: #FFF !important;
}

.nova--tags--container.verde {
    background: #00C1B4;
    color: #FFF !important;
}

.nova--tags--container.cinza {
    background: #BEC6DE;
    color: #FFF !important;
}

.nova--tags--container.vermelho {
    background: #FF4B6A;
    color: #FFF !important;
}

.informacoes--nova--box--prestadores--textos {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
}

.informacoes--nova--box--prestadores--textos .numeracao--selecao--on--off--nome--prestador {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
}

.numeracao--selecao--on--off--nome--prestador .ordem--checkbox--novo--mapa--prestadores {
    padding: 4px 8px;
    border-radius: 16px;
    background: #0083C0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    display:none;
}

.container--buttons--aprovacoes {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
}

.container--buttons--aprovacoes .botao--aprovacoes--mapa--servicos {
    padding: 9px 12px;
    border-radius: 50px;
    background: transparent;
    width: 60%;
    color: #333;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    text-wrap: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: none;
}

.container--buttons--aprovacoes .botao--aprovacoes--mapa--servicos.aprovou {
    color: #FFF;
    background: #00C1B4;
}

.container--buttons--aprovacoes .botao--aprovacoes--mapa--servicos.recusou {
    color: #FFF;
    background: #FF4B6A;
    padding: 6px 12px;
}

.container--buttons--aprovacoes .botao--aprovacoes--mapa--servicos.nao--atendeu {
    color: #FFF;
    background: #FFB340;
}

.container--buttons--aprovacoes .botao--aprovacoes--mapa--servicos > img {
    width: 24px !important;
}

.filtros--AE--eletronico {
    display: flex;
    gap: 6px;
    padding: 16px;
    width: 100%;
}

.input--com--lupa {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #D2D2D2;
    background: #FFF;
}

.input--com--lupa > input {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    border: none;
    background: none;
    width: 100%;
}

.input--com--lupa > input::placeholder {
    color: #727272;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.novo--container--adicionar--foto--flex--column {
    padding: 24px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 8px;
    background: #F6F6F6;
    gap: 24px;
    height: 200px;
    position: relative;
}

.novo--container--adicionar--foto--flex--column.ativo {
    background: #d9f1fa !important;
}

.novo--container--adicionar--foto--flex--column .conteudo--foto--e--icone--flex--column {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
}

.conteudo--foto--e--icone--flex--column .conteudo--foto--flex--column {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.conteudo--foto--flex--column .importe--ou--arraste--flex--column {
    color: #ADADAD;
    text-align: center;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    margin: 0 !important;
    max-width: 204px;
    line-height: 22px;
}

.conteudo--foto--e--icone--flex--column .conteudo--foto--flex--column.ativo > p {
    color: #0089bf !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration-line: underline;
    text-align: center;
    margin: 0 !important;
}

.conteudo--foto--e--icone--flex--column .conteudo--foto--flex--column > p:first-child {
    color: #8b8b8b;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    margin: 0 !important;
}

.conteudo--foto--e--icone--flex--column .conteudo--foto--flex--column > p:last-child {
    color: #8b8b8b;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.botao--importar--arquivo--novo--container--adicionar--foto--flex--column {
    padding: 8px 24px 8px 14px;
    border-radius: 50px;
    border: none;
    display: flex;
    align-items: center;
    gap: 9px;
    background: #0089BF;
    color: #FFF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    text-wrap: nowrap;
}

.drop_area_class--flex--column {
    position: relative;
    transition: all 0.3s ease;
}

.drop_area_class--flex--column.background {
    background: #d9f1fa !important;
}

.drop_area_class--flex--column.ativo {
    border: 2px dashed #0089bf;
    background-color: #e0f7ff;
}

.drop_area_class--flex--column.ativo::before {
    content: "Solte os arquivos para fazer upload.";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #0089bf;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    z-index: 10;
    pointer-events: none; /* Garante que o texto não interfira nas ações de drag-and-drop */
    max-width: 271px;
}

.drop_area_class--flex--column .conteudo--foto--e--icone--flex--column,
.drop_area_class--flex--column .botao--importar--arquivo--novo--container--adicionar--foto--flex--column {
    display: flex;
}

.drop_area_class--flex--column .conteudo--foto--flex--column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.drop_area_class--flex--column.ativo .conteudo--foto--e--icone--flex--column,
.drop_area_class--flex--column.ativo .botao--importar--arquivo--novo--container--adicionar--foto--flex--column {
    display: none;
}

.icone--lixeira--flex--column {
    position: absolute;
    top: 12px;
    right: 12px;
    background: transparent;
}

.novo--corpo--telas--novas {
    display: flex;
    flex-direction: column;
    gap: 33px;
    width: 100%;
    padding: 0 43px;
}

.novo--corpo--telas--novas .header--novo--corpo--telas--novas {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 33px;
    width: 100%;
}

.header--novo--corpo--telas--novas .titulo--subtitulo--e--botao--voltar {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.header--novo--corpo--telas--novas .titulo--subtitulo--e--botao--voltar > h1 {
    color: #333;
    font-size: 32px;
    font-weight: 700;
    margin: 0 !important;
    font-family: Roboto;
}

.titulo--subtitulo--e--botao--voltar .subtitulo--e--voltar {
    display: flex;
    align-items: center;
    gap: 8px;
}

.titulo--subtitulo--e--botao--voltar .subtitulo--e--voltar > button {
    border-radius: 50px;
    background: rgba(134, 142, 164, 0.15);
    padding: 8px 12px;
    color: #868EA4;
    font-family: Roboto;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
}

.titulo--subtitulo--e--botao--voltar .subtitulo--e--voltar > p,
.titulo--subtitulo--e--botao--voltar .subtitulo--e--voltar > a{
    color: #0089BF;
    font-size: 14px;
    font-weight: 500;
    margin: 0 !important;
    font-family: Roboto;
}

.titulo--subtitulo--e--botao--voltar .subtitulo--e--voltar > p > a {
    color: #0089BF;
    font-size: 14px;
    font-weight: 500;
    margin: 0 !important;
    font-family: Roboto;
}

.titulo--subtitulo--e--botao--voltar .subtitulo--e--voltar > p > span,
.titulo--subtitulo--e--botao--voltar .subtitulo--e--voltar > a > span {
    color: #95A5AE;
    font-weight: 500;
    font-family: Roboto;
    font-size: 14px;
    margin: 0 !important;
}

.titulo--subtitulo--e--botao--voltar .subtitulo--e--voltar > a {
    color: #0089BF;
    font-size: 14px;
    font-weight: 500;
    font-family: Roboto;
    margin: 0 !important;
}

.header--novo--corpo--telas--novas .container--botoes--lado--direito--novo--corpo {
    display: flex;
    align-items: center;
    gap: 17px;
}

.container--botoes--lado--direito--novo--corpo .button--novo--corpo {
    border-radius: 50px;
    background: #0089BF;
    padding: 12px 24px;
    color: #fff;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 6px;
    border: none;
}

.container--botoes--lado--direito--novo--corpo .button--novo--corpo.verde {
    background: #00C1B4;
}

.container--botoes--lado--direito--novo--corpo .button--novo--corpo.azul--border {
    background: transparent;
    border: 1px solid #0089BF;
    color: #0089BF;
}

.container--checkbox--e--dropdown--table--ocorrencias--faturar {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
    position: relative;
}

.container--checkbox--e--dropdown--table--ocorrencias--faturar > button {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 5px 8px;
    background: transparent;
    border-radius: 50px;
    border: 1px solid #0089BF;
    font-weight: 400;
    font-family: Roboto;
    font-size: 14px;
    color: #0089BF;
}

.container--checkbox--e--dropdown--table--ocorrencias--faturar .conteudo--dropdown--ocorrencias--faturar {
    padding: 3px 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 115px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 40px;
    right: 0;
    align-items: center;
    justify-content: center;
}
.conteudo--dropdown--ocorrencias--faturar .dropdown--option {
    cursor: pointer;
    padding: 12px 16px;
    font-weight: 400;
    color: #727272;
    font-family: Roboto;
    font-size: 14px;
    margin: 0 !important;
    width: 100%;
}

.conteudo--dropdown--ocorrencias--faturar .dropdown--option:hover {
    background: #D3E8F0;
}

.conteudo--dropdown--ocorrencias--faturar .dropdown--option:hover:first-child {
    border-radius: 8px 8px 0 0;
}

.conteudo--dropdown--ocorrencias--faturar .dropdown--option:hover:last-child {
    border-radius: 0 0 8px 8px;
}


.box--modal--em--linhas {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 24px;
}

.box--modal--em--linhas .box--linha--modal {
    display: flex;
    gap: 8px;
    width: 100%;
}

.box--modal--em--linhas .box--linha--modal .texto--e--valor--linha--modal {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.box--modal--em--linhas .box--linha--modal .texto--e--valor--linha--modal > p:first-child {
    color: #545454;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    margin: 0 !important;
}

.box--modal--em--linhas .box--linha--modal .texto--e--valor--linha--modal > p > span {
    color: #FF4B6A;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    margin: 0 !important;
}

.box--modal--em--linhas .box--linha--modal .texto--e--valor--linha--modal > input,
.box--modal--em--linhas .box--linha--modal .texto--e--valor--linha--modal > select {
    padding: 16px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    width: 100%;
    font-weight: 400;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
}

.texto--e--valor--linha--modal .input--com--sifrao {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 16px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    width: 100%;
}

.texto--e--valor--linha--modal .input--com--sifrao > p {
    color: #BABABA  !important;
    font-family: Roboto;
    font-size: 14px !important;
    font-weight: 400;
    margin: 0 !important;
    width: fit-content;
}

.texto--e--valor--linha--modal .input--com--sifrao > input {
    border: none;
    background: none;
    width: 100%;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    text-align: end;
}

.texto--e--valor--linha--modal .input--com--sifrao.desativado {
    background: #EBEBEB;
}

.container--botoes--fim--modal--flex {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.container--botoes--fim--modal--flex .botao--fim--modal {
    padding: 12px 48px;
    border-radius: 34px;
    border: 1px solid #000;
    background: none;
    font-weight: 500;
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    text-wrap: nowrap;
    display: flex;
    align-items: center;
}

.container--botoes--fim--modal--flex .botao--fim--modal.verde {
    background: #00C1B4;
    color: #FFF;
    border: none;
}

.container--botoes--fim--modal--flex .botao--fim--modal.azul {
    background: #0083C0;
    color: #FFF;
    border: none;
}

.box--recebimento--fatura--modal {
    display: flex;
    width: 100%;
    height: 393px;
    justify-content: center;
    align-items: center;
}

.box--recebimento--fatura--modal > img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.box--dados--contrato--movimentacao {
    width: 100%;
    padding: 16px 24px;
    border-radius: 8px;
    background: #EAF1FF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.box--dados--contrato--movimentacao .conteudo--dados--contrato--movimentacao {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.box--dados--contrato--movimentacao .conteudo--dados--contrato--movimentacao > p:first-child {
    color: #545454;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px; /* 166.667% */
}

.box--dados--contrato--movimentacao .conteudo--dados--contrato--movimentacao > p:last-child {
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
}

.conteudo--dados--contrato--movimentacao .id--contrato--valor {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid #D2D2D2;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
}

.conteudo--dados--contrato--movimentacao .id--contrato--valor > a {
    color: #545454;
}

.conteudo--dados--contrato--movimentacao .id--contrato--valor > a:hover {
    color: #0d638f;
}

.container--taxas--extras {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 21px;
}
.container--taxas--extras > p {
    margin: 0 !important;
    color: #333;
    font-size: 24px;
    font-weight: 700;
}

.container--taxas--extras button {
    padding: 10px 18px;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 50px;
    background: #00C1B4;
    border: none;
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    width: fit-content;
}
.container--taxas--extras .conteudo--taxas--extras {
    padding: 20px 24px 24px 24px;
    width: 100%;
    display: flex;
    gap: 6px;
    border-radius: 10px;
    border: 1px solid #EBEBEB;
    background: #F9F9F9;
}
.conteudo--taxas--extras .texto--e--valor--taxas--extras {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}
.conteudo--taxas--extras .texto--e--valor--taxas--extras > p {
    color: #545454;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    margin: 0 !important;
}
.conteudo--taxas--extras .texto--e--valor--taxas--extras > input {
    padding: 14px 30px 14px 12px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    width: 100%;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}
.texto--e--input--modal--taxas--extras {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}
.texto--e--input--modal--taxas--extras > p {
    color: #545454;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    margin: 0 !important;
}
.texto--e--input--modal--taxas--extras > p > span {
    color: #FF4B6A;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    margin: 0 !important;
}
.texto--e--input--modal--taxas--extras > select {
    padding: 14px 16px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    width: 100%;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}
.container--novo--gerar--faturamento {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 21px;
}
.container--novo--gerar--faturamento > h4 {
    color: #333;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    margin: 0 !important;
}
.container--novo--gerar--faturamento .conteudo--novo--gerar--faturamento {
    display: flex;
    width: 100%;
    row-gap: 24px;
    column-gap: 8px;
    flex-wrap: wrap;
}
.container--novo--gerar--faturamento .conteudo--novo--gerar--faturamento > button {
    padding: 10px 44px;
    border-radius: 50px;
    background: #00C1B4;
    border: none;
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    margin-top: 22px;
    height: fit-content;
    margin-left: auto;
}
.conteudo--novo--gerar--faturamento .texto--e--valor--novo--gerar--faturamento {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 24.4%;
}
.conteudo--novo--gerar--faturamento .texto--e--valor--novo--gerar--faturamento > label {
    color: #333;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    margin: 0 !important;
}
.conteudo--novo--gerar--faturamento .texto--e--valor--novo--gerar--faturamento > select,
.conteudo--novo--gerar--faturamento .texto--e--valor--novo--gerar--faturamento > input {
    padding: 13px 18px !important;
    border-radius: 4px !important;
    border: 1px solid #EBEBEB !important;
    background: #FFF !important;
    width: 100% !important;
    color: #333 !important;
    font-family: Roboto !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    height: unset !important;
    flex: unset !important;
    margin: 0 !important;
}
.texto--e--valor--novo--gerar--faturamento .box--botao--sim--e--nao--novo--gerar--faturamento {
    display: flex;
    gap: 8px;
}
.box--botao--sim--e--nao--novo--gerar--faturamento .botao--sim--e--nao--gerar--faturamento {
    padding: 12px 83px;
    border-radius: 50px;
    border: 1px solid #0089BF;
    background: transparent;
    color: #0089BF;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    width: fit-content;
}
.box--botao--sim--e--nao--novo--gerar--faturamento .botao--sim--e--nao--gerar--faturamento.azul {
    background: #0089BF;
    color: #FFF;
    border: none;
}
.container--dados--do--boleto {
    display: none;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    padding: 16px;
    border-radius: 8px;
    background: #F6F6F6 !important;
}
.container--dados--do--boleto > h4 {
    color: #333;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    margin: 0 !important;
}
.container--dados--do--boleto .conteudo--dados--do--boleto {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}
.container--dados--do--boleto .conteudo--dados--do--boleto > label {
    color: #333;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
}
.container--dados--do--boleto .conteudo--dados--do--boleto > select {
    padding: 13px 18px;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
    background: #FFF;
    width: 100%;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
}
.container--dados--nf {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    padding: 16px;
    border-radius: 8px;
    background: #F6F6F6;
}
.container--dados--nf > h4 {
    color: #333;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    margin: 0 !important;
}
.container--dados--nf .conteudo--dados--nf {
    display: flex;
    row-gap: 16px;
    column-gap: 8px;
    width: 100%;
    flex-wrap: wrap;
}
.conteudo--dados--nf .texto--e--valor--dados--nf {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 19%;
}
.conteudo--dados--nf .texto--e--valor--dados--nf > label {
    color: #333;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    margin: 0 !important;
}
.conteudo--dados--nf .texto--e--valor--dados--nf > input,
.conteudo--dados--nf .texto--e--valor--dados--nf > select {
    padding: 13px 18px;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
    background: #FFF;
    width: 100%;
}
.conteudo--dados--nf .texto--e--valor--dados--nf > textarea {
    min-height: unset !important;
    resize: none;
    padding: 13px 18px;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
    background: #FFF;
    width: 100%;
}

.container--tutorial--etapa--1--criar--lote {
    display: none;
    padding: 24px;
    width: 285px;
    border-radius: 16px;
    background: #EAF1FF;
    position: fixed;
    flex-direction: column;
    top: 475px;
    left: 104px;
    z-index: 9;
}

.container--tutorial--etapa--1--criar--lote.etapa2 {
    right: 44px;
    left: unset;
    top: unset;
    bottom: 135px;
    display: none;
}

.container--tutorial--etapa--1--criar--lote .triangulo--esquerda--novo {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 30px solid #EAF1FF;
    position: absolute;
    left: -11px;
    top: 11px;
}

.container--tutorial--etapa--1--criar--lote.etapa2 .triangulo--baixo--novo {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #EAF1FF;
    position: absolute;
    right: 102px;
    bottom: -13px;
    z-index: 9;
}

.container--tutorial--etapa--1--criar--lote .conteudo--tutorial--etapa--1--criar--lote {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

.container--tutorial--etapa--1--criar--lote .conteudo--tutorial--etapa--1--criar--lote > h4 {
    color: #333;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 700;
    margin: 0 !important;
}

.container--tutorial--etapa--1--criar--lote .conteudo--tutorial--etapa--1--criar--lote > p {
    color: #333;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 400;
    line-height: 140%; /* 18.2px */
    margin: 0 !important;
}

.conteudo--tutorial--etapa--1--criar--lote .container--botao--e--circulo--etapas {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-end;
}

.conteudo--tutorial--etapa--1--criar--lote .container--botao--e--circulo--etapas > button {
    padding: 8px 15px;
    border-radius: 50px;
    background: #0089BF;
    border: none;
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.container--botao--e--circulo--etapas .conteudo--circulo--etapas {
    display: flex;
    gap: 6px;
    align-items: center;
}

.conteudo--circulo--etapas .circulo--etapas {
    width: 5px;
    height: 5px;
    border-radius: 50px;
    background: #D9D9D9;
}

.conteudo--circulo--etapas .circulo--etapas.ativo {
    background: #0089BF;
}

.container--controle--de--limite {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.botao--azul--sem--background {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 19px 10px 16px;
    border-radius: 50px;
    border: 1px solid #0089BF;
    background: transparent;
    font-weight: 500;
    color: #0089BF;
    font-family: Roboto;
    font-size: 14px;
}

.botao--azul--sem--background.com--background--azul {
    padding: 10px 24px;
    border: 1px solid #0089BF;
    background: #0089BF;
    color: #FFF;
}

.container--controle--limite--usuario--edit {
    display: flex;
    flex-direction: column;
    gap: 44px;
    width: 100%;
}

.container--controle--limite--usuario--edit .box--conteudo--controle--limite--usuario--edit {
    display: flex;
    flex-direction: column;
    gap: 21px;
    width: 100%;
}

.container--controle--limite--usuario--edit .box--conteudo--controle--limite--usuario--edit > h2 {
    font-weight: 700;
    color: #333;
    font-family: Roboto;
    font-size: 20px;
    margin: 0 !important;
}

.container--barra--de--pesquisa--novas--telas--com--table--acoplada {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
}

.conteudo--linha--controle--limite--de--uso--edit {
    display: flex;
    width: 100%;
    gap: 8px;
    padding: 20px 24px 24px 24px;
    border-radius: 10px;
    border: 1px solid #EBEBEB;
    background: #F9F9F9;
}

.conteudo--linha--controle--limite--de--uso--edit .texto--e--inputs--controle--limite--de--uso--edit {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.conteudo--linha--controle--limite--de--uso--edit .texto--e--inputs--controle--limite--de--uso--edit > p {
    color: #545454;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    margin: 0 !important;
}

.conteudo--linha--controle--limite--de--uso--edit .texto--e--inputs--controle--limite--de--uso--edit > input {
    padding: 14px 20px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #F0F0F0;
    color: #666;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
}

.texto--e--inputs--controle--limite--de--uso--edit .conteudo--duas--datas--em--apenas--um--input {
    padding: 14px 20px;
    gap: 12px;
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #F0F0F0;
}

.conteudo--duas--datas--em--apenas--um--input .conteudo--datas--limite--de--uso--edit {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
}

.conteudo--duas--datas--em--apenas--um--input .conteudo--datas--limite--de--uso--edit > input {
    background: none;
    border: none;
    max-width: 80px;
}

.conteudo--datas--limite--de--uso--edit span {
    flex: 1;
    text-align: center;
}

.container--botoes--limpar--filtros--e--submit {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    gap: 8px;
    padding: 16px 52px;
}

.container--botoes--limpar--filtros--e--submit .botao--generico {
    padding: 12px 24px;
    border-radius: 50px;
    background: #FFF;
    border: 1px solid #EBEBEB;
    color: #333;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
}

.container--botoes--limpar--filtros--e--submit .botao--generico.azul {
    padding: 10px 24px;
    background: #0089BF;
    border: none;
}

.container--totalizadores--periodo {
    display: flex;
    padding: 32px;
    border-radius: 16px;
    background: #EAF1FF;
    border: none;
    gap: 32px;
    flex-direction: column;
}

.container--totalizadores--periodo .titulo--totalizadores--periodo {
    display: flex;
    gap: 30px;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.container--totalizadores--periodo .titulo--totalizadores--periodo > h4 {
    color: #333;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 700;
}

.titulo--totalizadores--periodo .botao--totalizadores {
    padding: 8px 24px;
    border-radius: 50px;
    background: transparent;
    color: #0089BF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    text-wrap: nowrap;
    border: 1px solid #0089BF;
    display: flex;
    align-items: center;
    gap: 4px;
}

.container--totalizadores--periodo .conteudo--totalizadores--periodo {
    display: flex;
    width: 100%;
    background: #FFF;
    border-radius: 42px;
}

.conteudo--totalizadores--periodo .totalizador--periodo {
    padding: 16px 28px;
    border-radius: 42px;
    background: #FFF;
    color: #333;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    margin: 0 !important;
    width: 100%;
    display: flex;
    text-wrap: nowrap;
    justify-content: center;
}

.conteudo--totalizadores--periodo .totalizador--periodo.ativo {
    background: #0089BF;
    color: #FFF;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
}

.container--totalizadores--periodo .valores--totalizadores--periodo {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
    background: #FFF;
    padding: 24px 82px 24px 24px;
}

.valores--totalizadores--periodo .titulos--valores--totalizadores--periodo {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
    justify-content: space-between;
}

.valores--totalizadores--periodo .titulos--valores--totalizadores--periodo > p {
    margin: 0 !important;
    color: #545454;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
}

.valores--totalizadores--periodo .conteudo--valores--totalizadores--periodo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #EBEBEB;
    gap: 8px;
}

.valores--totalizadores--periodo .conteudo--valores--totalizadores--periodo > p {
    color: #333;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
}

.container--bara--pesquisa--nova--tela--junto--com--box--botoes--submit {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: unset !important;
}

.container--bara--pesquisa--nova--tela--junto--com--box--botoes--submit .container--botoes--campo--abaixo--limpar--e--submit {
    display: flex;
    gap: 8px;
    width: 100%;
    padding: 8px 25px;
    border-radius: 0px 0px 8px 8px;
    border: 1px solid #F6F6F6;
    background: #FCFCFC;
    justify-content: flex-end;
}

.container--botoes--campo--abaixo--limpar--e--submit .button--azul {
    padding: 10px 24px;
    border-radius: 50px;
    background: #0089BF;
}

.container--botoes--campo--abaixo--limpar--e--submit .button--azul.button--branco {
    padding: 10px 24px;
    border-radius: 50px;
    border: 1px solid #EBEBEB;
    background: #FFF;
    color: #545454;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
}

.container--modal--novo--buscar--prestadores {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 16px;
}

.container--modal--novo--buscar--prestadores .header--modal--novo--buscar--prestadores {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
}

.container--modal--novo--buscar--prestadores .header--modal--novo--buscar--prestadores > h4 {
    color: #333;
    font-family: "Open Sans";
    font-size: 28px;
    font-weight: 700;
    margin: 0 !important;
}

.header--modal--novo--buscar--prestadores .tag--header--novo--buscar--prestadores {
    padding: 4px 8px;
    border-radius: 4px;
    background: #D3E8F0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0089BF;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    text-wrap: nowrap;
    width: fit-content;
}

.header--modal--novo--buscar--prestadores .tag--header--novo--buscar--prestadores.cinza {
    background: #F0F0F0;
    color: #C2C2C2;
}

.container--modal--novo--buscar--prestadores .conteudo--informacoes--prestador--modal--novo--buscar--prestadores {
    padding: 16px;
    border-radius: 8px;
    background: #EAF1FF;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.container--modal--novo--buscar--prestadores .conteudo--informacoes--prestador--modal--novo--buscar--prestadores > h4 {
    color: #333;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px; /* 111.111% */
    margin: 0 !important;
}

.conteudo--informacoes--prestador--modal--novo--buscar--prestadores .linha--informacoes--prestador--modal--novo--buscar--prestadores {
    display: flex;
    width: 100%;
    gap: 10px;
    justify-content: space-between;
    align-items: flex-start;
}


.linha--informacoes--prestador--modal--novo--buscar--prestadores .texto--e--valor--linha--informacoes--prestador--modal--novo--buscar--prestadores {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.linha--informacoes--prestador--modal--novo--buscar--prestadores .texto--e--valor--linha--informacoes--prestador--modal--novo--buscar--prestadores > p:first-child {
    color:  #545454;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    margin: 0 !important;
}

.linha--informacoes--prestador--modal--novo--buscar--prestadores .texto--e--valor--linha--informacoes--prestador--modal--novo--buscar--prestadores > p:last-child {
    overflow: hidden;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    max-width: 83px;
    margin: 0 !important;
}

.texto--e--valor--linha--informacoes--prestador--modal--novo--buscar--prestadores .tag--linha--modal--novo--buscar--prestadores {
    border-radius: 4px;
    background: #D8EFEE;
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    color: #00C1B4;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    margin: 0 !important;
    width: fit-content;
}

.linha--informacoes--prestador--modal--novo--buscar--prestadores .abrir--cadastro--modal--novo--buscar--prestadores {
    display: flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
}

.linha--informacoes--prestador--modal--novo--buscar--prestadores .abrir--cadastro--modal--novo--buscar--prestadores > a {
    color: #007BAF;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    margin: 0 !important;
}

.linha--informacoes--prestador--modal--novo--buscar--prestadores .telefone--whats--modal--novo--buscar--prestadores {
    display: flex;
    align-items: center;
    gap: 4px;
    max-width: 130px;
    width: fit-content;
}

.linha--informacoes--prestador--modal--novo--buscar--prestadores .telefone--whats--modal--novo--buscar--prestadores > p {
    color: #333;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 400;
    margin: 0 !important;
}

.container--modal--novo--buscar--prestadores .container--mapa--bases--e--detalhes--rota {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
}

.container--mapa--bases--e--detalhes--rota .container--mapa--e--bases {
    display: flex;
    width: 100%;
}

.container--mapa--e--bases .conteudo--mapa--modal--novo--prestadores {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 8px 0px 0px 0px;
}

.container--mapa--e--bases .conteudo--mapa--modal--novo--prestadores > img {
    width: 100%;
    height: auto;
    display: block;
}

.container--mapa--e--bases .conteudo--bases--modal--novo--buscar--prestadores {
    padding: 16px;
    border-radius: 0px 8px 8px 0px;
    background: #F6F6F6;
    width: 72%;
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.conteudo--bases--modal--novo--buscar--prestadores .textos--das--bases--do--prestador {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.textos--das--bases--do--prestador .texto--e--valor--das--bases {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.textos--das--bases--do--prestador .texto--e--valor--das--bases > h4 {
    color: #545454;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    margin: 0 !important;
}

.textos--das--bases--do--prestador .texto--e--valor--das--bases > p {
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    margin: 0 !important;
}

.conteudo--bases--modal--novo--buscar--prestadores .pin--das--bases--do--prestador {
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    align-items: center;
}

.pin--das--bases--do--prestador .linhas--pontilhadas--bases--prestadores {
    width: 0;
    height: 48px;
    border-left: 2px dashed #C2C2C2;
    flex-shrink: 0;
}

.container--mapa--bases--e--detalhes--rota .detalhes--da--rota--modal--novo--buscar--prestadores {
    display: flex;
    flex-direction: column;
    padding: 16px;
    border-radius: 0px 0px 8px 8px;
    background: #EAF1FF;
    width: 100%;
    gap: 8px;
}

.container--mapa--bases--e--detalhes--rota .detalhes--da--rota--modal--novo--buscar--prestadores > h4 {
    color: #000;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0 !important;
}

.detalhes--da--rota--modal--novo--buscar--prestadores .conteudo--distancia--entre--locais {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 8px;
    background: #FFF;
}

.conteudo--distancia--entre--locais .distancia--entre--locais--valor--e--texto {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 30px;
    padding: 10px 16px;
}

.conteudo--distancia--entre--locais .distancia--entre--locais--valor--e--texto::nth-child(even) {
    background: #F6F6F6;
}

.conteudo--distancia--entre--locais .distancia--entre--locais--valor--e--texto > p:first-child {
    color: #000;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    margin: 0 !important;
}

.conteudo--distancia--entre--locais .distancia--entre--locais--valor--e--texto > p:last-child {
    color: #000;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    margin: 0 !important;
}

.detalhes--da--rota--modal--novo--buscar--prestadores .valor--distancia--total--modal--novo--buscar--prestadores {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 6px;
    margin-right: 13px;
}

.detalhes--da--rota--modal--novo--buscar--prestadores .valor--distancia--total--modal--novo--buscar--prestadores > h4 {
    color: #000;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    margin: 0 !important;
}

.detalhes--da--rota--modal--novo--buscar--prestadores .valor--distancia--total--modal--novo--buscar--prestadores > p {
    color: #000;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    margin: 0 !important;
}

.container--modal--novo--buscar--prestadores .container--tarifas--do--prestador {
    padding: 16px;
    border-radius: 8px;
    background: #F6F6F6;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.container--modal--novo--buscar--prestadores .container--tarifas--do--prestador > h4 {
    color: #333;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px; /* 111.111% */
    margin: 0 !important;
}

.container--tarifas--do--prestador .linha--tarifas--do--prestador {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
}

.linha--tarifas--do--prestador .texto--e--valor--tarifas--do--prestador {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.linha--tarifas--do--prestador .texto--e--valor--tarifas--do--prestador > p {
    color: #545454;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    margin: 0 !important;
}

.texto--e--valor--tarifas--do--prestador .tag--valor--tarifas--do--prestador {
    border-radius: 4px;
    background: #EAEDF2;
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    color: #868EA4;
    text-align: center;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 500;
    text-wrap: nowrap;
    width: fit-content;
}

.container--modal--novo--buscar--prestadores .container--botoes--modal--novo--buscar--prestadores {
    display: flex;
    gap: 6px;
    width: 100%;
}

.container--botoes--modal--novo--buscar--prestadores .botao--azul--modal--novo--buscar--prestadores {
    padding: 18px 25px 18px 20px;
    border-radius: 50px;
    background: #0083C0;
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    text-wrap: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
    height: 47px;
}

.container--botoes--modal--novo--buscar--prestadores .botao--azul--modal--novo--buscar--prestadores.verde {
    background: #00C1B4;
}

.container--botoes--modal--novo--buscar--prestadores .botao--azul--modal--novo--buscar--prestadores.vermelho {
    background: transparent;
    border: 1px solid #FF4B6A;
    color: #FF4B6A;
    font-weight: 500;
}

.container--novo--corpo--contestacoes {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.conteudo--mensagem--de--chat--novo {
    padding: 0 15px;
    height: 95px !important;
    border-radius: 0 !important;
    background: #FFF !important;
    border: 0 !important;
    border-top: 1px solid #dfdfdf !important;
    width: 100%
}

.conteudo--mensagem--de--chat--novo .field {
    background: none !important;
    color: #616161;
    font-size: 1em;
    font-weight: 600;
    border: none !important;
    width: 85%;
    overflow: scroll;
    overflow-x: hidden;
    height:90px !important;
}

.conteudo--mensagem--de--chat--novo .field:focus {
    outline: none;
}

.conteudo--titulo--e--botao--desconto--faturamento {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 16px;
}

.conteudo--titulo--e--botao--desconto--faturamento > h4 {
    color: #333;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    margin: 0 !important;
}

.conteudo--titulo--e--botao--desconto--faturamento .acoes--tabela--desconto {
    display:flex; 
    gap: 8px;
}

.conteudo--titulo--e--botao--desconto--faturamento .acoes--tabela--desconto  button {
    padding: 12px 24px;
    border-radius: 50px;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    border: none;
}

.conteudo--titulo--e--botao--desconto--faturamento .acoes--tabela--desconto  #solicitarDescontoFaturamento {
    background: #0089BF;
    color: #FFF;
}

.conteudo--titulo--e--botao--desconto--faturamento .acoes--tabela--desconto  #verCardsSolicitacaoDesconto {
    color: #0089BF;
    background: #FFF;
    border: solid 1px #0089BF;
}

.aviso--nova--analise--kanban--financeiro {
    padding: 12px 16px;
    border-radius: 10px;
    background: #F4DFE3;
    display: flex;
    align-items: center;
    gap: 8px;
}

.aviso--nova--analise--kanban--financeiro > p {
    color: #333;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    margin: 0 !important;
}

.aviso--nova--analise--kanban--financeiro > p > span {
    color: #333;
    font-family: Roboto;
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
}

.aviso--nova--analise--kanban--financeiro.kanban--card--fora {
    border-radius: 4px;
    padding: 6px;
    width: fit-content;
}

.aviso--nova--analise--kanban--financeiro.kanban--card--fora > p {
    font-size: 10px;
    color: #FF4B6A;
    font-weight: 500;
}

.btn--ver--detalhes--calculadora {
    padding: 7px 16px;
    border-radius: 50px;
    border: 1px solid #FFF;
    color: #FFF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    background: #0089BF;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn--acoes--gerais--calculadora {
    padding: 7px 16px;
    border-radius: 50px;
    border: 1px solid #0089BF;
    color: #0089BF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 6px;
}

#tableListaPrestadoresProtocolo .acoes--gerais--calculadora {
    position:relative;
    right: -32px;
}

#tableListaPrestadoresProtocolo .acoes--gerais--calculadora .box--acoes--gerais--calculadora {
    display: none;
    flex-direction: column;
    gap: 8px;
    padding: 8px 0;
    align-items: center;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.15);
    overflow: auto;
    width: 150px;
    right: 50px;
    position: absolute;
    top: 2px;
    z-index: 99999;
    overflow: hidden;
    font-size: 15px;
}

#tableListaPrestadoresProtocolo .acoes--gerais--calculadora .box--acoes--gerais--calculadora span {
    padding: 4px 8px;
    cursor: pointer;
}

#tableListaPrestadoresProtocolo .acoes--gerais--calculadora .box--acoes--gerais--calculadora a {
    color: #333;
    display: flex;
    align-items: center;
    gap: 8px;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 25px !important;
    justify-content: center;
    font-weight:400;
}

#tableListaPrestadoresProtocolo .acoes--gerais--calculadora .box--acoes--gerais--calculadora a.exclusao__servico  {
    color: #ff4b6a;
}

#tableListaPrestadoresProtocolo .acoes--gerais--calculadora .box--acoes--gerais--calculadora a img {
    height: 18px; 
 }

 #tableListaPrestadoresProtocolo .container--pre--detalhes--calculadora {
    position: relative;
    right: -220px;
 }

 #tableListaPrestadoresProtocolo .container--detalhes--calculadora {
    display: none;
    padding: 0 24px 15px;
    width: 285px;
    border-radius: 16px;
    background: #FFF;
    position: absolute;
    flex-direction: column;
    top: 50px;   
    left: -280px;
    z-index: 9;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.20) !important;
}

#tableListaPrestadoresProtocolo .container--detalhes--calculadora .triangulo--baixo--novo {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #FFF;
    position: relative;
    right: -80px;
    bottom: 15px;
    z-index: 9999;
}

#tableListaPrestadoresProtocolo .container--detalhes--calculadora .info--detalhes {
    height: 70px;
    font-size: 15px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

#tableListaPrestadoresProtocolo .container--detalhes--calculadora .info--detalhes p:last-of-type {
    font-weight: lighter;
}

#tableListaPrestadoresProtocolo .container--detalhes--calculadora .acao--abrir--calculadora {
    display:flex;
    align-items:center; 
    justify-content:center;
}

.sem--resultados--tabela {
    width: 100%;
    height: 100px;
    padding: 24px 0px !important;
    background: #F6F6F6 !important;
    color: #ADADAD !important;
    text-align: center;
    font-family: Roboto !important;
    font-size: 16px !important;
    font-style: italic !important;
    font-weight: 400 !important;
}

.newTag {
    border-radius: 4px;
    padding: 7px 12px !important;
    width: fit-content;

    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    display: flex;
    align-items: center;
    text-align: center;
}

.newTag.tag-cinza-claro {
    background: var(--bg-gray-tag);
    color: var(--grayblue-new);
}

.container--ramal--header--antigo {
    display: flex; 
    gap: 12px; 
    padding:8px 16px; 
    margin-right: 20px;
    background-color: var(--bg-ff); 
    border-radius: 8px; 
}

.container--ramal--header--antigo #info_status {
    display:flex; 
    flex-direction: column; 
    align-items: center; 
    gap: 4px;
}

#info_status .content--info--ramal {
    display: flex;
    align-items: center;
    gap:4px;
    color: var(--grey-dark);
    font-size: 14px;
    font-weight: 400;
}

.container--ramal--header--antigo #info_status #barra_status_ramal {
    width: 100%;
    height: 6px;
    border-radius: 8px;
    background: var(--amarelo-new);
}

.container--ramal--header--antigo #btn_ativar_desativar_ramal {
    padding: 0;
    border: none;
    background: transparent;
}

.container--ramal--header--antigo #btn_ativar_desativar_ramal img {
    width: 26px;
}

.conteudo--chat {
    display: flex;
    flex-direction: column;
    padding: 32px;
    width: 100%;
    border-radius: 16px;
    background: #fff;
    gap: 32px;
}

.conteudo--chat .container--subconteudo--chat--mensagens {
    list-style: none;
    height: 500px;
    margin: 0;
    padding: 20px 18px;
    border-radius: 8px;
    background: #f6f6f6;
    display: flex;
    flex-direction: column;
    gap: 30px;

    overflow-y: auto;
    box-sizing: border-box;
}

.container--subconteudo--chat--mensagens .container--mensagem {
    width: 100%;
    display: flex;
}

.container--subconteudo--chat--mensagens .container--mensagem.chat--vazio {
    justify-content: center;
}

.container--subconteudo--chat--mensagens .container--mensagem.mensagem--delta {
    justify-content: end;
}

.container--mensagem .container--conteudo--mensagem {
    width: fit-content;
    max-width: 70%;
    display: flex;
    flex-direction: column;
    gap: 10px;

    font-family: Roboto;
    color: #333333;
}

.container--conteudo--mensagem .container--subconteudo--mensagem {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 20px 15px 20px;

    background: #FFFFFF;
    border-radius: 8px;
}

.container--mensagem.chat--vazio .container--conteudo--mensagem .container--subconteudo--mensagem {
    padding: 15px 180px;
}

.container--conteudo--mensagem .container--subconteudo--mensagem.mensagem--delta {
    background: #DCF8C6;
}

.container--subconteudo--mensagem .usuario--mensagem {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
}

.container--subconteudo--mensagem .numero--usuario--mensagem {
    font-weight: 300;
    font-size: 12px;
}

.container--subconteudo--mensagem .conteudo--mensagem {
    margin-top: 10px;
    font-weight: 400;
    font-size: 14px;
}

.container--conteudo--mensagem .data--mensagem {
    font-weight: 300;
    font-size: 12px;
    text-align: right;
}

.mensagem--com--acao {
    width: fit-content;
    border-radius: 8px;
    border: 1px solid #EBEBEB;
}

.mensagem--arquivo {
    width: 100%;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 20px;
    background: #FFFFFF;
    border-radius: 8px 8px 0 0;
}

.mensagem--imagem {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    background: #FFFFFF;
    border-radius: 8px 8px 0 0;
}

.mensagem--arquivo .nome--arquivo {
    overflow-wrap: break-word;
    display: inline-block;
    max-width: 75%;
}

.mensagem--localicacao {
    width: 100%;
    /* height: 120px; */
    border-radius: 8px 8px 0 0;
}

.container--btn--acao--mensagem {
    width: 100%;
    padding: 5px;
    background: #F6F6F6;
    border-radius: 0 0 8px 8px;
}

.btn--acao--mensagem {
    margin: auto;
    width: fit-content;
    max-width: fit-content;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 20px;
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    border-radius: 8px;

    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
}

.btn--acao--mensagem .container--seta--btn {
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    border-radius: 50px;
    background: #0089BF;
}

.conteudo--chat .container--subconteudo--chat--input {
    position: relative;
    border-radius: 8px;
    background: #f6f6f6;
    display: flex;
    align-items: end;
    gap: 10px;
}

.container--subconteudo--chat--input .wrapper--acoes--input--mensagem {
    width: 100%;
    padding: 20px 18px;
    display: flex;
    align-items: end;
    gap: 10px;
}

.container--subconteudo--chat--input .wrapper--acoes--input--mensagem button {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 50px;
    background: #0089BF;
}

.container--subconteudo--chat--input .wrapper--acoes--input--mensagem textarea {
    flex: 1;
    height: 22px;
    min-height: 22px;
    max-height: 64px;
    background: #F6F6F6;

    border: none;
    outline: none;
    resize: none;
    padding: 0;
    margin: 0;
    
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    
    overflow-y: auto;
    scrollbar-width: thin;
}

.container--dropdown--acoes--mensagem {
    position: relative;
}

#opcoes_mensagem {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    padding: 8px 0;
    margin-bottom: 5px;
    min-width: 120px;
    z-index: 1;
}

#opcoes_mensagem li {
    padding: 8px 16px;
    list-style: none;
    cursor: pointer;
}

#opcoes_mensagem li:hover {
    background-color: #f5f5f5;
}

.btn-ver-ocultar-detalhes {
    border: none;
    padding: 8px 15px !important;
    border-radius: 50px;
    background: var(--color-blue);
    font-family: Roboto;
    font-weight: 600;
    font-size: 10px;
    vertical-align: middle;
    color: var(--txt-light);
    white-space: nowrap;
}
.section--modal {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px
}
.section--modal h5 {
    margin: 0;
    padding: 0;
    font-family: Roboto;
    font-weight: 600;
    font-size: 16px;
    color: #333333;
}
.status-aprovacao {
    width: fit-content;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 12px;
    font-family: Roboto;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    vertical-align: middle;
    color: var(--txt-light);
}
.status-aprovacao.pendente {
    background-color: var(--amarelo-new);
}
.status-aprovacao.aprovado {
    background-color: var(--verde-new);
}
.status-aprovacao.contestado {
    background-color: var(--vermelho-leve-new);
    color: var(--vermelho-new-2);
}
.status-aprovacao.pre-aprovado {
    background-color: var(--bg-light-blue-tag);
    color: var(--color-blue);
}
.status-aprovacao.reprovado {
    background-color: var(--vermelho-new-2);
}
.status-aprovacao.nao-enviado {
    background-color: var(--amarelo-leve-new);
    color: var(--amarelo-new);
}

.modal_selecao_contrato_ocorrencia {
    background: #F9F9F9 !important;
}

.modal_selecao_contrato_ocorrencia .column-center-sem-gap > p.titulo {
    font-family: "Open Sans" !important;
}

.modal_selecao_contrato_ocorrencia .column-center-sem-gap > p.subtitulo {
    margin-top: 10px;
    font-family: "Open Sans" !important;
    font-weight: 300 !important;
    text-align: left!important ;
}

.container--alert {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #F4DFE3;
    padding: 5px 7px;
    border-radius: 7px;
}

.container--alert img {
    width: 15px;
    height: 15px;
}

.container--alert p {
    margin: 0 !important;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: #FF4B6A;
}

.container--btns {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}