/* ---- IMPORTS ---- */


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    /* vertical-align: baseline; */
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearfix {
    zoom: 1;
}

.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
    width: 100%;
}

.clearfix:after {
    clear: both;
}

hr.clear {
    display: block;
    width: 100%;
    height: 0px;
    border: none;
    margin: 0;
    padding: 0;
    clear: both;
}


/*
.element:before { .pseudo; } 
*/

.pseudo {
    display: block;
    content: '\0020';
}

.no-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


/*
<div class="valign-outer">
	<div class="valign-inner">
		<p>Lorem Ipsum</p>
		<p>Lorem Ipsum</p>
		<p>Lorem Ipsum</p>
	</div>
</div>
 */

.valign-outer {
    display: table;
    width: 100%;
    height: 100%;
}

.valign-inner {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.triangle-base {
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}


/*.transition (@prop: all, @time: 0.3s, @ease: ease) {
	-webkit-transition: @prop @time @ease;
	-moz-transition: @prop @time @ease;
	-o-transition: @prop @time @ease;
	-ms-transition: @prop @time @ease;
	transition: @prop @time @ease;
}*/


/*
.placeholder({
	.font-class;
    color: #0000FF;
    text-transform: uppercase;
});
 */

@font-face {
    font-family: 'GTA-Medium';
    src: url('/fonts/GTA-Medium.eot?#iefix') format('embedded-opentype'), url('/fonts/GTA-Medium.woff') format('woff'), url('/fonts/GTA-Medium.ttf') format('truetype'), url('/fonts/GTA-Medium.svg#GTA-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GTA-Regular';
    src: url('/fonts/GTA-Regular.eot');
    src: url('/fonts/GTA-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/GTA-Regular.woff2') format('woff'), url('/fonts/GTA-Regular.ttf') format('truetype'), url('/fonts/GTA-Regular.svg#GTA-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GTA-Light';
    src: url('/fonts/GTA-ReLightular.eot');
    src: url('/fonts/GTA-Light.eot?#iefix') format('embedded-opentype'), url('/fonts/GTA-Light.woff') format('woff'), url('/fonts/GTA-Light.ttf') format('truetype'), url('/fonts/GTA-Light.svg#GTA-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GTA-Bold';
    src: url('/fonts/GTA-Bold.eot');
    src: url('/fonts/GTA-Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/GTA-Bold.woff') format('woff'), url('/fonts/GTA-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icons';
    src: url('/fonts/icons.eot?s2i41l');
    src: url('/fonts/icons.eot?s2i41l#iefix') format('embedded-opentype'), url('/fonts/icons.ttf?s2i41l') format('truetype'), url('/fonts/icons.woff?s2i41l') format('woff'), url('/fonts/icons.svg?s2i41l#icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-save:before {
    content: "\e900";
}


/**
 * selectize.default.css (v0.12.4) - Default Theme
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */

.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder {
    visibility: visible !important;
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, 0.06) !important;
    border: 0 none !important;
    -webkit-box-shadow: inset 0 0 12px 4px #fff;
    box-shadow: inset 0 0 12px 4px #fff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
    position: relative;
    padding: 5px 8px;
    border-bottom: 1px solid transparent;
    background: rgba(255, 255, 255, 0.85);
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
    position: absolute;
    right: 8px;
    top: 50%;
    color: #303030;
    opacity: 0.4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
    color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
    z-index: 1;
    /* fixes ie bug (see #392) */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 2px 0 0 0;
    border-left: 1px solid #0073bb;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: #00578d;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #aaaaaa;
}

.selectize-control.plugin-remove_button .remove-single {
    position: absolute;
    right: 28px;
    top: 6px;
    font-size: 23px;
}

.selectize-control {
    position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
    color: #303030;
    font-family: 'GTA-Regular', Helvetica, sans-serif;
    font-size: 24px;
    line-height: 18px;
    -webkit-font-smoothing: inherit;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
    background: transparent;
    cursor: text;
    display: inline-block;
}

.selectize-input {
    border: transparent;
    padding: 8px 8px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.selectize-control.multi .selectize-input.has-items {
    padding: 5px 8px 2px;
}

.selectize-input.full {
    background-color: transparent;
}

.selectize-input.disabled,
.selectize-input.disabled * {
    cursor: default !important;
}

.selectize-input.focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.selectize-input.dropdown-active {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.selectize-input>* {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.selectize-control.multi .selectize-input>div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px;
    background: #1da7ee;
    color: #fff;
    border: 1px solid #0073bb;
}

.selectize-control.multi .selectize-input>div.active {
    background: #92c836;
    color: #fff;
    border: 1px solid #00578d;
}

.selectize-control.multi .selectize-input.disabled>div,
.selectize-control.multi .selectize-input.disabled>div.active {
    color: #ffffff;
    background: #d2d2d2;
    border: 1px solid #aaaaaa;
}

.selectize-input>input {
    display: inline-block !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 1px !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    line-height: inherit !important;
    -webkit-user-select: auto !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.selectize-input>input::-ms-clear {
    display: none;
}

.selectize-input>input:focus {
    outline: none !important;
}

.selectize-input::after {
    content: ' ';
    display: block;
    clear: left;
}

.selectize-input.dropdown-active::before {
    content: ' ';
    display: block;
    position: absolute;
    background: #f0f0f0;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid transparent;
    background: #fff;
    margin: -1px 0 0 0;
    border-top: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
    background: rgba(125, 168, 208, 0.2);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
    padding: 5px 8px;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
    color: #303030;
    background: #fff;
    cursor: default;
}

.selectize-dropdown .active {
    background-color: #f5fafd;
    color: #495c68;
}

.selectize-dropdown .active.create {
    color: #495c68;
}

.selectize-dropdown .create {
    color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
    -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
    cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
    cursor: text;
}

.selectize-control.single .selectize-input:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: transparent transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -4px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent transparent transparent;
}

.selectize-control.rtl.single .selectize-input:after {
    left: 15px;
    right: auto;
}

.selectize-control.rtl .selectize-input>input {
    margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
    opacity: 0.5;
    background-color: #fafafa;
}

.selectize-control.multi .selectize-input.has-items {
    padding-left: 5px;
    padding-right: 5px;
}

.selectize-control.multi .selectize-input.disabled [data-value] {
    color: #999;
    text-shadow: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
    border-color: #e6e6e6;
}

.selectize-control.multi .selectize-input.disabled [data-value] .remove {
    background: none;
}

.selectize-control.multi .selectize-input [data-value] {
    color: #303030;
    padding: 6px;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.selectize-control.multi .selectize-input [data-value].active {
    color: #303030;
    background-color: rgba(0, 0, 0, 0.1);
}

.selectize-control.single .selectize-input {
    background-color: rgba(0, 0, 0, 0);
    background-image: -moz-linear-gradient(top, transparent, transparent);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(transparent));
    background-image: -webkit-linear-gradient(top, transparent, transparent);
    background-image: -o-linear-gradient(top, transparent, transparent);
    background-image: linear-gradient(to bottom, transparent, transparent);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0);
}

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
    border-color: #b8b8b8;
}

.selectize-dropdown {
    top: 44px !important;
}

.selectize-dropdown .optgroup-header {
    padding-top: 7px;
    font-weight: bold;
    font-size: 0.85em;
}

.selectize-dropdown .optgroup {
    border-top: 1px solid #f0f0f0;
}

.selectize-dropdown .optgroup:first-child {
    border-top: 0 none;
}


/* ---- FONTS ---- */

.light {
    font-family: 'GTA-Light', Helvetica, sans-serif;
}

.regular {
    font-family: 'GTA-Regular', Helvetica, sans-serif;
}

.medium {
    font-family: 'GTA-Medium', Helvetica, sans-serif;
}

.bold {
    font-family: 'GTA-Bold', Helvetica, sans-serif;
}

.icon {
    font-family: 'icons';
}


/* ---- VARIABLES ---- */


/* ---- MOBILE BREAKPOINTS ---- */


/* ---- LAYOUT ---- */

.container {
    width: 100%;
    margin: 0px auto;
    position: relative;
}

.left {
    float: left;
}

.right {
    float: right;
}

.centered {
    text-align: center;
}

.row {
    width: 100%;
}

@media (min-width: 768px) {
    .full {
        width: 100%;
    }
    .four-fifths {
        width: 80%;
    }
    .three-quarters {
        width: 75%;
    }
    .two-thirds {
        width: 66.6%;
    }
    .half {
        width: 50%;
    }
    .five-twelfths {
        width: 41.6%;
    }
    .three-eighths {
        width: 37.5%;
    }
    .third {
        width: 33.3%;
    }
    .fourth {
        width: 25%;
    }
    .fifth {
        width: 20%;
    }
    .sixth {
        width: 16.6667%;
    }
    .eighth {
        width: 12.5%;
    }
    .sixth-half-remainder {
        width: calc((100% - 16.6667%)/2);
    }
}


/* ---- FLEX GRID ---- */

.flex {
    display: flex;
    flex-wrap: wrap;
}

.column {
    flex-grow: 1;
}

.nogrow {
    flex-grow: 0;
}


/* ---- HTML ---- */

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: 'GTA-Regular', Helvetica, sans-serif;
    background-color: white;
    font-size: 10pt;
}

header {
    background-color: white;
    -webkit-box-shadow: 0px 0px 10px 0px #fcffff;
    -moz-box-shadow: 0px 0px 10px 0px #fcffff;
    -o-box-shadow: 0px 0px 10px 0px #fcffff;
    -ms-box-shadow: 0px 0px 10px 0px #fcffff;
    box-shadow: 0px 0px 10px 0px #fcffff;
    position: fixed;
    padding: 20px;
    width: 100%;
    z-index: 10;
}

@media (max-width: 960px) {
    header {
        position: relative;
    }
}

main {
    padding-top: 150px;
}

@media (max-width: 960px) {
    main {
        padding-top: 0px;
    }
}

hr {
    border: 0px;
    border-bottom: 1px solid #959595;
}

img {
    display: block;
    width: 100%;
    height: auto;
}


/* ---- HEADINGS + TEXT ---- */

p,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
li {
    line-height: 140%;
}

ol {
    list-style-type: decimal;
}

ul {
    margin: 20px 0px;
}

li {
    font-family: 'GTA-Regular', Helvetica, sans-serif;
    margin-left: 15px;
    padding-left: 15px;
}

p {
    font-family: 'GTA-Regular', Helvetica, sans-serif;
    font-size: 14pt;
    margin: 10px 0px;
}

small {
    font-size: 75%;
}

strong {
    font-family: 'GTA-Bold', Helvetica, sans-serif;
}

blockquote {
    background-color: #e2e2e2;
    padding: 20px;
    margin: 10px 10%;
}

h1 {
    font-family: 'GTA-Light', Helvetica, sans-serif;
    font-size: 200%;
    margin-bottom: 30px;
}

h2 {
    font-size: 180%;
    line-height: 120%;
}

h3 {
    font-size: 160%;
}

h4 {
    font-size: 110%;
    margin-bottom: 10px;
}

h5 {
    font-size: 100%;
}

h6 {
    font-size: 90%;
}

.editor ol {
    list-style-type: decimal;
}

.editor ul {
    list-style-type: disc;
}

.editor li {
    margin-left: 30px;
    padding-left: 15px;
}


/* ---- BUTTONS ---- */

a {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    text-decoration: none;
}

.button,
button,
input[type="submit"] {
    font-family: 'GTA-Medium', Helvetica, sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    background-color: #6AA03B;
    color: white;
    border: 0px;
    padding: 13px 20px;
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
}

.button:hover,
button:hover,
input[type="submit"]:hover {
    background-color: #517b2d;
}

.button.small,
button.small,
input[type="submit"].small {
    font-family: 'GTA-Regular', Helvetica, sans-serif;
    padding: 6px 20px 8px;
    font-size: 14px;
    letter-spacing: 0.05em;
}

.button.outline,
button.outline,
input[type="submit"].outline {
    background-color: transparent;
    color: #6AA03B;
    border: 2px solid #6AA03B;
}

.button.outline:hover,
button.outline:hover,
input[type="submit"].outline:hover {
    background-color: #6AA03B;
    color: white;
}

.button.back,
button.back,
input[type="submit"].back {
    margin-top: 10px;
}

.button.left,
button.left,
input[type="submit"].left,
.button.right,
button.right,
input[type="submit"].right {
    padding: 10px;
}

.button.left:hover,
button.left:hover,
input[type="submit"].left:hover,
.button.right:hover,
button.right:hover,
input[type="submit"].right:hover {
    background-color: rgba(149, 149, 149, 0.3);
}

.button.left img,
button.left img,
input[type="submit"].left img,
.button.right img,
button.right img,
input[type="submit"].right img {
    width: 24px;
    height: 24px;
}

.button.left,
button.left,
input[type="submit"].left {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -o-border-radius-bottomleft: 4px;
    -o-border-radius-topleft: 4px;
    -ms-border-radius-bottomleft: 4px;
    -ms-border-radius-topleft: 4px;
    border-radius: 4px 0 0 4px;
    border-right: 0px;
    padding-right: 14px;
}

.button.left img,
button.left img,
input[type="submit"].left img {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.button.right,
button.right,
input[type="submit"].right {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -o-border-radius-bottomright: 4px;
    -o-border-radius-topright: 4px;
    -ms-border-radius-bottomright: 4px;
    -ms-border-radius-topright: 4px;
    border-radius: 0 4px 4px 0;
    padding-left: 14px;
}

.button.right img,
button.right img,
input[type="submit"].right img {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.button.add,
button.add,
input[type="submit"].add {
    font-family: 'GTA-Regular', Helvetica, sans-serif;
    position: relative;
    padding-left: 50px;
    padding-right: 30px;
    margin-left: 15px;
}

.button.add:before,
button.add:before,
input[type="submit"].add:before {
    content: '+';
    font-family: 'GTA-Bold', Helvetica, sans-serif;
    color: white;
    position: absolute;
    left: 8px;
    top: -1px;
    opacity: 0.5;
    font-size: 28pt;
}

.button.blue,
button.blue,
input[type="submit"].blue {
    background-color: #448BBE;
}

.button.grey,
button.grey,
input[type="submit"].grey {
    background-color: #959595;
}

.button.red,
button.red,
input[type="submit"].red {
    background-color: #CE1E1E;
}

.button.rust,
button.rust,
input[type="submit"].rust {
    background-color: #B76A22;
}


/* ---- FORMS ---- */

input[type="number"]:disabled {
    background-color: #959595;
    -webkit-appearance: none !important;
    margin: 0 !important;
    -moz-appearance: textfield !important;
    pointer-events: none;
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    border: 1px solid #e2e2e2;
    cursor: pointer;
    margin: 5px;
    display: inline-block;
    width: 34px;
    height: 34px;
    background-color: white;
    vertical-align: middle;
    outline: 0px !important;
}

input[type="checkbox"]:after,
input[type="radio"]:after {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 6px;
    left: 6px;
}

input[type="checkbox"]:checked:after,
input[type="radio"]:checked:after {
    background-color: #959595;
}

input[type="checkbox"]+span,
input[type="radio"]+span {
    width: 80%;
    display: inline-block;
    vertical-align: middle;
    line-height: 140%;
}

form label,
form input[type="text"].label {
    color: #959595;
    display: block;
    font-size: 10pt;
    padding: 5px 0px;
    text-transform: uppercase;
    position: relative;
    line-height: 120%;
}

form input[type="text"].label {
    border: 0px;
    margin-top: 0px;
}

form small {
    color: #959595;
    display: block;
    margin: 5px 0px;
}

form input[type="text"],
form input[type="password"],
form input[type="number"],
form input[type="email"],
form input[type="date"],
form textarea {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    font-family: 'GTA-Regular', Helvetica, sans-serif;
    color: #393939;
    background-color: transparent;
    border: 0px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    padding: 5px 0px;
    font-size: 18pt;
    width: 100%;
    margin-bottom: 0px;
    line-height: 120%;
}

form textarea {
    display: block;
}

form input[type="text"]:focus,
form input[type="password"]:focus,
form input[type="number"]:focus,
form input[type="email"]:focus,
form input[type="date"]:focus,
form textarea:focus {
    outline: 0;
    background-color: rgba(255, 234, 124, 0.1);
    padding-left: 10px;
}

form input[type="radio"]:after {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
}

form input[type="radio"] {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
}

form input[type="submit"] {
    text-transform: uppercase;
}

form .short {
    max-width: 85px;
    float: left;
    margin-right: 20px;
}

form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0px;
    margin: 0px;
    outline: 0;
    padding: 3px 0px 0px 0px;
    font-size: 24px;
    width: 100%;
}

form select:focus {
    background-color: rgba(255, 234, 124, 0.1);
}

form .styled-select {
    border-bottom: 2px solid rgba(149, 149, 149, 0.3);
    display: inline-block;
    margin: 0px;
    width: 100%;
    position: relative;
}

form .styled-select img {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 11px;
    pointer-events: none;
}

form input:hover+button.deletable {
    opacity: 1;
}

form button.deletable {
    opacity: 0.5;
    background: transparent url(/img/delete.svg) no-repeat !important;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 5px;
    right: 10px;
    padding: 0px;
}

form button.save {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -o-border-radius-bottomleft: 4px;
    -o-border-radius-topleft: 4px;
    -ms-border-radius-bottomleft: 4px;
    -ms-border-radius-topleft: 4px;
    border-radius: 4px 0 0 4px;
    font-family: 'icons';
    position: fixed;
    right: 0px;
    bottom: 75px;
    z-index: 50;
    background-color: white;
    color: #6AA03B;
    font-size: 48px;
    padding: 10px;
}

form button.save:hover {
    background-color: #6AA03B;
    color: white;
}

form.edit section {
    padding-bottom: 15px;
}

form.edit section>section {
    padding-bottom: 0px;
}

form.edit section .column {
    margin-top: 3px;
}

form .selectize-input {
    padding: 5px 0px 0px;
}

form .selectize-control.multi .selectize-input.has-items {
    padding-top: 0px;
    padding-bottom: 1px;
}

form .selectize-control.multi .selectize-input [data-value] {
    font-size: 16pt;
    border-bottom: 0px;
    margin-bottom: 0px;
}

form .selectize-control.single .selectize-input {
    padding: 8px;
}


/* ---- TABLES ---- */

table {
    font-family: 'GTA-Light', Helvetica, sans-serif;
    color: #393939;
    font-size: 16pt;
    width: 100%;
}

table thead {
    border-bottom: 2px solid rgba(149, 149, 149, 0.3);
}

table thead th {
    font-family: 'GTA-Medium', Helvetica, sans-serif;
    color: rgba(0, 0, 0, 0.2);
    font-size: 12pt;
    text-transform: uppercase;
    padding: 10px 10px 10px 0px;
    text-align: left;
}

table thead th.clinician {
    color: #393939;
    text-transform: capitalize;
    font-size: 16pt;
    width: 50%;
    padding-top: 40px;
}

table thead th span {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

table thead th span.active {
    background-color: #6AA03B;
}

table thead th span.archived {
    background-color: #959595;
}

table thead th span.all {
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -o-border-radius-bottomleft: 6px;
    -o-border-radius-topleft: 6px;
    -ms-border-radius-bottomleft: 6px;
    -ms-border-radius-topleft: 6px;
    border-radius: 6px 0 0 6px;
    width: 6px;
    height: 12px;
    background-color: #6AA03B;
}

table thead th span.all::after {
    content: '';
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -o-border-radius-bottomright: 6px;
    -o-border-radius-topright: 6px;
    -ms-border-radius-bottomright: 6px;
    -ms-border-radius-topright: 6px;
    border-radius: 0 6px 6px 0;
    width: 6px;
    height: 12px;
    background-color: #959595;
    display: inline-block;
    position: relative;
    left: 8px;
    top: -2px;
}

table thead a {
    color: rgba(0, 0, 0, 0.2);
}

table thead a:hover {
    color: #959595;
}

table thead .sort {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    opacity: 0.5;
}

table thead .active .sort {
    opacity: 1;
}

table thead tr.group td {
    font-family: 'GTA-Bold', Helvetica, sans-serif;
    color: rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    font-size: 12pt;
    text-align: center;
}

table tbody tr {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    border-bottom: 1px solid rgba(149, 149, 149, 0.3);
}

table tbody tr:hover {
    background-color: rgba(149, 149, 149, 0.1);
}

table tbody tr.viewed {
    opacity: 0.6;
    background-color: rgba(149, 149, 149, 0.1);
}

table tbody td {
    padding: 14px 14px 14px 0px;
}

table tbody td:first-of-type {
    padding-left: 14px;
}

table tbody td tr {
    border-bottom: 0px;
    font-size: 75%;
}

table tbody a {
    color: #6AA03B;
    text-decoration: underline;
}

table tbody .archived a:not(.button) {
    color: #959595;
}

table tbody .button {
    margin-bottom: 0px;
    min-width: 100px;
}

table tbody tr.note {
    background-color: rgba(255, 234, 124, 0.1);
    position: relative;
}

table tbody tr.note::after {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    font-family: 'GTA-Bold', Helvetica, sans-serif;
    background-color: #BE9B44;
    color: white;
    content: 'N';
    display: block;
    width: 20px;
    height: 20px;
    font-size: 8pt;
    position: relative;
    right: 0px !important;
    top: 0 !important;
    text-align: center;
    padding-top: 5px;
}

table tbody tr.total {
    border-top: 2px solid rgba(149, 149, 149, 0.3);
    border-bottom: 0px;
    background-color: rgba(200, 200, 200, 0.3);
}

table tbody tr.total td {
    font-family: 'GTA-Medium', Helvetica, sans-serif;
    color: #393939;
}

table tbody tr.total strong {
    color: black;
    font-family: 'GTA-Regular', Helvetica, sans-serif;
}

table tbody tr.green {
    border-bottom: 0px;
    background-color: #ecf5e5;
}

table tbody tr.green td {
    color: #959595;
}

table tbody tr.spacer {
    border-bottom: 0px;
}

table tbody tr.spacer td {
    padding: 0px;
    border-bottom: 8px solid #959595;
}

table tbody .contracts_due_notes {
    overflow: visible;
    resize: none;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    font-family: 'GTA-Regular', Helvetica, sans-serif;
    color: #393939;
    background-color: transparent;
    border: 0px;
    padding: 0px 10px 5px 10px;
    font-size: 15pt;
    width: 100%;
    max-height: 54px;
    margin-bottom: 0px;
}

table tbody .contracts_due_notes:focus {
    max-height: 54px;
}

table tbody span.travel-time {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    font-family: 'GTA-Medium', Helvetica, sans-serif;
    border: 1px solid #959595;
    background-color: rgba(149, 149, 149, 0.2);
    display: inline-block;
    font-size: 8pt;
    padding: 5px;
    margin-left: 6px;
    vertical-align: top;
}

@media (max-width: 768px) {
    table thead td,
    table tbody td {
        display: inline-block;
    }
    table thead tr,
    table tbody tr {
        display: block;
    }
    table thead {
        display: none;
    }
}

table.billing tbody:first-of-type tr.date td {
    padding-top: 14px;
}

table.billing tbody tr.date {
    border-bottom: 0px;
}

table.billing tbody tr.date:hover {
    background-color: transparent;
}

table.billing tbody tr.date td {
    padding-top: 40px;
}

table.billing tbody tr.total td:first-child {
    padding-left: 30px;
}

table.billing tbody td.name {
    padding-left: 30px;
}

table.billing tbody form .column {
    max-width: 100px;
}

table.billing tbody form select {
    padding: 0px;
}

@media (max-width: 768px) {
    table.billing tbody tr {
        padding-bottom: 10px;
    }
    table.billing tbody:first-of-type tr.date {
        margin-top: 0px;
    }
    table.billing tbody tr.date {
        margin-top: 30px;
    }
    table.billing tbody tr.total td:first-child {
        padding-left: 10px;
        width: 100%;
    }
    table.billing tbody tr.total td#billing_list_mileage {
        width: 100%;
        padding: 10px 10px 0px 10px;
    }
    table.billing tbody tr.total small {
        display: none;
    }
    table.billing tbody tr.total td:nth-of-type(3),
    table.billing tbody tr.total td:nth-of-type(4),
    table.billing tbody tr.total td:nth-of-type(5),
    table.billing tbody tr.total td:nth-of-type(6),
    table.billing tbody tr.total td:nth-of-type(7) {
        display: none;
    }
    table.billing tbody tr:not(.total) td {
        padding: 10px 10px 0px 10px;
    }
    table.billing tbody tr:not(.total) td:nth-of-type(1) {
        width: 100%;
        padding-left: 10px;
    }
    table.billing tbody tr:not(.total) td:nth-of-type(3),
    table.billing tbody tr:not(.total) td:nth-of-type(5) {
        display: none;
    }
}

table.in-town-mileage tbody:not(:first-of-type) tr:first-of-type td {
    padding-top: 40px;
}

table.in-town-mileage tr.total td:first-of-type {
    text-align: right;
}

table.hours-remaining {
    border-bottom: 3px solid rgba(149, 149, 149, 0.3);
    margin-bottom: 30px;
}

table.hours-remaining table {
    border-bottom: 1px solid rgba(149, 149, 149, 0.3);
    margin-bottom: 30px;
}

table.hours-remaining table:last-of-type {
    border-bottom: 0px;
    margin-bottom: 0px;
}

table.hours-remaining thead,
table.hours-remaining tr {
    border: 0px;
}

@media (max-width: 768px) {
    table.hours-remaining thead:first-of-type {
        display: block;
    }
    table.hours-remaining tr:hover {
        background-color: transparent;
    }
    table.hours-remaining td {
        width: 100%;
        padding-left: 14px;
    }
}

header .flex {
    align-items: flex-start;
}

header .logo img {
    max-width: 315px;
}

header .navigation {
    text-align: right;
}

@media (max-width: 768px) {
    header .navigation {
        text-align: center;
    }
    header .logout {
        margin-bottom: 20px;
    }
}

header nav {
    margin-top: 10px;
}

header nav .button.outline {
    font-family: 'GTA-Light', Helvetica, sans-serif;
    color: #959595;
    border-color: transparent;
    padding: 6px 13px 8px;
    font-size: 16pt;
    text-transform: capitalize;
}

header nav .button.current {
    color: #6AA03B;
    border-color: #6AA03B;
}

header #sub-nav {
    margin-top: 8px;
}

header #sub-nav a {
    color: #6AA03B;
    font-size: 11pt;
    margin-left: 15px;
    display: inline-block;
    line-height: 140%;
}

header #sub-nav a.current {
    text-decoration: underline;
}

.pagination {
    margin-top: 35px;
    align-content: center;
}

.pagination .styled-select {
    width: 120px;
}

.pagination p {
    font-family: 'GTA-Light', Helvetica, sans-serif;
    font-size: 18pt;
    text-align: right;
    padding-right: 30px;
}

.pagination span {
    color: #959595;
}

.pagination .column:nth-child(3) {
    flex-grow: 0;
    align-self: center;
}

.pagination .button {
    margin-bottom: 0px;
    border-color: rgba(0, 0, 0, 0.2);
}

#heading {
    margin-bottom: 20px;
}

#heading .column {
    padding: 0px 20px;
    align-self: center;
}

