@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Raleway');

/* General Styling */
*{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-family: 'Raleway', sans-serif; }
html{ min-height:100%; }
body{ height:100%; min-height:100%; margin:0; background: rgb(235,54,54); background: -moz-linear-gradient(top, rgba(235,54,54,1) 0%, rgba(196,1,1,1) 100%); background: -webkit-linear-gradient(top, rgba(235,54,54,1) 0%,rgba(196,1,1,1) 100%); background: linear-gradient(to bottom, rgba(235,54,54,1) 0%,rgba(196,1,1,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb3636', endColorstr='#c40101',GradientType=0 ); }
.gears-background-image{ position:fixed; z-index:-1; width:100%; height:100%; background-image: url( '../images/gears-bg.png' ); background-size:contain; background-repeat:no-repeat; background-position:center; }
.site{  }
.site-content{ height:100%; }
.content-area{ height:100%; }
.site-main{ height:100%; }

/* General */
h1{ font-size:40px; font-weight:normal; text-align:center; color:#FFF; margin:0 auto 20px; border-bottom:1px solid #efefef; }
textarea{ padding:8px 10px; min-width:350px; border:2px solid #FFF; }
input[type="text"], input[type="password"]{ padding:8px 10px; min-width:350px; border:2px solid #FFF; }
input[type="file"]{ width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1; }
input[type="file"] + label{ position:relative; margin-bottom:15px; border:1px solid #d3394c; background-color:#ffffff; padding:0; color:#d3394c; max-width:80%; font-size:1.25rem; font-weight:700; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; display:inline-block; }
input[type="file"] + label strong{ height:100%; color:#f1e5e6; background-color:#de4c4f; display:inline-block; padding:0.625rem 1.25rem; }
input[type="file"] + label svg{ width:1em; height:1em; vertical-align:middle; fill:currentColor; margin-top:-0.25em; margin-right:0.25em; }
input[type="file"] + label span{ position:absolute; bottom:-20px; color:#de4c4f; width:100%; font-size:14px; }
input[type="file"] + label input[type="button"], input[type="file"] + label input[type="submit"]{ display:none; }
select{ padding:8px 10px; }
input[type="checkbox"]{ border:2px solid #FFF; }
input[type="submit"], input[type="button"]{ cursor:pointer; padding:7px 14px; background:#de4c4f; border:2px solid #FFF; color:#FFF; text-transform:uppercase; font-size:15px; font-weight:bold; }
input[type="submit"]:hover, input[type="button"]:hover{ color:#FFFFFF; background:#ea696c; }
.gears-clearfix{ clear:both; }
.gears-hide{ display:none; }
.notices{ position:fixed; width:100%; text-align:center; padding:10px; background:#222; color:#FFF; }
.success-message{ float:left; width:100%; background:#88b756; color:#FFF; padding:10px; border:1px solid #b1d48d; text-align:center; margin-bottom:15px; }
.error-message{ float:left; width:100%; background:#d22c20; color:#FFF; padding:10px; border:1px solid #d6544a; text-align:center; margin-bottom:15px; }

/* Gears Loader */
.gears-loader{ display:none; position:fixed; bottom:15px; right:15px; width:250px; border-radius:15px; background:rgba(0,0,0,0.8); padding:15px; }
.gears-loader-content{ background-image: url( '../images/gears-loading.png' ); background-position:left; background-repeat:no-repeat; padding-left:50px; color:#FFF; font-weight:bold; }

/* Gears Login */
.gears-login-box-wrapper{ position:fixed; background:rgba(255,255,255,0.20); top:0; left:0; height:100%; width:100%; box-sizing:border-box; z-index:99999; text-align:center; }
.gears-login-box-wrapper:before{ content:''; display:inline-block; height:100%; vertical-align:middle; box-sizing:border-box; line-height:.8em; }
.gears-login-box-content{ width:99%; height:auto; display:inline-block; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; }
.gears-login-box{ max-width:650px; margin:auto; border:5px solid #FFF; background:rgba(222, 76, 79, .8); text-align:left; }
.gears-login-top{ padding:50px; }
.gears-login-bottom{ margin-top:20px; background:#dc4a4d; border-top:1px solid #efefef; padding:20px 50px; }
.gears-login-row{ padding:8px 0; }
.gears-login-row > label{ float:left; display:block; line-height:36px; color:#FFF; min-width:175px; font-size:14px; position:relative; display:block; }
.gears-login-row input[type="checkbox"]{ width:100%; height:100%; top:0; left:0; position:absolute; z-index:1; opacity:0; cursor:pointer; }
.gears-login-row .control--checkbox{ float:left; line-height:23px; color:#FFF; margin-top:5px; }
.gears-login-row > input[type="text"], .gears-login-row > input[type="password"]{ float:right; }
.gears-login-forgot{ text-align:center; }
.gears-login-forgot > a{ color:#FFF; }
.gears-login-button{ float:right; }
.gears-login-submit-wrap{ float:right; width:350px; max-width:350px; }

/* Gears Menu */
.gears-menu{ position:fixed; top:0; left:0; width:100%; background:#222; border-bottom:2px solid #FFF; }
.study-hall-menu{ top:52px; background:#5f5f5f; }
.gears-menu > ul{ list-style-type:none; margin:0; padding:0; }
.gears-menu > ul li{ float:left; font-size:15px; line-height:1.5em; }
.study-hall-menu > ul li{ font-size:13px; line-height:1.2em; }
.gears-menu > ul li > a{ display:inline-block; color:#fff; text-align:center; padding:14px 16px; text-decoration:none; }
.study-hall-menu > ul li > a{ padding:8px 12px; }
.gears-menu > ul li > a:hover{ background-color:#d31819; }
.study-hall-menu > ul li > a:hover{ background-color:#af8f8f; }
.gears-menu > ul li > a.current, .gears-menu > ul li > a.current:hover{ background-color:#5f5f5f; }
.study-hall-menu > ul li > a.current, .study-hall-menu > ul li > a.current:hover{ background-color:#af8f8f; }

/* Gears General */
.gears-content-holder{ float:left; width:100%; background:rgba(255, 255, 255, .90); }
.gears-data-row{ float:left; width:100%; margin-bottom:10px; }
.gears-data-row.gears-submit-row{ margin-bottom:0px; }
.gears-data-row > label{ float:left; width:25%; text-align:left; line-height:34px; }
.gears-data-row > input[type="text"]{ float:right; width:75%; border:1px solid #666; }
.gears-data-row > textarea{ float:left; width:100%; border:1px solid #666; min-height:110px; }
.gears-data-row > input[type="submit"], .gears-data-row > input[type="button"]{ float:right; border:1px solid #de4c4f; border-radius:5px; }
.gears-data-row > input[type="submit"]:hover, .gears-data-row > input[type="button"]:hover{ border:1px solid #a92c2e; background:#a92c2e; color:#FFF; }
.gears-data-row > input[type="button"].cancel{ margin-right:10px; }

/* Gears Dashboard */
.gears-school-logo{ float:left; width:100%; margin-top:50px; min-height:200px; background-size:cover; border-bottom:2px solid #FFF; }
.gears-dashboard-box-content{ width:99%; display:inline-block; margin-top:30px; margin-bottom:30px; }
.gears-dashboard-box{ max-width:1150px; padding:25px; margin:auto; border:5px solid #FFF; background:rgba(255, 255, 255, .90); text-align:left; }
h1.gears-dashboard-header{ margin:0; text-align:left; color:#232322; border-bottom:1px solid #232322; }
h1.gears-dashboard-header > a{ padding:8px 14px; border-radius:5px; background:#5f5f5f; color:#FFF; float:right; font-size:14px; text-decoration:none; text-transform:uppercase; }
h1.gears-dashboard-header > a:hover{ background:#d31518; }

/* Gears Bulletin Board */
.gears-bulletin-board-holder{ }
.gears-bulletin-board-item{ background:rgba(232,168,169,0.15); padding:8px 15px; }
.gears-bulletin-board-item:nth-child(odd){ background:rgba(213,27,28,0.15); }
.gears-bulletin-board-day{ float:left; width:7%; min-width:70px; height:70px; text-align:center; line-height:63px; color:#FFF; font-size:40px; background:#232322; }
.gears-bulletin-board-month-holder{ float:left; margin-left:10px; width:13%; }
.gears-bulletin-board-month{ font-weight:bold; }
.gears-bulletin-board-new{ background:#d31718; float:left; border-radius:5px; padding:4px 10px; color:#FFF; margin-top:5px; }
.gears-bulletin-board-item-details{ float:left; margin-left:10px; width:50%; }
.gears-bulletin-board-item-title{ font-weight:bold; }
.gears-bulletin-board-item-description{ }
.gears-bulletin-board-item-actions{ float:right; width:20%; text-align:right; }
.gears-bulletin-board-item-author{ color:#db2123; }
.gears-bulletin-board-item-action > a{ color:#232323; text-decoration:none; }
.gears-bulletin-board-item-action > a:hover{ color:#db2123; }

/* Gears Study Hall */
.gears-study-hall-box-content{ width:99%; display:inline-block; margin-top:113px; margin-bottom:30px; }

/* Gears Student List */
.gears-print-button{ float:right; background:#db2324; color:#FFF; text-decoration:none; padding:10px 25px 9px; border-radius:5px; margin-bottom:5px; text-transform:uppercase; font-weight:bold; font-size:16px; }
.gears-print-button:hover{ background:#ab1415; }
.gears-filter{ float:left; width:100%; background:rgba(0,0,0,0.80); color:#FFF; padding:4px 10px; font-size:13px; }
.gears-filter-item{ float:left; width:25%; line-height:37px; }
.gears-filter-item > input.gears-datepicker{ min-width:100px; width:100px; }
.gears-filter-item > input[type="text"]{ min-width:100px; }
.gears-filter-label{ float:right; width:40%; line-height:37px; text-align:right; }
.gears-student-list-holder{ float:left; width:100%; }
.gears-student-list-header{ float:left; width:100%; background:#5e5e5e; padding:8px 10px; color:#FFF; font-size:13px; margin-top:10px; }
.gears-student-list-header > div, .gears-student-list-item > div{ float:left; width:20%; text-align:left; line-height:36px; }
.gears-student-list-header > div:last-child, .gears-student-list-item > div:last-child{ text-align:right; }
div.gears-student-list-absent, div.gears-student-list-arrived{width:5%; text-align:center; }
div.gears-student-list-notes{ margin-left:2%; width:40%; text-align:left; }
div.gears-student-list-request-details{ width:20%; text-align:right; float:right; }
div.gears-student-list-actions{ width:10%; text-align:right; float:right; }
div.gears-student-list-request-reason{ width:40%; text-align:right; float:right; }
div.gears-student-list-request-reason > input{ float:right; }
.gears-student-list-none{ float:left; width:100%; margin:100px 0; text-align:center; }
.gears-student-list{ float:left; width:100%; }
.gears-student-list-item{ float:left; width:100%; padding:10px 10px 9px; font-size:14px; }
.gears-student-list-item.even{ background:rgba(218,32,32,.2); }
.gears-student-list-item.odd{ background:rgba(255,255,255,.6); }

/* Gears Popup */
.gears-popup{ box-sizing:border-box; position:fixed; top:0px; left:0; text-align:center; width:100%; height:100%; padding:0; background:rgba(0,0,0,.80); z-index:9999; display:none;}
.gears-popup:before{ content:''; display:inline-block; height:100%; vertical-align:middle; box-sizing:border-box; line-height:.8em; }
.gears-popup-bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0); z-index:99996; }
.gears-popup-container{ box-sizing:border-box; position:relative; display:inline-block; box-sizing:border-box; width:99%; height:auto; vertical-align:middle; }
.gears-popup-inner{ z-index:99997; position:relative; display:block; padding:25px; margin:0 auto; width:90%; max-width:600px; height:auto; max-height:100%; border-radius:10px; background:#FFF; }
.gears-popup-title{ float:left; width:100%; margin:0 0 15px; text-align:left; font-size:22px; text-transform:uppercase; color:#333; padding-bottom:5px; border-bottom:1px solid #333; }
.gears-popup-title > a{ float:right; color:#FFF; text-decoration:none; background:#de4c4f; padding:4px 10px; border-radius:5px; }
.gears-popup-title > a:hover{ background:#a92c2e; }

/* Gears Reports */
.gears-settings-reports{ max-width:1200px; }
.gears-report-container{min-width: 100%; width: 100%; height: 60px; display: block;}
.gears-report-heading {padding: 20px; display: table-cell; font-weight: bold; background: #ffffff; font-size: 16px;}
.gears-report-one-fourth{width: 300px; text-align: center;}
.gears-report-content {padding: 20px; display: table-cell; font-weight: normal; background: #ffffff; font-size: 18px; font-weight: bold;}
.gears-report-spacer{ width: 100%; height: 50px; display: block;}


/* Gears Settings */
.gears-settings-box{ max-width:650px; }
h1.gears-settings-header{ color:#3a3a3a; }
.gears-settings-row{ float:left; width:100%; margin-bottom:10px; }
.gears-settings-row > label{ float:left; width:150px; line-height:36px; }
.gears-settings-row > input{ float:left; border:1px solid #d31819; }
.gears-settings-row > input[type="button"]{ margin-left:150px; }
.gears-column-left{ float:left; width:50%; padding-right:25px; border-right:1px solid #CCC; }
.gears-column-right{ float:right; width:50%; padding-left:25px; }

/* Custom Input CSS */
.control{ display:block; position:relative; padding-left:30px; margin-bottom:15px; cursor:pointer; font-size:18px; }
.control__indicator{ position:absolute; top:2px; left:0; height:20px; width:20px; background:#db494d; border:2px solid #FFF; }
.control--radio .control__indicator{ border-radius:50%; }
.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator{ background:#eba3a6; }
.control input:checked ~ .control__indicator{ background:#ffffff; }
.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator{ background:#ffffff; }
.control input:disabled ~ .control__indicator{ background:#e6e6e6; opacity:0.6; pointer-events:none; }
.control__indicator:after{ content:''; position:absolute; display:none; }
.control input:checked ~ .control__indicator:after{ display:block; }
.control--checkbox .control__indicator:after{ left:6px; top:2px; width:3px; height:8px; border:solid #da484c; border-width:0 2px 2px 0; transform:rotate(45deg); }
.control--checkbox input:disabled ~ .control__indicator:after{ border-color:#7b7b7b; }
.control--radio .control__indicator:after{ left:7px; top:7px; height:6px; width:6px; border-radius:50%; background:#fff; }
.control--radio input:disabled ~ .control__indicator:after{ background: #7b7b7b; }
.select{ position: relative; display:inline-block; margin-bottom:15px; width:100%; }
.select select{ display:inline-block; width:100%; cursor:pointer; padding:10px 15px; outline:0; border:0; border-radius:0; background:#e6e6e6; color:#7b7b7b; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
.select select::-ms-expand{ display:none; }
.select select:hover, .select select:focus{ color:#000; background:#ccc; }
.select select:disabled{ opacity:0.5; pointer-events:none; }
.select__arrow{ position:absolute; top:16px; right:15px; width:0; height:0; pointer-events:none; border-style:solid; border-width:8px 5px 0 5px; border-color:#7b7b7b transparent transparent transparent; }
.select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow{ border-top-color:#000; }
.select select:disabled ~ .select__arrow{ border-top-color:#ccc; }

/* Print CSS */
@media print{
	.gears-menu, .gears-print-button{ display:none; }
	.gears-study-hall-box-content{ margin:0; width:100%; }
	.gears-dashboard-box{ margin:0; padding:0; max-width:100%; }
}