/* CSS Document */
html,
body {
  /*min-height:100% !important;*/
  height: 100vh;
  font-family: 'Poppins', sans-serif !important;
}

#MsgGuardando {
  padding: 4px;
  background-color: #F9EDBE;
  font-size: 14px;
  color: #000000;
  border: 1px #F6DCA5 solid;
  font-weight: bold;
  top: 10px;
  left: 49%;
  position: fixed;
  display: none;
  z-index: 99999 !important;
}

.clearboth {
  clear: both;
  height: 1px;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearfix {
  zoom: 1;
}

/* IE6 */
*:first-child+html .clearfix {
  zoom: 1;
}

/* IE7 */
.h1block {
  font-size: 30px;
  color: #000;
  font-weight: bold;
  padding: 5px 0
}

.fixalto {
  font-size: 1px;
  height: 1px;
}

.textoaclaraciones {
  font-size: 12px;
  color: #333;
}

.versionNumber {
  color: #CCC;
}

.footerlink {
  text-align: center;
  clear: both;
  margin-top: 5px;
  color: #000
}

.footerlink a {
  color: #000
}

.footerlink a:hover {
  color: #000;
  text-decoration: none;
}

.linkfondoblanco {
  font-size: 14px;
  font-weight: bold;
}

.msje_error {
  color: #F00;
  font-weight: bold;
  font-size: 0.8em
}

strong {
  font-weight: bold
}

em {
  font-style: italic
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

#page_wrapper {
  height: auto;
}

.negro {
  color: #000
}

label {
  font-size: 17px;
  color: #333;
  margin: 3px;
}

.upload-btn {
  color: #5cb85c;
  font-family: Roboto, sans-serif;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 12px;
  letter-spacing: 1.5px;
}

.delete-btn {
  color: #b73333 !important;
  font-family: Roboto, sans-serif;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 12px;
  letter-spacing: 1.5px;
}

.modal-xl {
  width: 1140px;
}

/*.qq-upload-button{ display:inline-block !important;}*/
.qq-upload-list li {
  background: none !important
}


.loading_sistema {
  width: 15%;
  padding: 4px;
  margin-right: 10px
}

.load-sistema {
  background: url(../images/loading.gif?var=2) no-repeat;
  height: 70px;
  background-size: 50px;
  background-position: center center;
}

.load-sistema-imgcargando {
  background: url(../images/cargando.gif) no-repeat;
  display: inline-block;
  height: 16px;
  background-size: 16px;
  background-position: center center;
  width: 16px;
  margin-right: 5px;
}

.ui-datepicker {
  z-index: 99999999999 !important;
}

.aire {
  padding-bottom: 5px;
}

.aire_vertical {
  height: 10px;
  font-size: 10px;
}

.brisa_vertical {
  height: 4px;
  font-size: 4px;
}

.brisa {
  height: 10px;
  font-size: 10px;
}

.aire_menor {
  height: 10px;
  font-size: 10px;
}

.brisa_horizontal {
  padding: 0 1px;
}

.ancho_05,
.ancho_1,
ancho_2,
,
ancho_3,
,
ancho_4,
,
ancho_5,
,
ancho_6,
,
ancho_7,
,
ancho_8,
,
ancho_9,
,
ancho_10 {
  width: 100%;
  clear: both;
  margin: 2px 0px;
}


.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hide from IE Mac \*/
.clearfix {
  display: block;
}

/* End hide from IE Mac */


.ui-sortable-placeholder,
.ui-sortable-placeholderpublic {
  border: 1px dotted black;
  cursor: move !important;
  background-color: #F5F5F5;
  visibility: visible !important;
  height: 30px;
  !important;
  cursor: pointer
}

.ui-sortable-placeholder *,
.ui-sortable-placeholderpublic * {
  visibility: hidden;
  cursor: move !important;
}

.ui-sortable-placeholderpublic {
  height: 100px !important;
  width: 280px !important;
}

.ui-sortable-tablas {
  height: 40px !important;
}

.navbar-nav>li>.dropdown-menu {
  z-index: 99999999999
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
  background-color: #003760 !important;
  color: #FBF9F6 !important;
}

.btn.states {
  transition: all 0.3s;
}

.navbar-default .navbar-nav>.dropdown>a:hover .caret,
.navbar-default .navbar-nav>.dropdown>a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-default .navbar-nav>.dropdown>a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

@media (min-width: 1200px) {
  .container {
    width: 90% !important;
  }
}

.box header {
  background-image: linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  border-bottom: 1px solid #d4d4d4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.box header:before,
.box header:after {
  content: " ";
  display: table;
}

.box header:after {
  clear: both;
}

.box header .icons,
.box header h5,
.box header .toolbar {
  position: relative;
  min-height: 1px;
  float: left;
  padding: 0;
  margin: 0;
  display: block;
}

.box header .icons {
  padding: 10px 15px;
  border-right: 1px solid #ddd;
  box-shadow: 1px 0px 0px #fff;
}

.box header h5 {
  padding: 12px;
  font-weight: bold;
}

.box header {
  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
  border-bottom: 1px solid #5bc0de;
  color: #fff;
}

.box header .icons {
  border-right: 1px solid #2390b0;
  box-shadow: 1px 0px 0px #85d0e7;
}

.box header .toolbar {
  float: right;
  display: inline-table;
}

.box {
  margin: 10px auto;
  display: block;
  position: relative;
  border: 1px solid #efefef;
}

.box .body {
  padding: 10px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  width: 100%;
  background-color: #fff;
}

.open .fa-plus:before {
  content: "\f068" !important;
}

.dataGral {
  font-size: 14px;
  margin-bottom: 10px;
}

.hijos,
.editar,
.email,
.activo,
.desactivo,
.eliminar,
.opciones,
.seleccionar,
.icon-youtube,
.archivos,
.confeccionar,
.metadatos,
.fotos,
.videos,
.audios,
.ver,
.log,
.download,
.group-user,
.individual-user {
  font: normal normal normal 18px/1 'Font Awesome 5 Free';
  text-indent: -2000px;
  text-decoration: none !important;
  font-weight: 900;
}


.hijos {
  color: #000000 !important
}

.hijos:before {
  content: "\f0e8";
  color: cadetblue
}

.email {
  color: #000000 !important
}

.email:before {
  content: "\f003";
  color: cadetblue
}

.confeccionar {
  color: #000000 !important
}

.confeccionar:before {
  content: "\f009";
  color: cadetblue
}

.metadatos {
  color: #000000 !important
}

.metadatos:before {
  content: "\f022";
  color: cornflowerblue
}

.editar {
  color: #333 !important
}

.editar:before {
  content: "\f044";
  font-family: 'Font Awesome 5 Regular';
  display: none;
}

/**

*/

.boton-estado {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}

.boton-activo {
    background-color: #43ca62; /* verde */
}

.boton-inactivo {
    background-color: #6c757d; /* gris */
}

.boton-estado:hover {
    opacity: 0.8;
}
/**

*/
.activo{  color:#0C0 !important}
.activo:before{  content: "\f118"; }

.desactivo{  color:#666 !important}
.desactivo:before{  content: "\f119"; }

.eliminar {
  color: #F00 !important
}

.eliminar:before {
  content: "\f2ed";
  font-family: 'Font Awesome 5 Regular';
  display: none;
}

.opciones {
  color: #000000 !important
}

.opciones:before {
  font-family: 'Font Awesome 5 Regular';
  content: "\f14a";
  display: none;
}

.seleccionar {
  color: #093 !important
}

.seleccionar:before {
  content: "\f058";
  font-size: 24px
}

.icon-youtube {
  color: #DD2826 !important
}

.icon-youtube:before {
  content: "\f167";
  font-size: 24px
}

.icon-vimeo {
  background: url(../images/icon-vimeo.png) no-repeat left;
  display: inline-block;
  width: 18px;
  height: 16px;
}

.icon-videopropietario {
  background: url(../images/icon-propietario.png) no-repeat left;
  display: inline-block;
  width: 18px;
  height: 16px;
}

.icon-delete {
  background: url(../images/icon_delete.gif) no-repeat left;
  display: inline-block;
  width: 18px;
  height: 14px;
  vertical-align: middle;
}

.archivos {
  color: #09F !important
}

.archivos:before {
  content: "\f1c9";
  font-size: 18px
}


/* IMAGENES MULTIMEDIA*/

.fotos {
  color: #477DC0 !important
}

.fotos:before {
  content: "\f030";
  font-size: 18px
}

.videos {
  color: #477DC0 !important
}

.videos:before {
  content: "\f144";
  font-size: 22px;
}

.audios {
  color: #477DC0 !important
}

.audios:before {
  content: "\f04b";
  font-size: 22px;
}

.ver {
  color: #999 !important
}

.ver:before {
  content: "\f002";
  font-size: 17px;
}

.log {
  color: #666 !important
}

.log:before {
  content: "\f1da";
  font-size: 17px;
}


.respuestas {
  background: url(../images/folder.png) no-repeat left;
  padding-left: 15px;
}


.download {
  color: #09F !important
}

.download:before {
  content: '\f019';
  font-size: 18px
}

.group-user {
  color: #666 !important
}

.group-user:before {
  content: '\f0c0';
  font-size: 18px
}

.individual-user {
  color: #666 !important
}

.individual-user:before {
  content: '\f007 ';
  font-size: 18px
}


.pdf {
  background: url(../images/pdf.gif) no-repeat left;
  padding-left: 15px;
  font-weight: bold;
}

.editarotrosdatos {
  background: url(../images/page.gif) no-repeat left;
  padding-left: 15px;
  font-weight: bold;
}

.excel {
  background: url(../images/iconoexcel.jpg) no-repeat left;
  padding: 5px 0 5px 25px;
  font-weight: bold;
}

.ordenpaginas {
  background: url(../images/move.png) no-repeat left;
  padding-left: 15px;
  font-weight: bold;
}

.ordenhiijos {
  background: url(../images/move.png) no-repeat left;
  padding-left: 15px;
  font-weight: bold;
}

.aceptar {
  background: url(../images/icon_accept.png) no-repeat left;
  padding-left: 15px;
  font-weight: bold;
}




.puborig {
  font-size: 10px;
  font-weight: bold;
}

/*
	Input elements style
*/

input.search {
  background: transparent;
  border: 0;
}



/*  LOGIN  */
body.login {
  background: #aaa;
  position: relative;
}

#login {
  margin: auto;
  vertical-align: middle;
  background: #FFF;
  padding: 20px;
  -webkit-box-shadow: -10px 10px 77px -12px rgba(0, 0, 0, 0.53);
  -moz-box-shadow: -10px 10px 77px -12px rgba(0, 0, 0, 0.53);
  box-shadow: -10px 10px 77px -12px rgba(0, 0, 0, 0.53);
}

#login .logo {
  width: 100%;
}

#login .logo img {
  max-width: 100%;
}

#login .logo a {
  display: block;
  text-align: center;
  margin-bottom: 30px;
  -o-transition: all 700ms;
  -moz-transition: all 700ms;
  -webkit-transition: all 700ms;
  transition: all 700ms;
  opacity: 1;
}

#login .logo a:link {}

#login .logo a:visited {}

#login .logo a:hover {
  opacity: 0.7;
}

#login .logo a:active {}

#login .input-fields {
  border-radius: 2px;
}

#login>span {
  display: block;
  text-align: Center;
  margin: 25px 0 0 0;
  font-size: 15px;
  color: #899197;
}

#login>span a {
  color: #fff;
  text-decoration: underline;
  margin-left: 10px;
}

.wrapper-login {
  margin-bottom: 20px;
}

.wrapper-login input {
  display: block;
  border: none;
  width: 100%;
  height: 43px;
  padding: 0 5px;
  font-size: 15px;
  color: #96999f;
  line-height: 43px;
}

.wrapper-login input.user {
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #e5e7e8;
  font-weight: 500;
}

.wrapper-login input.user:focus {
  background: #fff;
}

.login-button {
  width: 100%
}

.loginlink {
  text-align: center;
  margin: 10px auto 5px auto;
}

.loginlink a {
  text-align: center;
  font-size: 1.4em;
  color: #306D1E
}

.loginlink a:hover {
  color: #000000
}

.menuAcciones {
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100%;
  background-color: #CCC;
  padding: 5px 10px 5px 10px;
  z-index: 999999999
}

.menuAcciones .msgaccionupd {
  display: inline-block;
  margin: 0 0 0 5px;
  color: #000000;
  font-weight: bold;
}


.menubarra ul li a.publicar {
  color: #060;
}

.menubarra ul li a.publicar {
  color: #030;
}

.menubarra ul li a.eliminar {
  color: #F00;
}

.menubarra ul li a.eliminar:hover {
  color: #900;
}


.menubarra .disabled a.publicar,
.menubarra .disabled a.eliminar {
  background: #FBFBFB;
  color: #C2C2C2
}

.menubarra .disabled a.publicar:hover,
.menubarra .disabled a.eliminar:hover {
  background: #FBFBFB;
  color: #C2C2C2;
  border-color: #dcdcdc;
}


.boton-default {
  
  cursor: pointer;
  border-radius: 100px;
  padding: 5px 25px;
  gap: 6px;
  background-color: #8FB5DB;
  color: #022845;
  font-style: 'Poppins';
  font-size: 14px;
  letter-spacing: 0.1px;
  text-align: center;
  opacity: 1;
  

    font-weight: 600;
    font-style: SemiBold;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-align: center;
    vertical-align: middle;
     text-decoration: none !important;

}
.boton-check {
  
  cursor: pointer;
  border-radius: 100px;
  padding: 5px 25px;
  gap: 6px;
  background-color: #9edb8f;
  color: #022845;
  font-style: 'Poppins';
  font-size: 14px;
  letter-spacing: 0.1px;
  text-align: center;
  opacity: 1;
  

    font-weight: 600;
    font-style: SemiBold;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-align: center;
    vertical-align: middle;
     text-decoration: none !important;

}

.boton-volver{
    cursor: pointer;
    border-radius: 100px;
    padding: 5px 25px;
    gap: 6px;
    background-color: #ffffff00;
    color: #022845;

    border: 2px solid #003760 ;
    font-style: 'Poppins';
    font-size: 14px;
    letter-spacing: 0.1px;
    text-align: center;
    opacity: 1;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none !important;
}
.boton-bloquear{
    cursor: pointer;
    border-radius: 100px;
    padding: 5px 25px;
    gap: 6px;
    background-color: #e95b5b;
    color: #022845;

    border: 2px solid #a10000 ;
    font-style: 'Poppins';
    font-size: 14px;
    letter-spacing: 0.1px;
    text-align: center;
    opacity: 1;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none !important;
}



.boton.azul {
  background-color: #69F !important;
  color: #FFF !important;
  border: 2px solid #69F !important;
  border-radius: 10px;
}

.boton.base {
  background-color: #FFFFFF;
  color: #818689 !important;
  border: 2px solid #e1e3e5 !important;
  border-radius: 10px;
}

.boton.base:hover {
  transition: all 160ms ease 0s;
  background-color: #e1e3e5 !important;
}

.boton.ancho100 {
  width: 100%;
  text-align: center;
}

.boton.descargarpdf {
  background-color: #FFF;
  color: #333 !important;
  border: 2px solid #F00 !important;
}

.boton.descargarpdf .fa {
  color: #F00 !important;
}


.chart.red.scaleColor {
  color: gold !important;
  background: gold !important;
}

.chart {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 150px;
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}

.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.percent {
  display: inline-block;
  line-height: 130px;
  z-index: 2;
  font-size: 36px;
  color: #3498db;
  font-weight: 400;
}

.chart.red .percent {
  color: #E64D5F !important;
}

.chart.green .percent {
  color: #2ABC68 !important;
}

.chart p {
  height: 20px;
  width: 101px;
  position: Absolute;
  bottom: 33px;
  left: 24px;
  font-size: 12px;
  color: #798189;
  font-weight: 500;
}


.angular {
  margin-top: 100px;
}

.angular .chart {
  margin-top: 0;
}

/* index chart */

.average-statistics-wrapper {
  height: 45px;
  border-top: 1px solid #E5E5E5;
  background-color: #4282c2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  padding: 5px;
  margin: 10px;

}

.average-statistics-wrapper h3 {
  padding: 0;
  margin: 0;
  color: aliceblue
}

.average-statistics-wrapper .button-dropdown {
  width: auto !important;
  margin: 12px 0px 0 0 !important;
}

.wrapper-dashboard {
  margin-top: 55px;
  margin-bottom: 15px;
}

.index-chart {
  height: 435px;
  width: 100%;
}

.wrapper-circle-charts {
  /*background:#fbfbfb url("images/back-shadow-style.png") repeat-x scroll left bottom;
  border-top:1px solid #E5E5E5;*/
  text-align: center;
}

.wrapper-circle-charts .wrp {
  display: inline-block;
  padding-bottom: 35px;
}

.wrapper-circle-charts .wrp .chart {
  margin-right: 5px;
  margin-top: 25px;
  margin-bottom: 0;
}

/*.wrapper-circle-charts .wrp .chart:last-child { margin:0 !important; }*/

.container.dashboard #messages-wrapper .m-sidebar {
  margin-bottom: 20px;
}

.container.dashboard .m-sidebar .button-dropdown {
  margin-right: -10px;
}

.container.dashboard #messages-wrapper .m-sidebar h3 {
  padding-left: 5px;
}

body .container.dashboard #messages-wrapper li>h3 {
  padding-left: 0 !important;
}

.button-dropdown.user-drop {
  padding-top: 2px !important;
}


.toggle-light {
  margin-bottom: 15px;
}

.blue-toggle .toggle-on {
  background: #3498db url('images/back-toggle-checked.png') no-repeat 11px 8px !important;
}

.blue-toggle .toggle-off {
  background-color: #3498db !important;
}

.grey-toggle .toggle-on {
  background: #E1E1E1;
}

.grey-toggle .toggle-off {
  background: #E1E1E1;
}

.red-toggle .toggle-on {
  background: #E65062;
}

.red-toggle .toggle-off {
  background: #E65062;
}



.wrapper-items li {
  display: block;
  background-color: #FBFCFC;
  position: relative;
  cursor: pointer;
  transition: all 160ms;
}

.wrapper-items li:first-child {}

.wrapper-items li:hover {
  background-color: #fff;
}

.wrapper-items li:hover .bar {
  display: block;
}

.wrapper-items img {
  position: absolute;
  top: 25px;
  left: 25px;
}

.wrapper-items>div {
  float: left;
}

.wrapper-items p {
  display: block;
  font-size: 14px;
  color: #959da5;
  margin: 0;
  line-height: 20px;
}

.wrapper-items h3 {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  color: #37434f;
  margin: 0 0 10px 0;
}

.wrapper-items h3>span {
  color: #37434f;
  display: inline-block;
  float: right;
  text-transform: uppercase;
  color: #BFC3C6;
  font-size: 10px;
}

.wrapper-items li .bar {
  width: 5px;
  background: #348FCD;
  position: Absolute;
  top: 0;
  bottom: 0;
  right: -5px;
  display: none;
  transition: all 200ms;
}

/* panels */

.panel-widget {
  height: 45px;
  position: relative;
  border-radius: 2px 2px 0 0;
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  background-color: aliceblue
}

.panel-widget>span {
  font-family: 'Raleway' !important;
  font-size: 1.5em;
  display: block;
  height: 45px;
  line-height: 50px;
  font-weight: 300 !important;
  padding-left: 13px;
}

.panel-widget .button-dropdown {
  width: 70px;
  display: block;
  position: Absolute;
  right: 0;
  top: 0;
  height: 53px;
  -o-transition: all 160ms;
  -moz-transition: all 160ms;
  -webkit-transition: all 160ms;
  transition: all 160ms;
  border: none;
  border-radius: 0;
}

.panel-widget button.btn-default {
  height: 60px;
  width: 70px;
  position: Absolute;
  right: 0;
  top: 0;
  background: #2c363f url('images/icon-panel-settings.png') no-repeat center center !important;
  border-top-right-radius: 2px;
}

.panel-widget button.btn-default:hover {
  background: #1a2025 url('images/icon-panel-settings.png') no-repeat center center !important;
}

.panel-widget .btn-group.open .dropdown-menu .pin {
  left: 28px !important;
  ;
}

.panel-widget .btn-group.open .dropdown-menu {
  margin-top: 3px !important;
}

.widget-wrapper {
  border-radius: 1px;
}

.w-435 {
  width: 435px;
}

.widget-wrapper .content {
  padding-left: 13px;
  background: #fbfbfb url("images/back-shadow-style.png") repeat-x scroll left bottom;
}

.widget-wrapper .content.extra {
  padding: 25px 25px 15px 25px;
}

.widget-wrapper .options {
  height: 40px;
  background: #f4f5f5;
  border-bottom: 1px solid #d7dada;
  border-left: 1px solid #d7dada;
  border-right: 1px solid #d7dada;
}

.widget-wrapper .options a {
  display: block;
  height: 40px;
  line-height: 40px;
  float: right;
  padding-right: 25px;
  font-size: 15px;
  color: #3498db;
  text-decoration: underline;
}


.panel-default {
  border: 1px solid #E5E5E5;
}

.panel.basic .panel-body {
  min-height: 60px;
  padding: 0 0 0 15px;
  line-height: 60px;
}

.panel-easy {
  border: none;
}

.panel-easy .panel-heading {
  background: #37434f;
  color: #2ecc71;
  font-weight: bold;
  border: none;
}

.panel-easy .panel-body {
  border-bottom: 1px solid #e1e2e1;
  border-right: 1px solid #e1e2e1;
  border-left: 1px solid #e1e2e1;
}

.panel.easy {
  transition: all 300ms;
}

.panel.easy:hover {
  opacity: 1;
}

.panel.easy .panel-body {
  color: #899197;
  padding: 25px;
  background: url("images/back-shadow-style.png") repeat-x scroll left bottom #fff;
}

.panel.easy.drag {
  cursor: pointer;
}

.panel.easy.drag:hover {
  opacity: 1;
}



@-webkit-keyframes gradientShift {
  0% {
    background-position-x: 0px;
  }

  100% {
    background-position-x: 120px;
  }
}

@-moz-keyframes gradientShift {
  0% {
    background-position: 0px 0;
  }

  100% {
    background-position: 120px 0;
  }
}


