:root {
  --gray100: #f8f9fa;
  --gray200: #e9ecef;
  --gray300: #dee2e6;
  --gray400: #ced4da;
  --gray500: #adb5bd;
  --gray600: #6c757d;
  --gray700: #495057;
  --gray800: #343a40;
  --gray900: #212529;

  --black-100: rgba(0,0,0,1);
  --black-90: rgba(0,0,0,0.9);
  --black-80: rgba(0,0,0,0.8);
  --black-70: rgba(0,0,0,0.7);
  --black-60: rgba(0,0,0,0.6);
  --black-50: rgba(0,0,0,0.5);
  --black-40: rgba(0,0,0,0.4);
  --black-30: rgba(0,0,0,0.3);
  --black-20: rgba(0,0,0,0.2);
  --black-10: rgba(0,0,0,0.1);
  --black-5: rgba(0,0,0,0.05);

  --white-100: rgba(255,255,255,1);
  --white-90: rgba(255,255,255,0.9);
  --white-80: rgba(255,255,255,0.8);
  --white-70: rgba(255,255,255,0.7);
  --white-60: rgba(255,255,255,0.6);
  --white-50: rgba(255,255,255,0.5);
  --white-40: rgba(255,255,255,0.4);
  --white-30: rgba(255,255,255,0.3);
  --white-20: rgba(255,255,255,0.2);
  --white-10: rgba(255,255,255,0.1);

  --bodytop: 56px;
}

/*************** General ***************/

.bgw {
    background-color: var(--white) !important;
    color: inherit;
}

.bgr {
    background-color: var(--red) !important;
    color: inherit;
}

.bgor {
    background-color: var(--orange) !important;
    color: inherit;
}

.bga {
    background-color: var(--cyan) !important;
    color: inherit;
}

.bgy {
    background-color: var(--yellow) !important;
    color: inherit;
}
 
.bgry {
    background-color: var(--gray) !important;
    color: inherit;
}

.bgrn {
  background-color: var(--success) !important;
  color: inherit;
}

/**
 * Gray Solid
 */

.bgry-100 {
  background-color: var(--gray100) !important;
  color: inherit;
}

.bgry-200 {
  background-color: var(--gray200) !important;
  color: inherit;
}

.bgry-300 {
  background-color: var(--gray300) !important;
  color: inherit;
}

.bgry-400 {
  background-color: var(--gray400) !important;
  color: inherit;
}

.bgry-500 {
  background-color: var(--gray500) !important;
  color: inherit;
}

.bgry-600 {
  background-color: var(--gray600) !important;
  color: inherit;
}

.bgry-700 {
  background-color: var(--gray700) !important;
  color: inherit;
}

.bgry-800 {
  background-color: var(--gray800) !important;
  color: inherit;
}

.bgry-900 {
  background-color: var(--gray900) !important;
  color: inherit;
}

/**
 * Black transparent
 */

.black-100 {
  background-color: var(--black-100) !important;
  color: inherit;
}

.black-90 {
  background-color: var(--black-90) !important;
  color: inherit;
}

.black-80 {
  background-color: var(--black-80) !important;
  color: inherit;
}

.black-70 {
  background-color: var(--black-70) !important;
  color: inherit;
}

.black-60 {
  background-color: var(--black-60) !important;
  color: inherit;
}

.black-50 {
  background-color: var(--black-50) !important;
  color: inherit;
}

.black-40 {
  background-color: var(--black-40) !important;
  color: inherit;
}

.black-30 {
  background-color: var(--black-30) !important;
  color: inherit;
}

.black-20 {
  background-color: var(--black-20) !important;
  color: inherit;
}

.black-10 {
  background-color: var(--black-10) !important;
  color: inherit;
}

.black-5 {
  background-color: var(--black-5) !important;
  color: inherit;
}


/**
 * White transparent
 */

.white-100 {
  background-color: var(--white-100) !important;
  color: inherit;
}

.white-90 {
  background-color: var(--white-90) !important;
  color: inherit;
}

.white-80 {
  background-color: var(--white-80) !important;
  color: inherit;
}

.white-70 {
  background-color: var(--white-70) !important;
  color: inherit;
}

.white-60 {
  background-color: var(--white-60) !important;
  color: inherit;
}

.white-50 {
  background-color: var(--white-50) !important;
  color: inherit;
}

.white-40 {
  background-color: var(--white-40) !important;
  color: inherit;
}

.white-30 {
  background-color: var(--white-30) !important;
  color: inherit;
}

.white-20 {
  background-color: var(--white-20) !important;
  color: inherit;
}

.white-10 {
  background-color: var(--white-10) !important;
  color: inherit;
}

.white-5 {
  background-color: var(--white-5) !important;
  color: inherit;
}



body {
  
  min-height: 10rem;
  margin-top: var(--bodytop);

  /*background-color: #f5f5f5;*/
  background-color: #11364F;
}


/* ---------------------------------------------------
    cards options Expand all
----------------------------------------------------- */

.ibox .card_opt span{
  cursor: pointer;
  color: silver;
}

.ibox .card_opt span:hover {
  color: #000;
}

/*full resize*/

.ibox-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    z-index: 9999;
    height: 100%;
}

/* ---------------------------------------------------
    Menus
----------------------------------------------------- */

.navbar-dark{
	background-image: url('../../img/fondos/head_blue.jpg');
    padding: 0rem 1rem !important;
}

