/*

        Todos os restantes ficheiros de css deverão ficar no seu estado original,
        todas as mudanças de visual deverão ser feitas neste documento.

        Este ficheiro aplica as alterações do tema claro
*/

/*-----------------------------------------------------GLOBAIS-------------------------------------*/
body{
	background-color: var(--ipdoc-light-bg);
	color: var(--ipdoc-text-light);
}

html,
section,
.content-wrapper,
pre,
.bg-base{
    background-color: var(--ipdoc-light-bg) !important;
	color: var(--ipdoc-text-light);
}

body.layout-top-nav:not(.inside-iframe){
    background: 
		linear-gradient( to right, var(--ipdoc-bg) 0%, var(--ipdoc-bg-gradient) 100% ) no-repeat top,
		var(--ipdoc-light-1);
	background-size: 100% 200px, auto;
}

body.layout-top-nav:not(.inside-iframe) section.content{
    background: 
		linear-gradient( to right, var(--ipdoc-bg) 0%, var(--ipdoc-bg-gradient) 100% ) no-repeat top,
		var(--ipdoc-light-bg);
	background-size: 100% 200px, auto;
}

.card,
.ui-tooltip,
#framesetavo iframe{
    background-color: white;
	color: var(--ipdoc-text-light);
}

.main-footer-iportaldoc,
.swal2-modal,
.swal2-popup,
.bootstrap-select .dropdown-toggle,
.bootstrap-select .dropdown-menu,
.card-tabs,
.crmnav,
.nav.nav-tabs,
.multiselect-container,
.select2-container .select2-choice,
.select2-drop,
.select2-input,
.modal-content,
.tt-menu,
.user-footer,
.ui-tooltip{
    background-color: white !important;
	color: var(--ipdoc-text-light);
}

select.form-control.custom-select[multiple] option:checked:focus,
select.form-control.custom-select[multiple] option:checked:focus:hover{
    background-color: var(--ipdoc_greyA);
    color: white;
}

.swal2-title,
.swal2-content,
.navbar-nav > .user-menu > .dropdown-menu > .user-body a,
.nav-link-iportaldoc,
.sidebar a:not(.active),
#section_left_menu  .nav > .nav-item > .nav-link:not(active),
.ui-widget-content,
.actioncomment span,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.nav-tabs .nav-link:not(.active){
	color: var(--ipdoc-text-light) !important;
}

.searchInputDocsAssoc input{
    border: var(--ipdoc-light-text) solid 1px;
}

