/******************************************************
 * CSS override for CloudCraze.
 * Override any CSS provided by OOTB CloudCraze below
*******************************************************/

html, body {
    height: 100%;
    margin: 0;
}

.footerBrowser {
    padding-top:30px!important;
    background-color: #000000;
}

body {
    font-family: "Open Sans", Verdana, Helvetica, Arial, sans-serif !important;
    color: #37474f !important;
    font-size: 14px !important;
    line-height: 1.57 !important;
}

header {
    background-color: #f6f6f6 !important;
}


/* NAVBAR */
.navbar {
    min-height: 40px !important;
    margin-bottom: 0px !important;
}
.navbar-default {
    background-color: #FFF !important;
    border: 0px !important;
}
.navbar-collapse {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

#searchText, #searchText-xs {
    box-shadow: none !important;
    -webkit-appearance: none !important;
}
#searchText {
    border-right:0px;
}
#searchText-xs {
    min-height:43px;
    border-right:0px;
}
#searchText:focus, #searchText-xs:focus {
    border-right: 0px!important;
}
#doSearch, #doSearch-xs {
    background-color:#FFF;
    border-left:0px;
    cursor:pointer;
}
#searchTextGroup-xs {
    z-index:100;
    width:100%;
    position:absolute;
    height:43px;
    left:0;
    top:55px;
}
.navbar-default .navbar-nav>li>a {
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.top-header-bar {
    height:40px !important;
    line-height:40px !important;
}
.form-control {
    border-radius: 0px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 14px !important;
}
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 14px !important;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
    font-size: 14px !important;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
    font-size: 14px !important;
}
.form-control:-moz-placeholder { /* Firefox 18- */
    font-size: 14px !important;
}
.form-control:focus {
    border-color: #ccc;
    border: 1px solid #ccc !important;
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.input-group-addon {
    border-radius: 0px !important;
}
.alert {
    border-radius: 0px !important;
}
.footer-barco-info {
    margin: 0px;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
}
.footer-header-title {
    font-size: 14px !important;
    font-weight: 600 !important;
}
.footer-copyright {
    font-size: 12px;
    font-weight: 400;
    color: #c1c1c1;
    margin-top: 38px;
}
.thumbnail {
    padding: 0px !important;
    border-radius: 2px !important;
    margin-bottom: 30px !important;
    cursor: pointer;
}
.thumbnail .caption {
    padding: 25px !important;
}
.thumbnail .featured {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
}
/* BUTTONS */
.btn {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    border-radius: 0px !important;
    outline: none !important;
    outline-color: transparent !important;
}
.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.btn-primary, .btn-primary:visited {
    background-color: #f00000 !important;
    border: 2px solid #f00000 !important;
    border-color: #f00000 !important;
    color: #FFF !important;
}
.btn-primary:focus, .btn-primary:hover, .btn-primary:active {
    background-color: #E43A45 !important;
    border: 2px solid #E43A45 !important;
    border-color: #E43A45 !important;
    color: #FFF !important;
}
.btn-primary-outline, .btn-primary-outline:visited {
    background-color: rgba(254, 254, 254, 0.3) !important;
    border: 2px solid #f00000 !important;
    border-color: #f00000 !important;
    color: #f00000 !important;
}
.btn-primary-outline:focus, .btn-primary-outline:hover, .btn-primary-outline:active {
    background-color: rgba(254, 254, 254, 0.3) !important;
    border: 2px solid #E43A45 !important;
    border-color: #E43A45 !important;
    color: #E43A45 !important;
}
.btn-primary-outline-disabled {
    background-color: #263238 !important;
    border: 2px solid #000000 !important;
    border-color: #000000 !important;
    color: #F6F6F6 !important;
}
.btn-primary-outline-white, .btn-primary-outline-white:visited {
    background-color: transparent !important;
    border: 2px solid #FFF !important;
    border-color: #FFF !important;
    color: #FFF !important;
}
.btn-primary-outline-white:focus, .btn-primary-outline-white:hover, .btn-primary-outline-white:active {
    background-color: transparent !important;
    border: 2px solid #FFF !important;
    border-color: #FFF !important;
    color: #FFF !important;
}
.btn-primary-outline-black, .btn-primary-outline-black:visited {
    background-color: transparent !important;
    border: 2px solid #000 !important;
    border-color: #000 !important;
    color: #000 !important;
}
.btn-primary-outline-black:focus, .btn-primary-outline-black:hover, .btn-primary-outline-black:active {
    background-color: transparent !important;
    border: 2px solid #333 !important;
    border-color: #333 !important;
    color: #333 !important;
}
.btn-secondary, .btn-secondary:visited {
    background-color: #263238 !important;
    border: 2px solid #263238 !important;
    border-color: #263238 !important;
    color: #FFF !important;
}
.btn-secondary:focus, .btn-secondary:hover, .btn-secondary:active {
    background-color: #333333 !important;
    border: 2px solid #333333 !important;
    border-color: #333333 !important;
    color: #FFF !important;
}
.btn-link, .btn-link:visited {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    color: #263238 !important;
    text-decoration: underline !important;
}
.btn-link:focus, .btn-link:hover, .btn-link:active {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    color:#f00000 !important;
    text-decoration: underline !important;
}
.btn-red, .btn-red:visited {
    background-color: #f00000 !important;
    border: 2px solid #f00000 !important;
    color: #FFFFFF !important;
}
.btn-red:focus, .btn-red:hover, .btn-red:active {
    background-color: #f00000 !important;
    border: 2px solid #f00000 !important;
    color: #F6F6F6 !important;
}
.btn-white, .btn-white:visited {
    background-color: #FFF !important;
    border: 2px solid #FFF !important;
    color: #f00000 !important;
}
.btn-white:focus, .btn-white:hover, .btn-white:active {
    background-color: #F6F6F6 !important;
    border: 2px solid #F6F6F6 !important;
    color: #f00000 !important;
}
.btn-white-outline, .btn-white-outline:visited {
    background-color: transparent !important;
    border: 2px solid #FFF !important;
    color: #FFF !important;
}
.btn-white-outline:focus, .btn-white-outline:hover, .btn-white-outline:active {
    background-color: transparent !important;
    border: 2px solid #F6F6F6 !important;
    color: #F6F6F6 !important;
}
.btn-lg, .btn-group-lg > .btn {
    padding: 12px 16px !important;
}
.caption h5 {
    font-size: 10px;
    font-weight: 700;
    color: #263238 !important;
    text-transform: uppercase;
}
.caption h4 {
    min-height: 14px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 18px;
    font-weight: 400;
    color: #f00000 !important;
}
.caption {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #37474f !important;
}
.caption a {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #37474f !important;
}


/* HEADINGS */
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
    line-height: 1 !important;
}

h1, .h1 {
    font-family: 'MuseoSansCyrl-900', sans-serif !important;
    font-weight: normal !important;
}

h2, .h2 {
    font-family: 'MuseoSans-700', sans-serif !important;
    font-weight: normal !important;
    color: #263238 !important;
}

h3, .h3 {
    font-family: 'MuseoSans-500', sans-serif !important;
    font-weight: normal !important;
    color: #37474f !important;
}

h4, .h4 {
    font-family: 'MuseoSans-500', sans-serif !important;
    font-weight: normal !important;
}

h5, .h5 {
    font-family: 'MuseoSans-500', sans-serif !important;
    font-weight: normal !important;
}

.section-subtitle {
    font-family: 'MuseoSans-300', sans-serif !important;
    font-weight: normal !important;
    color: #455A64;
    margin-top: 5px;
    margin-bottom: 15px;

}

/* EOF HEADINGS */

/* BOF COLOR PALETTE */
.barco-red-color {
    color: #f00000 !important;
}
.barco-white-color {
    color: #FFFFFF !important;
}
.barco-black-color {
    color: #000000 !important;
}
.barco-black-tint-90-color {
    color: #263238 !important;
}
.barco-black-tint-80-color {
    color: #37474F !important;
}
.barco-black-tint-70-color {
    color: #455A64 !important;
}
.barco-black-tint-60-color {
    color: #546E7A !important;
}
.barco-black-tint-50-color {
    color: #607D8B !important;
}
.barco-black-tint-40-color {
    color: #78909C !important;
}
.barco-black-tint-30-color {
    color: #90A4AE !important;
}
.barco-black-tint-20-color {
    color: #B0BEC5 !important;
}
.barco-black-tint-10-color {
    color: #CFD8DC !important;
}
.barco-black-tint-5-color {
    color: #ECEFF1 !important;
}

.barco-material-orange-900-color {
    color: #E65100 !important;
}
.barco-material-orange-700-color {
    color: #F57C00 !important;
}
.barco-material-orange-200-color {
    color: #FFCC80 !important;
}

.barco-material-amber-400-color {
    color: #FFCA28 !important;
}
.barco-material-yellow-500-color {
    color: #FFEB3B !important;
}
.barco-material-yellow-200-color {
    color: #FFF59D !important;
}

.barco-material-green-400-color {
    color: #00E676 !important;
}
.barco-material-green-200-color {
    color: #69F0AE !important;
}
.barco-material-green-100-color {
    color: #B9F6CA !important;
}

.barco-material-teal-800-color {
    color: #00695C !important;
}
.barco-material-teal-600-color {
    color: #00897B !important;
}
.barco-material-teal-200-color {
    color: #80CBC4 !important;
}

.barco-material-pink-700-color {
    color: #B61651 !important;
}
.barco-material-pink-500-color {
    color: #E91E63 !important;
}
.barco-material-pink-200-color {
    color: #F48FB1 !important;
}

.barco-material-purple-800-color {
    color: #6A1B9A !important;
}
.barco-material-purple-600-color {
    color: #8E24AA !important;
}
.barco-material-purple-200-color {
    color: #CE93D8 !important;
}

.barco-material-blue-700-color {
    color: #2962FF !important;
}
.barco-material-blue-500-color {
    color: #2196F3 !important;
}
.barco-material-blue-200-color {
    color: #90CAF9 !important;
}

.barco-material-cyan-400-color {
    color: #26C6DA !important;
}
.barco-material-cyan-200-color {
    color: #80DEEA !important;
}
.barco-material-cyan-100-color {
    color: #B2EBF2 !important;
}


