.nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin: 30px 10px;
    list-style: none;
}
/*Para pantalla grande */
@media only screen and (min-width : 800px){
    .recuadro{
        position:relative;
        right:40px;
        bottom:1px;
        /*background-color: rgb(255,255,255);*/
    }
}
/*Ipad*/
@media only screen and (min-width : 701px) and (max-width : 800px) {
    .recuadro{
        position:relative;
        right:60px;
        bottom:2px;
        z-index:0;
        background-color: rgb(255,0,255);
    }
}

@media only screen and (max-width: 700px){
    .recuadro{
        position:relative;
        right:-260px;
        bottom:33px;
        z-index:3;
        background-color: rgb(255,255,255);
    }
}


/*****************************
*** Colores bootbox (popup)***
*****************************/
.modal50 > .modal-dialog {
    height: 50%;
    width: 50%;
}

.error .modal-header{
	background:#FF0000;
}

.successes .modal-header{
	background:#00FF00;
}

.warning .modal-header{
  background:#FFFF00
}

.my-popup .modal-content {
  background: #FAEBD7;
}

.barra{
    border-radius: 3px;
    background: #ff8000;
    color:#FFF;
    /*padding: 10px;*/
}

.barra-black{
    border-radius: 3px;
    background: #ff8000;
}

.bg-barra{
    background-color:#ff8000!important;
     color:#FFF!important;
 }

.bg-gray{
	background-color: #DCDCDC
}

.bg-red{
	background-color: #FA5A5A
}

.bg-green{
	background-color: #A9F656
}

.btn-informes {
    font-size: 15px;
    border-radius: 10px;
    background-color: #CCCCCC!important
    }

.backRojo{
      background-color: #FF0000
    }

.backVerde{
    background-color: #48DE73
    }
.scroll {
      height:480px; /* 360 */
      overflow-y: scroll;
    }

/**********************************
*** Anchos de fila predefinidos ***
**********************************/
.mifuente {
    /*font-size: 2.8vh;*/
    /*font-size: 1.3vw;*/
    font-size: 1.1vw;
    /*font-size: 1.00em;*/
    /*color: #FF0000
    */
}

.mifuente12 {
    /*font-size: 2.8vh;*/
    font-size: 1.2vw;
    /*color: #FF0000
    */
}

.mifuente11 {
    font-size: 1.1vw;
}

.mifuentecel {
    font-size: 3vw;
}
.row-h1 {
    height: 1px;
      }

.row-h5 {
    height: 5px;
  }

.row-h10 {
    height: 10px;
  }

.row-h20 {
    height: 20px;
  }

  .row-h30 {
      height: 25px;
    }

.row-h30 {
    height: 30px;
  }

  .row-h35 {
      height: 30px;
    }

.row-h40 {
  height: 40px;
}

.row-h50 {
  height: 50px;
}
.row-h60 {
  height: 60px;
}

.row-h70 {
  height: 70px;
}

.row-h80 {
  height: 80px;
}

.row-h90 {
  height: 90px;
}

.row-h100 {
  height: 100px;
}

.centrarH {
    display: flex;
    align-items: center;
}
.centrarV {
    display: flex;
    justify-content: center;
}
.centrarHV {
    display: flex;
    align-items: center;
    justify-content: center;
}
.centrarHNRO {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.centrarTop {
    align-items: start;
}
.cambiarOn{
  background-color: #F7FB8A
}

.oculto {
  display: none;
}

.swciScroll {
  /*height: 5em;*/
  line-height: 1em;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  /*border: 1px solid;*/
}
::-webkit-input-placeholder { color: #072a5e; }

:-moz-placeholder { /* Firefox 18- */ color: #072a5e; }

::-moz-placeholder { /* Firefox 19+ */ color: #072a5e; }

:-ms-input-placeholder { color: #072a5e; }

##########################################
### Estilos para subir varios archivos ###
##########################################
@import"responsive.min.css";[draggable]{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;-khtml-user-drag:element;-webkit-user-drag:element}.uploadArea{border:dashed #676465;text-align:center;line-height:30px;font-size:18px;margin-bottom:20px!important;cursor:pointer;max-width:130px}.uploadArea.selected{border:dashed #FA623F!important;}.uploadArea .new{padding-top:15px!important}.uploadArea input[type='file']{height:30px;color:transparent}.uploadArea i{font-size:25px;padding-top:15px}.image-preview img{padding-top:0px!important;width:130px;height:85px}.image-preview .remove{text-align:right;color:white;position:absolute;width:100%;padding-right:7px;background-color:#373435;opacity:.4;height:25px}.image-preview .remove i{font-size:22px;padding:0;margin:0;opacity:1!important}.item-box,.box-drag{float:left;display:block}.no-margin{margin:0px!important}.no-padding{padding:0px!important}

.btn-gris{
	background-color: #6C757D
}

.bootbox-body
{
    max-height: 500px; /* or rems or ems, if you prefer */
    overflow-y: auto;
}