*{
	outline:0 !important
}
body { 
    height: 100%; 
    font-family: "Lato", sans-serif !important;
    font-weight: 400;
    line-height: 1.7857; 
}
.trasnparent{
	color:transparent;
	user-select:none
}
.titulo_texto{
	font-size:14px;
	font-weight:bold;
	padding:10px 10px 10px 10px;	
}
.texto_valor{
	background-color:#E8E6E7;
	padding:10px 10px 10px 10px;
	font-size:12px;
	color:#000;
	margin-bottom:4px;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border: 1px solid #ced5d9;
	width:100%
}
.main-header{
	position: fixed;
	width: 100%;
}
.skin-black .wrapper, 
.skin-black .main-sidebar,
.skin-black .left-side {
	background-color: #ecf0f5;
}
.skin-black .sidebar a { 
	background: #222d32;
}
.skin-black .treeview-menu > li > a {
	color: #d1e4ec;
	background: #2C3B41;
}
.skin-black .main-header .navbar, 
.skin-black .main-header li.user-header {
	/*background-color: #f8f8f8;*/
	border-color: #15488f;/*#141a1d;*/
	background: #0e428c;/*#181f23;*/
	box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.4);
} 
.skin-black .main-header .logo,
.skin-black .main-header .navbar .sidebar-toggle:hover {
	background-color: #f8f8f8;
	border-color: #141a1d;
	background: #181f23;
}
.skin-black .main-header .logo:hover,
.skin-black .main-header .navbar .sidebar-toggle:hover {
	background-color: #f8f8f8;
	border-color: #141a1d;
	background: #181f23;
}
.skin-black .sidebar-menu > li:hover > a, 
.skin-black .sidebar-menu > li.active > a, 
.skin-black .sidebar-menu > li.actual > a {
	/*  border-left-color: #fff; */
	border-left-color: #e91616;
	color: #fff;
}
.user-mini-img{
	max-width: 160px;
	max-height:160px;
}
.skin-black .main-header .navbar .nav > li > a , .sidebar-toggle{
	color: #b8c7ce !important;
}
.skin-black .main-header .navbar > .sidebar-toggle { 
	border: 1px solid #fff; 
	padding: 5px 12px ;
	margin: 6px;
	border-radius: 5px;
	background: #0e428c;
	text-decoration:none;
}
.skin-black .main-header .navbar > .sidebar-toggle:hover{
	border: 1px solid #fff;/* #0e428c;  */
	background: #fff;
	text-decoration:none;
	box-shadow: 1px 1px 4px 0px white;
}
.skin-black .main-header .navbar > .sidebar-toggle:hover::before{
   color:#333;
}
.skin-black .main-header .navbar .nav > li > a:hover, 
 .skin-black .main-header .navbar .nav > li > a:active,
 .skin-black .main-header .navbar .nav > li > a:focus,
 .skin-black .main-header .navbar .nav .open > a,
 .skin-black .main-header .navbar .nav .open > a:hover,
 .skin-black .main-header .navbar .nav .open > a:focus, 
 .skin-black .main-header .navbar .nav > .active > a {
    background: transparent;
    color: #fff !important;
    border-left: 0;
    border-right: 0; 
    border-bottom: 3px solid #fff !important ;/*#2875e2*/
}
.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-black .main-header .navbar .navbar-right > li > a {
    border-color: transparent;
    border-left: 0;
    border-right: 0;
    border-bottom: 3px solid transparent;
}
.content-wrapper, .right-side { 
    padding-top: 48px;
}
.fa {
    font-size: 16px;
}
.btn-icon{
    font-size:16px;	
}
.skin-black .treeview-menu > li > a {
    color: #d1e4ec;
}
.skin-black .sidebar-menu > li > .treeview-menu { 
    background: #506168; 
}
.content-header{
  background: #ffffff !important; 
  padding:15px; 
  box-shadow: 2px 2px 3px #afafaf !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 1.37143rem !important;
  font-weight: bold !important;
  line-height: normal;
}
.main-header .logo {
    height: 53px;
}
.info-box-icon i{ 
  font-size: 45px !important; 
}
.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .ion  {
    width: 20px;
    font-size: 17px !important;
} 
.fixe .main-header, .fixe .main-sidebar, .fixe .left-side {
   /position: fixed;
}
.treeviewControl a{
  right: -224px !important;
  background: yellow !important;
  z-index: 116 !important; 
}
.controlScroll{
  background: transparent !important;
  left: -224px !important;
  /*left: -180px !important;*/
  min-width: 230px !important;
}
.btn-link:active{
	box-shadow:none;
}
/*/////////////////////  switch  //////////////////////////*/
.container-switch{
	display: inline-block;
	position: relative;
	top: 4px;
	float: left;
}
.switch {
    position: relative; 
	width: 50px;
    -webkit-user-select:none; 
	   -moz-user-select:none;
	    -ms-user-select: none;
}
.switch-text{
	display: inline-block;
	position: relative;
	top: 6px;
	float: left;
	left: 15px;
	font-size: 15px;
}
.switch-checkbox {
    display: none;
}
.switch-label {
    display: block; 
	overflow: hidden; 
	cursor: pointer;
    height: 24px; 
	padding: 0; 
	line-height: 24px;
    border: 2px solid #999999; 
	border-radius:24px;
    background-color: #EEEEEE;
    transition: background-color 0.3s ease-in;
}
.switch-label:before {
    content: "";
    display: block; 
	width: 24px; 
	margin: 0px;
    background: #FFFFFF;
    position: absolute; 
	top: 0; 
	bottom: 0;
    right: 26px;
    border: 2px solid #999999; 
	border-radius: 24px;
    transition: all 0.3s ease-in 0s; 
}
.switch-checkbox:checked + .switch-label {
    background-color: #007bff;
}
.switch-checkbox:checked + .switch-label, .switch-checkbox:checked + .switch-label:before {
   border-color: #0e428c;  
}
.switch-checkbox:checked + .switch-label:before {
    right: 0px; 
}
/************************** */
.fancybox-overlay {
    background: rgba(0,0,0,.4) !important;
}
input[type="radio"][disabled] .fa,
input[type="checkbox"][disabled] .fa ,
input[type="radio"].disabled .fa ,
input[type="checkbox"].disabled .fa ,
fieldset[disabled] input[type="radio"] .fa ,
fieldset[disabled] input[type="checkbox"] .fa,
.btn.disabled .fa,
.btn[disabled] .fa ,
fieldset[disabled] .btn .fa,
a.btn.disabled .fa,
fieldset[disabled] a.btn .fa,

