/** GLOBAL CSS **/
body {background:#f3f3f3;color:#3e3e3e;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px;font-weight:400;max-width: 1600px;margin:0 auto ! important;}
img{outline:0;width:100%;display:block;}
a,a:focus,a:active,.a:hover{outline:0;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
button,a{outline:0;}
a,a:hover,a:focus,a:active,a:visited{color:inherit;text-decoration:none;display:inline-block;}
.header {background: #fff;    padding: 25px 0px;}
.footer{clear:both; background: #fff;    padding: 25px 0px;margin-top: 30px;float: left;width: 100%;text-align: center;font-size: 12px;color:#969393;}
nav {width: 75%;margin: 0 auto;}
a.logo {float: left;width: 220px;}
.menu {float: right;    margin-top: 14px;}
li.menu-item {float: left;font-size: 14px;margin-right: 25px;text-transform: uppercase;}
li.menu-item a{}
li.menu-item a:hover{color:#0f76bc}
li.menu-item:last-child {margin-right: 0;}
.menu_btn {width: 25px;float: right;margin-top: 10px;}
.menu.menu_mobile{display: none;}
.menu.menu_mobile {width: 50%;background: #0080b3;color: #fff;padding: 20px 0;text-align: center;position: absolute;right: 0;margin: 0;top: 0px;z-index: 8;height: 100vh;}
.preview_overlay {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 7;display: none;}
.menu.menu_mobile .menu-item {float: none;display: block;margin: 0 0 10px 0;}
a.popup-close {display: block;position: absolute;top: 15px;left: 15px;vertical-align: middle;border-radius: 20px;color: #fff;width: 16px;}
.menu_btn {display: none;}
.menu{display: block;}
.content {width: 75%;margin: 0 auto;padding: 50px 0px;}
.content_full {width: 95%;margin: 0 auto;padding: 50px 0px;}
.c_heading{color: #0f76bc;font-size: 20px;float: left;}
.list_roles {float: right;    margin-right:30px;}
.paginate_button{
    float:none !important;
    background:transparent !important;
    padding:0px !important;
    border-radius:0px !important;
    border:0px !important;
}
.input-sm{
    -webkit-appearance: menulist;
    height:35px !important;
}
.list_roles.apply_now {
    margin-right: 0px;
}
.re-send-mail{
    color:#0f76bc !important;
}
.txt_capitalize{
    text-transform: capitalize;
}
.common_selectfield select option[value=""] {
    display: none;
}
input[type="date"]{
    color:transparent;	
    }
    input[type="date"]:focus,input[type="date"].label_up{
    color:#555;	
    }
a.btn.btn-lg {width: 180px;}
a.btn.btn-lg.gary {background: #e5e5e5;color:#0f76bc;font-size: 16px;}
.blue {background: #0f76bc;border: 1px solid #0f76bc;color: #fff !important;font-size: 16px;transition: all 0.5s;width:140px}
.blue:hover, .blue:focus, .blue:active {color: #fff;box-shadow: none;background: #f99d29;border: 1px solid #f89d28;}
.job_location_list li,.c_sub_category_info>ul,.c_form_sec {background: #fff;padding: 30px;border-radius: 5px;border: 1px solid #ccc;margin-top: 20px;float:left;width:100%;}
.c_sub_category_info>ul>li{margin-bottom: 20px;}
.left_sec {
    float: left;
    width: 45%;
    margin-right: 8%;
}
.left_sec ul, .right_sec ul{
    padding:0px 0px 10px 20px;
}

#exam_date {
    width: 97%;
}

.right_sec {
    float: right; width: 45%;padding-right:5%;}
.c_info {width: 75%;float: left;}
.c_btn {float: right;width: 120px;margin: 22px 50px 0 0;}
.c_info h5 {font-size: 20px;margin-bottom: 10px;}
.c_info p ,.c_sub_heading p,.res_ponits ul li{font-size: 14px;}
.c_sub_heading {float: left;}
.c_sub_heading  h5{font-size: 20px;margin-bottom: 10px;}
.c_sub_category_info h6 {font-size: 18px;margin-bottom: 10px;}
.res_ponits ul li {list-style-type: disc;}
.res_ponits{margin:10px 0px 25px 0px;}
.para_info{margin-top: 20px;}
span.back {
    float: left;
    width: 20px;
    margin-right: 20px;height: 30px;
}
.form-control, .form-control:focus, .form-control:active, .form-control:visited, .bootstrap-tagsinput input {
    height: 42px;
    margin-left: 0;
    font-size: 14px;
    box-shadow: 0 0 0 ! important;
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    background: #fff;
  
    border: 1px solid #dfdfdf;
}
.form-control:focus, .form-control:active, .form-control:visited {
    border: 1px solid #0f76bc;
}
span.grey_txt{
    color: #3f3f3f;
    font-weight: 600;font-size: 16px;
    text-transform: uppercase;
}
.bmessages{
    float:left;
    width:100%;
}
span.blue_txt {
    color: #0f76bc;
    font-weight: 500;font-size: 15px;
}.c_info p,.c_sub_heading p {
    margin-right: 10px;
}
.bold{font-weight: 500;}
p{font-size: 14px;}
.c_details_info {
    padding-bottom:20px;
}
.c_details_info p{margin-bottom: 10px;}
.job_location  {
    margin-top : 0px;
}
.c_info p{ margin-bottom: 10px;}
.job_location p {
    float: left;
    margin-right: 20px;
}
.form_heading {
    font-size: 20px;
    margin-bottom: 25px;
}
.submit {
    text-align: right;
}
/*** checkbox */
.checkbox-check{margin-top:0;display:inline-block;margin-bottom: 0px;}
.checkbox-check input[type="checkbox"] + label::before {content: "";display: inline-block;vertical-align:middle;padding: 9px;border-radius: 2px;background-color: #fff;border: 1px solid #ccc;margin-right: 7px;margin-bottom:3px;}
.checkbox-check input[type="checkbox"]:checked + label::before{background-color: #ee5a24;border: 1px solid #ee5a24;}
.checkbox-check input[type="checkbox"]:checked + label::after {content: '';position: absolute; width: 14px;height: 7px;background: #ee5a24;top: 4px;left: 3px;border: 2px solid #fff;border-top: none;border-right: none;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.checkbox-check input[type="checkbox"] {position: absolute;opacity: 0;width: 20px;height: 20px;z-index: 1;cursor: pointer;margin:0}
.checkbox-check input[type="checkbox"] + label {position: relative;overflow: hidden;cursor: pointer;font-size:14px;margin:0;vertical-align:middle;padding-left: 0px;color: #555;
    font-weight: 400;}
.checkbox-check input[type="checkbox"][disabled], .checkbox-check input[type="checkbox"][disabled] + label {
    cursor: not-allowed;
}
.present_add_checkbox {
    margin-bottom: 25px;
}
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.common_selectfield .form-control {
    height: 42px !important;
    padding-right: 25px;
    outline: none;
    display: inline-block;
    background: transparent;
    position: relative;
    z-index: 3;
    box-shadow: 0 0 0;
    width: 100%;
    box-sizing: border-box;
}
span.icon_dropdown {
    position: absolute;
    top: 17px;
    color: #EE5A24;
    right: 25px;
    z-index: 2;
    display: block;
    font-size: 13px;
    text-align: center;
    pointer-events: none;
    width: 15px;
}

 .qq-upload-button {
    display: inline-block;
    padding: 7px 10px;
    float: left;
    text-align: center;
    background: #fc9e2a;
    color: #FFF;
    border-radius: 2px;
    border: 1px solid #fc9e2a;
    position: relative; 
    overflow: hidden; direction: ltr;    
    font-size: 16px;
    border-radius: 6px;
    width:140px;
}
.file_upload {
    margin-bottom: 25px;
}
span.file_text {
    margin: 9px 20px;
    display: inline-block;
    font-size: 14px;
}
label.error{
    color: red;
    font-weight: normal;
    font-size: 12px;
}
.dropdown-width {
    width: 75%;
}

.calendar_icon {
    position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; color: #726d6d;
}
.calendar_div{
    position: relative; display: inline-block; width: 50%;
}
.mleft{
    float: right !important;
}
.mbold {
    font-weight: bold !important;
}
 
@media (max-width: 568px){
    .form-group1{
     flex-direction: column;
    gap: 15px;
    }
 
    #exam_date {
        width:  100%  !important;
    }
 
    .extra_icon_dropdown{
        top : 74px !important;
        right: 9px !important;
    }
    .calendar_div{
        width: auto !important;
    }
    
}
@media (max-width: 734px){ 
    .mleft{
        float: none !important;
        padding-left: 40px;
    }
}
#position{height:auto !important;padding-right: 12px;}
#position option{padding:5px;}
.position_note_help{margin-bottom: 5px;color: #c5c5c5;font-style: italic;font-size: 13px;}
/**focus label**/
.focus_input:not([disabled]):focus~.focus_label,.label_up~.focus_label {-webkit-transform: scale(.75) translateY(-39px);transform: scale(.75) translateY(-39px);color: #0f76bc;font-size: 17px !important;top: 2px;left: 1px;}

.form-group {position: relative;margin-bottom: 25px;}
.focus_label{-webkit-transform-origin: bottom left;transform-origin: bottom left;-webkit-transition: all .3s cubic-bezier(0.4,0,0.2,1);transition: all .3s cubic-bezier(0.4,0,0.2,1);-webkit-transition-property: color,bottom,transform;transition-property: color,bottom,transform;color: #a9a9a9;font-size: 14px !important;pointer-events: none;position: absolute;top: 10px;left: 13px;width: 95%;}

.label_up~.focus_label {color:rgb(169, 169, 169);}
.common_selectfield select option[value=""] {display: none;}

.file_input{position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0; height: 100%;}
@media only screen and (max-width:1136px){
	li.menu-item{font-size:16px;margin-right: 17px;}
	a.logo {float: left;}.content,.header nav {width: 80%;}
}
@media only screen and (max-width:940px){
	.content,.header nav {width: 90%;}
	.menu{display: none;}.menu_btn{display: block;}
}
@media only screen and (max-width:768px){
	.c_heading {font-size: 20px;margin-top: 10px;}
	.c_info h5 {font-size: 18px;}
}
@media only screen and (max-width:730px){
	.c_sub_heading p{display: block;margin-left: 40px !important;}
	.apply_now {
    float: none;
    margin-right: 0px;
    margin: 10px 0 0 40px;
}
.c_sub_heading {
    float: none;
}
}
@media only screen and (max-width:600px){
	.c_info {width: 100%;float: none;text-align: center;}
	.c_btn {float: none;width: 120px;margin: 15px auto 0 auto;}
	.list_roles {margin-right: 0;}.c_info p, .c_sub_heading p, .res_ponits ul li {font-size: 15px;}
	.content {padding: 25px 0px;}
	.left_sec {
    float: none;
    width: 100%;
    margin-right: 0;
}
.right_sec {
    float: none;
    width: 100%;
}
}
@media only screen and (max-width:420px){
	.c_heading,.c_sub_heading h5 {font-size: 18px;}
	.c_info h5 {font-size: 16px;}
	.c_info p, .c_sub_heading p, .res_ponits ul li {font-size: 14px;}a.btn.btn-lg,a.btn.btn-lg.gary {width: auto;padding: 8px 16px;font-size: 14px;}
	.c_heading,.list_roles,.c_sub_heading{ float: none;}
	.list_roles{margin-top:10px;}
	.job_location_list li, .c_sub_category_info>ul, .c_form_sec{padding: 20px;float:left;}
}
.disable_apply_btn{pointer-events: none;background-color: #ccc;border: 1px solid #ccc;}
h5{    padding-bottom: 5px;
    color: #f99e1d;
    font-weight: normal;}


.slot_select .label_up~.focus_label{
    left: 29%;
}

.slot_select .focus_label  {
  left: 31%;
    width: 50%;
}