/*ESTILOS PARA LOS IFRAME RESPONSIVOS*/

.panel-primary > .panel-heading {
    color: #000;
    background-color: #d2f1ca;
    border-color: #d2f1ca;
}

.panel-primary {
    border-color: #d2f1ca;
}

.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
    background-color: #5cb85c;
	color:white;
}

.table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger {
    background-color:  #d9534f;
	color:white;
}

.table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info {
    background-color: #5bc0de;
	color:white;
}

.table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.info, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning {
    background-color: #f0ad4e;
	color:white;
}

.table>tbody>tr.primary>td, .table>tbody>tr.primary>th, .table>tbody>tr>td.primary, .table>tbody>tr>th.primary, .table>tfoot>tr.primary>td, .table>tfoot>tr.primary>th, .table>tfoot>tr>td.primary, .table>tfoot>tr>th.primary, .table>thead>tr.primary>td, .table>thead>tr.primary>th, .table>thead>tr>td.primary, .table>thead>tr>th.primary {
    background-color: #337ab7;
	color:white;
}


.navbar-inverse {
    background-color: #064b85;
    border-color: #080808;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #064b85;
}


.embed-container {
    position: relative;
    padding-bottom: 65%;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {
  .modal-xl {
    width: 100%;
  }
}

/* .modal-fullscreen */

.modal-fullscreen {
  background: transparent;
  padding-left:0px !important;
}
.modal-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .97;
  filter: alpha(opacity=97);
}

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}



/*Agregar color blanco a los links del navbar*/
.navbar-inverse .navbar-nav>li>a {
    color: white;
}

#menu_dependencias li a{
padding:3px 5px;
}

.label-vacio {
    background-color: white;
	color : black;
}
.no-sort::after { display: none!important; }

.no-sort { pointer-events: none!important; cursor: default!important; }

div.dataTables_paginate{text-align:left !important;}

@font-face {
  font-family: 'Lato Regular';
  src: url("../font/lato-reg-webfont.eot");
  src: url("../font/lato-reg-webfont.eot?#iefix") format("embedded-opentype"), url("../font/lato-reg-webfont.woff") format("woff"), url("../font/lato-reg-webfont.ttf") format("truetype"), url("../font/lato-reg-webfont.svg#latoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

a:visited, a:active{
text-decoration:none;
}

html {
  position: relative;
  min-height: 100%;
}

body {
	color: #666;
	line-height: 20px;
	font-family: "Lato Regular", "sans-serif";
	font-size: 14px;
	margin-bottom: 60px;
	background-color: #fff;
}
.navbar {
    margin-bottom: 0px;
	}
	
	
.ficha {
    float: left;
    text-align: left;
    margin-top: 0.2em;
    height: 150px;
    overflow-y: scroll;
    width: 100%;
    padding: 15px;
    border-radius: 3px;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
    border: 1px solid #324591;
}

#mybiblioteca li{ display:none;
}
#mytipomaterial li{ display:none;
}
#mycoleccion li{ display:none;
}
#myestatus li{ display:none;
}

#masbiblioteca {
	text-align:center;
    color:green;
    cursor:pointer;
}
#mastipomaterial {
	text-align:center;
    color:green;
    cursor:pointer;
}

#mascoleccion {
	text-align:center;
    color:green;
    cursor:pointer;
}

#masestatus {
	text-align:center;
    color:green;
    cursor:pointer;
}



.panel-group .panel-heading {
    border-bottom: 1px solid;
	border-color: #C6C5C5;
}


.bootstrap-tagsinput {
	background-color: #FFF;
	display: inline-block;
	padding: 4px 6px;
	margin-bottom: 10px;
	color: #555;
	vertical-align: middle;
	border-radius: 4px;
	max-width: 100%;
	line-height: 22px;
	cursor: text;
}

.paginador {
	text-align: right;
}
.paginador label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

.paginador select {
    width: 75px;
    display: inline-block;
}

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: #FFF;
}

.bootstrap-tagsinput .tag a {
    color: #FFF;
}

.label-info {
    font-size: 100%;
}

.label-success{
    font-size: 100%;
}

.label-warning {
    font-size: 100%;
}

.label-danger {
    font-size: 100%;
}

.label-custom {
    font-size: 90%;
}

address {
  margin-bottom: 1px;
  }

a .highlight {
  color: dark;
  }
.highlight {
    background-color: yellow;
  }

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../../assets/img/preloader_2.gif) center no-repeat #fff;
}

div.DTTT { margin-bottom: 0.5em; float: right; }
div.dataTables_wrapper { clear: both; }

div.clear {
    clear: both;
    height: 0px;
    width: 100%;
    float: none !important;
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
}

.panel-title {
   
    color: inherit;
}

.container {
    width: 100%;
}






.breadcrumb {
    margin-bottom: 0px;
    list-style: none;
    //background-color: transparent;
    border-radius: 4px;
}

#encabezado .container {
	padding: 50px 0 0;
}

/* footer */

