@charset "UTF-8";
/*

	NORMALIZE

------------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

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

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'imsa-icons'; src: url('fonts/imsaicons/imsa-icons.svg?91221236#imsa-icons') format('svg'); } } */
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "imsa-icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-close:before { content: '\e800'; }

/* '' */
.icon-burger:before { content: '\e801'; }

/* '' */
.icon-check:before { content: '\e802'; }

/* '' */
.icon-chevron-left:before { content: '\e803'; }

/* '' */
.icon-chevron-right:before { content: '\e804'; }

/* '' */
.icon-exclamation:before { content: '\e805'; }

/* '' */
.icon-pencil:before { content: '\e806'; }

/* '' */
.icon-phone:before { content: '\e807'; }

/* '' */
.icon-tires:before { content: '\e808'; }

/* '' */
.icon-trash:before { content: '\e809'; }

/* '' */
.icon-x:before { content: '\e80a'; }

/* '' */
.icon-arrow-right:before { content: '\e80b'; }

/* '' */
.icon-calendar:before { content: '\e80c'; }

/* '' */
.icon-search:before { content: '\e80d'; }

/* '' */
.icon-arrow-left:before { content: '\e80e'; }

/* '' */
/*

    GLOBAL

------------------------------------------------------------------*/
html { height: 100%; }

