/* Override */
html {
    --bg-common-light: rgba(0, 0, 128, 0.2);
}

.navbar-brand {
    max-width: 240px;
}

.navbar-brand.beta:after {
    display: none;
}


.section {
    padding: 20px 0;
}

/* End of Override */


a:hover {
    color: #000080;
}

/*region Color One */
a,
#main-menu > li > a:hover,
#main-menu > li.active > a,
#main-menu > li.open > a,
#main-menu > .active > a:hover,
#main-menu > .active > a:focus,
#main-menu > .open > a:hover,
#main-menu .dropdown .dropdown-menu > li.active > a,
#main-menu .dropdown .dropdown-menu > li > a:hover,
#main-menu .dropdown .dropdown-menu > li > a:active,
#service-block-main .service-item:hover i,
#service-block-main .service-item:hover h2,
#why-choose .icon i,
#why-choose .tab-container h2 {
    color: #4f4b4e;
}

/*endregion*/

/*region Background One */
#service-block-main .service-item:hover .icon-wrapper::before,
#service-block-main .service-item:hover .icon-wrapper::after,
#service-block-1 .service-item:hover .icon i,
#team-block-2 .team-member:hover,
#pricing-block-2,
.scroll-top:hover {
    background: #B3ACB2;
}

/*endregion*/
.section-title::before,
.small-title::before,
#service-block-main .service-item:hover i {
    border-color: #B3ACB2;
}

.open > a {
    color: #B3ACB2 !important;
}

#progress .icon-effect {
    color: #B3ACB2;
}


.scroll-top:hover {
    border-color: #B3ACB2;
}

#why-choose .tab-menu .list-group > a.active {
    background: #B3ACB2;
}

/* services */
#service-block-1 .service-item:hover .service-content h2 {
    color: #B3ACB2;
}

#service-block-1 .service-item:hover .icon {
    border-color: #B3ACB2;
}

#service-block-2 .service-inner:hover i,
#service-block-2 .service-inner:hover h3 {
    color: #B3ACB2;
}

/*  Mobile menu */
.slicknav_btn {
    border-color: #B3ACB2;
}

.slicknav_btn:hover {
    background: #B3ACB2;
}

.slicknav_nav a:hover,
.slicknav_open .active {
    color: #B3ACB2;
}

.slicknav_menu .slicknav_icon-bar {
    background: #B3ACB2;
}

.tparrows.preview2:hover:after {
    color: #B3ACB2;
}

/* New Css */
.btn-outline {
    border-color: #B3ACB2;
    color: #B3ACB2;
}

.btn-outline:hover {
    background: #B3ACB2;
}

i.icon-round {
    background-color: #B3ACB2;
}

.form-control:focus {
    border-color: #B3ACB2;
}

h2.widget-title {
    color: #B3ACB2;
}

.form-control:focus {
    border-color: #B3ACB2;
}


.btn-link {
    color: #000080;
}

.btn-link:hover {
    color: #262673;
}

.table-common, .table-common > td {
    background: #000080 none repeat scroll 0 0;
    color: #FFF;
}

.table-common-light, .table-common-light > td {
    background: #babaf8 none repeat scroll 0 0;
}

.text-common {
    color: #000080;
}

button:focus .text-common, button:hover .text-common:hover,
a:focus .text-common:focus, a:hover .text-common,
button.text-common:focus, button.text-common:hover,
a.text-common:focus, a.text-common:hover {
    color: #0D0D26FF;
}

.border-common {
    border-color: #000080 !important;
}

.btn-common {
    color: #fff;
    /*background: #B3ACB2 none repeat scroll 0 0;*/
    background: #000080 none repeat scroll 0 0;
    border-color: #21216f;
}

.btn-common:hover {
    color: #FFF;
    background-color: #000080;
    border-color: #21216f;
}

.btn-common.focus, .btn-common:focus {
    box-shadow: 0 0 0 0.2rem rgba(36, 36, 120, 0.50);
}

.btn-outline-common {
    color: #000080;
    background-color: transparent;
    background-image: none;
    border-color: #000080;
}

.btn-outline-common:hover {
    color: #fff;
    background-color: #000080;
    border-color: #21216f;
}

