/*
**  REBOOKU REVAMP
**  03-11-2020
*/
body, h2, h1, p, span
{color:#212121!important; font-family:Arial!important;}

.menubar-inverse ul.menubar-nav li a{/*font-family:Arial!important; font-weight:700!important;*/}
.menubar-inverse ul.menubar-nav{margin-top:75px!important;}
.user_nm{margin-top:44px;}
.customer-name{display:inline-block; /*font-weight:700;*/  color:rgba(255,255,255,.9) !important; margin-top:87px; margin-left:15px; 
font-size:16px; letter-spacing:2px; font-family:"Montserrat",Arial,Helvetica,sans-serif!important;}
.page_heading{padding:12px 0;font-weight:500; position:relative; background-color:#212121; font-size:28px; color:#fff!important; text-align:center; border:0; border-radius:0;}
.content_holder{ border:0; padding:0!important;}
.my_container{width:603px!important; float:left; margin-bottom:30px;}
nav .my_container{float:none;}
.services-box{background:#2ed198!important; border-radius:10px; font-size:20px; text-align:center; padding:15px;
box-shadow: 3px 4px 3px #7f7f7f; margin-bottom:25px; min-height:66px; vertical-align:middle;}

.services-box span{ text-align: center!important; font-size: 14px!important; display:block; position: absolute; bottom: 5px; width: 100%; left:0; }
.page_heading_span{text-align: center!important; font-size: 14px!important; color:#fff!important; line-height:14px!important;
 display:block; margin-top:-10px; position:absolute; width:100%;}
.services-box h2.service_name{width:100%; font-weight:700;}
.circle_button{display:none;}
.icon-holder ul, .icon-holder ol{margin:0; padding:0; float:right;}
.icon-holder{width:100px!important; float:right; padding-top:5px;}
#intrmiddle{width:850px; margin:0 auto;}
.my_container .page_heading{display:none;}
.common-dv{width:703px; margin:0 auto;}
.services-box h2.service_name{ padding-top:8px;}
.left-icon{width:66px; height:66px; background-color:#2ed198; box-shadow: 3px 4px 3px #7f7f7f; border-radius:180px; color:#212121; list-style-type:none; 
margin:0 0 25px 0; padding:18px 12px; text-align:center; cursor:pointer;}
.left-icon .cart-numbering{color:#fff!important; font-size:24px; display:block; font-weight:800; margin-top:-35px; width:100%; text-align:center; margin-left:3px; }
.btn-green{background-color: #2ed198!important;  border-color: #2ed198!important; box-shadow: 3px 4px 3px #7f7f7f; border-radius:10px!important;}
.uploader:hover{border-radius:10px!important;}
.btn-black{box-shadow: 3px 4px 3px #7f7f7f;}

.menubar-inverse ul.menubar-nav li ul.dropdown-menu li a{width:90%!important; padding-left:5%!important; padding-right:5%!important;}

.service_detail{float:left;  width:100%;  border:solid 1px #212121!important;  border-radius:10px; margin-top:5px; padding:30px 15px!important;}
.myform-control{border:1px solid #212121!important;}
.myform-control:focus, .myform-control:active{border:1px solid #2ed198!important;}

@media (max-width:967px){
	#intrmiddle{width:100%;}
}
@media (max-width:767px)
{
	.common-dv{width:90%;}
	.my_container{width:85%!important;}
	.icon-holder{width:70px!important;}
}
@media (max-width:567px)
{
	
	.my_container{width:80%!important;}
	
}

@media (max-width:867px)
{
	.menubar-inverse ul.menubar-nav li{padding-right:12px!important;}
}
@media (max-width:767px)
{
	.menubar-toggle:hover, .menubar-toggle:focus, .menubar-inverse ul.menubar-nav li:hover{background:transparent!important;}
	.customer-name{margin-top:-17px!important; }
}

.back-btn{width:1px; height:52px; display:inline-block; float:left;}

.back-btn img{margin-left:10px; cursor:pointer;}

.dis_container {width:100%!important;}
.dis_code{width:150px!important;}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width:1200px)
{
.dis_container {width:100%!important;}
.dis_code{width:150px!important;}
}
@media (max-width:1199px)
{
	.dis_code{width:150px!important;}
}

.desk_tbl_cart{width:100%;  border:solid 1px #212121!important;  border-radius:10px; overflow-x:auto;}
.cart_tbl > thead.tbl_heading th:first-child{border-top-left-radius:10px;} 
.cart_tbl > thead.tbl_heading th:last-child{border-top-right-radius:10px;}
.services-box{ font-size:14px; text-align:left!important; padding:5px 20px!important;}
.services-box{width:99%; color:#212121!important; font-size:14px; text-align:left!important; padding:5px 20px!important;}
.services-box h2.service_name{text-align:center!important;}
	a, a:hover, a:active{color:#212121!important;}
	.services-box div, .services-box p{margin-top:20px; width:100%; text-align:left; font-size:14px; }
	.bordered-box{border:solid 1px #212121;  border-radius:10px;   margin-top:5px; padding:0;}
	.content_holder{background-color:transparent;}
	.mypanel-heading{border-top-left-radius:10px; border-top-right-radius:10px; }
	.tab-content{padding:15px;}
	.payment_container{width:100%;}
	.tab_section ul li{min-width:148px;}
	.tabdetail_container{width:100%;}
	.tab_section ul li a{padding:10px 5px;}
	.login_container{border:solid 1px #212121;}
	.menubar-inverse ul.menubar-nav li ul.dropdown-menu li a:hover{border-bottom:solid 1px #2ed198!important; background:#2ed198!important;}
	.bordered-full-wide{border:solid 1px #212121; width:750px!important; border-radius:10px; padding:30px;}
	.refaral_tbl{width:100%;}
	.refaral_tbl_desktop{padding:0 15px;}
	@media (max-width:867px){
		.bordered-full-wide{width:85%!important;}	
		.order_desktop {
			display: none;
		}
		.order_mobile {
			display: block;
		}
		.refaral_tbl_desktop {
		display: none;
		}
		.refaral_tbl_mobi {
		display: block;
		}
}
@media (max-width:567px)
{
	
	.bordered-full-wide{width:80%!important;}	
	.back-btn{width:65px;}
	.page_heading_span{padding-left:65px;}
	.services-box span{position:relative;}
}
@media (max-width:767px)
{
.user_nm{margin-top:10px!important;}
}
@media (max-width:480px)
{
	.user_nm{text-align:right!important;}
	.my_container{width:75%!important;}
}
.forgot_password{width:90%!important;}
.navlogin{background:#2ed198!important;}
.apply_sameimg{margin-right:-13px!important;}
.glyphicon{font-family:'Glyphicons Halflings'!important;}
.order_container{padding:0;}
.numbering-section{color:#212121; font-size:65px; margin-right:10px; font-weight:bold; width:52px; float:left;}
.numbering-section img{width:52px; height:auto;}
.step-direction{color:#a7a7a7!important; text-transform:uppercase; letter-spacing:2px; padding-right:22px;
-ms-transform: rotate(-90deg); /* IE 9 */
transform: rotate(-90deg); font-size:16px; display:block; float:left; width:auto; font-weight:normal;  }
.step-number{float:left; margin-left:38px; margin-top:-42px; }
  .step{text-transform:uppercase; font-size:18px;color:#2ed198!important; text-align:left; float:left; width:75%;}
  
  
  .upload_images_container{padding:20px;}
.lft_Div{width:100%; padding:0 15px;}
.lft-upload{width:50%; float:left;}
.submit_images_container{width:48%!important; float:right; border-left:solid 1px #212121; margin-top:0; padding:33px 0 33px 30px;}
.noofimg{margin-top:5px; float:left; display:block;}
.upload_result{margin-top:0!important;}
.or{background:#fff; padding:10px; font-size:18px;color:#2ed198!important; top:45%; margin-left:-53px; position:absolute; top:45%;}
.uploader {width:98%; float:left;}
.uploader:hover{border-radius:0px!important; }
 .landing-pg{width:100%;} 
 .landing-pg h2{font-size:20px; font-weight:700; line-height:25px; margin-top:20px; margin-bottom:0;}
 .landing-pg h2.main-heading{font-size:36px; margin-top:40px;}
 .page-logo img{width:300px; height:auto;}
 .pad-lft-70{padding-left:70px!important;}
 .half-wide{width:50%;float:left; margin-top:40px;}
 @media (max-width:767px)
{	.pad-lft-70{padding-left:0!important;}
	.half-wide{width:335px; float:none; margin:30px auto 0; padding-bottom:30px; min-height:50px;}
	.menubar-inverse ul.menubar-nav{margin-top:0!important;}
	.menubar-toggle, .menubar-toggle:hover{background:transparent!important;  background-color:transparent!important;}
	.user_nm{width:98%!important;}
}
  .modal-content{padding:20px;}
  .close_btn{color:#fff!important;}
  #myBtn {float:left!important; margin-top:4px!important; margin-left:11px;}
  .btn{border-radius:10px!important;}
   @media (max-width:480px) {.btn{margin-bottom:10px!important;}}
	 .refaral_tbl{ word-break: break-all;  }
		@media (max-width:667px){
			 .icon-holder{display:none;}
			 .my_container{width:100%!important}
		 }
   /*.tooltip{background-color:#none!important; border-radius:5px!important; padding:3px!important; color:#fff!important;}
   .ui-tooltip{background:none!important; float:none!important; box-shadow:none!important; border:0!important; 
   width:auto!important; text-align:center!important;
   margin:-10px 0 0 -10px!important; background-image:url("{{$settings.site.root}}img/up-arrow.png")!important;
    background-repeat: no-repeat!important; background-position:-10px center!important;
   background-color:#212121!important; border-radius:3px!important; padding:5px!important; color:#fff!important;
   }*/
   .mytooltip {
  position: relative;
  display: inline-block;
  border-bottom: 0px dotted black;
  float:right;
}

.mytooltip .mytooltiptext:before
{content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #000;
    left:45%;
    top:-4px;
	}
.mytooltip .mytooltiptext {
  visibility: hidden;
  width: auto;
   white-space: nowrap;
  background-color: black;
  color: #fff!important;
  text-align: center;
  border-radius: 4px;
  padding: 5px 8px;
	display:inline-block;
  /* Position the tooltip */
  position: absolute;
  font-size:12px;
  z-index: 1;
  left:0;
  top:72px;
}
.cart{left:17px!important;}
.cart:before{left:34%!important;}
.order{left:7px!important;}
.order:before{left:38%!important;}
.profile{left:10px!important;}
.profile:before{left:38%!important;}
.referral{left:2px!important;}
.referral:before{left:38%!important;}
.mytooltip:hover .mytooltiptext {
  visibility: visible;
}
.textDecoNone { 
	text-decoration: none!important;
}
.paddingTen {
	padding: 10px;
}
.paddingTwenty {
	padding: 20px;
}
.helpIconMarginTop{
	margin-top: 6px!important;
}
.fontSizeTwelve {
	font-size:12px;
}
.fontSizeTen {
	font-size:10px;
}