/*------------------------------------------------------------------
Bootstrap Admin Template by EGrappler.com
------------------------------------------------------------------*/



/*------------------------------------------------------------------
[1. Global]
*/

/* ----- Normalize ----- */

* {
 margin: 0;
 padding: 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

body {
 background: var(--primario-real-transparente);
 font: 16px/1.7em 'Be Vietnam Pro';
 color: var(--neutro);
 font-weight: 300;
}

p {
 font: 16px/1.7em 'Be Vietnam Pro';
}

input,
button,
select,
textarea {
 font-family: 'Be Vietnam Pro';
}

label {
 font-size: 14px;
 font-weight: 300;
 color: var(--neutro);
}


a {
 color: var(--secundario-real);
}

.dropdown .dropdown-menu {
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
}

.btn-icon-only {
 padding-right: 3px;
 padding-left: 3px;
}

.table td {
 vertical-align: middle;
 overflow-wrap: break-word;
}

.table-bordered th {
 background: #E9E9E9;
 background: -moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Opera11.10+ */
 background: -ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* IE10+ */
 background: linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* W3C */
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
 font-size: 10px;
 color: var(--neutro-oscuro);
 text-transform: uppercase;
 overflow: scroll; /* Scrollbar are always visible */
 overflow: auto; /* Scrollbar is displayed as it's needed */
}

.table-compacta th, .table-compacta td {
 padding: 3px !important;
}


.table-encabezado {
 margin-bottom: 0px !important;
 width: 100%;
}

 .table-encabezado thead tr th, .TablaAcordeon .table-encabezado thead tr th {
  background: #2e2e3a;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 22px !important;
 }

.TablaAcordeon:hover {
 background-color: #FFFFFF !important;
 color: var(--neutro-oscuro) !important;
}

.TablaAcordeon {
 padding: 0 !important;
}

 .TablaAcordeon .accordion-inner {
  padding: 0px;
  border: 0px;
 }

  .TablaAcordeon .accordion-inner.in {
   padding: 15px;
   border: 0px;
  }

 .TablaAcordeon .table .table-encabezado thead tr th {
  background-color: #5b5b79;
  color: #ffffff;
  text-transform: uppercase;
 }


.table-bordered tr:hover, .table-bordered tr.odd:hover {
 background-color: #b1d0e5; /*color: #ffffff;*/
}

.TablaAcordeon tr:hover, .TablaAcordeon tr.odd:hover {
 background-color: #b1d0e5; /*color: #ffffff;*/
}


.tableSinBorde {
 border-bottom: 0px !important;
 width: 100%;
}

 .tableSinBorde th, .tableSinBorde td {
  border: 1px !important;
  padding: 2px !important;
 }

 .tableSinBorde tr:hover, .tableSinBorde tr.odd:hover {
  background-color: #ffffff; /*color: #ffffff;*/
 }


.FileUpload {
 width: 0.1px;
 height: 0.1px;
 opacity: 0;
 overflow: hidden;
 position: absolute;
 z-index: -1;
}

 .FileUpload + label {
  width: 230px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  padding: 12px;
  -webkit-box-shadow: inset rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.1) 0 1px 2px;
  -moz-box-shadow: inset rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.1) 0 1px 2px;
  box-shadow: inset rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.1) 0 1px 2px;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(128, 128, 128, 0.1));
  background-color: white;
  border-color: whitesmoke whitesmoke #cfcfcf;
  border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  text-align: center;
  color: var(--neutro-oscuro);
 }

  .FileUpload:focus + label,
  .FileUpload.has-focus + label,
  .FileUpload + label:hover {
   background-color: #e6e6e6;
   background-position: 0 -15px;
   -webkit-transition: background-position 0.1s linear;
   -moz-transition: background-position 0.1s linear;
   -ms-transition: background-position 0.1s linear;
   -o-transition: background-position 0.1s linear;
   transition: background-position 0.1s linear;
  }


/*------------------------------------------------------------------
[2. Navbar / .navbar]
*/


.navbar .container {
 position: relative;
}

.navbar-inner {
 padding: 2px 0px 1px 0px; /*background-color: #0066B2;*/
 background-image: none;
 height: 45px;
 box-shadow: none !important;
}

.navbar-fixed-top {
 position: relative;
 background: #0066B2;
 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4) !important;
}

.navbar .nav a {
 font-size: 16px;
}

.navbar .nav > li > a {
 color: #fff !important;
}

.navbar .brand {
 font-weight: 600;
 position: relative;
 top: 2px;
}

.navbar .search-query {
 background-color: #444;
 width: 150px;
 font-size: 11px;
 font-weight: bold;
}

 .navbar .search-query::-webkit-input-placeholder {
  color: var(--neutro);
 }

 .navbar .search-query:-moz-placeholder {
  color: var(--neutro);
 }

.navbar-search .search-query {
 background: #008866;
 border: 0;
 color: #fff;
 line-height: normal;
}


/*------------------------------------------------------------------
[3. Subnavbar / .subnavbar]
*/

.subnavbar {
 margin-bottom: 0;
}

.subnavbar-inner {
 height: 60px;
 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
 /*border-bottom: 1px solid #E6E6E6;*/
 background: #FFF;
}

#NavMaster {
 background: #FFF;
 /*min-width: 360px;*/
 box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
 position: relative;
 z-index: -1;
}

.subnavbar .container > ul {
 display: inline-block;
 /*height: 42px;*/
 padding: 0;
 margin: 0;
}

 .subnavbar .container > ul > li {
  float: left;
  min-width: 0px;
  height: 60px;
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: none;
  border-left: 1px solid #E6E6E6;
 }

  .subnavbar .container > ul > li:last-child {
   border-right: 1px solid #E6E6E6;
  }

  .subnavbar .container > ul > li > a {
   display: block;
   height: 100%;
   padding: 0 15px;
   font-size: 14px;
   color: var(--neutro);
   cursor: pointer;
  }

   .subnavbar .container > ul > li > a:hover {
    color: #888;
    text-decoration: none;
   }

   .subnavbar .container > ul > li > a > i {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-top: 11px;
    margin-bottom: -3px;
    font-size: 20px;
    font-style: normal;
   }

   .subnavbar .container > ul > li > a > span {
    display: block;
   }


  .subnavbar .container > ul > li.active > a {
   border-bottom: 10px solid var(--secundario-real);
   color: var(--neutro-oscuro);
   font-weight: 400;
  }


.subnavbar .dropdown .dropdown-menu a {
 font-size: 16px;
}

.dropdown-menu a {
 color: #99CCFF;
}


.navbar .dropdown-menu:before {
 border-bottom: 7px solid red;
}

.navbar .dropdown-menu:after {
 border-bottom: 6px solid red;
}

.dropdown-menu {
 background-color: red;
 border-color: red;
 top: 35px;
}

.subnavbar .dropdown .dropdown-menu {
 text-align: left;
 -webkit-border-top-left-radius: 0;
 -webkit-border-top-right-radius: 0;
 -moz-border-radius-topleft: 0;
 -moz-border-radius-topright: 0;
 border-top-left-radius: 0;
 border-top-right-radius: 0;
}



.subnavbar .dropdown-menu::before {
 content: '';
 display: inline-block;
 border-left: 7px solid transparent;
 border-right: 7px solid transparent;
 border-bottom: 7px solid #CCC;
 border-bottom-color: rgba(0, 0, 0, 0.2);
 position: absolute;
 top: -7px;
 left: 9px;
}

.subnavbar .dropdown-menu::after {
 content: '';
 display: inline-block;
 border-left: 6px solid transparent;
 border-right: 6px solid transparent;
 border-bottom: 6px solid white;
 position: absolute;
 top: -6px;
 left: 10px;
}


