.contenedor{
    display: grid;
    grid-template-columns: 2fr 8fr 2fr;
    width: 100%;
    height: 100vh;
    margin-top: 30px;
}   

/* Estilos botones fc-button-primary */

.fc .fc-button-primary:disabled {
    background-color: #FF6A07;
    border-color: #FF6A07;
    color: #FFFFFF;
}

.fc .fc-button:not(:disabled) {
    cursor: pointer;
    background-color: #FF6A07;
    border-color: #FF6A07;
    color: #FFFFFF;
}

.fc .fc-button-primary:not(:disabled):active{
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #FF6A07;
}

.fc .fc-button:not(:disabled):active:focus {
    outline: none;
    box-shadow: none;
    box-shadow: 0 0 0 3px rgba(255,106,7,0.3);
}

.fc .fc-button:not(:disabled):focus {
    outline: none;
    box-shadow: none;
    box-shadow: 0 0 0 3px rgba(255,106,7,0.3);
}

/* ******************************************** */


/* Estilo color fondo "TODAY" */

.fc .fc-daygrid-day.fc-day-today{
    background-color: rgba(255,106,7,0.3);
}

/* ******************************************** */

/* Estilos botones bootstrap opciones */

.btn-win-agregar {
    color: #fff;
    background-color: #FF6A07;
    border-color: #FF6A07;
} 

.btn-win-modificar {
    color: #FF6A07;
    background-color: #FFFFFF;
    border-color: #FF6A07;
} 

.btn-win-borrar {
    color: #fff;
    background-color: #EC2A0F;
    border-color: #EC2A0F;    
}

.btn-win-cancelar {
    color: #fff;
    background-color: #1D1D1B;
    border-color: #1D1D1B;    
}

.btn-win-cancelar:hover {
    color: #FF6A07;   
}

.btn-win-agregar:focus {
    outline: none;
    box-shadow: none;
    box-shadow: 0 0 0 3px rgba(255,106,7,0.3);
}

.btn-win-modificar:focus {
    outline: none;
    box-shadow: none;
    box-shadow: 0 0 0 3px rgba(189,186,185,0.3);
} 

.btn-win-borrar:focus {
    outline: none;
    box-shadow: none;
    box-shadow: 0 0 0 3px rgba(236,42,15,0.3);    
}

.btn-win-cancelar:focus {
    outline: none;
    box-shadow: none;
    box-shadow: 0 0 0 3px rgba(29,29,27,0.3);      
}

/* ******************************************** */

.fc .fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event-harness a{
    color: rgba(0,0,0,0.7);
    font-size: 0.7em;
}

/* Estilos para elevar colores del clockpicker */

.popover{
    z-index: 9999999999;
}

.text-primary{
    color: #FF6A07 !important;
}

.clockpicker-tick.active,
.clockpicker-tick:hover {
    background-color: rgba(255,106,7,0.3);
    background-color: rgba(255,106,7,0.7);
}

.clockpicker-canvas-bearing,
.clockpicker-canvas-fg {
    stroke: none;
    fill: rgba(255,106,7,1);
}
.clockpicker-canvas-bg {
    stroke: none;
    fill: rgba(255,106,7,0.5);
}
.clockpicker-canvas-bg-trans {
    fill: rgba(255,106,7,0.5);
}
.clockpicker-canvas line {
    stroke: rgba(255,106,7,1);
    stroke-width: 1;
    stroke-linecap: round;
    /*shape-rendering: crispEdges;*/
}

/* ******************************************** */


/* Estilos para color borde de cuadros del formulario */

.form-group .form-control:focus{
    outline: none;
    box-shadow: none;
    box-shadow: 0 0 0 3px rgba(255,106,7,0.7);    
}

/* ******************************************** */

/* Estilos para acomodar el span de UPLOAD */

.derecha{
    font-size: 20px;
    padding: 2px;
    margin-left: 5px;
    margin-right: 5px;
    float: right;
    color: #FF6A07;
}

.empuja{
    text-align: right;
}

/* ******************************************** */

#tituloEvento{
    color: #FF6A07;
}

.cursor:hover{
    cursor: pointer;
}


.swal-tama{
    font-size: 15px;
    width: 400px;
    height: fit-content;
}

.sel_lab{
    width: 80%;   
    font-size: 0.8em;
}   

.sel_cli{
    width: 95%;    
}

.item_form{
    width: 95%;
    margin-top: 10px; 
    
}

.izqui{
    text-align: start;
    padding-left: 10px;
    font-size: 1em;
}

.eltitulo{
    color: #FFFFFF;
} 

.fc-toolbar {
    text-transform: uppercase;
}

.fc-day {
    text-transform: capitalize;
}