#footer {
	  position: absolute;
	  bottom: 0;
	  width: 100%;
	  /* Set the fixed height of the footer here */
	  //height: 60px;
	  margin-top: 20px;
	  padding-top: 10px;	  
	  background-color: #064b85;
	  border-top: 1px solid #ddd;
	  color: #e2e2e2;
}
#footer hr {
	border-top: none;
	border-bottom: 1px solid #666;
}
#footer a {
	color: #ccc;
}
#footer a:hover {
	color: #fff;
}
#footer h5 {
	font-family: "Lato Regular", "sans-serif";
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}

#mybiblioteca li{ display:none;
}
#mytipomaterial li{ display:none;
}
#mycoleccion li{ display:none;
}

#masbiblioteca {
	text-align:center;
    color:green;
    cursor:pointer;
}
#mastipomaterial {
	text-align:center;
    color:green;
    cursor:pointer;
}

#mascoleccion {
	text-align:center;
    color:green;
    cursor:pointer;
}



.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.panel-group .panel-heading {
    border-bottom: 1px solid;
	border-color: #C6C5C5;
}


.bootstrap-tagsinput {
	background-color: #FFF;
	display: inline-block;
	padding: 4px 6px;
	margin-bottom: 10px;
	color: #555;
	vertical-align: middle;
	border-radius: 4px;
	max-width: 100%;
	line-height: 22px;
	cursor: text;
}

.paginador {
	text-align: right;
}
.paginador label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

.paginador select {
    width: 75px;
    display: inline-block;
}

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: #FFF;
}

.bootstrap-tagsinput .tag a {
    color: #FFF;
}

.label-info {
    font-size: 100%;
}

.label-success{
    font-size: 100%;
}

.label-warning {
    font-size: 100%;
}

.label-danger {
    font-size: 100%;
}

address {
  margin-bottom: 1px;
  }

a .highlight {
  color: dark;
  }
.highlight {
    background-color: yellow;
  }

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../../assets/img/preloader_2.gif) center no-repeat #fff;
}

div.DTTT { margin-bottom: 0.5em; float: right; }
div.dataTables_wrapper { clear: both; }

div.clear {
    clear: both;
    height: 0px;
    width: 100%;
    float: none !important;
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
}

.panel-title {
   
    color: inherit;
}

h1, h2, h3, h4, h5, h6 {
	color: #444;
}
/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
a {
	color: #23a1d1;
}
a:hover {
	text-decoration: none;
}
legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-weight: normal;
}


.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
/* top */
#top {
	background-color: #064b85;
	border-bottom: 1px solid #064b85;
	margin: 0 0 20px 0;
	min-height: 40px;
}
	
#top .container {
	padding: 0 20px;
}
#top #currency .currency-select {
	text-align: left;
}
#top #currency .currency-select:hover {
	text-shadow: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
#top-links a.titulo_menu {
	color: #F5F1F1;
	text-decoration: none;
}

#top-links a.titulo_menu:hover {
	color: #FFF;
	background-color: #064b85;
}

#top-links a.titulo_menu:focus {
	color: #F5F1F1;
	background-color: #064b85;
}

#top-links a.titulo_menu:active {
	color: #F5F1F1;
	background-color: #064b85;
}

#top-links .open > a.titulo_menu{
	color: #FFF;
	background-color: #064b85;
}

#top .btn-link, #top-links li a{
	color: #FFFFF;
	text-decoration: none;
}

#top .btn-link:hover, #top-links a:hover {
	color: #C3C2C2;
}

#top-links .dropdown-menu a {
	text-shadow: none;
}
#top-links .dropdown-menu a:hover {
	color: #FFF;
}
#top .btn-link strong {
	font-size: 14px;
}
#top-links {
	padding-top: 0px;
    color: #064b85;
}
#top-links a + a {
	margin-left: 15px;
}
/* logo */
#logo {
	margin: 0 0 10px 0;
}
/* search */
#search {
	margin-bottom: 10px;
}
#search .input-lg {
	height: 40px;
	line-height: 20px;
	padding: 0 10px;
}
#search .btn-lg {
	font-size: 15px;
	line-height: 18px;
	padding: 10px 35px;
}

/* menu */
#menu {
    background-color: #E1E2E3;
    background-image: linear-gradient(to bottom, #E1E2E3, #D2D5D7);
    background-repeat: repeat-x;
    border-color: #E1E2E3#E1E2E3#E4E4E4;
    min-height: 40px;
}
#menu .nav > li > a {
	color: #333131;
	padding: 10px 15px 10px 15px;
	min-height: 15px;
	background-color: transparent;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color: rgba(0, 0, 0, 0.1);
}

#menu .nav > li.active > a{
	background-color: #2198C5;
}

#menu .dropdown-menu {
	padding-bottom: 0;
}
#menu .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul {
	display: table-cell;
}
#menu .dropdown-inner a {
	min-width: 160px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	color: #333333;
	font-size: 12px;
}
#menu .dropdown-inner li a:hover {
	color: #FFFFFF;
}
#menu .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #000;

}
#menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #FFF;
    padding: 2px 18px;
    float: right;
    background-color: #5F6263;
    background-image: linear-gradient(to bottom, #ABAFB1, #888F92);
    background-repeat: repeat-x;
    border-color: #858F93 #848F93 #767B7D;
}

#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #229ac8;
}

