@charset "UTF-8";

/***
Custom color buttons
***/
.bg-white {
    background: #ffffff !important;
}

.bg-hover-white:hover {
    background: #ffffff !important;
}

.font-white {
    color: #ffffff !important;
}

.bg-font-white {
    color: #666 !important;
}

.border-white {
    border-color: #ffffff !important;
}

.border-top-white {
    border-top-color: #ffffff !important;
}

.border-bottom-white {
    border-bottom-color: #ffffff !important;
}

.border-left-white {
    border-left-color: #ffffff !important;
}

.border-right-white {
    border-right-color: #ffffff !important;
}

.bg-default {
    background: #e1e5ec !important;
}

.bg-hover-default:hover {
    background: #e1e5ec !important;
}

.font-default {
    color: #e1e5ec !important;
}

.bg-font-default {
    color: #666 !important;
}

.border-default {
    border-color: #e1e5ec !important;
}

.border-top-default {
    border-top-color: #e1e5ec !important;
}

.border-bottom-default {
    border-bottom-color: #e1e5ec !important;
}

.border-left-default {
    border-left-color: #e1e5ec !important;
}

.border-right-default {
    border-right-color: #e1e5ec !important;
}

.bg-dark {
    background: #2f353b !important;
}

.bg-hover-dark:hover {
    background: #2f353b !important;
}

.font-dark {
    color: #2f353b !important;
}

.bg-font-dark {
    color: #FFFFFF !important;
}

.border-dark {
    border-color: #2f353b !important;
}

.border-top-dark {
    border-top-color: #2f353b !important;
}

.border-bottom-dark {
    border-bottom-color: #2f353b !important;
}

.border-left-dark {
    border-left-color: #2f353b !important;
}

.border-right-dark {
    border-right-color: #2f353b !important;
}

.bg-blue {
    background: #3598dc !important;
}

.bg-hover-blue:hover {
    background: #3598dc !important;
}

.font-blue {
    color: #3598dc !important;
}

.bg-font-blue {
    color: #FFFFFF !important;
}

.border-blue {
    border-color: #3598dc !important;
}

.border-top-blue {
    border-top-color: #3598dc !important;
}

.border-bottom-blue {
    border-bottom-color: #3598dc !important;
}

.border-left-blue {
    border-left-color: #3598dc !important;
}

.border-right-blue {
    border-right-color: #3598dc !important;
}

.bg-blue-madison {
    background: #578ebe !important;
}

.bg-hover-blue-madison:hover {
    background: #578ebe !important;
}

.font-blue-madison {
    color: #578ebe !important;
}

.bg-font-blue-madison {
    color: #FFFFFF !important;
}

.border-blue-madison {
    border-color: #578ebe !important;
}

.border-top-blue-madison {
    border-top-color: #578ebe !important;
}

.border-bottom-blue-madison {
    border-bottom-color: #578ebe !important;
}

.border-left-blue-madison {
    border-left-color: #578ebe !important;
}

.border-right-blue-madison {
    border-right-color: #578ebe !important;
}

.bg-blue-chambray {
    background: #2C3E50 !important;
}

.bg-hover-blue-chambray:hover {
    background: #2C3E50 !important;
}

.font-blue-chambray {
    color: #2C3E50 !important;
}

.bg-font-blue-chambray {
    color: #FFFFFF !important;
}

.border-blue-chambray {
    border-color: #2C3E50 !important;
}

.border-top-blue-chambray {
    border-top-color: #2C3E50 !important;
}

.border-bottom-blue-chambray {
    border-bottom-color: #2C3E50 !important;
}

.border-left-blue-chambray {
    border-left-color: #2C3E50 !important;
}

.border-right-blue-chambray {
    border-right-color: #2C3E50 !important;
}

.bg-blue-ebonyclay {
    background: #22313F !important;
}

.bg-hover-blue-ebonyclay:hover {
    background: #22313F !important;
}

.font-blue-ebonyclay {
    color: #22313F !important;
}

.bg-font-blue-ebonyclay {
    color: #FFFFFF !important;
}

.border-blue-ebonyclay {
    border-color: #22313F !important;
}

.border-top-blue-ebonyclay {
    border-top-color: #22313F !important;
}

.border-bottom-blue-ebonyclay {
    border-bottom-color: #22313F !important;
}

.border-left-blue-ebonyclay {
    border-left-color: #22313F !important;
}

.border-right-blue-ebonyclay {
    border-right-color: #22313F !important;
}

.bg-blue-hoki {
    background: #67809F !important;
}

.bg-hover-blue-hoki:hover {
    background: #67809F !important;
}

.font-blue-hoki {
    color: #67809F !important;
}

.bg-font-blue-hoki {
    color: #FFFFFF !important;
}

.border-blue-hoki {
    border-color: #67809F !important;
}

.border-top-blue-hoki {
    border-top-color: #67809F !important;
}

.border-bottom-blue-hoki {
    border-bottom-color: #67809F !important;
}

.border-left-blue-hoki {
    border-left-color: #67809F !important;
}

.border-right-blue-hoki {
    border-right-color: #67809F !important;
}

.bg-blue-steel {
    background: #4B77BE !important;
}

.bg-hover-blue-steel:hover {
    background: #4B77BE !important;
}

.font-blue-steel {
    color: #4B77BE !important;
}

.bg-font-blue-steel {
    color: #FFFFFF !important;
}

.border-blue-steel {
    border-color: #4B77BE !important;
}

.border-top-blue-steel {
    border-top-color: #4B77BE !important;
}

.border-bottom-blue-steel {
    border-bottom-color: #4B77BE !important;
}

.border-left-blue-steel {
    border-left-color: #4B77BE !important;
}

.border-right-blue-steel {
    border-right-color: #4B77BE !important;
}

.bg-blue-soft {
    background: #4c87b9 !important;
}

.bg-hover-blue-soft:hover {
    background: #4c87b9 !important;
}

.font-blue-soft {
    color: #4c87b9 !important;
}

.bg-font-blue-soft {
    color: #FFFFFF !important;
}

.border-blue-soft {
    border-color: #4c87b9 !important;
}

.border-top-blue-soft {
    border-top-color: #4c87b9 !important;
}

.border-bottom-blue-soft {
    border-bottom-color: #4c87b9 !important;
}

.border-left-blue-soft {
    border-left-color: #4c87b9 !important;
}

.border-right-blue-soft {
    border-right-color: #4c87b9 !important;
}

.bg-blue-dark {
    background: #5e738b !important;
}

.bg-hover-blue-dark:hover {
    background: #5e738b !important;
}

.font-blue-dark {
    color: #5e738b !important;
}

.bg-font-blue-dark {
    color: #FFFFFF !important;
}

.border-blue-dark {
    border-color: #5e738b !important;
}

.border-top-blue-dark {
    border-top-color: #5e738b !important;
}

.border-bottom-blue-dark {
    border-bottom-color: #5e738b !important;
}

.border-left-blue-dark {
    border-left-color: #5e738b !important;
}

.border-right-blue-dark {
    border-right-color: #5e738b !important;
}

.bg-blue-sharp {
    background: #5C9BD1 !important;
}

.bg-hover-blue-sharp:hover {
    background: #5C9BD1 !important;
}

.font-blue-sharp {
    color: #5C9BD1 !important;
}

.bg-font-blue-sharp {
    color: #FFFFFF !important;
}

.border-blue-sharp {
    border-color: #5C9BD1 !important;
}

.border-top-blue-sharp {
    border-top-color: #5C9BD1 !important;
}

.border-bottom-blue-sharp {
    border-bottom-color: #5C9BD1 !important;
}

.border-left-blue-sharp {
    border-left-color: #5C9BD1 !important;
}

