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; }
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;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 */
*,*: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, .header-title {font-family:"Montserrat", sans-serif;font-weight:900;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);}
.separator {padding-bottom:15px;}
.separator.active {margin-bottom:15px;border-bottom:1px solid rgba(0,0,0,.05);}
.event {padding:15px 0;border-top:1px solid rgba(0,0,0,.05);}
.note {padding-top:15px;margin-top:15px;border-top:1px solid rgba(0,0,0,.05);}
.note-search .filter {float:right;width:calc(100% - 95px);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;}
.note-search .filter:focus {background:#fff;}
.header-title {font-size:16px;margin:0;}
.header-title i {margin-right:10px;}
.wolfie {width:100%;border-radius:2px;margin-bottom:15px;}

/* 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;}
a.btn.add {position:absolute;right:7.5px;top:0px;padding:17px 25px;}
.btn.blue {background:#43d1ef;color:#fff;}
.btn.blue:hover {background:#19bfe2;}
.btn.red {background:#ed3f3c;color:#fff;}
.btn.red:hover {background:#e31d1a;}
.btn.grn {background:#28c76f;color:#fff;}
.btn.grn:hover {background:#1fb160;}
.add select {width:150px;padding:8px 10px 6px;border-radius:2px;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.08);transition:all .3s ease-in-out;color:#bbb;}
.add select:focus {background:#fff;}
.add select.selected {color:rgba(0,0,0,0.87);}
.add select option {color:rgba(0,0,0,0.87);}
.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:#28c76f;}
.icon-small.grn:hover {background:#1fb160;}
.icon-small.blue {background:#43d1ef;}
.icon-small.blue:hover {background:#19bfe2;}
.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 .form-title .grn {color:#28c76f;}
.form .forgot {display:block;font-size:11px;padding-top:10px;color:#ed3f3c;}
.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.special {border-radius:0 0 2px 2px;}
.form input.required {border:1px solid #ed3f3c;}
.form input.lined {border-top: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;color:#bbb;}
.form select.special {border-bottom:none;border-radius:2px 2px 0 0;}
.form select.special:nth-child(3) {border-radius:0;}
.form select.required {border:1px solid #ed3f3c;}
.form select.special.required {border-bottom:none;}
.form select.lined {border-top: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 option:first-child {display:none;}
.form select option:disabled {background-color:#ed3f3c;color:#fff;}
.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:background .3s ease-in-out, border .3s ease-in-out;}
.form textarea.special {border-radius:0 0 2px 2px;}
.form textarea.required {border:1px solid #ed3f3c;}
.form textarea.lined {border-top:1px solid #ed3f3c;} 
.form textarea:focus {background:#fff;}
.form .upload {display:none;}
.form .file-input {width:100%;padding:8px 10px;border-radius:2px;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.08);color:#bbb;}
.form .file-input.active {color:rgba(0,0,0,0.87);}
.form .file {position:absolute;bottom:8px;right:10px;z-index:10;}
.form .file a {color:#ed3f3c;}

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

/* 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:2px;}
.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:2px 0 0 2px;height:413px;}
.login .login-contain .panel {float:left;width:50%;background:#fff;padding:50px 30px;border-radius:0 2px 2px 0;}
.login .login-contain .panel .welcome {margin-bottom:15px;}

/* 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 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:#ed3f3c;}
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 #43d1ef;}
header ul li ul li.delete {border-left:3px solid #ed3f3c;}
header .logo {height:28px;margin-top:14px;}

/* 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 .search {list-style:none;padding:0;margin:0;background:#fff;border-radius:2px;}
#sidebar .search li {padding:15px;position:relative;z-index:999;}
#sidebar .search li.active {background:rgba(0,0,0,.02);}
#sidebar .search li.active:before {content:'';position:absolute;top:0;left:-3px;width:3px;height:100%;background:#ed3f3c;}
#sidebar .search i {width:20px;height:20px;line-height:20px;text-align:center;margin-right:2px;}
#sidebar .search input {width:82%;margin-left:10px;padding:2px 0;border:none;background:none;}

#sidebar.closed .search input {display:none;}
#sidebar.closed .search:hover {width:200px;background:#fff;}
#sidebar.closed .search:hover input {width:78%;display:inline-block;}

#sidebar {width:235px;float:left;position:relative;margin-right:-100%;}
#sidebar ul {list-style:none;padding:0;margin:0;background:#fff;border-radius:2px;margin-top:15px;}
#sidebar ul.top {margin-top:0;}
#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:#ed3f3c;}
#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 .tab {display:none;}
#app .main .tab.active {display:block;}
#app .main .box {background:#fff;padding:15px;border-radius:2px;margin-bottom:15px;position:relative;}
#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.length {width:calc(100% - 97px);}
#app .main .box .box-title {font-family:"Montserrat", sans-serif;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;}
#app .main .box .box-title.no-margin {margin-bottom:0;}
#app .main .box .author {margin-bottom:10px;}
#app .main .box .download {color:rgba(0,0,0,0.87);}
#app .main .box .copy {color:rgba(0,0,0,0.87);}
#app .main .box .copy:hover {color:#ed3f3c;}
#app .main .box .right {float:right;}
#app .main .box .gre {color:#28c76f;}
#app .main .box .rge {color:#ed3f3c;}
#app .main .box .assistance {color:#014b88;}
#app .main .box .entry .date {margin-bottom:10px;}

/* Tabs */
#tabs {list-style:none;padding:0;margin:0 0 15px;background:#fff;position:relative;}
#tabs.zero {margin:0;}
#tabs li {float:left;}
#tabs li a {display:block;font-family:"Montserrat", sans-serif;font-size:13px;letter-spacing:0.2px;text-transform:uppercase;padding:70px 15px 15px;color:rgba(0,0,0,0.87);position:relative;}
#tabs li a i {position:absolute;top:15px;left:15px;right:15px;text-align:center;font-size:45px;}
#tabs li a.active {color:#014b88;}
#tabs li a.valid {color:#014b88;}

/* Images */
#images {padding-top:15px;border-top:1px solid rgba(0,0,0,.05);}
#images .image {padding-bottom:15px;}
#images .image .img {width:100%;height:calc(100vw * 0.1);background-repeat:no-repeat;background-position:50%;background-size:cover;border:1px solid rgba(0,0,0,.05);border-radius:2px;margin-bottom:5px;}

/* Points */
.point {border:1px solid rgba(0,0,0,.05);border-radius:2px;padding:15px 15px 5px;margin-bottom:15px;}
.point.sibling {padding:9px 15px;margin-bottom:0;}
.point.graduation {padding:5px 15px;}
.point .point-title {font-family:"Montserrat", sans-serif;font-size:13px;letter-spacing:0.2px;text-transform:uppercase;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:15px;margin-bottom:5px;}
.point .item {padding:10px 0;}
.point .item .switcher {float:right;margin-top:-1px;}

/* Progress */
.progress-bar {background:rgba(0,0,0,0.08);height:50px;position:relative;border-radius:2px;margin-bottom:15px;}
.progress-bar .progress {position:absolute;height:100%;background:#014b88;z-index:10;top:0;left:0;border-radius:2px;text-align:right;padding:17px 15px;color:#fff;font-weight:700;}
.progress-bar .progress.zero {background:none;color:rgba(0,0,0,0.87);font-weight:400;}
.progress-bar .completion {position:absolute;right:15px;top:17px;z-index:8;}

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

/* 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:2px;z-index:99999;}
#lightbox .dialog-info {display:none;}
#lightbox .dialog-title {font-family:"Montserrat", sans-serif;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;}
#lightbox .dialog-items {padding:15px 0 0;margin-top:15px;border-top:1px solid rgba(0,0,0,.05);}
#lightbox .dialog-button {display:none;}

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

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

@media only screen and (max-width:580px){
.note-search .filter {width:calc(100% - 75px);}	
.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;}
#lightbox .dialog {width:350px;}
}

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