-webkit-column-gap: @font-face {font-weight: normal; font-style: normal;
    font-family: 'Avenir';
    src: url('https://assets.lookbooks.io/f/AvenirNext-Regular.eot');
    src: url('https://assets.lookbooks.io/f/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'),
         url('https://assets.lookbooks.io/f/AvenirNext-Regular.woff') format('woff'),
         url('https://assets.lookbooks.io/f/AvenirNext-Regular.ttf') format('truetype'),
         url('https://assets.lookbooks.io/f/AvenirNext-Regular.svg#AvenirNext-Medium') format('svg');
}
@font-face {font-weight: 500; font-style: normal;
    font-family: 'Avenir';
    src: url('https://assets.lookbooks.io/f/AvenirNext-Medium.eot');
    src: url('https://assets.lookbooks.io/f/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),
         url('https://assets.lookbooks.io/f/AvenirNext-Medium.woff') format('woff'),
         url('https://assets.lookbooks.io/f/AvenirNext-Medium.ttf') format('truetype'),
         url('https://assets.lookbooks.io/f/AvenirNext-Medium.svg#AvenirNext-Medium') format('svg');
}
@font-face {font-weight: 500; font-style: italic;
    font-family: 'Avenir';
    src: url('https://assets.lookbooks.io/f/AvenirNext-MediumItalic.eot');
    src: url('https://assets.lookbooks.io/f/AvenirNext-MediumItalic.eot?#iefix') format('embedded-opentype'),
         url('https://assets.lookbooks.io/f/AvenirNext-MediumItalic.woff') format('woff'),
         url('https://assets.lookbooks.io/f/AvenirNext-MediumItalic.ttf') format('truetype'),
         url('https://assets.lookbooks.io/f/AvenirNext-MediumItalic.svg#AvenirNext-MediumItalic') format('svg');
}
@font-face {font-weight: 600; font-style: normal;
    font-family: 'Avenir';
    src: url('https://assets.lookbooks.io/f/AvenirNext-DemiBold.eot');
    src: url('https://assets.lookbooks.io/f/AvenirNext-DemiBold.eot?#iefix') format('embedded-opentype'),
         url('https://assets.lookbooks.io/f/AvenirNext-DemiBold.woff') format('woff'),
         url('https://assets.lookbooks.io/f/AvenirNext-DemiBold.ttf') format('truetype'),
         url('https://assets.lookbooks.io/f/AvenirNext-DemiBold.svg#AvenirNext-DemiBold') format('svg');
}
@font-face {font-weight: 600; font-style: italic;
    font-family: 'Avenir';
    src: url('https://assets.lookbooks.io/f/AvenirNext-DemiBoldItalic.eot');
    src: url('https://assets.lookbooks.io/f/AvenirNext-DemiBoldItalic.eot?#iefix') format('embedded-opentype'),
         url('https://assets.lookbooks.io/f/AvenirNext-DemiBoldItalic.woff') format('woff'),
         url('https://assets.lookbooks.io/f/AvenirNext-DemiBoldItalic.ttf') format('truetype'),
         url('https://assets.lookbooks.io/f/AvenirNext-DemiBoldItalic.svg#AvenirNext-DemiBoldItalic') format('svg');
}
@font-face {font-weight: 700; font-style: normal;
    font-family: 'Avenir';
    src: url('https://assets.lookbooks.io/f/AvenirNext-Bold.eot');
    src: url('https://assets.lookbooks.io/f/AvenirNext-Bold.eot?#iefix') format('embedded-opentype'),
         url('https://assets.lookbooks.io/f/AvenirNext-Bold.woff') format('woff'),
         url('https://assets.lookbooks.io/f/AvenirNext-Bold.ttf') format('truetype'),
         url('https://assets.lookbooks.io/f/AvenirNext-Bold.svg#AvenirNext-Bold') format('svg');
}
@font-face {font-weight: 700; font-style: italic;
    font-family: 'Avenir';
    src: url('https://assets.lookbooks.io/f/AvenirNext-BoldItalic.eot');
    src: url('https://assets.lookbooks.io/f/AvenirNext-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('https://assets.lookbooks.io/f/AvenirNext-BoldItalic.woff') format('woff'),
         url('https://assets.lookbooks.io/f/AvenirNext-BoldItalic.ttf') format('truetype'),
         url('https://assets.lookbooks.io/f/AvenirNext-BoldItalic.svg#AvenirNext-BoldItalic') format('svg');
}


body {font-family: 'Avenir', helvetica; color: #4a4a4a; font-size: 12px; line-height: 18px; -webkit-font-smoothing: antialiased; background-color: #f9f9f9;}

::selection {background: #8ed0d0;}

/* grid layout to remove all spacing from bootstrap */
[class^=col-] {padding: 0px;}

/* main typography */
h1,h2,h3,h4,h5,h6 {font-weight: 700; color: #4a4a4a;}
h1 {font-size: 3em;}
h2 {font-size: 2.5em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.43em;}
h5 {font-size: 1.15em;}
h6 {font-size: 1em;}

.header-title {font-size: 36px; font-weight: 700; font-style: italic;}
.header-subtitle {font-size: 18px; font-weight: normal;}
.section-title {font-size: 24px; font-weight: 600;}
.nav-title, .section-subtitle {font-size: 13px; text-transform: uppercase; font-weight: 700; color: #000;}

.title-sup {position: relative; text-transform: uppercase; top: -0.75em; color: #fff; padding: 0.15em 0.5em; font-size: 0.45em; line-height: 1em; border-radius: 2px; background-color: #4a4a4a;}

code {color: #0a70e4; background-color: #f0f6ff; font-size: 12px; line-height: 16px;}
code > * {-webkit-font-smoothing: subpixel-antialiased;}
ul, ol {list-style-position: inside; padding-left: 0;}
.capitalize {text-transform: capitalize !important;}

a {color: #777;}
a:hover {color: #000; text-decoration: underline;}
a:active {color: #000;}

strong {font-weight: 600;}

.scrollable {overflow: auto;}
.scrollable-y {overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
.scrollable-x {overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch;}

/* basic elements */
.badge {display: inline-block; font-size: 0.875em; border-radius: 2em; min-width: 1em; line-height: 1em; padding: 0.3em 0.55em 0.4em 0.6em; background-color: #000;}
.badge.left {float: left; margin-right: 0.8em;}

.right {float: right;}
.left {float: left;}

i.fa.left {margin-right: 0.5em;}
i.fa.right {margin-left: 0.5em;}

.row {margin-left: 0px; margin-right: 0px;}

/* general overrides */
.padding {padding: 16px !important;}
.no-padding {padding: 0px !important;}

.border {border: 1px solid #a9a8a8;}
.no-border {border: 0px !important;}

.no-bg {background: transparent !important;}
.bg-grey {background-color: #F6F6F6;}
.bg-teal {background-color: #E4F4F4;}
.bg-white {background-color: #fff;}

.height-auto {height: auto !important;}

.hidden {display: none;}
.visible {display: block;}

/* inline and popup editing */
.editable-click,
a.editable-click,
a.editable-click:hover {border-bottom: 0px;}

.editable-input > input {width: 100%; box-sizing: border-box;}

/* images */
.img {background: #f6f6f6; image-rendering:optimizeSpeed;}
.img-round {border-radius: 0.2em;}
.img-circle {border-radius: 50%;}
.img-square {border-radius: 0px;}
.img-border {border: 1px solid #a9a8a8;}
.img-frame {border: 1px solid #a9a8a8; padding: 2px; background-color: #fff;}

.img-thumbnail {width: 100px; height: 100px; border: 0px; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.img-thumbnail-large {width: 200px; height: 200px;}
.img-thumbnail-medium {width: 150px; height: 150px;}
.img-thumbnail-small {width: 50px; height: 50px;}
.img-thumbnail-xsmall {width: 25px; height: 25px;}

/* thumbnails */
.thumb-list {margin: 0px; padding: 0px; list-style: none; display: block;}
.thumb-list:after {content: ''; clear: both; display: block;}
.thumb-item {display: block; position: relative; float: left; width: 100px; height: auto; margin: 5px; cursor: pointer; opacity: 0.5;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.thumb-item .lb-icon {position: absolute; top: 50%; left: 50%; display: block; height: 24px; width: 24px; transform: translate(-50%, -50%);}
.thumb-image {height: 100%; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.thumb-item:hover, .thumb-item.sel {opacity: 1;}

.thumb-horizontal {height: 84px; width: 100%; position: relative;}
.thumb-horizontal .thumb-list {position: relative; display: table; height: 60px; padding: 0 0.5em; margin: 0 auto; background-color: #fff; background-color: rgba(255,255,255,0.65);}
.thumb-horizontal .thumb-item {display: table-cell; float: none; width: auto; padding: 1em 0.5em;}
.thumb-horizontal .thumb-image {height: 60px; width: auto;}

.thumb-layout-cropped .thumb-image {background-size: cover;}

.thumb-style-frame .thumb-image {border: 2px solid #fff; box-shadow: 0px 0px 1px rgba(0,0,0,0.15), 0px 1px 1px rgba(0,0,0,0.2);}

img.retina {display: none;}

/* ----- INPUT ELEMENTS ----- */
:focus, :active, :visited, :hover {outline: none !important;}
::-moz-focus-inner {border: 0px;}
::-webkit-input-placeholder {padding-top: 0.2em; font-weight: 400 !important; color: #c2c2c2 !important;}
:-moz-input-placeholder {padding-top: 0.2em; font-weight: 400 !important; color: #c2c2c2 !important;}
::-moz-input-placeholder {padding-top: 0.2em; font-weight: 400 !important; color: #c2c2c2 !important;}
:-ms-input-placeholder {padding-top: 0.2em; font-weight: 400 !important; color: #c2c2c2 !important;}
/* labels */
.label, label {padding: 0.5em 1em 0.5em 0; margin: 0px; display: block; font-size: 1em; color: #5c5c5c; font-weight: 600;}
.label.inline {display: inline;}
.form-inline label {display: inline-block; padding-bottom: 0px;}
.checkbox label, .radio label {font-weight: 400; font-size: inherit; text-transform: none; letter-spacing: 0em;}

input,
textarea,
select,
button,
.form-control,
.chosen-container-single .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single {height: auto; line-height: 1em; letter-spacing: inherit; font-size: inherit; font-family: inherit; box-sizing: border-box; border-radius: 0; padding: 0.5em 0.5em 0.4em 0.5em; border: 0px; border-bottom-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.2); color: #000; font-family: inherit; letter-spacing: inherit; background: transparent; -webkit-box-shadow: none; box-shadow: none;}
.bootstrap-select.form-control {border: 0px; border-bottom-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.2);}
input,
textarea {resize: none; -webkit-box-shadow: none; box-shadow: none;}
textarea.resize-vertical {resize: vertical;}
textarea.resize-horizontal {resize: horizontal;}
textarea.resize {resize: both;}
select, select.form-control {height: 2.2em; box-shadow: none; -webkit-appearance: none;}
.form-control {width: 100%;}
input:focus,
textarea:focus,
.form-control:focus {border-color: #363636; background: transparent; box-shadow: none;}
select:focus, select.form-control:focus {border-color: rgba(0,0,0,0.05); box-shadow: none;}

/* bootstrap select */
.bootstrap-select > .btn {text-transform: none; font-weight: normal !important;}

/* custom checkboxes */
.checkbox {position: relative; margin-top: 0px;}
.checkbox label {cursor: pointer; display: inline-block;}
.checkbox input[type=checkbox] {position: absolute; z-index: 1; opacity: 0; cursor: pointer; height: 17px; width: 17px; top: 0.5em;}
.checkbox input + span:before {content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; border: 2px solid rgba(0,0,0,0.2); border-radius: 17px; color: rgba(0,0,0,0.8); background-color: transparent;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.checkbox input:checked + span:before {border-color: rgba(0,0,0,0.8); background: rgba(0,0,0,0.8);}
.checkbox input:checked + span:after {display: inline-block; position: absolute; width: 17px; height: 17px; text-align: center; line-height: 16px; left: 0; top: 0; font-size: 10px; font-family: 'fontawesome'; content: "\f00c"; color: #fff;}
.checkbox span {position: relative; display: inline-block; padding-left: 22px;}

/* custom radio buttons */
.radio {position: relative; margin-top: 0px;}
.radio label {cursor: pointer; display: inline-block;}
.radio input[type=radio] {position: absolute; z-index: 1; opacity: 0; top: 0.85em; cursor: pointer; height: 10px;}
.radio input + span:before {content: ""; display: inline-block; position: absolute; width: 10px; height: 10px; top: 0.85em; left: 0; border: 2px solid rgba(0,0,0,0.2); border-radius: 10px; color: #4a4a4a; background-color: rgba(0,0,0,0);
	-webkit-transition: border 0.15s ease-in-out, background 0.15s ease-in-out;
	-moz-transition: border 0.15s ease-in-out, background 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, background 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, background 0.15s ease-in-out;
}
.radio input:checked + span:before {border-color: rgba(0,0,0,0.8); background-color: rgba(0,0,0,0.8);}
.radio label {padding-left: 16px;}

.chosen-container {font-size: inherit;}

/* input group */
.input-group {margin-right: 1em;}
.input-group :first-child {border-top-right-radius: 0px;}
.input-group :first-child {border-bottom-right-radius: 0px;}
.input-group :last-child {border-top-left-radius: 0px;}
.input-group :last-child {border-bottom-left-radius: 0px;}

.input-group-addon {box-sizing: border-box; border-radius: 0; padding: 0.4em 1em; line-height: 1em; font-size: inherit; border-color: transparent; background: transparent;}

.input-combo *:not(:last-child) {border-right: 0px;}

.input-group .btn { border-radius: 0;}
/*.input-group .btn.btn-default {background: #a39e9e; border-color: #a39e9e}*/
/* date input */
.input-date {position: relative;}
.input-date input {padding-right: 2em;}

/* time input */
.input-time {position: relative;}
.input-time input {padding-right: 2em;}

/* telephone input */
.input-telephone,
.intl-tel-input {position: relative; display: block;}
.input-telephone > input,
.intl-tel-input > input {padding-left: 48px;}
.iti-flag {box-shadow: none; background-color: transparent;}
.intl-tel-input .country-list {margin: 0 0 0 -1px; border: 0px; border-radius: 0; box-shadow: none; border: 1px solid rgba(0,0,0,0.2); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}

.input-date i.fa,
.input-time i.fa,
.input-telephone i.fa {z-index: 1; position: absolute; width: auto; top: 50%; right: 0.5em; margin-top: -0.5em; color: #c2c2c2; font-size: 1.15em;}


/* ----- BUTTONS ----- */
/* general */
.btn {position: relative; padding: 0.65em 1em 0.65em 1em; font-family: 'niveau-grotesk'; text-transform: uppercase; font-size: inherit; border-radius: 2px; border: 1px solid transparent; line-height: 1em; font-weight: 500; color: #555; text-shadow: none; box-shadow: none; cursor: pointer;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
.btn-info, .btn-primary, .btn-danger, .btn-warning, .btn-success, .btn-secondary {color: #fff;}
.btn-link {border: 0px;}
.btn-group.padding-bottom {padding-bottom: 1em;}
.btn-group + .btn {margin-right: 0.5em;}
.btn-group > .btn:hover {transform: translateY(0);
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	-o-box-shadow: 0;
	box-shadow: none;
}
.btn .caret {height: 8px;}
.btn-group.open .btn .caret {-webkit-transform: rotate(180deg); margin-top: -6px;}
.btn.active, .btn:active {box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15);}
.btn, .btn:hover, .btn:active, .btn:focus, .open > .btn.dropdown-toggle {text-decoration: none; background: transparent; -webkit-box-shadow: none; box-shadow: none;}
.btn:hover {box-shadow: 0px 7px 10px rgba(0,0,0,0.1);
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-o-transform: translateY(-2px);
	transform: translateY(-2px);
}
.btn:active, .btn:focus {box-shadow: none;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
/* shared by non-primary buttons */
.btn-default,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {border-color: #000000; color: #000000; background: #fff;}
.btn-default:disabled, .btn-default.disabled,
.btn-success:disabled, .btn-success.disabled,
.btn-info:disabled, .btn-info.disabled,
.btn-warning:disabled, .btn-warning.disabled,
.btn-danger:disabled, .btn-danger.disabled {border-color: rgba(0,0,0,0.2); color: rgba(0,0,0,0.3); background: transparent;}

/* default */
.btn-default:hover,
.btn-default:focus {border-color: #000; color: #fff; background: #000;}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {background: #eee; box-shadow: inset 0px 0px 0.15em 0.05em rgba(0, 0, 0, 0.25);}
.btn-default:disabled, .btn-default.disabled {}

/* primary */
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary:disabled,
.open > .dropdown-toggle.btn-primary {border-color: #363636; background: #363636;}
.btn-primary:hover, .btn-primary:focus {background:#000; border-color: #000;}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {background: #363636; color: #666; box-shadow: inset 0px 0px 0.2em 0.1em rgba(0,0,0,0.25);}/*091515*/
.btn-primary:disabled, .btn-primary.disabled {background: #c2c2c2; border-color: #c2c2c2; color: #ededed;}

/* success */
.btn-success {color: #1F4545; background-color: #8ED0D0; border: transparent;}
.btn-success:hover, .btn-success:focus, .btn-success:active {background-color: #588e8e; color: #fff;}
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {background: #8ED0D0; border-color: #1F4545; color:#b8ccb8; box-shadow: inset 0px 0px 0.15em 0.05em rgba(0, 0, 0, 0.25);}
.btn-success:disabled, .btn-success.disabled {}

/* info */
.btn-info:hover {background: #36607f; border-color: #36607f; color: #fff;}
.btn-info:focus {background: transparent; border-color: #36607f; color: #36607f;}
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {background: #0a3a66; border-color: #0a3a66; color:#b0c5d1; box-shadow: inset 0px 0px 0.15em 0.05em rgba(0, 0, 0, 0.25);}
.btn-info:disabled, .btn-info.disabled {}

/* warning */
.btn-warning:hover {background: #d18f52; border-color: #d18f52; color: #fff;}
.btn-warning:focus {background: transparent; border-color: #d18f52; color: #d18f52;}
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {background: #bf651b; border-color: #bf651b; color:#f7dcc6; box-shadow: inset 0px 0px 0.15em 0.05em rgba(0, 0, 0, 0.25);}
.btn-warning:disabled, .btn-warning.disabled {}

/* danger */
.btn-danger:hover {background: #942911; border-color: #942911; color: #fff;}
.btn-danger:focus {background: transparent; border-color: #af5155; color: #af5155;}
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {background: #8f1d21; border-color: #8f1d21; color: #e3babc; box-shadow: inset 0px 0px 0.15em 0.05em rgba(0, 0, 0, 0.25);}
.btn-danger:disabled, .btn-danger.disabled {}

/* secondary */
.btn-secondary {background: #999; background: rgba(0,0,0,0.4); border-color: transparent; color: #fff;}
.btn-secondary:hover, .btn-secondary:focus {background: #888; background: rgba(0,0,0,0.55); border-color: transparent; color: #fff;}
.btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary {background: #888; background: rgba(0,0,0,0.55); border-color: transparent; border-color: rgba(0,0,0,0.55); color:#fff; box-shadow: inset 0px 0px 0.15em 0.05em rgba(0, 0, 0, 0.25);}
.btn-secondary:disabled, .btn-secondary.disabled {}

/* link */
.btn-link {color: #363636; text-transform: none;}
.btn-link:hover, .btn-link:focus {color: #000; text-decoration: none; box-shadow: none; background: transparent;}
.btn-link:active {color: #666;}

/* social */
.btn-social {margin: 0 4px;}
.btn-social:hover {box-shadow: inset 0px 0px 50px rgba(0,0,0,0.2);}
.btn-facebook {color: #3b5998;}
.btn-facebook:hover {color: #fff; background: #3b5998;}
.btn-twitter {color: #55acee;}
.btn-twitter:hover {color: #fff; background: #55acee;}
.btn-pinterest {color: #bd081c;}
.btn-pinterest:hover {color: #fff; background: #bd081c;}
.btn-tumblr {color: #36465d;}
.btn-tumblr:hover {color: #fff; background: #36465d;}
.btn-linkedin {color: #0077B5;}
.btn-linkedin:hover {color: #fff; background: #0077B5;}
.btn-google-plus{color: #e46206;}
.btn-google-plus:hover {color: #fff; background: #e46206;}
.btn-email {color: #4a4a4a;}
.btn-email:hover {color: #fff; background: #4a4a4a;}

/* button icon */
.btn-icon {width: 3em; padding: auto 0; text-align: center; background: #fff;}
.btn-circle {border-radius: 2em; height: 2em; width: 2em; line-height: 1.5em; font-size: 1.5em; padding: 0px; text-align: center;}
.btn-circle .fa {vertical-align: middle; line-height: 2em;}

/* button sizing */
.btn-xlg {font-size: 20px; padding: 0.85em 1.25em 0.85em 1.25em;}
.btn-lg {font-size: 16px; padding: 0.8em 1.1em 0.8em 1.1em;}
.btn-sm {font-size: 0.9em;}
.btn-xsm {font-size: 0.8em;}

/* button grouping */
.btn-bar {display: block; padding-top: 0.5em;}
.btn-bar > .btn {margin: 0 0.5em; float: left;}
.btn-bar > .btn:first-child {margin-right: 0.5em; margin-left: 0px;}
.btn-bar > .btn:last-child {margin-left: 0.5em; margin-right: 0px;}
.btn-bar:after {content: ''; clear: both; display: table;}
.btn-divider {display: inline-block; margin: 0 1em 0 0.9em; border-right: 1px solid #a9a8a8; padding: 0.45em 0 0.45em 0; vertical-align: middle; width: 1px;}
.btn-divider:before {content: '\00a0';}

/*
	status (these are the job status icons)
	their size and styling is adaptable based on font size
*/
.status {display: inline-block; font-size: 1em; width: 1em; height: 1em; border-radius: 1em; vertical-align: middle; background: #666;}
.btn .status+.caret {position: absolute; top: 50%; margin-left: 4px;}
.btn .caret {margin-left: 4px;}

/* ----- TAGS ----- */

.tags:after {display: table; clear: both; content: '';}
.tags .text {padding: 5px 6px 5px 0px; display: inline-block;}
.tag-item {display: inline-block; border-radius: 2px; padding: 5px 6px; margin: 0 8px 8px 0; line-height: 1em; cursor: pointer; white-space: nowrap; color: #1F4545; background-color: #E4F4F4;}
.tag-item > i.fa {font-size: 12px; margin-left: 3px}
.tag-item:hover {text-decoration: none;}
.tag-item.sel {background-color: #8ED0D0;}
.tag-item.sel i {color: #E4F4F4;}
.tag-item.subtract {color: #fff; background-color: #942911;}
.tag [data-role="remove"]:hover, .tag [data-role="remove"]:hover:active {box-shadow: none !important;}

/* ----- HTML5 Uploader ----- */
.btn.fileinput-button input[type="file"] {position: absolute; z-index: 1; opacity: 0; top: 0px; right: 0px; left: 0px; width: 100%; margin: 0px; direction: ltr; cursor: pointer;}
.btn.fileinput-button {overflow: hidden;}


/* ----- DROPDOWN MENU ----- */
.dropdown-menu {margin-top: -1px; border: 0px; border-radius: 0px; max-height: 250px; overflow: auto; min-width: 1em; font-size: inherit; line-height: inherit; border: 1px solid rgba(0,0,0,0.1); border-radius: 0px; box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
}
.dropdown-item {line-height: 1.5em;}
.dropdown-item.active, .dropdown-item:active {background-color: #8ED0D0;}
.dropdown-item:focus, .dropdown-item:hover {background-color: #E4F4F4;}
.dropdown-menu .dropdown-item {padding: 0.4em 1.75em; line-height: 1.4em; font-weight: 600;}
.dropdown-menu .dropdown-item:hover {background: #E4F4F4;}
.dropdown-menu .dropdown-item.selected:hover,
.dropdown-menu .dropdown-item:focus {background: none; background-color: #8ed0d0; color: #000;}
.dropdown-header {padding: 0.2em 1.1em;}
.dropdown-menu .divider {margin: 0.4em 0; height: 1px; background: #f6f6f6; background: rgba(0,0,0,0.1);}

/* hover coloring for non-default buttons */
.btn-primary+.dropdown-menu .dropdown-item:hover, .btn-primary+.dropdown-menu .dropdown-item:focus {background-color: #363636;}
.btn-success+.dropdown-menu .dropdown-item:hover, .btn-success+.dropdown-menu .dropdown-item:focus {background-color: #386038;}
.btn-info+.dropdown-menu .dropdown-item:hover, .btn-info+.dropdown-menu .dropdown-item:focus {background-color: #0a3a66;}
.btn-warning+.dropdown-menu .dropdown-item:hover, .btn-warning+.dropdown-menu .dropdown-item:focus {background-color: #bf651b;}
.btn-danger+.dropdown-menu .dropdown-item:hover, .btn-danger+.dropdown-menu .dropdown-item:focus {background-color: #8f1d21;}

/* dropup */
.dropup .dropdown-menu {margin-bottom: -2px; margin-top: 0px; border-radius: 0; border-top-right-radius: 3px; border-top-left-radius: 3px;}



/* form grid for handling fluid columns */
.form-field {padding-bottom: 16px;}
.form-group, .form-single {display: table; width: 100%; margin: 0 0 1em 0;}
.form-group:after {clear: both; content: ''; display: block;}
.form-group .form-field {display: table-cell; table-layout: fixed; vertical-align: bottom; box-sizing: border-box; padding: 0 0.5em;}
.form-group .form-field:first-child {padding-left: 0px;}
.form-group .form-field:last-child {padding-right: 0px;}
.form-group .form-field:only-child {padding: 0px; width: 100%;}
.form-group.full input,
.form-group.full select {width: 100%;}

.dropdown-menu i.fa {width: 1.2em; text-align: center;}

/* ----- FORMS ----- */
form, fieldset, legend {position: relative;}
legend {font-size: 1.35em; line-height: 1em; border: 0px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; text-align: left}
.form-basic {margin-top: 1.5em;}
.form-basic legend:after {padding-top: 0.25em; content: ''; width: 100%; display: block; border-bottom: 2px solid #363636;}

.form-box {clear: both; margin-top: 1.5em; border: 1px solid #363636; background: transparent; padding: 1.5em; border-radius: 0;}
.form-box legend {display: inline-block; width: auto; padding: 0.3em 0;}

.form-group.form-inline .form-field {display: inline-block;}
.form-inline .form-field {padding-bottom: 1em;}

label.error {width: 100%; display: block; text-align: left; color: #942911; font-weight: normal;}
input.error {border-color: #942911; color: #942911; background: #EFE0DD; background: rgba(148,41,17,0.12);}

.form-horizontal .form-group,
.form-horizontal .form-single {display: block; margin: 0px;}
.form-horizontal .form-field {display: table; width: 100%; padding: 0 0 0.5em 0;}
.form-horizontal .form-field label {width: 25%; display: table-cell; vertical-align: top; padding-top: 0.55em; padding-right: 0.8em; text-align: right;}
.form-horizontal .form-field input:is(type="text"),
.form-horizontal .form-field input:is(type="email"),
.form-horizontal .form-field input:is(type="password"),
.form-horizontal .form-field input:is(type="tel"),
.form-horizontal .form-field select,
.form-horizontal .form-field textarea,
.form-horizontal .form-field .chosen-container {width: 75%; display: table-cell; vertical-align: top;}
.form-horizontal .form-field select {width: 100%;}
.form-horizontal .form-field .input-inline {display: inline-block; margin-right: 1em;}
.form-horizontal .form-field .input-inline:last-child {margin-right: 0;}
.form-horizontal .checkbox .form-field label {width: auto; display: inline-block; margin-left: 25%; text-align: left;}
.form-horizontal .btn-bar {padding-left: 25%;}
.form-horizontal .form-group .form-group label {text-align: left; width: 100%;}

.form-horizontal.label-33 .form-field label {width: 33%; }
.form-horizontal.label-33 .form-field input:is(type="text"),
.form-horizontal.label-33 .form-field textarea,
.form-horizontal.label-33 .form-field .chosen-container {width: 67%; }
.form-horizontal.label-33 .checkbox .form-field label {margin-left: 33%;}
.form-horizontal.label-33 .btn-bar {padding-left: 33%;}

/* date fields */
.input.date > .btn-group {width: calc(50% - 1em); margin-right: 1em;}
.input.date > .btn-group + .btn-group {width: calc(20% - 1em);}
.input.date > .btn-group + .btn-group + .btn-group {width: 30%; margin-right: 0px;}

/* right aligned labels */
.labels-align-right label {text-align: right;}
.labels-align-left label {text-align: left;}

.btn-round, .form-round {border-radius: 2em !important;} /* round buttons and form fields */
.btn-square, .form-square {border-radius: 0em !important;} /* square buttons and form fields */
input:not([type="checkbox"]).form-round,
input:not([type="radio"]).form-round,
input:not([type="checkbox"]).form-square,
input:not([type="radio"]).form-square {border-top-width: 2px; border-left-width: 2px; border-right-width: 2px;}


/* tables*/
.table {position: relative; margin-bottom: 1.5em;}
.table>thead>tr>th {color: #000; letter-spacing: 0.01em; white-space: nowrap;}
.table>thead>tr>th,
.table>tbody>tr>td {color: #363636; word-wrap: break-word;}
.table>thead>tr>th, .table>tbody>tr>td {padding: 0.5em;}
.table>thead>tr>th {border-bottom-width: 1px;} /* override 2px width bottom border on table headers */

.table>thead>tr>th {border-color: #a9a8a8;}

.table-rounded {border-collapse: inherit; border-spacing: 0px; border-radius: 0.4em;}
.table-rounded>thead>tr>th:first-child,
.table-rounded>tbody>tr>td:first-child {border-left: 0px;}
.table-rounded>thead>tr>th,
.table-rounded>tbody>tr>td {border-right: 0px; border-bottom: 0px;}

.table-fixed-header {clear: both; width: 100%;}
.table-fixed-header table {table-layout: fixed;}
.table-fixed-header table thead {display: block; border-bottom: 1px solid #e1e1e1;}
.table-fixed-header table thead th {display: block; float: left;}
.table-fixed-header table th, .table-fixed-header table td {box-sizing: border-box;}
.table-fixed-header table tbody tr:first-child td {border-top: 0px;}
.table-fixed-header table tbody td {width: 200px;}
.table-fixed-header table tbody {display: block; overflow-y: scroll; width: 100%; height: 300px;}

.table-striped>tbody>tr:nth-of-type(odd) {}

/* navbar */
.nav-link {padding-top: 0px; padding-bottom: 0px;}

ul.double {
	-webkit-columns: 2 80px;
	-moz-columns: 2 80px;
	columns: 2 80px;
	-webkit-column-gap: 24px;
	-moz-column-gap: 24px;
	-ms-column-gap: 24px;
	column-gap: 24px;
}
ul.triple {
	-webkit-columns: 3 80px;
	-moz-columns: 3 80px;
	columns: 3 80px;
	-webkit-column-gap: 24px;
	-ms-column-gap: 24px;
	-moz-column-gap: 24px;
	column-gap: 24px;
}

/* lists */
.list-group {-webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none;}
.list-group .list-group-item {padding: 0.5em 1em; border-radius: 0px;}
.list-group-item i.fa {line-height: 1.4em;}
.list-group-item input[type=checkbox] {margin-right: 0.5em;}
.list-group-item.sel:after {content: "\f00c"; float: right; font-family: 'FontAwesome'; color: #666;}
.list-group-rounded .list-group-item:first-child {border-top-left-radius: 0.4em; border-top-right-radius: 0.4em;}
.list-group-rounded .list-group-item:last-child {border-bottom-left-radius: 0.4em; border-bottom-right-radius: 0.4em;}
.list-group.no-item-border .list-group-item {border-width: 0;}

/* rolodex */
.rolodex {max-width: 1400px; margin: 0 auto; padding: 16px;}
.rolodex-header {font-weight: bold; color: #000;}
.rolodex-list {
	-webkit-columns: 4 200px;
	-moz-columns: 4 200px;
	columns: 4 200px;
	-webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    -ms-column-gap: 40px;
    column-gap: 40px;
    padding-bottom: 2em;
}
.rolodex-item a {color: #000;}

/* modal */
.modal {padding-right: 0 !important; background: rgb(228,244,244);}
.no-cssreflections .modal {background: rgba(228,244,244,0.9);} /* target non webkit browsers */
.modal {background: rgba(228,244,244,0.56);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}
.modal.show {opacity: 1 !important;}
.modal-backdrop {background: transparent;}
.modal .close {float: none; position: absolute; margin: 0 0 0 -48px; height: 32px; width: 32px; line-height: 32px; padding: 8px; font-size: 0px; border-radius: 100%; text-shadow: none; background: rgba(31,69,69,0.48);}
.modal .close > span {display: block; height: 16px; width: 16px; overflow: hidden; text-indent: 99em; background-image: url(/imgs/close.svg); background-size: contain; background-repeat: no-repeat; background-position: center center;}
.modal .close, .modal .close:hover {opacity: 1;}
.modal-content {border-radius: 0px;
	border: #eee; border: rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.1), 0px 4px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.1), 0px 4px 10px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 1px rgba(0,0,0,0.1), 0px 4px 10px rgba(0,0,0,0.3);
}
.modal.teal .modal-content {color: #1f4545; background: #8ED0D0;}
.modal.center .modal-dialog {position: relative;}
.modal.center .modal-dialog {margin: 136px auto 0 auto;}
.modal-header,
.modal-body,
.modal-footer {padding: 16px;}
.modal-footnote {float: left; line-height: 2.45em; text-align: left; color: #999;}
.modal-header {border-bottom: 0px;}
.modal desc {font-size: 0.85em; padding-right: 2em;}

.modal-fullscreen .close {position: absolute; z-index: 2; right: 0; margin-right: 8px; margin-top: 16px; background: transparent;}
.modal-fullscreen .close > span {background-image: url(/imgs/close.svg);}
.modal-fullscreen .modal {overflow-y: hidden;}
.modal-fullscreen .modal-dialog {max-width: none; margin: 0; width: 100%; height: 100%;}
.modal-fullscreen .modal-content {width: 100%; height: 100%; background: transparent; box-shadow: none;}
.modal-fullscreen .card {background: transparent;}
.modal-fullscreen .modal-body {padding: 0px;}

/* tabs */
.nav-tabs {padding-bottom: 16px; font-weight: 700; border-bottom: 0px; line-height: 1.3em; white-space: nowrap;}
.nav-tabs .nav-item {padding: 0 1em 0 0;}
.nav-tabs .nav-item a {margin: 0px; padding: 0px 2px; color: #A4A4A4; border-radius: 0px; line-height: inherit; font-size: inherit;}
.nav-tabs .nav-item a:hover {color: #333; background: transparent; border-bottom: 0px; border-color: transparent; text-decoration: none; text-decoration: none;}
.nav-tabs .nav-item a.active,
.nav-tabs .nav-item a.active:focus,
.nav-tabs .nav-item a.active:hover {cursor: default; color: #4a4a4a; border: 0px; background: transparent; border-bottom: 2px solid #4a4a4a;}

.nav-vertical .nav-tabs {float: left; margin-left: -0.3em; border-bottom: none; font-size: 2.14em;}
.nav-vertical .nav-tabs .nav-item {float: none; margin-bottom: 0.5em;}
.nav-vertical .nav-tabs .nav-item a {width: 1.8em; height: 1.8em; border-bottom: none; border-radius: 0.2em; padding: 0.4em 0.3em; text-align: center;}
.nav-vertical .nav-tabs .nav-item a.active,
.nav-vertical .nav-tabs .nav-item a.active:focus,
.nav-vertical .nav-tabs .nav-item a.active:hover {border: 1px solid #999; border: 1px solid rgba(0,0,0,.35);}
.nav-vertical .tab-content {margin-left: 4.5em;}

.nav-pills .nav-link {padding-top: 0.5em; padding-bottom: 0.5em;}
.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {color: #1F4545; background-color: #E4F4F4; font-weight: 600;}

/* tooltips */
.tooltip {font-family: inherit; font-size: 0.85em;}
.tooltip .tooltip-inner {padding: 0.5em 1em;}
.tooltip.top > .tooltip-arrow {border-top-color: #333; border-top-color: rgba(0,0,0,0.9);}
.tooltip.left > .tooltip-arrow {border-left-color: #333; border-left-color: rgba(0,0,0,0.9);}
.tooltip.right > .tooltip-arrow {border-right-color: #333; border-right-color: rgba(0,0,0,0.9);}
.tooltip.bottom > .tooltip-arrow {border-bottom-color: #333; border-bottom-color: rgba(0,0,0,0.9);}
.tooltip .tooltip-inner {background-color: #333; background-color: rgba(0,0,0,0.9);}

/* popover */
.popover {padding: 0px; border: 0px; border-radius: 0.2em; font-family: inherit; font-size: inherit;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3), 0px 8px 24px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.3), 0px 8px 24px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.3), 0px 8px 24px rgba(0,0,0,0.2);
}
.popover.top > .arrow {border-top-color: #ccc; border-top-color: rgba(0,0,0,0.15);}
.popover.right > .arrow {border-right-color: #ccc; border-right-color: rgba(0,0,0,0.15);}
.popover.left > .arrow {border-left-color: #ccc; border-left-color: rgba(0,0,0,0.15);}
.popover.bottom > .arrow {border-bottom-color: #ccc; border-bottom-color: rgba(0,0,0,0.15);}
.popover .popover-title {font-size: 1em; padding: 0.7em 1em;}
.popover .popover-content {padding: 1em; font-size: 1em;}

.arrow {border-width: 11px;}
.arrow:after {content: ""; border-width: 10px;}
.arrow, .arrow:after {position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid;}
.aright > .arrow {top: 50%; left: -11px; margin-top: -11px; border-right-color: rgba(0,0,0,.35); border-left-width: 0;}
.aright > .arrow:after {content: " "; bottom: -10px; left: 1px; border-right-color: #fff; border-left-width: 0;}

/* panels */
.panel,
.panel > .panel-heading {border-radius: 0px;}
.panel-heading {padding: 0.6em 1em;}
.panel-title {font-size: inherit;}
.panel-title a {display: block;}
.panel-body {padding: 1em;}

.panel-default > .panel-heading {background: #f7f7f7;}
.panel-default > .panel-footer {background: #fff;}

.panel-primary {border-color: #000;}
.panel-primary .panel-heading {border-color: #000; color: #fff; background: #000;}
.panel-success {border-color: #26a928;}
.panel-success .panel-heading {border-color: #26a928; color: #fff; background: #26a928;}
.panel-info {border-color: #00b8d0;}
.panel-info .panel-heading {border-color: #00b8d0; color: #fff; background: #00b8d0;}
.panel-warning {border-color: #f1c205;}
.panel-warning .panel-heading {border-color: #f1c205; color: #fff; background: #f1c205;}
.panel-danger {border-color: #cc3300;}
.panel-danger .panel-heading {border-color: #cc3300; color: #fff; background: #cc3300;}

.panel.panel-round {border-radius: 0.4em;}
.panel.panel-round > .panel-heading {border-top-left-radius: 0.4em; border-top-right-radius: 0.4em;}
.panel.panel-round > .panel-footer {border-bottom-left-radius: 0.4em; border-bottom-right-radius: 0.4em;}

/* collapse */
.panel-group .panel+.panel {margin-top: -1px;}
.panel-group .panel, .panel-group .panel-heading {border-radius: 0px;}

.panel-title>a {color: #555;}
.panel-title>a:hover,
.panel-title>a:active,
.panel-title>a[aria-expanded=true] {color: #000; text-decoration: none;}
.panel-title>a i[class*='chevron'] {transition: all 100ms ease-in-out;}
.panel-title>a[aria-expanded=true] i[class*='chevron'] {transform: rotate(90deg);}

.panel-group.panel-round .panel:first-child,
.panel-group.panel-round .panel:first-child .panel-heading {border-top-left-radius: 0.4em; border-top-right-radius: 0.4em;}
.panel-group.panel-round .panel:last-child,
.panel-group.panel-round .panel:last-child .panel-heading {border-bottom-left-radius: 0.4em; border-bottom-right-radius: 0.4em;}

.panel-group .panel-default {border-left: 0px; border-right: 0px;}
.panel-group .panel-default .panel-heading,
.panel-group .panel-default .panel-footer {background: transparent;}
.panel-group .panel-default,
.panel-group .panel-default .panel-heading,
.panel-group .panel-default .panel-footer {border-color: #a9a8a8;}
.panel-group .panel-heading + .panel-collapse .panel-body {border-top: 0px;}

/* breadcrumb */
.breadcrumb {border-radius: 0px; padding: 0.5em 1em; background: transparent;}
.breadcrumb li:before {color: #999;}
.breadcrumb li a {color: #555;}
.breadcrumb li a:hover,
.breadcrumb li a:active {color: #000; text-decoration: none;}
.breadcrumb li.active {color: #000;}
.breadcrumb-border {border-top: 1px solid #a9a8a8; border-bottom: 1px solid #a9a8a8;}
.breadcrumb-large {font-size: 1.25em;}
.breadcrumb-small {font-size: 0.85em;}


/* pagination */
.pagination {}
.pagination li a {padding: 0.3em 0.9em;}
.pagination .disabled a,
.pagination .disabled a:active,
.pagination .disabled a:hover {color: #ccc;}
.pagination .active a,
.pagination .active a:active,
.pagination .active a:hover {border-color: #000; background: #000;}
.pagination li a {color: #999;}
.pagination li a:hover {color: #333;}

.pagination-square li:first-child a,
.pagination-square li:last-child a {border-radius: 0px;}

.pagination-divider li:first-child a,
.pagination-divider li:last-child a {border-radius: 0px;}
.pagination-divider li:first-child a {border-left: 0px;}
.pagination-divider li a {border-top-width: 0px; border-bottom-width: 0px; border-right-width: 0px;}
.pagination-divider li a:hover,
.pagination-divider li a:active {background: transparent;}
.pagination-divider li.active a,
.pagination-divider li.active a:hover,
.pagination-divider li.active a:active {color: #000; border-color: #a9a8a8; background: transparent;}

.pagination-basic li:first-child a,
.pagination-basic li:last-child a,
.pagination-basic li a {border: 0px; border-radius: 0px; background: transparent;}
.pagination-basic li a:hover {background: transparent;}
.pagination-basic li.active a,
.pagination-basic li.active a:hover,
.pagination-basic li.active a:active {font-weight: 600; color: #000; background: transparent;}

.pagination-simple li:first-child a,
.pagination-simple li:last-child a,
.pagination-simple li a {border: 0px; border-radius: 0px; background: transparent;}
.pagination-simple li a:hover {background: transparent;}
.pagination-simple li.active a,
.pagination-simple li.active a:hover,
.pagination-simple li.active a:active {font-weight: 600; color: #000; background: transparent;}
.pagination-simple li.current {}

.pagination-sm li a {font-size: 0.79em;}
.pagination-lg li a {font-size: 1.25em;}

.pager li:first-child {border-right: 1px solid #a9a8a8;}
.pager li a {color: #666; padding: 0.3em 0.9em; border-radius: 0px; border: 0px;}
.pager li a:hover {color: #333; border-color: #333; background-color: #fff;}
.pager li.disabled a,
.pager li.disabled a:hover {color: #ccc; border-color: #a9a8a8;}

.pager-round li:first-child,
.pager-square li:first-child {border: 0px;}
.pager-round li a,
.pager-square li a {border: 1px solid #a9a8a8;}
.pager-round li a {border-radius: 1em;}
.pager-square li a {border-radius: 0px;}

/*
    Columns
    This is not the bootsrap grid column. This is a homebrew version of columns for specific design requests
*/
.columns, .column {display: table; width: 100%; height: 100%; table-layout: fixed;}
.columns {border: 1px solid #a9a8a8;}
.columns .col, .column .col {display: table-cell;}
.col {box-sizing: border-box; vertical-align: top; position: relative;}
.col.pad-right {padding-right: 6em;}
.col:first-child {border-left: 0px;}
.col:after {display: table; content: ''; clear: both; width: 100%;}

.columns.margin {border: 0px; border-spacing: 1em;}
.columns.margin .col {border: 1px solid #a9a8a8;}

.col-header,
.col-footer {position: absolute; z-index: 1; width: 100%; height: 36px; line-height: 36px; padding: 0 1em; background: #eee;}
.col-header {top: 0px; border-bottom: 1px solid #a9a8a8;}
.col-footer {bottom: 0px; border-top: 1px solid #a9a8a8;}
.col-header.actions,
.col-footer.actions {padding: 0px; text-align: left;}
.col-header .nav-tabs {padding: 0 1em; border-bottom: 0px; line-height: 28px; margin-top: 6px;}
.col-header .nav-tabs li a {padding-top: 0px; padding-bottom: 0px;}
.col-header .btn-group,
.col-footer .btn-group,
.col-search .input-group {margin: 0.4em 0.4em 0 0;}
.col-search .form-group {margin: 0px;}
.col-header .btn,
.col-footer .btn,
.col-search .btn {vertical-align: middle; font-size: 0.9em; padding: 0.4em 0.6em;}
.col-search .input-group .btn {padding: 0.55em 0.5em 0.65em 0.5em; font-size: inherit;}
.col-header.actions .col-title,
.col-footer.actions .col-title {padding-left: 1em; text-align: left;}
.col-title {font-size: 1em; margin: 0px; text-transform: uppercase; color: #000; letter-spacing: 0.05em; text-align: center; line-height: 36px;}
.col-breadcrumb,
.col-pagination,
.col-search {position: relative; text-overflow: ellipsis; white-space: nowrap; top: 36px; border-bottom: 1px solid #a9a8a8; padding: 0 0.6em; height: 24px; line-height: 22px; font-size: 0.8em; background: #f9f9f9;}
.col-search {line-height: 36px; height: 38px;}
.col-pagination {text-align: center;}
.col-pagination .pagination {margin: 0px;}
.col-pagination .pagination li a {padding: 0em 0.9em; line-height: inherit;}
.col-breadcrumb .breadcrumb {padding: 0 1em; margin: 0px;}
.col-pagination .btn,
.col-breadcrumb .btn {padding: 0.2em 0.6em; font-size: inherit;}
.col-content {position: absolute; width: 100%; overflow: auto; top: 0px; bottom: 0px;}
.col.content-pane {width: 60%;}
.col.content-pane .col-content {padding: 1em;}
.col-header + .col-content {top: 36px;}
.col-header + .col-pagination + .col-footer + .col-content,
.col-header + .col-breadcrumb + .col-footer + .col-content,
.col-header + .col-pagination + .col-content,
.col-header + .col-breadcrumb + .col-content {top: 60px;}
.col-header + .col-search + .col-content,
.col-header + .col-search + .col-footer + .col-content {top: 74px;}
.col-header + .col-search + .col-pagination + .col-footer + .col-content {top: 98px;}
.col-footer + .col-content {bottom: 36px;}
.col-header + .col-footer + .col-content {top: 36px; bottom: 36px;}

.col .list-group {box-shadow: none; margin: 0px; border-radius: 0px;}
.col .list-group .list-group-item {border-width: 1px 0px;}
.col .list-group .list-group-item:first-child {border-top: 0px;}
.col .list-group .list-group-item:last-child {border-bottom: 0px;}
.col .list-group.no-item-border .list-group-item {border-width: 0;}

.col-box {height: 200px; margin: 10px; position: relative;}
.col-box:after {display: table; clear: both; content: '';}
.col-box .col-header {background: transparent; padding: 0px; line-height: 1em;}
.col-box.height-auto .col-header, .col-box.height-auto .col-content {position: relative;}
.col-box .col-header .col-title {text-align: left;}
.col-box .col-header .nav-tabs {padding: 0px; font-size: 0.85em; text-transform: uppercase;}
.col-box .col-content {border-width: 0px 1px 1px 1px; border-style: solid; border-color: #a9a8a8; background: #fff;}
.col-box.height-auto .col-content {top: auto; overflow: visible; bottom: auto;}

.col-top, .col-middle, .col-bottom {display: flex; flex-direction: column;}
.col-middle {justify-content: center;}
.col-bottom {justify-content: flex-end;}

.form-search .btn i.fa {line-height: 1.2em;}

.search-simple {position: relative; background: #fff; margin: 0px; padding: 0px;}
.search-simple .form-search {padding: 0 1em;}
.search-simple input[type="search"], .search-simple input[type="text"] {width: 100%; margin: 0px; padding: 0px; border: 0px; box-shadow: none; font-size: inherit;}
.search-simple .btn {position: absolute; right: 0.5em; top: 0px; bottom: 0px;}
.search-simple .btn .fa {font-size: 1.6em;}


/* 	cards 
	These are used in the masonry to display images and associated text
*/
.card {border-radius: 0px; border: 0px; overflow: hidden;}
.grid-item {margin-bottom: 0px;}
.grid-item .card {
	box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
	-webkit-transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
	-ms-transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
	-o-transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.grid-item .card:hover {
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
	transform: translateY(-2px);
	box-shadow: 0px 4px 8px rgba(0,0,0,0.1);
}
.grid-item .card:active {
	box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
}
.card img {width: 100%; margin: 0 auto;}
.card .card-img-top {position: relative; display: block; border-radius: 0px; opacity: 1;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.card-img-top .curate_images {display: block; position: absolute; z-index: 1; top: 0px; right: 0px; height: 36px; width: 36px; background-color: #fff; background-image: url(/imgs/close-black.svg); background-repeat: no-repeat; background-size: 40% 40%; background-position: center center;}
.grid-item .card:active .card-img-top {opacity: 0.5;}
.card .card-img-top .lb-icon {display: block; position: absolute; z-index: 1; left: 50%; top: 50%; width: 60px; height: 60px; transform: translate(-50%, -50%);}
.card .card-img-top .lb-badge {position: absolute; top: 1em; left: 1em; z-index: 1; min-width: 2.75em; text-align: center;}
.card .card-block {position: relative; padding: 8px 16px; min-height: 50px;}
.card-actions {display: block; position: absolute; top: 0; right: 0.5em; z-index: 1; visibility: hidden; opacity: 0; font-size: 16px;
	-webkit-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
	-moz-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
	-o-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
	transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.card-title {font-style: italic; font-weight: normal; text-transform: capitalize;}
.card-title, .card-title a {color: #000;}
.card-title .contact-type {position: absolute; right: 16px; opacity: 1; margin-top: 8px; visibility: visible; font-size: 9px; color: #a4a4a4; font-style: normal;
    -webkit-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
	-moz-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
	-ms-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
	-o-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
	transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.card-actions a {display: inline-block; padding: 16px 8px;}
.card-actions a.lb-badge {padding: 0.5em 0.75em;}
.card h4 {margin: 0px; font-size: 1em; line-height: 1.5em; padding-bottom: 0.3em}
.card p {padding: 0px; margin: 0px;}
.card-agency, .card-text {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase; letter-spacing: 1px; font-size: 9px; line-height: 1.5em; color: #4a4a4a;}
.card-text {text-transform: none; font-size: 10px;}

.card-share {position: absolute; bottom: 0px; left: 0; right: 0px; padding: 1em; z-index: 10; opacity: 0; text-align: center; visibility: hidden;
	-webkit-transition: opacity 0.2s ease-in-out, visibility 0s linear;
	-moz-transition: opacity 0.2s ease-in-out, visibility 0s linear;
	-o-transition: opacity 0.2s ease-in-out, visibility 0s linear;
	transition: opacity 0.2s ease-in-out, visibility 0s linear;
}
.card-share h4 {font-size: 12px;}
#share_large.show .card-share, .card-share.show {opacity: 1; visibility: visible;}
.card-share .share-this {list-style: none; padding-top: 1em;}
.card-share .share-item {display: inline-block; margin: 0 0.2em;}
.card-share .share-cancel {border: 0px; background: rgb(142,208,208); background: rgba(142,208,208,0.16);}
.card-share .share-cancel, .card-share .share-cancel:hover {color: #1F4545;}
.card-share .share-bg {position: absolute; z-index: -1; top: 0; left: 0; height: 100%; width: 100%; background: rgb(228,244,244); background: rgba(228,244,244,0.56);
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	-moz-backdrop-filter: saturate(180%) blur(10px);
	-o-backdrop-filter: saturate(180%) blur(10px);
}

.card:hover .card-actions {visibility: visible; opacity: 1;}
.card:hover .card-title .contact-type {opacity: 0; visibility: hidden;}


#share_large {z-index: 1060; position: fixed; bottom: 134px; left: 50%;}

/*
	tree and collapsable nodes
	using the list-group and list-group-item markup as well in a ul list
*/
.tree ul.list-group {padding: 0px;}
.col .tree ul li,
.tree ul.list-group li.list-group-item {border: 0px; margin-bottom: 0px;}
.tree ul li .node,
.col .tree ul li .node {padding: 0.5em;}
.tree ul ul,
.col .tree ul ul {padding-left: 2.5em;}
.col .tree ul.list-group li.list-group-item {padding: 0; border-width: 0px;}
.tree .node > .fa:before {display: block; width: 1em; text-align: center;}

/* inline editing */
.editable-multiple {display: block; margin-bottom: 5px;}
.editable-multiple span {display: inline-block; width: 70px; text-transform: capitalize;}

/* box */
.box {position: relative; display: block; border: 1px solid #a9a8a8; background: #fff; margin-bottom: 1em; padding: 1em;}
.box:after {display: table; content: ' '; clear: both; height: 0px;}

/* x-editable */
.xedit-block .action-icons {position: absolute; right: 0px; margin: -1em -2em 0 0;}
.xedit-block .action-icons > .btn {display: block; padding: 0px; width: 2em; height: 2em; line-height: 2em;}

.xedit-row {display: table; width: 100%; table-layout: fixed; font-size: 0.9em;}
.xedit-row .label {display: table-cell; width: 25%; max-width: 200px; text-align: right; padding-right: 10px;}
.xedit-row .data {display: table-cell; width: 75%;}

.xedit-group .xedit-row {display: table; float: left; width: 50%; }
.xedit-group.first-wide .xedit-row:first-child {width: 67%;}
.xedit-group.first-wide .xedit-row:first-child .label {width: 37.3%;}
.xedit-group.first-wide .xedit-row:first-child .data {width: 62.7%}
.xedit-group.first-wide .xedit-row:last-child {width: 33%;}
.xedit-group.first-wide .xedit-row:last-child .label {width: 50%;}
.xedit-symbol {position: absolute; left: 0.7em; font-size: 1.29em;}


/* video player */
.video-js {font-size: 10px; color: #000; width: 100%; padding-top: 56.25%;}
.video-js.vjs-fluid {height: auto;}
.vjs-poster {background-size: cover;}
.vjs-default-skin .vjs-big-play-button {left: 50%; top: 50%; height: 1.5em; width: 3em; border: 1px solid #fff; border-radius: 0em; margin: -0.75em 0 0 -1.5em; font-size: 3em; line-height: 1.5em;}
.video-js .vjs-big-play-button,
.video-js .vjs-menu-button .vjs-menu-content {background-color: #fff; background-color: rgba(255, 255, 255, 0.5);}
.video-js .vjs-control-bar {background-color: #fff; background-color: rgba(255, 255, 255, 0.8);}
.video-js .vjs-big-play-button:focus {background-color: #ffffff; background-color: rgba(255,255,255,0.5);}
.video-js .vjs-big-play-button {color: #fff; background-color: #000; background-color: rgba(0,0,0,0.1);}
.video-js:hover .vjs-big-play-button {background-color: #000; background-color: rgba(0,0,0,0.3);}
.video-js .vjs-slider {background-color: #fff; background-color: rgba(255, 255, 255, 0.5);}
.video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.video-js .vjs-slider-bar {background: #000;}
.video-js .vjs-load-progress {background: ligthen(#000000, 20%); background: rgba(0, 0, 0, 0.2);}
.video-js .vjs-load-progress div {background: ligthen(#000000, 50%); background: rgba(0, 0, 0, 0.75);}
.vjs-menu li:focus, .vjs-menu li:hover {color: #fff; background: #000;}



/* added to styling of address content in xeditable */
.row-address > .xedit-row + .xedit-row {display: inline-block; width: auto;}
.row-address > .xedit-row + .xedit-row > .label {display: none;}
.row-address > .xedit-row + .xedit-row > .data {width: auto;}

.pos .arrow{
	top:10%;
}
.pos > div{
	float:left;
	display: inline-block;
}

div.popover.left{
	left:-42%;
	top:75%;
}
div.pos .popover.right{
	left:86%;
	top:35%;
}

input.table-row {
	box-shadow: none;
	border:none;
	border-color: transparent;
}

/* badges */
.lb-badge {display: inline-block; border-radius: 3em; font-size: 12px; font-weight: bold; padding: 0.5em 0.75em; color: #fff; background: #eee; background: rgba(74,74,74,0.2);
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	-moz-backdrop-filter: saturate(180%) blur(10px);
	backdrop-filter: saturate(180%) blur(10px);
}
.lb-badge:hover {color: #fff; text-decoration: none;}
.lb-badge.icon {height: 32px; width: 32px; line-height: 32px; padding: 0px; text-align: center;}

.lb-badge.white {background: #999; background: rgba(255,255,255,0.5);}

/* new marketplace specific icons */
.lb-icon {display: inline-block; font-size: inherit; height: 1em; width: 1em; line-height: 1em; background-repeat: no-repeat; background-size: contain; background-position: center center; vertical-align: middle;}
h1 .lb-icon,h2 .lb-icon,h3 .lb-icon,h4 .lb-icon,h5 .lb-icon,button .lb-icon {margin-top: -0.2em;}
.lb-icon.lb-large {font-size: 24px;}
.lb-icon.lb-larger {font-size: 32px;}
.lb-icon.lb-xlarge {font-size: 48px;}
.lb-icon.lb-xxlarge {font-size: 56px;}
.lb-icon.lb-xxlarge {font-size: 64px;}
.lb-icon.lb-xxxlarge {font-size: 86px;}
.lb-icon.lb-close {background-image: url(/imgs/close.svg);}
.lb-icon.lb-arrow-right, .lb-icon.lb-arrow-up, .lb-icon.lb-arrow-down, .lb-icon.lb-arrow-left {background-image: url(/imgs/arrow-right.svg);}
.lb-icon.lb-arrow-up {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.lb-icon.lb-arrow-down {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}
.lb-icon.lb-arrow-left {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.lb-icon.lb-chevron-left {background-image: url(/imgs/icon-chevron-left.svg);}
.lb-icon.lb-chevron-right {background-image: url(/imgs/icon-chevron-right.svg);}
.lb-icon.lb-licensing {background-image: url(/imgs/licensing-black.svg);}
.lb-icon.lb-assignment {background-image: url(/imgs/assignment-icon-black.svg);}
.lb-icon.lb-checkmark {background-image: url(/imgs/checkmark-black.svg);}
.lb-icon.lb-checkmark.white {background-image: url(/imgs/checkmark-white.svg);}
.lb-icon.lb-plus {background-image: url(/imgs/plus-black.svg);}
.lb-icon.lb-plus-white {background-image: url(/imgs/plus-white.svg);}
.lb-icon.lb-website {background-image: url(/imgs/website-black.svg);}
.lb-icon.lb-snapchat {background-image: url(/imgs/snapchat.svg);}
.lb-icon.lb-instagram {background-image: url(/imgs/instagram.svg);}
.lb-icon.lb-twitter {background-image: url(/imgs/twitter.svg);}
.lb-icon.lb-facebook {background-image: url(/imgs/facebook.svg);}
.lb-icon.lb-share {background-image: url(/imgs/share.svg);}
.lb-icon.lb-add {background-image: url(/imgs/plus.svg);}
.lb-icon.lb-delete {background-image: url(/imgs/delete.svg);}
.lb-icon.lb-private {background-image: url(/imgs/lock.svg);}
.lb-icon.lb-public {background-image: url(/imgs/public.svg);}
.lb-icon.lb-sun {background-image: url(/imgs/sun.svg);}
.lb-icon.lb-moon {background-image: url(/imgs/moon.svg);}
.lb-icon.lb-moon-white {background-image: url(/imgs/moon-white.svg);}

.lb-icon.lb-analytics {background-image: url(/imgs/analytics-icon.svg);}
.lb-icon.lb-archiving {background-image: url(/imgs/archiving-icon.svg);}
.lb-icon.lb-bespoke {background-image: url(/imgs/bespoke-icon.svg);}
.lb-icon.lb-calendar {background-image: url(/imgs/calendar-icon.svg);}
.lb-icon.lb-crm {background-image: url(/imgs/crm-icon.svg);}
.lb-icon.lb-integration {background-image: url(/imgs/integration-icon.svg);}
.lb-icon.lb-ios {background-image: url(/imgs/ios-icon.svg);}
.lb-icon.lb-job {background-image: url(/imgs/job-icon.svg);}
.lb-icon.lb-portfolio {background-image: url(/imgs/portfolio-icon.svg);}
.lb-icon.lb-social {background-image: url(/imgs/social-icon.svg);}
.lb-icon.lb-track {background-image: url(/imgs/track-icon.svg);}
.lb-icon.lb-edit {background-image: url(/imgs/edit-icon.svg);}
.lb-icon.lb-newsletter {background-image: url(/imgs/newsletter-icon.svg);}
.lb-icon.lb-email {background-image: url(/imgs/email-open.svg);}

/* flag icons */
.lb-icon.lb-flag-uk {background-image: url(/imgs/flag-uk.svg);}
.lb-icon.lb-flag-us {background-image: url(/imgs/flag-us.svg);}

/* video icons */
.lb-icon.lb-play {background-image: url(/imgs/video-play.svg);}

h1 .lb-icon, h2 .lb-icon, h3 .lb-icon, h4 .lb-icon, h5 .lb-icon, h6 .lb-icon, .btn .lb-icon {margin-right: 0.5em;}

/*
OVERLAYS
*/
.overlay, .overlay-inline {display: none;}

/* figures */
.lb-feature {padding-bottom: 32px;}
.icon-figure {padding-bottom: 16px;}

figure img {max-width: 100%;}


/*
MASTHEADS
- these are block elements that have aligned content, are fluid and have 
the ability to size accordingly to the content and max height based on the width of the page
*/
.masthead {position: relative; width: 100%; min-height: 30vw; height: auto; max-height: 800px; display: flex; flex-direction: column; justify-content: center;}
.masthead-small {max-height: 500px;}
.masthead-large {height: 50vw;}
.masthead-full {height: 90vh; min-height: 100vh; max-height: none;}
.masthead-image * {color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.5);}
.masthead.bg-teal * {color: #1F4545;}
.masthead-image .masthead-bg {position: absolute; z-index: 0; top: 0px; left: 0px; height: 100%; width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.masthead p {font-size: 16px; line-height: 1.6em;}

/* displaying retina only images */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 1.5),
only screen and (-min-device-pixel-ratio: 1.5) {
    img.normal {display: none;}
    img.retina {display: block;}
}

@media screen and (max-width: 767px) {
    .modal .close {position: fixed; z-index: 1; top: 10px; left: auto; right: 10px; margin: 0px;}
    .modal.center .modal-dialog {width: 90%; margin: 10px auto;}
	.modal .modal-dialog {display: block; height: calc(100% - 20px);}
	.modal-header {padding-top: 10px; padding-right: 50px;}
	.modal-content {position: relative; overflow: auto; display: block; flex: none;}
	.modal-body {height: 100%; width: 100%; display: flex; margin: auto; flex-direction: column; justify-content: center;
		-webkit-flex: auto;
		-webkit-box-flex: auto;
		-ms-flex: auto;
		flex: auto;
	}
    .masthead {height: auto;}
    .masthead-full {min-height: 90vh;}
    .masthead-large {min-height: 50vh;}
    .section-title {font-size: 16px;}
    .btn-xlg {font-size: 20px; padding: 0.85em 1.25em 0.85em 1.25em;}
    .btn-lg, .btn-sm, .btn-xsm {font-size: 1em;}
}
@media screen and (max-width: 640px) {

}
@media screen and (max-width: 480px) {
    .modal.center .modal-dialog {width: 100%;}
    .nav-tabs .nav-item {padding: 0 0.5em;}
}