.subnavbar .caret {
 margin-top: 4px;
 border-top-color: white;
 border-bottom-color: white;
}

.subnavbar .dropdown.open .caret {
 display: none;
}





/*------------------------------------------------------------------
[4. Main / .main]
*/

.main {
 padding-bottom: 2em; /*border-bottom: 1px solid #666;*/
}



/*------------------------------------------------------------------
[5. Extra / .extra]
*/

.extra {
 border-top: 1px solid #585858;
 border-bottom: 1px solid var(--neutro-oscuro);
}

.extra-inner {
 padding: 20px 0;
 font-size: 11px;
 color: #BBB;
 background: #1A1A1A;
}

.extra a {
 color: var(--neutro-oscuro);
}

.extra h4 {
 margin-bottom: 1em;
 font-weight: 400;
}

.extra ul {
 padding: 0;
 margin: 0;
}

.extra li {
 margin-bottom: .6em;
 list-style: none;
}




/*------------------------------------------------------------------
[6. Footer/ .footer]
*/

.footer {
 margin-top: 0;
 border-top: 1px solid #292929;
 Background-image: linear-gradient(to right, rgb(180, 221, 241), rgb(180, 221, 241));
 padding: 5px;
}

.footer-inner {
 font-size: 13px;
 height: 47px; /*background-image: url('../imagenes/Footer.jpg');
    background-repeat: no-repeat;
    background-position: center top;*/
 background-color: #b4ddf1;
 margin-left: auto;
 margin-right: auto;
}

.footer a {
 color: #2b274c;
 font-weight: bold !important;
 padding: 5px;
}

 .footer a:hover { /*color: #FFF;*/
  font-weight: bold;
  text-decoration: none;
 }


/*------------------------------------------------------------------
[6. Widget / .widget]
*/

.widget {
 position: relative;
 clear: both;
 width: auto;
 margin-bottom: 2em;
 overflow: hidden;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 box-shadow: 0px 4px 24px 0px rgba(0,0,0,0.1);
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 border-radius: 12px;
 border: 1px solid var(--neutro-claro);
}