#heading .column.text-right {
    text-align: right;
}

#heading span#column_text {
    font-family: 'GTA-Regular', Helvetica, sans-serif;
    color: black;
    font-size: 80%;
}

#heading .column:nth-child(1) {
    flex-grow: 0;
}

#heading h1 {
    color: #959595;
    margin-bottom: 0px;
}

#heading .reset {
    color: #6AA03B;
    margin-right: 20px;
}

#heading .deletable {
    opacity: 0.5;
    background: transparent url(/img/delete.svg) no-repeat;
    position: relative;
    top: -7px;
    left: -15px;
    width: 28px;
    height: 28px;
    padding: 0px;
}

#heading .deletable:hover {
    opacity: 1;
}

#heading #search {
    flex-grow: 2;
}

#heading #search label {
    position: relative;
}

#heading #search input[type="text"] {
    margin-bottom: 5px;
}

#heading #search input[type="submit"] {
    background-color: unset;
    color: transparent;
    background: url(/img/icon-search.svg) no-repeat center center;
    position: absolute;
    top: 10px;
    right: 0px;
    width: 32px;
    height: 16px;
    margin-bottom: 0px;
}

#heading.login {
    max-width: 800px;
    margin: 0 auto;
}

#heading.login h1 {
    margin-bottom: 20px;
}

