@charset "utf-8";

/* Raleway (self-hosted; was a Google Fonts @import). */
@font-face{
	font-family:'Raleway';
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url('../vendor/fonts/raleway-v37-latin.woff2') format('woff2');
	unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
	font-family:'Raleway';
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url('../vendor/fonts/raleway-v37-latin-ext.woff2') format('woff2');
	unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* 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; }

/* Staff Accounts table */
.gears-staff-table{ width:100%; border-collapse:collapse; margin-top:15px; }
.gears-staff-table th{ text-align:left; padding:10px 12px; border-bottom:2px solid #d31819; color:#3a3a3a; font-size:14px; text-transform:uppercase; letter-spacing:.03em; }
.gears-staff-table td{ padding:10px 12px; border-bottom:1px solid #eee; vertical-align:middle; }
.gears-staff-table tbody tr:nth-child(even){ background:#faf1f1; }
.gears-staff-table tbody tr:hover{ background:#f4e0e0; }
.gears-staff-table .gears-col-actions{ width:170px; text-align:right; }
.gears-staff-table .gears-col-status{ white-space:nowrap; }
.gears-staff-table form{ margin:0; }
.gears-staff-table input[type="submit"]{ width:100%; max-width:160px; }
.gears-temp-password{ font-family:"Courier New", monospace; font-size:16px; background:#fff7d6; border:1px solid #e6d270; padding:3px 8px; border-radius:3px; letter-spacing:.05em; }
.gears-badge-inactive{ color:#999; font-style:italic; }
.gears-badge-admin{ color:#d31819; font-weight:bold; }

/* Section headings on Staff Accounts */
.gears-section-heading{ margin:28px 0 6px; padding-bottom:8px; color:#3a3a3a; font-size:22px; border-bottom:2px solid #d31819; }

/* Bulk reset panel */
.gears-bulk-reset{ margin:10px 0 25px; padding:18px 20px; background:#faf1f1; border:1px solid #e6c9c9; border-radius:4px; }
.gears-bulk-reset h3{ margin:0 0 8px; color:#3a3a3a; }
.gears-bulk-reset p{ margin:0 0 12px; }
.gears-bulk-reset input[type="password"]{ padding:8px; border:1px solid #d31819; width:220px; margin-right:8px; }
.gears-bulk-reset input[type="submit"]{ padding:8px 16px; }

/* Make the bulk (start-of-year) action stand out */
.gears-bulk-reset-highlight{ margin-top:0; background:#fff4e0; border:2px solid #e0a13a; border-left:6px solid #e0a13a; }
.gears-bulk-reset-highlight .gears-section-heading{ margin-top:0; border-bottom-color:#e0a13a; }
.gears-bulk-reset-highlight input[type="submit"]{ background:#d31819; color:#fff; border:0; font-weight:bold; cursor:pointer; }

/* 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%; }
}