:root
{
    --cor-primaria: #43439f;
    --cor-secundaria: #e2073b;
    --cor-terciaria: #da5b5d;
    --fundo-menu: #000000;
}

/****** Menu Lateral ******/

.header-logo
{
    background: var(--fundo-menu);
    border-color: #333333;
}

.company-logo
{
    background: transparent;
    margin: auto;
    width: 75%;
}

.master-menu-content
{
    background: var(--fundo-menu);
}

.container-menu,
.slimScrollBar,
.container-submenu,
.splash-user-content
{
    background: transparent !important;
}

.container-menu
{
    border-color: #333333;
}

.master-menu-content .container-menu a.button-circle
{
    background-color: var(--cor-primaria);
    border-color: var(--cor-primaria);
    color: white;
}

.master-menu-content .container-menu a.button-circle.checked
{
    background: var(--cor-secundaria);
    color: white;   
}

.splash-user-photo
{
    border-color: var(--cor-secundaria);
}

.button-circle.checked
{
    background: var(--cor-secundaria);
}

.container-submenu ul .checked > a
{
    background: var(--cor-secundaria);  
}

/****** Fim do Menu Lateral ******/


/******Barra Superior ******/

.header-track
{
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05);
}

.header-profile-photo
{
    border-color: var(--cor-secundaria);
}

.container-header a.button-circle:hover,
.button-circle:hover,
.fast-drop-open a:hover,
.fast-drop:hover > .fast-drop-label *
{
    color: var(--cor-secundaria);    
}

.fast-drop-open
{
    border-top: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.fast-drop-open .header
{
    border-bottom: 1px solid var(--cor-secundaria);
}

.select2-container--default .select2-results__option--highlighted[aria-selected]
{
    background-color: var(--cor-secundaria);
}

/****** Fim da Barra Superior ******/


/****** Card ******/

.card-header.panel-heading
{
    border-bottom-color: var(--cor-primaria) !important;
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
}

.card-title.panel-title
{
    color: var(--cor-primaria) !important;
    font-size: 2em !important;
    font-weight: 100 !important;
}

 .datagrid-header-actions
 {
     margin: 15px 0 30px 0;
 }

/******Fim do Card ******/


/****** Datagrid ******/

.table thead th
{
    font-size: 0.9em;
    font-weight: bold;
}

table.table>tbody>tr>td.tdatagrid_cell.action
{
    padding-right: 20px;
    padding-left: 0;
}

.page-item.active .page-link
{
    background: var(--cor-secundaria);
    border-color: var(--cor-secundaria);
}

.tdatagrid_col
{
    text-transform: uppercase;
}

/****** Fim Datagrid ******/


/****** Formuário ******/

.tseparator
{
    color: var(--cor-primaria) !important;
    font-size: 1.2em !important;
    font-weight: bold;
}


.tseparator-divisor
{
    border-top-color: var(--cor-primaria);
    border-top-width: 2px;
}

.espaco-separador
{
    margin-top: 75px;
}

.form-control, .tcombo, .tselect_disabled, .tselect,
.btn.btn-default.tdate-group-addon,
.select2-container--default .select2-selection--single,
.tfield_disabled
{
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
    padding: 25px 10px;
}

.select2-container--default .select2-selection--single
{
    padding-right: 0;
}

.select2-results__option.select2-results__option--highlighted,
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option--highlighted[aria-selected]
{
    background: var(--cor-secundaria);
    color: white !important;
}

.btn.btn-default.tdate-group-addon:hover
{
    color: var(--cor-secundaria);
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled]
{
    background: var(--cor-secundaria);
}

label
{
    color: #000000;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 10px;
    text-transform: uppercase;
}

.pickr .pcr-button.clear,
div.color-div .pickr button
{
    border-color: #CCCCCC;
    padding: 25px 0;
}

.pickr .pcr-button.clear:after,
div.color-div .pickr button:after,
div.color-div .pickr button:before
{
    margin: 5px 0;
}

select option:checked
{
    color: var(--cor-secundaria); 
}

.form-control.tcombo
{
    padding-top: 0;
    padding-bottom: 0;
    height: 52px;
}

.btn-group .btn.btn-default.active
{
    background: var(--cor-secundaria);
    border-color: var(--cor-secundaria);
}

.input-group-addon
{
    border-top-color: #CCCCCC !important;
    border-right-color: #CCCCCC !important;
    border-bottom-color: #CCCCCC !important;
    padding: 25px 0;
}

.custom-page-container
{
    padding: 0 15px 15px 15px;
    border-right: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
    border-left: 1px solid #F0F0F0;
    border-radius: 0 0 5px 5px;
    margin-top: -20px;
}

.check-valor-personalizado .fb-inline-field-container:nth-child(2)
{
    display: block !important;
    float: none !important;
    text-align: center;
}


input.form-control.tfield[widget="tmultifile"],
input.form-control.tfield[widget="tmultifile"]::before
{
    height: 52px;
    padding: 10px 0 !important;
}

.tfile_row_1
{
    width: 128px;
    height: 128px;
}

/****** Fim do Formuário ******/


/****** Page Container ******/

.pagina-container
{
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    margin: 0 15px;
    flex: 0 1 100%;
}

/****** Fim Page Container ******/


/****** Painel Direito ******/


.container-part .card-header.panel-heading
{
    border: 0 !important;
    font-size: 1.2em !important;
    padding: 15px 25px 0 25px !important;
}

.container-part .card-title.panel-title
{
    border-bottom-color: var(--cor-primaria) !important;
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    font-size: 1.2em !important;
}

.container-part .panel-footer.card-footer
{
    padding-left: 25px;
}

/****** Fim do Painel Direito ******/


/****** Botão ******/

.btn.btn-primary
{
    background: var(--cor-primaria);
}

/****** Fim do Botão ******/



/****** Formulário de Login  ******/

.container-login .login-avatar 
{
    top: 10px;
}

.tpassword button
{
    border-color: #CCCCCC;
    height: 52px;
}

/****** Fim do Formulário de Login  ******/


/****** Dialog (Janela) ******/
.ui-draggable .ui-dialog-titlebar
{
    background: var(--cor-secundaria);
}

.ui-widget-content .panel-footer.card-footer
{
    background-color: #FFFFFF;
    text-align: right;
}

/****** Fim de Dialog  ******/

.repetir-mes .input-group-addon
{
    margin-top: -10px;
}

/****** Fim de Customização de Telas  ******/