html {
    background: #f7f7f7;
}

.site-function {
    z-index: 0;
}

.tgu {
    font-family: TradeGothicLTPro-BdCn20, franklin-gothic-urw-cond, Oswald, Impact, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
}

a, a:active, a:visited, a:link {
    color: #231F20;
}

    a:hover, a:active:hover, a:visited:hover, a:link:hover {
        color: #C75000;
    }

.main-app {
    background: #f7f7f7;
}

.site-wrapper {
    background: #f7f7f7;
}

.divider {
    border-bottom: 1px solid #c2c2c2;
    margin: 20px 0px;
}

.w100 {
    width: 100%;
}

.site-header {
    padding-top: 0px 40px;
    background: #fff;
}

    .site-header .site-branding {
        background: #fff;
        color: #000;
        border-bottom: 1px solid #e5e5e5;
    }

        .site-header .site-branding h1, .site-header .site-branding h2, .site-header .site-branding h3, .site-header .site-branding h4, .site-header .site-branding h5, .site-header .site-branding h6 {
            color: #000;
        }

        .site-header .site-branding .site-message .fourSquareLogo {
            vertical-align: sub;
            margin-right: 15px;
        }

        .site-header .site-branding .site-message strong {
            color: #000000;
        }
        .site-header .site-branding .site-message a, .site-header .site-branding .site-message a, .site-header .site-branding .site-message a {
            color: #231F20;
            transition: 0.5s ease all;
        }
            .site-header .site-branding .site-message a:hover, .site-header .site-branding .site-message a:hover, .site-header .site-branding .site-message a:hover {
                color: #FF6600;
            }
            .site-header .site-branding .site-message a:visited, .site-header .site-branding .site-message a:visited, .site-header .site-branding .site-message a:visited {
                color: #231F20;
            }

        .site-header .site-branding .site-message .userName {
            margin-right: 5px;
        }

    .site-header .site-function {
        background: #fff;
        min-height: 58px;
        box-shadow: none;
        border-bottom: 1px solid #e5e5e5;
        -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
        box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
    }

        .site-header .site-function .site-logo {
            width: 108px;
            line-height: 58px;
            cursor: pointer;
        }

            .site-header .site-function .site-logo #imgSiteLogo.img {
                width: 78px;
            }

            .site-header .site-function .site-logo:after {
                height: 58px;
            }

        .site-header .site-function .desktop-links a,
        .site-header .site-function .desktop-links h3 {
            height: 58px;
            line-height: 58px;
            font-size: 14px;
            cursor: pointer;
            color: #231F20;
            transition: 0.5s ease all;
        }
            .site-logo h3 {
                display: none !important;
                height: 0;
            }

            .site-header .site-function .desktop-links a:hover,
            .site-header .site-function .desktop-links h3:hover {
                color: #ff6600;
            }

            .site-header .site-function .desktop-links a:after {
                height: 58px;
            }

        .site-header .site-function .site-tools #imgSettingsBtn {
            width: 18px;
            vertical-align: bottom;
        }

        .site-header .site-function .site-tools .nav-btn {
            padding-top: 20px;
            padding-left: 20px;
            padding-right: 20px;
        }

            .site-header .site-function .site-tools .nav-btn h3 {
                display: inline-block;
                color: #000;
                font-size: 16px;
                margin-right: 10px;
            }

.main-app {
    background-color: #f7f7f7;
}

    .main-app .card--wrapper {
        background: #f7f7f7;
    }