.border-right-blue-sharp {
    border-right-color: #5C9BD1 !important;
}

.bg-green {
    background: #32c5d2 !important;
}

.bg-hover-green:hover {
    background: #32c5d2 !important;
}

.font-green {
    color: #32c5d2 !important;
}

.bg-font-green {
    color: #FFFFFF !important;
}

.border-green {
    border-color: #32c5d2 !important;
}

.border-top-green {
    border-top-color: #32c5d2 !important;
}

.border-bottom-green {
    border-bottom-color: #32c5d2 !important;
}

.border-left-green {
    border-left-color: #32c5d2 !important;
}

.border-right-green {
    border-right-color: #32c5d2 !important;
}

.bg-green-success {
    background: #1a8f40 !important;
}

.bg-hover-green-success:hover {
    background: #1a8f40 !important;
}

.font-green-success {
    color: #1a8f40 !important;
}

.bg-font-green-success {
    color: #FFFFFF !important;
}

.border-green-success {
    border-color: #1a8f40 !important;
}

.border-top-green-success {
    border-top-color: #1a8f40 !important;
}

.border-bottom-green-success {
    border-bottom-color: #1a8f40 !important;
}

.border-left-green-success {
    border-left-color: #1a8f40 !important;
}

.border-right-green-success {
    border-right-color: #1a8f40 !important;
}

.bg-green-meadow {
    background: #1BBC9B !important;
}

.bg-hover-green-meadow:hover {
    background: #1BBC9B !important;
}

.font-green-meadow {
    color: #1BBC9B !important;
}

.bg-font-green-meadow {
    color: #FFFFFF !important;
}

.border-green-meadow {
    border-color: #1BBC9B !important;
}

.border-top-green-meadow {
    border-top-color: #1BBC9B !important;
}

.border-bottom-green-meadow {
    border-bottom-color: #1BBC9B !important;
}

.border-left-green-meadow {
    border-left-color: #1BBC9B !important;
}

.border-right-green-meadow {
    border-right-color: #1BBC9B !important;
}

.bg-green-seagreen {
    background: #1BA39C !important;
}

.bg-hover-green-seagreen:hover {
    background: #1BA39C !important;
}

.font-green-seagreen {
    color: #1BA39C !important;
}

.bg-font-green-seagreen {
    color: #FFFFFF !important;
}

.border-green-seagreen {
    border-color: #1BA39C !important;
}

.border-top-green-seagreen {
    border-top-color: #1BA39C !important;
}

.border-bottom-green-seagreen {
    border-bottom-color: #1BA39C !important;
}

.border-left-green-seagreen {
    border-left-color: #1BA39C !important;
}

.border-right-green-seagreen {
    border-right-color: #1BA39C !important;
}

.bg-green-turquoise {
    background: #36D7B7 !important;
}

.bg-hover-green-turquoise:hover {
    background: #36D7B7 !important;
}

.font-green-turquoise {
    color: #36D7B7 !important;
}

.bg-font-green-turquoise {
    color: #FFFFFF !important;
}

.border-green-turquoise {
    border-color: #36D7B7 !important;
}

.border-top-green-turquoise {
    border-top-color: #36D7B7 !important;
}

.border-bottom-green-turquoise {
    border-bottom-color: #36D7B7 !important;
}

.border-left-green-turquoise {
    border-left-color: #36D7B7 !important;
}

.border-right-green-turquoise {
    border-right-color: #36D7B7 !important;
}

.bg-green-haze {
    background: #44b6ae !important;
}

.bg-hover-green-haze:hover {
    background: #44b6ae !important;
}

.font-green-haze {
    color: #44b6ae !important;
}

.bg-font-green-haze {
    color: #FFFFFF !important;
}

.border-green-haze {
    border-color: #44b6ae !important;
}

.border-top-green-haze {
    border-top-color: #44b6ae !important;
}

.border-bottom-green-haze {
    border-bottom-color: #44b6ae !important;
}

.border-left-green-haze {
    border-left-color: #44b6ae !important;
}

.border-right-green-haze {
    border-right-color: #44b6ae !important;
}

.bg-green-jungle {
    background: #26C281 !important;
}

.bg-hover-green-jungle:hover {
    background: #26C281 !important;
}

.font-green-jungle {
    color: #26C281 !important;
}

.bg-font-green-jungle {
    color: #FFFFFF !important;
}

.border-green-jungle {
    border-color: #26C281 !important;
}

.border-top-green-jungle {
    border-top-color: #26C281 !important;
}

.border-bottom-green-jungle {
    border-bottom-color: #26C281 !important;
}

.border-left-green-jungle {
    border-left-color: #26C281 !important;
}

.border-right-green-jungle {
    border-right-color: #26C281 !important;
}

.bg-green-soft {
    background: #3faba4 !important;
}

.bg-hover-green-soft:hover {
    background: #3faba4 !important;
}

.font-green-soft {
    color: #3faba4 !important;
}

.bg-font-green-soft {
    color: #FFFFFF !important;
}

.border-green-soft {
    border-color: #3faba4 !important;
}

.border-top-green-soft {
    border-top-color: #3faba4 !important;
}

.border-bottom-green-soft {
    border-bottom-color: #3faba4 !important;
}

.border-left-green-soft {
    border-left-color: #3faba4 !important;
}

.border-right-green-soft {
    border-right-color: #3faba4 !important;
}

.bg-green-dark {
    background: #4DB3A2 !important;
}

.bg-hover-green-dark:hover {
    background: #4DB3A2 !important;
}

.font-green-dark {
    color: #4DB3A2 !important;
}

.bg-font-green-dark {
    color: #FFFFFF !important;
}

.border-green-dark {
    border-color: #4DB3A2 !important;
}

.border-top-green-dark {
    border-top-color: #4DB3A2 !important;
}

.border-bottom-green-dark {
    border-bottom-color: #4DB3A2 !important;
}

.border-left-green-dark {
    border-left-color: #4DB3A2 !important;
}

.border-right-green-dark {
    border-right-color: #4DB3A2 !important;
}

.bg-green-sharp {
    background: #2ab4c0 !important;
}

.bg-hover-green-sharp:hover {
    background: #2ab4c0 !important;
}

.font-green-sharp {
    color: #2ab4c0 !important;
}

.bg-font-green-sharp {
    color: #FFFFFF !important;
}

.border-green-sharp {
    border-color: #2ab4c0 !important;
}

.border-top-green-sharp {
    border-top-color: #2ab4c0 !important;
}

.border-bottom-green-sharp {
    border-bottom-color: #2ab4c0 !important;
}

.border-left-green-sharp {
    border-left-color: #2ab4c0 !important;
}

.border-right-green-sharp {
    border-right-color: #2ab4c0 !important;
}

.bg-grey {
    background: #E5E5E5 !important;
}

.bg-hover-grey:hover {
    background: #E5E5E5 !important;
}

.font-grey {
    color: #E5E5E5 !important;
}

.bg-font-grey {
    color: #333333 !important;
}

.border-grey {
    border-color: #E5E5E5 !important;
}

.border-top-grey {
    border-top-color: #E5E5E5 !important;
}

.border-bottom-grey {
    border-bottom-color: #E5E5E5 !important;
}

.border-left-grey {
    border-left-color: #E5E5E5 !important;
}

.border-right-grey {
    border-right-color: #E5E5E5 !important;
}

.bg-grey-steel {
    background: #e9edef !important;
}

.bg-hover-grey-steel:hover {
    background: #e9edef !important;
}

.font-grey-steel {
    color: #e9edef !important;
}

.bg-font-grey-steel {
    color: #80898e !important;
}

.border-grey-steel {
    border-color: #e9edef !important;
}