.tabla_titulo {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

.data {
  border-collapse: collapse;
  width: 100%;
  border-left: 1px solid #686868;
  border-right: 1px solid #686868;
  font: 14px 'Trebuchet MS', helvetica, arial, verdana;
  color: #333;
}

.data td,
.data th {
  padding: 5px;
}

.data th {
  background-color: #4282c2;
  color: white;
  font-weight: bold;
  text-align: center;
  font-size: larger;
}

.data a {
  color: #950000;
  text-decoration: none;
}

.data a:link {
  color: #950000;
}

.data a:visited {
  font-weight: normal;
  color: #950000;
  text-decoration: line-through;
}

.data a:hover {
  border-bottom: 1px dashed #bbb;
}

.data thead th,
.data tfoot th,
.data tfoot td {
  background: #333 repeat-x;
  color: #fff;
  border: 1px solid #000;
}

.data tfoot td {
  text-align: right
}

.data tbody th,
.data tbody td {
  border: 2px solid #4282c2;
}

.data tbody th {
  white-space: nowrap;
}

.data tbody th a {
  color: #333;
}

.data tbody tr:hover {
  background: #fafafa
}



.alert_success,
.alert_error {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  border: 1px solid #CCC;
  background: #F2F2F2
}

.alert_success img,
.alert_error img {
  margin-right: 10px;
}





div.tableContainer {
  clear: both;
  border: 1px solid #CCCCCC;
  height: 285px;
  overflow: auto;
  width: 756px
}

html>body div.tableContainer {
  overflow: hidden;
  width: 756px
}

div.tableContainer table {
  float: left;
  width: 740px
}

html>body div.tableContainer table {
  width: 756px
}

thead.fixedHeader tr {
  position: relative
}

html>body thead.fixedHeader tr {
  display: block
}

thead.fixedHeader th {
  background: #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  font-weight: normal;
  padding: 4px 3px;
  text-align: left
}

thead.fixedHeader a,
thead.fixedHeader a:link,
thead.fixedHeader a:visited {
  color: #FFF;
  display: block;
  text-decoration: none;
  width: 100%
}

thead.fixedHeader a:hover {
  color: #FFF;
  display: block;
  text-decoration: underline;
  width: 100%
}

html>body tbody.scrollContent {
  display: block;
  height: 262px;
  overflow: auto;
  width: 100%
}

tbody.scrollContent td,
tbody.scrollContent tr.normalRow td {
  background: #FFF;
  border-bottom: none;
  border-left: none;
  border-right: 1px solid #CCC;
  border-top: 1px solid #DDD;
  padding: 2px 3px 3px 4px
}

tbody.scrollContent tr.alternateRow td {
  background: #EEE;
  border-bottom: none;
  border-left: none;
  border-right: 1px solid #CCC;
  border-top: 1px solid #DDD;
  padding: 2px 3px 3px 4px
}

html>body thead.fixedHeader th {
  width: 200px
}

html>body thead.fixedHeader th+th {
  width: 240px
}

html>body thead.fixedHeader th+th+th {
  width: 316px
}

html>body tbody.scrollContent td {
  width: 200px
}

html>body tbody.scrollContent td+td {
  width: 240px
}

html>body tbody.scrollContent td+td+td {
  width: 300px
}



.menubarraInferior {
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100%;
  background-color: #CCC;
  padding: 5px 10px 0 10px;
  z-index: 999999999
}

.menubarraInferior{
  float: left;
}

.menubarraInferior .msgaccionupd {
  float: left;
  margin: 10px;
  color: #000000;
  font-weight: bold;
}

#ImgCategoria img {
  background-color: #EBEBEB;
  padding: 15px;
}


/* nuevo!!*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 10px 0;
  padding: 0;

}
h1{
  text-align: center;
}

#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background-color: white;

}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  min-height: 88vh;
}

.navbar {
  height: 59px;
  background: #FFF;
  border-bottom: none !important;
  padding: 0;
  border-radius: 0;
  border: none;
  margin-bottom: 0px !important;
}

.navbar ul {
  margin-bottom: 0px !important;
}

.navbar-default {
  height: 7vh;
  background: #003760;
  border-color: #003760;
  min-height: 65px;
}

.navbar-header {
  width: 305px;
  height: 60px;
  position: relative;
  float: left;
  transition: all 1s;
  background: #003760 !important;

  /*background: -moz-linear-gradient(left, rgba(118,30,117,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(122,122,122,0)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(118,30,117,1) 0%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(118,30,117,1) 0%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(118,30,117,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(118,30,117,1) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#ffffff', GradientType=1 );*/
}

/*

.navbar-header:hover, .navbar-header:focus, .navbar-header:active, .navbar-header.active { 
background: rgba(79,42,79,1);
background: -moz-linear-gradient(left, rgba(79,42,79,1) 0%, rgba(118,30,117,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(79,42,79,1)), color-stop(100%, rgba(118,30,117,1)));
background: -webkit-linear-gradient(left, rgba(79,42,79,1) 0%, rgba(118,30,117,1) 100%);
background: -o-linear-gradient(left, rgba(79,42,79,1) 0%, rgba(118,30,117,1) 100%);
background: -ms-linear-gradient(left, rgba(79,42,79,1) 0%, rgba(118,30,117,1) 100%);
background: linear-gradient(to right, rgba(79,42,79,1) 0%, rgba(118,30,117,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#452645', endColorstr='#761e75', GradientType=1 );
}
*/
.navbar-toggle {
  display: none !important;
}

.verde .navbar-collapse,
.verde .navbar-header,
.verde .navbar-default .navbar-nav>li>a {
  background-color: #a9e467 !important
}

.azul .navbar-collapse,
.azul .navbar-header,
.azul .navbar-default .navbar-nav>li>a {
  background-color: #6c7e9e !important
}

.rosa .navbar-collapse,
.rosa .navbar-header,
.rosa .navbar-default .navbar-nav>li>a {
  background-color: #eaaed5 !important
}

.rojo .navbar-collapse,
.rojo .navbar-header,
.rojo .navbar-default .navbar-nav>li>a {
  background-color: #c35e5e !important
}


.ext-universitaria .site-dropdown-two li a,
.ext-universitaria .user-dropdown-two li a,
.ext-universitaria .navbar-collapse,
.ext-universitaria .dropdown.site-dropdown-one {
  background-color: #4282c2 !important
}

.economia .site-dropdown-two li a,
.economia .user-dropdown-two li a,
.economia .navbar-collapse,
.economia .dropdown.site-dropdown-one {
  background-color: #5a4a94 !important
}

.navbar-collapse {
  border-top: 0px;
  background-color: #003760;
}

.navbar-nav {
  margin-top: 0px;
}

#sidebar-exp {
  display: inline-block;
  height: 40px;
  width: 40px;
  background: url('../images/sidebar-exp.png') no-repeat center left;
  opacity: 1;
  transition: all 160ms;
  position: Absolute;
  top: 10px;
  right: 5px;
  cursor: pointer;
}

.dropdown.user-dropdown-one {
  background: #003760;
}

.navbar-default .navbar-nav>li>a {
  color: #000000;
  font-size: 15px;
  -o-transition: all 160ms;
  -moz-transition: all 160ms;
  -webkit-transition: all 160ms;
  transition: all 160ms;
}

.site-dropdown-one a {
  display: flex !important;
  align-items: center;
}

.site-dropdown-one {
  height: 60px;
  border-right: 1px solid #777;
  border-left: 1px solid #777;
  padding: 2px 0 3px 0;
}

.dropdown-menu {
  padding: 0 !important;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
  background: transparent !important;
}

/*.navbar-default .navbar-nav> .site-dropdown-one.open, .navbar-default .navbar-nav>.site-dropdown-one.open:focus, .navbar-default .navbar-nav>.site-dropdown-one.open:hover,.navbar-default .navbar-nav>.site-dropdown-one.open:hover, .navbar-default .navbar-nav>.site-dropdown-one.open:focus, .navbar-default .navbar-nav>.site-dropdown-one.open:active, .navbar-default .navbar-nav .site-dropdown-two:focus , .navbar-default .navbar-nav .site-dropdown-two:active, .navbar-default .navbar-nav .site-dropdown-two:focus, .navbar-default .navbar-nav .site-dropdown-two:hover, .navbar-default .navbar-nav .site-dropdown-two:visited{
background: rgba(118,30,117,1)!important;
background: -moz-linear-gradient(left, rgba(118,30,117,0) 0%, rgba(79,42,79,1) 14%, rgba(79,42,79,1) 87%, rgba(118,30,117,0) 100%)!important;
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(118,30,117,0)), color-stop(14%, rgba(79,42,79,1)), color-stop(87%, rgba(79,42,79,1)), color-stop(100%, rgba(118,30,117,1)))!important;
background: -webkit-linear-gradient(left, rgba(118,30,117,0) 0%, rgba(79,42,79,1) 14%, rgba(79,42,79,1) 87%, rgba(118,30,117,0) 100%)!important;
background: -o-linear-gradient(left, rgba(118,30,117,0) 0%, rgba(79,42,79,1) 14%, rgba(79,42,79,1) 87%, rgba(118,30,117,0) 100%)!important;
background: -ms-linear-gradient(left, rgba(118,30,117,0) 0%, rgba(79,42,79,1) 14%, rgba(79,42,79,1) 87%, rgba(118,30,117,0) 100%)!important;
background: linear-gradient(to right, rgba(118,30,117,0) 0%, rgba(79,42,79,1) 14%, rgba(79,42,79,1) 87%, rgba(118,30,117,0) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#761e75', endColorstr='#761e75', GradientType=1 )!important;
color:#fff!important;
}*/
.site-dropdown-one.open div {
  display: inline-block;
}

.site-dropdown-one a {
  padding-top: 20px;
  height: 100%;
}

.navbar-default .navbar-nav>li.user-dropdown-one>a:hover,
.navbar-default .navbar-nav>li.user-dropdown-one>a:focus,
.navbar-default .navbar-nav>li.user-dropdown-one>a:hover,
.showsumbmenu a.dropdown-toggle,
.showsumbmenu a.dropdown-toggle:hover {

  /*background: rgba(118,30,117,1);
background: -moz-linear-gradient(left, rgba(118,30,117,1) 0%, rgba(79,42,79,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(79,42,79,1)), color-stop(100%, rgba(79,42,79,1)));
background: -webkit-linear-gradient(left, rgba(118,30,117,1) 0%, rgba(79,42,79,1) 100%);
background: -o-linear-gradient(left, rgba(118,30,117,1) 0%, rgba(79,42,79,1) 100%);
background: -ms-linear-gradient(left, rgba(118,30,117,1) 0%, rgba(79,42,79,1) 100%);
background: linear-gradient(to right, rgba(118,30,117,1) 0%, rgba(79,42,79,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#761e75', endColorstr='#755975', GradientType=1 );*/
}

#dropdown-usuario {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

#dropdown-usuario div {
  margin: 0 !important;
  padding: 0 !important;
}

.showsumbmenu ul {
  display: block;
}

.navbar-brand {
  line-height: 30px;
  height: 59px;
  padding: 15px 25px;
  position: relative;
  width: 120px;
  margin-left: 10px;
  background-image: url('../images/logos/logo.png');
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -2000px;
}

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  height: 100%;
  /*line-height: 20px;*/
}

.navbar-default .navbar-nav>.dropdown>a .caret {
  border-top-color: #959DA5;
  border-bottom-color: #959DA5;
}

.caret {
  border-width: 5px 3px 0 3px;
}

.header-drop-right img {
  display: inline-block;
  padding: 0 15px 0 20px;
}

.header-drop-right li a {
  padding: 0 20px 0 25px;
  color: #fff;
}

.nav>li {
  position: relative;
  display: block;
}

.header-notifications {}

.header-notifications li {
  background: #1f87b3;
  display: block;
  width: 55px;
  border-left: 1px solid #49545F;
  height: 60px;
  position: relative;
  float: left;
}

.header-notifications li.last {
  width: 57px;
}

.header-notifications li:last-child {
  border-right: 1px solid #49545F;
}

.header-notifications a {
  color: #CCC;
  font-size: 24px;
}

.header-notifications i {
  padding: 18px 16px;
}

.header-notifications .lbl {
  display: block;
  height: 13px;
  width: 13px;
  display: block;
  background: #E24555;
  font-size: 9px;
  color: #fff;
  line-height: 13px;
  text-align: center;
  position: Absolute;
  top: 15px;
  right: 10px;
}

.header-notifications li li {
  float: none;
  border-left: none;
  background: none;
  width: 250px;
  height: auto;
}

.header-notifications li li a {
  font-size: 14px;
  display: block;
  padding: 10px;
  white-space: normal;
}

.header-notifications li li i {
  padding: 0;
}

.message-dropdown {
  background: #CCC;
  padding: 0 !important;
}

.message-dropdown .message-footer {
  background: #000 !important;
  color: #FFF;
  padding: 0;
  text-align: center
}

.message-dropdown .message-footer a {
  color: #FFF;
  padding: 5px 10px;
}

.message-dropdown .message-footer a {
  color: #FFF;
  padding: 5px 10px;
}

.header-notifications .hours {
  font-size: 10px;
  color: #666;
}

.header-notifications .message-footer .lbl {
  top: 8px;
}

.header-notifications li li.msgnoleido {
  background: #eee
}

.notifications {}

.notifications .notif {
  border-bottom: 1px solid #CCC;
  padding-bottom: 15px;
  padding-top: 15px
}

.notifications .hours {
  font-size: 14px;
  color: #666;
}

.notifications .message-footer .lbl {
  top: 8px;
}

.notifications .msgnoleido {
  background: #eee
}


#body-overlay {
  background: red;
  width: 100vw;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1000;
  background: rgba(44, 54, 63, 0.6);
  display: none;
}

/* menu lateral*/
#wrapper {
  position: relative;
  -o-transition: all 160ms;
  -moz-transition: all 160ms;
  -webkit-transition: all 160ms;
  transition: all 160ms;
  /*min-height: 100%;*/
}

#wrapper.sidebar {
  -o-transition: all 160ms;
  -moz-transition: all 160ms;
  -webkit-transition: all 160ms;
  transition: all 160ms;
  overflow: hidden;
  width: 100%;
  z-index: 9999;
}

#wrapper.sidebar #sidebar {
  left: 0px;
  height: 100vh;
  position: fixed;
  overflow-y: auto;
  padding-bottom: 12vh;
}

/*SCROLLBAR*/
#wrapper.sidebar #sidebar::-webkit-scrollbar {
  width: 8px;
}

#wrapper.sidebar #sidebar::-webkit-scrollbar-track {
  background: #4282c2;
}

#wrapper.sidebar #sidebar::-webkit-scrollbar-thumb {
  background-color: rgb(240, 241, 241);
  border-radius: 10px;
}

#wrapper.sidebar #sidebar::-webkit-scrollbar-thumb:hover {
  background: rgb(240, 241, 241);
}

/**/

#sidebar {
  /*background: #fff;*/
  background-color: #E9EDEF;
  width: 305px !important;
  min-height: 100%;
  position: absolute;
  left: -325px;
  padding: 0px 25px 0 25px;
  -o-transition: all 160ms;
  -moz-transition: all 160ms;
  -webkit-transition: all 160ms;
  transition: all 160ms;
  z-index: 99999;
  font-family: 'Segoe UI', sans-serif !important;
}

#sidebar .drop-area {
  margin-top: 10px;
}

#sidebar .drop-area>li {
  font-size: 24px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0%;
  font-family: 'Poppins', sans-serif !important;
  cursor: pointer;
  transition: all 160ms;
  padding: 14px 15px;

  a {
    color: #022845;
  }


}

.drop-area li:hover>a {
  /*background-color: #e3f2fd; */
  border-radius: 5px;
  font-weight: bold;
  text-decoration: none;


}

/*nuevo*/
#sidebar .drop-area li:hover,
#sidebar .drop-area li.active {
  background-color: #D9D9D9;
  border-radius: 5px;
  cursor: pointer;

  a {

    color: #001642;
    text-decoration: none;
  }
}

#sidebar .drop-area>li {
  /*color: #28a95f !important;*/
}

#sidebar .drop-area>li:hover {
  /*color: #28a95f !important;*/
  /*background-color: #e3f2fd;*/
}

#sidebar .drop-area>li.selected {
  /*background: url('../images/item2.png') no-repeat 3px 0;
  background-color: #e3f2fd;
  font-weight: bold;
  color: #28A95F;*/
  border-radius: 5px;
  text-decoration: none !important;

}

#sidebar .drop-area>li ul {
  /* display: none;
  margin: 20px -25px 0 -55px;
  padding: 15px 0 15px 50px;
  background: url('../images/back-shadow-panel-03.png') , url('../images/back-shadow-panel-02.png');
  background-position: left top, left bottom;
  background-repeat: repeat-x , repeat-x;
  background-color: #e3f2fd;
  background-color: #f9f9fa;*/
  display: none;
  margin: 0;
  padding: 10px;

  background-position: left top, left bottom;
  background-repeat: repeat-x, repeat-x;
}



#sidebar .drop-area>li ul li {
  font-size: 16px;
  color: #ADAEB0;
  margin-bottom: 5px;
}

#sidebar .drop-area>li ul a:hover {
  /*color: #1a64b8 !important;
  */

}

#sidebar .drop-area>li a {
  /*transition: all 160ms;*/
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

#sidebar .drop-area>li.selected {
  /*background: url('../images/item2.png') no-repeat 3px 0;
  color: #28A95F !important;*/
  text-decoration: none;
}

#sidebar .drop-area>li:hover {
  /*color: #28A95F !important;*/
}

#sidebar .drop-area>li ul li {
  font-size: 15px;
  color: #ADAEB0;
}

/*sub menu usuario*/
.menu-logos {
  max-width: 100% !important;
  margin-left: auto;
}

/*.navbar-nav,.site-dropdown-two li, .user-dropdown-two li {
  height: 45px;
  opacity: .9;
  /* width: 185px; */
/*  background: #414A52 url('../images/dropd-1.png') no-repeat 240px 12px !important;
}*/
.site-dropdown-two,
.site-dropdown-one {
  min-width: 100%;
  /* at least the size of the header */
  width: auto;
  /* size the block automatically */
}

/*
.sites-drop
{
width:350px;
}*/
.site-dropdown-two li,
.site-dropdown-one,
.site-dropdown-two li a,
.site-dropdown-two li a div,
.site-dropdown-two {
  white-space: nowrap;
  /* prevent word wrap */

}

.dropdown-menu {
  min-width: 165px;
}

.navbar-right .dropdown-menu {
  right: auto;
  left: 0;
}

.site-dropdown-two,
.user-dropdown-two {
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  border: none;
  right: 19px !important;
  /* width: 100px; */
  width: 100%;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}



.site-dropdown-two li a,
.user-dropdown-two li a {
  color: #003760 !important;
  text-decoration: none;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  padding-left: 20px;
  /* width: 198px; */
  /*border-bottom: 1px solid #407b9d !important;*/
  background: #FBF9F6 !important;
  -o-transition: background-color 700ms;
  -moz-transition: background-color 700ms;
  -webkit-transition: background-color 700ms;
  transition: background-color 700ms;
}
.user-dropdown-two li a :hover{
  background-color: #000 !important;
}
.site-dropdown-two li:last-child,
.user-dropdown-two li:last-child {
  border-radius: 0 0 2px 2px;
}

.user-dropdown-two li.log-out a {
  background: #d8d8d8 !important;
  color: #000 !important;
}

.header-drop-right li a {
  padding: 2px 21px 3px 25px;
  color: #003760 !important;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row:before,
.row:after {
  display: table;
  content: " ";
}

#footer a {
  text-shadow: none !important;
}

#footer a:hover {
  text-decoration: none;
}

#footer {
  height: 6vh;
  background-color: #4684C4;
  color: #ffffff;
  overflow: hidden;
  padding: 10px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  position: fixed;
  width: 100vw;
  left: 0;
  bottom: 0;
  z-index: 1500;
  min-height: 35px;
}

.footer-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  ul {
    margin: 0px;
    font-size: 20px;
  }
}


/*contenedor*/
.bg-periodos {
  margin-top: 10px;
  padding: 10px 0 10px 0;
}

.bg-periodos h2 {
  margin: 0px;
}

.panel-style.space {
  /*padding: 20px 25px;*/
  /*margin: 10px 0 40px 0;*/
  margin: 10px 0 0px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 10px;
  
}


.panel-style h2 {
    color: #1e355d;
    font-size: 2.5rem;
    margin-bottom: 16px;
    font-weight: 600;    
}
.panel-style h1 {
   font-weight: 600     !important;
  color: #1e355d !important;
  margin: 10px 0px;
}

/*---------*/

/* forms!*/

.form input.full-color {
  width: 70%;
  display: inline-block;
}

.ui-jqgrid table {
  border-collapse: inherit !important;
}

.ui-jqgrid .ui-jqgrid-htable {
  font-family: arial, sans-serif !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background-image: none !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  font-weight: normal;
  color: #000000;
}

.ui-jqgrid .ui-jqgrid-htable th {
  height: 30px;
  padding: 0 2px 0 2px;
  font-size: 12px;
}

.ui-corner-all {
  -moz-border-radius-topright: 0px !important;
  -webkit-border-top-right-radius: 0px !important;
  -khtml-border-top-right-radius: 0px !important;
  border-bottom-top-radius: 0px !important;
  -webkit-border-top-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
  -moz-border-radius-topleft: 0px !important;
  -webkit-border-top-left-radius: 0px !important;

  -webkit-border-bottom-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  -moz-border-radius-bottomleft: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;

  -webkit-border-bottom-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  -moz-border-radius-bottomright: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
}

.ui-jqgrid tr.jqgrow td {
  padding: 5px 0;
  font-family: arial, sans-serif !important;
  color: #333 !important;
  font-size: 12px;
}

/*------chozen--------*/
.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  padding: 0px !important;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#PopupMultimedia .ui-tabs a {
  font-size: 12px
}

.qq-upload-button,
.qq-upload-button-hover {
  cursor: pointer
}

/*---------noticias--------*/
/*
#tabs h3 {
  font-weight: bold;
  font-size: 14px;
  padding: 2px;
  margin-bottom: 0px;
  font-weight: bold !important;
}

.multimedia .ui-widget-content {
  border: none !important;
  background: #FFFFFF !important;
  color: #222222;
}

.multimedia .ui-tabs .ui-tabs-nav li {
  font-size: 11px;
}

.multimedia .ui-widget-header {
  border: none !important;
  background: #FFFFFF;
}




/* Hover 
#tabs .ui-tabs-tab:hover:not(.ui-tabs-active) {
  background-color: #e1eaff;
  border-color: #b3d1ff;
  color: #004a99;
  cursor: pointer;
}

.ui-tabs{
  padding: 0px !important;
  border-radius: 10px !important;
}*/


/*tabs nuevas*/
.nav-tabs{
  margin-top: 10px;
}
.nav-tabs > li > a {
  border: 1px solid transparent;
  border-radius: .25rem .25rem 0 0;
  padding: 1rem 2rem;
  color: gray;
  background-color: #f8f9fa;
}

.nav-tabs > li > a:hover {
  background-color: #e9ecef;
  border-color: #dee2e6 #dee2e6 #f8f9fa;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: black;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

/*---------*/


#nombre {
  float: left;
  margin-top: 6%;
  margin-left: 2px
}

#apellido {
  float: left;
  margin-top: 6%;
  margin-left: 2px
}


.base .selected {
  background-color: #666
}

table#TableVariacion {
  width: 100%;
}

table#TableVariacion tr th {
  padding: 10px;
  font-size: 1.3em;
  vertical-align: middle;
  font-weight: 300;
  background-color: #5DA9BF;
  color: #FFF;
  text-align: center;
}

table#TableVariacion tr td {
  padding: 10px 3px;
}

table#TableVariacion tr td input {
  text-align: center;
}

table#TableVariacion tr td.title {
  text-align: left !important;
}

table#TableVariacion tr th.negro {
  color: #555;
}


.page-bar .page-toolbar {
  display: inline-block;
  float: right;
  padding: 0;
}

.page-bar .page-toolbar .btn-fit-height {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.page-md .page-bar .page-toolbar .btn-fit-height {
  padding-top: 9px;
  padding-bottom: 9px;
  box-shadow: none !important;
}


.mt-widget-1 {
  text-align: center;
  position: relative;
}

.mt-widget-1 .mt-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  margin: 7px;
  font-size: 20px;
}

.mt-widget-1 .mt-icon>a>i {
  color: #a1e5e1;
}

.mt-widget-1 .mt-icon>a:hover>i {
  color: #79dad5;
}

.mt-widget-1 .mt-img {
  display: inline-block;
  border-radius: 50% !important;
  border: 4px solid #e7ecf1;
  margin: 5px 0 10px 0;
}

.mt-widget-1 .mt-img>img {
  border: 1px solid trnsparent;
  border-radius: 50% !important;
}

.mt-widget-1 .mt-body .mt-username {
  text-align: center;
  margin: 5px 10px;
  font-weight: 600;
  font-size: 16px;
}

.mt-widget-1 .mt-body .mt-user-title {
  text-align: left;
  margin: 2px 10px 2px 10px;
  color: #666666;
  padding: 0;
  font-size: 13px;
}