.barco-red-bg-color {
    background-color: #f00000 !important;
}
.barco-white-bg-color {
    background-color: #FFFFFF !important;
}
.barco-black-bg-color {
    background-color: #000000 !important;
}
.barco-black-tint-90-bg-color {
    background-color: #263238 !important;
}
.barco-black-tint-80-bg-color {
    background-color: #37474F !important;
}
.barco-black-tint-70-bg-color {
    background-color: #455A64 !important;
}
.barco-black-tint-60-bg-color {
    background-color: #546E7A !important;
}
.barco-black-tint-50-bg-color {
    background-color: #607D8B !important;
}
.barco-black-tint-40-bg-color {
    background-color: #78909C !important;
}
.barco-black-tint-30-bg-color {
    background-color: #90A4AE !important;
}
.barco-black-tint-20-bg-color {
    background-color: #B0BEC5 !important;
}
.barco-black-tint-10-bg-color {
    background-color: #CFD8DC !important;
}
.barco-black-tint-5-bg-color {
    background-color: #ECEFF1 !important;
}

.barco-material-orange-900-bg-color {
    background-color: #E65100 !important;
}
.barco-material-orange-700-bg-color {
    background-color: #F57C00 !important;
}
.barco-material-orange-200-bg-color {
    background-color: #FFCC80 !important;
}

.barco-material-amber-400-bg-color {
    background-color: #FFCA28 !important;
}
.barco-material-yellow-500-bg-color {
    background-color: #FFEB3B !important;
}
.barco-material-yellow-200-bg-color {
    background-color: #FFF59D !important;
}

.barco-material-green-400-bg-color {
    background-color: #00E676 !important;
}
.barco-material-green-200-bg-color {
    background-color: #69F0AE !important;
}
.barco-material-green-100-bg-color {
    background-color: #B9F6CA !important;
}

.barco-material-teal-800-bg-color {
    background-color: #00695C !important;
}
.barco-material-teal-600-bg-color {
    background-color: #00897B !important;
}
.barco-material-teal-200-bg-color {
    background-color: #80CBC4 !important;
}

.barco-material-pink-700-bg-color {
    background-color: #B61651 !important;
}
.barco-material-pink-500-bg-color {
    background-color: #E91E63 !important;
}
.barco-material-pink-200-bg-color {
    background-color: #F48FB1 !important;
}

.barco-material-purple-800-bg-color {
    background-color: #6A1B9A !important;
}
.barco-material-purple-600-bg-color {
    background-color: #8E24AA !important;
}
.barco-material-purple-200-bg-color {
    background-color: #CE93D8 !important;
}

.barco-material-blue-700-bg-color {
    background-color: #2962FF !important;
}
.barco-material-blue-500-bg-color {
    background-color: #2196F3 !important;
}
.barco-material-blue-200-bg-color {
    background-color: #90CAF9 !important;
}

.barco-material-cyan-400-bg-color {
    background-color: #26C6DA !important;
}
.barco-material-cyan-200-bg-color {
    background-color: #80DEEA !important;
}
.barco-material-cyan-100-bg-color {
    background-color: #B2EBF2 !important;
}


.red {
    color:#f00000 !important;
}
.light-red {
    color: #f00000 !important;
}
.white {
    color: #FFFFFF !important;
}
.black {
    color: #000000 !important;
}
.grey {
    color: #37474f !important;
}
.light-grey {
    color: #455a64 !important;
}
.very-light-grey {
    color: #c1c1c1 !important;
}
/* EOF COLOR PALETTE */

/* BOF FONT SIZES */
.fs60 {
    font-size:60px !important;
}
.fs48 {
    font-size:48px !important;
}
.fs44 {
    font-size:44px !important;
}
.fs40 {
    font-size:40px !important;
}
.fs36 {
    font-size:36px !important;
}
.fs32 {
    font-size:32px !important;
}
.fs28 {
    font-size:28px !important;
}
.fs24 {
    font-size:24px !important;
}
.fs20 {
    font-size:20px !important;
}
.fs18 {
    font-size:18px !important;
}
.fs16 {
    font-size:16px !important;
}
.fs14 {
    font-size:14px !important;
}
.fs13 {
    font-size:13px !important;
}
.fs12 {
    font-size:12px !important;
}
.fs10 {
    font-size:10px !important;
}
/* EOF FONT SIZES */

