#Alertas {
    position: fixed;
    top: 5px;
    left: 0px;
    z-index: 4000
}

.alert-info{
    border-color: #ffe79e;
    background-color: #fff4c9 !important;
    color: #263248 !important;
}
    
/*Botones de Procesamiento*/
.btnEjecucion{
    text-decoration: none;
    /*background: #1984c8;
    background-color: #1984c8;*/
}

.btnEjecucion:focus {
    /*background: #1a84c8;
    color: #fff;*/
    text-decoration: none;
}
.k-button[disabled]{
    background: #5882FA;
    color: #fff;
    pointer-events: none;    
}

.btnProcesando {
  -moz-animation: giro-moz 0.7s infinite linear;
  -webkit-animation: giro-webkit 0.7s infinite linear;
  animation: giro .7s infinite linear;
}
.btnEjecutando .glyphicon {
  color: white;
  font-size: 12px;
  pointer-events: none;
}

@-moz-keyframes giro-moz {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes giro-webkit {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes giro {
  from {
    transform: scale(1) rotate(0deg);
  }
  to {
    transform: scale(1) rotate(360deg);
  }
}

/* Boton de sincornizar empleado, autorizar material cliente */
#btnSincronizarAxapta, #btnSincronizar, #btnSolictaAutorizacion, #btnRechazar{
    text-decoration: none !important;
    background: #f39c12 !important;
    background-color: #f39c12 !important;
}


/* Oculta los mensajes de validacion default de kendo */
.k-widget.k-tooltip-validation {
  display: none !important;
}

.k-invalid{
     border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.btnPopupMessage a{
    text-decoration: none;
}

.form-control:focus {
  border-color: #66afe9 !important;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

[aria-invalid="true"]:focus
{
  border-color: #a94442 !important;
  -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;
}

.skin-black .main-header>.navbar .navbar-custom-menu>.nav {
    margin-right: 0;
}

/* Estilos ddl */
.inputSmall{
    width: 50%;
}

.inputMedium{
    width: 80%;
}

.inputLarge{
    width: 100%;
}

@media screen and (max-width: 767px)
{
    .inputSmall{
        width: 100%;
    }

    .inputMedium{
        width: 100%;
    }

    .inputLarge{
        width: 100%;
    }
}


/* Espacios entre elementos */

.top10 { 
    margin-top:10px; 
}

.alignRight {
    text-align: right;
}

.wrap-datos-left-autorizacion span {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;    
}

 textarea {
   resize: none;
}

 #BtnEnviar{
    text-decoration: none !important;
    background: #008d4c !important;
    background-color: #008d4c !important;
}


 #txt_Metadata {
    resize :both;
    font-weight: bold;
}

 /*fix error with numeric controls of kendo*/
.k-combobox .k-dropdown-wrap:before, .k-picker-wrap:before, .k-numeric-wrap:before {
    content: "";
    display: inline;
}

#RolActual{
    text-align: center;
    background-color: #FAD000;
}

#RolActual .k-dropdown{
    background-color: #FAD000;
}

.message-avatar{
    width: 25px;
    height: 20px;
}



#MedioPlantilla .sheduler .k-scheduler-table .k-today,#MedioPlantilla  .sheduler .k-today>.k-scheduler-datecolumn,#MedioPlantilla .sheduler .k-today>.k-scheduler-groupcolumn {
   background-color: transparent !important;
}

#MedioPlantilla .k-scheduler-dayview .k-scheduler-table td,
#MedioPlantilla .k-scheduler-weekview tr:nth-child(2) .k-scheduler-table td,
#MedioPlantilla .k-scheduler-monthview .k-scheduler-table td {
    height: 28px !important;
}

#MedioPlantilla .k-si-close{
    display: none;
}

/*#MedioPlantilla .k-scheduler-content .k-event{
    overflow-y: scroll;
}*/

/* For Classic RenderMode */
/*.rsAptDelete {
    display: none;
}*/

/* For Lightweight RenderMode */
/*.RadScheduler .rsApt .rsAptDelete {
    display: none;
}

.disableDelete .rsAptDelete 
    { 
        left: -4000px; 
    }*/ 


/*#step3 table, #wrap_cuerpo_html table{
    width: 90% !important;
    border: 1px dotted;
}

#step3 table tr, #step3 table td, #wrap_cuerpo_html tr, #wrap_cuerpo_html td{
    border: 1px dotted;
}*/

.paso3_wrap table, #wrap_cuerpo_html table{
    width: 90% !important;
    border: 1px dotted;
}

.paso3_wrap table tr, .paso3_wrap table td, #wrap_cuerpo_html tr, #wrap_cuerpo_html td{
    border: 1px dotted;
}


/*Forzar saltos de linea en lineas muy grandes*/
.break_label {
         word-wrap: break-word;
}


/* Solicitud de trafico  */

/*#wrap_option_date{
    text-align: center;
}*/

.wizar-small{
    height: 95px;
}

#wrap_Days .info-box-text{
    font-size: 15px;
}

#wrap_Days .info-box{
    min-height: 40px;
    background: #00c0ef !important;
    /*margin: 0 0 10px 15px;*/
    /*width: 97%;*/
}

#wrap_Days .info-box-icon{
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    width: 90px;
}

#wrap_Days .info-box-content{
    height: 40px;
}

#wrap_Days .bg-aqua{
    margin: 0 0 10px 0;
    padding: 0;
}

#icon_days .info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 35px;
    width: 40px;
    text-align: center;
    font-size: 33px;
    line-height: 36px;
    background: none;
    margin: 0 10px 0 0;

}

#wrap_lunes .k-dropdown {
     background: #00c0ef !important;
}

#wrap_martes .k-dropdown {
     background: #00c0ef !important;
}

#wrap_miercoles .k-dropdown {
     background: #00c0ef !important;
}

#wrap_jueves .k-dropdown {
     background: #00c0ef !important;
}

#wrap_viernes .k-dropdown {
     background: #00c0ef !important;
}

#wrap_sabado .k-dropdown {
     background: #00c0ef !important;
}

#wrap_domingo .k-dropdown {
     background: #00c0ef !important;
}

.info-box-content {
    padding: 5px 10px;
    margin-left: 90px;
}

/* eliminar paddings */
.no-gutter-left {
    padding-left:0;
}

.no-gutter-right {
    padding-right:0;
}

#wrap_trafico #btnBuscar{
    margin: 17px 0 0 0;
}

#MedioPlantilla .k-event{
    overflow-y: scroll;
}

.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* style glyph */
.inner-addon .fa {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align glyph */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}
/* align glyph */
.left-addon .fa { left:  0px;}
.right-addon .fa { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;    
}
.right-inner-addon span {
    position: absolute;
    right: 0px;
    padding: 8px 10px;
    
}

.spinner {
    position: fixed;
    left: 50vw;
    top: 25vh;

    width: 40px;
    height: 40px;
    margin: 100px auto;
    background-color: #333;

    border-radius: 100%;  
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
    0% { -webkit-transform: scale(0) }
    100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
    } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
    }
}

.overlay{
    width:100vw;
    height:100vh;
    position:fixed;
    z-index:3995;
    background-color:black;
    opacity:0.5;
    top:0em;
    left:0em;
    margin:0em;
}

.subGrids{
    margin:10px;
    margin-left:10px;
    width:700px;
}

.font-red{
    color:red !important;
}

.margin-r{
    margin-right: 5px; 
}