body, html {
    margin: 0;
    padding: 0;
    /*background: #60a3bc !important;*/
    background-image: url("imagenes/fondo.png");
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height:100vh;  /* responsive height */	
}


#scroll{
		margin-top: 5px;
        /* border:1px solid; */
        height:90%;
        /* width:300px; */
        overflow-y:scroll;
        overflow-x:hidden;
}
	

#scroll2{
    /* margin-top: 5px; */
    /* border:1px solid; */
    /* height:90%; */
    /* width:300px; */
    overflow-x:scroll;
    overflow-y:hidden;
}



.user_card {
    height: 65%;
    width: 95%;
    margin-top: 120px;
    margin-bottom: auto;
    background: #000000;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 5px;
    border: 2px solid white;
    color: white !important;
}

.user_card2 {
    height: 85%;
    width: 95%;
    margin-top: 30px;
    margin-bottom: auto;
    background: #000000;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 5px;
    border: 2px solid white;
    color: white !important;
}

.brand_logo_container {
    position: absolute;
    height: 170px;
    width: 170px;
    top: -70px;
    border-style: solid;
    border-width: 5px;
    border-radius: 100%; 
    border-color: #ffffff;
    /* background: transparent; */
    /* padding: 0px; */
    /* text-align: center; */
}

.brand_logo {
    height: 160px;
    width: 160px;
    border-radius: 100%;
    border: 0px solid white;
}

.titulo1 {
	margin-top: 120px;
	font-size: 21px;
	font-weight: bold;
    text-align: center;
    color: white !important;
}

.titulo2 {
	margin-top: -20px;
	font-size: 18px;
	font-weight: bold;
    text-align: center;
    color: white !important;
}


.row_top {
    position: absolute;
    height: 32px;
    width: 100%;
    top: 0px;
    background: black;
    padding: 2px;
    text-align: center;
    color: white !important;
    border-bottom: 1px solid white;
}

.row_bottom {
    position: absolute;
    height: 4%;
    width: 100%;
    top: 96%;
    background: black;
    padding: 3px;
    text-align: center;
    color: white !important;
    border-top: 1px solid white;
}


.form_container {
	/* position: relative; */
	/* top: -200px; */
    margin-top: 50px;
}


.welcome {
	/* position: absolute; */
	margin-top: 10px;
	font-size: 16px;
	text-align: center;
}

.sinordenes {
	margin-top: 40px;
	font-size: 36px;
	text-align: center;
	font-weight: bold;
}

.alert-danger {
	text-align: center;
}

.login_btn {
    width: 50%;
    background: #3487bf !important;
    color: white !important;
}

.rechazo_btn {
	position: absolute;
	top: 10%;	
    width: 25%;
    background: #3487bf !important;
    color: white !important;
}

.aprueba_btn {
    width: 100%;
    background: #3487bf !important;
    color: white !important;
}

.login_btn:focus {
    box-shadow: none !important;
    outline: 0px !important;
}

.login_container {
    padding: 0 2rem;
}

.input-group-text {
    background: #3487bf !important;
    color: white !important;
    border: 0 !important;
    border-radius: 0.25rem 0 0 0.25rem !important;
}

.input_user,
.input_pass:focus {
    box-shadow: none !important;
    outline: 0px !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #41ad49 !important;
    color: #ffffff;
}

.filterable {
    margin-top: 15px;
}

.filterable .panel-heading .pull-right {
    margin-top: -20px;
}

.filterable .filters input[disabled] {
    background-color: transparent;
    border: none;
    cursor: auto;
    box-shadow: none;
    padding: 0;
    height: auto;
}

.filterable .filters input[disabled]::-webkit-input-placeholder {
    color: #333;
}

.filterable .filters input[disabled]::-moz-placeholder {
    color: #333;
}

.filterable .filters input[disabled]:-ms-input-placeholder {
    color: #333;
}





.panel-primary {
    position: relative;
    top: 20px; left: 10px;
	width: 95%;
    /* border-color: #428BCA; */
	/* border-radius: 4px; */
}

.panel {
    background-color: #FFFFFF;
	border: 2px solid rgba(0, 0, 0, 0); 
    border-radius: 5px;
    /* font-family: 'Segoe UI'; */
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); */
    /* margin-bottom: 0px; */
	/* color: #000000; */
}


.panel2 {
    margin: 5px 5px;
    padding: 5px;
    background-color: #ececec;
    border-radius: 5px;
}



/* .panel-primary > .panel-heading { */
    /* background-color: #428BCA; */
    /* border-color: #428BCA; */
    /* color: #000000; */
/* } */

.panel-estado-ingresado {
	background: #3487bf;
    padding: 10px 15px;
	color: #ffffff; 
    font-size: 18px; 
    font-weight: bold;
}


.panel-estado-reparacion {
	background: #205fbd;
    padding: 10px 15px;
	color: #ffffff; 
    font-size: 18px; 
    font-weight: bold;
}

.panel-estado-pendiente {
	background: #b84334;
    padding: 10px 15px;
	color: #ffffff; 
    font-size: 18px; 
    font-weight: bold;
}

.panel-estado-finalizado {
	background: #3487bf;
    padding: 10px 15px;
	color: #ffffff; 
    font-size: 18px; 
    font-weight: bold;
}


.panel-estado-entregado {
	background: #1e8026;
    padding: 10px 15px;
	color: #ffffff; 
    font-size: 18px; 
    font-weight: bold;
}


.panel-estado-facturado {
	background: #1e8026;
    padding: 10px 15px;
	color: #ffffff; 
    font-size: 18px; 
    font-weight: bold;
}


.panel-body {
    /* border: 2px solid rgba(0, 0, 0, 0); */
		/* border-top-left-radius: 5px; */
		/* border-top-right-radius: 5px; */
    font-size: 14px;
    padding: 2px 5px;
	color: #000000;
}

.panel-image > img {
    margin: 5px;
    background-color: #ffffff;
    border-style: solid;
    border-width: 2px;
    border-radius: 5%; 
    border-color: #3487bf;    
    width: 130px;
    height: 100px;
}

.panel-obs {
    font-size: 14px;
 	padding: 0px 5px;
	color: blue;
}


.panel-result {
	/* font-weight: bold; */
	padding: 0px 5px;
	color: tomato;
	/* background-color: tomato; */
	/* color: white;	 */
}


.panel-total {
	font-size: 18px;
	font-weight: bold;
    margin: 5px 5px;
 	padding: 5px 10px;
	background-color: rgb(51, 136, 51);
	color: white;
    border-radius: 5px;
}


/* .panel-body:before, .panel-body:after */
/* { */
	
    /* content: " "; */
    /* display: table; */
/* } */

/* .panel-body:after */
/* { */
	/* clear: both; */

/* } */