.btn-outline-common.focus, .btn-outline-common:focus {
    box-shadow: 0 0 0 0.2rem rgba(36, 36, 120, 0.50);
}

.list-group-item-common {
    background-color: #8686cf;
    color: #151543;

}

.list-group-item.common.active {
    color: #fff;
    background: #000080 none repeat scroll 0 0;
    border-color: #000080;
}

.dropdown-menu--active-common .dropdown-item.active, .dropdown-menu--active-common .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #000080
}

.dropdown-menu .dropdown-item.active-common.active, .dropdown-menu .dropdown-item.active-common:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #000080 !important;
}


.bg-common {
    background-color: #000080 !important;
}

.bg-common-light {
    background-color: var(--bg-common-light) !important;
}

.badge-common {
    background-color: #000080 !important;
    color: #FFF !important;
}

.page-item.active .page-link {
    background-color: #000080;
    border-color: #000080;
}

.btn-danger {
    background-color: #e11a1a;
    border-color: #e11a1a;
}

.btn {
    position: relative;
    z-index: 1;
    /*border:none;*/
}

*:not(.dropleft) > .btn:not(.disabled):not([disabled]):not(.btn-link):before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: rgba(0, 0, 0, 0.25);
}

*:not(.dropleft) > .btn:not(.disabled):not([disabled]):hover:before {
    width: 100%;
}

.btn-common.active {
    background: #000080 none repeat scroll 0 0;
}

.back-to-top i {
    background-color: #B3ACB2;
}

.carousel-area .carousel-item:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /*background:#005F83;*/
    background: #000080;
    opacity: 0.8;
}

.carousel-area .carousel-item .carousel-caption {
    color: #FFFFFF;
}

.carousel-area .carousel-indicators li:hover, .carousel-area .carousel-indicators li.active {
    background: #B3ACB2 none repeat scroll 0 0;
}

.service-item .icon-wrapper i {
    color: #B3ACB2;
}

#main-menu ul .dropdown .dropdown-menu .dropdown-item.active, #main-menu ul .dropdown .dropdown-menu .dropdown-item.active:focus, #main-menu ul .dropdown .dropdown-menu .dropdown-item.active:hover {
    color: #B3ACB2;
    background-color: #eee;
}

#main-menu .nav-link.active {
    color: #B3ACB2;
}

#main-menu .nav-link:hover {
    color: #B3ACB2;
}


#main-menu ul .dropdown .dropdown-menu a:hover, #main-menu .dropdown .dropdown-menu a .active {
    color: #B3ACB2;
}

.top_search_con input:focus {
    border: 1px solid #B3ACB2;
}

/* region Adding CSS for hover and active */

#main-menu:not(:hover) .nav-link.active,
#main-menu .nav-item:not(.nav-item-highlight) .nav-link:hover {
    color: white;
    background: #000080 !important;
}

#main-menu .nav-item-highlight .nav-link:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 5px;
    right: 5px;
    bottom: 0;
    color: white;
    background: #000080 !important;
    z-index: -1;
    transition: border-radius 0.10s linear;
}

#main-menu .nav-item-highlight .nav-link {
    color: white;
}

/*
#main-menu .nav-item-highlight .nav-link:hover:before {
  border-radius: 10px;
}
*/

.carousel-area .carousel-inner .carousel-item img {
    width: 100%;
}

/*
.carousel-area .carousel-item .carousel-caption h3 {
  text-shadow: 1px 1px 1px #B3ACB2;
}*/

.carousel-area {
    overflow: hidden;
    background: #fff;
}

.carousel-area .carousel-inner .carousel-item {
    opacity: 0.4;
    width: 100%;
    overflow: hidden;
    transition-property: opacity;
    transition-duration: 1s;
}

.carousel-area .carousel-inner .active {
    opacity: 1;
}

#main-menu .nav-item.divider-vertical {
    position: relative;
}

#main-menu .nav-item.divider-vertical:before {
    content: '';
    display: block;
    height: 10%;
    width: 2px;
}

#main-menu .nav-item.divider-vertical:after {
    content: '';
    display: block;
    height: 80%;
    background: #B3ACB2;
    width: 2px;
}

header, footer {
    z-index: 2;
}

#main-menu ul .dropdown .dropdown-menu a:hover, #main-menu .dropdown .dropdown-menu a .active {
    color: #FFF;
    background: #000080;
}