.mb0 {
    margin-bottom: 0px !important;
}
.mt0 {
    margin-top: 0px !important;
}
.ml0 {
    margin-left: 0px !important;
}
.mr0 {
    margin-right: 0px !important;
}
.mb5 {
    margin-bottom: 5px !important;
}
.mt5 {
    margin-top: 5px !important;
}
.ml5 {
    margin-left: 5px !important;
}
.mr5 {
    margin-right: 5px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.ml10 {
    margin-left: 10px !important;
}
.mr10 {
    margin-right: 10px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mt15 {
    margin-top: 15px !important;
}
.ml15 {
    margin-left: 15px !important;
}
.mr15 {
    margin-right: 15px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.ml20 {
    margin-left: 20px !important;
}
.mr20 {
    margin-right: 20px !important;
}
.mb25 {
    margin-bottom: 25px !important;
}
.mt25 {
    margin-top: 25px !important;
}
.ml25 {
    margin-left: 25px !important;
}
.mr25 {
    margin-right: 25px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.ml30 {
    margin-left: 30px !important;
}
.mr30 {
    margin-right: 30px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.ml40 {
    margin-left: 40px !important;
}
.mr40 {
    margin-right: 40px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.mt50 {
    margin-top: 50px !important;
}
.ml50 {
    margin-left: 50px !important;
}
.mr50 {
    margin-right: 50px !important;
}
.m0 {
    margin: 0px !important;
}
.m15 {
    margin: 15px !important;
}
.p10 {
    padding: 10px !important;
}
.p15 {
    padding: 15px !important;
}
.pb0 {
    padding-bottom: 0px !important;
}
.pt0 {
    padding-top: 0px !important;
}
.pl0 {
    padding-left: 0px !important;
}
.pr0 {
    padding-right: 0px !important;
}
.pb10 {
    padding-bottom: 10px !important;
}
.pt10 {
    padding-top: 10px !important;
}
.pl10 {
    padding-left: 10px !important;
}
.pr10 {
    padding-right: 10px !important;
}
.pb15 {
    padding-bottom: 15px !important;
}
.pt15 {
    padding-top: 15px !important;
}
.pl15 {
    padding-left: 15px !important;
}
.pr15 {
    padding-right: 15px !important;
}
.pb20 {
    padding-bottom: 20px !important;
}
.pt20 {
    padding-top: 20px !important;
}
.pl20 {
    padding-left: 20px !important;
}
.pr20 {
    padding-right: 20px !important;
}
.pb30 {
    padding-bottom: 30px !important;
}
.pt30 {
    padding-top: 30px !important;
}
.pl30 {
    padding-left: 30px !important;
}
.pr30 {
    padding-right: 30px !important;
}
.p0 {
    padding: 0px !important;
}
.h-100 {
    height: 100%;
}
.no-border {
    border: 0px !important;
}
.no-background {
    background: none !important;
    background-color: transparent !important;
}
.no-box-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.no-padding {
    padding : 0px !important;
}
.no-margin {
    margin : 0px !important;
}

#locale-dropdown-container, #effectiveAccount-dropdown-container {
    font-size: 12px;
}
.modal-title {
    color: #272727 !important;
}
.modal-content {
    border-radius: 0px !important;
}

.content-section-description ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 18px;
    text-indent: -18px;
}
.content-section-description li {
    margin-left: 1px;
    text-indent: -.1.3em;
}
.content-section-description li::before {
    content: "\f04d";
    font-family: FontAwesome;
    color: #f00000;
    font-size: 10px;
    margin-right: 10px;
}

.use-case-category {
    min-height: 15px;
    height: 15px;
    color: #263238;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
}

.use-case-name {
    margin-top: 10px;
    margin-bottom: 20px;
    color: #f00000;
    font-size: 18px;
}

.gradient-border-red-lb-rt {
    background-image: linear-gradient(white, #f00000),
    linear-gradient(to right, #f00000, white),
    linear-gradient(to bottom, #f00000, white),
    linear-gradient(to left, #f00000, white),
    linear-gradient(white, white);
    background-repeat: no-repeat;
    background-size: 7px 50px, 50px 7px, 7px 50px, 50px 7px, calc(100% - 8px) calc(100% - 8px);
    background-position: left bottom, left bottom, right top, right top, 7px 7px;
    padding: 30px;
}
.quote-text {
    font-size: 20px;
    font-weight: 400;
    color: #c80005;
}
.quote-author-picture {
    margin-top:26px;
    margin-bottom: 4px;
    width: 30px;
    height: 30px;
    border: 1px solid #FFF;
    border-radius: 15px;
}
.quote-author-name {
    font-size: 10px;
    font-weight: 600;
    color: #c80005;
}
.quote-author-job-title {
    font-size: 10px;
    font-weight: 300;
    color: #000000;
}
#select-locale-icon {
    background-color: transparent;
    border: 0px !important;
    padding-right: 0px !important;
    color: #37474f !important;
}
.footer_links {
    padding: 18px 0px 17px 0px;
}
.subscribe-banner {
    background-color: #737e85 !important;
}
#subscribe-addon button {
    padding: 11px 16px 11px 16px;
}
#email-newsletter-field {
    border:0px !important;
}
#MyAccount_navSection .panel-default {
    border-color: #FFF;
}
#MyAccount_navSection .panel {
    margin-bottom: 0px;
    background-color: #fff;
    border: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#MyAccount_navSection .panel-heading {
    border-bottom: 0px;
}
#MyAccount_navSection .list-group-item {
    border: 0px;
}
#MyAccount_navSection .list-group-item.active {
    z-index: 2;
    color: #f00000;
    background-color: #FFF;
    border-color: #FFF;
}
/* placeholders of input fields */
/* Chrome/Opera/Safari */
::-webkit-input-placeholder {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
}
/* Firefox 19+ */
::-moz-placeholder {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
}
/* IE 10+ */
:-ms-input-placeholder {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
}
/* Firefox 18- */
:-moz-placeholder {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
}
.product-detail p {
    margin-top: 20px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.57;
    color: #37474f;
}
.product-detail ul {
    padding-left: 20px;
}
.brochure a:link, .brochure a:visited {
    color: #37474f;
    text-decoration: none;
}
.brochure a:focus, .brochure a:hover {
    color:#f00000;
    text-decoration: none;
}
.brochure a:active {
    color:#f00000;
    text-decoration: none;
}
.footer-container a:link, .footer-container a:visited {
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
}
.footer-container a:focus, .footer-container a:hover {
    color:#f00000;
    text-decoration: none;
}
.footer-container a:active {
    color:#f00000;
    text-decoration: none;
}
.bg-grey {
    background-color: #F3F3F3;
}

.bg-red {
    background-color:#f00000;
}
div.rate-plan-bg0 {
    background: #f38231; /* fallback for old browsers */
    background: -moz-linear-gradient(top, #f6a76e , #f38231); /* FF3.6-15 */
    background: -webkit-linear-gradient(to bottom, #f6a76e , #f38231); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #f6a76e , #f38231); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    padding: 71px 0px 60px 0px;
}
div.rate-plan-bg1 {
    background: #fed330; /* fallback for old browsers */
    background: -moz-linear-gradient(top, #fee06e , #fed330); /* FF3.6-15 */
    background: -webkit-linear-gradient(to bottom, #fee06e , #fed330); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #fee06e , #fed330); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    padding: 71px 0px 60px 0px;
}
div.rate-plan-bg2 {
    background: #97ce9e; /* fallback for old browsers */
    background: -moz-linear-gradient(top, #b6dcbb , #97ce9e); /* FF3.6-15 */
    background: -webkit-linear-gradient(to bottom, #b6dcbb , #97ce9e); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #b6dcbb , #97ce9e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    padding: 71px 0px 60px 0px;
}
div.rate-plan-bg3 {
    background: #00c6ff; /* fallback for old browsers */
    background: -moz-linear-gradient(top, #00c6ff , #0072ff); /* FF3.6-15 */
    background: -webkit-linear-gradient(to bottom, #00c6ff , #0072ff); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #00c6ff , #0072ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    padding: 71px 0px 60px 0px;
}
div.rate-plan-bg4 {
    background: #9D50BB; /* fallback for old browsers */
    background: -moz-linear-gradient(top, #9D50BB , #6E48AA); /* FF3.6-15 */
    background: -webkit-linear-gradient(to bottom, #9D50BB , #6E48AA); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #9D50BB , #6E48AA); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    padding: 71px 0px 60px 0px;
}
div.rate-plan-bg5 {
    background: #ff0084; /* fallback for old browsers */
    background: -moz-linear-gradient(top, #ff0084 , #33001b); /* FF3.6-15 */
    background: -webkit-linear-gradient(to bottom, #ff0084 , #33001b); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #ff0084 , #33001b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    padding: 71px 0px 60px 0px;
}
div.rate-plan-border0 {
    border: 3px solid #ef6c0e;
}
div.rate-plan-border1 {
    border: 3px solid #f2c001;
}
div.rate-plan-border2 {
    border: 3px solid #4da358;
}
div.rate-plan-border3 {
    border: 3px solid #00b7eb;
}
div.rate-plan-border4 {
    border: 3px solid #9445b2;
}
div.rate-plan-border5 {
    border: 3px solid #eb007a;
}
.rate-plan-price {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
}
.rate-plan-features {
    font-size: 14px;
    font-weight: 400;
    line-height: 2.0;
    text-align: center;
    color: #ffffff;
    height:84px;
}
.rate-plan-as-of {
    font-size: 14px;
    font-weight: 400;
    line-height: 2.0;
    text-align: center;
    color: #ffffff;
}
.rate-plan-cta {
    margin-top: 18px;
}
.word-break {
    word-wrap: break-word;
}
.brochure:nth-child(odd) {
    background-color: #FFF;
    border: 1px solid #F3F3F3;
}
.brochure:nth-child(even) {
    background-color: #F3F3F3;
    border: 1px solid #F3F3F3;
}
.kitGroupContent div.cta {
    padding-top: 54px !important;
    padding-bottom: 53px !important;
}
.kitGroupContent p.item-title {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
    color: #000000 !important;
}

.fa-red {
    color: #f00000;
}

.fa-grey {
    color: #DDD;
}

#billingDefaultIcon, #shippingDefaultIcon {
    cursor: pointer;
    min-width: 18px;
}

.configurator-item:hover .fa-grey, .subscription-item:hover .fa-grey, .mypartner-item:hover .fa-grey, #billingAddressDefault:hover .fa-grey, #shippingAddressDefault:hover .fa-grey {
    color: #888;
}

#billingAddressDefault label, #shippingAddressDefault label {
    cursor: pointer;
}

.subscription-item.ban:hover .fa-grey {
    color: #DDD;
}

.configurator-item, .subscription-item, .mypartner-item {
    padding: 15px;
    margin-top:8px;
    margin-bottom:8px;
    border: 1px solid #D6D6D6;
}

.configurator-item:hover, .subscription-item:hover, .mypartner-item:hover {
    cursor:pointer;
    border: 1px solid #888;
}
.subscription-item.ban:hover {
    cursor:not-allowed;
    border: 1px solid #D6D6D6;
}

.configurator-item.active, .subscription-item.active, .mypartner-item.active {
    padding: 14px;
    border: 2px solid #f00000;
}
.configurator-item.active:hover, .subscription-item.active:hover, .mypartner-item.active:hover {
    cursor:pointer;
    padding: 14px;
    border: 2px solid #f00000;
}


.configurator-item .btn-default, .subscription-item .btn-default {
    border: 1px solid #D6D6D6;
}
.configurator-item .btn-default:hover, .subscription-item .btn-default:hover {
    border: 1px solid #888;
    background-color: #FFF;
}
.configurator-item .btn-default:focus, .configurator-item .btn-default:active, .subscription-item .btn-default:focus, .subscription-item .btn-default:active {
    border: 1px solid #D6D6D6;
    background-color: #FFF;
}

.configurator-item .btn-default:active:hover, .subscription-item .btn-default:active:hover {
    border: 1px solid #888;
    background-color: #FFF;
}

.configurator-item .learnMore:link, .configurator-item .learnMore:visited {
    color: #f00000 !important;
    font-weight: 400 !important;
}

.configurator-item .learnMore:hover, .configurator-item .learnMore:focus, .configurator-item .learnMore:active {
    color: #f00000 !important;
    font-weight: 400 !important;
}

.configurator-item-description {
    font-size: 12px;
}

#barco-configurator-summary {
    padding: 15px !important;
    border-top: solid 1px #DDD !important;
    border-right: solid 1px #DDD !important;
    border-left: solid 1px #DDD !important;
    border-bottom: 0px !important;
    background-color: #FFF !important;
    /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3) !important;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3) !important;*/
}
a.learnMore:link, a.learnMore:visited {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #263238 !important;
}
a.learnMore:focus, a.learnMore:hover, a.learnMore:active {
    font-weight: 600 !important;
    color:#f00000 !important;
}
a.configure:link, a.configure:visited {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #263238 !important;
}
a.configure:focus, a.configure:hover, a.learnMore:active {
    font-weight: 600 !important;
    color:#f00000 !important;
}
a:hover, a:visited:hover, a:focus:hover, a:active:hover {
    color:#f00000 !important;
    text-decoration: none !important;
}
a::before {
    text-decoration: none !important;
}

a:visited:focus, a:focus, a:active {
    color: #263238 !important;
}

.footer-container a:hover, .footer-container a:visited:hover, .footer-container a:focus:hover, .footer-container a:active:hover {
    color:#f00000 !important;
    text-decoration: none !important;
}

.footer-container a:visited:focus, .footer-container a:focus, .footer-container a:active {
    color: #FFF !important;
}

.configurator-item-description-container {
    font-size: 12px !important;
}

.dynamicKitSelSection-title {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    letter-spacing: -0.2px !important;
    color: #263238 !important;
    border-bottom: 1px solid #d8d8d8 !important;
    padding-bottom: 10px !important;
}
.dynamicKitSelSection label {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: -0.2px !important;
    color: #535353;
}
.dynamicKitSelSection p {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: -0.2px !important;
    color: #333333 !important;
}
.dynamicKitSelSection button#button-add-to-cart {
    /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3) !important;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3) !important;
    min-height:19px !important;
    line-height:19px !important;*/
}
.dynamicKitSelSection .form-group {
    border-bottom: 1px solid #d8d8d8 !important;
    margin-bottom: 10px !important;
}
.dynamicKitSelSection div.price, .dynamicKitSelSection div.name {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: -0.2px !important;
    color: #333333 !important;
}
.dynamicKitSelSection .items {
    margin-bottom: 15px !important;
}
.dynamicKitSelSection div.total {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: -0.3px !important;
    color: #333333 !important;
}

.item_container.heading {
    font-weight: bold;
    border-bottom: 1px grey solid;
}

.kitGroup {
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 400;
    color: #263238;
}
/* End Dynamic Kits */

.panel-group .panel {
    border-radius: 0px !important;
    border: 1px solid #999999 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.panel-group .panel-subscription {
    border-radius: 0px !important;
    border-right: 1px solid #999999 !important;
    border-left: 1px solid #999999 !important;
    border-bottom: 1px solid #999999 !important;
    border-top: 0px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
#mysubscriptions-accordion {
    border-top: 1px solid #999999 !important;
}

.panel-group {
    margin-bottom: 0px !important;
}
.panel-default>.panel-heading {
    color: #333 !important;
    background-color: #FFF !important;
    border-color: #999 !important;
}
.panel-heading {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.panel-title a:link, .panel-title a:visited {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #333333 !important;
}
.panel-title a:hover {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    color:#f00000 !important;
}
.panel-title a:focus, .panel-title a:active {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    color: #333333 !important;
}
.panel-title img {
    margin-top: -3px !important;
}
.panel-title span {
    margin-left: 25px !important;
}
.panel-heading, .panel-body {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.panel-body {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.71 !important;
    color: #666666 !important;
}
.panel-group .panel+.panel {
    margin-top: 0px !important;
}
/*.panel-default:nth-child(n+2) {
    border-top: 0px !important;
}*/
.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings' !important;
    content: "\2212" !important;
    float: right !important;
    color: #000 !important;
    font-size: 12px !important;
    margin-top: 4px !important;
}
.panel-heading .accordion-toggle.collapsed:after {
    content: "\002b" !important;
    font-size: 12px !important;
    margin-top: 4px !important;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d8d8d8 !important;
}
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #d8d8d8 !important;
}
.hardwareSpecifications-row:nth-child(even) {
    background-color: #EDEDED;
    border: 1px solid #EDEDED;
}
.hardwareSpecifications-row:nth-child(odd) {
    background-color: #FFF;
    border: 1px solid #EDEDED;
}
.hardwareSpecifications-row {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    padding-left: 15px;
    padding-right: 15px;
}
.specific-components-title {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.22;
    text-align: center;
    color: #263238;
    margin-top: 15px;
}
.specific-components-description {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.57;
    text-align: center;
    color: #37474f;
    margin-top: 12px;
}

.cart-total-label {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.2px;
    color: #444444;
}
.cart-total-value {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.2px;
    text-align: right;
    color: #333333;
}
.cart-item-headline {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.2px;
    color: #000000;
}
.cart-item-caption {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.2px;
    color: #666666;
}
.cart-item-contents {
    padding-left:10px;
}
.cart-item-price {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.2px;
    text-align: right;
    color: #444444;
}
.caption p {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #37474f;
}
.caption p a:link, .caption p a:visited {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif !important; /* font-family: ProximaNovaBold, Arial, Helvetica, sans-serif; Modified by Quentin Feyaerts 08/03/2017 */
    font-weight:600; /* font-weight:normal; Modified by Quentin Feyaerts 08/03/2017 */
    text-decoration:none;
    color: #263238;
    margin-top:20px;
}
.caption p a:hover, .caption p a:focus, .caption p a:active {
    color:f00000;
    font-family: 'Open Sans', sans-serif !important; /* font-family: ProximaNovaBold, Arial, Helvetica, sans-serif; Modified by Quentin Feyaerts 08/03/2017 */
    font-weight:600; /* font-weight:normal; Modified by Quentin Feyaerts 08/03/2017 */
    text-decoration:none;
    margin-top:20px;
}
.caption ul {
    padding-left: 15px;
}
.caption ul li {
    margin:0;
    padding:0;
    font-size: 12px;
    font-weight: 400;
    color: #37474f;
    padding-left: 0px;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #f00000 !important;
    text-decoration: none !important;
    background-color: #FFF !important;
}
a:link, a:visited {
    font-family: 'Open Sans', sans-serif !important;
    color: #263238;
}
.cc-link:link, .cc-link:visited {
    font-family: 'Open Sans', sans-serif !important;
    color: #FFF;
}

.cc-link:hover, .cc-link:focus, .cc-link:active {
    color: #f00000 !important;
}

.table thead {
    background-color: #666666;
    border: thin solid #666666;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
}
.table tbody > tr {
    border-right: thin solid #999999;
    border-bottom: thin solid #999999;
    border-left: thin solid #999999;
    border-top: 0px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    color: #333333;
}
.table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > th {
    border-top: 0px !important;
}
.table > thead > tr > th {
    border-bottom: 0px !important;
}
.table > thead > tr > th {
    border-bottom: 0px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
}
#clearCouponBtnLabel:hover {
    background-color: #f00000;
    border: 1px solid #f00000;
    cursor:default;
}
.form-group label {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.2px;
    color: #666666;
}
.request-access-form-title {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.22;
    color: #263238;
    margin-top: 45px;
    margin-bottom: 30px;
}
.searchResultsItem {
    margin-top: 35px;
    padding-bottom: 35px;
}
.searchResultsItemTitle {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #333333;
}
.searchResultsItemDescription {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
    color: #666666 !important;
    word-wrap: break-word;
}
.bold {
    font-weight: 700 !important;
}
.italic {
    font-style: italic !important;
}
.underline {
    text-decoration: underline !important;
}
.nextAction, .lastAction {
    color: #333333;
    font-weight: 600;
}
.searchResultsPagination {
    background-color: #EEE;
    padding: 20px 25px;
    margin-bottom: 40px;
}
.searchResultsItem a:link, .searchResultsItem a:visited {
    color: #666666 !important;
}
.searchResultsItem a:hover, .searchResultsItem a:focus, .searchResultsItem a:active {
    color: #f00000 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}
.menu_container {
    background-color: #FFF;
    border: 1px solid #ddd;
    border-radius: 0px;
}
.navbar-inverse {
    background-color: #000000 !important;
    padding-top: 60px !important;
}
.contact-form-title {
    font-size: 36px;
    font-weight: 600;
    color: #37474f;
    margin-bottom: 35px;
}
.contact_callus_title {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 24px;
    font-weight: 600;
    line-height: 0.92;
    color: #f00000;
}
.contact_callus_headline {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.22;
    color: #263238;
}
.contact_callus_description {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
}
.contact_callus_opening_hours {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 600;
    color: #666666;
}
.cart-summary-section {
    border: 1px solid #DDD;
    padding: 15px;
}
.myAccount-section-title {
    border-bottom: 1px solid #979797;
    padding-bottom:10px;
    margin-bottom: 30px;
}
.myAccount-section-title h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.myAccount-section-subsubtitle {
    font-family: "Open Sans", Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    color: #878787;
}
#MyAccount_navSection h2 {
    font-family: "Open Sans", Verdana, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 300;
    color: #f00000;
    margin-top:75px;
    margin-bottom: 27px;
}
.side_navigation_dropdown a:link, .side_navigation_dropdown a:visited {
    font-family: "Open Sans", Verdana, Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding: 10px;
    background-color: #FFF;
    font-weight: 400;
    color: #535353;
}
.side_navigation_dropdown a:hover, .side_navigation_dropdown a:focus {
    color:#f00000;
}

.side_navigation_dropdown .active a:link, .side_navigation_dropdown .active a:visited {
    font-family: "Open Sans", Verdana, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #263238;
}
.side_navigation_dropdown .active a:hover, .side_navigation_dropdown .active a:focus {
    color:#f00000;
}

.sk-cube-grid .sk-cube {
   width: 33%;
   height: 33%;
   float: left;
   -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
   animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
 -webkit-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
 -webkit-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
 0%, 70%, 100% {
   -webkit-transform: scale3D(1, 1, 1);
   transform: scale3D(1, 1, 1);
   } 35% {
       -webkit-transform: scale3D(0, 0, 1);
       transform: scale3D(0, 0, 1);
   }
}
@keyframes sk-cubeGridScaleDelay {
 0%, 70%, 100% {
   -webkit-transform: scale3D(1, 1, 1);
   transform: scale3D(1, 1, 1);
   } 35% {
       -webkit-transform: scale3D(0, 0, 1);
       transform: scale3D(0, 0, 1);
   }
}
@webkit-keyframes spin {
    0% {
    transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
    transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.tooltip_search, .tooltip_search_xs{
    left: 0px !important;
}
.tooltip_search .tooltip-arrow, .tooltip_search_xs .tooltip-arrow {
    left: 10% !important;
    border-bottom-color:f00000 !important;
}
.tooltip_search .tooltip-inner, .tooltip_search_xs .tooltip-inner {
    text-align:left !important;
    min-width:400px !important;
    background-color:f00000 !important;
    min-height: 35px !important;
    line-height: 35px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
}
.configuratorTooltip .tooltip-inner {
    min-width: inherit;
    max-width: 100%;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
}

.mySubscriptions-section-title {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    border-bottom: 1px solid #979797;
    padding-bottom:10px;
}
.checkout-section-title-link {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    text-align: right;
}
.checkout-section-required-fields {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    color: #666;
}
/* Checkout  Wizard */
.bs-wizard-checkout {
    margin-top: 25px;
}
.bs-wizard-checkout > .bs-wizard-checkout-step {
    padding: 0;
    position: relative;
    text-align: center;
}
.bs-wizard-checkout > .bs-wizard-checkout-step + .bs-wizard-checkout-step {
}
.bs-wizard-checkout > .bs-wizard-checkout-step .bs-wizard-checkout-info {
    color: #68737a;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 400;
}
.bs-wizard-checkout > .bs-wizard-checkout-step .bs-wizard-checkout-info-active {
    color: #68737a;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 600;
}
.bs-wizard-checkout > .bs-wizard-checkout-step > .bs-wizard-checkout-square {
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 27px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 18px;
    font-weight: 400;
    display: block;
    top: 33px;
    left: 50%;
    margin-top: -15px; margin-left: -15px;
    border: 2px solid #f00000;
}
.complete > .bs-wizard-checkout-square {
    background-color: #FFF;
    color: #f00000;
}
.active > .bs-wizard-checkout-square {
    background-color: #f00000;
    color: #FFF;
}
.disabled > .bs-wizard-checkout-square {
    background-color: #FFF;
    color: #f00000;
}
.bs-wizard-checkout > .bs-wizard-checkout-step > .progress {
    position: relative;
    border-radius: 0px;
    height: 2px;
    box-shadow: none;
    margin: 33px 0 20px 0;
}
.bs-wizard-checkout > .bs-wizard-checkout-step > .progress > .progress-bar {
    width:0px;
    box-shadow: none;
    background: #f00000;
}
.bs-wizard-checkout > .bs-wizard-checkout-step.complete > .progress > .progress-bar {
    width:100%;
}
.bs-wizard-checkout > .bs-wizard-checkout-step.active > .progress > .progress-bar {
    width:50%;
}
.bs-wizard-checkout > .bs-wizard-checkout-step:first-child.active > .progress > .progress-bar {
    width:0%;
}
.bs-wizard-checkout > .bs-wizard-checkout-step:last-child.active > .progress > .progress-bar {
    width: 100%;
}
.bs-wizard-checkout > .bs-wizard-checkout-step.disabled > .bs-wizard-checkout-square:after {
    opacity: 0;
}
.bs-wizard-checkout > .bs-wizard-checkout-step:first-child  > .progress {
    left: 50%;
    width: 50%;
}
.bs-wizard-checkout > .bs-wizard-checkout-step:last-child  > .progress {
    width: 50%;
}
.bs-wizard-checkout > .bs-wizard-checkout-step.disabled a.bs-wizard-checkout-square {
 pointer-events: none;
}
.progress {
    background-color: #CCCCCC;
}
.checkoutBannerTitle {
    margin-top: 90px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    color: #000000;
}
.terms {
    height: 200px;
    border: 1px solid #DDD;
    background-color: #F2F2F2;
    padding: 10px 30px;
    overflow: auto;
    margin-bottom: 15px;
}
.checkout_overview_tile {
    background-color: #F2F2F2;
    padding: 15px;
}
.tile-title {
    font-weight: 600;
    margin-bottom: 20px;
}
.dimmer {
  display: none;
	background: #000;
	opacity: 0.5;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
/* Pagination */
.pagination {
  display: inline-block !important;
  padding-left: 0 !important;
  margin: 10px 0 !important;
  border-radius: 0px !important;
}
.pagination > li {
  display: inline !important;
}
.pagination > li > a,
.pagination > li > span {
  position: relative !important;
  float: left !important;
  padding: 6px 12px !important;
  margin-left: -1px !important;
  line-height: 1.42857143 !important;
  color: #f00000 !important;
  text-decoration: none !important;
  background-color: #fff !important;
  border: 1px solid #ddd !important;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0 !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2 !important;
  color:#f00000 !important;
  background-color: #eee !important;
  border-color: #ddd !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3 !important;
  color: #fff !important;
  cursor: default !important;
  background-color: #f00000 !important;
  border-color: #f00000 !important;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777 !important;
  cursor: not-allowed !important;
  background-color: #fff !important;
  border-color: #ddd !important;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px !important;
  font-size: 18px !important;
  line-height: 1.3333333 !important;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
span.selectAddress {
    color: #f00000;
    cursor: pointer;
}
/* EOF Pagination */
/* removing outline on all input select and textareas */
input, textarea, button {
    outline: none !important;
    outline-color: transparent !important;
}
#billingAddressForm .form-control, #shippingAddressForm .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
    pointer-events:none;
}
#custombillingAddressForm .form-control, #customshippingAddressForm .form-control {
    cursor: default !important;
    background-color: transparent !important;
    opacity: 0 !important;
    pointer-events: auto !important;
}
.product-search-image {
    cursor:pointer;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: relative;
    width: 100%;
    padding-top: 100%;
}
div.barco-checkout-adress-list-item {
    padding: 15px;
    cursor:pointer;
    border-bottom: 1px solid #EEE;
}
div.barco-checkout-adress-list-item:hover {
    background-color: #F2F2F2;
    cursor:pointer;
}
.barco-checkout-adress-list-item span {
    cursor:pointer;
}
.checkout_shipping_notes {
    resize: none;
}
.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active {
    color: #fff !important;
    background-color: #f00000 !important;
    border-color: #f00000 !important;
}
.datepicker table tr td.day:hover, .datepicker table tr td.focused {
    background: #f00000 !important;
    cursor: pointer !important;
    color: #FFF !important;
}
.datepicker table tr td, .datepicker table tr th {
    text-align: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 0px !important;
    border: none !important;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    cursor: default !important;
    color: #777777 !important;
    background: #F2F2F2 !important;
}
.search-results-sorting {
    padding: 15px 0px;
    background: #F2F2F2;
}
.address_selection_display {
    word-wrap: break-word;
}
.addressbook-address {
    margin-bottom: 30px;
    word-wrap: break-word;
}
.addressbook-address-inner {
    padding: 15px;
    border: 1px solid #dddddd;
    /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);*/
}
.span-control {
    border: 1px solid #f00000;
    background: 0 0;
    border-radius: 50%!important;
    position: absolute;
    /*top: 1px;*/
    left: 0;
    height: 16px;
    width: 16px;
    cursor: pointer;
}
.span-control-active:after {
    left: 5px;
    top: 5px;
    height: 6px;
    width: 6px;
    border-radius: 100%!important;
    background: #f00000;
    content: '';
    position: absolute;
    display: block;
}
select.custom {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23555555%22%20%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%22-261%20145.2%2024%2024%22%20style%3D%22enable-background%3Anew%20-261%20145.2%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M-245.3%2C156.1l-3.6-6.5l-3.7%2C6.5%20M-252.7%2C159l3.7%2C6.5l3.6-6.5%22%2F%3E%0A%3C%2Fsvg%3E");
  padding: 0 25px 0 10px;
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select.custom::-ms-expand {
  display: none;
}
a.disabled:link {
    color: #333;
    cursor: not-allowed;
}
a.disabled:visited {
    color: #333;
    cursor: not-allowed;
}
a.disabled:hover {
    color: #333;
    cursor: not-allowed;
}
a.disabled:active {
    color: #333;
    cursor: not-allowed;
}
#alert-warning-top-banner {
    padding: 10px 20px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background-color: #FFCA28; /* #F7CA18; */
    border-bottom: 1px solid #FFF;
}
.affix {
 z-index:4;
}
.banner-text-shadow {
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}
.caption-description-components, .caption-description-usecases {
    border-bottom: 1px solid #d8d8d8;
}
h4.caption-description-usecases, .caption-description-usecases ul li {
    font-family: 'Open Sans' !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 21px !important;
}
.banner-red-bg {
    padding: 15px;
    background-color: rgba(420,0,0,0.75);
    z-index: 3;
}
.banner-red-bg ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.banner-red-bg-xs {
    padding: 15px;
    background-color: rgba(420,0,0,0.75);
    position:absolute;
    left:0px;
    bottom:0px;
    width:100%;
    z-index: 3;
}
.banner-background-image {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    width: 100% !important;
}
.fw300 {
    font-weight: 300 !important;
}
.fw400 {
    font-weight: 400 !important;
}
.fw600 {
    font-weight: 600 !important;
}
.fw700 {
    font-weight: 700 !important;
}
.divider-left {
    margin-top:50px;
    margin-bottom:50px;
    min-height:80px !important;
    border-right: 1px solid rgba(420,0,0,0.75) !important;
}
.divider-right {
    margin-top:50px;
    margin-bottom:50px;
    min-height:80px !important;
    border-left: 1px solid rgba(420,0,0,0.75) !important;
}
.subscription-details {
    background-color: #F6F6F6;
}
.myaccount-subscriptions-table tbody > tr, #subscriptionsTable tbody tr {
    cursor:pointer;
}
.cursor-not-allowed {
    cursor: not-allowed;
}

.color-success {
    color: #00E676;
}
.color-danger {
    color: #F57C00;
}
.label-success {
    background-color: #5cb85c;
}
.label-danger {
    background-color: #f00000 !important;
}
.dropdown-menu {
    border-radius: 0px !important;
    margin: 5px 0 0 !important;
}
.dropdown-menu-item {
    margin-top:0px !important;
}
.home_slider {
    display:none !important;
}
.navbar-toggle {
    border: 0px !important;
    border-radius: 0px !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    padding: 6px 0px !important;
}
.navbar-default .navbar-nav>.open>a {
    background-color: #FFF !important;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #333 !important;
    background-color: transparent !important;
}

.navbar-default .navbar-toggle {
    color: #777 !important;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #FFF !important;
    color:#333 !important;
}
.btn-lg .caret {
    margin-top: 7px !important;
}
.cc_myaccount_nav_list > .list-group-item {
    padding: 10px 0px !important;
}

.cc_myaccount_nav_list {
    border-top:0px!important;
    border-color: #adadad !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.cc_myaccount_nav_dropdown_toggle:hover, .cc_myaccount_nav_dropdown_toggle:focus {
    background-color: #F6F6F6 !important;
}
.cc_myaccount_nav {
    margin-top: 15px;
}
hr {
    border: none !important;
    border-top: 1px solid #CCC !important;
}
.hr-cart-detail-page {
    border-top: 1px solid #DDD!important;
}
.hr-cart-detail-page:last-child {
    display:none;
}
hr.footer-separator {
    border-color: #555 !important;
    margin: 10px 0px 20px 0px !important;
}
.document-updated-date {
    color: #888;
}
.ui-menu .ui-menu-item {
    margin: 0 !important;
    cursor: pointer !important;
    list-style-image: none !important; /*url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);*/
}
.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}
.ui-state-active {
    margin: 0 !important;
    border: 0px !important;
    background-color: transparent !important;
    color:#f00000 !important;
}


.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #000 !important;
    text-decoration: none !important;
    background-color: #FFF !important;
    outline: 0 !important;
    font-weight:bold !important;
}

.myAccount-cta-icon {
    border: 1px solid #37474f;
    color: #37474f;
    border-radius: 15px;
    margin-top: 2px;
    padding: 6px 4px 4px 5px;
    font-size: 16px !important;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor:pointer;
}

.myAccount-cta-icon:focus, .myAccount-cta-icon:hover, .myAccount-cta-icon:active {
    background-color: #f00000;
    border: 1px solid #f00000;
    color: #FFF;
}

.toggle.renewal-toggle, .renewal-toggle > .toggle-on, .renewal-toggle > .toggle-off {
    border-radius: 20px !important;
    min-height: 30px !important;
}

.toggle.renewal-toggle .toggle-handle {
    border-radius: 20px !important;
    min-height: 30px !important;
}

.toggle-group > label.toggle-on {

    padding-left: 10px !important;
    border-radius: 20px !important;
    font-size: 12px !important;

}

.toggle-group > label.toggle-off {

    padding-left: 20px !important;
    border-radius: 20px !important;
    border: 0px !important;
    font-size: 12px !important;
}

.toggle-group > label.active {

    border-color: none !important;
}

.ui-autocomplete {
    border-top: 0px !important;
}

.ui-menu .ui-menu-item-wrapper {
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: 5px 1em !important;
}

.deskLayout {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.contentBody {
    flex-grow: 1;
}

#access-denied {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: calc(100vh - 112px - 256px);
}

.price-tiers .bars {
    display: none;
}

.bars .units-guide, .bars .units-price {
    text-align: center;
}

.configurator-tiers-alert i {
    display:table-cell;
    position:absolute;
    transform: translateY(25%);
}

.configurator-tiers-alert p {
    padding-left: 20px;
    display:table-cell;
}

#terms-nav-pills>li>a {
    border-radius: 0px;
}
#terms-nav-pills li.active {
    color: #f00000;
    border-bottom: 3px solid #f00000;
}