body { min-height: 100%; font-family: 'Roboto Condensed', sans-serif; background-color: #1680a8; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }

main { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: 54px; padding: 20px 0 80px; }

@media (min-width: 975px) { main { margin-top: 60px; } }

.main--road { background: url(../img/main-bg--road.jpg) no-repeat center top; background-size: cover; }

.main--mud { background: url(../img/main-bg--mud.jpg) no-repeat center top; background-size: cover; }

.main--admin { background-image: -webkit-linear-gradient(bottom, #cccccc, #eaeaea 175px, #eaeaea); background-image: -o-linear-gradient(bottom, #cccccc, #eaeaea 175px, #eaeaea); background-image: linear-gradient(to top, #cccccc, #eaeaea 175px, #eaeaea); padding: 0; }

sup { font-size: 25%; line-height: 0; position: relative; vertical-align: baseline; top: -2.25em; }

hr { display: block; width: 100%; height: 1px; border: 0; }

button { -webkit-appearance: none; border: 0; border-radius: 0; outline: 0; padding: 0; margin: 0; }

a { color: #0390c5; }

.no-touch a:hover { color: #02739d; }

.grecaptcha-badge { position: static !important; }

@media (min-width: 760px) { .flexer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

@media (min-width: 760px) { .flexer--wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media (min-width: 760px) { .flexer--justify-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

.flexer__third-block { text-align: left; margin-bottom: 34px; }

@media (min-width: 760px) { .flexer__third-block { width: calc(33% - 14px); } }

.flexer__half-block { text-align: left; margin-bottom: 34px; }

@media (min-width: 760px) { .flexer__half-block { width: calc(50% - 20px); } }

.flexer__half-block > small { font-size: 12px; margin: 2px 0 0 8px; position: absolute; }

.flexer__half-block > small a { color: #0390c5; }

.flexer__quarter-block { text-align: left; margin-bottom: 34px; }

@media (min-width: 760px) { .flexer__quarter-block { width: calc(25% - 30px); } }

.flexer__three-quarter-block { text-align: left; margin-bottom: 34px; }

@media (min-width: 760px) { .flexer__three-quarter-block { width: calc(75% - 13px); } }

.flexer__full-block { text-align: left; margin-bottom: 34px; width: 100%; }

header { position: fixed; top: 0; left: 0; width: 100%; height: 54px; border-bottom: 4px solid #0390c5; background: url(../img/global/header-tile.png), -webkit-gradient(linear, left top, right top, from(#363636), to(#575757)); background: url(../img/global/header-tile.png), -webkit-linear-gradient(left, #363636 0%, #575757 100%); background: url(../img/global/header-tile.png), -o-linear-gradient(left, #363636 0%, #575757 100%); background: url(../img/global/header-tile.png), linear-gradient(to right, #363636 0%, #575757 100%); z-index: 2; }

@media (min-width: 760px) { header { border-bottom-width: 6px; } }

@media (min-width: 975px) { header { height: 60px; border-bottom-width: 7px; } }

.header__home-link { display: block; height: 22px; width: 134px; position: absolute; top: 15px; left: 25px; overflow: hidden; }

@media (min-width: 650px) { .header__home-link { overflow: inherit; } }

@media (min-width: 975px) { .header__home-link { top: 16px; left: 30px; } }

.header__logo { height: 100%; width: auto; }

.header__blue-area { position: absolute; top: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; padding: 4px 30px 0 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #0390c5; color: white; text-decoration: none; font-size: 14px; z-index: 1; }

@media (min-width: 975px) { .header__blue-area { padding: 6px 40px 0 30px; } }

.header__blue-area:after { content: ''; width: 100%; height: 100%; background-color: #0390c5; -webkit-transform: skew(-25deg); -ms-transform: skew(-25deg); transform: skew(-25deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; position: absolute; top: 0; left: 0; z-index: -1; }

.header__blue-area a { color: white; text-decoration: none; }

.header__blue-area a:hover { text-decoration: underline; color: white; }

.header__support-number { display: none; }

@media (min-width: 760px) { .header__support-number { display: inline-block; font-size: 18px; } }

@media (min-width: 975px) { .header__support-number { margin-right: 30px; font-size: 14px; } }

@media (max-width: 975px) { .header__blue-area--dashboard { padding: 4px 20px 0 10px; } }

.header__divider { width: 1px; height: 35px; background-color: #0b6d92; margin: 0 15px; }

@media (min-width: 760px) { .header__divider { margin: 0 20px; } }

.header__phone-icon { font-size: 20px; }

.header__menu-btn { font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: white; background: none; }

.header__menu-btn i { font-size: 12px; margin-left: 10px; }

footer { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 0; right: 0; width: 100%; padding: 15px; color: #cccccc; background-color: #303030; line-height: 1; font-size: 12px; }

footer a { color: #0390c5; text-decoration: none; }

footer a:hover { text-decoration: underline; color: #0390c5; }

@media (min-width: 760px) { footer { width: auto; z-index: 1; padding: 15px 30px 15px 45px; bottom: 0; }
  footer:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: #303030; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: skew(-25deg); -ms-transform: skew(-25deg); transform: skew(-25deg); border-left: 12px solid #0390c5; } }

.footer--non-fixed { position: relative; }

@media (min-width: 760px) { .footer--non-fixed { width: 597px; left: calc(100% - 597px); -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); white-space: nowrap; } }

.footer__mg-link { font-weight: 700; font-size: 14px; }

@media (min-width: 760px) { .footer__mg-link { margin-right: 4em; font-size: 12px; } }

.footer__copyright { text-align: right; }

.btn { padding: 0.75em 2.5em; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; border: 2px solid white; background-color: #045e7f; -webkit-transition: background-color 0.075s linear; -o-transition: background-color 0.075s linear; transition: background-color 0.075s linear; color: white; cursor: pointer; font-size: 15px; line-height: 1; text-decoration: none; }

.btn--blue { background-color: #0390c5; color: white; border-color: white; }

.btn--blue:hover { background-color: #03a6e3; color: white !important; }

.btn--blue[disabled] { pointer-events: none; background-color: #b8b8b8; color: #e7e7e7; }

.btn--dark:hover { background-color: #034157; color: white; }

.btn--ghost { background-color: transparent; border-color: #0390c5; color: #0390c5; }

.btn--ghost:hover { background-color: rgba(3, 144, 197, 0.1); color: #0390c5; }

.floating-label-input, .floating-label-select { border: solid 1px #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; background-color: white; color: black; border-radius: 0; border: 1px solid #b7b7b7; }

.floating-label-input[disabled], .floating-label-select[disabled] { pointer-events: none; opacity: 0.7; }

.floating-label-input[disabled] .floating-label-select__label, .floating-label-input[disabled] .floating-label-select__readout, .floating-label-input[disabled] .floating-label-input__label, .floating-label-select[disabled] .floating-label-select__label, .floating-label-select[disabled] .floating-label-select__readout, .floating-label-select[disabled] .floating-label-input__label { color: #999; }

.floating-label-input[disabled]:after, .floating-label-select[disabled]:after { border-top-color: #999; }

.floating-label-input[disabled] .floating-label__custom-increment-arrow-up:after, .floating-label-select[disabled] .floating-label__custom-increment-arrow-up:after { border-bottom-color: #999; }

.floating-label-input[disabled] .floating-label__custom-increment-arrow-down:after, .floating-label-select[disabled] .floating-label__custom-increment-arrow-down:after { border-top-color: #999; }

.floating-label-input__input, .floating-label-select__readout { background: none; border: none; font-size: 16px; outline: 0; padding: 20px 8px 5px; width: 100%; -webkit-appearance: none; outline: 0; border-radius: 0; height: 44px; font-weight: normal; white-space: nowrap; }

.floating-label-select__readout { overflow: hidden; width: calc(100% - 33px); }

.floating-label-input__input--textarea { min-height: 6em; margin-top: 20px; padding-top: 0; }

.floating-label-input__label, .floating-label-select__label { font-weight: normal; color: black; font-size: 16px; position: absolute; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transform: translate(8px, 12px) scale(1); -ms-transform: translate(8px, 12px) scale(1); transform: translate(8px, 12px) scale(1); -webkit-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }

.floating-label-input--fixed .floating-label-input__label, .floating-label-input--active .floating-label-input__label, .floating-label-select--active .floating-label-select__label { -webkit-transform: translate(8px, 5px) scale(0.75); -ms-transform: translate(8px, 5px) scale(0.75); transform: translate(8px, 5px) scale(0.75); color: #0390c5; }

.floating-label-select:after { content: ''; position: absolute; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); top: 50%; right: 12px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 9px solid black; border-bottom: 7px solid transparent; pointer-events: none; }

.floating-label-select__select { position: absolute; top: 0; left: 0; -webkit-appearance: menulist-button; height: 100%; width: 100%; border-radius: 0; opacity: 0; }

.floating-label-select__label { pointer-events: none; }

.floating-label-select--error { border-color: #e00000; }

.floating-label-select--error .floating-label-select__label, .floating-label-select--error .floating-label-select__readout { color: #e00000; }

.floating-label-input--error { border-color: #e00000; }

.floating-label-input--error .floating-label-input__label, .floating-label-input--error .floating-label-input__input { color: #e00000; }

input[type="date"]::-webkit-inner-spin-button { display: none; }

input[type="date"]::-webkit-calendar-picker-indicator { width: calc(100% - 100px); opacity: 0; height: 100%; padding: 0; position: absolute; top: 0; right: 0; }

.floating-label-input--date:after { content: '\e80c'; font-family: 'imsa-icons'; color: #0390c5; pointer-events: none; position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.floating-label-input__input--custom-increment { -webkit-appearance: none; -moz-appearance: textfield; }

.floating-label-input__input--custom-increment::-webkit-outer-spin-button, .floating-label-input__input--custom-increment::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.floating-label__custom-increment-arrow-up { position: absolute; background: transparent; top: 2px; right: 0; width: 40px; height: 50%; cursor: pointer; }

.floating-label__custom-increment-arrow-up:after { content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: black; position: absolute; top: 1px; left: 13px; pointer-events: none; }

.floating-label__custom-increment-arrow-up:hover:after { border-bottom-color: #666; }

.floating-label__custom-increment-arrow-down { position: absolute; background: transparent; bottom: 2px; right: 0; width: 40px; height: 50%; cursor: pointer; }

.floating-label__custom-increment-arrow-down:after { content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-top-color: black; position: absolute; bottom: 1px; left: 13px; pointer-events: none; }

.floating-label__custom-increment-arrow-down:hover:after { border-top-color: #666; }

.custom-radio { margin-bottom: 30px; }

.custom-radio--error .custom-radio__label { color: red; }

.custom-radio__input { display: none; }

.custom-radio__label { cursor: pointer; position: relative; padding-left: 25px; display: block; text-align: left; font-size: 14px; margin-left: 5px; }

.custom-radio__label:before { content: ''; -webkit-transition: background-color 0.075s linear; -o-transition: background-color 0.075s linear; transition: background-color 0.075s linear; display: block; position: absolute; top: -1px; left: 0; width: 16px; height: 16px; background-color: black; border-radius: 100%; border: 4px solid black; }

.custom-radio__input:checked + .custom-radio__label:before { background-color: #32c5fc; }

.custom-radio__input[disabled] + .custom-radio__label { opacity: 0.4; }

.custom-increment { position: relative; display: inline-block; width: 7vw; }

.custom-increment__input { -webkit-appearance: none; border: 1px solid #b7b7b7; font-size: 2vw; color: #484848; padding: 0.25vw 3vw 0.25vw 0.5vw; border-radius: 0; outline: 0; width: 7vw; height: 3vw; font-weight: bold; }

.custom-increment__arrow-up { position: absolute; background: transparent; top: 0.125vw; right: 0; width: 3vw; height: 50%; cursor: pointer; }

.custom-increment__arrow-up:after { content: ''; display: block; width: 0; height: 0; border: 0.5vw solid transparent; border-bottom-color: black; position: absolute; top: 0; left: 1vw; pointer-events: none; }

.custom-increment__arrow-up:hover:after { border-bottom-color: #666; }

.custom-increment__arrow-down { position: absolute; background: transparent; bottom: 2px; right: 0; width: 3vw; height: 50%; cursor: pointer; }

.custom-increment__arrow-down:after { content: ''; display: block; width: 0; height: 0; border: 0.5vw solid transparent; border-top-color: black; position: absolute; bottom: 0; left: 1vw; pointer-events: none; }

.custom-increment__arrow-down:hover:after { border-top-color: #666; }

.half-flexer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.half-flexer__column { width: calc(50% - 20px); }

@media (max-width: 760px) { .flexer--wrap-on-phone { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media (max-width: 760px) { .block--full-on-phone { width: 100%; } }

.dimmer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 70px 30px; }

.dimmer--show { display: -webkit-box; display: -ms-flexbox; display: flex; }

.dimmer__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(50, 50, 50, 0.9); }

/*

    LOGIN

------------------------------------------------------------------*/
.login { background: #3e3e3e url(../img/login__bg.jpg) no-repeat center center; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.login__stage { max-width: 550px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width: 100%; margin: 30px; }

.login__logos { background-color: rgba(255, 255, 255, 0.9); border-radius: 10px 10px 0 0; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.login__form { background: rgba(3, 144, 197, 0.9) url(../img/global/header-tile.png); border-radius: 0 0 10px 10px; color: white; font-weight: bold; padding: 30px; }

@media (min-width: 760px) { .login__form { padding: 40px 80px; } }

@media (min-width: 975px) { .login__form { padding: 40px 120px; } }

@media (min-width: 760px) { .login__form--redemption { padding: 40px 70px; } }

.login__logo-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.login__logo-michelin { height: 36px; width: auto; margin: 10px; }

@media (min-width: 760px) { .login__logo-michelin { height: 41px; margin: 20px; } }

.login__logo-bfg { height: 28px; width: auto; position: relative; bottom: -2px; margin: 10px; }

@media (min-width: 760px) { .login__logo-bfg { height: 33px; margin: 20px; } }

.login__small-link { color: white !important; font-size: 12px; display: inline-block; text-decoration: none; }

.login__small-link:hover { text-decoration: underline; }

.login__flexer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: -13px; margin-bottom: 30px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.login__flexer label { margin-right: 4px; font-size: 12px; cursor: pointer; }

.login__flexer input { -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); }

.login__p { margin: 0 0 1em; font-size: 24px; }

.login__error { font-size: 12px; background-color: rgba(255, 255, 255, 0.7); border-radius: 5px; padding: 8px 10px; color: red; line-height: 1.25; margin: 40px 0 0; }

.login__error span { display: block; }

.login__redeption-code-block { position: relative; border: 1px solid #b7b7b7; background-color: white; margin-bottom: 40px; }

.login__redeption-code-input { border: 0; font-size: 10px; padding: 12px 8px; width: 100%; -webkit-appearance: none; border-radius: 0; height: 44px; background-color: transparent; }

@media (min-width: 500px) { .login__redeption-code-input { font-size: 14px; } }

@media (min-width: 550px) { .login__redeption-code-input { font-size: 16px; } }

.login__redeption-code-watermark { position: absolute; top: calc(50% + 1px); left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; font-weight: normal; pointer-events: none; }

.login__redeption-code-typed-text { color: black; opacity: 0; }

.login__redeption-code-watermark-text { color: #cccccc; }

.grecaptcha-badge { margin: 0 auto; }

/*

    REQUEST

------------------------------------------------------------------*/
.request { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.request__form { width: calc(100% - 40px); max-width: 850px; margin: 30px auto; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0.9); border-radius: 10px; padding: 30px 20px; text-align: center; }

@media (min-width: 760px) { .request__form { width: calc(100% - 60px); padding: 60px 40px; } }

@media (min-width: 975px) { .request__form { padding: 80px 70px; } }

@media (min-width: 760px) { .request__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

.request__header-logo { height: auto; width: 205px; margin-bottom: 20px; }

@media (min-width: 760px) { .request__header-logo { margin-bottom: 0; } }

@media (min-width: 760px) { .request__header-code-wrapper { text-align: right; } }

.request__large-inner-padding { padding: 0 10px; }

@media (min-width: 760px) { .request__large-inner-padding { padding: 0 30px; } }

@media (min-width: 975px) { .request__large-inner-padding { padding: 0 40px; } }

.request__small-inner-padding { padding: 0 10px; text-align: left; color: #484848; }

.request__banner { background-color: #223e52; font-weight: bold; font-size: 18px; color: white; padding: 14px 20px; margin-top: 35px; }

.request__section-flexer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 50px; }

.request__section-flexer a { text-decoration: none; }

.request__section-flexer span.request__p { color: #0390c5; cursor: pointer; }

.request__section-flexer span.request__p:hover { color: #02739d; }

.request__hr { margin: 15px 0; background-color: #9c9c9c; height: 1px; border: 0; width: 100%; }

.request__table { width: 100%; font-family: 'Roboto', sans-serif; font-size: 9px; margin: 30px 0; text-align: left; }

@media (min-width: 450px) { .request__table { font-size: 12px; } }

@media (min-width: 760px) { .request__table { font-size: 15px; } }

.request__table th { background-color: #737373; color: white; font-weight: bold; }

.request__table th, .request__table td { padding: 4px 6px; }

@media (min-width: 450px) { .request__table th, .request__table td { padding: 6px 10px; } }

@media (min-width: 760px) { .request__table th, .request__table td { padding: 12px 20px; } }

.request__table th:nth-child(2), .request__table th:nth-child(3), .request__table td:nth-child(2), .request__table td:nth-child(3) { text-align: center; }

.request__table tr:nth-child(odd) td { background-color: white; }

.request__table .icon-trash { color: #0390c5; cursor: pointer; }

@media (max-width: 760px) { .request__table .icon-trash { font-size: 20px; } }

.request__table .icon-trash:hover { color: #02739d; }

.request__p { font-weight: bold; font-size: 18px; }

.request__p small { font-weight: 300; display: block; margin-top: 4px; }

@media (min-width: 760px) { .request__p small { white-space: nowrap; display: inline-block; margin: 0 0 0 5px; } }

.request__p small a { font-weight: 400; color: #0390c5; }

.request__p--error { color: red; margin-bottom: 40px; font-weight: 400; line-height: 1.5; }

.request__p--error span { display: block; }

@media (min-width: 760px) { .request__flexer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

.flexer__half-block { text-align: left; margin-bottom: 34px; }

@media (min-width: 760px) { .flexer__half-block { width: calc(50% - 20px); } }

.flexer__half-block > small { font-size: 12px; margin: 2px 0 0 8px; position: absolute; }

.flexer__half-block > small a { color: #0390c5; }

.flexer__quarter-block { text-align: left; margin-bottom: 34px; }

@media (min-width: 760px) { .flexer__quarter-block { width: calc(25% - 30px); } }

.flexer__three-quarter-block { text-align: left; margin-bottom: 34px; }

@media (min-width: 760px) { .flexer__three-quarter-block { width: calc(75% - 13px); } }

.flexer__full-block { text-align: left; margin-bottom: 34px; width: 100%; }

.request__btn { margin: 0 10px 20px; padding: 12px 25px; }

@media (min-width: 760px) { .request__btn { width: 160px; } }

.request__btn--wide { width: auto; }

.request__dot { display: inline-block; margin: 0; width: 20px; height: 20px; position: relative; }

.request__dot:after { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 100%; background-color: #004956; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: background-color 0.075s linear; -o-transition: background-color 0.075s linear; transition: background-color 0.075s linear; }

.request__dot:hover:after { background-color: #0390c5; }

.request__dot--active { pointer-events: none; }

.request__dot--active:after { background-color: #b6b6b6; }

.request__remove-car-btn { padding: 0; background-color: transparent; color: #0390c5; font-weight: bold; cursor: pointer; line-height: 1; }

.request__remove-car-btn:hover { text-decoration: underline; }

.error-modal { background-color: rgba(255, 255, 255, 0.9); border-radius: 8px; padding: 30px 30px 45px 30px; position: relative; max-width: 760px; width: 100%; max-height: calc(100vh - 60px); overflow: auto; display: none; }

.error-modal--show { display: block; }

.add-tire-modal { background-color: rgba(255, 255, 255, 0.9); border-radius: 8px; padding: 30px 30px 45px 30px; position: relative; max-width: 760px; width: 100%; max-height: calc(100vh - 60px); overflow: auto; }

.add-tire-modal__h1 { margin: 0 0 30px; font-size: 22px; }

.add-tire-modal__closebtn { background-color: transparent; position: absolute; top: 20px; right: 20px; font-size: 20px; color: #767676; -webkit-transition: color 0.075s linear; -o-transition: color 0.075s linear; transition: color 0.075s linear; cursor: pointer; }

.add-tire-modal__closebtn:hover { color: #0390c5; }

.tabs { border-bottom: 10px solid #737373; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.tab { background-color: #0390c5; color: white; font-size: 11px; font-weight: bold; padding: 13px 16px; text-align: center; max-width: 180px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; position: relative; margin: 0 6px; cursor: pointer; -webkit-transition: background-color 0.075s; -o-transition: background-color 0.075s; transition: background-color 0.075s; text-decoration: none; }

@media (min-width: 760px) { .tab { font-size: 18px; padding: 18px; width: 30%; } }

.tab:hover { color: white; }

.tab:not(.tab--active):hover { background-color: #02739d; }

.tab--active { background-color: #737373; }

.tab--active:after { border-bottom: 5px solid #0390c5; width: 90%; position: absolute; bottom: 0; left: 5%; height: 100%; content: ''; z-index: 1; pointer-events: none; }

.tab--active:before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 8px solid #0390c5; border-left: 8px solid #0390c5; border-right: 8px solid transparent; border-bottom: 8px solid transparent; pointer-events: none; }

.tab-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 30vw; }

.tab-content--load-inventory { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; }

.tab-content__divider { height: 30vw; background-color: #d4d1cd; width: 0.2vw; }

.tab-content__divider--or { position: relative; }

.tab-content__divider--or:after { content: 'OR'; font-size: 2vw; padding: 0.75vw; background-color: white; display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 1; color: #d4d1cd; }

.tab-content--no-minimum, .tab-content__divider--no-minimum { height: auto; min-height: auto; }

.tab-content__width32 { width: 32%; }

.tab-content__width32 .tile:nth-child(3n) { margin-right: 0; }

.tab-content__width62 { width: 62%; }

/*

    ADMIN

------------------------------------------------------------------*/
.admin__header { background: -webkit-gradient(linear, left top, right top, from(#f9f9f9), to(#f0f0f0)); background: -webkit-linear-gradient(left, #f9f9f9 0%, #f0f0f0 100%); background: -o-linear-gradient(left, #f9f9f9 0%, #f0f0f0 100%); background: linear-gradient(to right, #f9f9f9 0%, #f0f0f0 100%); z-index: 1; position: relative; padding: 20px; }

@media (min-width: 760px) { .admin__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px; } }

@media (min-width: 975px) { .admin__header { padding: 40px; } }

.admin__header:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/global/header-tile.png); opacity: 0.3; z-index: -1; }

.admin__header-content-left { line-height: 0; margin-bottom: 20px; }

@media (min-width: 760px) { .admin__header-content-left { margin-bottom: 0; position: relative; top: -4px; } }

.admin__mich-logo { width: 180px; max-width: calc(50% - 9px); margin-right: 20px; }

.admin__bfg-logo { width: 155px; max-width: calc(50% - 15px); position: relative; top: 2px; }

.admin__header-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 700; }

@media (min-width: 975px) { .admin__header-nav { font-size: 17px; } }

@media (min-width: 1150px) { .admin__header-nav { font-size: 18px; } }

.admin__header-nav-link { text-decoration: none; color: #0390c5; font-weight: bold; cursor: pointer; }

@media (min-width: 760px) { .admin__header-nav-link { padding-left: 20px; } }

.admin__header-nav-link:hover { color: #737373 !important; }

.admin__header-nav-link.active { color: black !important; }

.admin__filters { background-color: white; border-bottom: 8px solid #767676; }

.admin__content-wrapper { max-width: 1150px; margin: 0 auto; padding: 0 20px; position: relative; }

@media (min-width: 760px) { .admin__content-wrapper { padding: 0 30px; } }

@media (min-width: 975px) { .admin__content-wrapper { padding: 0 40px; } }

.admin__filters-h1 { color: #aaaaaa; padding: 40px 0; margin: 0; }

.admin__filters-toolbar { background-color: #767676; padding: 15px 15px 8px; }

@media (min-width: 760px) { .admin__filters-toolbar { padding: 16px 20px 9px; } }

@media (min-width: 975px) { .admin__filters-toolbar { padding: 10px 20px 3px; } }

@media (min-width: 760px) { .admin__filters-flexer { display: -webkit-box; display: -ms-flexbox; display: flex; } }

.admin__search-icon { position: absolute; top: 50%; right: 0.5em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #0390c5; font-size: 1.25em; }

.admin__filters-flexer--subflexer { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.admin__flex-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: white; font-weight: bold; }

.admin__flex-block .floating-label-input, .admin__flex-block .floating-label-select { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

@media (min-width: 760px) { .admin__flex-block--search { width: calc(100% - 500px); } }

@media (min-width: 975px) { .admin__flex-block--search { width: 35%; } }

.admin__flex-block--status { width: 100%; margin: 15px 0; }

@media (min-width: 760px) { .admin__flex-block--status { max-width: 250px; } }

@media (min-width: 975px) { .admin__flex-block--status { max-width: 270px; } }

.admin__flex-block--sort { width: 100%; }

@media (min-width: 760px) { .admin__flex-block--sort { max-width: 180px; margin-left: 20px; } }

@media (min-width: 975px) { .admin__flex-block--sort { max-width: 200px; margin-left: 60px; } }

.admin__flex-block-label { margin: 0 20px 0 0; }

@media (min-width: 975px) { .admin__flex-block-label { margin: 0 30px 0 0; } }

.admin__content .admin__content-wrapper { padding: 30px 40px 120px; }

@media (min-width: 760px) { .admin__content .admin__content-wrapper { padding: 30px 50px 100px; } }

@media (min-width: 975px) { .admin__content .admin__content-wrapper { padding: 40px 60px 120px; } }

.admin__request-table { font-family: 'Roboto', sans-serif; }

@media (min-width: 975px) { .admin__request-table { display: table; } }

.users-table { width: 100%; }

@media (max-width: 975px) { .admin__request-table-row { border: 1px solid rgba(0, 0, 0, 0.3); padding: 15px 10px 25px; }
  .admin__request-table-row:first-child { display: none; }
  .admin__request-table-row:nth-child(even) { background-color: rgba(255, 255, 255, 0.5); }
  .admin__request-table-row + .admin__request-table-row { border-top: 0; }
  .admin__request-table-row:nth-child(2) { border-top: 1px solid rgba(0, 0, 0, 0.3); } }

@media (min-width: 760px) and (max-width: 975px) { .admin__request-table-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 10px; } }

@media (min-width: 975px) { .admin__request-table-row { display: table-row; } }

.admin__request-table-row:nth-child(odd) { background-color: white; }

@media (min-width: 975px) { .admin__request-table-cell, .admin__request-table-cell-header { display: table-cell; } }

.admin__request-table-cell { padding: 5px 10px; font-size: 14px; color: #666; }

@media (min-width: 975px) { .admin__request-table-cell { padding: 10px 15px 15px; color: #333; } }

@media (min-width: 760px) and (max-width: 975px) { .admin__request-table-cell { width: 50%; border: 1px solid rgba(0, 0, 0, 0.1); padding: 10px; }
  .admin__request-table-cell:last-child { width: 100%; border: 0; } }

.admin__request-table-cell small { display: block; }

.admin__request-table-cell:last-child { padding-left: 0; }

.admin__request-table-cell:before { color: #333; }

.admin__request-table-cell-header { color: white; background-color: #737373; white-space: nowrap; line-height: 1; padding: 10px 15px; font-size: 15px; }

.admin__request-table-tire-name-and-qty { display: -webkit-box; display: -ms-flexbox; display: flex; }

.admin__request-table-tire-name-and-qty + .admin__request-table-tire-name-and-qty { margin-top: 10px; }

@media (min-width: 975px) { .admin__request-table-tire-name-and-qty + .admin__request-table-tire-name-and-qty { margin-top: 20px; } }

@media (max-width: 975px) { .admin__request-table-tire-name { width: 100%; } }

@media (min-width: 975px) { .admin__request-table-tire-name { width: 230px; } }

@media (max-width: 975px) { .admin__request-table-cell--name-and-qty { position: relative; }
  .admin__request-table-cell--name-and-qty:before { content: 'TIRES REQUESTED: '; font-weight: bold; display: block; color: #333; }
  .admin__request-table-cell--name-and-qty:after { content: 'QTY'; font-weight: bold; display: block; color: #333; position: absolute; top: 5px; right: 10px; } }

@media (min-width: 760px) and (max-width: 975px) { .admin__request-table-cell--name-and-qty:after { top: 10px; } }

@media (max-width: 975px) { .admin__request-table-tire-qty { text-align: right; } }

@media (min-width: 975px) { .admin__request-table-tire-qty { width: 55px; text-align: center; } }

.admin__request-table-btn { font-size: 12px; width: 100%; }

@media (min-width: 760px) { .admin__request-table-btn { width: 110px; } }

@media (min-width: 975px) { .admin__request-table-btn { font-size: 12px; } }

@media (max-width: 975px) { .admin__request-table-cell--date:before { content: 'DATE: '; font-weight: bold; } }

@media (max-width: 975px) { .admin__request-table-cell--order-num:before { content: 'ORDER #: '; font-weight: bold; } }

@media (max-width: 975px) { .admin__request-table-cell--status:before { content: 'STATUS: '; font-weight: bold; } }

@media (max-width: 975px) { .admin__request-table-cell--priority:before { content: 'PRIORITY: '; font-weight: bold; } }

@media (max-width: 975px) { .admin__request-table-cell--name:before { content: 'NAME: '; font-weight: bold; } }

@media (max-width: 975px) { .admin__request-table-cell--email:before { content: 'EMAIL: '; font-weight: bold; } }

@media (max-width: 975px) { .admin__request-table-cell--role:before { content: 'ROLE: '; font-weight: bold; } }

@media (max-width: 975px) { .admin__request-table-cell--detail-btn { text-align: center; padding-top: 15px; } }

@media (max-width: 975px) { .admin__request-table-cell--date-needed:before { content: 'DATE NEEDED: '; font-weight: bold; } }

@media (min-width: 760px) and (max-width: 975px) { .admin__request-table-cell--date, .admin__request-table-cell--order-num, .admin__request-table-cell--status, .admin__request-table-cell--name { border-bottom: 0; }
  .admin__request-table-cell--name-and-qty, .admin__request-table-cell--date, .admin__request-table-cell--status { border-right: 0; } }

.admin__view-more-btn { width: 100%; }

@media (min-width: 760px) { .admin__view-more-btn { width: 80%; } }

.admin__codes-flexer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.admin__code-tile { width: 100%; min-height: 70px; padding: 20px; background-color: rgba(255, 255, 255, 0.5); }

@media (max-width: 760px) { .admin__code-tile { font-size: 14px; }
  .admin__code-tile:nth-child(even) { background-color: white; } }

@media (min-width: 760px) and (max-width: 975px) { .admin__code-tile { font-size: 16px; width: 50%; }
  .admin__code-tile:nth-child(4n - 2), .admin__code-tile:nth-child(4n - 1) { background-color: white; } }

@media (min-width: 975px) { .admin__code-tile { width: 33.33%; background-color: rgba(255, 255, 255, 0.3); min-height: 95px; border: 1px solid rgba(0, 0, 0, 0.1); }
  .admin__code-tile:nth-child(6n), .admin__code-tile:nth-child(6n - 2) { background-color: white; }
  .admin__code-tile:nth-child(6n - 4) { background-color: white; } }

.admin__code-tile--crossout { text-decoration: line-through; color: #0390c5; opacity: 0.7; }

.admin__code-tile--crossout .admin__code-tile-pdf-link, .admin__code-tile--crossout .admin__code-tile-disable-link { display: none; }

.admin__code-tile-pdf-link { text-decoration: none; }

.admin__code-tile-pdf-link:hover { color: #02739d; text-decoration: underline; }

.admin__code-tile-disable-link { cursor: pointer; color: #0390c5; background-color: transparent; }

.admin__code-tile-disable-link:hover { color: #02739d; text-decoration: underline; }

.admin__generate-code-btn-wrapper { margin-top: 40px; text-align: center; }

@media (min-width: 975px) { .admin__generate-code-btn-wrapper { text-align: left; } }

.admin__filters-generate-codes-btn { position: relative; top: -35px; }

@media (min-width: 760px) { .admin__filters-generate-codes-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 30px; } }

@media (min-width: 975px) { .admin__filters-generate-codes-btn { right: 40px; } }

@media (max-width: 760px) { .admin__flex-block--issuer, .admin__flex-block--status2, .admin__flex-block--value, .admin__flex-block--type { margin-bottom: 15px; }
  .admin__flex-block--issuer .admin__flex-block-label, .admin__flex-block--status2 .admin__flex-block-label, .admin__flex-block--value .admin__flex-block-label, .admin__flex-block--type .admin__flex-block-label { width: 50px; } }

.admin__filters-flexer--codes { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (min-width: 760px) { .admin__filters-flexer--codes { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }

@media (min-width: 760px) and (max-width: 975px) { .admin__flex-block--issuer, .admin__flex-block--status2 { margin-bottom: 15px; }
  .admin__flex-block--issuer, .admin__flex-block--status2 { width: calc(50% - 10px); }
  .admin__flex-block--issuer .admin__flex-block-label, .admin__flex-block--status2 .admin__flex-block-label { width: 50px; }
  .admin__flex-block--value, .admin__flex-block--type { width: calc(50% - 105px); } }

@media (min-width: 975px) { .admin__flex-block--issuer { width: 20%; }
  .admin__flex-block--status2, .admin__flex-block--value, .admin__flex-block--type { width: 17%; } }

@media (max-width: 760px) { .admin__generate-codes-modal-btn { width: 100%; margin-bottom: 20px; } }

@media (min-width: 975px) { .admin__reset-filters-btn { margin-left: 20px; } }

.admin__flex-block--filter { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 15px; }

@media (min-width: 760px) { .admin__flex-block--filter { margin-right: 10px; margin-bottom: 0; } }

.admin__back-btn { margin-top: 40px; }

@media (min-width: 760px) { .admin__back-btn { margin-top: 60px; } }

@media (min-width: 975px) { .admin__back-btn { margin-top: 80px; } }

.admin__detail-top-info-small-blocks { margin-top: 20px; }

@media (min-width: 760px) { .admin__detail-top-info-small-blocks { margin: 2px 0 0 40px; } }

.admin__detail-top-info-small-blocks p { margin: 0 0 20px; }

@media (min-width: 760px) { .admin__detail-top-info-small-blocks p { margin: 0 40px 0 0; }
  .admin__detail-top-info-small-blocks p:last-child { margin-right: 0; } }

.admin__detail-top-info-small-blocks small { display: block; opacity: 0.7; }

.admin__hr { margin: 15px -20px; background-color: #9c9c9c; height: 1px; border: 0; width: calc(100% + 40px); }

.admin__last-saved { position: absolute; right: 1px; bottom: 40px; font-size: 12px; font-style: italic; color: #666; background-color: transparent; width: 169px; text-align: center; padding: 4px 0; border-radius: 5px; -webkit-transition: background-color 3s 1s linear; -o-transition: background-color 3s 1s linear; transition: background-color 3s 1s linear; }

.admin__last-saved--hide { pointer-events: none; background-color: #c8ffc8; opacity: 0; }

.certificate { background-color: white; margin: 0; padding: 0; }

.certificate__graphics { position: absolute; width: 9.65in; height: auto; top: 0.4in; left: 0.5in; }

.certificate__text { position: absolute; top: 4.25in; left: 5.3in; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; font-family: 'Roboto', sans-serif; width: 9in; }

.certificate__h1 { color: black; font-size: 0.225in; font-weight: bold; }

.certificate__event-details { margin: 0 auto 0.4in; }

.certificate__entitlement { padding: 0.35in; width: 8.5in; margin: 0 auto 0.45in; position: relative; }

.certificate__entitlement-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }

.certificate__entitlement-h1 { margin: 0 auto 0.15in; }

.certificate__p { color: #231F20; font-size: 0.165in; margin: 0; }

.certificate__h2 { font-size: 0.25in; color: #E02826; font-weight: normal; margin: 0 auto; padding-bottom: 0.1in; line-height: 1; }

.certificate__code { color: #E02826; margin: 0 auto; padding-bottom: 0.25in; }

.certificate__questions { margin: 0 auto 0.5in; padding: 0 1in; }

.certificate__deadline { color: #E02826; font-weight: bold; }

.orderform { background-color: white; margin: 0; padding: 0; color: #231F20; }

.orderform__content { width: 7in; margin: 0.5in 0 0 0.5in; font-family: 'Roboto', sans-serif; }

.orderform__section { position: relative; padding: 0.175in 0.175in 0.25in; margin-bottom: 0.2in; }

.orderform__section-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }

.orderform__h1 { font-size: 0.22in; margin: 0 0 0.2in; line-height: 1; }

.orderform__h2 { font-size: 0.16in; margin: 0 0 0.12in; line-height: 1; }

.orderform__h3 { font-size: 0.1in; margin: 0; line-height: 1; }

.orderform__block1 { display: inline-block; vertical-align: top; min-width: 1.65in; padding-right: 0.2in; }

.orderform__block2 { display: inline-block; vertical-align: top; min-width: 1.3in; padding-right: 0.2in; }

.orderform__block3 { display: inline-block; vertical-align: top; min-width: 1.6in; padding-right: 0.2in; }

.orderform__block4 { display: inline-block; vertical-align: top; }

.orderform__p { font-size: 0.12in; margin: 0.025in 0 0; }

.orderform__table { width: 3.2in; font-size: 0.12in; }

.orderform__table th { color: white; background-color: #3a3a3a; text-align: left; padding: 0.075in 0.125in; }

.orderform__table tr:nth-child(even) { background-color: white; }

.orderform__table td { white-space: nowrap; padding: 0.075in 0.125in; }

.orderform__table td:last-child { text-align: center; }

.pagination { font-family: 'Roboto', sans-serif; background-color: #737373; color: white; padding: 15px 20px; margin-top: 40px; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.pagination span { font-weight: bold; }

.pagination__links { display: -webkit-box; display: -ms-flexbox; display: flex; }

.pagination__link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 30px; width: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; text-decoration: none; font-weight: bold; border: 1px solid #ccc; border-right: 0; -webkit-transition: background-color 0.075s linear; -o-transition: background-color 0.075s linear; transition: background-color 0.075s linear; background-color: #0390c5; color: white; }

.pagination__link:first-child { border-radius: 5px 0 0 5px; }

.pagination__link:last-child { border-right: 1px solid #ccc; border-radius: 0 5px 5px 0; }

.pagination__link:hover { background-color: #04aded; color: white !important; }

.pagination__link--active { background-color: white; color: #0390c5; }

.pagination__link-arrow { width: 20px; height: 20px; }

@media (max-width: 760px) { .pagination { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .pagination__links { margin-top: 10px; } }

/*

ATTRIBUTE STYLES TO TRUMP THE CASCADE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.hide { display: none; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.width100pc { width: 100%; }

.pos-r { position: relative; }

.m0 { margin: 0; }

.mr20 { margin-right: 20px; }

.mr30 { margin-right: 30px; }

.mr40 { margin-right: 40px; }

.mr80 { margin-right: 80px; }

.ml0 { margin-left: 0; }

.ml20 { margin-left: 20px; }

.ml30 { margin-left: 30px; }

.mb0 { margin-bottom: 0; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb25 { margin-bottom: 25px; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb60 { margin-bottom: 60px; }

.mt0 { margin-top: 0; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt25 { margin-top: 25px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mt60 { margin-top: 60px; }

.pt10 { padding-top: 10px; }

.pt20 { padding-top: 20px; }

.pt40 { padding-top: 40px; }

.pt60 { padding-top: 60px; }

.pb10 { padding-bottom: 10px; }

.pb20 { padding-bottom: 20px; }

.pb30 { padding-bottom: 30px; }

.pb40 { padding-bottom: 40px; }

.pb60 { padding-bottom: 60px; }

.pb80 { padding-bottom: 80px; }

.ta-c { text-align: center; }

.ta-r { text-align: right; }

.ta-l { text-align: left; }

.whitebg { background: white; }

.whitetxt { color: white; }

.blacktxt { color: black; }

.redtxt { color: red; }

@media (max-width: 760px) { .non-phone { display: none; }
  .width100pc-on-phone { width: 100%; } }

@media (min-width: 760px) { .phone-only { display: none; } }

@media (max-width: 975px) { .desktop-only { display: none; } }

@media (max-width: 760px) { .tablet-only { display: none; } }

@media (min-width: 975px) { .tablet-only { display: none; } }

@media (min-width: 975px) { .mobile-only { display: none; } }

/*

    PRINT

------------------------------------------------------------------*/
@media print { * { background: transparent !important; color: black !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; -webkit-filter: none !important; filter: none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href^=http]:after { content: " <" attr(href) "> "; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .certificate__text { top: calc(50% + 0.25in); left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .orderform__table th { border: 1px solid #666; }
  .orderform__table td { border: 1px solid #bbb; } }

/* Orders filter and status controls */
.orders-filter-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; align-items: end; }
.orders-filter-search { display: block; grid-column: 1 / -1; min-width: 0; }
.orders-filter-search .floating-label-input { width: 100%; }
.orders-filter-field { display: block; min-width: 0; margin: 0; }
.orders-filter-field .admin__flex-block-label { margin: 0 0 6px; }
.orders-filter-field .floating-label-select { width: 100%; min-width: 0; }
@media (max-width: 975px) { .orders-filter-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .orders-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.order-status-control { width: 190px; max-width: 100%; flex: 0 0 190px; margin-right: 20px; }
.order-status-control .floating-label-select { width: 100%; }
.order-status-control .btn { width: 100%; margin-top: 8px; }
.order-priority-control { width: 190px; max-width: 100%; flex: 0 0 190px; margin-right: 20px; }
.order-priority-control .floating-label-select { width: 100%; }
.order-priority-control .btn { width: 100%; margin-top: 8px; }
.order-priority-history { margin: 0 0 30px; }
.order-priority-history ul { margin: 0; padding-left: 24px; }
.order-priority-history li { margin: 4px 0; }
.order-sent-for-confirmation-control { display: flex; align-items: flex-end; gap: 14px; max-width: 500px; margin: 0 0 30px; }
.order-sent-for-confirmation-control .floating-label-input { flex: 1; min-width: 0; }
.order-sent-for-confirmation-control .btn { flex: 0 0 auto; margin-bottom: 1px; }