/*
# Project Name        : CIF
# Version             : 0.1 (ondru)
# 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 files
# File Location       : assets/style/
# File Author         : Packiya Rajan S
*/

/* include font */
@import url('https://fonts.googleapis.com/css?family=Signika:300,400,600,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,500,500i,600,600i,700,700i');

/* for all */
*{font-family: 'Fira Sans', sans-serif !important; }
html{color: #202020 !important;background: none !important;}
h1,h3,h3,h4,h5{font-family: 'Signika', sans-serif !important;font-size: 100% !important;line-height: 100% !important;}
body{margin: 0;padding: 0;background: rgba(241, 241, 241, 0) url("../images/background.jpg") repeat fixed center center / cover !important;}
a{color: #c9602c;text-decoration: none;}

/* layout */
.not_supported{display: none;}
.app_container{line-height: 1.2em;min-width: 1200px;display: table;width: 100%;}

/* login page */
.login_container{width: 980px;height: auto;padding: 1em;background: rgba(252, 245, 232, .81);margin: 12em auto 0 auto;box-shadow: 0 0 3px #000000;border-radius: .12em;}
.login_holder{width: auto;min-width: 6em;}
.login_title_table{margin: 1em auto;}
.login_title_table tr td{padding: .45em;}
.login_logo{margin: 0 auto;display: table;}
.login_ins_title{border-color: #826101;border-style: solid;border-width: 2px 0;text-align: center;padding: 1em;margin: 0;}
.login_app_title{color: #c9602c;text-align: center;margin: 0;}
.google_login{margin: 1em auto;display: table;}


.alert{background: #F95658;box-shadow: 0 0 3px #000000;color: #ffffff;font-weight: bold;font-size: .9em;text-align: center;padding: 1.5em;}
.link_button{display: inline-block;background: #ffffff;border-width:0px;box-shadow: 0 0 3px #555555;color: #555555;text-align: center;font-size: .9em;}
.link_button a{display: block;color: #505050;text-decoration: none;padding: .45em 1em;}
.link_button a:hover{text-decoration: none;color: #505050 !important;}

.header_container{width: 100%;height: 6.3em;background: rgba(252, 245, 232, .81);box-shadow: 0 0 3px #000000;position: fixed;z-index: 3;}
.header_container_left{width: 60%;height: 6.3em;float: left;}
.header_title_table{margin: .45em 1em;}
.header_title_table tr td{padding: .21em;}

.head_ins_title{border-color: #c5c5c5;border-style: solid;border-width: 2px 0;text-align: center;padding: .21em;margin: 0;}
.head_app_title{color: #c9602c;text-align: center;margin: 0;padding:.21em;}

.app_logo{margin: 0 auto;display: table;width: 7em;}

.header_container_right{width: 40%;height: 6.3em;float: right;}
.user_name{padding: 1em;font-size: .90em;text-align: right;}
.logout_container{padding: 0 2em;}

.menu_container{width: 100%;height: 3em;position: fixed;margin-top: 6.3em;z-index: 2;}
.menu_holder{width: auto;margin: 0 2em;height: 3em;background: #c9602c;color: #ffffff;box-shadow: 0 0 3px #202020;}

ul.menu{margin: 0;padding: 0;list-style: none;font-size: .9em;}
ul.menu li{display: inline-block;float: left;margin: .45em .5em;padding: 0 .5em;line-height: 2.4em;font-weight: semi-bold;}
ul.menu li a{text-decoration: none;outline: none;color:#f2f2f2;}
ul.menu li.active{font-family: 'Signika', sans-serif !important;border-color: #f2f2f2;border-style: solid;border-width: 2px 0 0 0;padding: 0 1em;background: #c6792b;}
ul.menu li.active a{}

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;background: none;}
ul.submenu li a{display: block;color: #c9602c !important;font-weight: normal !important;}


.main_container{margin: 9em 0 1em 0;width: 100%;height: auto;}
.main_holder{margin: 2em;width: auto;background: rgba(252, 245, 232, .81);min-height: 12em;padding: .12em .12em 2em .12em}

.page_title{padding: .45em;}
.page_title h3{padding: .45em;color:#555555;border-color:#555555;border-style: solid;border-width: 1px 0;}

.footer_container{width: auto;margin: 1em 0;min-height: 12em;}
.footer_holder{margin: 2em 3em;}
.footer_holder p{font-size: .9em;line-height: 1.5em;}

.form_container{margin: 2em;}
.form_table{font-size: .9em;}
.form_table tr td{padding: .45em;vertical-align: top;}
.required{}
.required::after{content: " *";color: #CB3C2B;font-weight: bold;}
.textbox{background: #ffffff;color:#555555;font-size: .9em;padding: .45em;border-color: #cccccc;border-style: solid;border-width: 1px;}
textarea.textbox{background: #ffffff;color:#555555;font-size: .9em;padding: .45em;border-color: #cccccc;border-style: solid;border-width: 1px;resize: none;}
.stepup{width: 3em !important;}

.selectbox{color:#555555;font-size: .9em;padding: .45em 2em .45em .45em;border-color: #cccccc;border-style: solid;border-width: 1px;-moz-appearance: none;-webkit-appearance: none;appearance: none;background: rgb(255, 255, 255) url('../images/icons/go-down.png') no-repeat scroll right center;}
input.button{background: #ffffff;border-width:0px;box-shadow: 0 0 3px #555555;color: #555555;text-align: center;font-size: .9em;font-weight: bold;padding: .45em 1em;}

.form_error{background: #F95658;box-shadow: 0 0 3px #000000;color: #ffffff;font-weight: bold;font-size: .9em;padding: .45em}
.message{background: #539e09;box-shadow: 0 0 2px #000000;color: #ffffff;font-size: .9em;text-align: center;padding: 1em;margin:1em auto;display: table;}
.content{margin: 1em;}

.page_container{margin: 2em 1em 1em 1em;border-color: #cccccc;border-style: solid;border-width: 3px 0;padding: 1em;}
.page_container legend{padding: 0 2em;font-weight: bold;font-size: .9em;color: #505050;font-style: italic;}

.data_table{font-size: .9em;border-collapse: collapse;}
.data_table tr th{background: #606060;color: #f2f2f2;padding: .45em;border-color: #606060;border-style: solid;border-width: 1px 0;text-align: left;white-space: nowrap;}
.data_table tr td{padding: .45em;border-color: #606060;border-style: solid;border-width: 1px 0;font-size: .9em;white-space: nowrap; }

.pagination{text-align: center;margin: 1em;}
.pagination a{margin:0 .45em;padding: .45em 1em;display: inline-block;background: #ffffff;box-shadow: 0 0 2px #505050;color: #505050;}
.pagination strong{margin: 0 .45em;color: #c9602c;}

.time_line_container{width: auto;max-width: 1100px;margin: 1em auto;font-size: .9em;overflow-x:scroll;}
.time_line_holder{width: auto;height: auto;}
.time_line_row{width: auto;height: 60px;border-color: #cccccc;border-style: solid;border-width: 0 0 1px 0;font-size: .9em;font-weight: bold;}
.time_line_date_cell{width:150px;height: 60px;line-height: 36px;color:#505050;font-style: italic;display: inline-block;float: left;}
.time_line_head_cell{width: 81px;height: 60px;line-height: 36px;display: inline-block;text-align: center;float:left;font-size: .9em;font-style: italic;color: #358719;text-align: center;border-color: #cccccc;border-style: solid;border-width: 0 1px 0 0;}
.time_line_data_cell{width: 81px;height: 60px;line-height: 12px;display: inline-block;text-align: left;float:left;background: #ffffff;border-color: #cccccc;border-style: solid;border-width: 0 1px 0 0;font-weight: normal;font-size: 9px;}
.selected_cell{background-color: #a6c974 !important;background: rgb(166, 201, 116) url('../images/icons/object-select.png') no-repeat scroll center center !important;}
.cannot_selected{background: #fcb8b0;}
.booked{background: #D14130 !important;color: #ffffff !important;}
.your_booking{background: #c9602c !important;color: #ffffff !important;}
.not_allowed{background: #dddddd !important;}
.your_booking_not_confirmed{background: #a1cbe2 !important}
.booked_not_cofirmed{background: #f4a024 !important;}

.time_line_submit_container{margin: 1em;}
.time_line_color_values_container{margin: 1em;}
.time_line_color_values_container table tr td{padding: .12em;}

.time_line_amount_container{margin: 1em;text-align: center;font-weight: 400;}

.confirm_dialog{display: none;}

a.disabled{color: #cccccc !important;}

table.no_border{}
table.no_border tr td{border-width:0px;}

.equipment_meta_details{padding: 1em;font-size: .9em;background: #ffe396;font-style: italic;}

.equipments_check_list{display: table;width: auto;height: auto;}
.individual_equipment_check_list{float: left;padding: 0 1.2em 0 0;}

.options_link{margin: 0 1em !important;}

.form_title{border-color: #d5d5d5;border-style: solid;border-width: 0 0 1px 0;padding: .45em;font-weight: bold;}

/* over ridding uk styles */
.uk-icon{}
.uk-icon svg{margin-left: .45em;}
.uk-radio, .uk-checkbox{background: #ffffff;}
.uk-checkbox{height: 13px;}
.uk-table td{font-size: .9em !important}
.uk-alert-success{border-color: #6fb500;border-style: solid;border-width: 1px;color:#6fb500;background: #dbffbf;}
.uk-offcanvas-bar{background: #ffffff;color: #505050;width: auto !important;max-width: 1024px !important;}
.uk-offcanvas-bar h1,h2,h3,h4,h5{color: #202020 !important;}
.uk-offcanvas-bar h3{font-size: 1.5em !important; }
.uk-offcanvas-bar .uk-text-primary{color:#1e87f0 !important;}
.uk-button-primary{background: #c9602c;}



/* layout for mobile devices */

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

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