.mt-widget-1 .mt-body .mt-stats {
  margin: 30px 0px 0px 0px;
}

.mt-widget-1 .mt-body .mt-stats .btn-group {
  border-top: 1px solid #e7ecf1;
}

.mt-widget-1 .mt-body .mt-stats .btn-group .btn {
  padding: 10px 10px;
  font-size: 14px;
  border-right: 1px solid #e7ecf1;
}

.mt-widget-1 .mt-body .mt-stats .btn-group .btn:hover {
  background-color: #e7ecf1;
}

.mt-widget-1 .mt-body .mt-stats .btn-group .btn:last-child {
  border: 0;
}

.mt-widget-1 .mt-body .mt-stats .btn-group .btn>i {
  position: relative;
  top: 3px;
  right: 2px;
  font-size: 16px;
}

.mt-widget-1 .mt-body .mt-stats .btn-group .btn:first-child {
  border-bottom-left-radius: 4px !important;
}

.mt-widget-1 .mt-body .mt-stats .btn-group .btn:last-child {
  border-bottom-right-radius: 4px !important;
}

/***
Custom color buttons 
***/
.bg-white {
  background: #ffffff !important;
}

.bg-white-opacity {
  background: rgba(255, 255, 255, 0.8) !important;
}

.bg-hover-white:hover {
  background: #ffffff !important;
}

.font-white {
  color: #ffffff !important;
}

.bg-font-white {
  color: #666 !important;
}

.border-white {
  border-color: #ffffff !important;
}

.border-top-white {
  border-top-color: #ffffff !important;
}

.border-bottom-white {
  border-bottom-color: #ffffff !important;
}

.border-left-white {
  border-left-color: #ffffff !important;
}

.border-right-white {
  border-right-color: #ffffff !important;
}

.bg-before-white:before,
.bg-after-white:after {
  background: #ffffff !important;
}

.border-before-white:before,
.border-after-white:after {
  border-color: #ffffff !important;
}

.border-top-before-white:before,
.border-top-after-white:after {
  border-top-color: #ffffff !important;
}

.border-bottom-before-white:before,
.border-bottom-after-white:after {
  border-bottom-color: #ffffff !important;
}

.border-left-before-white:before,
.border-left-after-white:after {
  border-left-color: #ffffff !important;
}

.border-right-before-white:before,
.border-right-after-white:after {
  border-right-color: #ffffff !important;
}

.bg-default {
  background: #e1e5ec !important;
}

.bg-default-opacity {
  background: rgba(225, 229, 236, 0.8) !important;
}

.bg-hover-default:hover {
  background: #e1e5ec !important;
}

.font-default {
  color: #e1e5ec !important;
}

.bg-font-default {
  color: #666 !important;
}

.border-default {
  border-color: #e1e5ec !important;
}

.border-top-default {
  border-top-color: #e1e5ec !important;
}

.border-bottom-default {
  border-bottom-color: #e1e5ec !important;
}

.border-left-default {
  border-left-color: #e1e5ec !important;
}

.border-right-default {
  border-right-color: #e1e5ec !important;
}

.bg-before-default:before,
.bg-after-default:after {
  background: #e1e5ec !important;
}

.border-before-default:before,
.border-after-default:after {
  border-color: #e1e5ec !important;
}

.border-top-before-default:before,
.border-top-after-default:after {
  border-top-color: #e1e5ec !important;
}

.border-bottom-before-default:before,
.border-bottom-after-default:after {
  border-bottom-color: #e1e5ec !important;
}

.border-left-before-default:before,
.border-left-after-default:after {
  border-left-color: #e1e5ec !important;
}

.border-right-before-default:before,
.border-right-after-default:after {
  border-right-color: #e1e5ec !important;
}

.bg-dark {
  background: #2f353b !important;
}

.bg-dark-opacity {
  background: rgba(47, 53, 59, 0.8) !important;
}

.bg-hover-dark:hover {
  background: #2f353b !important;
}

.font-dark {
  color: #2f353b !important;
}

.bg-font-dark {
  color: #FFFFFF !important;
}

.border-dark {
  border-color: #2f353b !important;
}

.border-top-dark {
  border-top-color: #2f353b !important;
}

.border-bottom-dark {
  border-bottom-color: #2f353b !important;
}

.border-left-dark {
  border-left-color: #2f353b !important;
}

.border-right-dark {
  border-right-color: #2f353b !important;
}

.bg-before-dark:before,
.bg-after-dark:after {
  background: #2f353b !important;
}

.border-before-dark:before,
.border-after-dark:after {
  border-color: #2f353b !important;
}

.border-top-before-dark:before,
.border-top-after-dark:after {
  border-top-color: #2f353b !important;
}

.border-bottom-before-dark:before,
.border-bottom-after-dark:after {
  border-bottom-color: #2f353b !important;
}

.border-left-before-dark:before,
.border-left-after-dark:after {
  border-left-color: #2f353b !important;
}

.border-right-before-dark:before,
.border-right-after-dark:after {
  border-right-color: #2f353b !important;
}

.bg-blue {
  background: #3598dc !important;
}

.bg-blue-opacity {
  background: rgba(53, 152, 220, 0.8) !important;
}

.bg-hover-blue:hover {
  background: #3598dc !important;
}

.font-blue {
  color: #3598dc !important;
}

.bg-font-blue {
  color: #FFFFFF !important;
}

.border-blue {
  border-color: #3598dc !important;
}

.border-top-blue {
  border-top-color: #3598dc !important;
}

.border-bottom-blue {
  border-bottom-color: #3598dc !important;
}

.border-left-blue {
  border-left-color: #3598dc !important;
}

.border-right-blue {
  border-right-color: #3598dc !important;
}

.bg-before-blue:before,
.bg-after-blue:after {
  background: #3598dc !important;
}

.border-before-blue:before,
.border-after-blue:after {
  border-color: #3598dc !important;
}

.border-top-before-blue:before,
.border-top-after-blue:after {
  border-top-color: #3598dc !important;
}

.border-bottom-before-blue:before,
.border-bottom-after-blue:after {
  border-bottom-color: #3598dc !important;
}

.border-left-before-blue:before,
.border-left-after-blue:after {
  border-left-color: #3598dc !important;
}

.border-right-before-blue:before,
.border-right-after-blue:after {
  border-right-color: #3598dc !important;
}

.bg-blue-madison {
  background: #578ebe !important;
}

.bg-blue-madison-opacity {
  background: rgba(87, 142, 190, 0.8) !important;
}

.bg-hover-blue-madison:hover {
  background: #578ebe !important;
}

.font-blue-madison {
  color: #578ebe !important;
}

.bg-font-blue-madison {
  color: #FFFFFF !important;
}

.border-blue-madison {
  border-color: #578ebe !important;
}

.border-top-blue-madison {
  border-top-color: #578ebe !important;
}

.border-bottom-blue-madison {
  border-bottom-color: #578ebe !important;
}

.border-left-blue-madison {
  border-left-color: #578ebe !important;
}

.border-right-blue-madison {
  border-right-color: #578ebe !important;
}

.bg-before-blue-madison:before,
.bg-after-blue-madison:after {
  background: #578ebe !important;
}

.border-before-blue-madison:before,
.border-after-blue-madison:after {
  border-color: #578ebe !important;
}

.border-top-before-blue-madison:before,
.border-top-after-blue-madison:after {
  border-top-color: #578ebe !important;
}

.border-bottom-before-blue-madison:before,
.border-bottom-after-blue-madison:after {
  border-bottom-color: #578ebe !important;
}

.border-left-before-blue-madison:before,
.border-left-after-blue-madison:after {
  border-left-color: #578ebe !important;
}

.border-right-before-blue-madison:before,
.border-right-after-blue-madison:after {
  border-right-color: #578ebe !important;
}

.bg-blue-chambray {
  background: #2C3E50 !important;
}

.bg-blue-chambray-opacity {
  background: rgba(44, 62, 80, 0.8) !important;
}

.bg-hover-blue-chambray:hover {
  background: #2C3E50 !important;
}

.font-blue-chambray {
  color: #2C3E50 !important;
}

.bg-font-blue-chambray {
  color: #FFFFFF !important;
}

.border-blue-chambray {
  border-color: #2C3E50 !important;
}

.border-top-blue-chambray {
  border-top-color: #2C3E50 !important;
}

.border-bottom-blue-chambray {
  border-bottom-color: #2C3E50 !important;
}

.border-left-blue-chambray {
  border-left-color: #2C3E50 !important;
}

.border-right-blue-chambray {
  border-right-color: #2C3E50 !important;
}

.bg-before-blue-chambray:before,
.bg-after-blue-chambray:after {
  background: #2C3E50 !important;
}

.border-before-blue-chambray:before,
.border-after-blue-chambray:after {
  border-color: #2C3E50 !important;
}

.border-top-before-blue-chambray:before,
.border-top-after-blue-chambray:after {
  border-top-color: #2C3E50 !important;
}

.border-bottom-before-blue-chambray:before,
.border-bottom-after-blue-chambray:after {
  border-bottom-color: #2C3E50 !important;
}

.border-left-before-blue-chambray:before,
.border-left-after-blue-chambray:after {
  border-left-color: #2C3E50 !important;
}

.border-right-before-blue-chambray:before,
.border-right-after-blue-chambray:after {
  border-right-color: #2C3E50 !important;
}

.bg-blue-ebonyclay {
  background: #22313F !important;
}

.bg-blue-ebonyclay-opacity {
  background: rgba(34, 49, 63, 0.8) !important;
}

.bg-hover-blue-ebonyclay:hover {
  background: #22313F !important;
}

.font-blue-ebonyclay {
  color: #22313F !important;
}

.bg-font-blue-ebonyclay {
  color: #FFFFFF !important;
}

.border-blue-ebonyclay {
  border-color: #22313F !important;
}

.border-top-blue-ebonyclay {
  border-top-color: #22313F !important;
}

.border-bottom-blue-ebonyclay {
  border-bottom-color: #22313F !important;
}

.border-left-blue-ebonyclay {
  border-left-color: #22313F !important;
}

.border-right-blue-ebonyclay {
  border-right-color: #22313F !important;
}

.bg-before-blue-ebonyclay:before,
.bg-after-blue-ebonyclay:after {
  background: #22313F !important;
}

.border-before-blue-ebonyclay:before,
.border-after-blue-ebonyclay:after {
  border-color: #22313F !important;
}

.border-top-before-blue-ebonyclay:before,
.border-top-after-blue-ebonyclay:after {
  border-top-color: #22313F !important;
}

.border-bottom-before-blue-ebonyclay:before,
.border-bottom-after-blue-ebonyclay:after {
  border-bottom-color: #22313F !important;
}

.border-left-before-blue-ebonyclay:before,
.border-left-after-blue-ebonyclay:after {
  border-left-color: #22313F !important;
}

.border-right-before-blue-ebonyclay:before,
.border-right-after-blue-ebonyclay:after {
  border-right-color: #22313F !important;
}

.bg-blue-hoki {
  background: #67809F !important;
}

.bg-blue-hoki-opacity {
  background: rgba(103, 128, 159, 0.8) !important;
}

.bg-hover-blue-hoki:hover {
  background: #67809F !important;
}

.font-blue-hoki {
  color: #67809F !important;
}

.bg-font-blue-hoki {
  color: #FFFFFF !important;
}

.border-blue-hoki {
  border-color: #67809F !important;
}

.border-top-blue-hoki {
  border-top-color: #67809F !important;
}

.border-bottom-blue-hoki {
  border-bottom-color: #67809F !important;
}

.border-left-blue-hoki {
  border-left-color: #67809F !important;
}

.border-right-blue-hoki {
  border-right-color: #67809F !important;
}

.bg-before-blue-hoki:before,
.bg-after-blue-hoki:after {
  background: #67809F !important;
}

.border-before-blue-hoki:before,
.border-after-blue-hoki:after {
  border-color: #67809F !important;
}

.border-top-before-blue-hoki:before,
.border-top-after-blue-hoki:after {
  border-top-color: #67809F !important;
}

.border-bottom-before-blue-hoki:before,
.border-bottom-after-blue-hoki:after {
  border-bottom-color: #67809F !important;
}

.border-left-before-blue-hoki:before,
.border-left-after-blue-hoki:after {
  border-left-color: #67809F !important;
}

.border-right-before-blue-hoki:before,
.border-right-after-blue-hoki:after {
  border-right-color: #67809F !important;
}

.bg-blue-steel {
  background: #4B77BE !important;
}

.bg-blue-steel-opacity {
  background: rgba(75, 119, 190, 0.8) !important;
}

.bg-hover-blue-steel:hover {
  background: #4B77BE !important;
}

.font-blue-steel {
  color: #4B77BE !important;
}

.bg-font-blue-steel {
  color: #FFFFFF !important;
}

.border-blue-steel {
  border-color: #4B77BE !important;
}

.border-top-blue-steel {
  border-top-color: #4B77BE !important;
}

.border-bottom-blue-steel {
  border-bottom-color: #4B77BE !important;
}

.border-left-blue-steel {
  border-left-color: #4B77BE !important;
}

.border-right-blue-steel {
  border-right-color: #4B77BE !important;
}

.bg-before-blue-steel:before,
.bg-after-blue-steel:after {
  background: #4B77BE !important;
}

.border-before-blue-steel:before,
.border-after-blue-steel:after {
  border-color: #4B77BE !important;
}

.border-top-before-blue-steel:before,
.border-top-after-blue-steel:after {
  border-top-color: #4B77BE !important;
}

.border-bottom-before-blue-steel:before,
.border-bottom-after-blue-steel:after {
  border-bottom-color: #4B77BE !important;
}

.border-left-before-blue-steel:before,
.border-left-after-blue-steel:after {
  border-left-color: #4B77BE !important;
}

.border-right-before-blue-steel:before,
.border-right-after-blue-steel:after {
  border-right-color: #4B77BE !important;
}

.bg-blue-soft {
  background: #4c87b9 !important;
}

.bg-blue-soft-opacity {
  background: rgba(76, 135, 185, 0.8) !important;
}

.bg-hover-blue-soft:hover {
  background: #4c87b9 !important;
}

.font-blue-soft {
  color: #4c87b9 !important;
}

.bg-font-blue-soft {
  color: #FFFFFF !important;
}

.border-blue-soft {
  border-color: #4c87b9 !important;
}

.border-top-blue-soft {
  border-top-color: #4c87b9 !important;
}

.border-bottom-blue-soft {
  border-bottom-color: #4c87b9 !important;
}

.border-left-blue-soft {
  border-left-color: #4c87b9 !important;
}

.border-right-blue-soft {
  border-right-color: #4c87b9 !important;
}

.bg-before-blue-soft:before,
.bg-after-blue-soft:after {
  background: #4c87b9 !important;
}

.border-before-blue-soft:before,
.border-after-blue-soft:after {
  border-color: #4c87b9 !important;
}

.border-top-before-blue-soft:before,
.border-top-after-blue-soft:after {
  border-top-color: #4c87b9 !important;
}

.border-bottom-before-blue-soft:before,
.border-bottom-after-blue-soft:after {
  border-bottom-color: #4c87b9 !important;
}

.border-left-before-blue-soft:before,
.border-left-after-blue-soft:after {
  border-left-color: #4c87b9 !important;
}

.border-right-before-blue-soft:before,
.border-right-after-blue-soft:after {
  border-right-color: #4c87b9 !important;
}

.bg-blue-dark {
  background: #5e738b !important;
}

.bg-blue-dark-opacity {
  background: rgba(94, 115, 139, 0.8) !important;
}

.bg-hover-blue-dark:hover {
  background: #5e738b !important;
}

.font-blue-dark {
  color: #5e738b !important;
}

.bg-font-blue-dark {
  color: #FFFFFF !important;
}

.border-blue-dark {
  border-color: #5e738b !important;
}

.border-top-blue-dark {
  border-top-color: #5e738b !important;
}

.border-bottom-blue-dark {
  border-bottom-color: #5e738b !important;
}

.border-left-blue-dark {
  border-left-color: #5e738b !important;
}

.border-right-blue-dark {
  border-right-color: #5e738b !important;
}

.bg-before-blue-dark:before,
.bg-after-blue-dark:after {
  background: #5e738b !important;
}

.border-before-blue-dark:before,
.border-after-blue-dark:after {
  border-color: #5e738b !important;
}

.border-top-before-blue-dark:before,
.border-top-after-blue-dark:after {
  border-top-color: #5e738b !important;
}

.border-bottom-before-blue-dark:before,
.border-bottom-after-blue-dark:after {
  border-bottom-color: #5e738b !important;
}

.border-left-before-blue-dark:before,
.border-left-after-blue-dark:after {
  border-left-color: #5e738b !important;
}

.border-right-before-blue-dark:before,
.border-right-after-blue-dark:after {
  border-right-color: #5e738b !important;
}

.bg-blue-sharp {
  background: #5C9BD1 !important;
}

.bg-blue-sharp-opacity {
  background: rgba(92, 155, 209, 0.8) !important;
}

.bg-hover-blue-sharp:hover {
  background: #5C9BD1 !important;
}

.font-blue-sharp {
  color: #5C9BD1 !important;
}

.bg-font-blue-sharp {
  color: #FFFFFF !important;
}

.border-blue-sharp {
  border-color: #5C9BD1 !important;
}

.border-top-blue-sharp {
  border-top-color: #5C9BD1 !important;
}

.border-bottom-blue-sharp {
  border-bottom-color: #5C9BD1 !important;
}

.border-left-blue-sharp {
  border-left-color: #5C9BD1 !important;
}

.border-right-blue-sharp {
  border-right-color: #5C9BD1 !important;
}

.bg-before-blue-sharp:before,
.bg-after-blue-sharp:after {
  background: #5C9BD1 !important;
}

.border-before-blue-sharp:before,
.border-after-blue-sharp:after {
  border-color: #5C9BD1 !important;
}

.border-top-before-blue-sharp:before,
.border-top-after-blue-sharp:after {
  border-top-color: #5C9BD1 !important;
}

.border-bottom-before-blue-sharp:before,
.border-bottom-after-blue-sharp:after {
  border-bottom-color: #5C9BD1 !important;
}

.border-left-before-blue-sharp:before,
.border-left-after-blue-sharp:after {
  border-left-color: #5C9BD1 !important;
}

.border-right-before-blue-sharp:before,
.border-right-after-blue-sharp:after {
  border-right-color: #5C9BD1 !important;
}

.bg-blue-oleo {
  background: #94A0B2 !important;
}

.bg-blue-oleo-opacity {
  background: rgba(148, 160, 178, 0.8) !important;
}

.bg-hover-blue-oleo:hover {
  background: #94A0B2 !important;
}

.font-blue-oleo {
  color: #94A0B2 !important;
}

.bg-font-blue-oleo {
  color: #FFFFFF !important;
}

.border-blue-oleo {
  border-color: #94A0B2 !important;
}

.border-top-blue-oleo {
  border-top-color: #94A0B2 !important;
}

.border-bottom-blue-oleo {
  border-bottom-color: #94A0B2 !important;
}

.border-left-blue-oleo {
  border-left-color: #94A0B2 !important;
}

.border-right-blue-oleo {
  border-right-color: #94A0B2 !important;
}

.bg-before-blue-oleo:before,
.bg-after-blue-oleo:after {
  background: #94A0B2 !important;
}

.border-before-blue-oleo:before,
.border-after-blue-oleo:after {
  border-color: #94A0B2 !important;
}

.border-top-before-blue-oleo:before,
.border-top-after-blue-oleo:after {
  border-top-color: #94A0B2 !important;
}

.border-bottom-before-blue-oleo:before,
.border-bottom-after-blue-oleo:after {
  border-bottom-color: #94A0B2 !important;
}

.border-left-before-blue-oleo:before,
.border-left-after-blue-oleo:after {
  border-left-color: #94A0B2 !important;
}

.border-right-before-blue-oleo:before,
.border-right-after-blue-oleo:after {
  border-right-color: #94A0B2 !important;
}

.bg-green {
  background: #32c5d2 !important;
}

.bg-green-opacity {
  background: rgba(50, 197, 210, 0.8) !important;
}

.bg-hover-green:hover {
  background: #32c5d2 !important;
}

.font-green {
  color: #32c5d2 !important;
}

.bg-font-green {
  color: #FFFFFF !important;
}

.border-green {
  border-color: #32c5d2 !important;
}

.border-top-green {
  border-top-color: #32c5d2 !important;
}

.border-bottom-green {
  border-bottom-color: #32c5d2 !important;
}

.border-left-green {
  border-left-color: #32c5d2 !important;
}

.border-right-green {
  border-right-color: #32c5d2 !important;
}

.bg-before-green:before,
.bg-after-green:after {
  background: #32c5d2 !important;
}

.border-before-green:before,
.border-after-green:after {
  border-color: #32c5d2 !important;
}

.border-top-before-green:before,
.border-top-after-green:after {
  border-top-color: #32c5d2 !important;
}

.border-bottom-before-green:before,
.border-bottom-after-green:after {
  border-bottom-color: #32c5d2 !important;
}

.border-left-before-green:before,
.border-left-after-green:after {
  border-left-color: #32c5d2 !important;
}

.border-right-before-green:before,
.border-right-after-green:after {
  border-right-color: #32c5d2 !important;
}

.bg-green-meadow {
  background: #1BBC9B !important;
}

.bg-green-meadow-opacity {
  background: rgba(27, 188, 155, 0.8) !important;
}

.bg-hover-green-meadow:hover {
  background: #1BBC9B !important;
}

.font-green-meadow {
  color: #1BBC9B !important;
}

.bg-font-green-meadow {
  color: #FFFFFF !important;
}

.border-green-meadow {
  border-color: #1BBC9B !important;
}

.border-top-green-meadow {
  border-top-color: #1BBC9B !important;
}

.border-bottom-green-meadow {
  border-bottom-color: #1BBC9B !important;
}

.border-left-green-meadow {
  border-left-color: #1BBC9B !important;
}

.border-right-green-meadow {
  border-right-color: #1BBC9B !important;
}

.bg-before-green-meadow:before,
.bg-after-green-meadow:after {
  background: #1BBC9B !important;
}

.border-before-green-meadow:before,
.border-after-green-meadow:after {
  border-color: #1BBC9B !important;
}

.border-top-before-green-meadow:before,
.border-top-after-green-meadow:after {
  border-top-color: #1BBC9B !important;
}

.border-bottom-before-green-meadow:before,
.border-bottom-after-green-meadow:after {
  border-bottom-color: #1BBC9B !important;
}

.border-left-before-green-meadow:before,
.border-left-after-green-meadow:after {
  border-left-color: #1BBC9B !important;
}

.border-right-before-green-meadow:before,
.border-right-after-green-meadow:after {
  border-right-color: #1BBC9B !important;
}

.bg-green-seagreen {
  background: #1BA39C !important;
}

.bg-green-seagreen-opacity {
  background: rgba(27, 163, 156, 0.8) !important;
}

.bg-hover-green-seagreen:hover {
  background: #1BA39C !important;
}

.font-green-seagreen {
  color: #1BA39C !important;
}

.bg-font-green-seagreen {
  color: #FFFFFF !important;
}

.border-green-seagreen {
  border-color: #1BA39C !important;
}

.border-top-green-seagreen {
  border-top-color: #1BA39C !important;
}

.border-bottom-green-seagreen {
  border-bottom-color: #1BA39C !important;
}

.border-left-green-seagreen {
  border-left-color: #1BA39C !important;
}

.border-right-green-seagreen {
  border-right-color: #1BA39C !important;
}

.bg-before-green-seagreen:before,
.bg-after-green-seagreen:after {
  background: #1BA39C !important;
}

.border-before-green-seagreen:before,
.border-after-green-seagreen:after {
  border-color: #1BA39C !important;
}