section .card:not(#leftMenuCard) a:not([href='#']):not(.dropdown-item):not(.select2-choice):not(.white-link):not(.page-link):not(.input-group-text):hover,
section .card:not(#leftMenuCard) a:not([href='#']):not(.dropdown-item):not(.select2-choice):not(.white-link):not(.page-link):not(.input-group-text):focus,
.modal-body a:not(.white-link):not(.input-group-text):not(.nav-link-pill):hover,
.modal-body a:not(.white-link):not(.input-group-text):not(.nav-link-pill):focus,
section .breadcrumb-ipd a:not(.dropdown-item):not(.select2-choice):not(.white-link):hover,
section .breadcrumb-ipd a:not(.dropdown-item):not(.select2-choice):not(.white-link):focus,
.brand-link-iportaldoc:hover,
.brand-link-iportaldoc:focus,
.card-navbar .nav-link.active,
.link,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus{
	color: var(--ipdoc-blue-main-focus) !important;
}

.bootstrap-select .dropdown-toggle,
.bootstrap-select .dropdown-menu,
input.form-control:not(.form-control-template):not(.form-control-navbar):not(.templateInputvalue):not(.templateInputvaluetable),
textarea.form-control:not(.form-control-template):not(.templateInputvalue):not(.templateInputvaluetable):not(.templateInputvaluetextarea),
select.form-control:not(.form-control-template):not(.templateInputvalue):not(.templateInputvaluetable),
input.form-control:not(.form-control-template):not(.form-control-navbar):not(.templateInputvalue):not(.templateInputvaluetable):focus,
textarea.form-control:not(.form-control-template):not(.templateInputvalue):not(.templateInputvaluetable):not(.templateInputvaluetextarea):focus,
select.form-control:not(.form-control-template):not(.templateInputvalue):not(.templateInputvaluetable):focus,
.dropdown-menu-iportaldoc .dropdown-item,
.clearfix ul li,
.clearfix ul li a,
.nav-popup .nav-link,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.multiselect,
.multiselect:focus,
.multiselect:hover,
.select2-container .select2-choice,
.select2-container .select2-choice:focus,
.select2-container .select2-choice:hover,
.white-link,
.input-group-text:not(.input-group-text-template),
.navbar-toggler-icon i,
.bootstrap-select .dropdown-menu .dropdown-item,
.bootstrap-select.show > .btn-light.dropdown-toggle,
.tt-hint,
.nav-tabs .nav-item.show .nav-link,
.nav-in-section .nav-link:not(.active),
.ui-sortable .ui-state-default{
	color: var(--ipdoc-text-light);
}

.main-sidebar{
    border-right: var(--ipdoc-grey-light-1) solid 1px;
}

.nav-tabs{
    border-bottom: var(--ipdoc-grey-light-1) solid 1px;
}

footer{
    border-top: var(--ipdoc-grey-light-1) solid 1px !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-in-section .nav-link:not(.active),
.ui-sortable .ui-state-default{
    border-color: var(--ipdoc-grey-light-1);
    background-color: var(--ipdoc-light-bg);
    font-weight: 500;
}
/*-----------------------------------------------------NAVBAR-------------------------------------*/
.dropdown-menu-iportaldoc,
.nav-tabs .nav-link:not(.active){
    background-color: white !important;
}

.dropdown-menu-iportaldoc > .dropdown-divider,
.clearfix .dropdown-divider{
    border-top-color: var(--ipdoc-grey-light-1) !important;
}

.dropdown-menu-iportaldoc .dropdown-item:hover,
.dropdown-menu-iportaldoc .dropdown-item:focus{
    color: var(--ipdoc-grey-dark-4);
    background-color: transparent;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-body{
    border-color: var(--ipdoc-light-bg);
}

/*-----------------------------------------------------SIDEBAR-------------------------------------*/
.sidebar-light-iportaldoc{
    background-color: white !important;
	color: var(--ipdoc-text-light) !important;
}

.brand-link-iportaldoc{
	color: white !important;
}

.nav-treeview .nav-link:hover,
.nav-treeview .nav-link:focus,
.sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link:not(.active):not(.nav-link-active):hover,
.sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link:not(.active):not(.nav-link-active):hover,
.sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link:not(.active):not(.nav-link-active):focus,
.sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link:not(.active):not(.nav-link-active):focus,
.backCheckBox.nav-sidebar .nav-item > .nav-link:not(.active):not(.nav-link-active):hover,
.backCheckBoxDocs.nav-sidebar .nav-item > .nav-link:not(.active):not(.nav-link-active):hover,
#section_left_menu .nav > .nav-item > .nav-link:not(.active):hover,
#section_left_menu .nav > .nav-item > .nav-link:not(.active):focus,
section .card #section_left_menu.myComponents > .card#leftMenuCard a.nav-link:not(.active):hover,
section .card #section_left_menu.myComponents > .card#leftMenuCard a.nav-link:not(.active):focus,
.brand-link-iportaldoc:hover,
.brand-link-iportaldoc:focus,
.nav-treeview > .nav-item > .nav-link.active,
.daterangepicker .ranges li:hover,
.daterangepicker .ranges li:focus,
.clearfix ul li:hover,
.clearfix ul li:focus,
.clearfix ul li a:hover,
.clearfix ul li a:focus,
.nav-popup .nav-link:hover,
.nav-popup .nav-link:focus,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus,
.nav-in-section .nav-link:not(.active):hover,
.nav-in-section .nav-link:not(.active):focus,
.nav-link-active,
.order_table:hover,
.order_table:focus,
.searchIcon:hover,
.searchIcon:focus,
.white-link:focus,
.white-link:hover,
.white-link.white-link-active,
.input-group-text:not(.input-group-text-template):focus,
.input-group-text:not(.input-group-text-template):hover,
.navbar-toggler-icon i:focus,
.navbar-toggler-icon i:hover,
select.form-control:not([multiple]):not(.form-control-template):not(.templateInputvalue):not(.templateInputvaluetable) option:focus,
select.form-control:not([multiple]):not(.form-control-template):not(.templateInputvalue):not(.templateInputvaluetable) option:hover,
.tt-suggestion.tt-cursor,
.tt-suggestion:hover,
.bootstrap-select .dropdown-menu .dropdown-item:focus,
.bootstrap-select .dropdown-menu .dropdown-item:hover{
    color: var(--ipdoc-grey-dark-4) !important;
}

.sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active:hover,
.sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active:focus,
.sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active:hover,
.sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active:focus,
.sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.nav-link-active:hover,
.sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.nav-link-active:focus,
.sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.nav-link-active:hover,
.sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.nav-link-active:focus,
#section_left_menu .nav > .nav-item > .nav-link.active:hover,
#section_left_menu .nav > .nav-item > .nav-link.active:focus,
.nav-popup .nav-link.active:hover,
.nav-popup .nav-link.active:focus{
    background-color: transparent;
	border-color: var(--ipdoc-blue-main-focus) !important;
    color: var(--ipdoc-blue-main-focus) !important;
}

/*------------------------------------------------CONTEUDO------------------------------------------*/
body section .card li:not(.active) a.page-link,
body section .card .page-item.disabled .page-link{
    background-color: transparent;
	color: var(--ipdoc-blue-main) !important;
    border-color: var(--ipdoc-grey-light-1) !important;
}

section .card li:not(.active) a.page-link:hover,
section .card li:not(.active) a.page-link:focus {
    border-color: var(--ipdoc-grey-dark-4) !important;
	color: var(--ipdoc-blue-main-focus) !important;
    background-color: transparent;
}

section .card .disabled a.page-link,
section .card .disabled a.page-link:hover,
section .card .disabled a.page-link:focus{
    color: var(--ipdoc-blue-baby-2) !important;
}

.ranges li.active:hover,
.ranges li.active:focus{
    color: white !important;
}

section .card .active a.page-link:hover,
section .card .active a.page-link:focus,
.daterangepicker td.active:hover,
.daterangepicker td.active:focus,
.ranges li.active:hover,
.ranges li.active:focus,
.login__btn:hover,
.login__btn:focus,
.btn-iportaldoc:hover,
.btn-iportaldoc:focus,
.btn-outline-iportaldoc:hover,
.btn-outline-iportaldoc:focus,
.daterangepicker .btn.applyBtn:hover,
.daterangepicker .btn.applyBtn:focus,
.btn-primary.bootstrap4-dialog-button:hover,
.btn-primary.bootstrap4-dialog-button:focus,
table.templateTableButtons input[type=button]:hover,
table.templateTableButtons input[type=submit]:hover{
	background-color: var(--ipdoc-blue-main-focus) !important;
    border-color: var(--ipdoc-blue-main-focus) !important;
    color: white !important;
}

.bg-iportaldoc .btn-outline-light.active,
.bg-iportaldoc .btn-outline-light:hover,
.bg-iportaldoc .btn-outline-light:focus{
	background-color: var(--ipdoc-blue-main-focus) !important;
    border-color: white !important;
    color: white !important;
}

section .card,
.modal-body .card,
.cell-border,
.table-bordered td,
.table-bordered th,
.table-bordered.table-no-header{
    border: var(--ipdoc-grey-light-1) solid 1px;
}

[class*="icheck-"] > input:first-child + input[type="hidden"] + label::before,
[class*="icheck-"] > input:first-child + label::before,
.ui-tooltip,
.ui-widget-shadow{
    border: var(--ipdoc-grey-light-1) solid 1px !important;
}

.datatables-iportaldoc,
.datatables-header-iportaldoc{
    border-color: var(--ipdoc-grey-light-1) !important;
	color: var(--ipdoc-text-light) !important;
}

.docs_container .table thead th,
.docs_container .table-bordered td,
.table-bordered th,
.border-right,
.border-left,
.border-top,
.border-bottom,
.border,
.nav-tabs .nav-link:not(.active),
.modal-footer,
.modal-header,
.calendar-table,
.table td,
.table th{
    border-color: var(--ipdoc-grey-light-1) !important;
    border-width: 1px;
}

.docs_container table:not(.table-not-striped) .odd{
    background-color: var(--ipdoc-light-bg-2) !important;
}

.modal-content-iportaldoc,
.clearfix ul,
.isloading-overlay .isloading-wrapper,
.tooltipster-box,
.tooltipster-content,
.popover,
.popover-header,
.popover-body,
.os-host .daterangepicker select.monthselect,
.os-host .daterangepicker select.yearselect,
.os-host.iframe-mode .daterangepicker select.hourselect,
.os-host.iframe-mode .daterangepicker select.minuteselect,
.bootstrap-select.form-control,
.bootstrap-select .dropdown-toggle,
.bootstrap-select .dropdown-menu,
input.form-control:not(.form-control-template):not(.form-control-navbar):not(.templateInputvalue):not(.templateInputvaluetable),
textarea.form-control:not(.form-control-template):not(.templateInputvalue):not(.templateInputvaluetable):not(.templateInputvaluetextarea),
select.form-control:not(.form-control-template):not(.templateInputvalue):not(.templateInputvaluetable),
.input-group-text:not(.input-group-text-template),
.panel,
.bootstrap-switch,
.bootstrap-switch-label,
.multiselect,
.select2-container .select2-choice,
.tt-menu,
.custom-file-input,
.custom-file-label,
.select2-selection,
.select2-results__option,
.select2-dropdown,
.select2-search__field,
.select2-selection__choice,
span.select2-container--default.select2-container--focus .select2-selection--multiple,
span.select2-container--default .select2-results__option[aria-selected="false"],
span.select2-container--default .select2-results__option[aria-selected="false"]:hover,
.input-group.date input[type="text"],
.input-group.date input[type="date"]{
    border: var(--ipdoc-grey-light-1) solid 1px;
    background-color: white !important;
	color: var(--ipdoc-text-light);
}

.bs-popover-auto[x-placement^="left"] > .arrow::after,
.bs-popover-left > .arrow::after{
    border-left-color: var(--ipdoc-grey-light-1);
}

.popover > .arrow,
.tooltipster-sidetip .tooltipster-content,
.swal2-popup{
	color: var(--ipdoc-text-light) !important;
    border: var(--ipdoc-grey-light-1) solid 1px !important;
}

#cafe-share-tab .redes,
.daterangepicker,
.campostabela .campo,
.campostabela .campoworkflow,
.nav-in-section .nav-link,
.modal-body iframe,
#framesetavo iframe{
    border: var(--ipdoc-grey-light-1) solid 1px;
    border-radius: 10px;
}

.redes:hover,
.redes:focus,
.redes.active,
.campostabela .campo:hover,
.nav-in-section .nav-link:not(.active):focus,
.nav-in-section .nav-link:not(.active):hover{
    border-color: var(--ipdoc-grey-dark-4) !important;
    color: var(--ipdoc-grey-dark-4);
}

.showdocinfo .titulos,
#info_block1 .row .showInfo:first-of-type,
#info_block2 .row .showInfo:first-of-type,
#info_block3 .row .showInfo:first-of-type{
    border-right: var(--ipdoc-grey-light-1) solid 1px;
}

.row_even{
    background-color: var(--ipdoc-light-bg-2);
}

.crmms,
.panel-collapse{
    border-top: var(--ipdoc-grey-light-1) solid 1px;
}

#tabular_chron_scene_table .action_expired{
    color: inherit;
}

.btn-outline-light,
.os-host .daterangepicker .btn.cancelBtn,
.actions-btn.bs-select-all.btn.btn-light,
.actions-btn.bs-deselect-all.btn.btn-light,
.list-group-item{
	color: var(--ipdoc-text-light);
    border-color: var(--ipdoc-grey-light-1);
}

.btn-outline-light:hover,
.btn-outline-light:focus,
.os-host .daterangepicker .btn.cancelBtn:hover,
.os-host .daterangepicker .btn.cancelBtn:focus,
.actions-btn.bs-select-all.btn.btn-light:hover,
.actions-btn.bs-deselect-all.btn.btn-light:hover{
    color: white;
    background-color: var(--ipdoc-grey-light-1);
    border-color: var(--ipdoc-grey-light-1);
}

.custom-select,
.bootstrap-select .dropdown-toggle{
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23999999' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px;
}

.form-control:not(.form-control-template):not(.templateInputvalue):not(.templateInputvaluetable):not(.templateInputvaluetextarea):focus,
.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,
.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: var(--ipdoc-grey-dark-4) !important;
}