@media (min-width: 768px) {
    .main-app .card--wrapper {
        padding: 0;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1180px) {
    .main-app .card--wrapper [class*=col-] {
        /*        padding: 0 0.25em;
*/ margin: 2.5rem 0 0;
    }
}

@media (max-width: 768px) {
    .main-app .card--wrapper [class*=col-] {
        /*        padding: 0 1em;
*/ margin: 2.5rem 0 0;
    }

    .main-app {
        padding: 0px 10px;
    }
}

.main-app .card {
    box-shadow: none;
    background: none;
    border: none;
}

.main-app .dashSelection {
    margin-top: 30px;
}

.main-app select {
    // margin: 15px 15px 0;
    border: 1px solid #aaa;
    border-radius: 5px;
    width: 151px;
    height: 45px;
    padding: 5px 5px 5px 14px;
    font-size: 14px;
    font-family: HelveticaNeueLTStd-Roman, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #fff url(../Images/down-arrow-orange.svg) no-repeat;
    background-position: 95%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.main-app .dashboard-apps {
    margin-top: 30px;
}

.dashboard-apps .back-btn {
    position: absolute;
    left: 0px;
    top: -19px;
}

    .dashboard-apps .back-btn a {
        display: flex;
        align-items: center;
    }

    .dashboard-apps .back-btn .back-arrow {
        margin-right: 10px;
    }

    .dashboard-apps .back-btn span {
        font-family: Oswald, TradeGothicLTPro-BdCn20, franklin-gothic-urw-cond, Impact, sans-serif;
        font-weight: bold;
        font-size: 16px;
    }

.main-app .dashboard-apps .dashboard-apps--logo {
    position: relative;
    border: 1px solid #c2c2c2;
    border-radius: 5px;
    margin-right: 18px;
    padding: 31px;
    background: #fff;
    width: 286px;
    height: 286px;
    vertical-align: top;
}

    .main-app .dashboard-apps .dashboard-apps--logo:last-of-type {
        margin-right: 0;
    }

    .main-app .dashboard-apps .dashboard-apps--logo input {
        width: 100%;
    }

.main-app .dashboard-apps .dashboard-apps--logo-pending {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #dddddd;
    opacity: 0.8;
    color: white;
    font-weight: bold;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: end;
    padding: 20px;
}

.pending-league {
    position: absolute;
    display: flex;
    left: calc(50% - 138px);
    top: calc(50% - 136px);
    padding: 80px;
    transition: 0.7s;
    opacity: 0;
}

.pending-league:hover {
    transition: 0.7s;
    opacity: 1;
}

.main-app .strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    width: 625px;
    margin: auto;
    padding: 0.5rem 0;
}

    .main-app .strike > span {
        position: relative;
        display: inline-block;
        /* APRIL 13 */
        /* width: 98px; */
        height: 18px;
        font-family: Oswald, TradeGothicLTPro-BdCn20, franklin-gothic-urw-cond, Impact, sans-serif;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: bold;
        color: #4D5055;
    }

        .main-app .strike > span:before,
        .main-app .strike > span:after {
            content: "";
            position: absolute;
            top: 100%;
            width: 9999px;
            height: 1px;
            background: #c2c2c2;
        }

        .main-app .strike > span:before {
            right: 100%;
            margin-right: 15px;
        }

        .main-app .strike > span:after {
            left: 100%;
            margin-left: 15px;
        }

.bread {
    color: #000000;
}

    .bread.margin {
        margin-bottom: 20px;
    }

    .bread a {
        color: #000000;
    }

    .bread .bread--back-arrow {
        margin-right: 1em;
        vertical-align: sub;
    }

.bread--navigation {
    display: flex;
}

.team--list {
    background: #fff;
    border: 1px solid #c2c2c2;
    border-radius: 10px;
    height: auto;
}

    .team--list .card--content, .team--list .card--contentx, .team--list .card--footer, .team--list .card--header {
        padding: 0;
    }

@media (min-width: 500px) {
    .team--list .flex-container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .team--list .flex-item:nth-child(1) {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .team--list .flex-item:nth-child(2) {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .team--list .flex-item:nth-child(3) {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
}

.team--list a :hover {
    background-color: #e5e5e5;
    transition: 0.4s;
}

.team--list a .team--list-team {
    border-bottom: 1px solid #c2c2c2;
}

    .team--list a .team--list-team.last {
        border-bottom: none;
    }

    .team--list a .team--list-team .team--list-logo, .team--list a .team--list-team .team--list-name, .team--list a .team--list-team .team--list-status {
        width: 100%;
        text-align: center;
        font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
        text-transform: uppercase;
    }

        .team--list a .team--list-team .team--list-logo img {
            margin: 5px 0;
            width: 75px;
            height: 75px;
            object-fit: contain;
        }

    .team--list a .team--list-team .team--list-name {
        font-size: 24px;
        color: #000;
        margin: 5px 0;
    }

    .team--list a .team--list-team .team--list-status {
        font-size: 18px;
        color: #000000;
        margin: 5px 0;
    }

@media (min-width: 500px) {
    .team--list a .team--list-team .team--list-logo {
        width: 7%;
        text-align: left;
        margin: 14px 30px;
    }

    .team--list a .team--list-team .team--list-name {
        width: 73%;
        text-align: left;
        vertical-align: sub;
    }

    .team--list a .team--list-team .team--list-status {
        width: 20%;
        text-align: right;
        padding-right: 25px;
    }
}

.scroll--top {
    margin: 27px 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .scroll--top .scroll--top-icon {
        margin-right: 7px;
    }

    .scroll--top .scroll--top-text {
        cursor: pointer;
        text-transform: uppercase;
        font-size: 16px;
        vertical-align: sub;
        font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
    }

.generic-banner {
    position: relative;
    background: url(../Images/smoke.jpg) no-repeat 0 50%;
    background-size: cover;
    height: 151px;
    padding: 0;
    overflow: hidden;
}

    .generic-banner .col-12 {
        margin-top: 0;
    }

    .generic-banner .team-logo-bg {
        position: absolute;
        height: 150px;
        top: -2px;
        opacity: 0.30;
    }

@media (max-width: 580px) {
    .generic-banner .team-logo-bg {
        right: calc(0% + 20px);
    }
}

.generic-banner .generic-banner--content h1 {
    font-family: FuturaLTPro-XBoldCond, futura-pt-condensed, "Open Sans Condensed", "Futura Condensed", FuturaCondensed, Impact, sans-serif;
    padding-top: 44px;
    font-size: 40px;
    letter-spacing: 0;
    text-align: left;
    z-index: 1000;
}

@media (max-width: 768px) {
    .generic-banner .generic-banner--content h1 {
        font-size: 36px;
    }
}

@media (max-width: 480px) {
    .generic-banner .generic-banner--content h1 {
        font-size: 30px;
    }
}

.generic-banner .generic-banner--menu {
    position: absolute;
    bottom: 0;
    left: 15px;
    color: #8d8d8d;
    font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
    text-transform: uppercase;
    font-size: 18px;
}

    .generic-banner .generic-banner--menu a {
        color: #8d8d8d;
        cursor: pointer;
    }

        .generic-banner .generic-banner--menu a:hover {
            color: #ff6600;
        }

    .generic-banner .generic-banner--menu .gb--menu-item {
        display: inline-block;
        padding: 10px 0;
        margin-right: 50px;
        letter-spacing: 0.5px;
    }

@media (max-width: 1600px) {
    .generic-banner .generic-banner--menu .gb--menu-item {
        font-size: 18px;
        margin-right: 30px;
    }
}

@media (max-width: 480px) {
    .generic-banner .generic-banner--menu .gb--menu-item {
        font-size: 16px;
        margin-right: 10px;
    }
}

.generic-banner .generic-banner--menu .gb--menu-item.active {
    color: #fff;
    border-bottom: 7px solid #ff6600;
}

.new--card {
    background: #fff;
    border: 1px solid #c2c2c2;
    border-radius: 10px;
    height: auto;
    margin-bottom: 20px;
    overflow: auto;
}

    .new--card .card--left {
        float: left;
    }

    .new--card .card--right {
        float: right;
    }

@media (max-width: 580px) {
    .new--card .card--right,
    .new--card .card--left {
        width: 100%;
    }
}

.new--card .card--title {
    font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    /*        border-bottom: 1px solid #c2c2c2;
*/ padding: 25px 21px 21px;
}

.new--card .card--item {
    display: flex;
    flex-wrap: wrap;
    padding: 25px 21px 21px;
    overflow: auto;
    /*        border-bottom: 1px solid #c2c2c2;
*/
}

    .new--card .card--item .card--name {
        font-size: 18px;
        font-weight: bold;
    }

    .new--card .card--item .card--name-title {
        font-size: 15px;
        font-weight: bold;
        margin: 10px 0px 5px 0px;
    }

    .new--card .card--item .card--contact-details {
        font-size: 15px;
        line-height: 1.75;
    }

        .new--card .card--item .card--contact-details a {
            color: #ff6600;
            font-weight: bold;
        }

    .new--card .card--item .card--edit {
        text-transform: uppercase;
        color: #8d8d8d;
        font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
        font-weight: 700;
        font-size: 14px;
        display: flex;
    }

.card--edit > a {
    display: flex;
    align-items: center;
    margin-left: 30px;
}

@media (max-width: 580px) {
    .card--edit > a {
        margin: 10px 30px 0px 0px;
    }
}

.new--card .card--item .card--edit .card--edit-text {
    vertical-align: text-top;
    margin-right: 10px;
    font-size: 14px;
    font-weight: bold;
}

.new--card .card--item input[type=text] {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    min-height: 300px;
    margin-bottom: 20px;
}

.new--card .card--add-new {
    padding: 25px 21px 21px;
    text-transform: uppercase;
    color: #8d8d8d;
    font-size: 16px;
    font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
    font-weight: 700;
}

    .new--card .card--add-new span {
        margin-left: 10px;
        vertical-align: text-top;
        font-weight: bold;
    }

    .new--card .card--add-new a {
        color: #000000;
        display: flex;
        align-items: center;
    }

        .new--card .card--add-new a:hover {
            color: #ff6600;
        }

.new--card.trip--details .card--title {
    padding-bottom: 40px;
}

.new--card.trip--details .trip--detail-status {
    font-size: 16px;
}

.new--card.trip--details .trip--detail-content {
    overflow: auto;
}

    .new--card.trip--details .trip--detail-content .trip--detail-img {
        width: 25%;
        float: left;
        margin-right: 5%;
    }

    .new--card.trip--details .trip--detail-content .trip--detail-description {
        width: 70%;
        float: left;
    }

.card--content-select {
    overflow: hidden; /**/
    margin-bottom: 16px;
}

    .card--content-select.center-floats {
        display: flex;
        justify-content: center;
    }

    .card--content-select select {
        margin: 0;
    }

    .card--content-select label {
        display: block;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .card--content-select .card--content-year, .card--content-select .card--content-league, .card--content-select .card--content-team, .card--content-select .card--content-report {
        float: left;
        margin-right: 20px;
    }

    .card--content-select .card--content-report {
        margin-right: 0;
    }

.card--content__form-group label {
    display: block;
    width: 100%;
}

.card--content__form-group input[type="text"],
.card--content__form-group input[type="email"] {
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    padding: 0 16px;
}


.action-wrapper .btn {
    margin-right: 10px;
}

    .action-wrapper .btn:last-of-type {
        margin-right: 0;
    }

.go-to-sig {
    font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #8d8d8d;
    text-align: center;
    margin: 44px 0 44px;
    cursor: pointer;
}

.red {
    color: #ff001f;
}

.green {
    color: #70d600;
}

.label {
    padding: 4px 10px 3px;
    border-radius: 2px;
    font-size: 11px;
    vertical-align: text-bottom;
    margin-right: 5px;
}

    .label.label--black {
        background-color: #000;
        color: #fff;
    }

.action-wrapper {
    width: 100%;
    text-align: center;
}

    .action-wrapper.left {
        display: flex;
        width: auto;
        text-align: left;
    }

    .action-wrapper.right {
        width: auto;
        text-align: left;
    }

#importExcel {
    margin-bottom: 20px;
}



.btn {
    background: #ff6600;
    padding: 10px 30px 10px;
    margin: 0px;
}

.btn-sidebar {
    border-radius: 0px;
    padding-left: 60px;
    text-align: start;
    background: unset;
    padding: 20px 20px 20px 60px;
    white-space: normal;
    min-height: 88px;
}

.btn-grey {
    width: 100%;
    font-size: 16px;
    background: #4d5055;
}
.btn.btn-grey.normal {
    width: auto;
}

.btn.btn-grey:hover {
    background: #c75000;
}

.btn-grey.active {
    background: #c75000;
}

.btn.btn-orange {
    background: #C75000;
    width: 100%;
/*    padding: 12px 30px;
*/    font-size: 16px;
}

    .btn.btn-orange.normal {
        width: auto;
    }

    .btn.btn-orange:hover {
        background: #ff6600;
    }

.btn.approved {
    border: solid 1px #c75000;
    border-radius: 11px;
}

.processImport {
    font-size: 16px;
    margin-top: 31px;
}

.import--actions {
    float: right;
    font-size: 16px;
    color: #ff6600;
    text-transform: uppercase;
    font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
}

    .import--actions span.import--text {
        vertical-align: text-top;
        margin-right: 5px;
    }

    .import--actions .import--view-images {
        margin-right: 20px;
    }

.card--item-import p {
    margin-top: 0;
    width: 100%;
}

.card--item-import a {
    display: flex !important;
    align-items: center;
}

    .card--item-import a i {
        margin-right: 7px;
    }

.card--item-import .btn.btn-orange {
    font-size: 16px;
}

.manager-header-full {
    background-color: #E5E5E5;
    padding: 20px 40px;
}

.manager-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    padding: 0px 15px;
    margin-bottom: 12px;
}

    .manager-header-left {
        width: 40%;
    }

    .manager-header p {
        color: #4D5055;
    }

.manager-header-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.manager-header-bottom {
    position: relative;
    width: 100%;
    height: 35px;
}

.category-header > * {
    color: #000000;
}

.category-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(70px, max-content));
    gap: 10px;
    position: relative;
    left: 0px;
    bottom: -11px;
}
.category-container-catalog {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(70px, max-content));
    gap: 10px;
    position: relative;
    left: 0px;
    bottom: 0;
}

.category-tab {
    background-color: #c2c2c2;
    height: 42px;
    border-radius: 5px 5px 0px 0px;
    border: solid 1px #c2c2c2;
    border-bottom: 0px;
    padding: 5px 5px 0px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    text-align: center;
    cursor: pointer;
}

.category-tab.active {
    background-color: #f7f7f7;
}

.category-tab > h5 {
    font-size: 12px;
}

.category-tab > * {
    width: 100%;
    margin: 0px;
    color: #000000;
}

.manager-header .card--content-league {
    display: flex;
    align-items: end;
    margin-right: 20px;
}

    .manager-header .card--content-league > label {
        display: flex;
    }

    .manager-header .card--content-league > .sort-label {
        font-size: 16px;
        margin-right: 20px;
    }

    .manager-header .card--content-league > p,
    .manager-header .card--content-league > label > span {
        font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
    }

    .manager-header .card--content-league .select2-container {
        width: 182px !important;
    }

        .manager-header .card--content-league .select2-container a {
            padding: 0 0 0 16px;
        }

            .manager-header .card--content-league .select2-container a .select2-arrow {
                right: 16px;
            }

.card--package-manager .package--items {
    list-style: none;
    overflow: auto;
    padding-left: 0;
}

    .card--package-manager .package--items .package--item {
        display: block;
        float: left;
        margin: 1% 1.6% 1% 0;
        width: 15.33%;
        border-radius: 4px;
        background-color: #ffffff;
        border: solid 1px #e5e5e5;
        min-height: 200px;
        position: relative;
    }

        .card--package-manager .package--items .package--item svg {
            position: absolute;
            top: 15px;
            right: 15px;
        }

        .card--package-manager .package--items .package--item:nth-child(6n) {
            margin-right: 0;
        }


@media (max-width: 768px) {
    .card--package-manager .package--items .package--item {
        width: 32.26%;
    }

        .card--package-manager .package--items .package--item:nth-child(3n) {
            margin-right: 0;
        }
}

@media (max-width: 480px) {
    .card--package-manager .package--items .package--item {
        width: 49.2%;
    }

        .card--package-manager .package--items .package--item:nth-child(2n) {
            margin-right: 0;
        }
}

.card--package-manager .package--items .package--item .package--item-image {
    padding: 20px;
}

.card--package-manager .package--items .package--item .package--item-description {
    /*position: absolute;*/
    bottom: 0;
    left: 0;
    font-size: 14px;
    line-height: 14px;
    padding: 0 5px 20px;
    text-align: center;
    width: 100%;
}

    .card--package-manager .package--items .package--item .package--item-description .item-type {
        font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
        text-transform: uppercase;
        padding: 2px 12px 3px;
        font-size: 13px;
    }

.card--package-manager .estimate--package--items {
    display: grid;
    grid-template-columns: repeat(6, minmax(70px, max-content));
    gap: 10px;
}

    .card--package-manager .estimate--package--items .estimate--package--item {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 1% 1.6% 1% 0;
        border-radius: 4px;
        background-color: #ffffff;
        border: solid 1px #e5e5e5;
        position: relative;
    }

.card--package-manager .estimate--package--item .package--item-image {
    display: flex;
    justify-content: center;
    padding: 20px;
}


    .card--package-manager .estimate--package--item .package--item-image img {
        object-fit: contain;
        min-height: 125px;
    }

.card--package-manager .estimate--package--item .package--item-status .item-approved,
.card--package-manager .estimate--package--item .package--item-status .item-not-approved {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 20px;
}

.card--package-manager .estimate--package--item .package--item-description {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

    .card--package-manager .estimate--package--item .package--item-description .gender {
        width: 100%
    }

    .card--package-manager .estimate--package--item .package--item-description .description-txt {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        height: 38px;
        width: 100%;
    }

    .card--package-manager .estimate--package--item .package--item-description .style-txt {
        width: 100%;
    }

.card--package-manager .estimate--package--item .product--price {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin-top: 20px;
}

    .card--package-manager .estimate--package--item .product--price .product--price--inner {
        width: 100%;
    }

.card--package-manager .estimate--package--item .product--cart {
    display: flex;
    width: 100%;
    justify-content: center;
}

.card--teamlist {
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #e5e5e5;
    padding: 22px;
}

    .card--teamlist .teamlist--header .action-wrapper.left {
        margin-bottom: 22px;
    }

        .card--teamlist .teamlist--header .action-wrapper.left input {
            font-size: 16px;
        }

    .card--teamlist .teamlist--footer a {
        font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
        text-transform: uppercase;
        font-size: 16px;
        display: flex;
        align-items: center;
    }

    .card--teamlist .teamlist--footer .card--add-new {
        display: flex;
    }

    .card--teamlist .teamlist--footer a span {
        vertical-align: text-top;
        margin-left: 7px;
    }

    .card--teamlist .teamlist--table table {
        width: 100%;
        border: 0;
        margin-bottom: 22px;
    }

        .card--teamlist .teamlist--table table thead {
            background: #000;
            color: #fff;
            text-transform: uppercase;
            font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
            font-size: 14px;
        }

            .card--teamlist .teamlist--table table thead tr td {
                padding: 14px 20px 10px;
            }

        .card--teamlist .teamlist--table table tbody tr {
            height: 34px;
            background: #fff;
            border: 0;
        }

            .card--teamlist .teamlist--table table tbody tr:nth-child(odd) {
                background: #ededed;
            }

            .card--teamlist .teamlist--table table tbody tr td {
                border: 0;
            }

                .card--teamlist .teamlist--table table tbody tr td img {
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    max-width: 88px;
                }

.apparel-manager.card {
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #e5e5e5;
}

.card--product-list {
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #e5e5e5;
    padding: 22px;
}

    .card--product-list .product--header .action-wrapper.left {
        margin-bottom: 22px;
    }

        .card--product-list .product--header .action-wrapper.left input {
            font-size: 16px;
        }

    .card--product-list .product--table table {
        width: 100%;
        border: 0;
        margin-bottom: 22px;
    }

        .card--product-list .product--table table thead {
            background: #000;
            color: #fff;
            text-transform: uppercase;
            font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
            font-size: 14px;
        }

            .card--product-list .product--table table thead tr td {
                padding: 14px 20px 10px;
            }

        .card--product-list .product--table table tbody tr {
            height: 127px;
            background: #fff;
            border: 0;
        }

            .card--product-list .product--table table tbody tr:nth-child(odd) {
                background: #ededed;
            }

            .card--product-list .product--table table tbody tr td {
                height: 127px;
                border: 0;
            }

                .card--product-list .product--table table tbody tr td img {
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    max-width: 88px;
                }

    .card--product-list .product--pager {
        float: right;
    }

    .card--product-list .product--footer .action-wrapper.left {
        margin-bottom: 22px;
    }

        .card--product-list .product--footer .action-wrapper.left input {
            font-size: 16px;
        }

.apparel--upper-bar {
    position: relative;
    background: #fff;
    border-bottom: solid 1px #e5e5e5;
    padding: 10px 13px;
    width: 100%;
}

.apparel-carousel-cont {
    margin: 10px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.apparel--upper-bar .upper--arrowleft {
    display: inline-block;
    /*        width: 10%;
*/
}

@media (max-width: 750px) {
    .apparel--upper-bar .upper--arrowleft {
        /*        width: 6%;
*/
    }
}

.apparel--upper-bar .upper--arrowright {
    display: inline-block;
    /*    width: 6%;
*/ text-align: right;
}

.apparel--upper-bar .upper--search {
    display: inline-block;
    /*    width: 33%;
*/
}

    .apparel--upper-bar .upper--search #searchProductName {
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        height: 45px;
        padding: 5px 5px 5px 32px;
        font-size: 14px;
        font-family: HelveticaNeueLTStd-Roman, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        background: url(../Images/search-icon.svg) #fff no-repeat;
        background-position: 6%;
        width: 243px;
    }

@media (max-width: 851px) {
    .apparel--upper-bar .upper--search #searchProductName {
        /*        width: 96%;
*/
    }
}

.apparel--upper-bar .upper--pagination {
    display: flex;
    /*    width: 30%;
*/
}

@media (max-width: 851px) {
    .apparel--upper-bar .upper--pagination {
        /*        width: 29%;
*/
    }
}

@media (max-width: 750px) {
    .apparel--upper-bar .upper--pagination {
        /*        width: 24%;
*/
    }
}

.apparel--upper-bar .upper--pagination .slide--left {
    display: inline-block;
}

.apparel--upper-bar .upper--pagination .slide--right {
    display: inline-block;
}

.apparel--upper-bar .upper--pagination .slide--text {
    display: flex;
    font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
    font-size: 14px;
    color: #8d8d8d;
    vertical-align: bottom;
    margin: 0px 20px;
}

    .apparel--upper-bar .upper--pagination .slide--text .slide--active {
        display: inline-block;
        color: #000;
        margin-right: 5px;
    }

    .apparel--upper-bar .upper--pagination .slide--text .slide--inactive {
        display: inline-block;
        margin-left: 5px;
    }

.apparel--upper-bar .upper--menu {
    display: inline-block;
    /*    width: 3%;
*/
}

.apparel--upper-bar .upper--sign-off {
    display: inline-block;
    /*    width: 16%;
*/
}

.signature-cont {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.sig-btns {
    display: flex;
}

    .sig-btns > * {
        margin: 0px 10px 0px 0px;
    }

.sigNav {
    display: flex;
}

.signature-card {
    max-width: 750px;
}

.sig-card {
    margin-right: auto;
}

.clearButton {
    display: flex !important;
}

@media (max-width: 750px) {
    .apparel--upper-bar .upper--sign-off {
        /*        width: 24%;
*/
    }
}

.apparel--upper-bar .upper--menu .sign-off-box {
    border: solid 1px #e5e5e5;
    border-radius: 4px;
    padding: 9px 20px 11px;
    margin-left: 20px;
    font-size: 14px;
}

    .apparel--upper-bar .upper--menu .sign-off-box .sign-off-text {
        text-transform: uppercase;
        font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
        font-size: 14px;
        vertical-align: text-top;
    }

.product--slides .product--slide {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 13px;
    overflow: auto;
}

    .product--slides .product--slide .product--slide-left {
        float: left;
        width: 40%;
        margin-bottom: 0;
    }

@media (max-width: 768px) {
    .product--slides .product--slide .product--slide-left {
        float: left;
        width: 74%;
        margin-right: 2%;
        margin-bottom: 20px;
    }

        .product--slides .product--slide .product--slide-left::after {
            content: '';
            display: block;
            clear: both;
        }
}

@media (max-width: 480px) {
    .product--slides .product--slide .product--slide-left {
        float: none;
        width: 100%;
        margin-right: 0;
    }
}

.product--slides .product--slide .product--slide-middle {
    float: left;
    width: 20%;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .product--slides .product--slide .product--slide-middle {
        float: left;
        width: 24%;
        margin-right: 0;
        margin-bottom: 20px;
    }

        .product--slides .product--slide .product--slide-middle::after {
            content: '';
            display: block;
            clear: both;
        }
}

@media (max-width: 480px) {
    .product--slides .product--slide .product--slide-middle {
        float: none;
        width: 100%;
        margin-right: 0;
    }

        .product--slides .product--slide .product--slide-middle::after {
            content: '';
            display: block;
            clear: both;
        }
}

.product--slides .product--slide .product--slide-right {
    float: left;
    width: 34%;
}

@media (max-width: 768px) {
    .product--slides .product--slide .product--slide-right {
        float: none;
        width: 100%;
        margin-right: 0;
    }

        .product--slides .product--slide .product--slide-right::before {
            content: '';
            display: block;
            clear: both;
        }
}

@media (max-width: 480px) {
    .product--slides .product--slide .product--slide-right {
        float: none;
        width: 100%;
        margin-right: 0;
    }
}

.product--slides .product--slide .product--title {
    font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    vertical-align: text-bottom;
    margin-bottom: 20px;
    width: 100%;
}

    .product--slides .product--slide .product--title .product--title-label {
        font-size: 11px;
        border-radius: 2px;
        padding: 4px 8px;
        vertical-align: top;
        margin-right: 5px;
    }

        .product--slides .product--slide .product--title .product--title-label.label--black {
            background: #000;
            color: #fff;
        }

.product--slides .product--slide .product .product--image {
    position: relative;
    background: #fff;
    border: solid 1px #e5e5e5;
    border-radius: 4px;
    padding: 5px 20px;
}

    .product--slides .product--slide .product .product--image .product--image-src {
        display: block;
        margin: auto;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .product--slides .product--slide .product .product--image .product--zoom-icon {
        display: inline-block;
        position: absolute;
        bottom: 20px;
        right: 20px;
    }

        .product--slides .product--slide .product .product--image .product--zoom-icon img {
            width: 36px;
        }

.product--slides .product--slide .product--thumbs {
    overflow: auto;
}

    .product--slides .product--slide .product--thumbs .product--thumb {
        position: relative;
        float: left;
        width: 22.25%;
        padding-top: 22.25%;
        margin-right: 2%;
        margin-bottom: 10px;
        background: #fff;
        border: solid 1px #e5e5e5;
        border-radius: 4px;
    }

        .product--slides .product--slide .product--thumbs .product--thumb.active {
            border: solid 1px #FF6600;
        }

        .product--slides .product--slide .product--thumbs .product--thumb:nth-child(4n) {
            margin-right: 0;
        }

        .product--slides .product--slide .product--thumbs .product--thumb img {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            padding: 5px;
        }

.product--slides .product--slide .product--description .product--description-label {
    font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
    font-weight: bold;
}

.product--slides .product--slide .product--approved {
    overflow: auto;
    margin-bottom: 30px;
}

    .product--slides .product--slide .product--approved.approved .product--approved-text {
        color: #1E824C;
    }

    .product--slides .product--slide .product--approved.approved .product--approved-box {
        background-image: url(../Images/checkmark-outline-green-bold.svg);
        background-repeat: no-repeat;
        background-position: 10% 50%;
        border: solid 1px #ff6600;
        border-radius: 5px;
        margin-right: 0px;
    }

    .product--slides .product--slide .product--approved.approved .product--approved-box-view-only {
        background-image: url(../Images/checkmark-outline-green-bold.svg);
        background-repeat: no-repeat;
        background-position: 10% 50%;
        border: solid 1px #ff6600;
        border-radius: 5px;
        margin-right: 0px;
    }

    .product--slides .product--slide .product--approved .product--approved-text {
        float: right;
        color: #c2c2c2;
        font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
        font-size: 24px;
        font-weight: bold;
        text-transform: uppercase;
        padding: 11px 0;
        margin-right: 13px;
    }

    .product--slides .product--slide .product--approved .product--approved-box {
        position: absolute;
        right: 13px;
        height: 42px;
        width: 178px;
        cursor: pointer;
        margin-right: 0px;
        border: solid 1px #ff6600;
        border-radius: 5px;
    }

    .product--slides .product--slide .product--approved .product--approved-box-view-only {
        position: absolute;
        right: 13px;
        height: 42px;
        width: 178px;
        margin-right: 0px;
        border: solid 1px #ff6600;
        border-radius: 5px;
    }

        .product--slides .product--slide .product--approved .product--approved-box.approved {
            color: #1E824C;
        }
        .product--slides .product--slide .product--approved .product--approved-box-view-only.approved {
            color: #1E824C;
        }

.product--slides .product--slide .product--add-note {
    overflow: auto;
    margin-bottom: 30px;
}

    .product--slides .product--slide .product--add-note #addNote {
        padding-left: 50px;
        font-size: 14px;
        font-weight: bold;
        background-image: url(../Images/add-circle-outline-white.svg);
        background-repeat: no-repeat;
        background-position: 25px 14px;
        float: right;
    }

    .product--slides .product--slide .product--add-note .add-note--text {
        width: 100%;
        float: none;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 5px 0;
        padding: 3px;
    }

ul.notes--list {
    list-style: none;
    margin: 10px 0px 0px 0px;
}

    ul.notes--list .notes--text {
        position: relative;
        width: 100%;
        padding: 16px 26px 16px 16px;
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        border-left: 4px solid #0c83e7;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        background-color: #FFFFFF;
    }

    ul.notes--list .notes--general .notes--text {
        border-left-color: #000000;
        color: #000000;
        font-size: 10px;
    }

.internalNoteTile {
    border-left: 10px solid #ff6600 !important;
}

.externalNoteTile {
    border-left: 10px solid #c2c2c2 !important;
}

ul.notes--list .notes--logo .notes--text {
    border-left-color: #0c83e7;
    color: #0c83e7;
}

ul.notes--list .notes--color .notes--text {
    color: #000000;
}

ul.notes--list .notes--text a.notes--actions {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

ul.notes--list .notes--text .triangle-up {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #000000 transparent;
    position: absolute;
    right: 8px;
    bottom: 0;
}

ul.notes--list .notes--text .notes--action-menu-wrapper {
    display: none;
}

ul.notes--list .notes--text .notes--action-menu {
    position: absolute;
    background: #ff6600;
    color: #f7f7f7;
    right: -12px;
    bottom: -116px;
    border-radius: 4px;
    z-index: 1000;
}

    ul.notes--list .notes--text .notes--action-menu ul {
        list-style: none;
        padding: 0;
    }

        ul.notes--list .notes--text .notes--action-menu ul li {
            padding: 10px 16px 10px 24px;
            text-align: right;
            border-bottom: 1px solid #f7f7f7;
        }

            ul.notes--list .notes--text .notes--action-menu ul li:last-of-type {
                border-bottom: none;
            }

            ul.notes--list .notes--text .notes--action-menu ul li a {
                color: #f7f7f7;
            }

            ul.notes--list .notes--text .notes--action-menu ul li img {
                margin-left: 5px;
            }

ul.notes--list > li.notes--parent {
    padding: 0px;
    width: calc(100% - 25px);
    float: right;
    margin-bottom: 10px;
}

    ul.notes--list > li.notes--parent.notes--approved {
        width: 100%;
    }

        ul.notes--list > li.notes--parent.notes--approved > .notes--text {
            background-repeat: no-repeat;
            background-position: 10px 50%;
            padding-left: 46px;
        }

        ul.notes--list > li.notes--parent.notes--approved.notes--general > .notes--text {
            background-image: url("../Images/checkmark-outline-green.svg");
        }

        ul.notes--list > li.notes--parent.notes--approved.notes--logo > .notes--text {
            background-image: url("../Images/checkmark-outline-green.svg");
        }

        ul.notes--list > li.notes--parent.notes--approved.notes--color > .notes--text {
            background-image: url("../Images/checkmark-outline-green.svg");
        }

    ul.notes--list > li.notes--parent ul.notes--reply-list {
        list-style: none;
        margin-left: 7px;
        margin-top: 5px;
    }

        ul.notes--list > li.notes--parent ul.notes--reply-list .notes--text {
            border-left: 4px solid #8d8d8d;
        }

        ul.notes--list > li.notes--parent ul.notes--reply-list > li {
            padding: 0 0 7px 0;
        }

            ul.notes--list > li.notes--parent ul.notes--reply-list > li:last-of-type {
                padding-bottom: 0;
            }

            ul.notes--list > li.notes--parent ul.notes--reply-list > li.notes--approved .notes--text {
                background-image: url("../Images/checkmark-outline-green.svg");
                background-repeat: no-repeat;
                background-position: 10px 50%;
                padding-left: 46px;
            }

ul.notes--list .notes--inline-reply {
    width: 59%;
    line-height: 16px;
    padding: 6px;
}

ul.notes--list a.notes--add-reply {
    color: #fff;
    background: #fe8f0f;
    text-transform: uppercase;
    padding: 10px;
    width: 21%;
    font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
}

#searchNameStyle {
    float: left;
    margin: 28px 15px 0;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    height: 45px;
    padding: 5px 5px 5px 40px;
    font-size: 14px;
    font-family: HelveticaNeueLTStd-Roman, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: url(../Images/search-icon.svg) #fff no-repeat;
    background-position: 5%;
}

#portalFooter {
    background: #f7f7f7;
    color: #f7f7f7;
}

body .blocker {
    padding: 0;
}

body .modal {
    width: 100%;
    max-width: 100%;
    vertical-align: top;
    border-radius: 0;
}

.modal .close-modal {
    display: none !important;
}

.modal--notes .modal--notes-actions {
    margin-bottom: 50px;
    margin-top: 26px;
    height: 30px;
}

    .modal--notes .modal--notes-actions .modal--buttons-left {
        float: left;
    }

    .modal--notes .modal--notes-actions .modal--buttons-right {
        float: right;
    }

    .modal--notes .modal--notes-actions a {
        text-transform: uppercase;
        border-radius: 4px;
        border: 1px solid #fff;
        font-family: TradeGothicLTPro-BdCn20, franklin-gothic-urw-cond, Oswald, Impact, sans-serif;
        font-size: 16px;
        padding: 13px 24px 10px 24px;
        margin-right: 10px;
    }

        .modal--notes .modal--notes-actions a.notes--button-general {
            color: #000;
            border-color: #000;
        }

        .modal--notes .modal--notes-actions a.notes--button-logo {
            color: #1687fc;
            border-color: #1687fc;
        }

        .modal--notes .modal--notes-actions a.notes--button-color {
            color: #5f51e5;
            border-color: #5f51e5;
        }

        .modal--notes .modal--notes-actions a.notes--button-cancel {
            color: #8d8d8d;
            border-color: #FFF;
        }

        .modal--notes .modal--notes-actions a.notes--button-post {
            color: #FFF;
            border-color: #FFF;
            background-color: #e5e5e5;
        }

.modal--notes textarea {
    border-style: none;
    border-color: Transparent;
    overflow: auto;
    width: 100%;
    color: #8d8d8d;
    font-size: 18px;
    line-height: 22px;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
    body .select2-container .select2-choice .select2-arrow b {
        background-image: url(../Images/triangle.svg) !important;
        background-size: initial !important;
    }
}

.product--modal {
    width: 100%;
    height: 100%;
    overflow-x: visible !important;
}

    .product--modal .modal-close {
        position: absolute;
        right: 30px;
        top: 30px;
        font-size: 20px;
        color: #8d8d8d;
        font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
        text-transform: uppercase;
        z-index: 10;
    }

        .product--modal .modal-close img {
            vertical-align: sub;
            margin-left: 5px;
        }

    .product--modal .zoom--actions {
        position: absolute;
        bottom: 30px;
        right: 30px;
    }

    .product--modal .panzoom img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: initial !important;
    }

