/*@font-face { font-family: 'Futura-Normal'; src: url('../../fonts/Futura-Normal_gdi.eot'); src: url('../../fonts/Futura-Normal_gdi.eot?#iefix') format('embedded-opentype'), url('../../fonts/Futura-Normal_gdi.woff') format('woff'), url('../../fonts/Futura-Normal_gdi.ttf') format('truetype'), url('../../fonts/Futura-Normal_gdi.svg#Futura-Normal') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-2122;
}*/

/*@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900');*/

@font-face {
    font-family: 'hijrnotes_personal_use_onlyRg';
    src: url('../../fonts/app_font/hijrnotes_personal_use_only-webfont.woff2') format('woff2'),
         url('../../fonts/app_font/hijrnotes_personal_use_only-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family:'Sackers Gothic Std';
    src: url('../../fonts/app_font/SackersGothicStd-Medium.eot');
	src: url('../../fonts/app_font/SackersGothicStd-Medium.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/app_font/SackersGothicStd-Medium.woff2') format('woff2'),
		url('../../fonts/app_font/SackersGothicStd-Medium.woff') format('woff'),
		url('../../fonts/app_font/SackersGothicStd-Medium.svg#SackersGothicStd-Medium') format('svg');
    font-weight: 500;
}
@font-face {
	font-family:'Sackers Gothic Std';
    src: url('../../fonts/app_font/SackersGothicStd-Square.eot');
	src: url('../../fonts/app_font/SackersGothicStd-Square.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/app_font/SackersGothicStd-Square.woff2') format('woff2'),
		url('../../fonts/app_font/SackersGothicStd-Square.woff') format('woff'),
		url('../../fonts/app_font/SackersGothicStd-Square.svg#SackersGothicStd-Square') format('svg');
    font-weight: 400;
}
@font-face {
	font-family:'Sackers Gothic Std';
	src: url('../../fonts/app_font/SackersGothicStd-Light.eot');
	src: url('../../fonts/app_font/SackersGothicStd-Light.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/app_font/SackersGothicStd-Light.woff2') format('woff2'),
		url('../../fonts/app_font/SackersGothicStd-Light.woff') format('woff'),
		url('../../fonts/app_font/SackersGothicStd-Light.svg#SackersGothicStd-Light') format('svg');
    font-weight: 300;
}
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');
/*font-family: 'Montserrat', sans-serif;*/

* { margin: 0; padding: 0; }
*, *::before, *::after { box-sizing: border-box;}
 html,body {height: 100%;}
body { font: 15px/1.7em; color: #808080; background: #00172c; font-family: 'Montserrat', sans-serif;;}
ul, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }
a, a:focus { outline: none; text-decoration: none; border: none; }
img { outline: none; border: none; }
ul, li { margin: 0; padding: 0; list-style: none; }
input, textarea { }
.wrapper {height:100%;}
#fill {min-height:100% !important; height: 100% !important; background:#000000; }
header { float: left; width: 100%; background: #EFEFEF; }
.container { margin: 0 auto; width: 1000px; }
.logo { float: left; width: 34%; margin: 37px 0 0 0; }
.logo > a { float: left; width: 100%; }
.headerRight { float: right; width: 58%; }
.headertitletop { float: left; width: 100%; font-size: 23px; color: #333333; line-height: 27px; margin: 78px 0 53px 0;}
.headertitlebot { float: left; width: 100%; font-size: 26px; color: #808080; line-height: 27px; }
nav { float: left; width: 100%; margin: 20px 0 0 0;}
nav ul { width: 100%; float: left; margin: 0; padding: 0; }
nav ul li { float: left; display: inline-block; width: 166.5px; }
nav ul li a { display: inline-block; width: 100%; text-align: center; font-size: 14px; color: #808080; line-height: 20px; padding: 12px 20px; font-weight: 400; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.profilediv nav ul li.active a { background: #00add1; color: #fff; }
.profilediv nav ul li.current a { background: #bc9f6e; color: #fff; }
.profilediv nav ul li a 	{ color: #fff; }
.slidetoggle { display: none; }

/*welcome page*/
.welcomepage { float: left; width: 100%;background: #012e58; }
.bgdiv { float: left; width: 100%; background: #012e58; padding: 40px 0 0 0; }
.welcometext { float: left; width: 100%; }
.welcometext p { font-size: 14px; color: #fff; line-height: 24px; margin: 0 auto; width: 100%; padding: 0 0; font-weight: 300;}
.homewelcometext p { text-align: justify; width: 900px; }
.welcometext h2 { font-size: 28px; color: #bc9f6e; margin: 0; padding: 10px 0 25px 0; font-family:'Sackers Gothic Std'; font-weight: 500; text-transform: lowercase; text-align: center;}
.welcometext h3 { font-size: 14px; color: #fff; margin: 0 0 10px 0; padding: 0; font-weight: 300;}
.signupdiv { float: left; width: 100%; margin: 0 0 50px 0; }
.signupdiv .signupbg { margin: 0 auto; width: 100%;}
.whitebg { float: left; width: 100%; background: #012e58;}
.signtitle { float: left; position: relative; width: 170px; background: #012e58; border: 1px solid #fff; text-align: center; height: 136px; padding: 40px 30px; font-size: 20px; line-height: normal; color: #fff; box-sizing: border-box; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.signtitle:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 173, 209, 0); border-left-color: #fff; border-width: 15px; margin-top: -15px; }
.signradio { float: right; width: calc(100% - 170px); padding: 32px 0 0 30px; margin: 0 0 0 0; border: 1px solid #fff; height: 136px;}
.signradio li { float: left; width: 33%; list-style: none; padding: 8px 0 20px 0; }
.signradio label { font-size: 15px; color: #fff; cursor: pointer; float: left;}
.postcode { float: left; width: 100%; }
.postcode p.title { background: #bc9f6e; position: relative; float: left; width: 100%; text-align: center; padding: 18px 0; font-size: 20px; color: #fff; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.postcode p.title:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 173, 209, 0); border-top-color: #bc9f6e; border-width: 15px; margin-left: -15px; }
.map { float: left; width: 100%; }
#tab-1 { display: block; }
ul.tabs-menu { float: left; clear: both; width: 100%; background: #00172c; margin-top: 10px; border-bottom: 1px solid #bc9f6e;}
ul.tabs-menu li { height: 45px; display: block; line-height: 41px; padding: 2px 2%; display: inline-block; background: #00172c; list-style: none; }
ul.tabs-menu li a { font-size: 12px; line-height: 43px; color: #fff; text-decoration: none; font-weight: 300;}
ul.tabs-menu li.current { display: inline-block; line-height: 31px; background: #bc9f6e /*#012e58 url(../../images/front/tabhover.png) no-repeat center bottom*/; z-index: 5; }
ul.tabs-menu .current a { color: #fff; }
.tab { background-color: #012e58; float: left; width: 100%; }
.tab-content { width: 100%; padding: 20px 20px 15px 20px; display: none; float: left; box-sizing: border-box; }
.welcomepage .tab .tab-content 	{ padding: 20px 0; }
.inexchkbox li { font-size: 15px; color: #808080; border: solid 1px #c4c4c4; border-radius: 3px; float: left; width: 125px; text-align: center; padding: 10px 0; margin: 0 5px 10px; }
.tabBtns { float: right; width: 100%; margin: 10px 0 30px 0; }
.tabBtns.pinkbtn 	{ margin-right: 0px; }
.tabBtns input[type="submit"] { -webkit-appearance: none; -webkit-border-radius: 0; float: right; width: auto; text-align: center; padding: 10px 20px; background: #bc9f6e; border: solid 1px #00add1; border-radius: 5px; cursor: pointer; border-bottom: solid 2px #00add1; font-size: 16px; color: #808080; margin: 0 0 0 20px; font-family:'Sackers Gothic Std'; text-transform: lowercase !important;}
.tabBtns input[type="submit"]:hover, .tabBtns input[type="submit"].active { background: #bc9f6e; color: #fff; }
.tabBtns input { -webkit-appearance: none; -webkit-border-radius: 0; float: right; width: auto; text-align: center; padding: 10px 20px; background: #fff; border: solid 1px #bc9f6e; border-radius: 5px; cursor: pointer; border-bottom: solid 2px #012e58; font-size: 16px; color: #808080; margin-left: 20px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.tabBtns input:hover, .tabBtns input.active { background: #bc9f6e; color: #fff; border-color: #bc9f6e !important;}
.inexchkbox li { list-style: none; font-size: 15px; color: #fff; border: solid 1px #fff; border-radius: 3px; float: left; width: 125px; text-align: center; padding: 10px 0; margin: 0 18px 20px; }
.inexchkbox li.active { border-color: #bc9f6e; }
.inexchkbox span.jqTransformCheckboxWrapper { position: absolute; top: -10px; right: -23px; }
.profilediv .inexchkbox span.jqTransformCheckboxWrapper { right: -24px }
.inexchkbox li label { float: left; padding: 0; margin: 0; width: 100%; text-align: center; font-size: 16px; color: #fff;}
.inexchkbox li.active { color: #808080; }
.pinkbtn a { -webkit-appearance: none; -webkit-border-radius: 0; float: right; width: 190px; text-align: centere; padding: 10px 0; background: #fff; border: solid 1px #C64C69; border-radius: 7px; cursor: pointer; border-bottom: solid 2px #C64C69; font-size: 19px; color: #808080; margin-left: 20px; text-align: center; }
.pinkbtn a:hover, .pinkbtn a.active { background: #C64C69; color: #fff; }
.pinkbtn input[type="submit"]:hover, .pinkbtn input.active[type="submit"] { background: #bc9f6e; border-color: #bc9f6e; text-transform: uppercase;}
.yellowkbtn a { -webkit-appearance: none; -webkit-border-radius: 0; float: right; width: 190px; text-align: centere; padding: 10px 0; background: #fff; border: solid 1px #C6BC00; border-radius: 7px; cursor: pointer; border-bottom: solid 2px #C6BC00; font-size: 19px; color: #808080; margin-left: 20px; text-align: center; }
.yellowkbtn a:hover, .yellowkbtn a.active { background: #C6BC00; color: #fff; }
.yellowkbtn input[type="submit"]:hover, .yellowkbtn input.active[type="submit"] { background: #C6BC00; border-color: #C6BC00; }
/*end*/

footer { float: left; width: 100%; background: #efefef; padding: 17px 0; margin: 20px 0 0 0; }
footer p { float: left; width: 100%; text-align: center; font-size: 15px; color: #808080; line-height: 20px; }
.signchkbox li label { border: solid 4px #c4c4c4; padding: 10px 0; }
.signchkbox li.active label { border: solid 4px #62a395; }
.signchkbox li { margin: 0 15px; }
.signchkbox { float: left; width: 100%; }
span.jqTransformCheckboxWrapper { position: relative; top: -15px; right: -215px; }

/*======= login front =======*/
.clientloginbg { background: #012e58; }
.mbcopy { display: none; }
.loginRight { float: right; width: 350px; }
.loginRight_register { margin: auto; width: 600px; }
.loginLeftcontent { float: right; width: 650px; }
.loginLeftcontent .logo { float: right; width: 100%; text-align: right; margin: 85px 0 15px 0; padding: 0; }
.loginLeftcontent p { float: right; width: 100%; text-align: right; margin: 0 52px 0 0; font-size: 36px; line-height: 36px; color: #808080; }
.loginLeftcontent .copyright { float: left; width: 100%; text-align: center; margin: 290px 0 15px 0; padding-bottom: 10px !important; }
.loginLeftcontent .copyright p { float: left; width: 100%; text-align: center; font-size: 12px; line-height: 18px; color: #808080; }
.loginLeftcontent .webcopy { display: block; }
.loginRightcontent { float: left; text-align: center; width: 100%; }
.loginRightcontent h3 { font-size: 28px; line-height: 30px; color: #bc9f6e; font-family: 'hijrnotes_personal_use_onlyRg'; margin-bottom: 10px;}
.loginRightcontent h4 	{ color: #fff; font-size: 18px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.loginRightcontent form { float: left; width: 100%; margin: 11px 0 0 0; padding: 0; }
.loginRightcontent div input { float: left; width: 100%; background: #fff; padding: 0 20px 0 80px; box-sizing: border-box; border: #ccc solid 1px; border-radius: 4px; height: 47px; font-size: 16px; color: #bc9f6e; line-height: 18px; font-weight: 300; font-family:'Sackers Gothic Std'; text-transform: lowercase;}
.loginRightcontent div input::placeholder 	{ color: #bc9f6e;}
.loginRightcontent div input:focus { border-color: #ccc; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.loginRightcontent div input.first_name { background: #fff url(../../images/front/usernameicon.png) no-repeat 28px center; background-size: 19px; }
.loginRightcontent div input.last_name { background: #fff url(../../images/front/usernameicon.png) no-repeat 28px center; background-size: 19px; }
.loginRightcontent div input.username { background: #fff url(../../images/front/email_icon.png) no-repeat 28px center; background-size: 18px; }
.loginRightcontent div input.password { background: #fff url(../../images/front/passwordicon.png) no-repeat 28px center; }
.loginRightcontent div input.telephone { background: #fff url(../../images/front/mobile_icon.png) no-repeat 150px center; background-size: 21px; }
.loginRightcontent div input.cv_files { height: 30px; background: #fff url(../../images/front/fileupload_icon.png) no-repeat 28px center; border: none !important; }
.loginRightcontent div input.cv_filesicon { background: #fff url(../../images/front/fileupload_icon.png) no-repeat 28px center;  }
.loginRightcontent .cv_filesbg { background: #fff; height: 28px; padding: 9px 0 9px; border: solid 1px #ccc; border-radius: 4px; }
.loginRightcontent div .telemrg { padding-left: 200px; }
.loginRightcontent div input.wordicon { background: #fff url(../../images/front/world_map.png) no-repeat 28px center; left: 0; padding: 0 0 0 80px; position: absolute; width: 130px; height: 45px; margin: 1px; border: none; }
.loginRightcontent div.btniputs { float: left; width: 100%; margin: 10px 0 10px 0; }
.loginRightcontent div.signup { float: left; width: 99.5%; margin-bottom: 15px; }
.loginRightcontent div.signup span { margin: 10px 0 5px 0; display: inline-block;}
.loginRightcontent .signup a { background: #bc9f6e; float: left; width: 100%; font-size: 14px; text-align: center; color: #fff; line-height: 18px; padding: 0; height: 40px; line-height: 40px; border: solid 1px #bc9f6e; border-radius: 4px; font-weight: 500; font-family:'Sackers Gothic Std'; text-transform: uppercase;}
.loginRightcontent .signup a:hover { background: #bc9f6e; border: solid 1px #bc9f6e; color: #fff; }
.loginRightcontent div input.login { background: #bc9f6e !important; font-size: 14px; color: #fff; border-radius: 4px; height: 40px; padding: 5px 0; text-align: center; width: 100%; border: solid 1px #bc9f6e; margin-top: 0px; font-weight: 500; font-family:'Sackers Gothic Std'; text-transform: uppercase;}
.loginRightcontent div input.login:hover { background: #bc9f6e; color: #fff; border: solid 1px #999999; }
.loginRightcontent div input.reset { -webkit-appearance: none; -webkit-border-radius: 0; background: #fff; font-size: 18px; color: #808080; border-radius: 10px; float: left; height: 50px; margin: 0 0 27px -15px; padding: 5px 0; text-align: center; width: 185px; cursor: pointer; border: solid 2px #00add1; }
.loginRightcontent div.forgotpv { text-align: center; float: left; width: 100%; margin-top: 10px;}
.loginRightcontent div.forgotpv h2 { margin-bottom: 10px; font-size: 18px; color: #fff; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.loginRightcontent div.forgotpv a { font-size: 15px; color: #acacac; text-decoration: underline; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.loginRightcontent .form-group { margin-bottom: 10px; float: left; width: 100%; }
.loginRightcontent .file-upload { background: #eeeeee none repeat scroll 0 0; border: 1px solid #cccccc; border-radius: 5px; height: 37px; line-height: 18px; margin: 5px 0 5px 82px; overflow: hidden; padding: 8px 10px; position: absolute; text-align: center; width: auto; }
.loginRightcontent .file-upload input.upload { cursor: pointer; font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; height: 36px; width: 77px; margin: 5px 0; }
.loginRightcontent .btn-success { background-color: #5cb85c; border-color: #4cae4c; color: #ffffff; }
.loginRightcontent .inputbtn { padding-left: 170px !important; }
.loginRightcontent .file-upload:hover, .file-upload:focus { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); }
#logo { border-bottom: 1px solid #ffffff; padding-bottom: 15px; }
#logo a {display:inline-block;} 
.admincontentbg { background: #00172c; border-radius: 4px; left: 0; margin: auto; padding: 25px; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 936px; }
.contmain { border-top: 1px solid #c5c5c5; float: left; padding: 25px 15px 0; width: 100%; }
.loginpic { float: left; }
.copyright { bottom: 10px; float: left; position: absolute; text-align: center; width: 100%; }
.copyright p { color: #fff; font-size: 12px; line-height: 18px; font-weight: 300;}
/*======= login front =======*/

/*======= register front =======*/
#regislogo { border-bottom: 1px solid #ffffff; padding-bottom: 15px; }
.registercontentbg { background: #00172c; border-radius: 4px; margin: auto auto; display: table; padding: 25px; margin-bottom: 25px; text-align: center; width: 936px; }
/*======= register front =======*/

/*---personal deatils----*/
.personal_deatil_page .bgdiv { padding: 0; }
.personal_left { float: left; width: 270px; padding: 40px 10px 0 10px; }
.personal_right { float: right; width: 685px; margin-right: 40px; /*border-left: solid 1px #bc9f6e;*/ padding: 40px 0 0 0; }
.uplotphoto_content { float: left; width: 100%; box-sizing: border-box; padding: 0 10px; }
.uplotphoto_content .uploadphoto { -webkit-appearance: none; -webkit-border-radius: 0; float: left; width: 100%; font-size: 19px; color: #fff; background: #c64c69; border: none; border-radius: 5px; padding: 12px 0; margin: 30px 0 0 0; cursor: pointer; }
.uplotphoto_content .uploadphoto:hover { background: #C4C4C4; }
.photoguideline { float: left; width: 100%; text-align: center; margin: 20px 0 0 0; }
.photoguideline p { float: left; width: 100%; cursor: pointer; text-align: center; font-size: 18px; color: #fff; text-decoration: underline; }
.ptoguide_content { display: none; font-size: 15px; color: #012e58; box-sizing: border-box; margin: 9px 0 0 0; padding: 10px 4px; float: left; width: 100%; position: relative; background: #f9f9f9; border: 1px solid #dddddd; border-radius: 6px; font-weight: 300;}
.ptoguide_content:after, .ptoguide_content:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.ptoguide_content:after { border-color: rgba(249, 249, 249, 0); border-bottom-color: #f9f9f9; border-width: 9px; margin-left: -15px; }
.ptoguide_content:before { border-color: rgba(221, 221, 221, 0); border-bottom-color: #dddddd; border-width: 10px; margin-left: -16px; }
.symboldiv { float: left; width: 100%; font-size: 18px; }
/*.personaldeatil h2 { float: left; width: 100%; font-size: 24px; color: #fff; padding: 0 0 0 15px; line-height: normal; font-family:'Sackers Gothic Std' !important; text-transform: lowercase; font-weight: 300;}
.personaldeatil h2 span { position: relative; width: 25px; background: url(../../images/front/title-right-brdr.png) no-repeat top right; height: 12px; display: inline-block; margin: 0 0 0 20px; }*/
.personal_deatil_form { float: left; width: 100%; padding: 0; box-sizing: border-box; margin: 25px 0 0 0; }
.personal_deatil_form div { float: left; width: 100%; margin: 0 0 10px 0; }
.personal_deatil_form div input { float: left; width: 100%; padding: 10px 0; box-sizing: border-box; background: transparent; border: 0px; border-bottom: solid 1px #bc9f6e; border-radius: 0; font-size: 15px; line-height: normal; color: #fff; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.personal_deatil_form div input:hover, .personal_deatil_form div input:focus { border-bottom: solid 1px #bc9f6e; outline: none;}
.personal_deatil_form div.yourgender { margin: 25px 0; }
.personal_deatil_form input::placeholder 	{ color: #fff; opacity: 1;}
.personal_deatil_form_quali { float: left; width: 100%; padding: 0 0 0 4%; box-sizing: border-box; margin: 25px 0 0 0; }
.personal_deatil_form_quali div { float: left; width: 100%; margin: 0 0 10px 0; }
.personal_deatil_form_quali div input { float: left; width: 100%; padding: 10px 0; box-sizing: border-box; background: transparent; border: none; border-bottom: solid 1px #bc9f6e; border-radius: 0; font-size: 15px; line-height: normal; color: #fff; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.personal_deatil_form_quali div input::placeholder 	{ color: #fff; }
.personal_deatil_form_quali div.yourgender { margin: 25px 0; }
.personal_deatil_form input::placeholder { color: #fff;}
.personal_deatil_form ::-webkit-input-placeholder 	{ color: #fff;}
.personal_deatil_form ::-moz-placeholder 	{ color: #fff;}
.personal_deatil_form :-ms-input-placeholder 	{ color: #fff;}
.personal_deatil_form input:-moz-placeholder 	{ color: #fff;}
.personal_deatil_form_quali div ::-webkit-input-placeholder 	{ color: #fff;}
.loginRightcontent div ::-webkit-input-placeholder { color: #fff;}
.personal_deatil_form_quali div ::-moz-placeholder 	{ color: #fff; opacity: 1 !important;}

.yourgender .femaleimg { float: left; width: 68px; height: 68px; background: url(../../images/front/femalimg.png) no-repeat 0 center; margin: 0 10px 0 42px; }
.yourgender .femaleimg:hover, .yourgender .femaleimg.active { background: url(../../images/front/femalimg-hover.png) no-repeat 0 center; }
.yourgender .maleimg { float: left; width: 68px; height: 68px; background: url(../../images/front/maleimg.png) no-repeat 0 center; margin: 0 10px 0 85px; }
.yourgender .maleimg:hover, .yourgender .maleimg.active { background: url(../../images/front/male-hover.png) no-repeat 0 center; }
.yourgender label, .yourgender span { float: left; }
.yourgender label {font-size: 15px; color: #fff; line-height: 60px; margin-right: 20px; line-height: 72px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.personal_deatil_form div.selfempolyed { float: left; width: 100%; margin: 20px 0 25px 0; }
.selfempolyed label, .selfempolyed span {float: left; }
.personal_deatil_form div.selfempolyed label {font-size: 15px; color: #bc9f6e; line-height: 47px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.personal_deatil_form div.selfempolyed .selfimg { float: left; width: 68px; height: 68px; background: url(../../images/front/selfimg.png) no-repeat 0 center; margin: 0 10px 0 42px; }
.personal_deatil_form div.selfempolyed .selfimg:hover { background: url(../../images/front/selfimghover.png) no-repeat 0 center; }
.personal_deatil_form div.selfempolyed input { float: right; width: 45%; }
.personal_deatil_form div .selfempolyedchkbox { width: 50%; }
.selfempolyedchkbox li { float: left; width: 100%; position: relative; }
/*.emergency h2 { float: left; width: 100%; background: url(../../images/front/new/emcontact_symbol.png) no-repeat 0 center; font-size: 24px; color: #fff; padding: 0 0 0 145px; box-sizing: border-box; line-height: 40px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.emergency h2 span.titleline { background: none; width: auto; height: auto; font-size: 15px; line-height: normal; padding: 0; margin: 0; font-family: 'Montserrat', sans-serif; text-transform: none; top: -10px;}
.emergency h2 span { position: relative; width: 25px; background: url(../../images/front/title-right-brdr.png) no-repeat top right; height: 12px; display: inline-block; margin: 0 0 0 20px; top: -40px;}*/
/*.payment h2 { float: left; width: 100%; background: url(../../images/front/new/payment_symbol.png) no-repeat 0 center; font-size: 24px; color: #fff; padding: 0 0 0 145px; box-sizing: border-box; line-height: 40px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}*/
/*.payment h2 span.titleline { background: none; width: auto; height: auto; font-size: 15px; line-height: normal; padding: 0; margin: 0; font-family: 'Montserrat', sans-serif; text-transform: none; top: -10px;}*/
/*.payment h2 span { position: relative; width: 25px; background: url(../../images/front/title-right-brdr.png) no-repeat top right; height: 12px; display: inline-block; margin: 0 0 0 20px; top: -40px;}*/
.pinkbtn input { border-color: #c64c69; }
.pinkbtn input:hover, .pinkbtn input.active { background: #c64c69; }
.personal_deatil_form div .jqTransformInputWrapper, .personal_deatil_form div .jqTransformInputInner, .personal_deatil_form div .jqTransformInputInner div { margin: 0; }
/*---selectboxcss--*/
.selectdrop .dropdown, .selectdrop .dropdown div, .selectdrop .dropdown li, .selectdrop .dropdown div::after { -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
.selectdrop .dropdown .selected::after, .selectdrop .dropdown.scrollable div::after { -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; pointer-events: none; }
.selectdrop .dropdown { position: relative; width: 100%; cursor: pointer; background: #fff; border: solid 1px #c4c4c4; border-radius: 5px; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.selectdrop .dropdown.open { z-index: 99; }
/*.selectdrop .dropdown .carat { position: absolute; right: 12px; top: 50%; margin-top: -3px; border: 6px solid transparent; border-top: 8px solid #fff; background:#c6bc00; border-width:9px 7px 6px; }
*/.selectdrop .dropdown .carat { background: url(../../images/front/select_right.png) no-repeat 0 0; position: absolute; right: -1px; top: 0; width: 48px; height: 49px; }
.selectdrop .dropdown.disabled .carat { border-top-color: #999; }
.selectdrop .dropdown .old { position: absolute; left: 0; top: 0; height: 0; width: 0; overflow: hidden; }
.selectdrop .dropdown select { position: absolute; left: 0px; top: 0px; }
.selectdrop .dropdown.touch .old { width: 100%; height: 100%; }
.selectdrop .dropdown.touch select { width: 100%; height: 100%; opacity: 0; }
.selectdrop .dropdown .selected, .selectdrop .dropdown li { font-size: 15px; display: block; color: #8b8a8a; padding: 14px 12px; overflow: hidden; white-space: nowrap; }
.selectdrop .dropdown.disabled .selected { color: #999; }
.selectdrop .dropdown .selected::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 60px; border-radius: 0 2px 2px 0; }
.selectdrop .dropdown div { position: absolute; height: 0; left: -1px; right: -1px; top: 100%; margin-top: -1px; background: #fff; border: 1px solid #c4c4c4; border-top: 1px solid #c4c4c4; border-radius: 0 0 3px 3px; overflow: hidden; opacity: 0; }
.selectdrop .dropdown.open div { opacity: 1; z-index: 2; }
.selectdrop .dropdown.scrollable div::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 50px; box-shadow: inset 0 -50px 30px -35px #fff; }
.selectdrop .dropdown.scrollable.bottom div::after { opacity: 0; }
.selectdrop .dropdown ul { position: absolute; left: 0; top: 0; height: 100%; width: 100%; list-style: none; overflow: hidden; }
.selectdrop .dropdown.scrollable.open ul { overflow-y: auto; }
.selectdrop .dropdown li { list-style: none; padding: 15px 12px; }
.selectdrop .dropdown li.focus { background: #c6bc00; position: relative; z-index: 3; color: #fff; }
.selectdrop .dropdown li.active { color: #fff; background: #c6bc00; }
.selectdrop { float: left; }
/*---selectboxcss--*/

.radiobutton .jqTransformRadio { display: block; width: 60px; height: 60px; margin-right: 10px; border: 3px solid #bc9f6e; border-radius: 50%; background-size: cover !important;}
.radiobutton .female, .radiobutton .male { margin: 0 35px 0 10px; font-size: 15px; color: #808080; line-height: 60px; float: left; }
.radiobutton .female .jqTransformRadio { background: url(../../images/front/femalimg.png) no-repeat 0 center; }
.radiobutton .female .jqTransformRadio.jqTransformChecked { background: url(../../images/front/femalimg-hover.png) no-repeat 0 center; }
.radiobutton .male .jqTransformRadio { background: url(../../images/front/maleimg.png) no-repeat 0 center; }
.radiobutton .male .jqTransformRadio.jqTransformChecked { background: url(../../images/front/male-hover.png) no-repeat 0 center; }
.radiobuttonself .jqTransformRadio { display: block; width: 68px; height: 68px; margin-right: 10px; }
.radiobuttonself .self { margin: 0 10px; font-size: 15px; color: #808080; line-height: 60px; float: left; }
.radiobuttonself .self .jqTransformRadio { background: url(../../images/front/femalimg.png) no-repeat 0 center; }
.radiobuttonself .self .jqTransformRadio.jqTransformChecked { background: url(../../images/front/femalimg-hover.png) no-repeat 0 center; }
.formgreen div input:hover, .formgreen div input:focus { border-color: #bc9f6e; }

/*---treatmentpage----*/

.treatmentpage .container 	{ width: 100%; }
.treatmentpage .bgdiv { padding: 30px 0 0 0; }
.treatmentpage .welcometext { margin: 15px 0 40px; padding: 0 15px;}
.treatmentcontent { float: left; width: 100%; }
/*.massage h2 { float: left; width: 100%; background: url(../../images/front/new/massagesymbol.png) no-repeat 0 center; font-size: 24px; color: #fff; padding: 0 0 0 145px; box-sizing: border-box; line-height: 80px; margin-bottom: 20px; font-family: 'Sackers Gothic Std'; text-transform: lowercase;}
.massage h2 span { position: relative; width: 25px; background: url(../../images/front/title-right-brdr.png) no-repeat top right; height: 12px; display: inline-block; margin: 0 0 0 20px; }*/
.treatmentpage .inexchkboxyellow div { list-style: none; font-size: 15px; position: relative; color: #808080; border: solid 2px #c4c4c4; border-radius: 3px; float: left; width: 20%; text-align: center; padding: 0; margin: 0 20px 35px; }
.treatmentpage .inexchkboxyellow span.jqTransformCheckboxWrapper { position: absolute; top: -22px; right: -31px; }
.treatmentpage .inexchkboxyellow label { float: left; margin: 0; width: 100%; text-align: center; display: inline-table; }
.treatmentpage .inexchkboxyellow label span {display: table-cell; float: none; height: 52px; vertical-align: middle; font-size:14px; color: #fff;}
.treatmentpage .jqtransformdone .rowElem.active { border-color: #bc9f6e; }
.treatmentpage .inexchkboxyellow div.active label.yellowtext { color: #fff; }
.treatmentcontent form { float: left; width: 100%; padding: 30px 15px; box-sizing: border-box; }
.treatmentcontent form.inexchkboxyellow { padding: 30px 15px 0 15px; }
.spastag { float: left; font-size: 22px; color: #808080; margin: 0 0 12px 35px; }
.spas h2 { float: left; width: 100%; background: url(../../images/front/new/spassymbol.png) no-repeat 0 center; font-size: 28px; color: #c6bc00; padding: 0 0 0 145px; box-sizing: border-box; line-height: 80px; }
.spas h2 span { position: relative; top: 8px; width: 9px; background: #c6bc00; height: 31px; display: inline-block; margin: 0 0 0 60px; }
.spas h2 span.tagtitle { font-size: 22px; line-height: 26px; padding: 8px 0 0 0; margin: 0; color: #808080; width: 83%; height: auto; float: right; background: none; }
/*.health h2 { float: left; width: 100%; background: url(../../images/front/new/healthsymbol.png) no-repeat 0 center; font-size: 24px; color: #fff; padding: 0 0 0 145px; box-sizing: border-box; line-height: 80px; font-family: 'Sackers Gothic Std'; text-transform: lowercase;}
.health h2 span { position: relative; width: 25px; background: url(../../images/front/title-right-brdr.png) no-repeat top right;; height: 12px; display: inline-block; margin: 0 0 0 20px; }*/
.treatmentpage .inexchkboxorg div { list-style: none; font-size: 15px; position: relative; color: #fff; border: solid 2px #fff; border-radius: 3px; float: left; width: 20%; text-align: center; padding: 0; margin: 0 20px 35px; }
.treatmentpage .inexchkboxorg span.jqTransformCheckboxWrapper { position: absolute; top: -22px; right: -31px; }
.treatmentpage .inexchkboxorg label { float: left; margin: 0; width: 100%; text-align: center; display: inline-table; }
.treatmentpage .inexchkboxorg label span {font-size: 14px; display: table-cell; float: none; height: 52px; vertical-align: middle; }
.treatmentpage .inexchkboxorg div.active { border-color: #fff; }
.treatmentpage .inexchkboxorg div.active label.yellowtext { color: #fff; }
/*.personl_trn h2 { float: left; width: 100%; background: url(../../images/front/new/ptrainingsymbol.png) no-repeat 0 center; font-size: 24px; color: #fff; padding: 0 0 0 145px; box-sizing: border-box; line-height: 80px; font-family: 'Sackers Gothic Std'; text-transform: lowercase;}
.personl_trn h2 span { position: relative; width: 25px; background: url(../../images/front/title-right-brdr.png) no-repeat top right;; height: 12px; display: inline-block; margin: 0 0 0 20px; }*/
.treatmentpage .inexchkboxgreen div { list-style: none; font-size: 15px; position: relative; color: #fff; border: solid 2px #c4c4c4; border-radius: 3px; float: left; width: 20%; text-align: center; padding: 0; margin: 0 20px 35px; }
.treatmentpage .inexchkboxgreen span.jqTransformCheckboxWrapper { position: absolute; top: -22px; right: -31px; }
.treatmentpage .inexchkboxgreen label { float: left; margin: 0; width: 100%; text-align: center; display: inline-table; color: #fff;}
.treatmentpage .inexchkboxgreen label span {display: table-cell; float: none; height: 52px; vertical-align: middle; font-size: 14px;}
.treatmentpage .inexchkboxgreen div.active { border-color: #fff; }
.treatmentpage .inexchkboxgreen div.active label.yellowtext { color: #fff; }
/*.beauty_trtmnt h2 { float: left; width: 100%; background: url(../../images/front/new/beautytratsymbol.png) no-repeat 0 center; font-size: 24px; color: #fff; padding: 0 0 0 145px; box-sizing: border-box; line-height: 80px; font-family: 'Sackers Gothic Std'; text-transform: lowercase;}
.beauty_trtmnt h2 span { position: relative; width: 25px; background: url(../../images/front/title-right-brdr.png) no-repeat top right; height: 12px; display: inline-block; margin: 0 0 0 20px; }*/
.treatmentpage .inexchkboxpink div { list-style: none; font-size: 15px; position: relative; color: #fff; border: solid 2px #fff; border-radius: 3px; float: left; width: 20%; text-align: center; padding: 0; margin: 0 20px 35px; }
.treatmentpage .inexchkboxpink span.jqTransformCheckboxWrapper { position: absolute; top: -22px; right: -31px; }
.treatmentpage .inexchkboxpink label { float: left; margin: 0; width: 100%; text-align: center; display: inline-table; }
.treatmentpage .inexchkboxpink label span {display: table-cell; float: none; height: 54px; vertical-align: middle; font-size: 14px; }
.treatmentpage .inexchkboxpink div.active { border-color: #fff; }
.treatmentpage .inexchkboxpink div.active label.yellowtext { color: #fff; }
.yoga h2 { float: left; width: 100%; background: url(../../images/front/yogasymbol.png) no-repeat 0 center; font-size: 28px; color: #808080; padding: 0 0 0 145px; box-sizing: border-box; line-height: 80px; }
.yoga h2 span { position: relative; top: 8px; width: 9px; background: #808080; height: 31px; display: inline-block; margin: 0 0 0 60px; }
.treatmentpage .inexchkboxsky div { list-style: none; font-size: 15px; position: relative; color: #808080; border: solid 4px #c4c4c4; border-radius: 3px; float: left; width: 20%; text-align: center; padding: 0; margin: 0 20px 35px; }
.treatmentpage .inexchkboxsky span.jqTransformCheckboxWrapper { position: absolute; top: -22px; right: -31px; }
.treatmentpage .inexchkboxsky label { float: left; margin: 0; width: 100%; text-align: center; display: inline-table; }
.treatmentpage .inexchkboxsky label span {display: table-cell; float: none; height: 52px; vertical-align: middle; font-size: 16px; }
.treatmentpage .inexchkboxsky div.active { border-color: #808080; }
.treatmentpage .inexchkboxsky div.active label.yellowtext { color: #808080; }
.hair_mkup h2 { float: left; width: 100%; background: url(../../images/front/new/hairsymbol.png) no-repeat 0 center; font-size: 28px; color: #8B559D; padding: 0 0 0 145px; box-sizing: border-box; line-height: 80px; }
.hair_mkup h2 span { width: 9px; background: #8B559D; height: 31px; display: inline-block; margin: 0 0 0 60px; position: relative; top: 8px; }
.treatmentpage .inexchkboxpurple div { list-style: none; font-size: 15px; position: relative; color: #808080; border: solid 4px #c4c4c4; border-radius: 3px; float: left; width: 20%; text-align: center; padding: 0; margin: 0 20px 35px; }
.treatmentpage .inexchkboxpurple span.jqTransformCheckboxWrapper { position: absolute; top: -22px; right: -31px; }
.treatmentpage .inexchkboxpurple label { float: left; margin: 0; width: 100%; text-align: center; display: inline-table; }
.treatmentpage .inexchkboxpurple label span {display: table-cell; float: none; height: 52px; vertical-align: middle; font-size: 16px; }
.treatmentpage .inexchkboxpurple div.active { border-color: #8B559D; }
.treatmentpage .inexchkboxpurple div.active label.yellowtext { color: #8B559D; }
.yellowkbtn input { border-color: #bc9f6e; }
.yellowkbtn input:hover, .yellowkbtn input.active { background: #bc9f6e; }
.yellowkbtn input[type="submit"]:hover, .yellowkbtn input.active[type="submit"] { background: #c6bc00; border-color: #c6bc00; }
.treatmentcontent .inexchkboxyellow, .treatmentcontent .inexchkboxorg, .treatmentcontent .inexchkboxgreen, .treatmentcontent .inexchkboxpink, .treatmentcontent .inexchkboxsky, .treatmentcontent .inexchkboxpurple { margin: 30px 0 0 0; float: left; width: 100%; }
/*------product training----*/

/*.product_trn h2 { float: left; width: 100%; background: url(../../images/front/new/prouct_symbol.png) no-repeat 0 center; font-size: 24px; color: #fff; padding: 0 0 0 145px; box-sizing: border-box; line-height: 80px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.product_trn h2 span { position: relative; width: 25px; background: url(../../images/front/title-right-brdr.png) no-repeat top right; height: 12px; display: inline-block; margin: 0 0 0 20px; }*/
.greenbtn input { border-color: #62a395; }
.prdTraingPage .welcometext p { width: 970px; }
.prdTraingPage .bgdiv { padding: 30px 0 0 0; }
.prdTraingPage .welcometext { margin: 15px 0 0 0; }
/*----T & C-----*/

.termspage .bgdiv { background: #F9F9F9 url(../../images/front/termsborertop.jpg) no-repeat 0 0; padding: 45px 0 0 0; }
.termsCondition { float: left; width: 100%; padding: 0 40px; box-sizing: border-box; }
.termsCondition li { float: left; width: 100%; list-style: none; margin: 0 0 20px 0; }
.termsCondition li span.bgspan { float: left; width: 60px; height: 60px; text-align: center; background: #8b559d; display: table; }
.termsCondition li span.bgspan span { float: none; display: table-cell; vertical-align: middle; height: 60px; font-size: 40px; color: #fff; }
.termsCondition li label { width: 93%; text-align: left; float: right; display: table; font-size: 15px; color: #808080; }
.termsCondition li label span {float: none; display: table-cell; vertical-align: middle; height: 60px; font-size: 15px; color: #808080; font-style: italic; }
.purplebtn input { border-color: #8B559D; }
.purplebtn input:hover, .purplebtn input.active { background: #8B559D; }
.termschkbox span.jqTransformCheckboxWrapper { position: relative; top: 0; right: 0; }
.termschkbox .termsCondition li.rowElem label { width: 96%; font-size: 18px; color: #333; font-style: normal; }
/*--------dashboard-------*/

.dsMenuphn { display: none; }
.mainLeft { float: left; width: 250px; background: #00172c; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
.dsmenu { float: left; width: 100%; }
.dsmenu li { float: left; width: 100%; height: 70px; border-bottom: solid 1px #aa956c;}
.dsmenu li a .left { float: left; width: 50px; height: 70px;}
.dsmenu li a .upcomingbk { float: left; width: 24.3%; height: 70px; }
.dsmenu li a .right { float: right; width: calc(100% - 50px); box-sizing: border-box; }
.dsmenu li a .right span { padding: 0 0 0 10px; width: 295px; font-size: 14px; color: #6f7174; height: 70px; display: table-cell; vertical-align: middle; font-weight: 500; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.dsmenu li a:hover .right span { color: #fff; }
.dsmenu li.active.dsyhbrd a .left { background: url(../../images/front/admin/dashboardIconhover.png) no-repeat center center; }
.dsmenu li.active a .right span { color: #fff; }
.dsmenu li.active.prf a .left { background: url(../../images/front/admin/profileIconhover.png) no-repeat center center; }
.dsmenu li.active.calender a .left { background: url(../../images/front/admin/calenderIconhover.png) no-repeat center center; }
.dsmenu li.active.booking a .left { background: url(../../images/front/admin/bookingIconhover.png) no-repeat center center; }
.dsmenu li.active.prebookings a .left { background: url(../../images/front/admin/freviousbookingIconhover.png) no-repeat center center; }
.dsmenu li.active.money a .left { background: url(../../images/front/admin/moneyIconhover.png) no-repeat center center; }
.dsmenu li.active.upload-pic a .left { background: url(../../images/front/admin/uploadIconhover.png) no-repeat center center; background-size: 30px 29px; }
.dsmenu li.active.tandc a .left { background: url(../../images/front/admin/termiconhover.png) no-repeat center center; }
.dsmenu li.active.privacy a .left { background: url(../../images/front/admin/policyiconhover.png) no-repeat center center; }
.dsmenu li.active.contact a .left { background: url(../../images/front/admin/contacticonhover.png) no-repeat center center; }
.dsmenu li.active.logout a .left { background: url(../../images/front/admin/logoutIconhover.png) no-repeat center center; }
.dsmenu li.dsyhbrd a .left { background: url(../../images/front/admin/dashboardIcon.png) no-repeat center center; }
.dsmenu li.prf a .left { background: url(../../images/front/admin/profileIcon.png) no-repeat center center; }
.dsmenu li.calender a .left { background: url(../../images/front/admin/calenderIcon.png) no-repeat center center; }
.dsmenu li.booking a .left { background: url(../../images/front/admin/bookingIcon.png) no-repeat center center; }
.dsmenu li.prebookings a .left { background: url(../../images/front/admin/freviousbookingIcon.png) no-repeat center center;}

.dsmenu li.money a .left { background: url(../../images/front/admin/moneyIcon.png) no-repeat center center; }
.dsmenu li.upload-pic a .left { background: url(../../images/front/admin/uploadIcon.png) no-repeat center center; background-size: 30px 29px; }
.dsmenu li.tandc a .left { background: url(../../images/front/admin/termicon.png) no-repeat center center; }
.dsmenu li.privacy a .left { background: url(../../images/front/admin/policyicon.png) no-repeat center center; }
.dsmenu li.contact a .left { background: url(../../images/front/admin/contacticon.png) no-repeat center center; }
.dsmenu li.logout a .left { background: url(../../images/front/admin/logoutIcon.png) no-repeat center center; }
.dsmenu li.prebookings a:hover .left { background: url(../../images/front/admin/freviousbookingIconhover.png) no-repeat center center; }
.dsmenu li.dsyhbrd a:hover .left { background: url(../../images/front/admin/dashboardIconhover.png) no-repeat center center; }
.dsmenu li.prf a:hover .left { background: url(../../images/front/admin/profileIconhover.png) no-repeat center center; }
.dsmenu li.calender a:hover .left { background: url(../../images/front/admin/calenderIconhover.png) no-repeat center center; }
.dsmenu li.booking a:hover .left { background: url(../../images/front/admin/bookingIconhover.png) no-repeat center center; }
.dsmenu li.money a:hover .left { background: url(../../images/front/admin/moneyIconhover.png) no-repeat center center; }
.dsmenu li.upload-pic a:hover .left { background: url(../../images/front/admin/uploadIconhover.png) no-repeat center center; background-size: 30px 29px; }
.dsmenu li.tandc a:hover .left { background: url(../../images/front/admin/termiconhover.png) no-repeat center center; }
.dsmenu li.privacy a:hover .left { background: url(../../images/front/admin/policyiconhover.png) no-repeat center center; }
.dsmenu li.contact a:hover .left { background: url(../../images/front/admin/contacticonhover.png) no-repeat center center; }
.dsmenu li.logout a:hover .left { background: url(../../images/front/admin/logoutIconhover.png) no-repeat center center; }

.mainRight { float: left; width: calc(100% - 250px); padding: 0 3%; min-height:120vh; height:100%; background: #012e58; transition: all 0.5s ease;}
.adminlogo { float: left; width: 100%; background: #012e58; padding: 10px 20px; height: 84px;}
.dashbrTitle { float: left; width: 100%; min-height:72px; padding: 0; font-size: 26px; line-height: 26px; color: #808080;background: #e8e6e6; text-align: center; }
.welcometextcotent { float: right; width: 100%; background: #f9f9f9; padding: 14px 0; position: relative; box-sizing: border-box; background: #f9f9f9; border: 1px solid #e0e0e0; }
.welcometextcotent:after, .welcometextcotent:before { top: 100%; left: 6%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.welcometextcotent:after { border-color: rgba(249, 249, 249, 0); border-top-color: #fff; border-width: 10px; margin-left: -10px; display: none;}
.welcometextcotent:before { border-color: rgba(224, 224, 224, 0); border-top-color: #fff; border-width: 6px; margin-left: -6px; display: none;}

.welcmeleft { width: auto; font-size: 18px; padding: 0 0 0 2.5%; box-sizing: border-box; font-weight: 500; background: #00172c; color: #fff; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.welcmeRight { width: auto; font-size: 18px; color: #f33; padding: 0 0 0 2.5%; box-sizing: border-box; }
.welcmeRight a { width: auto; font-size: 18px; color: #f33; box-sizing: border-box; }
.welcmeRight a span { position: relative; top: 4px; margin: 0 10px 0 0; }
.welcmeRight a:hover { color: #f44; }
.tablediv { float: left; width: 100%; margin: 0 0 0 0; color: #808080; font-size: 18px; }
.tablediv a { color: #fff; }
.dashbrdTable { margin: 0 auto; width: 100%; margin: 20px 0 0 0; table-layout: fixed;  font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.dashbrdTable td { font-size: 12px; color: #fff; text-align: center; height: 50px; vertical-align: middle; padding: 8px;}
.dashbrdTable td a { color: #fff; font-size: 12px; }
.dashbrdTable td a img 	{ position: relative; top: 2px; width: 16px;}
.dashbrdTable th {font-weight: normal; font-size: 12px; line-height: 18px; color: #bc9f6e; background-color: #012343; text-align: center; height: 50px; vertical-align: middle; padding: 8px;}
.dashbrdTable .brdnone { background: none; }
.dashbrdTable .brdnone img 	{ position: inherit;}
.dashbrdTable tbody tr:nth-of-type(odd) 	{ background: #012445;}

/*-------Booking Deatil-----*/
.bookingdeatil { margin: 0 auto; width: 94%; }
.bookingbgdiv { float: left; width: 100%; border: solid 1px #e8e6e6; background-color: #f9f9f9; padding: 30px; box-sizing: border-box; }
.bookingdeatil li { float: left; width: 100%; list-style: none; }
.bookingdeatil li label { float: left; width: 225px; font-size: 15px; color: #333;margin: 0 30px 0 0; padding: 0 0 23px 0; }
.bookingdeatil li label span { float: right; }
.bookingdeatil li span { font-size: 15px; color: #333;}
.bookingdeatil li span a { color: #c64c69; }
/*---my profile---*/

.myprofile .mainLeft { min-height: 1500px; position: relative; }
.profilediv { float: none; margin: 0 auto; width: 100%; }
.profilediv .container { width: 100%; }
.profilediv nav ul li { width: auto; border-bottom: 1px solid #bc9f6e;}
.profilediv .map img { width: 100%; height: auto; }
.profilediv .inexchkbox li { width: 126px; }
.profilediv .welcomepage .inexchkbox li 	{ margin: 10px 15px;}
.profilediv .personal_left { width: 220px; }
.profilediv .photoguideline p { font-size: 15px; }
/*--------qulificaion------*/

.qulification_page .bgdiv { padding: 20px 0 0 0; }
.qulifationtop { float: left; width: 100%; border-bottom: solid 1px #bc9f6e; padding: 10px 0; box-sizing: border-box; }
.q-toptitle { font-size: 24px; color: #bc9f6e; line-height: 28px; margin-top: 7px; margin-bottom: 10px; float: left; width: 100%; font-family: 'Sackers Gothic Std'; text-transform: lowercase;}
.q-uploadbt { float: left; width: 345px; }
.q-uploadbt input { float: left; width: 100%; }
.q-uploadbt p { float: left; width: 100%; font-size: 14px; color: #808080;}
/*.certificates h2 { float: left; width: 100%; background: url(../../images/front/new/certifictae_symbol.png) no-repeat 0 center; font-size: 24px; color: #fff; padding: 0 0 0 145px; box-sizing: border-box; line-height: 80px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.certificates h2 span { position: relative; width: 25px; background: url(../../images/front/title-right-brdr.png) no-repeat top right; height: 12px; display: inline-block; margin: 0 0 0 20px;}*/
.qulificationform { margin: 15px 0 15px 65px; padding: 0; width: 92%; }
/*.qulificationform div label { float: left; width: 8%; }*/
.qulificationform div label span { font-size: 15px; color: #bc9f6e;height: 47px; vertical-align: middle; display: table-cell; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.qulificationform div input { float: right; width: 90%; }
.qulificationform div p { font-size: 13px; color: #bc9f6e;line-height: 24px; margin: 0 0 10px 0; padding: 0; }
.borderbotom { border-bottom: solid 1px #fff; margin-bottom: 20px; }
.qulificationform div input:hover, .qulificationform div input:focus { border-bottom: solid 1px #bc9f6e; color: #fff; }
.q-uploaimg { float: right; width: 445px; }
.q-certificate { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 100%; }
.q-certificate label { float: left; width: 20%; text-align: center; padding: 18px 0; line-height: normal; margin-right: 20px;}
.insurance_section .q-certificate label 	{ padding: 0px; }
.q-certificate label span { font-size: 15px; color: #bc9f6e; vertical-align: middle; display: table-cell; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.q-certificate img { float: left; margin: 0 0 0 0; }
.q-certificate input { float: right; width: 200px; }
/*.q-Training h2 { float: left; width: 100%; background: url(../../images/front/new/training_symbol.png) no-repeat 0 center;font-size: 24px; color: #fff; padding: 0 0 0 145px; box-sizing: border-box; line-height: 80px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.q-Training h2 span { position: relative; width: 25px; background: url(../../images/front/title-right-brdr.png) no-repeat top right; height: 12px; display: inline-block; margin: 0 0 0 20px;}*/
.q-textaera textarea { padding: 8px; resize: none; box-sizing: border-box; float: right; background: transparent; border: solid 1px #bc9f6e; border-radius: 0; min-height: 100px; width: 86%; font-size: 15px; color: #fff; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.q-textaera textarea:focus 	{ outline: none; }
.q-textaera textarea::placeholder 	{ color: #fff; }
.qulificationform p { float: right; width: 86%; font-size: 14px; color: #bc9f6e;line-height: 16px; margin: 10px 0; padding: 0; line-height: normal;}
.marginbotnone { margin-bottom: 0; }
.margintop { margin-top: 20px; }
/*.q-indemnity h2 { float: left; width: 100%; background: url(../../images/front/new/profesoalIns_symbol.png) no-repeat 0 center;font-size: 24px; color: #fff; padding: 0 0 0 145px; box-sizing: border-box; line-height: 80px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.q-indemnity h2 span { position: relative; width: 25px; background: url(../../images/front/title-right-brdr.png) no-repeat top right; height: 12px; display: inline-block; margin: 0 0 0 20px;}*/
.insDate { float: right; width: 84%; margin: 20px 0 0 0; }
.insDate .leftDate { float: left; width: 37%; margin: 0 2% 0 0; }
.insDate .leftDate input { float: left; width: 100%; background: transparent url(../../images/front/new/datepickericon.png) no-repeat 96% center; font-size: 15px; color: #fff;border: none; border-bottom: solid 1px #bc9f6e; border-radius: 0; padding: 13px 10px; box-sizing: border-box; background-size: 24px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.insDate .leftDate input:focus 	{ outline: none; }
.insDate .leftDate label { width: 100%;font-size: 15px; color: #bc9f6e;}
/*.q-disclosure h2 { float: left; width: 100%; background: url(../../images/front/new/discloser_symbol.png) no-repeat 0 center;font-size: 24px; color: #fff; padding: 0 0 0 145px; box-sizing: border-box; line-height: 80px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.q-disclosure h2 span { position: relative; width: 25px; background: url(../../images/front/title-right-brdr.png) no-repeat top right;; height: 12px; display: inline-block; margin: 0 0 0 20px;}*/
.uploaddatepicker div input { float: left; width: 33%; margin: 0 0 0 2%; background: transparent; font-size: 15px; color: #fff;}
/*.q-References h2 { float: left; width: 100%; background: url(../../images/front/new/reffrance_symnbol.png) no-repeat 0 center;font-size: 24px; color: #fff; padding: 0 0 0 145px; box-sizing: border-box; line-height: 80px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.q-References h2 span { position: relative; width: 25px; background: url(../../images/front/title-right-brdr.png) no-repeat top right; height: 12px; display: inline-block; margin: 0 0 0 20px;}*/
.reffralptext { font-size: 18px; color: #fff;float: left; margin: 25px 0 25px 50px; }
.uploadDeatil { float: left; width: 91%; text-align: center; margin: 8px 0 0 0; font-size: 15px; color: #bc9f6e; }
.q-reffrealform2 { margin: 0; position: relative; }
.q-reffrealform1 { position: relative; }
.q-reffrealform1 span, .q-reffrealform2 span { position: absolute; left: 0; top: 8px; font-size: 15px; color: #bc9f6e;}
.q-reffrealform1 div input:focus, .q-reffrealform2 div input:focus { outline: none;}
.orgbtn input, .orgbtn a { border-color: #c18f9a !important; }
.orgbtn input:hover, .orgbtn input.active, .orgbtn a:hover { background: #bc9f6e !important; border-color: #bc9f6e;}
/*------------calander------------*/
.availabillitypage .bgdiv { padding: 30px 0 0 0; }
.availabillitypage .welcometext p { width: auto; margin: 0 auto 5px auto; }
.calenderdivLeft, .xdsoft_datetimepicker { box-sizing: border-box; float: left; height: auto; width: 420px; position: relative; z-index: 9999;}
.xdsoft_datetimepicker { height: auto; width: 58px; }
.calenderdivRight { float: right; overflow: auto; width: 100%; margin-top: 0; padding-left: 20px;}
.calenderdivRight select { width: 100%; height:35px; font-size:12px !important; border: none; border: 1px solid #fff; background: transparent; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300; float: left; color: #fff; margin-top: 5px; border-radius: 0px;}
.calenderdivRight select:focus { outline: none; }
.calenderdivRight select option { font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300; color: #000;}
.calenderdivRight .inner table td input 	{ height: 35px; line-height: 35px; font-size: 12px; background: transparent; color: #fff; border: 1px solid #fff; width: 100%; padding: 0 10px; font-family: 'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300; border-radius: 0px;}
.calenderdiv { margin: 0 auto; width: 100%; padding: 20px 0 0 0; display: flex; position: relative; }
.inner table { width: 100%; border: none; border-bottom: 1px solid #bc9f6e;}
.inner table td { border: none; height: 100px; font-size: 16px; color: #fff; text-align: center; text-align: left;}

.caldate { background: none repeat scroll 0 0 rgb(139, 85, 157); color: rgb(255, 255, 255); float: left; /*font-family:"clarendon_lt_btlight";*/ font-size: 18px; left: 0; margin: 397px 0 0; padding: 30px 0; position: absolute; text-align: center; width: 420px; z-index: 9999; }

#selected_date a.remove { cursor: pointer; background: url(../../images/front/new/closeicontabel.png) no-repeat 0 0; font-size: 0; width: 15px; height: 18px; float: right; margin: 0 0 0 0; }
#selected_date a.remove_d { cursor: default; font-size: 0; width: 15px; height: 18px; float: right; margin: 0 10px 0 0; }

#selected_date a.add { cursor: pointer; background: url(../../images/front/new/add1.png) no-repeat 0 0; font-size: 0; width: 19px; height: 19px; float: right; margin: 0 30px 0 10px; }
#selected_date a.add_d { cursor: default; font-size: 0; width: 19px; height: 19px; float: right; margin: 0 30px 0 10px; }

.availbilityradio { float: left; width: 100%; padding: 0 40px; box-sizing: border-box; margin: 35px 0 0 0; }
.availbilityradio li { float: left; margin: 0 25px 0 0; }
.availbilityradio li label { font-size: 16px; color: #fff;cursor: pointer; line-height: 27px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.availbilityradio li:first-child { margin: 0 55px 0 0; }
.availbilityradio li.chkboxavilability { width: 21%; float: left; clear: both; margin: 20px 0 0 0; }
.availbilityradio li.chkboxavilability label { float: left; width: auto; }
.avipurplubtn input { border-color: #bc9f6e; }
.avipurplubtn input:hover, .avipurplubtn input.active { background: #bc9f6e;}
/*---popu up---*/
.black_overlay { display: none; position: fixed; top: 0%; left: 0%; width: 100%; min-height: 100%; background-color: #00172c; z-index: 1001; -moz-opacity: 0.6; opacity: 0.8; filter: alpha(opacity=80); }
.white_content { display: none; position: fixed; top: 50%; left: 50%; width: 96%; max-width: 440px; height: 320px; padding: 16px; background-color: #fff; z-index: 1002; overflow: auto; border-radius: 22px; padding: 15px; box-sizing: border-box; text-align: center; transform: translate(-50%, -50%);}
.white_content h2 { float: left; width: 100%; text-align: center;font-size: 26px; color: #bc9f6e; border-bottom: solid 1px #000; padding-bottom: 12px; margin-bottom: 12px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.white_content p { float: left; width: 100%; box-sizing: border-box; text-align: center;font-size: 15px; color: #012e58; margin-bottom: 12px; padding: 0 20px;}
.white_content input.inputtext { color: #012e58; font-size: 25px; font-weight: bold; height: 42px; border: none; border-bottom: solid 1px #bc9f6e; border-radius: 0; padding: 0; width: 80%; box-sizing: border-box; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300; background: transparent;}
.white_content input.inputtext::placeholder 	{ color: #012e58; }
.white_content input.inputtext:focus 	{ outline: none; }
.white_content input.btn { color: #fff; font-size: 18px; cursor: pointer; font-weight: bold; height: 42px; border-radius: 9px; padding: 0 15px; width: 40%; box-sizing: border-box; background: #bc9f6e; border: none; margin: 30px 0 0 0; }
.white_content > a { position: absolute; right: 17px; top: 16px; background: url(../../images/front/admin/new/closeIcon.png) no-repeat 0 0; font-size: 0; width: 22px; height: 22px; }
/*---popu up---*/

 /*chrome*/
.beauty_main.jqtransformdone.active .beauty_main_box {margin-bottom:0px !important; height:108px;}
.beauty_main.jqtransformdone .beauty_main_box {margin-bottom:0px !important; height:108px;}
.beauty_main.jqtransformdone .beauty_main_box { float: left; width: 20.6% !important; margin: 0 20px 35px; }
.beauty_main.jqtransformdone .beauty_main_box div {width:96% !important; margin:0px !important;}
.beauty_main.jqtransformdone .beauty_main_box .tool_span {clear:both; float:left; margin-top:5px; width:90%; font-size:13px; text-align:center; color: #bc9f6e;}
.beauty_main.jqtransformdone .beauty_main_box .tool_span input {margin:0 5px; position: relative; top: 2px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.calenderdivRight select {height:35px; line-height:35px; font-size:12px !important; }
}

/*ie10*/
@media all and (min-width:0\0) and (min-resolution: .001dpcm) {
	.tabs-menu li a {
		padding:15px 10px 15px 10px;
	}
	.profilediv .tabs-menu li a {
		padding:15px 8.5px 14px 8.79px;
	}
}
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.profilediv .tabs-menu li a { padding: 15px 8.5px 14px 8.79px; }
}
.ie8 .profilediv .tabs-menu li a { padding: 15px 8px 14px 8px; }
.yourgender span.custom-radio { display: none; }
.uplotphoto_content .browse_btn { float: left; width: 100%; }
.uplotphoto_content .file_input_div { float: left; height: 44px; overflow: hidden; position: relative; width: 100%; margin: 30px 0 0 0; }
.uplotphoto_content input.file_input_button { -webkit-appearance: none; -webkit-border-radius: 0; background: #C64C69; left: 0; border: medium none; border-radius: 3px; color: #fff; font-size: 19px; font-weight: normal; height: 44px; margin: 0 5px 0 0; display: block; position: absolute; top: 0; width: 100%; }
.uplotphoto_content .file_input_hidden { -webkit-appearance: none; -webkit-border-radius: 0; cursor: pointer; font-size: 45px; opacity: 0; position: absolute; right: 0; top: 0; }
.uplotphoto_content img { border-radius: 15px; }
.qulifationtop .upload { background: #bc9f6e; box-shadow: none; width: 190px; padding: 12px 10px; height: auto; text-align: center; font-size: 16px; color: #fff; font-weight: normal; left: -319px; position: relative; box-sizing: border-box; border-radius: 5px; }
.qulifationtop .ajax-upload-dragdrop { border: dashed 2px #c4c4c4; border-radius: 8px; padding: 10px; }
.qulifationtop .upload:hover { box-shadow: none; background: #bc9f6e; }
.qulifationtop .q-uploaimg p { position: relative; left: -306px; font-size: 13px; color: #808080; top: -15px; }
.q-certificate .upload { background: #bc9f6e; box-shadow: none; width: 170px; padding: 11px 10px; height: auto; text-align: center; font-size: 16px; color: #fff; font-weight: normal; right: -225px; position: relative; box-sizing: border-box; border-radius: 5px; }
.q-certificate .ajax-upload-dragdrop { width: 310px; position: relative; left: 0; border: dashed 2px #c4c4c4; border-radius: 8px; padding: 10px; line-height: 34px;}
.q-certificate .upload:hover { box-shadow: none; background: #bc9f6e; }
.training_details .q-certificate .upload:hover { box-shadow: none; background: #40a279; }
.q-certificate .certificate-upload-filename span { font-size: 0; background: url(../../images/front/crossimg.png) no-repeat 0 0; float: right; width: 15px; height: 15px; }
.q-certificate .certificate-upload-filename { float: left; width: 65%; font-size: 15px; color: #808080; box-sizing: border-box; margin: 2% 2% 0 0; background: #fff; padding: 12px 15px; border: solid 1px #c4c4c4; border-radius: 6px; }
.q-certificate .certificate-upload-filename:hover { color: #012e58; border-color: #012e58; }
.q-certificate .certificate-upload-filename:hover span { background: url(../../images/front/crossimghover.png) no-repeat 0 0; }
.q-certificate #certificate_upload_status_0 { display: none; }
.personal_deatil_form div .subtraining, .personal_deatil_form .q-certificate .training-upload-filename { float: left; margin: 0 2% 0 0; width: 30%; }
.personal_deatil_form div .subtraining, .qualififcationsnew .additional_training_details_0 .subtraining input 	{ width: 100%; }
.q-certificate.personal_deatil_form #additional_training_details_0 { float: right; width: 86%; }
.addCertificate { margin: 10px 0 0 0; padding-bottom: 20px; border-bottom: 1px solid #fff; }
.addCertificate input, .addtraining input { width: 222px !important; padding: 10px 0 !important; font-size: 16px !important; background: #62A395 !important; border-color: #62A395; }
.addtraining input { width: 240px !important; background: #40a279 !important; border-color: #40a279 !important; }
.personal_deatil_form.q-certificate .subtraining:hover input, .personal_deatil_form.q-certificate .subtraining:focus input { border-color: #bc9f6e; }
.personal_deatil_form.q-certificate .subtraining:hover a span { /*background: url(../../images/front/purplecrossimghover.png) no-repeat 0 0;*/ }
.personal_deatil_form.q-certificate .subtraining { position: relative; margin: 0 2% 2% 0; }
.personal_deatil_form.q-certificate .subtraining a span { font-size: 0; /*background: url(../../images/front/crossimg.png) no-repeat 0 0;*/ top: 15px; right: 15px; float: right; width: 15px; height: 15px; position: absolute; }
.personal_deatil_form .q-training .training-upload-filename:hover input, .personal_deatil_form.q-certificate .subtraining:focus input { color: #8b559d; border-color: #8b559d; }
.personal_deatil_form .q-training .training-upload-filename:hover a span { background: url(../../images/front/purplecrossimghover.png) no-repeat 0 0; }
.personal_deatil_form .q-training .training-upload-filename { position: relative; margin: 0 2% 2% 0; }
.personal_deatil_form .q-training .training-upload-filename a span { font-size: 0; background: url(../../images/front/crossimg.png) no-repeat 0 0; top: 15px; right: 15px; float: right; width: 15px; height: 15px; position: absolute; }
.q-certificate div { float: left; width: 78%; margin: 0 0 0 0; }
.personal_right .certificates_details div a { cursor: pointer; float: right; font-size: 16px; padding: 7px 15px; color: #fff; background: #b94a48; border-radius: 7px; margin: 0 0 10px 15px; font-weight: 300;}
.personal_right .certificates_details div .certificate-upload-filename a { font-size: 15px; color: #fff; border-radius: 7px; margin: 0; padding: 0; background: none; }
.tabBtns > a { -webkit-appearance: none; -webkit-border-radius: 0; float: right; width: 190px; text-align: center; padding: 10px 0; background: #fff; border: solid 1px #00add1; border-radius: 7px; cursor: pointer; border-bottom: solid 2px #00add1; font-size: 19px; color: #808080; margin: 0 0 0 20px; }
.tabBtns > a:hover { background: #808080; color: #fff; }
.pinkbtn > a { -webkit-appearance: none; -webkit-border-radius: 0; float: right; width: 190px; text-align: center; padding: 10px 0; background: #fff; border: solid 1px #C64C69; border-radius: 7px; cursor: pointer; border-bottom: solid 2px #C64C69; font-size: 19px; color: #808080; margin: 0 0 0 20px; }
.pinkbtn > a:hover { background: #C64C69; color: #fff; }
.yellowkbtn > a { -webkit-appearance: none; -webkit-border-radius: 0; float: right; width: 190px; text-align: center; padding: 10px 0; background: #fff; border: solid 1px #C6BC00; border-radius: 7px; cursor: pointer; border-bottom: solid 2px #C6BC00; font-size: 19px; color: #808080; margin: 0 0 0 20px; }
.yellowkbtn > a:hover { background: #C6BC00; color: #fff; }
.training_section .q-certificate.personal_deatil_form .sub_training { float: right; width: 87%; margin: 0; }
.training_section .q-certificate .addtraining { float: left; width: 100%; margin: 0; }
.training_section .q-certificate .addtraining input { float: right; font-family: inherit; font-weight: 300; color: #fff;}
.training_section .q-certificate .addtraining input:hover { color: #fff; }
.training_section { float: left; width: 100%; margin: 0 0 30px 0; }
.training_section .q-certificate .training-upload-filename span { margin: 5px 15px 0 0; font-size: 0; background: url(../../images/front/crossimg.png) no-repeat 0 0; float: right; width: 15px; height: 15px; }
.training_section .q-certificate .training-upload-filename { position: relative; float: left; width: 43%; font-size: 13px; color: #808080; box-sizing: border-box; margin: 0 2% 2% 0; background: #fff; padding: 16px 15px; border: solid 1px #c4c4c4; border-radius: 6px; }
.training_section .q-certificate .training-upload-filename:hover { color: #012e58; border-color: #012e58; }
.training_section .q-certificate .training-upload-filename:hover span { background: url(../../images/front/purplecrossimghover.png) no-repeat 0 0; }
.training_section .q-certificate #training_document_upload_status_0 { display: none; }
.training_section .tabBtns input { background: #bc9f6e !important; border-color: #bc9f6e !important; font-size: 16px !important; padding: 10px !important; width: auto !important; border-radius: 4px; font-family:'Sackers Gothic Std' !important; text-transform: lowercase;}
.training_section .tabBtns input:hover, .training_section .tabBtns input:focus { border-color: #8B559D; color: #fff; }
.training_section .training_details div a { position: relative; cursor: pointer; right: 0; background: #8B559D; border-radius: 7px; color: #fff; float: right; font-size: 16px; margin: 0 0 10px 35px; padding: 7px 15px; }
.training_section .training_details div.subtraining a { background: none; position: absolute; }
.training_section .tabBtns { float: right; margin: 0 0 20px; width: 100%; }
.training_section .training_details div.training-upload-filename a { background: none; padding: 0; margin: 0; }
.insurance_section { float: left; width: 100%; margin: 0 0 0 0; padding: 0 0;}
.insurance_section .q-certificate .insurance-upload-filename span { font-size: 0; background: url(../../images/front/crossimg.png) no-repeat 0 0; float: right; width: 15px; height: 15px; }
.insurance_section .q-certificate .insurance-upload-filename { float: left; width: 43%; font-size: 13px; color: #808080; box-sizing: border-box; margin: 0 2% 2% 0; background: #fff; padding: 16px 15px; border: solid 1px #c4c4c4; border-radius: 6px; }
.insurance_section .q-certificate .insurance-upload-filename:hover { color: #012e58; border-color: #012e58; }
.insurance_section .q-certificate .insurance-upload-filename:hover span { background: url(../../images/front/yellocrossimghover.png) no-repeat 0 0; }
.insurance_section .q-certificate #insurance_upload_status { display: none; }
.insurance_section .q-certificate .insDate { margin-top: 10px; }
.barring_service_section { border-bottom: 1px solid #fff; float: left; width: 100%; margin: 0 0 30px 0; }
.barring_service_section.a-p-a 	{ border-bottom: 0px; }
.barring_service_section .q-certificate .barring-upload-filename span { font-size: 0; background: url(../../images/front/crossimg.png) no-repeat 0 0; float: right; width: 15px; height: 15px; }
.barring_service_section .q-certificate .barring-upload-filename { float: left; width: 43%; font-size: 13px; color: #808080; box-sizing: border-box; margin: 2% 2% 0 0; background: #fff; padding: 16px 15px; border: solid 1px #c4c4c4; border-radius: 6px; margin-top: 20px;}
.barring_service_section .q-certificate .barring-upload-filename:hover { color: #012e58; border-color: #012e58; }
.barring_service_section .q-certificate .barring-upload-filename:hover span { background: url(../../images/front/orgcrossimghover.png) no-repeat 0 0; }
.barring_service_section .q-certificate #barring_upload_status { display: none; }
.reference_section .q-certificate .reference-upload-filename span { font-size: 0; background: url(../../images/front/crossimg.png) no-repeat 0 0; float: right; width: 15px; height: 15px; }
.reference_section .q-certificate .reference-upload-filename { float: left; width: 43%; font-size: 13px; color: #808080; box-sizing: border-box; margin: 2% 2% 0 0; background: #fff; padding: 16px 15px; border: solid 1px #c4c4c4; border-radius: 6px; }
.reference_section .q-certificate .reference-upload-filename:hover { color: #012e58; border-color: #012e58; }
.reference_section .q-certificate .reference-upload-filename:hover span { background: url(../../images/front/crossimghover.png) no-repeat 0 0; }
.reference_section .q-certificate #reference_upload_status { display: none; }
.qulifationtop .cv-upload-filename span { font-size: 0; background: url(../../images/front/crossimg.png) no-repeat 0 0; float: right; width: 15px; height: 15px; margin-top: 7px; }
.qulifationtop .cv-upload-filename { float: left; width: 100%; font-size: 18px; color: #808080; box-sizing: border-box; margin: 2% 2% 0 0; background: #fff; padding: 5px 15px; border: solid 1px #c4c4c4; border-radius: 6px; }
.qulifationtop .cv-upload-filename:hover { color: #012e58; border-color: #012e58; }
.qulifationtop .cv-upload-filename:hover span { background: url(../../images/front/crossimghover.png) no-repeat 0 0; }
.qulifationtop #cv_upload_status { display: none; }
.qulifationtop #cv_upload_files { float: left; width: 93%; margin: 0; }
.availabillitypage .xdsoft_datetimepicker { width: 480px; }
.training_record { float: left; width: 100%; position: relative; }
.certificate_section .parsley-error-list, .training_section .parsley-error-list { left: 177px; }
.q-textaera .parsley-error-list { left: 118px !important; }
.reference_section { float: left; width: 100%; padding: 0 0;}
.reference_section .reffralptext p 	{ font-size: 16px; }
.reference_section .q-certificate .uploadDeatil 	{ margin-left: 22% !important; width: 78%; text-align: left;}
.profilediv .personal_right { width: calc(100% - 440px); margin-right: 0; margin-right: 220px; padding-left: 15px;}
.profilediv .welcomepage .signradio .custom-radio { top: 0; }
.myprofile { background: url(../../images/front/dsleftbg.png) repeat-y scroll 0 0 rgb(38, 45, 51); }
.myprofile .mainLeft { min-height: auto; }
.calenderdivouter { float: left; width: 100%; }
.profilediv .treatmentpage .inexchkboxyellow div, .profilediv .treatmentpage .inexchkboxorg div, .profilediv .treatmentpage .inexchkboxsky div, .profilediv .treatmentpage .inexchkboxpurple div, .profilediv .treatmentpage .inexchkboxgreen div, .profilediv .treatmentpage .inexchkboxpink div { width: 19.9%; }
.profilediv .q-certificate .ajax-upload-dragdrop { width: auto; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300; color: #fff; min-height: 80px;}
.profilediv .ajax-upload-dragdrop > span { float: left; position: relative; text-align: center; top: -43px; width: 100%; }
.profilediv .qulifationtop .upload { left: -240px; }
.profilediv .qulifationtop .q-uploaimg p { float: left; width: 200px; left: -224px; }
.profilediv .training_section .q-certificate .training-upload-filename { font-size: 15px; }
.profilediv .q-certificate .certificate-upload-filename { width: 56%; }
.profilediv .availbilityradio li.chkboxavilability { width: 80%; }
.profilediv .qulification_page .personal_right { width: 763px; }
.profilediv .qulification_page .personal_left { width: 170px; }
#tab-f .xdsoft_datetimepicker .xdsoft_label, #tab-f .xdsoft_datetimepicker .xdsoft_calendar td:hover, #tab-f .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { background: none !important; }
#tab-f .xdsoft_datetimepicker .xdsoft_calendar td, #tab-f .xdsoft_datetimepicker .xdsoft_calendar th { border: none; }
#tab-f .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, #tab-f .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, #tab-f .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { box-shadow: none; }
#tab-f .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { font-size: 20px; }
.profilediv .qulifationtop #cv_upload_files { margin: 0; width: 100%; }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { background: none repeat scroll 0 0 rgb(245, 245, 245) !important; border: medium none !important; border-collapse: collapse; color: #000 !important; cursor: pointer; font-size: 12px; height: auto !important; line-height: normal !important; text-align: center; top: 0 !important; padding: 0 !important; }
.profilediv .qulifationtop .cv-upload-filename { width: 92%; }
.termsCondition .parsley-error-list, .smartphone_options .parsley-error-list { left: 0; position: absolute; top: 35px; }
.termsCondition li:nth-child(2) span.bgspan { background: #62a395; }
.termsCondition li:nth-child(3) span.bgspan { background: #d08c5b; }
.termsCondition li:nth-child(4) span.bgspan { background: #c6bc00; }
.termsCondition li:nth-child(5) span.bgspan { background: #c64c69; }
.termsCondition li:nth-child(6) span.bgspan { background: #00add1; }
.termsCondition li:nth-child(7) span.bgspan { background: #8b559d; }
.termsCondition li:nth-child(8) span.bgspan { background: #62a395; }
.termsCondition li:nth-child(9) span.bgspan { background: #d08c5b; }
.termsCondition li:nth-child(10) span.bgspan { background: #c6bc00; }
.thakyoupage { float: left; width: 100%; text-align: center; }
.thakyoupage { float: left; width: 100%; text-align: center; height: 656px; background: url(../../images/front/BlurredBackgroun.jpg) no-repeat 0 0; background-size: 100% 100%; }
.thakyoupage h1 { float: left; width: 100%; font-size: 60px; color: #fff; }
.thakyoupage p { float: left; width: 100%; font-size: 22px; color: #fff; }
.thnklogo { float: left; width: 100%; text-align: center; margin: 50px 0; }

 @media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Chrome */
	.availbilityradio .custom-radio { top: -15px !important; }
	.xdsoft_datetimepicker { height: auto; width: auto; }
	/* Safari only override */
	::i-block-chrome, .availbilityradio .custom-radio {
		top:2px !important;
	}
	::i-block-chrome, .xdsoft_datetimepicker {
		width:auto;
	}
	::i-block-chrome, .caldate {
		bottom:-474px;
		padding:23px 0;
		background:#8B559D;
	}
	::i-block-chrome, .availabillitypage .xdsoft_datetimepicker {
		height:403px;
	}
	#uploaded_photo { font-size: 17px; color: rgb(198, 76, 105); float: left; width: 100%; text-align: center; }
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { color: rgb(0, 0, 0); font-size: 13px; padding: 2px 10px 2px 5px; text-align: left; }
.select-style { padding: 0; margin: 0; width: 100%; overflow: hidden; }
.select-style select { padding: 13px 8px; width: 100%; box-shadow: none; background-color: transparent; /*-webkit-appearance: none; -moz-appearance: none; appearance: none;*/ font-size: 15px;color: #fff; border: none; border-bottom: 1px solid #bc9f6e; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.select-style select option { color: #000;}
.select-style select:focus { outline: none; }
.xdsoft_time_box.xdsoft_scroller_box { position: relative; top: 7px; left: 0; }
.avail_class .xdsoft_time_box.xdsoft_scroller_box { position: relative; top: 7px; left: 0; }
.morecontent p { margin-bottom: 15px; }
.ui-datepicker { background: #8B559D; }
.termsbtn a { padding: 11px 0 !important; }
.custom-upload { background: #bc9f6e; border-radius: 3px; cursor: pointer; color: #fff; padding: 12px 0;text-align: center; font-size: 14px; margin: 30px 0 0 0; float: left; width: 100%; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.certificate_section .ajax-upload-dragdrop > span, .training_details .ajax-upload-dragdrop > span, .insurance_section .ajax-upload-dragdrop > span, .barring_service_section .ajax-upload-dragdrop > span, .reference_section .ajax-upload-dragdrop > span { float: left; left: 0; margin: 0; padding: 0; position: absolute; text-align: center; top: 20px; width: 100%; }
.white_content_big { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 96%; max-width: 440px; max-height: 603px; margin: auto; padding: 0px 0 15px 0; background-color: #fff; z-index: 1002; overflow: auto; border-radius: 22px; box-sizing: border-box; text-align: center; }
.white_content_big .modal-content .modal-body 	{ width: 100%; float: left; padding: 0 15px; }
.white_content_big h2 { background: #012e58; float: left; width: 100%; position: relative; text-align: center; font-size: 24px; color: #fff; border-bottom: solid 1px #000; padding: 12px 0; line-height: 24px; margin-bottom: 12px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.white_content_big p { float: left; width: 100%; box-sizing: border-box; text-align: center; font-size: 15px; color: #333; margin-bottom: 12px; padding: 0 30px; }
.white_content_big input.inputtext { color: #afafaf; font-size: 25px; font-weight: bold; height: 42px; border: solid 1px #afafaf; border-radius: 30px; padding: 0 15px; width: 153px; box-sizing: border-box; }
.white_content_big input.btn { color: #fff; font-size: 18px; font-weight: bold; height: 42px; border-radius: 9px; padding: 0 15px; width: 190px; box-sizing: border-box; background: #00add1; border: none; margin: 18px 0 0 0; }
.white_content_big > a { position: absolute; right: 15px; top: 15px; background: url(../../images/front/admin/new/closeIcon.png) no-repeat 0 0; font-size: 0; width: 22px; height: 22px; }
.main h4 { font-weight: bold; }
/*komal css add*/
ul.toppart { float: left; width: 100%; margin: 20px 0 0 0;}
ul.toppart li { float: left; margin: 0 10px 10px 0; width: 20%; color: #bc9f6e; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
ul.toppart li .inputdate { border: none; border-bottom: 1px solid #bc9f6e; border-radius:0; height: 36px; padding: 6px 2%; width: 96%; color: #fff; background: transparent url(../../images/front/new/datepickericon.png) no-repeat 98% center; background-size: 20px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
ul.toppart li .inputdate_btn { border: none; border-radius:6px; background: #bc9f6e; color: #fff; height: 37px; padding: 5px; width: 80px; margin-right: 5px; cursor: pointer; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
ul.toppart li .inputdate_btn:hover { background: #bc9f6e; color: #fff; }
ul.toppart li.inp_btn { margin-top: 21px; width: 176px; }
/*komal css add*/
ul.toppart .yearblock {float:left}
ul.toppart .yearblock {margin-right:2%;}
.mymoney div {width:auto !important;}
.mymoney div select {width:100% !important; padding:10px !important;}
.mymoney .yearblock label 	{ color: #bc9f6e; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}

ul.toppart .yearblock .inputdate_btn { border-radius:6px; background: #bc9f6e; color: #fff; border: none; padding: 9px 5px; line-height:18px; width: 100%; margin-right: 5px; cursor: pointer; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
ul.toppart .yearblock.mrgsearch {margin-top:22px;}
.table-responsive {margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden; width: 100%;}

.top-box-set.dashboard-content { width: 100%; float: left; padding: 20px 0 0 0; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.top-box-set.dashboard-content .d-c-title 	{ width: 100%; float: left; color: #fff; margin-bottom: 20px;}
.dashboard-content .top-box { box-sizing: border-box; float: left; padding: 0 10px; width: 33.33%; margin-bottom: 20px;}
.dashboard-content .top-box .top-box-inner { width: 100%; float: left; font-size: 15px; padding: 10px; border-radius: 10px; border: 1px solid #fff;}
.dashboard-content .booking_dtl 	{ border-bottom: 1px solid #bc9f6e; }
.dashboard-content .booking_dtl:last-child 	{ margin-bottom: 0px; border: none; padding-bottom: 0px;}
.dashboard-content .booking_dtl label 	{ width: auto; color: #bc9f6e; font-size: 16px;}
.dashboard-content .booking_dtl span 	{ width: auto; float: left; color: #fff; font-size: 16px; font-family: 'Montserrat', sans-serif; text-transform: none; line-height: 25px; margin-left: 5px;}

/*thank you page css add*/
.thanx-main { width: 600px; margin: 0 auto; height: auto; margin: 0 auto; padding: 0; background: #fff; overflow: hidden; }
.top-color { margin: 0; padding: 0; width: 100%; float: left; }
.top-color ul { margin: 0; padding: 0; list-style: none; }
.top-color ul li { width: 16.6%; float: left; }
.top-color ul li:first-child { border-top: 5px solid #00add1; }
.top-color ul li:first-child { border-top: 5px solid #c6bc0e; }
.top-color ul li:nth-child(2) { border-top: 5px solid #8b559e; }
.top-color ul li:nth-child(3) { border-top: 5px solid #00add2; }
.top-color ul li:nth-child(4) { border-top: 5px solid #d08d5b; }
.top-color ul li:nth-child(5) { border-top: 5px solid #62a396; }
.top-color ul li:nth-child(6) { border-top: 5px solid #c74e6a; width: 17%; }
.thnx-logo { background: #666; height: auto; text-align: center; padding: 15px; width: 100%; float: left; }
.main-txt { margin: 0; padding: 0; width: 100%; float: left; }
.main-txt h1 { color: #808080; font-size: 28px; text-align: center;font-weight: bold; border-bottom: 1px solid #666; width: 50%; margin: 0 auto; }
.brd-bottom { background: #c74e6a none repeat scroll 0 0; height: 3px; margin: 0 auto; position: relative; right: 71px; top: -2px; width: 46px; }
.main-txt p { color: #808080; font-size: 20px; text-align: center;}
.main-txt p a { color: #007de7; }
.con-box-main { width: 100%; margin: 15px 0 0 0; padding: 0; float: left; }
.con-box-left { width: 50%; margin: 0; padding: 0; float: left; }
.con-box-right { width: 50%; margin: 0; padding: 0; float: left; }
.left-txt { float: left; width: 50%; }
.left-img { float: left; width: 50%; }
.left-txt h2 { background: #00add2 none repeat scroll 0 0; border-bottom: 2px solid #cccccc; color: #ffffff; font-size: 18px; font-weight: normal; padding: 0 0 0 10px; text-transform: uppercase; }
.left-txt > ul { background: #00add2 none repeat scroll 0 0; list-style: outside none none; padding: 10px 0 10px 10px; min-height: 103px; }
.left-txt ul li a { color: #ffffff; display: block;font-size: 11px; font-weight: normal; letter-spacing: 0; line-height: 12px; text-decoration: none; text-transform: uppercase; }
.beauty-txt { float: left; width: 50%; }
.beauty-img { float: left; width: 50%; }
.beauty-txt h2 { background: #c74e6a none repeat scroll 0 0; border-bottom: 2px solid #cccccc; color: #ffffff; font-size: 18px; font-weight: normal; padding: 0 0 0 10px; text-transform: uppercase; }
.beauty-txt > ul { background: #c74e6a none repeat scroll 0 0; list-style: outside none none; padding: 5px 0 0 10px; min-height: 124px; }
.beauty-txt ul li a { color: #ffffff; display: block;font-size: 11px; font-weight: normal; letter-spacing: 0; line-height: 12px; text-decoration: none; text-transform: uppercase; }
/*********/
.make-up-txt { float: left; width: 50%; }
.make-up-img { float: left; width: 50%; }
.make-up-txt h2 { background: #d08d5b none repeat scroll 0 0; border-bottom: 2px solid #cccccc; color: #ffffff; font-size: 18px; font-weight: normal; padding: 0 0 0 10px; text-transform: uppercase; }
.make-up-txt > ul { background: #d08d5b none repeat scroll 0 0; list-style: outside none none; padding: 5px 0 0 10px; min-height: 123px; }
.make-up-txt ul li a { color: #ffffff; display: block;font-size: 11px; font-weight: normal; letter-spacing: 0; line-height: 12px; text-decoration: none; text-transform: uppercase; }
/*********/
.hairdressing-txt { float: left; width: 50%; }
.hairdressing-img { float: left; width: 50%; }
.hairdressing-txt h2 { background: #c6bc0e none repeat scroll 0 0; border-bottom: 2px solid #cccccc; color: #ffffff; font-size: 18px; font-weight: normal; padding: 0 0 0 10px; text-transform: uppercase; }
.hairdressing-txt > ul { background: #c6bc0e none repeat scroll 0 0; list-style: outside none none; padding: 5px 0 0 10px; min-height: 103px; }
.hairdressing-txt ul li a { color: #ffffff; display: block;font-size: 11px; font-weight: normal; letter-spacing: 0; line-height: 12px; text-decoration: none; text-transform: uppercase; }
/*********/
.wellebeing-txt { float: left; width: 50%; }
.wellebeing-img { float: left; width: 50%; }
.wellebeing-txt h2 { background: #9675b4 none repeat scroll 0 0; border-bottom: 2px solid #cccccc; color: #ffffff; font-size: 18px; font-weight: normal; padding: 0 0 0 10px; text-transform: uppercase; }
.wellebeing-txt > ul { background: #9675b4 none repeat scroll 0 0; list-style: outside none none; padding: 5px 0 0 10px; min-height: 103px; }
.wellebeing-txt ul li a { color: #ffffff; display: block;font-size: 11px; font-weight: normal; letter-spacing: 0; line-height: 12px; text-decoration: none; text-transform: uppercase; }
/*********/
.personal-training-txt { float: left; width: 50%; }
.personal-training-img { float: left; width: 50%; }
.personal-training-txt h2 { background: #76afa3 none repeat scroll 0 0; border-bottom: 2px solid #cccccc; color: #ffffff; font-size: 18px; font-weight: normal; padding: 0 0 0 10px; text-transform: uppercase; }
.personal-training-txt > ul { background: #76afa3 none repeat scroll 0 0; list-style: outside none none; padding: 5px 0 0 10px; min-height: 103px; }
.personal-training-txt ul li a { color: #ffffff; display: block;font-size: 11px; font-weight: normal; letter-spacing: 0; line-height: 12px; text-decoration: none; text-transform: uppercase; }
/**********/
.beauty-img img { float: right; }
.wellebeing-img img { float: right; }
.personal-training-img img { float: right; }
.footer-bg { width: 100%; background: #666; margin: 0; padding: 0; float: left; }
.footer-left { background: #474747; width: 30%; float: left; }
.footer-right { background: #666; width: 70%; float: left; }
.footer-left > p { color: #ffffff; font-size: 20px; padding: 7.5px 0; text-align: center; }
.footer-right > p { color: #ffffff; font-size: 20px; padding: 10px 0; text-align: center; }
.footer-left p span { margin: 0 5px 0 0; position: relative; top: 5px; }
.footer-left p a, .footer-right p a { color: #ffffff; text-decoration: none; }
/*======= Tharapist css start here  ========*/
label { line-height: 18px; font-size: 16px; }
.table-responsive { min-height: 0.01%; overflow-x: auto; }
.tharamrg { margin-top: 20px; }
.contmrg1 { padding-left: 54px; }
.conttextarea { border: #c4c4c4 solid 1px; color: #808080; font-size: 15px; padding: 5px 1%; width: 98%; border-radius: 5px; }
.conttextarea1 { border: #c4c4c4 solid 1px;  font-size: 15px; padding: 5px 15px; width: 100%; border-radius: 5px; }

.conttabBtns { float: left !important; margin: 30px 20px 35px 0 !important; width: auto; }
.conttabBtns input { margin-left: 0px !important; float: left !important; }
.brdnone img { height: 20px; width: 20px; }

/*======= Tharapist css start here  ========*/
.qualififcationsnew .q-uploaimg .ajax-upload-dragdrop 	{ position: relative; }
.qualififcationsnew .q-uploaimg .ajax-upload-dragdrop span 	{ width: 100%; float: left; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.qualififcationsnew .personal_left { width: 139px !important; }
.qualififcationsnew { width: 100%; }
.qualififcationsnew #cv_upload_files { width: 30%; margin-left: 0 !important; float: right;}
.qualififcationsnew .cv-upload-filename { /*width: 40% !important; */}
.qualififcationsnew .q-certificate .upload 	{ float: right; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.qualififcationsnew .q-uploaimg { width: 100%;}
.qualififcationsnew .q-uploaimg .ajax-upload-dragdrop { width: 30% !important;}
.qualififcationsnew .q-uploaimg div { display: inline-block;}
.qualififcationsnew .ajax-upload-dragdrop { left: 0; margin: 0 0 0 0 !important; }
.qualififcationsnew .insurance_section .ajax-upload-dragdrop { left: 0; margin: 0 0 0 0 !important; }
.qualififcationsnew .training_section .ajax-upload-dragdrop { left: 0px; margin: 0 0 0 0 !important; }
.qualififcationsnew .barring_service_section .ajax-upload-dragdrop { left: 0px; margin: 0 0 0 0 !important; }
.qualififcationsnew .reference_section .ajax-upload-dragdrop { left: 0; margin: 0 0 0 0 !important; }
.qualififcationsnew .ajax-upload-dragdrop:nth-child(3) { margin-left: 163px !important; margin-top: 10px !important; }
.qualififcationsnew .ajax-upload-dragdrop:nth-child(4) { margin-left: 163px !important; margin-top: 10px !important; }
.qualififcationsnew .ajax-upload-dragdrop:nth-child(5) { margin-left: 163px !important; margin-top: 10px !important; }
.qualififcationsnew .ajax-upload-dragdrop:nth-child(6) { margin-left: 163px !important; margin-top: 10px !important; }
.qualififcationsnew .ajax-upload-dragdrop:nth-child(7) { margin-left: 163px !important; margin-top: 10px !important; }
.qualififcationsnew .ajax-upload-dragdrop:nth-child(8) { margin-left: 163px !important; margin-top: 10px !important; }
.qualififcationsnew .ajax-upload-dragdrop:nth-child(9) { margin-left: 163px !important; margin-top: 10px !important; }
.qualififcationsnew .ajax-upload-dragdrop:nth-child(10) { margin-left: 163px !important; margin-top: 10px !important; }
.qualififcationsnew .ajax-upload-dragdrop:nth-child(11) { margin-left: 163px !important; margin-top: 10px !important; }
.qualififcationsnew .q-toptitle { margin-right: 40px; }
.qualififcationsnew .q-uploaimg .ajax-upload-dragdrop .upload { float: right; right: 100%; top: 2px; width: 60% !important; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.qualififcationsnew .upload { top: 0px;}
.qualififcationsnew .q-uploaimg p { top: -65px; }
.qualififcationsnew .personal_right { margin-right: 0px !important; padding: 30px 0; }
.qualififcationsnew .qulificationform { margin: 0 0 15px 0 !important; width: 100%; }
.qualififcationsnew .symboldiv { margin-bottom: 20px;}
.symboldiv.massage span 	{ color: #bc9f6e; }
.symboldiv.massage label span 	{ margin: 0 5px; cursor: pointer;}
.qualififcationsnew label { float: left; width: 20% !important; margin-right: 2%; line-height: 18px; text-align: left; }
.qualififcationsnew p { width: 78%; float: right !important; margin: 10px 0 0 0; }
.qualififcationsnew textarea { width: 78%; float: left; }
.qualififcationsnew .q-certificate { width: 100%; margin: 0px !important; }
.qualififcationsnew .insDate { width: 78%; float: right; margin: 0px; }
.qualififcationsnew .insDate .leftDate label { width: 100% !important; }
.qualififcationsnew .insDate .leftDate { width: 48%; }
.qualififcationsnew .leftDate input { width: 100% !important; }
.qualififcationsnew .insurance_section .q-certificate .insurance-upload-filename { width: 62%; }
.qualififcationsnew .select-style select { width: 78%; float: left; padding: 15px 8px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.qualififcationsnew .select-style option { width: 500px; padding: 5px 10px; }
.qualififcationsnew .training_section .tabBtns { margin-top: 10px; }
.qualififcationsnew .sub_training { width: 78% !important; }
.qualififcationsnew .sub_training a { height: 20px; margin: 0 !important; padding: 0 !important; position: absolute; width: 40px; }
.qualififcationsnew .sub_training a span { left: -24px; top: 20px !important; }
.qualififcationsnew .addtraining input { float: right !important; }
.qualififcationsnew .reffralptext { margin: 0px !important; }
.qualififcationsnew .cert_up_files { width: 78%; float: right; margin: 10px 0 0 0 !important; }
.qualififcationsnew .cert_up_files .certificate-upload-filename { width: 62%; }
.qualififcationsnew #insurance_upload_files { width: 78%; float: right; margin: 10px 0 0 0; }
.qualififcationsnew #covid_document_upload_files { width: 78%; float: right; margin: 10px 0 0 0; }
.qualififcationsnew #reference_upload_files { width: 78%; float: right; margin: 0px; }
.qualififcationsnew #reference_upload_files .reference-upload-filename { width: 61%; }
.qualififcationsnew .personal_right .reference_section .reffralptext p { line-height: 20px; margin-bottom: 20px; font-weight: 300; width: 100% !important;}
.qualififcationsnew .personal_deatil_form { float: left; margin: 10px 0 !important; width: 100%; }
.qualififcationsnew a { margin: 10px 0 !important; cursor: pointer;}
.qualififcationsnew .personal_deatil_form input { width: 78%; margin-left: 0px; }
.qualififcationsnew .additional_training_details_0 .subtraining input { float: left; }
.qualififcationsnew #button_submit_group { margin: 10px 0 !important }
.qualififcationsnew #button_submit_group input { float: right; margin: 10px 0 !important; padding: 10px; width: auto !important; }
.qualififcationsnew .q-certificate { float: left; margin: 0 0 10px 0 !important; width: 100%; }
.qualififcationsnew .qualififcationsnew .tabBtns input { width: 180px !important; }
.certificate_section .ajax-upload-dragdrop > span, .training_details .ajax-upload-dragdrop > span, .insurance_section .ajax-upload-dragdrop > span, .barring_service_section .ajax-upload-dragdrop > span, .reference_section .ajax-upload-dragdrop > span { top: 20px; }
.qualififcationsnew .q-uploaimg .fileupload { margin-top: 70px; width: 30% !important; font-size: 15px; margin-right: 40px; color: #fff; text-align: center;}
.qualififcationsnew #training_document_upload_files_0 { margin-left: 0px; width: 81%; float: right; }
.qualififcationsnew .training-upload-filename { width: 62% !important; }
.qualififcationsnew #barring_upload_files { margin-left: 0px; width: 78%; float: right; }
.qualififcationsnew .barring-upload-filename { width: 62% !important; }
.top-box-left { float: left; width: 48%; color:#444; line-height:30px;}
.top-box-right { width: 46%; float: right; line-height:30px;}
.booking_dtl {float:left; width:100%; margin-bottom:5px; padding-bottom: 5px;}
.booking_dtl label { float: left; width: 48%; font-size:16px; color:#444; line-height:18px; margin-right:2%;}
.booking_dtl span { width: 46%; float: right; font-size:16px; line-height:18px;}
.side {background: #262d33 url(../../images/front/admin/dsleftbg.png) repeat-y 0 0; background-position:-1px;}
           
@media (max-width:2560px) {
	.side {background: #262d33 url(../../images/front/admin/dsleftbg.png) repeat-y 0 0; background-position:-1px;}
}
@media (max-width: 1280px) {
	.beauty_main.jqtransformdone .beauty_main_box { width: 20.6% !important; }
}
 @media (max-width:1024px) {
	.registercontentbg { width: 85%; }
	.admincontentbg { width: 85%; }
	.loginpic { width: 50%; }
	.loginpic img { width: 100%; }
	.side {background: #262d33 url(../../images/front/admin/dsleftbg.png) repeat-y 0 0; background-position:-18px;}
	.beauty_main.jqtransformdone .beauty_main_box { width: 26.9% !important; }
}
 @media (max-width:980px) {
	.loginpic { width: 50%; }
	.loginpic img { width: 100%; }
	.loginRight { float: right; width: 275px; }
	.dashbrTitle {min-height:50px; padding:10px 5px; }
	.side {background: #262d33 url(../../images/front/admin/dsleftbg.png) repeat-y 0 0; background-position:-20px; }
	.beauty_main.jqtransformdone .beauty_main_box { width: 25.9% !important; }
	.beauty_main.jqtransformdone .beauty_main_box .tool_span input {margin:2px;}
}

@media (max-width:768px) {
	.side {background: #262d33 url(../../images/front/admin/dsleftbg.png) repeat-y 0 0; background-position:-31px; }
}
@media (max-width:767px) {
	#logo img { width: auto; }
	.loginRightcontent h3 	{ font-size: 20px; }
	.registercontentbg { width: 90%; padding: 25px 5%; margin: 5% 5%; display: inline-block; }
	.loginRight_register { width: 100%; }
	.loginRightcontent div input { padding: 0 20px 0 45px;}
	.loginRightcontent div input.first_name { background-position: 10px 10px; }
	.loginRightcontent div input.last_name { background-position: 10px 10px; }
	.loginRightcontent div input.username { background-position: 10px 10px; }
	.loginRightcontent div input.password { background-position: 10px 10px; }
	.loginRightcontent div input.wordicon { background-position: 10px 10px; padding: 0 0 0 45px; width: 85px; }
	.loginRightcontent div input.telephone { background-position: 85px 12px; padding-right: 10px; }
	.loginRightcontent div input.cv_files { background-position: 10px 7px; }
	.loginRightcontent div .telemrg { padding-left: 117px; }
	.loginpic { width: 100%; margin-top: 25px; }
	.loginpic img { width: 100%; }
	.admincontentbg { width: 90%; margin: 5% 5%; padding: 4%; }
	.admincontentbg { float: left; position: relative; top: 0%; transform: translateY(0%); }
	.copyright { position: relative; }
	.loginRightcontent div input { height: 43px; }
	.loginRightcontent div input.wordicon { height: 41px; }
	.loginRightcontent div input.username { background-position: 13px 12px; }
	.loginRightcontent div input.password { background-position: 11px 10px; }
	.loginRightcontent div input.login { -webkit-appearance: caret; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	.loginRightcontent div input.cv_files { background-position: 10px 2px; }
	.loginRightcontent .mbbrowser { margin-top: 5px; }
	.loginRightcontent .cv_filesbg { padding: 7px 0; }
	.beauty_main.jqtransformdone .beauty_main_box { margin-left:0; width: 100% !important; }
}

.Pound_sterling {font-family:Arial, Helvetica, sans-serif }

.barring_service_section .q-certificate .passport-upload-filename span { font-size: 0; background: url(../../images/front/crossimg.png) no-repeat 0 5px; float: right; width: 15px; height: 22px; }
.barring_service_section .q-certificate .passport-upload-filename { float: left; width: 43%; font-size: 13px; color: #a6a6a6; box-sizing: border-box; margin: 2% 2% 0 0; background: #fff; padding: 5px 15px; border: solid 1px #c4c4c4; border-radius: 6px; }
.barring_service_section .q-certificate .passport-upload-filename:hover { color: #012e58; border-color: #012e58; }
.qualififcationsnew .passport-upload-filename { width: 70% !important; }

.barring_service_section .q-certificate .eu_document_upload_filename span { font-size: 0; background: url(../../images/front/crossimg.png) no-repeat 0 5px; float: right; width: 15px; height: 22px; }
.barring_service_section .q-certificate .eu_document_upload_filename { float: left; width: 43%; font-size: 13px; color: #a6a6a6; box-sizing: border-box; margin: 2% 2% 0 0; background: #fff; padding: 5px 15px; border: solid 1px #c4c4c4; border-radius: 6px; }
.barring_service_section .q-certificate .eu_document_upload_filename:hover { color: #012e58; border-color: #012e58; }
.qualififcationsnew .eu_document_upload_filename { width: 70% !important; }

/*.q-passport h2 { float: left; width: 100%; background: url(../../images/front/new/passport_symbol.png) no-repeat 0 center; font-size: 24px; color: #fff; padding: 0 0 0 145px; box-sizing: border-box; line-height: 80px; margin-top: 20px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.q-passport h2 span { position: relative; width: 25px; background: url(../../images/front/title-right-brdr.png) no-repeat top right; height: 12px; display: inline-block; margin: 0 0 0 20px;}*/
.bdr { border-bottom: none !important; }

/* AR479-22/09/2018-Theme color change */

.tharapistnav .adminlogo img  { max-height: 50px; min-height: 50px;}
.side 	{ /*background: #00172c; min-height: 100vh;*/ width: 100%; float: left; background: transparent;}
.dashbrTitle 	{ min-height: 84px; background: #012e58; color: #fff; font-weight: 200;}
.welcometextcotent { border: 0 solid #fff; background: #00172c; color: #aa956c;}
.dsmenu li a .right span 	{ color: #fff; }
.dsmenu li.active a .right span 	{ color: #bc9f6e; }
.dsmenu li a:hover .right span 	{ color: #bc9f6e; }
.dashbrTitle .adminlogo 	{ position: relative; }
.dashbrTitle .adminlogo a img 	{ max-height: 60px; width: auto;}
.upload form input 	{ width: 100% !important; height: 50px !important;}
.training_details .q-certificate .upload:hover { box-shadow: none; background: #bc9f6e; }
.certificates_details .q-certificate .upload:hover { box-shadow: none; background: #bc9f6e; }
.barring_service_section .q-certificate .upload:hover { box-shadow: none; background: #bc9f6e; }
.reference_section .q-certificate .upload:hover { box-shadow: none; background: #bc9f6e; }
.registercontentbg .adminNewLogo { max-height: 100px;}
.adminNewLogo.login 	{ max-height: 100px; }
.loginRightcontent.login_form div.btniputs, .loginRightcontent.login_form div.signup 	{ width: 48%; margin: 0 2% 0 0;}
.loginRightcontent.login_form div.signup 	{ margin-right: 0px; float: right;}
.forgot.loginRightcontent .forgotpv .btniputs 	{ text-align: center; }
.loginRightcontent.login_form div.signup span 	{ color: #fff; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.availabillitypage.my_calendar_page 	{ margin-top: 20px; }
.availbilityradio1 	{ text-align: left;}
.availbilityradio1 .smartphone_options 	{ float: none; display: inline-block; margin-bottom: 20px;}

/* login input change */
.loginRightcontent div input 	{ background: transparent !important; border: none; border-bottom: 1px solid #bc9f6e; border-radius: 0px; padding: 0px; color: #fff;}
.loginRightcontent div input::placeholder 		{ color: #fff; opacity: 1;}
.loginRightcontent div input:focus 	{ border: 0px; box-shadow: none; border-bottom: 1px solid #bc9f6e;}
.loginRightcontent div input.wordicon 	{ padding-left: 0px; width: 60px;}
.loginRightcontent div .telemrg 	{ padding-left: 60px; }
.loginRightcontent div input.wordicon:focus 	{ border-bottom: 0px; }
.loginRightcontent .file-upload 	{ margin-left: 0px; background: #bc9f6e; border-color: #bc9f6e; color: #fff; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}

.loginRightcontent .inputbtn 	{ padding-left: 0px !important; }
.loginRightcontent .file-upload input.upload 	{ left: 0px; width: auto; cursor: pointer;}
/* login input change */

.availbilityradio1 li label 	{ font-weight: 300; color: #fff !important;}
.moretext 	{ margin-top: 10px;}
.moretext .moretextIcon 	{ display: none; }
.bgdiv.contactPage 	{ /*border-left: 1px solid #bc9f6e; margin-top: 20px;*/}
.contactPage .personal_deatil_page .personal_deatil_form label 	{ color: #bc9f6e; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}

.dashboard-top 	{ width: 100%; float: left; margin: 10px 0; }
.dashboard-current-date 	{ width: 100%; float: left; padding: 0 0 10px 0; color: #fff; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.dashboard-current-date span.day 	{ font-size: 25px;}
.dashboard-current-date .date 	{ font-size: 60px; font-family: 'Montserrat', sans-serif; font-weight: 100; text-transform: none;}
.dashboard-current-date .month 	{ font-size: 25px;}
.dashboard-top .made_balance 	{ width: 80%; float: none; display: inline-block; background: #00172c; padding: 15px 0; border-radius: 10px;}
.made_balance .col_md_6 	{ width: 50%; float: left; padding: 0 15px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300; color: #fff;}
.made_balance .col_md_6.left 	{ border-right: 1px solid #aa956c; }
.made_balance .col_md_6 span 	{ font-size: 20px; margin-bottom: 10px; width: 100%; float: left;}
.made_balance .col_md_6 label 	{ font-size: 30px; color: #aa956c; line-height: normal; font-weight: 300; font-family: 'Montserrat', sans-serif;}
.made_balance .col_md_6 p 		{ font-size: 20px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300; width: 100%; float: left; margin-top: 5px;}
.made_balance .dashboard_my_money 	{ width: 100%; float: left; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300; color: #fff; padding: 20px 0 10px 0;}
.made_balance .dashboard_my_money a 	{ color: #aa956c !important; }

.qulification_page .q-certificate 	{ padding-bottom: 20px; padding-top: 20px;}
.qulification_page .q-certificate .ajax-upload-dragdrop 	{ position: relative; }
.qulification_page .q-certificate .ajax-upload-dragdrop span 	{ width: 100%; float: left; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.qualififcationsnew .personal_right 	{ width: 100%; }
.treatmentpage .bgdiv 	{/* border-left: solid 1px #bc9f6e;*/}
.ui-datepicker-title span, .calendarbox .ui-datepicker-calendar, .calendarbox .caldate, .calendarbox .ui-datepicker-calendar a { font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.calendarbox .ui-datepicker-calendar th 	{ font-weight: 300; }
.calendarbox .caldate 	{ font-size: 15px; }
.personal_deatil_form div select 	{ font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; border-radius: 0px;}
.personal_deatil_form div select:focus 	{ outline: none; }
.personal_deatil_form div select option 	{ font-weight: 300; }
.personal_deatil_form .conttextarea1 	{ font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300; }

/*.personal_deatil_form div select:before 	{ content: ""; position: absolute; bottom: 0px; right: 0px;
background: url(../../images/front/calanderrightaerrow.png) no-repeat;
}*/

.custom-dropdown select 	{ min-width: 120px; }
.custom-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.custom-dropdown::before,
.custom-dropdown::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.custom-dropdown::after {
  content: "\25BA";
  height: 0.5em;
  font-size: 10px;
  line-height: 1;
  right: 0px;
  top: 50%;
  margin-top: -.5em;
  transform: rotate(90deg);
}
.custom-dropdown::after {
  color: #fff;
}
.personal_deatil_form .custom-dropdown.w78 	{ width: 78%; }
.personal_deatil_form .custom-dropdown.w78 .accreditation_select 	{ width: 100%; }

.toggleIcon 	{ width: auto; float: left; cursor: pointer; position: relative;}
.toggleIcon .toggleHideShow 	{ width: 35px; float: left; height: 20px; background: url(../../images/front/toggleIcon.png) no-repeat; background-size: cover; position: absolute; top: 33px; right: 40px; z-index: 9;}
.toggleMenu .toggleIcon .toggleHideShow 	{ right: auto; left: 0; transform: rotate(180deg);}
.toggleMenu .mainLeft 	{ width: 70px; }
.toggleMenu .mainLeft .dsmenu li a .left 	{ width: 100%; }
.toggleMenu .mainRight 	{ width: calc(100% - 70px); }
.toggleMenu .dsmenu li 	{ transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
.toggleMenu .dsmenu li a .right 	{ width: auto; position: absolute; display: table;}
.toggleMenu .dsmenu li a .right span 	{ width: auto; display: none;}
.toggleMenu .dsmenu li a .right span img 	{ display: none; }
.toggleMenu .mainLeft .dsmenu li:hover 	{ background: #bc9f6e;}
.toggleMenu .mainLeft .dsmenu li:hover .left 	{ background: transparent; }
.toggleMenu .mainLeft .dsmenu li.menutext .right span 	{ display: block; color: #fff; width: 70px; padding: 0 3px 0 1px; text-align: center; display: table-cell; vertical-align: middle; font-size: 10px;}



.availabillitypage .container 	{ width: 100%; }
.upload_error_msg  	{ color: #fff; font-size: 14px; text-align: left; float: left; width: 100%; margin-bottom: 10px; font-weight: 300;}
.parsley-error-list .required 	{ font-weight: 300; }
.custom-pagination 	{ width: 100%; float: left; text-align: center; margin-bottom: 20px;}
.custom-pagination .float-center 	{ float: none; display: inline-block; }
.custom-pagination .paginclass_A, .custom-pagination .paginclass_active 	{ border-radius: 50%; font-weight: 300; margin: 0 5px; width: 40px; height: 40px; line-height: 28px !important;}
.custom-pagination .dataTables_paginate .paginclass_active 	{ background-color: #bc9f6e; border-color: #bc9f6e; }
.custom-pagination .dataTables_paginate .paginclass_A 	{ color: #012e58; }

.emergency, .personal_deatil_form.emergency-content, .payment, .personal_deatil_form.payment-content,
.symboldiv.health, .beauty_main, .beauty_trtmnt, .inexchkboxpink, .q-Training,
.training_section, .q-indemnity, .insurance_section   	{ background: #eaebee; }
.emergency h2, .payment h2, .symboldiv.health h2, .beauty_trtmnt h2, .q-Training h2, .q-indemnity h2, .q-References 	{ padding-top: 20px; padding-bottom: 20px;}
.personal_deatil_form.payment-content, .treatmentcontent .beauty_main, .treatmentcontent .inexchkboxpink, .training_section, .insurance_section 	{ margin-top: 0px; padding-top: 30px; margin-bottom: 30px;}
.personal_deatil_form.payment-content 	{ padding-bottom: 30px; margin-bottom: 0px; padding-top: 0px;}
.personal_deatil_form.emergency-content 	{ margin-top: 0px; padding-bottom: 30px; margin-bottom: 20px;}
.personal_deatil_form.payment-content ::-webkit-input-placeholder 	{ color: #012e58;}
.personal_deatil_form.emergency-content ::-webkit-input-placeholder 	{ color: #012e58;}
.training_section .personal_deatil_form ::-webkit-input-placeholder 	{ color: #012e58;}
.training_section .personal_deatil_form input, .training_section .personal_deatil_form input:hover, .training_section .personal_deatil_form input:focus 	{ color: #012e58;}

.qualififcationsnew .symboldiv.q-Training, .qualififcationsnew .symboldiv.q-disclosure, .symboldiv.q-indemnity, .qualififcationsnew .symboldiv.q-References 	{ margin-bottom: 0px; }
.qualififcationsnew .training_section, .barring_service_section.a-p-a, .insurance_section, .reference_section 	{ padding: 0 15px; }
.reference_section { padding-bottom: 20px; }
.prdTraingPage .product_training_row 	{ padding-top: 30px; width: 100%; float: left;}
.prdTraingPage .tabBtns 	{ margin-top: 30px; }
.welcomepage .inexchkbox a.jqTransformChecked 	{ background-position: center -26px; }
.inner table td { font-size: 14px; font-family:'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300; padding: 0 8px; color: #bc9f6e;}

/* Alternet background color change white */

.payment h2, .personal_deatil_form.payment-content input,
.emergency h2, .personal_deatil_form.emergency-content input,
.health h2, .beauty_trtmnt h2, .q-Training h2, .q-indemnity h2 { color: #012e58;}
.treatmentpage .beauty_main .rowElem, .treatmentpage .inexchkboxpink .rowElem 	{ border-color: #c4c4c4; }
.treatmentpage .beauty_main label span, .treatmentpage .inexchkboxpink label span	{ color: #012e58;}
.personal_deatil_form.payment-content input::placeholder, .personal_deatil_form.emergency-content input::placeholder 	{ color: #012e58;}

.prdTraingPage .product_training_row:nth-child(even) 	{ background: #eaebee; }
.prdTraingPage .product_training_row:nth-child(even) .product_trn h2 	{ color: #012e58;}
.prdTraingPage .product_training_row:nth-child(even) .inexchkboxgreen .rowElem 	{ border-color: #c4c4c4; }
.prdTraingPage .product_training_row:nth-child(even) .inexchkboxgreen .rowElem.active 	{ border-color: #bc9f6e; }
.prdTraingPage .product_training_row:nth-child(even) .inexchkboxgreen label span 	{ color: #012e58;}

.training_section .qulificationform input, .training_section .qulificationform input:hover, .training_section .qulificationform input:focus, .training_section .qulificationform input::placeholder 	{ color: #012e58;}
.training_section .q-certificate .ajax-upload-dragdrop, .insurance_section .ajax-upload-dragdrop 	{ border-color: #012e58;}
.training_section .q-certificate .ajax-upload-dragdrop span, .insurance_section .ajax-upload-dragdrop span  	{ color: #012e58;}
.training_section .training_details .qulificationform.borderbotom 	{ border-color: #012e58;}
.training_section .q-textaera textarea, .training_section .q-textaera textarea::placeholder 	{ color: #012e58;}
.training_section .q-textaera p 	{ width: 78%; }
.training_section .q-textaera textarea 	{ color: #012e58;}

.barring_service_section.a-p-a .personal_deatil_form input, .barring_service_section.a-p-a .personal_deatil_form input::placeholder, .barring_service_section.a-p-a .select-style select, .barring_service_section.a-p-a .custom-dropdown::after	 { color: #012e58;}
.barring_service_section.a-p-a .personal_deatil_form input, .insurance_section .insDate input 	{ color: #012e58; }
.insurance_section .insDate input { background: transparent url(../../images/front/new/datepickericon-dark.png) no-repeat 96% center;}
.barring_service_section.a-p-a .qulificationform .select-style select, .barring_service_section.a-p-a .custom-dropdown::after 	{ color: #ffffff;}
.barring_service_section.a-p-a .qulificationform .select-style select option { color: #000; }
.barring_service_section.a-p-a .personal_deatil_form input { color: #ffffff; }

.dashbrdTable td .icontext 	{ width: 100%; float: left; }

/* Alternet background color change white */

/* AR479-22/09/2018-Theme color change */

/* Change Autocomplete styles in Chrome*/
.loginRightcontent div input:-webkit-autofill,
.loginRightcontent div input:-webkit-autofill:hover, 
.loginRightcontent div input:-webkit-autofill:focus
.loginRightcontent div textarea:-webkit-autofill,
.loginRightcontent div textarea:-webkit-autofill:hover
.loginRightcontent div textarea:-webkit-autofill:focus,
.loginRightcontent div select:-webkit-autofill,
.loginRightcontent div select:-webkit-autofill:hover,
.loginRightcontent div select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  transition: background-color 5000s ease-in-out 0s;
}

/*AR479-04-12-2018*/

.small-table .dashbrdTable th, .small-table .dashbrdTable td { font-size: 10px; word-break: break-all;}
.hidden {display: none; visibility: hidden;}

/*AR479-01-2-2019*/

.profilediv #tabs-container nav { text-align: center; }
.profilediv #tabs-container nav .mainmenu { float: none; display: inline-block; width: auto;}
.welcomepage .tabs-menu { text-align: center; }

.icon-and-title {  display: flex; align-items: center; float: left; width: 100%; font-size: 24px; color: #fff; padding: 0 10px 0 46px; line-height: normal; font-family:'Sackers Gothic Std' !important; text-transform: lowercase; font-weight: 300;}
.icon-and-title .font-icon-custom { flex: none; width: 70px; height: 70px; text-align: center; border: 4px solid #bc9f6e; border-radius: 50%; background: #012e58; position: relative;}
.icon-and-title .font-icon-custom:before { content: ""; position: absolute; right: 100%; top: 50%; width: 50px; height: 2px; background: #bc9f6f; transform: translateY(-50%);}
.icon-and-title .font-icon-custom i { line-height: 62px; font-size: 30px;}
.icon-and-title .title-text { padding-left: 10px;}
.icon-and-title .title-text label { width: auto !important; float: none; padding: 0 0 6px 0; margin: 0px; line-height: normal; font-size: 24px; font-family: 'Sackers Gothic Std'; text-transform: lowercase; font-weight: 300;}
.icon-and-title span.titleline { background: none; width: auto; height: auto; font-size: 15px; line-height: normal; padding: 0; margin: 0; font-family: 'Montserrat', sans-serif; text-transform: none; top: 0;}
.icon-and-title span.innerbg { position: relative; width: 25px; background: url(../../images/front/title-right-brdr.png) no-repeat top right; height: 12px; display: inline-block; margin: 0 0 0 20px; flex: none;}

.symboldiv.massage .icon-and-title .font-icon-custom { background: #012e58 url(../../images/front/new/massage-icon.png) no-repeat center center; background-size: 40px;}
.symboldiv.health .icon-and-title .font-icon-custom  { background: #012e58 url(../../images/front/new/beauty-treatments-icon.png) no-repeat center center; background-size: 40px;}
.symboldiv.personl_trn .icon-and-title .font-icon-custom  { background: #012e58 url(../../images/front/new/fitness-icon.png) no-repeat center center; background-size: 40px;}
.symboldiv.beauty_trtmnt .icon-and-title .font-icon-custom  { background: #012e58 url(../../images/front/new/hairmakeup-icon.png) no-repeat center center; background-size: 40px;}

.q-passport .icon-and-title { margin-top: 20px; }
.massage .icon-and-title { margin-bottom: 20px; padding-left: 66px;}
.personl_trn .icon-and-title { padding-left: 66px; }
.personal_deatil_form.emergency-content, .personal_deatil_form.payment-content { padding-left: 15px; padding-right: 15px;}
.qulification_page .custom-container { width: 832px; }
.contactPage .personaldeatil h2 { color: #fff; }

.static-content .form-group p, .static-content .form-group li { margin-bottom: 15px; font-weight: 100;}
/*.reference_section .personal_deatil_form_quali input { color: #012e58;}
.reference_section .personal_deatil_form_quali input::placeholder 	{ color: #012e58; }
.reference_section .personal_deatil_form_quali input::-webkit-input-placeholder 	{ color: #012e58;}
.reference_section .personal_deatil_form_quali input::-moz-placeholder 	{ color: #012e58;}
.reference_section .personal_deatil_form_quali input:-ms-input-placeholder 	{ color: #012e58;}
.reference_section .q-certificate.borderbotom { border-bottom-color: #bc9f6e; }*/