/* #region Embedded Fonts*/

@font-face { font-family: 'OpenSans'; font-style: normal; font-weight: 400; src: url('/Content/Fonts/OpenSans-Normal.eot') format('OpenSans-opentype'), url('/Content/Fonts/OpenSans-Normal.svg') format('svg'), url('/Content/Fonts/OpenSans-Normal.woff') format('woff'), url('/Content/Fonts/OpenSans-Normal.ttf') format('truetype'); }
@font-face { font-family: 'OpenSans'; font-style: normal; font-weight: 600; src: url('/Content/Fonts/OpenSans-Semibold.eot') format('embedded-opentype'), url('Content/Fonts/OpenSans-Semibold.svg') format('svg'), url('/Content/Fonts/OpenSans-Semibold.woff') format('woff'), url('/Content/Fonts/OpenSans-Bold.ttf') format('truetype'); }
@font-face { font-family: 'OpenSans'; font-style: normal; font-weight: 700; src: url('/Content/Fonts/OpenSans-Bold.eot') format('embedded-opentype'), url('Content/Fonts/OpenSans-Bold.svg') format('svg'), url('/Content/Fonts/OpenSans-Bold.woff') format('woff'), url('/Content/Fonts/OpenSans-Bold.ttf') format('truetype'); }

/* #endregion */

/* #region Baseline normalized HTML */

