.deleter {
  font-size: large;
  font-weight:bold;
  color: red;
  background-color: white;
  padding: 4px;
  margin: 0px 0px 10px 3px;
  cursor: pointer;
}
.file-nro {
  background-color: lightgreen;
  padding: 4px;
  margin-right: 3px;
}

.textoVerde{
  color: green;
  font-weight: bold;
}
.textoVerdeD{
  color: green;
}

.textoRojo{
  color: red;
  font-weight: bold;
}

.textoRojoD{
  color: red;
}

p[name="mensaje-respuesta-subida"]{
  text-align: center;
}

.label-danger-glass {
  background-color: white;
  color: red;
  border: tomato 1px solid;
}

.panel{
  background-color: #d7dce0c4;
}

body{
  background-color: #b8bfc5;
  /* background-color: #ffffff; */
}
body {
  transition: background-color 1s ease;
}
.navbar-brand{
  padding: 0px 10px 0px 10px;
  margin-top: 5px;
}

.select2-container--krajee{
  font-weight: bold;
}
button.close{
  
  font-weight: bolder;
  font-size: x-large;
  /*color:red;*/
  opacity: .6;
}

.fc-scroller{
  height:100%!important;
}

html, div.required label.control-label:after {
    content: " *";
    color: red;
}
table.table-striped, .summary{
  padding:8px;
  background-color: #f9f7f6fa;
}

.fc-sun span{
  color:red;

}
.fc-today span{
font-weight: bolder;
}
.fc-today span:before{
    content: "hoy";
    padding: 10px;
    text-align: center;
 }

.navbar-default {
  padding-top: 10px;
  background-color: #082D2B;
  border: 0px;
  border-radius: 0px !important;
}
.navbar-default .navbar-brand {
  color: #fff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #fff;
}
.navbar-default .navbar-text {
  color: #fff;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-weight: bolder;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  
  color: #009cb4;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #009cb4;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #fff7f1 ;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #009cb4 ;
   
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #fff7f1
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #2300c0 ;
  /*  background-color: #fff7f1*/
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #009cb4 ;
  background-color: #fff7f1
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #009cb4 ;
  background-color: #fff7f1
}
.navbar-default .navbar-toggle {
  border-color: #fff7f1
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #fff7f1
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #009cb4 ;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #009cb4 ;
}
.navbar-default .navbar-link {
  color: #009cb4 ;
}
.navbar-default .navbar-link:hover {
  color: #009cb4 ;
}
.navbar-default .navbar-nav > li:hover{
  /*font-weight: bolder;*/
}
 
/*************************************************/
 #style-2::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar
{
  width: 12px;
  background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #3ce490;
}
#style-2{
  overflow-x: hidden;
    overflow-y: auto;
    height:700px

}
.panel-heading-custom{
    color: #009cb4 ;
  background-color: #3ce490;
  border-color: #fff7f1
}
footer{
  background-color: #03100F;
  padding: 10px;
  height: 150px;
  width: 100%;
  overflow:hidden;
}


 
.panel{
padding: 0px 0px 0px 0px;
  box-shadow: 8px 8px 8px rgba(0,0,0,.2);
}

.file-picker{
  background-color: #c4e17f;
  color:white;
}
input[type='file']{
/* display: none; */

}

