article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input[type=text], input[type=password], input[type=file], select, textarea {font-family:"Arimo", sans-serif;color:rgba(0,0,0,0.87);font-size:14px;outline:none;border-radius:0;-moz-appearance:none;-webkit-appearance:none;}
body {margin: 0; line-height: 1.2;}

::-moz-selection { background: #1658b2; color: #fff; text-shadow: none; }
::selection { background: #1658b2; color: #fff; text-shadow: none; }

::-webkit-input-placeholder {color:#bbb;}
:-moz-placeholder {color:#bbb;}
::-moz-placeholder {color:#bbb;}
:-ms-input-placeholder {color:#bbb;}
::-webkit-textarea-placeholder {color:#bbb;}
:-ms-textarea-placeholder {color:#bbb;}

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
blockquote {margin:0;}
hr { display: block; height: 1px; border: 0; border-top: 2px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #474747; text-decoration: none; }
mark { background: #ff0; color: #474747; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled], select[disabled], textarea[disabled] { cursor: default;background:#f8f8f8;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* ===== Primary Styles ========================================================
   Author: Court & Red Ltd.
   ========================================================================== */
body {background:#f5f5f5;overflow:hidden;overflow-y:auto;}
body.login {background:#fff;}
body, html, .stretch, #app {height:100%;}
.stretch {display:table;width:100%;}

/* Standards */
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.hidden {display: none !important;visibility:hidden;}
.clearfix:after {content:"";display:table;clear:both;}
a {text-decoration:none;outline:none;transition:all .3s ease-in-out;}
p {line-height:22px;margin:0;}
h1, h2, h3, h4, h5, h6 {font-family:"Montserrat";letter-spacing:0.8px;font-weight:800;margin:0;}
.text-right {text-align:right;}
.heading, .title {font-family:"Montserrat", sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:0.2px;margin:0 0 15px;}
.divider {background:#fff;position:relative;height:1px;}
.divider:after {content:'';position:absolute;left:0;right:0;margin:0 15px;height:1px;background:rgba(0,0,0,.05);}
.btn-group-left {float:left;}
.btn-group-right {float:right;}
.btn {display:inline-block;vertical-align:top;font-family:"Montserrat", sans-serif;letter-spacing:0.2px;padding:8px 25px;border:none;border-radius:2px;font-size:13px;user-select:none;transition:all .3s ease-in-out;}
a.btn {padding:9px 25px 8px;}
.btn.blue {background:#3779d2;color:#fff;}
.btn.blue:hover {background:#1658b2;}
.btn.red {background:#ed3f3c;color:#fff;}
.btn.red:hover {background:#e31d1a;}
.btn.grn {background:#888d41;color:#fff;}
.btn.grn:hover {background:#6c712c;}
.icon-group {position:relative;display:inline-block;vertical-align:middle;white-space:nowrap;}
.icon-small {display:inline-block;margin:0 !important;width:20px;height:20px;line-height:20px;border-radius:2px;text-align:center;color:#fff;margin-right:2px;}
.icon-small:last-child {margin-right:0;}
.icon-small.grn {background:#888d41;}
.icon-small.grn:hover {background:#6c712c;}
.icon-small.blue {background:#3779d2;}
.icon-small.blue:hover {background:#1658b2;}
.icon-small.red {background:#ed3f3c;}
.icon-small.red:hover {background:#e31d1a;}

/* Elements */
.form-group {display:inline-block;}
.form-group .form-title {padding-bottom:5px;text-align:left;}
.form {margin-bottom:15px;position:relative;}
.form.last {margin-bottom:0;}
.form .form-title {padding-bottom:5px;}
.form input {width:100%;padding:8px 10px;border-radius:2px;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.08);transition:all .3s ease-in-out;}
.form input.required {border:1px solid #ed3f3c;}
.form input:focus {background:#fff;}
.form select {width:100%;padding:8px 10px;border-radius:2px;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.08);transition:all .3s ease-in-out;}
.form select.required {border:1px solid #ed3f3c;}
.form select:focus {background:#fff;}
.form select option {color:rgba(0,0,0,0.87);}
.form textarea {width:100%;height:80px;padding:8px 10px;border-radius:2px;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.08);transition:all .3s ease-in-out;}
.form textarea.required {border:1px solid #ed3f3c;}
.form textarea:focus {background:#fff;}
.form textarea.notes {height:300px;}

/* Messages */
.error {background:#fff;border-left:3px solid #e31d1a;color:#e31d1a;padding:10px 15px;margin-bottom:15px;border-radius:2px;}
.success {background:#fff;border-left:3px solid #6c712c;color:#6c712c;padding:10px 15px;margin-bottom:15px;border-radius:2px;}

/* Login */
.login .login-panel {display:table-cell;vertical-align:middle;}
.login .login-contain {max-width:400px;margin:0 auto;padding:30px;}

.login a {color:#1658b2;}

/* Error */
.login .error-panel {display:table-cell;vertical-align:middle;}
.login .error-contain {max-width:800px;margin:0 auto;padding:30px;}
.login .error-panel .top {font-family:"Montserrat", sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:0.2px;margin:0 0 15px;}
.login .error-panel .important {margin-bottom:10px;}
.login .error-panel ul {list-style:none;padding:5px 0;margin:0;}

/* Header */
header {position:fixed;top:0;left:0;right:0;background:#fff;padding:0 7.5px;box-shadow:0 0 1px rgba(0,0,0,.1);z-index:1000;}
header .title {font-size:16px;padding:18px 0;margin:0;}
header .title i {margin-right:10px;}
header ul {list-style:none;margin:0;padding:0;}
header ul li {position:relative;display:inline-block;text-align:center;font-size:16px;}
header ul li a {display:block;padding:0 12px;height:56px;line-height:56px;color:rgba(0,0,0,0.87);}
header ul li:last-child a {padding:0 0 0 10px;}
header ul li a:hover {color:#1658b2;}

/* Layout */
#app .main {position:relative;top:56px;padding:15px;}
#content {float:left;width:100%;}
#content .content {margin-left:250px;}
#content .content.closed {margin-left:65px;}

/* Sidebar */
#sidebar {width:235px;float:left;position:relative;margin-right:-100%;}
#sidebar ul {list-style:none;padding:0;margin:0;background:#fff;border-radius:2px;}
#sidebar ul li {position:relative;z-index:999;}
#sidebar ul li a {display:block;font-family:"Montserrat", sans-serif;font-size:13px;letter-spacing:0.2px;text-transform:uppercase;padding:15px;color:rgba(0,0,0,0.87);position:relative;}
#sidebar ul li a.active {background:rgba(0,0,0,.02);}
#sidebar ul li a.active:before {content:'';position:absolute;top:0;left:-3px;width:3px;height:100%;background:#1658b2;}
#sidebar ul li a i {width:20px;height:20px;line-height:20px;text-align:center;margin-right:2px;}

#sidebar.closed {width:50px;overflow:visible;}
#sidebar.closed ul li a span {display:none;}
#sidebar.closed ul li:hover {width:200px;background:#fff;}
#sidebar.closed ul li:hover a span {display:inline-block;}

/* Main */
#app .main .box {background:#fff;padding:15px;border-radius:2px;margin-bottom:15px;}
#app .main .box.special {padding:15px 15px 5px;}
#app .main .box.last {margin-bottom:0;}
#app .main .box .box-title {font-family:"Montserrat", sans-serif;font-weight:800;font-size:13px;letter-spacing:0.2px;text-transform:uppercase;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:15px;margin-bottom:15px;position:relative;}
#app .main .box .box-title a {position:absolute;top:0;right:0;width:55px;}
#app .main .box p {margin-bottom:10px;}
#app .main .box p:last-child {margin-bottom:0;}
#app .main .box p a {color:#1658b2;}
#app .main .box .results a {color:#1658b2;}
#app .main .box ul {list-style:none;padding:0;margin:0;overflow:auto;}
#app .main .box ul .left {float:left;}
#app .main .box ul .right {float:right;}
#app .main .box ul li {margin:10px 0;}
#app .main .box ul li:hover {cursor:default;}
#app .main .box ul ul li:last-child {margin-bottom:0;}
#app .main .box .uploader {width:100%;border:1px solid rgba(0,0,0,.08);}
#app .main .box .files {margin:0 -5px;}
#app .main .box .files .item {padding:0;}
#app .main .box .files li {padding:0 5px;margin:0 0 10px;}
#app .main .box .files li .img {border:1px solid rgba(0,0,0,.08);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;margin-bottom:2px;}
#app .main .box .files li .pdf {border:1px solid rgba(0,0,0,.08);background-repeat:no-repeat;background-size:cover;margin-bottom:2px;}
#app .main .box .files .filename {display:inline-block;background:#f7f7f7;font-size:10px;text-transform:uppercase;padding:0px 5px;height:20px;line-height:20px;border-radius:2px;vertical-align:top;width:calc(100% - 48px);overflow:hidden;text-overflow:ellipsis;}
#app .main .box .files .filename.lrg {width:calc(100% - 24px);}
#app .main .box .slide img {width:100%;}

/* Tabs */
#app #tabs {margin-top:-15px;}
#app #tabs > ul {list-style:none;margin:0;padding:0;;border-bottom:1px solid rgba(0,0,0,.08);}
#app #tabs > ul > li {margin:0;display:inline-block;}
#app #tabs > ul > li a {display:block;padding:15px;color:rgba(0,0,0,0.87);}
#app #tabs > ul > li a.active {color:#1658b2;}
#app #tabs > ul > li a:hover {color:#1658b2;}
#app #tabs .tab {display:none;padding-top:15px;}
#app #tabs .tab.active {display:block;}

@media only screen and (max-width:767px){
.mobile-hidden {display:none;}
.margin-top {margin-top:15px;}
}

@media only screen and (max-width:580px){
.btn {padding:8px 15px;}
a.btn {padding:9px 15px 8px;}
header .title {font-size:15px;}
header .title i {font-size:16px;}
header ul li a {padding:0 8px;}
header ul li:last-child a {padding:0 0 0 8px;}
}

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
   * {-webkit-print-color-adjust:exact;}
   @page { margin: 0.5cm; }
   #sidebar {display:none;}
}