#heading.login form {
    width: 100%;
}

@media (max-width: 768px) {
    #heading .column:nth-child(1) {
        flex-grow: 1;
    }
    #heading .deletable {
        left: 0px;
        top: 0px;
    }
}

#heading #date-range .column:nth-child(1) {
    flex-grow: 1;
}

section#guardian_container.collapsed,
section#guardian_container.animating {
    overflow: hidden;
}

section#guardian_container section.green.mid {
    border-bottom: 6px solid #6AA03B;
}

section.client.guardians_control {
    padding-bottom: 30px;
}

section.client,
section.record {
    padding: 15px 0px 45px 0px;
}

section.client .column.indicator,
section.record .column.indicator {
    flex-grow: 0;
    position: relative;
    padding-top: 8px;
}

section.client.collapsed,
section.record.collapsed,
section.client.animating,
section.record.animating {
    overflow: hidden;
}

section.client .indicator button,
section.record .indicator button {
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    font-family: 'GTA-Medium', Helvetica, sans-serif;
    background-color: #6AA03B;
    color: white;
    font-size: 14pt;
    padding: 5px 12px 8px;
    position: relative;
    text-transform: none;
}

section.client .indicator button:hover,
section.record .indicator button:hover {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -o-border-radius-bottomleft: 4px;
    -o-border-radius-topleft: 4px;
    -ms-border-radius-bottomleft: 4px;
    -ms-border-radius-topleft: 4px;
    border-radius: 4px 0 0 4px;
    background-color: #a11818;
    font-size: 18pt;
    padding: 1px 8px 4px 9px;
}