.widget-header {
 padding: 8px;
 position: relative;
 background: #f0f0f0;
 background: -moz-linear-gradient(top,#f0f0f0 0%,#fafbfe 100%);
 background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f0f0f0),color-stop(100%,#fafbfe));
 background: -webkit-linear-gradient(top,#f0f0f0 0%,#fafbfe 100%);
 background: -o-linear-gradient(top,#f0f0f0 0%,#fafbfe 100%);
 background: -ms-linear-gradient(top,#f0f0f0 0%,#fafbfe 100%);
 background: linear-gradient(top,#f0f0f0 0%,#fafbfe 100%);
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#FAFBFE')";
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0',endColorstr='#FAFBFE');
 -webkit-background-clip: padding-box;
 -moz-background-clip: padding-box;
 background-clip: padding-box;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 border-radius: 12px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.1);
 border-bottom: 1px solid var(--neutro-claro);
 /*border: 1px solid #d5d5d5;*/
 /*border-right-color: #d5d5d5;
 border-bottom-color: #d5d5d5;
 border-left-color: #d5d5d5;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-right-width: 0.5px;
 border-bottom-width: 1px;
 border-left-width: 0.5px;*/
}

 .widget-header h3 {
  display: inline;
  font-size: 18px;
  color: var(--neutro-oscuro);
  font-weight: 500;
 }

 .widget-header [class^="icon-"], .widget-header [class*=" icon-"] {
  display: inline;
  margin-right: 8px;
  font-size: 18px;
  color: var(--neutro-oscuro);
 }

.widget-content {
 margin-top: -12px;
 padding: 20px;
 background: #fff;
 -moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 /*border: 1px solid #d5d5d5;*/
}

.widget-header + .widget-content {
 border-top: none;
 -webkit-border-top-left-radius: 0;
 -webkit-border-top-right-radius: 0;
 -moz-border-radius-topleft: 0;
 -moz-border-radius-topright: 0;
 border-top-left-radius: 0;
 border-top-right-radius: 0;
}

.widget-nopad .widget-content {
 padding: 0;
}

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

.widget-content:after {
 clear: both;
}

.widget-content {
 zoom: 1;
}

 .widget-content p {
  color: var(--neutro-oscuro);
 }
/* Widget Table */

.widget-table .widget-content {
 padding: 0;
}

.widget-table .table {
 margin-bottom: 0;
 border: none;
}

 .widget-table .table tr td:first-child {
  border-left: none;
 }

 .widget-table .table tr th:first-child {
  border-left: none;
 }


/* Widget Plain */

.widget-plain {
 background: transparent;
 border: none;
}

 .widget-plain .widget-content {
  padding: 0;
  background: transparent;
  border: none;
 }


/* Widget Box */

.widget-box {
}

 .widget-box .widget-content {
  background: #E3E3E3;
  background: #FFF;
 }




/*------------------------------------------------------------------
[7. Error / .error-container]
*/

.error-container {
 margin-top: 4em;
 margin-bottom: 4em;
 text-align: center;
}

 .error-container h1 {
  margin-bottom: .5em;
  font-size: 120px;
  line-height: 1em;
 }

 .error-container h2 {
  margin-bottom: .75em;
  font-size: 28px;
 }

 .error-container .error-details {
  margin-bottom: 1.5em;
  font-size: 16px;
 }

 .error-container .error-actions a {
  margin: 0 .5em;
 }


/*imagen*/
.img-responsive {
 display: block;
 max-width: 100%;
 align-content: center;
 margin-left: auto;
 margin-right: auto;
 height: auto;
}

/* Message layout */


ul.messages_layout {
 position: relative;
 margin: 0;
 padding: 0;
}

 ul.messages_layout li {
  float: left;
  list-style: none;
  position: relative;
  width: 100%;
 }

  ul.messages_layout li.left {
   padding-left: 75px;
  }

  ul.messages_layout li.right {
   padding-right: 75px;
  }

   ul.messages_layout li.right .avatar {
    right: 0;
    left: auto;
   }

   ul.messages_layout li.right .message_wrap .arrow {
    right: -12px;
    left: auto;
    background-position: 0 -213px;
    height: 15px;
    width: 12px;
   }

  ul.messages_layout li.by_myself .message_wrap {
   border: 1px solid #b3cdf8;
  }

   ul.messages_layout li.by_myself .message_wrap .info a.name {
    color: #4a8cf7;
   }

  ul.messages_layout li a.avatar {
   position: absolute;
   left: 0;
   top: 0;
  }

   ul.messages_layout li a.avatar img {
    border: 1px solid #cbcbcb;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 70px;
    height: 70px;
   }

  ul.messages_layout li .message_wrap {
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   /*position: relative;*/
   border: 1px solid #d5d5d5;
   padding: 10px;
   margin-bottom: 20px;
   float: left;
   background: #fefefe;
   -webkit-box-shadow: rgba(0,0,0,0.1) 0 1px 0px;
   -moz-box-shadow: rgba(0,0,0,0.1) 0 1px 0px;
   box-shadow: rgba(0,0,0,0.1) 0 1px 0px;
   width: 100%;
  }

   ul.messages_layout li .message_wrap .arrow {
    background-position: 0 -228px;
    height: 15px;
    width: 12px;
    position: absolute;
    left: -12px;
    top: 13px;
   }

   ul.messages_layout li .message_wrap .info {
    width: 100%;
    border-bottom: 4px solid #fff;
   }


    ul.messages_layout li .message_wrap .info .name {
     font-weight: bold;
     color: var(--neutro-oscuro);
    }

    ul.messages_layout li .message_wrap .info .time {
     font-size: 80%;
    }

   ul.messages_layout li .message_wrap .text {
    float: left;
    width: 100%;
    border-top: 1px solid #cfcfcf;
    padding-top: 5px;
   }



 ul.messages_layout .dropdown-menu li {
  width: 100%;
  font-size: 11px;
 }


.badge {
 font-size: 16px;
 line-height: 36px;
 padding: 2px 16px 4px 16px;
 font-weight: 100;
 background-color: var(--neutro-extraclaro);
 -webkit-border-radius: 24px;
 -moz-border-radius: 24px;
 -ms-border-radius: 24px;
 -o-border-radius: 24px;
 border-radius: 24px; /*height: 32px;*/
 -webkit-text-shadow: none;
 text-shadow: none;
 color: var(--neutro-oscuro);
 border: 1px solid var(--neutro-claro);
 margin-top: 4px;
 margin-bottom: 4px;
}

.badge-error {
 background-color: var(--peligro-real);
 color: var(--acento);
}

.badge-warning {
 background-color: var(--advertencia-real);
 color: var(--acento);
}

.badge-success {
 background-color: var(--correcto-real);
 color: var(--acento);
}

.badge-info {
 background-color: var( --secundario-real);
 color: var(--acento);
}

/* Full Calendar */

.fc {
 direction: ltr;
 text-align: left;
 position: relative;
}

 .fc table {
  border-collapse: collapse;
  border-spacing: 0;
 }

 html .fc, .fc table {
  font-size: 1em;
 }

 .fc td, .fc th {
  padding: 0;
  vertical-align: top;
 }

.fc-header td {
 white-space: nowrap;
 background: none;
}

.fc-header-left {
 width: 100%;
 text-align: left;
 position: absolute;
 left: 0;
 top: 6px;
}

 .fc-header-left .fc-button {
  margin: 0;
  position: relative;
 }

 .fc-header-left .fc-button-prev, .fc-header-left .fc-button-next {
  float: left;
  border: none;
  padding: 14px 10px;
  opacity: 0.5;
 }

  .fc-header-left .fc-button-prev .fc-button-inner, .fc-header-left .fc-button-next .fc-button-inner {
   border: none;
  }

   .fc-header-left .fc-button-prev .fc-button-inner .fc-button-content, .fc-header-left .fc-button-next .fc-button-inner .fc-button-content {
    display: none;
   }

  .fc-header-left .fc-button-prev.fc-state-hover, .fc-header-left .fc-button-next.fc-state-hover {
   opacity: 1;
  }

  .fc-header-left .fc-button-prev.fc-state-down, .fc-header-left .fc-button-next.fc-state-down {
   background: none !important;
   margin-top: -1px;
  }

  .fc-header-left .fc-button-prev .fc-button-inner {
   background-position: 0 -351px;
   height: 16px;
   width: 11px;
  }

 .fc-header-left .fc-button-next {
  float: right;
 }

  .fc-header-left .fc-button-next .fc-button-inner {
   background-position: 0 -367px;
   height: 16px;
   width: 11px;
  }

.fc-header-center {
 text-align: center;
}

.fc-header-right {
 text-align: right;
 position: absolute;
 top: -34px;
 right: 10px;
}

.fc-header-title {
 display: inline-block;
 vertical-align: top;
}

 .fc-header-title h2 {
  margin-top: 0;
  white-space: nowrap;
  font-size: 1.1rem;
  color: #6C737F;
  line-height: 55px;
 }

.fc .fc-header-space {
 padding-left: 10px;
}

.fc-header .fc-button {
 margin-bottom: 1em;
 vertical-align: top;
}

.fc-header .fc-button {
 margin-right: -1px;
}

.fc-header .fc-corner-right {
 margin-right: 1px;
}

.fc-header .ui-corner-right {
 margin-right: 0;
}

.fc-header .fc-state-hover, .fc-header .ui-state-hover {
 z-index: 2;
}

.fc-header .fc-state-down {
 z-index: 3;
}

.fc-header .fc-state-active, .fc-header .ui-state-active {
 z-index: 4;
}

.fc-content {
 clear: both;
 background: #f9f9f9;
}

.fc-view {
 width: 100%;
 overflow: hidden;
}

 .fc-view thead {
  background: #e9ecf1;
  line-height: 35px;
 }

.fc-widget-header, .fc-widget-content {
 border: 1px solid #ccc;
}

.fc-state-highlight {
 background: #F4F3E6;
}

.fc-cell-overlay {
 background: #9cf;
 opacity: .2;
 filter: alpha(opacity=20);
}

.fc-button {
 position: relative;
 display: inline-block;
 cursor: pointer;
}

.fc-button-today {
 margin-top: 8px !important;
}

.fc-state-default {
 border-style: solid;
 border-width: 1px 0;
}

.fc-button-inner {
 position: relative;
 float: left;
 overflow: hidden;
}

.fc-state-default .fc-button-inner {
 border-style: solid;
 border-width: 0 1px;
}

.fc-button-content {
 position: relative;
 float: left;
 height: 1.9em;
 line-height: 1.9em;
 padding: 0 .6em;
 white-space: nowrap;
}

 .fc-button-content .fc-icon-wrap {
  position: relative;
  float: left;
  top: 50%;
 }

 .fc-button-content .ui-icon {
  position: relative;
  float: left;
  margin-top: -50%;
  *margin-top: 0;
  *top: -50%;
 }

.fc-state-default .fc-button-effect {
 position: absolute;
 top: 50%;
 left: 0;
}

 .fc-state-default .fc-button-effect span {
  position: absolute;
  top: -100px;
  left: 0;
  width: 500px;
  height: 100px;
  border-width: 100px 0 0 1px;
  border-style: solid;
  border-color: #fff;
  background: #444;
  opacity: .09;
  filter: alpha(opacity=9);
 }

.fc-state-default, .fc-state-default .fc-button-inner {
 border-style: solid;
 border-color: #ccc #bbb #aaa;
 color: var(--neutro-oscuro);
}

.fc-state-hover, .fc-state-hover .fc-button-inner {
 border-color: #999;
}

.fc-state-down {
 border-color: #555;
 background: #777;
}

.fc-state-active, .fc-state-active .fc-button-inner {
 border-color: #555;
 background: #777;
 color: #fff;
}

.fc-state-disabled, .fc-state-disabled .fc-button-inner {
 color: #999;
 border-color: #ddd;
}

.fc-state-disabled {
 cursor: default;
}

 .fc-state-disabled .fc-button-effect {
  display: none;
 }

.fc-event {
 border-style: solid;
 border-width: 0;
 font-size: .85em;
 cursor: default;
}

a.fc-event, .fc-event-draggable {
 cursor: pointer;
}

a.fc-event {
 text-decoration: none;
}

.fc-rtl .fc-event {
 text-align: right;
}

.fc-event-skin {
 border-color: #3f85f5;
 background-color: #5e96ea;
 color: #fff;
}

.fc-event-inner {
 position: relative;
 width: 100%;
 height: 100%;
 border-style: solid;
 border-width: 0;
 overflow: hidden;
}

.fc-event-time, .fc-event-title {
 padding: 0 1px;
}

.fc .ui-resizable-handle {
 display: block;
 position: absolute;
 z-index: 99999;
 overflow: hidden;
 font-size: 300%;
 line-height: 50%;
}

.fc-event-hori {
 border-width: 1px 0;
 margin-bottom: 1px;
}

 .fc-event-hori .ui-resizable-e {
  top: 0 !important;
  right: -3px !important;
  width: 7px !important;
  height: 100% !important;
  cursor: e-resize;
 }

 .fc-event-hori .ui-resizable-w {
  top: 0 !important;
  left: -3px !important;
  width: 7px !important;
  height: 100% !important;
  cursor: w-resize;
 }

 .fc-event-hori .ui-resizable-handle {
  _padding-bottom: 14px;
 }

.fc-corner-left {
 margin-left: 1px;
}

 .fc-corner-left .fc-button-inner, .fc-corner-left .fc-event-inner {
  margin-left: -1px;
 }

.fc-corner-right {
 margin-right: 1px;
}

 .fc-corner-right .fc-button-inner, .fc-corner-right .fc-event-inner {
  margin-right: -1px;
 }

.fc-corner-top {
 margin-top: 1px;
}

 .fc-corner-top .fc-event-inner {
  margin-top: -1px;
 }

.fc-corner-bottom {
 margin-bottom: 1px;
}

 .fc-corner-bottom .fc-event-inner {
  margin-bottom: -1px;
 }

.fc-corner-left .fc-event-inner {
 border-left-width: 1px;
}

.fc-corner-right .fc-event-inner {
 border-right-width: 1px;
}

.fc-corner-top .fc-event-inner {
 border-top-width: 1px;
}

.fc-corner-bottom .fc-event-inner {
 border-bottom-width: 1px;
}

table.fc-border-separate {
 border-collapse: separate;
}

.fc-border-separate th, .fc-border-separate td {
 border-width: 1px 0 0 1px;
}

 .fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
  border-right-width: 1px;
 }

.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
 border-bottom-width: 0px;
}

.fc-first {
 border-left-width: 0 !important;
}

.fc-last {
 border-right-width: 0 !important;
}

.fc-grid th {
 text-align: center;
}

.fc-grid .fc-day-number {
 float: right;
 padding: 0 2px;
}

.fc-grid .fc-other-month .fc-day-number {
 opacity: 0.3;
 filter: alpha(opacity=30);
}

.fc-grid .fc-day-content {
 clear: both;
 padding: 2px 2px 1px;
}

.fc-grid .fc-event-time {
 font-weight: bold;
}

.fc-rtl .fc-grid .fc-day-number {
 float: left;
}

.fc-rtl .fc-grid .fc-event-time {
 float: right;
}

.fc-agenda table {
 border-collapse: separate;
}

.fc-agenda-days th {
 text-align: center;
}

.fc-agenda .fc-agenda-axis {
 width: 60px !important;
 padding: 0 4px;
 vertical-align: middle;
 text-align: right;
 white-space: nowrap;
 font-weight: normal;
}

.fc-agenda .fc-day-content {
 padding: 2px 2px 1px;
}

.fc-agenda-days .fc-agenda-axis {
 border-right-width: 1px;
}

.fc-agenda-days .fc-col0 {
 border-left-width: 0;
}

.fc-agenda-allday th {
 border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
 min-height: 34px;
 _height: 34px;
}

.fc-agenda-divider-inner {
 height: 2px;
 overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
 background: #eee;
}

.fc-agenda-slots th {
 border-width: 1px 1px 0;
}

.fc-agenda-slots td {
 border-width: 1px 0 0;
 background: none;
}

 .fc-agenda-slots td div {
  height: 20px;
 }

.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td {
 border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td {
 border-top-style: dotted;
}

 .fc-agenda-slots tr.fc-minor th.ui-widget-header {
  *border-top-style: solid;
 }

.fc-event-vert {
 border-width: 0 1px;
}

 .fc-event-vert .fc-event-head, .fc-event-vert .fc-event-content {
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
 }

 .fc-event-vert .fc-event-time {
  white-space: nowrap;
  font-size: 10px;
 }

 .fc-event-vert .fc-event-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: .3;
  filter: alpha(opacity=30);
 }

.fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg {
 display: none\9;
}

.fc-event-vert .ui-resizable-s {
 bottom: 0 !important;
 width: 100% !important;
 height: 8px !important;
 overflow: hidden !important;
 line-height: 8px !important;
 font-size: 11px !important;
 font-family: monospace;
 text-align: center;
 cursor: s-resize;
}

.fc-agenda .ui-resizable-resizing {
 _overflow: hidden;
}

.fc-header-left .fc-button-prev .fc-button-inner {
 background: url('../img/icons-sa7c41345d9.png') no-repeat;
 background-position: 0 -351px;
 height: 16px;
 width: 11px;
}

.fc-header-left .fc-button-next .fc-button-inner {
 background: url('../img/icons-sa7c41345d9.png') no-repeat;
 background-position: 0 -367px;
 height: 16px;
 width: 11px;
}

/*------------------------------------------------------------------
[8. Miscellaneous]
*/

.chart-holder {
 width: 100%;
 height: 250px;
}

/*.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
 background: #00ba8b;
}*/

.accordion-heading {
 background: #e5e5e5;
}

 .accordion-heading a {
  color: #545454;
  text-decoration: none;
  font-weight: bold;
 }

.btn {
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 -ms-border-radius: 8px;
 -o-border-radius: 8px;
 border-radius: 8px;
 font-size: 16px;
}

.btn-facebook-alt i {
 color: #23386a;
}

.btn-twitter-alt i {
 color: #0098d0;
}

.btn-google-alt i {
 color: #b6362d;
}

.btn-linkedin-alt i {
 color: #0073b2;
}

.btn-pinterest-alt i {
 color: #ab171e;
}

.btn-github-alt i {
 color: #333;
}

.all-icons li {
 list-style: none;
}

.ML0 {
 margin-left: 0;
}

.MR0 {
 margin-right: 0;
}



.bg-success {
 background-color: #28a745 !important;
}

.bg-info {
 background-color: #17a2b8 !important;
}

.bg-warning {
 background-color: #ffc107 !important;
}

.bg-danger {
 background-color: #dc3545 !important;
}

.bg-light {
 background-color: #f8f9fa !important;
}

.bg-dark {
 background-color: #343a40 !important;
}

.bg-Orange {
 background-color: #FF6600 !important;
 color: #ffff;
}


.Invisible {
 display: none;
}

/*iframe {
 max-width: 1240px;
 position: fixed;
}*/

.modal-body .contenidoIframe iframe {
 width: 100%;
 height: 80%;
}

/*css anterior*/


.BHEnabled, .BHEnabled img, .BHEnabledBuscar, #Soporte img {
 cursor: pointer;
}

.BHDisabled {
 color: var(--neutro-oscuro);
 background-color: silver;
 border-color: silver;
 cursor: not-allowed;
}

.BHEnabledBuscar {
 background-color: #F0F0F0;
 border-collapse: separate;
 border: 1px solid #C0C0C0;
 color: var(--neutro-oscuro);
}

.readonly {
 border: 1px inset Silver;
 padding: 2px;
 margin: 0px;
 background-color: Silver;
 color: var(--neutro-oscuro) !important;
}

input[type=text].readonly {
 border: 1px solid Silver;
 background-color: Silver;
 color: var(--neutro-oscuro) !important;
}

input[type=text][readonly="readonly"] {
 cursor: not-allowed; /*border: 1px solid Gray;*/
 background-color: Silver;
 color: var(--neutro-oscuro) !important;
}


.FondoBotonNeutro {
 border: 1px solid #DDDDDD;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 background: rgb(246,248,249); /* Old browsers */
 background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 75%, rgba(245,247,249,1) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 75%,rgba(245,247,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 75%,rgba(245,247,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
}

 .FondoBotonNeutro:hover {
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
 }

/*.aspNetDisabled input[type=text] {
 border: 1px inset Silver;
 padding: 1px;
 margin: 0px;
 background-color: Silver;
 color: #666 !important;
}*/

.TextoAlDerecha {
 text-align: right;
}

.TextoAlCentro {
 text-align: center !important;
}

.Invisible {
 display: none;
}

.SubTotalEncabezado {
 background-color: #CCCCCC;
 font-size: 16px;
 color: var(--neutro-oscuro);
 cursor: pointer;
}

.SubTotalPie {
 color: var(--neutro-oscuro);
 color: #FFFFFF;
}

.ErrorValidacion {
 color: #FFFFFF !important;
 background-color: #ef2e2e !important;
}

 .ErrorValidacion::-webkit-input-placeholder {
  color: #FFFFFF !important;
 }

 .ErrorValidacion::-moz-placeholder {
  color: #FFFFFF !important;
 }

 .ErrorValidacion:-ms-input-placeholder {
  color: #FFFFFF !important;
 }

.AdvertenciaValidacion, .AdvertenciaValidacion td {
 color: #FFFFFF !important;
 background-color: #FF9900 !important;
 outline: 2px solid #0000CC;
}




.texto-derecha {
 text-align: right;
}


.ContenedorLista {
 z-index: 999999 !important;
 border: 1px solid #86C1E6;
 padding: 0px;
 -moz-border-radius: 0px 0px 5px 5px;
 -webkit-border-radius: 0px 0px 5px 5px;
 border-radius: 0px 0px 5px 5px;
 margin: 0px !important;
 background-color: #86C1E6;
}

 .ContenedorLista li {
  list-style-type: none;
 }


.ItemLista, .SeleccionItemLista {
 margin: 3px 0px;
 padding: 4px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 color: var(--neutro-oscuro) !important;
 border-radius: 5px;
 border: 1px solid #0066B2;
}

.SeleccionItemLista {
 background-color: #0066B2;
 color: #FFFFFF !important;
 cursor: pointer;
}



.ajax__calendar_container {
 border: 1px solid #C0C0C0 !important;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 background-color: #FFFFFF;
 width: 176px !important;
}

.ajax__calendar_header {
 font-family: 'Be Vietnam Pro';
 background-position: left top;
 background-color: #0066B2;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 overflow: hidden;
 padding-top: 2px;
 padding-bottom: 2px;
 margin-bottom: 6px;
}

.ajax__calendar_title, .ajax__calendar_next, .ajax__calendar_prev {
 color: #FFFFFF;
 text-transform: capitalize;
 padding-top: 0px;
}

.ajax__calendar_hover .ajax__calendar_title {
 color: #FFFFFF !important;
 vertical-align: middle !important;
}

.ajax__calendar_prev {
 background-position: -79px -192px !important;
 margin: 2px;
 background-image: url('../Imagenes/IconosMiniBlanco.png') !important;
 background-repeat: no-repeat;
 overflow: hidden;
}

.ajax__calendar_hover .ajax__calendar_prev {
 background-position: -79px -192px !important;
 background-image: url('../Imagenes/IconosMiniCeleste.png') !important;
}

.ajax__calendar_next {
 background-position: -48px -192px !important;
 margin-bottom: 2px;
 margin-left: 2px;
 margin-top: 2px;
 margin-right: 4px;
 background-image: url('../Imagenes/IconosMiniBlanco.png') !important;
 background-repeat: no-repeat;
 overflow: hidden;
}

.ajax__calendar_hover .ajax__calendar_next {
 background-position: -48px -192px !important;
 background-image: url('../Imagenes/IconosMiniCeleste.png') !important;
}

.ajax__calendar_body {
 font-family: 'Be Vietnam Pro';
 width: 176px !important;
 height: 150px !important;
 color: var(--neutro-oscuro);
 font-weight: normal;
}

.ajax__calendar_dayname {
 text-align: center;
 margin-bottom: 4px;
 margin-top: 2px;
 text-transform: capitalize;
 border-bottom-style: dotted !important;
 border-bottom-width: 1px !important;
 color: var(--neutro-oscuro) !important;
}

.ajax__calendar_day {
 background-position: center top;
 color: #FFFFFF;
 background-color: #0066B2;
 text-align: center !important;
}

.ajax__calendar_today {
 margin-top: 5px;
 border-width: 1px !important;
 color: var(--neutro-oscuro) !important;
 font-weight: bold;
 text-transform: capitalize;
 border-top-style: dotted !important;
}

.ajax__calendar_other .ajax__calendar_day {
 color: #FFFFFF !important;
 background: none !important;
 visibility: hidden;
 display: none;
}

.ajax__calendar_active .ajax__calendar_day {
 background-color: #9ACBEA !important;
 color: var(--neutro-oscuro) !important;
 background-position: center -68px;
 background-image: url('../Imagenes/vmenuitem.png');
 background-repeat: repeat-x;
}

.ajax__calendar_hover .ajax__calendar_day, .ajax__calendar_hover .ajax__calendar_active {
 color: #FFFFFF !important;
 background-position: center -36px !important;
 background-image: url('../Imagenes/vmenuitem.png') !important;
 background-color: #1C8CFC !important;
 background-repeat: repeat-x;
}

.ajax__calendar_container tr:hover {
 background-color: transparent !important;
}

input.Water {
 color: Silver !important;
 font-size: 14px;
 font-style: italic;
 text-align: center;
 text-transform: none;
}

/*.ajax__validatorcallout_callout_table_row td {
 padding: 0px !important;
}

.ajax__validatorcallout_callout_cell {
 padding: 0px !important;
}*/

.ajax__validatorcallout img {
 padding: 0px !important;
}

.ajax__validatorcallout_error_message_cell, .ajax__validatorcallout_innerdiv, .ajax__validatorcallout_close_button_cell {
 font-family: 'Be Vietnam Pro' !important;
 font-size: 14px !important;
 line-height: 15px !important;
 /*color: #666666 !important;*/
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab, .ajax__tab_xp .ajax__tab_body {
 font-family: 'Be Vietnam Pro' !important;
}

.ajax__tab_xp .ajax__tab_header {
 background-image: none !important;
 border-bottom: solid 4px #BFDAFF;
}

.ajax__tab_default .ajax__tab {
 height: auto !important;
}

.ajax__tab_default .ajax__tab_tab {
 overflow: visible !important;
}

.ajax__tab_xp .ajax__tab_body {
 font-size: 13.5px !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab, .ajax__tab_xp .ajax__tab_header .ajax__tab_outer,
.ajax__tab_xp .ajax__tab_header .ajax__tab_inner, .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab,
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer, .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner {
 background-image: none !important;
}

 .ajax__tab_xp .ajax__tab_header .ajax__tab_outer .ajax__tab_tab {
  color: #707070;
  min-height: 35px;
 }

 .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_tab {
  color: var(--neutro-oscuro);
  font-weight: bold;
 }

.ajax__tab_xp .ajax__tab_header .ajax__tab_outer {
 padding-bottom: 15px;
 padding-top: 7px;
 background: #E1E2E3 url('../Imagenes/sprite.png') repeat-x !important;
 border: solid 1px #A5A8AB;
 margin-right: 2px;
 border-bottom-width: 0px;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer {
 background: #BFDAFF url('../Imagenes/sprite.png') repeat-x left -1300px !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
 background-image: none !important;
 background-color: #0066B2 !important;
 font-weight: normal;
 color: #FFFFFF;
 padding-top: 3px !important;
 padding-bottom: 2px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
 padding-top: 3px !important;
 padding-bottom: 2px !important;
}




.UpdateProgressFondo {
 position: fixed;
 width: 100%;
 height: 100%;
 top: 0px;
 right: 0px;
 z-index: 999999;
 background-color: rgba(1,41,81,.5);
 color: #CCCCCC;
}

.UpdateProgressProceso {
 border: 8px solid #F0F0F0;
 -moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
 font-weight: bold;
 font-size: 20px;
 text-align: center;
 color: #0066B2;
 width: 320px;
 position: absolute;
 font-style: italic;
 background-color: #FFFFFF;
 top: calc(20%);
 left: calc(50% - 158px);
}

 .UpdateProgressProceso img {
  border-radius: 12px;
 }
/*.ajax__calendar_days {
    all: initial;
    all: unset;
    http://localhost:12912/tickets.biofile.com.co/Sitio.master
}*/

.ajax__calendar_container TABLE { /*! padding:0px; */
 margin: 0px;
 font-size: 11px;
 width: 100%;
}


h2 {
 font-size: 24px;
 font-weight: 100;
}
/*------------------------------------------------------------------
[1. Max Width: 480px]
*/
@media (max-width: 480px) {

 ul.messages_layout li.left {
  padding-left: 0;
 }

 ul.messages_layout li a.avatar {
  position: relative;
 }

  ul.messages_layout li a.avatar img {
   margin-bottom: 4px;
   padding-left: 0px;
  }

 ul.messages_layout li .message_wrap {
  width: 100%;
 }

  ul.messages_layout li .message_wrap .text {
   max-width: 352px;
   overflow-wrap: break-word;
  }

 .container img {
  padding-left: 12px;
 }

 h2 {
  font-size: 18px;
 }

 .error-container h1 {
  font-size: 72px;
 }

 /*button.btn, input[type="submit"].btn {
  padding-top: 1px;
  width: 100%;
  margin: 3px;
  padding-bottom: 2px;
 }

 */

 .badge {
  display: block;
 }
}


/*------------------------------------------------------------------
[1. Max Width: 767px]
*/

@media (max-width: 767px) {

 html, body, form {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 }

 #Formulario {
  /*border: 1px solid red;
  max-width: 100%;*/
  /*margin: 0px auto;*/
 }

 /*.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11,*/
 .span12 {
  padding-left: 16px;
  padding-right: 16px;
 }


 .modal-body .contenidoIframe iframe {
  width: 92%;
 }

 .H2Logo {
  font-size: 14px;
  margin-left: 8px;
 }

 .table td {
  max-width: 200px;
  overflow-wrap: break-word;
 }

 .BtnCrearSolicitud {
  height: 90px !important;
  width: 110px !important;
  text-wrap: balance;
 }

 .FuCrearSolicitud {
  height: 90px !important;
  width: 110px !important;
  text-wrap: balance;
 }

 .modal-header h3 {
  font-size: 14px !important;
 }

 .modal-header .close {
  padding: 4px;
  margin: -10px;
 }

 #main {
  /*padding: 0 10px;*/
  /*margin-right: -20px;
  margin-left: -20px;*/
 }

 #NavMaster {
  /*margin-left: -10px;
  padding-left: 10px;*/
 }

 .subnavbar {
  /*margin-left: -20px;
  margin-right: -20px;*/
 }

 .navbar-fixed-top {
  margin-left: 0px;
  margin-right: 0px;
 }

 .navbar .brand {
  display: inline;
  font-size: 11px;
  padding: 15px;
 }


 .subnavbar-inner {
  height: auto;
 }


 .subnavbar .container > ul {
  width: 100%;
  height: auto;
  border: none;
  margin-bottom: 0;
  display: inline;
 }

  .subnavbar .container > ul > li {
   width: 32.3%;
   height: 82px;
   margin-bottom: 0;
   border-top: 1px solid #E6E6E6;
  }



   .subnavbar .container > ul > li.active > a {
    background: transparent;
   }

   .subnavbar .container > ul > li > a > i {
    display: inline-block;
    margin-bottom: 0;
    font-size: 20px;
   }

   .subnavbar .container > ul > li:last-child {
    border-right: none;
   }

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


  .subnavbar-open-right .dropdown-menu:before {
   left: auto;
   right: 12px;
  }

  .subnavbar-open-right .dropdown-menu:after {
   left: auto;
   right: 13px;
  }

 .extra {
  /*margin-right: -20px;
  margin-left: -20px;*/
 }

  .extra .container {
   padding: 0 20px;
  }

 .footer {
  /*margin-right: -20px;
  margin-left: -20px;*/
  min-height: 173px;
 }

  .footer .container {
   padding: 0 20px;
  }

  .footer .footer-terms {
   text-align: left;
  }

   .footer .footer-terms a {
    margin-left: 0;
    margin-right: 1em;
   }
}

/**************/
/****POP UP****/
.overlay {
 position: fixed;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 background: rgba(0, 0, 0, 0.7);
 transition: opacity 500ms;
 visibility: hidden;
 opacity: 0;
 z-index: 100;
}

 .overlay:target {
  visibility: visible;
  opacity: 1;
 }

.popup { /* margin: 70px auto;
    padding: 15px;
    background: #fff;
    border-radius: 5px;
    width: 30%;
    height: 500px;
    position: relative; */
 background-color: #ffffff;
 width: 350px;
 padding: 17px;
 border-radius: 5px;
 text-align: center;
 position: fixed;
 left: 50%;
 top: 50%;
 margin-left: -176px;
 margin-top: -250px;
 overflow: hidden;
 z-index: 3000;
 transition: all 5s ease-in-out;
}

 .popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
 }

 .popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
 }

  .popup .close:hover {
   color: #06D85F;
  }

 .popup .content {
  max-height: 95%;
  overflow-y: auto; /* max-height: 90%; */ /* position: absolute; */ /* width: 100%; */
 }

 .popup .popup-footer {
  text-align: right;
 }

.showpopup { /* display:block; */
 visibility: visible;
 opacity: 1;
}

.popup .widget-nopad .widget-content {
 padding: 0;
 overflow-y: auto;
 height: 390px;
}

.popup .news-item-month {
 line-height: 1.5;
}

.popup .news-item-detail {
 line-height: 1.2;
}

.popup .news-item-title {
 line-height: 1.2;
}


@media screen and (max-width: 700px) {
 .box {
  width: 70%;
 }

 .popup {
  width: 70%;
 }
}




/*------------------------------------------------------------------
[3. Max Width: 979px]
*/
@media (max-width: 979px) {

 .navbar-fixed-top {
  position: static;
  margin-bottom: 0;
 }



 .bootstrap-table .fixed-table-toolbar .bs-bars, .bs-bars .search {
  width: 100%;
 }

 .search {
  width: 100%;
 }

 .subnavbar .container {
  width: auto;
 }

 .main {
  min-height: 534px;
 }
}
/*------------------------------------------------------------------
[2. Max Width: 1200px]
*/
@media (min-width: 1200px) {
 .navbar .search-query {
  width: 200px;
 }

 .main { /*min-height: 763px;*/
  min-height: calc(100vh - 220px);
 }
}

.dropdown-menu li > a:hover {
 background-color: red;
}

.navbar .nav-collapse {
 background-color: var(--secundario-real);
 /*z-index: 99; 0066B2*/
}

.navbar .nav > li > a, .navbar .dropdown-menu a {
 color: #FFF;
 font-size: 16px;
 font-weight: normal;
}

/*label, input, button, select, textarea {
 padding: 2px;
 font-size: 16px;
}*/

.form-control, .aspNetDisabled {
 padding: 1px 2px 3px 2px;
 font-size: 16px;
 color: var(--neutro-oscuro);
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 -ms-border-radius: 8px;
 -o-border-radius: 8px;
 border-radius: 8px;
 height: 32px;
 width: 100%;
}

.aspNetDisabled {
 background-color: var(--neutro-claro);
}

.form-actions {
 padding: 12px;
 margin: 12px 0px 0px 0px;
 background-color: #eeeeee;
 border: none;
 border-radius: 12px;
}


/*.badge-inverse {
 background-color: #333333;
}*/


/*.label-danger {
 background-color: #FF3F34;
 color: #FFFFFF;
}

 .label-danger:hover {
  background-color: #FF3F34;
  color: #FFFFFF;
 }

.label-warning {
 background-color: #FFA801;
 color: #FFFFFF;
}

 .label-warning:hover {
  background-color: #FFA801;
  color: #FFFFFF;
 }

.label-info {
 background-color: #00A3E0;
 color: #FFFFFF;
}

 .label-info:hover {
  background-color: #00A3E0;
  color: #FFFFFF;
 }

.label-success {
 background-color: #16AB3B;
 color: #FFFFFF;
}

 .label-success:hover {
  background-color: #16AB3B;
  color: #FFFFFF;
 }*/

hr {
 margin: 12px 0;
 border: 0;
 border-top: 1px solid #EEEFF0;
 border-bottom: 1px solid #FFFFFF;
}

.text small {
 font-size: 80%;
 color: #96A1A7;
 display: block;
}

.FondoModalPopup, .FondoModalPopupMensaje {
 background-color: #000000;
 filter: alpha(opacity=70);
 -moz-opacity: .70;
 opacity: .70;
}

.FondoModalPopupMensaje {
 z-index: 100001 !important;
}

.PanelMensajes {
 border: 8px solid silver;
 background-color: var(--acento);
 padding: 0px;
 border-radius: 12px;
}

 .PanelMensajes > table {
  margin-bottom: 10px;
  border-bottom-style: ridge;
  border-bottom-width: thin;
  border-bottom-color: var(--neutro-extraclaro);
 }

.TituloMensajes {
 margin: 0px;
 padding: 7px 0px 7px 20px;
 width: 100%;
 font-family: 'Be Vietnam Pro';
 font-size: 18px;
 font-weight: bold;
 font-style: italic;
 text-align: left;
 color: var(--neutro-oscuro);
 cursor: move;
}

.IconoMensaje {
 padding: 0px;
 margin: 20px 0px 0px 20px;
 float: left;
}

.CerrarMensaje {
 padding: 0px;
 cursor: pointer;
 margin-top: -8px;
 margin-right: 4px;
 color: var(--neutro);
 border: none;
 background-color: transparent;
}

.TextoMensaje {
 margin: 0px;
 overflow: auto;
 padding: 12px 12px 16px 12px;
 font-style: italic;
 max-width: 300px;
 min-height: 135px;
 font-size: 16px;
}

label {
 margin-bottom: 2px;
}
/*.form-control {
 line-height: normal;
}*/
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
 padding-top: 16px;
}

