@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap');

body{font-family: 'Roboto', sans-serif!important;}

#qualification{
 
    background: #eee9e9;
    padding: 5px;
   }

.uppercase{text-transform: uppercase;}
.input {
    border: 1px solid #848484;
    background:#FFFFFF;
    height:25px;
    fontstyle:20px;
  padding:3px;
}

.input:hover {
    border: 1px solid #848484;
    background:#E8E8E8;
}

.input:focus {
        border: 1px solid #848484;
        background:#E8E8E8;
        color: #000000;
}

.button {
    border: 1px solid #dddddd;
    background: #dddddd;
    padding: 4px 10px;
}
.button:hover {
    border: 1px solid #CCCCCC;
    background:#CCCCCC;
    padding: 4px 10px;
}
table tr td b{font-size: 13px;}
label {
    display: block;
    width: 182px;
    font-size: 13px;
    float: left;
    text-align: right;
}
br { clear: left; }
.d-flex{display: flex;}
.w-auto{width: auto;}
html,body {
  background-color: #ffffff;
  padding:0px;
  margin:0px;
  height:100%;
   position: relative;
}
.mt-16{margin-top: 16px;}
input[type=checkbox] {
    width: 18px;
    height: 18px;
    margin: 0 6px 0 10px;
}
input[type=radio]{margin: 4px 4px 1px;}
.header{
    box-shadow: 0px 0px 5px 2px #888888;
   
    font-size: 11px;
    padding: 5px;
    color: #ffffff;
    background: #1fc0ee;
    background: -o-linear-gradient(#1fc0ee, #1fc0ee);
    background: -moz-linear-gradient(#1fc0ee, #1fc0ee);
    background: #1fc0ee;

}
.main-nav{background: #fff;box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);}
#menu{
width:auto;
}

.main_table{
padding:0px;
background-color:#ffffff;
/*box-shadow: 0px 2px 3px 1px #888888;*/
}
.btn:hover, .btn:focus {
    color: #1fc0ee;
    background-color: #9e9e9e2e;
    border-color: #236297;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    outline: navajowhite;
}
#ReuploadTab{
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color:#3d8ea8;
font-size:12px;
padding:10px;
box-shadow: 0px 0px 15px 0px #888888;
}

.loginText{
  margin-bottom: 14px;
border:solid 1px #cccccc;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}



.loginButton{
  border:solid 1px #dddddd;
background-color:#dddddd;
width:100%;
color:#333333;
}

.loginButton:hover{
border:solid 1px #cccccc;
background-color:#cccccc;
width:100%;
color:#333333;
}
.pd-16{padding: 0 16px;}

.menu_td{
font-family: 'Open Sans', serif;
font-size:12px;
padding:5px;
cursor:pointer;
background: #dddddd;
border-top:dotted 1px #ffffff;
border-bottom:solid 1px #c6c6c6;
color:#666666 ;
}

.menu_td:hover{
font-family: 'Open Sans', serif;
font-size:12px;
padding:5px;
color:#ffffff;
background:#cccccc;
}

.main_table_header,.main_table_header_index{
padding:5px; background: #dddddd;
border-bottom:solid 1px #c6c6c6;
color:#333333 ;
background: -webkit-linear-gradient(#e3e3e3, #b0b0b0); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#e3e3e3, #b0b0b0); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#e3e3e3, #b0b0b0); /* For Firefox 3.6 to 15 */
background: linear-gradient(#e3e3e3, #b0b0b0); /* Standard syntax */
}


.menu{
font-family: 'Open Sans', serif;
font-size:11px;
color:#424242;

}

.news_update{
padding:0px;
font-family: 'Open Sans', serif;
font-size:11px;
}

.news_update_heading{
padding:5px;

background: #dddddd;
border-top:dotted 1px #ffffff;
border-bottom:solid 1px #c6c6c6;
color:#666666 ;
}

.forgotPass{
color:#333333;
font-style:italic;
}
.forgotPass:hover{
color:#cccccc;
font-style:italic;
}

.img_table{
background-color:#f6f9f6;
box-shadow:0px 0px 0px 0px;
border:solid 1px #CCCCCC;
} 

.img_table td{
color:#4c4c4c;
font-size:12px;
}

.welcome{
color:#666666;
font-size:14px;
}

.bankStatus{
padding:5px;
border:solid 1px #999999;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.imgStatus{
padding:5px;
border:solid 1px #999999;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.middle{
color:#3d8ea8;
border-right:solid 1px #c6c6c6;
border-left:solid 1px #c6c6c6;
padding:20px;
}

.MyProfile{
color:#666666;
font-size:12px;
}

.MyProfile_td_left{
background:#dbdbdb;
border-radius:5px 0px 0px 5px;
-moz-border-radius:5px 0px 0px 5px;
-webkit-border-radius:5px 0px 0px 5px;
padding:5px;
color: #666666;
font-size:12px;
font-weight:bold;
border-bottom:solid 1px #a3a3a3;
}

.MyProfile_td_right{
background:#eaeaea;
border-radius:0px 5px 5px 0px;
-moz-border-radius:0px 5px 5px 0px;
-webkit-border-radius:0px 5px 5px 0px;
padding:5px;
color: #666666;
font-size:12px;
font-weight:bold;
border-bottom:solid 1px #a3a3a3;
}

.contact{
color:#4C2E00;
padding:20px;
font:14px;
font-weight:bold;

}
/* .footer{
text-align: center;
margin: auto 0;
background: #dddddd;
border-top:solid 1px #c6c6c6;
border-bottom:solid 1px #c6c6c6;
color:#222222 ;


} */


body.wait *, body.wait
{
    cursor: progress !important;
}

.error{
    color: red;
}

.error_msg{
    background: #ffeaea;
    border: solid 1px red;
    
}.left { 
  float: left;
  width: auto;
  margin-right: 10px;
}

.right { 
  float: right; 
  width: auto;
  margin-left: 10px;
}

.center { 
  display: block;
  text-align: center;
  margin: 20px auto;
}

#main, #logo, nav, #site_content, footer { 
  margin-left: auto; 
  margin-right: auto;
}

header { 
  background: #FFFFFF ;
 
}

#logo { 
margin-bottom: 5px;
  position: relative;
  
  padding-top: 5px;
  background: transparent;
 
}
#logo  img{ 
width:100%;
 
}
#logo #logo_text { 
  position: absolute; 
  top: 5px;
  left: 0;
}