.border-top-grey-steel {
    border-top-color: #e9edef !important;
}

.border-bottom-grey-steel {
    border-bottom-color: #e9edef !important;
}

.border-left-grey-steel {
    border-left-color: #e9edef !important;
}

.border-right-grey-steel {
    border-right-color: #e9edef !important;
}

.bg-grey-cararra {
    background: #fafafa !important;
}

.bg-hover-grey-cararra:hover {
    background: #fafafa !important;
}

.font-grey-cararra {
    color: #fafafa !important;
}

.bg-font-grey-cararra {
    color: #333333 !important;
}

.border-grey-cararra {
    border-color: #fafafa !important;
}

.border-top-grey-cararra {
    border-top-color: #fafafa !important;
}

.border-bottom-grey-cararra {
    border-bottom-color: #fafafa !important;
}

.border-left-grey-cararra {
    border-left-color: #fafafa !important;
}

.border-right-grey-cararra {
    border-right-color: #fafafa !important;
}

.bg-grey-gallery {
    background: #555555 !important;
}

.bg-hover-grey-gallery:hover {
    background: #555555 !important;
}

.font-grey-gallery {
    color: #555555 !important;
}

.bg-font-grey-gallery {
    color: #ffffff !important;
}

.border-grey-gallery {
    border-color: #555555 !important;
}

.border-top-grey-gallery {
    border-top-color: #555555 !important;
}

.border-bottom-grey-gallery {
    border-bottom-color: #555555 !important;
}

.border-left-grey-gallery {
    border-left-color: #555555 !important;
}

.border-right-grey-gallery {
    border-right-color: #555555 !important;
}

.bg-grey-cascade {
    background: #95A5A6 !important;
}

.bg-hover-grey-cascade:hover {
    background: #95A5A6 !important;
}

.font-grey-cascade {
    color: #95A5A6 !important;
}

.bg-font-grey-cascade {
    color: #FFFFFF !important;
}

.border-grey-cascade {
    border-color: #95A5A6 !important;
}

.border-top-grey-cascade {
    border-top-color: #95A5A6 !important;
}

.border-bottom-grey-cascade {
    border-bottom-color: #95A5A6 !important;
}

.border-left-grey-cascade {
    border-left-color: #95A5A6 !important;
}

.border-right-grey-cascade {
    border-right-color: #95A5A6 !important;
}

.bg-grey-silver {
    background: #BFBFBF !important;
}

.bg-hover-grey-silver:hover {
    background: #BFBFBF !important;
}

.font-grey-silver {
    color: #BFBFBF !important;
}

.bg-font-grey-silver {
    color: #FAFCFB !important;
}

.border-grey-silver {
    border-color: #BFBFBF !important;
}

.border-top-grey-silver {
    border-top-color: #BFBFBF !important;
}

.border-bottom-grey-silver {
    border-bottom-color: #BFBFBF !important;
}

.border-left-grey-silver {
    border-left-color: #BFBFBF !important;
}

.border-right-grey-silver {
    border-right-color: #BFBFBF !important;
}

.bg-grey-salsa {
    background: #ACB5C3 !important;
}

.bg-hover-grey-salsa:hover {
    background: #ACB5C3 !important;
}

.font-grey-salsa {
    color: #ACB5C3 !important;
}

.bg-font-grey-salsa {
    color: #FAFCFB !important;
}

.border-grey-salsa {
    border-color: #ACB5C3 !important;
}

.border-top-grey-salsa {
    border-top-color: #ACB5C3 !important;
}

.border-bottom-grey-salsa {
    border-bottom-color: #ACB5C3 !important;
}

.border-left-grey-salsa {
    border-left-color: #ACB5C3 !important;
}

.border-right-grey-salsa {
    border-right-color: #ACB5C3 !important;
}

.bg-grey-salt {
    background: #bfcad1 !important;
}

.bg-hover-grey-salt:hover {
    background: #bfcad1 !important;
}

.font-grey-salt {
    color: #bfcad1 !important;
}

.bg-font-grey-salt {
    color: #FAFCFB !important;
}

.border-grey-salt {
    border-color: #bfcad1 !important;
}

.border-top-grey-salt {
    border-top-color: #bfcad1 !important;
}

.border-bottom-grey-salt {
    border-bottom-color: #bfcad1 !important;
}

.border-left-grey-salt {
    border-left-color: #bfcad1 !important;
}

.border-right-grey-salt {
    border-right-color: #bfcad1 !important;
}

.bg-grey-mint {
    background: #525e64 !important;
}

.bg-hover-grey-mint:hover {
    background: #525e64 !important;
}

.font-grey-mint {
    color: #525e64 !important;
}

.bg-font-grey-mint {
    color: #FFFFFF !important;
}

.border-grey-mint {
    border-color: #525e64 !important;
}

.border-top-grey-mint {
    border-top-color: #525e64 !important;
}

.border-bottom-grey-mint {
    border-bottom-color: #525e64 !important;
}

.border-left-grey-mint {
    border-left-color: #525e64 !important;
}

.border-right-grey-mint {
    border-right-color: #525e64 !important;
}

.bg-grey-light {
    background: #f6f6f6 !important;
}

.bg-red {
    background: #e7505a !important;
}

.bg-hover-red:hover {
    background: #e7505a !important;
}

.font-red {
    color: #e7505a !important;
}

.bg-font-red {
    color: #ffffff !important;
}

.border-red {
    border-color: #e7505a !important;
}

.border-top-red {
    border-top-color: #e7505a !important;
}

.border-bottom-red {
    border-bottom-color: #e7505a !important;
}

.border-left-red {
    border-left-color: #e7505a !important;
}

.border-right-red {
    border-right-color: #e7505a !important;
}

.bg-red-pink {
    background: #E08283 !important;
}

.bg-hover-red-pink:hover {
    background: #E08283 !important;
}

.font-red-pink {
    color: #E08283 !important;
}

.bg-font-red-pink {
    color: #ffffff !important;
}

.border-red-pink {
    border-color: #E08283 !important;
}

.border-top-red-pink {
    border-top-color: #E08283 !important;
}

.border-bottom-red-pink {
    border-bottom-color: #E08283 !important;
}

.border-left-red-pink {
    border-left-color: #E08283 !important;
}

.border-right-red-pink {
    border-right-color: #E08283 !important;
}

.bg-red-sunglo {
    background: #E26A6A !important;
}

.bg-hover-red-sunglo:hover {
    background: #E26A6A !important;
}

.font-red-sunglo {
    color: #E26A6A !important;
}

.bg-font-red-sunglo {
    color: #ffffff !important;
}

.border-red-sunglo {
    border-color: #E26A6A !important;
}

.border-top-red-sunglo {
    border-top-color: #E26A6A !important;
}

.border-bottom-red-sunglo {
    border-bottom-color: #E26A6A !important;
}

.border-left-red-sunglo {
    border-left-color: #E26A6A !important;
}

.border-right-red-sunglo {
    border-right-color: #E26A6A !important;
}

.bg-red-intense {
    background: #e35b5a !important;
}

.bg-hover-red-intense:hover {
    background: #e35b5a !important;
}

.font-red-intense {
    color: #e35b5a !important;
}

.bg-font-red-intense {
    color: #ffffff !important;
}

.border-red-intense {
    border-color: #e35b5a !important;
}

.border-top-red-intense {
    border-top-color: #e35b5a !important;
}

.border-bottom-red-intense {
    border-bottom-color: #e35b5a !important;
}

.border-left-red-intense {
    border-left-color: #e35b5a !important;
}

.border-right-red-intense {
    border-right-color: #e35b5a !important;
}

.bg-red-thunderbird {
    background: #D91E18 !important;
}

