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

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; opacity:1;}
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, body.print {background:#fff;}
body, html, .stretch, #app, #print {height:100%;}

/* Standards color: #356674; */
*,*: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;}
.text-right {text-align:right;}
h1, h2, h3, h4, h5, h6, .heading, .title {font-weight:700;margin:0 0 15px;}
.btn-group-left {float:left;}
.btn-group-right {float:right;}
.btn {display:inline-block;vertical-align:top;padding:8px 25px;border-radius:3px;border:none;user-select:none;transition:all .3s ease-in-out;}
button.btn {padding:8px 25px;}
.btn.justify {position:absolute;top:12px;right:15px;font-weight:400;padding:3px 10px;}
.btn.blue {background:#56828e;color:#fff;}
.btn.blue:hover {background:#356674;}
.btn.red {background:#ed3f3c;color:#fff;}
.btn.red:hover {background:#e31d1a;}
.btn.grn {background:#28c76f;color:#fff;}
.btn.grn:hover {background:#1fb160;}
.icon-group {position:relative;display:inline-block;vertical-align:middle;white-space:nowrap;}
.icon {display:inline-block;vertical-align:middle;text-align:center;color:#fff;border-radius:3px;}
.icon.small {width:24px;height:24px;line-height:24px;}
.icon.grn {background:#28c76f;}
.icon.grn:hover {background:#1fb160;}
.icon.blue {background:#56828e;}
.icon.blue:hover {background:#356674;}
.icon.red {background:#ed3f3c;}
.icon.red:hover {background:#e31d1a;}
.icon.org {background:#db7f1c;}
.icon.org:hover {background:#cf7718;}
.check {position:relative;display:inline-block;vertical-align:top;width:24px;height:24px;line-height:24px;border:1px solid #ccc;border-radius:3px;margin-left:2px;cursor:pointer;}
.check.active:after {font-family:"fontAwesome";content:'\f00c';position:absolute;top:-1px;left:3px;font-size:16px;}

/* 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.filter {float:right;width:calc(100% - 75px);margin:-1px -7.5px 0 -7.5px;transition:all .3s ease-in-out;}
.form.filter.block {float:none;width:100%;margin:0;}
.form.filter .input {float:left;width:100%;padding:0 7.5px;}
.form.filter.block .input {float:none;padding:0;}
.form .form-title {padding-bottom:5px;}
.form .form-title span {color:#ccc;font-style:italic;}
.form .forgot {display:block;font-size:11px;padding-top:10px;color:#56828e;}
.form input {width:100%;padding:8px 10px;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.08);border-radius:3px;transition:all .3s ease-in-out;}
.form.special {border:1px solid rgba(0,0,0,.08);border-radius:3px;margin-right:30px;}
.form.special input {border:none;border-bottom:1px solid rgba(0,0,0,.08);border-radius:0;}
.form.special input:last-child {border-bottom:none;}
.form.special select {border:none;border-bottom:1px solid rgba(0,0,0,.08);border-radius:0;}
.form.special select:last-child {border-bottom:none;}
.form input.required {border:1px solid #ed3f3c;}
.form input:focus {background:#fff;}
.form select {width:100%;padding:8px 10px;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.08);border-radius:3px;transition:all .3s ease-in-out;color:#bbb;}
.form select.required {border:1px solid #ed3f3c;}
.form select:focus {background:#fff;}
.form select.selected {color:rgba(0,0,0,0.87);}
.form select option {color:rgba(0,0,0,0.87);}
.form select:not(.tax_amt) option:first-child {display:none;}
.form select option:disabled {background-color:#ed3f3c;color:#fff;}
.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;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.08);border-radius:3px;transition:bacgkround .3s ease-in-out;}
.form textarea.required {border:1px solid #ed3f3c;}
.form textarea:focus {background:#fff;}
.form textarea.notes {height:103px;}
.form textarea.normal {height:34px;}

/* Elements */
.justified {position:absolute;top:12px;right:15px;}
.justified .btn {font-weight:400;padding:3px 10px;}
.form .dual select {float:left;width:50px;border-radius:3px 0 0 3px;}
.form .dual input {float:left;width:calc(100% - 50px);border-radius:0 3px 3px 0;border-left:none;}

/* Messages */
.error {background:#fff;border-left:3px solid #e31d1a;color:#e31d1a;padding:8px 10px;margin:1px 0;}
.success {background:#fff;border-left:3px solid #1fb160;color:#1fb160;padding:8px 10px;margin:1px 0;}
.login .error, .login .success {margin:0 0 15px;}

/* Login */
.stretch {display:table;width:100%;}
.login .login-panel {display:table-cell;vertical-align:middle;}
.login .login-panel .logo {margin-bottom:15px;}
.login .login-panel .logo img {width:190px;max-width:100%;}
.login .login-contain {max-width:1000px;margin:0 auto;border-radius:3px;}
.login .login-contain .image {float:left;width:50%;background-image:url(../images/bg.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover;border-radius:3px 0 0 3px;height:403px;}
.login .login-contain .panel {float:left;width:50%;background:#fff;padding:50px 30px;border-radius:0 3px 3px 0;}
.login .login-contain .panel .welcome {margin-bottom:15px;}

/* Header */
header {background:#fff;padding:0 15px;z-index:1000;}
header .logo {float:left;display:block;width:235px;margin-top:15px;}
header .logo img {width:95%;}
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:85px;line-height:85px;color:rgba(0,0,0,0.87);}
header ul li:last-child a {padding:0 0 0 10px;}
header ul li a:hover {color:rgba(0,0,0,0.70);}
header ul li ul {display:none;position:absolute;top:100%;right:0;width:225px;background:#fff;z-index:999;}
header ul li ul.active {display:block;}
header ul li ul li {display:block;font-size:12px;text-align:left;padding:15px 10px;border-left:3px solid rgba(0,0,0,0.87);}
header ul li ul li.add {border-left:3px solid #28c76f;}
header ul li ul li.edit {border-left:3px solid #19bfe2;}
header ul li ul li.delete {border-left:3px solid #ed3f3c;}

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

/* Sidebar */
#sidebar {float:left;width:250px;position:relative;margin-right:-100%;padding:0 15px 15px;}
#sidebar ul {list-style:none;padding:0;margin:0;background:#fff;}
#sidebar ul.top {margin-top:15px;}
#sidebar ul li {position:relative;z-index:999;}
#sidebar ul li a {display:block;font-size:13px;padding:15px;color:rgba(0,0,0,0.87);position:relative;}
#sidebar ul li a.active {background:#ddf2f8;font-weight:700;}
#sidebar ul li a.active:before {content:'';position:absolute;top:0;left:-3px;width:3px;height:100%;background:#356674;}
#sidebar ul li a i {width:20px;height:20px;line-height:20px;text-align:center;margin-right:2px;}

#sidebar.closed {width:80px;overflow:visible;}
#sidebar.closed ul li a span {display:none;}
#sidebar.closed ul li:hover {width:200px;background:#ddf2f8;}
#sidebar.closed ul li:hover a:before {content:'';position:absolute;top:0;left:-3px;width:3px;height:100%;background:#356674;}
#sidebar.closed ul li:hover a span {display:inline-block;}

/* Main */
#app .main .box {background:#fff;padding:15px;margin-bottom:15px;}
#app .main .box.last {margin-bottom:0;}
#app .main .box.no-padding {padding:0;}
#app .main .box.no-bottom {padding-bottom:0;}
#app .main .box.tab {display:none;}
#app .main .box.tab.active {display:block;}
#app .main .box .box-title {position:relative;border-bottom:1px solid rgba(0,0,0,.05);padding:15px;margin:-15px -15px 15px;font-weight:700;}
#app .main .box .box-title.no-margin {margin-bottom:0;}
#app .main .box .link {display:inline-block;color:rgba(0,0,0,0.87);}
#app .main .box .link:hover {color:#ed3f3c;}
#app .main .box .account {color:#56828e;}
#app .main .box .separator {position:relative;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);margin:15px -15px;padding:15px;font-weight:700;}
#app .main .box .separator.no-margin {margin:-15px -15px 15px;border-top:none;}
#app .main .box .separator .add-ajax {position:absolute;top:12px;right:15px;}
#app .main .box .information {border-bottom:1px solid rgba(0,0,0,.05);margin:-15px -15px 15px;padding:15px;}
#app .main .box .added {border-bottom:1px solid rgba(0,0,0,.05);margin:15px -15px;padding:0 15px 15px;}

/* Select Boxes */
#app .main .box .select-box {position:relative;width:100%;border-radius:3px;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;margin:0;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;margin:0;padding:0;}
#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 */
.tabs {list-style:none;padding:0;margin:0;background:#fff;position:relative;}
.tabs li {float:left;}
.tabs li:first-child {display:none;}
.tabs li a {display:block;padding:15px;color:rgba(0,0,0,0.87);position:relative;}
.tabs li a.active {font-weight:700;}

#tabs {background:#fff;border-bottom:1px solid rgba(0,0,0,.08);margin-top:-30px;}
#tabs ul {list-style:none;padding:0;margin:0;background:#fff;position:relative;}
#tabs ul li {float:left;}
#tabs ul li a {display:block;padding:15px;color:rgba(0,0,0,0.87);position:relative;}
#tabs ul li a.active {color:#df5e37;}

/* Items */
.item-list {margin:-15px -7.5px;}
.item-list .item {position:relative;margin:15px 0 0;}
.item-list .item .delete-ajax {position:absolute;top:0px;right:7px;}

/* Documents */
.documents {display:none;margin:-15px;padding:0px 15px;}
.documents .file {position:relative;margin:15px 0;}
.documents .file .filename {color:rgba(0,0,0,0.87);}
.documents .file .filename:hover {color:#df5e37;}
.documents .file .delete {position:absolute;top:-2px;right:0;}
.documents .file .move {position:absolute;top:-2px;right:28px;}

/* Requests */
.requests {margin:15px -15px;padding:0px 15px;}
.requests:last-child {margin-bottom:-15px;}
.requests .item {position:relative;margin:15px 0;}
.requests .item span {color:#28c76f;}
.requests .item .edit {position:absolute;top:-2px;right:0;}

/* Legend */
.legend ul {list-style:none;padding:0;margin:0 0 15px;}
.legend ul li {display:inline-block;margin-right:15px;}
.legend ul li span {display:inline-block;width:12px;height:12px;}
.legend ul li span.green {background:#28c76f;}
.legend ul li span.blue {background:#19bfe2;}
.legend ul li span.red {background:#ed3f3c;}

/* Dialog */
#lightbox {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.2);z-index:9999;}
#lightbox .table {display:table;width:100%;height:100%;}
#lightbox .cell {display:table-cell;vertical-align:middle;}
#lightbox .dialog {background:#fff;padding:15px;width:530px;margin:15px auto;border-radius:3px;z-index:99999;}
#lightbox .dialog .outcome {display:none;}
#lightbox .dialog-title {border-bottom:1px solid rgba(0,0,0,.05);font-weight:700;padding:15px;margin:-15px -15px 15px;}
#lightbox .dialog-items {padding:15px 15px 0;margin:15px -15px 0;border-top:1px solid rgba(0,0,0,.05);}
#lightbox .dialog-select {margin-top:15px;}

@media only screen and (max-width:1200px){
.login .login-contain {max-width:750px;}
}

@media only screen and (max-width:990px){
.tabs li {display:none;float:none;}	
.tabs li:first-child {display:block;}
}

@media only screen and (max-width:767px){
.mobile-hidden {display:none;}
.margin-top {margin-top:15px;}	
.text-left {text-align:left;}
.login .login-contain {max-width:400px;}
.login .login-contain .image {display:none;}
.login .login-contain .panel {width:100%;border-radius:3px;}
}

@media only screen and (max-width:580px){
.btn {padding:8px 15px;}
button.btn {padding:8px 15px 9px;}
.justified {position:relative;top:0;right:0;margin-top:10px;}
header ul li a {padding:0 8px;}
header ul li:last-child a {padding:0 0 0 8px;}
.form.filter {width:calc(100% - 55px);}
.fc-toolbar .fc-left {width:100%}
.fc-toolbar .fc-right {float:left;margin:10px 0;width:100%;}
}

/* =============================================================================
   Print Styles
   ========================================================================== */

@media print {
  * { font-size:13px !important;-webkit-print-color-adjust: exact;} /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  img { max-width: 100% !important; }
  @page { margin: 0.2cm; }
  .hide-print {display:none !important;}
  #print .break {page-break-after: always;}
}