#terms-nav-pills>li.active>a, #terms-nav-pills>li.active>a:hover, #terms-nav-pills>li.active>a:focus {
    background-color: #FFF;
    color: #f00000;
}

#terms-nav-pills>li>a:hover, #terms-nav-pills>li>a:focus {
    background-color: #FFF;
    color: #f00000;
}

@media all and (max-width:991px) {
    .cc_myaccount_nav_list > .list-group-item {
        padding: 5px 0px !important;
    }
    .cart-removeItemColumn {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .cart-descriptionColumn {
        padding-left: 0px !important;
    }
    .cart-item-quantity {
        max-width: 75px !important;
        padding:10px !important;
    }

    #editAddressForm .address-type {
        border-top: 1px solid #DDD;
        padding-top: 15px;
        margin-top: 15px;
    }

}
@media all and (max-width:767px) {
    .ui-autocomplete {
        width:100%!important;
        margin-left: -1px!important;
    }

    #cookie-consent-text {
        margin-bottom:15px !important;
    }

    .cart-item-quantity {
        max-width: 60px !important;
        padding:10px !important;
    }

    #access-denied {
        background-repeat: no-repeat;
        background-position: left top;
        background-size: cover;
        min-height: calc(100vh - 112px - 440px);
    }

}

@media all and (min-width:992px) {
    .cart-quantityColumn {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    #editAddressForm .address-details {
        border-right: 1px solid #DDD;
    }
}

