/* montserrat-300 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url('../webfonts/montserrat-v14-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Light'), local('Montserrat-Light'),
    url('../webfonts/montserrat-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/montserrat-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/montserrat-v14-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/montserrat-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/montserrat-v14-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../webfonts/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
    url('../webfonts/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-700 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../webfonts/montserrat-v14-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Bold'), local('Montserrat-Bold'),
    url('../webfonts/montserrat-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/montserrat-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/montserrat-v14-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/montserrat-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/montserrat-v14-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-900 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: url('../webfonts/montserrat-v14-latin-900.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Black'), local('Montserrat-Black'),
    url('../webfonts/montserrat-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/montserrat-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/montserrat-v14-latin-900.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/montserrat-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/montserrat-v14-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* jura-regular - latin */
@font-face {
    font-family: 'Jura';
    font-style: normal;
    font-weight: 400;
    src: url('../webfonts/jura-v16-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../webfonts/jura-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/jura-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/jura-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/jura-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/jura-v16-latin-regular.svg#Jura') format('svg'); /* Legacy iOS */
}

/* jura-500 - latin */
@font-face {
    font-family: 'Jura';
    font-style: normal;
    font-weight: 500;
    src: url('../webfonts/jura-v16-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../webfonts/jura-v16-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/jura-v16-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/jura-v16-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/jura-v16-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/jura-v16-latin-500.svg#Jura') format('svg'); /* Legacy iOS */
}

/* jura-700 - latin */
@font-face {
    font-family: 'Jura';
    font-style: normal;
    font-weight: 700;
    src: url('../webfonts/jura-v16-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../webfonts/jura-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/jura-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/jura-v16-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/jura-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/jura-v16-latin-700.svg#Jura') format('svg'); /* Legacy iOS */
}


body {
    background: none;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
}

.bg-tos {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #EBEBEB;
}
.white {
    color: #fff;
}
.white:hover {
    color: #fff;
}

.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 50%;
}

.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#error-alert {
    position: fixed;
    top: -100px;
    left: 0px;
    width: 100%;
    border-radius: 0 !important;
    z-index: 10000;
}
#error-alert-dismiss {
    font-size: 40px;
    font-weight: bold;
    /* Give some additional wiggle room to click. */
    padding: 0 20px;
}
#error-alert-dismiss:hover {
    cursor: pointer;
}

#success-alert {
    position: fixed;
    top: -100px;
    left: 0px;
    width: 100%;
    border-radius: 0 !important;
    z-index: 10000;
}
#success-alert-dismiss {
    font-size: 40px;
    font-weight: bold;
    /* Give some additional wiggle room to click. */
    padding: 0 20px;
}
#success-alert-dismiss:hover {
    cursor: pointer;
}

.results-bar {
    width: 100%;
    background-color: #272727;
}
.results-bar.active {
    background-color: #fff;
}

.progress-marker {
    position: absolute;
    left: 0px;
    top: 0px;
}
.progress-line {
    position: absolute;
    top: -5px;
    height: 25px;
    width: 4px;
    background-color: #fff;
}
.progress-amount {
    position: absolute;
    top: -35px;
    left: -23px;
    width: 50px;
    text-align: center;
    font-size: 16px;
}

#video-preview-modal .modal-body {
    min-height: 300px;
}

h2, h3, h4, h5 {
    margin-bottom: 20px;
}

.center {
    text-align: center;
}

.font-300 {
    font-weight: 300;
}

.font-400 {
    font-weight: 400;
}

.font-700 {
    font-weight: 700;
}

.font-900 {
    font-weight: 900;
}

.grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.strike {
    text-decoration: line-through;
}

button:disabled {
    pointer-events: none !important;
}

a > img, a > svg {
    cursor: pointer;
}

.container a {
    font-weight: 700;
}
.container a:hover {
    text-decoration: underline;
}
.container a.btn {
    font-weight: 400;
}
.container a.btn:hover {
    text-decoration: none;
}

.clickable:hover {
    cursor: pointer;
    text-decoration: underline;
}

.card .clickable:hover {
    cursor: pointer;
    text-decoration: none;
    filter: brightness(.9);
}

.tooltip {
    background: #333;
    color: white;
    font-weight: bold;
    padding: 4px 8px;
    font-size: 13px;
    border-radius: 4px;
    display: none;
}

.tooltip[data-show] {
    display: block;
}

#arrow, #arrow::before {
    position: absolute;
    width: 8px;
    height: 8px;
    z-index: -1;
}

#arrow::before {
    content: '';
    transform: rotate(45deg);
    background: #333;
}

.tooltip[data-popper-placement^='top']>#arrow {
    bottom: -4px;
}

