h2,h3 {margin-top:4em;}
body {
    background-size:50px 50px;margin-top:60px;background-position:1% 0%;font-family:Tahoma;font-size:12px;}
.mainHeading {font-family:Tahoma, sans-serif;color:DarkSlateBlue;font-weight:normal;position: relative;vertical-align: middle;height:50px;line-height: 50px;padding-left:10px;padding-right:10px;margin-top:40px;}
.roundedBorder {border:1px solid #8b8b8b;border-radius:6px;background:#f7f7f7;overflow: hidden;}
.roundedBox {border:1px solid #8B8B8B;border-radius:6px;}
.roundedBorder .header {background: #DEDEDE;min-height: 28px;text-align: center;line-height: 28px;border-bottom:1px solid #C6C6C6;}
.roundedBorder .content {padding: 2em}
.dialog {max-width:600px}

.btn-group {text-align: right}
.fr {float:right;}
.compulsory {color:red;font-weight: bold}
.normal {font-weight:normal !important;}
.error {color:#FF0000;}
.c {text-align: center}
.breadcrumb {display:inline-block;font-size:small;float:right;}
.btn {display:inline-block;border:1px solid #7F7F7F;background:#E0DFDF;font-size:9pt;min-width:55px;min-height:27px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 31%, #e1e1e1 55%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 31%,#e1e1e1 55%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 31%,#e1e1e1 55%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.btn:enabled {
    cursor:pointer;
}
.btn:hover:enabled {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}
.user_info {float:right;text-align: right;font-size:9pt;position: absolute;top:10px;right:10px;}
.user_info span {font-weight: bold;font-size:13px;}
.not_logged_in img {opacity: 0.5}
.not_logged_in {color:gray;}
.logged_in {color:DarkSlateBlue;}
footer {color:darkslateblue;text-align: center;margin-top:2em;}
input,textarea {border:1px solid #A0A0A0;background: #FFFFFF;padding:1px 1px 2px 2px;min-height: 20px;}
input[type=text],input[type=password],textarea {width:100%;}

h1,h2,h3,h4,h5 {
  color:DarkSlateBlue;
}

.applicant-form {font-family: Arial}
.applicant-form table {table-layout: fixed;}
.applicant-form small {font-size:78%;}
.applicant-form h2,.applicant-form h3 {color:blue;}
.applicant-form h2 {border-bottom:1px solid blue;}
.applicant-form td {font-weight:bold;vertical-align: top}
.applicant-form .other {color:royalblue;font-weight: normal;font-family:Tahoma;}
.applicant-form select {width:100%;border:1px solid #A0A0A0;}
.applicant-form td.date-td {vertical-align: middle;font-weight: normal;padding-left:5px;width:50px;}
.applicant-form textarea {height:51px;}
.roundedBox .m td {vertical-align: middle;color:DimGray;padding:5px;}
.front-form {font-size:13px;}
.roundedBox {position: relative;padding:12px;margin-bottom: 10px}
.roundedBox td {vertical-align: top;line-height: 1.5em}
.roundedBox h5 {position: absolute;top:-10px;left:10px;margin:0;padding:2px;background: #FFF;font-size:9pt;color:#313131;}
.b {color:#000 !important;}
.submitted {color:LimeGreen !important;font-weight: bold}

.applicant-form .important_info {background:LightGoldenrodYellow;border-collapse: collapse;font-family: Verdana}
.important_info td {border:1px solid DarkGreen;padding:1em;font-weight:normal;}
.important_info h3 {color:#8080FF !important;margin:0;margin-bottom:1em;}

pre.validation-error {
  color: #B94A48;
  background-color: #F2DEDE;
}

.icnumber {font-size:2em;}

.other_grade_entry ,.grade_entry {border-collapse: collapse;margin-top:2em;width:100%;}
.other_grade_entry th,.other_grade_entry td,.grade_entry th,.grade_entry td {border:1px solid #9F9F9F;padding:5px;font-weight: normal !important}
.other_grade_entry th,.grade_entry th {
    background:#DCDCDC;
}
.grade_entry td.grade_action {text-align: center;}
.date select {width:50%;}
.other_results {width:100%;max-width: 100%}
.hund {width:100%;}
.other_results td {padding:1em;}
.other_results, .other_results td {font-weight:normal !important;}
.colon {width:20px;}

.other_grade_row table td {padding:0em;margin:0em;vertical-align: middle}
.other_grade_row table td {border:none;}
.other_grade_row input {width:95%;}

.other_grade td {border:none !important;padding:1px !important;}

#no_other_qualifications_selected,#no_qualifications_selected {text-align: center;padding:2em;}
.other_results table {width:100%;}
.other_results .dialog {max-width: 100%}

.prog_choice {border-bottom: 1px solid gray;width:100%;}
.prog_choice td {padding:3px;}


.lang-en {display: none !important}
.lang-bn {display: none !important}

.showall .lang-en, .showen .lang-en {display:inline-block !important}
.showall .lang-bn, .showbn .lang-bn {display:inline-block !important}

.showall li .lang-en, .showen li .lang-en {display:inline !important}
.showall li .lang-bn, .showbn li .lang-bn {display:inline !important}
#cost,#balance,#due {float:right;font-size:2em; color:#5cb85c;clear:both;}

.alert {
  border:1px solid #000;
  border-radius:5px;
  font-size:1.5em;
  font-weight:bold;
  padding:0.5em;
  margin-bottom:1em;
  text-shadow: 0px 1px 0px rgba(255,255,255,.2);
}

.error {
  color:#a94442;
  background:#f2dede;
  border-color:#dca7a7;
}

.success{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}



.grade_val {width:150px;}

input[type="radio"]{
    vertical-align: middle;
}

#printbutton {width:100%;display: block;line-height:2em;}

.onlyprint {
  display:none;
}
@media (max-width: 767px) {
    .applicant-form .grade_entry {
        border: 0;
        margin-top: 1em;
        table-layout: auto;
    }
    .applicant-form .grade_entry thead {
        display: none;
    }
    .applicant-form .grade_entry tbody,
    .applicant-form .grade_entry .grade_row,
    .applicant-form .grade_entry .grade_row td {
        display: block;
        width: 100%;
    }
    .applicant-form .grade_entry .grade_row {
        margin-bottom: 1em;
        border: 1px solid #9F9F9F;
        border-radius: 6px;
        overflow: hidden;
        background: #FFFFFF;
    }
    .applicant-form .grade_entry .grade_row td {
        border: 0;
        border-bottom: 1px solid #E0E0E0;
        padding: 8px 10px;
    }
    .applicant-form .grade_entry .grade_row td:last-child {
        border-bottom: 0;
    }
    .applicant-form .grade_entry .grade_row td:before {
        content: attr(data-label);
        display: block;
        margin-bottom: 4px;
        font-weight: bold;
        color: #3C3C3C;
    }
    .applicant-form .grade_entry .grade_row td.grade_action:before {
        display: none;
    }
    .applicant-form .grade_entry .grade_row td.grade_date select {
        width: 100%;
        margin-bottom: 6px;
    }
    .applicant-form .grade_entry .grade_row td.grade_date select:last-child {
        margin-bottom: 0;
    }
    .applicant-form .grade_entry .grade_row .delete_row,
    .applicant-form #add_grade_row {
        width: 100%;
    }
    .applicant-form .grade_entry #no_qualifications_selected {
        display: block;
        border: 1px dashed #9F9F9F;
        border-radius: 6px;
        padding: 1em;
    }
}
@media print{    
    body {max-width: none}
    .noprint,input,textarea,button{
        display: none !important;
    }
    .main_table {
      margin-top:11em;
    }
    .onlyprint {
      display:block;
    }
    a {color:black !important;text-decoration: none !important}
}