.login-bg{
	background: url(../../otdo-panel/images/bg_login.jpg) center center no-repeat fixed;
	background-size:cover;
}

.login_wrapper {
	top:0;
	left:0;
	margin:0;
	right: auto;
	left:;
	width: 430px;
	
	position: absolute;
	left: 0;
	top: 0;
	overflow-y: auto;
	background-color: #fff;
	min-height: 100vh;
	max-width: 100%;
}
.login_form {
	
	position: static;
}
.login_wrapper .login_form{
	padding: 20px 60px 20px 60px;

}

.login_wrapper .login-upperlogo{
	background-color: #ffffff;
	padding: 24px 60px 24px 60px;
	border-bottom: 10px ridge #00349b;
}
.login_wrapper .login-upperlogo a{
	max-width: 280px;
	display: block;
	margin:auto;
}
@media (max-width:500px){
		.login_wrapper .login_form{
		padding: 25px 20px 20px 20px;
	}
	.login_wrapper .login-upperlogo{
		padding: 20px 20px 20px 20px;

	}
	.login_wrapper .login-upperlogo a{
		max-width: 200px;
	}
}
.login_content{
	font-family: 'Ubuntu', sans-serif;
}

.login_content h1 {
	
	font-size: 30px;
	color: #403866;
	line-height: 1.2;
	text-align: left;
	width: 100%;
	font-weight: bold;
	display: block;
	letter-spacing: 1px;
}
.login_content form input[type="text"], .login_content form input[type="email"], .login_content form input[type="password"] {
	color: #403866;
	line-height: 1.2;
	font-size: 18px;
	display: block;
	width: 100%;
	background: #fff;
	height: 62px;
	padding: 0 20px 0 20px;
	box-shadow: none;
	border-top: 0!important;
	border-left: 0!important;
	border-right: 0!important;

}
.login_content .btn{
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 0 20px;
    width: 100%;
    font-weight: 700;
    height: 62px;
    background-color: #01a1dd;
    border-radius: 3px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    border: none;
}
.login_content .btn:hover{
	background-color: #eba81f;	
}
.login_content h1{
	position: relative;
}
.login_content h1::before, .login_content h1::after {
	
	top: auto;
	bottom: -10px;
	height: 2px;
	width: 16%;
	background-color: #172741;
}
.login_content h1::after{
	display: none;
}
.login_content p a{
	font-weight: bold;
}

/*usergallery*/
.user-gallery-list img{
	width: 150px;
	height: 150px;
	object-fit: contain;
	padding:9px;
}
.user-gallery-list{
	position: relative;
}
.user-gallery-list .gallery-btns{
	position: absolute;
	height: 100%;
	width: 100%;
	left:0;
	top:0;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;


}

.btn-signup{
	font-size: 16px !important;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase !important;
    padding: 0 20px;
    width: 100%;
    font-weight: 700;
    height: 62px;
    background-color: #00349b;
    border-radius: 3px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    border: none;
	 -moz-box-sizing: border-box;
  display:flex;/*CSS3*/
  align-items:center;/*Vertical align*/
  justify-content:center;/*horizontal align*/
  	text-decoration:none; 

}
.btn-signup:hover, .btn-signup:focus{
	 background-color: #172741;
	 text-decoration:none !important;
	 color: #fff;
}
.user-gallery-list:hover  .gallery-btns{
	opacity: 1;
	pointer-events: all;
}
.user-gallery-list .gallery-btns .btn{
	background-color: rgba(0,0,0,0.8);
	border: none;
}
.custom-file-upload label {
   cursor: pointer;
   border:1px dashed #d5d5d5;

   /*background-color: #2a3f54;*/
   /*border-radius: 30px;*/
   color: #666768;
   padding: 50px 18px;
   text-align: center;
	font-size: 14px;
	width: 100%;
	
	color: #999;
	font-weight: normal;
}
.custom-file-upload label i{
	display: block;
	font-size: 30px;
	color: #748291;
	margin-bottom: 4px;
}
.custom-file-upload label:hover i{
	color: #2a3f54;
}
.custom-file-upload .custom-file-input{
   opacity: 0;
   position: absolute;
   z-index: -1;
}

.page-title .title_left h3 {
	color: #181c39;
	font-weight: 600;
	font-family: 'Ubuntu', sans-serif;
}
.page-title .title_left h3::before {
	content: "|";
	font-size: 30px;
	padding-right: 10px;
	color: #1abb9c;
}
.x_title h2 {
	color: #181c39;
	font-weight: 600;
	font-family: 'Ubuntu', sans-serif;
}
.x_title h2::before {
	content: "|";
	font-size: 20px;
	padding-right: 10px;
	color: #1abb9c;
}
.user-design-imgs .img-box{
	max-width: 300px;
	margin:auto;

}
.user-design-imgs .design-selected{
	border:2px dashed #0f76ed;
	padding: 4px;
}
.user-design-imgs .check{
	text-align: center;
	color: #172d44;
	font-family: 'Ubuntu', sans-serif;
	font-size: 15px;
	font-weight: 600;
}
.user-design-imgs .check i{
	display: inline-block;
	height: 20px;
	width: 20px;
	background-color: #0f76ed;
	text-align: center;
	line-height: 20px;
	border-radius: 50%;
	color: #fff;
	font-size: 12px;
}
.form-horizontal input.form-control{
	border-color:rgba(0,0,0,0.1); 
}
.btn{
	font-family: 'Ubuntu', sans-serif;
	text-transform: uppercase;
	font-size: 1.2rem;
	padding: .5rem 1rem;
}
 .btn-primary{
	background-color: #172741;
	border-color: #172741;
}
 .btn-primary:hover,  .btn-primary:focus{
	background-color: #172741;
	border-color: #172741;
}
 .btn-success{
	background-color: #eba81f;
	border-color: #eba81f;
}
 .btn-success:hover,  .btn-success:focus{
	background-color: #eba81f;
	border-color: #eba81f;
}
.btn-danger{
	background-color: #f00;
	border-color: #f00;
}
.btn-danger:hover, .btn-danger:focus{
	background-color: #f00;
	border-color: #f00;
}

.x_title .btn i{
	padding-right: 4px;

}
.x_title .btn{
	border: none;
	font-size: 10px;
}
.social .input-group-addon {
	padding: 0;

}
.social  .input-group-addon i{
	font-size: 32px!important;

}

 #memberImg{
  display: none;
}

@media (min-width: 768px) {
	#iframeModal .modal-dialog {
	width: 600px;
	width: 500px;
	}
}


.tile-stats.tile-primary {
    border: 1px solid #E4E4E4;
    background: #0275d8 !important;
    background-color: rgb(2, 117, 216)  !important;
    color:#fff;
}
.tile-stats.tile-success {
	color: #fff;
    border: 1px solid #d6e9c6;
    background: #5cb85c  !important;
    background-color: rgb(92, 184, 92)  !important;
}

.tile-stats.tile-danger {
    border: 1px solid #ebccd1;
    background: #d9534f !important;
    background-color: rgb(217, 83, 79)  !important;
}

.tile-stats.tile-info {
    border: 1px solid #bce8f1;
    background: #5bc0de !important;
    background-color: rgb(91, 192, 222)  !important;
}

.tile-stats.tile-warning {
    border: 1px solid #bce8f1;
    background: #f0ad4e !important;
    background-color: rgb(240, 173, 78)  !important;
}
.tile-stats, .tile-stats span, .tile-stats a, .tile-stats p, .tile-stats h3, .tile-stats .icon{
	color:#fff;
}