input[type="radio"][disabled] .ion,
input[type="checkbox"][disabled] .ion,
input[type="radio"].disabled .ion,
input[type="checkbox"].disabled .ion,
fieldset[disabled] input[type="radio"] .ion,
fieldset[disabled] input[type="checkbox"] .ion,
.btn.disabled .ion,
.btn[disabled] .ion,
fieldset[disabled] .btn .ion,
a.btn.disabled .ion,
fieldset[disabled] a.btn .ion,
.icon-disabled {
  color:silver;
}
.trans{
	color:transparent;
	user-select:none;
}
.box.box-danger {
    border-top-color: #dc6c5f;
}
.btn.focus, .btn:focus {
    outline: 0 !important;
}
table .btn.focus,
table .btn:focus{ box-shadow:none}
/* para celulares*/
@media handheld and (max-width: 767px) {/*568px*/
	.wrapper{
		padding-bottom:90px !important;
	}
	.users-list > li {
		width:33.3%
	}
	.content-wrapper, .right-side, .main-footer, .content-header{
		margin-left:0
	}
	.breadcrumb{
		 top: -1px !important;
	}
	.breadcrumb li a{
		 font-size: 10px !important;
	}
	.breadcrumb li a i{
		 font-size: 10px !important;
	}
	footer{
		position: absolute !important;
    	bottom: -23px !important;
	}
	.users-list-name .list-icon{
	 	font-size: 10px;
	}
	.content{
		padding:0
	}
	.fancybox-inner, .fancybox-skin, .fancybox-custom , .fancybox-wrap{
		width:100% !important;
	}
	.fancybox-custom , .fancybox-wrap{
		width: 98% !important;
		left: 1% !important; 
	}
	.content-header{
	    margin-top: 4px;
	}
	.header-title{
		margin: 0;
    	font-size: 13px !important;
	}
} 

/***************************************
*************fancybox
****************************************/
.fancybox-bg {
	background: rgba(0, 0, 0, 0.49) !important;
}
.fancybox-content{
	border-radius: 6px !important;
	background: rgb(249, 249, 249) !important;
	padding: 13px !important;
}
.fancybox-close-small{
	width: 38px !important;
	height: 38px !important;
	background: #F0F0F0 !important;
	border-radius: 50% !important;
}
.fancybox-close-small:hover{
	background:#e4e4e4 !important;
}
.fancybox-content .fancybox-close::before,
.fancybox-content .fancybox-close::after,
.fancybox-content .fancybox-close-small::before,
.fancybox-content .fancybox-close-small::after{
	content: '' !important;
	position: absolute !important;
	top: 11px !important;
	left: 18px !important;
	width: 2px  !important;
	height: 16px !important;
	background-color: #222 !important;
	border-radius: 57px !important;
}
.fancybox-content .fancybox-close::before,
.fancybox-content .fancybox-close-small::before{
	-webkit-transform: rotate(-45deg) !important;
	-moz-transform: rotate(-45deg) !important;
	-ms-transform: rotate(-45deg) !important;
	-o-transform: rotate(-45deg) !important;
	transform: rotate(-45deg) !important;
}
.fancybox-content .fancybox-close::after,
.fancybox-content .fancybox-close-small::after {
	-webkit-transform: rotate(45deg) !important;
	-moz-transform: rotate(45deg) !important;
	-ms-transform: rotate(45deg) !important;
	-o-transform: rotate(45deg) !important;
	transform: rotate(45deg) !important;
}
.fancybox-slide--iframe .fancybox-close-small {
	top: -20px !important;
	right: -18px !important;
}
.ui-datepicker{
	z-index:10 !important;
	font-family: "Lato", sans-serif !important; 
}
.ui-datepicker td span, .ui-datepicker td a{
	padding:0 !important	;
}
.ui-datepicker th{
	padding:0 !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
    background: #007bff !important;
    box-shadow: #007bff 0 1px 3px 0 inset !important;
}
 body .xdsoft_datetimepicker .xdsoft_calendar td:hover, 
 body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
    background: #0e428c !important; 
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #007bff;
    box-shadow: #007bff 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}
body .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { 
    background: #0e428c !important;
	box-shadow: none	
}
/*////*/
.ui-menu-item-wrapper{
	margin: -1px;
	display: block;
	font-family: "Lato";
    border: 1px solid transparent;
}
.ui-widget.ui-widget-content {
    box-shadow: 0px 0px 2px #a9a9a9;
}