@media all and (min-width:767px) {
    .navbar-nav ul.dropdown-menu {
        border-bottom: solid 5px #f00000 !important;
        border-radius: 0px !important;
    }

    .header .btn-group {
        margin-top: 0px;
    }

}

@media all and (min-width: 1200px) {

    .h1, h1 {
        font-size: 60px !important;
    }
    .h2, h2 {
        font-size: 48px !important;
    }
    .h3, h3 {
        font-size: 36px !important;
    }
    .h4, h4 {
        font-size: 24px !important;
    }
    .h5, h5 {
        font-size: 18px !important;
    }
    section.footer {
        min-height: 256px;
    }

    #logoUrl {
        max-height:60px;
        cursor: pointer;
    }

    .section-subtitle {
        font-size: 18px !important;
    }

    .customer-stories-image {
        height:150px !important;
    }
    .display-flex {
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .flex-align-items-center {
        align-items: center;
    }
    .flex-align-items-top {
        align-items: flex-start;
    }
    .flex-align-items-bottom {
        align-items: flex-end;
    }
    .acctmainSection {
        margin-top:30px;
        margin-bottom: 75px;
    }
    .text-left-center-xs {
        text-align:left !important;
    }
    .text-right-center-xs {
        text-align:right !important;
    }
    .text-align-right-not-xs {
        text-align:right !important;
    }

    #MyAccount_navSection_tablet {
        display: none;
    }
    .modal-body {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        max-height: 450px;
    }

    .modal-video {
        text-align: center !important;
    }
    .modal-video .modal-dialog {
        width: 1068px !important;
        height: 600px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .modal-video .modal-content {
        background-color: #000000 !important;
    }
    .modal-video .modal-body {
        padding: 0 !important;
        max-height: 600px !important;
    }
    #homepage-video-iframe, #video-iframe {
        width: 1066px !important;
        height: 600px !important;
        margin: 0 auto !important;
        display: block !important;
    }
    .mega-dropdown .nav>li:first-child>a {
        padding-left: 0px !important;
    }
    .text-right-left-xs {
        text-align:right !important;
    }
    .BARCO_RenderOrderProcessInformation {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .price-tiers .bars {
        display: block;
    }

}
@media all and (min-width: 992px) and (max-width: 1199px) {

    .h1, h1 {
        font-size: 48px !important;
    }
    .h2, h2 {
        font-size: 40px !important;
    }
    .h3, h3 {
        font-size: 32px !important;
    }
    .h4, h4 {
        font-size: 24px !important;
    }
    .h5, h5 {
        font-size: 16px !important;
    }
    section.footer {
        min-height: 256px;
    }

    #logoUrl {
        max-height:60px;
        cursor: pointer;
    }

    .section-subtitle {
        font-size: 16px !important;
    }

    .customer-stories-image {
        height:150px !important;
    }
    .display-flex {
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .flex-align-items-center {
        align-items: center;
    }
    .flex-align-items-top {
        align-items: flex-start;
    }
    .flex-align-items-bottom {
        align-items: flex-end;
    }
    .acctmainSection {
        margin-top:30px;
        margin-bottom: 75px;
    }
    .text-left-center-xs {
        text-align:left !important;
    }
    .text-right-center-xs {
        text-align:right !important;
    }
    .text-align-right-not-xs {
        text-align:right !important;
    }

    .homepage-flex-container .homepage-flex-item {
        flex: 0 40%;
        position:relative;
    }
    .homepage-flex-container .homepage-flex-item .text-static-overlay h4.enterprise-static-text {
        display: none;
    }
    .homepage-flex-container .homepage-flex-item .text-hover-overlay {
        visibility: visible;
        opacity: 1;
    }
    #MyAccount_navSection_tablet {
        display: none;
    }
    .modal-body {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        max-height: 450px;
    }
    .modal-video {
        text-align: center !important;
    }
    .modal-video .modal-dialog {
        width: 855px !important;
        height: 480px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .modal-video .modal-content {
        background-color: #000000 !important;
    }
    .modal-video .modal-body {
        padding: 0 !important;
        max-height: 480px !important;
    }
    #homepage-video-iframe, #video-iframe {
        width: 853px !important;
        height: 480px !important;
        margin: 0 auto !important;
        display: block !important;
    }
    .mega-dropdown .nav>li:first-child>a {
        padding-left: 0px !important;
    }

    .text-right-left-xs {
        text-align:right !important;
    }
    .BARCO_RenderOrderProcessInformation {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .bars .units-guide, .bars .units-price {
        font-size: 14px !important;
    }
    .bars .units-guide {
        text-align: center;
    }
    .bars .units-price {
        text-align: center;
    }
    .units-guide, .units-price {
        float: left;
        width: 50%;
    }

}
@media all and (min-width: 768px) and (max-width: 991px) {

    .h1, h1 {
        font-size: 36px !important;
    }
    .h2, h2 {
        font-size: 30px !important;
    }
    .h3, h3 {
        font-size: 24px !important;
    }
    .h4, h4 {
        font-size: 20px !important;
    }
    .h5, h5 {
        font-size: 16px !important;
    }

    section.footer {
        min-height: 256px;
    }

    #logoUrl {
        max-height:60px;
        cursor: pointer;
    }

    .section-subtitle {
        font-size: 16px !important;
    }

    .customer-stories-image {
        height:150px !important;
    }
    .display-flex {
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .flex-align-items-center {
        align-items: center;
    }
    .flex-align-items-top {
        align-items: flex-start;
    }
    .flex-align-items-bottom {
        align-items: flex-end;
    }
    /*.cc_left_col {
        margin-bottom: 30px;
    }*/
    .acctmainSection {
        margin-top:30px;
        margin-bottom: 30px;
    }
    .text-left-center-xs {
        text-align:left !important;
    }
    .text-right-center-xs {
        text-align:right !important;
    }
    .text-align-right-not-xs {
        text-align:right !important;
    }
    .modal-body {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        max-height: 450px;
    }
    .homepage-flex-container .homepage-flex-item {
        flex: 0 40%;
        position:relative;
    }
    .homepage-flex-container .homepage-flex-item .text-static-overlay h4.enterprise-static-text {
        display: none;
    }
    .homepage-flex-container .homepage-flex-item .text-hover-overlay {
        visibility: visible;
        opacity: 1;
    }
    .modal-video {
        text-align: center !important;
    }
    .modal-video .modal-dialog {
        width: 642px !important;
        height: 360px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .modal-video .modal-content {
        background-color: #000 !important;
    }
    .modal-video .modal-body {
        padding: 0 !important;
        max-height: 360px !important;
    }
    #homepage-video-iframe, #video-iframe {
        width: 640px !important;
        height: 360px !important;
        margin: 0 auto !important;
        display: block !important;
    }

    #MyAccount_navSection_tablet {
        display: block !important;
    }
    .mega-dropdown .nav>li:first-child>a {
        padding-left: 0px !important;
    }

    .text-right-left-xs {
        text-align:right !important;
    }
    .BARCO_RenderOrderProcessInformation {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .text-right-sm {
        text-align: right;
    }

}
@media all and (max-width: 767px) {

    .h1, h1 {
        font-size: 24px !important;
    }
    .h2, h2 {
        font-size: 22px !important;
    }
    .h3, h3 {
        font-size: 20px !important;
    }
    .h4, h4 {
        font-size: 18px !important;
    }
    .h5, h5 {
        font-size: 16px !important;
    }

    #logoUrl {
        max-height:45px;
        cursor: pointer;
    }

    .section-subtitle {
        font-size: 14px !important;
    }
    .navbar-left {
        margin: 0px !important;
    }

    .flex-direction-row {
        flex-direction: row;
    }
    .text-align-right-not-xs {
        text-align:left !important;
    }

    .header .btn-group {
        margin-top: 10px;
    }

    .text-right-left-xs {
        text-align:right !important;
    }
    .BARCO_RenderOrderProcessInformation {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .text-right-xs {
        text-align: right;
    }
    .homepage-flex-container .homepage-flex-item .text-hover-overlay h2.use-case-name {
        margin-bottom: 15px;
        margin-top: 0;
    }
    .bars .units-guide, .bars .units-price {
        font-size: 14px !important;
    }
    .bars .units-guide {
        text-align: left;
    }
    .bars .units-price {
        text-align: right;
    }
    .units-guide, .units-price {
        float: left;
        width: 50%;
    }

}