.border-top-before-green-seagreen:before,
.border-top-after-green-seagreen:after {
  border-top-color: #1BA39C !important;
}

.border-bottom-before-green-seagreen:before,
.border-bottom-after-green-seagreen:after {
  border-bottom-color: #1BA39C !important;
}

.border-left-before-green-seagreen:before,
.border-left-after-green-seagreen:after {
  border-left-color: #1BA39C !important;
}

.border-right-before-green-seagreen:before,
.border-right-after-green-seagreen:after {
  border-right-color: #1BA39C !important;
}

.bg-green-turquoise {
  background: #36D7B7 !important;
}

.bg-green-turquoise-opacity {
  background: rgba(54, 215, 183, 0.8) !important;
}

.bg-hover-green-turquoise:hover {
  background: #36D7B7 !important;
}

.font-green-turquoise {
  color: #36D7B7 !important;
}

.bg-font-green-turquoise {
  color: #FFFFFF !important;
}

.border-green-turquoise {
  border-color: #36D7B7 !important;
}

.border-top-green-turquoise {
  border-top-color: #36D7B7 !important;
}

.border-bottom-green-turquoise {
  border-bottom-color: #36D7B7 !important;
}

.border-left-green-turquoise {
  border-left-color: #36D7B7 !important;
}

.border-right-green-turquoise {
  border-right-color: #36D7B7 !important;
}

.bg-before-green-turquoise:before,
.bg-after-green-turquoise:after {
  background: #36D7B7 !important;
}

.border-before-green-turquoise:before,
.border-after-green-turquoise:after {
  border-color: #36D7B7 !important;
}

.border-top-before-green-turquoise:before,
.border-top-after-green-turquoise:after {
  border-top-color: #36D7B7 !important;
}

.border-bottom-before-green-turquoise:before,
.border-bottom-after-green-turquoise:after {
  border-bottom-color: #36D7B7 !important;
}

.border-left-before-green-turquoise:before,
.border-left-after-green-turquoise:after {
  border-left-color: #36D7B7 !important;
}

.border-right-before-green-turquoise:before,
.border-right-after-green-turquoise:after {
  border-right-color: #36D7B7 !important;
}

.bg-green-haze {
  background: #44b6ae !important;
}

.bg-green-haze-opacity {
  background: rgba(68, 182, 174, 0.8) !important;
}

.bg-hover-green-haze:hover {
  background: #44b6ae !important;
}

.font-green-haze {
  color: #44b6ae !important;
}

.bg-font-green-haze {
  color: #FFFFFF !important;
}

.border-green-haze {
  border-color: #44b6ae !important;
}

.border-top-green-haze {
  border-top-color: #44b6ae !important;
}

.border-bottom-green-haze {
  border-bottom-color: #44b6ae !important;
}

.border-left-green-haze {
  border-left-color: #44b6ae !important;
}

.border-right-green-haze {
  border-right-color: #44b6ae !important;
}

.bg-before-green-haze:before,
.bg-after-green-haze:after {
  background: #44b6ae !important;
}

.border-before-green-haze:before,
.border-after-green-haze:after {
  border-color: #44b6ae !important;
}

.border-top-before-green-haze:before,
.border-top-after-green-haze:after {
  border-top-color: #44b6ae !important;
}

.border-bottom-before-green-haze:before,
.border-bottom-after-green-haze:after {
  border-bottom-color: #44b6ae !important;
}

.border-left-before-green-haze:before,
.border-left-after-green-haze:after {
  border-left-color: #44b6ae !important;
}

.border-right-before-green-haze:before,
.border-right-after-green-haze:after {
  border-right-color: #44b6ae !important;
}

.bg-green-jungle {
  background: #26C281 !important;
}

.bg-green-jungle-opacity {
  background: rgba(38, 194, 129, 0.8) !important;
}

.bg-hover-green-jungle:hover {
  background: #26C281 !important;
}

.font-green-jungle {
  color: #26C281 !important;
}

.bg-font-green-jungle {
  color: #FFFFFF !important;
}

.border-green-jungle {
  border-color: #26C281 !important;
}

.border-top-green-jungle {
  border-top-color: #26C281 !important;
}

.border-bottom-green-jungle {
  border-bottom-color: #26C281 !important;
}

.border-left-green-jungle {
  border-left-color: #26C281 !important;
}

.border-right-green-jungle {
  border-right-color: #26C281 !important;
}

.bg-before-green-jungle:before,
.bg-after-green-jungle:after {
  background: #26C281 !important;
}

.border-before-green-jungle:before,
.border-after-green-jungle:after {
  border-color: #26C281 !important;
}

.border-top-before-green-jungle:before,
.border-top-after-green-jungle:after {
  border-top-color: #26C281 !important;
}

.border-bottom-before-green-jungle:before,
.border-bottom-after-green-jungle:after {
  border-bottom-color: #26C281 !important;
}

.border-left-before-green-jungle:before,
.border-left-after-green-jungle:after {
  border-left-color: #26C281 !important;
}

.border-right-before-green-jungle:before,
.border-right-after-green-jungle:after {
  border-right-color: #26C281 !important;
}

.bg-green-soft {
  background: #3faba4 !important;
}

.bg-green-soft-opacity {
  background: rgba(63, 171, 164, 0.8) !important;
}

.bg-hover-green-soft:hover {
  background: #3faba4 !important;
}

.font-green-soft {
  color: #3faba4 !important;
}

.bg-font-green-soft {
  color: #FFFFFF !important;
}

.border-green-soft {
  border-color: #3faba4 !important;
}

.border-top-green-soft {
  border-top-color: #3faba4 !important;
}

.border-bottom-green-soft {
  border-bottom-color: #3faba4 !important;
}

.border-left-green-soft {
  border-left-color: #3faba4 !important;
}

.border-right-green-soft {
  border-right-color: #3faba4 !important;
}

.bg-before-green-soft:before,
.bg-after-green-soft:after {
  background: #3faba4 !important;
}

.border-before-green-soft:before,
.border-after-green-soft:after {
  border-color: #3faba4 !important;
}

.border-top-before-green-soft:before,
.border-top-after-green-soft:after {
  border-top-color: #3faba4 !important;
}

.border-bottom-before-green-soft:before,
.border-bottom-after-green-soft:after {
  border-bottom-color: #3faba4 !important;
}

.border-left-before-green-soft:before,
.border-left-after-green-soft:after {
  border-left-color: #3faba4 !important;
}

.border-right-before-green-soft:before,
.border-right-after-green-soft:after {
  border-right-color: #3faba4 !important;
}

.bg-green-dark {
  background: #4DB3A2 !important;
}

.bg-green-dark-opacity {
  background: rgba(77, 179, 162, 0.8) !important;
}

.bg-hover-green-dark:hover {
  background: #4DB3A2 !important;
}

.font-green-dark {
  color: #4DB3A2 !important;
}

.bg-font-green-dark {
  color: #FFFFFF !important;
}

.border-green-dark {
  border-color: #4DB3A2 !important;
}

.border-top-green-dark {
  border-top-color: #4DB3A2 !important;
}

.border-bottom-green-dark {
  border-bottom-color: #4DB3A2 !important;
}

.border-left-green-dark {
  border-left-color: #4DB3A2 !important;
}

.border-right-green-dark {
  border-right-color: #4DB3A2 !important;
}

.bg-before-green-dark:before,
.bg-after-green-dark:after {
  background: #4DB3A2 !important;
}

.border-before-green-dark:before,
.border-after-green-dark:after {
  border-color: #4DB3A2 !important;
}

.border-top-before-green-dark:before,
.border-top-after-green-dark:after {
  border-top-color: #4DB3A2 !important;
}

.border-bottom-before-green-dark:before,
.border-bottom-after-green-dark:after {
  border-bottom-color: #4DB3A2 !important;
}

.border-left-before-green-dark:before,
.border-left-after-green-dark:after {
  border-left-color: #4DB3A2 !important;
}

.border-right-before-green-dark:before,
.border-right-after-green-dark:after {
  border-right-color: #4DB3A2 !important;
}

.bg-green-sharp {
  background: #2ab4c0 !important;
}

.bg-green-sharp-opacity {
  background: rgba(42, 180, 192, 0.8) !important;
}

.bg-hover-green-sharp:hover {
  background: #2ab4c0 !important;
}

.font-green-sharp {
  color: #2ab4c0 !important;
}

.bg-font-green-sharp {
  color: #FFFFFF !important;
}

.border-green-sharp {
  border-color: #2ab4c0 !important;
}

.border-top-green-sharp {
  border-top-color: #2ab4c0 !important;
}

.border-bottom-green-sharp {
  border-bottom-color: #2ab4c0 !important;
}

.border-left-green-sharp {
  border-left-color: #2ab4c0 !important;
}

.border-right-green-sharp {
  border-right-color: #2ab4c0 !important;
}

.bg-before-green-sharp:before,
.bg-after-green-sharp:after {
  background: #2ab4c0 !important;
}

.border-before-green-sharp:before,
.border-after-green-sharp:after {
  border-color: #2ab4c0 !important;
}

.border-top-before-green-sharp:before,
.border-top-after-green-sharp:after {
  border-top-color: #2ab4c0 !important;
}

.border-bottom-before-green-sharp:before,
.border-bottom-after-green-sharp:after {
  border-bottom-color: #2ab4c0 !important;
}

.border-left-before-green-sharp:before,
.border-left-after-green-sharp:after {
  border-left-color: #2ab4c0 !important;
}

.border-right-before-green-sharp:before,
.border-right-after-green-sharp:after {
  border-right-color: #2ab4c0 !important;
}

.bg-green-steel {
  background: #29b4b6 !important;
}

.bg-green-steel-opacity {
  background: rgba(41, 180, 182, 0.8) !important;
}

.bg-hover-green-steel:hover {
  background: #29b4b6 !important;
}

.font-green-steel {
  color: #29b4b6 !important;
}

.bg-font-green-steel {
  color: #FFFFFF !important;
}

.border-green-steel {
  border-color: #29b4b6 !important;
}

.border-top-green-steel {
  border-top-color: #29b4b6 !important;
}

.border-bottom-green-steel {
  border-bottom-color: #29b4b6 !important;
}

.border-left-green-steel {
  border-left-color: #29b4b6 !important;
}

.border-right-green-steel {
  border-right-color: #29b4b6 !important;
}

.bg-before-green-steel:before,
.bg-after-green-steel:after {
  background: #29b4b6 !important;
}

.border-before-green-steel:before,
.border-after-green-steel:after {
  border-color: #29b4b6 !important;
}

.border-top-before-green-steel:before,
.border-top-after-green-steel:after {
  border-top-color: #29b4b6 !important;
}

.border-bottom-before-green-steel:before,
.border-bottom-after-green-steel:after {
  border-bottom-color: #29b4b6 !important;
}

.border-left-before-green-steel:before,
.border-left-after-green-steel:after {
  border-left-color: #29b4b6 !important;
}

.border-right-before-green-steel:before,
.border-right-after-green-steel:after {
  border-right-color: #29b4b6 !important;
}

.bg-grey {
  background: #E5E5E5 !important;
}

.bg-grey-opacity {
  background: rgba(229, 229, 229, 0.8) !important;
}

.bg-hover-grey:hover {
  background: #E5E5E5 !important;
}

.font-grey {
  color: #E5E5E5 !important;
}

.bg-font-grey {
  color: #333333 !important;
}

.border-grey {
  border-color: #E5E5E5 !important;
}

.border-top-grey {
  border-top-color: #E5E5E5 !important;
}

.border-bottom-grey {
  border-bottom-color: #E5E5E5 !important;
}

.border-left-grey {
  border-left-color: #E5E5E5 !important;
}

.border-right-grey {
  border-right-color: #E5E5E5 !important;
}

.bg-before-grey:before,
.bg-after-grey:after {
  background: #E5E5E5 !important;
}

.border-before-grey:before,
.border-after-grey:after {
  border-color: #E5E5E5 !important;
}

.border-top-before-grey:before,
.border-top-after-grey:after {
  border-top-color: #E5E5E5 !important;
}

.border-bottom-before-grey:before,
.border-bottom-after-grey:after {
  border-bottom-color: #E5E5E5 !important;
}

.border-left-before-grey:before,
.border-left-after-grey:after {
  border-left-color: #E5E5E5 !important;
}

.border-right-before-grey:before,
.border-right-after-grey:after {
  border-right-color: #E5E5E5 !important;
}

.bg-grey-steel {
  background: #e9edef !important;
}

.bg-grey-steel-opacity {
  background: rgba(233, 237, 239, 0.8) !important;
}

.bg-hover-grey-steel:hover {
  background: #e9edef !important;
}

.font-grey-steel {
  color: #e9edef !important;
}

.bg-font-grey-steel {
  color: #80898e !important;
}

.border-grey-steel {
  border-color: #e9edef !important;
}

.border-top-grey-steel {
  border-top-color: #e9edef !important;
}

.border-bottom-grey-steel {
  border-bottom-color: #e9edef !important;
}

.border-left-grey-steel {
  border-left-color: #e9edef !important;
}

.border-right-grey-steel {
  border-right-color: #e9edef !important;
}

.bg-before-grey-steel:before,
.bg-after-grey-steel:after {
  background: #e9edef !important;
}

.border-before-grey-steel:before,
.border-after-grey-steel:after {
  border-color: #e9edef !important;
}

.border-top-before-grey-steel:before,
.border-top-after-grey-steel:after {
  border-top-color: #e9edef !important;
}

.border-bottom-before-grey-steel:before,
.border-bottom-after-grey-steel:after {
  border-bottom-color: #e9edef !important;
}

.border-left-before-grey-steel:before,
.border-left-after-grey-steel:after {
  border-left-color: #e9edef !important;
}

.border-right-before-grey-steel:before,
.border-right-after-grey-steel:after {
  border-right-color: #e9edef !important;
}

.bg-grey-cararra {
  background: #fafafa !important;
}

.bg-grey-cararra-opacity {
  background: rgba(250, 250, 250, 0.8) !important;
}

.bg-hover-grey-cararra:hover {
  background: #fafafa !important;
}

.font-grey-cararra {
  color: #fafafa !important;
}

.bg-font-grey-cararra {
  color: #333333 !important;
}

.border-grey-cararra {
  border-color: #fafafa !important;
}

.border-top-grey-cararra {
  border-top-color: #fafafa !important;
}

.border-bottom-grey-cararra {
  border-bottom-color: #fafafa !important;
}

.border-left-grey-cararra {
  border-left-color: #fafafa !important;
}

.border-right-grey-cararra {
  border-right-color: #fafafa !important;
}

.bg-before-grey-cararra:before,
.bg-after-grey-cararra:after {
  background: #fafafa !important;
}

.border-before-grey-cararra:before,
.border-after-grey-cararra:after {
  border-color: #fafafa !important;
}

.border-top-before-grey-cararra:before,
.border-top-after-grey-cararra:after {
  border-top-color: #fafafa !important;
}

.border-bottom-before-grey-cararra:before,
.border-bottom-after-grey-cararra:after {
  border-bottom-color: #fafafa !important;
}

.border-left-before-grey-cararra:before,
.border-left-after-grey-cararra:after {
  border-left-color: #fafafa !important;
}

.border-right-before-grey-cararra:before,
.border-right-after-grey-cararra:after {
  border-right-color: #fafafa !important;
}

.bg-grey-gallery {
  background: #555555 !important;
}

.bg-grey-gallery-opacity {
  background: rgba(85, 85, 85, 0.8) !important;
}

.bg-hover-grey-gallery:hover {
  background: #555555 !important;
}

.font-grey-gallery {
  color: #555555 !important;
}

.bg-font-grey-gallery {
  color: #ffffff !important;
}

.border-grey-gallery {
  border-color: #555555 !important;
}

.border-top-grey-gallery {
  border-top-color: #555555 !important;
}

.border-bottom-grey-gallery {
  border-bottom-color: #555555 !important;
}

.border-left-grey-gallery {
  border-left-color: #555555 !important;
}

.border-right-grey-gallery {
  border-right-color: #555555 !important;
}

.bg-before-grey-gallery:before,
.bg-after-grey-gallery:after {
  background: #555555 !important;
}

.border-before-grey-gallery:before,
.border-after-grey-gallery:after {
  border-color: #555555 !important;
}

.border-top-before-grey-gallery:before,
.border-top-after-grey-gallery:after {
  border-top-color: #555555 !important;
}

.border-bottom-before-grey-gallery:before,
.border-bottom-after-grey-gallery:after {
  border-bottom-color: #555555 !important;
}

.border-left-before-grey-gallery:before,
.border-left-after-grey-gallery:after {
  border-left-color: #555555 !important;
}

.border-right-before-grey-gallery:before,
.border-right-after-grey-gallery:after {
  border-right-color: #555555 !important;
}

.bg-grey-cascade {
  background: #95A5A6 !important;
}

.bg-grey-cascade-opacity {
  background: rgba(149, 165, 166, 0.8) !important;
}

.bg-hover-grey-cascade:hover {
  background: #95A5A6 !important;
}

.font-grey-cascade {
  color: #95A5A6 !important;
}

.bg-font-grey-cascade {
  color: #FFFFFF !important;
}

.border-grey-cascade {
  border-color: #95A5A6 !important;
}

.border-top-grey-cascade {
  border-top-color: #95A5A6 !important;
}

.border-bottom-grey-cascade {
  border-bottom-color: #95A5A6 !important;
}

.border-left-grey-cascade {
  border-left-color: #95A5A6 !important;
}

.border-right-grey-cascade {
  border-right-color: #95A5A6 !important;
}

.bg-before-grey-cascade:before,
.bg-after-grey-cascade:after {
  background: #95A5A6 !important;
}

.border-before-grey-cascade:before,
.border-after-grey-cascade:after {
  border-color: #95A5A6 !important;
}

.border-top-before-grey-cascade:before,
.border-top-after-grey-cascade:after {
  border-top-color: #95A5A6 !important;
}

.border-bottom-before-grey-cascade:before,
.border-bottom-after-grey-cascade:after {
  border-bottom-color: #95A5A6 !important;
}

.border-left-before-grey-cascade:before,
.border-left-after-grey-cascade:after {
  border-left-color: #95A5A6 !important;
}

.border-right-before-grey-cascade:before,
.border-right-after-grey-cascade:after {
  border-right-color: #95A5A6 !important;
}

.bg-grey-silver {
  background: #BFBFBF !important;
}

.bg-grey-silver-opacity {
  background: rgba(191, 191, 191, 0.8) !important;
}

.bg-hover-grey-silver:hover {
  background: #BFBFBF !important;
}

.font-grey-silver {
  color: #BFBFBF !important;
}

.bg-font-grey-silver {
  color: #FAFCFB !important;
}

.border-grey-silver {
  border-color: #BFBFBF !important;
}

.border-top-grey-silver {
  border-top-color: #BFBFBF !important;
}

.border-bottom-grey-silver {
  border-bottom-color: #BFBFBF !important;
}

.border-left-grey-silver {
  border-left-color: #BFBFBF !important;
}

.border-right-grey-silver {
  border-right-color: #BFBFBF !important;
}

.bg-before-grey-silver:before,
.bg-after-grey-silver:after {
  background: #BFBFBF !important;
}

.border-before-grey-silver:before,
.border-after-grey-silver:after {
  border-color: #BFBFBF !important;
}

.border-top-before-grey-silver:before,
.border-top-after-grey-silver:after {
  border-top-color: #BFBFBF !important;
}

.border-bottom-before-grey-silver:before,
.border-bottom-after-grey-silver:after {
  border-bottom-color: #BFBFBF !important;
}

.border-left-before-grey-silver:before,
.border-left-after-grey-silver:after {
  border-left-color: #BFBFBF !important;
}

.border-right-before-grey-silver:before,
.border-right-after-grey-silver:after {
  border-right-color: #BFBFBF !important;
}

.bg-grey-salsa {
  background: #ACB5C3 !important;
}

.bg-grey-salsa-opacity {
  background: rgba(172, 181, 195, 0.8) !important;
}

.bg-hover-grey-salsa:hover {
  background: #ACB5C3 !important;
}

.font-grey-salsa {
  color: #ACB5C3 !important;
}

.bg-font-grey-salsa {
  color: #FAFCFB !important;
}

.border-grey-salsa {
  border-color: #ACB5C3 !important;
}

.border-top-grey-salsa {
  border-top-color: #ACB5C3 !important;
}

.border-bottom-grey-salsa {
  border-bottom-color: #ACB5C3 !important;
}

.border-left-grey-salsa {
  border-left-color: #ACB5C3 !important;
}

.border-right-grey-salsa {
  border-right-color: #ACB5C3 !important;
}

.bg-before-grey-salsa:before,
.bg-after-grey-salsa:after {
  background: #ACB5C3 !important;
}

.border-before-grey-salsa:before,
.border-after-grey-salsa:after {
  border-color: #ACB5C3 !important;
}

.border-top-before-grey-salsa:before,
.border-top-after-grey-salsa:after {
  border-top-color: #ACB5C3 !important;
}

.border-bottom-before-grey-salsa:before,
.border-bottom-after-grey-salsa:after {
  border-bottom-color: #ACB5C3 !important;
}

.border-left-before-grey-salsa:before,
.border-left-after-grey-salsa:after {
  border-left-color: #ACB5C3 !important;
}

.border-right-before-grey-salsa:before,
.border-right-after-grey-salsa:after {
  border-right-color: #ACB5C3 !important;
}

.bg-grey-salt {
  background: #bfcad1 !important;
}

.bg-grey-salt-opacity {
  background: rgba(191, 202, 209, 0.8) !important;
}

.bg-hover-grey-salt:hover {
  background: #bfcad1 !important;
}

.font-grey-salt {
  color: #bfcad1 !important;
}

.bg-font-grey-salt {
  color: #FAFCFB !important;
}

.border-grey-salt {
  border-color: #bfcad1 !important;
}

.border-top-grey-salt {
  border-top-color: #bfcad1 !important;
}

.border-bottom-grey-salt {
  border-bottom-color: #bfcad1 !important;
}

.border-left-grey-salt {
  border-left-color: #bfcad1 !important;
}

.border-right-grey-salt {
  border-right-color: #bfcad1 !important;
}

.bg-before-grey-salt:before,
.bg-after-grey-salt:after {
  background: #bfcad1 !important;
}

.border-before-grey-salt:before,
.border-after-grey-salt:after {
  border-color: #bfcad1 !important;
}

.border-top-before-grey-salt:before,
.border-top-after-grey-salt:after {
  border-top-color: #bfcad1 !important;
}

.border-bottom-before-grey-salt:before,
.border-bottom-after-grey-salt:after {
  border-bottom-color: #bfcad1 !important;
}

.border-left-before-grey-salt:before,
.border-left-after-grey-salt:after {
  border-left-color: #bfcad1 !important;
}

.border-right-before-grey-salt:before,
.border-right-after-grey-salt:after {
  border-right-color: #bfcad1 !important;
}

.bg-grey-mint {
  background: #525e64 !important;
}

.bg-grey-mint-opacity {
  background: rgba(82, 94, 100, 0.8) !important;
}

.bg-hover-grey-mint:hover {
  background: #525e64 !important;
}

.font-grey-mint {
  color: #525e64 !important;
}

.bg-font-grey-mint {
  color: #FFFFFF !important;
}

.border-grey-mint {
  border-color: #525e64 !important;
}

.border-top-grey-mint {
  border-top-color: #525e64 !important;
}

.border-bottom-grey-mint {
  border-bottom-color: #525e64 !important;
}

.border-left-grey-mint {
  border-left-color: #525e64 !important;
}

.border-right-grey-mint {
  border-right-color: #525e64 !important;
}

.bg-before-grey-mint:before,
.bg-after-grey-mint:after {
  background: #525e64 !important;
}

