/* Top Menu */
.top-menu-item:hover {
    background-color: #399CBD;
}

/* Line Bar */
.bg-line {
    background-color: #399CBD;
    padding: 0.2rem;
}

/* Button */
.btn-menu {
    color: #191970;
    border-color: #191970;
    background-color: white;
}

.btn-primary {
    color: #191970;
    border-color: #191970;
    background: transparent
}

/* Card */
.card {
    border-color: #ADD8E6;
}

.card-header {
    border: 1px solid #ADD8E6;
    border-radius: 6px;
}

/* SiteMapBar */
ul.breadcrumbs li:hover:before {
    border-left: 10px solid #ADD8E6;
}

ul.breadcrumbs li:hover a {
    color: #000;
    background: #ADD8E6;
}

ul.breadcrumbs li.active a {
    color: white !important;
    background: #399CBD;
}

/* Switch */
.toggle input:checked + .slider {
    background-color: #349ADB;
}

/* Index Tab */
#ulTabWindowNav li a {
    background: #349ADB;
    border-top: 3px solid #349ADB;
    border-bottom: 3px solid #349ADB;
}

    #ulTabWindowNav li a:hover,
    #ulTabWindowNav li.ui-tabs-active a {
        color: #349ADB !important;
        border-top: 3px solid #349ADB !important;
        border-bottom: 3px solid #349ADB !important;
    }

    #ulTabWindowNav li a:before,
    #ulTabWindowNav li a:after {
        background: linear-gradient(135deg,#349ADB 49%, transparent 50%);
    }

    #ulTabWindowNav li a:after {
        background: linear-gradient(315deg,#349ADB 49%, transparent 50%);
    }

@media screen and (min-width: 1920.02px) {
    .topbar-bg1 {
        background-image: url("../../Images/top1-1920.png");
        background-size: cover;
    }

    .topbar-bg2 {
        background-image: url("../../Images/top2-1920.png");
        background-size: cover;
    }

    .topbar-bg3 {
        background-image: url("../../Images/top3-1920.png");
        background-size: cover;
    }

    .topbar-bg4 {
        background-image: url("../../Images/top4-1920.png");
        background-size: cover;
    }
}

@media screen and (min-width: 650.02px) {
    .topbar-bg1 {
        background-image: url("Images/top1.png");
        background-size: cover;
    }

    .topbar-bg2 {
        background-image: url("Images/top2.png");
        background-size: cover;
    }

    .topbar-bg3 {
        background-image: url("Images/top3.png");
        background-size: cover;
    }

    .topbar-bg4 {
        background-image: url("Images/top4.png");
        background-size: cover;
    }
}

@media screen and (max-width: 650.02px) {
    .topbar-bg1 {
    }

    .topbar-bg2 {
    }

    .topbar-bg3 {
    }

    .topbar-bg4 {
    }
}