@media all and (min-width: 576px) and (max-width: 767px) {
    .customer-stories-image {
        height:200px !important;
    }
    .acctmainSection {
        margin-top:30px;
        margin-bottom: 30px;
    }
    .text-left-center-xs {
        text-align:center !important;
    }
    .text-right-left-xs {
        text-align:left !important;
    }
    .text-right-center-xs {
        text-align:center !important;
    }
    .modal-body {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        max-height: 450px;
    }
    .modal-video {
        text-align: center !important;
    }
    .modal-video .modal-dialog {
        width: 518px !important;
        height: 290px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .modal-video .modal-content {
        background-color: #000 !important;
    }
    .modal-video .modal-body {
        padding: 0 !important;
        max-height: 290px !important;
    }
    #homepage-video-iframe, #video-iframe {
        width: 516px !important;
        height: 290px !important;
        margin: 0 auto !important;
        display: block !important;
    }
    .bars .units-guide, .bars .units-price {
        font-size: 14px !important;
    }
    .bars .units-guide {
        text-align: center;
    }
    .bars .units-price {
        text-align: center;
    }
    .units-guide, .units-price {
        float: left;
        width: 50%;
    }

}
@media all and (min-width: 480px) and (max-width: 575px) {
    .customer-stories-image {
        height:200px !important;
    }
    .acctmainSection {
        margin-top:30px;
        margin-bottom: 30px;
    }
    .text-left-center-xs {
        text-align:center !important;
    }
    .text-right-left-xs {
        text-align:left !important;
    }
    .text-right-center-xs {
        text-align:center !important;
    }
    .modal-body {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        max-height: 400px;
    }
    .modal-video {
        text-align: center !important;
    }
    .modal-video .modal-dialog {
        width: 422px !important;
        height: 236px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .modal-video .modal-content {
        background-color: #000 !important;
    }
    .modal-video .modal-body {
        padding: 0 !important;
        max-height: 236px !important;
    }
    #homepage-video-iframe, #video-iframe {
        width: 420px !important;
        height: 236px !important;
        margin: 0 auto !important;
        display: block !important;
    }
    .bars .units-guide, .bars .units-price {
        font-size: 14px !important;
    }
    .bars .units-guide {
        text-align: center;
    }
    .bars .units-price {
        text-align: center;
    }
    .units-guide, .units-price {
        float: left;
        width: 50%;
    }

}

