

.ui-tabs .ui-tabs-nav {

    margin: 0;

    padding: .2em .2em 0;

}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {

    border-bottom-right-radius: 4px;

}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {

    border-bottom-left-radius: 4px;

}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {

    border-top-right-radius: 4px;

}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {

    border-top-left-radius: 4px;

}

.ui-helper-clearfix {

    min-height: 0;

}

.ui-helper-reset {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    line-height: 1.3;

    text-decoration: none;

    font-size: 100%;

    list-style: none;

}



.ui-tabs .ui-tabs-nav li {

    list-style: none;

    float: left;

    position: relative;

    top: 0;

    margin: 1px .2em 0 0;

    border-bottom-width: 0;

    padding: 0;

    white-space: nowrap;

}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

    /*border: 1px solid #d3d3d3;*/

    font-weight: normal;

    /*color: #555555;*/

}



.ui-tabs .ui-tabs-nav .ui-tabs-anchor {

    float: left;

    padding: .5em 1em;

    text-decoration: none;

}

.ui-tabs-vertical .ui-tabs-nav li a {

    display: block;

}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {

    color: #555555;

    text-decoration: none;

}

.ui-widget-header a {

    color: #222222;

}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {

    cursor: text;

}



.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {

    /*color: #212121;*/

    text-decoration: none;

}



.ui-widget-header {

    border: 1px solid #aaaaaa;

    /*color: #222222;*/

    font-weight: bold;

}



  .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left;  }

  .ui-tabs-vertical .ui-tabs-nav li { clear: left; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }

  .ui-tabs-vertical .ui-tabs-nav li a { display:block; }

  .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }

  .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; }

  

.uno{

	background-color: white;

}

.dos{

	background-color: #eeeeee;

}

.tres{

	background-color: #fbfbfb;

}



.dos:hover, .tres:hover{

    background-color: rgb(234, 245, 242);

    /*border: 1px solid #04866d;*/

    cursor: pointer;

}



.ren_oki:hover{

    background: #eeeeee;

    border: 1px solid #cccccc;

}



.ren_oki{

    border: 1px solid #ffffff;

}



/**********     ALINEAR TEXTO   ***********/



.cen {

    text-align: center !important;

}

.dere{

    text-align: right !important;

}

.iqui{

    text-align: left !important;

}

.justi{

    text-align: justify !important;

}



.sep_tit{

    padding: 8px 18px !important;

}



.tit_nice{

    background: #3f5367; 

    color:#eeeeee; 

}



.dere_pad{

    text-align: right;

    padding-right: 10px;

}



/**********          FIN        ***********/

/**********     ALINEAR TEXTO   ***********/





.bar_ade_tit{

    border: 2px solid white !important;

    color: white;

    margin-top: -6px;

    margin-right: -10px;

    height: 30px;

}



.has-error .bar_ade_tit{

    border: 2px solid #a94442 !important;

    color: #a94442;

    margin-top: -6px;

    margin-right: -10px;

    height: 30px;

}



.form-tu{

    margin: 2px;

    background: #eeeeee;

    border: 1px solid #cccccc;

    width: 100%;

    padding: 6px 10px;

}





/**********     tabla con puros divs   ***********/



.encabezado{
    color:#fff;
    background: rgba(52, 73, 94, 0.94) !important;
    text-align: center;
}

.encabezado_dos{
    color:#fff;
    background: rgba(97, 114, 131, 0.94) !important;
}

.sub_encabezado{
    color:#fff;
    background: rgba(97, 114, 131, 0.94) !important;
}

.renglones,.renglon, .ren{
    border-bottom: 1px solid #eeeeee;
}

.renglones:nth-child(even) {
    background-color: #f7f7f7;
}

.renglones:nth-child(odd) {
   background-color:#fff;
}


.renglones:hover, .ren:hover{
    background-color: rgb(234, 245, 242);
    cursor: pointer;
}

.renglon:nth-child(even) {
    background-color:#fff;
}

.renglon:nth-child(odd) {
  background-color: #e6e6e6;
}

.contenedor_renglon{
  border:1px solid #7e868e;
  margin: 15px 0px;
}


.renglon:hover{
    background-color: rgb(234, 245, 242);
    cursor: default;
}



.ren_uno{
  background-color: #e6e6e6;
}

.ren_dos{
  background-color: #fff;
}



.renglon_spr {
    background-color: rgba(26, 148, 124, 0.19);
}

/*.renglon_spr:nth-child(odd) {

   background-color:#fff;

}*/



.renglon_spr:hover{
    background-color: rgb(234, 245, 242);
    cursor: pointer;
}



/**********             fin            ***********/

/**********     tabla con puros divs   ***********/



.firma{

    height: 120px;

    width: 120px;

}



.renComenatario{

    border:1px ;

    border-style: solid;

    border-color: #CCCCCC;

    border-top: 0px !important;

}