.bg-hover-red-thunderbird:hover {
    background: #D91E18 !important;
}

.font-red-thunderbird {
    color: #D91E18 !important;
}

.bg-font-red-thunderbird {
    color: #ffffff !important;
}

.border-red-thunderbird {
    border-color: #D91E18 !important;
}

.border-top-red-thunderbird {
    border-top-color: #D91E18 !important;
}

.border-bottom-red-thunderbird {
    border-bottom-color: #D91E18 !important;
}

.border-left-red-thunderbird {
    border-left-color: #D91E18 !important;
}

.border-right-red-thunderbird {
    border-right-color: #D91E18 !important;
}

.bg-red-flamingo {
    background: #EF4836 !important;
}

.bg-hover-red-flamingo:hover {
    background: #EF4836 !important;
}

.font-red-flamingo {
    color: #EF4836 !important;
}

.bg-font-red-flamingo {
    color: #ffffff !important;
}

.border-red-flamingo {
    border-color: #EF4836 !important;
}

.border-top-red-flamingo {
    border-top-color: #EF4836 !important;
}

.border-bottom-red-flamingo {
    border-bottom-color: #EF4836 !important;
}

.border-left-red-flamingo {
    border-left-color: #EF4836 !important;
}

.border-right-red-flamingo {
    border-right-color: #EF4836 !important;
}

.bg-red-soft {
    background: #d05454 !important;
}

.bg-hover-red-soft:hover {
    background: #d05454 !important;
}

.font-red-soft {
    color: #d05454 !important;
}

.bg-font-red-soft {
    color: #ffffff !important;
}

.border-red-soft {
    border-color: #d05454 !important;
}

.border-top-red-soft {
    border-top-color: #d05454 !important;
}

.border-bottom-red-soft {
    border-bottom-color: #d05454 !important;
}

.border-left-red-soft {
    border-left-color: #d05454 !important;
}

.border-right-red-soft {
    border-right-color: #d05454 !important;
}

.bg-red-haze {
    background: #f36a5a !important;
}

.bg-hover-red-haze:hover {
    background: #f36a5a !important;
}

.font-red-haze {
    color: #f36a5a !important;
}

.bg-font-red-haze {
    color: #ffffff !important;
}

.border-red-haze {
    border-color: #f36a5a !important;
}

.border-top-red-haze {
    border-top-color: #f36a5a !important;
}

.border-bottom-red-haze {
    border-bottom-color: #f36a5a !important;
}

.border-left-red-haze {
    border-left-color: #f36a5a !important;
}

.border-right-red-haze {
    border-right-color: #f36a5a !important;
}

.bg-red-mint {
    background: #e43a45 !important;
}

.bg-hover-red-mint:hover {
    background: #e43a45 !important;
}

.font-red-mint {
    color: #e43a45 !important;
}

.bg-font-red-mint {
    color: #ffffff !important;
}

.border-red-mint {
    border-color: #e43a45 !important;
}

.border-top-red-mint {
    border-top-color: #e43a45 !important;
}

.border-bottom-red-mint {
    border-bottom-color: #e43a45 !important;
}

.border-left-red-mint {
    border-left-color: #e43a45 !important;
}

.border-right-red-mint {
    border-right-color: #e43a45 !important;
}

.bg-yellow {
    background: #c49f47 !important;
}

.bg-hover-yellow:hover {
    background: #c49f47 !important;
}

.font-yellow {
    color: #c49f47 !important;
}

.bg-font-yellow {
    color: #ffffff !important;
}

.border-yellow {
    border-color: #c49f47 !important;
}

.border-top-yellow {
    border-top-color: #c49f47 !important;
}

.border-bottom-yellow {
    border-bottom-color: #c49f47 !important;
}

.border-left-yellow {
    border-left-color: #c49f47 !important;
}

.border-right-yellow {
    border-right-color: #c49f47 !important;
}

.bg-yellow-gold {
    background: #E87E04 !important;
}

.bg-hover-yellow-gold:hover {
    background: #E87E04 !important;
}

.font-yellow-gold {
    color: #E87E04 !important;
}

.bg-font-yellow-gold {
    color: #ffffff !important;
}

.border-yellow-gold {
    border-color: #E87E04 !important;
}

.border-top-yellow-gold {
    border-top-color: #E87E04 !important;
}

.border-bottom-yellow-gold {
    border-bottom-color: #E87E04 !important;
}

.border-left-yellow-gold {
    border-left-color: #E87E04 !important;
}

.border-right-yellow-gold {
    border-right-color: #E87E04 !important;
}

.bg-yellow-casablanca {
    background: #f2784b !important;
}

.bg-hover-yellow-casablanca:hover {
    background: #f2784b !important;
}

.font-yellow-casablanca {
    color: #f2784b !important;
}

.bg-font-yellow-casablanca {
    color: #ffffff !important;
}

.border-yellow-casablanca {
    border-color: #f2784b !important;
}

.border-top-yellow-casablanca {
    border-top-color: #f2784b !important;
}

.border-bottom-yellow-casablanca {
    border-bottom-color: #f2784b !important;
}

.border-left-yellow-casablanca {
    border-left-color: #f2784b !important;
}

.border-right-yellow-casablanca {
    border-right-color: #f2784b !important;
}

.bg-yellow-crusta {
    background: #f3c200 !important;
}

.bg-hover-yellow-crusta:hover {
    background: #f3c200 !important;
}

.font-yellow-crusta {
    color: #f3c200 !important;
}

.bg-font-yellow-crusta {
    color: #ffffff !important;
}

.border-yellow-crusta {
    border-color: #f3c200 !important;
}

.border-top-yellow-crusta {
    border-top-color: #f3c200 !important;
}

.border-bottom-yellow-crusta {
    border-bottom-color: #f3c200 !important;
}

.border-left-yellow-crusta {
    border-left-color: #f3c200 !important;
}

.border-right-yellow-crusta {
    border-right-color: #f3c200 !important;
}

.bg-yellow-lemon {
    background: #F7CA18 !important;
}

.bg-hover-yellow-lemon:hover {
    background: #F7CA18 !important;
}

.font-yellow-lemon {
    color: #F7CA18 !important;
}

.bg-font-yellow-lemon {
    color: #ffffff !important;
}

.border-yellow-lemon {
    border-color: #F7CA18 !important;
}

.border-top-yellow-lemon {
    border-top-color: #F7CA18 !important;
}

.border-bottom-yellow-lemon {
    border-bottom-color: #F7CA18 !important;
}

.border-left-yellow-lemon {
    border-left-color: #F7CA18 !important;
}

.border-right-yellow-lemon {
    border-right-color: #F7CA18 !important;
}

.bg-yellow-saffron {
    background: #F4D03F !important;
}

.bg-hover-yellow-saffron:hover {
    background: #F4D03F !important;
}

.font-yellow-saffron {
    color: #F4D03F !important;
}

.bg-font-yellow-saffron {
    color: #ffffff !important;
}

.border-yellow-saffron {
    border-color: #F4D03F !important;
}

.border-top-yellow-saffron {
    border-top-color: #F4D03F !important;
}

.border-bottom-yellow-saffron {
    border-bottom-color: #F4D03F !important;
}

.border-left-yellow-saffron {
    border-left-color: #F4D03F !important;
}

.border-right-yellow-saffron {
    border-right-color: #F4D03F !important;
}

.bg-yellow-soft {
    background: #c8d046 !important;
}

.bg-hover-yellow-soft:hover {
    background: #c8d046 !important;
}

.font-yellow-soft {
    color: #c8d046 !important;
}

.bg-font-yellow-soft {
    color: #ffffff !important;
}

.border-yellow-soft {
    border-color: #c8d046 !important;
}