.emoji {
 font-style: normal;
}


.InputFile::before {
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 -ms-border-radius: 8px;
 -o-border-radius: 8px;
 border-radius: 8px;
 -webkit-box-shadow: inset rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.1) 0 1px 2px;
 -moz-box-shadow: inset rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.1) 0 1px 2px;
 box-shadow: inset rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.1) 0 1px 2px;
 background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(128, 128, 128, 0.1)));
 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(128, 128, 128, 0.1));
 background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(128, 128, 128, 0.1));
 background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(128, 128, 128, 0.1));
 background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(128, 128, 128, 0.1));
 background-color: white;
 border-color: whitesmoke whitesmoke #cfcfcf;
 border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);
 *background-color: whitesmoke;
 line-height: 32px;
 -webkit-transition: background-color 0.2s;
 -moz-transition: background-color 0.2s;
 -o-transition: background-color 0.2s;
 transition: background-color 0.2s;
 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.2);
 border-style: solid;
 border-width: 1px;
 cursor: pointer;
 display: inline-block;
 margin-bottom: 0;
 padding: 2px 12px;
 text-align: center;
 vertical-align: middle;
 *border: 0;
 *display: inline;
 *zoom: 1;
 *margin-left: .3em;
 justify-content: center;
 align-items: center;
 content: 'De clic aquí y seleccione una imágen, video o documento en PDF, Word, Excel, incluso de cualquier otro tipo que quiera adjuntar 📤';
}

