@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');

body{
	
	font-family: 'Roboto Condensed' !important;
}

.error{
    color: indianred;
}
.custom-control-input:checked~.custom-control-label::before {
    background-color: darkorange;
    border-color: darkorange;
}

.display-2 {
    font-size: 3.5rem;
}

.display-3 {
    font-size: 2.7rem;
}

.display-4 {
    font-size: 2rem;
}

.custom-switch {
    padding-left: 0 !important;
}

.numeracion {
    font-size: 2rem;
    font-weight: 600;
    border: solid medium black;
    padding: .1rem .5rem .2rem .5rem;
    border-radius: 7px;
    margin: 0 1rem 0 0;
	background-color: black;
	color: #f8f9fa;
}
.num_solicitud{
	font-size: 2rem;
    font-weight: 600;
    border: solid medium darkorange;
    padding: .2rem 1rem .3rem 1.1rem;
    border-radius: 7px;
    margin: 0 1rem 0 0;
	background-color: darkorange;
	color: #f8f9fa;
}

.text-1-5rem {
    font-size: 1.5rem;
}

.picker {
    border-radius: 5px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    border: thin solid #777;
}

.picker:hover {
    transform: scale(1.1);
}

.jscolor {
    display: none;

}

.custom-file-label::after {
    content: "Buscar";
}

#myGroup .btn-primary{
	background-color: purple !important;
	border-color: purple !important;
	
}
#myGroup .btn-primary:focus {
	background-color: purple !important;
	box-shadow: 0 0 0 0.2rem rgba(140,143,255,.5);
} 

#myGroup .btn-danger{
	background-color: darkred !important;
	border-color: darkred !important;
}