.border-before-grey-mint:before,
.border-after-grey-mint:after {
  border-color: #525e64 !important;
}

.border-top-before-grey-mint:before,
.border-top-after-grey-mint:after {
  border-top-color: #525e64 !important;
}

.border-bottom-before-grey-mint:before,
.border-bottom-after-grey-mint:after {
  border-bottom-color: #525e64 !important;
}

.border-left-before-grey-mint:before,
.border-left-after-grey-mint:after {
  border-left-color: #525e64 !important;
}

.border-right-before-grey-mint:before,
.border-right-after-grey-mint:after {
  border-right-color: #525e64 !important;
}

.bg-red {
  background: #e7505a !important;
}

.bg-red-opacity {
  background: rgba(231, 80, 90, 0.8) !important;
}

.bg-hover-red:hover {
  background: #e7505a !important;
}

.font-red {
  color: #e7505a !important;
}

.bg-font-red {
  color: #ffffff !important;
}

.border-red {
  border-color: #e7505a !important;
}

.border-top-red {
  border-top-color: #e7505a !important;
}

.border-bottom-red {
  border-bottom-color: #e7505a !important;
}

.border-left-red {
  border-left-color: #e7505a !important;
}

.border-right-red {
  border-right-color: #e7505a !important;
}

.bg-before-red:before,
.bg-after-red:after {
  background: #e7505a !important;
}

.border-before-red:before,
.border-after-red:after {
  border-color: #e7505a !important;
}

.border-top-before-red:before,
.border-top-after-red:after {
  border-top-color: #e7505a !important;
}

.border-bottom-before-red:before,
.border-bottom-after-red:after {
  border-bottom-color: #e7505a !important;
}

.border-left-before-red:before,
.border-left-after-red:after {
  border-left-color: #e7505a !important;
}

.border-right-before-red:before,
.border-right-after-red:after {
  border-right-color: #e7505a !important;
}

.bg-red-pink {
  background: #E08283 !important;
}

.bg-red-pink-opacity {
  background: rgba(224, 130, 131, 0.8) !important;
}

.bg-hover-red-pink:hover {
  background: #E08283 !important;
}

.font-red-pink {
  color: #E08283 !important;
}

.bg-font-red-pink {
  color: #ffffff !important;
}

.border-red-pink {
  border-color: #E08283 !important;
}

.border-top-red-pink {
  border-top-color: #E08283 !important;
}

.border-bottom-red-pink {
  border-bottom-color: #E08283 !important;
}

.border-left-red-pink {
  border-left-color: #E08283 !important;
}

.border-right-red-pink {
  border-right-color: #E08283 !important;
}

.bg-before-red-pink:before,
.bg-after-red-pink:after {
  background: #E08283 !important;
}

.border-before-red-pink:before,
.border-after-red-pink:after {
  border-color: #E08283 !important;
}

.border-top-before-red-pink:before,
.border-top-after-red-pink:after {
  border-top-color: #E08283 !important;
}

.border-bottom-before-red-pink:before,
.border-bottom-after-red-pink:after {
  border-bottom-color: #E08283 !important;
}

.border-left-before-red-pink:before,
.border-left-after-red-pink:after {
  border-left-color: #E08283 !important;
}

.border-right-before-red-pink:before,
.border-right-after-red-pink:after {
  border-right-color: #E08283 !important;
}

.bg-red-sunglo {
  background: #E26A6A !important;
}

.bg-red-sunglo-opacity {
  background: rgba(226, 106, 106, 0.8) !important;
}

.bg-hover-red-sunglo:hover {
  background: #E26A6A !important;
}

.font-red-sunglo {
  color: #E26A6A !important;
}

.bg-font-red-sunglo {
  color: #ffffff !important;
}

.border-red-sunglo {
  border-color: #E26A6A !important;
}

.border-top-red-sunglo {
  border-top-color: #E26A6A !important;
}

.border-bottom-red-sunglo {
  border-bottom-color: #E26A6A !important;
}

.border-left-red-sunglo {
  border-left-color: #E26A6A !important;
}

.border-right-red-sunglo {
  border-right-color: #E26A6A !important;
}

.bg-before-red-sunglo:before,
.bg-after-red-sunglo:after {
  background: #E26A6A !important;
}

.border-before-red-sunglo:before,
.border-after-red-sunglo:after {
  border-color: #E26A6A !important;
}

.border-top-before-red-sunglo:before,
.border-top-after-red-sunglo:after {
  border-top-color: #E26A6A !important;
}

.border-bottom-before-red-sunglo:before,
.border-bottom-after-red-sunglo:after {
  border-bottom-color: #E26A6A !important;
}

.border-left-before-red-sunglo:before,
.border-left-after-red-sunglo:after {
  border-left-color: #E26A6A !important;
}

.border-right-before-red-sunglo:before,
.border-right-after-red-sunglo:after {
  border-right-color: #E26A6A !important;
}

.bg-red-intense {
  background: #e35b5a !important;
}

.bg-red-intense-opacity {
  background: rgba(227, 91, 90, 0.8) !important;
}

.bg-hover-red-intense:hover {
  background: #e35b5a !important;
}

.font-red-intense {
  color: #e35b5a !important;
}

.bg-font-red-intense {
  color: #ffffff !important;
}

.border-red-intense {
  border-color: #e35b5a !important;
}

.border-top-red-intense {
  border-top-color: #e35b5a !important;
}

.border-bottom-red-intense {
  border-bottom-color: #e35b5a !important;
}

.border-left-red-intense {
  border-left-color: #e35b5a !important;
}

.border-right-red-intense {
  border-right-color: #e35b5a !important;
}

.bg-before-red-intense:before,
.bg-after-red-intense:after {
  background: #e35b5a !important;
}

.border-before-red-intense:before,
.border-after-red-intense:after {
  border-color: #e35b5a !important;
}

.border-top-before-red-intense:before,
.border-top-after-red-intense:after {
  border-top-color: #e35b5a !important;
}

.border-bottom-before-red-intense:before,
.border-bottom-after-red-intense:after {
  border-bottom-color: #e35b5a !important;
}

.border-left-before-red-intense:before,
.border-left-after-red-intense:after {
  border-left-color: #e35b5a !important;
}

.border-right-before-red-intense:before,
.border-right-after-red-intense:after {
  border-right-color: #e35b5a !important;
}

.bg-red-thunderbird {
  background: #D91E18 !important;
}

.bg-red-thunderbird-opacity {
  background: rgba(217, 30, 24, 0.8) !important;
}

.bg-hover-red-thunderbird:hover {
  background: #D91E18 !important;
}

.font-red-thunderbird {
  color: #D91E18 !important;
}

.bg-font-red-thunderbird {
  color: #ffffff !important;
}

.border-red-thunderbird {
  border-color: #D91E18 !important;
}

.border-top-red-thunderbird {
  border-top-color: #D91E18 !important;
}

.border-bottom-red-thunderbird {
  border-bottom-color: #D91E18 !important;
}

.border-left-red-thunderbird {
  border-left-color: #D91E18 !important;
}

.border-right-red-thunderbird {
  border-right-color: #D91E18 !important;
}

.bg-before-red-thunderbird:before,
.bg-after-red-thunderbird:after {
  background: #D91E18 !important;
}

.border-before-red-thunderbird:before,
.border-after-red-thunderbird:after {
  border-color: #D91E18 !important;
}

.border-top-before-red-thunderbird:before,
.border-top-after-red-thunderbird:after {
  border-top-color: #D91E18 !important;
}

.border-bottom-before-red-thunderbird:before,
.border-bottom-after-red-thunderbird:after {
  border-bottom-color: #D91E18 !important;
}

.border-left-before-red-thunderbird:before,
.border-left-after-red-thunderbird:after {
  border-left-color: #D91E18 !important;
}

.border-right-before-red-thunderbird:before,
.border-right-after-red-thunderbird:after {
  border-right-color: #D91E18 !important;
}

.bg-red-flamingo {
  background: #EF4836 !important;
}

.bg-red-flamingo-opacity {
  background: rgba(239, 72, 54, 0.8) !important;
}

.bg-hover-red-flamingo:hover {
  background: #EF4836 !important;
}

.font-red-flamingo {
  color: #EF4836 !important;
}

.bg-font-red-flamingo {
  color: #ffffff !important;
}

.border-red-flamingo {
  border-color: #EF4836 !important;
}

.border-top-red-flamingo {
  border-top-color: #EF4836 !important;
}

.border-bottom-red-flamingo {
  border-bottom-color: #EF4836 !important;
}

.border-left-red-flamingo {
  border-left-color: #EF4836 !important;
}

.border-right-red-flamingo {
  border-right-color: #EF4836 !important;
}

.bg-before-red-flamingo:before,
.bg-after-red-flamingo:after {
  background: #EF4836 !important;
}

.border-before-red-flamingo:before,
.border-after-red-flamingo:after {
  border-color: #EF4836 !important;
}

.border-top-before-red-flamingo:before,
.border-top-after-red-flamingo:after {
  border-top-color: #EF4836 !important;
}

.border-bottom-before-red-flamingo:before,
.border-bottom-after-red-flamingo:after {
  border-bottom-color: #EF4836 !important;
}

.border-left-before-red-flamingo:before,
.border-left-after-red-flamingo:after {
  border-left-color: #EF4836 !important;
}

.border-right-before-red-flamingo:before,
.border-right-after-red-flamingo:after {
  border-right-color: #EF4836 !important;
}

.bg-red-soft {
  background: #d05454 !important;
}

.bg-red-soft-opacity {
  background: rgba(208, 84, 84, 0.8) !important;
}

.bg-hover-red-soft:hover {
  background: #d05454 !important;
}

.font-red-soft {
  color: #d05454 !important;
}

.bg-font-red-soft {
  color: #ffffff !important;
}

.border-red-soft {
  border-color: #d05454 !important;
}

.border-top-red-soft {
  border-top-color: #d05454 !important;
}

.border-bottom-red-soft {
  border-bottom-color: #d05454 !important;
}

.border-left-red-soft {
  border-left-color: #d05454 !important;
}

.border-right-red-soft {
  border-right-color: #d05454 !important;
}

.bg-before-red-soft:before,
.bg-after-red-soft:after {
  background: #d05454 !important;
}

.border-before-red-soft:before,
.border-after-red-soft:after {
  border-color: #d05454 !important;
}

.border-top-before-red-soft:before,
.border-top-after-red-soft:after {
  border-top-color: #d05454 !important;
}

.border-bottom-before-red-soft:before,
.border-bottom-after-red-soft:after {
  border-bottom-color: #d05454 !important;
}

.border-left-before-red-soft:before,
.border-left-after-red-soft:after {
  border-left-color: #d05454 !important;
}

.border-right-before-red-soft:before,
.border-right-after-red-soft:after {
  border-right-color: #d05454 !important;
}

.bg-red-haze {
  background: #f36a5a !important;
}

.bg-red-haze-opacity {
  background: rgba(243, 106, 90, 0.8) !important;
}

.bg-hover-red-haze:hover {
  background: #f36a5a !important;
}

.font-red-haze {
  color: #f36a5a !important;
}

.bg-font-red-haze {
  color: #ffffff !important;
}

.border-red-haze {
  border-color: #f36a5a !important;
}

.border-top-red-haze {
  border-top-color: #f36a5a !important;
}

.border-bottom-red-haze {
  border-bottom-color: #f36a5a !important;
}

.border-left-red-haze {
  border-left-color: #f36a5a !important;
}

.border-right-red-haze {
  border-right-color: #f36a5a !important;
}

.bg-before-red-haze:before,
.bg-after-red-haze:after {
  background: #f36a5a !important;
}

.border-before-red-haze:before,
.border-after-red-haze:after {
  border-color: #f36a5a !important;
}

.border-top-before-red-haze:before,
.border-top-after-red-haze:after {
  border-top-color: #f36a5a !important;
}

.border-bottom-before-red-haze:before,
.border-bottom-after-red-haze:after {
  border-bottom-color: #f36a5a !important;
}

.border-left-before-red-haze:before,
.border-left-after-red-haze:after {
  border-left-color: #f36a5a !important;
}

.border-right-before-red-haze:before,
.border-right-after-red-haze:after {
  border-right-color: #f36a5a !important;
}

.bg-red-mint {
  background: #e43a45 !important;
}

.bg-red-mint-opacity {
  background: rgba(228, 58, 69, 0.8) !important;
}

.bg-hover-red-mint:hover {
  background: #e43a45 !important;
}

.font-red-mint {
  color: #e43a45 !important;
}

.bg-font-red-mint {
  color: #ffffff !important;
}

.border-red-mint {
  border-color: #e43a45 !important;
}

.border-top-red-mint {
  border-top-color: #e43a45 !important;
}

.border-bottom-red-mint {
  border-bottom-color: #e43a45 !important;
}

.border-left-red-mint {
  border-left-color: #e43a45 !important;
}

.border-right-red-mint {
  border-right-color: #e43a45 !important;
}

.bg-before-red-mint:before,
.bg-after-red-mint:after {
  background: #e43a45 !important;
}

.border-before-red-mint:before,
.border-after-red-mint:after {
  border-color: #e43a45 !important;
}

.border-top-before-red-mint:before,
.border-top-after-red-mint:after {
  border-top-color: #e43a45 !important;
}

.border-bottom-before-red-mint:before,
.border-bottom-after-red-mint:after {
  border-bottom-color: #e43a45 !important;
}

.border-left-before-red-mint:before,
.border-left-after-red-mint:after {
  border-left-color: #e43a45 !important;
}

.border-right-before-red-mint:before,
.border-right-after-red-mint:after {
  border-right-color: #e43a45 !important;
}

.bg-yellow {
  background: #c49f47 !important;
}

.bg-yellow-opacity {
  background: rgba(196, 159, 71, 0.8) !important;
}

.bg-hover-yellow:hover {
  background: #c49f47 !important;
}

.font-yellow {
  color: #c49f47 !important;
}

.bg-font-yellow {
  color: #ffffff !important;
}

.border-yellow {
  border-color: #c49f47 !important;
}

.border-top-yellow {
  border-top-color: #c49f47 !important;
}

.border-bottom-yellow {
  border-bottom-color: #c49f47 !important;
}

.border-left-yellow {
  border-left-color: #c49f47 !important;
}

.border-right-yellow {
  border-right-color: #c49f47 !important;
}

.bg-before-yellow:before,
.bg-after-yellow:after {
  background: #c49f47 !important;
}

.border-before-yellow:before,
.border-after-yellow:after {
  border-color: #c49f47 !important;
}

.border-top-before-yellow:before,
.border-top-after-yellow:after {
  border-top-color: #c49f47 !important;
}

.border-bottom-before-yellow:before,
.border-bottom-after-yellow:after {
  border-bottom-color: #c49f47 !important;
}

.border-left-before-yellow:before,
.border-left-after-yellow:after {
  border-left-color: #c49f47 !important;
}

.border-right-before-yellow:before,
.border-right-after-yellow:after {
  border-right-color: #c49f47 !important;
}

.bg-yellow-gold {
  background: #E87E04 !important;
}

.bg-yellow-gold-opacity {
  background: rgba(232, 126, 4, 0.8) !important;
}

.bg-hover-yellow-gold:hover {
  background: #E87E04 !important;
}

.font-yellow-gold {
  color: #E87E04 !important;
}

.bg-font-yellow-gold {
  color: #ffffff !important;
}

.border-yellow-gold {
  border-color: #E87E04 !important;
}

.border-top-yellow-gold {
  border-top-color: #E87E04 !important;
}

.border-bottom-yellow-gold {
  border-bottom-color: #E87E04 !important;
}

.border-left-yellow-gold {
  border-left-color: #E87E04 !important;
}

.border-right-yellow-gold {
  border-right-color: #E87E04 !important;
}

.bg-before-yellow-gold:before,
.bg-after-yellow-gold:after {
  background: #E87E04 !important;
}

.border-before-yellow-gold:before,
.border-after-yellow-gold:after {
  border-color: #E87E04 !important;
}

.border-top-before-yellow-gold:before,
.border-top-after-yellow-gold:after {
  border-top-color: #E87E04 !important;
}

.border-bottom-before-yellow-gold:before,
.border-bottom-after-yellow-gold:after {
  border-bottom-color: #E87E04 !important;
}

.border-left-before-yellow-gold:before,
.border-left-after-yellow-gold:after {
  border-left-color: #E87E04 !important;
}

.border-right-before-yellow-gold:before,
.border-right-after-yellow-gold:after {
  border-right-color: #E87E04 !important;
}

.bg-yellow-casablanca {
  background: #f2784b !important;
}

.bg-yellow-casablanca-opacity {
  background: rgba(242, 120, 75, 0.8) !important;
}

.bg-hover-yellow-casablanca:hover {
  background: #f2784b !important;
}

.font-yellow-casablanca {
  color: #f2784b !important;
}

.bg-font-yellow-casablanca {
  color: #ffffff !important;
}

.border-yellow-casablanca {
  border-color: #f2784b !important;
}

.border-top-yellow-casablanca {
  border-top-color: #f2784b !important;
}

.border-bottom-yellow-casablanca {
  border-bottom-color: #f2784b !important;
}

.border-left-yellow-casablanca {
  border-left-color: #f2784b !important;
}

.border-right-yellow-casablanca {
  border-right-color: #f2784b !important;
}

.bg-before-yellow-casablanca:before,
.bg-after-yellow-casablanca:after {
  background: #f2784b !important;
}

.border-before-yellow-casablanca:before,
.border-after-yellow-casablanca:after {
  border-color: #f2784b !important;
}

.border-top-before-yellow-casablanca:before,
.border-top-after-yellow-casablanca:after {
  border-top-color: #f2784b !important;
}

.border-bottom-before-yellow-casablanca:before,
.border-bottom-after-yellow-casablanca:after {
  border-bottom-color: #f2784b !important;
}

.border-left-before-yellow-casablanca:before,
.border-left-after-yellow-casablanca:after {
  border-left-color: #f2784b !important;
}

.border-right-before-yellow-casablanca:before,
.border-right-after-yellow-casablanca:after {
  border-right-color: #f2784b !important;
}

.bg-yellow-crusta {
  background: #f3c200 !important;
}

.bg-yellow-crusta-opacity {
  background: rgba(243, 194, 0, 0.8) !important;
}

.bg-hover-yellow-crusta:hover {
  background: #f3c200 !important;
}

.font-yellow-crusta {
  color: #f3c200 !important;
}

.bg-font-yellow-crusta {
  color: #ffffff !important;
}

.border-yellow-crusta {
  border-color: #f3c200 !important;
}

.border-top-yellow-crusta {
  border-top-color: #f3c200 !important;
}

.border-bottom-yellow-crusta {
  border-bottom-color: #f3c200 !important;
}

.border-left-yellow-crusta {
  border-left-color: #f3c200 !important;
}

.border-right-yellow-crusta {
  border-right-color: #f3c200 !important;
}

.bg-before-yellow-crusta:before,
.bg-after-yellow-crusta:after {
  background: #f3c200 !important;
}

.border-before-yellow-crusta:before,
.border-after-yellow-crusta:after {
  border-color: #f3c200 !important;
}

.border-top-before-yellow-crusta:before,
.border-top-after-yellow-crusta:after {
  border-top-color: #f3c200 !important;
}

.border-bottom-before-yellow-crusta:before,
.border-bottom-after-yellow-crusta:after {
  border-bottom-color: #f3c200 !important;
}

.border-left-before-yellow-crusta:before,
.border-left-after-yellow-crusta:after {
  border-left-color: #f3c200 !important;
}

.border-right-before-yellow-crusta:before,
.border-right-after-yellow-crusta:after {
  border-right-color: #f3c200 !important;
}

.bg-yellow-lemon {
  background: #F7CA18 !important;
}

.bg-yellow-lemon-opacity {
  background: rgba(247, 202, 24, 0.8) !important;
}

.bg-hover-yellow-lemon:hover {
  background: #F7CA18 !important;
}

.font-yellow-lemon {
  color: #F7CA18 !important;
}

.bg-font-yellow-lemon {
  color: #ffffff !important;
}

.border-yellow-lemon {
  border-color: #F7CA18 !important;
}

.border-top-yellow-lemon {
  border-top-color: #F7CA18 !important;
}

.border-bottom-yellow-lemon {
  border-bottom-color: #F7CA18 !important;
}

.border-left-yellow-lemon {
  border-left-color: #F7CA18 !important;
}

.border-right-yellow-lemon {
  border-right-color: #F7CA18 !important;
}

.bg-before-yellow-lemon:before,
.bg-after-yellow-lemon:after {
  background: #F7CA18 !important;
}

.border-before-yellow-lemon:before,
.border-after-yellow-lemon:after {
  border-color: #F7CA18 !important;
}

.border-top-before-yellow-lemon:before,
.border-top-after-yellow-lemon:after {
  border-top-color: #F7CA18 !important;
}

.border-bottom-before-yellow-lemon:before,
.border-bottom-after-yellow-lemon:after {
  border-bottom-color: #F7CA18 !important;
}

.border-left-before-yellow-lemon:before,
.border-left-after-yellow-lemon:after {
  border-left-color: #F7CA18 !important;
}

.border-right-before-yellow-lemon:before,
.border-right-after-yellow-lemon:after {
  border-right-color: #F7CA18 !important;
}

.bg-yellow-saffron {
  background: #F4D03F !important;
}

.bg-yellow-saffron-opacity {
  background: rgba(244, 208, 63, 0.8) !important;
}

.bg-hover-yellow-saffron:hover {
  background: #F4D03F !important;
}

.font-yellow-saffron {
  color: #F4D03F !important;
}

.bg-font-yellow-saffron {
  color: #ffffff !important;
}

.border-yellow-saffron {
  border-color: #F4D03F !important;
}

.border-top-yellow-saffron {
  border-top-color: #F4D03F !important;
}

.border-bottom-yellow-saffron {
  border-bottom-color: #F4D03F !important;
}

.border-left-yellow-saffron {
  border-left-color: #F4D03F !important;
}

.border-right-yellow-saffron {
  border-right-color: #F4D03F !important;
}

.bg-before-yellow-saffron:before,
.bg-after-yellow-saffron:after {
  background: #F4D03F !important;
}

.border-before-yellow-saffron:before,
.border-after-yellow-saffron:after {
  border-color: #F4D03F !important;
}

.border-top-before-yellow-saffron:before,
.border-top-after-yellow-saffron:after {
  border-top-color: #F4D03F !important;
}

.border-bottom-before-yellow-saffron:before,
.border-bottom-after-yellow-saffron:after {
  border-bottom-color: #F4D03F !important;
}

.border-left-before-yellow-saffron:before,
.border-left-after-yellow-saffron:after {
  border-left-color: #F4D03F !important;
}

.border-right-before-yellow-saffron:before,
.border-right-after-yellow-saffron:after {
  border-right-color: #F4D03F !important;
}

.bg-yellow-soft {
  background: #c8d046 !important;
}

.bg-yellow-soft-opacity {
  background: rgba(200, 208, 70, 0.8) !important;
}

.bg-hover-yellow-soft:hover {
  background: #c8d046 !important;
}

.font-yellow-soft {
  color: #c8d046 !important;
}

.bg-font-yellow-soft {
  color: #ffffff !important;
}

.border-yellow-soft {
  border-color: #c8d046 !important;
}

.border-top-yellow-soft {
  border-top-color: #c8d046 !important;
}

.border-bottom-yellow-soft {
  border-bottom-color: #c8d046 !important;
}

.border-left-yellow-soft {
  border-left-color: #c8d046 !important;
}

.border-right-yellow-soft {
  border-right-color: #c8d046 !important;
}

.bg-before-yellow-soft:before,
.bg-after-yellow-soft:after {
  background: #c8d046 !important;
}

