/*
# Project Name        : Projects
# 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=Metamorphous|Ropa+Sans:400,400i&subset=latin-ext');*/
@import url('https://fonts.googleapis.com/css?family=Righteous');
@import url('https://fonts.googleapis.com/css?family=Cabin:400,400i,500,500i,600,600i,700,700i');

/* for all */
*{font-family: 'Cabin', sans-serif; }
html{color: #202020 !important;background: none !important;}
h5, h4, h3, h2, h1 {font-family: 'Righteous', cursive !important;}
body{margin: 0;padding: 0;}
body.login{background: rgba(241, 241, 241, 0) url("../images/background.jpg") repeat fixed center center / cover !important;}
a{color: #009FE3;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: #FAFAFA;margin: 9em 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: #c5c5c5;border-style: solid;border-width: 2px 0;text-align: center;padding: 1em;margin: 0;}
.login_app_title{color: #fa4832;text-align: center;margin: 0;}
.google_login{margin: 1em auto;display: table;}

/* system layouts */
.header_container{width: 100%;height: 6em;background: rgba(241, 241, 241, 0) url("../images/background.jpg") repeat fixed bottom center !important;position: fixed;z-index: 2;}
.header_canvas{width: 100%;height: 6em;background: rgba(0, 159, 227, 0.5);}
.header_left{width: 60%;height: 6.0em;float: left;}
.header_title_table{margin: .45em 1em;}
.header_title_table tr td{padding: .21em;}

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

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

.header_right{width: 40%;height: 6.0em;float: right;}
.user_name{padding: 1em;font-size: .90em;text-align: right;color: #FAFAFA;}
.logout_container{padding: 0 2em;}
.logout_container #google_logout{float: right;}

.navbar_container{width: 100%;height: 3em;background: #009FE3;position: fixed;margin-top: 6em;z-index: 3;box-shadow: 0 0 0.36em #000000;}
.navbar_holder{height: 3em;width: auto;margin: 0 3em;}

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{border-color: #fa4832;border-style: solid;border-width: 2px 0 0 0;padding: 0 1em;}
ul.menu li.active a{}

ul.submenu{padding: 0;background: #FFFFFF;box-shadow: 0 0 0.12em #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: #0080C7 !important;font-weight: normal !important;}

.main_container{margin: 12em 0 1em 0;width: 100%;height: auto;display: none;}
.main_holder{margin: 2em auto;width: auto;background: #ffffff;min-height: 12em;padding: 1em 2em 2em 2em;box-shadow: 0 0 .12em #202020;max-width: 89vw !important;}

.pre_loading_container{margin-top: 12em;}
.loading_message_container{display: none;}
.loading_image{float: left;margin: 0 .45em;height: 1.8em;}
.loading_message{line-height: 1.8em;}

.form_container{width: auto;height: auto;margin: 1em;}
.form_table{border-collapse: collapse;margin-bottom: 2em;}
.form_table tr td{padding: .45em;vertical-align: top;}
.required{}
.required::after{content: " *";color: #CB3C2B;font-weight: bold;}

.transaction_form .uk-input{width: 9em;}

.footer_container{width: 100%;height: auto;margin: 1em 0;}
.footer_holder{width: auto;margin: 0 4.5em;min-height: 6px;}
.footer_holder p{color: #fa4832;line-height: 1.8em;font-weight: 600;font-size: .90em;}

.message{width: 100%;height: auto;}

.data_table_container{width: 100% !important;overflow-x: scroll;}
.data_table_scroll{width: auto;position: relative;}
.data-table tr td{white-space: nowrap !important;}
.data-table tr th{white-space: normal !important;}
.pageination{text-align: center !important;margin: 1em 0;}
.pageination a{padding: 0 .45em;color: #fa4832;}
.pageination strong{padding: 0 .45em; color: #0f6ecd;}

.option_link{padding: 0 .45em;display: table-cell;color: #009FE3 !important;}
.option_link:hover{color:#0f6ecd !important;}
.disable_link{color: #e5e5e5 !important;}
.disable_link:hover{color: #b4b4b4 !important;}

.data-table .uk-icon svg{margin-left: .45em;margin-right: 1.50em;}

.details_container{padding: 1.2em;}
.doc_holder{padding: 1em;}
.doc_object{width: 100%;height: 600px;}

.docuemnts_container{display: block;width: 100%;}
.document_holder{display: inline-block;}

.top_options_container{margin: 1em; text-align: right;}

.g_chart_container{}
.exp_chart_container{margin: 1em;}
#expenditure_chart{width: auto;height: auto;min-height: 1200px;}

/* overring google styls */
.abcRioButtonLightBlue{background-color: #009FE3 !important;color: #FFFFFF !important;}
.abcRioButton{box-shadow: 0 0px 0px 0 rgba(0,0,0,.25) !important;}

/* overrding UI Kit styles */
.uk-button-primary{background: #009FE3 !important;}
.uk-icon{}
.uk-icon svg{margin-left: .45em;}
.uk-heading-line span{color:#666666; }
.uk-table{background: #FFFFFF !important;}


/* over ridding date-picker styles */
.datepicker-container{padding: .6em;font-size: 1em;width: 20em;}
.datepicker-container ul li{padding: .45em;}
.datepicker-container ul li[data-view="month current"]{width: 207px;}

.value{background: #efefef;padding: .45em;border-color: #009FE3;border-style: solid;border-width: 0 0 2px 0;color: #009FE3;font-weight: bold;display: inline-block;}

.filter_form_container{background: #efefef;padding: 1em;}

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


/* layout for mobile devices */

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

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