.visiting-card-boxs{max-width:900px; margin:0 auto; display: flex; direction:rtl; }
.visiting-form{width:200px;direction:ltr; padding-left:15px;}
.visiting-form input{width: 100%; margin-bottom: 10px; height: 35px; line-height:28px; padding-left: 12px; border: 1px solid #dcdcdc; background-color: #fff; font-size:13px; box-sizing: border-box; border-radius:0;}
.visiting-form input[type="file"]{padding-left:4px; padding-right:8px}
.visiting-form input:focus{outline: none; box-shadow: none;}
.visiting-card-list{direction:ltr; position: relative;}

.visiting-form.fron-visiting-form .profile-image{margin-bottom:0;}
.visiting-form #image-preview{position: relative; border:1px solid #d9d9d9; width:100% !important;}
.visiting-form #image-preview label:after{display: none;}
.visiting-form #image-preview input{margin-bottom:0; display: none;}

.visiting-card{width:700px; height:400px; margin:0 auto; background-color:#fff; display: flex; font-family: 'Raleway', sans-serif; box-shadow:0 0 15px 0 rgba(0,0,0,0.15);}
.visiting-card-left{width:140px; height:100%; position: relative;background:url('../../img/bg.png'); background-repeat:no-repeat; background-position:right 0;/* background-size: cover !important; background-repeat:no-repeat !important; background-position:right 0 !important;*/}
.upload-img{width: 110px; height:110px; border-radius:50%; border:3px solid #ff9046; position: absolute; right:0; top:65px; box-shadow:0 0 15px 0 rgba(0,0,0,0.15);}
.upload-img img{max-height:100%; max-width:100%;}
.mid-gap{width:15px;}
.visiting-card-right{width:540px; display:flex; align-items:center;}
.visiting-card-inner{width:100%; padding:8px 0 15px;}
.visiting-card-inner h3{color:#ff8108; font-size:32px; text-transform: capitalize; margin:0;}
.visiting-card-inner h4{color:#222; font-size:24px; text-transform:uppercase; margin:0;}
.visiting-card-inner p{color:#000000;/*color:#767575;*/ font-size:17px; text-transform: capitalize; margin:0;}
.qr-box{border:2px solid #ff9046; width:60px;height:60px;text-align: center;border-radius: 4px;padding:3px; margin:10px 0;}
.qr-box img{max-width:100%; max-height:100%;}
.qr-gap{height:3px; width:100%; background-color:#fd8f45; margin-bottom:5px;}
.field-list{border-bottom:1px solid #e5e5e5; padding:10px 0; color:#000000; /*color:#858585; */font-size:17px; line-height:28px;}
.field-list strong{color:#5c5c5c;}
.field-list img{max-width:23px;}
.our-service-list{display: flex; align-items: center; width:100%;}
.service-img{width: 75px; padding-right:5px;}
.service-img-inner{width: 70px; height: 70px; border-radius: 50px; border: 2px solid #ff9046; box-shadow: 0 0 15px 0 rgb(0 0 0 / 15%); overflow: hidden;}
.service-img-inner img{border-radius: 30px; width:100%;height:100%;}
.service-title{width:470px; font-size:20px; color:#000000; /*color:#858585; */padding-left:15px;}
.service-gap{height:10px;}
.service-title-gap{height:15px;}
.visiting-buttons{margin-top:15px;}
.field-list.address{border-bottom:0;}

.previewImageModal .modal-body{text-align: center;}

.visiting-form #service-preview label, .visiting-form #image-preview label{position: absolute;z-index: 5;opacity: 0.8;cursor: pointer; border:2px solid #d9d9d9; background-color: #fff; color:#444; width: 109px; height: 30px; font-size: 12px; line-height:28px; border-radius: 23px;text-transform: uppercase;top: 0;left: 0;right: 0;bottom: 0;margin: auto;text-align: center;}
/*
.service-image1 input{opacity: 0; position: absolute;top: -90px;left: -164px;}
.service-image2 input{opacity: 0; position: absolute;top: -141px;left: -130px;}
.service-image3 input{opacity: 0; position: absolute;top: -137px;left: -125px;}
.service-image4 input {opacity: 0; position: absolute;top: -146px;left: -125px;}

.service-image1 a{position: absolute;z-index: 5;cursor: pointer;background-color: #fff;width: 25px;height: 25px;font-size: 15px;text-transform: uppercase;    top: -90px;
    right: 0;bottom: 0;text-align: center;left: -135px;border-radius: 50%;border: 2px solid;}
 .service-image2 a{position: absolute;z-index: 5;cursor: pointer;background-color: #fff;width: 25px;height: 25px;font-size: 15px;text-transform: uppercase;    top: -145px;left: -75px;right: 0;bottom: 0;text-align: center;border-radius: 50%;border: 2px solid;}
 .service-image3 a{position: absolute;z-index: 5;cursor: pointer;background-color: #fff;width: 25px;height: 25px;font-size: 15px;text-transform: uppercase; top: -146px;left: -77px;
    right: 0;bottom: 0;text-align: center;border-radius: 50%;border: 2px solid;}
 .service-image4 a{position: absolute;z-index: 5;cursor: pointer;background-color: #fff;width: 25px;height: 25px;font-size: 15px;text-transform: uppercase;top: -146px;left: -78px;
    right: 0;bottom: 0;text-align: center;border-radius: 50%;border: 2px solid;}

.service-image1 a,.service-image2 a,.service-image3 a,.service-image4 a{text-decoration: none;}
*/
.qr-box{border: none; width:110px; height:110px; padding:0 0 0 0; margin:0 5px 3px 0;}
.qr-box img{border: none; width:100%; height:100%; padding: 0; margin:0;}
.visiting-card-qrcode-name{display: flex; justify-content: space-between; align-items:flex-end;}

.visiting-card-download .qr-box{width:90px; height:90px;}

.visiting-card-download.visiting-card{width:432px; height:247px; border:1px solid #d9d9d9; position: absolute; top: 5px; left: 5px; z-index: -1;}
.visiting-card-download .upload-img{width:60px; height:60px; border:0; top: 25px;}
.visiting-card-download .visiting-card-left{width:70px; background-size: cover; background-repeat:no-repeat; background-position:right 0;}
.visiting-card-download .visiting-card-right{width:352px;}
.visiting-card-download .mid-gap{width:10px;}
.visiting-card-download .visiting-card-inner{padding: 4px 0 0px;}
.visiting-card-download .visiting-card-inner h3, .visiting-card-download .visiting-card-inner h4{font-size:16px;}
.visiting-card-download .visiting-card-inner p{font-size:12px;}
.visiting-card-download .field-list{padding: 2px 0; font-size: 13px; line-height:22px;}
.visiting-card-download .service-title-gap{height: 5px;}
.visiting-card-download .service-img{width:45px;}
.visiting-card-download .service-img-inner{width:40px; height:40px; border-radius: 50px; border:0;}
.visiting-card-download .service-title{font-size:14px; padding-left:5px;}
.visiting-card-download .service-gap{height:5px;}
.visiting-card-download .field-list img{max-width:15px;}



.add-website-div {margin-bottom: 15px;}
.add-website-div .add-website-link{text-decoration: none;color: #f9603e;}
.add-website-div .add-website-link:hover{text-decoration: none;color: #f9603e;}

@media print{
	html, body{height:100%;}
	.visiting-card{width: 252px; height: 144px;}
	.upload-img{width:30px; height: 30px; border: 1px solid #ff9046; top: 25px;}
	.visiting-card-left{width:35px; background-size: cover;}
	.visiting-card-right{width:212px;}
	.mid-gap{width: 5px;}
	.visiting-card-inner{padding: 4px 0 0px;}
	.visiting-card-inner h3, .visiting-card-inner h4{font-size:12px;}
	.visiting-card-inner p{font-size:10px;}
	.qr-box{border:none; width: 25px; height: 25px; padding:0; margin:1px 0;}
	.qr-gap{height:1px;}
	.field-list{padding: 2px 0; font-size:10px; line-height: 12px;}
	.service-title-gap{height: 5px;}
	.service-img{width:25px; height:25px; border-radius: 50px; border: 1px solid #ff9046;}
	.service-title{font-size:11px; padding-left:5px;}
	.service-gap{height: 2px;}
}

@media (max-width:991px){
	.visiting-card-boxs{display: block; direction: ltr; max-width:700px;}
	.visiting-form, .visiting-card-list{direction: ltr;}
	.visiting-form{padding-left:0; width:100%; padding-bottom:12px;}
	.visiting-form input{width:48.5%;}
	.visiting-form #image-preview{width: 97.5% !important;}
}

@media (max-width:767px){
	.visiting-card-boxs{display: block; direction: ltr; max-width:640px; margin:0 14px 0 !important;}
	.visiting-card-boxs.front-visiting-card{margin-top:110px !important;}
	.visiting-form, .visiting-card-list{direction: ltr;}
	.visiting-form{padding-left:0;}
	.visiting-card{width:100%;}
	.visiting-card-right{width: 482px;}
}
@media (max-width:500px){
	.visiting-card-left{width:90px; background-size:cover;}
	.visiting-card-right{width:100%;}
	.upload-img{width:60px; height:60px; border:1px solid #ff9046; top:32px; overflow: hidden;}
	.upload-img img{width:100%; height:100%;}
	.visiting-card-inner h3, .visiting-card-inner h4{font-size:18px;}
	.visiting-card-inner p{font-size:14px;}
	.field-list{font-size:11px; line-height:14px; padding:5px 0;}
	.field-list img{max-width: 16px;}
	.visiting-card{height:220px;}
	.qr-box{width:65px; height:65px; padding:0 0 4px;}
	.qr-box img{max-width:100%; max-height:100%;}
	.service-img{width:40px; height:35px;}
	.service-img-inner{width:35px; height:35px;}
	.service-title{padding-left:7px; font-size:13px; width:100%;}
	.visiting-form input{width:100%;}
	.service-gap{height: 4px;}
	.visiting-form #image-preview{width: 100% !important;}

	.visiting-card-list{overflow: hidden; border:1px solid #d9d9d9;}
	.visiting-card-download .visiting-card-left{width:90px; background:none; background-position:right 0 !important;}
	.visiting-card-download.visiting-card{width:100%;}
	.visiting-card-download .visiting-card-right{width:100%;}

	.previewImageModal .modal-dialog{margin:2px;}
	.previewImageModal .modal-body{padding:4px;}
	.modal.previewImageModal .close{top: 0px; right: 0px;}
}

@media (max-width:365px){
	.previewImageModal .modal-body canvas{max-width:100%;}

}