#logo h1, #logo h2 { 
  font-size: 360%;
  border-bottom: 0;
  text-transform: none;
  margin: 0 0 0 15px;
  text-shadow: none;
}

#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover { 
  padding: 5px 0 0 0;
  color: #FFF;
  text-decoration: none;
}

#logo_text h1 a .logo_colour { 
  color: #09D4FF;
}

#logo_text a:hover .logo_colour { 
  color: #FFF;
}

#logo_text h2 { 
  font-size: 125%;
  padding: 0 0 0 0;
  color: #A8AA94;
}



#site_content { 

  overflow: hidden;
  padding: 20px ;
 /background-image: url(".../images/bg1_img.png");
 

} 

#sidebar_container { 
  float: right;
  width: 224px;
}

.sidebar { 

  margin: 0 0 17px 0;
  background: #FFF;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;
}
  
.sidebar h3, .content h1 { 
  background: #eee;padding: 10px 15px;
  font-size: 170%;
  border: 1px solid #fff;
  color: #063E4C;
    border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -webkit-border: 7px 7px 0 0;
  margin:0px;
}

.sidebar h3, .content h1 { 
  padding: 5px 15px 10px 15px;
  color: #74706E;
}

.sidebar li a.selected { 
  color: #444;
} 

.sidebar ul { 
  margin: -20px 0 0 0;
} 



.content { 
  text-align: left;
  width: 740px;
  margin: 0 0 15px 0;
  background: #fff;border-bottom: 1px solid #D4D4D4;
  border: 1px solid #e5e5e5;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;
  float: left;
}
  
.content ul { 
  margin: 2px 0 22px 0px;
}

.content ul li, .sidebar ul li { 
  list-style-type: none;
  background: url(../images/bullet.png) no-repeat;
  margin: 0 0 0 0; 
  padding: 0 0 4px 25px;
  line-height: 1.5em;
}

footer { 
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  font-family: 'trebuchet ms', sans-serif;
  font-size: 90%;
  height: 23px;
  padding: 0;
  text-align: center;
  border-top: 1px solid #000;
  background: #000;
  color: #A8AA94;
  margin: 0 0 0 0;
  text-transform: uppercase;
}

footer p { 
  line-height: 1.7em;
  padding: 0 0 10px 0;
  color: #fff;
}

footer a { 
  color: #A8AA94;
  text-decoration: none;
}

footer a:hover { 
  color: #FFF;
  text-decoration: none;
}

.form_settings { 
  margin: 15px 0 0 0;
}

.form_settings p { 
  padding: 0 0 4px 0;
}

.form_settings span { 
  float: left; 
  width: 200px; 
  text-align: left;
}
  
