/*Lite & Dark Colors of Color Pallet*/

/*card section*/
.card .card>.card-body
{
    padding: 1.25rem;
}
.nav_pills_margin_top{
    margin-top: 10px;
}
#accordion .collapsed{
    display: block;
}
#accordion .card-header a{
    display: block;
}
/*lists*/
.lists_margin_bottom{
    margin-bottom: 13px;
}
.nav-tabs .nav-link.active{
    background-color: #fff;
    color:#525252;
}
.nav-tabs .nav-link.active:hover{
    background-color: #fff;
}

#top .nav>.nav_profile_color>a:hover,
#top .nav>.nav_profile_color>a:focus{
    background-color: white;
}
#top .nav>.nav_home_color>a:focus,
#top .nav>.nav_hover_color_home>a:hover{
    background-color: #4fb7fe;
}
#top .nav>.nav_home_color>a:hover{
    background-color: #4fb7fe;
}
#top .nav>li.nav_active_background_color>a:hover,
#top .nav>li.nav_active_background_color {
    background-color:#4fb7fe;

}

.nav_profile_color>li>a{
    color:#4fb7fe;
}
.nav_profile_color>li.active>a{
    background-color: #4fb7fe;
}
.nav_bar_align_top{
    margin-top: 10px;
}
.nav_profile_color>li.active>a,
.nav_profile_color>li.active>a:focus{
    background-color: #4fb7fe;
}
.nav-inline>li> a ,.nav_inline_profile>li> a
{
    color: #4fb7fe;}
.list-group-flush .list-group-item{
    border-left:0;
    border-right: 0;
}
/*Cards page*/
.card,.card-body,.card-img-top{
    border-radius: 0 !important;
}




.card.card-fade-in:hover > .card-body {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
}
.card.card-fade-in > .card-body,.card.card_scale > .card-body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: transparent;
}

@media (max-width: 374px) {
    .clear_both1{
        clear: both;
    }
}
@media (min-width:375px) and (max-width: 440px) {
    .clear_both2{
        clear: both;
    }
}
@media (min-width:992px) and (max-width: 1084px) {
    .clear_both2{
        clear: both;
    }
}
.card.card-fade-in > .card-body{
    transition: all 0.5s ease-in-out;
}
.card.card_scale > .card-body{
    transition: all 0.3s ease-in-out;
}
.card_img_height{
    width: 100%;
    height: 220px;
}
.card.card_scale > .card-img-top {
    width: 100%;
}
.zoom_out_3 img{
    transition: 0.3s ease-in-out;
}
.zoom_out_3:hover img {
    transform: scale(1);
}
.card.card_scale:hover > .card-body {
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    transform: scale(1);
}
article.scrollspy-example {
    position: relative;
    overflow-y: scroll;
    height: 310px;
}
#scrollspy-nav .nav-link.active{
    color: #66ccff !important;
    background-color: transparent !important;
    border:1px solid #66ccff;
}



@media (max-width: 424px){
    #scrollspy-nav ul{
        display: block;
    }
}
.card-inverse a,.card-img-overlay .card-title{
    color:#fff;
}