.border-top-yellow-soft {
    border-top-color: #c8d046 !important;
}

.border-bottom-yellow-soft {
    border-bottom-color: #c8d046 !important;
}

.border-left-yellow-soft {
    border-left-color: #c8d046 !important;
}

.border-right-yellow-soft {
    border-right-color: #c8d046 !important;
}

.bg-yellow-haze {
    background: #c5bf66 !important;
}

.bg-hover-yellow-haze:hover {
    background: #c5bf66 !important;
}

.font-yellow-haze {
    color: #c5bf66 !important;
}

.bg-font-yellow-haze {
    color: #ffffff !important;
}

.border-yellow-haze {
    border-color: #c5bf66 !important;
}

.border-top-yellow-haze {
    border-top-color: #c5bf66 !important;
}

.border-bottom-yellow-haze {
    border-bottom-color: #c5bf66 !important;
}

.border-left-yellow-haze {
    border-left-color: #c5bf66 !important;
}

.border-right-yellow-haze {
    border-right-color: #c5bf66 !important;
}

.bg-yellow-mint {
    background: #c5b96b !important;
}

.bg-hover-yellow-mint:hover {
    background: #c5b96b !important;
}

.font-yellow-mint {
    color: #c5b96b !important;
}

.bg-font-yellow-mint {
    color: #ffffff !important;
}

.border-yellow-mint {
    border-color: #c5b96b !important;
}

.border-top-yellow-mint {
    border-top-color: #c5b96b !important;
}

.border-bottom-yellow-mint {
    border-bottom-color: #c5b96b !important;
}

.border-left-yellow-mint {
    border-left-color: #c5b96b !important;
}

.border-right-yellow-mint {
    border-right-color: #c5b96b !important;
}

.bg-purple {
    background: #8E44AD !important;
}

.bg-hover-purple:hover {
    background: #8E44AD !important;
}

.font-purple {
    color: #8E44AD !important;
}

.bg-font-purple {
    color: #ffffff !important;
}

.border-purple {
    border-color: #8E44AD !important;
}

.border-top-purple {
    border-top-color: #8E44AD !important;
}

.border-bottom-purple {
    border-bottom-color: #8E44AD !important;
}

.border-left-purple {
    border-left-color: #8E44AD !important;
}

.border-right-purple {
    border-right-color: #8E44AD !important;
}

.bg-purple-plum {
    background: #8775a7 !important;
}

.bg-hover-purple-plum:hover {
    background: #8775a7 !important;
}

.font-purple-plum {
    color: #8775a7 !important;
}

.bg-font-purple-plum {
    color: #ffffff !important;
}

.border-purple-plum {
    border-color: #8775a7 !important;
}

.border-top-purple-plum {
    border-top-color: #8775a7 !important;
}

.border-bottom-purple-plum {
    border-bottom-color: #8775a7 !important;
}

.border-left-purple-plum {
    border-left-color: #8775a7 !important;
}

.border-right-purple-plum {
    border-right-color: #8775a7 !important;
}

.bg-purple-medium {
    background: #BF55EC !important;
}

.bg-hover-purple-medium:hover {
    background: #BF55EC !important;
}

.font-purple-medium {
    color: #BF55EC !important;
}

.bg-font-purple-medium {
    color: #ffffff !important;
}

.border-purple-medium {
    border-color: #BF55EC !important;
}

.border-top-purple-medium {
    border-top-color: #BF55EC !important;
}

.border-bottom-purple-medium {
    border-bottom-color: #BF55EC !important;
}

.border-left-purple-medium {
    border-left-color: #BF55EC !important;
}

.border-right-purple-medium {
    border-right-color: #BF55EC !important;
}

.bg-purple-studio {
    background: #8E44AD !important;
}

.bg-hover-purple-studio:hover {
    background: #8E44AD !important;
}

.font-purple-studio {
    color: #8E44AD !important;
}

.bg-font-purple-studio {
    color: #ffffff !important;
}

.border-purple-studio {
    border-color: #8E44AD !important;
}

.border-top-purple-studio {
    border-top-color: #8E44AD !important;
}

.border-bottom-purple-studio {
    border-bottom-color: #8E44AD !important;
}

.border-left-purple-studio {
    border-left-color: #8E44AD !important;
}

.border-right-purple-studio {
    border-right-color: #8E44AD !important;
}

.bg-purple-wisteria {
    background: #9B59B6 !important;
}

.bg-hover-purple-wisteria:hover {
    background: #9B59B6 !important;
}

.font-purple-wisteria {
    color: #9B59B6 !important;
}

.bg-font-purple-wisteria {
    color: #ffffff !important;
}

.border-purple-wisteria {
    border-color: #9B59B6 !important;
}

.border-top-purple-wisteria {
    border-top-color: #9B59B6 !important;
}

.border-bottom-purple-wisteria {
    border-bottom-color: #9B59B6 !important;
}

.border-left-purple-wisteria {
    border-left-color: #9B59B6 !important;
}

.border-right-purple-wisteria {
    border-right-color: #9B59B6 !important;
}

.bg-purple-seance {
    background: #9A12B3 !important;
}

.bg-hover-purple-seance:hover {
    background: #9A12B3 !important;
}

.font-purple-seance {
    color: #9A12B3 !important;
}

.bg-font-purple-seance {
    color: #ffffff !important;
}

.border-purple-seance {
    border-color: #9A12B3 !important;
}

.border-top-purple-seance {
    border-top-color: #9A12B3 !important;
}

.border-bottom-purple-seance {
    border-bottom-color: #9A12B3 !important;
}

.border-left-purple-seance {
    border-left-color: #9A12B3 !important;
}

.border-right-purple-seance {
    border-right-color: #9A12B3 !important;
}

.bg-purple-intense {
    background: #8775a7 !important;
}

.bg-hover-purple-intense:hover {
    background: #8775a7 !important;
}

.font-purple-intense {
    color: #8775a7 !important;
}

.bg-font-purple-intense {
    color: #ffffff !important;
}

.border-purple-intense {
    border-color: #8775a7 !important;
}

.border-top-purple-intense {
    border-top-color: #8775a7 !important;
}

.border-bottom-purple-intense {
    border-bottom-color: #8775a7 !important;
}

.border-left-purple-intense {
    border-left-color: #8775a7 !important;
}

.border-right-purple-intense {
    border-right-color: #8775a7 !important;
}

.bg-purple-sharp {
    background: #796799 !important;
}

.bg-hover-purple-sharp:hover {
    background: #796799 !important;
}

.font-purple-sharp {
    color: #796799 !important;
}

.bg-font-purple-sharp {
    color: #ffffff !important;
}

.border-purple-sharp {
    border-color: #796799 !important;
}

.border-top-purple-sharp {
    border-top-color: #796799 !important;
}

.border-bottom-purple-sharp {
    border-bottom-color: #796799 !important;
}

.border-left-purple-sharp {
    border-left-color: #796799 !important;
}

.border-right-purple-sharp {
    border-right-color: #796799 !important;
}

.bg-purple-soft {
    background: #8877a9 !important;
}

.bg-hover-purple-soft:hover {
    background: #8877a9 !important;
}

.font-purple-soft {
    color: #8877a9 !important;
}

.bg-font-purple-soft {
    color: #ffffff !important;
}

.border-purple-soft {
    border-color: #8877a9 !important;
}

.border-top-purple-soft {
    border-top-color: #8877a9 !important;
}

.border-bottom-purple-soft {
    border-bottom-color: #8877a9 !important;
}

.border-left-purple-soft {
    border-left-color: #8877a9 !important;
}

.border-right-purple-soft {
    border-right-color: #8877a9 !important;
}

/***
Color library demo
***/
.color-demo {
    border: 1px solid #eee;
    margin: 0 0 20px 0;
    cursor: pointer;
}