section.client .indicator button:hover::after,
section.record .indicator button:hover::after {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -o-border-radius-bottomright: 4px;
    -o-border-radius-topright: 4px;
    -ms-border-radius-bottomright: 4px;
    -ms-border-radius-topright: 4px;
    border-radius: 0 4px 4px 0;
    font-family: 'GTA-Light', Helvetica, sans-serif;
    background-color: #CE1E1E;
    content: 'Delete?';
    font-size: 14px;
    position: absolute;
    right: -75px;
    top: 0px;
    padding: 7px 14px 11px;
    z-index: 10;
}

section.client .controls,
section.record .controls {
    text-align: right;
}

section.client h1,
section.record h1 {
    margin-bottom: 0px;
    display: inline-block;
}

section.client h2,
section.record h2 {
    margin: 0px 20px 0px 0px;
    float: left;
}

section.client a.toggle,
section.record a.toggle {
    height: 47px;
    display: inline-block;
}

section.client a.toggle span,
section.record a.toggle span {
    font-family: 'GTA-Bold', Helvetica, sans-serif;
    margin-left: 15px;
    opacity: 0.5;
}

section.client .column,
section.record .column {
    padding: 0px 2% 0px;
    margin-top: 20px;
    position: relative;
}

section.client .column .column,
section.record .column .column {
    padding: 0px;
}