.InputFile input[type="file"] {
 opacity: 0;
 width: 200px;
 height: 32px;
 display: inline-block;
}

.H2Logo {
 float: left;
 margin-left: 12px;
 color: #f4f6f9;
}

.btn-navbar {
 background-color: var(--secundario-real);
 /*position: relative;*/
 /*right: 10px;*/
 border-color: transparent;
}

 .btn-navbar:hover, .btn-navbar:active, .btn-navbar.active, .btn-navbar.disabled, .btn-navbar[disabled] {
  background-color: var(--secundario-real);
 }

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu:hover {
 color: #ffffff;
 text-decoration: none;
 background-color: #CC0000;
}

.caret {
 opacity: 1;
 filter: alpha(opacity=100);
}

.navbar .dropdown-menu a:hover {
 background-color: var(--peligro-real);
}

.dropdown-menu {
 margin: 0 !important;
 background-color: var(--peligro-real) !important;
}

.Ayuda {
 cursor: pointer;
 font-size: 90%;
 color: var(--secundario-real);
 font-style: italic;
}

.iti {
 display: block;
}

::-webkit-input-placeholder {
 color: var(--neutro);
 font-weight: 200;
 font-style: italic !important;
 font-size: 90% !important;
 text-transform: none !important;
}

::-moz-placeholder {
 color: var(--neutro);
 font-weight: 200;
 font-style: italic !important;
 font-size: 90% !important;
 text-transform: none !important;
}

