.btn-primary-login {

	border-color: #ffffff !important;
	box-shadow: none;
	background: #ffffff;
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%, #ffffff 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5541', endColorstr='#ff365d', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.btn-primary-login:hover,
.btn-primary-login:focus,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
	box-shadow: none !important;
	color: #fff !important;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5541+0,ff365d+100 */
	background: #ff5541;
	/* Old browsers */
	background: -moz-linear-gradient(45deg, #ff5541 0%, #ff365d 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #ff5541 0%, #ff365d 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #ff5541 0%, #ff365d 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5541', endColorstr='#ff365d', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}


.borde{
    /*border-radius: 8px !important;*/
    border-width: 3px;
    border-style: solid;
    border-color: white;/*#0f1b32;*/
    width: 50%;
    height: 40px;
    margin: 0 auto;
    text-align: center;
}

.boton{
    width: 30%;            
    border-radius: 4px;
    margin: 0 auto;
    text-align: center;
}
 
.clock-time {
  	font-size: 0.7em;
  	text-align: center;
}

#posicionForm{
	top:-40px;
}

.txt-bienvenido{
	color: white; font-weight: 500;
	font-size: 40px;
	text-transform: uppercase;
	left: -15px;
	position: relative;
	padding-bottom: 15px;
}

.btn-espacio{
	padding-bottom: 20px;
}

#signo{
	position: relative; top: 38px; left: -60px; width: 30px; height: 36px;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	/* color: rgba(0,0,0,.9); */    		
	left: 165px;
}

.dropdown-item:focus, .dropdown-item:hover {
	color: #16181b;
	text-decoration: none;
	background-color: #f8f9fa00;
}

#app {
	/*margin-bottom: 80px;*/
}
.contenedor-borde {
	min-height: unset !important;
}
.logo-small {
	display: none;
}
#loginCenter{
	position: relative; top: 100px;
}
.label-login{
	color:white; font-size: 15px;
	left:25%; position: relative;
}

select{
    text-align-last:center;
}

@media only screen and (min-width: 250px) and (max-width: 575px){
	#posicionForm{
		top: 0px;
	}
	.borde{            
        width: 80%;            
    }

    .boton{
        width: 50%;            
    }
    .btn-espacio{
		padding-bottom: 0px;
	}
	
}
@media only screen and (min-width: 250px) and (max-width: 767px){			
	.logo-small {
		display: block;
	}	

	.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
		/* color: rgba(0,0,0,.9); */
		position: relative;
		left: 165px;
	}	

	.pl-5, .px-5 {
		padding-left: 0rem!important;
	}

	.txt-bienvenido{			
		font-size: 30px;			
		left: 0px;
	}

	.label-login {    		    		
		left: 10%;
	}

	.btn-espacio{
		padding-bottom: 0px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 991px){			
	.navbar-expand-lg .navbar-collapse {    
		display: flex!important;    
	}

	.borde{            
        width: 70%;            
     }

     .boton{
        width: 40%;            
     }

	.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
		/* color: rgba(0,0,0,.9); */
		position: relative;
		left: 165px;
	}

	.pl-5, .px-5 {
		padding-left: 2rem!important;
	}

	.txt-bienvenido{			
		font-size: 35px;			
		left: 0px;
	}

	.label-login {    		    		
		left: 15% !important;    		
	}
}
@media (max-width: 575.98px) and (max-width: 1199.98px) {
	.logo-small {
		display: block;
	}
	.collapse:not(.show) {
	    display: flex;
	    position: relative;
		left: 53px;
		padding-bottom: 10px;
	}
	#loginCenter{
		position: relative; top: 0px;
	}		
}
@media only screen and (min-width: 992px) and (max-width: 1450px){					
	.borde{            
        width: 70%;            
     }

     .boton{
        width: 40%;            
     }		

	.pl-5, .px-5 {
		padding-left: 2rem!important;
	}		

	.label-login {    		    		
		left: 15% !important;    		
	}		
}
@media only screen and (min-width: 1450px) and (max-width: 1600px){		
	#signo{
		left: -150px;
	}
}