section.client .highlight input,
section.record .highlight input {
    background-color: #FFEE85;
    padding-left: 10px;
}

section.record {
    display: flex;
    flex-wrap: wrap;
}

section[id^="contact_details"] .flex {
    flex-direction: row-reverse;
}

section[id^="contact_details"] .flex .flex {
    flex-direction: unset;
}

section#billing-report-data thead th {
    padding: 10px;
}

section#billing-report-data tbody td a {
    display: inline-block;
    padding-right: 5px;
}

.permission {
    margin-top: 20px;
}

.permission h2 {
    display: block;
    width: 100%;
    color: #959595 !important;
    margin-bottom: 20px !important;
}

.permission input[type="checkbox"]:checked::after {
    background-color: #448BBE;
}

.permission label>input {
    margin-right: 20px;
}

section.white h1 {
    color: #959595;
}

section.rust {
    background-color: rgba(255, 186, 117, 0.18);
}

section.rust a.toggle {
    color: #B76A22;
}

section.rust button,
section.rust .indicator button {
    background-color: #B76A22;
}

section.gold {
    background-color: rgba(255, 234, 124, 0.1);
}

section.gold a.toggle {
    color: #BE9B44;
}

section.gold button,
section.gold .indicator button {
    background-color: #BE9B44;
}