div.empty{
   display: none;
}
.colorgraph-form {
  height: 3px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #082d2b, #082d2b 12.5%, #035c69 12.5%, #009cb4 25%, #009cb4 25%, #8bb51e 37.5%, #8bb51e 37.5%, #f0776c00 50%, #ffffff00 50%, #ffffff00 62.5%, #f0776c00 62.5%, #009cb4 75%, #009cb4 75%, #035c69 87.5%, #035c69 87.5%, #f0776c00);
  
  
  background-image: -moz-linear-gradient(left, #082d2b, #082d2b 12.5%, #035c69 12.5%, #009cb4 25%, #009cb4 25%, #8bb51e 37.5%, #8bb51e 37.5%, #f0776c00 50%, #ffffff00 50%, #ffffff00 62.5%, #f0776c00 62.5%, #009cb4 75%, #009cb4 75%, #035c69 87.5%, #035c69 87.5%, #f0776c00);
  background-image: -o-linear-gradient(left, #082d2b, #082d2b 12.5%, #035c69 12.5%, #009cb4 25%, #009cb4 25%, #8bb51e 37.5%, #8bb51e 37.5%, #f0776c00 50%, #ffffff00 50%, #ffffff00 62.5%, #f0776c00 62.5%, #009cb4 75%, #009cb4 75%, #035c69 87.5%, #035c69 87.5%, #f0776c00);
  background-image: linear-gradient(to right, #082d2b, #082d2b 12.5%, #035c69 12.5%, #009cb4 25%, #009cb4 25%, #8bb51e 37.5%, #8bb51e 37.5%, #f0776c00 50%, #ffffff00 50%, #ffffff00 62.5%, #f0776c00 62.5%, #009cb4 75%, #009cb4 75%, #035c69 87.5%, #035c69 87.5%, #f0776c00);
}


 .colorgraph {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
body { 
  
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,828c95+36,28343b+100;Grey+Black+3D */
/*
background: #b5bdc8; 
background: -moz-radial-gradient(center, ellipse cover, #b5bdc8 0%, #828c95 36%, #28343b 100%);  
background: -webkit-radial-gradient(center, ellipse cover, #b5bdc8 0%,#828c95 36%,#28343b 100%);  
background: radial-gradient(ellipse at center, #b5bdc8 0%,#828c95 36%,#28343b 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=1 ); 
*/
  /*
 background: url('img/inscr.jpg') no-repeat center center fixed; 
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
*/
}
 .panel > p,h4,h3,h2,h1,a{
    
 }

 .d-none {
  display: none !important;
}

  .panel{
     border-radius: 1px;  
  
  }

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #009cb4;
}
.nav-tabs > li > a:hover {
          transition: ease 0.7s;
    background-color: rgba(255, 255, 255, 0);
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #009cb4;
    border-radius: 1px 1px 0 0;
    color: rgb(0, 0, 0);
}
 
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: rgb(0, 156, 180);
    cursor: default;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid rgb(0, 156, 180);
       border-radius: 1px 1px 0 0;
   /* border-bottom-color: rgba(0, 0, 0, 0);*/
    font-weight: bolder;
}


.wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -60px;
  padding: 0 0 60px;
}
@media (max-width: 767px) {
  .wrap > .container {
    padding: 5px;
  }
}
@media (min-width: 767px) {
  .wrap > .container {
    padding: 0px;
  }
}
.newcol {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.slide-text {
  padding:20px;
  color:white;
}
@media (max-width: 767px) {
  .slide {
    height: 900px;
  }
  #inicial-slide {
    position: fixed;
  }
  .slide-position {
    position: fixed;
  }
}
@media (min-width: 767px) {
  .slide {
    height: 500px;
  }
  #inicial-slide {
    position: absolute;
  }
  .slide-position {
    position: absolute;
  }
}
.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}


@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff ;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff ;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff ;
    background-color: #fff7f1
  }
}

/* unvisited link */
.no-style:link {
      color: #333;
    text-decoration: none;
}

/* visited link */
.no-style:visited {
     color: #333;
    text-decoration: none;
}

/* mouse over link */
.no-style:hover {
     color: #333;
    text-decoration: none;
}

/* selected link */
.no-style:active {
     color: #333;
    text-decoration: none;
}

  .titulo-lista{
    color:white;
     text-shadow: 8px 8px 8px rgba(0,0,0,.2);
  }

/* Check */
.customcheck {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.customcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 5px;
  border: 2px solid #777777;
}
.customcheck:hover input ~ .checkmark {
  background-color: #ccc;
}
.customcheck input:checked ~ .checkmark {
  background-color: #02cf32;
  border-radius: 5px;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.customcheck input:checked ~ .checkmark:after {
  display: block;
}
.customcheck .checkmark:after {
  left: 8px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Saving */
@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation 0.5s infinite;
   -moz-animation: flickerAnimation 0.5s infinite;
   -o-animation: flickerAnimation 0.5s infinite;
    animation: flickerAnimation 0.5s infinite;
}