/*
# Project Name        : Course Registration
# Version             : 1.0
# Developed by        : Indian Institute Of Science Education and Research Thiruvananthapuram
# Language            : PHP
# Architecture        : MVC
# Software Dev Method : Agile
# File Name           : master.css
# File Type           : css file
# File Location       : assets/styles
# File Author         : Packiya Rajan S
*/

/* general tags */
*{font-family: 'Noto Sans', sans-serif;}

/* layouts */
.iiserlogo{width: 80%;margin: 9px;display: block;max-width: 150px;}
.institle{margin: 9px 12px;text-align: right;}
.apptitile{margin: 9px 12px;text-align: right;}
.extratitle{margin: 9px 12px;text-align: right;}
.main{display: block;}
.message{background: #eadce0; border-color: #f9004f; border-style: solid; border-width: 0 0 0 3px; padding: 12px; width: auto; text-align: center; color: #f9004f; font-weight: bold;}
.message p{padding: 0;margin: 0;text-align: center;}
.spacer{width: 100%;height: 12px;}
.google_signin_button_holder{text-align: center;}
.alert{background: #ffee8e !important;border-color: #edd81e !important;}
.alertmessage{background: #ffee8e !important;border-color: #edd81e !important;padding:6px 12px;}
.danger{background: #ff93ae !important;border-color: #ff0061 !important; text-align: left !important;}
.hide{display: none;}
.center{text-align: center;}

.navbackground{background: #efeded;}

nav.mainnav{display: block;background: #efeded;}
nav.mainnav ul{list-style: none;margin: 0;padding: 0}
nav.mainnav ul li{padding: 0;margin: 0;display: inline-block;position: relative;}
nav.mainnav ul li a{padding: 1em 1em;display: block;text-decoration: none;}
nav.mainnav ul li:hover{background: #d5e7ef;}
nav.mainnav ul li.active{background: #d5e7ef;}
nav.mainnav ul li ul {display: none; position: absolute;top: 100%;left: 0;background: #efeded;}
nav.mainnav ul li:hover > ul {display: block;}
nav.mainnav ul li ul.active{background: #d5e7ef;}
nav.mainnav ul li ul li a {padding: 1em 1em;display: block;text-decoration: none;}
nav.mainnav ul li ul li a:hover {background: #d5e7ef;}

.profile{padding: .19em 1em;background: #d5e7ef;}
.rightalign{text-align: right !important;}

.main{display: table;width: 100%;}
.fields{margin: 2em 0;display: table;width: 100%;}
.appstatus{text-transform: uppercase;border-style: solid;border-width: 0 0 0 2px;padding: .3em .6em;}
.submitted, .yet_to_done{background:#efeded;border-color: #cccccc;}
.approved, .done{background: #ade580;border-color: #4fad03;}
.rejected, .notdone{background: #ff93ae; border-color: #ff0061;}
.status_container{margin: 4.5em 3em;}
.uppercase{text-transform: uppercase !important;}

.courseslist{display: none;}
.backlogcourses_container{display: none;}
.backlogcourseslist{display: none;}
.upload_progress{display: none;}
.fee_receipt_view{width: 80%;margin: 0 auto;display: block;}

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

.value{ background: #f8f8f8;border-style: solid;border-width: 0 0 1px 0;border-color: #cccccc;padding: .3em .6em;}
table.value{}
table.value tr td{border-color: #cccccc;background: #f8f8f8;padding: 7px 12px;} table.value tr th{border-color: #cccccc;background: #f8f8f8;padding: 7px 12px;}
table.value tr td:first-child{padding: 7px 12px;} table.value tr th:first-child{padding: 7px 12px;}
table.value tr td:last-child{padding: 7px 12px;} table.value tr th:last-child{padding: 7px 12px;}

/* customizing skeleton */
.container{max-width: 1280px;}
hr{margin: 1em 0;}
hr.headerseparator{margin-bottom: 0;}

.subtitle{height: 0;margin: 2em 0;width: 100%;border-style: solid;border-width: 2px 0 0 0;}
.subtitle legend{text-align: center;padding: 5px 12px;margin: 0 auto;color: #0FA0CE;text-transform: uppercase;}

.courses_container{display: table;width: 100%;height: auto;}
.course_container{margin:12px;border:1px solid #D1D1D1;width: 300px;min-height: 210px;float: left;}
.course_container:hover{border-color:#0FA0CE; }
.course_code_text{margin:12px 12px 0 12px;cursor: pointer;}
.course_code_text input[type="checkbox"] {margin: 0 !important;}
.course_credit{font-size: 10px; font-weight: bold;}
.course_prerequisite_container{margin: 12px;}
.course_prerequisite_container h6{margin: 0  0 5px 0;padding: 0;}
.course_prerequisite_container table {font-size: .9em;}
.course_prerequisite_container table tr td,th{padding:5px 7px;}
.course_prerequisite_container table tr td select{margin-bottom: 0;background: inherit;}
.selected_course{background: #c9ecef;}
.course_remarks_container{padding: 0 1em 1em 1em; font-size: small; font-style: italic;}
.course_remarks_container .course_remarks{  background: #ffdd7f; padding: 1px 6px; }

.additional_info{ padding: 0 1em 1em 1em; font-style: italic; }
.additional_info .info_span{ background: #ffdd7f; padding: 1px 6px; }
.red_color_info{ padding: 1em; background: #ffcccc; color: #f92525; font-weight: bold; font-style: italic; border-color:#f92525; border-style: solid; border-width: 0 0 0 2px; }

.courses_whole_container{display: none;}

.headlabel{font-size: 1.1em;color: #249dd6;}

.adminbanner{background: #edc0b1;color: #db1359;margin: 12px 0;}
.adminbanner h5{text-align: center;color: inherit;margin: 0;padding: 12px 0;}
.view_sigature{width: 120px;}

.button-icon{ padding: 0 13px !important; font-weight: bold !important; font-size: 15px !important; }

.green_text{background: #a1eeb3;border-color: #049936;padding: .6em;font-size: .9em;font-weight: bold;border-style: solid;border-width: 1px; border-radius:0; 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:0; 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:0; color:#a85600;}

.student_photo{width:240px;}

.form_hint{ background: #d1eeff; padding: 3px 6px; font-size: 12px; border-radius: 4px; }


/* mobile */
@media (max-width: 550px) {

    .iiserlogo{width: 80%;margin: 9px auto;display: block;max-width: 150px;}
    .institle{margin: 9px auto;text-align: center;}
    .apptitile{margin: 9px auto;text-align: center;}
    .extratitle{margin: 9px auto;text-align: center;}
    .rightalign{text-align: center !important;}
}