section.green {
    background-color: rgba(106, 160, 59, 0.1);
}

section.green a.toggle,
section.green h1 {
    color: #6AA03B;
}

section.green.mid {
    background-color: rgba(106, 160, 59, 0.1);
    /*background-color: fadeout(#6AA03B, 80%);*/
}

section.green.dark {
    background-color: rgba(106, 160, 59, 0.3);
}

section.teal {
    background-color: rgba(99, 154, 136, 0.2);
}

section.teal a.toggle,
section.teal h1,
section.teal h2 {
    color: #639A88;
}

section.teal button,
section.teal .indicator button {
    background-color: #639A88;
}

section.teal hr,
section.teal .flex .row {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 6px solid #639A88;
}

section.blue {
    background-color: rgba(124, 231, 255, 0.1);
}

section.blue a.toggle,
section.blue h1,
section.blue h2 {
    color: #448BBE;
}

section.blue button,
section.blue .indicator button {
    background-color: #448BBE;
}

section.darkblue {
    background-color: rgba(117, 190, 255, 0.18);
}

section.darkblue a.toggle,
section.darkblue h1,
section.darkblue h2 {
    color: #1E5C93;
}

section.darkblue button,
section.darkblue .indicator button {
    background-color: #1E5C93;
}

section.red button,
section.red .indicator button {
    background-color: #CE1E1E;
}

