/*

# Project Name        : Payment Details
# Version             : 0.1 (a)
# 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/style/
# File Author         : Packiya Rajan S

*/

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

/* general styles */
*{font-family: 'Noto Sans', sans-serif;font-size: 1em;}
body{padding: 0;margin: 0;background: #EFEFEF;}
a{color: #0080C7;}

/* layout */
.not_supported{display: none;}
.app_container{line-height: 1.2em;min-width: 1200px;}
.page_container{background: #FFFFFF;padding: 1em;min-width: 1120px; width: calc( 100% - 6rem ); margin:3em auto;box-shadow: 0 0 .12em #000000;min-height: 24em;}

.topbar_container{background: #FFFFFF;box-shadow: 0 0 .12em #000000;height: 3em;width: 100%;font-size: 0.84em;}
.menu_container{margin: 0 2em;height: 3em;}

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: #FFFFFF;border-style: solid;border-width: .3em 0 0 0;}
ul.menu li a{text-decoration: none;outline: none;color:#505050;display: block;}
ul.menu li a:hover{color:#0080C7;}
ul.menu li.active{border-color:#0080C7; }
ul.menu li.active a{color:#0080C7;}

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;}

.header{maring:0 0 2em 0;border-color: #0080C7;border-width: 0 0 1px 0;border-style: solid;}
.iiser_logo{margin: 1em;}
.header_text{font-size: .81em;}
.ins_title{font-size: 1.2em;color: #0080C7;}

.sub_header{text-align: center;font-size: 1.0em;font-weight: bold;margin: 2em 0;}

.form_container{width:auto;}
.form_table{font-size: .87em;margin: 0 2em;}
.form_table tr td{padding: .27em;}
.form_container p{font-size: .87em;}

.required{}
.required::after{content: " *";color: #F95658;font-weight: bold;}

.textbox{width: 9.0em;}
.textarea{resize: none;width: 720px;}
.form_error{color:#CA3B2B;border-color: #CA3B2B;border-style: solid;border-width: 1px;padding: .12em;background: #F5F5F5;}

.google_login{width: auto;height: auto;margin: 3em auto;display: table;}

.data_table{width: 100%;font-size: .87em;border-collapse: collapse;}
.data_table tr th{background: #0080C7;padding: .45em;color: #ffffff;text-align: left;border-color:#0080C7;border-width: 1px;border-style: solid;}
.data_table tr th a{color: #ffffff;text-decoration: none;}
.data_table tr th a:hover{text-decoration: underline;}
.data_table tr td{border-color:#0080C7;border-width: 1px 0;border-style: solid;padding: .45em;}
.data_table tr:hover td{background: #fffad2;}

.pagination{margin: 2.4em;text-align: center;}
.pagination a{margin: 0 1em;text-decoration: none;display: inline-block;background: #505050;color: #F2F2F2;padding: .6em;border-radius: .9em;}

.amount_fields{width: 4.2em;text-align: right;}
.invoice_field{width: 5.1em;}
.info{font-size: .9em;font-style: italic;}
.gst_rate_field{width: 5.1em;}


.material-symbols-outlined{ vertical-align: middle !important; }

.option_button{display: inline-block; padding: .3rem .9rem; background-color:#c5ebff; color:#000000 !important; border-style:solid; border-width: 1px; border-radius: .3rem; }

/* layout for mobile devices */

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

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