/********  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: #007bff! 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;
}
/********  END Menu: Main Menu  ********/



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


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






/*
#custommenu {    
    top: 0;
    left: 0;
    width: 100%;
	z-index:100000;
}
#custommenu > li {
  display: inline-block;
  padding: 2px 3px;
}
#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(90deg);
}
#custommenu ul li div span.ui-icon-caret-1-e {
  content: "\f104";
  transform: rotate(90deg);
}
.ui-widget{
	font-family: inherit !important;
}
#custommenu .newmenulogo{
	min-height:48px;
	float:left;
	width: auto;
}
#custommenu a.ui-menu-divider{
	border: 0px !important;
}
.main-header #ew-navbar{
	display:none;
}
.ui-widget.ui-widget-content{
	border: 1px solid #c5c5c5 !important;
	border-width: 0px 0px 1px 0px !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: #007bff !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;
}