.searchNameStyle {
    background: #fff url("../Images/search-icon.svg") no-repeat scroll 5% center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    float: left;
    font-family: HelveticaNeueLTStd-Roman,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 45px;
    margin: 22px 15px 0;
    padding: 5px 5px 5px 40px;
}

.product--modal .image {
    height: 100%;
}

.upper--search .select2-container {
    width: auto !important;
    margin: 0px !important;
}

.nike-radio_buttons label {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 0;
    color: black;
}

.nike-radio_buttons input[type=radio]:checked + label {
    font-weight: bold;
}

.select2-selection {
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 45px !important;
    border: 1px solid #e5e5e5 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 3px !important;
    margin-bottom: 3px;
    border-radius: 50px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.custom-file-upload {
    display: inline-block;
}

    .custom-file-upload.df-valid {
        background: white;
        padding: 12px 30px 10px;
        border: 5px;
        border-radius: 4px;
        font: 400 18px/1.2 TradeGothicLTPro-BdCn20, franklin-gothic-urw-cond, Oswald, Impact, sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        color: #666 !important;
        outline: 0;
        -webkit-transition: .75s;
        transition: .75s;
        margin-bottom: 1em;
        cursor: pointer;
        display: inline-block;
        border-color: transparent;
        padding-left: 0;
        color: black !important;
    }

        .custom-file-upload.df-valid:before {
            content: url(../Images/xlsFile.svg);
            vertical-align: middle;
            margin-right: 20px;
            width: 21px;
            height: 27px;
            display: inline-block;
        }

.RadUploadProgressArea {
    box-shadow: none !important;
    border: none !important;
}

    .RadUploadProgressArea .ruHeader {
        display: none !important;
    }

    .RadUploadProgressArea .ruFooter {
        display: none !important;
    }

    .RadUploadProgressArea .ruBody {
        padding: 0 !important;
    }

.RadUploadProgressArea_Telerik .ruProgress {
    background-color: #ff6600 !important;
    background-image: none !important;
    border-radius: 50px !important;
}

.RadUploadProgressArea_Telerik .ruProgressBar {
    border-radius: 50px !important;
}




.d-inline-block {
    display: inline-block !important;
}

.btn--disabled {
    pointer-events: none !important;
}

.justify-content-between {
    justify-content: space-between;
}

.align-items-center {
    align-items: center;
}

.d-flex {
    display: flex;
}

.d-block {
    display: block;
}

.ne-errormessage {
    border-left: solid 3px red;
    padding: 10px 21px;
}

.ne-confirmationmessage {
    border-left: solid 3px #70d600;
    padding: 10px 21px;
}

.d-none {
    display: none;
}

.d-inline-block {
    display: inline-block;
}

.mr-2 {
    margin-right: 1em;
}


/* April 13th Updates */
.logo-circle {
    width: 128px;
    height: 128px;
    border-radius: 100%;
    border: solid 3px #000;
    display: inline-block;
    margin-bottom: 1em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.logo-circle-img {
    width: 75px;
    height: 75px;
}

    .logo-circle-img img {
        max-width: 100%;
        max-height: 100%;
    }

.logo-title {
    font-family: TradeGothicLTPro-BdCn20,franklin-gothic-urw-cond,Oswald,Impact,sans-serif;
    text-transform: uppercase;
    color: #000;
    font-size: 20px;
}

.userPermissions input[type="checkbox"] {
    margin-right: 10px;
}

.userPermissions tr td {
    padding-bottom: 10px;
}

.chkApproved {
    accent-color: Green;
}

.upper {
    margin: 20px;
    display: flex;
    flex-direction: row;
    padding: 5px; /* this */
}

.CarryoverStatus {
    font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    padding: 25px 21px 21px;
}

.buttonSpecial {
    background-color: #ee4e00;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 12px;
    font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
    text-transform: uppercase;
    padding: 2px 12px 3px;
    font-size: 13px;
}

.clear-wrapper {
    margin-right: 15px;
}

.clear-wrapper,
.apply-wrapper {
    width: 100px;
    display: flex;
    flex-wrap: wrap;
}

    .clear-wrapper > .btn,
    .apply-wrapper > .btn {
        width: 100%;
        margin: 0px;
    }

.filters-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: unset;
    padding: 0px 25px;
}

.filters-header-txt {
    font-size: 16px;
    font-weight: bold;
    font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
    min-width: 80px;
}

.dropdown-cont {
    min-width: 200px;
    width: 100%;
    margin-right: 15px;
    position: relative;
    margin-top: 10px;
}

    .dropdown-cont > label {
        font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
        font-weight: bold;
        font-size: 14px;
        position: absolute;
        top: -23px;
    }

.dropdown-cont > select {
    width: 100%;
}

.grid-hide {
    display: none !important;
}

.no-results {
    display: flex;
    width: 100%;
    justify-content: center;
    font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
    font-weight: bold;
    font-size: 16px;
}

/* Product Grid */
.product-grid-cont {
    padding: 0px 25px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 6fr));
    column-gap: 30px;
    row-gap: 30px;
}