.border-before-yellow-soft:before,
.border-after-yellow-soft:after {
  border-color: #c8d046 !important;
}

.border-top-before-yellow-soft:before,
.border-top-after-yellow-soft:after {
  border-top-color: #c8d046 !important;
}

.border-bottom-before-yellow-soft:before,
.border-bottom-after-yellow-soft:after {
  border-bottom-color: #c8d046 !important;
}

.border-left-before-yellow-soft:before,
.border-left-after-yellow-soft:after {
  border-left-color: #c8d046 !important;
}

.border-right-before-yellow-soft:before,
.border-right-after-yellow-soft:after {
  border-right-color: #c8d046 !important;
}

.bg-yellow-haze {
  background: #c5bf66 !important;
}

.bg-yellow-haze-opacity {
  background: rgba(197, 191, 102, 0.8) !important;
}

.bg-hover-yellow-haze:hover {
  background: #c5bf66 !important;
}

.font-yellow-haze {
  color: #c5bf66 !important;
}

.bg-font-yellow-haze {
  color: #ffffff !important;
}

.border-yellow-haze {
  border-color: #c5bf66 !important;
}

.border-top-yellow-haze {
  border-top-color: #c5bf66 !important;
}

.border-bottom-yellow-haze {
  border-bottom-color: #c5bf66 !important;
}

.border-left-yellow-haze {
  border-left-color: #c5bf66 !important;
}

.border-right-yellow-haze {
  border-right-color: #c5bf66 !important;
}

.bg-before-yellow-haze:before,
.bg-after-yellow-haze:after {
  background: #c5bf66 !important;
}

.border-before-yellow-haze:before,
.border-after-yellow-haze:after {
  border-color: #c5bf66 !important;
}

.border-top-before-yellow-haze:before,
.border-top-after-yellow-haze:after {
  border-top-color: #c5bf66 !important;
}

.border-bottom-before-yellow-haze:before,
.border-bottom-after-yellow-haze:after {
  border-bottom-color: #c5bf66 !important;
}

.border-left-before-yellow-haze:before,
.border-left-after-yellow-haze:after {
  border-left-color: #c5bf66 !important;
}

.border-right-before-yellow-haze:before,
.border-right-after-yellow-haze:after {
  border-right-color: #c5bf66 !important;
}

.bg-yellow-mint {
  background: #c5b96b !important;
}

.bg-yellow-mint-opacity {
  background: rgba(197, 185, 107, 0.8) !important;
}

.bg-hover-yellow-mint:hover {
  background: #c5b96b !important;
}

.font-yellow-mint {
  color: #c5b96b !important;
}

.bg-font-yellow-mint {
  color: #ffffff !important;
}

.border-yellow-mint {
  border-color: #c5b96b !important;
}

.border-top-yellow-mint {
  border-top-color: #c5b96b !important;
}

.border-bottom-yellow-mint {
  border-bottom-color: #c5b96b !important;
}

.border-left-yellow-mint {
  border-left-color: #c5b96b !important;
}

.border-right-yellow-mint {
  border-right-color: #c5b96b !important;
}

.bg-before-yellow-mint:before,
.bg-after-yellow-mint:after {
  background: #c5b96b !important;
}

.border-before-yellow-mint:before,
.border-after-yellow-mint:after {
  border-color: #c5b96b !important;
}

.border-top-before-yellow-mint:before,
.border-top-after-yellow-mint:after {
  border-top-color: #c5b96b !important;
}

.border-bottom-before-yellow-mint:before,
.border-bottom-after-yellow-mint:after {
  border-bottom-color: #c5b96b !important;
}

.border-left-before-yellow-mint:before,
.border-left-after-yellow-mint:after {
  border-left-color: #c5b96b !important;
}

.border-right-before-yellow-mint:before,
.border-right-after-yellow-mint:after {
  border-right-color: #c5b96b !important;
}

.bg-purple {
  background: #8E44AD !important;
}

.bg-purple-opacity {
  background: rgba(142, 68, 173, 0.8) !important;
}

.bg-hover-purple:hover {
  background: #8E44AD !important;
}

.font-purple {
  color: #8E44AD !important;
}

.bg-font-purple {
  color: #ffffff !important;
}

.border-purple {
  border-color: #8E44AD !important;
}

.border-top-purple {
  border-top-color: #8E44AD !important;
}

.border-bottom-purple {
  border-bottom-color: #8E44AD !important;
}

.border-left-purple {
  border-left-color: #8E44AD !important;
}

.border-right-purple {
  border-right-color: #8E44AD !important;
}

.bg-before-purple:before,
.bg-after-purple:after {
  background: #8E44AD !important;
}

.border-before-purple:before,
.border-after-purple:after {
  border-color: #8E44AD !important;
}

.border-top-before-purple:before,
.border-top-after-purple:after {
  border-top-color: #8E44AD !important;
}

.border-bottom-before-purple:before,
.border-bottom-after-purple:after {
  border-bottom-color: #8E44AD !important;
}

.border-left-before-purple:before,
.border-left-after-purple:after {
  border-left-color: #8E44AD !important;
}

.border-right-before-purple:before,
.border-right-after-purple:after {
  border-right-color: #8E44AD !important;
}

.bg-purple-plum {
  background: #8775a7 !important;
}

.bg-purple-plum-opacity {
  background: rgba(135, 117, 167, 0.8) !important;
}

.bg-hover-purple-plum:hover {
  background: #8775a7 !important;
}

.font-purple-plum {
  color: #8775a7 !important;
}

.bg-font-purple-plum {
  color: #ffffff !important;
}

.border-purple-plum {
  border-color: #8775a7 !important;
}

.border-top-purple-plum {
  border-top-color: #8775a7 !important;
}

.border-bottom-purple-plum {
  border-bottom-color: #8775a7 !important;
}

.border-left-purple-plum {
  border-left-color: #8775a7 !important;
}

.border-right-purple-plum {
  border-right-color: #8775a7 !important;
}

.bg-before-purple-plum:before,
.bg-after-purple-plum:after {
  background: #8775a7 !important;
}

.border-before-purple-plum:before,
.border-after-purple-plum:after {
  border-color: #8775a7 !important;
}

.border-top-before-purple-plum:before,
.border-top-after-purple-plum:after {
  border-top-color: #8775a7 !important;
}

.border-bottom-before-purple-plum:before,
.border-bottom-after-purple-plum:after {
  border-bottom-color: #8775a7 !important;
}

.border-left-before-purple-plum:before,
.border-left-after-purple-plum:after {
  border-left-color: #8775a7 !important;
}

.border-right-before-purple-plum:before,
.border-right-after-purple-plum:after {
  border-right-color: #8775a7 !important;
}

.bg-purple-medium {
  background: #BF55EC !important;
}

.bg-purple-medium-opacity {
  background: rgba(191, 85, 236, 0.8) !important;
}

.bg-hover-purple-medium:hover {
  background: #BF55EC !important;
}

.font-purple-medium {
  color: #BF55EC !important;
}

.bg-font-purple-medium {
  color: #ffffff !important;
}

.border-purple-medium {
  border-color: #BF55EC !important;
}

.border-top-purple-medium {
  border-top-color: #BF55EC !important;
}

.border-bottom-purple-medium {
  border-bottom-color: #BF55EC !important;
}

.border-left-purple-medium {
  border-left-color: #BF55EC !important;
}

.border-right-purple-medium {
  border-right-color: #BF55EC !important;
}

.bg-before-purple-medium:before,
.bg-after-purple-medium:after {
  background: #BF55EC !important;
}

.border-before-purple-medium:before,
.border-after-purple-medium:after {
  border-color: #BF55EC !important;
}

.border-top-before-purple-medium:before,
.border-top-after-purple-medium:after {
  border-top-color: #BF55EC !important;
}

.border-bottom-before-purple-medium:before,
.border-bottom-after-purple-medium:after {
  border-bottom-color: #BF55EC !important;
}

.border-left-before-purple-medium:before,
.border-left-after-purple-medium:after {
  border-left-color: #BF55EC !important;
}

.border-right-before-purple-medium:before,
.border-right-after-purple-medium:after {
  border-right-color: #BF55EC !important;
}

.bg-purple-studio {
  background: #8E44AD !important;
}

.bg-purple-studio-opacity {
  background: rgba(142, 68, 173, 0.8) !important;
}

.bg-hover-purple-studio:hover {
  background: #8E44AD !important;
}

.font-purple-studio {
  color: #8E44AD !important;
}

.bg-font-purple-studio {
  color: #ffffff !important;
}

.border-purple-studio {
  border-color: #8E44AD !important;
}

.border-top-purple-studio {
  border-top-color: #8E44AD !important;
}

.border-bottom-purple-studio {
  border-bottom-color: #8E44AD !important;
}

.border-left-purple-studio {
  border-left-color: #8E44AD !important;
}

.border-right-purple-studio {
  border-right-color: #8E44AD !important;
}

.bg-before-purple-studio:before,
.bg-after-purple-studio:after {
  background: #8E44AD !important;
}

.border-before-purple-studio:before,
.border-after-purple-studio:after {
  border-color: #8E44AD !important;
}

.border-top-before-purple-studio:before,
.border-top-after-purple-studio:after {
  border-top-color: #8E44AD !important;
}

.border-bottom-before-purple-studio:before,
.border-bottom-after-purple-studio:after {
  border-bottom-color: #8E44AD !important;
}

.border-left-before-purple-studio:before,
.border-left-after-purple-studio:after {
  border-left-color: #8E44AD !important;
}

.border-right-before-purple-studio:before,
.border-right-after-purple-studio:after {
  border-right-color: #8E44AD !important;
}

.bg-purple-wisteria {
  background: #9B59B6 !important;
}

.bg-purple-wisteria-opacity {
  background: rgba(155, 89, 182, 0.8) !important;
}

.bg-hover-purple-wisteria:hover {
  background: #9B59B6 !important;
}

.font-purple-wisteria {
  color: #9B59B6 !important;
}

.bg-font-purple-wisteria {
  color: #ffffff !important;
}

.border-purple-wisteria {
  border-color: #9B59B6 !important;
}

.border-top-purple-wisteria {
  border-top-color: #9B59B6 !important;
}

.border-bottom-purple-wisteria {
  border-bottom-color: #9B59B6 !important;
}

.border-left-purple-wisteria {
  border-left-color: #9B59B6 !important;
}

.border-right-purple-wisteria {
  border-right-color: #9B59B6 !important;
}

.bg-before-purple-wisteria:before,
.bg-after-purple-wisteria:after {
  background: #9B59B6 !important;
}

.border-before-purple-wisteria:before,
.border-after-purple-wisteria:after {
  border-color: #9B59B6 !important;
}

.border-top-before-purple-wisteria:before,
.border-top-after-purple-wisteria:after {
  border-top-color: #9B59B6 !important;
}

.border-bottom-before-purple-wisteria:before,
.border-bottom-after-purple-wisteria:after {
  border-bottom-color: #9B59B6 !important;
}

.border-left-before-purple-wisteria:before,
.border-left-after-purple-wisteria:after {
  border-left-color: #9B59B6 !important;
}

.border-right-before-purple-wisteria:before,
.border-right-after-purple-wisteria:after {
  border-right-color: #9B59B6 !important;
}

.bg-purple-seance {
  background: #9A12B3 !important;
}

.bg-purple-seance-opacity {
  background: rgba(154, 18, 179, 0.8) !important;
}

.bg-hover-purple-seance:hover {
  background: #9A12B3 !important;
}

.font-purple-seance {
  color: #9A12B3 !important;
}

.bg-font-purple-seance {
  color: #ffffff !important;
}

.border-purple-seance {
  border-color: #9A12B3 !important;
}

.border-top-purple-seance {
  border-top-color: #9A12B3 !important;
}

.border-bottom-purple-seance {
  border-bottom-color: #9A12B3 !important;
}

.border-left-purple-seance {
  border-left-color: #9A12B3 !important;
}

.border-right-purple-seance {
  border-right-color: #9A12B3 !important;
}

.bg-before-purple-seance:before,
.bg-after-purple-seance:after {
  background: #9A12B3 !important;
}

.border-before-purple-seance:before,
.border-after-purple-seance:after {
  border-color: #9A12B3 !important;
}

.border-top-before-purple-seance:before,
.border-top-after-purple-seance:after {
  border-top-color: #9A12B3 !important;
}

.border-bottom-before-purple-seance:before,
.border-bottom-after-purple-seance:after {
  border-bottom-color: #9A12B3 !important;
}

.border-left-before-purple-seance:before,
.border-left-after-purple-seance:after {
  border-left-color: #9A12B3 !important;
}

.border-right-before-purple-seance:before,
.border-right-after-purple-seance:after {
  border-right-color: #9A12B3 !important;
}

.bg-purple-intense {
  background: #8775a7 !important;
}

.bg-purple-intense-opacity {
  background: rgba(135, 117, 167, 0.8) !important;
}

.bg-hover-purple-intense:hover {
  background: #8775a7 !important;
}

.font-purple-intense {
  color: #8775a7 !important;
}

.bg-font-purple-intense {
  color: #ffffff !important;
}

.border-purple-intense {
  border-color: #8775a7 !important;
}

.border-top-purple-intense {
  border-top-color: #8775a7 !important;
}

.border-bottom-purple-intense {
  border-bottom-color: #8775a7 !important;
}

.border-left-purple-intense {
  border-left-color: #8775a7 !important;
}

.border-right-purple-intense {
  border-right-color: #8775a7 !important;
}

.bg-before-purple-intense:before,
.bg-after-purple-intense:after {
  background: #8775a7 !important;
}

.border-before-purple-intense:before,
.border-after-purple-intense:after {
  border-color: #8775a7 !important;
}

.border-top-before-purple-intense:before,
.border-top-after-purple-intense:after {
  border-top-color: #8775a7 !important;
}

.border-bottom-before-purple-intense:before,
.border-bottom-after-purple-intense:after {
  border-bottom-color: #8775a7 !important;
}

.border-left-before-purple-intense:before,
.border-left-after-purple-intense:after {
  border-left-color: #8775a7 !important;
}

.border-right-before-purple-intense:before,
.border-right-after-purple-intense:after {
  border-right-color: #8775a7 !important;
}

.bg-purple-sharp {
  background: #796799 !important;
}

.bg-purple-sharp-opacity {
  background: rgba(121, 103, 153, 0.8) !important;
}

.bg-hover-purple-sharp:hover {
  background: #796799 !important;
}

.font-purple-sharp {
  color: #796799 !important;
}

.bg-font-purple-sharp {
  color: #ffffff !important;
}

.border-purple-sharp {
  border-color: #796799 !important;
}

.border-top-purple-sharp {
  border-top-color: #796799 !important;
}

.border-bottom-purple-sharp {
  border-bottom-color: #796799 !important;
}

.border-left-purple-sharp {
  border-left-color: #796799 !important;
}

.border-right-purple-sharp {
  border-right-color: #796799 !important;
}

.bg-before-purple-sharp:before,
.bg-after-purple-sharp:after {
  background: #796799 !important;
}

.border-before-purple-sharp:before,
.border-after-purple-sharp:after {
  border-color: #796799 !important;
}

.border-top-before-purple-sharp:before,
.border-top-after-purple-sharp:after {
  border-top-color: #796799 !important;
}

.border-bottom-before-purple-sharp:before,
.border-bottom-after-purple-sharp:after {
  border-bottom-color: #796799 !important;
}

.border-left-before-purple-sharp:before,
.border-left-after-purple-sharp:after {
  border-left-color: #796799 !important;
}

.border-right-before-purple-sharp:before,
.border-right-after-purple-sharp:after {
  border-right-color: #796799 !important;
}

.bg-purple-soft {
  background: #8877a9 !important;
}

.bg-purple-soft-opacity {
  background: rgba(136, 119, 169, 0.8) !important;
}

.bg-hover-purple-soft:hover {
  background: #8877a9 !important;
}

.font-purple-soft {
  color: #8877a9 !important;
}

.bg-font-purple-soft {
  color: #ffffff !important;
}

.border-purple-soft {
  border-color: #8877a9 !important;
}

.border-top-purple-soft {
  border-top-color: #8877a9 !important;
}

.border-bottom-purple-soft {
  border-bottom-color: #8877a9 !important;
}

.border-left-purple-soft {
  border-left-color: #8877a9 !important;
}

.border-right-purple-soft {
  border-right-color: #8877a9 !important;
}

.bg-before-purple-soft:before,
.bg-after-purple-soft:after {
  background: #8877a9 !important;
}

.border-before-purple-soft:before,
.border-after-purple-soft:after {
  border-color: #8877a9 !important;
}

.border-top-before-purple-soft:before,
.border-top-after-purple-soft:after {
  border-top-color: #8877a9 !important;
}

.border-bottom-before-purple-soft:before,
.border-bottom-after-purple-soft:after {
  border-bottom-color: #8877a9 !important;
}

.border-left-before-purple-soft:before,
.border-left-after-purple-soft:after {
  border-left-color: #8877a9 !important;
}

.border-right-before-purple-soft:before,
.border-right-after-purple-soft:after {
  border-right-color: #8877a9 !important;
}


.m-heading-1 {
  margin: 0 0 20px 0;
  background: #ffffff;
  padding-left: 15px;
  border-left: 8px solid #88909a;
}

.m-heading-1>h3 {
  font-size: 20px;
  color: #3f444a;
  font-weight: 500;
  margin: 0 0 15px 0;
}

.m-heading-1>h3>i {
  font-size: 18px;
  color: #88909a;
}

.m-heading-1>p {
  color: #5c6873;
  margin: 10px 0 0 0;
}

.m-heading-1>p:first-child {
  margin-top: 0;
}

.m-heading-1.m-bordered {
  border-right: 1px solid #10161c;
  border-top: 1px solid #10161c;
  border-bottom: 1px solid #10161c;
  padding: 15px 15px;
}

.page-container-bg-solid .m-heading-1.m-bordered {
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
}

.m-heading-1.m-title-md>h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.m-heading-1.m-title-md>h3>i {
  font-size: 16px;
  color: #88909a;
}

.m-heading-1.m-title-md>p {
  margin: 15px 0;
}

.m-heading-1.m-title-sm>h3 {
  font-size: 16px;
  margin-bottom: 10px;
}

.m-heading-1.m-title-sm>h3>i {
  font-size: 14px;
  color: #88909a;
}

.m-heading-1.m-title-sm>p {
  margin: 10px 0;
}

.m-heading-1 .classlink {
  color: #32c5d2
}

.m-heading-1 .classlink .fa-file-excel-o {
  color: #207347
}

.table th {
  font-weight: 700;
}

.table-advance {
  margin-bottom: 10px !important;
}

.table-advance thead {
  color: #3f444a;
}

.table-advance thead tr th {
  background-color: #f1f4f7;
  font-size: 14px;
  font-weight: 400;
  color: #3f444a;
}

.table-advance div.success,
.table-advance div.info,
.table-advance div.important,
.table-advance div.warning,
.table-advance div.danger {
  position: absolute;
  margin-top: -5px;
  float: left;
  width: 2px;
  height: 50px;
  margin-right: 20px !important;
}

.table-advance tr td {
  border-left-width: 0px;
}


.table-advance td.highlight div.txt {
  display: inline-block;
  padding-left: 10px;
  font-size: 1.3em;
}

.table-advance td.highlight div.primary {
  border-left: 2px solid #337ab7;
}

.table-advance td.highlight div.success {
  border-left: 2px solid #36c6d3;
}

.table-advance td.highlight div.info {
  border-left: 2px solid #659be0;
}

.table-advance td.highlight div.warning {
  border-left: 2px solid #F1C40F;
}

.table-advance td.highlight div.danger {
  border-left: 2px solid #ed6b75;
}