section.red p {
    color: #CE1E1E;
}

section.table {
    padding: 20px;
}

section.table h2 {
    color: #959595;
}

section.table h2 span {
    font-size: 80%;
    padding-left: 20px;
}

section.table section section h3 {
    padding-top: 20px;
}

section.table .billing-percentage {
    margin: 30px 0px;
}

section.table .billing-percentage .column {
    width: 16%;
}

section.table .billing-percentage .column:nth-child(2n) {
    width: 5%;
    text-align: center;
    color: #959595;
    align-self: center;
}

section#lists {
    padding: 15px 0px 45px 0px;
}

section#lists .flex {
    align-items: bottom;
}

section#lists .column {
    padding: 0px 20px 30px;
    align-self: flex-end;
}

section#lists a {
    color: #6AA03B;
    text-decoration: underline;
    display: inline-block;
}

section#lists a.button.small {
    color: white;
    float: right;
    text-decoration: none;
}

section#lists p {
    font-family: 'GTA-Light', Helvetica, sans-serif;
    color: #959595;
    font-size: 12pt;
    padding-bottom: 10px;
    min-height: 35px;
    border-bottom: 2px solid rgba(149, 149, 149, 0.3);
}

div#loader {
    background-color: white;
    opacity: 1;
    position: fixed;
    display: block;
    text-align: center;
    padding-top: 5%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
}