html { font-family: OpenSans, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal;  letter-spacing: 0.2px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; box-sizing: border-box; line-height: 1.5; color: #333; }
*, *:before, *:after { box-sizing : inherit; margin: 0; padding: 0; }
body { margin: 0; margin-left: auto; margin-right: auto; font-size: 16px; overflow-x: hidden;  }
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block; }
[hidden],template { display: none; }
a { background-color: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; cursor: pointer; border-radius: 0px; color: #A6192E; }
    a:active, a:hover { outline: 0; }    
b, strong { font-weight: bold; }
img { border: 0; width: 100%; height: auto; }
svg:not(:root) { overflow: hidden; }
ul:not(.browser-default) { padding-left: 0; list-style-type: none; }
ul:not(.browser-default) li { list-style-type: none; }
em { font-style: italic; }
div:focus { outline: 0px solid transparent !important;}
hr { width: 100%; border: none; border-top: 1px solid #bbb; height: 1px; overflow: hidden; display: inline-block; }
img { display: -ms-grid; display: grid; } /* Removes extra space under many of the images */
[role=button], .modal-handler { cursor: pointer; }
button { border-radius: 0px; }
input[type="submit"] { border-radius:0px; }
fieldset { border: none; -webkit-margin-start: initial; -webkit-margin-end: initial; min-width: initial; -webkit-padding-start: initial; -webkit-padding-end: initial; -webkit-padding-before: initial; -webkit-padding-after: initial; }
br { line-height: 1; }
p { line-height: 1.2; }

/* Custom scrollbars for Chrome */
@media screen and (hover: hover) {
    *::-webkit-scrollbar { width: 10px; } /* Only applies to true desktops */
}
*::-webkit-scrollbar-track { background-color: #fff; border-radius: 10px; -moz-border-radius: 10px; }
*::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 15px; }

main { padding: 10px 15px; }

/* #endregion */

/* #region Beazer Font Sizes */

.font80 { font-size: 80px !important; font-weight: 700; line-height: 0.85; letter-spacing: 4px; text-transform: uppercase; }
.font60 { font-size: 60px !important; font-weight: 900; line-height: 0.85; }
.font40 { font-size: 40px !important; font-weight: 700; line-height: 0.85; letter-spacing: 1px; }
.font36 { font-size: 36px !important; font-weight: 400; line-height: 0.85; }
.font32 { font-size: 32px !important; font-weight: 400; line-height: 1; }
.font30 { font-size: 30px !important; font-weight: 400; line-height: 0.85; }
.font28 { font-size: 28px !important; font-weight: 700; line-height: 0.85; }
.font24 { font-size: 24px !important; font-weight: 400; line-height: 1.2; }
.font18 { font-size: 18px !important; font-weight: 400; line-height: 1.2; }
.font16 { font-size: 16px !important; font-weight: 200; line-height: 1.2; }
.font14 { font-size: 14px !important; font-weight: 200; line-height: 1.2; }
.font13 { font-size: 13px !important; font-weight: 700; line-height: 1.2; }
.font12 { font-size: 12px !important; font-weight: 200; line-height: 1.2; }
.font80 a, .font60 a, .font40 a, .font36 a, .font30 a, .font28 a, .font24 a, .font18 a, .font16 a, .font14 a, .font13 a, .font12 a { font-size: inherit; font-weight: inherit; }

/* Beazer Standard Font Weights */
.xbold { font-weight: 900 !important; }
.bold { font-weight: 700 !important; }
.regular { font-weight: 400 !important; }
.light, .lite { font-weight: 200 !important; }
.xbold a, .bold a, .regular a, .light a { font-weight: inherit; }

/* Headers */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: inherit; font-weight: inherit; }
h1 { font-size: 32px; font-weight: 700; line-height: 0.9; letter-spacing: 2px; text-align: center; white-space: nowrap; }
h2 { font-size: 28px; font-weight: 400; line-height: 1; padding-bottom: 10px; }
h3 { font-size: 24px; font-weight: 700; margin: 25px 0; }
h4, h5, h6 { font-size: 18px; font-weight: 700; margin: 10px 0; } /* DO NOT USE */
h1 br { line-height: inherit; }

/* Responsive Font size adjustments - Add font-noresize to prevent responsive font adjustments */

/* Large */
@media only screen and (max-width: 1200px) {
    .font80 { font-size: 68.75px !important; }
    .font60 { font-size: 53px !important; }
    .font40 { font-size: 37px !important; }
    .font36 { font-size: 33px !important; }
    .font32 { font-size: 29px !important; }
    .font30 { font-size: 27.5px !important; }
    .font28 { font-size: 25.5px !important; }
    .font24, h3 { font-size: 22.5px !important; }    
}

/* Medium */
@media only screen and (max-width: 992px) {
    h2 { font-size: 26px !important; }
    .font80 { font-size: 57.5px !important; }
    .font60 { font-size: 46px !important; }
    .font40 { font-size: 34px !important; }
    .font36 { font-size: 30px !important; }
    .font32 { font-size: 27px !important; }
    .font30 { font-size: 25px !important; }
    .font28 { font-size: 23px !important; }
    .font24, h3 { font-size: 21px !important; }
}

/* Small */
@media only screen and (max-width: 600px) {
    h2 { font-size: 24px !important; }
    .font80 { font-size: 35px !important; }
    .font60 { font-size: 32px !important; }
    .font40 { font-size: 28px !important; }
    .font36 { font-size: 24px !important; }
    .font32 { font-size: 22px !important; }
    .font30 { font-size: 20.5px !important; }
    .font28 { font-size: 18px !important; }
    /*.font24, h3 { font-size: 18px !important; }*/
}

/* Non-Responsive Fonts */
.font80.font-noresize { font-size: 80px !important;  }
.font60.font-noresize { font-size: 60px !important; }
.font40.font-noresize { font-size: 40px !important; }
.font36.font-noresize { font-size: 36px !important; }
.font32.font-noresize { font-size: 32px !important; }
.font30.font-noresize { font-size: 30px !important; }
.font28.font-noresize { font-size: 28px !important; }
.font24.font-noresize { font-size: 24px !important; }
.font18.font-noresize { font-size: 18px !important; }
.font16.font-noresize { font-size: 16px !important; }
.font14.font-noresize { font-size: 14px !important; }
.font13.font-noresize { font-size: 13px !important; }
.font12.font-noresize { font-size: 12px !important; }

/* #endregion */

/* #region Global Utility Classes */

/* Text Adjustments */
.truncate { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.italic { font-style: italic; font-size: inherit; font-family: inherit; font-weight: inherit; }
.uppercase { text-transform: uppercase; }
.normalcase { text-transform: none !important; }
.left-align { text-align: left; }
.right-align { text-align: right; }
.center-align { text-align: center; }
.justify, .justify-align { text-align: justify; }
.nowrap { white-space: nowrap; }
.underlined { text-decoration:underline; }

@media only print {
    .noprint { display: none !important; }
    .print-block { display: block !important;  }
    .print-inline { display: inline !important; }
}

/* Displaying raw HTML */
.html-display p { line-height: 1.5 !important; }
.html-display  ul li { list-style-type: disc !important; margin-left: 20px; padding-left: 5px; }
.html-display  ol li { list-style-type: decimal; margin-left: 20px; padding-left: 5px; }

/* Floating and Alignment */
.valign-wrapper {  display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.valign-wrapper .valign { display: block; }
.valign-middle { vertical-align: middle; }
.valign-top { vertical-align:top; }
.valign-bottom { vertical-align: bottom; }
.left { float: left !important; }
.right { float: right !important; }
.clearfix:after { content: ""; clear: both; display: table; }
.clear-right { clear: right; }
.clear-left { clear: left; }
.center { display: block; margin-left: auto !important; margin-right: auto !important; }
.fill { width: 100%; }
.block { display: block; }
.inline-block { display: inline-block; }

/* Visibility */
.hidden, .hide { display: none !important; }
.invisible { visibility: hidden; }

/* Margin and Padding adjustments */
.padding-horizontal-small { padding: 1px 10px; }
.padding-top-none { padding-top: 0 !important; }
.margin-xlarge { margin-top: 60px; }
.margin-large { margin-top: 40px; }
.margin-medium { margin-top: 20px; }
.margin-small { margin-top: 10px !important; }
.margin-tiny { margin-top: 5px !important; }
.padding-bottom-small { padding-bottom: 10px; }
.padding-bottom-medium { padding-bottom: 20px; }
.padding-bottom-large { padding-bottom: 40px; }
.padding-all-small { padding: 10px; }
.padding-all-medium { padding: 20px; }
.spaced-right-small { margin-right: 5px; }
.spaced-right-medium { margin-right: 20px; }
.spaced-right-large { margin-right: 40px; }

/* #endregion */

/* #region Sections */

section { margin-top: 5px; }
    section .section-header { background-color: #ddd; height: 32px; max-height: 32px; min-height: 32px; padding: 0; margin-bottom: 10px; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-flex-align: start; align-items: center; justify-content: space-between; }
    section .section-header h2 { font-size: 16px !important; margin: 0 15px; padding: 0; }
    section .section-header .section-toolbar { text-align: right; }
    section .section-header .section-toolbar i { font-size: 23px; text-align: center; height: 32px; line-height: 32px; width: 32px; }
    section .section-header .section-toolbar i.mdi-plus-circle { font-size: 26px; }
    section .section-header .section-toolbar i:hover { background-color: rgba(255,255,255,0.5); }

/* #endregion */

/* #region Loading Wait Spinners */

.wait { display: inline-block; width: 28px; height: 28px; position: relative; top: 50%; transform: translateY(-50%);  }

/* #endregion */

/* #region Form Baseline */

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { border: none; background:none; -webkit-appearance:button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
legend { border: 0; padding: 0; }
textarea { border: 1px solid #878b8d; overflow: auto; min-height:100px; }
optgroup { font-weight: bold; }
.no-select, input[type=range], input[type=range] + .thumb { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.required { background: transparent url('/Content/images/required.png') no-repeat 0px 5px; padding-left: 0px; }
.required-right { background: transparent url('/Content/images/required.png') no-repeat 0px 5px; padding-right:8px; background-position: right 2px top 5px; }
/*.pad-content { padding: 15px; }*/
textarea.pad-content { padding: 10px; }
.standard-button { padding: 10px; width: 100%; font-weight:700; border-radius: 0px !important; height:50px;  }
.field-validation-error span {    
    font-size: 0.8rem;
    color: #A6192E;
    font-weight: 500;
}
.validation-summary-errors { color: #A6192E; margin-top: 20px; margin-bottom: 20px; position: relative; }
    .validation-summary-errors ul { padding-left: 45px; }
    .validation-summary-errors:after { content: "\F028"; font-family: "Material Design Icons"; position: absolute; top: -12px; font-size: 32px; }
.validation-errors { color: #A6192E; }

/* Auto Fill Color in Chrome */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus { 
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}

/* Browser Default Inputs */
.input[type="text"].browser-default, input[type="search"].browser-default, input[type="email"].browser-default, input[type="number"].browser-default, input[type="file"].browser-default, input[type="password"].browser-default { margin: 0 !important; padding: 5px 10px !important; border: none !important; }
.input[type="text"].browser-default:focus, input[type="search"].browser-default:focus, input[type="email"].browser-default:focus,input[type="number"].browser-default:focus, input[type="file"].browser-default:focus, input[type="password"].browser-default:focus { border: none !important; box-shadow: none !important; }

/* #endregion */

/* #region Material Shadows */

.z-depth-0 { box-shadow: none !important; }
.z-depth-1, nav, .card-panel, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover { box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); }
.z-depth-2 { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }
.z-depth-3 { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); }
.z-depth-4, .modal { box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); }
.z-depth-5 { box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3); }
.hoverable { transition: box-shadow .25s; box-shadow: 0; }
.hoverable:hover { transition: box-shadow .25s; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.divider { height: 1px; overflow: hidden; background-color: #e0e0e0; }

/* #endregion */

/* #region Background Colors */

.red { background-color: #A6192E !important; }
.darkgrey { background-color: #333 !important; }
.grey { background-color: #999 !important; }
.lightgrey { background-color: #eee !important; }
.palegrey { background-color: #f1f1f1 !important; }
.blue { background-color: #0079a9 !important; }
.green { background-color: #65bc45 !important; }
.white { background-color: #fff !important; }

button.green:hover { background-color: #87de67 !important; }
button.red:hover { background-color: #c83b4f !important; }

/* #endregion */

/* #region  Text Colors */

.red-text { color: #A6192E !important; }
.darkgrey-text { color: #333 !important; }
.grey-text { color: #999 !important; }    
.lightgrey-text { color: #bbb !important; }    
.palegrey-text { color: #f1f1f1 !important; }    
.blue-text { color: #0079a9 !important; }
.green-text { color: #65bc45 !important; }
.white-text { color: #fff !important; }
.black-text { color: #000000 !important; }
.orange-text { color: #ff9600 !important; }

/* #endregion */

/* #region Material Buttons */

.btn, .btn-large, .btn-flat { border: none; border-radius: 2px; position: relative; z-index: 1; display: inline-block; height: 36px; line-height: 38px; padding: 0 2rem; text-transform: uppercase; vertical-align: middle; -webkit-tap-highlight-color: transparent; }
.btn.disabled, .disabled.btn-large, .btn-floating.disabled, .btn-large.disabled, .btn-flat.disabled, .btn:disabled, .btn-large:disabled, .btn-floating:disabled, .btn-large:disabled, .btn-flat:disabled, .btn[disabled], [disabled].btn-large, .btn-floating[disabled], .btn-large[disabled], .btn-flat[disabled] { pointer-events: none; background-color: #DFDFDF !important; box-shadow: none; color: #9F9F9F !important; cursor: default; }
.btn.disabled:hover, .disabled.btn-large:hover, .btn-floating.disabled:hover, .btn-large.disabled:hover, .btn-flat.disabled:hover, .btn:disabled:hover, .btn-large:disabled:hover, .btn-floating:disabled:hover, .btn-large:disabled:hover, .btn-flat:disabled:hover, .btn[disabled]:hover, [disabled].btn-large:hover, .btn-floating[disabled]:hover, .btn-large[disabled]:hover, .btn-flat[disabled]:hover { background-color: #DFDFDF !important; color: #9F9F9F !important; }
.btn, .btn-large, .btn-floating, .btn-large, .btn-flat { outline: 0; }
    .btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i { font-size: 1.3rem; line-height: inherit; }
    .btn:focus, .btn-large:focus, .btn-floating:focus { background-color: #7c1322; }
.btn, .btn-large { text-decoration: none; color: #fff; background-color: #A6192E; text-align: center; letter-spacing: .5px; transition: .2s ease-out; cursor: pointer; }
    .btn:hover, .btn-large:hover { background-color: #d2203a; }

.btn-floating { display: inline-block; color: #fff; position: relative; overflow: hidden; z-index: 1; width: 40px; height: 40px; line-height: 40px; padding: 0; background-color: #26a69a; border-radius: 50%; transition: .3s; cursor: pointer; vertical-align: middle; }
    .btn-floating:hover { background-color: #d2203a; }
    .btn-floating:before { border-radius: 0; }
    .btn-floating.btn-large { width: 56px; height: 56px; }
        .btn-floating.btn-large i { line-height: 56px; }
    .btn-floating.halfway-fab { position: absolute; right: 24px; bottom: 0; -webkit-transform: translateY(50%); transform: translateY(50%); }
        .btn-floating.halfway-fab.left { right: auto; left: 24px; }
    .btn-floating i { width: inherit; display: inline-block; text-align: center; color: #fff; font-size: 1.6rem; line-height: 40px; }
button.btn-floating { border: none; }

.fixed-action-btn { position: fixed; right: 23px; bottom: 23px; padding-top: 15px; margin-bottom: 0; z-index: 998; }
    .fixed-action-btn.active ul { visibility: visible; }
    .fixed-action-btn.horizontal { padding: 0 0 0 15px; }
        .fixed-action-btn.horizontal ul { text-align: right; right: 64px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 100%; left: auto; width: 500px; /*width 100% only goes to width of button container */ }
            .fixed-action-btn.horizontal ul li { display: inline-block; margin: 15px 15px 0 0; }
    .fixed-action-btn.toolbar { padding: 0; height: 56px; }
        .fixed-action-btn.toolbar.active > a i { opacity: 0; }
        .fixed-action-btn.toolbar ul { display: -webkit-flex; display: -ms-flexbox; display: flex; top: 0; bottom: 0; }
            .fixed-action-btn.toolbar ul li { -webkit-flex: 1; -ms-flex: 1; flex: 1; display: inline-block; margin: 0; height: 100%; transition: none; }
                .fixed-action-btn.toolbar ul li a { display: block; overflow: hidden; position: relative; width: 100%; height: 100%; background-color: transparent; box-shadow: none; color: #fff; line-height: 56px; z-index: 1; }
                    .fixed-action-btn.toolbar ul li a i { line-height: inherit; }
    .fixed-action-btn ul { left: 0; right: 0; text-align: center; position: absolute; bottom: 64px; margin: 0; visibility: hidden; }
        .fixed-action-btn ul li { margin-bottom: 15px; }
        .fixed-action-btn ul a.btn-floating { opacity: 0; }
    .fixed-action-btn .fab-backdrop { position: absolute; top: 0; left: 0; z-index: -1; width: 40px; height: 40px; background-color: #A6192E; border-radius: 50%; -webkit-transform: scale(0); transform: scale(0); }

.btn-flat { box-shadow: none; background-color: transparent; color: #343434; cursor: pointer; transition: background-color .2s; }
    .btn-flat:focus, .btn-flat:active { background-color: transparent; }
    .btn-flat:focus, .btn-flat:hover { background-color: rgba(0, 0, 0, 0.1); box-shadow: none; }
    .btn-flat:active { background-color: rgba(0, 0, 0, 0.2); }
    .btn-flat.disabled { background-color: transparent !important; color: #b3b3b3 !important; cursor: default; }

.btn-large { height: 54px; line-height: 54px; }
    .btn-large i { font-size: 1.6rem; }

.btn-block { display: block; }

/* #endregion */

/* #region Material Tooltip */

.material-tooltip { padding: 12px; font-size: 14px; z-index: 2000; background-color: #fff; color: #333; min-height: 36px; line-height: 120%; opacity: 0; position: absolute; text-align: center; max-width: calc(100% - 4px); left: 0; top: 0; visibility: hidden; box-shadow: rgba(0,0,0,0.2) 0 0 20px 5px; }
    .material-tooltip:after { font-family:Arial; content: '▲'; position: absolute; bottom: -10px; left: 50%; height: 13px; -moz-transform: translateX(-50%) scale(2.6, 1.3) rotate(180deg); -webkit-transform: translateX(-50%) scale(2.6, 1.3) rotate(180deg); -ms-transform: translateX(-50%) scale(2.6, 1.3) rotate(180deg); transform: translateX(-50%) scale(2.6, 1.3) rotate(180deg); color: #fff; }
    .material-tooltip.tooltip-top:after { bottom: -10px; left: 50%; height: 13px; -moz-transform: translateX(-50%) scale(2.6, 1.3) rotate(180deg); -webkit-transform: translateX(-50%) scale(2.6, 1.3) rotate(180deg); -ms-transform: translateX(-50%) scale(2.6, 1.3) rotate(180deg); transform: translateX(-50%) scale(2.6, 1.3) rotate(180deg); }
    .material-tooltip.tooltip-bottom:after { top: -10px; left: 50%; height: 13px; -moz-transform: translateX(-50%) scale(2.6, 1.3); -webkit-transform: translateX(-50%) scale(2.6, 1.3); -ms-transform: translateX(-50%) scale(2.6, 1.3); transform: translateX(-50%) scale(2.6, 1.3); }

/* #endregion */

/* #region Material Nav */

nav { color: #fff; background: url('/Content/images/suitebar-dark.jpg') no-repeat center left #333; width: 100%; height: 53px; line-height: 53px; max-height: 53px; }
    nav.nav-extended { height: auto; }
        nav.nav-extended .nav-wrapper { min-height: 53px; height: auto; }
        nav.nav-extended .nav-content { position: relative; line-height: normal; }
    nav a { color: #fff; }
    nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons, nav span.mdi { display: block; font-size: 24px; height: 53px; line-height: 53px; }
    nav .nav-wrapper { position: relative; height: 100%; overflow: hidden; }

@media only screen and (min-width: 993px) {
    nav a.sidenav-trigger { display: none; }
}

nav .sidenav-trigger { float: left; position: relative; z-index: 1; height: 53px; margin: 0 18px; }
    nav .sidenav-trigger i, nav .sidenav-trigger span.mdi { height: 53px; line-height: 53px; }
nav .brand-logo { color: #fff; display: inline-block; font-size: 1.2rem; text-indent:15px; padding: 0; }
    nav .brand-logo.center { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    nav .brand-logo img { padding: 13px 20px; border-right: 1px solid white; }
nav .page-title { position: relative; z-index: 0; max-width: 90%; overflow: hidden; text-overflow: ellipsis; margin-left: 20px; }
    nav .page-title h1 { font-size: 17px !important; font-weight: 200; line-height: 53px; text-align: left; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }

@media only screen and (max-width:1024px) {
    nav .page-title { max-width: 43%; }
}

@media only screen and (max-width: 992px) {
    nav .page-title { }
    nav .brand-logo { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
        nav .brand-logo.left, nav .brand-logo.right { padding: 0; -webkit-transform: none; transform: none; }
        nav .brand-logo.left { left: 0.5rem; }
        nav .brand-logo.right { right: 0.5rem; left: auto; }
}

@media only screen and (max-width: 675px) {
    nav .page-title { max-width: 12%; }
}

@media only screen and (max-width: 600px) {
    nav .page-title { max-width: 56%; margin-left: 0; }
    nav h1 { text-indent: 5px; max-width: 200px; text-overflow:ellipsis; overflow: hidden; }
}

nav .brand-logo.right { right: 0.5rem; padding: 0; }
nav .brand-logo i, nav .brand-logo [class^="mdi-"], nav .brand-logo [class*="mdi-"], nav .brand-logo i.material-icons, nav .brand-logo span.mdi { float: left; margin-right: 15px; }
nav .nav-title { display: inline-block; font-size: 32px; padding: 0px 0; }
nav ul { margin: 0; position: absolute; right: 0; z-index: 1; }
    nav ul li { -webkit-transition: background-color .3s; transition: background-color .3s; float: left; padding: 0; font-size: 1rem; color: #fff; display: block; padding: 0 15px; cursor: pointer; }
        nav ul li.active { background-color: rgba(0, 0, 0, 0.1); }
    nav ul a { -webkit-transition: background-color .3s; transition: background-color .3s; font-size: 1rem; color: #fff; display: block; cursor: pointer; }
        nav ul button, nav ul a.btn, nav ul a.btn-large, nav ul a.btn-small, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating { margin-top: -2px; margin-left: 15px; margin-right: 15px; }
            nav ul button, nav ul a.btn > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-small > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-flat > .material-icons, nav ul a.btn-floating > .material-icons { height: inherit; line-height: inherit; }
        nav ul a:hover { background-color: rgba(0, 0, 0, 0.1); }
    nav ul.left { float: left; }
    nav ul span.mdi {  transform: translateY(3px); margin: 0 5px; }
nav form { height: 100%; }
nav .input-field { margin: 0; height: 100%; }
    nav .input-field input { height: 100%; font-size: 1.2rem; border: none; padding-left: 2rem; }
        nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid { border: none; -webkit-box-shadow: none; box-shadow: none; }
    nav .input-field label { top: 0; left: 0; }
        nav .input-field label i { color: rgba(255, 255, 255, 0.7); -webkit-transition: color .3s; transition: color .3s; }
        nav .input-field label.active i { color: #fff; }
.navbar-fixed { position: relative; height: 51px; z-index: 997; }
    .navbar-fixed nav { position: fixed; }

    
@media only screen and (max-width: 600px) {
   nav ul a { padding: 0 10px;}
}

@media only screen and (min-width: 601px) {
    nav.nav-extended .nav-wrapper { min-height: 53px; }
    nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i, nav a.sidenav-trigger span.mdi { height: 53px; line-height: 53px; }
    .navbar-fixed { height: 53px; }
}

/* #endregion */

/* #region Side Nav */

.side-nav { position: fixed; width: 300px; left: 0; top: 0; margin: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); height: 100%; height: calc(100% + 60px); height: -moz-calc(100%); padding-bottom: 60px; background-color: #fff; z-index: 999; overflow-y: auto; will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-105%); transform: translateX(-105%); }
    .side-nav.right-aligned { right: 0; -webkit-transform: translateX(105%); transform: translateX(105%); left: auto; -webkit-transform: translateX(100%); transform: translateX(100%); }
    .side-nav .collapsible { margin: 0; }
    .side-nav li { float: none; line-height: 48px; }
        .side-nav li.active { background-color: rgba(0, 0, 0, 0.05); }
        .side-nav li > a { color: rgba(0, 0, 0, 0.87); display: block; font-size: 14px; font-weight: 500; height: 48px; line-height: 48px; padding: 0 32px; }
            .side-nav li > a:hover { background-color: rgba(0, 0, 0, 0.05); }
            .side-nav li > a.btn, .side-nav li > a.btn-large, .side-nav li > a.btn-large, .side-nav li > a.btn-flat, .side-nav li > a.btn-floating { margin: 10px 15px; }
            .side-nav li > a.btn, .side-nav li > a.btn-large, .side-nav li > a.btn-large, .side-nav li > a.btn-floating { color: #fff; }
            .side-nav li > a.btn-flat { color: #343434; }
            .side-nav li > a.btn:hover, .side-nav li > a.btn-large:hover, .side-nav li > a.btn-large:hover { background-color: #2bbbad; }
            .side-nav li > a.btn-floating:hover { background-color: #26a69a; }
            .side-nav li > a > i,
            .side-nav li > a > [class^="mdi-"], .side-nav li > a li > a > [class*="mdi-"],
            .side-nav li > a > i.material-icons { float: left; height: 48px; line-height: 48px; margin: 0 24px 0 0; width: 24px; color: rgba(0, 0, 0, 0.54); }
    .side-nav .divider { margin: 8px 0 0 0; }
    .side-nav .subheader { cursor: initial; pointer-events: none; color: rgba(0, 0, 0, 0.54); font-size: 14px; font-weight: 500; line-height: 48px; }
        .side-nav .subheader:hover { background-color: transparent; }
    .side-nav .user-view,
    .side-nav .userView { position: relative; padding: 32px 32px 0; margin-bottom: 8px; background: url('data:image/jpeg;base64,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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf/Z') no-repeat top left #333; }
        .side-nav .user-view > a,
        .side-nav .userView > a { height: auto; padding: 0; }
            .side-nav .user-view > a:hover,
            .side-nav .userView > a:hover { background-color: transparent; }
        .side-nav .user-view .background,
        .side-nav .userView .background { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }
        .side-nav .user-view .circle, .side-nav .user-view .name, .side-nav .user-view .role,
        .side-nav .userView .circle,
        .side-nav .userView .name,
        .side-nav .userView .role { display: block; }
        .side-nav .user-view .circle,
        .side-nav .userView .circle { height: 64px; width: 64px; border-radius: 64px; }
        .side-nav .user-view .name,
        .side-nav .user-view .role,
        .side-nav .userView .name,
        .side-nav .userView .role { font-size: 14px; line-height: 24px; }
        .side-nav .user-view .name,
        .side-nav .userView .name { margin-top: 16px; font-weight: 500; }
        .side-nav .user-view .role,
        .side-nav .userView .role { padding-bottom: 16px; font-weight: 400; }

.drag-target { height: 100%; width: 10px; position: fixed; top: 0; z-index: 998; }
.side-nav.fixed { left: 0; -webkit-transform: translateX(0); transform: translateX(0); position: fixed; }
    .side-nav.fixed.right-aligned { right: 0; left: auto; }

@media only screen and (max-width: 992px) {
    .side-nav.fixed { -webkit-transform: translateX(-105%); transform: translateX(-105%); }
        .side-nav.fixed.right-aligned { -webkit-transform: translateX(105%); transform: translateX(105%); }
    .side-nav a { padding: 0 16px; }
    .side-nav .user-view,
    .side-nav .userView { padding: 16px 16px 0; }
}

.side-nav .collapsible-body > ul:not(.collapsible) > li.active,
.side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active { background-color: #ee6e73; }
    .side-nav .collapsible-body > ul:not(.collapsible) > li.active a,
    .side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active a { color: #fff; }
.side-nav .collapsible-body { padding: 0; }

#sidenav-overlay { position: fixed; top: 0; left: 0; right: 0; height: 120vh; background-color: rgba(0, 0, 0, 0.5); z-index: 997; will-change: opacity; }

/* #endregion */

/* #region Responsive Grid */

/*.container .row { margin-left: -0.75rem; margin-right: -0.75rem; }*/
.row { margin-left: auto; }
.row:after { content: ""; display: table; clear: both; }
.row .col { float: left; box-sizing: border-box; min-height: 1px; padding-right: 15px; }
.row .col.nopad { padding-right: 0; }
.row.nocolpad .col { padding-right: 0; }
.row .col[class*="push-"], .row .col[class*="pull-"] { position: relative; }

/* Try to remove padding from last column on small screens for column sizing scenarios. Had to do this because negative margin on the .row class causes a white gap in Apple */
@media only screen and (max-width: 600px) {
    .row .col.s12,
    .row .col.s6 + .s6,
    .row .col.s4 + .s4 + .s4,
    .row .col.s3 + .s3 + .s3 + .s3 .row .col.s2 + .s2 + .s2 + .s2 + .s2 { padding-right: 0; }
}

/* Try to remove padding from last column on medium screens for column sizing scenarios. Had to do this because negative margin on the .row class causes a white gap in Apple */
@media only screen and (min-width: 601px) and (max-width: 992px) {
    .row .col.m12, 
    .row .col.m6 + .m6, 
    .row .col.m4 + .m4 + .m4,   
    .row .col.m3 + .m3 + .m3 + .m3 
    .row .col.m2 + .m2 + .m2 + .m2 + .m2 { padding-right: 0; }
}

/* Try to remove padding from last column on medium screens for column sizing scenarios. Had to do this because negative margin on the .row class causes a white gap in Apple */
@media only screen and (min-width: 993px) {
    .row .col.l12, 
    .row .col.l6 + .l6, 
    .row .col.l4 + .l4 + .l4,   
    .row .col.l3 + .l3 + .l3 + .l3 
    .row .col.l2 + .l2 + .l2 + .l2 + .l2 { padding-right: 0; }
}



/* Small */
.row .col.s1 { width: 8.3333333333%; margin-left: auto; left: auto; right: auto; }
.row .col.s2 { width: 16.6666666667%; margin-left: auto; left: auto; right: auto; }
.row .col.s3 { width: 25%; margin-left: auto; left: auto; right: auto; }
.row .col.s4 { width: 33.3333333333%; margin-left: auto; left: auto; right: auto; }
.row .col.s5 { width: 41.6666666667%; margin-left: auto; left: auto; right: auto; }
.row .col.s6 { width: 50%; margin-left: auto; left: auto; right: auto; }
.row .col.s7 { width: 58.3333333333%; margin-left: auto; left: auto; right: auto; }
.row .col.s8 { width: 66.6666666667%; margin-left: auto; left: auto; right: auto; }
.row .col.s9 { width: 75%; margin-left: auto; left: auto; right: auto; }
.row .col.s10 { width: 83.3333333333%; margin-left: auto; left: auto; right: auto; }
.row .col.s11 { width: 91.6666666667%; margin-left: auto; left: auto; right: auto; }
.row .col.s12 { width: 100%; margin-left: auto; left: auto; right: auto; }
.row .col.offset-s1 { margin-left: 8.3333333333%; }
.row .col.pull-s1 { right: 8.3333333333%; }
.row .col.push-s1 { left: 8.3333333333%; }
.row .col.offset-s2 { margin-left: 16.6666666667%; }
.row .col.pull-s2 { right: 16.6666666667%; }
.row .col.push-s2 { left: 16.6666666667%; }
.row .col.offset-s3 { margin-left: 25%; }
.row .col.pull-s3 { right: 25%; }
.row .col.push-s3 { left: 25%; }
.row .col.offset-s4 { margin-left: 33.3333333333%; }
.row .col.pull-s4 { right: 33.3333333333%; }
.row .col.push-s4 { left: 33.3333333333%; }
.row .col.offset-s5 { margin-left: 41.6666666667%; }
.row .col.pull-s5 { right: 41.6666666667%; }
.row .col.push-s5 { left: 41.6666666667%; }
.row .col.offset-s6 { margin-left: 50%; }
.row .col.pull-s6 { right: 50%; }
.row .col.push-s6 { left: 50%; }
.row .col.offset-s7 { margin-left: 58.3333333333%; }
.row .col.pull-s7 { right: 58.3333333333%; }
.row .col.push-s7 { left: 58.3333333333%; }
.row .col.offset-s8 { margin-left: 66.6666666667%; }
.row .col.pull-s8 { right: 66.6666666667%; }
.row .col.push-s8 { left: 66.6666666667%; }
.row .col.offset-s9 { margin-left: 75%; }
.row .col.pull-s9 { right: 75%; }
.row .col.push-s9 { left: 75%; }
.row .col.offset-s10 { margin-left: 83.3333333333%; }
.row .col.pull-s10 { right: 83.3333333333%; }
.row .col.push-s10 { left: 83.3333333333%; }
.row .col.offset-s11 { margin-left: 91.6666666667%; }
.row .col.pull-s11 { right: 91.6666666667%; }
.row .col.push-s11 { left: 91.6666666667%; }
.row .col.offset-s12 { margin-left: 100%; }
.row .col.pull-s12 { right: 100%; }
.row .col.push-s12 { left: 100%; }

/* Medium */
@media only screen and (min-width: 601px) {
    .row .col.m1 { width: 8.3333333333%; margin-left: auto; left: auto; right: auto; }
    .row .col.m2 { width: 16.6666666667%; margin-left: auto; left: auto; right: auto; }
    .row .col.m3 { width: 25%; margin-left: auto; left: auto; right: auto; }
    .row .col.m4 { width: 33.3333333333%; margin-left: auto; left: auto; right: auto; }
    .row .col.m5 { width: 41.6666666667%; margin-left: auto; left: auto; right: auto; }
    .row .col.m6 { width: 50%; margin-left: auto; left: auto; right: auto; }
    .row .col.m7 { width: 58.3333333333%; margin-left: auto; left: auto; right: auto; }
    .row .col.m8 { width: 66.6666666667%; margin-left: auto; left: auto; right: auto; }
    .row .col.m9 { width: 75%; margin-left: auto; left: auto; right: auto; }
    .row .col.m10 { width: 83.3333333333%; margin-left: auto; left: auto; right: auto; }
    .row .col.m11 { width: 91.6666666667%; margin-left: auto; left: auto; right: auto; }
    .row .col.m12 { width: 100%; margin-left: auto; left: auto; right: auto; }
    .row .col.offset-m1 { margin-left: 8.3333333333%; }
    .row .col.pull-m1 { right: 8.3333333333%; }
    .row .col.push-m1 { left: 8.3333333333%; }
    .row .col.offset-m2 { margin-left: 16.6666666667%; }
    .row .col.pull-m2 { right: 16.6666666667%; }
    .row .col.push-m2 { left: 16.6666666667%; }
    .row .col.offset-m3 { margin-left: 25%; }
    .row .col.pull-m3 { right: 25%; }
    .row .col.push-m3 { left: 25%; }
    .row .col.offset-m4 { margin-left: 33.3333333333%; }
    .row .col.pull-m4 { right: 33.3333333333%; }
    .row .col.push-m4 { left: 33.3333333333%; }
    .row .col.offset-m5 { margin-left: 41.6666666667%; }
    .row .col.pull-m5 { right: 41.6666666667%; }
    .row .col.push-m5 { left: 41.6666666667%; }
    .row .col.offset-m6 { margin-left: 50%; }
    .row .col.pull-m6 { right: 50%; }
    .row .col.push-m6 { left: 50%; }
    .row .col.offset-m7 { margin-left: 58.3333333333%; }
    .row .col.pull-m7 { right: 58.3333333333%; }
    .row .col.push-m7 { left: 58.3333333333%; }
    .row .col.offset-m8 { margin-left: 66.6666666667%; }
    .row .col.pull-m8 { right: 66.6666666667%; }
    .row .col.push-m8 { left: 66.6666666667%; }
    .row .col.offset-m9 { margin-left: 75%; }
    .row .col.pull-m9 { right: 75%; }
    .row .col.push-m9 { left: 75%; }
    .row .col.offset-m10 { margin-left: 83.3333333333%; }
    .row .col.pull-m10 { right: 83.3333333333%; }
    .row .col.push-m10 { left: 83.3333333333%; }
    .row .col.offset-m11 { margin-left: 91.6666666667%; }
    .row .col.pull-m11 { right: 91.6666666667%; }
    .row .col.push-m11 { left: 91.6666666667%; }
    .row .col.offset-m12 { margin-left: 100%; }
    .row .col.pull-m12 { right: 100%; }
    .row .col.push-m12 { left: 100%; }
}

/* Large */
@media only screen and (min-width: 993px) {
    .row .col.l1 { width: 8.3333333333%; margin-left: auto; left: auto; right: auto; }
    .row .col.l2 { width: 16.6666666667%; margin-left: auto; left: auto; right: auto; }
    .row .col.l3 { width: 25%; margin-left: auto; left: auto; right: auto; }
    .row .col.l4 { width: 33.3333333333%; margin-left: auto; left: auto; right: auto; }
    .row .col.l5 { width: 41.6666666667%; margin-left: auto; left: auto; right: auto; }
    .row .col.l6 { width: 50%; margin-left: auto; left: auto; right: auto; }
    .row .col.l7 { width: 58.3333333333%; margin-left: auto; left: auto; right: auto; }
    .row .col.l8 { width: 66.6666666667%; margin-left: auto; left: auto; right: auto; }
    .row .col.l9 { width: 75%; margin-left: auto; left: auto; right: auto; }
    .row .col.l10 { width: 83.3333333333%; margin-left: auto; left: auto; right: auto; }
    .row .col.l11 { width: 91.6666666667%; margin-left: auto; left: auto; right: auto; }
    .row .col.l12 { width: 100%; margin-left: auto; left: auto; right: auto; }
    .row .col.offset-l1 { margin-left: 8.3333333333%; }
    .row .col.pull-l1 { right: 8.3333333333%; }
    .row .col.push-l1 { left: 8.3333333333%; }
    .row .col.offset-l2 { margin-left: 16.6666666667%; }
    .row .col.pull-l2 { right: 16.6666666667%; }
    .row .col.push-l2 { left: 16.6666666667%; }
    .row .col.offset-l3 { margin-left: 25%; }
    .row .col.pull-l3 { right: 25%; }
    .row .col.push-l3 { left: 25%; }
    .row .col.offset-l4 { margin-left: 33.3333333333%; }
    .row .col.pull-l4 { right: 33.3333333333%; }
    .row .col.push-l4 { left: 33.3333333333%; }
    .row .col.offset-l5 { margin-left: 41.6666666667%; }
    .row .col.pull-l5 { right: 41.6666666667%; }
    .row .col.push-l5 { left: 41.6666666667%; }
    .row .col.offset-l6 { margin-left: 50%; }
    .row .col.pull-l6 { right: 50%; }
    .row .col.push-l6 { left: 50%; }
    .row .col.offset-l7 { margin-left: 58.3333333333%; }
    .row .col.pull-l7 { right: 58.3333333333%; }
    .row .col.push-l7 { left: 58.3333333333%; }
    .row .col.offset-l8 { margin-left: 66.6666666667%; }
    .row .col.pull-l8 { right: 66.6666666667%; }
    .row .col.push-l8 { left: 66.6666666667%; }
    .row .col.offset-l9 { margin-left: 75%; }
    .row .col.pull-l9 { right: 75%; }
    .row .col.push-l9 { left: 75%; }
    .row .col.offset-l10 { margin-left: 83.3333333333%; }
    .row .col.pull-l10 { right: 83.3333333333%; }
    .row .col.push-l10 { left: 83.3333333333%; }
    .row .col.offset-l11 { margin-left: 91.6666666667%; }
    .row .col.pull-l11 { right: 91.6666666667%; }
    .row .col.push-l11 { left: 91.6666666667%; }
    .row .col.offset-l12 { margin-left: 100%; }
    .row .col.pull-l12 { right: 100%; }
    .row .col.push-l12 { left: 100%; }
}

/* X Large */
@media only screen and (min-width: 1200px) {
    .row .col.xl1 { width: 8.3333333333%; margin-left: auto; left: auto; right: auto; }
    .row .col.xl2 { width: 16.6666666667%; margin-left: auto; left: auto; right: auto; }
    .row .col.xl3 { width: 25%; margin-left: auto; left: auto; right: auto; }
    .row .col.xl4 { width: 33.3333333333%; margin-left: auto; left: auto; right: auto; }
    .row .col.xl5 { width: 41.6666666667%; margin-left: auto; left: auto; right: auto; }
    .row .col.xl6 { width: 50%; margin-left: auto; left: auto; right: auto; }
    .row .col.xl7 { width: 58.3333333333%; margin-left: auto; left: auto; right: auto; }
    .row .col.xl8 { width: 66.6666666667%; margin-left: auto; left: auto; right: auto; }
    .row .col.xl9 { width: 75%; margin-left: auto; left: auto; right: auto; }
    .row .col.xl10 { width: 83.3333333333%; margin-left: auto; left: auto; right: auto; }
    .row .col.xl11 { width: 91.6666666667%; margin-left: auto; left: auto; right: auto; }
    .row .col.xl12 { width: 100%; margin-left: auto; left: auto; right: auto; }
    .row .col.offset-xl1 { margin-left: 8.3333333333%; }
    .row .col.pull-xl1 { right: 8.3333333333%; }
    .row .col.push-xl1 { left: 8.3333333333%; }
    .row .col.offset-xl2 { margin-left: 16.6666666667%; }
    .row .col.pull-xl2 { right: 16.6666666667%; }
    .row .col.push-xl2 { left: 16.6666666667%; }
    .row .col.offset-xl3 { margin-left: 25%; }
    .row .col.pull-xl3 { right: 25%; }
    .row .col.push-xl3 { left: 25%; }
    .row .col.offset-xl4 { margin-left: 33.3333333333%; }
    .row .col.pull-xl4 { right: 33.3333333333%; }
    .row .col.push-xl4 { left: 33.3333333333%; }
    .row .col.offset-xl5 { margin-left: 41.6666666667%; }
    .row .col.pull-xl5 { right: 41.6666666667%; }
    .row .col.push-xl5 { left: 41.6666666667%; }
    .row .col.offset-xl6 { margin-left: 50%; }
    .row .col.pull-xl6 { right: 50%; }
    .row .col.push-xl6 { left: 50%; }
    .row .col.offset-xl7 { margin-left: 58.3333333333%; }
    .row .col.pull-xl7 { right: 58.3333333333%; }
    .row .col.push-xl7 { left: 58.3333333333%; }
    .row .col.offset-xl8 { margin-left: 66.6666666667%; }
    .row .col.pull-xl8 { right: 66.6666666667%; }
    .row .col.push-xl8 { left: 66.6666666667%; }
    .row .col.offset-xl9 { margin-left: 75%; }
    .row .col.pull-xl9 { right: 75%; }
    .row .col.push-xl9 { left: 75%; }
    .row .col.offset-xl10 { margin-left: 83.3333333333%; }
    .row .col.pull-xl10 { right: 83.3333333333%; }
    .row .col.push-xl10 { left: 83.3333333333%; }
    .row .col.offset-xl11 { margin-left: 91.6666666667%; }
    .row .col.pull-xl11 { right: 91.6666666667%; }
    .row .col.push-xl11 { left: 91.6666666667%; }
    .row .col.offset-xl12 { margin-left: 100%; }
    .row .col.pull-xl12 { right: 100%; }
    .row .col.push-xl12 { left: 100%; }
}


/* #endregion */

/* #region  Responsive Media Queries */
@media only screen and (max-width: 600px) { 
    .hide-on-small-only, .hide-on-small-and-down { display: none !important; } 
}
@media only screen and (max-width: 992px) {
  .hide-on-med-and-down { display: none !important; }
}
@media only screen and (min-width: 601px) {
  .hide-on-med-and-up { display: none !important; }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
  .hide-on-med-only { display: none !important; }
}
@media only screen and (min-width: 993px) {
  .hide-on-large-only { display: none !important; }
}
@media only screen and (min-width: 993px) {
  .show-on-large { display: block !important; }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
  .show-on-medium { display: block !important; }
}
@media only screen and (max-width: 600px) {
  .show-on-small { display: block !important; }
}
@media only screen and (min-width: 601px) {
  .show-on-medium-and-up { display: block !important; }
}
@media only screen and (max-width: 992px) {
  .show-on-medium-and-down { display: block !important; }
}
@media only screen and (max-width: 600px) {
  .center-on-small-only { text-align: center; }
}

/* #endregion */

/* #region Responsive Misc. */

/* Beazer: Images are responsive by default so this is redundant for images */
img.responsive-img, video.responsive-video { max-width: 100%; height: auto; }

/* Responsive Video */
.video-container { position: relative; padding-bottom: 56.25%; width: 100% !important; height: 0; overflow: hidden; background-color: #000; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-container .progress { position: absolute; top: 50%;  left: 50%; -moz-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 50%; }

/* #endregion */

/* #region Carousel */

.carousel { overflow: hidden; position: relative; width: 100%; height: auto; min-height: 100% !important; -webkit-perspective: 500px; perspective: 500px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; }
    .carousel.carousel-slider { top: 0; left: 0; height: 0; }
        .carousel.carousel-slider .carousel-fixed-item { position: absolute; left: 0; right: 0; bottom: 20px; z-index: 1; }
            .carousel.carousel-slider .carousel-fixed-item.with-indicators { bottom: 68px; }
        .carousel.carousel-slider .carousel-item { width: 100%; height: 100%; min-height: 400px; position: absolute; top: 0; left: 0; }
            .carousel.carousel-slider .carousel-item h2 { font-size: 24px; font-weight: bold; line-height: 32px; }
            .carousel.carousel-slider .carousel-item p { font-size: 15px; }
    .carousel .carousel-item { display: none; width: 87%; position: absolute; top: 0px; left: 0; height: auto; max-height: 100% !important; }
        .carousel .carousel-item.active { position: relative !important; }      
    .carousel .indicators { position: absolute; text-align: center; left: 0; right: 0; bottom: 0; margin: 0; }
        .carousel .indicators .indicator-item { display: inline-block; position: relative; cursor: pointer; height: 8px; width: 8px; margin: 24px 4px; background-color: rgba(255, 255, 255, 0.5); transition: background-color .3s; border-radius: 50%; }
            .carousel .indicators .indicator-item.active { background-color: #fff; }

/* #endregion */

/* #region Slider */

.slider { position: relative; height: auto; max-height: 100% !important; width: 100%; transition: height 0.5s; overflow: hidden; }
    .slider.fullscreen { height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
        .slider.fullscreen ul.slides { height: 100%; }
        .slider.fullscreen ul.indicators { z-index: 2; bottom: 30px; }
    .slider .slides { background-color: #9e9e9e; margin: 0; height: auto; transition: height 0.5s; }
        .slider .slides li { opacity: 0; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: auto; max-height: 100% !important; overflow: hidden; background-color: #fff; }
        /*.slider .slides li.planfloorplanslider { opacity: 0; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: auto;  overflow: hidden; }*/
            .slider .slides li img { width: 100%; max-width: 100%; height: auto; background-size: cover; background-position: center; outline:none; }
            .slider .slides li img.lazy { width: 1px !important; }
            .slider .slides li .caption { color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; padding: 10px 15px; box-sizing: border-box; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.8)); line-height: 1.1; }
                .slider .slides li .caption p { color: #e0e0e0; }
                .slider .slides li .caption .slider_counter { padding-right: 10px; font-size: 15px; font-weight: bold; }
            .slider .slides li.active { z-index: 2; position: relative; /* display: grid; */ } /* Removed display: grid as it caused the floorplan slider to not resize height appropriately. */
    .slider .indicators { position: absolute; text-align: center; left: 0; right: 0; bottom: 0; margin: 0; }
        .slider .indicators .indicator-item { display: inline-block; position: relative; cursor: pointer; height: 16px; width: 16px; margin: 0 12px; background-color: #e0e0e0; transition: background-color .3s; border-radius: 50%; }
            .slider .indicators .indicator-item.active { background-color: #4CAF50; }

/* #endregion */

/* #region Collapsible */

.collapsible { border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; margin: 0.5rem 0 1rem 0; }
.collapsible-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; cursor: pointer; -webkit-tap-highlight-color: transparent; line-height: 1.5; padding: 1rem; background-color: #fff; border-bottom: 1px solid #ddd; }
    .collapsible-header i, .collapsible-header span.mdi { width: 2rem; font-size: 1.6rem; display: inline-block; text-align: center; margin-right: 1rem; }
.collapsible-body { display: none; border-bottom: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2rem; padding-bottom: 3rem; background-color: #efefef; }
.side-nav .collapsible,
.side-nav.fixed .collapsible { border: none; -webkit-box-shadow: none; box-shadow: none; }
    .side-nav .collapsible li,
    .side-nav.fixed .collapsible li { padding: 0; }
.side-nav .collapsible-header,
.side-nav.fixed .collapsible-header { background-color: transparent; border: none; line-height: inherit; height: inherit; padding: 0 16px; }
    .side-nav .collapsible-header:hover, .side-nav.fixed .collapsible-header:hover { background-color: rgba(0, 0, 0, 0.05); }
    .side-nav .collapsible-header i, .side-nav .collapsible-header span.mdi, .side-nav.fixed .collapsible-header i, .side-nav.fixed .collapsible-header span.mdi { line-height: inherit; }
.side-nav .collapsible-body, .side-nav.fixed .collapsible-body { border: 0; background-color: #fff; }
    .side-nav .collapsible-body li a, .side-nav.fixed .collapsible-body li a { padding: 0 23.5px 0 31px; }
.collapsible.popout { border: none; -webkit-box-shadow: none; box-shadow: none; }
    .collapsible.popout > li { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin: 0 24px; -webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .collapsible.popout > li.active { -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); margin: 16px 0; }

/* #endregion */

/* #region Media Box */

.materialboxed { display: block; cursor: -webkit-zoom-in; cursor: zoom-in; position: relative; transition: opacity .4s; -webkit-backface-visibility: hidden; }
    .materialboxed:hover:not(.active) { opacity: .8; }
    .materialboxed.active { cursor: -webkit-zoom-out; cursor: zoom-out; }
#materialbox-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #292929; z-index: 1000; will-change: opacity; }
.materialbox-caption { position: fixed; display: none; color: #fff; line-height: 50px; bottom: 0; left: 0; width: 100%; text-align: center; padding: 0% 15%; height: 50px; z-index: 1000; -webkit-font-smoothing: antialiased; }

/* #endregion */

/*#region Tabs */

.tabs { position: relative; overflow-x: auto; overflow-y: hidden; height: 48px; width: 100%; background-color: #fff; margin: 0 auto; white-space: nowrap; }
    .tabs.tabs-transparent { background-color: transparent; }
        .tabs.tabs-transparent .tab a,
        .tabs.tabs-transparent .tab.disabled a,
        .tabs.tabs-transparent .tab.disabled a:hover { color: rgba(255, 255, 255, 0.7); }
            .tabs.tabs-transparent .tab a:hover,
            .tabs.tabs-transparent .tab a.active { color: #fff; }
        .tabs.tabs-transparent .indicator { background-color: #fff; }
    .tabs.tabs-fixed-width { display: -webkit-flex; display: -ms-flexbox; display: flex; }
        .tabs.tabs-fixed-width .tab { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
    .tabs .tab { display: inline-block; text-align: center; line-height: 48px; height: 48px; padding: 0; margin: 0; }
        .tabs .tab a { display: block; width: 100%; height: 100%; padding: 0 24px; font-size: 18px; font-weight: normal; color: #999 !important; text-overflow: ellipsis; overflow: hidden; transition: color .28s ease; }
            /*.tabs .tab a:hover, false hover in mobile */ .tabs .tab a.active { background-color: transparent; color: #A6192E !important; font-weight: bold; }
        .tabs .tab.disabled a,
        .tabs .tab.disabled a:hover { font-weight: normal; color: rgba(0, 0, 0, 0.57) !important; cursor: default; }
    .tabs .indicator { position: absolute; bottom: 0; height: 2px; background-color: #A6192E; will-change: left, right; }


@media only screen and (max-width: 600px) {
    .tabs { display: -webkit-flex; display: -ms-flexbox; display: flex; }
        .tabs .tab { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
            .tabs .tab a { padding: 0 12px; }
}

/* #endregion */

/* #region Pagination */

.pagination li { display: inline-block; border-radius: 2px; text-align: center; vertical-align: top; height: 30px; }
    .pagination li a { color: #333; display: inline-block; font-size: 1.2rem; padding: 0 10px; line-height: 30px; }
    .pagination li.active a { color: #fff; }
    .pagination li.active { background-color: #ee6e73; }
    .pagination li.disabled a { cursor: default; color: #999; }
    .pagination li i { font-size: 2rem; }
    .pagination li.pages ul li { display: inline-block; float: none; }

@media only screen and (max-width: 992px) {
    .pagination { width: 100%; }
        .pagination li.prev,
        .pagination li.next { width: 10%; }
        .pagination li.pages { width: 80%; overflow: hidden; white-space: nowrap; }
}

/* #endregion */

/* #region Breadcrumb */

.breadcrumb { background-color: #eee; padding: 5px 15px; }

/* #endregion */

/* #region Dropdown */

.dropdown-content { background-color: #fff; margin: 0; display: none; min-width: 100px; max-height: 650px; overflow-y: auto; opacity: 0; position: absolute; z-index: 999; will-change: width, height; }
    .dropdown-content li { clear: both; color: rgba(0, 0, 0, 0.87); cursor: pointer; min-height: 50px; line-height: 1.5rem; width: 100%; text-align: left; text-transform: none; }
        .dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected { background-color: #eee; }
            .dropdown-content li.active.selected { background-color: #e1e1e1; }
        .dropdown-content li.divider { min-height: 0; height: 1px; }
        .dropdown-content li > a, .dropdown-content li > span { font-size: 16px; color: #26a69a; display: block; line-height: 22px; padding: 14px 16px; }
            .dropdown-content li > span > label { top: 1px; left: 0; height: 18px; }
            .dropdown-content li > a > i { height: inherit; line-height: inherit; }
.input-field.col .dropdown-content [type="checkbox"] + label { top: 1px; left: 0; height: 18px; }

/* #endregion */

/* #region Modal */

.modal { display: none; position: fixed; left: 0; right: 0; background-color: #ffffff; padding: 0; margin: auto; overflow-y: auto; border-radius: 2px; will-change: top, opacity; -webkit-overflow-scrolling: touch; z-index: 10; max-width: 100%; }
.modal .modal-header { display: block; padding: 0 15px; border-bottom: 1px solid #bbb; position: relative; min-height: 56px; padding-right: 40px !important; }
.modal .modal-header { display: block; padding: 0 15px; border-bottom: 1px solid #bbb; position: relative; min-height: 56px; padding-right: 40px !important; }
    .modal .modal-header .bzh-icon.close, .modal .modal-header .mdi.close { cursor: pointer; position: absolute; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); right: 8px; color: #A6192E; }
    .modal .modal-header .mdi.close { font-size: 28px; right: 18px; }
    .modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5 { color: #333; font-size: 18px !important; font-weight: 200; display: inline-block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); white-space: normal; letter-spacing: 1px; text-align: left; padding-bottom: 0; }
.modal-overlay { position: fixed; z-index: 999; top: -100px; left: 0; bottom: 0; right: 0; height: 125%; width: 100%; background: #000; display: none; will-change: opacity; }
.modal-content { max-height: 80vh; padding: 10px 15px; } /* IE11 fix for overflowing max height */
.modal-footer { padding: 10px; margin-top: 10px; }

@media only screen and (max-width: 992px) {
    .modal { width: 100% !important; } /* To override explicit widths set for desktop sizes */
    .modal.no-chrome { width: 95% !important; }
}
/* Removing marging for explicit widths set for desktop sizes */
@media only screen and (min-width: 993px) {
    .modal { margin: 0 !important; }
}

/* Desktop Adjustment */    
.modal.desktop { left: 50%; top: 10%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 80%; max-width: 80%; max-height: 90%; overflow: hidden; }
    .modal.desktop.open { display: -webkit-flex !important; display: flex !important; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; }
    .modal.desktop.open .modal-content { overflow: auto; overflow-x: hidden;  }
    .modal.desktop .modal-header { padding: 0 20px; min-height: 75px; }
    .modal.desktop .modal-header h1, .modal.desktop .modal-header h2, .modal.desktop .modal-header h3, .modal.desktop .modal-header h4, .modal.desktop .modal-header h5 { font-size: 24px !important; letter-spacing: 0.5px; }
    
/* Modal Video */
.modal.video { background-color: rgba(0, 0, 0, 0.8); }
.modal.video .modal-header { border-bottom: none; }
.modal.video .modal-header *:not(.bzh-icon) { visibility: hidden; }
    .modal.video .modal-header .bzh-icon { color: #fff !important; right: 10px !important; top: 50%; text-shadow: 0 0 10px #000; }
    .modal.video .modal-header .bzh-icon:before { content: 'Close'; text-transform: uppercase; color: #fff; position: relative; top: -6px; margin-right: 5px; font-size: 18px; font-family: OpenSans, Arial, Helvetica, sans-serif; font-weight: 700; }

/* Desktop Adjustments - Model Video */
.modal.desktop.video { background-color: transparent; height: 0; max-height: 60%; padding-bottom: calc(56.25% + 75px); margin-top: 4%; }
.modal.desktop.video .modal-header { border-bottom: none; }
    .modal.desktop.video .modal-header .bzh-icon { right: -10px !important; top: 50px; }
    .modal.desktop.video .modal-content { overflow: visible; height: 0; padding-bottom: calc(56.25% + 75px); }

@media only screen and (min-width: 1201px) { 
    /* Apply to X-Large only */ 
    .modal.desktop.video { -webkit-transform: translateX(-50%) translateY(-35%); transform: translateX(-50%) translateY(-35%); max-width: 960px; }
}

/* Modal - No Chrome */
.modal.no-chrome { background-color: transparent; }
.modal.no-chrome .modal-header { border-bottom: none; }
.modal.no-chrome .modal-header *:not(.bzh-icon) { visibility: hidden; }
    .modal.no-chrome .modal-header .bzh-icon { color: #fff !important; right: -11px !important; text-shadow: 0 0 10px #000; }
    .modal.no-chrome .modal-header .bzh-icon:before { content: 'Close'; text-transform: uppercase; color: #fff; position: relative; top: -6px; margin-right: 5px; font-size: 18px; font-family: OpenSans, Arial, Helvetica, sans-serif; font-weight: 700; }
    .modal.no-chrome .modal-content { background-color: #fff; }

/* iPhone Scrolling Background hack */
 @media (max-width: 480px) {
    .modal {
        height: 500px; /* Set a default max height of the modal (adjusted later)*/
        position: fixed; /* Display modal in the centre of your screen */
        overflow-y: scroll; /*  Ensure that the modal is scroll-able */
        -webkit-overflow-scrolling: touch; /* Avoid having to use 2 finger scroll on iOS    */
    }    
    .modal-content {
        /* Increase the max height of the modal body to try & avoid both it,
            * and the modal container having scroll bars which results in odd behavior */ 
        max-height: 9400px; 
    }   
}

/* Now adjust the height so it handles various screen sizes & orientations */
/* You could make this as granular as you like, or have it more granular at common screen sizes
    * but it should start at the height we set on .modal (i.e. 500px) & work down */
@media (max-width: 480px) and (max-height: 500px){.modal{ height: 450px}}
@media (max-width: 480px) and (max-height: 450px){.modal{ height: 400px}}
@media (max-width: 480px) and (max-height: 400px){.modal{ height: 350px}}
@media (max-width: 480px) and (max-height: 350px){.modal{ height: 300px}}
@media (max-width: 480px) and (max-height: 300px){.modal{ height: 250px}}
@media (max-width: 480px) and (max-height: 250px){.modal{ height: 200px}}
@media (max-width: 480px) and (max-height: 200px){.modal{ height: 150px}}

/* Gatherings modal, adjustment for centering */
#dialogGatheringsInfo.modal.desktop { margin: 0 !important; }

/* #endregion */

/* #region Progress */

.progress { position: relative; height: 4px; display: block; vertical-align: baseline; width: 100%; background-color: #ccc; border-radius: 2px; margin: 0.5rem 0 1rem 0; overflow: hidden; }
    .progress .determinate { position: absolute; top: 0; left: 0; bottom: 0; background-color: #999; -webkit-transition: width .3s linear; transition: width .3s linear; }
    .progress .indeterminate { background-color: #999; }
        .progress .indeterminate:before { content: ''; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
        .progress .indeterminate:after { content: ''; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -webkit-animation-delay: 1.15s; animation-delay: 1.15s; }

@-webkit-keyframes indeterminate {
    0% { left: -35%; right: 100%; }
    60% { left: 100%; right: -90%; }
    100% { left: 100%; right: -90%; }
}

@keyframes indeterminate {
    0% { left: -35%; right: 100%; }
    60% { left: 100%; right: -90%; }
    100% { left: 100%; right: -90%; }
}

@-webkit-keyframes indeterminate-short {
    0% { left: -200%; right: 100%; }
    60% { left: 107%; right: -8%; }
    100% { left: 107%; right: -8%; }
}

@keyframes indeterminate-short {
    0% { left: -200%; right: 100%; }
    60% { left: 107%; right: -8%; }
    100% { left: 107%; right: -8%; }
}

/* #endregion */

/* #region Material Form Elements */

select:focus { outline: none; }
button:focus { outline: none; }
label:not(.browser-default) { font-size: 0.95rem; }

/* Text Inputs + Textarea */
::-webkit-input-placeholder { color: #bbb; opacity: 1; }
:-moz-placeholder { /* Firefox 18- */ color: #bbb; opacity: 1; }
::-moz-placeholder { /* Firefox 19+ */ color: #bbb; opacity: 1; }
:-ms-input-placeholder { color: #bbb; opacity: 1; }
::placeholder { color: #bbb; opacity: 1; }

/* Text inputs */
input:not([type]),input[type=text],input[type=password],input[type=email],input[type=url],input[type=time],input[type=date],input[type=datetime],input[type=datetime-local],input[type=tel],input[type=number],input[type=search],textarea.materialize-textarea { background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; border-radius: 0; outline: none; height: 2.0rem; width: 100%; font-size: 16px; margin: 0 0 0 0; padding: 0; box-shadow: none; box-sizing: content-box; transition: all 0.3s; }
    input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:disabled, input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], input[type=datetime]:disabled, input[type=datetime][readonly="readonly"], input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"],input[type=number]:disabled, input[type=number][readonly="readonly"], input[type=search]:disabled, input[type=search][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] { color: rgba(0, 0, 0, 0.26); border-bottom: 1px dotted rgba(0, 0, 0, 0.26); }
    input:not([type]):disabled + label,input:not([type])[readonly="readonly"] + label,input[type=text]:disabled + label,input[type=text][readonly="readonly"] + label,input[type=password]:disabled + label,input[type=password][readonly="readonly"] + label,input[type=email]:disabled + label,input[type=email][readonly="readonly"] + label,input[type=url]:disabled + label,input[type=url][readonly="readonly"] + label,input[type=time]:disabled + label,input[type=time][readonly="readonly"] + label,input[type=date]:disabled + label,input[type=date][readonly="readonly"] + label,input[type=datetime]:disabled + label,input[type=datetime][readonly="readonly"] + label,input[type=datetime-local]:disabled + label,input[type=datetime-local][readonly="readonly"] + label,input[type=tel]:disabled + label,input[type=tel][readonly="readonly"] + label,input[type=number]:disabled + label,input[type=number][readonly="readonly"] + label,input[type=search]:disabled + label,input[type=search][readonly="readonly"] + label,textarea.materialize-textarea:disabled + label,textarea.materialize-textarea[readonly="readonly"] + label { color: rgba(0, 0, 0, 0.26); }
    input:not([type]):focus:not([readonly]),input[type=text]:focus:not([readonly]),input[type=password]:focus:not([readonly]),input[type=email]:focus:not([readonly]),input[type=url]:focus:not([readonly]),input[type=time]:focus:not([readonly]),input[type=date]:focus:not([readonly]),input[type=datetime]:focus:not([readonly]),input[type=datetime-local]:focus:not([readonly]),input[type=tel]:focus:not([readonly]),input[type=number]:focus:not([readonly]),input[type=search]:focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]) { box-shadow: 0 1px 0 0 #9e9e9e; }        
    input:not([type]):focus:not([readonly]) + label, input[type=text]:focus:not([readonly]) + label,input[type=password]:focus:not([readonly]) + label,input[type=email]:focus:not([readonly]) + label,input[type=url]:focus:not([readonly]) + label,input[type=time]:focus:not([readonly]) + label,input[type=date]:focus:not([readonly]) + label,input[type=datetime]:focus:not([readonly]) + label,input[type=datetime-local]:focus:not([readonly]) + label,input[type=tel]:focus:not([readonly]) + label,input[type=number]:focus:not([readonly]) + label,input[type=search]:focus:not([readonly]) + label,textarea.materialize-textarea:focus:not([readonly]) + label { color: #333; }
    input:not([type]).valid, input:not([type]):focus.valid,input[type=text].valid,input[type=text]:focus.valid,input[type=password].valid,input[type=password]:focus.valid,input[type=email].valid,input[type=email]:focus.valid,input[type=url].valid,input[type=url]:focus.valid,input[type=time].valid,input[type=time]:focus.valid,input[type=date].valid,input[type=date]:focus.valid,input[type=datetime].valid,input[type=datetime]:focus.valid,input[type=datetime-local].valid,input[type=datetime-local]:focus.valid,input[type=tel].valid,input[type=tel]:focus.valid,input[type=number].valid,input[type=number]:focus.valid,input[type=search].valid,input[type=search]:focus.valid,textarea.materialize-textarea.valid,textarea.materialize-textarea:focus.valid { border-bottom: 1px solid #9e9e9e; }
    input:not([type]).valid + label:after,input:not([type]):focus.valid + label:after,input[type=text].valid + label:after,input[type=text]:focus.valid + label:after,input[type=password].valid + label:after,input[type=password]:focus.valid + label:after,input[type=email].valid + label:after,input[type=email]:focus.valid + label:after,input[type=url].valid + label:after,input[type=url]:focus.valid + label:after,input[type=time].valid + label:after,input[type=time]:focus.valid + label:after,input[type=date].valid + label:after,input[type=date]:focus.valid + label:after,input[type=datetime].valid + label:after,input[type=datetime]:focus.valid + label:after,input[type=datetime-local].valid + label:after,input[type=datetime-local]:focus.valid + label:after,input[type=tel].valid + label:after,input[type=tel]:focus.valid + label:after,input[type=number].valid + label:after,input[type=number]:focus.valid + label:after,input[type=search].valid + label:after,input[type=search]:focus.valid + label:after,textarea.materialize-textarea.valid + label:after,textarea.materialize-textarea:focus.valid + label:after { content: attr(data-success); color: #4CAF50; opacity: 1; }
    input:not([type]).invalid, input:not([type]):focus.invalid,input[type=text].invalid,input[type=text]:focus.invalid,input[type=password].invalid,input[type=password]:focus.invalid,input[type=email].invalid,input[type=email]:focus.invalid,input[type=url].invalid,input[type=url]:focus.invalid,input[type=time].invalid,input[type=time]:focus.invalid,input[type=date].invalid,input[type=date]:focus.invalid,input[type=datetime].invalid,input[type=datetime]:focus.invalid,input[type=datetime-local].invalid,input[type=datetime-local]:focus.invalid,input[type=tel].invalid,input[type=tel]:focus.invalid,input[type=number].invalid,input[type=number]:focus.invalid,input[type=search].invalid,input[type=search]:focus.invalid,textarea.materialize-textarea.invalid,textarea.materialize-textarea:focus.invalid { border-bottom: 1px solid #A6192E; box-shadow: 0 1px 0 0 #A6192E; background-color: #fcf3f4; }
    input:not([type]).invalid + label:after,input:not([type]):focus.invalid + label:after,input[type=text].invalid + label:after,input[type=text]:focus.invalid + label:after,input[type=password].invalid + label:after,input[type=password]:focus.invalid + label:after,input[type=email].invalid + label:after,input[type=email]:focus.invalid + label:after,input[type=url].invalid + label:after,input[type=url]:focus.invalid + label:after,input[type=time].invalid + label:after,input[type=time]:focus.invalid + label:after,input[type=date].invalid + label:after,input[type=date]:focus.invalid + label:after,input[type=datetime].invalid + label:after,input[type=datetime]:focus.invalid + label:after,input[type=datetime-local].invalid + label:after,input[type=datetime-local]:focus.invalid + label:after,input[type=tel].invalid + label:after,input[type=tel]:focus.invalid + label:after,input[type=number].invalid + label:after,input[type=number]:focus.invalid + label:after,input[type=search].invalid + label:after,input[type=search]:focus.invalid + label:after,textarea.materialize-textarea.invalid + label:after,textarea.materialize-textarea:focus.invalid + label:after { content: attr(data-error); color: #A6192E; opacity: 1; width: 100% !important; }
    input:not([type]).validate + label,input[type=text].validate + label,input[type=password].validate + label,input[type=email].validate + label,input[type=url].validate + label,input[type=time].validate + label,input[type=date].validate + label,input[type=datetime].validate + label,input[type=datetime-local].validate + label,input[type=tel].validate + label,input[type=number].validate + label,input[type=search].validate + label,textarea.materialize-textarea.validate + label { width: auto; pointer-events: none; }
    input:not([type]) + label:after,input[type=text] + label:after,input[type=password] + label:after,input[type=email] + label:after,input[type=url] + label:after,input[type=time] + label:after,input[type=date] + label:after,input[type=datetime] + label:after,input[type=datetime-local] + label:after,input[type=tel] + label:after,input[type=number] + label:after,input[type=search] + label:after,textarea.materialize-textarea + label:after { display: block; content: ""; position: absolute; top: 60px; opacity: 0; transition: .2s opacity ease-out, .2s color ease-out; }
    .input-field { position: relative; margin-top: .8rem; margin-bottom: .5rem; }
    .input-field.inline { display: inline-block; vertical-align: middle; margin-left: 5px; }
        .input-field.inline input,
        .input-field.inline .select-dropdown { margin-bottom: 1rem; }
    .input-field.col label {  }
    .input-field.col .prefix:not(.hide) ~ label,
    .input-field.col .prefix:not(.hide) ~ .validate ~ label { width: calc(100% - 3rem - 1.5rem); }
    .input-field label { color: #333; position: absolute; top: 0.3rem; left: 0; font-weight: 600; cursor: text; transition: .2s ease-out; }
        .input-field label:not(.label-icon).active { font-size: 14px; -webkit-transform: translateY(-100%); transform: translateY(-100%); }
    .input-field .prefix:not(.hide) { position: absolute; width: 3rem; font-size: 2rem; transition: color .2s; transform: translateY(-6px); }
        .input-field .prefix.active:not(.hide) { color: #26a69a; }
        .input-field .prefix:not(.hide) ~ input,
        .input-field .prefix:not(.hide) ~ textarea,
        .input-field .prefix:not(.hide) ~ label,
        .input-field .prefix:not(.hide) ~ .validate ~ label,
        .input-field .prefix:not(.hide) ~ .autocomplete-content { margin-left: 3rem; width: 92%; width: calc(100% - 3rem); }
        .input-field .prefix:not(.hide) ~ label { margin-left: 3rem; }

        @media only screen and (max-width: 992px) {
            .input-field .prefix:not(.hide) ~ input { width: 86%; width: calc(100% - 3rem); }
        }

        @media only screen and (max-width: 600px) {
            .input-field .prefix:not(.hide) ~ input { width: 80%; width: calc(100% - 3rem); }
        }

/* Search Field */
.input-field input[type=search] { display: block; line-height: inherit; }
    .input-field input[type=search]:focus { background-color: #fff; border: 0; box-shadow: none; color: #444; }
        .input-field input[type=search]:focus + label i,
        .input-field input[type=search]:focus ~ .mdi-navigation-close,
        .input-field input[type=search]:focus ~ .material-icons { color: #444; }
    .input-field input[type=search] + label { left: 1rem; }
    .input-field input[type=search] ~ .mdi-navigation-close,
    .input-field input[type=search] ~ .material-icons { position: absolute; top: 0; right: 1rem; color: transparent; cursor: pointer; font-size: 2rem; transition: .3s color; }

/* Textarea */
textarea { width: 100%; background-color: transparent; border-radius: 0px !important; -webkit-appearance: none !important; resize: none; overflow-y: hidden; padding: 10px; }
    textarea.materialize-textarea { padding: 0; overflow-y: hidden; /* prevents scroll bar flash */ padding: 0 0 0 0; margin-top: 5px; /* prevents text jump on Enter keypress */ resize: none; min-height: 2rem; }
    textarea.box { border: 1px solid #9e9e9e !important; border-radius: 0px !important; margin-top: 5px; }
    textarea.invalid { background-color: #ffe9ff !important; border: 1px solid #A6192E !important; }
    textarea.invalid ~.cke_editable { background-color: #fcf3f4 !important; border-bottom: 1px solid #A6192E; }
.hiddendiv { display: none; white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */ padding-top: 1.2rem; /* prevents text jump on Enter keypress */ }
/*textarea:focus { outline: 1px solid rgba(0, 0, 0, 0.4); }*/

/* Autocomplete */
.autocomplete-content { margin-top: -15px; display: block; opacity: 1; position: static; }
    .autocomplete-content li .highlight { color: #333; }
    .autocomplete-content li img { height: 40px; width: 40px; margin: 5px 15px; }

/* Radio Buttons
   ========================================================================== */
[type="radio"]:not(:checked),
[type="radio"]:checked { position: absolute; left: -9999px; opacity: 0; }
    [type="radio"]:not(:checked) + label,
    [type="radio"]:checked + label { position: relative; padding-left: 25px; cursor: pointer; display: inline-block; height: 25px; line-height: 20px; font-size: 1rem; transition: .28s ease; /* webkit (konqueror) browsers */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
[type="radio"] + label:before,
[type="radio"] + label:after { content: ''; position: absolute; left: -5px; top: -2px; margin-left: 0; margin: 4px; width: 16px; height: 16px; z-index: 0; transition: .28s ease; }

/* Unchecked styles */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:before,
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after { border-radius: 50%; }
[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after { border: 2px solid #d8d8d8 }
[type="radio"]:not(:checked) + label:after { -webkit-transform: scale(0); transform: scale(0); }
.parsley-error[type="radio"] + label:before { border: 2px solid #A6192E; background: transparent; }

/* Checked styles */
[type="radio"]:checked + label:before { border: 2px solid #d8d8d8; }
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after { border: 2px solid #d8d8d8 }
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after { background-color: #A6192E; }
[type="radio"]:checked + label:after { -webkit-transform: scale(0.55); transform: scale(0.55); }

/* Radio With gap */
[type="radio"].with-gap:checked + label:after { -webkit-transform: scale(0.5); transform: scale(0.5); }

/* Focused styles */
[type="radio"].tabbed:focus + label:before { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); }

/* Disabled Radio With gap */
[type="radio"].with-gap:disabled:checked + label:before { border: 2px solid rgba(0, 0, 0, 0.26); }
[type="radio"].with-gap:disabled:checked + label:after { border: none; background-color: rgba(0, 0, 0, 0.26); }

/* Disabled style */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); }
[type="radio"]:disabled + label { color: rgba(0, 0, 0, 0.26); }
[type="radio"]:disabled:not(:checked) + label:before { border-color: rgba(0, 0, 0, 0.26); }
[type="radio"]:disabled:checked + label:after { background-color: rgba(0, 0, 0, 0.26); border-color: #BDBDBD; }

/* Checkboxes */
form p { margin-bottom: 10px; text-align: left; }
    form p:last-child { margin-bottom: 0; }

/* Remove default checkbox */
[type="checkbox"]:not(.browser-default):not(:checked),
[type="checkbox"]:not(.browser-default):checked { position: absolute; left: -9999px; opacity: 0; }
[type="checkbox"]:not(.browser-default) { /* checkbox aspect */ }
    [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox)+ label { position: relative; padding-left: 30px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ }
        [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox) + label:before,
        [type="checkbox"]:not(.browser-default):not(.filled-in):not(.bzh_cardselector_checkbox) + label:after { content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; z-index: 0; border: 2px solid #5a5a5a; border-radius: 1px; margin-top: 2px; transition: .2s; }
    [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox).checkonly + label:after { border: 0; -webkit-transform: scale(0); transform: scale(0); }
    [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox):not(:checked):disabled + label:before { border: none; background-color: rgba(0, 0, 0, 0.26); }
    [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox).tabbed:focus + label:after { -webkit-transform: scale(1); transform: scale(1); border: 0; border-radius: 50%; box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1); }
    [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox).checkonly:checked + label:before { top: -4px; left: -5px; width: 12px; height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #A6192E; border-bottom: 2px solid #A6192E; -webkit-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
    [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox).checkonly:checked:disabled + label:before { border-right: 2px solid rgba(0, 0, 0, 0.26); border-bottom: 2px solid rgba(0, 0, 0, 0.26); }
    .parsley-error[type="checkbox"] + label:before { border: 2px solid #A6192E; background: transparent; }

    /* Indeterminate checkbox */
    [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox):indeterminate + label:before { top: -11px; left: -12px; width: 10px; height: 22px; border-top: none; border-left: none; border-right: 2px solid #A6192E; border-bottom: none; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
    [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox):indeterminate:disabled + label:before { border-right: 2px solid rgba(0, 0, 0, 0.26); background-color: transparent; }
    [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox):not(.checkonly) + label:after { border-radius: 2px; }
    [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox):not(.checkonly) + label:before,
    [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox):not(.checkonly) + label:after { content: ''; left: 0; position: absolute; /* .1s delay is for check animation */ transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; z-index: 1; }
    [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox):not(.checkonly):not(:checked) + label:before { width: 0; height: 0; border: 3px solid transparent; left: 6px; top: 10px; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 20% 40%; transform-origin: 100% 100%; }
    [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox):not(.checkonly):not(:checked) + label:after { height: 20px; width: 20px; background-color: transparent; border: 1px solid #9e9e9e; border-radius: 0px; top: 0px; z-index: 0; }
    [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox):not(.checkonly):checked + label:before { top: 2px; left: 1px; width: 8px; height: 13px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #A6192E; border-bottom: 2px solid #A6192E; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
    [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox):not(.checkonly):checked + label:after { top: 0; width: 20px; height: 20px; border: 1px solid #9e9e9e; border-radius: 0px; background-color: #fff; z-index: 0; }
    [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox):not(.checkonly).tabbed:focus + label:after { border-radius: 2px; border-color: #5a5a5a; background-color: rgba(0, 0, 0, 0.1); }
    [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox):not(.checkonly).tabbed:checked:focus + label:after { border-radius: 2px; background-color: #fff; border-color: #A6192E; }
    [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox):not(.checkonly):disabled:not(:checked) + label:before { background-color: transparent; border: 2px solid transparent; }
    [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox):not(.checkonly):disabled:not(:checked) + label:after { border-color: transparent; background-color: #BDBDBD; }
    [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox):not(.checkonly):disabled:checked + label:before { background-color: transparent; }
    [type="checkbox"]:not(.browser-default):not(.bzh_cardselector_checkbox):not(.checkonly):disabled:checked + label:after { background-color: #BDBDBD; border-color: #BDBDBD; }


/* Switch
   ========================================================================== */
.switch, .switch * { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; }
    .switch label { cursor: pointer; }
        .switch label input[type=checkbox] { opacity: 0; width: 0; height: 0; }
            .switch label input[type=checkbox]:checked + .lever { background-color: #84c7c1; }
                .switch label input[type=checkbox]:checked + .lever:after { background-color: #26a69a; left: 24px; }
        .switch label .lever { content: ""; display: inline-block; position: relative; width: 40px; height: 15px; background-color: #818181; border-radius: 15px; margin-right: 10px; transition: background 0.3s ease; vertical-align: middle; margin: 0 16px; }
            .switch label .lever:after { content: ""; position: absolute; display: inline-block; width: 21px; height: 21px; background-color: #F1F1F1; border-radius: 21px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); left: -5px; top: -3px; transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; }
input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1); }
input[type=checkbox]:not(:disabled) ~ .lever:active:after,
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); }
.switch input[type=checkbox][disabled] + .lever { cursor: default; }
.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after { background-color: #BDBDBD; }

/* Select Field
   ========================================================================== */

/* Base Select Style - Material */
select { opacity: 0; }
.select-wrapper { position: relative; height: 33px; }
.select-wrapper > select { opacity: 0; position: relative; top: 2px; width: 100%; height:  49px; min-height: 49px; pointer-events: none; z-index: -1; } /* Min height required by Safari since it ignores height */
.select-wrapper > span:not(.bzh-icon) { pointer-events: none; display: block; z-index: 9; -webkit-transform: translateY(-100%); transform: translateY(-100%); border-bottom: 1px solid #9e9e9e; padding-bottom: 7px; padding-top: 18px; color: inherit; text-align: left; white-space: nowrap; }
.select-wrapper > .bzh-icon.big-up { pointer-events: none; position: absolute; top: 16px; right: -5px; -webkit-transform: rotate(180deg) scale(0.8, 1); transform: rotate(180deg) scale(0.8, 1); color: #A6192E; font-size: 13px; font-weight: 900; }
.select-wrapper.invalid { border-bottom: 1px solid #A6192E; background-color: #fcf3f4; }
    .select-wrapper.invalid .select-dropdown { border-bottom: none; }
.select-list { position: absolute; z-index: 11; background-color: #fff; padding: 3px 0; box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.10), 0 1px 18px 0 rgba(0, 0, 0, 0.08), 0 3px 5px -1px rgba(0, 0, 0, 0.2); margin-left: auto; margin-right: auto; }
    .select-list:after { font-family:Arial; content: '▲'; position: absolute; top: 15px; left: 50%; height: 13px; -webkit-transform: translateX(-50%) translateY(-35px) scale(2.6, 1.3); transform: translateX(-50%) translateY(-35px) scale(2.6, 1.3); color: #fff; text-shadow: 0 -2px 1px rgba(0,0,0,0.1); }
.select-list ul { min-height: 25px; overflow: auto; overflow-x: hidden; }
.select-list li { padding: 10px 20px; cursor: pointer; white-space: nowrap; line-height: 1; color: #333; text-align: left; }
    .select-list li:hover { background-color: #f1f1f1; }
    .select-list li.active { background-color: #f1f1f1; }
    .select-list li[disabled], .select-list li.inactive { color: #ccc; }
.select-wrapper .progress { position: absolute; bottom: -16px; left: 0; width: 100%; border-radius: 0; }

/* Select Style - Boxed */
.select-wrapper.boxed { border: 1px solid #bbb; height: 60px;  }
.select-wrapper.boxed > select { height: 60px; min-height: 58px; -webkit-transform: translateY(-3px); transform: translateY(-3px); }
.select-wrapper.boxed > span.placeholder { color: #bbb; }
.select-wrapper.boxed > span:not(.bzh-icon) { height: 60px; position: relative; top: -2px; padding: 0 20px; padding-right: 40px; line-height: 61px; border-bottom: none; }
.select-wrapper.boxed > .bzh-icon.big-up { top: 15px; right: 15px; }

/* Select Style - No Line */
.select-wrapper.no-line > span:not(.bzh-icon) { border-bottom: none; }

/* Within a Label */
label .select-wrapper { margin-left: 10px; -webkit-transform: translateY(3px); transform: translateY(3px); }

/* Validation Error */
.select-wrapper > select.invalid + .placeholder { border-bottom: none; }


/* File Input
   ========================================================================== */
.file-field { position: relative; }
    .file-field .file-path-wrapper { overflow: hidden; padding-left: 10px; }
    .file-field input.file-path { width: 100%; }
    .file-field .btn, .file-field .btn-large { float: left; height: 3rem; line-height: 3rem; }
    .file-field span { cursor: pointer; }
    .file-field input[type=file] { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }

/* Range
   ========================================================================== */
.range-field { position: relative; }
input[type=range],input[type=range] + .thumb { cursor: pointer; }
input[type=range] { position: relative; background-color: transparent; border: none; outline: none; width: 100%; margin: 15px 0; padding: 0; }
    input[type=range]:focus { outline: none; }
    input[type=range] + .thumb { position: absolute; border: none; height: 0; width: 0; border-radius: 50%; background-color: #A6192E; top: 10px; margin-left: -6px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
        input[type=range] + .thumb .value { display: block; width: 30px; text-align: center; color: #A6192E; font-size: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
        input[type=range] + .thumb.active { border-radius: 50% 50% 50% 0; }
            input[type=range] + .thumb.active .value { color: #fff; margin-left: -1px; margin-top: 8px; font-size: 10px; }
input[type=range] { -webkit-appearance: none; }
    input[type=range]::-webkit-slider-runnable-track { height: 3px; background: #c2c0c2; border: none; }
    input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 14px; width: 14px; border-radius: 50%; background-color: #A6192E; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; margin: -5px 0 0 0; transition: .3s; }
    input[type=range]:focus::-webkit-slider-runnable-track { background: #ccc; }
input[type=range] { /* fix for FF unable to apply focus style bug  */ border: 1px solid white; border-top: 10px solid white; border-bottom: 10px solid white; /*required for proper track sizing in FF*/ }
    input[type=range]::-moz-range-track { height: 3px; background: #ddd; border: none; }
    input[type=range]::-moz-range-thumb { border: none; height: 14px; width: 14px; border-radius: 50%; background: #26a69a; margin-top: -5px; }
    input[type=range]:-moz-focusring { outline: 1px solid #fff; outline-offset: -1px; }
    input[type=range]:focus::-moz-range-track { background: #ccc; }
    input[type=range]::-ms-track { height: 3px; background: transparent; border-color: transparent; border-width: 6px 0; /*remove default tick marks*/ color: transparent; }
    input[type=range]::-ms-fill-lower { background: #777; }
    input[type=range]::-ms-fill-upper { background: #ddd; }
    input[type=range]::-ms-thumb { border: none; height: 14px; width: 14px; border-radius: 50%; background: #26a69a; }
    input[type=range]:focus::-ms-fill-lower { background: #888; }
    input[type=range]:focus::-ms-fill-upper { background: #ccc; }
.range-field.with-selection { position: relative; padding-right: 70px; }
.range-selection { position: absolute; top: 70%; transform: translateY(-50%); right: 0; width: 50px; height: 30px; line-height: 30px; border: 1px solid #bbb; text-align: center; font-size: 14px; }

/* #endregion */

/* #region Material Form - Date / Time Pickers */

.picker { font-size: 16px; text-align: left; line-height: 1.2; color: #000000; position: absolute; z-index: 10000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.picker__input { cursor: default; }
    .picker__input.picker__input--active { border-color: #0089ec; }
.picker__holder { width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.picker__holder, .picker__frame { bottom: 0; left: 0; right: 0; top: 100%; }
.picker__holder { position: fixed; transition: background 0.15s ease-out, top 0s 0.15s; -webkit-backface-visibility: hidden; }
.picker__frame { position: absolute; margin: 0 auto; min-width: 256px; width: 300px; max-height: 350px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; transition: all 0.15s ease-out; }

@media (min-height: 28.875em) {
    .picker__frame { overflow: visible; top: auto; bottom: -100%; max-height: 80%; }
}

@media (min-height: 40.125em) {
    .picker__frame { margin-bottom: 7.5%; }
}

.picker__wrap { display: table; width: 100%; height: 100%; }

@media (min-height: 28.875em) {
    .picker__wrap { display: block; }
}

.picker__box { background: #ffffff; display: table-cell; vertical-align: middle; }

@media (min-height: 28.875em) {
    .picker__box { display: block; border: 1px solid #777777; border-top-color: #898989; border-bottom-width: 0; border-radius: 5px 5px 0 0; box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); }
}

.picker--opened .picker__holder { top: 0; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)"; zoom: 1; background: rgba(0, 0, 0, 0.32); transition: background 0.15s ease-out; }
.picker--opened .picker__frame { top: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

@media (min-height: 35.875em) {
    .picker--opened .picker__frame { top: 10%; bottom: auto; }
}

.picker__input.picker__input--active { border-color: #E3F2FD; }
.picker__frame { margin: 0 auto; max-width: 325px; }

@media (min-height: 38.875em) {
    .picker--opened .picker__frame { top: 10%; bottom: auto; }
}

.picker__box { padding: 0 1em; }
.picker__header { text-align: center; position: relative; margin-top: .75em; }
    .picker__header select { opacity: 1; }
.picker__month,
.picker__year { display: inline-block; margin-left: .25em; margin-right: .25em; }
.picker__select--month,
.picker__select--year { height: 2em; padding: 0; margin-left: .25em; margin-right: .25em; }
    .picker__select--month.browser-default { display: inline; background-color: #FFFFFF; width: 40%; }
    .picker__select--year.browser-default { display: inline; background-color: #FFFFFF; width: 26%; }
    .picker__select--month:focus,
    .picker__select--year:focus { border-color: rgba(0, 0, 0, 0.05); }
.picker__nav--prev,
.picker__nav--next { position: absolute; padding: .5em 1.25em; width: 1em; height: 1em; box-sizing: content-box; top: -0.25em; }
.picker__nav--prev { left: -1em; padding-right: 1.25em; }
.picker__nav--next { right: -1em; padding-left: 1.25em; }
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover { cursor: default; background: none; border-right-color: #f5f5f5; border-left-color: #f5f5f5; }

.picker__table { text-align: center; border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: 1rem; width: 100%; margin-top: .75em; margin-bottom: .5em; }
    .picker__table th, .picker__table td { text-align: center; }
    .picker__table td { margin: 0; padding: 0; }

.picker__weekday { width: 14.285714286%; font-size: .75em; padding-bottom: .25em; color: #999999; font-weight: 500; /* Increase the spacing a tad */ }

@media (min-height: 33.875em) {
    .picker__weekday { padding-bottom: .5em; }
}

.picker__day--today { position: relative; color: #595959; letter-spacing: -.3; padding: .75rem 0; font-weight: 400; border: 1px solid transparent; }
.picker__day--disabled:before { border-top-color: #aaaaaa; }
.picker__day--infocus:hover { cursor: pointer; color: #000; font-weight: 500; }
.picker__day--outfocus { display: none; padding: .75rem 0; color: #fff; }
    .picker__day--outfocus:hover { cursor: pointer; color: #dddddd; font-weight: 500; }
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted { cursor: pointer; }
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected { border-radius: 50%; -webkit-transform: scale(0.75); transform: scale(0.75); background: #0089ec; color: #ffffff; }
.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; }
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover { background: #bbbbbb; }
.picker__day:hover { background-color: #eee; }

.picker__footer { text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.picker__button--today,
.picker__button--clear,
.picker__button--close { border: 1px solid #ffffff; background: #ffffff; font-size: .8em; padding: .66em 0; font-weight: bold; width: 33%; display: inline-block; vertical-align: bottom; }
    .picker__button--today:hover,
    .picker__button--clear:hover,
    .picker__button--close:hover { cursor: pointer; color: #000000; background: #b1dcfb; border-bottom-color: #b1dcfb; }
    .picker__button--today:focus,
    .picker__button--clear:focus,
    .picker__button--close:focus { background: #b1dcfb; border-color: rgba(0, 0, 0, 0.05); outline: none; }
    .picker__button--today:before,
    .picker__button--clear:before,
    .picker__button--close:before { position: relative; display: inline-block; height: 0; }
    .picker__button--today:before,
    .picker__button--clear:before { content: " "; margin-right: .45em; }
    .picker__button--today:before { top: -0.05em; width: 0; border-top: 0.66em solid #0059bc; border-left: .66em solid transparent; }
    .picker__button--clear:before { top: -0.25em; width: .66em; border-top: 3px solid #ee2200; }
    .picker__button--close:before { content: "\D7"; top: -0.1em; vertical-align: top; font-size: 1.1em; margin-right: .35em; color: #777777; }
    .picker__button--today[disabled],
    .picker__button--today[disabled]:hover { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; }
        .picker__button--today[disabled]:before { border-top-color: #aaaaaa; }

.picker__box { border-radius: 2px; overflow: hidden; }
.picker__date-display { text-align: center; background-color: #333; color: #fff; padding-bottom: 15px; font-weight: 300; }
.picker__nav--prev:hover,
.picker__nav--next:hover { cursor: pointer; color: #000000; background: #eee; }
.picker__weekday-display { display: none; background-color: #1f897f; padding: 10px; font-weight: 200; letter-spacing: .5; font-size: 1rem; margin-bottom: 15px; }
.picker__month-display { display: inline-block; text-transform: uppercase; font-size: 2rem; padding-top: 12px; }
.picker__day-display { display: inline-block; font-size: 2rem; font-weight: 400; margin-left: 5px; margin-right: 5px; padding-top: 12px;}
.picker__year-display { display: inline-block; font-size: 2rem; color: rgba(255, 255, 255, 0.4); padding-top: 12px; }
.picker__box { padding: 0; }
.picker__calendar-container { padding: 0 1rem; }
    .picker__calendar-container thead { border: none; }
.picker__table { margin-top: 0; margin-bottom: .5em; }
.picker__day--infocus { color: #595959; letter-spacing: -.3; padding: .55rem 0; font-weight: 400; border: 1px solid transparent; }
.picker__day.picker__day--today { color: #26a69a; }
    .picker__day.picker__day--today.picker__day--selected { color: #fff; }
.picker__weekday { font-size: .9rem; }
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected { border-radius: 50%; -webkit-transform: scale(0.9); transform: scale(0.9); background-color: #333; color: #ffffff; }
    .picker__day--selected.picker__day--outfocus,
    .picker__day--selected:hover.picker__day--outfocus,
    .picker--focused .picker__day--selected.picker__day--outfocus { background-color: #a1ded8; }
.picker__footer { text-align: right; padding: 5px 10px; }
.picker__close, .picker__today, .picker__clear { font-size: 1.1rem; padding: 0 1rem; color: #A6192E; }
.picker__nav--prev:before,
.picker__nav--next:before { content: " "; border-top: .5em solid transparent; border-bottom: .5em solid transparent; border-right: 0.75em solid #676767; width: 0; height: 0; display: block; margin: 0 auto; }
.picker__nav--next:before { border-right: 0; border-left: 0.75em solid #676767; }
button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus { background-color: #eee; }

.picker__list { list-style: none; padding: 0.75em 0 4.2em; margin: 0; }
.picker__list-item { border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; margin-bottom: -1px; position: relative; background: #ffffff; padding: .75em 1.25em; }

@media (min-height: 46.75em) {
    .picker__list-item { padding: .5em 1em; }
}

/* Hovered time */
.picker__list-item:hover { cursor: pointer; color: #000000; background: #b1dcfb; border-color: #0089ec; z-index: 10; }

/* Highlighted and hovered/focused time */
.picker__list-item--highlighted { border-color: #0089ec; z-index: 10; }
    .picker__list-item--highlighted:hover,
    .picker--focused .picker__list-item--highlighted { cursor: pointer; color: #000000; background: #b1dcfb; }

/* Selected and hovered/focused time */
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected { background: #0089ec; color: #ffffff; z-index: 10; }

/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; border-color: #dddddd; z-index: auto; }
.picker--time .picker__button--clear { display: block; width: 80%; margin: 1em auto 0; padding: 1em 1.25em; background: none; border: 0; font-weight: 500; font-size: .67em; text-align: center; text-transform: uppercase; color: #666; }
    .picker--time .picker__button--clear:hover,
    .picker--time .picker__button--clear:focus { color: #000000; background: #b1dcfb; background: #ee2200; border-color: #ee2200; cursor: pointer; color: #ffffff; outline: none; }
    .picker--time .picker__button--clear:before { top: -0.25em; color: #666; font-size: 1.25em; font-weight: bold; }
    .picker--time .picker__button--clear:hover:before,
    .picker--time .picker__button--clear:focus:before { color: #ffffff; }

.picker--time .picker__frame { min-width: 256px; max-width: 320px; }
.picker--time .picker__box { font-size: 1em; background: #f2f2f2; padding: 0; }

@media (min-height: 40.125em) {
    .picker--time .picker__box { margin-bottom: 5em; }
}

/* #endregion */

/* #region Waves Material Effect */

/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; vertical-align: middle; z-index: 1; transition: .3s ease-out; }
    .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0, 0, 0, 0.2); transition: all 0.7s ease-out; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform: scale(0); transform: scale(0); pointer-events: none; }
    .waves-effect.waves-light .waves-ripple { background-color: rgba(255, 255, 255, 0.45); }
    .waves-effect.waves-red .waves-ripple { background-color: rgba(244, 67, 54, 0.7); }
    .waves-effect.waves-yellow .waves-ripple { background-color: rgba(255, 235, 59, 0.7); }
    .waves-effect.waves-orange .waves-ripple { background-color: rgba(255, 152, 0, 0.7); }
    .waves-effect.waves-purple .waves-ripple { background-color: rgba(156, 39, 176, 0.7); }
    .waves-effect.waves-green .waves-ripple { background-color: rgba(76, 175, 80, 0.7); }
    .waves-effect.waves-teal .waves-ripple { background-color: rgba(0, 150, 136, 0.7); }
    .waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] { border: 0; font-style: normal; font-size: inherit; text-transform: inherit; background: none; }
    .waves-effect img { position: relative; z-index: -1; }
.waves-notransition { transition: none !important; }
.waves-circle { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }
.waves-input-wrapper { border-radius: 0.2em; vertical-align: bottom; }
    .waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; }
.waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; -webkit-mask-image: none; }
.waves-block { display: block; }

/* Firefox Bug: link not triggered */
.waves-effect .waves-ripple { z-index: -1; }

/* #endregion */

/* #region Collections */

.collection { margin: 0.5rem 0 1rem 0; border: 1px solid #e0e0e0; border-radius: 2px; overflow: hidden; position: relative; }
    .collection .collection-item { position: relative; background-color: #fff; line-height: 1.5rem; padding: 10px 20px; /*padding-right: 35px;*/ margin: 0; border-bottom: 1px solid #e0e0e0; cursor: pointer; }
        .collection .collection-item.avatar { min-height: 84px; padding-left: 92px; }
            .collection .collection-item.avatar > img { position: absolute; height: 62px; width: auto; overflow: hidden; left: 15px; display: inline-block; vertical-align: middle; }
            .collection .collection-item.avatar > img.circle { border-radius: 62px; position: absolute; width: auto; height: auto; max-width: 100px; max-height: 100px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
            .collection .collection-item.avatar > i.icon { position: absolute; font-size: 48px; left: 15px; top: 50%; transform: translateY(-50%); display: inline-block; }
          
            .collection .collection-item.avatar .avatar-container { width: 62px; height: 62px; overflow: hidden; position: absolute; left: 15px; display: inline-block; vertical-align: middle; }
            .collection .collection-item.avatar .avatar-container > img { position: absolute; height: 62px; width: auto; left: 50%; transform: translateX(-50%); }
            .collection .collection-item.avatar .title { font-size: 16px; }
            .collection .collection-item.avatar p {margin: 0; margin-left: 5px;}
        .collection .collection-item .secondary-content { position: absolute; color: #A6192E; top: 50%; right: 10px; transform: translateY(-50%); font-size: 36px; cursor: pointer; }
        .collection .collection-item:hover { background-color: #eee; }
        .collection .collection-item:active { background-color: #ddd; }
        .collection .collection-item:last-child { border-bottom: none; }
            
    .collapsible .collection { margin: 0; border: none; }
    .collection-item span.badge { margin-top: calc(0.75rem - 11px); }

/* #endregion */