.navbar {
    box-shadow: 0 0 2px #000080;
}

.nav-pills .nav-link.active, .show > .nav-pills .nav-link {
    background-color: #000080;
}

#main-menu ul > li > a.nav-link-user {
    text-transform: none;
}

/* endregion */

/* region dropdown override */
.dropdown-menu {
    margin: 0;
    border-radius: 0;
    border: 1px solid lightgray;
}

.dropdown-item {
    box-sizing: border-box;
}

/*
.dropdown-item:focus, .dropdown-item:hover {
  color: #FFF;
  text-decoration: none;
  background-color: #0d7faf;
}
*/

.dropdown-menu > .btn-group {
    width: 100%;
}

.dropdown-menu > .btn-group > .btn {
    text-align: inherit;
}

/* endregion */

.modal-header {
    background-color: #000080;
    color: #FFF;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
}

.progress-bar {
    background-color: #000080;
}

body .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #000080;
}

body .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #000080;
}

#preview-player .waveform.howler .wave-background:after {
    background-color: #000080;
}

#preview-player.loaded .title,
#preview-player.loaded .duration {
    text-shadow: 1px 1px 0 #000080, -1px 1px 0 #000080, 1px -1px 0 #000080, -1px -1px 0 #000080, 0 0 4px #000080;
}


/* EDITOR V2 - START */
.el-segment .segment-info-wrapper .speaker-gender:hover .speaker-gender-selection .gender:not(.current):hover {
    background: #000080;
}
.dropdown-item.dropdown-common.active,
.dropdown-item.dropdown-common:active {
    background: #000080;
}

/* EDITOR V2 - END */


.btn-primary-dark {
    color: #ffffff;
    background-color: #1448a9;
    border-color: #1448a9;
}

.btn-primary-dark:hover {
    color: #ffffff;
    background-color: #1448a9;
    border-color: #1448a9;
}
.btn-outline-primary-dark {
    color: #1448a9;
    background-color: transparent;
    background-image: none;
    border-color: #1448a9;
}

.btn-outline-primary-dark:hover {
    color: #1448a9;
    background-color: transparent;
    background-image: none;
    border-color: #1448a9;
}

.popover-primary-dark .popover-header {
    background-color: #1a48a9;
    color: #FFF;
}

.popover-primary-dark .popover-body {
    background: #c3d2ea;
}

.bs-popover-auto.popover-primary-dark[x-placement^=left] .arrow::after, .bs-popover-left.popover-primary-dark .arrow::after {
    border-left-color: #c3d2ea;
}

.bs-popover-auto.popover-primary-dark[x-placement^=top] .arrow::after, .bs-popover-top.popover-primary-dark .arrow::after {
    border-top-color: #c3d2ea;
}

.bs-popover-auto.popover-primary-dark[x-placement^=right] .arrow::after, .bs-popover-right.popover-primary-dark .arrow::after {
    border-right-color: #c3d2ea;
}


.bs-popover-auto.popover-primary-dark[x-placement^=bottom] .arrow::after, .bs-popover-bottom.popover-primary-dark .arrow::after {
    border-bottom-color: #c3d2ea;
}




.btn-orange {
    color: #ffffff;
    background-color: #ed962c;
    border-color: #ed962c;
}

.btn-orange:hover {
    color: #ffffff;
    background-color: #ed962c;
    border-color: #ed962c;
}

.btn-outline-orange {
    color: #ed962c;
    background-color: transparent;
    background-image: none;
    border-color: #ed962c;
}

.btn-outline-orange:hover {
    color: #ed962c;
    background-color: transparent;
    background-image: none;
    border-color: #ed962c;
}


.text-primary-dark {
    color:#1448a9 !important;
}

button:focus .text-primary-dark, button:hover.text-primary-dark:hover,
a:focus .text-primary-dark:focus, a:hover .text-primary-dark,
button.text-primary-dark:focus, button.text-primary-dark:hover,
a.text-primary-dark:focus, a.text-primary-dark:hover {
    color: #0c2452 !important;
}



.navbar-brand img {
    max-height: 50px;
}

body.dark .navbar-brand img {
    filter:invert(50)  brightness(100);
}