:-ms-input-placeholder {
 color: var(--neutro);
 font-weight: 200;
 font-style: italic !important;
 font-size: 90% !important;
 text-transform: none !important;
}

input:-moz-placeholder {
 color: var(--neutro);
 font-weight: 200;
 font-style: italic !important;
 font-size: 90% !important;
 text-transform: none !important;
}

.LineaPunteada {
 border: 1px dashed var(--neutro-claro);
 width: 80%;
 margin: 16px auto;
}

.Legales {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 /*height: 24px;*/
 z-index: 3;
 /*background-color: var(--neutro-claro);*/
}

 .Legales a {
  position: absolute;
  bottom: 4px;
  font-size: 80%;
 }

  .Legales a:nth-child(1) {
   left: 8px;
  }

  .Legales a:nth-child(2) {
   right: 8px; /*left: 25%;*/
  }

  .Legales a:nth-child(3) {
   left: 55%;
  }

  .Legales a:nth-child(4) {
   right: 16px;
  }

.ErrorVacio {
 color: var(--peligro-real);
 font-size: 11px;
}

.sweet-alert p b {
 color: var(--primario-real);
}

input[type=text][disabled="disabled"] {
 padding: 1px 2px 3px 2px;
 font-size: 16px;
 color: var(--neutro-oscuro);
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 -ms-border-radius: 8px;
 -o-border-radius: 8px;
 border-radius: 8px;
 height: 32px;
 width: 100%;
}