.product-tile {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #ffffff;
    border: solid 1px #c2c2c2;
    border-radius: 5px;
    min-width: 170px;
    padding: 25px;
}

    .product-tile > .product-status {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 10px;
    }
        .product-tile > .product-status > .status-approved > .status-title,
        .product-tile > .product-status > .status-not-approved > .status-title {
            margin-left: 5px;
        }

        .product-tile > .product-status > .status-approved {
            display: flex;
            align-items: center;
            color: #1e824c;
        }
        .product-tile > .product-status > .status-not-approved {
            display: flex;
            align-items: center;
            color: #4d5055;
        }

    .product-tile > .product-img {
        width: 91px;
        margin-bottom: 10px;
        min-height: 155px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .product-tile > .product-img > img {
        width: 100%;
        height: 150px;
        object-fit: contain;
    }

    .product-tile > .product-colors {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 20px;
    }

        .product-tile > .product-colors > .colors-cont {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            width: 100%;
            margin-top: 5px;
        }
        
            .product-tile > .product-colors > .colors-cont > .color-preview-red {
                background-color: red;
                padding: 4px;
                border-radius: 5px;
                border: solid 1px #c2c2c2;
            }
            
    .product-tile > .product-pills {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        margin-bottom: 10px;
    }

        .product-tile > .product-pills > .pill {
            display: flex;
            margin: 0px 2.5px;
            font-family: Oswald, "TradeGothicLTPro-BdCn20", "franklin-gothic-urw-cond", Impact, sans-serif;
            font-size: 12px;
            font-weight: bold;
            color: #ffffff;
            padding: 0px 10px 1px 10px;
            border-radius: 10px;
        }
        
            .pill.pill-new {
                background-color: #1e824c;
            }

            .pill.pill-promo {
                background-color: #c75000;
            }

            .pill.pill-retail {
                background-color: #00838f;
            }

            .pill.pill-co {
                background-color: #042940;
            }

    .product-tile > .product-name {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 10px;
        min-height: 57px;
        text-align: center;
        font-size: 12px;
        font-family: HelveticaNeueLTStd-Roman, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .product-tile > .product-qv {
        width: 100%;
        text-align: center;
        font-family: Oswald, Impact, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #c75000;
    }

    .team-checkbox-buffer {
        margin: 20px 0px;
    }

    .chkTeams > label, 
    .chkLeague > label,
    .chkRole > label,
    .VerticalCheckBoxList > label,
    .input-list > label
    {
        margin-left: 10px;
    }

    .check-all-teams,
    .check-all-leagues,
    .check-all-roles {
        margin-right: 10px;
    }

.VerticalCheckBoxList > label
{
    width: 125px;
    display: inline-block;
}

.input-list > label {
    margin-right: 25px;
    display: inline-block;
}

.flex-fields {
    display: flex;
    flex-wrap: wrap;
}

.flex-fields > input {
    margin-right: 15px;
}

.maintenance-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../Images/login-bg-2022.png) no-repeat 50% 50%;
    background-size: cover;
    padding: 20px;
    width: 100%;
    height: 100vh;
}