.form_settings input, .form_settings textarea { 
  padding: 5px; 
  width: 299px; 
  font: 100% arial; 
  border: 1px solid #E5E5DB; 
  background: #FFF; 
  color: #47433F;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;  
}
  
.form_settings .submit { 
  font: 100% arial; 
  border: 0; 
  width: 99px; 
  margin: 0 0 0 212px; 
  height: 33px;
  padding: 2px 0 3px 0;
  cursor: pointer; 
  background: #3B3B3B; 
  color: #FFF;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;  
}

.form_settings textarea, .form_settings select { 
  font: 100% arial; 
  width: 299px;
}

.form_settings select { 
  width: 310px;
}

.form_settings .checkbox { 
  margin: 4px 0; 
  padding: 0; 
  width: 14px;
  border: 0;
  background: none;
}

.separator { 
  width: 100%;
  height: 0;
  border-top: 1px solid #D9D5CF;
  border-bottom: 1px solid #FFF;
  margin: 0 0 20px 0;
}
  

#colours { 
  float: right;
  padding: 10px 0 0 0;
}

#search { 
  float: right;
}

.search { 
  border: 1px solid #666;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;  
  float:left;
  margin:20px 0 0;
  padding:5px;
  vertical-align:middle;
  width:192px;
  color: #bbb;
  background:#5E5E5E;
}





/**
Stylesheet for SooperFish by www.SooperThemes.com
Author: Jurriaan Roelofs
*/

/* Configuration of menu width */
html body ul.sf-menu ul, html body ul.sf-menu ul li {
  width: 180px;
}

html body ul.sf-menu ul ul {
  margin: 0 0 0 180px;
}

/* Framework for proper showing/hiding/positioning */
/* DO NOT EDIT FROM HERE */
ul.sf-menu, ul.sf-menu * {
  margin: 0;
  padding: 0;
}

ul.sf-menu {
  display: block;
  position: relative;
}

ul.sf-menu li {
  display: block;
  list-style: none;
  float: left;
  position: relative;
}

ul.sf-menu li:hover {
  visibility: inherit; /* fixes IE7 'sticky bug' */
}

ul.sf-menu a {
  display: block;
  position: relative;
}

ul.sf-menu ul {
  position: absolute;
  left: 0;
  width: 150px; 
  top: auto;
  left: -999999px;
}

ul.sf-menu ul a {
  zoom: 1; /* IE6/7 fix */
}

ul.sf-menu ul li {
  float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
  width: 150px;
}

ul.sf-menu ul ul {
  top: 0;
  margin: 0 0 0 150px
}

ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul,
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul {
  left: auto;
}

ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul {
  left: -999999px;
}

/* autoArrows CSS */
span.sf-arrow {
  width: 7px;
  height: 7px;
  position: absolute;
  top: 8px;
  right: 0;
  display: block;
  background: url(../images/images/arrows-black.png) no-repeat 0 0;
  overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */
  font-size: 1px;
}

ul ul span.sf-arrow {
  right: 12px;
  top: 7px;
  background-position: 0 100%;
}

/* Theming the menu */
ul#nav {
  float: left;
}

ul#nav li.current a {
  color: #FFF;}

ul#nav ul {
  background: #88E2F8;
}

ul#nav li a {
  padding: 7px 20px;
  font-family: 'trebuchet ms',helvetica,arial,verdana,sans;
  text-decoration: none;
  color: #111;
  background: #88E2F8;
  margin-right: 2px;
  border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -webkit-border: 7px 7px 0 0;}

ul#nav li a:hover, ul#nav li a:focus {
  color: #FFF;
}

ul#nav li ul li a {
  margin-right: 0;
  border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -webkit-border: 0 0 0 0;
}

span.sf-arrow {
  top: 15px;
  right: 5px;
  background-image: url(../images/arrows-white.png);
}