@media all and (min-width: 320px) and (max-width: 479px) {
    .customer-stories-image {
        height:200px !important;
    }
    .acctmainSection {
        margin-top:30px;
        margin-bottom: 30px;
    }
    .text-left-center-xs {
        text-align:center !important;
    }
    .text-right-left-xs {
        text-align:left !important;
    }
    .text-right-center-xs {
        text-align:center !important;
    }
    .modal-body {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        max-height: 400px;
    }
    .homepage-flex-container .homepage-flex-item {
        flex: 100%;
        position:relative;
    }
    .homepage-flex-container .homepage-flex-item .text-static-overlay h4.enterprise-static-text {
        display: none;
    }
    .homepage-flex-container .homepage-flex-item .text-hover-overlay .overlay-base .overlay-base-position .overlay-base-bottom-base .btn-block {
        padding: 10px 0 !important;
    }
    .homepage-flex-container .homepage-flex-item .text-hover-overlay .overlay-base .overlay-base-position .caption-description-usecases {
        border-bottom: 0;
    }
    .homepage-flex-container .homepage-flex-item .text-static-overlay {
        padding: 5%;
    }
    .homepage-flex-container .homepage-flex-item .text-hover-overlay {
        margin: 5%;
        height: 90%;
        width: 90%;
        visibility: visible;
        opacity: 1;
    }
    .progress-handle {
        display: none;
    }
    .bars {
        width: 100% !important;
    }
    .bars .units-guide, .bars .units-price {
        font-size: 14px !important;
    }
    .bars .units-guide {
        text-align: center;
    }
    .bars .units-price {
        text-align: center;
    }
    .units-guide, .units-price {
        float: left;
        width: 50%;
    }
    .modal-video {
        text-align: center !important;
    }

    .modal-video .modal-dialog {
        width: 262px !important;
        height: 146px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .modal-video .modal-content {
        background-color: #000 !important;
    }
    .modal-video .modal-body {
        padding: 0 !important;
        max-height: 146px !important;
    }
    #homepage-video-iframe, #video-iframe {
        width: 260px !important;
        height: 146px !important;
        margin: 0 auto !important;
        display: block !important;
    }
    .mega-dropdown-menu li.menu-item ul li.menu-item {
        padding: 0 15px !important;
    }
    .mega-dropdown-menu li.menu-item ul li.menu-item a {
        padding: 0 15px !important;
    }
}

.search-results-sorting:last-child {
    display:none !important;
}

.search-results-pagination:first-child {
    display:none !important;
}

.footer-barco-info > a:link, .footer-barco-info > a:visited {
    color: #FFF !important;
}

.footer-barco-info > a:hover, .footer-barco-info > a:focus, .footer-barco-info > a:active {
    color:#f00000 !important;
}

/* Cloud */

.icon {
  position: relative;
  display: inline-block;
  width: 12em;
  height: 10em;
  background: #FFF;
  font-size: 2em; /* control icon size here */
}

.cloud {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 3.6875em;
  height: 3.6875em;
  margin: -1.84375em;
  background: #FFF;
  border-radius: 50%;
  box-shadow:
    -2.1875em 0.6875em 0 -0.6875em #FFF,
    2.0625em 0.9375em 0 -0.9375em #FFF,
    0 0 0 0.375em#f00000,
    -2.1875em 0.6875em 0 -0.3125em#f00000,
    2.0625em 0.9375em 0 -0.5625em#f00000;
}
.cloud:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -0.5em;
  display: block;
  width: 4.5625em;
  height: 1em;
  background: #FFF;
  box-shadow: 0 0.4375em 0 -0.0625em#f00000;
}
.cloud:nth-child(2) {
  z-index: 0;
  background: #fff;
  box-shadow:
    -2.1875em 0.6875em 0 -0.6875em #fff,
    2.0625em 0.9375em 0 -0.9375em #fff,
    0 0 0 0.375em #fff,
    -2.1875em 0.6875em 0 -0.3125em #fff,
    2.0625em 0.9375em 0 -0.5625em #fff;
  opacity: 0.3;
  transform: scale(0.5) translate(6em, -3em);
  animation: cloud 4s linear infinite;
}
.cloud:nth-child(2):after { background: #fff; }

.cloud + .sun {
  margin: -2em 1em;
}

.lightning {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 3.75em;
  height: 3.75em;
  margin: 0.375em 0 0 -2em;
  background: #FFF;
}

.bolt {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.25em 0 0 -0.125em;
  color: #000;
  opacity: 1;
  animation: lightning 2s linear infinite;
}
.bolt:nth-child(2) {
  width: 0.5em;
  height: 0.25em;
  margin: -1.75em 0 0 -1.875em;
  transform: translate(2.5em, 2.25em);
  opacity: 1;
  animation: lightning 1.5s linear infinite;
}
.bolt:before,
.bolt:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin: -1.625em 0 0 -1.0125em;
  border-top: 1.25em solid transparent;
  border-right: 0.75em solid;
  border-bottom: 0.75em solid;
  border-left: 0.5em solid transparent;
  transform: skewX(-10deg);
}
.bolt:after {
  margin: -0.25em 0 0 -0.25em;
  border-top: 0.75em solid;
  border-right: 0.5em solid transparent;
  border-bottom: 1.25em solid transparent;
  border-left: 0.75em solid;
  transform: skewX(-10deg);
}
.bolt:nth-child(2):before {
  margin: -0.75em 0 0 -0.5em;
  border-top: 0.625em solid transparent;
  border-right: 0.375em solid;
  border-bottom: 0.375em solid;
  border-left: 0.25em solid transparent;
}
.bolt:nth-child(2):after {
  margin: -0.125em 0 0 -0.125em;
  border-top: 0.375em solid;
  border-right: 0.25em solid transparent;
  border-bottom: 0.625em solid transparent;
  border-left: 0.375em solid;
}

/* Animations */
@keyframes cloud {
  0% { opacity: 0; }
  50% { opacity: 0.3; }
  100% {
    opacity: 0;
    transform: scale(0.5) translate(-200%, -3em);
  }
}

@keyframes lightning {
  45% {
    color: #fff;
    background: #FFF;
    opacity: 0.2;
  }
  50% {
    color: #FFCA28;
    background: #FFCA28;
    opacity: 1;
  }
  55% {
    color: #fff;
    background: #FFF;
    opacity: 0.2;
  }
}

.badge-message-header {
    min-width: 16px !important;
    min-height: 16px !important;
    border-radius:8px !important;
    position: relative !important;
    top: -7px !important;
    right: 8px !important;
    padding: 3px 5px !important;

    display: inline-block !important;
    font-size: 10px !important;
    font-weight: bold !important;
    line-height: 10px !important;
    color: #fff !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    background-color:#f00000 !important;
}

#cookie-consent {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 1001;
    background-color: #333333;
    padding: 20px 0px;
}

@media only screen and (max-width: 767px) {

    #shipmentsTable {
        display: block;
    }

    #shipmentsTable thead, #shipmentsTable tbody, #shipmentsTable th, #shipmentsTable td, #shipmentsTable tr {
        display: block;
    }

    #integratorsTable {
        display: block;
    }

    #integratorsTable thead, #integratorsTable tbody, #integratorsTable th, #integratorsTable td, #integratorsTable tr {
        display: block;
    }

    #invoicesTable {
        display: block;
    }

    #invoicesTable thead, #invoicesTable tbody, #invoicesTable th, #invoicesTable td, #invoicesTable tr {
        display: block;
    }

    #subscriptionsTable {
        display: block;
    }

    #subscriptionsTable thead, #subscriptionsTable tbody, #subscriptionsTable th, #subscriptionsTable td, #subscriptionsTable tr {
        display: block;
    }

    #myPersonalCartsTable table, #myPersonalCartsTable thead, #myPersonalCartsTable tbody, #myPersonalCartsTable th, #myPersonalCartsTable td, #myPersonalCartsTable tr {
        display: block;
    }

    #myCustomerCartsTable table, #myCustomerCartsTable thead, #myCustomerCartsTable tbody, #myCustomerCartsTable th, #myCustomerCartsTable td, #myCustomerCartsTable tr {
        display: block;
    }
    #myCustomersTable table, #myCustomersTable thead, #myCustomersTable tbody, #myCustomersTable th, #myCustomersTable td, #myCustomersTable tr {
        display: block;
    }

    #myCustomersTable td {
        border: none;
        position: relative;
        padding-left: 45%;
    }

    #shipmentsTable thead, #integratorsTable thead, #invoicesTable thead, #myPersonalCartsTable thead, #myCustomerCartsTable thead, #myCustomersTable thead, #subscriptionsTable thead {
        border-top: 1px solid #999 !important;
        border-right: 0px !important;
        border-bottom: 0px !important;
        border-left: 0px !important;
    }

    #shipmentsTable thead tr, #integratorsTable thead tr, #invoicesTable thead tr, #myPersonalCartsTable thead tr, #myCustomerCartsTable thead tr, #myCustomersTable thead tr, #subscriptionsTable thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #shipmentsTable tr, #integratorsTable tr, #invoicesTable tr, #myPersonalCartsTable tr, #myCustomerCartsTable tr, #myCustomersTable tr, #subscriptionsTable tr {
        border-top: 0px;
        border-right: 1px solid #999;
        border-bottom: 1px solid #999;
        border-left: 1px solid #999;
    }

    #shipmentsTable td, #integratorsTable td, #invoicesTable td, #myPersonalCartsTable td, #myCustomerCartsTable td, #subscriptionsTable td {
        border: none;
        position: relative;
        padding-left: 50%;
    }

    #shipmentsTable td:before, #integratorsTable td:before, #invoicesTable td:before, #myPersonalCartsTable td:before, #myCustomerCartsTable td:before, #subscriptionsTable td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    #myCustomersTable td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 40%;
        padding-right: 10px;
        white-space: nowrap;
    }

}

#mysubscriptions-accordion .panel {
    padding-left:15px !important;
    padding-right:15px !important;
}

.panel-subscription span {
    margin-left: 0px !important;
    overflow-wrap: break-word;
    word-break: break-word;
}

.panel-subscription .panel-heading {
    border: 0px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.cc_scroll-top {
    display:none;
}

.container-fluid.navbar-inverse.cc_navbar-inverse {
    display:none;
}

#homepage-content-section-2-content {
    margin-top:-90px;
    margin-bottom:-90px;
    padding-top:80px;
    padding-bottom:90px;
    background-color: #FBFBFB;
}

.BARCO_RenderOrderProcessInformation:nth-child(even) {
    background-color: #F5F5F5;
}

.my-subscriptions-header-table {
    background-color: #666;
    color: #FFF;
    padding:8px 15px;
    font-size:12px;
}