@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}
@media (max-width: 767px) {
	#menu {
		border-radius: 4px;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}

	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
}
/* content */
#content {
	min-height: 600px;
}

.tiles-heading,
.tiles-body,
.tiles-footer {
  -webkit-transition: 0.05s ease-in;
  -o-transition: 0.05s ease-in;
  transition: 0.05s ease-in;
}
.tiles-heading:before,
.tiles-body:before,
.tiles-footer:before,
.tiles-heading:after,
.tiles-body:after,
.tiles-footer:after {
  content: " ";
  display: table;
}
.tiles-heading:after,
.tiles-body:after,
.tiles-footer:after {
  clear: both;
}
.tiles-heading:before,
.tiles-body:before,
.tiles-footer:before,
.tiles-heading:after,
.tiles-body:after,
.tiles-footer:after {
  content: " ";
  display: table;
}
.tiles-heading:after,
.tiles-body:after,
.tiles-footer:after {
  clear: both;
}
.info-tiles,
.shortcut-tiles {
  margin: 0px 0px 20px;
  display: block;
  border-radius: 1px;
}
a.info-tiles,
a.shortcut-tiles {
  background: none;
}
.info-tiles .tiles-heading {
  letter-spacing: 0.1em;
  padding: 6px 10px;
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
  text-transform: uppercase;
  text-align: center;
  font-size: 11px;
}
.info-tiles .tiles-heading .pull-right {
  -webkit-transition: 0.06s ease-in;
  -o-transition: 0.06s ease-in;
  transition: 0.06s ease-in;
  color: rgba(255, 255, 255, 0.4);
}
.info-tiles .tiles-body {
  font-size: 42px;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.info-tiles .tiles-body-alt {
  font-size: 30px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.info-tiles .tiles-body-alt,
.info-tiles .tiles-body {
  padding: 10px 20px;
  font-weight: 300;
}
.info-tiles .tiles-body-alt .sparkline,
.info-tiles .tiles-body .sparkline {
  width: 100px;
  margin: 0 auto;
  padding: 0px;
}
.info-tiles .tiles-body-alt .text-top,
.info-tiles .tiles-body .text-top {
  vertical-align: super;
  font-size: 24px;
}
.info-tiles .tiles-body-alt .text-smallcaps,
.info-tiles .tiles-body .text-smallcaps {
  font-variant: small-caps;
}
.info-tiles .tiles-body-alt .text-center,
.info-tiles .tiles-body .text-center {
  margin-top: -5px;
}
.info-tiles .tiles-body-alt i,
.info-tiles .tiles-body i {
  font-size: 42px;
  color: rgba(255, 255, 255, 0.4);
  -webkit-transition: 0.06s ease-in;
  -o-transition: 0.06s ease-in;
  transition: 0.06s ease-in;
}
.info-tiles .tiles-body-alt > i,
.info-tiles .tiles-body > i {
  position: absolute;
  font-size: 42px;
}
.info-tiles .tiles-body-alt div + small,
.info-tiles .tiles-body div + small {
  font-size: 12px;
  text-align: center;
  display: block;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 0px;
  margin-bottom: 4px;
}
.info-tiles .tiles-footer {
  color: #fff;
  color: rgba(255, 255, 255, 0.4);
  padding: 5px 10px;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.info-tiles .tiles-footer i {
  float: right;
  position: relative;
  top: 2px;
  display: none;
}
.info-tiles .tiles-footer:after {
  content: "";
  position: absolute;
  bottom: 0%;
  right: -1px;
  width: 0px;
  height: 0px;
  margin-right: 11px;
  margin-bottom: 20px;
  border-top: 5px solid rgba(0, 0, 0, 0.35);
  border-right: 5px solid #f7f8fa;
  border-bottom: 5px solid #f7f8fa;
  border-left: 5px solid rgba(0, 0, 0, 0.35);
  border-top-left-radius: 1px;
}
.info-tiles .tiles-footer:hover {
  color: #fff;
}
.info-tiles:hover {
  text-decoration: none;
}
.info-tiles:hover i {
  color: #ffffff;
}
.info-tiles:hover .tiles-footer {
  color: #fff;
}
.info-tiles:hover .tiles-footer i {
  display: inline;
}
.info-tiles:hover .tiles-heading .pull-right {
  color: #ffffff;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .info-tiles .tiles-footer:after {
    right: 0;
    border-top: 6px solid rgba(0, 0, 0, 0.35);
  }
}
@media (max-width: 767px) {
  .col-xs-12 .info-tiles .tiles-footer:after {
    bottom: -20px;
  }
}
.shortcut-tiles .tiles-body {
  padding: 10px 10px 0px 10px;
  font-size: 42px;
  line-height: 42px;
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
}
.shortcut-tiles .tiles-body i {
  font-size: 32px;
  color: rgba(255, 255, 255, 0.6);
  -webkit-transition: 0.06s ease-in;
  -o-transition: 0.06s ease-in;
  transition: 0.06s ease-in;
}
.shortcut-tiles .tiles-body .pull-right {
  margin-top: -3px;
  line-height: 0;
}
.shortcut-tiles .tiles-body .pull-right .badge {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.3);
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d000000, endColorstr=#4d000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d000000, endColorstr=#4d000000);
}
.shortcut-tiles .tiles-footer {
  text-transform: none;
  text-align: right;
  padding: 7px 10px;
  letter-spacing: 0.1em;
  font-size: 11px;
  text-transform: uppercase;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.shortcut-tiles:hover {
  text-decoration: none;
}
.shortcut-tiles:hover i {
  color: #ffffff;
}
.info-tiles.tiles-info {
  color: #ffffff !important;
}
.info-tiles.tiles-info .tiles-heading {
  background: #4fc7e5;
}
.info-tiles.tiles-info .tiles-body {
  background: #2bbce0;
}
.info-tiles.tiles-info .tiles-body-alt {
  background: #2bbce0;
}
.info-tiles.tiles-info .tiles-footer {
  background: #1c9cbc;
}
.info-tiles.tiles-info:hover {
  color: #ffffff;
}
.info-tiles.tiles-info:hover .tiles-heading {
  background: #36c0e2;
}
.info-tiles.tiles-info:hover .tiles-body {
  background: #1fafd3;
}
.info-tiles.tiles-info:hover .tiles-body-alt {
  background: #1fafd3;
}
.info-tiles.tiles-info:hover .tiles-footer {
  background: #188aa6;
}
.info-tiles.tiles-success {
  color: #ffffff !important;
}
.info-tiles.tiles-success .tiles-heading {
  background: #99d063;
}
.info-tiles.tiles-success .tiles-body {
  background: #85c744;
}
.info-tiles.tiles-success .tiles-body-alt {
  background: #85c744;
}
.info-tiles.tiles-success .tiles-footer {
  background: #6ca632;
}
.info-tiles.tiles-success:hover {
  color: #ffffff;
}
.info-tiles.tiles-success:hover .tiles-heading {
  background: #8bca4e;
}
.info-tiles.tiles-success:hover .tiles-body {
  background: #78ba38;
}
.info-tiles.tiles-success:hover .tiles-body-alt {
  background: #78ba38;
}
.info-tiles.tiles-success:hover .tiles-footer {
  background: #5f932c;
}
.info-tiles.tiles-danger {
  color: #ffffff !important;
}
.info-tiles.tiles-danger .tiles-heading {
  background: #eb6060;
}
.info-tiles.tiles-danger .tiles-body {
  background: #e73c3c;
}
.info-tiles.tiles-danger .tiles-body-alt {
  background: #e73c3c;
}
.info-tiles.tiles-danger .tiles-footer {
  background: #d61a1a;
}
.info-tiles.tiles-danger:hover {
  color: #ffffff;
}
.info-tiles.tiles-danger:hover .tiles-heading {
  background: #e84747;
}
.info-tiles.tiles-danger:hover .tiles-body {
  background: #e42525;
}
.info-tiles.tiles-danger:hover .tiles-body-alt {
  background: #e42525;
}
.info-tiles.tiles-danger:hover .tiles-footer {
  background: #bf1818;
}
.info-tiles.tiles-warning {
  color: #ffffff !important;
}
.info-tiles.tiles-warning .tiles-heading {
  background: #f3cd36;
}
.info-tiles.tiles-warning .tiles-body {
  background: #f1c40f;
}
.info-tiles.tiles-warning .tiles-body-alt {
  background: #f1c40f;
}
.info-tiles.tiles-warning .tiles-footer {
  background: #c29d0b;
}
.info-tiles.tiles-warning:hover {
  color: #ffffff;
}
.info-tiles.tiles-warning:hover .tiles-heading {
  background: #f2c71b;
}
.info-tiles.tiles-warning:hover .tiles-body {
  background: #dab10d;
}
.info-tiles.tiles-warning:hover .tiles-body-alt {
  background: #dab10d;
}
.info-tiles.tiles-warning:hover .tiles-footer {
  background: #aa8a0a;
}
.info-tiles.tiles-primary {
  color: #ffffff !important;
}
.info-tiles.tiles-primary .tiles-heading {
  background: #71a4e3;
}
.info-tiles.tiles-primary .tiles-body {
  background: #4f8edc;
}
.info-tiles.tiles-primary .tiles-body-alt {
  background: #4f8edc;
}
.info-tiles.tiles-primary .tiles-footer {
  background: #2973cf;
}
.info-tiles.tiles-primary:hover {
  color: #ffffff;
}
.info-tiles.tiles-primary:hover .tiles-heading {
  background: #5a95de;
}
.info-tiles.tiles-primary:hover .tiles-body {
  background: #3a80d8;
}
.info-tiles.tiles-primary:hover .tiles-body-alt {
  background: #3a80d8;
}
.info-tiles.tiles-primary:hover .tiles-footer {
  background: #2567ba;
}
.info-tiles.tiles-inverse {
  color: #ffffff !important;
}
.info-tiles.tiles-inverse .tiles-heading {
  background: #62666f;
}
.info-tiles.tiles-inverse .tiles-body {
  background: #4f5259;
}
.info-tiles.tiles-inverse .tiles-body-alt {
  background: #4f5259;
}
.info-tiles.tiles-inverse .tiles-footer {
  background: #37393e;
}
.info-tiles.tiles-inverse:hover {
  color: #ffffff;
}
.info-tiles.tiles-inverse:hover .tiles-heading {
  background: #555860;
}
.info-tiles.tiles-inverse:hover .tiles-body {
  background: #43464b;
}
.info-tiles.tiles-inverse:hover .tiles-body-alt {
  background: #43464b;
}
.info-tiles.tiles-inverse:hover .tiles-footer {
  background: #2b2d30;
}
.info-tiles.tiles-midnightblue {
  color: #ffffff !important;
}
.info-tiles.tiles-midnightblue .tiles-heading {
  background: #435d78;
}
.info-tiles.tiles-midnightblue .tiles-body {
  background: #34495e;
}
.info-tiles.tiles-midnightblue .tiles-body-alt {
  background: #34495e;
}
.info-tiles.tiles-midnightblue .tiles-footer {
  background: #222f3d;
}
.info-tiles.tiles-midnightblue:hover {
  color: #ffffff;
}
.info-tiles.tiles-midnightblue:hover .tiles-heading {
  background: #394f66;
}
.info-tiles.tiles-midnightblue:hover .tiles-body {
  background: #2b3c4e;
}
.info-tiles.tiles-midnightblue:hover .tiles-body-alt {
  background: #2b3c4e;
}
.info-tiles.tiles-midnightblue:hover .tiles-footer {
  background: #19232d;
}
.info-tiles.tiles-sky {
  color: #ffffff !important;
}
.info-tiles.tiles-sky .tiles-heading {
  background: #9ad4f2;
}
.info-tiles.tiles-sky .tiles-body {
  background: #76c4ed;
}
.info-tiles.tiles-sky .tiles-body-alt {
  background: #76c4ed;
}
.info-tiles.tiles-sky .tiles-footer {
  background: #49b1e7;
}
.info-tiles.tiles-sky:hover {
  color: #ffffff;
}
.info-tiles.tiles-sky:hover .tiles-heading {
  background: #81c9ee;
}
.info-tiles.tiles-sky:hover .tiles-body {
  background: #5fbaea;
}
.info-tiles.tiles-sky:hover .tiles-body-alt {
  background: #5fbaea;
}
.info-tiles.tiles-sky:hover .tiles-footer {
  background: #32a7e4;
}
.info-tiles.tiles-orange {
  color: #ffffff !important;
}
.info-tiles.tiles-orange .tiles-heading {
  background: #f2b257;
}
.info-tiles.tiles-orange .tiles-body {
  background: #efa131;
}
.info-tiles.tiles-orange .tiles-body-alt {
  background: #efa131;
}
.info-tiles.tiles-orange .tiles-footer {
  background: #dc8911;
}
.info-tiles.tiles-orange:hover {
  color: #ffffff;
}
.info-tiles.tiles-orange:hover .tiles-heading {
  background: #f0a63d;
}
.info-tiles.tiles-orange:hover .tiles-body {
  background: #ed9619;
}
.info-tiles.tiles-orange:hover .tiles-body-alt {
  background: #ed9619;
}
.info-tiles.tiles-orange:hover .tiles-footer {
  background: #c47a0f;
}
.info-tiles.tiles-indigo {
  color: #ffffff !important;
}
.info-tiles.tiles-indigo .tiles-heading {
  background: #a573ba;
}
.info-tiles.tiles-indigo .tiles-body {
  background: #9358ac;
}
.info-tiles.tiles-indigo .tiles-body-alt {
  background: #9358ac;
}
.info-tiles.tiles-indigo .tiles-footer {
  background: #77458c;
}
.info-tiles.tiles-indigo:hover {
  color: #ffffff;
}
.info-tiles.tiles-indigo:hover .tiles-heading {
  background: #9961b0;
}
.info-tiles.tiles-indigo:hover .tiles-body {
  background: #854e9d;
}
.info-tiles.tiles-indigo:hover .tiles-body-alt {
  background: #854e9d;
}
.info-tiles.tiles-indigo:hover .tiles-footer {
  background: #683d7b;
}
.info-tiles.tiles-green {
  color: #ffffff !important;
}
.info-tiles.tiles-green .tiles-heading {
  background: #1bc4a3;
}
.info-tiles.tiles-green .tiles-body {
  background: #16a085;
}
.info-tiles.tiles-green .tiles-body-alt {
  background: #16a085;
}
.info-tiles.tiles-green .tiles-footer {
  background: #107360;
}
.info-tiles.tiles-green:hover {
  color: #ffffff;
}
.info-tiles.tiles-green:hover .tiles-heading {
  background: #18ab8e;
}
.info-tiles.tiles-green:hover .tiles-body {
  background: #138a72;
}
.info-tiles.tiles-green:hover .tiles-body-alt {
  background: #138a72;
}
.info-tiles.tiles-green:hover .tiles-footer {
  background: #0d5d4d;
}
.info-tiles.tiles-magenta {
  color: #ffffff !important;
}
.info-tiles.tiles-magenta .tiles-heading {
  background: #eb6084;
}
.info-tiles.tiles-magenta .tiles-body {
  background: #e73c68;
}
.info-tiles.tiles-magenta .tiles-body-alt {
  background: #e73c68;
}
.info-tiles.tiles-magenta .tiles-footer {
  background: #d61a4b;
}
.info-tiles.tiles-magenta:hover {
  color: #ffffff;
}
.info-tiles.tiles-magenta:hover .tiles-heading {
  background: #e84771;
}
.info-tiles.tiles-magenta:hover .tiles-body {
  background: #e42556;
}
.info-tiles.tiles-magenta:hover .tiles-body-alt {
  background: #e42556;
}
.info-tiles.tiles-magenta:hover .tiles-footer {
  background: #bf1843;
}
.info-tiles.tiles-purple {
  color: #ffffff !important;
}
.info-tiles.tiles-purple .tiles-heading {
  background: #e667bb;
}
.info-tiles.tiles-purple .tiles-body {
  background: #e044ab;
}
.info-tiles.tiles-purple .tiles-body-alt {
  background: #e044ab;
}
.info-tiles.tiles-purple .tiles-footer {
  background: #cf2294;
}
.info-tiles.tiles-purple:hover {
  color: #ffffff;
}
.info-tiles.tiles-purple:hover .tiles-heading {
  background: #e24fb0;
}
.info-tiles.tiles-purple:hover .tiles-body {
  background: #dc2ea1;
}
.info-tiles.tiles-purple:hover .tiles-body-alt {
  background: #dc2ea1;
}
.info-tiles.tiles-purple:hover .tiles-footer {
  background: #b91f84;
}
.info-tiles.tiles-brown {
  color: #ffffff !important;
}
.info-tiles.tiles-brown .tiles-heading {
  background: #d44e40;
}
.info-tiles.tiles-brown .tiles-body {
  background: #c0392b;
}
.info-tiles.tiles-brown .tiles-body-alt {
  background: #c0392b;
}
.info-tiles.tiles-brown .tiles-footer {
  background: #962d22;
}
.info-tiles.tiles-brown:hover {
  color: #ffffff;
}
.info-tiles.tiles-brown:hover .tiles-heading {
  background: #ca3c2d;
}
.info-tiles.tiles-brown:hover .tiles-body {
  background: #ab3326;
}
.info-tiles.tiles-brown:hover .tiles-body-alt {
  background: #ab3326;
}
.info-tiles.tiles-brown:hover .tiles-footer {
  background: #81261d;
}
.info-tiles.tiles-grape {
  color: #ffffff !important;
}
.info-tiles.tiles-grape .tiles-heading {
  background: #919bad;
}
.info-tiles.tiles-grape .tiles-body {
  background: #7a869c;
}
.info-tiles.tiles-grape .tiles-body-alt {
  background: #7a869c;
}
.info-tiles.tiles-grape .tiles-footer {
  background: #616d82;
}
.info-tiles.tiles-grape:hover {
  color: #ffffff;
}
.info-tiles.tiles-grape:hover .tiles-heading {
  background: #818da1;
}
.info-tiles.tiles-grape:hover .tiles-body {
  background: #6c7991;
}
.info-tiles.tiles-grape:hover .tiles-body-alt {
  background: #6c7991;
}
.info-tiles.tiles-grape:hover .tiles-footer {
  background: #566074;
}
.info-tiles.tiles-toyo {
  color: #ffffff !important;
}
.info-tiles.tiles-toyo .tiles-heading {
  background: #677fa4;
}
.info-tiles.tiles-toyo .tiles-body {
  background: #556b8d;
}
.info-tiles.tiles-toyo .tiles-body-alt {
  background: #556b8d;
}
.info-tiles.tiles-toyo .tiles-footer {
  background: #42536d;
}
.info-tiles.tiles-toyo:hover {
  color: #ffffff;
}
.info-tiles.tiles-toyo:hover .tiles-heading {
  background: #5a7195;
}
.info-tiles.tiles-toyo:hover .tiles-body {
  background: #4b5f7d;
}
.info-tiles.tiles-toyo:hover .tiles-body-alt {
  background: #4b5f7d;
}
.info-tiles.tiles-toyo:hover .tiles-footer {
  background: #38475d;
}
.info-tiles.tiles-alizarin {
  color: #ffffff !important;
}
.info-tiles.tiles-alizarin .tiles-heading {
  background: #eb6d60;
}
.info-tiles.tiles-alizarin .tiles-body {
  background: #e74c3c;
}
.info-tiles.tiles-alizarin .tiles-body-alt {
  background: #e74c3c;
}
.info-tiles.tiles-alizarin .tiles-footer {
  background: #d62c1a;
}
.info-tiles.tiles-alizarin:hover {
  color: #ffffff;
}
.info-tiles.tiles-alizarin:hover .tiles-heading {
  background: #e85647;
}
.info-tiles.tiles-alizarin:hover .tiles-body {
  background: #e43725;
}
.info-tiles.tiles-alizarin:hover .tiles-body-alt {
  background: #e43725;
}
.info-tiles.tiles-alizarin:hover .tiles-footer {
  background: #bf2718;
}
.shortcut-tiles.tiles-info {
  color: #ffffff !important;
}
.shortcut-tiles.tiles-info .tiles-heading,
.shortcut-tiles.tiles-info .tiles-body,
.shortcut-tiles.tiles-info .tiles-footer {
  background: #2bbce0;
}
.shortcut-tiles.tiles-info:hover {
  color: #ffffff;
}
.shortcut-tiles.tiles-info:hover .tiles-heading,
.shortcut-tiles.tiles-info:hover .tiles-body,
.shortcut-tiles.tiles-info:hover .tiles-footer {
  background: #1fafd3;
}
.shortcut-tiles.tiles-success {
  color: #ffffff !important;
}
.shortcut-tiles.tiles-success .tiles-heading,
.shortcut-tiles.tiles-success .tiles-body,
.shortcut-tiles.tiles-success .tiles-footer {
  background: #85c744;
}
.shortcut-tiles.tiles-success:hover {
  color: #ffffff;
}
.shortcut-tiles.tiles-success:hover .tiles-heading,
.shortcut-tiles.tiles-success:hover .tiles-body,
.shortcut-tiles.tiles-success:hover .tiles-footer {
  background: #78ba38;
}
.shortcut-tiles.tiles-danger {
  color: #ffffff !important;
}
.shortcut-tiles.tiles-danger .tiles-heading,
.shortcut-tiles.tiles-danger .tiles-body,
.shortcut-tiles.tiles-danger .tiles-footer {
  background: #e73c3c;
}
.shortcut-tiles.tiles-danger:hover {
  color: #ffffff;
}
.shortcut-tiles.tiles-danger:hover .tiles-heading,
.shortcut-tiles.tiles-danger:hover .tiles-body,
.shortcut-tiles.tiles-danger:hover .tiles-footer {
  background: #e42525;
}
.shortcut-tiles.tiles-warning {
  color: #ffffff !important;
}
.shortcut-tiles.tiles-warning .tiles-heading,
.shortcut-tiles.tiles-warning .tiles-body,
.shortcut-tiles.tiles-warning .tiles-footer {
  background: #f1c40f;
}
.shortcut-tiles.tiles-warning:hover {
  color: #ffffff;
}
.shortcut-tiles.tiles-warning:hover .tiles-heading,
.shortcut-tiles.tiles-warning:hover .tiles-body,
.shortcut-tiles.tiles-warning:hover .tiles-footer {
  background: #dab10d;
}
.shortcut-tiles.tiles-primary {
  color: #ffffff !important;
}
.shortcut-tiles.tiles-primary .tiles-heading,
.shortcut-tiles.tiles-primary .tiles-body,
.shortcut-tiles.tiles-primary .tiles-footer {
  background: #4f8edc;
}
.shortcut-tiles.tiles-primary:hover {
  color: #ffffff;
}
.shortcut-tiles.tiles-primary:hover .tiles-heading,
.shortcut-tiles.tiles-primary:hover .tiles-body,
.shortcut-tiles.tiles-primary:hover .tiles-footer {
  background: #3a80d8;
}
.shortcut-tiles.tiles-inverse {
  color: #ffffff !important;
}
.shortcut-tiles.tiles-inverse .tiles-heading,
.shortcut-tiles.tiles-inverse .tiles-body,
.shortcut-tiles.tiles-inverse .tiles-footer {
  background: #4f5259;
}
.shortcut-tiles.tiles-inverse:hover {
  color: #ffffff;
}
.shortcut-tiles.tiles-inverse:hover .tiles-heading,
.shortcut-tiles.tiles-inverse:hover .tiles-body,
.shortcut-tiles.tiles-inverse:hover .tiles-footer {
  background: #43464b;
}
.shortcut-tiles.tiles-midnightblue {
  color: #ffffff !important;
}
.shortcut-tiles.tiles-midnightblue .tiles-heading,
.shortcut-tiles.tiles-midnightblue .tiles-body,
.shortcut-tiles.tiles-midnightblue .tiles-footer {
  background: #34495e;
}
.shortcut-tiles.tiles-midnightblue:hover {
  color: #ffffff;
}
.shortcut-tiles.tiles-midnightblue:hover .tiles-heading,
.shortcut-tiles.tiles-midnightblue:hover .tiles-body,
.shortcut-tiles.tiles-midnightblue:hover .tiles-footer {
  background: #2b3c4e;
}
.shortcut-tiles.tiles-sky {
  color: #ffffff !important;
}
.shortcut-tiles.tiles-sky .tiles-heading,
.shortcut-tiles.tiles-sky .tiles-body,
.shortcut-tiles.tiles-sky .tiles-footer {
  background: #76c4ed;
}
.shortcut-tiles.tiles-sky:hover {
  color: #ffffff;
}
.shortcut-tiles.tiles-sky:hover .tiles-heading,
.shortcut-tiles.tiles-sky:hover .tiles-body,
.shortcut-tiles.tiles-sky:hover .tiles-footer {
  background: #5fbaea;
}
.shortcut-tiles.tiles-orange {
  color: #ffffff !important;
}
.shortcut-tiles.tiles-orange .tiles-heading,
.shortcut-tiles.tiles-orange .tiles-body,
.shortcut-tiles.tiles-orange .tiles-footer {
  background: #efa131;
}
.shortcut-tiles.tiles-orange:hover {
  color: #ffffff;
}
.shortcut-tiles.tiles-orange:hover .tiles-heading,
.shortcut-tiles.tiles-orange:hover .tiles-body,
.shortcut-tiles.tiles-orange:hover .tiles-footer {
  background: #ed9619;
}
.shortcut-tiles.tiles-indigo {
  color: #ffffff !important;
}
.shortcut-tiles.tiles-indigo .tiles-heading,
.shortcut-tiles.tiles-indigo .tiles-body,
.shortcut-tiles.tiles-indigo .tiles-footer {
  background: #9358ac;
}
.shortcut-tiles.tiles-indigo:hover {
  color: #ffffff;
}
.shortcut-tiles.tiles-indigo:hover .tiles-heading,
.shortcut-tiles.tiles-indigo:hover .tiles-body,
.shortcut-tiles.tiles-indigo:hover .tiles-footer {
  background: #854e9d;
}
.shortcut-tiles.tiles-green {
  color: #ffffff !important;
}
.shortcut-tiles.tiles-green .tiles-heading,
.shortcut-tiles.tiles-green .tiles-body,
.shortcut-tiles.tiles-green .tiles-footer {
  background: #16a085;
}
.shortcut-tiles.tiles-green:hover {
  color: #ffffff;
}
.shortcut-tiles.tiles-green:hover .tiles-heading,
.shortcut-tiles.tiles-green:hover .tiles-body,
.shortcut-tiles.tiles-green:hover .tiles-footer {
  background: #138a72;
}
.shortcut-tiles.tiles-magenta {
  color: #ffffff !important;
}
.shortcut-tiles.tiles-magenta .tiles-heading,
.shortcut-tiles.tiles-magenta .tiles-body,
.shortcut-tiles.tiles-magenta .tiles-footer {
  background: #e73c68;
}
.shortcut-tiles.tiles-magenta:hover {
  color: #ffffff;
}
.shortcut-tiles.tiles-magenta:hover .tiles-heading,
.shortcut-tiles.tiles-magenta:hover .tiles-body,
.shortcut-tiles.tiles-magenta:hover .tiles-footer {
  background: #e42556;
}
.shortcut-tiles.tiles-purple {
  color: #ffffff !important;
}
.shortcut-tiles.tiles-purple .tiles-heading,
.shortcut-tiles.tiles-purple .tiles-body,
.shortcut-tiles.tiles-purple .tiles-footer {
  background: #e044ab;
}
.shortcut-tiles.tiles-purple:hover {
  color: #ffffff;
}
.shortcut-tiles.tiles-purple:hover .tiles-heading,
.shortcut-tiles.tiles-purple:hover .tiles-body,
.shortcut-tiles.tiles-purple:hover .tiles-footer {
  background: #dc2ea1;
}
.shortcut-tiles.tiles-brown {
  color: #ffffff !important;
}
.shortcut-tiles.tiles-brown .tiles-heading,
.shortcut-tiles.tiles-brown .tiles-body,
.shortcut-tiles.tiles-brown .tiles-footer {
  background: #c0392b;
}
.shortcut-tiles.tiles-brown:hover {
  color: #ffffff;
}
.shortcut-tiles.tiles-brown:hover .tiles-heading,
.shortcut-tiles.tiles-brown:hover .tiles-body,
.shortcut-tiles.tiles-brown:hover .tiles-footer {
  background: #ab3326;
}
.shortcut-tiles.tiles-grape {
  color: #ffffff !important;
}
.shortcut-tiles.tiles-grape .tiles-heading,
.shortcut-tiles.tiles-grape .tiles-body,
.shortcut-tiles.tiles-grape .tiles-footer {
  background: #7a869c;
}
.shortcut-tiles.tiles-grape:hover {
  color: #ffffff;
}
.shortcut-tiles.tiles-grape:hover .tiles-heading,
.shortcut-tiles.tiles-grape:hover .tiles-body,
.shortcut-tiles.tiles-grape:hover .tiles-footer {
  background: #6c7991;
}
.shortcut-tiles.tiles-toyo {
  color: #ffffff !important;
}
.shortcut-tiles.tiles-toyo .tiles-heading,
.shortcut-tiles.tiles-toyo .tiles-body,
.shortcut-tiles.tiles-toyo .tiles-footer {
  background: #556b8d;
}
.shortcut-tiles.tiles-toyo:hover {
  color: #ffffff;
}
.shortcut-tiles.tiles-toyo:hover .tiles-heading,
.shortcut-tiles.tiles-toyo:hover .tiles-body,
.shortcut-tiles.tiles-toyo:hover .tiles-footer {
  background: #4b5f7d;
}
.shortcut-tiles.tiles-alizarin {
  color: #ffffff !important;
}
.shortcut-tiles.tiles-alizarin .tiles-heading,
.shortcut-tiles.tiles-alizarin .tiles-body,
.shortcut-tiles.tiles-alizarin .tiles-footer {
  background: #e74c3c;
}
.shortcut-tiles.tiles-alizarin:hover {
  color: #ffffff;
}
.shortcut-tiles.tiles-alizarin:hover .tiles-heading,
.shortcut-tiles.tiles-alizarin:hover .tiles-body,
.shortcut-tiles.tiles-alizarin:hover .tiles-footer {
  background: #e43725;
}