@font-face {font-family:'robot_l';src: url('RobotoCondensed-Light.ttf');}
@font-face {font-family:'robot_r';src: url('RobotoCondensed-Regular.ttf');}

body{font-family:'robot_l', sans-serif;font-size:12px;height:100%;padding:0 0 15px;margin:0;}
body.login{text-align:center;}
body.admin{background-color:#fff}
input,select,textarea{font-family:'robot_l', sans-serif;border:solid 1px #ddd;background:rgba(255,255,255,0.5);}
input[type=submit]{width:auto;cursor:pointer;}
input,select,textarea,input[readonly]{box-sizing:content-box;-ms-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
h1,h2,h3{font-weight:normal;font-family:'robot_r'}
a{text-decoration:none;transition: color .5s ease;color:#09f;cursor:pointer}
a.swLogo{display:block;position:absolute;margin:0 30px 0 20px}
a.swLogo img{height:52px;width:auto;display:inline-block;margin:8px 0}
.fl{float:left}.fr{float:right}.clr{clear:both}

header h1,header address{padding-left:20px;margin:10px 0 0}header address{margin-top:5px}
footer{display:none;background-color:#390;clear:both;text-align:center;padding:10px 0;color:#888;position:fixed;bottom:0;width:100%;z-index:10}
.login header{background:transparent;height:auto}
.login header img{margin-top:80px;width:140px;}
.login #loginSec{margin:10px auto 0;width:280px;padding:20px 30px 30px;background-color:#fff;}
.login #loginSec h2{text-transform:uppercase;padding:10px 0;}
.login #loginSec input{color:#000;display:block;margin:15px 0;width:96%;background-color:#fff;border:solid 1px #9cf;padding:6px 2%;text-align:center}
.login #loginSec .button{margin-bottom:0;background-color:#09f;color:#fff;font-family:'robot_r';text-transform:uppercase;}

#loginInfo{float:right;margin:10px 50px 0 0;text-align:right}
#loginInfo .name,#loginInfo .role{font-size:1.2em;line-height:1em;text-transform:capitalize}
#loginInfo .role{font-style:italic;color:#999}
#loginInfo .btns{position:absolute;top:0;right:0}
#loginInfo .btns a{width:35px;height:35px;display:block;margin-left:5px;}
#loginInfo .logout{background:#e00 url('../images/log_out.png') no-repeat center center;background-size:54%}
#loginInfo .settings{background:#222 url('../images/settings.png') no-repeat 7px 7px;background-size:65%}
.lastLogin{background-color:rgba(255,255,255,0.5);border-radius:5px;padding:2px 6px;color:#333;display:block;margin-top:5px;}

.settingsMenu{position:absolute;right:0;padding:5px;margin-top:3px;background-color:#333;display:none}
.settingsMenu a{display:block;padding:2px 6px;margin:2px;background-color:rgba(100,150,255,0.2)}
.settingsMenu a:hover{background-color:rgba(80,120,255,0.7)}
address{font-size:1.4em;font-family:'robot_r'}
.appFormCont,.top{width:720px;margin:20px auto;box-sizing:border-box}
.appFormCont h2,.login h1{margin:0 auto;font-size:2.2em;padding:5px;}
.appFormCont h2, .appFormCont h3{font-weight:normal;text-transform:uppercase;}
.appFormCont .note{font-size:0.9em;font-style:italic;text-transform:none;position:absolute;right:8px;top:8px;}
.appFormCont form h2{font-size:1.4em;text-transform:none;border-bottom:solid 1px #ccc;margin-bottom:20px}
.appFormCont form{color:#000;text-align:left;margin-top:20px;position:relative}
.appFormCont form label{display:block;}
.appFormCont form input,.appFormCont form select{margin:5px 0;padding:2px;width:100%;box-sizing:border-box;font-size:0.9em}
.appFormCont form select{padding:1px}
.appFormCont form input[type=file]{font-size:0.8em;padding:1px;margin:4px 0}
.appFormCont .field{width:50%;padding:0 5px;box-sizing:border-box;float:left;min-height:50px}
.appFormCont .field.dob,.appFormCont .field.gender{width:25%}
.appFormCont .field.full{width:100%}
.appFormCont .field .radio,.subjects .radio{display:inline-block;margin:7px 10px 5px 0;cursor:pointer}
.appFormCont .field .radio input,.subjects .radio input{float:left;margin:1px 4px 0 0;width:auto}
/*.appFormCont form::after{clear:both;content:' ';white-space: pre;display:block}*/
.appFormCont .req label,tr.req td:first-child,tr.req td:nth-child(4){font-family:'robot_r'}
.appFormCont .req input,.appFormCont .req select,tr.req td input,tr.req td select{border-color:#fc0}
.appFormCont .field.req label:after,tr.req td:first-child:after,tr.req td:nth-child(4):after{content:' *';color:#390;font-style:italic}
.appFormCont .field.req label.radio:after{content:''}
.appFormCont .btnCont:before{clear:both;content:' ';white-space: pre;display:block;border-top:solid 1px #fff;line-height:0.1em}
.appFormCont .btnCont{text-align:center;padding-top:15px;margin:0 5px}
.appFormCont input[type=submit]{width:auto;text-transform:uppercase;padding:5px 20px;background-color:#090;color:#fff;font-family:'robot_r';border:none;font-size:1.2em}
.appFormCont label .info{font-family:'robot_l';font-style:italic;}
.appFormCont input[disabled]{background-color:#696;color:#ccc;cursor:not-allowed}
.query{padding:6px;background-color:#390;color:#fff;}
.mainCont{padding:20px 20px 0}
.searchForm{background-color:#f6f6f6;padding: 10px;border: solid 1px #ddd;}
.searchForm input,.searchForm select{padding:2px 4px;border:solid 1px #ddd;background-color:#fff;margin-right:5px;box-sizing:border-box}
.searchForm select{padding:1px 4px;}
.searchForm input[type=submit]{background-color:#090;border-radius:3px;color:#fff;font-family:'robot_r';text-transform:uppercase;padding:2px 10px}
.tabular,.subjects{margin:0 auto;padding:5px;clear:both}
.tabular table{width:100%;border-collapse:collapse;box-sizing:border-box;margin:5px auto}
.tabular th,.tabular td{border:solid 1px #eee;padding:4px;background-color:#f9f9f9}
.tabular tr:nth-child(odd) td{background-color:#fff}
.appFormCont .tabular th,.appFormCont .tabular td{background-color:rgba(0,0,0,0.05)}
.tabular address{font-size:1em;font-family:'robot_l'}
.tabular th{font-family:'robot_r';text-align:left;font-weight:normal;text-transform:uppercase;border-bottom:solid 2px #ccc}
.tabular td{vertical-align:middle;}.tabular .ppp{margin-right:10px;}
/*.appFormCont .tabular th:first-child{width:20%;}
.appFormCont .tabular th:nth-child(4){width:9%;}*/
.appFormCont .tabular th:nth-child(3),.appFormCont .tabular th:nth-child(6){width:15%;}
.subjects label{font-family:'robot_r';}
/*.subjects ol{margin:0;padding-left:20px;list-style:lower-alpha}
.subjects ol li{padding:0 5px;counter-increment: my-awesome-counter;}
.subjects ol li::marker{content:counter(my-awesome-counter, upper-alpha) ") ";font-family:'robot_r';}*/
.applicantName{text-transform:uppercase;font-family:'robot_r';padding:2px 0}
.appFormCont fieldset{background-color:#cef;margin-top:10px;border:solid 1px #9cf}
.appFormCont fieldset legend{font-family:'robot_r';text-transform:uppercase;padding:2px 5px;background-color:#bdf;border:solid 1px #9cf}
.appFormCont fieldset ol{margin:0;padding-left:15px}
.appFormCont fieldset li{padding:2px 0}
.appFormCont fieldset li.on{font-family:'robot_r';padding:2px 0}
.appFormCont fieldset li.on:before{content:'\2714';position:absolute;left:4px;margin-top:-1px;color:#0c0}
.amtCont{margin-top:10px;text-align:center}
.amtCont span{font-family:'robot_r';padding-right:2px;font-size:1.2em}
#searchResult{padding:0 20px 20px}
#searchResult .tabular{padding:0}
#searchResult .tabular th{background-color:#ddd;border-top:solid 2px #eee}
#searchResult .tabular th:first-child,#searchResult .tabular th:nth-child(2){width:1%;white-space:nowrap}
#flashMsg{position:fixed;background-color:rgba(0,0,0,0.8);height:100%;width:100%;z-index:90000;top:0;box-sizing:border-box;display:none;transition: visibility 0s, opacity 0.5s linear;}
#flashMsg .msg{background-color:#fff;padding:10px 20px;border:solid 2px #999;border-radius:2px;color:#000;position: fixed;min-width:180px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:1000}
#loading{background:url('../images/loader.gif') no-repeat center center rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;left:0;top:0;z-index:10000}
.excelExport{background:url('../images/excel.png') no-repeat left center;padding:1px 0 0 20px;float:right;font-family:'robot_r';color:#063;line-height:16px;}
.appFormCont .terms label,.appFormCont .terms input{display:inline-block;width:auto;cursor:pointer;margin:0 5px 0 0;text-transform:none}
.terms input{float:left;margin-top:1px}
.terms a{cursor:pointer}
#termsCont h3{margin:8px 0 2px;font-weight:normal;text-transform:uppercase;}
#termsCont h2{font-weight:normal;font-size:1.6em;padding:10px 0;border-bottom:solid 1px #ccc;color:#000;text-transform:uppercase}
#termsCont{color:#000;text-align:center;display:none;position:fixed;z-index:1001;background-color:#fff;max-width:300px;padding:20px;border-radius:3px;left:calc(50% - 150px);top:100px;padding-top:0px;top:50px;box-sizing:border-box}
#cancel{cursor:pointer;padding:0 10px;display:inline-block;margin-left:5px;}
.linkbtn{background-color:#3df;box-shadow:0 0 2px #333;font-size:1.2em;cursor:pointer;margin-top:0;text-decoration:none;color:#000;padding:5px 20px 3px;border-radius:3px;display:inline-block}

.pagination{padding:5px 0}
.pagination a{background-color:#06c; padding:3px 7px 2px;display:inline-block;margin-right:5px;color:#fff;border-radius:3px;}
.pagination a:hover{box-shadow:0 0 2px #333;}
.pagination a.on{background-color:#fff; color:#000; box-shadow:0 0 2px #333;}

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .appFormCont form input[type="file"]{padding:0 1px}
}

/* Chrome 22-28 */
@media screen and(-webkit-min-device-pixel-ratio:0) {
  .selector {-chrome-:only(; 
     .appFormCont form input[type="file"]{padding:0 1px}
  );} 
}

@media (max-width: 700px)
{
	.topCont{font-size:0.8em}
	.appFormCont,.top{width:100%;}
	.appFormCont form{padding:0 10px}
}
@media (max-width: 500px)
{
	.appFormCont .field.dob,.appFormCont .field.gender{width:50%}
	.appFormCont .field,.appFormCont .field.full,.appFormCont .field.doc{width:100%}
	.appFormCont .note{color:#390;top:33px}
	.tabular table {border: 0;margin:0}
	.tabular table thead{display:none}
    .tabular table tr {margin-bottom: 10px; display: block;}
    .tabular table tr:after {content: "";display: table;clear: both;width:100%}
    .tabular table tr:before { display: block;   border-bottom: none;}
    .tabular table td {box-sizing: border-box; display: block; float: left; clear: left; width: 100%; text-align: left; font-size: 13px;border-bottom: 1px dotted #ccc:}
	.tabular table td.sl{position:absolute;border-radius:10px;width:20px;height:20px;text-align:center;margin:-6px;color:#000;background-color:#cdf;line-height:16px;padding:0;border:solid 1px #9cf;border-width:1px 0 0 1px}
	.tabular table td.hd{background-color:#cdf;color:#000;padding-left:12px}
	.appFormCont .tabular table td{border-width:0 1px 0;padding:0 4px;background-color:#fff;}
    .tabular table td:before {content: attr(data-label);width:45%;display:inline-block}
	.tabular table tr td:first-child,.tabular table tr td:nth-child(4){border:solid 1px #fff;border-width:0 0 1px 0;padding:0 0 4px 0;background-color:transparent}
	.tabular table td:nth-child(4):before{display:none;}
	.tabular table tr td:nth-child(4){padding-top:10px;}
	.tabular table tr td:first-child:before{display:none}
	.tabular table tr td input{width:55%;margin-bottom:0px}
	.tabular table tr td:first-child input{width:100%}
	.tabular table tr td:last-child{border-bottom:solid 1px #fff;padding-bottom:5px}
	.tabular table tr:last-child td:first-child{padding-bottom:0}
	.appFormCont fieldset li.on::before{left:15px}
	#termsCont{padding:0 15px 15px;top:0px;max-width:98%;height:98%;left:0;margin:1%;}
}