.Busqueda {
 display: block;
 padding: 28px;
}

 .Busqueda::-webkit-input-placeholder {
  font-style: normal !important;
 }

 .Busqueda::-moz-placeholder {
  font-style: normal !important;
 }

 .Busqueda:-ms-input-placeholder {
  font-style: normal !important;
 }

.ContenidoBaseConocimiento {
 margin: 0;
 padding-top: 32px;
}

 .ContenidoBaseConocimiento h1 {
  color: var(--neutro-oscuro);
  font-weight: 600;
  width: 100%;
  text-align: center;
  font-size: 32px;
 }

 .ContenidoBaseConocimiento h2 {
  color: var(--neutro-oscuro);
  font-weight: 600;
  width: 100%;
  font-size: 24px;
 }

 .ContenidoBaseConocimiento h3 {
  color: var(--neutro);
  font-weight: 400;
 }

 .ContenidoBaseConocimiento h5 {
  color: var(--neutro-oscuro);
  font-weight: 300;
  width: 100%;
  text-align: center;
  font-size: 32px;
  line-height: 32px;
  margin: 0px;
  padding: 0px;
 }

  .ContenidoBaseConocimiento h5 span {
   color: var(--primario-real);
  }

 .ContenidoBaseConocimiento img {
  vertical-align: baseline;
 }

 .ContenidoBaseConocimiento div:has(img):first-child {
  text-align: center;
 }

 .ContenidoBaseConocimiento header p {
  color: var(--neutro);
  font-weight: 200;
  font-style: italic;
  font-size: 18px;
  text-align: center;
 }

