/* Minification failed. Returning unminified contents.
(2670,16): run-time error CSS1038: Expected hex color, found '#0000000'
(3723,38): run-time error CSS1046: Expect comma, found '0'
(3723,42): run-time error CSS1046: Expect comma, found '/'
(3723,68): run-time error CSS1046: Expect comma, found '0'
(3723,72): run-time error CSS1046: Expect comma, found '/'
(3723,98): run-time error CSS1046: Expect comma, found '0'
(3723,102): run-time error CSS1046: Expect comma, found '/'
 */
/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-webkit-viewport { width: device-width; }
@-moz-viewport    { width: device-width; }
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

@charset "UTF-8";

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    DO NOT USE ANY SELECTOR ON ANY OF THE CLASSES STARTING WITH:

    ng-         [ng-scope, ng-binding, etc.] - These are used exclusively by AngularJS for notation, not styling and are subject to change and break the UI.

  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Bootstrap overrides */

html {
    font-family: 'Raleway', sans-serif;
}

strong {
    font-weight: 700;
}

fieldset {
    /*border: 1px solid silver;*/
}

optgroup {
    font-weight: 700;
}

@media print {
    *, *:after, *:before {
        background: 0 0 !important;
    }
}

.glyphicon {
    font-weight: 400;
}

body {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    color: #666666;
    padding-top: 40px;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small,
h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
}

dt {
    font-weight: 700;
}

kbd kbd {
    font-weight: 700;
}

label {
    font-weight: 700;
}

.checkbox label, .radio label {
    font-weight: 400;
}

.checkbox-inline, .radio-inline {
    font-weight: 400;
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px;
    line-height: normal;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.btn {
    font-size: 11px;
    font-weight: 400;
    border-radius: 0px !important;
}

.btn-lg {
    border-radius: 0px !important;
}

.btn-default {
    color: #FFFFFF;
    background-color: #c30018;
    border-color: #c30018;
}

    .btn-default.focus, .btn-default:focus {
        color: #FFFFFF;
        background-color: #c30018;
        border-color: #c30018;
    }

    .btn-default:hover {
        color: #FFFFFF;
        background-color: #A70014;
        border-color: #c30018;
    }

    .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
        color: #FFFFFF;
        background-color: #c30018;
        border-color: #c30018;
    }

        .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover,
        .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
            color: #FFFFFF;
            background-color: #c30018;
            border-color: #c30018;
        }

.btn-info {
    background-color: #727272;
    border-color: #575757;
}

    .btn-info:hover {
        background-color: #575757;
        border-color: #575757;
    }

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

.dropdown-menu > li > a {
    font-weight: 400;
}

.input-group-addon {
    font-weight: 400;
}

.nav {
    text-align: center;
}

    .nav > li > a {
        padding: 5px 15px;
    }

.nav-pills > li {
    display: inline-block;
    float: none;
    margin: 0px auto;
    padding: 0px 10px;
    text-align: center;
    width: auto;
    font-weight: 600;
}

    .nav-pills > li > a {
        color: #444444;
        text-transform: uppercase;
    }

    .nav-pills > li.active > a:hover {
        color: #1D1D1D;
        background-color: #F7F7F7;
    }

.navbar-nav > li {
    border-bottom: 1px solid #d6d6d6;
}
.navbar-cart .itemsincart {color: #d50018; font-weight:700;}

@media (min-width: 768px) {
    .navbar-nav {
        float: none;
        margin: 0 auto;
        text-align: center;
    }

        .navbar-nav > li {
            display: inline-block;
            border-right: 1px solid #d6d6d6;
            border-bottom: none;
            float: none;
            margin-left: -4px;
        }

            .navbar-nav > li:last-child {
                border-right: none;
            }

            .navbar-nav li a {
                padding: 15px 14px;
				display: block;
            }
}

.navbar-inverse {
    background-color: #ebebeb;
    border-color: initial;
    border-bottom: 1px solid #d6d6d6;
    top: 30px;
}

    .navbar-inverse .navbar-brand {
        color: #444444;
    }

    .navbar-inverse .navbar-nav li a {
        color: #444444;
    }

        .navbar-inverse .navbar-nav li a:focus, .navbar-inverse .navbar-nav li a:hover {
            color: #2B2B2B;
            background-color: #E2E2E2;
        }

    .navbar-inverse .navbar-nav .active a, .navbar-inverse .navbar-nav .active a:focus, .navbar-inverse .navbar-nav .active a:hover {
        background-color: #DDDDDD;
        color: initial;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #d6d6d6;
    }

        .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
            background-color: #f7f7f7;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #444444;
        }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #d6d6d6;
    }

/*3.0 nav*/
.navbar-vthree {
    background-color: #04162e;
    border-color: initial;
    border-bottom: none;
    top:auto;
    padding:0px 8px 0px;
}

.navbar-vthree .navbar-nav {
    border-top: 1px solid #898989;
}
.navbar-vthree .nav {
    text-align: right;
}
.navbar-vthree .nav-logo {
  margin-top:-30px; 
  margin-bottom:5px;

}


.navbar-vthree .navbar-nav > li {
    border-bottom: none;
}
    .navbar-vthree .navbar-nav li a.navbar-cart {
        background-color: #d50018;
        padding:10px 12px;
        display:flex;
        align-items:center;
        margin:0px;
       
    }
    .navbar-vthree .navbar-cart .itemsincart {
        color: #FFFFFF;
        font-weight: 700;
        background-color:#2678fb;
        padding:3px;
        border-radius:40px;
        margin-left:6px;
    }
        .navbar-vthree .navbar-cart i {
        font-size:24px;
        margin-right:10px;
        }

        @media (min-width: 768px) {
            .navbar-vthree .navbar-nav {
        float:none;
        margin: 0px auto;
        text-align: right;
    }

        .navbar-vthree .navbar-nav > li {
            display: inline-block;
            border-right: none;
            border-bottom: none;
            float: none;
            margin-left: 0px;
        }

            .navbar-vthree .navbar-nav > li:last-child {
                border-right: none;
            }

        .navbar-vthree .navbar-nav li a {
            padding: 12px 14px 14px;
            display: block;
        }
}



    .navbar-vthree .navbar-brand {
        color: #FFFFFF;
    }

    .navbar-vthree .navbar-nav li a {
        color: #FFFFFF;
        text-transform:uppercase;
        font-weight:600;
        margin:15px 10px 10px;

    }
.navbar-vthree .navbar-nav li a:hover {
    text-decoration:none;
    opacity:.9;

}
    .navbar-vthree .navbar-nav li::after  {
        display: block;
        content: '';
        border-bottom: solid 3px #d50018;
        transform: scaleX(0);
        transition: transform 250ms ease-in-out;
}
.navbar-vthree .navbar-nav li:hover::after {
    transform: scaleX(1);
}
.navbar-vthree .nav .open > a, .navbar-vthree .nav .open > a:focus, .navbar-vthree .nav .open > a:hover {
    background-color:#04162e;
}

.navbar-vthree .navbar-nav .active a, .navbar-vthree .navbar-nav .active a:focus, .navbar-vthree .navbar-nav .active a:hover {
    background-color:#ffffff;
}

    .navbar-vthree .navbar-toggle {
        border-color: #d6d6d6;
    }

        .navbar-vthree .navbar-toggle:focus, .navbar-vthree .navbar-toggle:hover {
            background-color: #f7f7f7;
        }

        .navbar-vthree .navbar-toggle .icon-bar {
            background-color: #FFFFFF;
        }

    .navbar-vthree .navbar-collapse, .navbar-vthree .navbar-form {
        border-color: #d6d6d6;
    }



.navbar-vthree li.nav-item.navactivetab {
    background-color:#ffffff;
}
.navbar-vthree li.nav-item.navactivetab a {
    color: #d50018;
    font-weight:700;
}
    .navbar-vthree li.nav-item.navactivetab a.navbar-cart {
        color: #ffffff;
    }

.navbar-vthree .open > .dropdown-menu {
    overflow: scroll;
    max-height: 80vh;
    right: 0;
    left: auto;
    background-color:#ffffff;
}
.navbar-vthree .navbar-nav .dropdown-menu a {
    color: #000000;
    margin: 0px;
}

.label {
    font-weight: 700;
}

.badge {
    font-weight: 700;
}

.jumbotron h1 {
    font-size: 38px;
}

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

.alert-dismissable .close, .alert-dismissible .close {
    top: -16px;
    font-size: 45px;
    filter: alpha(opacity=20);
    opacity: .6;
}

.close {
    font-weight: 700;
}

button.close {
    background: 0 0;
}

