/*

	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-------------------------------------*/
html,
body,
section,
.content-wrapper,
.user-footer,
pre,
.bg-base{
	background-color: #f2f2f2 !important;
	color: #999;
}

body.layout-top-nav:not(.inside-iframe){
	/* https://jsfiddle.net/KcsM2/ */
	background: #f2f2f2 !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #4D93D5 0%, #4D93D5 200px, #f2f2f2 200px, #f2f2f2 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, top, bottom, color-stop(0%,#4D93D5), color-stop(200px,#4D93D5), color-stop(200px,#f2f2f2), color-stop(100%,#f2f2f2)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4D93D5 0%,#4D93D5 200px,#f2f2f2 200px,#f2f2f2 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4D93D5 0%,#4D93D5 200px,#f2f2f2 200px,#f2f2f2 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4D93D5 0%,#4D93D5 200px,#f2f2f2 200px,#f2f2f2 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom,  #4D93D5 0%,#4D93D5 200px,#f2f2f2 200px,#f2f2f2 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4D93D5', endColorstr='#f2f2f2') !important; /* IE6-9 */
}

body.layout-top-nav:not(.inside-iframe) section.content{
	/* https://jsfiddle.net/KcsM2/ */
	background: #f2f2f2 !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #4D93D5 0%, #4D93D5 100px, #f2f2f2 100px, #f2f2f2 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, top, bottom, color-stop(0%,#4D93D5), color-stop(100px,#4D93D5), color-stop(100px,#f2f2f2), color-stop(100%,#f2f2f2)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4D93D5 0%,#4D93D5 100px,#f2f2f2 100px,#f2f2f2 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4D93D5 0%,#4D93D5 100px,#f2f2f2 100px,#f2f2f2 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4D93D5 0%,#4D93D5 100px,#f2f2f2 100px,#f2f2f2 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom,  #4D93D5 0%,#4D93D5 100px,#f2f2f2 100px,#f2f2f2 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4D93D5', endColorstr='#f2f2f2' ) !important; /* IE6-9 */
}

.card,
.ui-tooltip,
#framesetavo iframe{
	background-color: #fff;
	color: #999;
}

.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,
.ui-tooltip{
	background-color: #fff !important;
	color: #999;
}

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: #999 !important;
}

.searchInputDocsAssoc input{
	border: #999 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):hover,
.modal-body a:not(.white-link):not(.input-group-text):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: #3A6FA1 !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: #999;
}

.main-sidebar{
	border-right: #ccc solid 1px;
}

.nav-tabs{
	border-bottom: #ccc solid 1px;
}

footer{
	border-top: #ccc 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: #ccc;
	background-color: #f2f2f2;
	font-weight: 500;
}
/*-----------------------------------------------------NAVBAR-------------------------------------*/
.dropdown-menu-iportaldoc,
.nav-tabs .nav-link:not(.active){
	background-color: #fff !important;
}

.dropdown-menu-iportaldoc > .dropdown-divider,
.clearfix .dropdown-divider{
	border-top-color: #ccc !important;
}

.dropdown-menu-iportaldoc .dropdown-item:hover,
.dropdown-menu-iportaldoc .dropdown-item:focus{
	color: #666;
	background-color: transparent;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-body{
	border-color: #f2f2f2;
}

/*-----------------------------------------------------SIDEBAR-------------------------------------*/
.sidebar-light-iportaldoc{
	background-color: #fff !important;
	color: #999 !important;
}

.brand-link-iportaldoc{
	color: #4D93D5 !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: #666 !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: #3A6FA1 !important;
	color: #3A6FA1 !important;
}

/*------------------------------------------------CONTEUDO------------------------------------------*/
body section .card li:not(.active) a.page-link,
body section .card .page-item.disabled .page-link{
	background-color: transparent;
	color: #4D93D5 !important;
	border-color: #ccc !important;
}

section .card li:not(.active) a.page-link:hover,
section .card li:not(.active) a.page-link:focus {
	border-color: #666 !important;
	color: #3A6FA1 !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: rgba(77,147,213,.6) !important;
}

.ranges li.active:hover,
.ranges li.active:focus{
	color: #fff !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,
.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: #3A6FA1 !important;
	border-color: #3A6FA1 !important;
	color: #fff !important;
}

.bg-iportaldoc .btn-outline-light.active,
.bg-iportaldoc .btn-outline-light:hover,
.bg-iportaldoc .btn-outline-light:focus{
	background-color: #3A6FA1 !important;
	border-color: #fff !important;
	color: #fff !important;
}

section .card,
.modal-body .card,
.cell-border,
.table-bordered td,
.table-bordered th,
.table-bordered.table-no-header{
	border: #ccc 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: #ccc solid 1px !important;
}

.datatables-iportaldoc,
.datatables-header-iportaldoc{
	border-color: #ccc !important;
	color: #999 !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: #ccc !important;
	border-width: 1px;
}

.docs_container .odd{
	background-color: #f7f7f7 !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,
.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,
.input-group.date input[type="text"],
.input-group.date input[type="date"]{
	border: #ccc solid 1px;
	background-color: #fff !important;
	color: #999;
}

.bs-popover-auto[x-placement^="left"] > .arrow::after,
.bs-popover-left > .arrow::after{
	border-left-color: #ccc;
}

.popover > .arrow,
.tooltipster-sidetip .tooltipster-content,
.swal2-popup{
	color: #999 !important;
	border: #ccc solid 1px !important;
}

#cafe-share-tab .redes,
.daterangepicker,
.campostabela .campo,
.campostabela .campoworkflow,
.nav-in-section .nav-link,
.modal-body iframe,
#framesetavo iframe{
	border: #ccc 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: #666 !important;
	color: #666;
}

.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: #ccc solid 1px;
}

