@font-face {
   font-family: Roboto-Black;
   font-style: normal;
   font-weight: normal;
   src: url(../fonts/Black/Roboto-Black.woff);
}
@font-face {
   font-family: Roboto-BlackItalic;
   font-style: normal;
   font-weight: normal;
   src: url(../fonts/BlackItalic/Roboto-BlackItalic.woff);
}
@font-face {
   font-family: Roboto-Bold;
   font-style: normal;
   font-weight: normal;
   src: url(../fonts/Bold/Roboto-Bold.woff);
}
@font-face {
   font-family: Roboto-BoldItalic;
   font-style: normal;
   font-weight: normal;
   src: url(../fonts/BoldItalic/Roboto-BoldItalic.woff);
}
@font-face {
   font-family: Roboto-Italic;
   font-style: normal;
   font-weight: normal;
   src: url(../fonts/Italic/Roboto-Italic.woff);
}
@font-face {
   font-family: Roboto-Light;
   font-style: normal;
   font-weight: normal;
   src: url(../fonts/Light/Roboto-Light.woff);
}
@font-face {
   font-family: Roboto-LightItalic;
   font-style: normal;
   font-weight: normal;
   src: url(../fonts/LightItalic/Roboto-LightItalic.woff);

}@font-face {
   font-family: Roboto-Medium;
   font-style: normal;
   font-weight: normal;
   src: url(../fonts/Medium/Roboto-Medium.woff);

}@font-face {
   font-family: Roboto-MediumItalic;
   font-style: normal;
   font-weight: normal;
   src: url(../fonts/MediumItalic/Roboto-MediumItalic.woff);

}@font-face {
   font-family: Roboto-Regular;
   font-style: normal;
   font-weight: normal;
   src: url(../fonts/Regular/Roboto-Regular.woff);}

@font-face {
   font-family: Roboto-Thin;
   font-style: normal;
   font-weight: normal;
   src: url(../fonts/Thin/Roboto-Thin.woff);
}

}@font-face {
   font-family: Roboto-ThinItalic;
   font-style: normal;
   font-weight: normal;
   src: url(../fonts/ThinItalic/Roboto-ThinItalic.woff);
}

body {
  display: table;
  font-family: 'Roboto-Regular', sans-serif;
  font-size: 12px;
  width: 100%; }
  
h1 {
font-family: "Roboto-BoldItalic", sans-serif;
  color: #ffffff !important; }
  
h6 {
  font-size: 14px; }
  
.content {
  float: left;
  padding: 0.8em;
  width: 100%; }

.card-icon {
  width: 100px !important;
  margin-bottom: 1em !important;
}

.card-body-icon {
  padding: 0.5em !important;
}
  
.card-body-icon-disabled, .card-body-icon:disabled {
  pointer-events: none;
  opacity: 0.4;}

.card-body-icon:hover {
   cursor:pointer;
}

.stat-widget-one .stat-icon i {
  font-size: 20px;
  border-width: 3px;
  border-style: solid;
  border-radius: 100px;
  padding: 15px;
  font-weight: 900;
  display: inline-block; }
  
.stat-heading-one {
  line-height: 40px;
  font-size: 13px;
  height: 30px;}

  .open aside.left-panel .navbar .navbar-nav li a .menu-icon {
	font-size: 15px;
	z-index: -1;
	text-align: center;
	width: inherit; }
	
.navbar .navbar-nav li.menu-item-has-children a:before {
content: "";
position: absolute;
top: 23px;
right: -10px;
width: 8px;
height: 8px;
border-style: solid;
border-width: 1px;
border-color: #607d8b #607d8b transparent transparent;
-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
-webkit-transition: all .25s ease;
transition: all .25s ease; }

.navbar .navbar-nav li.menu-item-has-children .sub-menu i {
color: #c8c9ce;
float: left;
padding-left: 10px;
position: absolute;
left: 0;
font-size: 14px;
top: 9px; }


.table-condensed{
  font-size: 12px;
}
.dropdown-submenu {
  position: absolute;
  background-color: white;
  float: right;
  padding-left: 20px;
  left: 100px;
}
.dropdown-item {
    color: #164194 !important;
}

.item_menu:hover {
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
    text-decoration: underline;
    background-color: #59a9ff;
}
.activo {
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
    text-decoration: underline;
    background-color: #164194;
}
.activo .dropdown-item, .dropdown-item:hover {
	color: #ffffff !important;
}

.activo .dropdown-item, .dropdown-item:hover {
	color: #ffffff !important;
}

ul {
    list-style-type: none;
}
a {
    text-decoration: none;
}

.text-primary {
	color: #164194!important;
}

.breadcrumbs-inner, .page-header {
    position: relative;
    background-color: #164194!important;
}

.btn-primary {
    color: #fff;
    background-color: #164194;
    border-color: #0062cc;
}

.btn-primary:hover {
    color: #fff;
    background-color: #59a9ff;
    border-color: #59a9ff;
}

table.dataTable thead th, table.dataTable thead td {
    background-color: #164194;
    color: #ffffff;
}

.footer-inner {  
	padding: 2em;
	font-family:'Roboto-Thin', sans-serif; 
	font-size: 0.9em!important;
	color: #cac8c7;
}
.form-control {
	font-size: 0.8rem;
    height: calc(1em + 0.75rem + 2px);
}
label{
 font-size: 1.1em;
 font-family: 'Roboto-Bold', sans-serif;
 
 margin: 5px 0 2px;

}