/***
Dashboard Stats
***/
.dashboard-stat {
  display: block;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.dashboard-stat:before,
.dashboard-stat:after {
  content: " ";
  display: table;
}

.dashboard-stat:after {
  clear: both;
}

.portlet .dashboard-stat:last-child {
  margin-bottom: 0;
}

.dashboard-stat .visual {
  width: 80px;
  height: 80px;
  display: block;
  float: left;
  padding-top: 10px;
  padding-left: 15px;
  margin-bottom: 15px;
  font-size: 35px;
  line-height: 35px;
}

.dashboard-stat .visual>i {
  margin-left: -35px;
  font-size: 110px;
  line-height: 110px;
}

.dashboard-stat .details {
  position: absolute;
  right: 15px;
  padding-right: 15px;
}

.dashboard-stat .details .number {
  padding-top: 25px;
  text-align: right;
  font-size: 34px;
  line-height: 36px;
  letter-spacing: -1px;
  margin-bottom: 0px;
  font-weight: 300;
}

.dashboard-stat .details .desc {
  text-align: right;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 300;
}

.dashboard-stat .more {
  clear: both;
  display: block;
  padding: 6px 10px 6px 10px;
  position: relative;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 11px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.dashboard-stat .more:hover {
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.dashboard-stat .more>i {
  display: inline-block;
  margin-top: 1px;
  float: right;
}

.dashboard-stat.dashboard-stat-v2 .visual {
  padding-top: 35px;
  margin-bottom: 40px;
}

.dashboard-stat.white {
  background-color: #ffffff;
}

.dashboard-stat.white.dashboard-stat-light:hover {
  background-color: whitesmoke;
}

.dashboard-stat.white .visual>i {
  color: #666;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.white .details .number {
  color: #666;
}

.dashboard-stat.white .details .desc {
  color: #666;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.white .more {
  color: #666;
  background-color: whitesmoke;
}

.dashboard-stat.default {
  background-color: #e1e5ec;
}

.dashboard-stat.default.dashboard-stat-light:hover {
  background-color: #d5dae4;
}

.dashboard-stat.default .visual>i {
  color: #666;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.default .details .number {
  color: #666;
}

.dashboard-stat.default .details .desc {
  color: #666;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.default .more {
  color: #666;
  background-color: #d5dae4;
}

.dashboard-stat.dark {
  background-color: #2f353b;
}

.dashboard-stat.dark.dashboard-stat-light:hover {
  background-color: #262b30;
}

.dashboard-stat.dark .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.dark .details .number {
  color: #FFFFFF;
}

.dashboard-stat.dark .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.dark .more {
  color: #FFFFFF;
  background-color: #262b30;
}

.dashboard-stat.blue {
  background-color: #3598dc;
}

.dashboard-stat.blue.dashboard-stat-light:hover {
  background-color: #258fd7;
}

.dashboard-stat.blue .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.blue .details .number {
  color: #FFFFFF;
}

.dashboard-stat.blue .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.blue .more {
  color: #FFFFFF;
  background-color: #258fd7;
}

.dashboard-stat.blue-madison {
  background-color: #578ebe;
}

.dashboard-stat.blue-madison.dashboard-stat-light:hover {
  background-color: #4884b8;
}

.dashboard-stat.blue-madison .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.blue-madison .details .number {
  color: #FFFFFF;
}

.dashboard-stat.blue-madison .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.blue-madison .more {
  color: #FFFFFF;
  background-color: #4884b8;
}

.dashboard-stat.blue-chambray {
  background-color: #2C3E50;
}

.dashboard-stat.blue-chambray.dashboard-stat-light:hover {
  background-color: #253443;
}

.dashboard-stat.blue-chambray .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.blue-chambray .details .number {
  color: #FFFFFF;
}

.dashboard-stat.blue-chambray .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.blue-chambray .more {
  color: #FFFFFF;
  background-color: #253443;
}

.dashboard-stat.blue-ebonyclay {
  background-color: #22313F;
}

.dashboard-stat.blue-ebonyclay.dashboard-stat-light:hover {
  background-color: #1b2732;
}

.dashboard-stat.blue-ebonyclay .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.blue-ebonyclay .details .number {
  color: #FFFFFF;
}

.dashboard-stat.blue-ebonyclay .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.blue-ebonyclay .more {
  color: #FFFFFF;
  background-color: #1b2732;
}

.dashboard-stat.blue-hoki {
  background-color: #67809F;
}

.dashboard-stat.blue-hoki.dashboard-stat-light:hover {
  background-color: #5e7694;
}

.dashboard-stat.blue-hoki .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.blue-hoki .details .number {
  color: #FFFFFF;
}

.dashboard-stat.blue-hoki .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.blue-hoki .more {
  color: #FFFFFF;
  background-color: #5e7694;
}

.dashboard-stat.blue-steel {
  background-color: #4B77BE;
}

.dashboard-stat.blue-steel.dashboard-stat-light:hover {
  background-color: #416db4;
}

.dashboard-stat.blue-steel .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.blue-steel .details .number {
  color: #FFFFFF;
}

.dashboard-stat.blue-steel .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.blue-steel .more {
  color: #FFFFFF;
  background-color: #416db4;
}

.dashboard-stat.blue-soft {
  background-color: #4c87b9;
}

.dashboard-stat.blue-soft.dashboard-stat-light:hover {
  background-color: #447dad;
}

.dashboard-stat.blue-soft .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.blue-soft .details .number {
  color: #FFFFFF;
}

.dashboard-stat.blue-soft .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.blue-soft .more {
  color: #FFFFFF;
  background-color: #447dad;
}

.dashboard-stat.blue-dark {
  background-color: #5e738b;
}

.dashboard-stat.blue-dark.dashboard-stat-light:hover {
  background-color: #56697f;
}

.dashboard-stat.blue-dark .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.blue-dark .details .number {
  color: #FFFFFF;
}

.dashboard-stat.blue-dark .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.blue-dark .more {
  color: #FFFFFF;
  background-color: #56697f;
}

.dashboard-stat.blue-sharp {
  background-color: #5C9BD1;
}

.dashboard-stat.blue-sharp.dashboard-stat-light:hover {
  background-color: #4c91cd;
}

.dashboard-stat.blue-sharp .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.blue-sharp .details .number {
  color: #FFFFFF;
}

.dashboard-stat.blue-sharp .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.blue-sharp .more {
  color: #FFFFFF;
  background-color: #4c91cd;
}

.dashboard-stat.blue-oleo {
  background-color: #94A0B2;
}

.dashboard-stat.blue-oleo.dashboard-stat-light:hover {
  background-color: #8895a9;
}

.dashboard-stat.blue-oleo .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.blue-oleo .details .number {
  color: #FFFFFF;
}

.dashboard-stat.blue-oleo .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.blue-oleo .more {
  color: #FFFFFF;
  background-color: #8895a9;
}

.dashboard-stat.green {
  background-color: #32c5d2;
}

.dashboard-stat.green.dashboard-stat-light:hover {
  background-color: #2bb8c4;
}

.dashboard-stat.green .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.green .details .number {
  color: #FFFFFF;
}

.dashboard-stat.green .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.green .more {
  color: #FFFFFF;
  background-color: #2bb8c4;
}

.dashboard-stat.green-meadow {
  background-color: #1BBC9B;
}

.dashboard-stat.green-meadow.dashboard-stat-light:hover {
  background-color: #18aa8c;
}

.dashboard-stat.green-meadow .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.green-meadow .details .number {
  color: #FFFFFF;
}

.dashboard-stat.green-meadow .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.green-meadow .more {
  color: #FFFFFF;
  background-color: #18aa8c;
}

.dashboard-stat.green-seagreen {
  background-color: #1BA39C;
}

.dashboard-stat.green-seagreen.dashboard-stat-light:hover {
  background-color: #18918b;
}

.dashboard-stat.green-seagreen .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.green-seagreen .details .number {
  color: #FFFFFF;
}

.dashboard-stat.green-seagreen .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.green-seagreen .more {
  color: #FFFFFF;
  background-color: #18918b;
}

.dashboard-stat.green-turquoise {
  background-color: #36D7B7;
}

.dashboard-stat.green-turquoise.dashboard-stat-light:hover {
  background-color: #29cfae;
}

.dashboard-stat.green-turquoise .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.green-turquoise .details .number {
  color: #FFFFFF;
}

.dashboard-stat.green-turquoise .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.green-turquoise .more {
  color: #FFFFFF;
  background-color: #29cfae;
}

.dashboard-stat.green-haze {
  background-color: #44b6ae;
}

.dashboard-stat.green-haze.dashboard-stat-light:hover {
  background-color: #3ea7a0;
}

.dashboard-stat.green-haze .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.green-haze .details .number {
  color: #FFFFFF;
}

.dashboard-stat.green-haze .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.green-haze .more {
  color: #FFFFFF;
  background-color: #3ea7a0;
}

.dashboard-stat.green-jungle {
  background-color: #26C281;
}

.dashboard-stat.green-jungle.dashboard-stat-light:hover {
  background-color: #23b176;
}

.dashboard-stat.green-jungle .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.green-jungle .details .number {
  color: #FFFFFF;
}

.dashboard-stat.green-jungle .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.green-jungle .more {
  color: #FFFFFF;
  background-color: #23b176;
}

.dashboard-stat.green-soft {
  background-color: #3faba4;
}

.dashboard-stat.green-soft.dashboard-stat-light:hover {
  background-color: #3a9c96;
}

.dashboard-stat.green-soft .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.green-soft .details .number {
  color: #FFFFFF;
}

.dashboard-stat.green-soft .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.green-soft .more {
  color: #FFFFFF;
  background-color: #3a9c96;
}

.dashboard-stat.green-dark {
  background-color: #4DB3A2;
}

.dashboard-stat.green-dark.dashboard-stat-light:hover {
  background-color: #46a595;
}

.dashboard-stat.green-dark .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.green-dark .details .number {
  color: #FFFFFF;
}

.dashboard-stat.green-dark .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.green-dark .more {
  color: #FFFFFF;
  background-color: #46a595;
}

.dashboard-stat.green-sharp {
  background-color: #2ab4c0;
}

.dashboard-stat.green-sharp.dashboard-stat-light:hover {
  background-color: #26a4af;
}

.dashboard-stat.green-sharp .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.green-sharp .details .number {
  color: #FFFFFF;
}

.dashboard-stat.green-sharp .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.green-sharp .more {
  color: #FFFFFF;
  background-color: #26a4af;
}

.dashboard-stat.green-steel {
  background-color: #29b4b6;
}

.dashboard-stat.green-steel.dashboard-stat-light:hover {
  background-color: #25a4a5;
}

.dashboard-stat.green-steel .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.green-steel .details .number {
  color: #FFFFFF;
}

.dashboard-stat.green-steel .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.green-steel .more {
  color: #FFFFFF;
  background-color: #25a4a5;
}

.dashboard-stat.grey {
  background-color: #E5E5E5;
}

.dashboard-stat.grey.dashboard-stat-light:hover {
  background-color: #dbdbdb;
}

.dashboard-stat.grey .visual>i {
  color: #333333;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.grey .details .number {
  color: #333333;
}

.dashboard-stat.grey .details .desc {
  color: #333333;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.grey .more {
  color: #333333;
  background-color: #dbdbdb;
}

.dashboard-stat.grey-steel {
  background-color: #e9edef;
}

.dashboard-stat.grey-steel.dashboard-stat-light:hover {
  background-color: #dde3e6;
}

.dashboard-stat.grey-steel .visual>i {
  color: #80898e;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.grey-steel .details .number {
  color: #80898e;
}

.dashboard-stat.grey-steel .details .desc {
  color: #80898e;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.grey-steel .more {
  color: #80898e;
  background-color: #dde3e6;
}

.dashboard-stat.grey-cararra {
  background-color: #fafafa;
}

.dashboard-stat.grey-cararra.dashboard-stat-light:hover {
  background-color: #f0f0f0;
}

.dashboard-stat.grey-cararra .visual>i {
  color: #333333;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.grey-cararra .details .number {
  color: #333333;
}

.dashboard-stat.grey-cararra .details .desc {
  color: #333333;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.grey-cararra .more {
  color: #333333;
  background-color: #f0f0f0;
}

.dashboard-stat.grey-gallery {
  background-color: #555555;
}

.dashboard-stat.grey-gallery.dashboard-stat-light:hover {
  background-color: #4b4b4b;
}

.dashboard-stat.grey-gallery .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.grey-gallery .details .number {
  color: #ffffff;
}

.dashboard-stat.grey-gallery .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.grey-gallery .more {
  color: #ffffff;
  background-color: #4b4b4b;
}

.dashboard-stat.grey-cascade {
  background-color: #95A5A6;
}

.dashboard-stat.grey-cascade.dashboard-stat-light:hover {
  background-color: #8a9c9d;
}

.dashboard-stat.grey-cascade .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.grey-cascade .details .number {
  color: #FFFFFF;
}

.dashboard-stat.grey-cascade .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.grey-cascade .more {
  color: #FFFFFF;
  background-color: #8a9c9d;
}

.dashboard-stat.grey-silver {
  background-color: #BFBFBF;
}

.dashboard-stat.grey-silver.dashboard-stat-light:hover {
  background-color: #b5b5b5;
}

.dashboard-stat.grey-silver .visual>i {
  color: #FAFCFB;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.grey-silver .details .number {
  color: #FAFCFB;
}

.dashboard-stat.grey-silver .details .desc {
  color: #FAFCFB;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.grey-silver .more {
  color: #FAFCFB;
  background-color: #b5b5b5;
}

.dashboard-stat.grey-salsa {
  background-color: #ACB5C3;
}

.dashboard-stat.grey-salsa.dashboard-stat-light:hover {
  background-color: #a0aaba;
}

.dashboard-stat.grey-salsa .visual>i {
  color: #FAFCFB;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.grey-salsa .details .number {
  color: #FAFCFB;
}

.dashboard-stat.grey-salsa .details .desc {
  color: #FAFCFB;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.grey-salsa .more {
  color: #FAFCFB;
  background-color: #a0aaba;
}

.dashboard-stat.grey-salt {
  background-color: #bfcad1;
}

.dashboard-stat.grey-salt.dashboard-stat-light:hover {
  background-color: #b3c0c8;
}

.dashboard-stat.grey-salt .visual>i {
  color: #FAFCFB;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.grey-salt .details .number {
  color: #FAFCFB;
}

.dashboard-stat.grey-salt .details .desc {
  color: #FAFCFB;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.grey-salt .more {
  color: #FAFCFB;
  background-color: #b3c0c8;
}

.dashboard-stat.grey-mint {
  background-color: #525e64;
}

.dashboard-stat.grey-mint.dashboard-stat-light:hover {
  background-color: #495359;
}

.dashboard-stat.grey-mint .visual>i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.grey-mint .details .number {
  color: #FFFFFF;
}

.dashboard-stat.grey-mint .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.grey-mint .more {
  color: #FFFFFF;
  background-color: #495359;
}

.dashboard-stat.red {
  background-color: #e7505a;
}

.dashboard-stat.red.dashboard-stat-light:hover {
  background-color: #e53e49;
}

.dashboard-stat.red .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.red .details .number {
  color: #ffffff;
}

.dashboard-stat.red .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.red .more {
  color: #ffffff;
  background-color: #e53e49;
}

.dashboard-stat.red-pink {
  background-color: #E08283;
}

.dashboard-stat.red-pink.dashboard-stat-light:hover {
  background-color: #dc7273;
}

.dashboard-stat.red-pink .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.red-pink .details .number {
  color: #ffffff;
}

.dashboard-stat.red-pink .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.red-pink .more {
  color: #ffffff;
  background-color: #dc7273;
}

.dashboard-stat.red-sunglo {
  background-color: #E26A6A;
}

.dashboard-stat.red-sunglo.dashboard-stat-light:hover {
  background-color: #df5959;
}

.dashboard-stat.red-sunglo .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.red-sunglo .details .number {
  color: #ffffff;
}

.dashboard-stat.red-sunglo .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.red-sunglo .more {
  color: #ffffff;
  background-color: #df5959;
}

.dashboard-stat.red-intense {
  background-color: #e35b5a;
}

.dashboard-stat.red-intense.dashboard-stat-light:hover {
  background-color: #e04a49;
}

.dashboard-stat.red-intense .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.red-intense .details .number {
  color: #ffffff;
}

.dashboard-stat.red-intense .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.red-intense .more {
  color: #ffffff;
  background-color: #e04a49;
}

.dashboard-stat.red-thunderbird {
  background-color: #D91E18;
}

.dashboard-stat.red-thunderbird.dashboard-stat-light:hover {
  background-color: #c71b16;
}

.dashboard-stat.red-thunderbird .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.red-thunderbird .details .number {
  color: #ffffff;
}

.dashboard-stat.red-thunderbird .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.red-thunderbird .more {
  color: #ffffff;
  background-color: #c71b16;
}

.dashboard-stat.red-flamingo {
  background-color: #EF4836;
}

.dashboard-stat.red-flamingo.dashboard-stat-light:hover {
  background-color: #ed3723;
}

.dashboard-stat.red-flamingo .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.red-flamingo .details .number {
  color: #ffffff;
}

.dashboard-stat.red-flamingo .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.red-flamingo .more {
  color: #ffffff;
  background-color: #ed3723;
}

.dashboard-stat.red-soft {
  background-color: #d05454;
}

.dashboard-stat.red-soft.dashboard-stat-light:hover {
  background-color: #cc4444;
}

.dashboard-stat.red-soft .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.red-soft .details .number {
  color: #ffffff;
}

.dashboard-stat.red-soft .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.red-soft .more {
  color: #ffffff;
  background-color: #cc4444;
}

.dashboard-stat.red-haze {
  background-color: #f36a5a;
}

.dashboard-stat.red-haze.dashboard-stat-light:hover {
  background-color: #f25947;
}

.dashboard-stat.red-haze .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.red-haze .details .number {
  color: #ffffff;
}

.dashboard-stat.red-haze .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.red-haze .more {
  color: #ffffff;
  background-color: #f25947;
}

.dashboard-stat.red-mint {
  background-color: #e43a45;
}

.dashboard-stat.red-mint.dashboard-stat-light:hover {
  background-color: #e22834;
}

.dashboard-stat.red-mint .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.red-mint .details .number {
  color: #ffffff;
}

.dashboard-stat.red-mint .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.red-mint .more {
  color: #ffffff;
  background-color: #e22834;
}

.dashboard-stat.yellow {
  background-color: #c49f47;
}

.dashboard-stat.yellow.dashboard-stat-light:hover {
  background-color: #bb953c;
}

.dashboard-stat.yellow .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.yellow .details .number {
  color: #ffffff;
}

.dashboard-stat.yellow .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.yellow .more {
  color: #ffffff;
  background-color: #bb953c;
}

.dashboard-stat.yellow-gold {
  background-color: #E87E04;
}

.dashboard-stat.yellow-gold.dashboard-stat-light:hover {
  background-color: #d47304;
}

.dashboard-stat.yellow-gold .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.yellow-gold .details .number {
  color: #ffffff;
}

.dashboard-stat.yellow-gold .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.yellow-gold .more {
  color: #ffffff;
  background-color: #d47304;
}

.dashboard-stat.yellow-casablanca {
  background-color: #f2784b;
}

.dashboard-stat.yellow-casablanca.dashboard-stat-light:hover {
  background-color: #f16a38;
}

.dashboard-stat.yellow-casablanca .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.yellow-casablanca .details .number {
  color: #ffffff;
}

.dashboard-stat.yellow-casablanca .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.yellow-casablanca .more {
  color: #ffffff;
  background-color: #f16a38;
}

.dashboard-stat.yellow-crusta {
  background-color: #f3c200;
}

.dashboard-stat.yellow-crusta.dashboard-stat-light:hover {
  background-color: #dfb200;
}

.dashboard-stat.yellow-crusta .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.yellow-crusta .details .number {
  color: #ffffff;
}

.dashboard-stat.yellow-crusta .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.yellow-crusta .more {
  color: #ffffff;
  background-color: #dfb200;
}

.dashboard-stat.yellow-lemon {
  background-color: #F7CA18;
}

.dashboard-stat.yellow-lemon.dashboard-stat-light:hover {
  background-color: #f2c308;
}

.dashboard-stat.yellow-lemon .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.yellow-lemon .details .number {
  color: #ffffff;
}

.dashboard-stat.yellow-lemon .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.yellow-lemon .more {
  color: #ffffff;
  background-color: #f2c308;
}

.dashboard-stat.yellow-saffron {
  background-color: #F4D03F;
}

.dashboard-stat.yellow-saffron.dashboard-stat-light:hover {
  background-color: #f3cb2c;
}

.dashboard-stat.yellow-saffron .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.yellow-saffron .details .number {
  color: #ffffff;
}

.dashboard-stat.yellow-saffron .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.yellow-saffron .more {
  color: #ffffff;
  background-color: #f3cb2c;
}

.dashboard-stat.yellow-soft {
  background-color: #c8d046;
}

.dashboard-stat.yellow-soft.dashboard-stat-light:hover {
  background-color: #c3cc36;
}

.dashboard-stat.yellow-soft .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.yellow-soft .details .number {
  color: #ffffff;
}

.dashboard-stat.yellow-soft .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.yellow-soft .more {
  color: #ffffff;
  background-color: #c3cc36;
}

.dashboard-stat.yellow-haze {
  background-color: #c5bf66;
}

.dashboard-stat.yellow-haze.dashboard-stat-light:hover {
  background-color: #bfb957;
}

.dashboard-stat.yellow-haze .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.yellow-haze .details .number {
  color: #ffffff;
}

.dashboard-stat.yellow-haze .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.yellow-haze .more {
  color: #ffffff;
  background-color: #bfb957;
}

.dashboard-stat.yellow-mint {
  background-color: #c5b96b;
}

.dashboard-stat.yellow-mint.dashboard-stat-light:hover {
  background-color: #bfb25c;
}

.dashboard-stat.yellow-mint .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.yellow-mint .details .number {
  color: #ffffff;
}

.dashboard-stat.yellow-mint .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.yellow-mint .more {
  color: #ffffff;
  background-color: #bfb25c;
}

.dashboard-stat.purple {
  background-color: #8E44AD;
}

.dashboard-stat.purple.dashboard-stat-light:hover {
  background-color: #823e9e;
}

.dashboard-stat.purple .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.purple .details .number {
  color: #ffffff;
}

.dashboard-stat.purple .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.purple .more {
  color: #ffffff;
  background-color: #823e9e;
}

.dashboard-stat.purple-plum {
  background-color: #8775a7;
}

.dashboard-stat.purple-plum.dashboard-stat-light:hover {
  background-color: #7c699f;
}

.dashboard-stat.purple-plum .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.purple-plum .details .number {
  color: #ffffff;
}

.dashboard-stat.purple-plum .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.purple-plum .more {
  color: #ffffff;
  background-color: #7c699f;
}

.dashboard-stat.purple-medium {
  background-color: #BF55EC;
}

.dashboard-stat.purple-medium.dashboard-stat-light:hover {
  background-color: #b843ea;
}

.dashboard-stat.purple-medium .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.purple-medium .details .number {
  color: #ffffff;
}

.dashboard-stat.purple-medium .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.purple-medium .more {
  color: #ffffff;
  background-color: #b843ea;
}

.dashboard-stat.purple-studio {
  background-color: #8E44AD;
}

.dashboard-stat.purple-studio.dashboard-stat-light:hover {
  background-color: #823e9e;
}

.dashboard-stat.purple-studio .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.purple-studio .details .number {
  color: #ffffff;
}

.dashboard-stat.purple-studio .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.purple-studio .more {
  color: #ffffff;
  background-color: #823e9e;
}

.dashboard-stat.purple-wisteria {
  background-color: #9B59B6;
}

.dashboard-stat.purple-wisteria.dashboard-stat-light:hover {
  background-color: #924dae;
}

.dashboard-stat.purple-wisteria .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.purple-wisteria .details .number {
  color: #ffffff;
}

.dashboard-stat.purple-wisteria .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.purple-wisteria .more {
  color: #ffffff;
  background-color: #924dae;
}

.dashboard-stat.purple-seance {
  background-color: #9A12B3;
}

.dashboard-stat.purple-seance.dashboard-stat-light:hover {
  background-color: #8a10a0;
}

.dashboard-stat.purple-seance .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.purple-seance .details .number {
  color: #ffffff;
}

.dashboard-stat.purple-seance .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.purple-seance .more {
  color: #ffffff;
  background-color: #8a10a0;
}

.dashboard-stat.purple-intense {
  background-color: #8775a7;
}

.dashboard-stat.purple-intense.dashboard-stat-light:hover {
  background-color: #7c699f;
}

.dashboard-stat.purple-intense .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.purple-intense .details .number {
  color: #ffffff;
}

.dashboard-stat.purple-intense .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.purple-intense .more {
  color: #ffffff;
  background-color: #7c699f;
}

.dashboard-stat.purple-sharp {
  background-color: #796799;
}

.dashboard-stat.purple-sharp.dashboard-stat-light:hover {
  background-color: #6f5f8d;
}

.dashboard-stat.purple-sharp .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.purple-sharp .details .number {
  color: #ffffff;
}

.dashboard-stat.purple-sharp .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.purple-sharp .more {
  color: #ffffff;
  background-color: #6f5f8d;
}

.dashboard-stat.purple-soft {
  background-color: #8877a9;
}

.dashboard-stat.purple-soft.dashboard-stat-light:hover {
  background-color: #7d6ba1;
}

.dashboard-stat.purple-soft .visual>i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.purple-soft .details .number {
  color: #ffffff;
}

.dashboard-stat.purple-soft .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.purple-soft .more {
  color: #ffffff;
  background-color: #7d6ba1;
}

.dashboard-stat-light {
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.dashboard-stat-light .details {
  margin-bottom: 5px;
}

.dashboard-stat-light .details .number {
  font-weight: 300;
  margin-bottom: 0px;
}

/***
Dashboard Stats 2
***/
.dashboard-stat2 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  padding: 15px 15px 30px 15px;
  margin-bottom: 20px;
}

.dashboard-stat2.bordered {
  border: 1px solid #e7ecf1;
}

.dashboard-stat2 .display {
  margin-bottom: 20px;
}

.dashboard-stat2 .display:before,
.dashboard-stat2 .display:after {
  content: " ";
  display: table;
}

.dashboard-stat2 .display:after {
  clear: both;
}

.dashboard-stat2 .display .number {
  float: left;
  display: inline-block;
}

.dashboard-stat2 .display .number h3 {
  margin: 0 0 2px 0;
  padding: 0;
  font-size: 30px;
  font-weight: 400;
}

.dashboard-stat2 .display .number h3>small {
  font-size: 23px;
}

.dashboard-stat2 .display .number small {
  font-size: 14px;
  color: #AAB5BC;
  font-weight: 600;
  text-transform: uppercase;
}

.dashboard-stat2 .display .icon {
  display: inline-block;
  float: right;
  padding: 7px 0 0 0;
}

.dashboard-stat2 .display .icon>i {
  color: #cbd4e0;
  font-size: 26px;
}

.dashboard-stat2 .progress-info {
  clear: both;
}

.dashboard-stat2 .progress-info .progress {
  margin: 0;
  height: 4px;
  clear: both;
  display: block;
}

.dashboard-stat2 .progress-info .status {
  margin-top: 5px;
  font-size: 11px;
  color: #AAB5BC;
  font-weight: 600;
  text-transform: uppercase;
}

.dashboard-stat2 .progress-info .status .status-title {
  float: left;
  display: inline-block;
}

.dashboard-stat2 .progress-info .status .status-number {
  float: right;
  display: inline-block;
}

.ui-widget-content a.btn-info,
.ui-state-highlight a.btn-info,
.ui-widget-content .ui-state-highlight a.btn-info,
.ui-widget-header .ui-state-highlight a.btn-info {
  color: #FFFFFF !important
}

.ui-widget-content a.btn-primary,
.ui-state-highlight a.btn-primary,
.ui-widget-content .ui-state-highlight a.btn-primary,
.ui-widget-header .ui-state-highlight a.btn-primary {
  color: #FFFFFF !important
}

.ui-widget-content a.btn-danger,
.ui-state-highlight a.btn-danger,
.ui-widget-content .ui-state-highlight a.btn-danger,
.ui-widget-header .ui-state-highlight a.btn-danger {
  color: #FFFFFF !important
}

.divuninombre {
  display: none;
}

#DatosConcepto {
  position: relative;
}

#DatosConcepto a {
  position: absolute;
  right: 25px;
  top: 10px;
}

#DatosConcepto a:after {
  font-family: 'Font Awesome 5 Free';
  content: '\f077';
  font-size: 1.2em;
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #286090;
  font-weight: 900;
}