.spa{

  padding-left: 22px !important;

}



input[type="radio"] {

  display: none;

}

input[type="radio"] + label span {

    display:inline-block;

    margin: 0;

    padding: 0;

    width: 20px;

    height: 20px;

    background:url(green.png) -88px 0 no-repeat;

    border: none;

    cursor: pointer;

}



input[type="radio"].green:checked + label span {

  background:url(green.png) -110px 0 no-repeat;

}



input[type="radio"].red:checked + label span {

  background:url(red.png) -110px 0 no-repeat;

}



input[type="radio"].green:disabled + label span{

 background:url(green.png) -132px 0 no-repeat;

}



input[type="radio"].red:disabled + label span{

  background:url(red.png) -132px 0 no-repeat;

  cursor: default;

}



.texta{
    resize:none; 
    width:100%;  
    margin-bottom: 3px;  
    /* margin-top: -6px; */
}



.has-error .checkbox,

.has-error .checkbox-inline,

.has-error .control-label,

.has-error .help-block,

.has-error .radio,

.has-error .radio-inline,

.has-error.checkbox label,

.has-error.checkbox-inline label,

.has-error.radio label,

.has-error.radio-inline label{

    color:#ec7063}



.has-error .form-control{

    border-color:#ec7063;

    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);

    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)

    background: #f4aea7;}



.has-error .form-control:focus{

    border-color:#c13d2f;

    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;

    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}



