/********  Backgrounds: body, footer, header  ********/
.main-footer{
	display:none !important;
}
.small-box.bg-primary{
	background-color: #007bff !important;
}

/********  END Backgrounds: body, footer, header  ********/


/********  Menu: Logout and language  ********/
.main-header{
	background-color: #dc3545 !important;
}
.main-header #ew-navbar .nav-link{
	color: lightgray !important;
}
.main-header #ew-navbar-right .nav-link{
	color: white !important;
}
.main-header .navbar-nav .nav-link.active
{
	color: white !important;
	font-weight:bold !important;
}
/********  END Menu: Logout and language  ********/


/********  Menu: Main Menu  ********/
.main-sidebar{
	background-color: #343a40 !important;
    color: #fff !important;
}
.main-sidebar .nav-link{
    color: lightgray !important;
}
.main-sidebar .nav-item:hover>.nav-link{
	background-color: rgba(255,255,255,0.1) !important;
}
.main-sidebar .nav-link.active{
	background-color: #dc3545 !important;
}

/********  END Menu: Main Menu  ********/







.ew-grid .ew-table>thead>tr>td, .ew-grid .ew-table>thead>tr>th {
    background-color: #dc3545;
}
.ew-grid .ew-table>thead>tr>td, .ew-grid .ew-table>thead>tr>th {
    font-weight: 400;
    color: #fff;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: #8a0a37;
    background-repeat: repeat-x;
    vertical-align: top;
    padding: 0.3rem;
}
.card-primary.card-outline, .card-primary.card-outline-tabs>.card-header a.active {
    border-top: 3px solid #dc3545;
}
.breadcrumb-item a{
	color: #dc3545;
}


.ew-list-other-options{
	margin-top:5px;
}

.addfromtemplate{
	color:white !important;
	background-color: #007BFF !important;
    border-color: #007BFF !important;
}
.addfromtemplate:hover{
	color:white !important;
	background-color: #007BFF !important;
    border-color: #007BFF !important;
}

.ew-table-header .ew-table-header-btn, .ewjtable-column-header-container {
    white-space: break-spaces !important;
}












.ui-widget{
	font-family: inherit !important;
}

.custommenucontainer{
	transition: margin-left .3s ease-in-out;
}
.sidebar-collapse .custommenucontainer, .sidebar-collapse .custommenucontainer::before {
    margin-left: -250px;
}
.main-sidebar{
	display:none;
}




/*meter que el menu vertical utilice los estilos verticales que ahorita estan en custommenu*/
.custommenucontainer
{
	background: #dc3545 !important;
	position: fixed;
	top: 0;
	bottom: 0;
    float: none;
    
    z-index: 100000;
    width: 250px;
}
.custommenucontainer .brand-link{
	background-color: #343a40 !important;
    border: none;
}
#custommenu { 
	overflow:auto;
	height: 100%;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#custommenu::-webkit-scrollbar {
  display: none;
}
#custommenu > li {
  display: block;
  padding: .5rem 1rem;
}
#custommenu > li > ul{
	z-index: 1000000;
}
#custommenu > li > ul > li {
	display: block;
	z-index: 1000000;
}
#custommenu > li > div > span.ui-icon-caret-1-e {
  content: "\f104";
  transform: rotate(0deg);
}
#custommenu ul li div span.ui-icon-caret-1-e {
  content: "\f104";
  transform: rotate(0deg);
}
#custommenu a, .ui-menu li .submenucontainer{
    border-width: 0 0 1px 0;
    padding: 0px 0.5rem;
    transition: width .3s ease-in-out;
	display:block;
}

.ui-menu{
	background-color: #343a40 !important;
    color: #fff !important;
	border: none !important;
}
.ui-menu .ui-menu-item .ui-menu{
	background-color: #5a6168 !important;
}
.ui-menu a, .ui-menu .ui-menu-icon, .ui-menu li .submenucontainer{
    color: #fff !important;
}
.ui-menu .ui-menu-item{
    color: lightgray !important;
}
.ui-menu .ui-menu-item-wrapper:hover{
	background-color: rgba(255,255,255,0.1) !important;
	
}
.ui-menu .ui-menu-item.custommenu-active{
	background-color: #dc3545 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
{
	background-color: transparent !important;
}
.ui-icon, .ui-widget-content .ui-icon{
	background-color: white;
}
.ui-widget-content .ui-state-active .ui-icon{
	background-color: transparent;
}

.cell_menu, .cell_nav{
	display:none;
}