ul ul span.sf-arrow {
  right: 12px;
  top: 15px;
}
td.cell5 { border: 1px solid #CCCCCC; }

table.calendar {

  font-family: Helvetica, Arial, sans-serif;

  font-size: 0.8em;

  border-collapse: collapse;

  background-color: white;

  border: solid #999999 1px;

  background-color: white;

  width: 200px;

  text-align: center;

  /*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/

  -moz-user-select: none;

  /*-khtml-user-select: none;*/

}

table.calendar input, table.calendar select {

  font-size: 10px;

}

table.calendar td {

  border: 0;

  font-size: 10px;

  text-align: center;

}

div.mainheading {

  margin: 2px;

}

table.caldayheading {

  border-collapse: collapse;

  cursor: pointer;

  empty-cells: show;

  margin: 0 6px 0 6px;

}

table.caldayheading td {

  border: solid #CCCCCC 1px;

  text-align: left;

  color: #0054E3;

  font-weight: bold;

  width: 22px; /*should match calendar cell's width*/

}

table.caldayheading td.wkhead {

  border-right: double #CCCCCC 3px;

}

table.calcells {

  border-collapse: collapse;

  cursor: pointer;

  margin: 0 6px 0 6px;

}

table.calcells td {

  border: solid #CCCCCC 1px;

  vertical-align: top;

  text-align: left;

  font-weight: bold;

  width: 22px;

  height: 20px; /*IE doesn't like ems*/

}

table.calcells td div {

  padding: 1px;

  margin: 0;

}

table.calcells td.wkhead {

  background-color: white;

  text-align: center;

  border-right: double #CCCCCC 3px;

  color: #0054E3;

}

table.calcells td.wkday {

  background-color: #DDDDDD;

}

table.calcells td.wkend {

  background-color: #DDDDDD;

}

table.calcells td.curdate {



}

table.calcells td.cell_selected {

  background-color: #99CCFF;

  color: black;

}

table.calcells td.notmnth {

  background-color: #FFFFFF;

  color: #CCCCCC;

}

table.calcells td.notallowed {

  background-color: white;

  color: #EEEEEE;

  font-style: italic;

}

table.calcells td.hover {

  background-color: #999999;

}
.img_logo{
  width:100px;
  height:100px;
}

#main{
    background-color: #999999;  
}


.top {
    font-size: 13px;
    background-color: #0d06a5;
    border-bottom: 1px solid #ededed;
    color: #aaaaaa;
}

.md-radio-inline .md-radio {
    display: inline-block;
    margin-right:0px;
}

.inline_field{
  display: inline-block;
  width:100%;
}
.birth_place{
  width:100%;
}
.birth_place input[type=text]{
  margin:0px 5px 5px 0px;
}
.note h5{
  text-align:center;
  float:left;
  color:red;
  font-size: 12px;
}

.photo_sign_upload ul li{
  list-style-type:none;
}

.login_password h3{
  width:30%;
}
.login_password h6{
  width:60%;
}

.modal-body{
  height: 350px;
  overflow-y: auto;
}

#toTop {
    float: right;
    bottom: 80px;
    position: relative;
    right: 4px;
}
.physical_test_male_label ul li {
  list-style-type:none;
  margin:5px 0px;
}

.physical_test_male ul li {
  list-style-type:none;
  margin:5px 0px;
}

.physical_test_female_label ul li {
  list-style-type:none;
  margin:5px 0px;
}

.physical_test_female ul li {
  list-style-type:none;
  margin:5px 0px;
}

.physical_test_male_label label{
  height:30px;
  padding:6px 12px;
}
.physical_test_female_label label{
  height:30px;
  padding:6px 12px;
}

.none{
  display:none;
}

.contact_detail{
  padding: 10px 15px;
}
.email{
  float:right;
}
#number{
margin: 0px 8px;
font-weight: bold;
color: #fff;
}
.btn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #2f96b4;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    color: #ffffff;
    background-color: #2f96b4;
    *background-color: #2a85a0;
}
.btn:hover, .btn:focus {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}
.login{
  box-shadow: 0 0 70px rgba(0,0,0,.8);
}
.cust-login {
    width: 125px;
    margin: 0 auto;
        margin-top: 0px;
    float: none;
    border-radius: 25px;
    background: #ec7925;
    color: #fff;
    border: none;
    font-size: 14px;
    padding: 7px 10px;
    display: block;
    margin-top: 20px;
    outline: none;
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18);
}
.cust-login:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26);
}
.btn-upload{
  display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 4px;
    position: absolute;
    top: 0px;
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    left: 3px;
  width: 110px;
  padding: 5px;
  }
  
.btn-upload-p{
  display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 4px;
    position: absolute;
    top: 0px;
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    left: 3px;
  width: 110px;
  padding: 5px;
  } 
  
.imp{
font-size: 11px;
margin-left: 34px;
margin-top:5px;
  
} 

.imp_p{
font-size: 11px;
margin-left: 34px;
margin-top:5px;
  
} 
   .media
    {
        /*box-shadow:0px 0px 4px -2px #000;*/
        margin: 20px 0;
        padding:30px;
    }
    .dp
    {
        border:10px solid #eee;
        transition: all 0.2s ease-in-out;
    }
    .dp:hover
    {
        border:2px solid #eee;
        transform:rotate(360deg);
        -ms-transform:rotate(360deg);  
        -webkit-transform:rotate(360deg);  
        /*-webkit-font-smoothing:antialiased;*/
    }