.tooltip[data-popper-placement^='bottom']>#arrow {
    top: -4px;
}

.tooltip[data-popper-placement^='left']>#arrow {
    right: -4px;
}

.tooltip[data-popper-placement^='right']>#arrow {
    left: -4px;
}

table.sortable span.sign {
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    font-size: 12px;
    margin-top: -10px;
    color: #bfbfc1;
}

table.sortable th:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    font-size: 12px;
    margin-top: -10px;
    color: #bfbfc1;
}

table.sortable th.arrow:after {
    content: '';
}

table.sortable span.arrow, span.reversed, th.arrow.down:after, th.reversedarrow.down:after, th.arrow.up:after, th.reversedarrow.up:after {
    border-style: solid;
    border-width: 5px;
    font-size: 0;
    border-color: #ccc transparent transparent transparent;
    line-height: 0;
    height: 0;
    width: 0;
    margin-top: -2px;
}

table.sortable span.arrow.up, th.arrow.up:after {
    border-color: transparent transparent #ccc transparent;
    margin-top: -7px;
}

table.sortable span.reversed, th.reversedarrow.down:after {
    border-color: transparent transparent #ccc transparent;
    margin-top: -7px;
}

table.sortable span.reversed.up, th.reversedarrow.up:after {
    border-color: #ccc transparent transparent transparent;
    margin-top: -2px;
}

table.sortable span.az:before, th.az.down:after {
    content: "a .. z";
}

table.sortable span.az.up:before, th.az.up:after {
    content: "z .. a";
}

table.sortable th.az.nosort:after, th.AZ.nosort:after, th._19.nosort:after, th.month.nosort:after {
    content: "..";
}

table.sortable span.AZ:before, th.AZ.down:after {
    content: "A .. Z";
}

table.sortable span.AZ.up:before, th.AZ.up:after {
    content: "Z .. A";
}

table.sortable span._19:before, th._19.down:after {
    content: "1 .. 9";
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 25%;
  cursor: pointer;
}

table.sortable span._19.up:before, th._19.up:after {
    content: "9 .. 1";
}

table.sortable span.month:before, th.month.down:after {
    content: "jan .. dec";
}

table.sortable span.month.up:before, th.month.up:after {
    content: "dec .. jan";
}

table.sortable>thead th:not([data-defaultsort=disabled]) {
    cursor: pointer;
    position: relative;
    top: 0;
    left: 0;
}

table.sortable>thead th:hover:not([data-defaultsort=disabled]) {
    opacity: .9;
}

table.sortable>thead th div.mozilla {
    position: relative;
}

.card-header {
    font-weight: 700;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
}

.separator::before,
.separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #fff;
}

.separator:not(:empty)::before {
    margin-right: .25em;
}

.separator:not(:empty)::after {
    margin-left: .25em;
}

/* Custom scrollbar styling for scrollable divs*/
div ::-webkit-scrollbar {
    width: 10px;
}
div *{
    scrollbar-width: auto;
    scrollbar-color: #375a7f #3C3C3C;
}
div ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px #3C3C3C;
    border-radius: 10px;
}
div ::-webkit-scrollbar-thumb {
    background: #375a7f;
    border-radius: 10px;
}
div ::-webkit-scrollbar-thumb:hover {
    filter: brightness(.75);
}

/* Override the preset sizes for text formatted via Quill js editor (keep defaults when text within editor itself) */
.ql-size-small {
    font-size: 12pt;
}
.ql-editor .ql-size-small {
    font-size: .5em !important;
}


.ql-size-normal {
    font-size: 25pt;
}
.ql-editor .ql-size-normal {
    font-size: 1em !important;
}

.ql-size-large {
    font-size: 75pt;
}
.ql-editor .ql-size-large {
    font-size: 1.5em !important;
}

.ql-size-huge {
    font-size: 125pt;
}
.ql-editor .ql-size-huge {
    font-size: 2.5em !important;
}

h2 > [class^="ql-size-"] {
    font-size: 125pt !important;
}
.ql-editor h2 > [class^="ql-size-"] {
    font-size: 2.5em !important;
}

h1 > [class^="ql-size-"] {
    font-size: 200pt !important;
}
.ql-editor h1 > [class^="ql-size-"] {
    font-size: 3em !important;
}


.ql-align-left {
    text-align: left;
}
.ql-align-center {
    text-align: center;
}
.ql-align-right {
    text-align: right;
}
.ql-align-justify {
    text-align: justify;
}
/* Quill js preset overrides */

.sortable-table-header {
    cursor: pointer;
    user-select: none;
}
.sort-indicator {
    margin-left: 5px;
    opacity: 0.5;
}
.sort-indicator.active {
    opacity: 1;
}