/*
# Project Name        : E Certificates
# Version             : 0.1 (Then-Madurai)
# Developed by        : Indian Institute Of Science Education and Research Thiruvananthapuram
# Language            : PHP
# Architecture        : MVC
# Software Dev Method : Agile
# File Name           : login
# File Type           : view file
# File Location       : application/views/user
# File Author         : Packiya Rajan S
*/

/* load web font */
@import url('https://fonts.googleapis.com/css?family=Proza+Libre');

/* general tags */
*{font-family: 'Proza Libre', sans-serif;}
body{margin: 0;padding: 0;background: #f2f2f2;font-size: 0.9em;}
a{color: #027dd6;text-decoration: none;}
a:hover{text-decoration: underline;}

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

.login_background{background:  rgba(0, 0, 0, 0) url("../images/background.jpg") repeat scroll center center / cover;width: 100%;min-width: 1024px;height: 39em;}
.login_canvas{background: rgba(242, 242, 242, .75);width: 100%;min-width: 1024px;height: 39em;}
.login_holder{width: 1024px;height: 39em;margin: 0 auto;display: table;}
.login_inset{width: auto;margin: 0 1em;height: 39em;}

.login_header_table{width: auto;border-collapse:collapse;margin: 3em auto 0 auto;}
.login_header_table tr td{padding: .21em .45em;}

.iiser_logo{margin: 0 auto;display: table;width: 9.6em;}
.institle{text-align: center;padding: .45em;border-color: #454545;border-width: 1px 0;border-style: solid;}
.apptitle{text-align: center;padding: .21em;text-shadow: 0 0 3px #DDE5C0;margin: 0;}

.google_login{margin: 2em auto 0 auto;display: table;}

.menubar_holder{background: #ffffff;height: 3.0em;width: 100%;box-shadow:  0 0 2px #454545;position: fixed;display: table;z-index: 99;}
.menubar_container{width: auto;margin: 0 1em;height: 3.0em;}
.menu{margin: 0;padding: 0;list-style: none;}
.menu li{line-height: 2.4em;float: left;display: inline-block;padding: 0 1em;margin: 0 .6em;border-color: #ffffff;border-style: solid;border-width: 0.3em 0  0.3em 0;}
.menu li a{display: block;color: #027DD6;text-decoration: none;font-size: 0.9em;}
.menu li:hover{border-bottom-color: #027DD6;}
.menu li.active{border-bottom-color: #027DD6;background: #F5F5F5;}

.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;min-width: 9em;}
.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:#027DD6; }
.menu li.active ul.submenu li a{color:#027DD6;text-decoration: none;}

.header_holder{width: 100%;min-width: 1024;height: 13.5em;box-shadow: 0 0 3px #454545;background:  rgba(0, 0, 0, 0) url("../images/background.jpg") repeat scroll center center / cover;}
.header_canvas{background: rgba(242, 242, 242, .75);width: 100%;min-width: 1024px;height: 9em;padding-top: 4.5em;}
.header_container{width: auto;margin: 0 2em;height: 9em;}
.header_left{float: left;height: 9em;}
.header_right{float: right;height: 9em;}
.header_iiser_logo{width: 9em;}

.header_table{}
.header_table tr td{padding: .36em;}
.header_institle{font-size: 1.12em;line-height: 2em;text-align: center;border-color: #454545;border-width: 0 0 1px 0;border-style: solid;}
.header_apptitle{font-size: 1em;font-weight: bold;text-align: center;line-height: 2.4em;}

.content_holder{width: 100%;min-width: 1024px;margin: 2em 0;}
.content_container{width: 1024px;margin: 0 auto;border-color: #cccccc;border-style: solid;border-width: 1px;border-radius: .36em;background: #ffffff;}
.content_inset{margin: 1.5em;min-height: 30em;}

.page_title{font-size: 1.21em;line-height: 2em;border-color: #cccccc;border-width: 0 0 1px 0;border-style: solid;}

.footer_holder{width: 100%;min-width: 1024px;margin: 2em 0;}
.footer_container{width: 1024px;margin: 0 auto;}
.footer_inset{margin: 0 1.15em;}

.confirm_dialog{display: none;}

/* form layouts & elements */
.form_container{margin: 1em 0;}
.form_table{border-collapse: collapse;}
.form_table tr td{padding: .36em;vertical-align: top;}
.form_error{color: #454545;border-color: #656565;border-style: solid;border-width: 0 0 1px 0;}
.form_error::before{content: "Error : ";color: #D44937;font-weight: bold;}

label{display: block;}
label.required::after{content: " *";color: #D44937;font-weight: bold;}

.textbox{background: #F0F0F0;border-color: #9B9B9B;border-style: solid;border-width: 1px;border-radius: .36em;padding: .36em;font-size: .9em;width: 18em;}
.selectbox{border-color: #9B9B9B;border-style: solid;border-width: 1px;border-radius: .36em;padding: .36em 1.45em .36em .36em;font-size: .9em;width: 18.9em;-moz-appearance: none;-webkit-appearance: none;appearance: none;background: rgb(240, 240, 240) url('../images/go-down.png') no-repeat scroll right center;}
.button{background: #027dd6;color: #f2f2f2;font-size: .81em;border-style: solid;border-width: 0px;border-radius: .36em;padding: .45em;box-shadow: 0 0 3px #454545;font-weight: bold;}
.button:active{box-shadow: 0 0 2px #858585;}
.textarea{background: #F0F0F0;border-color: #9B9B9B;border-style: solid;border-width: 1px;border-radius: .36em;padding: .36em;font-size: .9em;width: 18em;resize: none;height: 6em;}

.search_form{}
.search_form .selectbox{width: auto !important;}
.search_form .textbox{width: 12em;}

.data_table{border-collapse:collapse;box-shadow: 0 0 6px #454545;width: 96%;margin: 2em auto;font-size: .9em;}
.data_table tr th{text-align: left;background: #454545;color: #f2f2f2;padding: .6em;border-color: #454545;border-style: solid;border-width: 1px;}
.data_table tr td{background: #f0f0f0;padding: .6em;border-color: #454545;border-style: solid;border-width: 1px;vertical-align: top;}
.data_table tr:hover{}
.data_table tr:hover td{background: #ffffff;}

.pagination{text-align: center;margin: 2em 1em;}
.pagination a{padding: .6em 1em;margin: 0 .6em;display: inline-block;background: #027dd6;color: #f2f2f2;font-weight: bold;text-decoration: none;}
.pagination strong{padding: .6em 1em;}

.more_details_container{display: none;}

.certificate_table{}
.certificate_table tr td{line-height: 2.4em;}

.photo_preview{width: 145px;margin: 1em;}
.student_options{list-style: none;padding: 0;margin: 0 auto;display: table;}
.student_options li{float: left;display: inline;margin: .45em;background: #027dd6;color: #f2f2f2;font-size: .9em;border-style: solid;border-width: 0px;border-radius: .36em;padding: .45em;box-shadow: 0 0 3px #454545;font-weight: bold;}
.student_options li a{display: block;color: #f2f2f2;text-decoration: none;}

/* jquery ui over-ride */
.ui-state-highlight{text-align: center;}
.ui-state-highlight p{text-align: center;}

.spreadsheet_field_container{display: table;;width: 100%;}
.spreadsheet_field{display: inline-block;float: left;padding: .45em 1em .45em 0em;border-color: #dddddd;border-style: solid;border-width: 1px;margin: .45em;}

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

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