.my_profile{
  padding-top:10px;
}
.login_page a{
  cursor:pointer;
}

#imp_label{
  color:red;
}

#uploadImage, #uploadimagesign{
  display:none;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {

    border: 1px solid #ddd;
}
.myprofile{
  margin-top:25px;
}
.application_main_form{
  text-align:center;
}
.application_main_form h4{
  font-weight:bold;
  
}
.bank_detail{
  display:none;
}
.bpl_crt{
  display:none;
}
#uploadImageSign{
  display:none!important
}

.post_applied li {
  float:left;
  width:100%;
}
.post_input{
  float:left;
}
.post_input, .post_label{
  text-align: left;
}
  @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px){
     .mobileHide { display: none;}
  }
  .col-centered{
    float: none;
    margin: 0 auto;
  }
.NotificationsBox {
    box-shadow: -1px 4px 20px #c3bebe;
}
.NotificationsBox-heading h3 {
    margin: 0;
    color: #000;
    background: #ffc80a;
    padding: 8px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.NotificationsBox-body {
    color: #000;
    height: 260px;
    padding: 10px;
}

.marquee p a{color: #000;font-size: 14px;}
.helpline{    color: #000;
    background: #dddddd54;
    padding: 10px;}
.helpline p {
    margin-bottom: 0;
    font-size: 12px;
}
.helpline p a{
   color: #1fc0ee;
    font-size: 14px;
    font-weight: 600;
}
.instructionlist li {
       font-size: 14px;
    /* text-transform: uppercase; */
    line-height: 24px;
    margin-bottom: 10px;
    color: #000;
    text-align: justify;
}
.form-heading{
font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    color: #1da3c9;
    border-left: 3px solid #1fc0ee;
    padding: 8px;
}
.btn-success:hover {
    color: #fff;
    background-color: #1fc0ee;
    border-color: #1fc0ee;
}
  ul li{
   list-style: none;
   }
.errorHide {
    display: none;
    font-size: 11px;
    margin-top: 3px;
    text-align: left;
    font-weight: 600;
    width: auto;
    color: red;
}
.success_mobile {
    
    font-size: 11px;
    margin-top: 3px;
    text-align: left;
    font-weight: 600;
    width: auto;
    color: green;
}
.success_mobileotp{ font-size: 11px;
    margin-top: 3px;
    text-align: left;
    font-weight: 600;
    width: auto;
    color: green;}
   label.error {
   color: red;
   font-size: 11px;
   display: block;
   margin-top: 3px;
   text-align: left;
   width: auto;
   }
   .modal-body{height: 500px;}
   .form-check-label{margin: 0 10px;}
   .DrivinglicenceDetails{display: none;}
   .lg-modal{width: 1200px;}
   .previ_ans{
   text-transform: uppercase;
   background: #dfdfdf75;
   padding: 2px 6px;
   border: 1px solid #00000054;
   border-radius: 6px;
   }
   .form-control{text-transform: uppercase;}
   .field2 {
   display: none;
   }
   .form-control2 {
   padding: 2px;
   height: 30px;
   border: 1px solid #b3a6a6;
   background: #f7f7f7;
   margin-bottom: 6px;
   border-radius: 4px;
   font-size: 14px;
   text-transform: uppercase;
   }
  #preview_data h3 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #2192c5;
}#preview_data p {
      margin-bottom: 0;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    
}
#preview_data strong{text-transform: uppercase;}
#preview_data p strong{    font-weight: 400;}
.ui-button{
  border: 1px solid #c5c5c5;
    background: #03a9f4;
    font-weight: normal;
    color: #ffffff;
}
#preview_data .tablwidth tr td {
    width: 50%;
    padding: 4px;
}

#edit_preview_data h3 {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: #2192c5;
}#edit_preview_data p {
    margin-bottom: 0;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  
}
#edit_preview_data strong{text-transform: uppercase;}
#edit_preview_data p strong{    font-weight: 400;}
.ui-button{
border: 1px solid #c5c5c5;
  background: #03a9f4;
  font-weight: normal;
  color: #ffffff;
}
#edit_preview_data .tablwidth tr td {
  width: 50%;
  padding: 4px;
}

.previewhead{font-size: 13px;font-weight: 600;}
.tabledata{font-size: 12px;color: #ddd;text-transform: uppercase;}
.headerpd {
    vertical-align: middle;
    padding: 16px 0;
}
.header h3 {
    font-size: 18px;
    font-weight: 600;
}