.color-demo .color-view {
    padding: 35px 10px;
    text-align: center;
    font-size: 18px;
}

.color-demo .color-info {
    border-top: 1px solid #eee;
    padding: 10px 10px;
    text-align: center;
}

@media (min-width: 992px) {
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.portlet-custom .portlet-title .actions {
    float: right;
    padding: 9px 0 0 9px;
}

.portlet-custom .portlet-title .actions .item {
    float: left;
    width: 100px;
    min-height: 1px;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
}

.portlet-custom .portlet-title .actions .item-last {
    padding-left: 30px;
    width: 130px;
}

.btn-group-vertical .btn {
    margin-bottom: 5px;
}

.btn-group-vertical .btn:last-child {
    margin-bottom: 0;
}

.btn-toolbar > .btn {
    margin-bottom: 5px;
}

.btn-dropdown {
    display: block;
    width: 100%;
    text-align: left;
    background: transparent;
}

.btn-dropdown:not(:disabled):hover {
    background: #efefef;
}

.select2-container--bootstrap {
    display: inline-block;
}

.select2-container--bootstrap .select2-selection__clear {
    display: none;
}

.select2-dropdown--below {
    min-width: 150px;
}

.dropdown-menu.dropdown-right {
    left: auto;
    right: 0;
}

.dropdown-menu.dropdown-right:before {
    left: auto;
    right: 8px;
}

.dropdown-menu.dropdown-right:after {
    left: auto;
    right: 10px;
}

.dropdown-menu.dropdown-right li, .dropdown-menu.dropdown-right .btn {
    text-align: right;
}

.one-fifth {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 20%;
}

.col-md-half {
    position: relative;
    float: left;
    width: 4.166666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.input-row {
    margin: 0 -2px;
}

.input-column {
    float: left;
    padding: 0 2px;
}

.input-column.qty-input {
    width: 12%;
}

.input-column.bill-input {
    width: 30%;
}

.input-column.price-input {
    width: 22%;
}

.input-separator {
    min-height: 1px;
    margin: 10px 0;
    border-top: 1px solid #697882;
}

.input-small-date {
    width: 125px !important;
}

.table thead .select2-container--bootstrap .select2-selection, .table tfoot .select2-container--bootstrap .select2-selection {
    /*height: 30px;*/
    /*padding: 5px 24px 5px 10px;*/
    font-size: 12px;
}

.table-borderless tr,
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
    border: 0 !important;
}

.table-double-striped tr:nth-child(4n+1), .my-table-class tr:nth-child(4n+2) {
    background: #fbfcfd;
}

.manager-order-detail.modal.container {
    width: 95%;
    margin-left: -47.5%;
}

.manager-order-detail .row {
    margin-left: -8px;
    margin-right: -8px;
}

.manager-order-detail .col-md-1 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-md-2 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-md-3 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-md-4 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-md-5 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-md-6 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-md-7 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-md-8 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-md-9 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-md-10 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-md-11 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-md-12 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .row {
    margin-left: -8px;
    margin-right: -8px;
}

.manager-order-detail .col-sm-1 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-sm-2 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-sm-3 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-sm-4 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-sm-5 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-sm-6 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-sm-7 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-sm-8 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-sm-9 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-sm-10 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-sm-11 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-sm-12 {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .col-md-half {
    padding-left: 8px;
    padding-right: 8px;
}

.manager-order-detail .form-group {
    margin-left: -8px;
    margin-right: -8px;
}

.manager-order-detail h3 {
    margin-bottom: 0;
}

.manager-order-detail .nav-tabs {
    margin-bottom: 0;
}

.manager-order-detail .col-last {
    padding-right: 0;
}

.manager-order-detail .cell-text {
    padding-top: 5px;
}

.manager-order-detail .cell-btn {
    padding-top: 2px;
}

.manager-order-detail .cell-inline-block {
    padding-top: 4px;
}

.manager-order-detail .row-product-line {
    line-height: 20px;
}

.manager-order-detail .row-product-name {
    font-weight: bold;
    padding-bottom: 2px;
    background: #efefef;
}

.manager-order-detail .row-order-item {
    border: 1px solid #efefef;
}

.manager-order-detail .row-order-manufacturer {
    border-left: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.manager-order-detail .row-order-manufacturer:last-child {
    border-bottom: 0;
}

.manager-order-detail .row-order-manufacturer:last-child {
    border-bottom: 1px solid #efefef;
}

.manager-order-detail .row-order-manufacturer:first-child, .manager-order-detail .row-order-manufacturer:first-of-type {
    border-top: 1px solid #efefef;
}

.manager-order-detail .row-order-supplier {
    border-left: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.manager-order-detail .row-order-supplier:last-child {
    border-bottom: 0;
}

.manager-order-detail .row-order-type {
    border-left: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.manager-order-detail .row-order-type:last-child {
    border-bottom: 0;
}

.manager-order-detail .row-order-type:hover {
    background: #fafafa;
}

.manager-order-detail .stock-availability, .manager-order-detail .stock-quantity {
    display: inline-block;
    font-size: 12px;
    padding-top: 3px;
    width: auto;
}

.manager-order-detail .stock-availability.available, .manager-order-detail .stock-quantity.available {
    color: #1a8f40;
}

.manager-order-detail .stock-availability.unavailable, .manager-order-detail .stock-quantity.unavailable {
    color: #f36a5a;
}

.manager-order-detail .item-footer-submit {
    margin-top: 10px;
    margin-bottom: 20px;
}

.shipping-destination .input-group .input-group-btn {
    vertical-align: top;
}

.select-input-group .form-control {
    width: 50%;
}

.select-input-group .text-input {
    margin-right: -1px;
}

.modal .nav-tabs.pull-right {
    margin-right: 20px;
}

.modal.fade.in {
    margin-top: 30px !important;
    top: 0 !important;
}

.bs-multiple-full .select2-container--bootstrap {
    display: block;
}

.empty-bg {
    width: 290px;
    height: 219px;
    margin: 0 0 0 -145px;
    position: relative;
    top: 50%;
    left: 50%;
    background: url("../img/empty-bg.png") center;
}

.no-margin-bottom {
    margin-bottom: 0;
}

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

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

.margin-left-10 {
    margin-left: 10px !important;
}

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

.width-100 {
    width: 100px !important;
}

.width-80 {
    width: 80px !important;
}

.radio input[type=radio] {
    margin-left: 0;
    position: relative;
}

textarea {
    max-width: 100%;
}

.help-block.input-error {
    color: #e73d4a;
}

/* víceřádkový tooltip */
.tooltip-wrapper_order-invalid-params .tooltip {
    white-space: pre-line;
}

.tooltip-wrapper_order .tooltip {
    white-space: pre-wrap;
}

.tooltip-wrapper_order-invalid-params .tooltips {
    width: 5px;
    background: red;
}

.tooltip-wrapper_order-invalid-params .tooltips .fa-exclamation {
    color: white;
    width: 20px;
    text-align: center;
}

.stitek_cena_bunka {
    float: right;
    color: #FFFFFF;
    padding: 2px;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 20% !important;
    background-color: #FF0000;
}

.popover {
    max-width: 600px;
}

.ico-link:hover {
    text-decoration: none;
}

.no-margin-right {
    margin-right: 0 !important;
}


.address-row {
    min-height: 80px;
    overflow: hidden;
    max-width: 775px
}

.address-row.address-noheight {
    min-height: auto;
}

.address-row.copy-button {
    height: auto;
    padding-top: 5px;
}

#content-content {
    /*max-width: 1570px;*/
}

.fr-box .fr-wrapper > div:first-child {
    display: none;
}

.fr-box .fr-wrapper > div.fr-element:first-child,
.fr-box .fr-wrapper > div.fr-placeholder:first-child,
.fr-box .fr-wrapper > div.fr-iframe:first-child {
    display: inherit;
}

.fr-box.fr-code-view .fr-wrapper > div.fr-element:first-child,
.fr-box.fr-code-view .fr-wrapper > div.fr-placeholder:first-child,
.fr-box.fr-code-view .fr-wrapper > div.fr-iframe:first-child {
    display: none;
}

body.waiting:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 100000;
}

tr.js-current-product-click.activeRow {
    font-weight: bold;
}

tr.js-current-product-click.activeRow.loading {
    color: #888;
}

.nav.navbar-nav #header_notification_bar {
    min-height: auto !important;
}

.page-header .top-menu .dropdown-menu-list > li .label.label-icon {
    padding: 4px;
}

.page-header .top-menu .dropdown-menu-list > li .label.label-icon > i {
    font-size: 20px;
    line-height: 20px;
}

.page-header .top-menu .dropdown-menu-list > li.unread,
#messages tr.unread td {
    background-color: #fbf9ee;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li.unread span,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li.unread .subject .time,
#messages tr.unread td {
    font-weight: bold;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li.unread .subject .from {
    color: #1c74bf;
}

.label-error {
    background-color: #ed6b75;
}

#messages .label-icon {
    padding: 5px;
    min-width: 25px;
    display: inline-block;
}

span.expected-expedition {
    font-weight: bold;
    background-color: #00F;
    color: #FFF;
    padding: 3px 10px;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}

span.expected-expedition.yesterday {
    background-color: #F00;
}

span.expected-expedition.today {
    background-color: #ff8100;
}

span.reason:after {
    content: ",";
}

span.reason {
    font-weight: bold;
}

#js_items_table > tbody > tr {
    border-bottom: solid 5px #FFF;
}