.callout{
    background-color: var(--ipdoc-light-bg-2);
    border-left-color: var(--ipdoc-grey-light-1);
}

.template-page{
    background-color: white;
    border: 1px solid black;
    color: black;
}

.template-margin{
    border: 1px solid black;
}

#pagecenter {
    border-top: 1px dotted black;
    border-bottom: 1px dotted black;
}

#text_form_dialog, #page_border {
    background-color: white;
}

#text_format_preview,
.ui-dialog-title,
#user_alert_message_text,
#user_alert_warning_text,
#loader_xslupload_error_msg,
#loader_xslupload,
#loader_xslupload_message,
#loader_imageupload_error_msg,
#loader_imageupload{
    color: black;
}

.pp_content,
.ui-dialog,
.ui-dialog-titlebar{
    background: white !important;
}

section .naocomum{
	border-color: var(--ipdoc-blue-main) !important;
    color: black;
}

.fa-inverse {
    color: white;
}

/* daterangepicker, nao misturar*/
.os-host .daterangepicker,
.os-host .daterangepicker .calendar-table{
    background-color: white;
}

.os-host .daterangepicker td.off,
.os-host .daterangepicker td.off.start-date,
.os-host .daterangepicker td.off.end-date{
    background-color: var(--ipdoc-grey-light-1);
}

