/*
# Project Name        : PhD Admission
# Version             : 0.1 (Maa)
# Developed by        : Indian Institute Of Science Education and Research Thiruvananthapuram
# Language            : PHP
# Architecture        : MVC
# Software Dev Method : Agile
# File Name           : master.css
# File Type           : style sheet
# File Location       : assets/styles
# File Author         : Packiya Rajan S

*/

/* import google font */
@import 'https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i';
@import 'https://fonts.googleapis.com/css?family=Droid+Sans+Mono';
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:400,500,700&display=swap');

/* general tags */
*{font-family: 'Noto Sans TC', sans-serif;}
body{padding: 0;margin: 0;background: #F7F7F5;color: #505050;font-size: 1em;}
a{color: #007fc7;}
p{line-height: 1.5em;}
h1,h2,h3,h4,h5,h6{font-weight: 600;}
hr { margin: 1em 0; border-color: #cccccc; }



/* layoyt */
.app_container{width: auto;height: auto;display: block;}
.not_supported{display: none;}

.vertical_space{width: 100%; height: 12px;}

.header_container{background: #ffffff;width: 100%;height:7.2em;border-color: #cccccc;border-style: solid;border-width: 0 0 1px 0;}
.header_holder{width: auto;max-width: 1120px;height: 7.2em;margin: 0 auto;}
.header_inset{width: auto;margin: 0 1em;}
.header_table{border-collapse: collapse;margin:0 auto;}
.header_table tr td{padding: .45em;}
.iiser_logo{width: 9em;}
.ins_title{text-align: center;line-height: 1.8em;font-size: 1.2em;border-color: #505050;border-style: solid;border-width: 0 0 1px 0;color: #000000;font-weight: 700;}
.app_title{text-align: center;line-height: 1.8em;color:#007FC7;font-weight: 700;}

.content_container{width: 100%;height: auto;margin: 0em 0;}
.content_holder{width: auto;max-width: 1120px;height: auto;margin: 0 auto;}
.content_inset{width: auto;margin: 0 1.5em;}

.semi-title{line-height: 1.8em;margin: 0;border-color: #505050;border-style: solid;border-width: 0 0 1px 0;}

.form_container{margin:1em;}
.form_table{border-collapse: collapse;}
.form_table tr td{padding: .36em .6em;vertical-align: top;font-size: 14px;}
.textbox{border-color: #cccccc;border-style: solid;padding: .45em;border-width:1px;background: #ffffff;min-width: 20em;font-size: 0.87em;}
.textarea{border-color: #cccccc;border-style: solid;padding: .45em;border-width:1px;background: #ffffff;min-width: 20em;resize: none;font-size: 0.87em;}
.filebox{border-color: #cccccc;border-style: solid;padding: .45em;border-width:1px;background: #ffffff;min-width: 20em;font-size: 0.87em;}
.mintextarea{border-color: #cccccc;border-style: solid;padding: .45em;border-width:1px;background: #ffffff;min-width: 19.9em;resize: none;font-size: 0.87em;}
.selectbox{border-color: #cccccc;border-style: solid;padding: .45em;border-width:1px;background: #ffffff;min-width: 21.8em;font-size: 0.84em;-moz-appearance: none;-webkit-appearance: none;appearance: none;background: rgb(255, 255, 255) url('../images/icons/go-down.png') no-repeat scroll right center;}
.selectbox option.starred {  }
.required{}
.required::after{content:' *';font-weight: bold;color:#D44937;}
.button{border-style: solid;border-width: 0px;box-shadow: 0 0 0.15em #000000;background: #007FC7;padding: 0.60em;font-size: .87em;color: #f2f2f2;font-weight: 600;border-radius: 4px;}
a.button{ display: block; text-decoration: none;}
.button:active{box-shadow: 0 0 0.075em #000000;}
.button_link{border-style: solid;border-width: 0px;box-shadow: 0 0 0.15em #000000;background: #ffffff;padding: 0.72em;font-size: 0.81em;text-decoration: none;color:#000000;}
.button_link:active{box-shadow: 0 0 0.075em #000000;}
.form_error{font-size: 0.9em;line-height: 1.8em;border-color:#D44937;border-style: solid;border-width: 0 0 1px 0;display: table;}
.form_error::before{content: "ERROR : ";color:#D44937;}
.form_error p{display: inline-block;padding: 0;margin: 0;}
.form_helper_text{font-size: 0.81em;font-weight: 400;border-color: #cccccc;border-style: solid;border-width: 1px;display: inline-block;padding: .45em;margin: .45em 0;font-style: italic;background: #F0F0F0;}
.overall_error{margin: 1em auto;padding: .6em;border-color:#D44937;border-style: solid;border-width: 2px;text-align: center;}

.payment_form button{border-style: solid;border-width: 0px;box-shadow: 0 0 0.15em #000000;background: #007FC7;padding: 0.60em;font-size: .87em;color: #f2f2f2;font-weight: 600;border-radius: 4px; text-transform: uppercase; margin: 12px auto;display: block;}


.border_table{border-collapse: collapse;}
.border_table tr td{border-color: #cccccc;border-width: 1px;border-style: solid;}

.menu_container{width: 100%;height: 4.5em;font-size: 0.81em;}
.menu_holder{background: #ffffff;border-color: #cccccc;border-width: 0 1px 1px 1px;border-style: solid;margin: 0 2em;width: auto;height: 3em;}
.menu_inset{margin: 0;height: 3em;}
.menu{padding: 0;margin: 0;list-style: none;}
.menu li{line-height: 3em;display: inline-block;float:left;margin:0 1em;border-width: 0 1px;border-style: solid;border-color: #ffffff;font-weight: bold;}
.menu li:hover{background: #F7F7F5;border-color: #cccccc;}
.menu li a{text-decoration: none;display: block;padding: 0 1em;}
.menu li.active{background: #F7F7F5;border-color: #cccccc;}
.menu li.active a{}
.menu li ul.submenu{position: absolute;padding: 0;margin: 0;z-index: 12;display: none;}
.menu li:hover ul.submenu{display: block;}
.menu li ul.submenu li{background: #ffffff;display: block;float:none;border-color: #cccccc;border-style: solid;border-width: 0 1px 1px 1px;margin:0;}
.menu li ul.submenu li:first-child{border-width: 1px 1px 1px 1px;}
.menu li ul.submenu li:hover{background: #F7F7F5;}
.menu li ul.submenu li a{color:#007fc7; }
.menu li.active ul.submenu li a{color:#007fc7;text-decoration: none;}

.border{border-color: #cccccc;border-style: solid;border-width: 1px;padding: .45em;}

.data_table{border-collapse: collapse; border-radius: 3px;}
.data_table tr th{background: #f2f2f2;border-color: #cccccc;border-style: solid;border-width: 1px;font-weight: bold;text-align: left;padding: .45em;vertical-align: top;line-height: 1.45em;}
.data_table tr td{border-color: #cccccc;border-style: solid;border-width: 1px;font-weight: normal;padding: .45em;vertical-align: top;background: #ffffff;line-height: 1.45em;}

/*.data_table tr th:first-child{border-width: 1px 0 1px 1px;}
.data_table tr th:last-child{border-width: 1px 1px 1px 0;}
.data_table tr td:first-child{border-width: 1px 0 1px 1px;}
.data_table tr td:last-child{border-width: 1px 1px 1px 0;}*/
.more_details .data_table{font-size: 0.9em;margin: 1em auto !important;}
.more_details .data_table tr th:first-child{border-width: 1px}
.more_details .data_table tr th:last-child{border-width: 1px }
.more_details .data_table tr td:first-child{border-width: 1px}
.more_details .data_table tr td:last-child{border-width: 1px}
.full_border tr td{border-width: 1px !important;}
.full_border tr th{border-width: 1px !important;}

.option_link{text-decoration: none;font-size: 0.9em;font-weight: bold;padding: .21em .45em;margin: 0 .45em;color:#007fc7 !important;}
.option_link:hover{background: #007fc7;color: #ffffff !important;}
.option_icon{width: 24px;margin: 0 .27em;}

.pagination{margin: 2em 0;text-align: center;font-weight: bold;}
.pagination a{padding: 0 .45em;margin: 0 .45em;text-decoration: none;display: inline-table;}
.pagination strong{padding: .45em 1em;margin: 0 .45em;background: #007fc7;color: #ffffff;border-radius: .45em;}

.iiseradvertcontent{border-color: #cccccc;border-style: solid;padding: 1em;border-width: 1px;background: #ffffff;font-size: 14px;}
.iiseradvertcontent *{line-height: 210%;}

.split_container{width: 100%;height: auto;display: table;}
.split_cell{width: auto;float: left;}

.form_container fieldset {padding: 1.2em .45em;margin:1em 0;border-radius: .45em;border-style:solid;border-color: #cccccc;border-width: 1px;}
.form_container fieldset legend{padding:  0 .60em;font-weight: bold;color: #007fc7;margin-left: 2em;}

.welcome_text{float:left;line-height: 3em;font-weight: bold;margin:0 2em;}

.photo_preview{margin: 1em auto;display:table;width:80%;}
.photo_preview img{width: 12em;}
.certificate_preview{margin: 1em auto;display:table;width:80%;}
.certificate_preview img{width: 20em;height: 30em;}
object.certificate_preview{width: 20em;height: 30em;}


.preview_table{}
.preview_table tr td{padding: .6em;font-size:14px;}
.preview_table tr td.value{border-bottom-color:#858585;border-left-color: #F7F7F5;border-right-color: #F7F7F5;border-style: solid;border-width: 0 2em 1px 2em;color:#000000;font-size: .9em;}
.preview_table tr td.value *{}

.form_photo_preview{width:11em;margin:1em  auto;display: table;}
.form_signature_preview{width: 11em;margin: 1em auto;display: table;}
.form_cerificate_preview{width: 45em;margin:0 auto;display: table;}
object.form_cerificate_preview{width: 45em;height: 60em;}

.email_preview{border-collapse: collapse;}
.email_preview tr td{padding: .45em 1em;line-height: 1.8em;}
.email_preview tr td.value{font-family: 'Droid Sans Mono', monospace !important;font-size: .84em;border-color: #cccccc;border-style: solid;border-width: 1px;}
.email_preview tr td.value * {font-family: 'Droid Sans Mono', monospace !important;font-size: .84em;}

.chart_container{margin-bottom: 5em;}

.filter_container{margin: 1em;border-color: #cccccc;border-style: solid;border-width: 1px;border-radius: .21em;}
.filter_container legend{padding: 0 .6em;font-size: bold;}
.filter_container legend a{text-decoration: none;}
.filter_container .textbox{width: 9em;min-width: 9em;}
.filter_container .selectbox{width: auto;min-width: 9em;}
.filter_container .form_table{margin: 0 auto;font-size: .9em;}
.filter_container .form_table tr td{vertical-align: middle;}

#bulk_action_table tr td{vertical-align: middle !important;}

.advt_container{padding: 1em;line-height: 1.8em;}

.wysiwyg{width: 100%;}

.is_contiainer{width: 100%;height: auto;}
.is_table{width: auto;margin: 1em;}
.is_row{width: auto;min-height: 30px;display: table-row;}
.is_space_row{width:auto;height: 12px;display: table-row;}
.is_cell{width: auto;display: table-cell;padding: 6px 30px;}
.is_title_cell{font-weight: 500;font-style: italic;}
.is_value_cell{background: #EAEAE2;border-color: #636B77;border-style: solid;border-width: 1px 0 1px 1px;cursor: pointer;}
.is_available_val{font-size: 10px;text-align: right;color: #000000;}
.is_value_cell:last-child{border-width: 1px;}
.is_selected_cell{background: #8bbedd !important;}
.is_break_slot{background: #eaba96 !important;}
.is_slot_full{background: #ff4f4f !important;}

.is_selected_slot_text{font-weight: bold;text-align: center;margin: 1em;color:#007fc7;}

.is_color_definition_cell{padding: 3px 15px;border-width: 1px !important;display: table-cell;font-size: 11px;font-style: italic;}

.steps{ border-color: #dddddd; border-style: solid; border-width: 0 0 1px 0; margin: 2em 0 !important;}
.steps > .row > .column { text-align: center; font-size: 14px; }
.steps > .row > .column.active{ font-weight: 600; border-color:#007FC7; border-width: 0 0 3px 0; border-style: solid;}
.steps > .row > .column.title{  font-weight: 600; border-color:#007FC7; border-width: 0 0 3px 0; border-style: solid; background: #007FC7; color: #f2f2f2; border-radius: 6px 6px 0 6px;}
.steps > .row > .column > a{ color: #505050; text-decoration: none; display: block; padding-top: 6px !important; padding-bottom: 6px !important;}
.steps > .row > .column > a:hover{text-decoration: none;}
.steps > .row > .column:hover{ background: #eeeeee;}
.steps > .row > .column.title:hover{ background: #007FC7; color: #f2f2f2;  }
.steps > .row > .column.title > a { color: #f2f2f2; }

.center{text-align: center;}

.yellow_alert{ background: #F6F982; border-color: #BAA653; border-style: solid; border-width: 0 0 0 3px; padding: 1em; box-sizing: border-box; margin: 1em 0; width: 100%; color: #202020; font-size: 14px;}
.green_alert{ background: #ACFFC0; border-color: #29A260; border-style: solid; border-width: 0 0 0 3px; padding: 1em; box-sizing: border-box; margin: 1em 0; width: 100%; color: #202020; font-size: 14px;}
.red_alert{ background: #FFC7AC; border-color: #BF2119; border-style: solid; border-width: 0 0 0 3px; padding: 1em; box-sizing: border-box; margin: 1em 0; width: 100%; color: #9D150E; font-size: 14px;}

.success_message{background:#B4F9C9; border-radius: 3px; padding: 12px; box-sizing: border-box;}

.inline_title{ color: #555; text-transform: uppercase; border-color: #ccc; border-style: solid; border-width: 0 0 1px 0; background: #f2f2f2; padding: .02em .5em; border-radius: 3px; }

.research_area_flexbox{display: flex;}
.research_area_flexbox p {margin: 0 0  6px 1em; line-height: 1.1em;}
.disabled *{ color: #cccccc !important };

.strikethrough{text-decoration: line-through !important;}






/* layout for mobile devices */

@media screen and (max-width: 420px) {

	.app_container{display: none;}
	.not_supported{display: block;text-align: center;}
}