.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: 45px 60px 60px 60px;
}

.login_wrapper .login-upperlogo{
	background-color: #172741;
	padding: 60px 60px 40px 60px;

}
.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: #172741;
    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: #fc9e00;	
}
.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: #fc9e00;
    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: #fc9e00;
	border-color: #fc9e00;
}
 .btn-success:hover,  .btn-success:focus{
	background-color: #fc9e00;
	border-color: #fc9e00;
}
.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;
}
.btn-skip{
	/*background-color: #fc9e00;
	border-color: #fc9e00;*/
	background-color: #3c4e75;
	border-color: #3c4e75;
	font-weight: bold;
	color: #ffffff;
}
 .btn-skip:hover,  .btn-success:focus{
	background-color: #ffffff;
	border-color: #ff870f;
	color: #ff870f;

}
.btn-back{
	/*background-color: #fc9e00;
	border-color: #fc9e00;*/
	background-color: #3c4e75;
	border-color: #3c4e75;
	font-weight: bold;
	color: #ffffff;
}
 .btn-back:hover,  .btn-success:focus{
	background-color: #ffffff;
	border-color: #3c4e75;
	color: #3c4e75;

}
.popup-share-icons ul li a [class*="whatsapp"]{
	background-color: green;
}
.popup-share-icons ul li a [class*="facebook"]{
	background-color: #3b5998;
}
.popup-share-icons ul li a [class*="twitter"]{
	background-color: #2ba9e1;
}
.popup-share-icons ul li a [class*="instagram"]{
	background-color: #F18644;
}

.popup-share-icons ul li a [class*="pinterest"]{
	background-color: #cb2027;
}
.popup-share-icons ul li a [class*="linkedin"]{
	background-color: #007bb6;
}
.popup-share-icons ul li a [class*="envelope"]{
	background-color: #e94034;
}
.backend_my{
	color:#ff870f;
	font-size: 14px;
}
.about-con{
    position:relative;
    padding:20px 20px 10px 20px;
}
.about-con::before{
    content:"";
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    background-color: var(--theme-color);
    opacity: .3;
    top: 0;
    left: 0;
    z-index: -1;
}

.price{
	background-color: #14243e;
}
.price h1{
	font-size: 20px;
    padding: 10px;
    line-height: 27px;
}
.days{
	background-color: #e0edfd;
	padding: 4px 0px 4px 0px !important;
}
.days p{
	color: #7f7f6f;
	font-size: 15px;
	font-weight: normal;
	margin: 0px;
	
}
.pdays{
	padding: 10px 0px !important; 
	color: #634de1;
	font-size: 14px;
	text-align: center;
	
	
	
}
.pdays p{
	color: #7f7f6f;
	font-size: 15px;
	font-weight: normal;
	margin: 0px;
}}