.os-host .daterangepicker{
    border: 1px solid var(--ipdoc-grey-light-1);
}

.os-host .daterangepicker:before,
.os-host .daterangepicker:after {
    border-bottom-color: var(--ipdoc-black-transp20);
}

.os-host .daterangepicker:before {
    border-bottom: 7px solid var(--ipdoc-grey-light-1);
}

.os-host .daterangepicker:after {
    border-bottom: 6px solid white;
}

.os-host .daterangepicker.drop-up:before {
    border-top: 7px solid var(--ipdoc-grey-light-1);
}

.os-host .daterangepicker.drop-up:after {
    border-top: 6px solid white;
}

.os-host .daterangepicker .calendar-table .next span,
.os-host .daterangepicker .calendar-table .prev span,
.os-host .daterangepicker td.active,
.os-host .daterangepicker td.active:hover,
.os-host .daterangepicker .ranges li.active {
    color: white;
}

.os-host .daterangepicker .calendar-table {
    border: 1px solid white;
}

.os-host .daterangepicker td.available:hover,
.os-host .daterangepicker th.available:hover,
.os-host .daterangepicker .ranges li:hover {
    background-color: var(--ipdoc-light-bg-2);
}

.os-host .daterangepicker td.week,
.os-host .daterangepicker th.week,
.os-host .daterangepicker .calendar-time select.disabled {
    color: var(--ipdoc-grey-light-1);
}

