/*header*/
.sp-header{
    background-color: #112c42 !important;
}

.sp-header .sp-header__topbar .sp-header__topbar-item:hover .sp-header__topbar-icon i {
    color: #112c42 !important;
}

.sp-header .sp-header__topbar .sp-header__topbar-item:hover.sp-header__topbar-item--user .sp-header__topbar-use{
    color: #112c42 !important;
}

.sp-header .sp-header__topbar .sp-header__topbar-item:hover.sp-header__topbar-item--user .sp-header__topbar-user .sp-header__topbar-username, 
.sp-header .sp-header__topbar .sp-header__topbar-item:hover.sp-header__topbar-item--user .sp-header__topbar-user .sp-header__topbar-welcome {
    color: #112c42 !important;
}

/*contenido*/
.sp-subheader__title {
    /* font-size: 16px !important; */
    /* font-weight: 500 !important; */
    color: #112c42;
}

.card-title.collapsed{
    /* font-size: 16px !important; */
    /* font-weight: 500 !important; */
    color: #112c42 !important;
}

.form-group .col-form-label{
    /* font-size: 13px !important; */
    /* font-weight: 400 !important; */
    color: #495057;
}

input.form-control, textarea.form-control, .form-control input, .form-control {
    color: #112c42 !important;
    /* border-radius: 10px !important; */
    border-color: #112c42 !important;
}

.dx-datagrid .dx-page-sizes, .dx-datagrid .dx-widget.dx-datagrid-pager {
    color: #495057 !important;
}

.formio-errors .form-text.error, .formio-component .field-required:after{
    color: #f90b2f !important;
}

.is-invalid {
    color: #f90b2f !important;
}

.dx-datagrid-rowsview{
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.dx-datagrid-headers{
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

/*botones*/
.btn-principal, .kt-bg-brand.btn-principal, .form-group .btn.btn-primary.btn-md{
    background-color: var(--primary-color);
    color: #ffffff;
    border: 1px solid var(--primary-color)2945;
}

.sp-aside--minimize .sp-aside-menu .sp-menu__nav > .sp-menu__item > .sp-menu__link .fa-chevron-right{
    display: none;
}

@media (min-width: 992px) {
    .sp-aside--minimize .aside .sp-aside-menu-wrapper{
        overflow: auto !important;
    }
}

.btn-principal:hover, .kt-bg-brand.btn-principal:hover, .form-group .btn.btn-primary.btn-md:hover {
    color: #ffffff;
    background-color: #33485a;
    border-color: #33485a;
}

.btn-nota, .dx-checkbox-checked .dx-checkbox-icon {
    color: #112c42 !important;
}

.custom-control-input:checked~.custom-control-label:before {
    background-color: #112c42 !important;
    color: #ffffff !important;
    border: 1px solid #112c42 !important;
}

.radio>input:checked~span, .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    background-color: #112c42 !important;
}



.sp-checkbox.sp-checkbox--brand.sp-checkbox--solid>span {
    background-color: #112c42 !important;
    border: 1px solid #112c42 !important;
}

.btn-secondary{
    background-color: #ffffff;
    color: #112c42;
    border-color: #112c42
}
.btn-secondary:hover {
    color: #ffffff;
    background-color: #33485a;
    border-color: #33485a;
}

.input-group-text i{
    color: #112c42 !important;
}
/*botones toolbar*/
.btn-toolbar, .dx-dropdownbutton .dx-button-mode-outlined{
    color: #112c42 !important;
	font-weight: 700 !important;
}

.btn-toolbar:hover, .dx-dropdownbutton .dx-button-mode-outlined:hover{
    color: #ffffff !important;
    background-color: #33485a !important;
    border-color: #33485a !important;
}

.sp-grid-nav-v2__item *{
	color: #112c42;
}

.sp-grid-nav-v2__item:hover{    
    background-color: #33485a;
    border-color: #33485a;
}

.sp-grid-nav-v2__item:hover *{
    color: #ffffff !important;
}

.FavFloat{
    background-color: #112c42 !important;
}

.btn-toolbar i{
	font-size: 27px !important;
}
.btn-toolbar span{
	font-size: 12px !important;
}

/*Tabs*/
/* .dx-item.dx-tab:hover {
    background-color: #33485a !important;
} */

/* .dx-item.dx-tab:hover span, .dx-item.dx-tab:hover span{
    color: #ffffff !important;
} */

.dx-item.dx-tab.dx-tab-selected{
    background-color: var(--primary-color) !important;
}



 @font-face {
     font-family: 'fasthand-regular_ttf';
     src: url('assets/cstmfxnts/Fasthand-Regular.ttf') format('ttf');
     font-weight: normal;
     font-style: normal;
 }