body{background-color: #F1F1F1;}
.visitor-page{ padding: 0px; margin: 0 auto; position: relative;}
.container-bg{padding-left: 0%; padding-right: 0%;}

.visitor-management-image{padding: 0px; margin: 0px auto;}
.image-visitor{padding: 60px 10px 20px 0px; height: 550px; position: relative; background-image: url(../assets/visitor11.png);background-position:top; background-size: cover; background-repeat: no-repeat;}
/*.image-visitor{padding: 60px 10px 20px 0px; height: 550px; position: relative; background-image: url(../assets/receptionist/reciprtion.jpg);background-position:bottom; background-size: cover; background-repeat: no-repeat;}*/
.image-visitor p{margin-bottom: 0px;}
.image-visitor::after{position: absolute;width: 100%;height: 100%;background-color: rgba(41,41,41,0.3);content: '';left:0;top: 0;}

.visitor-title{text-align: center;}
.visitor-title h2{padding: 30px 10px; text-align: center;position: relative; margin-bottom: 0px;}
.visitor-title h2::before{position: absolute; content: ''; width: 4%; height: 5px; background-color: #FF6E41; left: 50%; top:90%; transform: translate(-50%,-50%);}
.visitor-title p{margin: 0 auto;}



.visitor-terms h2{/*font-size: 28px; font-weight: 600; color:#ff6e41;*/}


.bg-dashbord-img{position: relative; overflow: hidden; padding: 50px 0px; height: 400px;}
.bg-dashbord-img::before{height: 250px; width: 300px; left: 50%; top:60%; content: '';position: absolute; border-radius: 50px; /*background-color:#f6f6f7; */transform: rotate(15deg) translate(-50%,-50%);}


.visitor-head{position: relative;top: 43%;right: 23%;z-index: 9;}
.visitor-head h2{color:white;font-size: 50px;font-weight: 800;line-height: 52px;}
.ms-layer{left: 125px; top: 550px; opacity: 1; margin: 0px; padding: 0px; font-size: 16px; line-height: 21px;color:white;display: inline-block;font-family: 'Dancing Script', cursive;font-weight: bold;text-align: right;}
.ms-layer.text4{left: 250px; top: 544px; opacity: 1; margin: 0px; padding: 7px 12px; font-size: 40px;background-color: #ff6e41; line-height: 40px;color:white;display: inline-block;}

.visitor-detail-content{ height: 100%;z-index: 9;}
.visitor-detail{background-color: rgba(255,255,255,1.0); padding: 20px; border-radius: 5px; position: relative; top:50%; right: 6%; transform: translate(0%,0%);box-shadow: 0px 6px 16px 6px rgba(0,0,0,0.2);}
.visitor-detail p{color:rgba(62,62,62,1.00);}
.discription{padding: 30px 90px; text-align: left;}
.font-s p{font-size: 17px;color: #6C7A89; font-weight: 400;}

.center-dashboard-images{padding: 10px 10px 50px 10px;}




.click{left: 50%!important; -webkit-transition-duration: 0.06s; transition-duration: 0.06s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}

.dashbord-img{padding: 20px 40px; /*background-color: white;*/  width: 358px; /*border-radius: 10px; */height: 298px; transform: rotate(0deg) translate(-48%,-50%);  /*box-shadow: 0px 6px 16px 6px rgba(0,0,0,0.04); */position: absolute; left: 150%; top: 51%; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}

/*system mode css*/
.dashbord-img hr{padding: 0px; margin: 0px;}
.dashbord-img .details{padding: 0px; margin: 0px;}
.dashbord-img .lbl{font-size: 11px; color: rgba(81,181,253,1.00);}
.detail-sub{text-align: center; background-color: #fafafa; padding: 10px 15px;}
.center-dashboard-images .process{padding: 20px;}
.visitor-process{padding-top: 0px;}

.visitor-entrance-system h2{/*font-size: 28px; font-weight: 600; padding-left: 15px; color:#ff6e41;*/}
.process-visitor{ padding: 15px 20px; border-radius: 15px; margin: 10px 0px; cursor: pointer;}
.process-visitor:hover{}
.point{padding: 0px; margin: 0px;}
a.active{box-shadow: 0px 6px 16px 6px rgba(0,0,0,0.0)!important;}
.active{box-shadow: 0px 6px 16px 6px rgba(0,0,0,0.04);transition:all 0.3s ease-in;}

/*mobile vertion*/
.visitor-entrance-mobile {display: none;}
/*.visitor-entrance-mobile h2{font-size: 28px; font-weight: 600; color:#ff6e41; padding-left: 15px;}*/
.visitor-entrance-mobile h2{padding-left: 15px;text-align: center;}
 .visitor-entrance-mobile .process-visitor-mobile{ padding: 10px; border-radius: 15px; cursor: pointer;}
 .visitor-entrance-mobile .dashbord-img-mobile{padding:20px; background-color: white; border-radius: 10px; height: 335px;  box-shadow: 0px 6px 16px 6px rgba(0,0,0,0.04);margin: 0 auto;}
.dashbord-img-mobile hr{padding: 0px; margin: 0px;width: 100%;}
.dashbord-img-mobile .details{padding: 0px; margin: 0px;}
.dashbord-img-mobile .lbl{font-size: 12px; color: rgba(81,181,253,1.00);}
.visitor-entrance-mobile .visitor-messaage-mobile{margin: 30px 0px; padding: 10px 30px; background-color: white; width: 100%; height: 114px; }


.document .para-lines{width: 50%; height: 5px; margin-top:10px!important; background-color: #868686; border-radius: 50px; margin: 0 auto;}
.visitor-documents img{width: 280px; height: 360px; position: relative;}
.img_rotate{transition: all 0.4s ease-in;transform: rotate(-2deg);}
.notifications{padding: 20px 40px;
    width: auto;
    height: auto;
    transform: rotate(90deg);
    position: absolute;
    left: 150%;
    /* top: 50%; */
    right: 50%;
    bottom: 51%;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;}


.notifications .visitor-messaage{margin: 20px 0px;padding: 10px 30px;
    background-color: white;
    box-shadow: 0px 6px 16px 6px rgba(0,0,0,0.04);
    width: 264px;
    height: 76px;}

.message-1{margin-right: 40px!important; }
/*.message-2{margin-left: 40px!important;}*/

.expand-profile{width: 5px; height: 5px; border-radius: 50%; background-color: rgba(132,26,249,1.00); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; transition-delay: 0.6s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.visitor-messaage .expand-msg{font-size: 1px;-webkit-transition-duration: 0.6s; transition-duration: 0.5s; transition-delay: 0.7s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.notifications .message{width: 0px; height: 0px; border-radius: 30px; background-color:#B5B5B5;-webkit-transition-duration: 0.6s; transition-duration: 0.6s; transition-delay: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.profile{width: 34px!important; height: 34px!important;}
.expand{width: 400px!important; height: 15px!important;}
.profile-name{font-size: 12px!important;}



.badge-img2{padding: 20px 40px; background-color: white;  width: 200px; border-radius: 10px; height: 335px; transform: rotate(5deg) translate(-50%,-50%); box-shadow: 0px 6px 16px 6px rgba(0,0,0,0.04); position: absolute; left:50%; top: 50%;}
.badge-img2 .img{width: auto; height: auto; margin: 0 auto; text-align: center;}
.badge-img2 .splan-profile{width: 60px; height: 60px; border-radius: 50%; background: url(../assets/icons/aaron-profile-rounded.png);
 background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0 auto; text-align: center; margin-top: 30px!important;}
.badge-img2 .line{width: 90%; height: 10px; border-radius: 50px; background-color: rgba(166,37,241,0.3); margin-top: 20px!important; margin: 0 auto; text-align: center;}
.badge-img2 .line2{width: 90%; margin-top: 10px!important; margin: 0 auto; text-align: center;}



.vms-features{background-color: #ff6e41; height: 550px; padding: 20px; background: /*linear-gradient(0deg,rgba(255,110,65,0.7),rgba(255,110,65,0.7)),*/url("../assets/meeting_splan_visitor_kiosk.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat;}

.qutation{padding: 50px 20px; position: relative; top: 50%; transform: translateY(-50%);}
.vms-quts{border: 2px solid white; border-radius: 2px; padding: 20px 40px; }
.vms-quts h2{color: white; font-weight: bold; font-size: 36px;line-height: 1.6;}

.meeting-seacutity-image{height: 450px; background-color: #fafafa; background-image: url(../assets/meeting_splan_visitor_kiosk.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}

.signineasy-app{background-color: #fafafa;margin: 0px;}
.signineasy-app h2{/*font-size: 28px; font-weight: 600; padding-left: 5px; color:#ff6e41;*/}
.signineasy-image{position: relative; overflow: hidden; height: 470px; }
.signineasy-image{transform: rotate(0deg);}

.bg-advantage{/*background-color: #F5F5F5;*/ padding: 80px 100px; text-align: center;}
.bg-advantage h2{padding: 10px 10px; color: #FF6E41;}
.features{padding:10px 20px 20px 30px;}
.features-2{padding:10px 30px 20px 20px;}
.advantage-features{background-color: white; border-radius: 10px; padding: 35px; text-align: left;}
.advantage-features .event-heading strong{color:#ff6e41!important;}
.advantage-features i{margin-bottom:0px; font-size: 28px; color:#707070; transition: 0.3s linear;}
.advantage-features p{margin: 0px; margin-bottom: 10px;}
.advantage-features:hover i{color:#ff6e41;}

@media only screen and ( max-width:992px){
	.visitor-page{overflow: hidden;}
	.container-fluid{padding-left: 0px!important; padding-right: 0px!important;}
	.visitor-detail{visibility: hidden;}
}
@media only screen and ( max-width:768px ){
	.p-2{padding: 10px!important;}
	.dashbord-img-mobile .lbl{padding-bottom: 15px;}
	/*.prfl-pic{padding-top: 20px;padding-bottom: 20px;}*/
	.prfl-pic label{margin-left: 20px!important;}
	.visitor-entrance-mobile .dashbord-img-mobile{padding: 10px;}
	.dashbord-img-mobile p{padding-top: 5px!important;}
	.approve_list hr{margin: 5px 0px!important;}
	.approve_list .prfl-pic{padding-top: 0px;padding-bottom: 0px;}
	
	.space-70{height: 0px!important;}
	.visitor-head{right: 2%;}
	.container-bg{padding-left: 2%; padding-right: 2%;}
    .visitor-management-sec{background-color:#f6f6f7; padding: 10px 10px 10px 10px; height: auto;}  
	.image-visitor{height: auto; background-image: url(../assets/visitor11.png);  background-position:center right; background-size: cover; background-repeat: no-repeat;padding-top: 200px; padding-bottom: 10px;}
	.visitor-detail{padding: 20px;  position: relative; right: 0;}
	.signineasy-image{height: auto;overflow: visible;}
	.signineasy-image .pt-5{padding-top: 0px;}
	.space-65{height: 0px!important;}
	.pt-9{padding-top: 0px!important;}
	.visitor-entrance-mobile{display: block;}
} 

@media only screen and ( max-width:668px ){
	.advantage-features{padding: 0px!important;}
	.visitor-title{padding: 30px;}
	.pre-reg{padding: 30px;}
	.vms-quts{padding: 0px!important;}
	.vms-quts h2{font-size: 20px!important;padding: 10px;}
	.bg-advantage{padding: 10px!important;}
	.features{padding: 10px!important; margin: 10px!important;}
	.features-2{padding: 10px!important; margin: 10px!important;}
	
	.footer-image img{width: auto;}
	.footer-r-border{padding-left: 20px;}
	.footer-image li{padding-right: 40px;}
	.footer-r-border{margin-bottom: 20px;}
}
@media only screen and ( max-width:668px ){
	.mobile_prfl_name{width:30%!important;}
	.mobile_para_img{width: 2%!important;padding-left: 0px!important;}
}

@media only screen and ( max-width:334px ){
	.prfl-pic{margin: 0px!important;}
}