:root {
    --main-sidebar-item-active-color:  #fff;
    --main-sidebar-item-active-bg-color:#fff;
    --breadcrumbs-color: #001489;
    --main-sidebar-bg-color: #001489;
    --main-sidebar-border-color: #001489;
    --main-sidebar-item-hover-color: #002e8a;
    --export-excel-button-color: #001489;
    --export-excel-button-bg-color: #fff;
    --confirm-button-color: #001489;
    --confirm-button-bg-color: #00148976;
    --default-color-button: #001489;
    --thead-color: #041E428B;
    --table-even-row-bg-color: #fff;
    --table-odd-row-bg-color: #f5f5f5;
    --search-bar-bg-color: #001489c7;
    --app-user-border-color: #001489;
    --app-user-bg-color: #001489;
    --row-edit-button-color: #fff;
    --row-edit-button-bg-color: #001489c7;
    --row-delete-button-color: #001489;
    --row-delete-button-bg-color: #fff;
    --primary-color-button: #001489;
    --pdf-titles-color: #565425;
    --pdf-titles-bg-color: #fff;
    --main-header-bg-color: #fff;
    --refresh-button-color: #001489;
    --main-sidebar-item-section-color: #ffffff5e;
    --default-color-row-icon-button: #001489; 
    --data-edit-button-color: #001489;
    --primary-bg-color-button: #001489;
    --default-border-color-button: #001489;
}

.main-sidebar .img-logo {
    width: 100px;
}

.main-header .img-logo {
    width: 200px;
}

.skin-blue .sidebar a {
    color: #e9e9e9;
}

.sidebar-menu .treeview-menu li a>i {
    display: none;
}

.skin-blue .sidebar-menu>li>.treeview-menu {
    background-color: #1a48a3 !important;
}

.main-sidebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #032976;
}
.main-sidebar::-webkit-scrollbar-thumb {
  background-color: #194db5;
  outline: 1px solid #194db5;
}

.btn-primary-header, .btn-primary-header:focus{
    color: #fff !important;
}

#data-table .action, .expand-row .action{
    margin: 0px 0px 0px 40px;
}

.main-sidebar {
    font-weight: 100;
    padding-top: 20px;
}

.sidebar-menu>li:hover {
    background-color: var(--main-sidebar-item-hover-color) !important;
}

.treeview-menu .submenu-item {
    padding: 5px 0px 5px 10px;
}

.treeview.menu-open.tree.active .submenu-item.active a span{
    border-bottom: 2px solid #feed00;
    padding-bottom: 4px;
    padding-right: 10px;
}


.treeview.menu-open.tree.active .submenu-item.active a{
    opacity: 1;
}

.treeview-menu .submenu-item a{
    opacity: 0.8;
}

.treeview-menu .submenu-item:last-child {
    padding-bottom: 10px;
}

.treeview-menu .submenu-item:last-child.active {
    padding-bottom: 20px;
}

.sidebar-menu .treeview .fa-angle-left {
    color: white;
}

.sidebar-menu li.treeview.tree a{
    padding-left: 10px !important;
}

.main-sidebar .sidebar-menu>li.active>a{
    border-left: 5px solid #FEED00 !important;
    color: #FEED00 !important;
    padding-left: 7px !important;
}

.treeview-menu .submenu-item:not(.active) a:hover {
    font-weight: 400;
    opacity: 1;
}

.main-header .navbar-custom-menu, .main-header .navbar-right{
    display: inline-flex;
    align-items: center;
}

.language-selector{
    margin-top: -5px;
    margin-right: 30px;
}

.language-selector .language.active{
    font-weight: bold;
}

.language-selector .language:not(.active){
    cursor: pointer;
}


module-dynamic-form+.buttons button {
    margin-bottom: 2rem;
}

#mainSection {
    margin-bottom: 0px !important;
    padding-bottom: 1rem;
}

header nav.navbar-inverse a.navbar-brand,
header nav.navbar-inverse a.navbar-brand:hover,
header nav.navbar-inverse a.navbar-brand:active {
    color: #00A3E0;
    font-size: 30px;
    padding-left: 25px;
    padding-top: 20px;
    font-family: 'DIN Next LT Pro' !important;
}

header nav.navbar-inverse {
    background-color: #001489;
    border-color: #001489;
    color: #00A3E0;
    height: 100px;
}

.navbar .navbar-toggle {
    display: none;
}

h2{
    color:#00A3E0;
}

/* Colors tabulator */
.tabulator .tabulator-header .tabulator-col {
    background-color: #001489;
    color: white;
    border-right: 1px solid #001489;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
    cursor: pointer;
    background-color: #001489;
}
.tabulator {
    border: 1px solid #001489;
}



/*CSS STYLES LOGO*/
.alcoyana-logo {
    margin-top: 0px;
}


@media only screen and (min-width: 320px) {
    .alcoyana-logo {
        /* height: 40px; */
        margin-top: 0px;
    }
}

@media only screen and (min-width: 400px) {
    .alcoyana-logo {
        /* height: 45px; */
        margin-top: 0px;
    }
}

@media only screen and (min-width: 770px) {
    .alcoyana-logo {
        /* height: 55px; */
        margin-top: 0px;
    }
}

@media only screen and (min-width: 1200px) {
    .alcoyana-logo {
        /* height: 55px; */
        margin-top: 0px;
    }
}