.maintenance-text {
    text-align: center;
    max-width: 600px;
}

.maintenance-text > img {
    margin-bottom: 10px;
}

.maintenance-text > h1,
.maintenance-text > p {
    color: #ffffff;
    margin-bottom: 10px;
}

.maintenance-text > p {
    font-size: 14px;
}

.maintenance-footer {
    color: #ffffff;
    position: absolute;
    display: flex;
    bottom: 0px;
    left: calc(50% - 87px);
}

.package-reset-btn {
    margin-right: 20px;
}

/* Package Manage Model Window */
.close-model-cont {
    position: fixed;
    top: calc(50% - 93px);
    left: calc(50% - 300px);
    display: none;
    flex-wrap: wrap;
    max-width: 600px;
    background-color: #ffffff;
    border: solid 1px #c2c2c2;
    z-index: 1000;
}

.close-model {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

.close-title {
    width: 100%;
    padding: 20px;
}

.close-title > h2 {
    color: #000000;
}

.close-description {
    width: 100%;
    padding: 0px 20px;
}

.close-description > p {
    margin: 0px;
}

.close-buttons {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
}

.close-buttons > .btn {
    width: auto;
    margin-right: 20px;
}
/*Cart Pages*/
a.back-to-link {
    vertical-align: middle;
    font-family: 'Oswald', Impact, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
}
.products {
    background-color: #fff;
    border: solid 1px #e5e5e5;
    border-radius: 4px;
}
p.instructions {
    font-size: 16px;
}
a.btn-cart-add, a.btn-cart-remove {
    cursor: pointer;
    color: #231F20 !important;
    font-size: 16px;
    font-family: 'Oswald', Impact, sans-serif;
    transition: color 0.3s ease-in-out;
    padding: 15px 0px 15px;
    line-height: 1;
    background-color: transparent;
}
    a.btn-cart-add:hover, a.btn-cart-remove:hover {
        color: #C75000;
        background-color: transparent!important;
    }
a.btn-cart-add:before {
    font-family: 'Oswald', Impact, sans-serif;
    font-size: 30px;
    content: "+";
    color: #C75000;
    display: inline-block;
    padding: 0px 5px 5px 0px;
    line-height: 1;
    vertical-align: middle;
}
    a.btn-cart-remove:before {
        font-family: 'Oswald', Impact, sans-serif;
        font-size: 30px;
        color: #C75000;
        content: "-";
        display: inline-block;
        padding: 0px 5px 10px 0px;
        line-height: 1;
        vertical-align: middle;
    }
a.btn-update {
    cursor: pointer;
    color: #231F20 !important;
    font-size: 16px;
    font-family: 'Oswald', Impact, sans-serif;
    transition: color 0.3s ease-in-out;
    padding: 0px 0px 0px 40px;
    line-height: 1;
}

    a.btn-update:before {
        content: "";
        display: inline-block;
        background-image: url(../Images/recalculate.svg);
        background-repeat: no-repeat;
        width: 14px;
        height: 17px;
        padding: 0px 25px 0px 0px;
        vertical-align: middle;
        margin-bottom: 5px;
    }
a.btn-delete {
    cursor: pointer;
    color: #231F20 !important;
    font-size: 16px;
    font-family: 'Oswald', Impact, sans-serif;
    transition: color 0.3s ease-in-out;
/*    padding: 0px 0px 0px 40px;
*/    line-height: 1;
}
a.btn-delete:before {
    content: "";
    display: inline-block;
    background-image: url(../Images/trash.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 17px;
    padding: 0px 25px 0px 0px;
    vertical-align: middle;
    margin-bottom: 5px;
}
    .product--label {
    font-family: 'Oswald', Impact, sans-serif;
    text-transform: uppercase;
}
.no-products {
    font-size: 18px;
    margin-bottom: 0px 0px 20px 0px;
}
    .no-products a {
        font-family: 'Oswald', Impact, sans-serif;
        text-transform: uppercase;
        font-size: 16px;
        margin-top: 2rem;
    }

.team-cart {
    padding: 0px 55px;
}