.ok-code-button {
    display: inline-block;
    margin-right: 10px;
}

td.price {
    text-align: right;
    white-space: nowrap;
}

tfoot > tr > td.price {
    padding: 10px 8px;
}

.price-wrapper {
    white-space: nowrap;
}

.price-wrapper > .price-number:after {
    content: " ";
}

.state {
    padding: 3px 10px;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    white-space: nowrap;
}

.state-break-words {
    padding: 3px 10px;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    white-space: normal;
}

.change-for-alternative {
    padding: 2px 7px;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    border: 1px solid;
    margin-left: 5px;
    color: #FFF;
    background-color: #3598dc;
    border-color: #3598dc;
}

.order-item-row .product-name {
    max-width: 500px;
    display: inline-block;
}

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

.breadcrumb .fa.fa-home {
    font-size: 14px;
    margin: 0;
    top: 0;
}

.breadcrumb .fa {
    top: -3px;
}

.filter .order-date-filter {
    width: 50% !important;
    float: left;
    margin-bottom: 5px;
}

.filter .order-date-filter > input {
    font-size: 10px;
    padding: 6px 6px;
    text-align: center;
}

.filter .order-date-filter.input-group.date .input-group-addon {
    padding: 6px 6px;
}

.filter .small-date-filter > input {
    font-size: 10px;
    padding: 6px 6px;
    text-align: center;
}

.filter .small-date-filter.input-group.date .input-group-addon {
    padding: 6px 6px;
}

.address-row table.phone-number {
    width: 100%;
}

.address-row table.phone-number td:first-child {
    width: 58px;
}

.address-row table.phone-number td:first-child .select2-selection {
    padding-left: 2px;
    padding-right: 20px;
}

.address-row table.phone-number td:first-child .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
    right: 9px;
}

.address-row table.phone-number td:last-child input {
    padding-left: 4px;
    padding-right: 2px;
}

.order-report-container {
    position: relative;
    width: 19px;
}

.order-report-image {
    display: block;
    width: 100%;
    height: auto;
}

.order-report-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
}

.order-report-approved .order-report-overlay {
    opacity: 1;
}

.order-report-approved .order-report-image {
    transition: .5s ease;
    -webkit-filter: opacity(30%);
    -ms-filter: opacity(30%);
    filter: opacity(30%);
}

.order-report-overlay-icon {
    font-size: 14px;
    color: #23a600;
    position: absolute;
    bottom: -2px;
    right: -2px;
}

.page-header .current-revision {
    float: left;
    display: block;
    margin-top: 26px;
}

.page-header .current-exchange-rate {
    float: left;
    margin: 4px;
    display: block;
}

.im_codes.js-im-codes {
    padding-left: 20px;
    background: url("../../../global/img/portlet-collapse-icon.png") no-repeat;
}

.im_codes.js-im-codes.im-collapsed {
    background: url("../../../global/img/portlet-expand-icon.png") no-repeat;
    max-height: 30px;
    overflow: hidden;
}

.im_codes.js-im-codes.im-collapsed > .js-im-code {
    display: none;
}

.im_codes.js-im-codes.im-collapsed > .js-im-code:first-child, .im_codes.js-im-codes.im-collapsed > .js-im-code:nth-child(2) {
    display: block;
}

.address-shipper-block {
    position: relative;
}

.address-shipper-block .overlay {
    display: none;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: not-allowed;
}

.address-shipper-block.changed .overlay {
    display: block;
}

.precision-note {
    font-style: italic;
}

.google-address > span.differs {
    font-weight: bold;
    color: #bf9101;
}

.cursor-pointer {
    cursor: pointer;
}

.line-height-normal {
    line-height: normal !important;
}

.select2-dropdown {
    min-width: 300px;
}

.money-back-amount.fa-exclamation-triangle {
    color: orange;
    cursor: pointer;
}

.money-back-amount + .tooltip {
    white-space: pre-line;
}

.padding-10 {
    padding: 10px;
}

.padding-20 {
    padding: 20px;
}

.padding-40 {
    padding: 40px;
}

.text-green {
    color: #0faf0f;
}