svg.gb-icon {
 width: 16px;
 height: 16px;
 background: var(--neutro-oscuro);
 float: left;
 margin-right: 8px;
 margin-top: 4px;
}

svg.gb-icon-s path,
svg.gb-icon-s use {
 fill: var(--neutro-oscuro);
 stroke: var(--neutro-oscuro);
}

.bg-gradient-to-b {
 background: var(--primario-real-transparente);
 border: 1px solid var(--primario-real-transparente);
}

.rounded-md {
 border-radius: 12px;
 padding: 12px;
}

.text-red-500 {
 color: var(--peligro-real);
}

/*.ContenidoBaseConocimientoModal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#fff;background-color:rgba(255,255,255,.9)}.ContenidoBaseConocimientoModal-content{margin:auto;display:block;width:80%;max-width:700px}#ContenidoBaseConocimientoModalCaption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}.ContenidoBaseConocimientoModal-content,#ContenidoBaseConocimientoModalCaption{-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}@-webkit-keyframes zoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}.ContenidoBaseConocimientoModalCerrar{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:.3s}.ContenidoBaseConocimientoModalCerrar:hover,.ContenidoBaseConocimientoModalCerrar:focus{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width:700px){.ContenidoBaseConocimientoModal-content{width:100%}}*/

.text-center {
 text-align: center;
}

.ContenidoBaseConocimiento p {
 margin: 24px 0px;
}

.ContenidoBaseConocimiento strong {
 color: var(--neutro-oscuro);
 font-weight: 700;
 width: 100%;
 font-size: 24px;
 margin: 24px 0px;
}

.ContenidoBaseConocimiento .object-cover {
 display: none;
}

.ContenidoBaseConocimiento p:has(time) {
 color: var(--neutro);
 font-size: 80%;
 font-style: italic;
 font-weight: 200;
 margin-top: 32px;
}


/*-- Plan Container --*/
.plan-container {
 position: relative;
 float: left;
}
/*-- Plan --*/
.plan {
 margin: 12px;
}

 .plan strong {
  font-weight: 500;
 }

/*-- Plan Header --*/
.plan-header {
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 border-radius: 12px;
 text-align: center;
 color: var(--acento);
 background-color: var(--primario-real);
 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.plan-title {
 padding: 10px 0;
 font-size: 18px;
 color: var(--acento);
 border-bottom: 1px solid var(--acento);
 border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.plan-price {
 padding: 12px 0px;
 font-size: 66px;
 line-height: 70px;
 background-color: var(--secundario-real);
 border-top: 1px solid rgba(255, 255, 255, 0.2);
}

 .plan-price span.term {
  display: block;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 0;
  padding: 2em 0 1em;
 }

 .plan-price span.note {
  position: relative;
  top: -40px;
  display: inline;
  font-size: 17px;
  line-height: 0.8em;
 }

/*-- Plan Features --*/
.plan-features {
 border: 1px solid var(--neutro);
 border-bottom: none;
 height: 220px;
}

.plan-features {
 padding-bottom: 1em;
}

 .plan-features ul {
  padding: 0;
  margin: 0;
  list-style: none;
 }

 .plan-features li {
  padding: 1em 0;
  margin: 0 2em;
  text-align: center;
  border-bottom: 1px dotted var(--neutro-oscuro);
 }

  .plan-features li:last-child {
   border-bottom: none;
  }

/*-- Plan Actions --*/
.plan-actions {
 padding: 1.15em 0;
 background: #F2F2F2;
 background-color: var(--neutro-claro);
 border: 1px solid var(--neutro);
 -webkit-border-radius: 0px 0px 12px 12px;
 -moz-border-radius: 0px 0px 12px 12px;
 border-radius: 0px 0px 12px 12px;
}

 .plan-actions .btn {
  padding: 1em 0;
  margin: 0 2em;
  display: block;
  font-size: 16px;
  font-weight: 600;
 }


/*------------------------------------------------------------------
[2. Min Width: 767px / Max Width: 979px]
*/

@media (min-width: 767px) and (max-width: 979px) {

 .pricing-plans .plan-container {
  width: 50% !important;
  margin-bottom: 2em;
 }
}



@media (max-width: 767px) {

 .pricing-plans .plan-container {
  width: 100% !important;
  margin-bottom: 2em;
 }

 .plan {
  margin: 12px 0px;
 }

 .ContenidoBaseConocimiento h5 {
  font-size: 24px;
  line-height: 24px;
 }

 .Busqueda {
  padding: 28px 12px;
 }

 .plan-features {
  height: auto;
 }
}
/*------------------------------------------------------------------
[3. News Item / .news-items]
*/

.news-items {
 margin: 1em 0 0;
}

 .news-items li {
  display: table;
  padding: 2em 1em;
  border-bottom: 1px dashed var(--neutro-claro);
  width: 100%;
 }

  .news-items li:hover, .news-items li:active {
   background-color: var(--primario-real-transparente);
   color: var(--neutro-oscuro);
   *background-color: var(--primario-real-transparente);
  }

  .news-items li:last-child {
   border-bottom: 1px dashed var(--neutro-claro);
  }

  .news-items li:first-child {
   border-top: 1px dashed var(--neutro-claro);
  }

.news-item-date {
 display: table-cell;
}

.news-item-detail {
 display: table-cell;
}

.news-item-title {
 font-size: 24px;
 font-weight: 300;
}

 .news-item-title span {
  font-size: 16px;
  font-weight: 300;
  color: var(--primario-real);
 }


.news-item-date {
 width: 40px;
 vertical-align: middle;
 text-align: left;
}

.news-item-day {
 display: block;
 margin-bottom: .25em;
 font-size: 24px;
 color: var(--neutro-oscuro);
 font-weight: 900;
}

.news-item-preview {
 margin: 8px 0px!important;
 color: var(--neutro)!important;
 font-style: italic;
 font-weight: 300;
}

.news-item-month {
 display: block;
 padding-right: 1px;
 font-size: 12px;
 font-weight: 600;
 color: var(--neutro-oscuro);
}

/*------------------------------------------------------------------
[1. Shortcuts / .shortcuts]
*/

.shortcuts {
 text-align: center;
}

 .shortcuts .shortcut {
  width: 84px;
  height: 84px;
  display: inline-block;
  padding: 10px 0;
  margin: 0 24px;
  text-decoration: none;
  background: var(--secundario-real);
  border-radius: 8px;
  font-size: 48px;
  line-height: 60px;
  cursor: pointer;
 }

  .shortcuts .shortcut:hover {
   background: var(--primario-real);
  }

#TxtComentario {
 height: 100px;
 padding: 8px 12px;
}