/* ESTILOS NORMALES (para móviles en vertical)
   ========================================================================= */
 

/*Botones degradados para acceder a otras pestañas*/
.espacio{
    margin-top: 15%;
}

.select2-container .select2-selection--single{
	height: auto !important;
}

.select2-container{
	height: auto !important;
}

.form-control-color {
    width: 4rem;
    height: 42.95;
    padding: 0.75rem;
}

.aside.aside-dark .btn-custom.active, .aside.aside-dark .btn-custom.show, .aside.aside-dark .btn-custom:active:not(.btn-active), .aside.aside-dark .btn-custom:focus:not(.btn-active), 
.aside.aside-dark .btn-custom:hover:not(.btn-active), .btn-check:active+.aside.aside-dark .btn-custom, .btn-check:checked+.aside.aside-dark .btn-custom, .show>.aside.aside-dark .btn-custom {
    color: #ccccd5;
    background-color: rgb(41 44 59 / 35%)!important;
}

.text-azul-claro {
    color: #9fc9e9;
}

.tablaEditarParteTrabajoResponsive{
	margin:auto;
	width:50%;
}

.boton{
    background: rgb(0,222,253);
    background: linear-gradient(90deg, rgba(0,222,253,1) 1%, rgba(5,105,214,1) 95%);
    margin: 0 auto;
    margin-top: 22%;
    border-radius: 20px;
    width: 75%;
    height: 9.2em;
}

.dos_botones{
    background: rgb(0,222,253);
    background: linear-gradient(90deg, rgba(0,222,253,1) 1%, rgba(5,105,214,1) 95%);
    margin: 0 auto;
    margin-top: 35%;
    border-radius: 20px;
    width: 75%;
    height: 9.2em;
}

.txt_boton{
    color: #f1f1f1 !important;
    font-weight: 00;
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    position: relative;
    top: 35%;
}

.plus-boton{
    display: block;
    margin: 5% 0 0 90%;
    background-color: #2f82ff;
    border-radius: 100%;
    border: none;
    width: 3em;
    height: 3em;
}

/*Trabajo campo*/
.botones_juntos{
    background: rgb(0,222,253);
    background: linear-gradient(90deg, rgba(0,222,253,1) 1%, rgba(5,105,214,1) 95%);
    margin: 1.5em 0.5em 0 0.8em;
    border-radius: 20px;
    width: 45%;
    height: 9.2em;
    display: inline-block;
}

/*PARTES HORAS*/
.btn-phoras{
    background: rgb(0,222,253);
    background: linear-gradient(90deg, rgba(0,222,253,1) 1%, rgba(5,105,214,1) 95%);
    margin: 1em 0.3em 0 0.3em;
    border-radius: 20px;
    width: 30%;
    height: 6.5em;
    display: inline-block;
}


/* ESTILOS GENERALES */

.centrar-logo{
    margin: 0 auto;
}


/* RESPONSIVE
   ========================================================================= */
/*Móviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) {
	
 	#calendario_obras{
    	width: 100%;
    	height: 600px;
    }
    
    .tablaEditarParteTrabajoResponsive{
	margin:auto;
	width:100%;
}

}
   
/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (min-width: 768px) { 
    .boton{
        margin-top: 20%;
        width: 60%;
        height: 14.5em;
    }

    .dos_botones{
        margin-top: 25%;
        width: 60%;
        height: 14.5em;
    }
    
    .txt_boton{
        font-size: 2.6rem;
        top: 35%;
    }

    .botones_juntos{
        margin: 2em 1.3em 0 1.3em;
        width: 45%;
        height: 14.5em;
    }
    
    .plus-boton{
        width: 4em;
        height: 4em;
    }

    .plus-icon{
        width: 2em;
    }

    .btn-phoras{
        margin: 1.2em 1em 0 1em;
        width: 21%;
        height: 7.5em;
    }
    
   
        
}
 
/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (min-width: 1024px) {
    .boton{
        margin: 10% 0 0 3%;
        display: inline-block;
        width: 29%;
        height: 12em;
       
    }

    .dos_botones{
        margin: 10% 0 0 10%;
        display: inline-block;
        width: 35%;
        height: 14.5em;
    }

    .txt_boton{
        font-size: 2rem;
        top: 35%;
        
    }

    .botones_juntos{
        margin: 2em 0.5em 0 1.6em;
        width: 30%;
        height: 11.5em;
    }

    .espacio{
        margin-top: 10%;
    }

    .plus-boton{
        margin-top: -2rem;
        width: 3.5em;
        height: 3.5em;
    }

    .plus-icon{
        width: 1.6em;
    }

    .btn-phoras{
        margin: 1.2em 1.1em 0 1.1em;
        width: 20%;
        height: 7.5em;
    }
}
 
/* Escritorios muy anchos
   ------------------------------------------------------------------------- */
@media (min-width: 1200px) {
    .boton{
        margin: 20% 0 0 3%;
        display: inline-block;
        width: 30%;
        height: 12em;
       
    }

    .dos_botones{
        margin: 18% 0 0 10%;
        display: inline-block;
        height: 12em;

    }

    .txt_boton{
        font-size: 2.2rem;
        top: 35%;
        
    }

    .botones_juntos{
        margin: 2em 1.5em 0 1.5em;
        height: 12em;
    }


    .plus-boton{
        margin-top: -2rem;
        width: 3.5em;
        height: 3.5em;
    }

    .plus-icon{
        width: 1.6em;
    }

    .btn-phoras{
        margin: 1.2em 1.1em 0 1.1em;
        width: 18%;
        height: 8em;
    }
}

@media (min-width: 992px){
	.header {
	    height: 0px !important;
	}
}