.button--submit {
    color: #FFFFFF;
    background-color: #32c5d2;
    outline: none !important;
    box-shadow: none !important;
    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 #32c5d2;
    white-space: nowrap;
    padding: 10px;
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.button--submit:hover {
    color: #FFFFFF;
    background-color: #26a1ab;
    border-color: #2499a3;
    transition: all 0.3s;
    text-decoration: none;
}

/*btSearch on ARES*/
.btSearchAres {
    height: 26px;
    width: 34px;
    line-height: 26px !important;
}

/*ARES Progressbar*/
.ares_progress {
    display: none;
    background-color: #8c8c8cb5;
    z-index: 100;
    width: 100%;
    height: 34px;
    position: absolute;
    text-align: center;
    line-height: 34px;
}

.ares_progress i {
    font-family: Fontawesome;
    font-style: normal;
    color: white;
    font-size: 20px;
}

.has-loading.loading {
    background-image: url(../../../global/img/loading.gif) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    z-index: 100 !important;
}

body {
    font-family: Arial, serif;
    background-color: #454545;
}

h1, h2, h3, h4, h5, h6 {
    color: #d39410 !important;
}

a {
    color: #d39410;
}

a:hover, a:focus {
    color: #c08200;
}

.login {
    background-color: #292929 !important;
}

.login .logo {
    margin: 60px auto 20px;
    padding: 15px;
    text-align: center;
}

.login .content {
    background-color: #fff;
    width: 500px;
    margin: 0 auto;
    padding: 20px 30px 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}

.login .footer {
    color: #fff;
}

.page-header.navbar {
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 1020;
}

.page-header.navbar .page-logo {
    background-color: transparent;
}

.page-header.navbar .page-logo .logo-default {
    margin: 20px 0 0 0;
}

.page-header.navbar .menu-toggler.sidebar-toggler {
    float: left;
    margin: 23px 0 0 0;
}

.page-header.navbar.local,
.page-header .page-header-inner.local .page-top,
.page-header .page-header-inner.local .page-top .search-form {
    background-color: #e7ce00;
}

.page-header.navbar.devel,
.page-header .page-header-inner.devel .page-top,
.page-header .page-header-inner.devel .page-top .search-form {
    background-color: #292929;
}

.page-header .page-header-inner.main .page-top .search-form:hover,
.page-header .page-header-inner.main .page-top .search-form:focus {
    background-color: #f9fafc;
}

.page-header .page-header-inner.local .page-top .search-form:hover,
.page-header .page-header-inner.local .page-top .search-form:focus,
.page-header .page-header-inner.devel .page-top .search-form:hover,
.page-header .page-header-inner.devel .page-top .search-form:focus {
    background-color: #fff;
}

.btn,
button {
    border-radius: 25px !important;
}

.font-green {
    color: #d39410 !important;
}

.btn.btn-outline.gold {
    background-color: transparent;
    border-color: #d39410;
    color: #d39410;
}

.btn.btn-outline.gold:hover,
.btn.btn-outline.gold:active,
.btn.btn-outline.gold:active:hover,
.btn.btn-outline.gold:active:focus,
.btn.btn-outline.gold:focus,
.btn.btn-outline.gold.active {
    background-color: #d39410;
    border-color: #d39410;
    color: #ffffff;
}

.btn-success,
.btn-primary,
.btn.green:not(.btn-outline),
.btn.blue:not(.btn-outline) {
    background-color: #d39410;
    border-color: #d39410;
    color: #ffffff;
}

.btn-success:hover,
.btn-success:active,
.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:focus,
.btn-success.active,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:focus,
.btn-primary.active,
.btn.green:not(.btn-outline):hover,
.btn.green:not(.btn-outline):active,
.btn.green:not(.btn-outline):active:hover,
.btn.green:not(.btn-outline):active:focus,
.btn.green:not(.btn-outline):focus,
.btn.green:not(.btn-outline).active,
.btn.blue:not(.btn-outline):hover,
.btn.blue:not(.btn-outline):active,
.btn.blue:not(.btn-outline):active:hover,
.btn.blue:not(.btn-outline):active:focus,
.btn.blue:not(.btn-outline):focus,
.btn.blue:not(.btn-outline).active {
    background-color: #c08200;
    border-color: #a47002;
    color: #ffffff;
}

.btn.btn-outline.green,
.btn.btn-outline.blue {
    border-color: #c08200;
    color: #c08200;
}

.btn.btn-outline.green:hover,
.btn.btn-outline.green:active,
.btn.btn-outline.green:active:hover,
.btn.btn-outline.green:active:focus,
.btn.btn-outline.green:focus,
.btn.btn-outline.green.active,
.btn.btn-outline.blue:hover,
.btn.btn-outline.blue:active,
.btn.btn-outline.blue:active:hover,
.btn.btn-outline.blue:active:focus,
.btn.btn-outline.blue:focus,
.btn.btn-outline.blue.active {
    background-color: #c08200;
    border-color: #a47002;
    color: #ffffff;
}

.btn.yellow-gold:not(.btn-outline) {
    background-color: #55b723;
    border-color: #55b723;
}

.btn.yellow-gold:not(.btn-outline):hover,
.btn.yellow-gold:not(.btn-outline):active,
.btn.yellow-gold:not(.btn-outline):active:hover,
.btn.yellow-gold:not(.btn-outline):active:focus,
.btn.yellow-gold:not(.btn-outline):focus,
.btn.yellow-gold:not(.btn-outline).active {
    background-color: #399d04;
    border-color: #2c7a03;
}

.page-title {
    display: inline-block;
    float: left;
    margin: 0 0 20px 0;
}

.page-toolbar {
    display: inline-block;
    float: right;
}

.page-sidebar-wrapper {
    /*position: sticky;
    top: 68px;
    z-index: 1020;*/
}

@media (max-width: 767px) {
    .page-sidebar-wrapper {
        top: 136px;
    }
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a,
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
    color: #ffffff !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    background: #d39410 !important;
}

.page-sidebar .page-sidebar-menu > li > a {
    font-size: 1.4rem !important;
}

.page-sidebar .page-sidebar-menu > li > a > i {
    font-size: 2rem !important;
}

@media (min-width: 992px) {
    .page-sidebar-closed .page-sidebar {
        width: 54px !important;
    }

    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
        width: 54px !important;
    }

    .page-sidebar-closed .page-content-wrapper .page-content {
        margin-left: 54px !important;
    }
}

.page-sidebar,
.page-sidebar .page-sidebar-menu > li,
.page-sidebar .page-sidebar-menu > li > a,
.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
    background-color: #454545 !important;
}

.page-sidebar-menu-hover-submenu li:hover a > .arrow {
    border-right: 8px solid #454545 !important;
}

.page-sidebar .page-sidebar-menu > li > a {
    border-top: 1px solid #454545 !important;
}

.page-sidebar .page-sidebar-menu > li > a > i {
    color: #ffffff !important;
}

.page-sidebar .page-sidebar-menu > li:hover > a > i {
    color: #d39410 !important;
}

.page-sidebar .page-sidebar-menu > li.active > a > i {
    color: #d39410 !important;
}

.page-footer {
    height: auto;
    background-color: #454545;
    position: sticky;
    bottom: 0;
    z-index: 1020;
}

.input-group * {
    border-radius: 0 !important;
}

.input-group .input-group-btn,
.input-group .input-group-addon {
    border: 0 !important;
}

.form-control {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #c2cad8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #555;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px
}

.dataTables_wrapper {
    overflow: auto;
    background-color:#FFF;
    border-radius:10px;
    padding: 0 15px;
}

table.dataTable tr.heading > th {
    background-color: transparent;
    color: #d39410;
}

table.dataTable tr.heading > th .sort-toggle {
    color: #d39410;
}

table.dataTable .table-hover > tbody > tr:hover {
    background-color: #f9f9f9;
}

.dataTables_paginate a,
.dataTables_paginate span.ellipsis {
    color: #d39410 !important;
}

.dataTables_paginate a:hover,
.dataTables_paginate a:focus {
    color: #d39410 !important;
}

.dataTables_paginate a.current,
.dataTables_paginate a.current:hover,
.dataTables_paginate a.current:focus {
    background-color: #d39410 !important;
    border-color: #a47002 !important;
    color: #ffffff !important;
}

.table-bordered,
.table-bordered th,
.table-bordered td {
    border-left: none !important;
    border-right: none !important;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #d39410;
    color: #fff;
}

.alert,
.panel,
.portlet,
.page-bar {
    border-radius: none;
}

.panel,
.panel.overlay-wrapper,
.portlet.light {
    background: #efefef;
    background: linear-gradient(30deg, rgba(237, 237, 237, 1) 0%, rgba(249, 249, 249, 1) 100%);
    -webkit-box-shadow: 0px 0px 68px -17px rgba(230, 230, 230, 1);
    -moz-box-shadow: 0px 0px 68px -17px rgba(230, 230, 230, 1);
    box-shadow: 0px 0px 68px -17px rgba(230, 230, 230, 1);
}

.page-container-bg-solid .page-content {
    background: #fff;
}

.alert-danger {
    background-color: #ffeca1;
    border-color: #dd8303;
    color: #dd8303;
}


#js_items_table>tbody>tr {
    border-bottom:none;
}

.alert-success {
    background-color: #c9f981;
    border-color: #c9f981;
    color: #000;
}

.page-footer .page-footer-inner {
    color: #fff;
}