.tooltip {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

.popover {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    border-radius: 0px;
}

.popover-title {
    padding: 4px 14px 2px 27px !important;
}

.popover-content .popover-navigation {
    padding: 0px 14px !important;
}

/* Tyndale customizations */
.extra-shopping-option {
    border-left: #fff solid 1px;
}

.red {
    color: #c30018 !important;
}

.spacer {
    height: 30px;
    display: block;
}

.divider {
    border-bottom: 1px solid #e2e1e0;
    height: 10px;
    font-size: 10px;
    line-height: 10px;
    margin-bottom: 10px;
    width: 100%;
    display: block;
}

.no-pad {
    padding: 0px;
}

.center {
    text-align: center;
}

.dark-grey {
    color: #444444;
}

a.dark-grey:hover {
    color: #444;
}

.light-grey {
    color: #666666;
}

a.light-grey:hover {
    color: #959595;
}

/* Behaviour */
.no-decoration:hover {
    text-decoration: none !important;
}

.block {
    display: block;
}

/* Backgrounds */

.background-lighter-grey {
    background-color: #f8f8f8;
}

/* Borders */

.border-all-light-grey {
    border: 1px solid #e2e1e0;
}

.border-top-light-grey {
    border-top: 1px solid #e2e1e0;
}

.border-bottom-light-grey {
    border-bottom: 1px solid #e2e1e0;
}

.border-all-dark-grey {
    border: 2px solid #D4D4D4;
}

.border-none {
    border: none !important;
}

/* Spacing */

.padding-top-sm {
    padding-top: 5px !important;
}

.padding-top-md {
    padding-top: 10px !important;
}

.padding-top-lg {
    padding-top: 15px !important;
}

.padding-top-xlg {
    padding-top: 20px !important;
}

.padding-left-sm {
    padding-left: 5px !important;
}

.padding-left-md {
    padding-left: 10px !important;
}

.padding-left-lg {
    padding-left: 15px !important;
}

.padding-left-xlg {
    padding-left: 20px !important;
}

.padding-right-sm {
    padding-right: 5px !important;
}

.padding-right-md {
    padding-right: 10px !important;
}

.padding-right-lg {
    padding-right: 15px !important;
}

.padding-right-xlg {
    padding-right: 20px !important;
}

.padding-bottom-sm {
    padding-bottom: 5px !important;
}

.padding-bottom-md {
    padding-bottom: 10px !important;
}

.padding-bottom-lg {
    padding-bottom: 15px !important;
}

.padding-bottom-xlg {
    padding-bottom: 20px !important;
}

.padding-all-lg {
    padding: 15px !important;
}

.padding-all-xlg {
    padding: 20px !important;
}

.padding-all-none {
    padding: 0 !important;
}

.margin-top-none {
    margin-top: 0 !important;
}

.margin-top-sm {
    margin-top: 5px !important;
}

.margin-top-md {
    margin-top: 10px !important;
}

.margin-top-lg {
    margin-top: 15px !important;
}

.margin-top-xlg {
    margin-top: 20px !important;
}

.margin-top-xxlg {
    margin-top: 40px !important;
}

.margin-bottom-sm {
    margin-bottom: 5px !important;
}

.margin-bottom-md {
    margin-bottom: 10px !important;
}

.margin-bottom-lg {
    margin-bottom: 15px !important;
}

.margin-bottom-xlg {
    margin-bottom: 20px !important;
}

.margin-none {
    margin: 0 !important;
}
.margin-right-10 {margin-right:10px !important;}

@media (max-width: 767px) {
    .margin-top-mqsm-sm {
        margin-top: 5px;
    }

    .margin-top-mqsm-md {
        padding-top: 10px;
    }

    .margin-top-mqsm-lg {
        margin-top: 15px;
    }

    .margin-top-mqsm-xlg {
        margin-top: 20px;
    }

    .margin-bottom-mqsm-sm {
        margin-bottom: 5px;
    }

    .margin-bottom-mqsm-md {
        margin-bottom: 10px;
    }

    .margin-bottom-mqsm-lg {
        margin-bottom: 15px;
    }

    .margin-bottom-mqsm-xlg {
        margin-bottom: 20px;
    }
}

/* Decorations */

.strong {
    font-weight: 700;
}

h2 {
    text-transform: uppercase;
    font-weight: 200;
    color: #444444;
    font-size: 22px;
    padding-bottom: 20px;
    padding-top: 20px;
}

h3 {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 23px;
    color: #444444;
    font-weight: 400;
}

h4 {
    color: #444444;
    text-transform: uppercase;
    display: inline-block;
}

h5 {
    color: #c30018;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 600;
}

.title {
    color: #444444;
    text-transform: uppercase;
    font-size: 15px;
}

.no-transform {
    text-transform: none;
}

.text-downcase {
    text-transform: initial;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-underline {
    text-decoration: underline;
}

/*Global*/

.alert {
    padding: 5px;
    margin-bottom: 5px;
}

.alert-fixed {
    border: 1px solid black;
    border-radius: 5px;
    margin: 10px;
    padding: 10px;
    margin-bottom: 5px;
}

    .alert-fixed .close {
        margin-right: 15px;
    }

.alert-fixed-group {
    left: 0px;
    position: fixed;
    top: 10%;
    width: 100%;
    z-index: 9999;
}

/*Nav*/

.pre-nav {
    width: 100%;
    background-color: #04162e;
    color: #FFFFFF;
}

@media screen and (max-width: 900px) {
    .pre-nav {
        min-height:100px;
    }
}

        .pre-nav .navbar-nav {
            margin: 0px;
        }

            .pre-nav .navbar-nav li {
                border-bottom: none;
            }

        .pre-nav li {
            float: right;
            border-right: none;
            border-left: none;
            padding: 7px 30px;
        }

            .pre-nav li:first-child {
                border-left: none;
            }

            .pre-nav li a {
                padding: 0px !important;
                color: #FFFFFF;
            }

        .pre-nav.prenav-vthree {
            padding-right: 5px;
        }

            .pre-nav.prenav-vthree .navbar-nav {
                justify-content: flex-end;
                display: flex;
                align-items: center;
                flex-wrap: wrap;
            }

            .pre-nav.prenav-vthree a {
                text-transform: uppercase;
                font-weight: 600;
            }

            .pre-nav.prenav-vthree li {
                padding: 12px 30px;
                float: none;
            }

            .pre-nav.prenav-vthree .masquerade {
                background-color: #d50018;
                padding: 5px;
                margin-top: 5px;
                letter-spacing: .2em;
            }

        .pre-nav .navbar-nav li a:focus,
        .pre-nav .navbar-nav li a:hover {
            color: #E2E2E2;
            background-color: #04172E;
        }

    /*Hero*/

    .hero {
        padding: 85px 0px 12px;
        border-bottom: 1px solid #e2e1e0;
        font-size: 13px;
        margin: 0px auto;
    }
@media screen and (max-width: 900px) {
    .hero {
        padding: 125px 0px 12px;
    }
}

@media screen and (max-width: 767px) {
    .hero {
        padding: 185px 0px 12px;
    }
}

    .hero-top {
        vertical-align: top;
        text-align: right;
        color: #959595;
    }

    .hero-bottom {
        padding-top: 10px;
        text-align: right;
        color: #000000;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 14px;
        padding-bottom: 5px;
    }

        .hero-bottom.single {
            padding-top: 80px;
            text-align: right;
        }

    @media (max-width: 479px) {
        .hero-bottom.single {
            text-align: center;
        }
    }

    @media only screen {
        .logo-portrait {
            display: inline-block;
        }

        .logo-landscape {
            display: none;
        }
    }

    @media screen and (max-width: 767px) {
        .logo-portrait {
            display: none;
        }

        .logo-landscape {
            display: inline-block;
        }
    }

    @media screen and (min-width: 1024px) {
        .logo-portrait {
            display: inline-block;
        }

        .logo-landscape {
            display: none;
        }
    }

    .allowance {
        background-color: #c30018;
        color: #ffffff;
        padding: 8px 10px;
    }

    .allowance-exp {
        background-color: #032c58;
        color: #ffffff;
        padding: 8px 10px;
    }

    .goback {
        padding: 20px 0px;
    }

        .goback .fa-chevron-left {
            color: #c30018;
        }

    .pagetitle-center {
        border-bottom: 1px solid #e2e1e0;
        padding-bottom: 50px;
    }

        .pagetitle-center h1 {
            color: #c30018;
            text-transform: uppercase;
            font-weight: 600;
            text-align: center;
            font-size: 38px;
        }

        .pagetitle-center p {
            font-size: 18px;
            text-align: center;
            padding-top: 20px;
        }

    /* Page title */

    .page-title {
        text-transform: uppercase;
        color: #444;
        font-size: 24px;
        line-height: 25px;
        padding-top: 20px;
        margin: 5px 0 10px 0;
    }

        .page-title.big {
            font-size: 40px;
            margin: 30px 0;
        }

    .page-title-sub {
        font-size: 13px;
        text-transform: initial;
        padding-left: 10px;
        font-weight: 400;
    }

    /*Welcome Page*/

    .header {
        text-align: center;
        padding: 5px 0px 0px;
    }

    .header-welcome {
        padding: 5px 0px 0px;
    }

    .header nav {
        padding-top: 10px;
    }

    .header img {
        width: 110px;
        margin: 0px auto 10px;
    }

    .welcome-button {
        /*This can't be used currently as we've not solved a way to re-route this to the CDN path on the fly without hitting the host server first*/
        /*background-image:url(../../images/welcomebutton-bk-13.png);*/
        background-size: cover;
        color: #FFFFFF;
        font-size: 23px;
        text-align: center;
        padding: 20px 0px;
        margin: 35px 0px 2px;
        font-weight: 400;
    }

        .welcome-button a {
            color: #FFFFFF;
        }

    /*Profile*/

    .profile {
        padding-bottom: 20px;
        font-size: 13px;
        margin: 20px auto;
    }

    .empinformation,
    .readOnlyShipInfo {
        background-color: #f8f8f8;
        border: 1px solid #e2e1e0;
    }

    .profile .title {
        color: #444444;
        text-transform: uppercase;
    }

    .profile form label,
    .profile label {
        font-size: 13px;
        font-weight: 400;
        color: #444444;
        text-transform: uppercase;
    }

    .profile form input {
        font-size: 13px;
    }

    .form-control.commpreference {
        display: inline-block;
        width: 18px;
        height: 18px;
        font-size: 14px;
        border: none;
    }

    .btn-save {
        color: #fff;
        background-color: #032c58;
        border: none;
        padding: 8px 15px;
        float: right;
    }

        .btn-save.focus,
        .btn-save:focus {
            color: #fff;
            background-color: #021F3E;
        }

        .btn-save:hover {
            color: #fff;
            background-color: #021F3E;
        }

        .btn-save.active,
        .btn-save:active,
        .open > .dropdown-toggle.btn-save {
            color: #fff;
            background-color: #021F3E;
        }

    .currentpw {
        background-color: #daeaff;
    }

    .profile .note {
        font-size: 13px;
        text-transform: none;
        font-weight: 400;
    }

    /* Button grey */
    .btn.btn-big {
        font-size: 14px;
    }

    .btn.no-border-radius {
        border-radius: 0;
    }

    .btn.big-padding {
        padding: 15px 15px;
    }

    .btn-color-light-grey {
        background-color: #959595;
        border: none;
    }

        .btn-color-light-grey:hover {
            background-color: #808080;
        }

    /*Logged In Splash Page*/
    .tiles {
        margin-top: 8px;
    }

    .tile-main {
        /*This can't be used currently as we've not solved a way to re-route this to the CDN path on the fly without hitting the host server first*/
        /*background-image: url(../../images/splash-tiles-13.png);*/
        background-size: cover;
        background-position: center left;
        background-color: #efefef;
        height: 360px;
        display: table;
        vertical-align: middle;
        width: 100%;
    }

        .tile-main h1 {
            color: #032c58;
            font-weight: 700;
            text-align: center;
            font-size: 29px;
            vertical-align: middle;
            display: table-cell;
        }

    .tile-small-one {
        /*This can't be used currently as we've not solved a way to re-route this to the CDN path on the fly without hitting the host server first*/
        /*background-image: url(../../images/splash-tiles-14.png);*/
        background-size: cover;
        background-position: center;
        background-color: #032c58;
        display: table;
        vertical-align: middle;
        height: 174px;
    }

    .tile-small-two {
        /*This can't be used currently as we've not solved a way to re-route this to the CDN path on the fly without hitting the host server first*/
        /*background-image: url(../../images/splash-tiles-15.png);*/
        background-size: cover;
        background-position: center;
        background-color: #04162e;
        margin-top: 14px;
        display: table;
        vertical-align: middle;
        height: 174px;
    }

        .tile-small-one h1,
        .tile-small-two h1 {
            color: #FFFFFF;
            font-weight: 600;
            text-align: center;
            font-size: 26px;
            vertical-align: middle;
            text-transform: uppercase;
            display: table-cell;
        }

    .tile-small-one-h1,
    .tile-small-two-h1 {
        word-break: break-word;
    }

    .tile-small-three {
        /*This can't be used currently as we've not solved a way to re-route this to the CDN path on the fly without hitting the host server first*/
        /*background-image: url(../../images/splash-tiles-16.png);*/
        background-size: cover;
        background-position: center;
        background-color: #C30817;
        margin-top: 15px;
        height: 105px;
        display: table;
        vertical-align: middle;
    }

        .tile-small-three h1 {
            color: #FFFFFF;
            font-weight: 600;
            text-align: center;
            font-size: 26px;
            vertical-align: middle;
            padding: 0px;
            text-transform: uppercase;
            display: table-cell;
        }

    .layering-landing {
        background-color: #A7A8AA;
        background-size: cover;
        background-position: center;
        margin-top: 15px;
        height: 105px;
        display: table;
        vertical-align: middle;
    }

        .layering-landing h3 {
            color: #032c58;
            font-weight: 600;
            text-align: left;
            font-size: 25px;
            vertical-align: middle;
            margin-top: 0px;
            padding: 0px;
            text-transform: capitalize;
        }

        .layering-landing h5 {
            color: #000000;
            font-weight: 900;
            text-align: center;
            font-size: 14px;
            vertical-align: middle;
            padding: 0px;
            text-transform: uppercase;
            display: table-cell;
        }

    .layering-landing-div {
        margin-top: 10px;
    }

    .layerlandingbtn {
        background-color: #C30018;
        padding: 4px 10px 4px;
        color: #ffffff;
        display: inline-block;
    }

    /*.col-sm-3.bottom-tile,
.bottom-tile-padding {
    padding-left: 0px;
}*/

    .tiles .col-sm-9.bottom-tile {
        padding-left: 0px;
        padding-right: 15px;
    }

    .col-sm-3.bottom-tile {
        padding-left: 0px;
    }

    .tiles .col-sm-9 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .tile-med {
        /*This can't be used currently as we've not solved a way to re-route this to the CDN path on the fly without hitting the host server first*/
        /*background-image: url(../../images/splash-tiles-17.png);*/
        background-size: cover;
        background-position: center;
        background-color: #858585;
        margin-top: 15px;
    }

        .tile-med h1 {
            color: #FFFFFF;
            font-weight: 600;
            text-align: center;
            font-size: 26px;
            vertical-align: middle;
            padding: 24px 0px;
            text-transform: uppercase;
        }

    .tiles .col-sm-6 {
        padding: 0px !important;
    }

    /*Deals of the month addition to landing*/

    .deals-ofthemonth .tile-small-deals {
        background-color: #99B2D6;
        margin-top: 15px;
        height: 290px;
        color: #FFFFFF;
        display: table;
        vertical-align: middle;
    }

    .deals-ofthemonth h1 {
        color: #FFFFFF;
        font-weight: 600;
        text-align: left;
        font-size: 26px;
        vertical-align: middle;
        padding: 0px;
        text-transform: uppercase;
    }

    .deals-ofthemonth h4 {
        color: #FFFFFF !important;
        text-align: left;
        text-transform: none !important;
        border-top: 1px solid #ffffff;
        padding-top: 20px;
    }

    .dealsarrow-right {
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent;
        border-left: 30px solid #99B2D6;
        float: left;
        margin-top: 40px;
        margin-left: -20px;
        z-index: 10;
        position: relative;
    }

    .col-sm-9.deals-ofthemonth {
        margin-left: -40px;
        z-index: 1;
        width: calc(75% + 30px);
        text-align: center;
        margin-bottom: 20px;
    }

    .deals-ofthemonth .tile-med-deals {
        background-image: url('//d32vsn04iheu1o.cloudfront.net/images/Shop-Dealsbkg.png');
        background-size: contain;
        background-position: bottom center;
        background-repeat: no-repeat;
        margin: 15px 0px;
        height: auto;
        color: #000000;
        display: table;
        vertical-align: middle;
        padding: 5px 0px 10px 40px;
        width: 100%;
    }

    .deals-ofthemonth .deal-of-the-month-item {
        float: left;
        width: 31%;
        margin: 0px 1%;
    }

    .deal-of-the-month-item h5, .featured-item h5 {
        color: #272727 !important;
        text-transform: none !important;
        min-height: 30px;
    }

    .deal-item-btn {
        background-color: #d50018;
        color: #ffffff;
        text-transform: uppercase;
        text-align: center;
        padding: 5px 20px;
        display: inline-block;
        margin: 0px auto;
    }

    .deals-catalog-sml {
        background-color: #99B2D6;
        color: #ffffff;
        padding: 10px 4px;
        margin-top: 10px;
        display: inline-block;
        width: 100%;
    }

        .deals-catalog-sml h1 {
            color: #FFFFFF;
            font-weight: 600;
            text-align: center;
            font-size: 18px;
            vertical-align: middle;
            padding: 0px;
            text-transform: uppercase;
            margin-top: 10px;
        }

    .deals-catalog .tile-med-deals {
        background-image: url('//d32vsn04iheu1o.cloudfront.net/images/Shop-Dealsbkg.png');
        background-size: cover;
        background-position: bottom center;
        background-repeat: no-repeat;
        margin-top: 10px;
        margin-bottom: 20px;
        height: auto;
        color: #000000;
        display: table;
        vertical-align: middle;
        padding: 0px 0px 10px;
        border-bottom: 2px solid #bfbfbf;
    }

    .featureditems .featured-item {
        display: inline-block;
        width: 22%;
        margin: 0px 1%;
    }

    .featureditems {
        padding: 40px 0px 12px;
        border-top: 1px solid #e2e1e0;
        text-align: center;
    }

        .featureditems h1 {
            color: #032c58;
            font-weight: 700;
            text-align: center;
            font-size: 29px;
        }

        .featureditems h4 {
            color: #000000 !important;
            text-align: center;
            text-transform: none !important;
            border-top: none;
            padding-top: 0px;
        }

    .featured-catalog-sml {
        background-color: #032c58;
        color: #ffffff;
        padding: 10px 4px;
        margin-top: 10px;
        display: inline-block;
        width: 100%;
    }

        .featured-catalog-sml h1 {
            color: #FFFFFF;
            font-weight: 600;
            text-align: center;
            font-size: 18px;
            vertical-align: middle;
            padding: 0px;
            text-transform: uppercase;
            margin-top: 10px;
        }

    .featured-catalog .tile-med-ft {
        margin-top: 10px;
        margin-bottom: 10px;
        height: auto;
        color: #000000;
        display: table;
        vertical-align: middle;
        padding: 0px 0px 10px;
        border-bottom: 2px solid #bfbfbf;
    }

    .deals-itemdetail {
        border: 2px solid #99B2D6;
        background-image: url('//d32vsn04iheu1o.cloudfront.net/images/Shop-Dealsbkg.png');
        background-size: cover;
        background-position: bottom center;
        background-repeat: no-repeat;
        padding: 5px 10px;
        margin-top: 15px;
        margin-bottom: 25px;
        text-align: center;
    }

        .deals-itemdetail:after {
            border-top: 15px solid #99B2D6;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            bottom: -40px;
            content: "";
            position: relative;
            left: 0;
            width: 0;
            height: 0;
        }

        .deals-itemdetail h1 {
            color: #99B2D6;
            font-weight: 600;
            text-align: center;
            font-size: 18px;
            vertical-align: middle;
            padding: 0px 0px 8px;
            text-transform: uppercase;
            margin-top: 10px;
            border-bottom: 1px solid #bfbfbf;
        }

        .deals-itemdetail h2 {
            text-align: center;
            color: #0f2e55;
            font-weight: 600;
            text-transform: none;
            font-size: 16px;
            margin: 0px;
            padding: 0px 0px 5px;
        }

        .deals-itemdetail h3 {
            text-align: center;
            color: #0f2e55;
            font-weight: 700;
            text-transform: none;
            font-size: 12px;
            margin: 0px;
            padding: 0px;
        }

        .deals-itemdetail img {
            max-width: 300px;
            margin: 0px auto;
        }

    img.dealsymbol-itemdetail {
        width: 38px;
        display: inline-block;
        margin: -8px -8px -8px 0px;
    }

    /*universal item carousel*/
    .carousel-control.left, .carousel-control.right {
        background-image: none !important;
        filter: none !important;
        background-repeat: no-repeat !important;
    }

    .carousel-control {
        color: #04162E !important;
        width: 40px;
    }

    .carousel-indicators li {
        border: 1px solid #D5D5D5;
    }

    .carousel-indicators .active {
        background-color: #999EB0;
        border: 1px solid #999EB0;
    }

    .size-swatches h4 {
        display: inline;
    }
    /*Item Detail Left Col*/
    .item-detail-sidebar {
    }

    .itemno-style {
        color: #333333;
        font-size: 16px;
        padding-bottom: 10px;
        letter-spacing: 0.04em;
        font-weight: 600;
    }

    .btn-cart {
        color: #fff;
        background-color: #c30018;
        border: none;
        padding: 15px 15px;
        text-transform: uppercase;
        width: 100%;
        font-size: 14px;
        margin: 10px 0px;
        border-radius: 0px;
    }

        .btn-cart.focus,
        .btn-cart:focus {
            color: #fff;
            background-color: #B30016;
        }

        .btn-cart:hover {
            color: #fff;
            background-color: #B30016;
        }

        .btn-cart.active,
        .btn-cart:active,
        .open > .dropdown-toggle.btn-cart {
            color: #fff;
            background-color: #B30016;
        }

    .btn-blue {
        color: #fff;
        background-color: #032c58;
        border: none;
        padding: 15px 15px;
        text-transform: uppercase;
        width: 100%;
        font-size: 14px;
        margin: 10px 0px;
        border-radius: 0px;
    }

        .btn-blue.focus, .btn-blue:focus {
            color: #fff;
            background-color: #021F3E;
        }

        .btn-blue:hover {
            color: #fff;
            background-color: #021F3E;
        }

        .btn-blue.active, .btn-blue:active, .open > .dropdown-toggle.btn-blue {
            color: #fff;
            background-color: #021F3E;
        }

    .color-swatches .col-xs-3, .size-swatches .col-xs-3, .length .col-xs-6 {
        padding-left: 0px;
        padding-right: 1px;
    }

    .color-swatches .wrap, .size-swatches .wrap, .length .wrap {
        margin-left: 15px;
        margin-right: 15px;
    }

    .color-swatches div.container, .size-swatches div.container, .length div.container {
        width: 100%;
        height: 100%;
        padding: 1px;
        text-align: center;
        display: flex;
    }

    .color-swatches .active, .size-swatches .active, .length .active {
        border: 1px solid #444444;
    }

    .color-swatches img {
        margin: 5px;
        width: 100%;
        height: 100%;
        max-height: 35px;
    }

    .color-swatches img {
        margin: 5px;
    }

        .color-swatches img.active {
            border: 1px solid #000000;
            padding: 3px;
            width: 40px;
            margin: 0px 5px;
        }

    .size-swatches {
        display: inline-block;
    }

        .size-swatches .indiv-swatch {
            padding: 0px;
        }

        .size-swatches h4, .length h4 {
            background-color: #f3f3f3;
            color: #000000;
            margin: 0;
            padding: 0;
            text-align: center;
            width: 100%;
        }

        .size-swatches h4 {
            background-color: #f3f3f3;
            color: #000000;
            padding: 8px;
            font-weight: 300;
            font-size: 15px;
            margin: 0px;
            min-width: 50px;
        }

        .size-swatches .active {
            border: 2px solid #000000;
            font-weight: 600;
        }

        .size-swatches .inactive {
        }

            .size-swatches .inactive h4 {
                background-color: #D8D8D8;
                color: #8F8F8F;
            }

        .size-swatches .resetsSelection {
        }

            .size-swatches .resetsSelection h4 {
                background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgcHJlc2VydmVBc3BlY3RSYXRpbz0nbm9uZScgdmlld0JveD0nMCAwIDEwMCAxMDAnPjxwYXRoIGQ9J00xMDAgMCBMMCAxMDAgJyBzdHJva2U9J2JsYWNrJyBzdHJva2Utd2lkdGg9JzEnLz48cGF0aCBkPSdNMCAwIEwxMDAgMTAwICcgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxJy8+PC9zdmc+);
                background-repeat: no-repeat;
                background-position: center center;
                background-size: 100% 100%, auto;
                border: solid #444444 2px;
                opacity: 0.5;
            }

                .size-swatches .resetsSelection h4.inactive {
                    border: #032c58 dashed 2px;
                    background-color: #b3bdc6;
                    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgcHJlc2VydmVBc3BlY3RSYXRpbz0nbm9uZScgdmlld0JveD0nMCAwIDEwMCAxMDAnPjxwYXRoIGQ9J00xMDAgMCBMMCAxMDAgJyBzdHJva2U9J2JsYWNrJyBzdHJva2Utd2lkdGg9JzEnLz48cGF0aCBkPSdNMCAwIEwxMDAgMTAwICcgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxJy8+PC9zdmc+);
                    background-repeat: no-repeat;
                    background-position: center center;
                    background-size: 100% 100%, auto;
                    opacity: 0.2;
                    background-color: #b3bdc6;
                }

    .alert-danger {
        color: #c30018;
        /*JasonC - I'm unsure why the below was added, but it completely broke our alert system for errors and ended up with artifacts all over the screen */
        /*background-color: transparent !important;
    border-color: #FFFFFF !important;*/
    }

    [ng-click],
    [data-ng-click],
    [x-ng-click] {
        cursor: pointer;
    }

    .logo-swatch .col-xs-12 {
        padding: 5px 0px;
    }

    .logo-swatch .active {
        border: 1px solid #000000;
    }

    .logo-swatch .inactive {
    }

        .logo-swatch .inactive h4 {
            background-color: #D8D8D8;
            color: #8F8F8F;
        }

    .logo-swatch .resetsSelection {
    }

    .logo-option.resetsSelection {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgcHJlc2VydmVBc3BlY3RSYXRpbz0nbm9uZScgdmlld0JveD0nMCAwIDEwMCAxMDAnPjxwYXRoIGQ9J00xMDAgMCBMMCAxMDAgJyBzdHJva2U9J2JsYWNrJyBzdHJva2Utd2lkdGg9JzEnLz48cGF0aCBkPSdNMCAwIEwxMDAgMTAwICcgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxJy8+PC9zdmc+);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%, auto;
        border: solid #444444 2px;
        opacity: 0.5;
    }

    .logo-option {
        background-color: #f3f3f3;
        padding: 5px 20px;
        font-weight: 300;
        font-size: 15px;
        margin: 4px 2px;
        vertical-align: middle;
    }

        .logo-option .col-md-3 {
            padding: 0px;
            vertical-align: middle;
            text-align: center;
        }

        .logo-option .col-md-9 {
            padding: 0px;
            vertical-align: middle;
            padding-left: 10px;
            border-left: 1px solid #E7E7E7;
        }

        .logo-option .col-xs-9 h4 {
            margin-bottom: 0px;
            margin-top: 5px;
        }

        .logo-option .col-xs-9 div {
            text-transform: none;
        }

        .logo-option img {
            padding-top: 5px;
        }

    /*Item Detail Right Col*/
    @media (min-width: 760px) {
        #itemDetailRightRow {
            height: 560px;
        }
    }

    .banner {
        width: 50px;
        position: absolute;
        left: 15%;
    }

    .item-badges {
        z-index: 1000;
        position: absolute;
        top: 0px;
        max-width: 50px;
    }

        .item-badges img, .mobile-item-detail-image .item-badges img {
            max-width: 50px;
        }

    .rotating-views {
        margin: 10px 0px;
    }

    .item-video {
        margin: 10px 0px;
    }

    .size-chart {
        background-size: cover;
        width: 100%;
        text-align: center;
        color: #FFFFFF;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 600;
        padding: 42px 0px;
        margin: 10px 0px;
    }

        .size-chart a {
            color: #FFFFFF;
        }

