/*basic css */
body, html { width: 100%; padding: 0; margin: 0; font-family: 'latoregular' }
input, textarea { border: 0; outline: 0; border-radius: 0px !important }
iframe { border: 0; margin: 0; padding: 0 }
input, select, textarea, ul { margin: 0; padding: 0 }
li { list-style: none }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 20px 0 10px; font-weight: 400 }
p { line-height: inherit; margin: 0; padding: 0 0 10px }
a { outline: 0; text-decoration: none; -moz-outline: 0 }
a:focus { outline: 0; text-decoration: none }
a:hover { text-decoration: none; cursor: pointer }
a.nounderline, a:active.nounderline, a:link.nounderline, a:visited.nounderline { text-decoration: none }
a:hover.nounderline { text-decoration: underline }
a img, img { border: none; text-decoration: none }
button { cursor: pointer }
input:focus, select:focus, textarea:focus { outline: 0 }
.nopad { padding: 0 }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: inherit }
section { float: left; width: 100%; background: none repeat scroll 0 0 #ffffff }
@media (min-width: 1200px) {
.container { width: 1200px !important; }
}
/*basic css ends*/
/*aashish*/
body { padding-top: 60px }
.navbar { background-color: #19262d; height: 60px }
.rightul { display: inline-block; margin: 0px; padding: 0px }
.rightul li { font-family: 'latolight'; display: inline-block; color: #fff; height: 50px; vertical-align: top; margin: 4px 10px; color: #9d9d9d }
.username:hover .dropdown-menu { display: block; }
.rightul li.icon22 { line-height: 53px; font-size: 15px; color: #9d9d9d }
.rightul li.icons { width: 90px; cursor: pointer }
.icon22 { cursor: pointer }
.rightul li .app { display: block; margin: 10px; width: 33px; height: 30px; background: url(../images/top-ap.png) 0 0px no-repeat }
.rightul li .tri { display: block; margin: auto; width: 33px; height: 30px; background: url(../images/top-tri.png) 0 0px no-repeat }
.rightul .btn-orange { display: inline-block; text-transform: uppercase; color: #fff !important; background: #f26d01; cursor: pointer; font-family: 'latolight'; padding: 6px 10px; font-size: 12px; margin-top: 12px }
li.icon22 a { color: #9d9d9d !important }
.rightul li.icons:hover, .rightul li a:hover { color: #fff !important }
.username .drop_down { background: url(../images/menu-toggle-icon.png) right -28px no-repeat; width: 15px; height: 23px; text-indent: -10000px; top: -7px; display: inline-block; position: relative }
.username a:hover .drop_down { background: url(../images/menu-toggle-icon.png) right 0px no-repeat }
.username .nameTxt { color: #999; width: 105px; word-wrap: break-word; display: table-cell; vertical-align: middle; }
.username .dropdown-menu { left: auto; right: 0px; top: 25px; background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,237,240,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(240,237,240,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,237,240,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,237,240,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,237,240,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(240,237,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0edf0', GradientType=0 );
box-shadow: 0 0px 5px rgba(0,0,0,.175); width: 100px; padding: 0; }
.username .dropdown-menu li { width: 100%; height: auto!important; margin: 0; border-bottom: 1px solid #d8d8d8; }
.username .dropdown-menu li:last-child { border-bottom: none }
.username .dropdown-menu li a { display: block; text-align: center; color: #666!important; padding: 8px; font-size: 13px; }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color: #e8e8e8; transition: all ease-in-out 0.3s; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
background-repeat: repeat-x; color: #666!important; }
.username_form { min-width: 220px }
.txtdisc { color: #837F7F; padding-top: 17px }
a.navbar-brand { background: url(../images/logo.png) 0 10px no-repeat; width: 200px; margin-left: 0px !important }
.navbar-nav li { font-size: 12px }
ul.navbar-nav { padding-top: 7px }
.upper_headr, .row2 { border-bottom: 1px solid #dedede; padding-bottom: 20px }
.row.row2 { border-bottom: none !important }
.pad_0 { padding-bottom: 0px }
.priv_text { color: #2c84cc; font-size: 42px }
.btm_txt { font-size: 14px; color: #777777; line-height: 15px; font-family: 'latolight' }
.sec_column h4 { color: #3383c5; font-size: 40px; font-family: 'latoregular' }
.sec_column ol { padding-left: 20px }
.sec_column ol li { color: #3383c5; font-size: 14px; font-family: 'latolight' }
.thrd_column h3 { color: #444444; font-size: 18px; font-family: 'latobold' }
.thrd_column p { font-size: 14px; color: #777777 }
.sec_column img { display: block; text-align: center; max-width: 100%; padding-top: 70px }
.thrd_column { padding-top: 50px }
.sec_column { padding-bottom: 50px }
.thrd_column1 { padding-top: 10px }
.row2 p { font-family: 'latolight' }
.row2 { margin: 0px !important }
.adres p:first-child, .phn p:first-child, .email p:first-child { font-family: 'latobold' }
.adres p span { background: url(../images/adres.png) 0 0px no-repeat; padding: 10px 20px }
.phn p span { background: url(../images/phone.png) 0 0px no-repeat; padding: 10px 20px }
.email p span { background: url(../images/email.png) 0 0px no-repeat; padding: 10px 20px }
.sec_column2 { padding-top: 50px }
.lft_col p:first-child { padding-left: 0px }
.lft_col p { padding-left: 40px; line-height: 16px; font-family: 'latolight' }
.sec_column3 { padding-top: 45px }
.frm_gp label {color: #b5b4b4;font-family: 'latoregular';font-weight: normal;}
.frm_gp img { float: left }
.frm_cntrl {/* border-bottom: 1px solid #ccc; *//* border-left: 0px; *//* border-right: 0px; *//* border-top: 0px; *//* -webkit-box-shadow: none; *//* border-radius: 0px; */}
.frm_cntrl:focus { border-color: #ccc; outline: 0; -webkit-box-shadow: none; box-shadow: none }
.frm_cntrl2 { width: 200px; margin-left: 200px }
.bnsubmit { background: #f26d01; display: inline-block; padding: 10px 30px; font-size: 20px; color: #fff; border: 0px; margin-top: 20px }
.thrd_column img { display: block; text-align: center; max-width: 100%; padding-top: 70px }
a.a_more { background-color: #f26d01; display: inline-block; clear: both; padding: 5px 10px; color: #fff }
a.a_more, a.a_more:hover { text-decoration: none; background-color: #f26d01 }
.linked { color: #fff; padding-top: 45px; text-align: center; height: 220px; background-color: #eeeeee; font-family: 'latolight' }
.linked p { font-size: 38px; color: #000000 }
.linkedin1 { line-height: 33px; display: inline-block; background: #006999 url(../images/lkdn.png) no-repeat 17px 50%; color: #fff; text-decoration: none !important; border-radius: 2px; padding: 9px 20px 9px 63px }
.linkedin1 span { display: block; font-size: 24px; color: #fff; border-left: 1px solid #1a78a3; padding-left: 18px }
.pad_btm { padding-bottom: 60px }
.footer { display: block; width: 100%; clear: both; height: 200px; background: #000; padding-top: 20px }
.footer .centerBox { display: block; clear: both; text-align: center; padding: 10px 0px }
/*-- Footer Social Icon --*/
.footerSocial { text-align: center; margin-bottom: 15px;}
.footerSocial li {display: inline-block;margin: 0 5px;}
.footerSocial li:first-child {margin: 0px;}
.socialIcons {background-image: url(../images/socialIcons1.png);width: 20px;height: 16px;display: block;transition: all 0.5s;overflow: hidden;}
.linkIcon {background-position: -25px 0px;}
.twiIcon {background-position: -64px 0;}
.youIcon { background-position: 20px 0; }
.fbIcon:hover {background-position: 0 16px;}
.linkIcon:hover {background-position: -25px 16px;}
.twiIcon:hover {background-position: -64px 16px;}
.youIcon:hover {background-position: 20px 16px;}
/**/
.footer .centerBox a { display: inline-block; padding: 10px 16px; color: #808080; text-decoration: none }
.footer .centerBox a:hover { color: #808080; text-decoration: underline }
.footer .separator { background: #333333; display: block; margin: auto; max-width: 1200px; clear: both; height: 1px; width: 100%; }
.footer .centerBox2 { padding: 7px 16px !important; font-size: 12px }
.footer .copyright { color: #808080; display: block; clear: both; width: 100%; text-align: center; font-size: 12px; line-height: 34px }
.footer .flogo { margin-top: -8px }
.centerBox2 a span { background: url(../images/footer_links.png) 0 0 no-repeat; height: 20px; width: 20px }
.footer .li1 { display: inline-block; background: url(../images/fb-icon.png) 0px 8px no-repeat }
.footer .li2 { display: inline-block; background: url(../images/tw-icon.png) 0px 8px no-repeat }
.footer .li3 { display: inline-block; background: url(../images/g-icon.png) 0px 9px no-repeat }
.footer .li4 { display: inline-block; background: url(../images/in-icon.png) 0px 8px no-repeat }
.faq_column { padding: 0; padding: 40px 0 0 }
.faq-column-right { padding-top: 25px;}
.faq_column .innerSec { padding: 0 0 32px; width: 100% }
.faq_column ul { list-style: none; padding: 0; margin: 0; background: url(../images/faq-menue-border-v.png) left bottom no-repeat; padding-bottom: 40px; width: 210px }
.faq_column ul li { padding: 0; background: url(../images/faq-menue-border-h.png) right bottom no-repeat }
.faq_column ul li a { display: block; padding: 11px 5px 11px 19px; font-size: 16px; color: #878787; text-decoration: none; position: relative }
.faq_column ul li:first-child a { background: url(../images/faq-menue-border-h.png) right top no-repeat }
.faq_column ul li a small { width: 15px; height: 14px; position: absolute; left: 0; bottom: -14px; background: url(../images/corner.gif) no-repeat 0 0; display: none }
.faq_column ul li a:hover { color: #3383c5 }
.faq_column ul li.active a, .faq_column ul li.active a:hover { background: #3383c5; color: #fff; margin-left: -15px; padding-left: 34px }
.faq_column ul li.active a small { display: block }
p.question { font-size: 20px; font-family: 'latoregular'; color: #000 }
p.answer { font-size: 14px; font-family: 'latolight'; color: #777777 }
.faq_ques ul li { font-size: 14px; font-family: 'latolight'; color: #c0c0c0 }
.employer h3 { font-size: 25px }
.employer { display: none }
.main_body_general .container .faq-column-right .faq_ques p.question { color: #444 }
.no-btm-bdr { border-bottom: none }
.greybox { width: 100%; clear: both }
.greybox .linked { -webkit-box-shadow: inset 0px 9px 15px -4px rgba(218,218,219,1); -moz-box-shadow: inset 0px 9px 15px -4px rgba(218,218,219,1); box-shadow: inset 0px 9px 15px -4px rgba(218,218,219,1) }
.greybox .linked p { margin-bottom: 10px }
.greybox .linked .linkedin1 span { font-size: 18px }
.main_body_general .container .faq-column-right .faq_ques p.answer a { color: #3383c5; text-decoration: underline }
.main_body_general .container .faq-column-right .faq_ques p.answer a:hover { color: #3383c5; text-decoration: none }
.faq_ques { border-bottom: 1px solid #dedede; padding-bottom: 15px; margin-bottom: 20px }
.faq_ques ul { padding-left: 20px }
.faq_ques ul li { list-style: disc; color: #777; line-height: 20px; padding-bottom: 5px; padding-left: 5px }
.frm_gp button { width: 100%; background-image: none; border-color: #fff; background: none; color: #b5b4b4; font-family: 'latolight'; font-weight: normal; text-align: left; padding-left: 0px; font-weight: normal; border-bottom: 1px solid #ccc }
.caret { float: right; margin-top: 20px }
.btn.focus, .btn:focus, .btn:hover { color: #b5b4b4 }
.group { margin-bottom: 30px }
.group ul { width: 100% }
.frm_gp textarea.form-control { height: 60px !important }
.grp2 { width: 48%; float: left; margin-right: 10px }
.public label { float: left; margin-right: 20px }
.public { margin-top: 10px; display: inline-block; width: 100% }
.public .radio { margin-top: 0px; margin-bottom: 0px }
.strength { width: 30%; border-radius: none }
.register { background: url(../images/register_ie.png) 30px 0 no-repeat; height: 192px }
.endorseReq { background: url(../images/endorse_ie.png) 30px 0 no-repeat; height: 192px }
.blue_arw { background: url(../images/blue_ryt_arow.png) 162px 50px no-repeat; height: 192px; position: relative; right: -29px }
.search_ie { background: url(../images/search_ie.png) 30px 0 no-repeat; height: 192px }
.endorseFriend { background: url(../images/endorseFriends_ie.png) 30px 0 no-repeat; height: 192px }
.frend { background: url(../images/frends_ie.png) 30px 0 no-repeat; height: 192px }
.paid { background: url(../images/paid_ie.png) 30px 0 no-repeat; height: 192px }
.sin_up { margin-top: 20px; width: 925px; margin-left: 20px }
.cmn_text h3 { color: #505050; font-size: 18px; text-align: center; min-height: 60px; line-height: 28px }
.cmn_text p { color: #c0c0c0; font-size: 14px; text-align: center }
span.works_blue { color: #3383c5; font-size: 20px }
.sin_up > div:first-child { margin-left: -15px }
.hiw-column-right { padding-top: 25px }
.hiw-column-right .cmn_text { position: relative; margin: -60px auto 0; padding-right: 15px }
.hiw-column-right .sin_up { border-bottom: 1px solid #dedede; margin-left: 0; padding-bottom: 20px; margin-bottom: 30px }
.column-five .col-lg-3 { width: 20% !important }
.column-five .col-lg-3 .register { background: url(../images/register_ie.png) 15px 0 no-repeat; height: 192px }
.column-five .col-lg-3 .search_ie { background: url(../images/search_ie.png) 15px 0 no-repeat; height: 192px }
.column-five .col-lg-3 .frend { background: url(../images/frends_ie.png) 15px 0 no-repeat; height: 192px }
.column-five .col-lg-3 .paid { background: url(../images/paid_ie.png) 15px 0 no-repeat; height: 192px }
.column-five .col-lg-3 .blue_arw { background: url(../images/blue_ryt_arow.png) 118px 50px no-repeat; height: 192px; position: relative; right: -32px }
/* for contact us and employer sign up page */
.text_col { color: #999999 }
span.text_hypen { font-size: 27px; margin-left: 2%; margin-right: 2%; float: left; color: #999999; }
/* end contact us and employer sign up page */
@media (min-width: 1200px) {
.column-five .col-lg-3 { width: 20%; }
}
/*end*/
/*aashish 11sep*/
.set_text { font-size: 22px; color: #666666; font-family: 'latolight'; border-bottom: 2px #e5e5e5 solid; padding-bottom: 10px; }
.set_co4 input { position: relative; top: 3px; margin-left: 10px; font-family: 'latolight'; }
.set_co4 { color: #666666; }
/*end aashish 11sep*/
.top_nav { background-color: transparent; border: 0px none; padding-top: 30px; z-index: 5; margin-bottom: 0px; }
.top_nav .navbar-nav li { padding-top: 15px; }
.top_nav .navbar-nav li a { color: #fff; font-size: 16px; font-family: 'latolight'; padding: 0 15px; border-right: 1px solid #fff; opacity: .7; }
.top_nav .navbar-nav li:last-child a { padding-right: 0px; border-right: 0px none; }
.top_nav .navbar-nav li a:hover, .top_nav .navbar-nav li a:focus { color: #fff; opacity: 1; }
.main_sprite { background: url(../images/main_sprite.png) no-repeat; }
.top_nav .navbar-nav li a span { display: inline-block; width: 32px; height: 32px; }
.main_sprite.app { background-position: -392px -162px; }
.main_sprite.ply { background-position: -321px -162px; }
.main_sprite.bell { background-position: -534px -44px; }
.main_sprite.bell:hover { background-position: -534px -166px; }
.top_section { height: 100%; left: 0; position: relative; top: 25px; width: 100%; padding-bottom: 30px; float: left; }
.bg-frame { background: url("../images/banner.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0); height: 100%; left: 0; position: fixed; top: 0; width: 100%; }
.mar-top10 { margin-top: 10px; }
.inner-content { float: left; position: relative; z-index: 10; width: 100%; }
.banner_content { float: left; width: 100%; }
.ban_content_inner { text-align: center; width: 100%; padding-bottom: 70px; }
.ban_content_inner h1 { font-family: 'huge_avant_gardebold'; font-size: 60px; color: #fff; padding: 0; }
.ban_content_inner h5 { color: #fff; }
.ban_content_inner h4 { color: #fff; }
.linkedin_btn { padding: 20px 0; }
.linkedin_btn a { background: url(../images/login-cta.png) no-repeat scroll 0 0; width: 270px; height: 50px; display: inline-block; }
.ban_content_inner p { font-family: 'latolight'; font-size: 16px; color: #fff; }
.ban_content_inner p span { font-family: 'latoregular'; }
.ban_content_inner p.small { font-size: 14px; }
.ban_content_inner p.small a { font-family: 'latolight_italic'; color: #fff; text-decoration: underline; }
.linkd_acc { margin: 15px 0 25px; }
.linkd_acc a { color: #fff; font-family: 'latolight_italic'; font-size: 14px; text-decoration: underline; }
.yt_video a { color: #fff; font-family: 'latolight_italic'; font-size: 20px; }
.yt_video a span { width: 22px; height: 22px; display: inline-block; background-position: -116px -47px; margin-bottom: -4px; }
.search_txt { padding: 0px 5px; font-family: 'latolight'; font-size: 26px; color: #fff; border-bottom: 1px solid #fff; display: inline-block; margin: 10px 0; }
.scroll_arr { background-position: -20px -20px; cursor: pointer; height: 76px; left: 50%; margin-left: -38px; position: absolute; text-align: center; width: 76px; }
.second-nav { background: url(../images/nav-shadow.png) repeat-x scroll center 103% #fff; float: left; width: 100%; position: relative; z-index: 9; }
.second-nav .top_nav { padding-top: 15px; padding-bottom: 15px; }
.second-nav .top_nav .navbar-nav li a { border-right: 1px solid #a3a3a3; color: #333; opacity: 1; height: 35px; }
.second-nav .top_nav .navbar-nav li:last-child a { border-right: 0px; }
.second-nav .top_nav .navbar-nav li a:hover { color: #2c84cc; }
.second-nav .main_sprite.app { background-position: -251px -42px; }
.second-nav .main_sprite.ply { background-position: -182px -42px; }
.second-nav .main_sprite.app:hover { background-position: -251px -162px; }
.second-nav .main_sprite.ply:hover { background-position: -182px -162px; }
.second-nav .navbar-right img { margin-top: -20px; }
.mid_wrap { background: #fff; float: left; width: 100%; position: relative; }
.search_job_wrap { padding: 20px 0; }
.search_job_wrap h2 { text-align: center; font-family: 'latolight'; font-size: 32px; color: #424242; margin-bottom: 15px; }
.search_job_wrap h2 span { color: #2c84cc; font-family: 'huge_avant_gardebold'; }
.search_jobs { background: #2c84cc; padding: 30px 0; width: 100%; }
.search_form input[type="text"] { background: rgb(40 , 119, 183); width: 85%; float: left; margin-right: 16px; padding: 20px 10px; color: #fff !important; font-family: 'latolight_italic'; font-size: 18px; }
.search_form input[type="button"] { background: #fff; font-size: 26px; color: #2c84cc; padding: 14px 22px; }
.title { font: 22px 'latoregular'; color: #2c84cc; }
.recent_job_wrap { padding: 50px 0; }
.recentJobHead { text-align: center; }
.recentJobHead h2 { text-align: center; font-size: 42px; color: #2c84cc; border-bottom: 1px solid #2c84cc; display: inline-block; padding: 0 10px 10px; }
.job_wrap { padding: 40px 0; }
.job_list { background: #fff; border: 1px solid #ccc; position: relative; word-wrap: break-word; overflow:hidden;}
.job_detail { height: 380px; padding: 15px; overflow: overlay;}
.job_list .job_category { font-family: 'latobold'; font-size: 10px; color: #828282; }
.job_list .job_title { font: 22px 'latoregular'; color: #2c84cc; margin-bottom: 5px; word-wrap: break-word; }
.job_list p { font-family: 'latolight'; font-size: 14px; color: #777; margin-bottom: 5px; line-height: 23px; word-wrap:break-word }
.job_list p a { color: #2c84cc; text-decoration: underline; }
.job_list .referral { font-size: 17px; color: #fff; background: #cccccc; padding: 5px 15px; }
.job_subdetail { border-top: 1px solid #ccc; padding: 15px; height: 87px; }
.job_subdetail.overflow { padding: 5px 15px 0; }
.job_subdetail ul li { font-family: 'latolight'; font-size: 14px; color: #999; }
.job_subdetail ul li .location, .job_subdetail ul li .time { font-style: italic; padding-left: 30px; padding-bottom: 10px; background: url(../images/location_sprite.png) no-repeat scroll 0 0; }
.job_subdetail ul li .location { background-position: 0 0; }
.job_subdetail ul li .location span { font-style: normal; line-height: 25px; }
.job_subdetail ul li .time span { font-style: normal; line-height: 25px; }
.job_subdetail ul li .time { background-position: 0 -64px; }
.job_subdetail ul li span { font-family: 'latoregular'; }
.apply_btns { width: 100%; background: #2c84cc; padding: 23px 0; text-align: center; display: none; height: 87px; }
.apply_btns a { display: inline-block; padding: 10px 25px; color: #2c84cc; font-size: 18px; background-color: #fff; margin-right: 2px; }
.view_job_btn { text-align: center; }
.view_job_btn a { display: inline-block; font-size: 26px; color: #fff; padding: 10px 48px; background: #2c84cc; }
.view_job_btn a:hover { background-color: #006999; }
.job_list:hover { border: 1px solid #2c84cc; }
.job_list:hover .job_subdetail { display: none; }
.job_list:hover .apply_btns { display: block; }
.apply_btns a:hover { opacity: .8; }
.footer { background: #000; float: left; position: relative; width: 100%; }
.social_links { text-align: center; padding: 25px 0; }
.social_links span { font-family: 'latolight'; font-size: 22px; color: #999; }
.social_links a.lnkd { display: inline-block; width: 22px; height: 22px; background-position: -465px -46px; margin-left: 15px; margin-bottom: -3px; }
.social_links a.lnkd:hover { background-position: -465px -166px; }
.footer_nav_wrap { padding: 25px 0 20px; border-top: 1px solid #999; float: left; width: 100%; }
.footer_nav_wrap .rights, .footer_nav_wrap .footer_nav { padding: 0; }
.rights { font-size: 11px; color: #999; }
.footer_nav > ul { float: right; }
.footer_nav li { float: left; }
.footer_nav li a { padding: 0 38px; font-size: 11px; color: #999; }
.footer_nav li:last-child a { padding-right: 0px; }
.footer_nav li a:hover { color: #2c84cc; }
/*css added by jitender on 5 march for register and login form colorbox*/
.log_fr_field {
margin: 40px 0 0px;
}
.reg_fr_field { padding-top: 50px; }
.reg_list .form_list { width: 100%; border-radius: 0; height: 55px; }
.reg_list .form_list select { height: 53px; font-style: normal; font-size: 22px; font-weight: normal; font-family: 'latolight'; padding-left: 10px; }
.reg_list .form_list:before { height: 53px; }
.reg_list .form_list:after { background: url("../images/dropdown-icon.png") no-repeat scroll calc(100% + 1px) -1px rgba(0, 0, 0, 0); height: 53px; }
.form_login {
padding: 20px 57px 20px;
}
.addon_img { background: url(../images/sprite-image.png) no-repeat; }
.addon_img_user { background-position: -109px -8px; height: 23px; width: 50px !important; }
.addon_img_country { background-position: -381px -8px; height: 23px; width: 50px !important; }
.addon_img_pass { background-position: -156px -9px !important; height: 23px; width: 50px !important; }
.input_text { border-radius: 0 !important; }
.form_login input[type="text"] { box-shadow: 0px none !important; font-size: 22px; color: #555; font-family: 'latolight'; background-color: #fff; }
.form_login input[type="text"]:focus { box-shadow: none !important; }
.form_login input[type="password"]:focus { box-shadow: none !important; }
.form_login input[type="password"] {
box-shadow: 0px none !important;
font-size: 22px;
color: #555;
font-family: 'latolight';
background-color: #fff;
}
.att_res { font-size: 22px; color: #333; font-family: 'latolight'; margin-bottom: 0 !important; font-weight: 300; }
.form_cont_pass { box-shadow: none !important; height: 55px; padding: 10px !important; }
.username_form .form_cont_pass { height: 52px; }
.login_btn { float: right; width: 28%; }
.login_aln { width: 100%; border-radius: 0 !important; background-color: #2c84cc !important; box-shadow: none !important; font-family: 'latolight'; font-size: 26px; border: 0; color: #ffffff; height: 55px; padding: 10px 0px; }
.login_aln:hover { background-color: #006999 !important; }
.form_logo_regi { background: url("../images/mail-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0,0); height: 122px; left: 41%; position: absolute; top: -53px; width: 122px; z-index: 999; }
.form_logo_login { background: url("../images/mail-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0,0); height: 122px; left: 50%; position: absolute; top: 0; width: 122px; margin: -61px; }
/*-- or Login start --*/
.orLogin {
position: relative;
margin-top: 0px;
text-align: center;
width: 100%;
padding-bottom: 0px;
}
p.orLogin span {
background: #fff;
position: inherit;
text-align: center;
left: 0;
top: 0;
padding: 0 10px;
z-index: 999;
}
p.orLogin:after {
content: "";
width: 100%;
border-bottom: 1px solid #ddd;
position: absolute;
left: 0;
top: 11px;
}
.loginGFb {
text-align: center;
margin-top: 20px;
}
.loginGFb li {
display: inline-block;
margin: 0 10px;
}
.loginGFb li a {
display: inline-block;
transition: all 0.5s;
}
/*-- or Login end --*/
.addon_img_name { background-position: -11px -13px; height: 23px; width: 50px !important; }
.addon_img_num { background-position: -59px -10px; height: 23px; width: 50px !important; }
.myLabel { position: relative; }
.myLabel input { position: absolute; z-index: 2; opacity: 0; width: 100%; height: 100%; border: 1px solid #f00 }
.myLabel { border: 1px solid #2c84cc; display: inline-block; margin: 7px 5px 0 10px; padding: 5px 25px; float: left; }
.myLabel span { font-size: 20px; color: #2c84cc; font-family: 'latolight'; }
.file_field { border: 1px solid #ccc; height: 55px; box-shadow: 0 0 0px 0 #ccc inset; }
.no_file { float: left; padding: 10px 0px 0px 10px; height: 55px; }
.no_file p { font-family: 'latoregular'; font-size: 16px; color: #999; }
.input_wid { height: 55px; width: 100%; }
.input_wid_log { width: 100%; }
.read_policy { border: 1px solid #ccc; cursor: pointer; }
.read_more_dv { float: left; padding: 12px 10px; color: #2c84cc; font-family: 'latolight'; font-size: 20px; }
.read_more { background-position: -204px -10px; border-left: 1px solid #ccc; float: right; height: 54px !important; width: 50px !important; }
.read_less { background-position: -252px -9px; }
.more_cont { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; display: none; width: 100%; }
.more_cont p { font-family: 'latolight'; font-size: 16px; padding: 10px; color: #999; }
.mainSignup {
width: 30% !important;
float: right;
margin-top: 10px;
}
.mainSignup input {
padding: 9px 0 9px 0px !important;
border: 0px;
}
#regSubmit {
padding: 0px;
}
.register_button { background-color: #007bb6; width: 100%; text-align: center; }
.register_button:hover { background-color: #006999; }
.register_button input { font-family: 'latolight'; font-size: 26px; color: #fff !important; background-color: transparent; padding: 19px 15px 21px 10px; width: 100%; }
.register_button input:hover { color: #fff; }
.cboxLoadedContent { height: auto !important; }
.pass_field { float: left; width: 69%; }
#cboxLoadedContent { overflow: visible !important; }
#cboxLoadedContent { height: auto !important; }
.input-group { margin-bottom: 15px; }
.support_format { font-family: 'latolight_italic'; font-size: 16px; color: #999; padding: 3px 0 0; float: left; }
/*****************dashboard*****************/
.main_container { width: 100%; max-width: 1600px; min-width: 1200px; margin: 0 auto; }
.main_body { float: left; width: 100%; }
.left_section { float: left; width: 24%; }
.left_nav { width: 100%; float: right; }
.left_nav ul { float: left; width: 100%; margin: 0; padding: 0; list-style-type: none; }
.left_nav ul li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; }
.active_nav { background: #f5f5f5; }
.left_nav ul li a { float: left; width: 100%; font: 18px 'latolight'; color: #666666; }
.left_nav ul li.active_nav a { color: #448ed0; }
.link_place { float: right; }
.nav_icon_place { float: left; width: 65px; margin-top: 5px; }
.nav_icon, .filter { background: url(../images/sprit-icons.png) no-repeat; height: 60px; width: 60px; }
.icon_dash { background-position: -8px -14px; }
.icon_activity { background-position: -865px -12px; }
.icon_job { background-position: -68px -14px; }
.icon_pref { background-position: -129px -14px; }
.icon_profile { background-position: -191px -14px; }
.icon_payment { background-position: -255px -16px; }
.icon_setting { background-position: -319px -15px; }
.icon_share { background-position: -583px -9px; }
.icon_reportBug { background-position: -750px -10px; }
.icon_refer { background-position: -673px -8px; }
.icon_filter { background-position: -804px -9px; }
.left_nav ul li:hover { background: #f5f5f5; }
.left_nav ul li:hover a { color: #448ed0; }
.left_nav ul li:hover .icon_dash, .left_nav ul li.active_nav .icon_dash { background-position: -8px -79px; }
.left_nav ul li:hover .icon_job, .left_nav ul li.active_nav .icon_job { background-position: -68px -78px; }
.left_nav ul li:hover .icon_activity, .left_nav ul li.active_nav .icon_activity { background-position: -865px -88px; }
.left_nav ul li:hover .icon_pref, .left_nav ul li.active_nav .icon_pref { background-position: -129px -76px; }
.left_nav ul li:hover .icon_profile, .left_nav ul li.active_nav .icon_profile { background-position: -191px -76px; }
.left_nav ul li:hover .icon_payment, .left_nav ul li.active_nav .icon_payment { background-position: -255px -78px; }
.left_nav ul li:hover .icon_setting, .left_nav ul li.active_nav .icon_setting { background-position: -319px -77px; }
.left_nav ul li:hover .icon_share, .left_nav ul li.active_nav .icon_share { background-position: -583px -88px; }
.left_nav ul li:hover .icon_reportBug, .left_nav ul li.active_nav .icon_reportBug { background-position: -750px -88px; }
.left_nav ul li:hover .icon_refer, .left_nav ul li.active_nav .icon_refer { background-position: -673px -87px; }
.left_nav ul li:hover .icon_filter, .left_nav ul li.active_nav .icon_filter { background-position: -804px -87px; }
.nav_name { border-left: 1px solid #e5e5e5; float: left; max-width: 170px; min-height: 70px; min-width: 170px; padding: 25px 10px 10px; }
.right_section { float: left; width: 76%; }
.right_sec_holder { float: left; width: 100%; border-left: 15px solid #e6e6e6; min-height: 700px; padding-bottom: 20px; }
.page_head { float: left; width: 100%; background: #f5f5f5; height: 70px; border-bottom: 1px solid #e5e5e5; min-width: 920px; }
.page_head_place { float: left; width: 920px; }
.page_heading { float: left; width: 100%; }
.page_heading span { font: 18px 'latoregular'; color: #2c84cc; border-bottom: 5px solid #2c84cc; float: left; padding-bottom: 32px; padding-top: 40px; }
.page_intro { float: left; width: 90%; font: 14px 'latolight'; color: #787878; margin: 20px 0; }
.page_intro a { color: #2c84cc; font-size: 12px; text-decoration: underline; }
.dash_prev { float: left; width: 920px; }
.desh_grph { float: left; width: 100%; }
.dash_tp_scale { float: left; width: 100%; background: #2c84cc; margin-bottom: 10px; }
.saclae_place { float: left; width: 82%; }
.saclae_place ul { float: left; width: 100%; margin: 0; padding: 25px 0px 25px 15px; list-style-type: none; }
.saclae_place ul li { float: left; width: 20%; text-align: center; font: 12px 'latoblack'; position: relative; color: #fff; text-transform: uppercase; padding-bottom: 20px; border-bottom: 4px solid #3293e3; }
.active_scale { border-bottom: 4px solid #3e5762 !important; }
.ic_crl { display: none; height: 20px; width: 20px; background: url(../images/round-cicle.png) no-repeat; position: absolute; bottom: -11px; left: 43%; }
.active_scale .ic_crl { display: inline-block; }
.tp_sclae_icn { float: right; background: #3e5762; width: 100px; height: 89px; }
.tp_sclae_icn a { float: left; width: 100%; height: 100; padding-top: 5px; }
/* ---- badges Class ----- */
.scale_icon { height: 65px; }
.scl_ic_elite { background: url(../badges/elite.png) 50% no-repeat; }
.scl_ic_cruising { background: url(../badges/cruising.png) 50% no-repeat; }
.scl_ic_danger { background: url(../badges/danger.png) 50% no-repeat; }
.scl_ic_rookie { background: url(../badges/rookie.png) 50% no-repeat; }
.scl_ic_rockstar { background: url(../badges/rockstar.png) 50% no-repeat; }
.ic_name { float: left; width: 97%; text-align: center; font: 12px 'latoblack'; color: #fff; text-transform: uppercase; overflow: hidden }
/* ----------------------- */
.dash_sub_ttl { float: left; width: 28%; }
.dash_sub_det { float: left; width: 100%;/* background:#3e5762; *//* padding:20px; */ height: 370px; position: relative; }
.icon_dol_big { float: left; height: 38px; width: 23px; background: url(../images/sprit-icons.png) -457px -26px no-repeat; }
.icon_dol_small { float: left; height: 22px; width: 18px; background: url(../images/sprit-icons.png) -425px -35px no-repeat; }
.dash_amt {/* float:left; */ font: 35px 'latoregular'; color: #fff; line-height: 35px; display: block; padding-bottom: 18px; }
.dash_amt2 { float: left; font: 40px 'latolight'; color: #fff; line-height: 40px; }
.dash_btm_amt { font-size: 35px; line-height: 35px; font-family: 'latolight'; color: #fff; vertical-align: top; padding-bottom: 0; }
span.dash_icon_style { color: #5c7f8f; font-size: 34px; vertical-align: top; line-height: 40px; font-family: 'latobold'; }
.amt_dis { float: left; width: 100%; padding-left: 25px; font: 12px 'latobold'; color: #fff; text-transform: uppercase; }
.dash_sub_top { background-color: #3e5762; float: left; width: 100%; padding: 10px; height: 228px; margin-bottom: 10px; }
.dash_sub_bottom { float: left; width: 100%; background-color: #2C84CC; padding: 35px 20px 0; height: 131px; text-align: center; }
.dash_sub_bottom .amt_dis { padding-left: 0; font-size: 17px; font-family: 'latobold'; }
.dash_sub_bottom .amt_dis:after { content: " "; display: inline-block; width: 14px; background: url(../images/dashboard-arrow.png) no-repeat left 1px; height: 14px; margin: 0 0 0 10px; }
.dash_sub_bottom a { color: #fff; text-decoration: none; }
.dash_rig_det { float: left; width: 71%; margin-left: 1%; }
.dash_num_dis { float: left; width: 100%; }
.dash_num_dis ul { float: left; width: 100%; margin: 0; padding: 0; list-style-type: none; }
.dash_num_dis ul li { float: left; background: #2c84cc; width: 23.5%; margin: 0 2% 10px 0; padding: 10px 5px 12px; min-height: 130px; }
.dash_num_dis ul li:nth-child(4n) { margin-right: 0; }
.num_hol { margin: 0 auto; text-align: center; }
.dash_num_hol { display: inline-block; width: 110px; font: 58px 'latobold'; color: #fff; border-bottom: 1px solid #6ca9db; margin-bottom: 10px; }
.num_dis { float: left; width: 100%; font: 11px 'latoblack'; color: #fff; text-transform: uppercase; }
.dash_mid { float: left; width: 100%; margin-top: 20px; max-width: 920px; }
.dash_alert_box { float: left; border: 1px solid #e6e6e6; width: 57%; }
.box_top { float: left; width: 100%; padding: 8px 10px; border-bottom: 1px solid #e6e6e6 }
.box_head { font: 20px 'latolight'; color: #424242; }
.small_font { font: 14px 'latolight'; color: #5a6779; }
.lt_blk_md { font: 16px 'latoblack'; color: #2c84cc; }
.lt_bol_sm { font: 12px 'latobold'; color: #2c84cc; }
.lt_bold_14 { font: 14px 'latobold'; color: #2c84cc; }
a.lt_bold_14:hover { color: #4c4c4c; }
.flol { float: left; }
.flor { float: right; }
.alertTab { max-width: 920px; width: 100%;}
.alertCount { background: #e43535 none repeat scroll 0 0; border-radius: 50%; color: #fff !important; font-size: 11px !important; padding: 3px 4px !important; position: absolute; right: -20px; text-align: center; top: 15px; border-bottom: transparent !important;}
.alertTabC { position: relative;}
.alert_bo_detail { float: left; width: 100%; max-width: 920px; padding: 25px 0 0 30px; }
.alert_bo_detail ul { float: left; width: 100%; margin: 0; padding: 0; list-style-type: none; }
.alert_bo_detail ul li { float: left; width: 100%; padding: 8px 10px; border-bottom: 1px solid #e6e6e6; font: 16px 'latoregular'; color: #666; }
.alert_row { float: left; width: 100%; }
.al_plc, .city { font: 14px 'latoregular'; color: #999; }
.city { font-family: latolight; font-style: italic; }
.msg_read { background: #f6f6f6; }
.dash_recent_job { float: left; border: 1px solid #e6e6e6; width: 40%; margin-left: 3%; margin-bottom: 10px; }
.filter_icon { height: 22px; width: 22px; background-position: -387px -33px; float: left; }
.rcnt_job_det { float: left; width: 100%; padding: 15px 0 15px 0px; border-top: 1px solid #e6e6e6; position: relative; }
.box_pd { float: left; width: 100%; padding-left: 10px; }
.pos_com_name { float: left; width: 100%; font: 10px 'latobold'; color: #b2b2b2; text-transform: uppercase; }
.jb_ttl_noti { float: left; width: 100%; margin-top: 5px; }
.job_ttl { float: left; }
.job_brief { float: left; width: 100%; font: 14px 'latolight'; color: #777; margin-top: 10px; }
.job_dis { float: left; width: 100%; font: 14px 'latolight'; color: #a3a3a3; padding: 10px 0 10px 10px; line-height: 25px; border-bottom: 1px solid #e6e6e6; }
.jb_highlight { font: 14px 'latoregular'; color: #2c84cc; }
.single_row { float: left; width: 100%; }
.rd_more { color: #2c84cc; text-decoration: underline; }
.job_list.onDashboard { float: left; width: 100%; border-color: #e6e6e6; border-left: none; border-right: none; }
.job_list.onDashboard .apply_btns span { display: block; }
.noti_ttrip { float: right; margin-right: 10px; }
.dash_pg_plc { float: left; width: 100%; border-top: none; padding: 20px; }
.job_apply { float: left; width: 100%; margin-bottom: 10px; }
.job_apply ul { float: left; width: 100%; margin: 10px 0; padding: 0; list-style-type: none; text-align: center; }
.job_apply ul li { display: inline-block; margin: 0 15px; vertical-align: middle; }
.job_apply ul li a { font: 18px 'latolight'; color: #999; border: 1px solid #e6e6e6; padding: 5px 20px; line-height: 18px; display: block; }
.job_apply ul li a span { display: block; font-size: 16px; }
.job_apply ul li a:hover { background: #2c84cc; color: #fff; }
.see_more_jb { float: left; width: 100%; }
.see_more_jb a { float: left; width: 100%; background: #f6f6f6; padding: 5px 0; text-align: center; color: #2c84cc; font: 26px 'latolight'; }
.tol_place { color: #fff; background: #2c84cc; padding: 8px; border-radius: 30px; line-height: 10px; }
div.tooltips { position: relative; display: inline; }
div.tooltips span { position: absolute; width: 200px; color: red; background: #FFFFFF; border: 2px solid #E6E6E6; left: -120px; text-align: center; visibility: hidden; border-radius: 0px; }
div.tooltips span:before { content: ''; position: absolute; bottom: 100%; left: 120px; margin-left: 45px; width: 0; height: 0; border-bottom: 12px solid #E6E6E6; border-right: 12px solid transparent; border-left: 12px solid transparent; }
div.tooltips span:after { content: ''; position: absolute; bottom: 100%; left: 120px; margin-left: 49px; width: 0; height: 0; border-bottom: 8px solid #FFFFFF; border-right: 8px solid transparent; border-left: 8px solid transparent; }
div:hover.tooltips span { visibility: visible; opacity: 1; top: 10px; left: 50%; margin-left: -165px; z-index: 999; }
.pd_lt3 { padding-left: 30px; word-wrap: break-word; }
.mr_tp5 { margin-top: 5px; }
.mr_tp10 { margin-top: 10px; }
.mr_rt15 { margin-right: 15px; }
.mr_tp20 { margin-top: 20px; }
.mr_tp45 { margin-top: 45px; }
.no_btb_bdr { border-bottom: none; }
.no_pdl { padding-left: 0; }
.mar-top-35 { margin-top: 35px; }
.mar-btm-80 { margin-bottom: 80px; }
.mar-top-80 { margin-top: 80px; }
@media (max-width:1200px) {
.dash_num_dis ul li { margin-right: 8px; }
.dash_num_hol { font-size: 43px; }
.job_list { margin-bottom: 20px; }
.search_form input[type="text"] { width: 40%; }
}
/*Added by deepak for job listing page on 11 march*/
.search_filter { float: left; width: 100%; }
:root .form_list:before { width: 40px\9\0; left: -100000px\9\0 }
:root .form_list:after { width: 40px\9\0; left: -100000px\9\0 }
.form_list { border: 1px solid #c2c2c2; border-radius: 4px; float: left; height: 52px; position: relative; width: 80%; }
.form_list select { background: #ffffff; border: 0 none; border-radius: 4px; box-shadow: none; color: #999999; display: inline-block; font-size: 14px; height: 50px; width: 100%; padding-right: 5px; }
.form_list input[type=text] { background: none repeat scroll 0 0 #ffffff; border: 0 none; border-radius: 4px; box-shadow: none; color: #999999; display: inline-block; font-size: 14px; font-style: italic; height: 50px; width: 100%; padding-right: 5px; background: none; }
.form_list > a { display: block; width: 125px; background: #fff; height: 50px; padding: 15px 5px; font-size: 16px; color: #a3a3a3; font-family: 'latoitalic'; }
.search_filter .form_list { float: left; width: auto; margin-right: 20px; }
.search_filter .form_list.sm_list { width: 125px; }
.search_filter .form_list.md_list { width: 200px; }
.list_filter_tool { float: right; position: relative; margin-top: 15px; }
.list_filter_drop { background: url("../images/round-button.png") no-repeat scroll 2px 0 rgba(0, 0, 0, 0); float: left; height: 24px; width: 10px; }
.list_filter_op { position: absolute; right: 0; top: 30px; width: 270px; z-index: 10; padding-top: 17px; }
.list_filter_op .pop_arw { background: url("../images/pop-arrow.png") no-repeat scroll right top rgba(0, 0, 0, 0); border: 0 none; display: inline-block; float: right; height: 5px; padding: 0; width: 10px; margin-right: 5px; margin-top: -5px; }
.list_filter_dis { background: none repeat scroll 0 0 #f7f7f7; border: 1px solid #c4c4c4; float: left; border-radius: 4px; width: 100%; }
.list_filter_head { color: #2c84cc; padding: 10px 15px; border-bottom: 1px solid #c4c4c4; font-size: 16px; }
.list_filter_list { padding: 10px 15px; overflow: hidden; }
.list_filter_list p { margin-bottom: 5px; font-size: 16px; color: #4c4c4c; }
.list_FilterIcon { float: left; width: 100%; cursor: pointer; }
.list_FilterIcon label { font-weight: normal; cursor: pointer; }
.list_FilterTxt { float: left; padding-left: 20px; font-size: 14px; color: #666; }
.list_FilterIcon input { display: none; }
.list_FilterIcon span { background: url("../images/radio-button.png") no-repeat scroll 0 -28px rgba(0, 0, 0, 0); display: block; height: 15px; padding: 0; width: 15px; border: 0 none; margin-top: 4px; float: none; }
.list_FilterIcon label input:checked + span { background: url("../images/radio-button.png") no-repeat scroll 0 0px rgba(0, 0, 0, 0); }
.list_filter_op { display: none; }
.list_toolactive .list_filter_op { display: block; }
span.list_refer { position: absolute; width: 22px; height: 22px; right: 15px; top: 10px; border-radius: 50%; background: #2c84cc; text-align: center; padding-bottom: 5px; color: #fff; font-size: 15px; cursor: pointer; }
.sel-filters { border-bottom: 1px solid #e5e5e5; float: left; width: 100%; }
.mfilhol { float: left; width: 910px; padding: 15px 0 12px 30px; }
.job_apply_section {width:920px;}
.job_apply_section .div_rjform { width: 95% !important; float: left !important; min-height: auto !important; margin-bottom: 10px; }
.job_apply_section .filter-keyword { margin-top: 5px; }
.mfilhol .div_rjform { width: 100%; float: none; min-height: 46px; }
.mfilhol .div_rjform #keywordField { height: 34px; margin-bottom: auto; }
.mfilhol .div_rjform .sl_status { height: 34px; }
.mfilhol .div_rjform .sl_status select { height: 32px; background: url("../images/dropdown-imgprofile.png") no-repeat scroll 100% -5px rgb(255, 255, 255) !important; }
.mfilhol .form-control { width: 270px; margin-bottom: 15px; clear: both; }
span.value { background: #378acf; font-size: 13px; color: #fff; margin-right: 5px; margin-bottom: 5px; display: inline-block; line-height: 29px; padding-left: 10px; position: relative; padding-right: 25px; border-radius: 20px; }
span.value a { background: url(../images/close-icon.png) no-repeat scroll 0 0; width: 10px; height: 10px; top: 10px; margin-left: 0px; position: absolute; right: 7px; }
.sel-filters .clear { font-size: 18px; color: #2c84cc; text-decoration: underline; float: right; padding: 3px 0; }
/*Location Lightbox*/
.list_locationone_wrap { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 40px 40px 10px; min-height: 350px; width: 100%; float: left; }
.list_location_wrap { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 40px 15px 10px; min-height: 460px; width: 33%; float: left; }
.list_loc_any, .list_location_wrap .pincode { margin: 0 auto 10px; text-align: center; width: 240px; height: 49px; border: 1px solid #d1d1d1; }
.list_loc_any span { background: url(../images/anywhre_tck.png) no-repeat scroll 0 0; height: 48px; float: left; width: 52px; }
.list_loc_any p { font-family: 'latolight'; font-size: 18px; color: #666; padding: 13px 0; }
.or_txt { margin: 20px 0; text-align: center; font-size: 16px; color: #a3a3a3; }
.list_location_wrap .pincode input { background: #fff; width: 100%; height: 100%; padding: 10px; font-family: 'latolight_italic'; font-size: 16px; color: #a3a3a3; }
.loc_range_slider { padding: 20px; background: #f5f5f5; border: 1px solid #d1d1d1; overflow: hidden; }
.loc_range_slider ul { float: left; width: 590px; }
.loc_rangeHead { font-size: 16px; color: #a3a3a3; }
.loc_range_slider li { float: left; width: 59px; }
.loc_range_slider li span { font: 14px 'latobold'; color: #a3a3a3; }
.loc_range_slider li p { font: 12px 'latolight'; color: #a3a3a3; }
.loc_marks { background: url(../images/loc_marker.png) no-repeat scroll center 0; float: left; padding: 20px 7px 0px; text-align: center; }
.loc_buttons { padding-top: 20px; text-align: right; }
.loc_buttons input { Font-size: 18px; width: 150px; height: 42px; }
.loc_buttons input[type="reset"] { background: none repeat scroll 0 0 #ffffff; color: #2c84cc; border: 1px solid #2c84cc; }
.loc_buttons input[type="submit"] { background: none repeat scroll 0 0 #2c84cc; color: #fff; border: 1px solid #2c84cc; margin-left: 10px; }
.loc_buttons input[type="button"] { background: none repeat scroll 0 0 #2c84cc; color: #fff; border: 1px solid #2c84cc; margin-left: 10px; }
.can_buttons { float: left; padding-top: 20px;}
.can_buttons input { background: none repeat scroll 0 0 #8A8A8A; color: #fff; border: 1px solid #d6d6d6; margin-left: 10px; Font-size: 18px; width: 150px;
height: 42px;}
input.sdBtn:hover {
opacity: 0.9;
}
.refInd { text-align: center;}
.refInd h4 { margin: 0; color: #2C84CC; font-weight: 600; }
.refInd p { }
.refInd h5 { border-top: 1px solid #ccc; color: #909090; padding-top: 10px; margin: 0 0 20px 0; }
/**********Added by mayank for setting page*************/
.page_heading ul { float: left; width: 100%; }
.page_heading ul li { float: left; margin-right: 50px; }
.page_heading ul li.back-btn{ float: left; margin-right: 0px;}
.page_heading ul li:last-child { margin-right: 0; }
.page_heading ul li a { font: 18px 'latoregular'; color: #666666; float: left; padding: 22px 0; }
.page_heading ul li.ac_tab { border-bottom: 5px solid #2c84cc; }
.page_heading ul li.ac_tab a { color: #2c84cc !important; }
.page_heading ul li.ac_tab a:hover { border: 0px!important; }
.page_heading ul li a:hover { border-bottom: 5px solid #2c84cc; color: #2c84cc !important }
.page_heading ul li.right-btn { float: right; }
.page_heading ul li.right-btn a:hover { border-bottom: none; }
.page_heading .back-btn a { background: url(../images/back-arrow.png) no-repeat scroll 0 54%; padding-left: 40px !important; padding-top: 45px;}
.st_rt_holder { float: left; width: 910px; padding-top: 25px; }
.st_top { font: 22px 'latolight'; color: #787878; }
.st_eid { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; padding: 5px 0 15px; }
.ic_mail { position: relative; padding-left: 33px; }
.ic_mail:before { content: ''; width: 27px; height: 20px; background: url(../images/set-pro.png) -275px -27px no-repeat; top: 4px; position: absolute; left: 0; }
.st_eid a { float: left; }
.lt_lt_mibl { font: 22px 'latolight'; color: #2c84cc; }
.res_pwd { float: left; width: 100%; padding-top: 15px; }
.ic_pwd { position: relative; padding-left: 33px; }
.ic_pwd:before { content: ''; width: 27px; height: 27px; background: url(../images/set-pro.png) -315px -22px no-repeat; position: absolute; left: 0; }
.alert_set { float: left; width: 100%; }
.alert_set ul { float: left; width: 100%; }
.alert_set ul li { float: left; width: 100%; border-bottom: 1px solid #dddddd; padding: 15px 0px 15px 10px; }
.alert_set ul li:first-child { border: 1px solid #dddddd; font: 20px 'latoregular' }
.set_col1, .set_col2, .set_col3 { float: left; }
.set_col1 { width: 66%; }
.set_col2 { width: 17%; }
.set_col3 { width: 17%; text-align: right; }
.set_label { font-size: 20px; font-family: 'latolight'; color: #333; float: left; margin-top: 6px; }
.set_col2 input { margin-top: 15px; }
.se_dayse .form_list select { font-size: 20px; font-family: 'latolight'; color: #808080; border-radius: 0; cursor: pointer; font-style: normal; }
.smtxt { float: left; font-size: 16px; font-family: 'latolight'; font-style: normal; color: #999999; margin: 20px 10px 0 0; }
.pbm { float: left; padding-bottom: 0; }
.se_dayse { float: left; width: 315px; margin-left: 25px; }
.slthol { float: left; width: 285px; max-height: 80px; overflow-y: auto; }
.pd_rt10 { padding-right: 10px; }
.time_pic { float: left; margin-left: 75px; position: relative; }
.is-timeEntry { border: 1px solid #c2c2c2; font: 24px 'latoregular'; color: #333; padding: 8px; }
.timeEntry-control { position: absolute; right: -30px; display: inline-block; width: 18px !important; height: 44px !important; background: url(../images/time-arrow.png) 0px 0px no-repeat !important; }
.mr_tp25 { margin-top: 15px; }
/*Css for refer pop up*/
.refer_pop_wrap .list_filter_op { top: 20px; }
.refer_pop { padding: 0; }
.refer_pop .refer_popHead { font-size: 14px; color: #4c4c4c; padding-top: 5px; }
.refer_popList { margin-bottom: 5px; }
.refer_popList a, .refer_popList span { font-size: 14px; color: #2c84cc; font-family: 'latolight'; }
.refer_popList a { text-decoration: underline; }
.refer_pop_wrap:hover .list_filter_op { display: block; }
/*Css for profile pages*/
.nolftPad { padding-left: 0px; }
.update_status { float: right; padding: 40px 0; font-size: 16px; color: #666; font-family: 'latolight_italic'; }
.profile_sec_wrap { position: relative; border: 1px solid #e8e8e8; float: left; }
.prof_pers_wrap { background: #2C84CC; margin-top: 110px; }
.prof_pic_circle { left: 0; height: 170px; width: 170px; overflow: hidden; border-radius: 83px; -webkit-border-radius: 83px; -moz-border-radius: 83px; top: 0px; position: relative; }
.mpro_page { top: 0 !important; height: 100%; }
.prof_pers_text { padding: 72px 4px 0; text-align: left; color: #fff; }
.prof_pers_text .profile_name { font-size: 24px; overflow: hidden }
.editIcon { background: #f5f5f5 none repeat scroll 0 0; border-radius: 14px; color: #1d1d1d; cursor: pointer; display: inline-block; font-size: 14px; padding: 3px 13px; margin-left: 26px; }
.prof_status_wrap { padding-bottom: 5px; }
.prof_status_wrap .profile_status { font-size: 18px; font-family: 'latolight'; }
.prof_status_wrap .profile_status input { background: transparent; text-align: center; }
.prof_pers_text .batch { padding: 5px; border-top: 1px solid #2771AD; }
.prof_pers_text .batch li { padding: 5px 0 2px; }
.prof_pers_text .batch .linkdn { background: url("../images/set-pro.png") repeat scroll -360px -22px rgba(0, 0, 0, 0); display: inline-block; height: 26px; width: 27px; }
.prof_contact_info { padding: 22px 5px 12px 0; }
.prof_contact_field { padding: 3px 0 }
.prof_contact_field h5 { margin: 0; padding: 5px 2px; font-size: 17px; color: #f1f2f3; }
.prof_contact_field h5 i { background: url("../images/sprit-icons.png") no-repeat scroll -424px -94px; width: 15px; height: 12px; display: inline-block; margin-right: 13px; }
.prof_contact_field h6 { margin: 0; padding: 5px 2px; font-size: 17px; color: #f1f2f3; }
.prof_contact_field h6 i { background: url("../images/sprit-icons.png") no-repeat scroll -455px -93px; width: 15px; height: 12px; display: inline-block; margin-right: 13px; }
.prof_contact_field span { font-size: 15px; color: #4c4c4c; padding-right: 10px; }
.prof_contact_field a { font-size: 15px; color: #2c84cc; }
.prof_contact_field input { border: 1px solid #c2c2c2; background: transparent; color: #666; font-size: 15px; width: 160px; padding: 0 8px; }
.prof_resumeHead { padding: 12px 15px; border-bottom: 1px solid #e8e8e8; text-align: center; }
.prof_resumeHead h4 { font-size: 18px; color: #4c4c4c; }
.prof_resumeHead p { font-size: 14px; color: #999; margin-bottom: 4px; }
.prof_resumeHead p span { color: #4c4c4c; font-family: 'latobold'; }
.prof_resume_wrap { float: left; width: 100%; }
.prof_resume_wrap .resume_list { padding: 30px 15px; border-bottom: 1px solid #e8e8e8; position: relative; float: left; width: 100%; }
.pdf_file { background: url("../images/file-icons.png") repeat scroll -22px -15px rgba(0, 0, 0, 0); display: inline-block; height: 29px; width: 33px; float: left; margin-right: 8px; margin-top: 5px; }
.txt_file { background: url("../images/file-icons.png") repeat scroll 63px -15px rgba(0, 0, 0, 0); display: inline-block; height: 29px; width: 33px; float: left; margin-right: 8px; margin-top: 5px; }
.rtf_file { background: url("../images/file-icons.png") repeat scroll -144px -15px rgba(0, 0, 0, 0); display: inline-block; height: 29px; width: 33px; float: left; margin-right: 8px; margin-top: 5px; }
.doc_file { background: url("../images/file-icons.png") repeat scroll -77px -15px rgba(0, 0, 0, 0); display: inline-block; height: 29px; width: 33px; float: left; margin-right: 8px; margin-top: 5px; }
.docx_file { background: url("../images/file-icons.png") repeat scroll -77px -15px rgba(0, 0, 0, 0); display: inline-block; height: 29px; width: 33px; float: left; margin-right: 8px; margin-top: 5px; }
.url_file { background: url("../images/file-icons.png") repeat scroll 63px -15px rgba(0, 0, 0, 0); display: inline-block; height: 29px; width: 33px; float: left; margin-right: 8px; margin-top: 5px; }
.prof_resume_wrap .resume_text { float: left; width: 200px; }
.prof_resume_wrap .resume_text .resume_name { font-size: 18px; color: #2c84cc; }
.prof_resume_wrap .resume_text .file_name { font-size: 14px; color: #666; word-break: break-all; }
.prof_resume_wrap .resume_text .upld_tym { font-family: 'latoitalic'; font-size: 14px; color: #999; }
.resume_filter_drop { background: url("../images/set-pro.png") no-repeat scroll -17px -22px rgba(0, 0, 0, 0); float: right; height: 24px; position: absolute; right: 9px; width: 10px; }
.resume_pop_wrap .res_set_opt li { border-bottom: 1px solid #c4c4c4; color: #4c4c4c; font-size: 15px; padding: 5px 8px; }
.prof_confirm_box { border: 1px solid #e8e8e8; padding: 20px 10px; float: left; width: 100%; }
.prof_confirm_box p { font-size: 20px; font-family: 'latolight'; color: #424242; width: 45%; float: left; }
.prof_confirm_box .cnfrm_btns { float: right; }
.prof_confirm_box .cnfrm_btns a { width: 125px; height: 40px; font-family: 'latolight'; font-size: 22px; color: #2c84cc; border: 1px solid #2c84cc; text-align: center; display: inline-block; margin-left: 10px; padding: 5px 0; }
.prof_confirm_box .cnfrm_btns a:hover { background: #2c84cc; color: #fff; }
.prof_rght_wrap { border: 1px solid #e8e8e8; float: left; width: 100%; }
.prof_rghtHead { padding: 10px; font-family: 'latoregular'; border-bottom: 1px solid #e8e8e8; }
.prof_rghtHead h4 { font-size: 20px; color: #424242; }
.prof_rghtHead p { font-size: 13px; color: #b2b2b2; }
.prof_listSet { padding: 15px 10px; border-bottom: 1px solid #e8e8e8; }
.prof_listSet h5 { font-size: 16px; color: #2c84cc; text-align: center; margin-bottom: 5px; }
.prof_add_btn { padding: 10px; border-top: 1px solid #e8e8e8; float: left; width: 100%; }
.prof_add_btn a { background: #2c84cc; color: #fff; font-family: 'latolight'; font-size: 22px; width: 100%; padding: 5px; display: block; text-align: center; }
.resume_pop_wrap .list_filter_op { right: 3px; top: 45px; width: 200px; }
.resume_pop_wrap .res_set_opt li a { font-size: 15px; color: #4c4c4c; }
.prof_jobstat_wrap { padding: 15px 10px; border-bottom: 1px solid #e8e8e8; float: left; width: 100%; }
.prof_jobstat_wrap h4 { text-align: center; font-size: 18px; color: #4c4c4c; margin-bottom: 5px; }
.profile_status > a.edit { color: #fff; font-family: 'latolight'; font-size: 13px; padding-top: 3px; position: absolute; right: 5px; }
.profile_status > a.edit i { background: url("../images/set-pro.png") no-repeat scroll -47px -30px rgba(0, 0, 0, 0); width: 10px; height: 10px; display: inline-block; margin-right: 2px; }
.pro_wrapper { display: inline-block; margin-bottom: 20px; }
.pro_left_sec { float: left; width: 280px; border: 1px solid #e8e8e8; position: relative; }
.pro_box { min-height: 410px; background-color: #fafafa; }
.pro_right_sec { width: 280px; float: left; margin-left: 20px; }
.pro_full { clear: both; display: block; }
.mr_tp50 { margin-top: 50px; }
.pro_skset { width: 100%; float: left; }
.mr_btm50 { margin-bottom: 50px; }
.pro_add_sec { float: left; width: 100%; padding: 30px 0 10px; background: #ececec; height: 245px; overflow: hidden; }
.pro_add_icon { float: left; width: 100%; text-align: center; }
.pro_add_det { float: left; width: 100%; color: #888888; text-align: center; font-size: 12px; }
.pro_add_det span { float: left; width: 100%; font-size: 22px; }
/* ---- lightbox content holder --------- srd --- */
.liteBoxMaster{ background:#fff;positon:relative; max-height:600px; overflow:hidden;display:block !important; }
.liteBoxContent{max-height:580px; overflow:auto;padding:0px 10px; margin:10px 0px; display:block;}
/* ---------------------------------- */
/* Example custom styling */
.up_proimg { padding: 2px 5px; margin: 2px; position: absolute; left: 0; color: #fff; padding: 10px 0; top: 0; font: 14px 'latolight'; text-align: center; display: inline-block; width: 100%; pointer: cursor; top: 105px; }
.up_proimg input { position: absolute; z-index: 2; opacity: 0; width: 100%; height: 100%; top: 0; cursor: pointer; }
.update_pro a { float: left; width: 100%; padding: 5px 20px; font-size: 22px; height: 40px; }
.pro_update { padding: 25px 0; }
/***************profile lightbox css**************/
.box_header { float: left; width: 100%; font: 14px 'latoregular'; color: #b2b2b2; padding: 13px 20px; }
.box_header span { font: 30px 'latolight'; color: #2c84cc; float: left; width: 100%; }
.box_mid_sec { float: left; width: 100%; border-top: 1px solid #e5e5e5; }
.main_cat { float: left; width: 370px; height: 495px; overflow-y: scroll; }
.main_cat ul { float: left; width: 100%; }
.main_cat li { float: left; width: 100%; }
.main_cat ul li a { float: left; width: 100%; font: 20px 'latolight'; color: #666; padding: 9px 0 9px 20px; border-bottom: 1px solid #e5e5e5; }
.main_cat ul li a:hover, .skil_cat ul li a.active { background: #f5f5f5; color: #448ed0; }
.skill_sub_cat { float: left; width: 530px; position: relative; }
.dis_subcat { float: left; width: 100%; height: 410px; overflow-y: scroll; }
.dis_subcat ul { text-align: center; float: left; width: 100%; padding: 15px 15px 5px; }
.dis_subcat ul li { width: 100%; float: left; margin: 0 0 5px; }
.cat_box { float: left; width: 100%; border: 2px solid #cccccc; }
.cat_box label { float: left; width: 100%; cursor: pointer; margin-bottom: 0; }
.cat_box input { display: none; }
.add_des { height: 30px; }
.profile_status.add_des > a.edit { width: 100%; }
.fld_name { font: 20px 'latolight'; color: #808080; padding: 8px 0; }
.cat_box:hover { background: #999; }
.cat_box:hover .fld_name { color: #fff; }
.cat_box.checked { background: #2c84cc; }
.cat_box.checked .fld_name { color: #fff; }
.btm_sub_btn { float: left; width: 100%; border-top: 1px solid #e5e5e5; text-align: center; padding: 10px 0; }
.pro_subntn { background: none repeat scroll 0 0 #2c84cc; color: #fff; cursor: pointer; font: 26px 'latolight'; padding: 15px 20px; margin-top: 10px; text-align: center; width: 270px; }
.add_lo_sec { width: 465px; }
.add_lo_sec .dis_subcat ul li { margin: 5px 10px; }
.loc_cat ul li a { font-size: 17px !important; }
.loc_cat { width: 275px; height: 410px; position: relative; }
.loc_rig_sec { border-left: 10px solid #f1f1f1; }
.con_list { float: left; width: 150px; overflow-y: scroll; height: 500px; }
.con_list ul li { float: left; width: 100%; }
.con_list ul li a { border-bottom: 1px solid #e5e5e5; color: #666; float: left; font: 20px 'latolight'; padding: 7px 0 7px 20px; width: 100%; }
.con_list ul li a:hover, .con_list ul li a.active { background: #f5f5f5; color: #448ed0; }
.h3Top { margin-bottom:70px !important; }
.myActivityMsg {text-align: center;margin: 80px;}
.myActivityMsg h1 {margin: 10px;color: #2b84cc;font-weight: 600;}
.myActivityMsg a {background: #2b84cc;color: #fff;border-radius: 10px;padding: 13px;display: block;width: 250px;margin: 30px auto;font-size: 18px;}
.noDataFound {text-align: center;margin-top: 100px;color: #666666;}
/***********css added by mayank for company user*****************/
.com_tp_filtr { float: left; width: 100%; background: #f5f5f5; border-bottom: 1px solid #e5e5e5; min-width: 920px; }
.com_fil_holder { float: left; width: 920px; margin-top: 25px; padding-left: 30px; }
.com_fil_holder ul { float: left; width: 100%; margin: 0; padding: 0; }
.com_fil_holder ul li { float: left; width: 18%; margin-right: 4%; }
.com_fil_holder ul li:nth-child(3) { width: auto; }
.com_sr_btn { float: left; width: 100%; }
.srcg_btn { font: 22px 'latolight'; color: #fff; background: #2c84cc; padding: 13px 20px; float: left; }
.com_fil_holder .form_list { border-radius: 0; }
.com_fil_holder .form_list select { font-size: 16px; font-style: normal; }
.pay_listing { float: left; width: 100%; margin-bottom: 50px; }
.pay_listing ul { float: left; width: 100%; margin: 0; padding: 0; list-style-type: none; }
.pay_listing ul li { font: 14px 'latoregular'; color: #999; float: left; width: 100%; margin-bottom: 20px; border: 1px solid #dddddd;/* padding: 15px;*/ position: relative;}
.pay_col_1, .pay_col_2, .pay_col_3 { float: left; }
.pay_col_1 { width: 35%; }
.pay_col_2 { width: 33%; }
.pay_col_3 { width: 32%; }
.pjob_name { float: left; width: 100%; }
.pjob_name span { font: 18px 'latoregular'; color: #2c84cc; margin-bottom: 5px; }
.pay_jid { float: left; width: 100%; font: 14px 'latoregular'; color: #999; margin: 3px 0; }
.pay_jid span { font-family: latolight; }
.pay_ref { float: left; width: 100%; font: 14px 'latoregular'; color: #9e9e9e; }
.pay_ref_row1, .pay_ref_row2 { float: left; width: 100%; }
.pay_ref a { font: 14px 'latoregular'; color: #2c84cc; }
.pay_ref_nm { font: 18px 'latoregular' !important; color: #2c84cc; }
.ap_rej_btn { float: left; width: 100%; }
.ap_rej_btn ul { float: right; margin: 0; padding: 0; width: auto; margin-top: 10px; }
.ap_rej_btn ul li { float: left; width: auto; padding: 0; margin-bottom: 0; margin-right: 20px; border: 0; }
.ap_rej_btn ul li:last-child { margin-right: 0; }
.ap_rej_btn ul li a { min-width: 100px; text-align: center; float: left; }
.ap_rej_btn ul li a.app_btn { padding: 10px 15px; }
.app_btn { font: 18px 'latolight'; color: #2c84cc; border: 1px solid #2c84cc; }
.rej_btn { font: 18px 'latolight'; color: #ff6666; border: 1px solid #ff6666; min-width: 100px; }
.app_btn:hover { background: #2c84cc; color: #fff; }
.rej_btn:hover { background: #ff6666; color: #fff; }
.post_job { float: right; margin: 25px 40px 0 0; }
.post_job a { font: 22px 'latolight'; color: #fff; background: #2c84cc; padding: 15px 20px; float: left; }
/***********css for approved payment page***************/
.app_rej_stats { float: left; width: 100%; font: 18px 'latoregular'; color: #9e9e9e; padding: 10px 0 0 70px; }
.pay_row1, .pay_row2 { float: left; width: 100%; }
.approv { color: #2c84cc; }
.reject { color: #ff6666; }
.pay_row2 { font-size: 14px; }
.com_srch_btn { float: right; position: relative; margin-top: 20px; }
ul.tert-nav { float: right; position: absolute; margin: 0; padding: 0; right: 10px; top: 0; list-style: none; }
.searchicon, .closesearch { height: 67px; width: 67px; padding: 18px; }
ul.tert-nav li { float: right; width: 69px; height: 69px; border: 1px solid #ddd; background: #fff; text-align: center; margin-left: 2px; cursor: pointer; transition: all .2s ease; -o-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; }
ul.tert-nav .search { width: 490px; text-align: left; cursor: default; }
ul.tert-nav .searchbox { display: none; width: 100%; }
ul.tert-nav .searchbox .closesearch { cursor: pointer; position: absolute; right: 0; }
ul.tert-nav .searchbox .closesearch:hover { opacity: 0.8; }
ul.tert-nav .searchbox input[type=text] { float: left; width: 88%; height: 62px; padding: 0px 0px 0px 10px; margin: 2px 0px 0px 0px; border: none; outline: none; font: 18px 'latoregular'; color: #666666; }
ul.tert-nav .searchbox input[type=submit] { float: left; width: 26px; height: 24px; margin: 2px 0px 0px 0px; padding: 0px; border: none; background: url(images/search-btn.png) no-repeat; outline: none; cursor: pointer; }
.ref_wdth { width: 920px; }
.pdalin { padding: 15px 0 10px 30px; }
.ref_col_1, .ref_col_2, .ref_col_3 { float: left; }
.ref_col_1 { width: 40%; }
.ref_col_2 { width: 25%; }
.ref_col_3 { width: 35%; }
.vie_resume { float: left; width: 105px; text-align: center; margin-left: 10%; }
.vie_resume a { font: 16px 'latoregular'; float: left; color: #2c84cc; text-decoration: underline; }
.icon_resume { height: 40px; width: 45px; margin: 0 auto; background: url(../images/set-pro.png) -111px -14px; }
.btn_des { background: transparent; padding: 10px 15px; }
.sl_status { height: 42px; border-radius: 0; }
.sl_status select {font-size: 14px;font-style: normal;height: 40px;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;background: url("../images/dropdown-imgprofile.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);padding-right: 42px;background-size: 41px;padding-left: 10px;}
.wid150 { min-width: 150px; }
.sur_stat { font-weight: bold; }
.jb_pst a { max-width: 120px; padding: 5px; width: 120px; font-size: 16px; margin: 0; line-height: 16px; }
.jb_pst a span { display: block; font-size: 14px; }
.jb_pst a:first-child { margin-right: 5px; }
.jb_pst .refer { margin-right: 0; }
.closed { color: #666666; font: 14px 'latoregular'; }
.abt_expire { font: 14px 'latoregular'; color: #e2ac07; }
.expired { font: 14px 'latoregular'; color: #e85e5e; }
.lis-hol { float: left; width: 100%; margin-top: 20px; }
.lis-hol ul { float: left; width: 100%; }
.lis-hol ul li { width: 31%; float: left; margin-right: 3.5%; }
.lis-hol ul li:last-child { margin-right: 0; }
.lis-hol ul li li { width: 100%; }
.mul_sl_box { border: 1px solid #ddd; width: 100%; margin-bottom: 10px; float: left; }
.mul_sel.job_list .referral { font-weight: normal; }
.mul_sel { float: left; background: transparent; border: 0; width: 100%; }
.mul_sel .job_detail { padding: 20px 10px 10px; height: 127px; }
.mul_sl_box input { display: none; }
.mul_sel.job_list:hover { border: 0; }
.mul_sel.job_list:hover .job_subdetail { display: block !important; }
.mul_sel .job_subdetail { height: auto; float: left; padding: 10px; width: 100%; }
.job_selected { border: 1px solid #2c84cc; background: url(../images/checked.png) 96% 10px no-repeat #f5f5f5; }
.mul_sl_box:hover { border: 1px solid #2c84cc; background: url(../images/checked.png) 96% 10px no-repeat #f5f5f5; }
.lis-hol ul li label { float: left; width: 100%; }
.btn_section { float: left; width: 100%; }
.btn_section .lis-hol ul li { float: right; }
.ar_bck { float: left; height: 22px; width: 35px; background: url(../images/back-arrow.png) no-repeat; }
.fil_sec { float: left; width: 100%; margin-bottom: 40px; border-bottom: 4px double #ddd; }
.post_jb_form { float: left; width: 100%; margin-bottom: 100px; }
.field_ttl { font: 16px 'latoregular'; color: #4c4c4c; }
.mendatory { color: red; }
.ip_txt { float: left; width: 100%; border: 1px solid #c2c2c2; font: 16px 'latolight'; color: #666; padding: 7px 10px; height: 42px; }
.po_form_filed { float: left; width: 100%; margin-bottom: 20px; }
.po_form_filed .sl_status { height: 42px; border-radius: 0; }
.po_form_filed .sl_status.form_list:before { height: 55px; background: url("../images/dropdown-icon.png") no-repeat scroll 100% 3px rgba(0, 0, 0, 0); }
.po_form_filed .sl_status.form_list:after { height: 55px; background: url("../images/dropdown-icon.png") no-repeat scroll 100% -2px rgba(0, 0, 0, 0); }
.po_form_filed .sl_status select { font: 16px 'latolight'; padding: 0px 43px 0px 10px; font-style: normal;/* height: 53px;*/ }
.mn_ins { font: 12px 'latoregular'; color: #666; width: 100%; float: left; }
.res_sec { float: left; width: 100%; }
.res_sec ul { float: left; width: 100%; padding: 0; list-style-type: none; margin: 10px 0; }
.res_sec ul li { float: left; width: 50%; margin-bottom: 5px; }
.check_name { font: 16px 'latoregular'; color: #666; cursor: pointer; }
ul.int_type li { width: 100%; }
.ip_editor { height: 445px; max-width: 100%; }
.save_jb { font: 22px 'latolight'; color: #fff; width: 270px; background: #2c84cc; padding: 15px 20px; float: right; text-align: center; cursor: pointer; }
/***********css added by mayank for job section**************/
.cstBtnwidth {width:150px;}
.jb_enrl { float: left; width: 100%; }
.user_pic { float: left; width: 56px; margin-right: 10px; }
.use_info { float: left; width: 120px; font: 14px 'latoregular'; color: #9e9e9e; }
.us_name, .en_date { float: left; width: 100%; }
.us_name { font: 15px 'latoregular' !important; color: #2c84cc; }
.en_btn { width: 150px; }
.enr_update {float: left; font: 14px 'latoregular'; margin-left: 40px;}
.enr_update span { font-style: italic; }
.enr_status { float: left; color: #00c168; font: 18px 'latobold'; }
.enr_sor_sec { float: right; margin-top: 40px; width: 150px; }
.enr_sorting { float: left; width: 100%; }
.enr_sorting span { font: 16px 'latobold'; color: #9e9e9e; }
.enr_sorting ul { flaot: left; width: 100%; }
.enr_sorting ul li { float: left; margin-right: 10px; border-right: 1px solid #9e9e9e; }
.enr_sorting ul li:last-child { border-right: 0; margin-right: 0; }
.enr_sorting ul li a { font: 16px 'latoregular'; color: #4f4f4f; position: relative; padding-right: 23px; margin-right: 5px; }
.enr_sorting ul li a.active { color: #2c84cc; text-decoration: underline; }
.tp_dn_ar { height: 18px; width: 18px; position: absolute; top: 0; right: 0; }
.ar_dn { background: url(../images/sorting-arrow.png) -82px -10px no-repeat; }
.enr_sorting ul li a.active .ar_dn { background: url(../images/sorting-arrow.png) -11px -10px no-repeat; }
.ar_up { background: url(../images/sorting-arrow.png) -47px -10px no-repeat; }
.enr_sorting ul li a.active .ar_up { background: url(../images/sorting-arrow.png) -117px -10px no-repeat; }
.hir_status { float: left; width: 150px; }
.cur_update { float: left; width: 100%; font: 18px 'latobold'; }
.viewProgress { border: 1px solid #448ed0; display: inline-block; padding: 5px 10px; margin-top: 6px; }
.clr_grn { color: #00c168; }
.clr_red { color: #FE0000; }
.clr_ora { color: #FF7F00; }
.clr_blue { color: #2c84cc; }
.clr_gray { color: #a5a5a5; }
.rec_block { float: left; width: 100%; padding: 15px; }
.clm_bns { padding: 17px 15px; min-width: 170px; }
.rec_sec .ap_rej_btn ul { float: right; /*margin-left: 40px; */margin-top: 5px; }
.listCustomBtn .rec_sec .ap_rej_btn ul { float: left !important; margin-left: 40px !important; margin-top: 5px; }/*btn align fix*/
.unread { background: #f5f5f5; border: 1px solid #2c84cc !important; }
.rec_sec ul li { padding: 0; position: relative; min-height: 50px }
.show_progress { display: none; position: absolute; top: 90px; left: -1px; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; background: #fff; z-index: 999; float: left; width: 100.3%; border-top: 1px solid #dddddd; padding: 15px; box-shadow: 0px 3px 0px #ccc; -webkit-box-shadow: 0px 3px 0px #ccc; -moz-box-shadow: 0px 3px 0px #ccc; }
.hide_pro { display: none; }
.hide_btn { display: none; }
.display_sec { display: block; }
.rec_pro_bar { float: left; width: 100%; }
.rec_probar_1, .rec_probar_2 { float: left; }
.rec_probar_1 { width: 78px; }
.rec_probar_2 { width: 246px; }
.pro_default_1 { float: left; background: url(../images/icon-com-deault.png) no-repeat; height: 45px; width: 78px; }
.pro_default_2 { float: left; background: url(../images/icon-pro-default.png) no-repeat; height: 45px; width: 246px; }
.pro_default_3 { float: left; background: url(../images/icon-completed-def.png) no-repeat; height: 45px; width: 247px; }
.task_completed { background: url(../images/icon-com-small.png) no-repeat; }
.task_progress { background: url(../images/icon-pro-active.png) no-repeat; }
.rec_probar_2 .task_completed { background: url(../images/icon-completed.png) no-repeat !important; }
.rec_probar_2 .task_progress { background: url(../images/icon-pro-active.png) no-repeat !important; }
.pro_icon_detail { float: left; width: 100%; margin-top: 10px; font-size: 12px; }
.pro_name { float: left; text-transform: uppercase; text-align: center; }
.pname1 { width: 135px; margin-right: 75px; }
.pname2 { width: 190px; }
.pname3 { width: 300px; }
.pname4 { margin-left: 35px; }
.my_oppr { min-width: 155px !important; }
.my_opp_txt { width: 55%; float: left; font: 22px 'latoregular'; color: #666666; margin-top: 10px; }
.up_res { font: 22px 'latoregular'; color: #666666; margin-top: 10px; float: left; margin-right: 15px; }
.sel_res { float: left; width: 192px; margin-right: 15px; }
.sel_res .sl_status select { font-size: 14px; }
label.up_res_sys input[type="file"] { position: fixed; top: -1000px; }
/***** Example custom styling *****/
.up_res_sys { padding: 2px 5px; margin: 2px; display: inline-block; }
.up_res_sys:hover { }
.up_res_sys:active { background: #CCF; }
.up_res_sys :invalid + span {
cursor:pointer;
text-decoration:underline;
font: 18px 'latolight' !important;
color: #2c84cc;
}
.up_res_sys :valid + span {
color: #4A4;
}
.jb_upbtn, .cus_upbtn { float: left; }
.cus_upbtn { margin: 7px 0 0 25px; }
.job_noactive { background: #fafafa; }
.job_noactive .pjob_name a, .job_noactive .pay_jid, .job_noactive .use_info, .job_noactive .us_name { color: #ccc; }
.oppor_lbox { float: left; width: 100%; padding: 30px 30px 20px 30px; }
.oppor_lbox ul { float: left; width: 100%; text-align: center; }
.oppor_lbox ul li { display: inline-block; width: 275px; margin: 0 20px; }
.oppor_lbox ul li button { width: 100%; background: #2c84cc; color: #fff; font-size: 28px; }
.noti_msg { float: left; margin-top: 30px; width: 100%; text-align: center; }
.noti_msg span { border-bottom: 1px solid #666666; font: 14px 'latolight'; color: #666666; }
/**********css for payment section********************/
.w9frm_sec { float: left; width: 100%; margin-top: 40px; }
.up_block { float: left; width: 270px; }
.pay_tp, .pay_tp2 { float: elft; width: 100%; font: 16px 'latoregular'; color: #4c4c4c; }
.pay_tp2 { font-family: latolight; color: #999; margin-top: 3px; }
.pay_main { float: left; width: 100%; }
.pay_tab { float: left; width: 100%; margin-top: 30px; }
.pay_tab ul { float: left; width: 100%; border: 1px solid #e5e5e5; padding: 0px 25px; }
.pay_tab ul li { float: left; margin-right: 70px; }
.pay_tab ul li a { font: 18px 'latoregular'; color: #666666; float: left; padding: 20px 0; }
.pay_tab ul li.ac_tab { border-bottom: 5px solid #2c84cc; }
.pay_tab ul li.ac_tab a { color: #2c84cc !important; }
.pay_upoptn { float: left; border: 1px solid #e5e5e5; width: 270px; }
.up_intor { float: left; font: 14px 'latolight'; color: #999; padding: 8px; }
.up_intor span { color: #424242; font-size: 20px; float: left; width: 100%; }
.pay_upicon { float: left; width: 100%; background: #ececec; padding: 40px 0; }
.up_icn_place { height: 157px; width: 157px; background: url(../images/upload-form-icon.png) no-repeat; margin: 0 auto; }
.pay_upbtn { float: left; width: 100%; padding: 5px 10px; }
.pay_upnbtn { position: relative; }
.pay_upnbtn input { position: absolute; z-index: 2; opacity: 0; width: 100%; height: 100%; top: 0; cursor: pointer; }
/* Example custom styling */
.pay_upnbtn { padding: 2px 5px; margin: 2px; background: #2c84cc; color: #fff; padding: 10px 0; font: 22px 'latolight'; text-align: center; display: inline-block; width: 100%; pointer: cursor; }
.pay_dwnfrm { float: left; margin-top: 13px; }
.pay_dwnfrm a { float: left; position: relative; padding-left: 40px; font: 18px 'latolight'; }
.pay_dwnfrm a:before { content: ''; width: 30px; height: 27px; position: absolute; top: 0; left: 0; background: url(../images/icon-pdf.png) no-repeat; }
.pay_tnku { float: left; width: 100%; text-align: center; font: 30px 'latolight'; color: #666; }
.payfrm_ip { float: left;/* width:65%; */ }
.pay_sb_btn { float: left; width: 30%; margin-left: 5%; margin-top: 23px; }
.pay_sb_btn .save_jb { width: 100%; }
.frm_veri { float: left; width: 100%; }
.blue_pdficn { height: 157px; width: 157px; float: left; background: url(../images/icon-pdf-blue.png) no-repeat; }
.veri_detail { float: left; font: 30px 'latolight'; color: #666; margin: 29px 0 0 30px; }
.pay_info { float: left; width: 190px; padding-left: 35px; }
.pay_sts .hir_status { width: 115px; }
.pd_lt0 { padding-left: 0; }
.pay_clm_rewad { float: left; width: 100%; text-align: center; font: 30px 'latolight'; }
.lig_upbtn { width: 230px; margin: 0 auto; }
/**********css added by mayank for message section*******************/
.unreadMsg{ font-weight: bold;}
.message_box { float: left; width: 100%; }
.message_listing, .msg_box { float: left; border: 1px solid #D6D6D6; }
.message_listing { width: 42.5%; margin-right: 33px; }
.sender_list_src { float: left; width: 100%; padding: 20px 10px; border-bottom: 1px solid #D6D6D6; margin-bottom: 10px; }
.lsrch_hol { float: left; width: 100%; position: relative; }
.list_srch { border: 1px solid #D6D6D6; width: 100%; padding: 9px 35px 9px 9px; color: #666; }
.submit_srch { height: 40px; width: 40px; position: absolute; top: 0; right: 0; background: url(../images/search-icon-grey.png) 10px no-repeat; }
.sender_list { float: left; width: 100%; }
.sender_list ul { float: left; width: 100%; }
.sender_list ul li { float: left; width: 100%; font: 16px 'latoregular'; }
.sender_list ul li:last-child .msg_sin_block { border-bottom: 0; }
.sender_list ul li a { float: left; width: 100%; color: #666; }
.sender_list ul li a:hover { background: #2C84CC; color: #fff; }
.current_active .info_rw2, .current_active .sen_tym { color: #fff; }
.current_active { background: #2C84CC; color: #fff !important; }
.sender_list ul li a:hover .msg_sin_block { border-bottom: 1px solid #2C84CC; }
.sender_list ul li a:hover .info_rw2, .sender_list ul li a:hover .sen_tym { color: #fff; }
.msg_sin_block { float: left; width: 95.5%; margin: 0 8px; border-bottom: 1px solid #D6D6D6; padding: 12px 0; }
.sendr_img { float: left; width: 57px; height: 57px; border-radius: 100%; overflow: hidden; }
.sendr_img img { min-width: 100%; height: 100%; }
.sender_info { float: left; width: 83%; padding: 8px 0 0 10px; }
.info_rw1, .info_rw2 { float: left; width: 100%; }
.info_rw1 { padding-right: 10px; }
.info_rw2 { color: #999; margin-top: 3px; }
.sen_tym { float: right; color: #999; font-size: 12px; }
.msg_box { width: 53.5%; }
.msg_divider { float: left; width: 100%; padding: 0 20px; margin: 25px 0; }
.divi_line { height: 1px; background-color: #d6d6d6; float: left; width: 100%; text-align: center; }
.divi_line span { background-color: white; position: relative; top: -0.7em; padding: 0 10px; color: #999; }
.conversation_box { float: left; width: 100%; }
.msngr_nme { float: left; font: 16px 'latoregular'; color: #fff; padding: 20px; }
.msg_srch { float: left; width: 100%; position: relative; height: 80px; background: #2C84CC; margin-bottom: 10px; }
.msg_srch ul { float: right; width: auto; }
.msg_srch ul.tert-nav .search { width: 442px; }
.msg_srch ul li { float: right !important; width: 69px; background: transparent !important; border: 0 !important; }
.msg_srch .com_srch_btn { margin-top: 5px; }
.msg_srch a { color: #fff; font-size: 14px; padding: 0 18px 0 0; text-decoration: none; }
.con_sin_block { float: left; width: 100%; padding: 14px 20px; }
.conver_info { float: left; width: 86%; padding: 0px 0 0 10px; font: 16px 'latoregular'; color: #666; }
.con_rw1, .con_rw2 { float: left; width: 100%; }
.con_rw1 { color: #2C84CC; }
.con_rw2 { color: #999; margin-top: 3px; }
.reply_msg { float: left; width: 100%; padding: 10px; background: #f5f5f5; border-top: 1px solid #D6D6D6; margin-top: 7px; }
.msg_txt { float: left; width: 100%; max-width: 100%; color: #666; border: 1px solid #D6D6D6; padding: 5px; height: 130px; }
.sub_msg { float: right; margin-top: 10px; }
.button_sub { font: 17px 'latolight'; color: #fff; background: #2c84cc; padding: 8px 15px; float: left; }
/*Job Details css starts*/
.det_job_head { padding-top: 40px; padding-right: 0px; }
.det_job_cat { font-size: 12px; color: #b2b2b2; font-family: 'latobold'; margin-bottom: 5px; }
.det_jobHead { font-size: 26px; color: #2c84cc; line-height: 32px; margin-bottom: 5px; }
.det_job_sum { font-size: 18px; color: #a3a3a3; font-family: 'latolight'; margin-bottom: 5px; }
.det_job_sum span { color: #2c84cc; font-family: 'latoregular'; }
.det_job_sec2 { border-top: 4px double #b2b2b2; }
.det_job_sec2 li { float: left; width: 100%; margin: 10px 0; }
.det_job_sec2 li span.det-loc_spr { background: url(../images/location_sprite.png) no-repeat scroll 0 0; float: left; display: inline-block; width: 30px; height: 30px; }
.det_job_sec2 li span.det-loc_spr.pos { background-position: 0 0; }
.det_job_sec2 li span.det-loc_spr.loc { background-position: 0 -59px; }
.det_job_sec2 li span.det-loc_spr.id { background-position: 0 -120px; }
.det_job_sec2 li span.det-loc_spr.resource { background-position: 0 -240px; }
.det_job_sec2 li span.det-loc_spr.interview { background-position: 0 -300px; }
.det_job_sec2 .det-pos_sec { font-size: 16px; color: #424242; font-family: 'latolight'; margin-left: 30px; }
.det_job_sec2 .det-pos_sec span { display: block; color: #a3a3a3; font-family: 'latoregular'; }
.det_job_wrap { padding-top: 40px; padding-right: 0px; }
.det-center_btn { width: 100%; text-align: center; float: left; padding-bottom: 20px; text-align: left; }
.det-btn { padding: 8px 20px; float: left; background-color: #2c84cc; font-size: 26px; color: #fff; font-family: 'latolight'; width: 48%; height: 52px; text-align: center; }
.det-btn span { font-size: 20px; }
.det-btn:hover { opacity: .9; color: #fff !important; }
.det-center_btn a:first-child { margin-right: 4%; }
.det-job_desc { float: left; width: 100%; padding: 15px 0; border-top: 1px solid #b2b2b2; }
.det-job_desc h5 { font-size: 16px; color: #2c84cc; font-family: 'latobold'; margin-bottom: 10px; }
.det-job_desc h5.grey { color: #424242; }
.det-job_desc p { font-size: 16px; color: #4c4c4c; margin-bottom: 15px; }
.det-job_desc ul, .det-job_desc ol { margin: 0; padding: 0; }
.det-job_desc ul li { padding-left: 18px; background: url(../images/bullet.png)no-repeat scroll 0 5px; font-size: 16px; color: #787878; font-family: 'latolight'; margin: 10px; float: left; width: 100%; }
.det-job_desc ul.shareNsocial {text-align: right;}
.det-job_desc ul.shareNsocial li { float: none; display: inline-block; width: auto;background: none; }
.det-job_desc ol li { font-size: 16px; color: #787878; font-family: 'latolight'; margin: 10px 0 10px 23px; float: left; width: 100%; padding-left: 5px; list-style-type: decimal; }
.back-btn { border-bottom: 0px !important; }
.back-btn:hover { border-bottom: 0px !important; }
.back-btn a { background: url(../images/back-arrow.png) no-repeat scroll 0 57%; padding-left: 40px; }
/*Added on 31st march*/
.det-app_resume { float: left; margin-bottom: 20px; width: 100%; }
.grayBg { background: #ececec !important; border: 1px solid #d8d8d8 !important; padding: 15px 24px; }
.det-app_resHead { font-family: 'latolight'; font-size: 26px; color: #5c5c5c; margin-bottom: 10px; }
.det-app_resHead span { color: #2c84cc; font-family: 'latoregular'; }
.det-app_res_wrap .form_list { width: 50%; float: left; margin-right: 2%; }
.det-refer-inp { position: relative; }
.det-refer-inp input[type="text"] { background: #fff; font-family: 'latolight'; font-size: 22px; color: #666; width: 520px; float: left; border: 1px solid #ccc; border-right: 0px; padding: 10.5px; box-shadow: 0px 1px 2px #ccc inset; }
.det-refer-inp .add-mre { width: 54px; height: 54px; border: 1px solid #ccc; position: relative; float: left; cursor: pointer; }
.det-refer-inp .add-mre:before, .det-refer-inp .add-mre:after { background: url("../images/plus-icon.png") no-repeat scroll center center rgba(0, 0, 0, 0); content: ""; display: block; height: 100%; position: absolute; top: 0; width: 100%; }
.det-refer-inp .results { background: #fff; border: 1px solid #ccc; border-top: 0px; display: none; padding: 0; position: absolute; top: 54px; width: auto; z-index: 10; }
.det-refer-inp .results li { float: left; width: 100%; position: relative; }
.det-refer-field { border-bottom: 1px solid #cccccc; float: left; padding-bottom: 20px; }
.det-refer-inp .results > li a { font-size: 16px; color: #666; border-top: 1px solid #ccc; display: block; height: 57px; width: 100%; }
.det-refer-inp .results > li a span { padding: 0 10px; }
.det-refer-inp .results > li a span.pic { padding: 0; float: left; position: absolute; top: 1px; left: 1px; }
.det-refer-inp .results > li a .email { color: #999; }
.det_src_filter { float: left; width: 100%; margin-top: 10px; padding-left: 55px; }
.alrt_info { float: left; width: 100%; color: #EF485F; font-size: 12px; font-style: italic; }
.det-refer-inp input[type="text"]:focus + .results { display: block; }
.det-refer-inp .results > li a:hover { background-color: #f5f5f5; }
.det-refer-inp .results > li a:hover span.name { color: #2c84cc; }
.det-input-desc { font-family: 'latoitalic'; font-size: 14px; color: #b2b2b2; float: left; margin-top: 3px; }
.det-ref_btn_wrap { padding: 20px 0 0; float: left; width: 100%; }
.det-ref_btn_wrap p { font-family: 'latolight'; font-size: 18px; color: #808080; width: 100%; float: left; margin-top: 15px; }
.det-ref_btn_wrap p a { color: #2c84cc; }
.det-ref_add_wrap { border-bottom: 1px solid #cccccc; float: left; padding: 10px 0 20px; width: 100%; }
.det-ref_add_wrap ul { float: left; width: 100%; }
.det-ref_add_wrap ul li { float: left; width: 278px; margin-right: 20px; margin-bottom: 20px; }
.det-ref_add_wrap ul li:nth-child(2n) { margin-right: 0; }
.det-ref_add { width: 278px; float: left; background: #f5f5f5; border: 1px solid #b2b2b2; position: relative; }
.det_cross { position: absolute; right: 0; top: 0; height: 20px; width: 20px; background: url(../images/close.png) no-repeat; }
.det-ref_add .pic { float: left; }
.det_mail_frn { float: left; width: 220px; padding: 6px 0 0 8px; }
.det-ref_add .name, .det-ref_add .email { float: right; width: 100%; }
.det-ref_add .email strong { float: left; }
.det-ref_add .email span { float: left; width: 150px; overflow: hidden; }
.det-ref_add .name { color: #2c84cc; font: 16px 'latoregular'; }
.det-ref_add .email { color: #666; font-size: 17px; }
.endros_listng { float: left; width: 100%; }
.endros_listng ul { float: left; width: 100%; margin-top: 15px; }
.endros_listng ul li { float: left; width: 100%; margin-bottom: 15px; }
.endros_prsn { float: left; width: 70%; border: 1px solid #2c84cc; position: relative; height: 59px; padding: 15px 50px 0 70px; font: 16px 'latoregular'; }
.end_prsn_img { position: absolute; left: 0; top: 0; }
.end_stats_sign { position: absolute; right: 0; height: 57px; width: 47px; border: 1px solid #fff; top: 0; background: #2c84cc; }
.icon_check, .icon_cross { background: url(../images/right-cross-icon.png) no-repeat; margin: 15px 8px; height: 20px; width: 27px; }
.icon_check { background-position: -2px -4px; }
.icon_cross { background-position: -2px -61px; }
.resnd_link { float: right; }
.resnd_link a { font: 19px 'latoregular'; text-decoration: underline; padding-top: 35px; float: left; }
.list_btm_link { float: left; width: 100%; }
.list_btm_link a { font: 18px 'latoregular'; text-decoration: underline; padding: 10px; float: left; }
.job_list_addnew { float: left; width: 100%; border-bottom: 1px solid #cccccc; }
.job_list_addnew .form_login { padding: 10px 0; }
.wid50P { float: left; width: 49%; }
.mr_rt2P { margin-right: 2%; }
.job_refselec { float: left; width: 100%; border-bottom: 0; padding-bottom: 0; }
.end_list { float: left; width: 100%; margin-bottom: 20px; }
.end_list .det-refer-inp input[type="text"] { width: 100%; padding-left: 65px; background: url(../images/mail_icon.png) no-repeat #fff; }
.end_list .det-refer-inp .results { width: 90.7%; left: 55px; }
.sub_txt { float: left; width: 100%; font-size: 16px; margin-bottom: 15px; }
.wtsth { font-size: 18px; }
.no_bdrtp { border-top: 0; }
.rltnship { float: left; width: 100%; }
.rltnship h5 { font: 28px 'latoregular'; margin-bottom: 15px; color: #424242; border-top: 1px solid #b2b2b2; padding-top: 15px; }
.rltnship .check_name { font-size: 14px; text-transform: uppercase; }
.txt_area { float: left; width: 100%; }
.txt_area textarea { float: left; width: 100%; max-width: 100%; height: 150px; border: 1px solid #b2b2b2; padding: 10px; font: 16px 'latolight'; }
.slider_portion { float: left; width: 100%; }
.slider_tag { float: left; width: 100%; }
.slider_tag ul { float: left; width: 100%; }
.slider_tag ul li { float: left; width: 25%; background: none; margin: 0; text-transform: uppercase; }
.slider_portion .slider > .dragger { background: url(../images/round-pointer.png) no-repeat; }
.slider_portion .dragger { margin-top: -9.5px !important; margin-left: 25.5px !important; }
/*my custom css chnaged chk_pro class into checkbox and radio and other */
.checkbox input[type=checkbox]:not(old) + .check_name { display : inline-block; margin-left : -28px; padding-left : 40px; background : url('../images/unchecked.png') no-repeat; line-height : 33px; }
.checkbox input[type=checkbox]:not(old):checked + .check_name { background: url('../images/checked-box.png') no-repeat; }
.radio input[type=radio ]:not(old) + .check_name { display : inline-block; margin-left : -28px; padding-left : 40px; background : url('../images/round-box.png') 8px -27px no-repeat; line-height : 33px; }
.radio input[type=radio]:not(old):checked + .check_name { background: url('../images/round-box.png') 8px 9px no-repeat; }
.botton_white { background: none repeat scroll 0 0 #fff; color: #2c84cc; font-size: 26px; padding: 14px 22px; }
.botton_blue { background: none repeat scroll 0 0 #337ab7; color: #fff; font: 17px "latolight"; padding: 8px 15px; line-height: 18px; }
.main_body_general { min-height: 560px;}
.prefrence_success { text-align: center; font-weight: bold; font: 20px "latolight" !important; width: 100% !important; color: green !important; display: block; }
.prefrence_success_resume { color: green !important; float: left !important; text-align: center; width: 100% !important; }
.grid-view .summary { float: right; margin-top: 20px; }
.grid-view .table { float: right; }
/*setting breadcrumb in grid view */
.breadcrumb_strip { float: left; width: 100%; background-color: #f5f5f5; }
.breadcrumb_strip ul { float: left; width: 50%; margin-bottom: 0; }
.breadcrumb_strip .create_link { float: right; width: 50%; text-align: right; }
.create_link a { margin-bottom: 20px; padding: 8px 15px; }
.detail-view { float: left; width: 100%; }
.form-control { width: 80%; }
.help-block { color: #B00E1B; height: 10px; }
p.help-block { color: #B00E1B; height: 10px; line-height: 1; font-family: 'latoregular'; padding-left: 0; clear: both; }
.red_boder { border: 1px solid red; }
.sdWait { /*dummy class*/ }
.sdBtn { /*dummy class*/ }
#admin-status > label { margin-right: 20px; }
/* ===| Alert Heads & Text |============:sharad================= */
.errorHead { color: #B00E1B; font-weight: bold; }
.errorText { color: #B00E1B; }
.successText { color: #125200; }
.successHead { color: #125200; font-weight: bold; }
.noteText { color: #C08405; }
/* ===| Alert Box (for lightbox) |======:sharad================== */
div.ackBox { display: block; width: 100%; }
div.ackBox .successHd { display: block; width: 100%; font-size: 18px; font-family: latoblack; color: #125200; border-bottom: 1px solid #7d7d7d; padding-bottom: 10px; margin-bottom: 10px; }
div.ackBox .errorHd { display: block; width: 100%; font-size: 18px; font-family: latoblack; color: #B00E1B; border-bottom: 1px solid #7d7d7d; padding-bottom: 10px; margin-bottom: 10px; }
div.ackBox .notificationHd { display: block; width: 100%; width: 100%; font-size: 18px; font-family: latoblack; color: #C08405; border-bottom: 1px solid #7d7d7d; padding-bottom: 10px; margin-bottom: 10px; }
div.ackBox .action { display: block; width: 100%; text-align: right; padding: 10px 0px; }
div.ackBox .message { width: 100%; font-size: 14px; font-family: latoregular; color: #7d7d7d; }
/* ===| ------------------ |================================= */
/* ------------------------- Color Box------------------------ */
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: visible; }
#cboxWrapper { max-width: none; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: visible; -webkit-overflow-scrolling: touch; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }
.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
#cboxOverlay { background-color: #000000; opacity: 0.9; filter: alpha(opacity = 90); }
#colorbox { outline: 0; }
#cboxContent { background: #fff; overflow: visible; margin-top: 50px; }
.cboxIframe { background: #fff; }
#cboxError { padding: 50px; border: 1px solid #ccc; }
#cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; }
#cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; }
#cboxLoadingGraphic { background: url(../images/loading.gif) no-repeat center center; z-index: 999; }
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }
#cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; }
#cboxPrevious { position: absolute; bottom: 0; left: 0; background: url(../images/controls.png) no-repeat -75px 0; width: 25px; height: 25px; text-indent: -9999px; }
#cboxPrevious:hover { background-position: -75px -25px; }
#cboxNext { position: absolute; bottom: 0; left: 27px; background: url(../images/controls.png) no-repeat -50px 0; width: 25px; height: 25px; text-indent: -9999px; }
#cboxNext:hover { background-position: -50px -25px; }
#cboxClose { background: url("../images/sprite-image.png") no-repeat scroll -320px 0 rgba(0, 0, 0, 0); bottom: 0; height: 55px; position: absolute; right: -35px; text-indent: -9999px; top: -20px; width: 25px; }
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}
.tooltipster-default { border-radius: 5px; border: 1px solid #999; background: #fff; color: #999; }
.tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden; }
.tooltipster-icon { cursor: help; margin-left: 4px; }
.tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; }
.tooltipster-base .tooltipster-content { overflow: hidden; }
/*aashish*/
.normal_font b { color: #424247; }
/*aashish 11 sep*/
.tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
.tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; }
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; }
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; }
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; }
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; }
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; }
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; }
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; }
.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; }
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; }
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; }
.tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; }
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; }
.tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; }
.tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; }
.tooltipster-fade-show { opacity: 1; }
.tooltipster-grow { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; }
.tooltipster-grow-show { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); }
.tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; }
.tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); }
.tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); }
.tooltipster-fall-show { }
.tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; }
.tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); }
.tooltipster-slide.tooltipster-slide-show { }
.tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; }
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.tooltipster-light { border-radius: 5px; border: 1px solid #cccccc; background: #ededed; color: #666666; }
.tooltipster-light .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; }
.job_list_addnew input[type=checkbox], .job_list_addnew input[type=radio] { margin: 10px 0 0; vertical-align: -2px; }
.skill_select, .location_select { min-height: 245px; overflow: auto; max-height: 245px; }
.normal_font { color: #808080; font-family: 'latolight'; }
.normal_font h4 { font-size: 16px; color: #424242; font-family: 'latolight'; }
.normal_font label { font-weight: normal; margin-bottom: 0; }
.selected { background: #f5f5f5; color: #448ed0!important; }
.loading_skill, .loading_skill1 { background : url('../images/loading.gif') 0px 0px no-repeat; position: absolute; top: 50%; left: 50%; width: 70px; height: 70px; margin-left: -35px; margin-top: -80px; display: none; }
/*aashish progress*/
.imgprg { margin-left: 10px; }
.progressHtml_box { clear: both; float: left; width: 100%; }
.current_Status { border-top: 1px solid #dddddd; margin: 20px 0 0; padding-top: 20px; line-height: 23px; }
.current_Status .cur_update { display: inline; width: auto; padding-right: 5px; }
.progressbox { display: block; clear: both; margin: 0px; padding: 0px; list-style-type: none; margin-left: 10px; position: relative; z-index: 999px; }
.progressbox li { display: inline-block; float: left; width: 24%; color: #A7A5A5; margin-bottom: 10px; padding-top: 54px; }
.progressbox li.index1 { width: 25%; }
.progressbox li.index2 { width: 25%; }
.progressbox li.index3 { width: 25%; }
.progressbox li.index4 { width: 25%; }
.progressbox li .head { width: 106px; display: inline-block; text-align: center; text-transform: uppercase; font-size: 11px; color: #A0A0A0; margin-left: 4px; }
.progressbox li.index2 .head { margin-left: -1px; }
.progressbox li .txtdate { width: 119px; display: block; text-align: center; font-size: 10px; padding-top: 5px; }
.progress_bar { padding-top: 24px; float: left; position: relative; }
.line_mark { background-color: #cccccc; width: 97%; height: 4px; margin-left: 12px; position: absolute; top: 46px; }
.progress_active { background-color: #00c168; width: 35%; height: 4px; margin-left: 12px; position: absolute; top: 46px; }
.index1 { background: url(../images/tick_progress.png) 34px 0px no-repeat; }
.index2 { background: url(../images/awaiting.png) 34px 0px no-repeat; }
.index3 { background: url(../images/close_progress_icon.png) 34px 0px no-repeat; }
.index4 { background: url(../images/awaiting.png) 34px 0px no-repeat; }
.index1.active { background: url(../images/tick_active.png) 34px 0px no-repeat; }
.index2.active { background: url(../images/awaitning_active.png) 34px 0px no-repeat; }
.progress_bar ul li { border: 0px; padding-top: 54px; }
/* Rahul */
.selectfrmlst { color: #2c84cc; cursor: pointer; font-family: latolight; font-size: 12px; font-weight: 400; }
.set_label_selected { float: left; margin-top: 6px; width: 25%; }
.job_filter_of { width: 8%; float: left; line-height: 55px; text-align: center; }
.job_brief_time { color: #777; float: right; font: 14px "latolight"; }
a.profileBtn { background: #2c84cc; color: #fff; font-family: latolight; padding: 5px; font-size: 22px; width: 150px; margin-left: 30px; margin-top: 50px; }
input.profileBtn { background: #2c84cc; color: #fff; font-family: latolight; padding: 5px; font-size: 22px; width: 150px; margin-left: 30px; margin-top: 50px; }
.jobTitle { color: #2c84cc; font: 18px "latobold"; margin-bottom: 5px; }
.loaderIcon { background: url(../images/loading.gif) no-repeat center center; float: left; height: 250px; width: 100%; }
.errMessage { width: 100%; left: 50px; float: left; font-size: 12px; }
/* --- Rahul ------ */
.main_body_general .container h2 { color: #444444 }
.main_body_general .container p.btm_txt { line-height: 15px; }
/*terms new changes*/
.terms_page .mr_tp50 { background: #f5f5f5 none repeat scroll 0 0;border: 1px solid #f5f5f5;color: #333;font-family: latolight;font-weight: normal;margin-top: 10px;padding: 16px;width: 100%;}
.terms_page ul {padding-left: 20px;}
.terms_page ul li { color: #777; line-height: 20px; list-style: outside none disc; padding-bottom: 5px; padding-left: 5px; }
.terms_box{ margin-bottom:20px;}
/*terms new changes*/
@media screen and (max-width: 1200px), screen and (max-height: 700px) {
.ban_content_inner h1 { margin-top: 0; }
}
@media screen and (max-width: 1200px), screen and (max-height: 675px) {
.ban_content_inner h1 { font-size: 50px; margin-top: 0; }
.banner_content { padding-top: 0!important; }
.linkd_acc { margin-bottom: 15px; }
.scroll_arr { }
}
/******vipin::17-09-2015*******/
.how_get_started { display: inline-block; background: #3383c5 none repeat scroll 0 0; border: 0 none; text-transform: uppercase; color: #fff!important; cursor: pointer; font-family: 'latolight'; padding: 6px 10px; font-size: 14px; margin-top: 12px; }
.contact_us_btn { background: #3383c5 none repeat scroll 0 0; border: 0 none; color: #fff; display: inline-block; font-size: 20px; margin-top: 52px; padding: 10px 30px; }
.emp_ques { border-bottom: none; }
.sign_up_btn { background: #3383c5 none repeat scroll 0 0; border: 0 none; color: #fff; display: inline-block; float: right; font-size: 20px; margin-top: 52px; padding: 10px 30px; }
/*
New Employer Page Css
*/
.employer-page { padding-top: 60px; }
.employer-page .main_body_general { padding: 0; }
.main_container { max-width: none; }
.employer-page .main_body_general { background: url(../images/top-banner-bg.jpg) no-repeat center top; }
.recruiter-page .main_body_general { background: url(../images/rd-bg.jpg) no-repeat center top!important; }
.pageTitle { height: 80vh; min-height: 480px; max-height: 615px; padding: 0 15px; }
.socllIcon { cursor: pointer; width: 38px; height: 38px; display: block; position: absolute; bottom: 30px; left: 50%; margin-left: -19px; }
.pageTitle h2 { font-size: 40px; line-height: 40px; font-family: 'latobold_italic'; padding-top: 33vh; }
.pageTitle p { font-size: 30px; line-height: 30px; font-family: 'latolight'; }
.noJoining { background: url(../images/no-join-fee-bg.jpg) no-repeat center top; margin: 0; }
.join-borders { position: relative; background-color: rgba(51,131,197,0.8); height: 280px; padding: 0 30px; }
.join-borders h2 { text-align: center; line-height: 280px; font-size: 20px; margin: 0; padding: 0; color: #fff !important; }
.join-borders:before, .join-borders:after { content: ""; position: absolute; bottom: 0; left: 0; }
.join-borders:before { top: 0; width: 10px; height: 100%; background-image: -webkit-gradient(linear, 0 100%, 0 0, from(rgba(255,255,255,0.15)), to(transparent)); background-image: -webkit-linear-gradient(transparent, rgba(255,255,255,0.15)); background-image: -moz-linear-gradient(transparent, rgba(255,255,255,0.15)); background-image: -o-linear-gradient(transparent, rgba(255,255,255,0.15)); }
.join-borders:after { left: 10px; width: calc(100% - 10px); height: 10px; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255,255,255,0.15)), to(transparent)); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.15), transparent); background-image: -moz-linear-gradient(left, rgba(255,255,255,0.15), transparent); background-image: -o-linear-gradient(left, rgba(255,255,255,0.15), transparent); }
.join-borders.right:before, .join-borders.right:after { content: ""; position: absolute; top: 0; right: 0; left: auto; }
.join-borders.right:before { width: 10px; height: 100%; background-image: -webkit-gradient(linear, 0 100%, 0 0, from(rgba(255,255,255,0.15)), to(transparent)); background-image: -webkit-linear-gradient(rgba(255,255,255,0.15), transparent); background-image: -moz-linear-gradient(rgba(255,255,255,0.15), transparent); background-image: -o-linear-gradient(rgba(255,255,255,0.15), transparent); }
.join-borders.right:after { right: 10px; width: calc(100% - 10px); height: 10px; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(rgba(255,255,255,0.15))); background-image: -webkit-linear-gradient(left, transparent, rgba(255,255,255,0.15)); background-image: -moz-linear-gradient(left, transparent, rgba(255,255,255,0.15)); background-image: -o-linear-gradient(left, transparent, rgba(255,255,255,0.15)); }
.sections { margin: 0; background: #f26d01; color: #fff; }
.sections.section1 { background: url(../images/no-join-fee-bg.jpg) no-repeat center top; }
.sections.section3 { background: url(../images/section-3-bg.jpg) no-repeat center top; }
.sections p { margin: 0; text-align: center; font-size: 20px; font-weight: 300; }
.vtable { display: table; width: 100%; }
.vcell { display: table-cell; vertical-align: middle; float: none; }
.vcell img { width: 100%; }
.fourColSection { margin: 0 0 20px 0; text-align: center; border-bottom: 1px solid #fac599; padding: 70px 0 50px; }
.fourColSection img { }
.fourColSection p { padding: 13px 0 0 0; font-size: 15px; font-weight: 300; line-height: 28px; color: #323131; }
.contactSection { padding: 0 0 50px 0; }
.contactSection p { padding: 20px 0; font-size: 15px; font-weight: 300; line-height: 28px; color: #323131; }
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-16px);
transform: translateY(-16px);
}
60% {
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-16px);
transform: translateY(-16px);
}
60% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-16px);
-ms-transform: translateY(-16px);
-webkit-transform: translateY(-16px);
transform: translateY(-16px);
}
60% {
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
.bounce { -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }
/*
New Employer Page Css Ends
*/
/*New Profile Page Css Starts*/
.update_btn { float: none; width: 34%; }
.update_btn input { font-size: 21px; font-weight: 700; height: 41px; padding: 0 7px; }
.update_label { color: #3e3e3e; font-family: "latolight"; font-size: 17px; font-weight: normal; }
.profile-header { padding: 40px 38px; background: #3e5762; position: relative; }
.profile-info { display: inline-block; float: left; left: 29%; position: absolute; top: 0; }
.prof_pers_text { color: #fff; padding: 72px 4px 0; text-align: left; }
.prof_contact_field h6 { color: #f1f2f3; font-size: 17px; margin: 0; padding: 5px 2px; }
.prof_contact_field h5 { color: #f1f2f3; font-size: 17px; margin: 0; padding: 5px 2px; }
.profile-tabsec .nav.nav-tabs { border-top: #e1e2e3 2px solid; background: #fafafa; }
.profile-tabsec .nav-tabs > li > a { background: #fafafa; text-align: center; font-size: 19px; color: #8a8a8a; border-radius: 0; margin: 0; border: 0; border-bottom: transparent 5px solid; }
.profile-tabsec .nav-tabs > li { background: #fafafa; margin: 0; border-left: 1px solid #e8e8e8; width: 25%; }
.profile-tabsec .nav-tabs > li:last-child { border-left: #e9e9e9 1px solid; border-right: #e9e9e9 1px solid; width: 25%; }
.profile-tabsec .nav-tabs > li.active > a, .profile-tabsec .nav-tabs > li.active > a:focus, .profile-tabsec .nav-tabs > li.active > a:hover { background: #fafafa; border: 0; border-bottom: #2c84cc 5px solid; }
.profile-tabsec .nav-tabs > li:last-child a{ padding: 10px 5px;}
.educ-details p { color: #838383; font-size: 13px; display: inline-block; }
.educ-details { display: block; border-bottom: 1px solid #e8e8e8; padding: 30px 15px 18px 30px; text-align: right; }
.educ-details i.plus-icon { background: url(../images/plus-circle.png) no-repeat center center; width: 28px; height: 28px; display: inline-block; margin-left: 9px; vertical-align: middle; cursor: pointer; }
.educ-details i.minus-icon { background: url(../images/delete-circle.png) no-repeat center center; width: 28px; height: 28px; display: inline-block; margin-right: 9px; vertical-align: middle; margin-left: 8px; cursor: pointer; }
.row-content-section { width: calc(100% - 30px); float: left; }
.row-del-btn { width: 30px; float: left; padding-top:0px; }
.row-del-btn i.minus-icon { background: url(../images/delete-circle.png) no-repeat center center; width: 28px; height: 40px; display: inline-block; vertical-align: middle; cursor: pointer; }
.industry_list .row-del-btn i.minus-icon {height: 20px;}
.row-del-btn:after, .row-content-section:after { content: ""; display: table; clear: both; }
.edu-lable { font-size: 17px; color: #3e3e3e; font-family: 'latolight'; padding-bottom: 13px; padding-top: 30px; }
.profile-tabsec .form-control { width: 100%; height: 42px; color: #555; }
.profile-tabsec .form_list select { font-style: normal; height: 40px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background: url("../images/dropdown-imgprofile.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0); padding-right: 42px; background-size: 41px; }
/*.profile-tabsec .form_list::before { background: url("../images/dropdown-imgprofile.png") no-repeat scroll 100% 0; height: 42px; }
.profile-tabsec .form_list::after { background: url("../images/dropdown-imgprofile.png") no-repeat scroll 100% 0; height: 41px; }*/
.profile-tabsec .form_list { border-radius: 0; height: 42px; width: 100%; }
.profile-tabsec .tab-content { border: 1px solid #e8e8e8; padding: 0px 0 30px 0; }
.profile-tabsec .nav-tabs { border-bottom: 0; }
.profile-tabsec .linkein-sec { }
.profile-tabsec .linkein-sec .form-control { border: #d8d8d8 1px solid; margin: 23px 0 0; font-size: 17px; color: #2c84cc; display: block; text-decoration: underline; width: 100%; }
.profile-tabsec .linkedin-logo { background: url("../images/linkedin-logo.png") no-repeat left center; height: 22px; width: 75px; display: inline-block; }
.profile-tabsec .help-sec { background: url("../images/help-icon.png") no-repeat left center; background-size: 16px; width: 25px; height: 25px; display: inline-block; margin-bottom: -7px; }
.profile-tabsec .linkein-sec { margin-top: 25px; }
.profile-tabsec h4 { color: #8a8a8a; font-size: 19px; margin: 0 0 21px 0; }
.profile-tabsec .resume-heading { padding-bottom: 22px; border-bottom: #ebebeb 1px solid; display: block; padding: 0 30px 22px 30px; }
.profile-tabsec .resume-heading h4 { margin: 0; display: inline-block; }
.profile-tabsec .resume-heading span { font-size: 13px; color: #838383; text-align: right; float: right; }
.resume-upload { padding: 17px 0; border-bottom: #ebebeb 1px solid; display: block; position: relative; }
.resume-upload h6 { font-size: 18px; color: #2c84cc; margin: 0 0 4px 0; }
.resume-upload span { color: #2c84cc; font-size: 19px; }
.resume-upload span.upld_tym { padding-left: 40px; color: #9f9f9f; font-size: 15px; padding: 2px 0 0 55px; }
.resume-upload .resume_text { margin-bottom: 5px; }
.resume-upload .resume_filter_drop { background: rgba(0, 0, 0, 0) url("../images/set-pro.png") no-repeat scroll -17px -22px; float: right; height: 24px; position: absolute; right: 9px; width: 10px; z-index: 999; }
.resume-upload .resume_pop_wrap .list_filter_op { right: 3px; top: 43px; width: 200px; z-index: 9999; position: absolute; padding: 0; }
.resume-upload .file_name { color: #9f9f9f; font-size: 15px; padding: 0; }
.resume-upload .pro_right_sec { display: inline-block; margin: 0; width: 100%; position: relative; }
.profile-tabsec .resume-upload h4 { color: #8a8a8a; font-size: 19px; margin: 0; display: inline-block; }
.resume-upload .prof_add_btn { float: none; margin: 20px auto 0; max-width: 216px; padding: 10px 10px 0; border: 0; text-align: center; width: 100%; }
.profile-tabsec .pro_full { clear: both; display: block; padding: 0 30px; }
.profile-tabsec .pro_full input.profileBtn { margin-left: 0; }
.profileBtn:hover { opacity: 0.9; }
.profile-tabsec .prof_work { clear: both; display: block; }
.profile-tabsec .prof_work .current-edu-lable { border-bottom: 1px solid #e8e8e8; margin: 25px -30px 0; padding: 0 30px 25px; }
.profile-tabsec .prof_rght_wrap { border-top: 0px; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-left: 0; float: left; width: 100%; }
.resume-upload .prof_rghtHead p { color: #b2b2b2; display: inline-block; float: right; font-size: 13px; }
.resume-upload .resume_list { border-bottom: 1px solid #ebebeb; float: left; padding: 18px 0; position: relative; width: 100%; }
.profile-tabsec .prof_rghtHead { border-bottom: 1px solid #e8e8e8; font-family: "latoregular"; padding: 23px 28px; }
.profile-tabsec .resume-upload { border-bottom: 0px; display: block; padding: 0; position: relative; }
.resume-upload .pdf_file { background: url("../images/file-icons.png") repeat scroll -22px -15px rgba(0, 0, 0, 0); margin-left: 15px; display: inline-block; height: 29px; width: 33px; float: left; margin-right: 8px; margin-top: 5px; }
.resume-upload .txt_file { background: url("../images/file-icons.png") repeat scroll 63px -15px rgba(0, 0, 0, 0); margin-left: 15px; display: inline-block; height: 29px; width: 33px; float: left; margin-right: 8px; margin-top: 5px; }
.resume-upload .rtf_file { background: url("../images/file-icons.png") repeat scroll -144px -15px rgba(0, 0, 0, 0); margin-left: 15px; display: inline-block; height: 29px; width: 33px; float: left; margin-right: 8px; margin-top: 5px; }
.resume-upload .doc_file { background: url("../images/file-icons.png") repeat scroll -77px -15px rgba(0, 0, 0, 0); margin-left: 15px; display: inline-block; height: 29px; width: 33px; float: left; margin-right: 8px; margin-top: 5px; }
.resume-upload .docx_file { background: url("../images/file-icons.png") repeat scroll -77px -15px rgba(0, 0, 0, 0); margin-left: 15px; display: inline-block; height: 29px; width: 33px; float: left; margin-right: 8px; margin-top: 5px; }
.resume-upload .url_file { background: url("../images/file-icons.png") repeat scroll 63px -15px rgba(0, 0, 0, 0); margin-left: 15px; display: inline-block; height: 29px; width: 33px; float: left; margin-right: 8px; margin-top: 5px; }
.departmentList{height: 350px; overflow-y: auto;}
.industry_list { border-bottom: 1px solid #ebebeb; float: left; padding: 18px 20px; position: relative; width: 100%; overflow-y: auto;height: 400px; }
.industry_head{background: #efeff4;height: 50px;padding: 11px 0 11px 19px;font-family:latobold;font-size: 17px;}
.industry_title{border-bottom: 1px solid #e8e8e8;color: #337ab7;}
.department_name{height: 40px; padding: 10px;color:#8a8a8a; border-bottom:1px solid #f1f1f1;}
.checkbox + .checkbox, .radio + .radio{ margin-top: 5px;margin-bottom: 5px;}
.checkbox,.radio{position:relative;display:block;margin-top:5px;margin-bottom:5px; }
/*New Profile Page Css Ends*/
/*refer job css start here*/
.referred-sec h4 { font-size: 25px; color: #4e96c8; margin-bottom: 20px; }
ul.referred-detail { background: #fafafa; box-shadow: 0 0 1px #9A9A9A inset; display: flex; flex-wrap: wrap; }
ul.referred-detail:after { content: ""; clear: both; display: table; }
ul.referred-detail li { display: inline-block; float: left; padding: 10px 5px; width: 25%; text-align: left; /* border-top:#dfdfdf 1px solid; */ border-right: #dfdfdf 1px solid; border-bottom: #dfdfdf 1px solid; vertical-align: middle; }
ul.referred-detail li span { font-size: 14px; olor: #777777; display: block; }
ul.referred-detail li span b { color: #121212; font-weight: bold; display: block; font-family: 'latolight'; }
ul.referred-detail li:nth-child(4) { border-right: 0; }
.referred-left { width: 40%; float: left; padding: 0 45px 0 0; border-right: #e8e8e8 1px solid; }
.referred-left .success_info {
height: 100%;
margin: 100px 0;
text-align: center;
width: 100%;
}
.referred-left p { font-size: 18px; color: #000000; margin-bottom: 36px; padding: 0; }
.referred-left p b { color: #1865a7; font-weight: normal; }
.interes-job ul { margin-bottom: 28px; }
.referred-sec ol li { font-size: 16px; color: #787878; font-family: 'latolight'; margin: 10px 0; float: left; width: 100%; padding-left: 5px; list-style-type: decimal; }
.interes-job ul li { display: block; list-style: none; font-size: 16px; margin-bottom: 4px; color: #777777; }
.referred-sec { float: left; padding: 0 3px 0 51px; width: 60%; }
.referred-sec h5 { margin-bottom: 14px; font-size: 16px; color: #121212; font-weight: bold; }
ul.referred-jd li { list-style: inside; font-size: 16px; color: #777777; margin-bottom: 4px; padding: 0; }
.referred-content { display: flex; }
.referred-content label { font-weight: 500; font-size: 14px; }
/*refer job css end here*/
/* New Green Msg Css */
.msg-box { float: left; width: 100%; margin-top: 10px; }
.msg-sec { background: #378acf; font-size: 14px; color: #fff; padding: 12px 14px 12px 28px; width: 100%; max-width: 920px; display: table; }
.msg-sec .cross-icon { background: rgba(0, 0, 0, 0) url("../images/whcross-icon.png") no-repeat scroll right center; display: table-cell; width: 30px; cursor: pointer; }
.msg-sec p { width: calc(100% - 50px); font-size: 14px; margin: 0; padding: 0; color:#fff; }
.msg-sec p a { background: rgba(0, 0, 0, 0) url("../images/arrowicon.png") no-repeat scroll right 5px; color: #fff; font-size: 14px; padding: 0 18px 0 0; text-decoration: none; }
/* New Green Msg Css Ends */
/*********************share and earn css start here*/
.share_earnsec h3 { font-size: 17px; color: #3e3e3e; font-family: 'latobold'; padding: 11px 0 11px 19px; background: #efeff4; float: left; margin: 0; width: 50%; }
.share_earnsec a.deletelink { font-size: 14px; font-family: 'latobold'; padding: 11px 19px 10px; background: #efeff4; float: left; margin: 0; width: 50%; text-align: right; }
.share_earnsec p {/* margin-bottom: 44px; */ font-size: 16px; color: #787878; font-family: 'latoregular'; }
.share_earnsec .share-row { padding: 0 0 22px 0; border: #e5e5e5 1px solid; margin-bottom: 28px; }
.share_earnsec label { font-size: 16px; color: #636361; font-family: 'latoregular'; margin: 12px 0 4px 0; display: block; }
.share_earnsec { display: block; font-size: 16px; color: #636361; }
.blue-add-icon { display: block; background: rgba(0, 0, 0, 0) url("../images/location_sprite.png") no-repeat 3px -359px; width: 27px; height: 26px;/* margin-top: 37px; */ }
/*********************share and earn css end here*/
/*********************My filter start here*/
.filter-sec .locationSec { background: #e5e5e5; float: left; width: 100%; margin-bottom: 10px; padding: 10px 0; }
.filter-sec ul { border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; border-right: #dddddd 1px solid; padding: 0; }
.filter-sec span.oftxt { float: left; width: 100%; padding: 10px; }
.edit { padding: 10px 18px; color: #2c84cc; font: 19px/20px "latolight"; border: #2c84cc 1px solid; font-style: normal; margin-left: 10px; cursor: pointer; }
a.edit:hover { background: #2c84cc none repeat scroll 0 0; color: #fff; }
.delete { padding: 10px 18px; color: #ff6666; font: 19px/20px "latolight"; border: #ff6666 1px solid; font-style: normal; margin-left: 10px; cursor: pointer; }
a.delete:hover { background: #ff6666 none repeat scroll 0 0; color: #fff; }
.edit-row { margin-bottom: 10px; }
.edit-row .form-control { height: 39px; border-radius: 0; color: #555; width: 100%; }
.edit-row label { font-size: 16px; color: #636361; font-family: 'latoregular'; margin-bottom: 7px; }
.edit-sec .form_list::before { background: rgba(0, 0, 0, 0) url("../images/dropdown-imgprofile.png") no-repeat scroll 100% 0; height: 42px; }
.edit-sec .form_list::after { background: rgba(0, 0, 0, 0) url("../images/dropdown-imgprofile.png") no-repeat scroll 100% 0; height: 41px; }
.edit-sec .form_list { border: 1px solid #c2c2c2; border-radius: 0px; float: left; height: 42px; position: relative; width: 100%; }
/*--- Job Filters ---*/
.myFilterBox {
border: #dddddd 1px solid;
font-family: "latoregular";
padding: 20px 20px 8px 30px;
margin-bottom: 20px;
}
.myfilterLeft h4 {
color: #000;
font-family: latoregular;
margin: 0;
font-size: 24px;
}
/**/
.myfilterLeft p {
font-size: 16px;
color: #aaa;
padding: 5px 0 0 0px;
}
.myfilterLeft p span {
color: #2c84cc !important;
}
.myfilterRight {
padding-top: 4px;
}
.floatRight { float: right;}
.floatRight p { float: left; position: relative;}
.myfilterRight .floatRight p:before {
content: "";
border-left: 1px solid #ddd;
position: absolute;
padding: 15px 0;
left: 58px;
top: 10px;
}
.floatRight p span {
color: #aaa;
text-align: center;
font-size: 16px;
}
.floatRight span.jobsQty {
color: #2c84cc;
font-size: 24px;
font-family: latoregular;
display: block;
line-height: 26px;
}
.floatRight ul {
float: right;
margin: 12px 0 0 30px;
}
.floatRight ul li {
display: inline-block;
margin: 0 7px;
}
.floatRight ul li a {
}
/*-- Upload Resume --*/
.image-upload { }
/*---- My activities Reason Section ----*/
.reasonIcon {
cursor: pointer;
float: left;
margin: 0px 8px 0px 0;
}
.reasonIconFront {
left: -25px;
position: absolute;
}
.reasonBox {
display: none;
padding-top: 10px;
}
.reasonIconL {
float: left;
margin-right: 10px;
font-size: 16px;
}
.reasonBox p {
line-height: 24px;
font-size: 16px;
font-family: latolight;
width: 96%;
float: left;
}
.reasonBox p span {
color: #ff0000;
font-weight: 600;
}
/*--- My activities Interview Schedule Section ---*/
.interviewSch {
color: #00c168;
font-weight: 600;
padding-bottom: 0px;
}
.interviewSchBox {
word-wrap: break-word;
padding: 0 15px;
}
.interviewSchBox .col-sm-6 {
padding-left: 0px;
}
.interviewSchBox ul li {
border: 0px;
min-height: auto;
margin-bottom: 0;
}
.interviewSchBox ul li span {
color: #2C84CC;
float: left;
margin-right: 5px;
font-size: 14px;
line-height: 24px;
}
.interviewSchBox ul li p {
width: auto;
font-size: 14px;
font-family: latoregular;
padding-bottom: 0;
}
/*-*/
.reasonIconHead img {
float: left;
margin-right: 15px;
}
.reasonIconHead span {
font-size: 18px;
color: #f00;
}
.reasonIconHead i {
font-size: 14px;
}
.endReason {
margin: -1px 8px 0px 0 !important;
}
.myEndrorsBox {padding: 15px;}
/*---- End My Acrivities Menu TAbs---*/
/**/
.srtByBox {
float: right;
position: relative;
}
.srtByBox:before {
height: 32px;
background: url("../images/dropdown-imgprofile.jpg") no-repeat scroll 100% -1px rgba(0, 0, 0, 0);
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 1px;
width: 100%;
right: 1px;
}
.srtByBox:after {
height: 32px;
background: url("../images/dropdown-imgprofile.jpg") no-repeat scroll 100% -5px rgba(0, 0, 0, 0);
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 1px;
width: 100%;
right: 1px;
}
.srtByBox p {
float: left;
padding: 0;
margin: 8px 8px 0 0;
}
#srtBy {
padding-right: 15px;
padding-left: 2px;
height: 34px;
border: 1px solid #ccc;
width: 160px;
background-color: #fff;
border-radius: 0px;
}
/*********************My filter end here*/
/*********************Refer Form start here*/
.refer_form .form-control { width: 100%; height: 39px; border-radius: 0; color: #555 }
.refer_form input.form-control { height: 42px; }
.refer_form textarea.form-control { height: auto; }
.refer_form .refer-row-first { margin-bottom: 0; border-bottom: none; }
.refer_form .form_list::before { background: rgba(0, 0, 0, 0) url("../images/dropdown-imgprofile.png") no-repeat scroll 100% 0; height: 42px; }
.refer_form .form_list::after { background: rgba(0, 0, 0, 0) url("../images/dropdown-imgprofile.png") no-repeat scroll 100% 0; height: 41px; }
.refer_form .form_list { border: 1px solid #c2c2c2; border-radius: 0px; float: left; height: 42px; position: relative; width: 100%; }
/*********************Refer Form end here*/
/*********************company profile css start here*/
.right_section .compro-outer {
margin-top: 60px;
}
.right_section .activateAccSec {
width:920px !important;
}
.compro-outer { max-width: 1170px; margin: 0 auto; padding: 0 19px; background: #fff; }
.compro-header { padding: 29px 0 24px 0; border-bottom: #e5e5e5 1px solid; }
.comwor-logo { float: right; padding-top: 14px; }
.compro-outer h1 { color: #4e96c8; display: block; font: 400 42px/44px 'latoregular', sans-serif; float: left; margin: 0; padding: 0 0 12px 0; }
.compro-content { padding: 25px 0 40px 0; }
.compro-content h4 { font-size: 26px; color: #444444; font-weight: 400; font-family: 'latoregular', sans-serif; margin: 0; }
.compro-content h6 { font: 400 20px/22px 'latoregular', sans-serif; color: #444444; margin: 0 0 10px 0; }
.compro-content p { font: 400 15px/26px 'latoregular', sans-serif; color: #6f6f6f; margin-bottom: 10px; }
.compro-content p:empty { margin-bottom: 0; }
.compro-content ul, .compro-content ol { margin: 0 0 33px 0; padding: 0; }
.compro-content ul li { padding-left: 18px; background: url(../images/bullet.png)no-repeat scroll 0 5px; font-size: 16px; color: #787878; font-family: 'latolight'; margin: 10px 0; width: 100%; }
.compro-content ol li { font-size: 16px; color: #787878; font-family: 'latolight'; margin: 10px 0 10px 23px; width: 100%; padding-left: 5px; list-style-type: decimal; }
.ven-fundrow ul { margin: 10px 0 12px 0; padding: 0; }
.ven-fundrow ul li { list-style: none; margin: 0px 27px 0px 0; display: inline-block; padding: 7px 0 7px 0; color: #6f6f6f; font: 400 15px/18px 'latoregular', sans-serif; float: none; background: none; width: auto; }
.ven-fundrow ul li i { margin: 0 7px 0 0; height: 22px; width: 22px; background: url(../images/company-profilesprite.png) no-repeat center top; display: inline-block; vertical-align: middle; }
.ven-fundrow ul li i.emp { background-position: -9px 0; }
.ven-fundrow ul li i.mil { background-position: -36px 0; }
.ven-fundrow ul li i.add { background-position: -64px 0; }
.ven-fundrow ul li i.web { background-position: -92px 0; }
.compro-outer .all_actjob_btn { }
.compro-outer .all_actjob_btn a { background: #2c84cc none repeat scroll 0 0; color: #fff; display: inline-block; font: 400 22px/22px 'latoregular', sans-serif; padding: 11px 27px; text-decoration: none; border-radius: 2px; }
.compro-outer .all_actjob_btn a:hover { background-color: #006999; }
.employer-page .footer .separator { max-width: 1200px; width: 100%; }
@media (max-width: 1024px) {
.compro-outer h1 { font: 400 24px/25px 'latoregular', sans-serif; }
.employer-page .main_container { min-width:initial; }
.fourColSection .col-md-4 { margin-bottom: 20px; min-height: 272px; }
.fourColSection .col-md-4 { margin-bottom: 20px; min-height: 286px; }/*all css start here header*/
.main_container { min-width:initial; }
.employer-page .footer .separator {
max-width: 100%;
width: 100%;
}
/*all css start here header*/
}
@media (max-width: 991px) {
.fourColSection .col-sm-6 { min-height: 272px; }
.services-right { height: 100%; padding-top: 145px!important; vertical-align: middle; }
.employer-page a.navbar-brand { width: 133px; }
.employer-page .nav>li>a {
padding: 10px 10px;
}
.txtdisc {
padding-top: 9px;
}
.employer-page .rightul li.icons { width: 38px; }
.employer-page .rightul li.li2 { width: 75px!important; }
.employer-page .rightul li.li1 { margin-left: 0; margin-right: 0; }
.rightul li { margin: 4px 6px; }
/*all css start here header*/
a.navbar-brand { width: 165px; }
.rightul li.icons { width: 60px; }
.rightul li.li2 { width: 75px!important; }
.rightul li.li1 { margin-left: 0; margin-right: 0; }
.rightul li { margin: 4px 6px; }
.signup-page .form-control { width: 100%!important; }
.signup-page .form_list { width: 100%; }
.signup-page .sec_column3 { padding-top: 0!important; }
.signup-page .sec_column2 { padding: 0 24px!important; }
.signup-page .sec_column3 { padding: 0 24px!important; }
.signup-page #dialPhone { width: 48%!important; }
.signup-page .country-width { width: 46%!important; }
.signup-page #dialCountry { width: 100%!important; }
/*all css start here header*/
.captch-left { width: 60%!important; }
.capcha-imageright { width: 38%!important; margin-left: 2%; }
.employer-page .footer .separator {
max-width: 100%;
width: 100%;
}
}
@media (max-width: 767px) {
.compro-header { padding: 25px 0; }
.compro-outer h1 { font: 400 30px/34px 'latoregular', sans-serif; }
.compro-outer .all_actjob_btn a { font: 400 16px/18px 'latoregular', sans-serif; padding: 11px 22px; }
.comwor-logo { padding-top: 5px; }
}
@media (max-width: 500px) {
.compro-outer h1 { font: 400 24px/25px 'latoregular', sans-serif; }
}
/*********************company profile css end here*/
/* ----------------------- confirmation box ------------ */
div.confirmation-modal .modal { background: none repeat; }
.modal { background: url(../images/overlay.png) repeat; }
div.confirmation-modal .modal-header { border-bottom: none; }
div.confirmation-modal .modal-footer { border-top: none; }
div.confirmation-modal .modal-body { border: 0px solid #cccccc; margin: 25px; padding: 0px; overflow: auto; max-height: 388px; height: auto; }
div.confirmation-modal .modal-dialog { width: 350px; }
div.confirmation-modal .modal-title { text-align: center; color: #2c84cc; }
/* ------------------------------------------------------- */
/* Placeholder Styling */
.form-control::-moz-placeholder {
color: #B9B9B9;
opacity: 1
}
.form-control:-ms-input-placeholder {
color: #B9B9B9
}
.form-control::-webkit-input-placeholder {
color: #B9B9B9
}
#loginform-username::-webkit-input-placeholder {
color: #b9b9b9;
}
#loginform-username:-moz-placeholder { /* Firefox 18- */
color: #b9b9b9;
}
#loginform-username::-moz-placeholder { /* Firefox 19+ */
color: #b9b9b9;
}
#loginform-username:-ms-input-placeholder {
color: #b9b9b9;
}
/* Placeholder Styling */
/*filter by popup start here*/
.filterby-box { padding: 20px 0; width: 580px; margin: 0 auto; }
.filterby-box .form_list { border: 1px solid #c2c2c2; border-radius: 0px; float: left; height: 42px; position: relative; width: 100%; }
.filterby-box .form-control { height: 39px; border-radius: 0; color: #555; width: 100%; }
.filterby-box .form_list::before { background: url("../images/dropdown-imgprofile.png") no-repeat scroll 100% 0; height: 42px; }
.filterby-box .form_list::after { background: rgba(0, 0, 0, 0) url("../images/dropdown-imgprofile.png") no-repeat scroll 100% 0; height: 41px; }
.filterby-box .row { margin-bottom: 20px }
.filterby-box input { width: 100%; position: relative; }
.filterby-box input.form-control { height: 42px; }
.filterby-box h3 { font-size: 22px; color: #287abb; padding: 0 35px 16px 35px; border-bottom: #e7e7e7 1px solid; margin-bottom: 23px; }
.filterby-box input.add-filter { right: 0; top: 50%; cursor: pointer; background: url(../images/plusicon.png) no-repeat right center; display: inline-block; }
.filterby-box span { font-size: 15px; color: #9e9e9e; text-align: center; display: block; font-weight: 500; }
.filterby-box .botton_blue { width: 144px; height: 42px; margin-right: 13px; float: left; }
/*filter by popup end here*/
.filter-keyword { float: right; margin-left: 20px; }
.clearFilters {/*margin-top: -46px; margin-right: 40px;*/ }
.edit-icon { background: url(../images/edit-icon.jpg) no-repeat; width: 31px; height: 31px; float: right; margin-top: -4px; }
.applyC { position: relative; padding: 0 20px; margin-top: 24px; font-weight: normal; color: #a3a3a3; float: left; }
.applyC input[type="checkbox"] { position: absolute; left: 0; visibility: inherit; }
.applyC .help-sec { position: absolute; right: 0; top: 0; }
.colorBlue { color: #2c84cc; }
.form-control:focus { border-color: #ccc !important; outline: 0; }
/*
pagination
*/
.pagination { width: 70%; padding-left: 30px; }
.paginationPerPage { width: 25%; float: right; margin: 20px 0; padding-right: 30px; }
.paginationPerPage span { float: right; height: 42px; color: #a3a3a3; padding: 10px 5px 0 0; }
.paginationPerPage .form_list { width: 80px; float: right; height:34px !important; }
.paginationPerPage .sl_status select {
font-size: 14px;
font-style: normal;
height: 34px;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
background: url("../images/dropdown-imgprofile.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
padding-right: 34px;
padding-left:5px;
background-size: 33px;
}
.pagination > li > a, .pagination > li > input { margin-right: 10px; float: left; min-width: 35px; }
.pagination > li > span { margin-right: 10px; float: left; }
.pagination > li > input[type="button"] { background-color: #2c84cc; color: #fff; }
.pagination > li > span.custom_label, .pagination > li > span.custom_label:hover { margin-right: 10px; border: medium none; color: #a3a3a3; background-color: #fff; padding: 5px 0; }
/*
pagination end
*/
.signform-control { height: 40px; font-size: 16px; border: 1px solid #ccc; }
.captcha-img { width: 100%; height: 41px; }
.signup-page label { display: block; }
.signup-page textarea { outline: none; }
.sign_up { text-align: center; margin: 0 auto; }
.sign_up_btn { float: none; }
.captch-left { float: left; width: 46%; }
.capcha-imageright { float: left; margin-top: 22px; width: 32%; height: 40px; }
.field-employersignupform-company_type_other { display: none; }
/*employer page css start here*/
.client-page .pageTitle h2 { font-size: 43px; padding-top: 24vh; font-family: lato; }
.client-page .pageTitle h2 strong { font-size: 45px; text-transform: uppercase; }
.client-page .pageTitle h3 { font-size: 30px; margin-top: 5px; font-family:'latoregular'; }
.client-page .pageTitle p { font-size: 23px; }
.download-btn-alt { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #545454; border-radius: 48px; color: #ffffff; display: inline-block; font-size: 12px; height: 64px; line-height: 18px; overflow: hidden; position: relative; text-align: left; width: 64px; }
.topicon li { display: inline-block; list-style: outside none none; margin: 0 37px 0 0; vertical-align: top; }
.topicon { text-align: left; }
.download-btn .icon, .download-btn-alt .icon { font-size: 32px; left: 20px; position: absolute; top: 14px; }
.appleicon { background: rgba(0, 0, 0, 0) url("../images/appleicon.png") no-repeat scroll center center; }
.icon { height: 63px; width: 63px; }
.download-btn-alt:hover .icon { transform: rotateY(360deg); }
.download-btn-alt .icon { left: 0; top: 0; transition: all 0.5s ease-in-out 0s; }
.android .icon, .download-btn-alt .icon { left: 0; position: absolute; top: 0; }
i.pcicon { background: rgba(0, 0, 0, 0) url("../images/pcicon.png") no-repeat scroll center center; }
.android, .android i { color: #3b6d95; transform: none; transition: none 0s ease 0s; }
.android-icon { background: rgba(0, 0, 0, 0) url("../images/android-icon.png") no-repeat scroll center center; position: absolute; top: 0; }
.android-btn { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #c6c5c3; border-radius: 48px; color: #c6c5c3; display: inline-block; font-size: 12px; height: 64px; line-height: 18px; overflow: hidden; padding: 32px 34px; position: relative; text-align: left; width: 64px; }
.topicon li em { color: #a3bed7; display: block; font-size: 11px; font-style: normal; font-weight: 400; margin-top: 10px; text-align: center; }
.topicon li em { color: #c6c5c3; display: block; font-size: 11px; font-style: normal; font-weight: 400; margin-top: 10px; text-align: center; }
#secfour i { display: inline-block; margin-right: 41px; vertical-align: top; }
.headingblue { color: #fff; display: inline-block; font-size: 18px; font-weight: 300; margin: 0; text-transform: uppercase; }
.item-list-left { margin-top: 20px; }
.item-list-left li { margin-bottom: 16px; }
.headingblue p { font-size: 16px; text-transform: none; }
#secfour p { font-size: 18px; font-weight: 300; margin-bottom: 35px; text-align: left; }
.vcell img { max-width: none; }
.section2 i { display: inline-block; margin-right: 41px; vertical-align: top; }
.fourColSection h3 { text-align: center; }
.fourColSection .col-md-4 { margin-bottom: 20px; min-height:265px; }
.fourColSection { margin: 0; padding: 49px 0 20px; text-align: center; }
.section3 h3 { text-align: center; }
.section2 { background: #3383c5; padding-left: 13px; padding-top: 20px; padding-bottom: 20px; }
.section2 h2 { color: #fff!important; border-bottom: 1px solid #fff; padding-bottom: 4px; }
.section2 p { text-align: left; font-size: 16px; font-weight: 300; }
.services-right { float: right; padding-right: 68px; padding-top: 38px; }
.services-right img { float: right; text-align: right; }
.sections.section3 { background: url("../images/device-video.jpg") no-repeat scroll center top; }
.client-page .join-borders { background-color: rgba(242, 109, 1, 0.8); height: 280px; padding: 0 30px; position: relative; }
.openVideo { cursor: pointer; }
.video { background: #000 none repeat scroll 0 0; display: none; height: 100vh; left: 0; overflow: hidden; position: fixed; top: 0; width: 100vw; z-index: 9999; }
.close-video { background: rgb(255, 255, 255) url("../images/icon-close-mobile-pop.png") no-repeat scroll center center; border-radius: 0 0 0 50%; box-shadow: 0 0 10px #000; cursor: pointer; display: block; float: right; height: 40px; line-height: 30px; position: absolute; right: 0; text-align: center; top: 0; width: 40px; }
.overflowHidden { overflow: hidden; }
.contactSection span { font-size: 19px; font-weight: bold; }
.contactSection em {
font-style: normal;
margin-right: 16px;
font-size: 25px;
font-weight: bold;
}
.contactSection h3 { float: left; font-family: lato; font-weight: bold; margin: 0 3px 0 0; padding: 15px 0 0; }
/*employer page css end here*/
/*shakher*/
.band{ width: 100%;background: url('../images/bind-bg.jpg') no-repeat top center; text-align:center; box-sizing:border-box; background-size: cover; padding:26px 0px; margin-top:14px;}
.band .Cntnr{ margin: 0 auto;max-width: 1170px; padding: 0 15px;}
.band .bandTxt {color: #fff; display: inline-block;float: left;font-size: 30px;}
.band .bandBtnCntnr {display: inline-block;float: right;text-align: right; width: 30%;}
.band .btn { background: #f26d01 none repeat scroll 0 0;border-radius: 2px;color: #fff;padding: 10px; text-align: center;width: 153px; font-size:16px;}
.custom-band{ margin-top:15px;}
/* */
.list-disc{font-family: latolight;margin-left:15px;}
.list-disc li{list-style: disc !important;font-family: latolight;}
.panel-group .panel {margin-bottom: 0;border-radius: 0px !important;}
.panel-heading a h4{color:#444 !important;}
.qusetionFaq{ padding-right: 10px;}
.panel-heading{position: relative;}
.panel-title .gl-up{background: url(../images/glyphicon-chevron-up.png) no-repeat; height: 16px;width:16px;position: absolute;right: 5px;top: 30%;}
.panel-title .gl-down{background: url(../images/glyphicon-chevron-down.png) no-repeat; height: 16px;width:16px;position: absolute;right: 5px;top: 30%;}
/*---------- After Sign up header --------*/
.headerUser {
padding: 5px 0 2px 0 !important;
}
.headerUser .username {
width: 200px;
height: 45px;
display: table;
word-wrap: break-word;
}
.headerUser .collapseDropdown {
position: absolute !important;
top: -4px;
right: 0;
}
.headerUser .username .dropdown-menu {
top:50px !important;
}
/*------------------------------------------ Header -----------------------------------*/
.header {
background-color: #19262d;
padding: 20px 0;
transition: 0.5s;
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 100;
}
.logo_top {
float: left;
}
.topNav {
position: relative;
}
nav.navigation {
display: block;
}
nav.navigation:after {
content: "";
display: table;
clear: both;
}
nav.navigation ul {
list-style: none;
margin: 0;
padding: 0;
float: right;
}
nav.navigation ul li {
list-style: none;
margin: 0;
padding: 0 12px;
display: inline-block;
position: relative;
}
nav.navigation ul.appIcons li {
padding:0 12px 0 0;
}
nav.navigation ul.appIcons li:last-child {
padding-right: 0;
}
nav.navigation ul.menuList {}
nav.navigation ul.menuList li:before {
content: '';
display: block;
position: absolute;
width: 4px;
height: 4px;
border-radius: 100%;
background: #d2d2d2;
top: 50%;
left: 0;
margin-top: -2px;
margin-left: -2px;
}
nav.navigation ul.menuList li:first-child:before {
display: none;
}
nav.navigation ul.menuList li a {
color: #d2d2d2;
text-decoration: none;
line-height: 48px;
}
.menuIconBox {
display: none;
}
/**/
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #555;
background-color: transparent;
}
.navbar-nav > li {
list-style-image: url(../images/bullet.png);
list-style-position: inside;
}
.nav > li {
list-style-image: url(../images/bullet.png);
list-style-position: inside;
}
.fixed-nav {
transition: 0.5s;
padding: 10px 0;
}
.header .navbar-default {
background-color: transparent;
border-color: transparent;
margin-bottom: 0px;
}
.navbar-default .navbar-nav > li > a {
color: #d2d2d2;
font-size: 13px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #FFF;
background-color: transparent;
}
.header .navbar-default .navbar-nav > .active > a,
.header .navbar-default .navbar-nav > .active > a:hover,
.header .navbar-default .navbar-nav > .active > a:focus {
color: #fff;
background-color: transparent;
}
.header .sign_in_btn {
border-radius: 20px;
width: 72px;
background-color: transparent;
color: #ccc;
border: 2px solid;
transition: all 0.5s;
padding: 5px;
margin: 0;
text-align: center;
}
.header .sign_up_btn {
border-radius: 20px;
width: 72px;
background-color: #2b84cc;
border: 2px solid #2b84cc;
color: #fff;
padding: 7px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
transition: all ease-in-out 0.3s;
font-size: 14px;
}
.dropdown-toggle {
display: block;
}
.navbar-collapse {
padding-right: 0px;
}
.navbar-nav > li > .dropdown-menu {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.arrow_box {
background: #3D5360;
border: 4px solid #3D5360;
top: 62px;
left: -165px;
min-width: 220px;
padding: 0px;
/* min-width: 114px;
left: -68px;*/
}
.arrow_box li {
float: left;
}
/*.arrow_box li:last-child {
display:none;
}*/
.arrow_box > li > a {
padding: 3px 3px;
}
.arrow_box:after,
.arrow_box:before {
bottom: 100%;
right: 5px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box:after {
border-color: rgba(61, 83, 96, 0);
border-bottom-color: #3D5360;
border-width: 10px;
margin-left: -10px;
}
.arrow_box:before {
border-color: rgba(61, 83, 96, 0);
border-bottom-color: #3D5360;
border-width: 10px;
margin-left: -16px;
}
nav.navigation ul.arrow_box {}
nav.navigation ul.arrow_box li {
padding: 0
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
background-color: transparent;
opacity: 0.6;
}
.navbar-brand {
float: left;
padding: 0;
}
.navbar-nav {
float: right;
}
/*--------------------------------- Header end -------------------------------------------*/
/*------- DashBoard Menu Start Here -------*/
.startHereBg { background: url(../images/starthereBg.jpg) no-repeat; width: 100%; margin-top: 40px; padding: 40px; }
.handshape { }
.startHere h4 { margin: 0; font-size: 18px; color: #fff; }
.startHere h1 { font-size: 50px; color: #ffcc00; font-weight: 600; margin: 10px 0 0 0; }
.startHere p { color: #b2b2b2; font-size: 16px; margin: 30px 0; }
.startHere ul { }
.startHere ul li { display: inline-block; margin: 0 15px; }
.startHere ul li:first-child { margin-left: 0px; }
.startHere ul li a { height: 50px; border-radius: 25px; color: #fff; display: block; text-align: center; line-height: 50px; width: 255px; text-transform: uppercase;}
.startHere ul li a:hover {opacity: 0.9;}
.blueColor { background: #2c84cc; }
.blackColor { background: #000 !important;}
.handshape { text-align: right; }
.startHere .styleCheck [type="checkbox"] + label { color: #b2b2b2; font-size: 16px; font-weight: normal; font-family: 'latoregular'; }
/*--Style checkbox Started --*/
[type="checkbox"]:not(:checked), [type="checkbox"]:checked { left: -9999px; position: absolute; visibility: hidden; }
[type="checkbox"] + label {-moz-user-select: none;color: #999;cursor: pointer;display: block;font-size: 14px;/*height: 20px;line-height: 25px;*/padding-left: 35px;position: relative;}
[type="checkbox"] + label::before { border: 2px solid #5a5a5a; border-radius: 1px; content: ""; height: 18px; left: 0; margin-top: 2px; position: absolute; top: 0; transition: all 0.2s ease 0s; width: 18px; z-index: 0; }
[type="checkbox"]:disabled:not(:checked) + label::before { background-color: rgba(0, 0, 0, 0.26); border: medium none;}
[type="checkbox"]:checked + label::before { backface-visibility: hidden; border-color: transparent #2b84cc #2b84cc transparent; border-style: solid; border-width: 2px; height: 22px; left: -3px; top: -4px; transform: rotate(40deg); transform-origin: 100% 100% 0; width: 12px;}
[type="checkbox"]:checked:disabled + label::before {border-bottom: 2px solid rgba(0, 0, 0, 0.26); border-right: 2px solid rgba(0, 0, 0, 0.26);}
[type="checkbox"]:indeterminate + label::before {backface-visibility: hidden; border-color: -moz-use-text-color #26a69a -moz-use-text-color -moz-use-text-color; border-style: none solid none none; border-width: medium 2px medium medium; height: 22px; left: -10px; top: -11px; transform: rotate(90deg);
transform-origin: 100% 100% 0; width: 10px;}
[type="checkbox"]:indeterminate:disabled + label::before {background-color: transparent;border-right: 2px solid rgba(0, 0, 0, 0.26);}
[type="checkbox"] + label::after {border-radius: 2px;}
[type="checkbox"] + label::before, [type="checkbox"] + label::after { content: ""; left: 0; position: absolute;
transition: border 0.25s ease 0s, background-color 0.25s ease 0s, width 0.2s ease 0.1s, height 0.2s ease 0.1s, top 0.2s ease 0.1s, left 0.2s ease 0.1s;
z-index: 1;}
[type="checkbox"]:not(:checked) + label::before {border: 3px solid transparent;height: 0; left: 6px; top: 10px; transform:rotateZ(37deg); transform-origin: 100% 100% 0; width: 0;}
[type="checkbox"]:not(:checked) + label::after {background-color: transparent;border: 2px solid #5a5a5a; height: 20px; top: 0;
width: 20px; z-index: 0;}
[type="checkbox"]:checked + label::before {border-color: transparent #fff #fff transparent; border-style: solid; border-width: 2px;
height: 13px; left: 1px; top: 0; transform: rotateZ(37deg); transform-origin: 100% 100% 0; width: 8px; }
[type="checkbox"]:checked + label::after {background-color: #2b84cc;border: 2px solid #2b84cc;height: 20px; top: 0;width: 20px; z-index: 0;}
[type="checkbox"]:disabled:not(:checked) + label::before {background-color: transparent;border: 2px solid transparent;}
[type="checkbox"]:disabled:not(:checked) + label::after {background-color: #bdbdbd; border-color: transparent;}
[type="checkbox"]:disabled:checked + label::before {background-color: transparent;}
[type="checkbox"]:disabled:checked + label::after {background-color: #bdbdbd; border-color: #bdbdbd;}
/*--Style checkbox Ended --*/
.orangeBtn {
background: #f26d01;
color: #fff;
border-color: #f26d01;
float: right;
margin-top: 18px;
}
.orangeBtn:hover, .orangeBtn:active, .orangeBtn:focus {
background: #f26d01;
color: #fff;
}
/*------ Incomplete Profile Section Start ------*/
.comProfileTop {
border-bottom: 0px !important;
padding-top: 8px !important;
}
.incompleteProfile {
}
.incompHead {
text-align: center;
margin: 50px 0;
}
.incompHead h2 {
text-transform: uppercase;
color: #000;
font-weight: 600;
}
.incompHead p {
font-size: 16px;
color: #666;
}
.incProfPrg {
position: relative;
}
.incProfPrg .line_mark {
background-color: #000;
width: 100%;
height: 12px;
margin-left: 0;
position: absolute;
top: 30px;
}
.incProfPrg .progress_active {
background-color: #ffa61a;
width: 35%;
height: 12px;
margin-left: 0;
position: absolute;
top: 30px;
}
.incompleteProfileTabs {
padding: 50px 80px;
text-align: center;
}
.incompleteProfileTabs li {
display: inline-flex;
margin: 15px;
}
.incompleteProfileTabs li a {
background: #2b84cc none repeat scroll 0 0;
border: 0 none;
border-radius: 25px;
color: #fff;
font-size: 16px;
padding: 15px 35px;
}
.incompleteProfileTabs li a:hover {
opacity: 0.9;
}
/*--- Light Box ---*/
.incompleteLightbox {
width: 800px;
margin: auto;
padding:20px 30px;
}
.incompleteLightbox .incProfPrg .line_mark {
height: 10px;
top: 25px;
}
.incompleteLightbox .incProfPrg .progress_active {
height: 10px;
top: 25px;
}
.incProHead {
border-bottom: 1px solid #ccc;
color: #000;
}
.incProHead h3 {
margin: 0 0 10px 0;
font-size: 22px;
}
.incInputHead {
color: #666;
font-family: latolight;
font-size: 16px;
}
.incTabHead {
margin: 50px 0 15px 0;
color: #2B84CC;
font-weight: 600;
}
.incNextTab {
margin-top: 40px;
}
.incompleteLightbox .incProfPrg h4 {
font-size: 18px;
font-family: inherit;
margin-bottom: 40px;
}
.incompleteLightbox .form-control {
width: 100%;
height: 42px;
color: #555;
}
.incompleteLightbox .form_list select {
font-style: normal;
height: 40px;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
background: url("../images/dropdown-imgprofile.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
padding-right: 42px;
background-size: 41px;
}
.incompleteLightbox .form_list {
border-radius: 0px;
height: 42px;
width: 100%;
}
.incPopListBox .form_list {
float: left;
width: 25%;
}
.incProInput {
float: left;
width: 35%;
}
.marginTop {
margin-top: 20px;
}
.incompIndBox {
height: 125px;
overflow-y: auto;
margin-top: 20px;
}
.incompleteLightbox .form_login {
padding: 0;
}
/*------- About US New Page --------*/
.aboutBg {
background: url("../images/aboutBg.jpg") no-repeat center ;
width: 100%;
height: 290px;
color: #fff;
}
.aboutBg h1 {
margin-top: 100px;
font-weight: 600;
letter-spacing: 1px;
}
.aboutBg p {
font-size: 20px;
letter-spacing: 1px;
font-family: latolight;
}
.aboutContent {
padding: 50px 0;
position: relative;
}
.content_para h1 {
font-weight: 600;
margin-bottom: 20px;
}
.content_para p {
color: #929292;
font-size: 15px;
margin: 10px 0;
}
.content_img {
position: absolute;
top: 104px;
}
/*--*/
.videoSection {
background: url('../images/aboutbg2.jpg') no-repeat;
width: 100%;
}
.contentHead2 {
text-align: center;
margin: 40px 0;
position: relative;
}
.contentHead2:before {
content: "";
padding: 40px 0px;
position: absolute;
top: -2.5em;
left: 50%;
width: 2px;
background: #2B84CC;
display: block;
margin-left: -1px;
}
.socialBox{text-align:center;margin:40px 0 50px 0;}
.socialBox li{display:inline-block;list-style:none;background: #2b84cc;border-radius:25px;margin:10px;}
.socialBox li:hover{opacity:0.9;transition:all ease-in-out 0.3s;}
.socialBox li a{color:#fff;display:block;padding:4px 27px;line-height:35px;}
.socialBox li a span{line-height:42px;}
.socialBox li .social_icon{border-right: 1px solid #4e98d4;font-size:22px;font-weight:100;padding-right:15px;margin-right:15px;line-height:42px;}
.videoBg {
height:230px;
position: relative;
background-size: cover;
}
.videoBg1 {
background: url('../images/videoImg1.jpg') no-repeat;
}
.videoBg2 {
background: url('../images/videoImg2.jpg') no-repeat;
}
.videoBg3 {
background: url('../images/videoImg3.jpg') no-repeat;
}
.videoSection .vtable:hover {
background: #fff;
transition: all ease-in-out 0.3s;
box-shadow: 0px 6px 10px 0px #999;
padding: 10px;
}
.videoSection .vtable {
padding: 10px;
}
.videoText {
text-align: center;
}
.videoText p {
font-size: 16px;
color: #929292;
}
.loginLink {
text-align: right;
}
/*--------- Job Details New Layout Start --------*/
.newlayjob {
padding-top: 35px;
word-wrap: break-word;
}
.newJobRow {
border-bottom: 1px solid #ccc;
padding: 10px 0;
}
.newJobRow2 {
border-bottom: 1px solid #f1f1f1;
padding: 10px 0 5px;
}
.newview li {
display: inline-block;
margin-right: 30px;
}
.newview li a {
color: #2C84CC;
font-size: 16px;
}
.newshare {
float: right;
margin-bottom: 8px;
margin-right: 15px;
text-align: right;
}
.newshare a span {
float: left;
line-height: 20px;
margin-left: 5px;
font-size: 12px;
}
.newshare a img {
float: left;
width: 16px;
margin-top: 1px;
}
.newshare span {
color: #2C84CC;
margin-right: 5px;
}
.newshare p img {
margin-left:20px
}
.newSocial {
text-align: right;
}
.newSocial li {
display: inline-block;
color: #2B84CC;
margin: 0 2px;
position: relative;
}
/*.newSocial li:after {
content: "";
border-right: 1px solid #ccc;
padding: 0 0px;
height: 15px;
position: absolute;
top: 4px;
left: -6px;
color: #ccc;
}
.newSocial li:first-child:after {
content: "";
border-right: 0px;
}*/
.newJobDetails {
padding-top:0px;
padding-left: 15px;
}
.newSocial li img {
width: 90%;
}
.njobDtls2 {
padding: 0px;
}
.newJobtitle {
margin-bottom: 5px;
}
.newJobtitle h3 {
float: left;
margin: 0px;
text-transform: capitalize;
margin-right: 10px;
max-width: 700px;
font-weight: 600;
font-size: 26px;
color: #2C84CC;
}
.newJobtitle span {
float: left;
font-size: 20px;
}
.newJobtitle span a {
color: #000;
}
.njobDtls p {
font-size: 15px;
color: #B3B3B3;
}
.njobDtls span {
color: #333;
display: block;
}
.nBonus {
/*float: right;*/
/*margin-top: 25px;*/
}
.nBonus li {
display: inline-block;
/*margin: 0 8px;*/
/*text-align: center;*/
font-size: 15px;
color: #2C84CC;
}
.nBonus li:last-child {
margin-left: 30px;
}
.nBonus li p {
float: left;
padding-bottom: 0;
line-height: 25px;
}
.approxPara {
font-size: 10px;
float: left;
margin-left: 6px;
}
.approxPara span {
margin: 6px 5px 0 0 !important;
display: inline;
float: left;
}
.nBonus li span {
display: block;
color: #000;
margin: 5px 0;
}
.newjobsBtn {
padding: 5px 0;
text-align: left !important;
}
.newjobsBtn li {
display: inline-block;
margin: 0 15px;
}
.newjobsBtn li:first-child {
margin-left: 0;
}
.newjobsBtn li a {
padding: 7px 15px;
float: left;
background-color: #2c84cc;
font-size: 24px;
color: #fff;
font-family: 'latolight';
text-align: center;
width: 160px;
/*line-height: 30px !important;*/
}
.newjobsBtn li a:hover {
opacity: 0.9;
}
.newjobsBtn li a span {
font-size: 16px;
}
.newJobspara {
height: 400px;
overflow-y: auto;
margin-bottom: 50px;
}
.newJobspara ol, .newJobspara ul {
padding-left: 30px;
}
.newJobspara li {
list-style: inherit;
list-style-position: inside;
}
.newJobspara li p {
display: inline-block;
}
.messageRec {
padding: 10px 0;
border-bottom: 1px solid #f1f1f1;
}
/*--------- Job Details New Layout Start --------*/
/*----- Share n Earn Design Start -----*/
.shareNearnSection {
max-width: 920px;
}
.shareNearn {
text-align: center;
padding: 80px 0 0;
}
.shareNearn h2 {
color: #6B6B6B;
font-size: 32px;
}
.shareNearn p {
color: #8E8E8E;
font-size: 16px;
}
.earnAmt {
margin: 10px 0 40px;
}
.earnAmt h3 {
color: #2C84CC;
font-size: 28px;
margin: 0 0 6px;
}
.shareNsocial {
margin: 10px 0 50px;
text-align: center;
}
.shareNsocial li {
margin: 0 8px;
text-align: center;
display: inline-block;
}
.shareNsocial li a {
border: 0px;
padding: 0;
transition: all 0.5s ease-in-out 0s;
border-radius: 0px;
height: 40px;
width: 30px;
overflow: initial;
}
.rotateIcon {
/* position: absolute; */
top: 7px;
left: 7px;
height: auto;
width: auto;
transition: all 0.5s ease-in-out 0s;
}
.shareNsocial li a:hover .rotateIcon {
transform: rotateY(360deg);
}
.cImptext {
background-color: #9E9E9E;
max-width: 300px;
margin: auto;
border-radius: 5px;
color: #fff !important;
padding: 5px 0;
}
.searchEngine {
margin: 20px 0;
}
.searchEngine li {
display: inline-block;
margin: 0 2px;
}
.searchEngine li span.rotateBox {
/* border: 1px solid #C7C7C7; */
/* padding: 5px; */
transition: all 0.5s ease-in-out 0s;
/* border-radius: 0px; */
/* height: 35px; */
/* width: 50px; */
/* position: relative; */
}
.searchEngine li a:hover .rotateIcon {
transform: rotateY(360deg);
}
.searchEngine li span {
display: block;
padding-top: 5px;
font-size: 12px;
color: #000;
transition: all 0.5s;
}
.searchEngine li img {
width: 60%;
/* position: absolute; */
/* left: 9px; */
}
.rotateBox {
}
/*-- Invite Box --*/
.inviteBox {
margin: auto;
text-align: center;
padding: 40px 20px;
color: #000000;
}
.inviteBox h2 {
margin: 10px 0 35px;
}
.inviteBoxText {
font-size: 14px;
color: #333;
}
.inviteBoxCir {
height: 150px;
width: 150px;
border: 1px solid #ccc;
border-radius: 50%;
margin: 5px auto 15px;
}
.inviteBox a.invitelink{
color: #FFFFFF;
background: #2C84CC;
padding: 12px 70px;
display: inline-block;
margin: 20px 0 0;
border-radius: 10px;
}
/*------ Share n Earn check list -----*/
.shareNlist {
height: 500px;
padding:0 20px 0 0;
overflow-y: auto;
position: relative;
}
.unselAll {
border-bottom: 1px solid #ccc;
margin-bottom: 5px;
margin-top: 20px;
}
.unselAll h4 {
float: left;
margin: 0 10px 0 0;
padding: 0;
color: #2C84CC;
cursor: pointer;
font-size: 16px;
}
.unselAll p {
float: right;
}
.sharelrow {
border-bottom: 1px solid #ccc;
padding: 5px 10px 0 0;
}
.lableRow {
width: 100%;
font-weight: 300;
cursor: pointer;
margin: 0px;
}
.sharelrow p {
font-size: 16px;
padding: 0px 0 5px;
}
.jobUname {
float: left;
}
.sharelrow span {
display: block;
font-size: 14px;
}
.sharelrow .styleCheck {
float: right;
margin-top: 10px;
width: 20px;
}
.sharelrow .styleCheck [type="checkbox"] + label {
height: 20px;
}
.shareNBtn {
text-align: center;
margin-top: 30px;
}
.shareNBtn li {
display: inline;
margin: 15px;
}
.shareNBtn li:hover {
opacity: 0.9;
}
.shareNBtn a:hover {
color: #fff;
opacity: 0.9;
}
.sneBtn {padding: 7px 15px;background-color: #2c84cc;font-size: 24px;color: #fff;font-family: 'latolight';text-align: center;width: 150px;}
.shareNBtn input {
background: #2C84CC;
}
.shareNBtn a {
background: #8A8A8A;
display: inline-block;
}
/* Tooltip */
.newSocial li a + .tooltip > .tooltip-inner {
background-color: #2B84CC;
color: #FFFFFF;
width: 115px;
font-size: 11px;
}
.jobcntBox {
padding-left: 45px;
}
.jobHeadPara {
float: none !important;
margin: 15px 0 20px !important;
}
.jobcntBox .det_job_wrap {
padding-top: 0;
}
.jobcntBox .det-app_resHead {
margin-bottom: 0px;
}
.jobcntBox .job_list_addnew .form_login {
padding: 0;
}
.commonHeading {color: #6B6B6B; font-size: 32px; }
/*------- Button Row Blue and Grey Start ------*/
.buttonsRow { padding: 0px !important; margin: 0px !important; text-align: center;}
.buttonsRow li { background: none !important; display: inline; padding: 0px !important; }
.buttonsRow li:first-child { margin-right: 20px;}
.blueBtn { line-height: 31px !important; border-radius: 0px !important; padding: 13px 0px !important;background-color: #2c84cc !important;margin: 0px !important;font: 20px 'latolight' !important;color: #fff !important;width: 100% !important;text-align: center !important;display: inline-block;height: 52px !important; border: 1px solid #2C84CC;max-width: 170px;float: none !important;}
.shareNearnSection .inviteMre{padding: 14px 50px ! important; max-width: 280px;}
.grayBtn {line-height: 31px !important;border-radius: 0px !important;padding: 13px 0 !important;background-color: #D6D6D6 !important;margin: 0px !important;font: 20px 'latolight' !important;color: #000 !important;width: 100% !important;text-align: center;display: inline-block;height: 52px !important;border: 1px solid #D6D6D6;max-width: 170px;}
/*------- Button Row Blue and Grey End ------*/
/*--------------- Make Money CSS --------------*/
.makeMoney { /*background-image: url("../images/bg.png");*/ background: rgb(26, 26, 26); font-family: "latoregular"; width: 100%;}
.custom_container { max-width: 1060px; width:100%; margin:auto; padding: 0 50px;}
.makeMoney header { background-color: #387ab6; margin: 0px 20px 100px 20px; position: relative; color:#fff;}
.makeMoney header::before { left: -34px;}
.makeMoney header::after { right: -35px; top: 0;}
.makeMoney header:before, .makeMoney header:after { background-color: #387ab6; content: ""; height: 200px; position: absolute; transform: skew(165deg); width: 65px;}
.fold_paper { position: absolute; bottom: -56px; right: 0;}
.makeMoney .logo { line-height: 200px; padding: 0 15px;}
.makeMoney .logo img { width:100%;}
.topRight { border-left: 3px solid #fff; margin: 20px 0; padding: 12px 60px; position: relative;}
.topRight h1 { font-size: 40px; line-height: 45px; margin: 0;}
.topRight h1 span { display:block;}
.topRight h4 { bottom: 10px; font-size: 30px; position: absolute; right: -80px; transform: rotate(-20deg); z-index: 100;}
.makeMoney .arrowImg { position: absolute; right: 0; top: 25px; z-index: 99;}
.easyStrip { background-color: #387ab6;}
.easyStrip h1 { color: #fff; font-size: 45px; padding: 15px; text-align: center; text-transform: uppercase;}
.easyWaySection { margin: 50px 0;}
.easyBox, .easybox2 { background-color: #fff; border-radius: 6px; margin-bottom: 50px; overflow: hidden; padding: 50px; position: relative;}
.easyWay-body1 { padding-right: 60px;}
.easyWay-body2 { padding-left: 60px;}
.easybox2 .col-sm-8 { z-index:9;}
.easyBox .col-sm-8 { z-index:9;}
.easyWaySection h2 { font-size: 35px; margin-bottom: 20px; text-transform: uppercase; font-weight: 600;}
.easyWaySection p { font-size: 22px; }
.numbers { bottom: -93px; color: #E6E6E6; font-family: "latobold"; font-size: 270px; font-weight: 600; position: absolute; right: -50px; max-width:180px;}
.numbersText2 { left: -45px;}
.numbersText3 { right:-30px;}
.numbersText4 { left:-35px;}
.numbersText5 { right:-35px;}
/*------ Make Money FOOTER SECTION --------*/
.makeMoney .footer_section { background: url(../images/footer_bg.jpg) no-repeat center center; width: 100%; min-height: 350px;}
.makeMoney .footer_contact { background-color: #19262d; padding: 10px 0 20px 0; position: relative; margin-top: -50px;}
.makeMoney .footer_card { padding: 20px;}
.makeMoney .contact_list { padding:0px;}
.makeMoney .contact_list li { list-style: none; color: #fff;}
.makeMoney .footer_button { float: left; background: #2B84CC; border-radius: 20px; padding: 9px; margin: 10px 0; width: 100px; text-align: center;}
.makeMoney .contact_text { float: left; margin: 12px 0px 0px 30px;}
.makeMoney .footer_menu { border-top: 1px solid #3b464c; margin: 0 5px; padding-top: 30px;}
.makeMoney .footer_menu ul { padding: 10px 0; text-align: center;}
.makeMoney .footer_menu ul li { list-style: none; display: inline-block; margin: 0 15px;}
.makeMoney .footer_menu ul li a { color: #2b84cc; font-size: 14px;}
.makeMoney .copyright_para { text-align: center; color: #d2d2d2; font-size: 12px;}
.makeMoney .email_text { margin-top: 20px !important;}
.makeMoney .rightBox { float:right;}
/*------------------ New Login Section Start Here ------------------*/
.displayFlex {display: flex;}
.loginSign { max-width: 900px; width: 100%; margin: 85px auto 50px; border: 1px solid #ccc; position: relative; padding: 0 15px; }
.leftFormBox { padding:20px 50px 50px; background: #2b84cc; }
.logo { text-align: center; display: block; margin-bottom: 50px; }
.logo img {opacity: 0.8;}
.leftFormBox ul li { list-style-type: square; color: #fff; margin: 30px 0; }
.leftFormBox ul li p { text-transform: uppercase; margin-bottom: 0px; padding: 0px; }
.leftFormBox ul li span { font-family: latolight; }
.rightFormBox { padding: 0px 40px 40px; }
.signInUp { padding: 20px 0 40px; }
.signInUp li { list-style: none; display: inline-block; margin: 0 15px; font-size: 20px; color: #333; }
.signInUp li:first-child { margin-left: 0px; }
.signInUp li a {color: #333;}
.active_sign {border-bottom: 1px solid #2b84cc;}
.active_sign a {color: #2b84cc !important;}
.active_agrement a {color: #2b84cc !important;}
.signupHeading {margin: 5px 0 30px; font-weight: 600; }
.cstInput { border-radius: 0px; height: 52px; /*margin-top: 35px;*/ font-size: 20px; font-family: latolight; width: 100%; }
.cstInput:focus { border-color: #2b84cc; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.btnRow { text-align: center; }
.forgotPass { display: inline-block; margin-bottom: 50px; color: #2b84cc; }
/*------------------ New Login Section End Here ------------------*/
/*------------------ New Sign Up Section Start Here ------------------*/
#signUpForm { display: block; }
.circleNumber { padding: 10px 0 30px 110px; }
.circleNumber li { height: 40px; width: 100px; list-style: none; float: left; }
#signupStep1 .circleOne { background: url('../images/stepStrip.png') no-repeat; background-position: 0px -61px; }
#signupStep2 .circleTwo { background: url('../images/stepStrip.png') no-repeat; background-position: -100px -61px; }
#signupStep3 .circleThree { background: url('../images/stepStrip.png') no-repeat; background-position: -200px -61px; }
.phone_img {position: absolute; left: 6px; top: 15px;}
.phone_img img {opacity: 0.4;}
.circleOne { background: url('../images/stepStrip.png') no-repeat; background-position: 0px 0px; }
.circleTwo { background: url('../images/stepStrip.png') no-repeat; background-position: -100px 0; }
.circleThree { background: url('../images/stepStrip.png') no-repeat; background-position: -200px 0; }
.industrySelect {height: 52px !important; padding: 0 5px; float: left; font-size: 16px;width: 100%; }
.countrySelect {height: 52px !important; padding: 0 5px; float: left; width: 38% !important; font-size: 16px; }
.dropSelect { height: 50px !important; font-size: 20px !important;}
.phoneInput {float: right; width: 53%; position: relative; }
.phoneInput:before {content: "-"; font-size: 37px; position: absolute; left: -26px; }
.addressSelect li { display: inline-block; width: 31% !important; border-radius: 0px; }
.addressSelect li:nth-child(2) { margin: 0 12px; }
.addressSelect li select { height: 52px; /*padding: 0 5px; font-size: 16px;*/ width: 100%; }
/*-Dropdown-*/
.loginSign select {
font-style: normal;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
background: url("../images/dropdown-52.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
padding-right: 50px;
background-size: 41px;
padding-left: 10px;
border-color: #ccc;
font-size: 20px;
border-radius: 0px;
font-family: latolight;
color: #b9bbc1;
border:1px solid #ccc;
}
/*-- Agreement Section --*/
.loginSign label{ font-weight: 400;}
#dontAgreeForm { display: none; }
.readAgreeHead h4 {float: left; }
.readAgreeHead a { margin-left: 25px; width: 30px; display: inline-block; }
.readAgreeHead a img { width: 100%; }
.readAgreePara { border: 1px solid #ddd; padding: 10px; height: 200px; overflow-y: auto; }
.authoHead { font-size: 18px; margin-top: 30px; }
.btnRow2 { margin-top: 40px; }
.btnRow2 li { list-style: none; width: 170px; }
.grayBtnBox { float: left; }
.blueBtnBox { float: right; }
.btnRow2 a { padding: 10px 0px; background-color: #ccc; margin: 0px; font: 20px 'latolight'; color: #000; width: 100%; text-align: center; height: 52px; border: 1px solid #ccc; max-width: 170px; display: inline-block; line-height: 31px; }
/*--- Step 3 Start ---*/
.blueBtnBig { max-width: 100%; }
.blueBtnBox2 { width: 200px !important; }
/*------------------ New Sign Up Section End Here ------------------*/
/*------------------ contract upload Section start Here ------------------*/
.contractAgree span{ font-size: 17px; width: 100%; display: block;font-weight: 500; padding: 0 10px;}
/*------------------ contract upload Section end Here ------------------*/
.headerUser nav.navigation ul.appIcons {
position: relative;
margin-top: 0px;
margin-right: 25px;
}
.generalMenu ul.appIcons {
margin-top: 6px !important;
}
/*--employer sign in --*/
.employer_loginTop {color: #2b84cc; text-transform: uppercase; line-height: 35px;}
.employer_loginTop span {color: #d2d2d2; padding-left: 5px;}
.employer_loginTop img {float: left; margin-top: 10px;}
/*----- FAB btn Start ------*/
.cstFAB {
position: absolute;
right: 0;
bottom: -2em;
transition: 0.3s;
top: 24px;
}
.fixed-action-btn {
padding: 5px 0 20px 0px;
position: relative;
}
.fabBtn {
float: right;
}
.custom_fab_btn {
border-radius: 50%;
height: 50px;
width: 50px;
display: flex;
justify-content: center;
align-items: center;
background: #ffffff;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.fixed-action-btn ul {
left: -156px;
min-width: 200px;
position: absolute;
text-align: right;
top: 60px;
visibility: hidden;
}
.fixed-action-btn.active ul {
visibility: visible;
}
.fabBtn ul li {
float: none;
padding: 0px !important;
margin: 8px 0 !important;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
}
.fabBtn a i {
border-radius: 50%;
height: 50px;
width: 50px;
text-align: center;
display: flex;
justify-content: space-around;
align-items: center;
align-content: center;
float: left;
margin: 0 0 0 10px;
box-shadow: 0px 1px 6px 0px #999;
}
.resCircle {
background: #cc7e2b;
}
.resCircle_text {
background: #cc7e2b;
}
.resCircle_text::after {
border-left: 6px solid #cc7e2b;
}
.iOS {
background: #2b84cc;
}
.iOS_text {
background: #2b84cc;
}
.iOS_text::after {
border-left: 6px solid #2b84cc;
}
.andRoid {
background: #8ab900;
}
.andRoid_text {
background: #8ab900;
}
.andRoid_text::after {
border-left: 6px solid #8ab900;
}
.fabBtn a span {
color: #fff;
padding: 5px;
position: relative;
font-size: 13px;
float: left;
margin-top: 12px;
}
.fabBtn a span::after {
content: "";
display: inline-block;
top: 0.7em;
left: 100%;
position: absolute;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
}
.app_dropdown {
position: relative !important;
}
/*----- FAB btn End ------*/
/*--- New Position Page Start ---*/
.position_bg {
position: fixed;
top: 50px;
left: 0;
width: 100%;
}
.new_positionPage {
position: relative;
z-index: 1;
background: #fff;
margin-top: 25%;
padding: 0 15px;
}
.new_positionPage .newlayjob {
padding-top: 0;
}
.addresssIcon {
width: 13px;
margin-right: 3px;
}
.new_positionPage .njobDtls span {
display: block;
color: #333;
}
.new_positionPage .njobDtls p {
font-size: 15px;
color: #B3B3B3;
}
.new_positionPage .nBonus li span {
color: #B3B3B3 !important;
font-weight: normal !important;
}
/*.new_positionPage .nBonus li {
font-weight: 600 ;
}*/
.new_positionPage .newJobspara {
height: 300px;
overflow-y: auto;
margin-bottom: 50px;
}
/*--*/
.position_SimilarJob {
background: #f2f2f2;
position: relative;
padding-bottom: 30px;
}
/*-- Job Box Start--*/
.recent_job{text-align:left;margin:40px 0;position:relative;}
.recent_job_box{box-shadow:0 0 10px 0 #ccc;background:#fff;margin:15px 0;transition:all 0.5s;position:relative;word-wrap:break-word;height:485px;overflow:hidden;}
.recent_job_box a:focus{text-decoration:none;}
.recent_job_box:hover .job_footer{display:table;transition:all ease-in-out 0.3s;height:105px;}
.job_footer{background:rgba(43, 132, 204, 0.93);padding:20px;display:none;height:100%;position:absolute;width:100%;transition:all ease-in-out 0.3s;left:0;bottom:0;text-align:center;}
.jobFooterBtnBox{display:table-cell;vertical-align:middle;}
.recent_job_box p{color:#929292;word-wrap:break-word;}
.posted a{color:#929292;}
.job_head{padding:20px;height:340px;overflow:overlay;}
.job_head span{font-weight:600;color:#000;}
.job_name_head{background:#2B84CC;color:#fff !important;padding:5px 10px;font-weight:300 !important;}
.job_name{margin:15px 0 5px 0;font-weight:600;color:#333;word-wrap:break-word;line-height:24px;}
.industry img{margin:0 5px 5px 0;}
.job_para{margin:20px 0;}
.job_para a{text-decoration:underline;}
.referal{background:#f6f6f6;padding:10px 20px;}
.referal span{font-weight:600;color:#000;}
.job_footer .btn{border-radius:20px;width:120px;height:40px;color:#2B84CC;font-weight:400;transition:all ease-in-out 0.3s;}
.job_footer li{list-style:none;display:inline-block;text-align:center;padding:0;line-height:42px;}
.job_footer li:first-child{padding-right:10px;}
.jobBtnText{color:#2B84CC;display:block;line-height:12px;}
.jobBtnText2{font-size:12px;}
.job_bottom img{margin:0 5px 5px 0;}
.job_bottom {align-items: center; display: flex; flex-wrap: wrap; min-height: 105px; padding: 20px; position: relative; width: 100%; }
.job_footer .btn:hover{background:#19262D;color:#fff;border:1px solid #19262D;}
/*--crousal--*/
.position_SimilarJob .owl-carousel .owl-item img {
display: inline-block !important;
width: initial !important;
}
.position_SimilarJob .owl-carousel .owl-controls .owl-nav .owl-next {
background: rgba(0, 0, 0, 0) url("../images/nextA.png") no-repeat;
height: 32px;
width: 32px;
}
.position_SimilarJob .owl-carousel .owl-controls .owl-nav .owl-prev {
background: rgba(0, 0, 0, 0) url("../images/backA.png") no-repeat;
height: 32px;
width: 32px;
}
.position_SimilarJob .owl-theme .owl-controls {
margin-top: 20px;
margin-bottom: 40px;
text-align: center;
-webkit-tap-highlight-color: transparent;
position: absolute;
top: -105px;
right: 0;
}
/*-- Job Box End*/
/*-- MKTG SECTION CSS START --*/
#sectwo {
background: rgba(0, 0, 0, 0) url("../images/blackbg.jpg") no-repeat scroll right top / cover;
overflow: visible;
padding-bottom: 20px;
}
.position_MKTGPage h1{
color: #ccc;
font-weight: lighter;
line-height: 1.2;
margin: 30px 0 10px;
text-transform: uppercase;
}
.position_MKTGPage h2 {
font-weight: lighter;
line-height: 1.2;
margin: 30px 0 10px;
text-transform: uppercase;
font-size: 39px;
}
.position_MKTGPage h3{
color: #ccc;
font-weight: lighter;
line-height: 1.2;
margin: 30px 0 10px;
text-transform: uppercase;
}
.position_MKTGPage h4{
color: #ccc;
font-weight: lighter;
line-height: 1.2;
margin: 30px 0 10px;
text-transform: uppercase;
}
.position_MKTGPage h5{
color: #ccc;
font-weight: lighter;
line-height: 1.2;
margin: 30px 0 10px;
text-transform: uppercase;
}
.position_MKTGPage h6{
color: #ccc;
font-weight: lighter;
line-height: 1.2;
margin: 30px 0 10px;
text-transform: uppercase;
}
.position_MKTGPage .title {
font: inherit;
color: inherit;
text-align: center;
}
.position_MKTGPage .title h1,.position_MKTGPage .title h2,.position_MKTGPage .title h3,.position_MKTGPage .title h4,.position_MKTGPage .title h5,.position_MKTGPage .title h6 {
display: block;
margin: 0 0 60px;
padding: 0 0 40px;
position: relative;
color: #888;
font-family: latolight;
}
.position_MKTGPage .title h1::after, .position_MKTGPage .title h2::after, .position_MKTGPage .title h3::after, .position_MKTGPage .title h4::after, .position_MKTGPage .title h5::after, .position_MKTGPage .title h6::after {
background-color: #00aeff;
bottom: 0;
content: "";
display: block;
height: 2px;
left: 50%;
margin-left: -40px;
position: absolute;
width: 80px;
}
.position_MKTGPage .title p {
display: block;
font-weight: 300;
margin-bottom: 93px;
font-size: 20px;
font-weight: 300;
color: #bbbbbb;
font-family: latolight;
}
.position_MKTGPage .box-list-right.item-list-big li {
padding: 0 80px 30px 0;
}
.position_MKTGPage .box-list-right li, .position_MKTGPage .item-list-left li {
position: relative;
min-height: 250px;
}
.position_MKTGPage .box-list-right li {
padding: 0 60px 20px 0;
position: relative;
text-align: right;
}
.position_MKTGPage .icon1 {
background: rgba(0, 0, 0, 0) url("../images/img1.png") no-repeat scroll right top;
margin: 0 0 0 30px;
right: 0;
}
.position_MKTGPage .iconimg {
display: block;
float: right;
height: 39px;
position: absolute;
top: 0;
vertical-align: top;
width: 55px;
}
.position_MKTGPage .box-list-right h3, .position_MKTGPage .item-list-left h3 {
font-size: 20px;
font-weight: 300;
margin: 0 0 10px;
color: #efefef;
font-family: latolight;
}
.position_MKTGPage .box-list-right p, .position_MKTGPage .item-list-left p {
font-size: 18px;
font-weight: 300;
line-height: 22px;
font-family: latolight;
color: #888;
}
.position_MKTGPage .help-icon {
background: url("../images/img2.png") no-repeat scroll right top;
margin: 0 0 0 30px;
right: 0;
}
.position_MKTGPage .free-icon {
background: url("../images/img3.png") no-repeat scroll right top;
margin: 0 0 0 30px;
right: 0;
}
.position_MKTGPage .signing-bonus {
background: url("../images/img4.png") no-repeat scroll right top;
margin: 0 30px 0 0px;
left: 0;
}
.position_MKTGPage .no-creaditcard {
background: url("../images/img5.png") no-repeat scroll right top;
margin: 0 30px 0 0px;
left: 0;
}
.position_MKTGPage .item-list-left {
margin-top: 0;
}
.position_MKTGPage .item-list-left li {
margin-bottom: 0;
}
.position_MKTGPage .get-raise {
background: url("../images/img6.png") no-repeat scroll right top;
margin: 0 30px 0 0px;
left: 0;
}
.position_MKTGPage .animation-box .screen {
height: auto;
max-width: 100%;
}
.position_MKTGPage .item-list-left.item-list-big li {
padding: 0 0 30px 80px;
}
.position_MKTGPage .box-list-right li, .position_MKTGPage .item-list-left li {
position: relative;
min-height: 250px;
}
.position_MKTGPage .item-list-left li {
padding: 0 0 20px;
position: relative;
text-align: left;
}
/*----*/
.position_MKTGPage section {
/* background: #222 none repeat scroll 0 0;*/
overflow: hidden;
padding: 120px 0;
position: relative;
z-index: 2;
}
.position_MKTGPage .band {
width: 100%;
background: url('../images/bind-bg.jpg') no-repeat top center;
box-sizing: border-box;
background-size: cover;
padding: 32px 0px;
text-align: center;
margin-top: 0;
}
.position_MKTGPage .band .Cntnr {
margin: 0 auto;
max-width: 1170px;
padding: 0 15px;
}
.position_MKTGPage .band .bandTxt {
display: inline-block;
}
.position_MKTGPage .band .bandBtnCntnr {
display: inline-block;
}
.position_MKTGPage .buttontext > div {
box-sizing: border-box;
color: #fff;
font-size: 33px;
font-family: latolight;
}
/*----*/
.sec3 {
background: #2a2a2a none repeat scroll 0 0;
}
.position_MKTGPage .innovations {
text-align: center;
}
.position_MKTGPage .innovations .screen {
height: auto;
margin-bottom: -120px;
max-width: 100%;
}
/*-------- New Job Page after Login ------*/
.new_jobPage {
margin-top: 0px;
}
/*-- Agreement Popup --*/
.agreementPopup h4 {
font-weight: 600;
margin-bottom: 20px;
}
.agreementPopup ol {
}
.agreementPopup ul {
padding-left: 40px;
font-size: 13px;
font-style: italic;
}
.agreementPopup li {
list-style: inherit;
list-style-position: outside;
margin-bottom: 8px;
}
.windows .smallIconImg img {
width: 22px !important;
margin: 0px !important;
}
.agreementPopup p {
}
.mac img {
width: 100%;
}
.mac .smallIconImg img {
width: 30px !important;
margin: 0px !important;
}
.windows {
overflow-y: auto;
}
.windows img {
margin: 10px 0;
}
.linux img {
width: 100%;
}
/*--Custom List Style--*/
.customListStyle ol, .customListStyle ul {
padding-left: 30px;
}
.customListStyle li {
list-style: inherit;
list-style-position: inside;
background: none !important;
padding: 0px !important;
margin: 0px !important;
}
/*-upload resume new-*/
.resTitle .file_field {
float: left;
width: 49%;
margin-right: 1%;
border: 0px;
height: auto;
}
.cst_file_field {
border: 1px solid #ccc;
}
.resTitle .input_wid {
float: left;
width: 49%;
margin-left: 1%;
}
.resTitle .myLabel {
width: 38%;
padding: 5px;
margin: 8px 5px 0 10px;
}
.resTitle .resInp {
border: 0px;
width:100%;
}
.resTitle .no_file {
width: 56%;
height: 53px;
}
.resTitle .myLabel span {
font-size: 18px;
}
.update_resume select {
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: none;
color: #999999;
display: inline-block;
font-size: 14px;
height: 52px;
width: 60%;
padding-right: 5px;
float: left;
}
.update_resume .updatedResBtn{
width: 36% !important;
float: right !important;
}
.viewRSection li:first-child {
display: inline-block; position: relative;
}
.viewRtext {
background: transparent !important;
color: #337ab7 !important;
font-size: 14px !important;
font-family: latoregular !important;
padding: 0 !important;
float: none !important;
position: absolute;
left:25px;
text-align: left !important;
}
/* 404 page css */
.four-o-four-section {
padding-top: 50px;
}
.four-o-four-section .grid-1::after {
clear: both;
content: "";
display: block;
}
.four-o-four-section .grid-1{
margin: 0 auto;
max-width: 1056px;
padding-bottom: 48px;
padding-left: 48px;
padding-right: 48px;
}
.four-o-four-section .grid-1 .column.colspan-all {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.four-o-four-section .grid-1 .column {
width: 100%;
}
.four-o-four-section .column {
margin-bottom: 40px;
float: left;
margin-right: 5%;
}
.four-o-four-section .center {
text-align: center;
}
.four-o-four-section h1 {
display: inline-block;
font-size: 100px;
font-weight: 400;
line-height: 1;
margin-right: 20px;
}
.four-o-four-section h1 {
font-family: LLCircularWeb-Bold,"Helvetica Neue",Helvetica,arial,sans-serif;
font-size: 60px;
font-weight: 300;
letter-spacing: -1px;
margin-bottom: 24px;
color: #205081;
}
.four-o-four-section h1 + p {
color: #205081;
font-family: LLCircularWeb-Bold,"Helvetica Neue",Helvetica,arial,sans-serif;
font-size: 28px;
font-weight: 400;
line-height: 1.14286;
margin-bottom: 30px;
}
.four-o-four-section p {
color: #333;
font-size: 14px;
line-height: 20px;
margin-bottom: 20px;
}
.four-o-four-section p:last-child {
font-size: 18px;
line-height: 1.2;
}
.four-o-four-section .four-o-four-form-container input[type="text"] {
border: 1px solid #ccc;
border-radius: 4px;
font-size: 18px;
height: 34px;
margin-right: 15px;
padding: 0 10px;
vertical-align: middle;
width: 400px;
}
.four-o-four-section .four-o-four-form-container input[type="submit"] {
background-color: #337ab7 ;
border: medium none;
border-radius: 4px;
color: #fff;
cursor: pointer;
font-family: "Helvetica Neue",Helvetica,arial,sans-serif;
font-size: 16px;
font-weight: 700;
height: inherit;
line-height: 1.25;
padding: 7px 21px;
vertical-align: middle;
}
/* 404 page css end */