@media print {
    @page {
        margin: 0.75cm 0.5cm 0.5cm 1cm;
    }
    body {
        font-size: 8pt;
    }
    header,
    button,
    .button,
    .collapsed,
    form .styled-select img,
    .indicator,
    .controls,
    form#teamPerPage,
    h1 span:not(#column_text),
    section#archive_client,
    div#loader,
    section#client_details h1 {
        display: none;
    }
    form input[type="text"],
    form input[type="password"],
    form input[type="number"],
    form input[type="email"],
    form input[type="date"],
    form textarea,
    form select {
        font-size: 10pt;
        padding: 5px 0px;
        line-height: 100%;
    }
    form label,
    form input[type="text"].label {
        font-size: 8pt;
        line-height: 100%;
        color: rgba(0, 0, 0, 0.5);
    }
    form input[type="number"] {
        border: 1px solid rgba(0, 0, 0, 0.2);
        width: auto;
        padding: 5px;
        width: 40px;
    }
    form .selectize-dropdown,
    form .selectize-input,
    form .selectize-input input {
        font-size: 10pt;
        line-height: 100%;
        padding: 5px 0px;
    }
    form .selectize-control.multi .selectize-input [data-value] {
        border: 0px;
        padding: 0px;
        font-size: 10pt;
    }
    section.table {
        padding: 0px 20px;
    }
    section.table th {
        font-family: 'GTA-Light', Helvetica, sans-serif;
        font-size: 8pt;
        color: #959595;
        padding: 5px;
    }
    section.table td {
        font-family: 'GTA-Regular', Helvetica, sans-serif;
        font-size: 10pt;
        padding: 5px;
    }
    section.table td:first-of-type,
    section.table th:first-of-type {
        padding-left: 0px;
    }
    section.table td a {
        color: #959595;
        text-decoration: none;
    }
    section.table td input {
        font-size: 10pt;
        border-bottom: 0px;
        padding: 0px;
    }
    section.table .se>h1 {
        font-family: 'GTA-Bold', Helvetica, sans-serif;
        font-size: 12pt;
        margin-bottom: 0px;
    }
    section.table tr.group td {
        font-size: 8pt;
    }
    section.table tr.note {
        background-color: transparent;
        border-bottom: 1px solid rgba(149, 149, 149, 0.3);
    }
    section.table tr.note:after {
        border: 2px solid #959595;
        width: 15px;
        height: 15px;
        padding-top: 0px;
        top: 7px;
    }
    section.table section section h3 {
        padding-top: 5px;
    }
    section.table .contracts_due_notes {
        font-size: 8pt;
        height: auto;
        max-height: 100px;
    }
    section.table span.travel-time {
        font-size: 8pt;
        padding: 3px;
    }
    .pagination {
        margin-top: 0px;
    }
    .pagination p {
        font-size: 10pt;
    }
    a.toggle {
        height: auto !important;
        width: 100%;
        display: block;
    }
    h1 {
        font-family: 'GTA-Medium', Helvetica, sans-serif;
        color: black !important;
        font-size: 16pt;
        display: block;
        width: 100%;
        page-break-after: avoid;
    }
    h3 {
        color: #393939;
        font-size: 10pt;
        padding-top: 0px;
    }
    h4 {
        font-family: 'GTA-Bold', Helvetica, sans-serif;
        font-size: 12pt;
    }
    h5 {
        font-family: 'GTA-Bold', Helvetica, sans-serif;
    }
    section#heading {
        margin-bottom: 20px;
    }
    section#heading h1.full {
        margin: 0px 20px 10px;
        padding-left: 0px;
    }
    section#heading form .column:first-of-type:not(.fourth) {
        width: 50%;
    }
    section#heading .fourth {
        width: 20%;
    }
    section#heading .third {
        width: 20%;
    }
    section#heading label {
        padding-bottom: 0px;
    }
    section#billing-report-data thead th {
        padding: 4px;
    }
    section#billing-report-data .se {
        break-inside: avoid;
    }
    section#billing-report-data tbody tr a {
        font-size: 8pt;
        color: black;
        text-decoration: none;
    }
    section.client {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
        break-inside: avoid;
    }
    section.client h2 {
        color: #959595;
        font-size: 12pt;
    }
    section.client .column {
        width: 25%;
        flex-grow: 0;
    }
    section.client .column:first-of-type {
        width: 100%;
    }
    section.client .column.two-thirds {
        width: 100%;
    }
    section#client_details .column {
        align-content: center;
        align-self: center;
    }
    section#client_details .third:nth-child(2) input,
    section#client_details .third:nth-child(3) input {
        font-family: 'GTA-Light', Helvetica, sans-serif;
        font-size: 18pt;
    }
    section#client_details .third:nth-child(5) {
        width: 15%;
    }
    section#client_details .third:nth-child(6) {
        width: 10%;
    }
    section#client_details .third:nth-child(9) {
        width: 50%;
    }
    section#client_details .four-fifths {
        width: 75%;
    }
    section[id^="contact_details"] .column.third,
    section[id^="contact_details"] .column.two-thirds {
        width: 50%;
    }
    section[id^="contact_details"] .column.two-thirds .full,
    section[id^="contact_details"] .column.third .full {
        width: 100% !important;
    }
    section[id^="contact_details"] .flex {
        flex-direction: row-reverse;
    }
    section[id^="contact_details"] h1 {
        display: none;
    }
    section#address h1,
    section.green.mid h1 {
        display: none;
    }
    section#address .column.five-twelfths,
    section.green.mid .column.five-twelfths {
        width: 41.6%;
    }
    section#address .column.fourth,
    section.green.mid .column.fourth {
        width: 25%;
    }
    section#address .column.sixth,
    section.green.mid .column.sixth {
        width: 16.6667%;
    }
    section#archive_client .column {
        width: 20%;
    }
    section#guardian_container {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        border: 2px solid #393939;
    }
    section#guardian_container section:not(:first-of-type) {
        overflow: visible;
    }
    section#guardian_container section.guardians .flex .column.third,
    section#guardian_container section.guardians .flex .column.third {
        width: 45%;
    }
    section#guardian_container .column.full {
        width: 100% !important;
    }
    section#guardian_container section section:not(:first-of-type) h1 {
        display: none;
    }
    section#guardian_container input[type="checkbox"]:checked::after {
        box-shadow: inset 0 0 0 1000px black;
    }
    section#guardian_container section section {
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        -o-border-radius: 0px !important;
        -ms-border-radius: 0px !important;
        border-radius: 0px !important;
        border: 0;
        margin-bottom: 0px !important;
    }
    section#guardian_container section.green.mid {
        border-bottom: 8px solid black;
    }
    section#guardian_container section.green:first-of-type .column.two {
        width: 10%;
    }
    section#contracts .flex:not(:first-child) .flex {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        border: 2px solid black;
        margin-bottom: 15px;
    }
    section#contracts .row.flex .four-fifths:nth-child(10) {
        width: 100%;
        order: 7;
    }
    section#contracts .row.flex .half {
        width: 100%;
        order: 6;
    }
    section#contracts input[type=number] {
        border-top: 0px;
        border-right: 0px;
        border-left: 0px;
        width: 100%;
    }
    section#contracts input[type=number]::-webkit-inner-spin-button,
    section#contracts input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    section#contracts input[type=number] {
        -moz-appearance: textfield;
    }
    section#contracts-due-data .contracts_due_notes {
        overflow: hidden;
        resize: none;
        font-size: 8pt;
        padding: 0px;
    }
    section#contracts-due-data td {
        vertical-align: middle;
        padding: 0px;
    }
    table#hours-remaining {
        margin-bottom: 5px;
    }
    table#hours-remaining table {
        margin-bottom: 5px;
    }
    table#hours-remaining thead th:nth-of-type(3) {
        display: none;
    }
    table#hours-remaining h4 {
        margin-bottom: 0px;
    }
    section.teal hr,
    section.teal .flex .row {
        border-bottom: 1px solid #959595;
    }
}