.has-error .input-group-addon,
.has-error div.m{
    color:#ec7063;
    /*background-color:#d21400;*/
    border-color:#c13d2f}



.has-error .form-control-feedback{color:#ec7063}





.div_programa{

    overflow-y: scroll;

    overflow-x: hidden;

    min-height: 125px;

    max-height: 400px;

}





.btn-aero {

    color: #FFFFFF;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

    background-color: #548C99;

    background-repeat: repeat-x;

    border-color: #548C99;

    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}

.btn-aero:hover,

.btn-aero:active,

.btn-aero:focus,

.btn-aero.active,

.btn-aero.disabled,

.btn-aero[disabled] {

    color: #FFFFFF;

    background-color: #477b87;

}



.btn-nicee {
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #1ABB9C;
  background-repeat: repeat-x;
  border-color: #1ABB9C;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-nicee:hover,
.btn-nicee:active,
.btn-nicee.active,
.btn-nicee:focus,
.btn-nicee.focus,
.btn-nicee.disabled,
.btn-nicee[disabled] {
  color: #FFFFFF !important;
  background-color: #15A488;
}







/************* algo de has- warning *********************/

.has-warning .form-control {

    background: #efbd75;

}



.cont_tabla_req{

    min-height: 35px;

    max-height: 200px;

    border: 1px solid #3f5367;

    overflow-y: scroll;

    overflow-x: hidden;

}



.renTab{

  border: 1px solid #3f5367;

  padding: 2px;

}



.is-wrong{
    background-color: #ffb9b9 !important;
    /*color: white;*/
}



.is-empty{

    background-color: #fff1de !important;
    /*#ffeacd !important*/
}




/*****************************************************************************************
            PUNTITOS
******************************************************************************************/

#loading{z-index:5555; position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.75); display: flex; justify-content: center; align-items: center; }
[draggable] {-moz-user-select: text; -khtml-user-select: text; -webkit-user-select: text; user-select: text; -ms-user-select: text; /* Required to make elements draggable in old WebKit */ -khtml-user-drag: element; -webkit-user-drag: element; }
/* Loading Spinner */
  .spinner{margin:0;width:70px;height:18px;}
  .spinner > div{ width:18px; height:18px; background-color:#fff; border-radius:100%; display:inline-block; -webkit-animation:bouncedelay 1.4s infinite ease-in-out; animation:bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both; }
  .spinner .bounce1{-webkit-animation-delay:-.32s; animation-delay:-.32s }
  .spinner .bounce2{-webkit-animation-delay:-.16s; animation-delay:-.16s }
  @-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0.0)}40%{-webkit-transform:scale(1.0)}}
  @keyframes bouncedelay{0%,80%,100%{transform:scale(0.0);
    -webkit-transform:scale(0.0)}40%{transform:scale(1.0);
    -webkit-transform:scale(1.0)}}

/*****************************************************************************************
          FIN  PUNTITOS
******************************************************************************************/



/*  BANNER  */

.banner{

  width: 100px;

}



.banner:hover{

  width: 600px;

  position: absolute;

  z-index: 10;

  top: 0px;

  left: 0px;

}







.btn-cancel {

  color: #FFFFFF;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

  background-color: #EC7060;

  *background-color: #EC7060;

  border-color: #EC7060;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EC7063', endColorstr='#EC7060', GradientType=0);

  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}

.btn-cancel:hover,

.btn-cancel:active,

.btn-cancel:focus,

.btn-cancel.active,

.btn-cancel.disabled,

.btn-cancel[disabled] {

  color: #FFFFFF;

  background-color: #ff543e;

  *background-color: #003bb3;

}



.addon_personalizado{

    border: 0px;

    background: #fff;

    color: #73879c;

}



.form-control-mas{

  line-height: 20px;

}



.span_proyecto{

    color: #777;

    border: 1px solid #cccccc;

    display: block;

    padding: 6px 12px;

    font-weight: initial;

}



/* clase para pesitos en las cajas de texto =) */

.form-control-feedback{ z-index: 1 !important; }


/* text area */
.txt-area{
  resize: none;
  font-size: 13px;
}

/*adecuacion cuando sea la pantalla pequeña*/
.width-fijo{
  width: 175px;
}

/* para q el espacio de las col de tablas sea mas peque*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 1px;
}









/***********************************************
    radios nice
*****************************************/
.radio{
  width: inherit !important;
  height: inherit !important;
  padding-top: 1px !important;
  margin: 0px;
}

.estadoAlumno .radio label{
    display: inline-block;
    cursor: pointer;
    color: #548C99;
    position: relative;
    padding: 5px 15px 5px 51px;
    font-size: 1em;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; 
}

.estadoAlumno .radio label:hover{
    /*background: rgba(255, 65, 54, 0.1); */
    background: rgba(84, 140, 153, 0.29);
}

.estadoAlumno .radio label:before{
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  position: absolute;
  left: 15px;
  border-radius: 50%;
  background: none;
  border: 3px solid #548C99; 
}
  
.estadoAlumno input[type="radio"] {
    display: none; 
}

.estadoAlumno input[type="radio"]:checked + label:before {
      display: none; 
  }

.estadoAlumno input[type="radio"]:checked + label {
  padding: 5px 15px;
  background: #548C99;
  border-radius: 2px;
  color: #fff; 
}


.txt-pesitos{
  margin: 0px;
  min-width: 160px;
  padding: 0px 10px;
}

.txt-nota{
  text-align: justify;
  color: #EC7060;
  font-size: 15px;
}

.panel_toolbox>li>a {
    color: #C5C7CB;
}

.tomate{ color:#ca3b21; }
.encabezado_tomate{
  background: #ca3b21;
  color: #fff;
}

.darkcyan{ color:darkcyan; }
.encabezado_darkcyan{
  background: #1abb9c;
  color:#fff;
}

.darkgoldenrod{ color: #f07f09; }
.encabezado_darkgoldenrod{
  background: #ca6803;
  color: #fff;
}

.royalblue{ color: #64a73b; }
.encabezado_royalblue{
  background: #64a73b;
  color: #fff;
}

.blue{ color: #1b587c; }
.encabezado_blue{
  background: #1b587c;
  color: #fff;
}

/**********
***********    Checkbox autorizar adecuacion
**********/
.checkbox{
  width: inherit !important;
  height: inherit !important;
  padding-top: 1px !important;
  padding-bottom: : 1px !important;
  margin: 0px;
}

.activ_adec .checkbox label{
    display: inline-block;
    cursor: pointer;
    color: #1ABB9C;
    position: relative;
    padding: 1px 10px 3px 18px;
    font-size: 1em;
    border-radius: 5px;
}

.activ_adec .checkbox label:hover{ background: rgba(84, 140, 153, 0.29); }
.activ_adec .checkbox label:before{
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 5px;
  background: none;
  border: 3px solid #1ABB9C; 
}
  
.activ_adec input[type="checkbox"] { display: none; }
.activ_adec input[type="checkbox"]:checked + label:before {
      content: "✓";
      font-weight: bolder;
  }

.activ_adec input[type="checkbox"]:checked + label {
  border-radius: 2px;
}

.ren_autorizado{
  color: lightseagreen;
  font-weight: bolder; 
}

.alert-msj-ade {
  color: #ffffff;
  border-color: rgb(0, 109, 0);
  background: #4e8542;
}





.ui-ribbon-container .ui-ribbon:after, .ui-ribbon-container .ui-ribbon:before {
    border-top: 0px !important;
}











@media (max-width: 767px){ 
  .vs-xs {
      display: block!important;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .vs-sm {
        display: flex !important; 
        align-items: center;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .vs-md {
      display: flex !important; 
      align-items: center;
  }
}

@media (min-width: 1200px) {
  .vs-lg {
      display: flex !important; 
      align-items: center;
  }
}


/**
 * Para la vista de seleccion
 */

.x_panel{
    min-height: 260px;
}

.x_title{
    min-height: 135px;
}

/**
 * Fin para la vista de seleccion
 */


#swal2-title{
  font-size: 25px;
}

.swal2-popup #swal2-content {
    text-align: center;
    font-size: 16px;
} 