*{  
	margin: 0px;
	padding: 0px;
	font-family: 'Nunito Sans', sans-serif;
	box-sizing: border-box;
	color: #202630;
}

html, body{
	width: 100%;
	height: 100%;
}

body{
	background: #d97e0f;
}  


canvas.drawing, canvas.drawingBuffer {
    position: absolute;
    left: 0;
    top: 0;
}  

.wsd-bodegas-view{    
	display: none;
}          
  
.wsd-container{
	width: 100%;
	height: 100%;
	
	}
#wsd-login{
	width: 100%;
	height: 100%;
	text-align: center;
}

#wsd-login-box{
	width: 100%;
	height: 100%;
	margin: auto;
	background: #d97e0f;
/*	background: -moz-linear-gradient(142deg, rgba(30,100,194,0.9332107843137255) 0%, rgba(18,21,25,0.9164040616246498) 100%);
	background: -webkit-linear-gradient(142deg, rgba(30,100,194,0.9332107843137255) 0%, rgba(18,21,25,0.9164040616246498) 100%);
	background: linear-gradient(142deg, rgba(30,100,194,0.9332107843137255) 0%, rgba(18,21,25,0.9164040616246498) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e64c2",endColorstr="#121519",GradientType=1);*/
}

#wsd-login-box-head{
	font-size: 30px;
	color: white;
	font-weight: 800;
	text-shadow: 0px 0px 4px rgba(0,0,0,0.40);
	padding-top: 100px;
	padding-bottom: 30px;
	text-align: center;
	width: 100%;
	margin: auto;
	color: white;
	background-image: url('../imgs/pexels-tiger-lily-4483610.jpg');
	background-size: 100% 170%;
	background-attachment: static;
	background-repeat: no-repeat;
	background-position: bottom center;
}

#wsd-login-box-body{

	width: 100%;
	max-width: 600px;
	margin: auto;
}

#wsd_login_error{
	padding: 15px;
	font-size: 14px;
	color: white;
	text-align: center;
	width: 100%;
}

.wsd-login-box-body-label{
	width: 100%;
	margin-bottom: 10px;
}

.wsd-login-box-body-label input{
	padding: 10px;
	font-size: 12px;
	border-radius: 30px;
	height: auto;
	border:1px solid rgba(255,255,255,0.80);
	width: 100%;
	max-width: 300px;
	background-color: rgba(0,0,0,0);
	color: white;
}

.wsd-login-box-body-label button{
	width: 120px;
	height: 40px;
	border:1px solid white;
	border-radius: 30px;
	color: white;
	background-color: rgba(0,0,0,0);
	cursor: pointer;
	margin-top: 20px;
}

.wsd-login-box-body-label input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}

.wsd-login-box-body-label input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

.wsd-login-box-body-label input::-ms-input-placeholder { /* Microsoft Edge */
  color: white;
}

#wsd_user_form{
	width: 400px;
	height: 90%;
	top: 5%;
	left: calc(50% - 200px);
	background-color: white;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.10);
	position: fixed;
	z-index: 2000;
	display: none;
}

#wsd_user_form_top{
	height: 40px;
	width: 100%;
	text-align: right;
}

#wsd_user_form_top button{
	background-color: white;
	border:none;
	color: slategray;
	height: 40px;
	width: 120px;
}

#wsd_user_form_content{
	width: 100%;
	height: 100%;
	height: calc(100% - 40px);
}

#wsd_user_form_head{
	width: 100%;
	text-align: center;
	font-size: 30px;
	padding-top: 30px;
	padding-bottom: 20px;
}

.wsd_user_form_label{
	padding: 10px;
	text-align: center;
}

.wsd_user_form_label input{
	background-color: rgba(33, 36, 43, 0.10);
	font-size: 12px;
	border:none;
	border-bottom:1px solid rgba(0,0,0,0.10);
	border: none;
	padding: 5px;
	width: 100%;
	padding: 15px;
	margin-top: 10px;
	font-weight: 400;
	max-width: 400px;
}

.wsd_user_form_label textarea{
	background-color: rgba(33, 36, 43, 0.10);
	font-size: 12px;
	border:none;
	border-bottom:1px solid rgba(0,0,0,0.10);
	border: none;
	padding: 5px;
	height: 100px;
	width: 100%;
	resize: none;
	padding: 15px;
	margin-top: 10px;
	font-weight: 400;
	max-width: 400px;
}

.wsd_user_form_label select{
	background-color: rgba(33, 36, 43, 0.10);
	font-size: 12px;
	border:none;
	border-bottom:1px solid rgba(0,0,0,0.10);
	border: none;
	padding: 5px;
	width: 100%;
	padding: 15px;
	margin-top: 10px;
	margin-bottom:  10px;
	font-weight: 400;
	max-width: 400px;
}

.wsd_user_form_label button{
	background-color: #3264a8;
	color: white;
	border:1px solid rgba(0,0,0,0.10);
	border-radius: 4px;
	width: 80%;
	height: 40px;
	font-size: 14px;
}