.row_even{
	background-color: #f7f7f7;
}

.crmms,
.panel-collapse{
	border-top: #ccc 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: #999;
	border-color: #ccc;
}

.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: #fff;
    background-color: #ccc;
    border-color: #ccc;
}

.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: #666 !important;
}

.callout{
	background-color: #f7f7f7;
	border-left-color: #ccc;
}

.template-page{
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
}

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

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

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

#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: #000;
}

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

section .naocomum{
    border-color: #4D93D5;
    color: black;
}

.fa-inverse {
	color: #fff;
}

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

.os-host .daterangepicker td.off,
.os-host .daterangepicker td.off.start-date,
.os-host .daterangepicker td.off.end-date{
	background-color: #ccc;
}

.os-host .daterangepicker{
	border: 1px solid #ccc;
}

.os-host .daterangepicker:before,
.os-host .daterangepicker:after {
	border-bottom-color: rgba(0, 0, 0, 0.2);
}

.os-host .daterangepicker:before {
	border-bottom: 7px solid #ccc;
}

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

.os-host .daterangepicker.drop-up:before {
	border-top: 7px solid #ccc;
}

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

.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: #fff;
}

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

.os-host .daterangepicker td.available:hover,
.os-host .daterangepicker th.available:hover,
.os-host .daterangepicker .ranges li:hover {
	background-color: #f7f7f7;
}

.os-host .daterangepicker td.week,
.os-host .daterangepicker th.week,
.os-host .daterangepicker .calendar-time select.disabled {
	color: #ccc;
}

.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: #999;
}

.os-host .daterangepicker td.in-range,
.os-host .daterangepicker td.off.in-range{
	background-color: #ebf4f8;
	color: #000;
}

.os-host .daterangepicker td.active,
.os-host .daterangepicker td.active:hover {
	background-color: #357ebd;
}

.os-host .daterangepicker select.hourselect,
.os-host .daterangepicker select.minuteselect,
.os-host .daterangepicker select.secondselect,
.os-host .daterangepicker select.ampmselect {
	background: #f7f7f7;
	border: 1px solid #f7f7f7;
}

.os-host .daterangepicker .drp-buttons {
	border-top: 1px solid #ccc;
}


.os-host .daterangepicker.show-ranges.single.rtl .drp-calendar.left,
.os-host .daterangepicker.show-ranges.rtl .drp-calendar.right{
	border-right: 1px solid #ccc;
}

.os-host .daterangepicker.show-ranges.single.ltr .drp-calendar.left,
.os-host .daterangepicker.show-ranges.ltr .drp-calendar.left{
	border-left: 1px solid #ccc;
}

.os-host .daterangepicker .ranges li.active {
	background-color: #08c;
}

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

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

.popover-docinfo{
    background-color: #fff;
    border: #ccc solid 1px;
}

.popover-docinfo .popover-body{
    color: #999; /*#212529*/
}

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

.alert-box{
	background-color: #FFEFCC;
	border: 1px solid #FCB002;
	color: #FCB002;
}

.docs_container tr.odd td.error-box,
.docs_container tr.even td.error-box,
.error-box{
	background-color: #FFDEDD;
	border: 1px solid #FE5B55;
	color: #FE5B55;
}

.docs_container thead th,
.docs_container tfoot th,
.docs_container tr.even td{
	background-color: #fff;
}

.docs_container tr.odd td{
	background-color: #f7f7f7;
}

.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;
}