/* Header */
header {
    Background: #ffffff;
}
/* End Header */

/* Button & Link */
:root {
    --btn-primary: #0688ff;
    --bs-primary: #0688ff;
    --bs-primary-rgb: 6, 136, 255;
}
.btn-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--btn-primary);
    --bs-btn-border-color: var(--btn-primary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--btn-primary);
    --bs-btn-hover-border-color: var(--btn-primary);
    --bs-btn-focus-shadow-rgb: var(--btn-primary-rgb);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--btn-primary);
    --bs-btn-active-border-color: var(--btn-primary);
}
.btn-outline-primary {
    --bs-btn-color: var(--btn-primary);
    --bs-btn-bg: var(--bs-white);
    --bs-btn-border-color: var(--btn-primary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--btn-primary);
    --bs-btn-hover-border-color: var(--btn-primary);
    --bs-btn-focus-shadow-rgb: var(--btn-primary-rgb);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--btn-primary);
    --bs-btn-active-border-color: var(--btn-primary);
}
.link-primary:focus,
.link-primary:hover,
.link-primary.active {
    color: rgba(var( --bs-primary-rgb), 1) !important;
}
/* End Button */

/* Hover scale */
.hover-scale.hover-bg-primary:hover {
    background-color: #0688ff !important;
} 

/* Carousel */
.carousel-cs-1 .carousel-indicators .active {
    background-color: #0688ff;
}
/* End Carousel */

/* Landing */
.headlineBox {
    background-color: #0688ff;
}
.headlineBox:before {
    background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(6, 136, 255,1) 100%);
}
/* End Landing */

/* Register Page */
.registerPage .box-carousel {
    background: linear-gradient(135deg, rgba(0,0,0,0.7) 0%, rgba(6, 136, 255,1) 100%);
}
/* End Register Page */

/* Pagination */
ul.pagination li a, ul.yiiPager li a {
    color: #0688ff !important;
}
ul.pagination li a:hover, ul.yiiPager li a:hover {
    border: 1px solid #0688ff !important;
}
ul.pagination li.active a, ul.pagination li.active a:hover, ul.pagination li.selected a, ul.pagination li.selected a:hover, ul.yiiPager li.active a, ul.yiiPager li.active a:hover, ul.yiiPager li.selected a, ul.yiiPager li.selected a:hover {
    background: #0688ff;
    border: 1px solid #0688ff !important;
}
/* End Pagination */

/* Footer */
footer {
    background: #0688ff;
}
/* End Footer */