.notice {
    padding: 5px 10px;
}

    .features {
        color: #444444;
        text-align: center;
        padding: 0px;
    }

        .features .col-sm-6 {
            padding: 15px 0px;
            border: 1px dashed #E6E6E6;
        }

    .features-a {
        background-color: #f8f8f8;
    }

    .features i {
        color: #f4bd00;
    }

    .features a {
        text-decoration: underline;
        color: #167bec;
    }

    .overall-rating {
        text-align: right;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .reviews {
        /*padding: 0px;*/
    }

    .reviews-sortby select {
        display: inline-block;
        color: #959595;
        border: 1px solid #ccc;
        border-radius: 4px;
        background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
        background-size: 15px 30px;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        /* and then whatever styles you want*/
        height: 30px;
        width: 143px;
        padding: 5px;
    }

    select::-ms-expand {
        display: none;
    }

    .review {
        padding-bottom: 20px;
        padding-top: 20px;
        font-size: 13px;
        margin: 20px auto;
    }

        .review a {
            color: #032c58;
        }

    .triangle-up {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 15px solid #FFFFFF;
        margin-left: 15px;
    }

    .response {
        background-color: #FFFFFF;
        padding: 20px;
    }

    .recentlyviewed img {
        margin-bottom: 10px;
    }

    .recentlyviewed a {
        color: #c30018;
    }

    .mobile-item-detail-image {
        text-align: center;
    }

        .mobile-item-detail-image img {
            max-width: 300px;
            margin: 0px auto;
        }

        .mobile-item-detail-image .item-badges {
            margin-bottom: 200px;
        }

    /*Order Complete Page*/

    .order-complete-info {
        padding: 11px 0px;
    }

    .order-number {
        color: #262626;
    }

    .order-details {
        min-height: 280px;
    }

    .tracking-number {
        color: #C30817;
        text-align: right;
    }

    .full-width {
        width: 100%;
    }

    .col-centered {
        float: none;
        margin: 0 auto;
    }

    .row-margin-bottom .row {
        margin-bottom: 15px;
    }

    .form-header {
        margin-bottom: 20px;
        margin-top: 20px;
    }

        .form-header .existing-customer-wrap {
            float: right;
        }

            .form-header .existing-customer-wrap label,
            .form-header .existing-customer-wrap input {
                cursor: pointer;
            }

        .form-header h2 {
            padding: 0px;
            margin: 0;
        }

    .ActivateAllowanceCardWithParameters .main-content,
    .ActivateAllowanceCard .main-content,
    .ActivateCatalogCode .main-content {
        padding-bottom: 30px;
    }

    /* Cart */

    .cart-item {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #e2e1e0;
    }

    .cart-item-title {
        text-transform: none;
        font-weight: 700;
        font-size: 16px;
        margin-bottom: 0;
    }

    .cart-item-no {
        border-bottom: 1px solid #e2e1e0;
        padding-bottom: 10px;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .cart-form-row {
        display: table;
        width: 100%;
        padding: 5px 0;
    }

    .cart-form-cell {
        display: table-cell;
        width: 50%;
        vertical-align: middle;
    }

    .cart-input-number.form-control {
        width: 60px;
        display: inline-block;
    }

    .cart-form-property {
        padding-right: 2px;
    }

    /*Estimated Ship Date*/
    .shipdate {
        border: 2px solid #073f7b;
        text-align: center;
        margin-top: 20px;
        background-image: url(//d32vsn04iheu1o.cloudfront.net/images/bkg-instock-bw.png);
        background-size: cover;
        padding: 10px;
    }

        .shipdate h4.icon {
            margin-top: -30px;
            display: block;
            margin-bottom: 0px;
        }

        .shipdate h4.esd {
            color: #032c58;
            font-weight: 700;
            margin-top: 0px;
            display: block;
        }

        .shipdate i {
            color: #073f7b;
            background-color: #ffffff;
            padding: 10px;
            font-size: 23px;
        }

        .shipdate .esddisplaytxt {
            color: #000000;
            padding-bottom: 10px;
            font-weight: 600;
        }

        .shipdate .esddetailtxt {
            padding: 0px 15px;
            line-height: 1.2em;
        }

    .cart-esd-display {
        border-top: 2px solid #073f7b;
        margin-top: 10px;
        padding-top: 10px;
        color: #073f7b;
        font-weight: 600;
    }

        .cart-esd-display i {
            color: #073f7b;
        }


    .btn-cart-continueshopping {
        color: #fff;
        background-color: #959595;
        border: none;
        padding: 15px 15px;
        text-transform: uppercase;
        font-size: 14px;
        margin: 10px 0px;
        border-radius: 0px;
        float: left;
    }

    .btn-cart-checkout {
        color: #fff;
        background-color: #c30018;
        border: none;
        padding: 15px 15px;
        text-transform: uppercase;
        font-size: 14px;
        margin: 10px 0px;
        border-radius: 0px;
        float: right;
    }

        .btn-cart-continueshopping:hover,
        .btn-cart-checkout:hover, .policy-btn:hover, .add-creditcard:hover {
            color: #fff;
        }

    .policy-btn {
        color: #fff;
        background-color: #032c58;
        border: none;
        padding: 15px 15px;
        text-transform: uppercase;
        font-size: 14px;
        margin: 10px auto 30px;
        border-radius: 0px;
    }

    .needed-checkout-info {
        color: #c30018;
        font-size: 15px;
        font-weight: 700;
        padding: 20px !important;
    }

    .add-creditcard {
        color: #fff;
        background-color: #444444;
        border: none;
        padding: 15px 5px;
        text-transform: uppercase;
        font-size: 14px;
        margin: 10px 0px;
        border-radius: 0px;
        float: none;
    }

    .apply-giftcard label {
        display: block;
    }

    .apply-giftcard input {
        display: inline-block;
        max-width: 400px;
    }

    .apply-giftcard button {
        display: inline-block;
        padding: 7px 15px !important;
        margin: -2px 0px 0px -5px;
    }

    /*Payroll Deduction*/
    .payroll-deduction {
        background-color: #0B5B95;
        display: flex;
        align-items: center;
        padding: 10px 15px 15px;
        margin-bottom: 10px;
    }

        .payroll-deduction p {
            color: #FFFFFF;
            font-size: 12px;
            border-left: 2px solid #073F68;
            padding-left: 10px;
            margin-bottom: 0px;
        }

        .payroll-deduction .col-xs-4 {
            padding: 0px;
        }

        .payroll-deduction .col-xs-8 {
            padding-right: 0px;
        }

        .payroll-deduction .col-md-4.col-sm-12.col-xs-4 {
            text-align: center;
        }

        .payroll-deduction img {
            max-width: 140px;
            margin: 0px auto;
        }

    .payroll-deduction-callout {
        border: 2px solid #0B5B95;
        padding: 15px;
        background-color: #F7F7F7;
    }

        .payroll-deduction-callout h3 {
            color: #0B5B95;
        }

        .payroll-deduction-callout label {
            font-size: 16px;
        }

        .payroll-deduction-callout .funds-to-apply {
            border-left: 1px solid #D1D1D1;
            padding-left: 10px;
        }

        .payroll-deduction-callout .funds-amt {
            font-size: 20px;
            color: #0B5B95;
            font-weight: 600;
        }

        .payroll-deduction-callout input {
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 0px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        }

        .payroll-deduction-callout .btn.btn-default {
            padding: 9px 5px;
            background-color: #0B5B95;
            border-color: #0B5B95;
            font-size: 16px;
        }

    @media (min-width: 768px) and (max-width:991px) {
        .payroll-deduction {
            flex-direction: column;
        }

            .payroll-deduction p {
                border-left: none;
                padding-left: 0px;
            }

            .payroll-deduction .col-md-4.col-sm-12.col-xs-4 {
                margin-bottom: 10px;
            }
    }

    /*shipping note for sup approval*/
    .special-shipping-note {
        border: 2px solid #073f7b;
        background-color: #CBDFFF;
        margin-bottom: 10px;
        padding-top: 10px !important;
    }


    .btn-primary {
        background-color: #032c58;
        color: #FFFFFF;
        border-radius: 0px;
    }

    .btn-secondary {
        color: #fff;
        background-color: #959595;
        border: none;
        border-radius: 0px;
    }

    @media (min-width: 767px) and (max-width: 991px) {
        .cart-form-property,
        .cart-form-value {
            display: block;
        }
    }

    @media (max-width: 479px) {
        .cart-form-property,
        .cart-form-value {
            display: block;
            text-align: center;
        }

        .cart-input-number.form-control {
            margin: 0 auto;
            display: block;
        }
    }

    .cart-image {
        position: relative;
        text-align: center;
        height: 200px;
    }

    .layering-selecteditem-container .cart-image, .checkoutcart-image .cart-image {
        height: auto;
    }

    .cart-image img {
        margin: auto;
    }

    .cart-badges {
        position: absolute;
        bottom: 50px;
        left: 0px;
        width: 50px;
    }

    @media (max-width: 1199px) {
        .cart-badges {
            left: 0px;
        }
    }

    @media (max-width: 991px) {
        .cart-badges {
            left: 0px;
            bottom: 20px;
        }
    }

    @media (max-width: 767px) {
        .cart-image > img {
            margin: 0 auto;
            width: 100%;
            height: auto;
        }

        .cart-badges {
            left: 28%;
            bottom: 60px;
        }

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

        .featureditems .featured-item {
            width: 48%;
        }

        .col-sm-9.deals-ofthemonth {
            width: 100%;
            margin-left: 0px;
        }

        .deals-ofthemonth .tile-med-deals {
            padding: 0px;
        }

        .deals-ofthemonth .deal-of-the-month-item {
            float: none;
            display: inline-block;
            width: 48%;
        }

        .dealsarrow-right {
            border-right: 30px solid transparent;
            border-left: 30px solid transparent;
            border-top: 30px solid #99B2D6;
            margin-top: 0px;
            margin-left: 46%;
        }

        .deals-ofthemonth .tile-small-deals {
            height: auto;
        }
    }

    @media screen and (min-width: 768px) {
        .carousel-indicators {
            bottom: -45px;
        }
    }

    .cart-badge-item {
        width: 50px;
        /*margin-top: 5px;
    width: 100%;
    height: 50px;
    display: table;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    padding: 0 5px;
    color: #fff;
    border-radius: 50%;*/
    }

    .cart-badge--red {
        background-color: rgba(195, 0, 24, .85);
    }

    .cart-badge--grey {
        background-color: rgba(90, 90, 90, .85);
    }

    .cart-badge--blue {
        background-color: rgba(51, 122, 183, .85);
    }

    .cart-badge-item-text {
        line-height: 1;
        word-break: break-word;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    /* Sidebar right (cart) */

    .sidebar-box {
        padding: 15px;
    }

    .sidebar-box-title {
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #ccc;
    }

    .sidebar-box-table {
        display: table;
        width: 100%;
        padding: 4px 0;
        font-size: 14px;
    }

    .sidebar-box-cell {
        display: table-cell;
        vertical-align: middle;
    }

    .sidebar-box-cell--left {
        width: 70%;
        padding-right: 10px;
    }

    .sidebar-box-cell--right {
        width: 30%;
    }

    /*Active account styling*/

    .active-account-bar {
        height: 30px;
        background-color: #04162e;
        margin: 0 0 25px 0;
        padding: 0px;
    }

        .active-account-bar a {
            float: right;
            padding-right: 30px;
            line-height: 30px;
            color: #e7e7e7;
        }

            .active-account-bar a i {
                padding-right: 5px;
            }

    /*Catalog page*/

    .ActivateCatalogCode .main-content h1 {
        color: #444444;
        text-transform: uppercase;
    }

    /*.Catalog-Filter .col-sm-3, .Catalog-Filter .col-sm-12 {
    padding-left: 0px;
}

.Catalog-Filter .btn {
    background-color: #FFFFFF;
    border: none;
    margin-right: 9px;
}

    .Catalog-Filter .btn .glyphicon {
        float: left;
        color: #c30018;
        padding-right: 4px;
        font-size: 14px;
    }*/

    list-catalog-styles > div:first-of-type {
        display: flex;
        flex-wrap: wrap;
    }

    @media screen and (max-width:767px) {
        list-catalog-styles > div:first-of-type {
            display: block;
            max-width: 400px;
            margin: 0px auto;
        }
    }

    list-catalog-styles .eq-height {
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
    }

    list-catalog-styles catalog-style {
        height: 100%;
        border-bottom: 2px solid #e2e1e0;
    }


    /*search item number styles*/
    .catalog-headers label {
        display: block;
    }

    .catalog-headers input.form-control {
        display: inline-block;
        width: 80%;
    }

    .catalog-headers button {
        display: inline-block;
        width: 19%;
        padding: 8px 6px 9px !important;
        margin: -3px 0 0 -5px;
    }


    /*Catalog Filters Mobile Dropdown*/
    .filters-mobile {
        border: 1px solid #CCCCCC;
        width: 100%;
        padding: 5px 10px;
        text-align: center;
        background-color: #efefef;
    }

        .filters-mobile .menu-wrap {
            width: 100%;
        }

        .filters-mobile .btn.btn-default {
            padding: 0px;
            color: #000000;
            background-color: transparent;
            border: 0px;
        }

        .filters-mobile .btn-default:hover {
            color: #000000 !important;
            background-color: transparent !important;
        }

        .filters-mobile i {
            font-size: 25px;
        }
    /*Catalog page side menu*/
    .sidebar {
        transition: 100ms left;
    }

    .sidebar_show {
        left: 300px;
    }

    .aside-menu {
        background-color: #F2F2F2;
        color: #000000;
        display: block;
        height: 100vh;
        left: -100%;
        position: fixed;
        top: 0px;
        width: 70%;
        overflow-y: auto;
        padding: 15px 25px;
        -webkit-transition: left 0.5s;
        -moz-transition: left 0.5s;
        -o-transition: left 0.5s;
        transition: left 0.5s;
        z-index: 10000;
        text-align: left;
    }

    .aside-slide-in {
        left: 0px;
    }

    .aside-close {
        text-align: right;
        padding-right: 0px;
    }

    .aside-menu .catalog-filter .col-sm-3.col-md-3.col-lg-2 {
        width: 100% !important;
        padding-right: 0px;
    }

    .aside-menu .catalog-filter .col-sm-3.col-md-3.col-lg-2 {
        background-color: transparent;
    }

    .aside-menu .catalog-filter .panel a, .catalog-filter .panel-title {
        font-size: 16px !important;
        color: #000000 !important;
    }

    .aside-menu .panel-heading {
        padding: 7px 0px;
    }

    .aside-menu .panel {
        background-color: transparent !important;
        border-bottom: 0px !important;
    }

    .aside-menu .catalog-filter a.block-list-link {
        color: #0000000 !important;
        border: 1px solid #343434 !important;
    }

    .aside-menu .cat-body {
        color: #242424;
    }
    /**/
    .cat-cost {
        font-weight: 700;
    }

    .catalog-sortby {
        float: right;
    }

    .catDigest-item-details {
        min-height: 60px;
    }

    .panel-default {
        border: none;
        box-shadow: none;
    }

        .panel-default > .panel-heading {
            background-color: transparent;
            border-bottom: 1px solid #e2e1e0;
        }

    .panel-group {
        margin-bottom: 0px;
    }

        .panel-group .panel-heading + .panel-collapse > .panel-body {
            border-top: none;
        }

    .panel-heading {
        padding: 10px 0px;
    }

        .panel-heading .accordion-toggle:after {
            /* symbol for "opening" panels */
            font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
            content: "\2212"; /* adjust as needed, taken from bootstrap.css */
            float: left; /* adjust as needed */
            color: #c30018; /* adjust as needed */
            padding-right: 10px;
        }

        .panel-heading .accordion-toggle.collapsed:after {
            /* symbol for "collapsed" panels */
            content: "\002b"; /* adjust as needed, taken from bootstrap.css */
        }

    .panel-title a, .panel-title a:hover {
        text-decoration: none;
    }

    .panel-body {
        padding: 15px 0px;
    }

        .panel-body ul {
            padding: 0px;
        }

        .panel-body li {
            list-style: none;
            line-height: 30px;
        }
    /*.ng-binding.ng-scope {
    padding: 3px 0px;
}*/
    .tour-backdrop {
        background-color: rgba(0, 0, 0, 0.70);
    }

    .new-hire-tour-size .tourStep {
        width: 150%;
        max-width: 300px;
    }
    /*Catalog Page side bar
.catalog-sidebar-tooltip,
.catalog-sidebar {
    z-index: 10000;
    position: fixed;
    top: 37px;
    right: 67px;
}

    .catalog-sidebar-tooltip .tooltip-inner {
        background-color: #c30018;
    }

    .catalog-sidebar-tooltip .tooltip-arrow {
        color: #c30018;
        border-bottom-color: #c30018 !important;
    }

    .catalog-sidebar-tooltip .tooltip-inner,
    .catalog-sidebar-tooltip {
        font-weight: bold;
        left: 75px !important;
        max-width: 10000px;
        right: 80px;
    }

.sidebar {
    position: absolute;
    top: 0;
    left: 5px;
    transition: 100ms left;
}

.sidebar_show {
    left: 300px;
}

.aside-menu {
    background-color: #eee;
    border: 3px solid #AAA;
    color: #000;
    display: block;
    height: 80vh;
    left: -350px;
    position: fixed;
    top: 95px;
    width: 325px;
    overflow-y: auto;
    padding: 25px;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -o-transition: left 0.5s;
    transition: left 0.5s;
    z-index: 10000;
}

.aside-slide-in {
    left: 0px;
}

.catalog-select-right {
    float: right;
}

.catalog-select-right {
    float: left;
}*/

    @media screen and (max-width: 748px) {
        .catalog-select-left {
            float: none;
        }

        .catalog-select-right {
            float: none;
        }

        .catalog-select-left .form-group {
            display: inline-flex;
        }

        .catalog-select-right .form-group {
            display: inline-flex;
        }

        .catalog-select-left .form-control {
            margin-right: 12px;
        }

        .catalog-select-right .form-control {
            margin-right: 12px;
        }
    }

    /*Size Section*/
    #accordiongroup-80-8741-panel li.block-list-item {
        display: inline-block;
    }

    .size-filter-format li {
        display: inline-block;
        width: auto;
        border: 1px solid #efefef;
        border-radius: 5px;
        margin: 3px;
        padding: 0px 3px;
        min-width: 40px;
        text-align: center;
    }

        .size-filter-format li:hover {
            background-color: #e2e1e0;
            color: #000000;
        }

        .size-filter-format li:active {
            background-color: #032c58;
            color: #FFFFFF;
        }
    /*Select Employee Page*/
    /* DO NOT USE any classes starting with "ng-" we do not control them, they're used by AngularJS for notataion, NOT styling. */
    /*.select-emp-grid .ui-grid-cell-contents.ng-binding.ng-scope {*/
    .select-emp-grid .ui-grid-cell-contents {
        padding-left: 5px;
    }

        .select-emp-grid .ui-grid-cell-contents .btn {
            padding: 4px 12px !important;
        }

    .select-emp-grid .ui-grid-row {
        height: 35px !important;
    }

    .sup-order-detail-view.btn {
        background-color: #c30018;
        color: #FFFFFF;
        width: 100%;
        font-size: 14px;
        margin-bottom: 4px;
    }

    .sup-order-detail-print.btn {
        background-color: #032c58;
        color: #FFFFFF;
        width: 100%;
        font-size: 14px;
    }

    /*Receipt*/
    .receiptHeader {
        text-align: right;
        float: right;
        clear: both;
        font-size: 0.8em !important;
    }

    .receiptMessage {
        text-align: left;
        float: left;
        clear: both;
        font-size: 0.8em !important;
    }

    .receiptOutline {
        border: 1px solid #dcdcdc;
        font-size: 13px;
    }

        .receiptOutline .col-xs-12 {
            padding: 0px;
        }

        .receiptOutline .table-responsive.visible-xs-block tbody {
            width: 100%;
            display: inline-table;
        }

    .receiptTotal {
        text-align: right;
        float: right;
        clear: both;
        background-color: lightgray;
    }

    .receiptSubtitle {
        text-align: left;
        clear: both;
        color: #032c58;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 1.2em;
        font-family: Arial, Helvetica, sans-serif;
    }

    .receiptData {
        font-weight: bold;
        margin-bottom: 10px;
        margin-left: 4px;
    }

    .receiptButton {
        margin: 15px 0px 15px 0px;
    }

    /*Footer*/

    .hours {
        padding: 40px 0px 12px;
        border-top: 1px solid #e2e1e0;
    }

        .hours p {
            text-align: center;
            color: #444444;
        }

    .footer a {
        color: #444444;
    }

    .social {
        text-align: center;
        padding-bottom: 40px;
    }

    /* Block List General */
    .block-list {
        margin: 0;
        padding: 0;
    }

    .block-list-item {
        list-style: none;
    }

    /* Red styled list */
    .red-styled-item {
        color: #e40a23;
    }

        .red-styled-item > span {
            color: #959595;
        }

    /* Sidebar products menu
.sidebar-products-menu .panel-title > a {
    position: relative;
}

    .sidebar-products-menu .panel-title > a:before,
    .sidebar-products-menu .panel-title > a.collapsed:before {
        color: #c30018;
        position: absolute;
        left: -22px;
        font-size: 40px;
        line-height: 0;
    }

    .sidebar-products-menu .panel-title > a:before {
        top: 6px;
    }

    .sidebar-products-menu .panel-title > a.collapsed:before {
        top: 9px;
    }

    .sidebar-products-menu .panel-title > a:hover {
        text-decoration: none;
    }

.sidebar-products-menu .panel-default {
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.sidebar-products-menu .panel-heading {
    border: none;
    background-color: none;
    padding-left: 20px;
    border-bottom: 1px solid #e2e1e0;
}

.sidebar-products-menu .panel-body {
    padding-left: 0;
    padding-right: 0;
}

.sidebar-products-menu .panel-default > .panel-heading {
    background-color: transparent;
}

.sidebar-products-menu.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}

.sidebar-products-menu .slider.slider-horizontal {
    width: 100%;
}

.sidebar-products-menu .slider-handle {
    width: 15px;
    height: 15px;
    background: #c30018;
}

.sidebar-products-menu .slider.slider-horizontal .slider-track {
    height: 6px;
}

.sidebar-products-menu .slider.slider-horizontal .slider-selection {
    background: #ddd;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.sidebar-products-menu .tooltip-inner {
    padding: 0px 2px 1px 2px;
    background-color: #042F5E;
}

.sidebar-products-menu .tooltip.top .tooltip-arrow {
    bottom: 2px;
    margin-left: -3px;
    border-width: 3px 3px 0;
    border-top-color: #042F5E;
}

.sidebar-products-menu .slider .tooltip.top {
    margin-top: -25px;
}

.sidebar-products-menu .tooltip {
    font-size: 11px;
    z-index: 100;
}

.sidebar-products-menu .slider.slider-horizontal .slider-handle {
    margin-left: -8px;
}*/

    /* Rating System */
    .rating-system {
        overflow: hidden;
        position: relative;
    }

    .rating-system-wrapper {
        z-index: 10;
        position: relative;
    }

    .rating-system-bg {
        z-index: 9;
        position: absolute;
        height: 6px;
        width: 100%;
        bottom: 4px;
        left: 0;
        border-radius: 4px;
        background-color: #ddd;
    }

    .rating-system-group {
        float: left;
        width: 25%;
        text-align: center;
    }

    .rating-system-inner,
    .rating-system-circle,
    .rating-system-value {
        display: block;
    }

    .rating-system-inner {
        display: block;
        margin: 0 10px;
        position: relative;
    }

    .rating-system-value {
        width: 15px;
        height: 15px;
        line-height: 15px;
        margin: 0 auto 5px auto;
        display: block;
        background: transparent;
        border-radius: 4px;
        position: relative;
        color: #959595;
        font-size: 11px;
    }

        .rating-system-value:after {
            opacity: 0;
        }

    .rating-system-circle {
        width: 15px;
        height: 15px;
        margin: 0 auto;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 50%;
        text-indent: -9999px;
    }

    .rating-system-inner:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .rating-system-inner.active .rating-system-value {
        background: #042F5E;
        color: #fff;
    }

        .rating-system-inner.active .rating-system-value:after {
            opacity: 1;
            top: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(4, 47, 94, 0);
            border-top-color: #042F5E;
            border-width: 3px;
            margin-left: -3px;
        }

    .rating-system-inner.active .rating-system-circle {
        background: #C30018;
        border: none;
    }

    /* Custom page footer */

    .footer {
        color: #777;
        border-top: 1px solid #e5e5e5;
        text-align: center;
        background-color: #ebebeb;
        padding: 35px 15px 25px;
    }

        .footer .col-sm-12 {
            margin: 0px auto;
            text-align: center;
        }

            .footer .col-sm-12 .col-md-2 {
                text-align: center;
                margin: 0px auto;
            }

        .footer ul {
            text-align: left;
            padding: 0px;
        }

        .footer li {
            list-style: none;
        }

        .footer .footnote {
            border-top: 1px solid #D4D4D4;
            padding-top: 30px;
            margin-top: 20px;
            font-size: 10px;
        }

    @media screen and (max-width:768px) {
        .hero,
        .hero-top,
        .hero-bottom {
            text-align: center;
        }

        .hero {
            padding: 200px 9px 12px;
        }

        .hero-top {
            padding-top: 30px;
        }

        .hero-bottom {
            padding-top: 10px;
        }

        .profile .col-sm-6.bottom {
            padding-bottom: 40px;
        }

        .footer .col-sm-12,
        .footer .col-sm-4 {
            padding-left: 0px;
            padding-right: 0px;
        }

        .pagetitle-center h1 {
            font-size: 28px;
            line-height: 32px;
        }

        .pagetitle-center p {
            font-size: 15px;
            line-height: 18px;
        }

        .welcome-button {
            font-size: 18px;
            padding: 15px 0px;
            margin: 25px 0px 0px;
        }
    }

    @media screen and (max-width:767px) {
        /*Logged in Splash Mobile*/
        .tile-main {
            background-position: center;
            height: 128px;
            display: block;
        }

        .pagetitle-center h1 {
            margin-top: 30px;
            margin-bottom: 20px;
            display: block;
        }

        .splash-tiles,
        .splash-tiles .tiles {
            padding: 0px;
        }

        .tile-main h1,
        .tile-small-one h1,
        .tile-small-two h1,
        .tile-small-three h1,
        .tile-med h1 {
            font-size: 26px;
            padding: 50px 0px;
            margin: 0px;
            display: block;
        }

        .tile-main,
        .tile-small-one,
        .tile-small-two,
        .tile-small-three,
        .tile-med {
            margin-top: 0px;
            margin-bottom: 0px;
            display: block;
            height: 128px;
        }

        .tiles .col-sm-3,
        .tiles .col-sm-9, .col-sm-3.deals-ofthemonth {
            padding-left: 0px;
            padding-right: 0px;
        }

        h3 {
            font-size: 17px;
            line-height: 20px;
        }
    }

    @media screen and (max-width:410px) {
        .nav > li > a {
            padding: 5px 5px 15px 5px;
        }

        .hero .col-xs-4,
        .hero .col-xs-8 {
            display: block;
            width: 100%;
        }

        .hero .col-xs-4 {
            text-align: center;
            padding-bottom: 20px;
        }

        .hero-bottom {
            padding-top: 10px;
        }
    }
    /* this make the pop-up window larger */
    .large-modal .modal-dialog {
        width: 80%;
        height: 70%;
    }
    .large-modal .modal-content {
        height: 100%; 
    }

    .modal-dialog.modal-lg {
        max-width: 600px;
    }

    .modal-dialog.modal-xlg {
        width: auto;
    }

    .modal-header {
        border-bottom: none;
    }

        .modal-header .close {
            background-color: #fFFFFF;
            padding: 0px;
            border-radius: 0px;
            color: #959595;
            margin-top: -15px;
            margin-right: 0px;
            opacity: 1;
            font-size: 40px;
        }

    .modal-content {
        background-color: #ffffff;
        text-align: center;
        border-radius: 0px;
    }

    .modal-body {
        max-height: calc(100vh - 310px);
        overflow-y: auto;
        padding: 0px 40px;
    }

        .modal-body h1,
        .modal-header h1 {
            color: #c30018;
            font-size: 36px;
            font-family: 'Raleway', sans-serif;
            font-weight: bold;
            padding-bottom: 15px;
            text-transform: uppercase;
            text-align: left;
        }

        .modal-body h2, .modal-header h2 {
            font-size: 23px;
            font-weight: 500;
            text-transform: uppercase;
            padding: 0px;
            font-family: 'Raleway', sans-serif;
            text-align: left;
            margin-top: 0px;
        }

            .modal-body h2:first-child {
                border-top: none;
            }

        .modal-body p,
        .modal-header p {
            font-size: 14px;
            padding: 5px 0px;
            color: #3E3E3E;
            text-align: left;
        }

    .modal-footer {
        text-align: left;
        border-top: none;
        padding-bottom: 20px;
    }
        .tight-button-group {
            display: flex;
            justify-content: center;
            align-items: center;
            
          
        }


        .modal-footer .btn {
            background-color: #d50018;
            color: #FFFFFF;
            border: none;
            margin: auto;
            border-radius: 0px;
            padding: 10px 27px;
            text-transform: uppercase;
            display: block;
            max-width: 240px;
        }

    .selectshippingstate button,
    .modal-catalog button {
        background-color: #d50018;
        color: #FFFFFF;
        border: none;
        margin: 0px auto 30px;
        border-radius: 0px;
        padding: 10px 27px;
        text-transform: uppercase;
        display: block;
        max-width: 240px;
    }

        .modal-footer .btn:hover,
        .modal-catalog button:hover {
            background-color: #e40a23;
        }

    #selectshipping {
        border-top: 1px solid #d50018;
        padding-top: 50px;
    }

    .selectshippingstate h1 {
        font-weight: 200;
        color: #8f8f8f;
        font-size: 36px;
        text-transform: uppercase;
        font-family: 'Raleway', sans-serif;
    }

    .selectshippingstate h2 {
        color: #04162e;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        font-family: 'Raleway', sans-serif;
    }

    .selectshippingstate .form-control {
        margin: 20px auto;
    }

    .form-control-static {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

    /*It's strange that we need this. It seems like the CSS is getting whacktastic again.*/
    .new-hire-styles, .catalog-headers {
        margin-right: 0px;
        margin-left: 0px;
    }

    .features-top-update {
        display: flex;
        align-content: stretch;
    }

    .new-hire-styles .instock {
        background-color: #032c58;
        padding: 12px 15px 5px;
        margin-right: 10px;
    }

    .item-detail-instock, .item-detail-instock2 {
        background-image: url(//d32vsn04iheu1o.cloudfront.net/images/bkg-instock.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #032c58;
        padding: 10px 15px 5px;
    }

        .new-hire-styles .instock label, .item-detail-instock label, .featured-input, .item-detail-instock2 label {
            color: #FFFFFF;
            text-transform: none;
            font-weight: 700;
            vertical-align: top;
        }

            .new-hire-styles .instock label input, .item-detail-instock label input, .featured-input label input, .item-detail-instock2 label input {
                margin-top: 2px;
                vertical-align: top;
            }
        /*new for instock skewed toggle*/
        .item-detail-instock ul, .item-detail-instock li, .item-detail-instock2 ul, .item-detail-instock2 li {
            list-style: none;
            margin: 0;
            padding: 0;
            width: 100%;
        }

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

    .tg-list-item {
        margin: 0 2em;
    }

        .tgl, .tg-list-item input[type=checkbox] {
            display: none;
        }

            .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
                box-sizing: border-box;
            }

                .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
                    background: none;
                }

                .tgl + .tgl-btn {
                    outline: 0;
                    display: block;
                    width: 100%;
                    height: 38px;
                    position: relative;
                    cursor: pointer;
                    user-select: none;
                    margin-top: 5px;
                }

                    .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
                        position: relative;
                        display: block;
                        content: "";
                        width: 50%;
                        height: 100%;
                    }

                    .tgl + .tgl-btn:after {
                        left: 0;
                    }

                    .tgl + .tgl-btn:before {
                        display: none;
                    }

                .tgl:checked + .tgl-btn:after {
                    left: 50%;
                }

    .tgl-skewed + .tgl-btn {
        overflow: hidden;
        transform: skew(-10deg);
        backface-visibility: hidden;
        transition: all 0.2s ease;
        font-family: sans-serif;
        background: #888;
    }

        .tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {
            transform: skew(10deg);
            display: inline-block;
            transition: all 0.2s ease;
            width: 100%;
            text-align: center;
            position: absolute;
            line-height: 1.1em;
            padding: 5px;
            font-weight: bold;
            color: #fff;
            text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
        }

        .tgl-skewed + .tgl-btn:after {
            left: 100%;
            content: attr(data-tg-on);
            padding-top: 11px;
        }

        .tgl-skewed + .tgl-btn:before {
            left: 0;
            content: attr(data-tg-off);
        }

        .tgl-skewed + .tgl-btn:active {
            background: #888;
        }

            .tgl-skewed + .tgl-btn:active:before {
                left: -10%;
            }

    .tgl-skewed:checked + .tgl-btn {
        background: #86d993;
    }

        .tgl-skewed:checked + .tgl-btn:before {
            left: -100%;
        }

        .tgl-skewed:checked + .tgl-btn:after {
            left: 0;
        }

        .tgl-skewed:checked + .tgl-btn:active:after {
            left: 10%;
        }

    .equalheight {
        display: flex;
        align-items: stretch;
    }

    .vcenter {
        display: flex;
        align-items: center;
    }

    @media only screen and (min-width:1200px) {
        .item-detail-instock2 .tgl-skewed + .tgl-btn:before {
            padding-top: 11px;
        }
    }

    @media only screen and (max-width:1198px) and (min-width: 768px) {
        .item-detail-instock .tgl + .tgl-btn {
            height: 55px;
        }
    }

    @media only screen and (max-width:992px) {
        .features-top-update {
            display: block;
        }

        .item-detail-instock2 {
            margin-right: -15px;
            margin-left: -15px;
            margin-bottom: 10px;
        }
    }

    @media only screen and (max-width:992px) and (min-width:768px) {
        .tgl-skewed + .tgl-btn:before {
            padding-top: 11px;
        }
    }

    @media only screen and (max-width:767px) {
        .item-detail-instock .col-md-3, .item-detail-instock .col-md-9 {
            text-align: center;
        }

        .tgl-skewed + .tgl-btn:before {
            padding-top: 11px;
        }
    }

    /*3.0 Ships Quickly Toggle Styles*/
.shipsquickly-detail {
    background-color: #f2f2f2;
    box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    border-radius: 0;
    margin:10px 0px 0px 0px;
    padding-bottom:20px
}
.shipsquickly-detail label {
    text-transform:none;
    font-weight:500;
    font-size:15px;
    color:#000000;
}
.p-jc-between {
    justify-content: space-between;
    display:flex;
}
.shipsquickly-detail h2 {
    font-family: Roboto Slab, serif;
    font-weight: 700;
    color:#d50018;
    margin:0px;
    padding:20px 0px 5px;
    text-transform:none;
}
.shipsquickly-detail h5 {
    font-weight: 700;
    font-family: Raleway,Arial,Helvetica,sans-serif;
    color: #000;
    font-size: 14px;
    line-height: 1.2em;
    text-transform: none;
}
.tp-unavail label {
    color:#777777 ;
    text-decoration:line-through;
}
.shipsquickly-explain {
    text-align:right;
    font-weight:500;
    padding:5px 10px;
    color:#000000;

}
    .shipsquickly-explain button {
        text-decoration: underline;
        border: 0px;
        margin-top:15px;
        margin-bottom:10px;
    }
.sq-ico {
    background-color: #c8ff31;
    color: #000;
    padding: 4px 8px;
    display: inline-block;
}
input.sqtoggle[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 62px;
    height: 20px;
    display: inline-block;
    position: relative;
    border-radius: 50px;
    overflow: visible;
    outline: none;
    border: none;
    cursor: pointer;
    background-color: #3d4757;
    transition: background-color ease 0.3s;
    margin-top: 10px;
}

.sqtoggle:before {
    content: "OFF";
    display: block;
    position: absolute;
    z-index: 2;
    width: 28px;
    height: 28px;
    background: #898989;
    left: 0px;
    top: -5px;
    border-radius: 50%;
    font-size: 10px;
    line-height: 28px;
    text-align:center;
    text-transform: uppercase;
    font-weight: bold;
    word-spacing: 37px;
    color: #fff;
    text-shadow: -1px -1px rgba(0,0,0,0.15);
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
}
.sqtoggle.sqtoggle-on:before {
    content: "ON";
    left: 36px;
}

.sqtoggle:checked {
    background-color: #3D4757;
}

        .sqtoggle:checked:before {
            left: 32px;
        }

.sq-modal {
    background-color: rgba(255, 255, 255, 0.6);
}

.sq-modal .modal-content {
    background-image: url(http://static.tyndaleusa.com/staticshop/images/managedsite-v3/login/managed-login-image-texture.jpg);
    background-size: cover;
    background-repeat: repeat;
    display:block;
    opacity:1;
    max-width:600px;
    margin:0px auto;
    text-align:center;
}
    .sq-modal .modal-body {
        max-height: 90vh;
    }
    .sq-modal .modal-body .in-stock {
        background-color: #c8ff31;
        color: #000;
        padding: 4px 8px;
        display: inline-block;
    }    
    .sq-modal .modal-content h1.size2.white {
        font-family: Roboto Slab,Georgia,Times,Times New Roman,serif;
        font-weight: 700;
        font-size:35px;
        color:#ffffff;
        text-align:center;
        text-transform:none;
        padding-bottom:0px;
        padding-top:0px;
    }
    .sq-modal .modal-content .shipsquickly-sub {
        background-color: #c8ff31;
        border-radius: 35px;
        padding: 10px 30px;
        color: #000;
        display: inline-block;
        margin: 15px auto 25px;
        text-transform:none;
        font-weight:600;
    }
    .sq-modal .modal-content p {
        text-align:center;
        margin-top:20px;
    }
    .sq-modal .tynplus {
        text-transform:none;
        margin-left:10px;
        display:inline-block;
        margin-top:7px;
    }
    .sq-modal .modal-footer button {
        text-align:center;
        margin:0px auto 20px;
    }
    .sq-modal .modal-header .close {
        background: none;
        color:#fff;
    }
        /*V3 compatible esd*/
        .v3compatible .shipdate {
    border: 2px solid #c8ff31;
}
.v3compatible .shipdate .icon i {
    background-color: #c8ff31;
    border-radius:30px;
    color:#000000;
    border: 4px solid #fff;
}

.featured-input {
    background-color: #032c58;
    padding: 5px 15px;
}

    a.buttonLink, a:hover.buttonLink {
        color: inherit;
    }

    .buttonLink {
        white-space: nowrap;
        margin: 3px 5px;
        display: inline-block;
    }

    .featured-input .buttonLink {
        background-color: #C30018;
        padding: 5px;
    }

    .featured-input a:hover.buttonLink {
        color: #E6E6E6;
    }

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

    .new-hire-styles .shippingstate {
        background-color: #ebebeb;
        padding: 10px 15px 6px;
    }

        .new-hire-styles .shippingstate label {
            color: #444444;
            text-transform: uppercase;
            font-weight: 700;
        }

            .new-hire-styles .shippingstate label select {
                font-size: 12px;
                margin-left: 5px;
            }

    /*Mobile*/
    @media only screen and (max-width:991px) {
        .new-hire-styles .instock, .new-hire-styles .shippingstate, .layeringoption-feature {
            width: 100% !important;
            display: block;
            margin-bottom: 5px;
        }

        .logo-option .col-md-9 {
            padding: 0px;
            padding-left: 0px;
            border-left: none;
        }
    }

    @media only screen and (max-width:767px) {
        .new-hire-styles .instock, .new-hire-styles .shippingstate {
            width: 50%;
            display: inline-block;
            margin-bottom: 0px;
        }
    }

    @media only screen and (max-width:743px) {
        .new-hire-styles .instock, .new-hire-styles .shippingstate {
            width: 100%;
            display: block;
            margin-bottom: 5px;
        }
    }
    /* Return Policy */
    .return-policy {
        border: 1px solid #C4C4C4;
        background-color: #EFEFEF;
        padding-top: 20px;
        padding-bottom: 30px;
        margin-bottom: 50px;
    }

    .return-policy-title {
        padding: 5px 15px;
        background-color: #042F5E;
        color: #fff;
        display: block;
        margin: 0;
    }

    .return-policy-text {
        padding: 15px;
        color: #e40a23;
        margin: 0;
    }

    .return-policy-terms {
        padding: 5px 15px;
        border-top: 1px solid #042F5E;
    }

    .return-policy .response {
        color: #000000;
        background-color: transparent;
        font-size: 17px;
    }

    .return-policy .obvious label {
        font-size: 17px;
    }

    /*Catalog*/

    .catalog-instock-filter {
        float: left;
        width: 135px;
        height: 100px;
        padding: 0px 15px;
        border: 1px solid #B6B3B3;
        display: table;
        margin-top: -140px;
        background-color: #04162E;
        color: #FFF;
        margin-left: -15px;
        margin-right: -15px;
        text-align: center;
    }

        .catalog-instock-filter .checkbox {
            text-align: left;
            display: inline-block;
            margin-left: -5px;
        }

        .catalog-instock-filter p {
            display: inline-block;
            margin-right: 12px;
            font-size: 13px;
            padding-top: 2px;
        }

        .catalog-instock-filter img {
            text-align: center;
            margin: 0px 15px 0px -37px;
        }

    .layeringoption-feature {
        color: #04162E;
        background-color: transparent;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .layeringoption-feature::after {
            content: "";
            background-image: url(//d32vsn04iheu1o.cloudfront.net/images/splash-tiles-kits.jpg);
            background-size: cover;
            background-position: right bottom;
            opacity: 0.5;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            position: absolute;
            z-index: -1;
        }

        .layeringoption-feature .buttonLink {
            color: #ffffff;
            margin: 0px 5px;
        }

    .btn-toggle {
        float: right;
        padding-bottom: 7px;
    }

    .catalog-instock-filter .btn-primary.active {
        background-color: #d50018;
        border: 1px solid #e40a23;
    }

    .catalog-filters-right {
        width: 100%;
        display: block;
        text-align: left;
        font-size: 15px;
        color: #060606;
        margin-bottom: 20px;
        border-bottom: 1px solid #cdd0d5;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-top: 25px;
    }

        .catalog-filters-right p {
            display: inline-block;
        }

        .catalog-filters-right button,
        .shippingstate-container button {
            background-color: #032c58;
            color: #FFFFFF;
            margin: 0px 5px;
            border-radius: 0px;
            border: none;
            padding: 5px 15px;
            text-transform: uppercase;
            display: inline-block;
        }

            .catalog-filters-right button:hover {
                background-color: #093d74;
            }

            .catalog-filters-right button.shippingstate,
            .shippingstate-container button.shippingstate {
                background-color: #b60116;
                margin-right: 0px;
            }

            .catalog-filters-right button.edit,
            .shippingstate-container button.edit {
                background-color: #d50018;
                margin-left: 0px;
            }

                .catalog-filters-right button.edit:hover,
                .shippingstate-container button.edit:hover {
                    background-color: #e40a23;
                    margin-left: 0px;
                }

    .catalog-filter .col-sm-3 {
        padding: 0px;
    }

    .catalog-filter .block-list-item {
        display: inline-block;
    }

    .catalog-filter a.block-list-link {
        display: inline-block;
        width: auto;
        border: 1px solid #efefef;
        padding: 0px 20px;
        border-radius: 30px;
        margin: 3px;
    }

    .chosenfilter {
        background-color: #efefef;
        padding: 4px 12px;
        margin: 0px 3px;
    }

    .spinner#catalog {
        padding-left: 0px;
        padding-right: 0px;
    }

    .modal-body.modal-catalog {
        border-top: 1px solid #b9c0cb;
        border-bottom: 1px solid #b9c0cb;
    }

    .modal-catalog h2 {
        border-bottom: none;
        padding-top: 20px;
    }

    .modal-catalog h1 {
        padding-bottom: 0px;
        margin-top: 0px;
    }

    .modal-catalog p {
        padding: 4px 20px;
    }

    .modal-catalog .modal-header p {
        padding-bottom: 0px;
    }

    .modal-selections {
        border-bottom: 1px solid #b9c0cb;
        padding-bottom: 20px;
    }

        .modal-selections .selection {
            background-color: rgb(255, 255, 255);
            padding: 10px 0px;
            border: 1px solid rgb(182, 179, 179);
            font-size: 13px;
            font-weight: 600;
            font-family: 'Raleway', sans-serif;
            margin: 0px auto 4px;
            float: none;
            display: inline-block;
        }

            .modal-selections .selection a {
                color: #000000;
                font-size: 13px;
                font-weight: 600;
            }

                .modal-selections .selection a:hover {
                    color: #000000;
                    text-decoration: none;
                }

        .modal-selections .selected {
            background-color: #032c58;
            color: #FFFFFF;
            padding: 10px 0px;
            border: 1px solid rgb(182, 179, 179);
            font-size: 13px;
            font-weight: 600;
            font-family: 'Raleway', sans-serif;
            margin: 0px auto 4px;
            float: none;
            display: inline-block;
        }

            .modal-selections .selected a {
                color: #FFFFFF;
                font-size: 13px;
                font-weight: 600;
            }

                .modal-selections .selected a:hover {
                    color: #FFFFFF;
                    text-decoration: none;
                }

        .modal-selections .selection.active {
            background-color: #032c58;
            color: #FFFFFF;
        }

    .divider .dot {
        color: #b9c0cb;
        font-weight: 700;
        font-size: 20px;
        display: inline-block;
        padding: 15px 10px;
    }

    .down-arrow-icon {
        background-color: #fFFFFF;
        width: 35px;
        height: 35px;
        font-size: 35px;
        border-radius: 25px;
        color: #c0c0c0;
        margin: 0px auto;
    }

    /*Item Detail*/

    .item-detail-filter {
        padding: 0px;
        padding-right: 0px !important;
    }

        .item-detail-filter .itemdetail-instock {
            padding: 0px;
            margin-bottom: 10px;
        }

    .itemdetail-instock .catalog-instock-filter {
        width: 100%;
        height: auto;
        margin: 0px;
        padding: 7px 20px 0px;
        text-align: left;
    }

    .itemdetail-shippingstate {
        padding: 0px;
        border: 1px solid #CCC;
        margin-bottom: 30px;
    }

    .shippingstate-container {
        padding: 10px 15px 6px;
    }

        .shippingstate-container p {
            display: inline-block;
        }

    .outofstock {
        position: relative;
        background: rgba(213, 0, 24, 0.1);
        padding: 0px;
        overflow: hidden;
        border: 1px solid #d50018;
        z-index: 20;
        height: 28px;
        margin-top: -28px;
        width: 150px;
    }

        .outofstock:before,
        .outofstock:after {
            position: absolute;
            content: '';
            background: red;
            display: block;
            width: 100%;
            height: 1px;
            -webkit-transform: rotate(-9deg);
            transform: rotate(-9deg);
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto auto auto;
            opacity: 1;
        }

        .outofstock:after {
            -webkit-transform: rotate(9deg);
            transform: rotate(9deg);
        }

    .sizeexample {
        z-index: 5;
        background-color: #c0c0c0;
        height: 28px;
        color: #FFFFFF;
        width: 200px;
        clear: left;
        display: block;
        width: 150px;
        text-align: center;
        text-transform: uppercase;
        padding: 5px;
    }

    .imgModal,
    .videoModal {
        position: fixed; /* Stay in place */
        z-index: 2000; /* Sit on top */
        padding-top: 160px; /* Location of the box */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
    }

    .imgModal {
        display: none; /* Hidden by default */
    }

    .videoModal {
        display: none; /* Hidden by default */
    }

    .imgModalContent,
    .videoModalContent {
        margin: auto;
        width: 80%;
        max-width: 700px;
        -webkit-animation-name: zoom;
        -webkit-animation-duration: 0.6s;
        animation-name: zoom;
        animation-duration: 0.6s;
    }

    .imgModalContent {
        display: block;
    }

    .videoModalContent {
        display: block;
    }

    @-webkit-keyframes zoom {
        from {
            -webkit-transform: scale(0);
        }

        to {
            -webkit-transform: scale(1);
        }
    }

    @keyframes zoom {
        from {
            transform: scale(0);
        }

        to {
            transform: scale(1);
        }
    }

    .imgModalClose,
    .videoModalClose {
        position: absolute;
        top: 9%;
        right: 28%;
        color: #808080;
        font-size: 40px;
        font-weight: bold;
        transition: 0.3s;
    }

        .imgModalClose:hover,
        .imgModalClose:focus {
            color: #bbb;
            text-decoration: none;
            cursor: pointer;
        }

        .videoModalClose:hover,
        .videoModalClose:focus {
            color: #bbb;
            text-decoration: none;
            cursor: pointer;
        }

    .carouselWrapper {
        padding: 42px 0px;
        font-size: 20px;
        font-weight: 600;
        margin: 10px 0px;
        text-transform: uppercase;
        text-align: center;
        width: 100%;
        background-color: gainsboro;
    }

    /* Pardon us */ /*Error Page*/
    .error h1 {
        color: #c30018;
        text-transform: uppercase;
        font-weight: 600;
        text-align: center;
        font-size: 43px;
        margin-top: 100px;
    }

    .error p {
        font-size: 18px;
        text-align: center;
        padding-top: 20px;
        max-width: 750px;
        margin: 0px auto 0px;
    }

    .dots {
        width: 5px;
        height: 5px;
        font-size: 5px;
        line-height: 5px;
        background-color: #CCCCCC;
        border-radius: 15px;
        margin: 20px 10px 35px;
        display: inline-block;
    }

    .buttons-errorpage {
        text-align: center;
    }

    .btn-error {
        color: #FFFFFF;
        background-color: #04172E;
        border: none;
        padding: 15px 15px;
        text-transform: uppercase;
        width: 100%;
        font-size: 14px;
        margin: 20px 10px;
        border-radius: 0px;
        display: inline-block;
        max-width: 200px;
    }

        .btn-error.focus, .btn-error:focus {
            color: #444444;
            background-color: #DADADA;
        }

        .btn-error:hover {
            color: #444444;
            background-color: #DADADA;
        }

        .btn-error.active, .btn-error:active, .open > .dropdown-toggle.btn-error {
            color: #444444;
            background-color: #e0e0e0;
        }
    /* jumbo tron */

    /* Everything but the jumbotron gets side spacing for mobile first views */

    .header,
    .marketing,
    .footer {
        padding-right: 15px;
        padding-left: 15px;
    }

    /* Custom page header */

    .header {
        padding-bottom: 0px;
        text-align: center;
    }

        .header nav {
            padding-top: 10px;
        }

        /* Make the masthead heading the same height as the navigation */

        .header h3 {
            margin-top: 0;
            margin-bottom: 0;
            line-height: 40px;
        }

        .header img {
            width: 110px;
            margin: 0px auto 25px;
        }

    /*Login Box*/

    .login {
        /*This can't be used currently as we've not solved a way to re-route this to the CDN path on the fly without hitting the host server first*/
        /*background-image:url(/images/login-bkg.png);*/
        background-repeat: repeat;
        border: 1px solid #808080;
        /*padding: 7%;*/
        margin: 30px 15% 30px;
    }

    label {
        font-size: 13px;
        font-weight: 400;
        color: #444444;
        text-transform: uppercase;
    }

    .login .dropdown {
        display: inline-block;
    }

    #dLabel {
        position: absolute;
        right: 0;
    }

    .help-icon {
        color: #FFFFFF;
        background-color: #d50018;
        width: 20px;
        height: 20px;
        border-radius: 25px;
        margin: 0px auto 0px 5px;
        line-height: 20px;
        border: 1px solid #A70614;
        font-weight: 700;
        display: inline-block;
    }

    .login .loginForm,
    .login .passwordForm {
        margin: 7%;
    }

    p.login-retail {
        font-size: 18px;
    }

        p.login-retail a {
            color: #FFFFFF;
            text-decoration: underline;
        }

    /* Customize container */

    @media (min-width: 768px) {
        .narrow-container {
            max-width: 760px;
        }
    }

    .container-narrow > hr {
        margin: 30px 0;
    }

    /* Main marketing message and sign up button */

    .jumbotron {
        text-align: center;
        border-bottom: 1px solid #e5e5e5;
        /*This can't be used currently as we've not solved a way to re-route this to the CDN path on the fly without hitting the host server first*/
        /*background-image:url(/images/login-bkg-13.png);*/
        background-size: cover;
        background-position: center;
        background-color: #FFFFFF;
    }

        .jumbotron .btn-default {
            padding: 8px 45px;
            font-size: 14px;
        }

        .jumbotron .btn-info {
            padding: 4px 0px;
            min-width: 200px;
            font-size: 12px;
        }

        .jumbotron h1 {
            color: #FFFFFF;
            text-transform: uppercase;
        }

        .jumbotron p {
            color: #FFFFFF;
        }

    .jumbotron-login {
        position: relative;
    }

    .jumbotron-arrow {
        top: 50%;
        border: solid transparent;
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-width: 40px;
        margin-top: -40px;
    }

    .jumbotron-arrow--left {
        left: 0%;
        border-left-color: #fff;
    }

    .jumbotron-arrow--right {
        right: 0%;
        border-right-color: #fff;
    }

    /*Message - Splash Page*/

    .jumbotron-message {
        background-image: none;
        background-color: #F5F5F5;
        padding-bottom: 90px;
    }

        .jumbotron-message h1 {
            color: #042F5E;
            font-size: 20px;
            font-weight: 700;
            border-bottom: 1px dotted #727272;
            padding-bottom: 30px;
            text-align: left;
            text-transform: none;
        }

        .jumbotron-message p {
            color: #2D2D2D;
            font-size: 14px;
            border-bottom: 1px dotted #727272;
            padding-bottom: 15px;
            padding-top: 0px;
            text-align: left;
            font-weight: 400;
        }

            .jumbotron-message p.bold {
                font-weight: 700;
            }

            .jumbotron-message p.underline {
                font-weight: 700;
                text-decoration: underline;
            }

            .jumbotron-message p.signature {
                border-bottom: none;
                padding-top: 20px;
            }

        .jumbotron-message button {
            float: left;
            display: block;
        }

        .jumbotron-message li {
            text-align: left;
        }

    /* Supporting marketing content */

    .marketing {
        margin: 40px 0;
        text-align: center;
    }

        .marketing p + h4 {
            margin-top: 28px;
        }

    /* Product popover */
    .product-popover-wrapper {
        max-width: 460px;
    }

    .product-popover {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .product-popover-item {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-self: stretch;
        align-self: stretch;
        -webkit-align-items: center;
        align-items: center;
        padding: 10px;
        border-bottom: 1px dashed #ddd;
    }

        .product-popover-item:nth-child(4n-2),
        .product-popover-item:nth-child(4n-3) {
            background: #f7f7f7;
        }

        .product-popover-item:nth-child(2n-1) {
            border-right: 1px dashed #ddd;
        }

        .product-popover-item:nth-last-child(-n+2) {
            border-bottom: none;
        }

    /* Kits */
    .kits-title {
        transform: skew(-15deg);
        background: #d50018;
        font-family: 'Roboto Slab', Raleway, sans-serif;
        background-image: url("//d32vsn04iheu1o.cloudfront.net/images/retail/topcategory-bkgs/topcategory-vests.jpg");
    }

        .kits-title h1 {
            transform: skew(15deg);
            color: #ffffff;
            padding: 10px;
        }

    .kit-pic {
        float: none;
        margin: 10px auto;
    }

    .kit-overlay {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: rgba(226, 226, 226, 0.9);
        text-align: center;
        display: flex;
        white-space: nowrap;
        -webkit-transition: height 0.5s;
        -moz-transition: height 0.5s;
        -o-transition: height 0.5s;
        transition: height 0.5s;
        z-index: 1000;
    }

        .kit-overlay .close {
            background-color: rgba(51, 44, 50, 0.9);
            color: #ffffff;
            opacity: 1;
            padding: 3px;
            bottom: 0;
            position: absolute;
            right: 0;
        }

    .kits-selection {
        text-align: center;
        padding: 10px 0px 0px;
    }

    .kit-component {
        float: left;
        padding: 10px 30px 0px;
        position: relative;
        max-width: 235px;
    }

        .kit-component p {
            color: #444444;
            font-weight: 600;
            font-size: 15px;
            margin-bottom: 0px;
            margin-top: 3px;
            white-space: pre-wrap;
            word-break: break-word;
        }

            .kit-component p .number {
                color: #c30018;
                font-style: italic;
                font-weight: 700;
            }

        .kit-component img {
            width: 175px;
        }

    .kit-header {
        color: #444444;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 15px;
    }

    .select-cal-buttons {
        min-width: 30%;
        display: inline-block;
        margin: 20px 1% 10px;
    }

        .select-cal-buttons button {
            background-color: #959595;
            border: none;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 15px;
            width: auto;
            white-space: normal;
        }

    .kit-hover-delete {
        background-color: rgba(51, 44, 50, 0.9);
        color: #ffffff;
        width: 100%;
        height: 50%;
        left: 0;
        position: absolute;
        margin: 0px;
        bottom: 0;
        padding: 20px 30px;
        word-break: break-all;
    }

        .kit-hover-delete h5 {
            font-size: 17px;
            color: #ffffff;
            font-weight: 700;
            text-align: center;
            width: 100%;
            white-space: pre-wrap;
            word-break: break-word;
        }

    .kit-rapid-item {
        padding: 20px;
        margin-top: 0px;
    }

    .kit-rapid-item-center {
        display: flex;
        align-items: center;
    }

    .kit-rapid-img {
        display: block;
        margin: 0px auto;
    }

    .kit-rapid-itemtitle {
        display: block;
        margin: 10px auto;
        text-align: center;
    }

    .kit-rapid-itemdetails {
        display: block;
        margin: 10px auto;
        text-align: center;
    }

    .kit-rapid-multipleoptions {
        display: block;
        margin: 10px auto;
        text-align: center;
    }

    .kit-rapid-select-box {
        background-color: #f1f1f1;
        width: 100%;
        padding: 35px 25px 35px;
        text-align: center;
        margin-bottom: 0px;
    }

        .kit-rapid-select-box p {
            color: #000000;
            font-size: 18px;
            max-width: 550px;
            margin: 0px auto 15px;
        }

    .divider-triangle {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 25px 0 25px;
        border-color: #ffffff transparent transparent transparent;
        margin: 0px 0px;
        transform: rotate(-90deg);
        position: absolute;
        top: 40%;
        left: 0px;
    }

    .kit-rapid-select-box button {
        background-color: #04162e;
        color: #ffffff;
        display: inline-block;
        border: none;
        padding: 20px;
        font-size: 18px;
        margin: 5px;
    }

        .kit-rapid-select-box button.textareabtn {
            background-color: #04162e;
            color: #ffffff;
            display: block;
            border: none;
            padding: 10px 11px;
            font-size: 18px;
            margin: 15px auto 5px;
            width: 70%;
            max-width: 180px;
        }

    .kit-rapid-select-box .btn-default.disabled:hover {
        background-color: #04162e !important;
    }

    .kit-rapid-select-box button:hover {
        background-color: #032c58;
    }

    .kits-getstarted, .kits-reviewtable {
        width: 80%;
        margin: 0px 10%;
    }

        .kits-getstarted h2 {
            color: #959595;
            text-transform: uppercase;
            font-weight: 600;
            text-align: center;
            font-size: 28px;
            margin-top: 20px;
            margin-bottom: 0px;
        }

        .kits-getstarted p {
            margin: 13px 0px;
            font-size: 18px;
            line-height: 22px;
            color: #1b1b1b;
            text-align: center;
        }

            .kits-getstarted p strong {
                color: #c30018;
            }

        .kits-getstarted button, .kits-cancelbtn button {
            margin: 30px auto 30px;
            width: auto;
            font-size: 17px;
            padding: 14px 30px;
        }

    .kit-option {
        display: inline-block;
        border: 2px solid #04162e;
        margin: 30px auto 20px;
        text-align: center;
        background-color: #F3F3F3;
    }

    .kit-option-label {
        width: 40px;
        height: 40px;
        border-radius: 25px;
        background-color: #032c58;
        color: #FFFFFF;
        margin: -20px auto 0px;
        text-align: center;
        padding-top: 10px;
    }

    .kit-option h3 {
        border-bottom: 2px solid #04162e;
        margin-bottom: 15px;
        padding-bottom: 15px;
        font-weight: 700;
    }

    .kit-option h4 {
        font-weight: 700;
        text-transform: none;
    }

    .kit-option-img img {
        max-width: 100%;
    }

    .kit-option button.btn {
        width: auto;
        background-color: #032c58;
        border-radius: 0px !important;
        padding: 18px 40px !important;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 15px;
        margin: 0px auto 30px !important;
    }

    .kitoptions-header {
        background-color: #E9E9E9;
        border-top: 1px solid #C8C8C8;
        border-bottom: 1px solid #C8C8C8;
        width: 100%;
        padding: 30px 50px 10px;
        margin-bottom: 30px;
    }

        .kitoptions-header hr {
            border-top: 1px solid #C8C8C8 !important;
            width: 100px !important;
            margin-top: 0px !important;
        }

        .kitoptions-header h2 {
            font-weight: 700;
        }

    .kit-cancelbtn {
        margin: 30px auto 20px;
    }

        .kit-cancelbtn .btn {
            padding: 10px 30px;
            font-size: 16px;
        }

    .rapidorder-featuresgrid {
        display: flex;
        align-items: stretch;
    }

    .kits-reviewtable {
        text-align: left;
        border: 1px solid #DBDBDB;
        margin-top: 15px;
        margin-bottom: 40px;
        padding-left: 0px;
        padding-right: 0px;
        color: #000000;
    }

        .kits-reviewtable .table-headerrow {
            background-color: #032c58;
            color: #FFFFFF;
            padding: 5px 0px;
        }

        .kits-reviewtable .table-bodyrow {
            padding: 5px 0px;
        }

            .kits-reviewtable .table-bodyrow .editbutton {
                background-color: #d50018;
                color: #FFFFFF;
                padding: 3px 5px;
            }

    .kitcartdetails li {
        list-style: none;
        text-align: left;
        border: 1px solid #efefef;
        padding: 4px 10px;
    }

        .kitcartdetails li:nth-child(odd) {
            background-color: #F7F7F7;
        }

    /* headlines with lines */
    .decorated {
        overflow: hidden;
        text-align: center;
    }

        .decorated > h4 {
            position: relative;
            display: inline-block;
        }

            .decorated > h4:before, .decorated > h4:after {
                content: '';
                position: absolute;
                top: 50%;
                border-bottom: 2px solid #04162e;
                width: 591px; /* half of limiter*/
                margin: 0 20px;
            }

            .decorated > h4:before {
                right: 100%;
            }

            .decorated > h4:after {
                left: 100%;
            }

    @media screen and (max-width: 768px) {
        .kit-component img {
            width: 100px;
        }

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

        .kit-rapid-item-center {
            display: block;
        }
    }

    /* Responsive: Portrait tablets and up */

    @media screen and (min-width: 768px) {
        .overall-rating {
            padding-left: 0px;
        }

        .banner {
            width: 40px;
        }
        /* Remove the padding we set earlier */
        .header,
        .marketing,
        .footer {
            padding-right: 0;
            padding-left: 0;
        }
        /* Space out the masthead */
        .header {
            margin-bottom: 30px;
        }
        /* Remove the bottom border on the jumbotron for visual effect */
        .jumbotron {
            border-bottom: 0;
        }
    }

    @media screen and (max-width:768px) {
        .jumbotron h1 {
            font-size: 18px;
        }

        .jumbotron p {
            font-size: 16px;
        }

        .jumbotron .btn-info {
            width: 70%;
            margin: 0px auto;
        }

        .catalog-sortby {
            width: 100%;
        }

        .kits-title h1 {
            font-size: 25px !important;
        }

        .rapidorder-featuresgrid {
            display: block;
        }

        .divider-triangle {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 20px 25px 0 25px;
            border-color: #ffffff transparent transparent transparent;
            margin: -35px auto 25px;
            transform: rotate(0deg);
            position: inherit;
            top: 0px;
            left: auto;
        }
    }

    @media screen and (max-width:420px) {
        .login {
            padding: 4%;
            margin: 30px 0px 30px;
        }
    }

    /* Spinner global settings */
    .spinner {
        display: block;
        position: relative;
    }

    .spinner-overlay {
        background-color: #000000;
        height: calc(100% + 2px);
        opacity: .75;
        width: calc(100% + 2px);
    }

    .spinner-part {
        font-size: 13px;
        position: absolute;
        z-index: 10000; /*This should be on top of everything*/
    }

    .spinner-img {
        background-color: #FFFFFF;
        color: #000000;
        left: calc(-79px + 50%);
        text-align: center;
        top: calc(-79px + 50%);
    }

    .dropzone {
        border: 1px dashed #ccc;
        text-align: center;
        padding: 30px;
        margin: 20px;
    }

        .dropzone.dragover {
            background: #00CC71;
        }

    /* bootstrap ui modal override settings */

    .modal-body img.logo {
        width: 110px;
        margin: 0px auto 10px;
    }

    /****************** Dropdowns ******************/
    .dropdown-menu {
        padding: 5px;
    }

    /****************** Hero Gift Card Balance ******************/
    .giftCardBalance {
        border: 1px solid;
        background-color: lightgray;
        text-align: center;
    }

    .giftCardBalanceAmount {
        color: #c30018;
        padding: 4px 10px;
        font-size: xx-large;
        font-weight: 700;
        text-align: right;
    }

    /****************** Layering ******************/

    .layeringhero {
        background-image: url(//d32vsn04iheu1o.cloudfront.net/images/layering/CALlayeringapp-mainbkg-repeat.png);
        background-repeat: repeat;
        background-color: #f6f6f6;
        padding-bottom: 50px;
    }

        .layeringhero h2 {
            margin-top: 0px;
            padding-top: 30px;
            font-size: 27px;
        }

    .layering-container {
        background-color: #ffffff;
        border-radius: 10px;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 30px;
        width: 90%;
        max-width: 800px;
    }

    .layering-disclaimer-container {
        max-width: 1200px;
    }

    .layering-disclaimer-content {
        max-height: 300px;
        overflow: scroll;
        scroll-behavior: smooth;
    }

    .layering-container p {
        padding: 0px 15px;
    }

    .layering-container-options {
        background-color: transparent;
    }

        .layering-container-options p {
            color: #337ab7;
            display: inline-block;
        }

        .layering-container-options h2 {
            border-top: 2px solid #c8c8c8;
            border-bottom: 2px solid #c8c8c8;
            padding-top: 20px;
        }

    .layering-container button {
        white-space: unset;
    }

    .layering-container .btn-cart {
        max-width: 400px;
        margin: 0px auto;
        border-radius: 5px;
        font-size: 19px;
        width: 95%;
    }

    .layering-container-options #SearchParameters.in,
    .layering-container-options #SearchParameters.collapsing {
        display: block !important;
    }

    .layering-filterby h4 {
        text-align: left !important;
        border-bottom: 1px solid #B5B5B5;
        width: 100%;
        padding-bottom: 4px;
    }

    .layering-filterby .btn-group {
        width: 100%;
    }

    .layering-filterby .btn {
        width: 33.3333%;
    }

    .layering-filterby .btn-block .block-list-link.light-grey, .layering-filterby a.block-list-link.light-grey {
        display: block;
        width: 100%;
        border: 2px solid #c8c8c8;
        padding: 5px 10px;
        border-radius: 30px;
        margin: 3px;
        background-color: rgba(255,255,255,0.4);
        color: #000000;
    }

    .layering-sortby, .layering-sortby select {
        width: 100% !important;
    }

    .cal-rating {
        background-color: #f2f2f2;
        padding: 20px;
        display: inline-block;
        font-size: 35px;
        color: #444444;
        width: 100%;
        text-align: center;
        border-radius: 5px;
    }

    .layering-cal {
        margin: 10px 0px;
    }

    .cal-amts {
        padding: 10px 20px;
    }

    .layering-category {
        font-size: 25px;
        width: 80%;
        margin: 0px auto 15px;
        background-color: #ededee;
        color: #302f30;
    }

    .cal-active {
        background-color: #032c58;
        color: #ffffff !important;
    }

    .cal-category-background {
        color: #032c58;
    }

    .layering-selecteditem-container {
        background-color: #ffffff;
        border-radius: 10px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 30px;
        padding-bottom: 30px;
    }

    .layering-selecteditem-left {
        margin-left: 7%;
    }

    .totalarc {
        width: 10px;
        z-index: 300;
        margin-left: -40px;
        margin-right: 30px;
    }

        .totalarc h2 {
            padding-top: 15px;
            font-weight: bold;
        }

    .cal-banner {
        background-color: #959595;
        color: #FFFFFF;
        padding: 5px 20px;
        margin-top: -10px;
    }

    .cal-banner-left {
        float: right;
        display: block;
    }

    .cal-banner-right {
        float: left;
        display: block;
    }

    .cal-banner-total {
        background-color: #DE0015;
        color: #FFFFFF;
        height: 70px;
        width: 70px;
        -moz-border-radius: 35px;
        border-radius: 35px;
        margin: 0 auto;
    }

    .cal-banner-incart {
        background-color: #286090;
        color: #FFFFFF;
        padding: 10px 20px;
        margin-top: 5px;
        width: 100%;
    }

    .cart-layer-img img {
        margin: 0px auto 10px;
        clear: both;
    }

    .layering-container-options .cal-catalog-subnav {
        display: block;
        text-align: left;
    }

    .cal-cat-subnav-gender-m {
        background-color: #032c58;
        color: #FFFFFF;
        padding: 5px;
        display: inline-block;
        height: 28px;
        width: 28px;
    }

    .cal-cat-subnav-gender-f {
        background-color: #c30018;
        color: #FFFFFF;
        padding: 5px;
        display: inline-block;
        height: 28px;
        width: 28px;
    }

    @media screen and (max-width: 540px) {
        .cal-rating {
            font-size: 20px;
            padding: 10px 0px;
            margin: 0px;
        }

        .layering-cal {
            padding-left: 5px;
            padding-right: 5px;
        }

        .layering-category {
            font-size: 17px;
            width: 95%;
        }
    }

    /****************** Supervised Orders ******************/
    .ui-grid {
        border: none !important;
        font-weight: 600;
    }

    .ui-grid-contents-wrapper {
        border: 1px solid #d4d4d4;
        height: auto !important;
    }

    .ui-grid-viewport {
        height: auto !important;
    }

    .order-history-grid-context {
        height: 150px;
    }

    .order-approval-grid-context {
        height: 250px;
    }

    .grid {
        color: #333333;
        height: auto !important;
    }

    /*Supervisor v2 grid*/
    .ag-grid-container {
        height: calc(100% - 10px);
        width: 1px;
        min-width: 100%;
        min-height: 600px;
        margin-bottom: 40px;
        display: inline-block;
    }

    .ag-root.ag-layout-normal {
        min-height: 600px;
    }

    .ag-root-wrapper.ag-layout-normal {
        width: 100%;
    }

    .ag-root-wrapper-body.ag-layout-normal {
        /*overflow: visible !important;*/
    }

    .ag-full-width-row, .ag-details-row {
        overflow: scroll;
    }

    .approvalbuttons {
        margin: 25px auto 45px;
        text-align: center;
    }

    .approvalbuttons2 {
        margin: 0px;
    }

        .approvalbuttons .btn, .approvalbuttons2 .btn {
            font-size: 15px;
            padding: 5px 25px;
            display: inline-block;
            margin: 0px;
        }

        .approvalbuttons .btn-primary, .approvalbuttons2 .btn-primary {
            background-color: #032c58 !important;
        }

    .modal-supervised-orders-content .btn-info {
        background-color: #727272 !important;
        margin: 10px auto 0px;
    }

    .expandableRow .ui-grid-viewport {
        border-bottom: 2px solid #04162e;
        font-weight: 400;
    }

    .expandableRow .ui-grid-header-canvas {
        background-color: #3F4E62;
        color: #FFFFFF;
        font-weight: 400;
    }

    .ui-grid-selection-row-header-buttons.ui-grid-row-selected {
        color: #37A245;
    }

    .tab {
        overflow: hidden;
        border: 1px solid #ccc;
        background-color: #f1f1f1;
    }

        /* Style the buttons inside the tab */
        .tab button {
            float: left;
            cursor: pointer;
            padding: 6px 6px;
            transition: 0.3s;
            font-size: 17px;
            border-top: 1px solid #b4b4b4;
            border-right: 1px solid #b4b4b4;
            border-left: 1px solid #b4b4b4;
            border-radius: 7px 7px 0px 0px;
            background: rgb(180,180,180);
            background: linear-gradient(0deg, rgba(180,180,180,1) 0%, rgba(239,239,239,1) 100%);
            margin: 10px 5px 0px;
        }

            /* Change background color of buttons on hover */
            .tab button:hover {
                background-color: #ddd;
            }

            /* Create an active/current tablink class */
            .tab button.active {
                background: rgb(4,22,46);
                background: linear-gradient(0deg, rgba(4,22,46,1) 0%, rgba(55,86,129,1) 100%);
                color: #ffffff;
            }

    /* Style the tab content */
    .tabcontent {
        display: none;
        padding: 6px 12px;
        border: 1px solid #ccc;
        border-top: none;
    }

    /*Modal*/
    .modal.grid.scrollable-modal {
        background-color: rgba(0, 0, 0, 0.7);
        overflow-y: auto;
    }

    .modal-supervised-orders-dialog {
        width: 80%;
        height: 90vh;
        margin: 40px auto;
        padding: 0;
        max-width: 1100px;
    }

    .modal-supervised-orders-content {
        height: auto;
        min-height: 100%;
        border-radius: 0;
    }

    .modal-supervised-orders-body {
        position: relative;
        padding: 0px 40px;
        overflow-y: auto;
        height: auto;
    }

        .modal-supervised-orders-body h2 {
            text-align: left;
        }

    .sup-approveorders-review {
        border: 1px solid #efefef;
        padding: 20px;
        margin: 0px 4%;
    }

    /****Free Item*****/
    .freeitem {
        background-color: #04162e;
        background-image: url(//d32vsn04iheu1o.cloudfront.net/images/1907-hatspromo-bkg-03.jpg);
        background-size: cover;
        margin-top: 80px;
        padding-top: 30px;
    }

        .freeitem h1 {
            color: #FFFFFF;
            text-transform: uppercase;
            font-family: 'Roboto Slab', serif;
            font-size: 40px;
            margin-top: 0px;
            margin-bottom: 0px;
            text-align: center;
            padding-bottom: 0px;
        }

        .freeitem h2 {
            color: #ffffff;
            font-weight: 400;
            font-size: 25px;
            margin-top: 5px;
            padding-top: 0px;
            text-align: center;
            text-transform: none;
        }


        .freeitem .burst, .freeitem .burst-first, .hat-modal .burst, .hat-modal .burst-first {
            padding: 0px !important;
        }

            .freeitem .burst-first img, .hat-modal .burst-first img {
                width: 100%;
                transform: rotate(180deg);
            }

            .freeitem .burst img, .hat-modal .burst img {
                width: 100%;
            }

        .freeitem hr, .hat-modal hr {
            margin-top: 0px;
            margin-bottom: 20px;
            border: 0;
            border-top: 2px solid #d50018;
            max-width: 50px;
        }

        .freeitem p {
            color: #FFFFFF;
            font-size: 18px;
            padding: 0px 40px 30px;
            text-align: center;
            max-width: 600px;
            margin: 0px auto;
        }

        .freeitem .hat-choice {
            background-color: #dbdbdb;
            color: #111111;
            margin-top: 50px;
            padding: 0px 20px 20px;
            text-align: center;
            border-right: 2px solid #FAFAFA;
            display: inline-block;
            margin-bottom: 20px;
        }

        .freeitem .hatimg1 {
            border: 2px solid #efefef;
            width: 120px;
            height: 120px;
            border-radius: 120px;
            margin: -50px auto 10px;
            background-image: url(//d32vsn04iheu1o.cloudfront.net/images/productimages/C9PAZ-GWH-XLG.jpg);
            background-size: cover;
        }

        .freeitem .hatimg2 {
            border: 2px solid #efefef;
            width: 120px;
            height: 120px;
            border-radius: 120px;
            margin: -50px auto 10px;
            background-image: url(//d32vsn04iheu1o.cloudfront.net/images/productimages/C9PBZ-RBL-LRG.jpg);
            background-size: cover;
        }

        .freeitem .hatimg3 {
            border: 2px solid #efefef;
            width: 120px;
            height: 120px;
            border-radius: 120px;
            margin: -50px auto 10px;
            background-image: url(//d32vsn04iheu1o.cloudfront.net/images/hat3.jpg);
            background-size: cover;
        }

        .freeitem .hat-choice img {
            width: 100%;
        }

        .freeitem .hat-choice h4 {
            color: #000000;
            font-weight: 700;
            display: block;
            font-size: 20px;
        }

        .freeitem .hat-choice p {
            color: #FFFFFF;
            padding: 0px 5px 8px;
            font-size: 13px;
        }

        .freeitem .hat-choice button {
            color: #FFFFFF;
            background-color: #c30018;
            border: 0px;
            border-radius: 0px;
            margin: 0px auto 10px;
            padding: 9px 20px;
            display: block;
            font-size: 20px;
            text-transform: uppercase;
            font-weight: 700;
        }

        .freeitem .optout p {
            padding-top: 20px;
            text-decoration: underline;
            color: #0047A9;
        }
    /*Free Item Pop Up on Homepage*/
    .hat-modal {
        /*opacity:1.0 !important;
	display: block !important;
	background-color: rgba(0,0,0,0.7);*/
        margin-top: 40px;
        margin-bottom: 40px;
    }

        .hat-modal .modal-content {
            /*max-width: 1000px;
    margin: 60px auto 10px;
    width: 90%;
	padding-bottom:40px;*/
        }

    .hat-modal-left {
        padding: 0px 20px 0px 0px;
    }

        .hat-modal-left img {
            width: 100%;
        }

    .hat-modal h1 {
        color: #C30018;
        text-transform: uppercase;
        font-family: 'Roboto Slab', serif;
        font-size: 34px;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: left;
        padding-bottom: 0px;
    }

    .hat-modal h2 {
        color: #032c58;
        font-weight: 200;
        font-size: 22px;
        margin-top: 5px;
        padding-top: 0px;
        text-align: left;
        text-transform: none;
    }

    .hat-modal-right {
        border-left: 1px solid #efefef;
        padding: 0px;
    }

    .hat-modal ol, .hat-modal p {
        color: #000000;
        font-size: 17px;
        padding: 0px 0px 10px 20px;
        text-align: left;
        max-width: 600px;
        margin: 0px 20px;
    }

    .hat-modal ol {
        padding-left: 40px;
    }

    .hat-modal li {
        padding-bottom: 8px;
    }

    .hat-modal a {
        color: #c30018;
        font-weight: bold;
        text-decoration: underline;
    }

    @media screen and (max-width: 767px) {
        .freeitem h1, .hat-modal h1 {
            font-size: 25px;
            margin-top: 10px;
        }

        .freeitem h1 {
            word-break: break-all;
        }

        .freeitem h2, .hat-modal h2 {
            font-size: 19px;
        }

        .freeitem p {
            padding: 0px 0px 30px;
            font-size: 14px;
            line-height: 15px;
        }

        .hat-modal ol, .hat-modal p {
            font-size: 15px;
            padding: 0px 0px 10px;
        }

        .hat-modal-right {
            border-left: 0px;
        }
    }

    /*Fallen Lineman Donation*/
    .fallenlineman-grid {
        margin-top: 10px;
        margin-bottom: 20px;
        border: 1px solid #bd8a54;
    }

    .lineman-flex {
        display: flex;
        align-content: stretch;
    }

    .fallenlineman-grid-left {
        padding: 0px;
    }

        .fallenlineman-grid-left img {
            border: 1px solid #bd8a54;
        }

    .fallenlineman-grid-right {
        background-image: url('https://res.cloudinary.com/component/image/upload/v1545333343/fallenlineman-texture_xes0zv.png');
        background-size: cover;
        background-position: right center;
        text-align: center;
        padding: 40px;
    }

        .fallenlineman-grid-right h1 {
            color: #000000;
            font-weight: 600;
            font-size: 36px;
        }

        .fallenlineman-grid-right .tscs {
            font-size: 12px;
            margin-top: 20px;
        }

    .fallenlineman-grid a {
        display: block;
        color: #d50018;
        text-decoration: underline;
        margin-top: 25px;
    }

    .fallenlineman-grid .proud-to-support {
        text-align: center;
        background-color: #e3e8ed;
        border-bottom: 1px solid #bd8a54;
    }

        .fallenlineman-grid .proud-to-support h3 {
            color: #000000;
            text-transform: uppercase;
            font-size: 20px;
            letter-spacing: 0.05em;
            font-weight: 700;
            margin-top: 15px;
        }

    @media screen and (max-width: 991px) {
        .fallenlineman-grid-right h1 {
            font-size: 26px;
        }

        .fallenlineman-grid-right {
            background: url(https://res.cloudinary.com/component/image/upload/v1545333343/fallenlineman-texture_xes0zv.png) no-repeat center center fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            text-align: center;
        }
    }

    @media screen and (max-width: 768px) {
        .lineman-flex {
            display: block;
            align-content: center;
        }

        .fallenlineman-grid-right h1 {
            font-size: 21px;
        }
    }

    @media print {
        .print-visible {
            display: block !important;
        }

        .print-hidden {
            display: none !important;
        }
    }

    /*New managed specific checkout styles*/
    .managed-summary {
        background-color: #f8f8f8;
        border: 1px solid #CCCCCC;
        margin-bottom: 20px;
    }

    /*Important Message Styles*/
    .important-message-landing {
        background-color: #EFEFEF;
        display: table;
    }

        .important-message-landing h2 {
            color: #d50018;
            font-weight: 600;
            padding: 10px 0px;
            margin: 0px 0px;
        }

        .important-message-landing p {
            font-size: 17px;
        }

        .important-message-landing img {
            max-width: 300px;
            margin: 0px auto;
        }

        .important-message-landing > * {
            vertical-align: middle;
            display: table-cell;
            float: none;
        }

    .important-message-cart {
        background-color: #EFEFEF;
    }

        .important-message-cart h2 {
            color: #d50018;
            font-weight: 600;
            padding: 10px 0px;
            margin: 0px 0px;
            font-size: 17px;
        }

    @media screen and (max-width: 768px) {
        .important-message-landing, .important-message-landing > * {
            display: block;
        }
    }

    /**********New Login STYLES********/
    .newLogin {
        margin-top: -40px;
    }

        .newLogin html {
            font-family: 'Raleway', sans-serif;
        }

        .newLogin body, p, a {
            font-family: 'Raleway', sans-serif;
            font-size: 15px;
            line-height: 1.4em;
            color: #000000;
            font-weight: 400;
            letter-spacing: .01em;
        }

        .newLogin h1 {
            font-family: 'Roboto Slab', Hoefler Text, serif;
            font-size: 45px;
            line-height: 1.1em;
            color: #04162e;
            font-weight: 700;
            margin-top: 0px;
        }

        .newLogin h2 {
        }

        .newLogin h3 {
            font-size: 22px;
            line-height: 1.1em;
            font-weight: 600;
            margin-bottom: 8px;
            margin-top: 5px;
            text-transform: none !important;
        }

    /*mobile font sizes*/
    @media screen and (max-width: 767px) {
        .newLogin h1 {
            font-size: 30px;
        }
    }

    /*H1 Red left border*/
    .newLogin .left-border-highlight {
        border-left: 5px solid #d50018;
        padding-left: 15px;
    }


    @media screen and (min-width: 768px) {
        .newLogin .left-border-highlight {
            margin-left: -20px;
        }
    }

    /*med grey background "jumbotron"*/
    .newLogin .drk-grey-fullwidth {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 0px;
        color: inherit;
        background-color: #D1D2D5;
    }

    @media screen and (min-width: 768px) {
        .newLogin .drk-grey-fullwidth {
            padding-top: 30px;
            padding-bottom: 30px;
        }
    }

    /*Limit images from getting too large on mobile*/
    @media screen and (max-width: 767px) {
        .newLogin .mobile-img-width-limit {
            max-width: 300px;
            margin: 0px auto;
            display: block;
        }
    }

    .newLogin .semibold {
        font-weight: 600;
    }

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

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

    .newLogin .right {
        text-align: right
    }

    .newLogin .center {
        text-align: center;
    }

    /*colors*/
    .newLogin .red {
        color: #d50018;
    }

    .newLogin .white {
        color: #ffffff;
    }

    /*Buttons*/
    .newLogin .btn {
        color: #ffffff;
        text-transform: uppercase;
        border-radius: 0px;
        border: none;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 0.02em;
        margin-bottom: 10px;
        margin-top: 0px;
        white-space: normal;
    }

    .newLogin .btn-lg {
        padding: 15px 16px;
    }

    .newLogin .btn-blue {
        background-color: #04162e;
        width: auto;
    }

    .newLogin .btn-red {
        background-color: #d50018;
    }

    .newLogin .btn-white {
        background-color: #F2F2F2;
        color: #000000;
    }

    /*Navbar*/
    .newLogin .navbar {
        position: relative;
        min-height: 120px;
        margin-bottom: 0px;
    }

    .newLogin .navbar-default {
        background-color: #F2F2F2;
    }

    .newLogin .navbar-collapse {
        padding-top: 40px;
    }

    .newLogin .navbar-default .navbar-nav > li > a {
        font-weight: 600;
        text-transform: uppercase;
        color: #000000;
    }

    @media screen and (max-width: 767px) {
        .newLogin .navbar-default .navbar-nav > li {
            padding: 10px 0px;
        }
    }

    .newLogin .navbar-default .navbar-nav > .active > a {
        color: #ffffff;
        background-color: #d50018;
        display: inline-block;
    }

    /*Footer*/
    .newLogin footer {
        background-color: #04162E;
        padding: 40px 0px;
        text-align: left;
        border-top: 0px;
    }

        .newLogin footer a {
            color: #FFFFFF;
            display: block;
            padding-bottom: 8px;
        }

            .newLogin footer a.title {
                font-weight: 700;
                text-transform: uppercase;
                margin-bottom: 8px;
                color: #F2F2F2;
            }

        .newLogin footer .social a {
            display: inline-block;
        }

    .newLogin .footer i {
        margin: 0px 0px 0px 20px;
    }

    .newLogin .footer .footnote p {
        color: #ffffff;
        text-align: left;
        font-size: 13px;
        line-height: 14px;
    }
    /*Landing Hero Carousel*/
    .newLogin .carousel, .newLogin .carousel-inner {
        overflow: hidden;
        max-height: 500px;
    }

    .newLogin .carousel-control {
        width: 10%;
    }

        .newLogin .carousel-control.left, .carousel-control.right {
            background-image: none;
            filter: none;
            background-repeat: no-repeat;
        }

    .newLogin .carousel-caption {
        /*desktop*/
        left: 10%;
        right: auto;
        top: 90px;
        background-color: transparent;
        bottom: auto;
        max-width: 550px;
        padding-bottom: 30px;
        text-align: left;
        text-shadow: none;
        position: absolute;
    }

    .newLogin .carousel-control {
        color: #ffffff !important;
    }

    @media screen and (max-width:1050px) {
        .newLogin .carousel, .newLogin .carousel-inner {
            min-height: 400px;
        }

            .newLogin .carousel-inner img {
                height: 425px;
                width: auto !important;
                float: right;
            }

        .newLogin .carousel-caption {
            top: 40px !important;
            max-width: 500px;
            background-color: rgba(188,203,224,0.75);
            padding: 20px;
        }

            .newLogin .carousel-caption h1 {
                font-size: 35px;
            }
    }

    @media screen and (max-width: 767px) {
        .newLogin .carousel-caption {
            /*mobile*/
            top: 30px;
            max-width: 80%;
        }
    }

    @media screen and (max-width: 455px) {
        .newLogin .carousel-caption h1 {
            font-size: 25px;
        }

        .newLogin .carousel-inner img {
            height: 465px;
        }
    }

    @media screen and (max-width: 345px) {
        .newLogin .carousel-inner img {
            height: 510px;
        }
    }


    /*Landing Row 2 - Video Series Feature*/
    .newLogin .home-row-2 {
        padding-bottom: 200px;
    }

    .newLogin .programs-feature-box {
        background-color: #04162e;
        color: #ffffff;
        border-left: 5px solid #d50018;
        margin-top: -20px;
        padding: 15px 40px 10px;
    }

    .newLogin .home-links a {
        text-decoration: underline;
        display: block;
        margin-top: 10px;
    }

    .newLogin .home-links i {
        float: none;
        display: block;
        padding-top: 10px;
    }

    @media screen and (min-width: 768px) {
        .newLogin .programs-feature-box {
            margin-top: -80px;
            margin-left: -30px;
        }

        .newLogin .home-links p {
            text-align: right;
        }

        .newLogin .home-links i {
            float: right;
            margin-top: 0px;
            margin-left: 10px;
            padding-top: 0px;
        }
    }
    /*Landing Row 3 - Mobile app and Resources*/
    .newLogin .drk-flames-fullwidth {
        background-image: url("https://d32vsn04iheu1o.cloudfront.net/images/managedsite-v3/login/bkg-fire.jpg");
        background-color: #04162e;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 80px;
    }

    .newLogin .white-home-feature-box {
        background-color: #FFFFFF;
        margin-top: -80px;
        padding: 50px 40px;
        margin-bottom: 140px;
    }

        .newLogin .white-home-feature-box img.mobileapp {
            margin-top: -130px;
        }

        .newLogin .white-home-feature-box img.appstore {
            display: inline-block;
            margin-right: 10px;
            margin-bottom: 10px
        }

    .newLogin .home-resources ul {
        list-style-type: none;
        margin: 0px 0px 5px;
        padding: 0;
    }

        .newLogin .home-resources ul li {
            border-bottom: 1px solid #EAEAEA;
            padding-top: 8px;
            padding-bottom: 8px;
        }

            .newLogin .home-resources ul li a {
                color: #FFFFFF;
            }

                .newLogin .home-resources ul li a i {
                    color: #D50018;
                    float: right;
                    display: inline-block;
                    line-height: 20px;
                }

    .newLogin .home-resources .col-sm-2 {
        text-align: right;
    }

    .newLogin a.resourceslink {
        display: block;
        width: 100%;
        margin-top: 10px;
        text-align: left;
    }

        .newLogin a.resourceslink i {
            color: #000000;
            float: right;
            display: inline-block;
            line-height: 20px;
        }
    /*Youtube Videos*/
    .newLogin .videowrapper {
        float: none;
        clear: both;
        width: 100%;
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0;
    }

        .newLogin .videowrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    @media screen and (min-width: 768px) {
        .newLogin .white-home-feature-box img.mobileapp {
            margin-bottom: -100px;
        }
    }

    @media screen and (max-width: 767px) {
        .newLogin .videowrapper {
            margin-bottom: 20px;
        }
    }

    .newLogin .newsletterform label {
        display: none;
    }




    /*Prospect Catalog ONLY*/
    .prospect-body {
        padding-top: 0px !important;
    }

    .white {
        color: #FFFFFF !important;
    }

    .navbar-prospect {
        background-color: #f2f2f2;
        padding: 10px 0px;
    }

        .navbar-prospect .navbar-nav {
            padding-top: 40px;
            text-align: right;
        }

    @media screen and (max-width: 767px) {
        .navbar-prospect {
            margin-bottom: 0px;
        }

            .navbar-prospect .navbar-nav {
                padding-top: 0px;
            }
    }

    .navbar-prospect .navbar-nav li {
        border-right: 0px;
        margin-left: 0px;
    }

        .navbar-prospect .navbar-nav li a {
            text-transform: uppercase;
            font-weight: 700;
            color: #000000;
        }

    .catalogpreview-detailheader {
        background-image: url(https://d32vsn04iheu1o.cloudfront.net/images/managedsite-v3/login/managed-login-image-texture.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        padding: 40px 50px 30px;
        text-align: center;
    }

        .catalogpreview-detailheader h1 {
            font-family: 'Roboto Slab', Raleway, Arial;
            color: #ffffff;
            font-size: 32px;
        }

        .catalogpreview-detailheader p {
            font-weight: 700;
            color: #ffffff;
        }

        .catalogpreview-detailheader .icon {
            color: #2678fb;
            font-size: 27px;
        }

        .catalogpreview-detailheader .button-red {
            background-color: #d50018;
            padding: 10px 25px;
            color: #ffffff;
            font-weight: 700;
            text-align: center;
            margin: 30px auto 10px;
            font-size: 19px;
            display: inline-block;
        }

    .catalog-preview-gridbutton {
        background-color: #04162e;
        color: #ffffff;
        display: block;
        padding: 6px 10px;
        text-align: center;
        margin-bottom: 5px;
    }

    .catalog-preview-stockbutton {
        background-color: #2678fb;
        padding: 10px 25px;
        color: #ffffff;
        font-weight: 700;
        text-align: center;
        margin: 30px 0px 10px;
        font-size: 16px;
        display: inline-block;
        float: right;
    }






/*2021 Pardon-us page*/
.page-not-found {
    background-color: #e3edfc;
    min-height: 100vh;
    padding: 35px 0px 0px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    margin-top: -50px;
}
.page-not-found p {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.3em;
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
    color:#000000;
}
.page-not-found p.small {
    font-size:15px;
}
.page-not-found p.small a {
    text-decoration:underline;
}

.page-not-found h1 {
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    color: #04162e;
    font-size: 25px;
    line-height: 1.2em;
}
.page-not-found h2 {
    color: #6ab1bf;
    font-weight: 800;
    animation-name: moveInRight;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
    font-size: 50px;
    line-height: 1.2em;
    margin-bottom:0px;
    padding-bottom:0px;
}

@media screen and (max-width: 767px) {
    .page-not-found h2 {
        font-size: 30px;
    }
}

.page-not-found #errordetails p {
    text-align:center;
    color:#ffffff;
}

.page-not-found img {
    width: 100%;
}

.page-not-found .sky {
    padding-bottom: 50px;
    margin-bottom: 130px;
}

.page-not-found .back-to-home {
    animation-name: moveInTop;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-delay: 500ms;
    animation-fill-mode: backwards;
}

    .page-not-found .back-to-home img {
        max-width: 110px;
        min-width: 70px;
        position: relative;
        top: 60px;
    }

.page-not-found .left-arrow {
    animation-name: moveInDown;
    animation-duration: 600ms;
    animation-timing-function: ease-out;
    animation-delay: 300ms;
    animation-fill-mode: backwards;
}

    .page-not-found .left-arrow img {
        max-width: 250px;
    }

.page-not-found .right-arrow {
    animation-name: moveInDown;
    animation-duration: 600ms;
    animation-timing-function: ease-out;
    animation-delay: 600ms;
    animation-fill-mode: backwards;
}

    .page-not-found .right-arrow img {
        max-width: 160px;
    }

.page-not-found .back-to-home:hover, .page-not-found .contact-us:hover {
    transform: translateY(-12px) translateX(-10px) scale(1.2);
    transform-origin: center;
    transition: all 0.4s;
}

.page-not-found .back-to-home:active, .page-not-found .contact-us:active {
    transform: translateY(-1px);
}

.page-not-found .contact-us {
    animation-name: moveInTop;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-delay: 800ms;
    animation-fill-mode: backwards;
}

    .page-not-found .contact-us img {
        max-width: 110px;
        min-width: 70px;
        position: relative;
        top: 20px;
    }

.page-not-found .ground {
    background-color: #557764;
    height: 200px;
}

.page-not-found .tyn-locations {
    margin-top: -10%;
}

.page-not-found .houston {
    z-index: 30;
    animation-name: BldInLeft;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-delay: 900ms;
    animation-fill-mode: backwards;
}

    .page-not-found .houston img {
        max-width: 600px;
        min-width:300px;
        margin-right: 3%;
        position: relative;
        top: 30px;
    }

.page-not-found .phila {
    margin-left: -8.4%;
    z-index: 10;
    animation-name: BldInRight;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-delay: 900ms;
    animation-fill-mode: backwards;
}

    .page-not-found .phila img {
        position: relative;
        right: -20px;
        max-width: 1000px;
        min-width:500px;
    }

.page-not-found .road {
    background-color: #d7d7d7;
    margin-top: 60px;
    height: 20px;
    backface-visibility: hidden;
}

    .page-not-found .road img.truck1 {
        animation-name: DriveIn;
        animation-duration: 16s;
        animation-timing-function: linear;
        animation-delay: 900ms;
        animation-fill-mode: backwards;
        animation-iteration-count: infinite;
        width: 100px;
        margin-top: -40px;
        position: absolute;
        right: -200px;
    }

    .page-not-found .road img.truck2 {
        animation-name: DriveIn;
        animation-duration: 16s;
        animation-timing-function: linear;
        animation-delay: 6s;
        animation-fill-mode: backwards;
        animation-iteration-count: infinite;
        width: 100px;
        margin-top: -40px;
        position: absolute;
        right: -90px;
    }

.page-not-found .grounderrors {
    background-color: #557764;
    padding:10px 10% 30px;
}

@keyframes moveInLeft {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }

    80% {
        transform: translateX(10px);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes moveInRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }

    80% {
        transform: translateX(-10px);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes moveInTop {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }

    80% {
        transform: translateY(10px);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes moveInDown {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    80% {
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes BldInLeft {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }

    80% {
        transform: translateX(10px);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes BldInRight {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }

    80% {
        transform: translateX(-10px);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes DriveIn {
    0% {
        right: -200px;
    }

    100% {
        right: 102%;
    }
}

.p-jc-center {
    -ms-flex-pack: center;
    justify-content: center;
}
.p-jc-end {
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.p-jc-start {
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.p-as-end {
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.p-as-start {
    -ms-flex-item-align: start;
    align-self: start;
}

.p-text-center {
    text-align: center !important;
}
.p-d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

table.deactivate-employee {
    border-collapse: collapse;
    margin: 20px auto
}
table.deactivate-employee td {
    border: 1px solid #000;
    padding: 20px;
}

.notice {
    text-align: right;
    float: right;
    padding: 10px;
    font-weight: bold;
}

.btn.disabled, .btn[disabled], .btn-default[disabled]:hover {
    background-color: #707070;
}

.ag-cell .btn-default, .ag-cell .btn-save {
    display: block;
    float: none;
    margin: auto;
}
/*!
 * ui-grid - v4.2.0 - 2018-01-15
 * Copyright (c) 2018 ; License: MIT 
 */#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:before,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:after{content:" ";display:table}#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:after{clear:both}.ui-grid{border:1px solid #d4d4d4;box-sizing:content-box;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.ui-grid-vertical-bar{position:absolute;right:0;width:0}.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{width:1px}.ui-grid-scrollbar-placeholder{background-color:transparent}.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-header-cell:last-child .ui-grid-vertical-bar{right:-1px;width:1px;background-color:#d4d4d4}.ui-grid-clearfix:before,.ui-grid-clearfix:after{content:"";display:table}.ui-grid-clearfix:after{clear:both}.ui-grid-invisible{visibility:hidden}.ui-grid-contents-wrapper{position:relative;height:100%;width:100%}.ui-grid-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.ui-grid-top-panel-background{background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)}.ui-grid-header{border-bottom:1px solid #d4d4d4;box-sizing:border-box}.ui-grid-top-panel{position:relative;overflow:hidden;font-weight:bold;background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-header-viewport{overflow:hidden}.ui-grid-header-canvas:before,.ui-grid-header-canvas:after{content:"";display:table;line-height:0}.ui-grid-header-canvas:after{clear:both}.ui-grid-header-cell-wrapper{position:relative;display:table;box-sizing:border-box;height:100%}.ui-grid-header-cell-row{display:table-row;position:relative}.ui-grid-header-cell{position:relative;box-sizing:border-box;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;display:table-cell;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:0}.ui-grid-header-cell:last-child{border-right:0}.ui-grid-header-cell .sortable{cursor:pointer}.ui-grid-header-cell .ui-grid-sort-priority-number{margin-left:-8px}.ui-grid-header .ui-grid-vertical-bar{top:0;bottom:0}.ui-grid-column-menu-button{position:absolute;right:1px;top:0}.ui-grid-column-menu-button .ui-grid-icon-angle-down{vertical-align:sub}.ui-grid-column-menu-button-last-col{margin-right:25px}.ui-grid-column-menu{position:absolute}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transition:all .05s linear;-moz-transition:all .05s linear;-o-transition:all .05s linear;transition:all .05s linear;display:block !important}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transition:all .05s linear;-moz-transition:all .05s linear;-o-transition:all .05s linear;transition:all .05s linear;display:block !important}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ui-grid-filter-container{padding:4px 10px;position:relative}.ui-grid-filter-container .ui-grid-filter-button{position:absolute;top:0;bottom:0;right:0}.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]{position:absolute;top:50%;line-height:32px;margin-top:-16px;right:10px;opacity:.66}.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover{opacity:1}.ui-grid-filter-container .ui-grid-filter-button-select{position:absolute;top:0;bottom:0;right:0}.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]{position:absolute;top:50%;line-height:32px;margin-top:-16px;right:0;opacity:.66}.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]:hover{opacity:1}input[type="text"].ui-grid-filter-input{padding:0;margin:0;border:0;width:100%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}input[type="text"].ui-grid-filter-input:hover{border:1px solid #d4d4d4}select.ui-grid-filter-select{padding:0;margin:0;border:0;width:90%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}select.ui-grid-filter-select:hover{border:1px solid #d4d4d4}.ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select{width:100%}.ui-grid-render-container{position:inherit;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-render-container:focus{outline:none}.ui-grid-viewport{min-height:20px;position:relative;overflow-y:scroll;-webkit-overflow-scrolling:touch}.ui-grid-viewport:focus{outline:none !important}.ui-grid-canvas{position:relative;padding-top:1px}.ui-grid-row{clear:both}.ui-grid-row:nth-child(odd) .ui-grid-cell{background-color:#fdfdfd}.ui-grid-row:nth-child(even) .ui-grid-cell{background-color:#f3f3f3}.ui-grid-row:last-child .ui-grid-cell{border-bottom-color:#d4d4d4;border-bottom-style:solid}.ui-grid-no-row-overlay{position:absolute;top:0;bottom:0;left:0;right:0;margin:10%;background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #d4d4d4;font-size:2em;text-align:center}.ui-grid-no-row-overlay>*{position:absolute;display:table;margin:auto 0;width:100%;top:0;bottom:0;left:0;right:0;opacity:.66}.ui-grid-cell{overflow:hidden;float:left;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;box-sizing:border-box}.ui-grid-cell:last-child{border-right:0}.ui-grid-cell-contents{padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;height:100%}.ui-grid-cell-contents-hidden{visibility:hidden;width:0;height:0;display:none}.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell{background-color:#f0f0ee;border-bottom:solid 1px #d4d4d4}.ui-grid-footer-panel-background{background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)}.ui-grid-footer-panel{position:relative;border-bottom:1px solid #d4d4d4;border-top:1px solid #d4d4d4;overflow:hidden;font-weight:bold;background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-grid-footer{float:left;width:100%}.ui-grid-footer-viewport{overflow:hidden}.ui-grid-footer-canvas{position:relative}.ui-grid-footer-canvas:before,.ui-grid-footer-canvas:after{content:"";display:table;line-height:0}.ui-grid-footer-canvas:after{clear:both}.ui-grid-footer-cell-wrapper{position:relative;display:table;box-sizing:border-box;height:100%}.ui-grid-footer-cell-row{display:table-row}.ui-grid-footer-cell{overflow:hidden;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;box-sizing:border-box;display:table-cell}.ui-grid-footer-cell:last-child{border-right:0}input[type="text"].ui-grid-filter-input{padding:0;margin:0;border:0;width:100%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}input[type="text"].ui-grid-filter-input:hover{border:1px solid #d4d4d4}.ui-grid-menu-button{z-index:2;position:absolute;right:0;top:0;background:#f3f3f3;border:1px solid #d4d4d4;cursor:pointer;height:31px;font-weight:normal}.ui-grid-menu-button .ui-grid-icon-container{margin-top:3px}.ui-grid-menu-button .ui-grid-menu{right:0}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid{overflow:scroll;border:1px solid #d4d4d4}.ui-grid-menu{z-index:2;position:absolute;padding:0 10px 20px 10px;cursor:pointer;box-sizing:border-box}.ui-grid-menu .ui-grid-menu-inner{background:#f3f3f3;border:1px solid #d4d4d4;position:relative;white-space:nowrap;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2)}.ui-grid-menu .ui-grid-menu-inner ul{margin:0;padding:0;list-style-type:none}.ui-grid-menu .ui-grid-menu-inner ul li{padding:0}.ui-grid-menu .ui-grid-menu-inner ul li button{min-width:100%;padding:8px;text-align:left;background:transparent;border:none}.ui-grid-menu .ui-grid-menu-inner ul li button:hover,.ui-grid-menu .ui-grid-menu-inner ul li button:focus{-webkit-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);box-shadow:inset 0 0 14px rgba(0,0,0,0.2)}.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item-active{-webkit-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);box-shadow:inset 0 0 14px rgba(0,0,0,0.2);background-color:#cecece}.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child)>button{border-bottom:1px solid #d4d4d4}.ui-grid-sortarrow{right:5px;position:absolute;width:20px;top:0;bottom:0;background-position:center}.ui-grid-sortarrow.down{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}@font-face{font-family:'ui-grid';src:url('ui-grid.eot');src:url('ui-grid.eot#iefix') format('embedded-opentype'),url('ui-grid.woff') format('woff'),url('ui-grid.ttf') format('truetype'),url('ui-grid.svg?#ui-grid') format('svg');font-weight:normal;font-style:normal}[class^="ui-grid-icon"]:before,[class*=" ui-grid-icon"]:before{font-family:"ui-grid";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.ui-grid-icon-blank::before{width:1em;content:' '}.ui-grid-icon-plus-squared:before{content:'\c350'}.ui-grid-icon-minus-squared:before{content:'\c351'}.ui-grid-icon-search:before{content:'\c352'}.ui-grid-icon-cancel:before{content:'\c353'}.ui-grid-icon-info-circled:before{content:'\c354'}.ui-grid-icon-lock:before{content:'\c355'}.ui-grid-icon-lock-open:before{content:'\c356'}.ui-grid-icon-pencil:before{content:'\c357'}.ui-grid-icon-down-dir:before{content:'\c358'}.ui-grid-icon-up-dir:before{content:'\c359'}.ui-grid-icon-left-dir:before{content:'\c35a'}.ui-grid-icon-right-dir:before{content:'\c35b'}.ui-grid-icon-left-open:before{content:'\c35c'}.ui-grid-icon-right-open:before{content:'\c35d'}.ui-grid-icon-angle-down:before{content:'\c35e'}.ui-grid-icon-filter:before{content:'\c35f'}.ui-grid-icon-sort-alt-up:before{content:'\c360'}.ui-grid-icon-sort-alt-down:before{content:'\c361'}.ui-grid-icon-ok:before{content:'\c362'}.ui-grid-icon-menu:before{content:'\c363'}.ui-grid-icon-indent-left:before{content:'\e800'}.ui-grid-icon-indent-right:before{content:'\e801'}.ui-grid-icon-spin5:before{content:'\ea61'}.ui-grid[dir=rtl] .ui-grid-header-cell,.ui-grid[dir=rtl] .ui-grid-footer-cell,.ui-grid[dir=rtl] .ui-grid-cell{float:right !important}.ui-grid[dir=rtl] .ui-grid-column-menu-button{position:absolute;left:1px;top:0;right:inherit}.ui-grid[dir=rtl] .ui-grid-cell:first-child,.ui-grid[dir=rtl] .ui-grid-header-cell:first-child,.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child{border-right:0}.ui-grid[dir=rtl] .ui-grid-cell:last-child,.ui-grid[dir=rtl] .ui-grid-header-cell:last-child{border-right:1px solid #d4d4d4;border-left:0}.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar{width:0}.ui-grid[dir=rtl] .ui-grid-menu-button{z-index:2;position:absolute;left:0;right:auto;background:#f3f3f3;border:1px solid #d4d4d4;cursor:pointer;min-height:27px;font-weight:normal}.ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu{left:0;right:auto}.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button{right:initial;left:0}.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]{right:initial;left:10px}.ui-grid-animate-spin{-moz-animation:ui-grid-spin 2s infinite linear;-o-animation:ui-grid-spin 2s infinite linear;-webkit-animation:ui-grid-spin 2s infinite linear;animation:ui-grid-spin 2s infinite linear;display:inline-block}@-moz-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-o-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-ms-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:before,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:after{content:" ";display:table}#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:after{clear:both}.ui-grid-cell-focus{outline:0;background-color:#b3c4c7}.ui-grid-focuser{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%}.ui-grid-focuser:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.ui-grid-offscreen{display:block;position:absolute;left:-10000px;top:-10000px;clip:rect(0, 0, 0, 0)}div.ui-grid-cell input{border-radius:inherit;padding:0;width:100%;color:inherit;height:auto;font:inherit;outline:none}div.ui-grid-cell input:focus{color:inherit;outline:none}div.ui-grid-cell input[type="checkbox"]{margin:9px 0 0 6px;width:auto}div.ui-grid-cell input.ng-invalid{border:1px solid #fc8f8f}div.ui-grid-cell input.ng-valid{border:1px solid #d4d4d4}.ui-grid-viewport .ui-grid-empty-base-layer-container{position:absolute;overflow:hidden;pointer-events:none;z-index:-1}.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell{background-color:#fdfdfd}.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell{background-color:#f3f3f3}.ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell{pointer-events:none}.ui-grid-expandable-buttons-cell i{pointer-events:all}.scrollFiller{float:left;border:1px solid #d4d4d4}.ui-grid-tree-header-row{font-weight:bold !important}.movingColumn{position:absolute;top:0;border:1px solid #d4d4d4;box-shadow:inset 0 0 14px rgba(0,0,0,0.2)}.movingColumn .ui-grid-icon-angle-down{display:none}#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:before,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:after{content:" ";display:table}#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:after{clear:both}.ui-grid-pager-panel{position:absolute;left:0;bottom:0;width:100%;padding-top:3px;padding-bottom:3px;box-sizing:content-box}.ui-grid-pager-container{float:left}.ui-grid-pager-control{margin-right:10px;margin-left:10px;min-width:135px;float:left}.ui-grid-pager-control button{height:25px;min-width:26px;display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#eee;background-color:#f3f3f3;border-color:#ccc}.ui-grid-pager-control button:focus,.ui-grid-pager-control button:active:focus,.ui-grid-pager-control button.active:focus,.ui-grid-pager-control button.focus,.ui-grid-pager-control button:active.focus,.ui-grid-pager-control button.active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ui-grid-pager-control button:hover,.ui-grid-pager-control button:focus,.ui-grid-pager-control button.focus{color:#333;text-decoration:none}.ui-grid-pager-control button:active,.ui-grid-pager-control button.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.ui-grid-pager-control button.disabled,.ui-grid-pager-control button[disabled],fieldset[disabled] .ui-grid-pager-control button{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}a.ui-grid-pager-control button.disabled,fieldset[disabled] a.ui-grid-pager-control button{pointer-events:none}.ui-grid-pager-control button:focus,.ui-grid-pager-control button.focus{color:#eee;background-color:#dadada;border-color:#8c8c8c}.ui-grid-pager-control button:hover{color:#eee;background-color:#dadada;border-color:#adadad}.ui-grid-pager-control button:active,.ui-grid-pager-control button.active,.open>.dropdown-toggle.ui-grid-pager-control button{color:#eee;background-color:#dadada;border-color:#adadad}.ui-grid-pager-control button:active:hover,.ui-grid-pager-control button.active:hover,.open>.dropdown-toggle.ui-grid-pager-control button:hover,.ui-grid-pager-control button:active:focus,.ui-grid-pager-control button.active:focus,.open>.dropdown-toggle.ui-grid-pager-control button:focus,.ui-grid-pager-control button:active.focus,.ui-grid-pager-control button.active.focus,.open>.dropdown-toggle.ui-grid-pager-control button.focus{color:#eee;background-color:#c8c8c8;border-color:#8c8c8c}.ui-grid-pager-control button:active,.ui-grid-pager-control button.active,.open>.dropdown-toggle.ui-grid-pager-control button{background-image:none}.ui-grid-pager-control button.disabled:hover,.ui-grid-pager-control button[disabled]:hover,fieldset[disabled] .ui-grid-pager-control button:hover,.ui-grid-pager-control button.disabled:focus,.ui-grid-pager-control button[disabled]:focus,fieldset[disabled] .ui-grid-pager-control button:focus,.ui-grid-pager-control button.disabled.focus,.ui-grid-pager-control button[disabled].focus,fieldset[disabled] .ui-grid-pager-control button.focus{background-color:#f3f3f3;border-color:#ccc}.ui-grid-pager-control button .badge{color:#f3f3f3;background-color:#eee}.ui-grid-pager-control input{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;display:inline;height:26px;width:50px;vertical-align:top}.ui-grid-pager-control input:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.ui-grid-pager-control input::-moz-placeholder{color:#999;opacity:1}.ui-grid-pager-control input:-ms-input-placeholder{color:#999}.ui-grid-pager-control input::-webkit-input-placeholder{color:#999}.ui-grid-pager-control input::-ms-expand{border:0;background-color:transparent}.ui-grid-pager-control input[disabled],.ui-grid-pager-control input[readonly],fieldset[disabled] .ui-grid-pager-control input{background-color:#eee;opacity:1}.ui-grid-pager-control input[disabled],fieldset[disabled] .ui-grid-pager-control input{cursor:not-allowed}textarea.ui-grid-pager-control input{height:auto}select.ui-grid-pager-control input{height:30px;line-height:30px}textarea.ui-grid-pager-control input,select[multiple].ui-grid-pager-control input{height:auto}.ui-grid-pager-control .ui-grid-pager-max-pages-number{vertical-align:bottom}.ui-grid-pager-control .ui-grid-pager-max-pages-number>*{vertical-align:middle}.ui-grid-pager-control .first-bar{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-left:-3px}.ui-grid-pager-control .first-bar-rtl{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-right:-7px}.ui-grid-pager-control .first-triangle{width:0;height:0;border-style:solid;border-width:5px 8.7px 5px 0;border-color:transparent #4d4d4d transparent transparent;margin-left:2px}.ui-grid-pager-control .next-triangle{margin-left:1px}.ui-grid-pager-control .prev-triangle{margin-left:0}.ui-grid-pager-control .last-triangle{width:0;height:0;border-style:solid;border-width:5px 0 5px 8.7px;border-color:transparent transparent transparent #4d4d4d;margin-left:-1px}.ui-grid-pager-control .last-bar{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-left:1px}.ui-grid-pager-control .last-bar-rtl{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-right:-11px}.ui-grid-pager-row-count-picker{float:left}.ui-grid-pager-row-count-picker select{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;height:26px;width:67px;display:inline}.ui-grid-pager-row-count-picker select:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.ui-grid-pager-row-count-picker select::-moz-placeholder{color:#999;opacity:1}.ui-grid-pager-row-count-picker select:-ms-input-placeholder{color:#999}.ui-grid-pager-row-count-picker select::-webkit-input-placeholder{color:#999}.ui-grid-pager-row-count-picker select::-ms-expand{border:0;background-color:transparent}.ui-grid-pager-row-count-picker select[disabled],.ui-grid-pager-row-count-picker select[readonly],fieldset[disabled] .ui-grid-pager-row-count-picker select{background-color:#eee;opacity:1}.ui-grid-pager-row-count-picker select[disabled],fieldset[disabled] .ui-grid-pager-row-count-picker select{cursor:not-allowed}textarea.ui-grid-pager-row-count-picker select{height:auto}select.ui-grid-pager-row-count-picker select{height:30px;line-height:30px}textarea.ui-grid-pager-row-count-picker select,select[multiple].ui-grid-pager-row-count-picker select{height:auto}.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label{margin-top:3px}.ui-grid-pager-count-container{float:right;margin-top:4px;min-width:50px}.ui-grid-pager-count-container .ui-grid-pager-count{margin-right:10px;margin-left:10px;float:right}.ui-grid-pinned-container{position:absolute;display:inline;top:0}.ui-grid-pinned-container.ui-grid-pinned-container-left{float:left;left:0}.ui-grid-pinned-container.ui-grid-pinned-container-right{float:right;right:0}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child{box-sizing:border-box;border-right:1px solid;border-width:1px;border-right-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child{box-sizing:border-box;border-right:1px solid;border-width:1px;border-right-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,.ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{width:1px}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar{right:-1px;width:1px;background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child{box-sizing:border-box;border-left:1px solid;border-width:1px;border-left-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child{box-sizing:border-box;border-left:1px solid;border-width:1px;border-left-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,.ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar{width:1px}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar{left:-1px;width:1px;background-color:#aeaeae}.ui-grid-column-resizer{top:0;bottom:0;width:5px;position:absolute;cursor:col-resize}.ui-grid-column-resizer.left{left:0}.ui-grid-column-resizer.right{right:0}.ui-grid-header-cell:last-child .ui-grid-column-resizer.right{border-right:1px solid #d4d4d4}.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.right{border-right:0}.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.left{border-left:1px solid #d4d4d4}.ui-grid.column-resizing{cursor:col-resize}.ui-grid.column-resizing .ui-grid-resize-overlay{position:absolute;top:0;height:100%;width:1px;background-color:#aeaeae}.ui-grid-row-saving .ui-grid-cell{color:#848484 !important}.ui-grid-row-dirty .ui-grid-cell{color:#610b38}.ui-grid-row-error .ui-grid-cell{color:#f00 !important}.ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell{background-color:#c9dde1}.ui-grid-disable-selection{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.ui-grid-selection-row-header-buttons{cursor:pointer}.ui-grid-selection-row-header-buttons::before{opacity:.1}.ui-grid-selection-row-header-buttons.ui-grid-row-selected::before,.ui-grid-selection-row-header-buttons.ui-grid-all-selected::before{opacity:1}.ui-grid-tree-row-header-buttons.ui-grid-tree-header{cursor:pointer;opacity:1}.ui-grid-tree-header-row{font-weight:bold !important}.ui-grid-tree-header-row .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell{pointer-events:all}div.ui-grid-cell-contents.invalid{border:1px solid #fc8f8f}
/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting {
  background-image: url("../images/sort_both.png");
}
table.dataTable thead .sorting_asc {
  background-image: url("../images/sort_asc.png");
}
table.dataTable thead .sorting_desc {
  background-image: url("../images/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("../images/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("../images/sort_desc_disabled.png");
}
table.dataTable tbody tr {
  background-color: #ffffff;
}
table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}