.os-host .daterangepicker td.off,
.os-host .daterangepicker td.off.in-range,
.os-host .daterangepicker td.off.start-date,
.os-host .daterangepicker td.off.end-date,
.os-host .daterangepicker td.disabled,
.os-host .daterangepicker option.disabled {
	color: var(--ipdoc-text-light);
}

.os-host .daterangepicker td.in-range,
.os-host .daterangepicker td.off.in-range{
    background-color: var(--ipdoc-grey-light-4);
    color: black;
}

.os-host .daterangepicker td.active,
.os-host .daterangepicker td.active:hover {
    background-color: var(--ipdoc-daterange-hover);
}

.os-host .daterangepicker select.hourselect,
.os-host .daterangepicker select.minuteselect,
.os-host .daterangepicker select.secondselect,
.os-host .daterangepicker select.ampmselect {
    background: var(--ipdoc-light-bg-2);
    border: 1px solid var(--ipdoc-light-bg-2);
}

.os-host .daterangepicker .drp-buttons {
    border-top: 1px solid var(--ipdoc-grey-light-1);
}


.os-host .daterangepicker.show-ranges.single.rtl .drp-calendar.left,
.os-host .daterangepicker.show-ranges.rtl .drp-calendar.right{
    border-right: 1px solid var(--ipdoc-grey-light-1);
}

.os-host .daterangepicker.show-ranges.single.ltr .drp-calendar.left,
.os-host .daterangepicker.show-ranges.ltr .drp-calendar.left{
    border-left: 1px solid var(--ipdoc-grey-light-1);
}

.os-host .daterangepicker .ranges li.active {
    background-color: var(--ipdoc-daterange-range); 
}

.os-host .daterangepicker .calendar-table .next span,
.os-host .daterangepicker .calendar-table .prev span{
    border-color: black;
}

.os-host .daterangepicker .btn.cancelBtn{
    background: transparent;
}
/*fim daterangepicker*/

.popover-docinfo{
    background-color: white;
    border: var(--ipdoc-grey-light-1) solid 1px;
}

.popover-docinfo .popover-body{
	color: var(--ipdoc-text-light);
}