#regional-offices a > span {
   text-decoration: underline;
}
#regional-offices a::before {
   font-family: FontAwesome;
   content: "\f041";
   display:inline;
   text-decoration: none;
   margin-right: 5px;
}
#regional-offices a[href^="http://tel:"]::before, #regional-offices a[href^="tel:"]::before {
   font-family: FontAwesome;
   content: "\f10b";
   display:inline;
   text-decoration: none;
   margin-right: 5px;
}

.pricing-table {
    cursor:pointer;
    border: 1px solid #DDD;
    padding: 48px 32px;
    transition: 1s;
}

.pricing-table span, .pricing-table p {
    color: #666;
}

.pricing-table:hover {
    background: #F8F8F8;
}

.pricing-table button {
    min-width: 200px;
}

.pricing-table .features {
    color: #666;
}

.text-hover-overlay {
    position: absolute;
    margin: 10%;
    height: 80%;
    width: 80%;
    visibility: hidden;
    opacity: 0;
    /* transition effect. not necessary */
    transition: opacity .2s, visibility .2s;
}
.overlay-base {
    height: 100%;
    position: relative;
    width: 100%;
}
.overlay-base-position {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.overlay-base-position .overlay-base-bottom-base {
    width: 100%;
}
.overlay-base-position .overlay-base-bottom-base .overlay-base-bottom-base-position {
    /* border-top: 1px solid #d8d8d8;
    padding-top: 15px; */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.text-static-overlay {
    background-color: rgba(0, 0, 0, 0.65);
    position: absolute;
    margin: 0;
    padding: 10%;
    height: 100%;
    width: 100%;
    /* Centering the text inside */
    display: flex;
    align-items: center;
    justify-content: center;
}
.enterprise-static-text{
    text-align: center;
}
.homepage-flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 2rem;
}

.homepage-flex-item {
    flex: 0 40%;
    position:relative;
}
.homepage-flex-item:hover .text-hover-overlay {
  visibility: visible;
  opacity: 1;
}
.homepage-flex-item:hover .text-static-overlay {
  visibility: visible;
}
.homepage-flex-item:hover .text-static-overlay h4.enterprise-static-text {
    display: none;
}
.homepage-flex-item .featured{
    position: absolute;
    background-position: center center;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}
#configuratorSummary {
    z-index: 50;
}
#access-denied h1, #access-denied p {
    color: #ffffff;
    text-shadow: 2px 2px 5px #000;
}
#access-denied h1 {
    margin: 0;
}
#access-denied p {
    margin: 40px 0;
}
.display-table {
    display: table;
    height: 100%;
    width: 100%;
}
.middle {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 0;
}
.dropdown-menu {
    margin-top: 0 !important;
}
.mega-dropdown {
    position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 10px 5px 10px !important;
    width: auto;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu li.menu-item a {
    border-bottom: 1px solid #f1f1f1;
    color: #303030;
    font-weight: bold;
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
    padding: 0;
}
.mega-dropdown-menu li.menu-item a:after {
    display: none;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #f00000;
    margin-top: 5px;
    margin-right: 0;
}
.mega-dropdown-menu li.menu-item ul {
    box-shadow: none;
    border: 0;
    border-bottom: 0 !important;
    display: block;
    margin-bottom: 15px !important;
    position: static;
    list-style: square;
    min-width: 220px;
    width: 100%;
}
.mega-dropdown-menu li.menu-item ul li.menu-item {
    display: block;
    float: none;
    width: 100% !important;
    padding: 0;
}
.mega-dropdown-menu li.menu-item ul li.menu-item a {
    border-bottom: 0 !important;
    font-weight: normal;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding: 0;
}
.mega-dropdown-menu li.menu-item ul li.menu-item a:after {
    display: none;
}
.mega-dropdown-menu li.menu-item ul li.menu-item a:before {
    content: " ";
    float: left;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-left-color: #ccc;
    margin-top: 6px;
    margin-right: 10px;
}

.units-guide {
    font-weight: 700;
    font-size: 12px !important;
}
.units-price {
    font-size: 12px !important;
    padding-bottom: 5px;
    word-break: break-all;
}
.progress-handle {
    border-right: 1px solid #a1a1a1;
    line-height: 1vh;
    padding-bottom: 3px;
}
.bars:first-of-type .row .progress-handle {
    border-left: 1px solid #a1a1a1;
}
progress {
    height: 0.3vh;
    width:100%;
    border: 0;
    color:  #f00000;
}
.hidden-details {
    display: none;
}
progress[value] {
    -webkit-appearance: none;
       appearance: none;
}
progress[value]::-webkit-progress-bar {
    background-color: #dedede;
}
::-webkit-progress-value {
  background-color: #f00000;
}
::-moz-progress-bar {
  background-color: #f00000;
}
.quantity-number-area {
    border: 1px solid #d1d1d1;
    background-color: #ffffff;
    color: #000000;
    min-width: 50px;
    padding: 5px 12px 6px 12px;
    width: 65px;
}
.quantity-number-area:hover {
    border: 1px solid #888888;
}
/* For Firefox */
input[type='number'] {
    -moz-appearance:textfield;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

header#no-b-border {
    border-bottom: 0;
}

.in-action ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 18px;
    text-indent: -18px;
}

.in-action ul li {
    margin-left: 1px;
}

.in-action ul li:before {
    content: "\f04d";
    font-family: FontAwesome;
    color: #f00000;
    font-size: 10px;
    margin-right: 10px;
}

.barco-alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.barco-alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}

.barco-alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

h5.blue-circle-card-title {
    color: #B1B1B1 !important;
    font-weight: bold;
}

.blue-circle-card {
    border: 4px solid #49a9f5;
    border-radius: 50%;
    height: 125px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 125px;
}

.blue-circle-card span {
    color: #49a9f5;
    display: block;
    font-weight: bold;
    font-size: 22px;
    margin-top: 40.5px;
}


span.link-to-insights a:link,
span.link-to-insights a:visited {
    text-decoration: underline !important;
}

span.link-to-insights a:hover,
span.link-to-insights a:active {
    text-decoration: none !important;
}

span.create-account-link a:link,
span.create-account-link a:visited {
    text-decoration: underline;
}

span.create-account-link a:hover,
span.create-account-link a:active {
    text-decoration: none;
}

.tiered-pricing-background {
    background-color: #ffffff;
    padding-bottom: 15px;
    padding-top: 15px;
}

p.fake-link,
span.fake-link {
    cursor: pointer;
    text-decoration: underline;
}

p.fake-link:hover,
span.fake-link:hover {
    color: #f00000;
}

.toggle-children,
.check-entitlement {
    cursor: pointer;
}

.toggle-children:hover,
.check-entitlement:hover {
    color: #000000;
}

.overlay-container {
    position: relative;
}

.overlay-loader {
    background-color: #ffffff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.loading {
    border: 2px solid #f3f3f3;
    border-top: 3px solid #d50000;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
    margin-left: -10px;
    display: inline-block;
}

.visual {
    text-align: center;
}

.table-header-bold {
    font-weight: bold;
}

.with-line {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 15px;
}

.table.no-border tbody > tr {
    border-bottom: 1px solid #dddddd !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    font-size: 14px;
}

.table thead.light-heading {
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #dddddd;
}

.table thead.light-heading th {
    color: #37474f;
    font-size: 14px;
    font-weight: bold;
}

.h4-small {
    font-size: 14px;
    font-weight: 300 !important;
    margin-top: 2px;
}
input[name="search-subscription"]:focus {
    border-right: 0 !important;
}
.tableSortingCell {
    cursor: pointer;
}

.doFilterButton.active {
    background-color: #f00000 !important;
    border: 1px solid #bd0000 !important;
    color: #ffffff !important;
}

.doFilterButton:active,
.doFilterButton:hover,
.doFilterButton:focus {
    background-color: #f00000 !important;
    border: 1px solid #bd0000 !important;
    color: #ffffff !important;
}

.sort.ascending:after {
    border-top: 5px solid #ffffff;
    border-bottom: 5px solid #666666;
    border-left: 5px solid #666666;
    border-right: 5px solid #666666;
    content: '';
    display: inline-block;
    height: 5px;
    margin-bottom: -4px;
    margin-left: 5px;
    width: 0;
}

.sort.descending:after {
    border-top: 5px solid #666666;
    border-bottom: 5px solid #ffffff;
    border-left: 5px solid #666666;
    border-right: 5px solid #666666;
    content: '';
    display: inline-block;
    height: 5px;
    margin-top: -4px;
    margin-left: 5px;
    width: 0;
}
.cartPageViewButtonEnabled {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    color: #000000;
    padding: 10px 25px;
}
.cartPageViewButtonEnabled:hover,
.cartPageViewButtonEnabled:active,
.cartPageViewButtonEnabled:focus {
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
    color: #000000;
}
.cartPageViewButtonDisabled {
    background-color: #f00000;
    border: 1px solid #bd0000;
    color: #ffffff;
    padding: 10px 25px;
}
.cartPageViewButtonDisabled[disabled] {
    opacity: 1 !important;
}
.cartPageViewButtonDisabled:hover {
    background-color: #f00000 !important;
    border: 1px solid #bd0000 !important;
    color: #ffffff;
}

button.use-case-item {
    background-color: #f6f6f6;
    border: 2px solid #f6f6f6;
    color: #454545;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 12px;
    text-align: center;
    width: 100%;
}

button.use-case-item:hover {
    background-color: #e43a45;
    border: 2px solid #e43a45;
    color: #ffffff;
}

.disabled-use-case {
    background-color: #fcfcfc !important;
    border: 2px solid #fcfcfc !important;
    color: #d1d1d1 !important;
    cursor: disabled;
    pointer-events: none;
}

.pdf-heading {
    border-bottom: 1px solid #f00000;
    color: #f00000;
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 0;
}

.pdf-divider {
    border-top: 1px solid #c1c1c1
    margin: 15px 0;
}

.pdf-border-box {
    border: 1px solid #c1c1c1;
}

.edit-icon {
    margin-left: 10px;
    margin-top: -2px;
}

.edit-icon i {
    color: #000000;
    cursor: pointer;
    font-size: 14px;
}

.edit-icon i:hover {
    color: #f00000;
}

.disabled-subscription-item > * {
    cursor: not-allowed !important;
    opacity: 0.5;
    pointer-events: none !important;
}

.save-percentage-ribbon {
    position: absolute;
    display: inline-block;
    right: -15px;
    text-align: center;
    top: 12px;
    background: white;
    width: 140px;
    padding: 5px 0px;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    font-weight: 600;
}