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: #3368af; color: #fff; text-shadow: none; }
::selection { background: #3368af; 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);}

/* Buttons */
.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:#4e80c4;color:#fff;}
.btn.blue:hover {background:#3368af;}
.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-group img {display:none;position:absolute;bottom:100%;right:0;border:1px solid rgba(0,0,0,0.08);background:#fff;width:150px;z-index:50;}
.icon-group:hover img {display:block;}
.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:#4e80c4;}
.icon-small.blue:hover {background:#3368af;}
.icon-small.red {background:#ed3f3c;}
.icon-small.red:hover {background:#e31d1a;}
.buttons {height:32px;}
.buttons .icon {display:inline-block;width:32px;height:32px;line-height:30px;text-align:center;border-radius:2px;background:rgba(0,0,0,.08);}
.crop {display:none;margin-top:15px;}
.crop .image {border:1px solid rgba(0,0,0,.08);}
.crop .options {margin-top:15px;}

/* Elements */
.form-group {display:inline-block;}
.form-group .form-title {padding-bottom:5px;text-align:left;}
.form {margin-bottom:15px;position:relative;}
.form.med {margin-bottom:5px;}
.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 select[multiple] option {color:#bbb;}
.form select[multiple].selected 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;}

/* Menu */
.form-menu {display:none;position:absolute;width:100%;top:100%;left:0;z-index:75;background:#fff;border:1px solid rgba(0,0,0,.08);border-top:none;padding:0 10px !important;}
.form-menu li {display:none;margin:0 !important;padding:10px 0;}
.form-menu li:hover {background:rgba(0,0,0,.02);}
.form-menu li .delete {display:none !important;}

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

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

/* 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:#a0a0a0;}
#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.special:last-of-type {margin-bottom:0;}
#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.none {margin-bottom:0;}
#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:#a0a0a0;}
#app .main .box .results a {color:#a0a0a0;}
#app .main .box ul {list-style:none;padding:0;margin:0;}
#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:-10px 0;position:relative;}
#app .main .box .slide img {width:100%;}

/* Select Boxes */
#app .main .box .select-box {position:relative;width:100%;border-radius:2px;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.08);color:#bbb;user-select:none;cursor:default;transition:all .3s ease-in-out;}
#app .main .box .select-box:hover {background:#fff;}
#app .main .box .select-box .select-options {display:none;list-style:none;position:absolute;top:100%;left:-1px;right:-1px;background:#fff;border:1px solid rgba(0,0,0,.08);padding:8px 10px;max-height:200px;overflow-y:auto;z-index:100;}
#app .main .box .select-box .select-options li {margin:0;}
#app .main .box .select-box .select-options li a {display:block;color:#bbb;padding:4px 0;}
#app .main .box .select-box .select-options li a:hover {color:rgba(0,0,0,0.87);}
#app .main .box .select-box .options {position:relative;min-height:32px;}
#app .main .box .select-box .options:before {content:'Select options';position:absolute;top:8px;left:10px;}
#app .main .box .select-box .options li {display:inline-block;position:relative;background:#fff;color:rgba(0,0,0,0.87);padding:4px 25px 4px 4px;border:1px solid rgba(0,0,0,.08);margin:3px 0 3px 3px;}
#app .main .box .select-box .options li:after {content:'\f00d';font-family:"fontAwesome";position:absolute;right:8px;color:#555;}
#app .main .box .select-box select {display:none;}

/* 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:#a0a0a0;}
#app #tabs > ul > li a:hover {color:#a0a0a0;}
#app #tabs .tab {display:none;padding-top:15px;}
#app #tabs .tab.active {display:block;}

/* Images */
.special-img {display:none;position:absolute;bottom:100%;right:0;border:1px solid rgba(0,0,0,0.08);background:#fff;width:150px;z-index:50;}
.chosen-icon {position:absolute;top:7px;right:7px;}

@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;}
}