.popover-docinfo .arrow:after{
    border-right-color:  white;
    border-left-color:  white;
}

.alert-box{
    background-color: var(--ipdoc-alert-bg);
    border: 1px solid var(--ipdoc-alert-text);
    color: var(--ipdoc-alert-text);
}

.docs_container tr.odd td.error-box,
.docs_container tr.even td.error-box,
.error-box{
    background-color: var(--ipdoc-error-bg);
    border: 1px solid var(--ipdoc-error-text);
    color: var(--ipdoc-error-text);
}

.docs_container thead th,
.docs_container tfoot th,
.docs_container table:not(.table-not-striped) tr.even td{
    background-color: white;
}

.docs_container table:not(.table-not-striped) tr.odd td{
    background-color: var(--ipdoc-light-bg-2);
}

.docs_container table.table-not-striped tr.even td,
.docs_container table.table-not-striped tr.odd td{
    background-color: transparent;
}

.docs_container .dataTables_scroll .dtfc-left-top-blocker,
.docs_container .dataTables_scroll .dtfc-left-bottom-blocker,
.docs_container .dataTables_scroll .dtfc-right-top-blocker,
.docs_container .dataTables_scroll .dtfc-right-bottom-blocker{
    background-color: transparent !important;
}

.label-rounded-border {
    border-radius: 10px;
    border:var(--ipdoc-grey-4);
    border-width:2px;
    padding:10px;
    border-style:solid;

}

.checkbox-dropdown {
    width: 200px;
    border: 1px solid var(--ipdoc-grey-light-1);
    border-radius: 5px;
    padding: 10px;
    position: relative;
    margin: 0 auto;
    background-color: var(--ipdoc-light-bg);
    user-select: none;
}

/* Cor da seta da dropdown quando está colapsada */
.checkbox-dropdown:after {
    content:'';
    height: 0;
    position: absolute;
    width: 0;
    border: 6px solid transparent;
    border-top-color: black;
    top: 50%;
    right: 10px;
    margin-top: -3px;
}

/* Cor da seta da dropdown quando está expandida */
.checkbox-dropdown.is-active:after {
	border-bottom-color: var(--ipdoc-blue-main);
    border-top-color: var(--ipdoc-light-bg);
    margin-top: -9px;

}

.checkbox-dropdown-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    border: inherit;
    border-top: none;
    left: -1px;
    right: -1px;
    opacity: 0;
    z-index: 999;
    transition: opacity 0.4s ease-in-out;
    height: 250px;
    overflow: scroll;
    overflow-x: hidden;
    pointer-events: none;
}
.is-active .checkbox-dropdown-list {
    opacity: 1;
    pointer-events: auto;
    background-color: var(--ipdoc-light-1);
}

.checkbox-dropdown-list li label {
    display: block;
    border-bottom: 1px solid silver;
    padding: 10px;
    height: 50px;
    transition: all 0.2s ease-out;
}

.checkbox-dropdown-list li label:hover {
    background-color: white;
	color: var(--ipdoc-blue-main);
}

.tab-loading{
    background-color: white !important;
}

/*------------------------------------ V8 Auto ------------------------------*/

.login__form,
.form__card,
.card__login {
	background-color: var(--ipdoc-light-bg); 
}

.logo-ipdoc,
.logo-starter-edition {
	color: var(--ipdoc-blue-main);
}

.login__btn {
	background-color: var(--ipdoc-blue-main);
	border-color: var(--ipdoc-blue-main);
    color: white;
}

/*------------------------------------ V8 Palete Cores ------------------------------*/

.predefined-color.selected,
.custom-color.selected {
	box-shadow: 0 0 10px black;
}

/*------------------------------------ V8 Gradiente ------------------------------*/

.navbar-iportaldoc {
	background: linear-gradient(
		90deg,
		var(--ipdoc-bg) 0%,
		var(--ipdoc-bg-gradient) 100%
	) white !important;
}

.brand-text {
	color: var(--ipdoc-blue-main) !important;
}

/*-------------------------------- AI ----------------------------*/

#input-message{
	background-color: #f2f2f2 !important;
}

.direct-chat-text {
	color: hsl(0, 0%, 27%) !important;
}

.ipdoc-ai-bg {
	background-color: #fff !important;
}

:root {
	--disabled-input-color: var(--ipdoc-grey-light-1);
	--button-pressed-color: var(--ipdoc-light-bg);
}