/* Branding for device */

.bg-header {
    background-color: #888888 !important;
}
.bg-secondary-header {
    background-color: #747474 !important;
}
.bg-primary {
    background-color: #007BFF !important;
}
a, .btn-link {
    color: #007BFF;
}
a:hover, a:focus, a:active, a.active,
.btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active {
    color: #0069d9;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #007BFF;
}
footer {
    color: #fff;
    background-color: ;
}
footer .vkp-copyrights {
    border-top: 1px solid #333333 !important;
    background-color: #000000;
}
footer .text-muted {
    color: #999999 !important;
}
footer .vkp-copyrights a {
    color: #999999 !important;
    border-color: #999999 !important;
}
footer .vkp-copyrights a:hover,
footer .vkp-copyrights a:focus,
footer .vkp-copyrights a:active,
footer .vkp-copyrights a.active {
    color: #808080 !important;
    border-color: #808080 !important;
}
.navbar-toggler {
    color: #fff;
    background-color: #0069d9;
    border: 1px solid #0069d9;
}
.navbar-toggler:focus {
    outline: none;
}
#vkpSecondaryNavbar .navbar-toggler {
    background-color: #747474;
    border: none;
}
.btn-primary,
.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #007BFF;
    border-color: #007BFF;
}
.btn-primary.action-button,
#search .btn-primary {
    background-color: #747474;
    border-color: #747474;
}
.btn-primary:hover,
.btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0069d9;
}
.btn-primary.action-button:hover {
    background-color: #666666;
    border-color: #666666;
}
.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #007BFF;
    border-color: #007BFF;
    box-shadow: none;
}
.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007BFF;
    border-color: #007BFF;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0069d9;
    border-color: #0069d9;
}
#btnBasket .badge {
    background-color: #acacac;
    color: #fff;
}
.list-group-item.active {
     color: #fff;
     background-color: #3396ff;
     border-color: #3396ff;
 }
.ui-effects-transfer {
    border:1px solid #007BFF;
    z-index:100;
}
.page-link {
    color: #007BFF;
    background-color: #fff;
}
.page-link:hover {
    color: #007BFF;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007BFF;
    border-color: #007BFF;
}
body.vkp-loading .overlay-center {
    background-color: #007BFF;
    color: #fff;
}
@keyframes dots {
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  40% {
    color: #fff;
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  60% {
    text-shadow:
      .25em 0 0 #fff,
      .5em 0 0 rgba(0,0,0,0);}
  80%, 100% {
    text-shadow:
      .25em 0 0 #fff,
      .5em 0 0 #fff;}
}

.carousel-control-prev,
.carousel-control-next {
    color: #007BFF;
    font-size:40px;
}
.carousel-control-prev:focus,
.carousel-control-next:focus,
.carousel-control-prev:hover,
.carousel-control-next:hover {
    color: #0069d9;
}
span.twitter-typeahead .empty-message {
  color: #373a3c;
  background-color: #99cbff;
}

/**
 * Wizard style tabs
 */
.nav-pills.nav-wizard > li:not(:last-child) a.active:after {
  border-color: transparent transparent transparent #3396ff;
}

.nav-pills.nav-wizard > li:not(:first-child) a.active:before {
  border-color: #3396ff #3396ff #3396ff transparent;
}

.nav-pills.nav-wizard > li a.active {
  background-color: #3396ff;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #007BFF;
    background-color: #007BFF;
}
.nav-pills.nav-wizard > li:last-child:hover a[href="#stepWizardComplete"]:not(.active),
.nav-pills.nav-wizard > li:last-child:hover a:not(.active) {
  color: #007BFF;
}

/* Tables */
.vkp-documents-list .table thead th {
    background-color: #007BFF;
}
.vkp-documents-list .table-bordered thead th {
    border-bottom-width: 1px;
    border-bottom-color: #3396ff;
}
.vkp-documents-list .table-bordered th {
    border-color: #3396ff;
}
.vkp-documents-list .table thead th a {
    color: #fff;
    font-weight: normal;
}

.vkp-page-documents .badge[data-property] {
    background-color: #007BFF;
    color: #fff;
}
.vkp-page-documents .badge[data-property] .fa {
    color:#fff !important;
}

/* Small devices */
@media (max-width: 768px) {
    .navbar .navbar-collapse {
        background-color: #888888;
        border-top: 1px solid #747474;
    }
}

.input-group-text-search-faq, .search-faq-show-all-button {
 background-color: #007BFF;
 color: white;
}

/* Custom CSS */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #0F265C !important;
}

/*  Header  */

.bg-header{
    height: 110% !important;
    background-color: #fff! important;
}

.bg-secondary-header{
    background-color: #0F265C! important;
}

#secondaryNavbarCollapse ul{
    margin-right: 0px !important;
}

#secondaryNavbarCollapse:not(.show) .navbar-nav .nav-item{
    margin-right: 15px !important;
}

.sidebar-filter-specification-title{
    padding-top: 10px;
    background-color: #0F265C;
    color: white;
    padding-bottom: 8px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.navbar .navbar-brand{
    color: #0F265C;
}


li.category-link-container a{
    color: #303030;
}

li.category-link-container a:hover{
color: #0F265C;
    text-shadow: 0,5px 0,5px #303030;
}

.navbar-text.text-white{
    color: #0F265C !important;
}



li.category-link-container {
    background-color: #f0f0f0 !important;
}

.cookieNoticeModal-title-grid-container{
    padding-left: 20px;
}

#acceptCookies.btn-success{
    background-color: #0F265C !important;
    border-color: #0F265C !important;
}





button.btn.btn-primary{
    color: #fff !important;
    background-color: #0F265C !important;
    border-color: #0F265C !important;
}

.btn-primary{
    background-color: #0F265C !important;
    color: #fff !important;
    border-color: #0F265C !important;
}

a.btn-link{
    color: #0F265C !important;
}

.btn-primary.action-button, #search.btn-primary {
    background-color: #0F265C !important;
    border-color: #0F265C !important;

}

a{
    color: #0F265C;
}


a.btn-link{
    color: #0F265C !important;
}

#cookieNoticeModal-title-image{
margin: 20px 0 20px 40px !important;
}

#cookieNoticeModal-title-grid-container {
    gap: 3rem !important;
}

#selectLanguage{
    margin-left: 100px !important;
}
#btnBasket {
visibility: hidden !important;
}


.vkp-item-price{
    visibility: hidden !important;
    height: 0px !important;
}

#vkpPage .d-flex.align-items-center.mt-2.mb-5{
visibility: hidden !important;
height: 0px !important;
}
#vkpPage .vkp-item-list .card-info, #btnSignIn{
    visibility: hidden !important;
}

.cnk-code-container{
    margin-top: -3rem !important;
    margin-bottom: 1.5rem !important;
  
}

.cnk-code-container button i::after{
    font-family: 'Open sans', sans-serif;
    font-weight: 400 ;
    content: " CNK " ;
}

#appWrapper #vkpPage h1 a{
    background-color: #f0f0f0;
    border: #0F265C 3px solid !important;
    border-radius: 12px;
    font-weight: bolder;    
    width: 160px;
    padding-bottom: 10px;
    margin: auto;
    margin-top: 10px;
}

#appWrapper #vkpPage h1 a.custom-image-link {
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 0px !important;
    filter: drop-shadow(2px 2px 4px #00000030);
}


#info-message-design-changes{
margin-right: 250px; 
display: flex; 
align-items: center;
}


#info-message-design-changes span{
    color: #eeff3e !important;
    text-shadow: 0.8px 1px #eeff3e;
}