.input-10{
  font-size: 10px;
}
.input-12{
  font-size: 12px;
}
.input-16{
  font-size: 16px;
}
.input-18{
  font-size: 18px;
}
.input-24{
  font-size: 24px;
}
.input-32{
  font-size: 32px;
}
.input-48{
  font-size: 48px;
}

.zoom70 {
    zoom: 70%;
    /*background-color: ;*/
    width: auto;
    height: auto;
}
.zoom80 {
    zoom: 80%;
    /*background-color: ;*/
    width: auto;
    height: auto;
}
.zoom90 {
    zoom: 90%;
    /*background-color: ;*/
    width: auto;
    height: auto;
}
  /*
Full screen Modal 
*/
.fullscreen-modal .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .fullscreen-modal .modal-dialog {
    width: 760px;
  }
}
@media (min-width: 992px) {
  .fullscreen-modal .modal-dialog {
    width: 986px;
  }
}
@media (min-width: 1200px) {
  .fullscreen-modal .modal-dialog {
     width: 1194px;
  }
}




/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
  font-size: 40px;
  margin-bottom:1rem;
}

.navbar .dropdown-menu {
 border:none;
 background-color:#394C57!important;
}

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
 
 /* remove the padding from the navbar so the dropdown hover state is not broken */
.navbar {
 padding-top:0px;
 padding-bottom:0px;
 background-color:#394C57
}

/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.navbar .nav-item {
 padding:.5rem .5rem;
 margin:0 .25rem;
}

/* makes the dropdown full width  */
.navbar .dropdown {position:static;}

.navbar .dropdown-menu {
 width:100%;
 left:0;
 right:0;
/*  height of nav-item  */
 top:45px;
}
 
 /* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
 display:block!important;
}
 
 .navbar .dropdown-menu {
   border: 1px solid rgba(0,0,0,.15);
   background-color: #fff;
 }
 

}
Full screen Modal 
*/
.fullscreen-modal .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .fullscreen-modal .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .fullscreen-modal .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .fullscreen-modal .modal-dialog {
     width: 1170px;
  }
}

/*estaba en header css*/
.modal-body {
  /* 100% = dialog height, 120px = header + footer */
  max-height: calc(100% - 120px);
  overflow-y: scroll;

}

.colorRow{
background: rgb(37, 49, 56);
color: white;
}

.btn-grad-tb1 {background-image: linear-gradient(to right, #71B6F9 0%, #71B6F9  51%, #71B6F9  100%)}
       .btn-grad-tb1 {
          margin: 0px;
          text-align: center;
          text-transform: uppercase;
          transition: 0.5s;
          background-size: 200% auto;
          color: white;            
          box-shadow: 0 0 20px #eee;
          border-radius: 0px;
          display: block;
        }

        .btn-grad-tb1:hover {
          background-position: right center; /* change the direction of the change here */
          color: #fff;
          text-decoration: none;
        }


        
.btn-grad-tb2 {background-image: linear-gradient(to right, #1F1C2C 0%, #928DAB  51%, #1F1C2C  100%)}
       .btn-grad-tb2 {
          margin: 0px;
          text-align: center;
          text-transform: uppercase;
          transition: 0.5s;
          background-size: 200% auto;
          color: white;            
          border-radius: 10px;
          display: block;
        }

        .btn-grad-tb2:hover {
          background-position: right center; /* change the direction of the change here */
          color: #fff;
          text-decoration: none;
        }

        
.btn-grad-warning4 {background-image: linear-gradient(to right, #FF512F 0%, #F09819  51%, #FF512F  100%)}
       .btn-grad-warning4 {
          margin: 0px;
          text-align: center;
          text-transform: uppercase;
          transition: 0.5s;
          background-size: 200% auto;
          color: white;            
          box-shadow: 0 0 20px #eee;
          border-radius: 10px;
          display: block;
        }

        .btn-grad-warning4:hover {
          background-position: right center; /* change the direction of the change here */
          color: #fff;
          text-decoration: none;
        }

        /*configuracion de switchToogle*/
        .outerDivFull { margin:0px; } 

        .switchToggle input[type=checkbox]{height: 0; width: 0; visibility: hidden; position: absolute; }
        .switchToggle label {cursor: pointer; text-indent: -9999px; width: 150px; max-width: 190px; height: 30px; background: #E28437; display: block; border-radius: 100px; position: relative; }
        .switchToggle label:after {content: ''; position: absolute; top: 2px; left: 2px; width: 26px; height: 26px; background: #fff; border-radius: 90px; transition: 0.3s; }
        .switchToggle input:checked + label, .switchToggle input:checked + input + label  {background: #68C103; }
        .switchToggle input + label:before, .switchToggle input + input + label:before {content: 'No Filtrar Fecha'; position: absolute; top: 5px; left: 35px; width: 120px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; }
        .switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before {content: 'Filtrar Fecha'; position: absolute; top: 5px; left: 10px; width: 90px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; }
        .switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after {left: calc(100% - 2px); transform: translateX(-100%); }
        .switchToggle label:active:after {width: 60px; } 
        .toggle-switchArea { margin: 10px 0 10px 0; }
        
        
        select { color:#3D515D; }
        select { color:white;background-color:#3D515D;  }
        option { color:white; background-color:#3D515D; }
        option:hover { color:#3D515D; background-color:white; }

        .bg-menugray{
          background-color: #394C57;
          background-image: linear-gradient(90deg, #394C57 0%, #394C57 100%);
      }
      .bg-menublue3{
        background-color: #21738C;
          background-image: linear-gradient(90deg, #21738C 0%, #21738C 100%);
        
      }


/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-96 { font-size: 96px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.inputabierto {
  background-color: rgb(130, 247, 165);
}
.sinborde {
  /*background-color: #eee;*/
  border: 0;
}