#DatosConcepto a.abierto:after {
  content: '\f078';
}

.btn.btn-success {
  color: #fff !important;
}

.card.login {
  border-top: none;
  overflow: visible;
  background-color: #fff;
}

.card {
  position: relative;
  margin: 0.66667rem 0 1.33333rem 0;
  margin-bottom: 1.33333rem;
  background-color: #fff;
  transition: box-shadow .25s;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.card.login .card-content {
  padding: 20px 15px;
  font-size: 13px;
}

.card .card-action,
.card .card-content {
  clear: both;
  padding: 15px;
  overflow: hidden;
  width: 100%;
}

.card .card-content {
  line-height: 18px;
  font-size: 14px;
  color: #666;
  min-height: 50px;
}

.card .card-content {
  padding: 20px;
  border-radius: 0 0 2px 2px;
}

.divider {
  margin: 0px !important;
  height: auto;
  overflow: hidden;
  background-color: color("grey", "lighten-2");
  margin-bottom: -1px;
  border-bottom: 1px solid #e0e0e0;
}

.card .card-content label {
  font-size: 16px;
  font-weight: 100;
  top: 10px;
  position: absolute;
  transition: all 0.3s;
  color: #777;
}

.card .card-content label.radio-inline {
  font-size: 11px;
  position: relative;
  margin: 0;
  margin-bottom: 15px;
  top: -15px;
  padding: 0;
}

.card .card-content label.radio-inline.b {
  font-size: 14px;
  top: 0;
  padding: 0;
}

.card .card-content .g-recaptcha {
  margin-bottom: 30px;
}

.card .card-content .g-recaptcha>div {
  margin: auto;
}

.card .card-content label.focus {
  font-size: 12px;
  top: -15px;
}

.card .card-content input {
  border: 0;
  box-shadow: unset;
  -webkit-box-shadow: unset;
  border-bottom: 1px solid #777;
  border-radius: 0;
  transition: all 0.5s;
  padding: 0;
}
/*
.card .card-content input:focus {
  border-bottom: 2px solid #777;
}*/

.card .card-content h2 {
  font-size: 18px;
  margin: 0;
}

.card .card-content label.radio {
  position: relative;
  padding-top: 20px;
  margin-left: 20px;
}

.card .card-content .btn-tw {
  margin-bottom: 15px;
  background-color: #3ED6FF;
  width: 100%;
  width: 100%;
  padding: 0px;
  text-align: left;
  text-transform: none;
  height: 40px;
  line-height: 40px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity, transform;
  transition: all .3s ease-out;
  text-decoration: none;
  color: #fff;
  letter-spacing: .5px;
  transition: .2s ease-out;
  cursor: pointer;
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  outline: 0;
  padding: 0 2rem;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.05), 0 1px 1px 0px rgba(0, 0, 0, 0.05);
}

.card .card-content select {
  padding: 3px;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
  box-shadow: unset;
  background: transparent;
  color: #777;
  border: none;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border-bottom: 1px solid #333;
}

.card .card-content select option {
  border-radius: 4px;
  padding: 15px;
}

.card .card-content label.select {
  padding: 0 15px;
  width: 100%;
  top: 0;
  left: 0;
  font-size: 11px;
}

.card .card-content label.select:after {
  content: '>';
  font: 16px "Consolas", monospace;
  color: #fff;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 22px;
  top: 7px;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none;
}

.card .card-content label.select:before {
  content: '';
  right: 15px;
  top: 0px;
  width: 25px;
  height: 100%;
  background: #333;
  position: absolute;
  pointer-events: none;
  display: block;
}

#formulario_45606 select {
  border: 0;
  box-shadow: unset;
  -webkit-box-shadow: unset;
  border-bottom: 1px solid #333 !important;
  border-radius: 0;
  transition: all 0.5s;
}

@media (max-width: 767px) {

  /* 767px */
  .table-advance tr>td.highlight:first-child a {
    margin-left: 8px;
  }
}


@media (max-width: 580px) {
  .navbar-header {
    width: 100% !important;
  }

  .navbar-brand {
    background-image: url('../images/logos/logo.png');
    background-repeat: no-repeat;
    background-position: 10px;
    text-indent: -2000px;
  }

  .navbar-collapse {
    width: 50% !important;
  }

  .navbar-default .navbar-nav>li>a {
    font-size: 14px;
    line-height: 55px;
  }

  .header-drop-right img {
    display: none !important
  }

  #wrapper {
    min-height: 300px;
  }

  /* DATOS PERSONALES*/
  #cajaobligatorio {
    clear: both
  }

  #avatarImg img {
    height: 200px;
    width: 200px;
    margin: auto;
    padding: 0;
    vertical-align: middle;
    border-radius: 200px;
    overflow: hidden;
    border: 2px solid;
    background: #777;
    display: flex;
  }

  #avatarImg {
    width: 120px !important;
    height: 80px !important;
    clear: both
  }

  .checkbox label {
    font-size: 0.9em !important
  }

  .avatar-img {
    border-radius: 50% !important;
  }

  /* DATOS PERSONALES*/


  /* BOTONES DEL ADMINISTRADOR*/

  .ancho_boton {
    width: 100%;
    float: left
  }

  .form select {
    padding: 8px 0;
  }

  label {
    font-size: 18px;
    font-weight: bold
  }

  .base {}

  /* BOTONES DEL ADMINISTRADOR*/

  /* RADIO DEL ADMINISTRADOR*/
  .radio_label {
    float: left;
    margin: 4px 10px 0 0;
    clear: both
  }

  .radio {
    width: 10% !important;
    float: left
  }

  /* RADIO DEL ADMINISTRADOR*/

  /* USUARIOS*/
  #nombre {
    display: none;
    margin-top: 0px !important
  }

  #apellido {
    margin-top: 0px !important
  }

  .dropdown-msg {
    display: none !important;
  }

  /* USUARIOS*/


  /* NOTICIA*/
  #datos_adicionales {
    display: none !important
  }

  .datosnoticia {
    width: 100% !important
  }

  .chzn-container-multi .chzn-choices {
    padding: 8px !important;
    width: 100%
  }

  .chzn-container-multi .chzn-choices .search-field .default {
    height: 17px;
    font-size: 0.9em !important
  }

  .datosextranoticia {
    width: 100% !important
  }

  .datosextranoticia .multimedia {
    margin-top: 70px !important
  }






  #LstNoticias .ui-jqgrid tr.jqgrow td {
    text-align: center
  }

  /* NOTICIA*/






}

@media (min-width: 580px) and (max-width: 990px) {

  .container {
    max-width: 750px;
  }

  /* DATOS PERSONALES*/

  #cajaobligatorio {
    clear: both
  }

  #avatarImg img {
    width: 100px;
    height: 100px
  }

  #avatarImg {
    width: 140px !important;
    height: 120px !important;
  }

  /* DATOS PERSONALES*/


  /* BOTONES DEL ADMINISTRADOR*/
  .ancho_boton {
    width: 100%;
    float: left
  }

  .form input,
  .form select {
    font-size: 15px;
  }

  label {
    font-size: 18px;
    font-weight: bold
  }

  .base {}

  /* BOTONES DEL ADMINISTRADOR*/

  /* RADIO DEL ADMINISTRADOR*/
  .radio_label {
    float: left;
    margin: 4px 10px 0 0
  }

  .radio {
    width: 5% !important;
    float: left
  }

  /* RADIO DEL ADMINISTRADOR*/

  /* NOTICIA*/
  #datos_adicionales {
    display: none !important
  }

  .datosnoticia {
    width: 100% !important
  }

  .chzn-container-multi .chzn-choices {
    padding: 8px !important
  }

  .chzn-container-multi .chzn-choices .search-field .default {
    height: 17px
  }

  .datosextranoticia {
    width: 100% !important
  }
}

/* NOTICIA*/

/*.menubarra ul li a { font-size:.9em !important }*/





@media (min-width: 768px) and (max-width: 979px) {
  .container {
    max-width: 750px;
  }

  /* DATOS PERSONALES*/

  #cajaobligatorio {
    clear: both
  }

  #avatarImg img {
    width: 130px;
    height: 130px
  }

  /* DATOS PERSONALES*/


  /* BOTONES DEL ADMINISTRADOR*/

  .ancho_boton {
    width: 15%;
    float: left
  }

  .form input,
  .form select {
    font-size: 16px;
  }

  label {
    font-size: 18px;
    font-weight: bold
  }

  .botonn {
    padding: 8px !important;
  }


  /* BOTONES DEL ADMINISTRADOR*/

  /* RADIO DEL ADMINISTRADOR*/
  .radio_label {
    float: left;
    margin: 4px 10px 0 0
  }

  .radio {
    width: 5% !important;
    float: left
  }

  /* RADIO DEL ADMINISTRADOR*/

  /* CHECKBOX DEL ADMINISTRADOR*/
  .checkbox {
    float: left;
    clear: both
  }

  /* CHECKBOX DEL ADMINISTRADOR*/


  /* NOTICIA*/
  #datos_adicionales {
    display: none !important
  }

  .datosnoticia {
    width: 100% !important
  }

  .chzn-container-multi .chzn-choices {
    padding: 8px !important
  }

  .chzn-container-multi .chzn-choices .search-field .default {
    height: 17px
  }

  .datosextranoticia {
    width: 100% !important
  }

  /* NOTICIA*/

}

@media (min-width: 979px) and (max-width: 1200px) {
  .container {
    max-width: 940px;
  }


  /* DATOS PERSONALES*/

  #cajaobligatorio {
    clear: both
  }

  #avatarImg img {
    width: 170px;
    height: 170px
  }


  /* BOTONES DEL ADMINISTRADOR*/

  .ancho_boton {
    width: 15%;
    float: left
  }

  .form input .form select {
    padding: 8px 0;
    font-size: 18px;
  }

  label {
    font-size: 18px;
    font-weight: bold
  }




  /* RADIO DEL ADMINISTRADOR*/
  .radio_label {
    float: left;
    margin: 4px 10px 0 0
  }

  .radio {
    width: 5% !important;
    float: left
  }

  /* RADIO DEL ADMINISTRADOR*/


  /* NOTICIA*/
  .datosnoticia {
    width: 100% !important
  }

  .chzn-container-multi .chzn-choices {
    padding: 8px !important
  }

  .chzn-container-multi .chzn-choices .search-field .default {
    height: 17px
  }

  .datosextranoticia {
    width: 100% !important
  }

  /* NOTICIA*/


}

@media (min-width: 1200px) {
  .container {
    max-width: 1560px;
  }

  .ancho_01,
  .ancho_05,
  .ancho_1,
  .ancho_boton,
  .ancho_2,
  .ancho_3,
  .ancho_4,
  .ancho_5,
  .ancho_6,
  .ancho_7,
  .ancho_8,
  .ancho_9,
  .ancho_10,
  .ancho_11,
  .ancho_12,
  .ancho_13,
  .ancho_14,
  .ancho_15,
  .ancho_16,
  .ancho_17,
  .ancho_18,
  .ancho_19,
  .ancho_20 {
    display: inline;
    float: left;
    margin-left: 0px;
    margin-right: 0px;
  }

  .ancho_01 {
    width: 1%;
  }

  .ancho_05 {
    width: 5%;
  }

  .ancho_1 {
    width: 10%;
  }

  .ancho_2 {
    width: 20%;
  }

  .ancho_3 {
    width: 30%;
  }

  .ancho_4 {
    width: 40%;
  }

  .ancho_5 {
    width: 50%;
  }

  .ancho_6 {
    width: 60%;
  }

  .ancho_7 {
    width: 70%;
  }

  .ancho_8 {
    width: 80%;
  }

  .ancho_9 {
    width: 90%;
  }

  .ancho_10 {
    width: 100%;
  }

  .ancho_boton,
  {
  width: 11%;
}

/* RADIO DEL ADMINISTRADOR*/
.radio_label {
  float: left;
  margin: 4px 10px 0 0
}

.radio {
  width: 20% !important;
  float: left
}

/* RADIO DEL ADMINISTRADOR*/


/* NOTICIA*/
.chzn-container-multi .chzn-choices {
  padding: 8px !important
}

.chzn-container-multi .chzn-choices .search-field .default {
  height: 17px
}

/* NOTICIA*/

}


.advertencia {
  background-color: #FF3
}

.critico {
  background-color: #F00
}

.disponible {
  background-color: #0F0
}

.caja_areas {
  border: 1px solid #CCC;
  padding: 10px;
  margin-bottom: 30px
}

/* dashboard*/
.tile_count .tile_stats_count span {
  font-size: 12px;
}

.tile_count .tile_stats_count .count {
  font-size: 30px;
  line-height: 47px;
  font-weight: 600;
}

.tile_count .tile_stats_count .count.small {
  font-size: 20px;
}

.tile_count .tile_stats_count .count_bottom i {
  width: 12px;
}

.tile_stats_count i.fa {
  color: #666
}

.blue {
  color: #3498DB
}

.purple {
  color: #9B59B6
}

.green {
  color: #1ABB9C
}

.aero {
  color: #9CC2CB
}

.red {
  color: #E74C3C
}

.dark {
  color: #34495E
}

#dashboard-buttons {
  border: none !important;
}

.x_panel {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px 17px;
  display: inline-block;
  background: #fff;
  border: 1px solid #E6E9ED;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  opacity: 1;
  transition: all .2s ease;
}

.tile {
  overflow: hidden;
}

.fixed_height_320 {
  height: 320px;
}

.x_title {
  border-bottom: 2px solid #E6E9ED;
  padding: 1px 5px 6px;
  margin-bottom: 10px;
}

.x_title h2 {
  margin: 5px 0 6px;
  float: left;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.panel_toolbox {
  float: right;
  min-width: 70px;
}

.navbar-right {
  margin-right: 0;
}

.x_content {
  padding: 0 5px 6px;
  position: relative;
  width: 100%;
  float: left;
  clear: both;
  margin-top: 5px;
}

.x_title h2 {
  font-size: 18px;
}

.x_content h4 {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.panel_toolbox>li {
  float: left;
  cursor: pointer;
}

.panel_toolbox>li>a:hover {
  background: #F5F7FA;
}

.panel_toolbox .nav>li>a {
  padding: 5px 10px !important;
}

ul.to_do {
  padding: 0;
}

ul.to_do li {
  background: #f3f3f3;
  border-radius: 3px;
  position: relative;
  padding: 7px;
  margin-bottom: 5px;
  list-style: none;
}

ul.to_do p {
  margin: 0;
  padding: 0px;
  font-size: 14px;
}

ul.to_do p .fecha {
  padding-left: 20px;
  font-style: italic;
  font-size: 12px;
}

.icheckbox_flat-green {
  background-position: 0 0;
}

ul.top_profiles {
  height: 330px;
  width: 100%;
}

ul.top_profiles li {
  padding: 5px 10px;
}

ul.top_profiles li:nth-child(odd) {
  background-color: #eee;

}

ul.top_profiles li p {
  font-size: 12px;
}

.list-unstyled p {
  padding: 0px;
  margin: 0px;
}

.list-unstyled .media {
  margin-top: 5px;
}

.media .profile_thumb {
  margin: 5px 10px 5px 0;
  padding: 2px 5px;
}

.media .profile_thumb i {
  font-size: 30px;
}

.media-body,
.media-left,
.media-right {
  display: table-cell;
  vertical-align: top;
}

.event .media-body .title {
  font-weight: 600;
}

.select-group input.form-control {
  width: 65%
}

.select-group select.input-group-addon {
  width: 35%;
}

.select-group {
  width: 100% !important;
}

input[type="checkbox"],
input[type="radio"] {
  outline: 0 !important;
}

@media (min-width: 768px) {
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }

  .tile_count .tile_stats_count span {
    font-size: 13px;
  }

  .tile_count .tile_stats_count .count {
    font-size: 40px;
  }

}


/* 5 Columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-15 {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}

.fullscreen-overlay {
  width: 100vw;
  height: 100vh;
  background: url(../../images/login.jpg) no-repeat center center;
  background-size: cover;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  z-index: 999;
}

/*************************************/
/*SIDEBAR*/

/*Select*/
.custom-select {
  width: 80%;
  padding: 10px;
  border-radius: 8px;
  background-color: #f8f9fa;
  font-size: 16px;
  transition: border-color 0.3s, box-shadow 0.3s;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(0%2C22%2C66)' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.036 2.322 4 3.204 4h9.592c.882 0 1.319 1.036.753 1.658l-4.796 5.482a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 16px 16px;
  color: rgb(0, 22, 66);
  font-weight: 400;
}

.custom-select:focus {
  border-color: rgb(0, 22, 66);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
  outline: none;
}


/*Dashbord*/
.dashbord-primer-panel {
  display: flex;
  flex-direction: column;

  p {
    margin: 0;
    padding: 5px;
    font-style: italic;
    color: #5e738b;
  }
}

/*BOTONES*/

.boton-panel {
  font-family: 'Segoe UI', sans-serif;
  font-size: 3.1rem;
  padding: 20px 24px;
  margin: 10px;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  color: white;
  background-color: #23557c;
  position: relative;
  overflow: hidden;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.boton-panel::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  transition: left 0.4s ease;
}

.boton-panel:hover::after {
  left: 100%;
}

.boton-panel:hover,
.boton-panel:focus {
  background-color: #1976d2;
  transform: scale(1.05);
  color: white !important;
}

.contenedor-btns {
  height: 25vh;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
}
/*
.editar,
.eliminar,
.activo {
  padding: 10px;
  background-color: #001642;
}*/

/*BOTONES*/
.botonera {
  display: flex;
  flex-direction: row;
}

.botonn {
  text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  text-decoration: none;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  display: inline-block;
  color: #FFF !important;
  background: #7F8C8D;
  padding: 5px 8px !important;
  white-space: nowrap;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 10px;
  margin: 10px 5px;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: none;
}

.coral {
  background: #bf6565 !important;
  box-shadow: 0px 5px 0px 0px #9b4e4e;
}

.coral:hover {
  background: #d47070 !important;
}

.azul {
  background: #407b9d !important;
  box-shadow: 0px 5px 0px 0px #376b89;
}

.azul:hover {
  background: #4e94bd !important;


}

.azul:active {
  box-shadow: 0px 2px 0px 0px #3793d1;
}

.verde {
  background: #31c972 !important;
  box-shadow: 0px 5px 0px 0px #27AE60;
}

.verde:hover {
  background: #32db78 !important;
}

.verde:active {
  box-shadow: 0px 2px 0px 0px #27AE60;
}

.rojo {
  background: #E74C3C !important;
  box-shadow: 0px 5px 0px 0px #C0392B !important;
}

.rojo:hover {
  background: #ff5242 !important;
}

.rojo:active {
  box-shadow: 0px 2px 0px 0px #C0392B;
}

.blanco {
  background: #ffffff !important;
  border: 1px solid #efecec;
  color: #000 !important;
  box-shadow: 0px 5px 0px 0px #939393 !important;
}

.blanco:hover {
  background: #f0f0f0 !important;
}

.blanco:active {
  box-shadow: 0px 2px 0px 0px #939393;
}

.gris {
  background: #a3a2a2 !important;
  box-shadow: 0px 5px 0px 0px #939393 !important;
}

.gris:hover {
  background: #bcbbbb !important;
}

.gris:active {
  box-shadow: 0px 2px 0px 0px #939393;
}




/*TITULOS*/
.titulo-principal-pagina {
  h1 {
    margin: 0px !important;

  }
}


/*FLEXBOX*/
.flex {
  display: flex;
  flex-direction: row;
  align-items: center;
}



.flex-column {
  display: flex;
  flex-direction: column;

}

.flex-start{
  justify-content: flex-start;
}


.flex-end {
  justify-content: flex-end;
}

.space-between {
  justify-content: space-between;
}

.align-items-center{
  align-items: center;
}

.space-around{
  justify-content: space-around;
}
.content-center{
  justify-content: center;
}


/*ICONOS*/
.icono-font {
  margin-bottom: 10px;
  margin-right: 10px;
}


/*CONTENEDOR*/
.general_form {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}


/*MODAL*/
.modal-dialog {
  width: 60%;
}

#mul_multimedia_fotos {
  width: 100%;
}


/* POP-UP TABLES */

.form-table-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  padding-bottom: 15px;
  gap: 30px;
  font-family: 'Poppins', sans-serif !important;

  input {
    font-family: 'Poppins', sans-serif !important;
  }
}



.menubarra {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-left: 20px;
}

.menubarra ul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 10px;
}
.menubarra ul li a{
   padding: 10px 20px;
}


/* Tabla */
#listarDatos, #listarDatosDisc {
    width: 100% !important;
    border-collapse: collapse;
    font-family: 'Poppins', sans-serif !important;
    border: none !important;
}
.ui-jqgrid .ui-jqgrid-htable th {
     font-family: 'Poppins', sans-serif !important;
    font-weight: bold;
    color: #1a3e72;
    border: none;
    padding: 12px 8px;
    border: none !important;
}

.ui-jqgrid tr.jqgrow:nth-child(even) {
    background-color: #eaf2fa !important;
    border: none !important;
}

.ui-jqgrid tr.jqgrow td {
    border-bottom:none !important;
    padding: 10px 8px !important;
    font-size: 14px;
    font-family: 'Poppins' !important;;
    border: none !important;
}

.table-fea{
  border: none !important;
  font-family: 'Poppins', sans-serif !important;
}



/*MULTIMEDIA EN ARCHIVOS*/
.multimedia-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
  padding: 10px 0px;
}
/*
.multimedia-item {
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 10px;
  background-color: #fff;
  text-align: center;
  position: relative;
  box-shadow: 0 2px 12px 2px rgba(0,0,0,0.05);

   transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.multimedia-item img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  display: block;
  margin: 0 auto 8px auto;
}*/
.multimedia-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  height: 100%;
  border: 1px solid #c3c1c1;
  padding: 10px;
  border-radius: 10px;
  background-color: #f1eeee;
  text-align: center;
  position: relative;
  box-shadow: 0 2px 12px 2px rgba(0,0,0,0.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}


.multimedia-item img {
  width: 100%;
  height: 150px;
  object-fit: contain;
  margin: 5px;
}

.multimedia-item:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}


.file-name {
  font-size: 13px;
  color: #333;
  word-break: break-word;
  margin-bottom: 6px;
}

.contenedor-btn-eliminar{
  display: flex;
  justify-content: center;
}
.eliminar-btn {
  display: inline-block;
  padding: 4px 8px;
  font-size: 12px;
}



/*DATEPICKER NUEVO*/
.form-control[readonly]{
background-color: white !important;
}
.flatpickr-months .flatpickr-month, .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-weekdays  {
    background-color: #337ab7 !important;
    color: #ffffff;
}
span.flatpickr-weekday{
    background-color: #337ab7 !important;
    color: #ffffff;
}