#MenuLateral a,
#MenuLateral a:hover,
#MenuLateral a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

#MenuLateral {
    width: 250px;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100vh;
    z-index: 9999;
    background: #F3F2F1;
    /*color: #fff;*/
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px var(--black-20);
}

#MenuLateral.active {
    left: 0;
}

#MenuLateral_dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: var(--white-50);
    color: #0E6199;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#MenuLateral_dismiss:hover {
    background: var(--white-70);
    color: #0E6199;
}

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: var(--black-70);
    z-index: 998;
    /*opacity: 0;*/
    /*transition: all 0.5s ease-in-out;*/
}
.overlay.active {
    display: block;
    /*opacity: 1;*/
}

#MenuLateral .MenuLateral-header {
    padding: 30px;
    background: #0E6199;
}

#MenuLateral ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #d2d2d2;
}

#MenuLateral ul p {
    color: var(--white-100);
    padding: 10px;
}

#MenuLateral ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}

#MenuLateral ul li a:hover {
    color: #7386D5;
    background: var(--white-100);
}

#MenuLateral ul li.active>a,
#MenuLateral a[aria-expanded="true"] {
    /*color: #fff;*/
    background: #d4d4d4;
}

#MenuLateral a[data-toggle="collapse"] {
    position: relative;
}

/*.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}*/

#MenuLateral ul ul a {
  font-size: 0.9em !important;
  padding-left: 30px;
  background: #F3F2F1;
}

#MenuLateral ul ul ul a {
  padding-left: 60px !important;
}

#MenuLateral ul.CTAs {
    padding: 20px;
}

#MenuLateral ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

#MenuLateral a.download {
    background: var(--white-100);
    color: #d2d2d2;
}

#MenuLateral a.article,
#MenuLateral a.article:hover {
    background: #F3F2F1 !important;
    /*color: #fff !important;*/
}


/*	
varios
*/


.fullscreen {
  width: 100vw;
  height: 100vh;
  position: fixed;
  transition: 1s ease-in-out;
  cursor: auto;
  z-index: 9999;
}

/* Iconos de paneles */

 .icon_panel>a{
 	text-decoration: none;
 	color: silver;
 }

/*Iconos color*/

.icon_font_15{
	font-size: 1.5em;
}

.icon_gray{
	color: #d5d5d5;
	background-color: inherit;
}

.icon_red{
	color: #e41d26;
	background-color: inherit;
}

.icon_green{
	color: #8cb81f;
	background-color: inherit;
}

.icon_green_2{
	color: #5cb85c;
	background-color: inherit;
}

.icon_blue{
	color: #6495ed;
	background-color: inherit;
}

.icon_blue_2{
	color: #00219f;
	background-color: inherit;
}

.icon_yellow{
	color: #ffff00;
	background-color: inherit;
}

.icon_orange{
    color: #ffa500;
    background-color: inherit;
}


/* Background color */

.icon_btn_blue{
    color: #6495ed;
    background-color: inherit;
}

.icon_btn_blue:hover{
	color: #00219f;
	background-color: inherit;
	cursor: pointer;
}


/* Background color */

.bgw{
	background-color: var(--white-100) !important;
	color: inherit;
}

.bgr{
	background-color: red !important;
	color: inherit;
}

.bgor{
	background-color: #ffa500 !important;
	color: inherit;
}

.bga{
	background-color: aqua !important;
	color: inherit;
}

.bgy{
	background-color: yellow !important;
	color: inherit;
}
 
.bgry{
	background-color: gray !important;
	color: inherit;
}

.bg_kb{
	 background-color: #00a5e6 !important;
	 color: var(--white-100);
}

/* Avisos */

#md_avisos_body{
	font-size: larger;
	font-weight: bold;
}


/* Toast */

.toast{
  background-color: #ffff;
}

/* Titulos */

.c_title{
	color: #848484;
}

.sub_title{
	color: #A4A4A4;
}

/* Tablas */

.t_info {
	background-color: var(--white-60);
	padding: 1em;
	font-size: 0.6em;
}

.t_info table {
	background-color: var(--white-100);
	/*font-size: 0.6em;*/
	/*padding-bottom: 1em;*/
}

.t_info th {
	/*background-color: #2D83C0;
	color: #ffffff;*/
	text-align: center !important;
}

.t_info .btn {
	background-color: transparent;
	border: none;
	/*color: #0154a6;*/
	color: #b4b6b7;
}

.t_info .btn:hover
{
	color: #2D83C0;
}

/*Data tables tools*/

.dtable{
	background-color: var(--white-100);
	font-size: 0.6rem;
}

.dtable th{
	text-align: center !important;
}

.dtable select,
.dtable input {
	font-size: 0.6rem;
}

.dtable-btn {
	background-color: var(--white-100);
	border: none;
	color: #b4b6b7;
}

.dtable-btn:hover
{
	color: #2D83C0;
}

/*formularios*/

form label {
  color: grey;
}

/* Tools */

.more-padding-5 {
	margin-top: .5rem;
}

/*back to top styles*/

#back-to-top {
	height: 50px;
	width: 50px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9990;
  border-radius: 50%;
  color: var(---gray500);
  cursor: pointer;
  background-color: var(--white-50);
  padding-top: 4px;
}

#back-to-top:hover {
	background-color: var(--white-100);
}

#back-to-top:hover .fa-spinner{
	color: #e41d26;
}

#back-to-top:hover .fa-chevron-up{
	color: #337ab7;
}