/*
# Project Name        : Recruitment
# Version             : 0.2 (palaa)
# Developed by        : Indian Institute Of Science Education and Research Thiruvananthapuram
# Language            : PHP
# Architecture        : MVC
# Software Dev Method : Agile
# File Name           : master.css
# File Type           : view class
# File Location       : assets/styles/
# File Author         : Packiya Rajan S
*/

/* import fonts */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

/* general tags */
*{font-family: 'Noto Sans', sans-serif;}
body{padding: 0;margin: 0;font-size:1em;background: #F5F5F5;color: #505050;}
a{color:#146EB9;}

/* layout */
.not_supported{display: none;}
.app_container{height: 100%;}

.header_holder{height: 7.2em;border-width: 0 0 2px 0;background: #FFFFFF;box-shadow: 0 0 0.5em;position: relative;}
.header_margin{width: auto;max-width: 1200px;margin: 0 auto;}

.header_table{}
.header_table tr td{margin: 0 1em;vertical-align: middle;}
.iiser_logo{width:140px;}
.ins_title{font-size: 1.2em;margin: .45em 0;}
.app_title{padding: .45em;background: #146EB9;color: #F2F2F2;font-weight: bold;text-align: center;border-radius: 3px;}

.content_holder{width: auto;height: auto;margin-top:3em;}
.content_margin{width:93%;min-width: 450px;margin: 0 auto;min-height: 30em;}

.page_title{font-size: 2em;padding: 0 0 .54em 0;border-color: #505050;border-style: solid;border-width: 0 0 1px 0;}
.vertical_space{width: 100%; height: 12px;}

.form_container{margin: 1em;}
.form_container fieldset{border-radius: .45em;margin: 2em 1em;border-color: #cccccc;border-style: solid;border-width: 1px;}
.form_container fieldset legend{margin: .45em .45em .45em 2em;padding: 0 1em;}
.required{}
.required::after{content:' *';font-weight: bold;color:#D44937;}
.form_table{border-color: collapse; width: 100%;}
.form_table tr td{padding: .36em;vertical-align: top;box-sizing: border-box;width: 33%;}
.textbox{background: #FFFFFF;border-color: #cccccc;border-style: solid;border-width: 1px;padding: .9em;width: 100%;box-sizing: border-box; border-radius: 6px;font-size: .9em;}
.form_field > div{ padding:4px; }
.form_file_field{display: none;}
.upload_progressbar{display: none; width: 100%;}
.upload_error{display: none;}
.image_upload_preview{width: 100%; max-width: 210px;}
.upload_hint{ font-size: .9em; }
.upload_hint > li { }

.button{background: #eeeeef;color: #505050;font-weight: bold;padding: .9em 1.2em;border-color: #cccccc;border-style: solid;border-width: 1px;box-shadow: #505050 0 0 .12em; font-size: 0.9em; border-radius: 6px;}

/* .form_error{padding: .45em;font-size: 1em;font-weight: bold;color: #9D3528;border-color: #D44937;border-style: solid;border-width: 1px;border-style: solid;background: #F9EBE9;text-align:center; border-radius: 4px;} */

.form_error{padding: 1.0em;background: #F9EBE9;color: #9D3528;font-weight: bold;font-style: italic;border-color: #9D3528;border-style: solid;border-width: 0 0 0 2px;}
.selectbox{background: #FFFFFF;border-color: #cccccc;border-style: solid;border-width: 1px;padding: .9em 4.0em .9em .9em;width: 100%;-moz-appearance: none;-webkit-appearance: none;appearance: none;background: rgb(255, 255, 255) url('../images/icons/go-down.png') no-repeat scroll right center; border-radius: 6px; font-size: .9em; }

.selectbox:disabled{background: #F5F5F5;}
.textbox:disabled{background: #F5F5F5;}

.disabled{background: #F5F5F5 !important;color: #cccccc !important;font-style: italics !important;font-weight: bold !important;}

.payment_form {margin-top: 30px;}
.payment_form button{background: #eeeeef;color: #505050;font-weight: bold;padding: .9em 1.2em;border-color: #cccccc;border-style: solid;border-width: 1px;box-shadow: #505050 0 0 .12em; font-size: 0.9em; border-radius: 6px;}

.large_textarea{width: 100% !important;height: 6em;resize: none;background: #FFFFFF;border-color: #cccccc;border-style: solid;border-width: 1px;padding: .9em;font-size: 1em;border-radius: 6px;box-sizing: border-box;}

#msg_dialog{display: none;}

.user_canvas_holder{width: auto;height: 3em;background: #ffffff;}
.user_canvas_margin{max-width: 1200px;margin: 0 auto;height: 3em;}
.user_canvas{width: auto;margin: .72em 1em;float: left;}
.user_canvas a{text-decoration: none;color:#e32323;}
.user_canvas a:hover{color: #146EB9;}

.menu_holder{width: auto;height: 3em;background: #146EB9;box-shadow: 0 0 0.2em #000000;position: relative;}
.menu_margin{max-width: 1200px;height: 3em;margin: 0 auto;}

ul.menu{margin: 0;padding: 0;list-style: none;}
ul.menu li{display: inline-block;float: left;margin: 0 .5em;padding: 0 .5em;line-height: 2.7em;border-color: #146EB9;border-style: solid;border-width: .3em 0 0 0;}
ul.menu li a{text-decoration: none;outline: none;color:#ffffff;display: block;}
ul.menu li.active{border-color:#FFFFFF; }


ul.submenu{padding: 0;background: #FFFFFF;box-shadow: 0 0 0.36em #000000;position: absolute;z-index: 900;font-size: .9em;margin-top:.9em;display: none;}
ul.submenu li{display: block;float: none;border-color: #cccccc;border-style: solid;border-width: 1px 0 0 0;}
ul.submenu li a{display: block;color:#146EB9; }

.footer_holder{width: auto;height: auto;min-height: 10em;margin-top: 2em;}
.footer_margin{width:90%;min-width: 450px;margin: 0 auto;padding: 1em 0;border-color: #505050;border-width: 0px 0 0 0;border-style: solid;}

.data_table{width: 100%;}
.data_table tr th{background: #cccccc;border-color: #cccccc;border-style: solid;border-width: 1px;padding: .36em .45em;text-align: left;}
.data_table tr td{border-color: #cccccc;border-style: solid;border-width: 1px 0;padding: .36em .45em;text-align: left;}
.data_table tr td a{text-decoration: none;}

.designation_fields{float:left;width:30em;}

.form_menu_holder{height: auto;background: #c4ddf2;width:100%;display:table;}
.form_menu_margin{width:96%; min-width: 450px;margin: 0 auto;height: 6em;display: table;}

.form_menu_table{border-collapse: collapse;width: 100%;margin-top:1em;}
.form_menu_table tr td{height: 4em;vertical-align: middle;font-weight: bold;}
.form_menu_table tr td a{text-decoration: none;}
.form_header{font-weight: bold;font-size: 1.0em;padding: .6em;border-color: #cccccc;border-style: solid;border-width: 0 0 1px 0;}

.circle{width: 21px;height: auto;border-radius: 18px;border-color: #146EB9;border-style: solid;border-width: 2px;padding: 5px;margin: 0 auto;color: #146EB9;font-weight: bold;text-align: center;}



.form_menu_table tr td.active{color: #146EB9;}
.form_menu_table tr td.active .circle{background:#146EB9;color: #ffffff;}

.ad_message{width: auto;height: 3em;}
.ad_message_margin{padding: 1em 0;max-width: 1200px;width:100%;text-align: center;margin: 0 auto;font-style: italic;}

.uploaded_photo{width: 120px;}
.uploaded_signature{width: 160px;}

.bottom_btn_container{text-align: center;}
a.button{display: inline-block;text-decoration: none;}

.label_hint{background: #ffffff;font-style: italic;padding: .36em;border-color: #cccccc;border-style: solid;border-width: 1px;}

.page_no_container{width: auto;text-align: center;margin-top: 2em;}
.page_no_container strong{background: #146EB9;padding: .5em 1em;border-radius: 1em;margin: 0 1em;color:#ffffff}
.page_no_container a{background: #cccccc;padding: .5em 1em;border-radius: 1em;margin: 0 1em;text-decoration: none;display: inline-block;color: #505050;}

.application_table{width: 100%;border-collapse: collapse;}
.application_table tr td{background: #ffffff;border-color: #cccccc;border-style: solid;border-width: 1px;padding: 12px;vertical-align: top;}
.application_table tr th{padding: 12px;text-align: left;vertical-align: bottom;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #0359b5;}
.application_table tr.highlighted_row td{ background: #FFE99B !important; }

.app_preview_table{width: 100%;border-collapse: collapse;}
.app_preview_table tr th{font-size: 12px;font-weight: bold;vertical-align: bottom;padding: 12px 12px 0px 16px;text-align: left;background: #ffffff; text-transform:uppercase;}
.app_preview_table tr td{font-size: 1em;font-weight: normal;vertical-align: top;padding: .21em 1em 1em 1em;background: #ffffff;color:#146EB9;}

/* .warning_text{background: #f7e8bf;border-color: #e2a200;padding: .6em .9em !important;font-size: 1.0em;font-weight: normal;border-style: solid;border-width: 1px;  border-radius:4px;line-heigh: 1.5em;} */

.warning_text{background: #f7e8bf;border-color: #e2a200;padding: .9em 1.2em !important;font-size: 1.0em;font-weight: normal;border-style: solid;border-width: 0 0 0 3px;  border-radius:0px;line-heigh: 1.5em; color: #5b1d0a;}
.warning_text > ul,ol > li{ font-style:italic; }
.warning_text hr{ border-style: solid; border-width: 1px 0 0 0; border-color: #ecbc4c; }

.green_text{background: #a1eeb3;border-color: #049936;padding: .6em;font-size: .9em;font-weight: bold;border-style: solid;border-width: 1px; border-radius:.45em; color: #056023;  }
.red_text{background: #ffebea;border-color: #d11e14;padding: .6em;font-size: .9em;font-weight: bold;border-style: solid;border-width: 1px; border-radius:.45em; color: #d11e14; }
.orange_text{background: #ffe1ba;border-color: #a85600;padding: .6em;font-size: .9em;font-weight: bold;border-style: solid;border-width: 1px; border-radius:.45em; color:#a85600;}

.new_application_link_holder{margin: 1em;}
.new_application_link{font-weight: bold;text-decoration: none;padding: 0 0 0 2em;background: rgba(0, 0, 0, 0) url('../images/icons/new-item.png') no-repeat scroll left center; }
.new_application_link:hover{color: #505050;}

hr.divider{ border-width:1px; border-style: solid; border-color: #939090; margin: 21px 0; }

.post_selection_list{}
.post_selection_list li { padding: 6px 0; list-style-type: none;}
.post_selection_list li:hover {list-style-type:initial;}
.post_selection_list li a{ text-decoration: none; }
.post_selection_list li a:hover{ text-decoration: underline; }
.post_selection_list li .description{ font-style: italic; font-size: 12px; }

.scrollx{width: 100%; overflow-x: scroll;}

.appdata_label{ font-size: 12px; font-weight: bold; text-transform: uppercase; color: #0359b5;}
.appdata_field{
	background: #fff;
	padding: 12px;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	border-radius: 4px;
}
.appdata_value{}

.document_link{ color: #555; text-decoration: none;}



/* layout for mobile devices */
/*
@media screen and (max-width: 820px) {

	.app_container{display: none;}
	.not_supported{display: block;text-align: center;}
    .not_supported h4,p{text-align: center;}
}
*/