/***************************
Navigation
***************************/

.nav-third img {
    width: 100%;
}

.navbar-top {
    padding-top: .05rem;
    padding-bottom: .05rem;
}

.navbar-top .navbar-brand {
    font-size: .8rem;
}

.navbar-top .nav-link {
    font-size: .8rem;
}

.nav-third .dropdown-menu {
    left: auto;
    right: 0
}

@media (max-width: 575.98px) {

    .nav-third .navbar-expand-sm .nav-item .nav-link,
    .nav-third .navbar-expand-sm .nav-item .dropdown-menu a {
        /*        text-align: right*/
        padding-left: 1rem;
    }

    /* .card-container input{
        width: 100% !important;
    } */

    .card-valid{
        left: 90% !important;
    }

    table .wider-column {
        width: 50% !important;
    }
}
@media (max-width: 767px) {

    .goto-old-portal{
        margin-top: 0 !important;
        padding: 5px;
        padding-left: 15px;
    }
   
}

.login-pill{
    border-radius: 33px;
    padding: 3px 12px 6px 12px;
}


.menu-cart-profile{
    display: flex;
    flex-direction: row-reverse;
    flex-grow: 1;
    /* align-self: center; */
    justify-content: end;
}

@media (min-width: 576px) {
    .menu-cart-profile{
        display: flex;
        flex-grow: 1;
        
    }
}

@media (min-width: 992px) {
    .menu-cart-profile{
        display: flex;
        flex-direction: row;
        flex-grow: 1;
        /* align-self: start;
        padding: 25px 0px; */
    }
}

/***************************
Navigation
***************************/


/***************************
Footer
***************************/

.footer-right-logo img {
    width: 100%;
}

/***************************
Footer
***************************/

/***************************
Member Portal Services Page
***************************/

.services-list img {
    width: 100%;
}

.services-list a:hover {
    text-decoration: none;
}

.service-box img{
    width: 50%;
    margin: 0 auto;
    margin-bottom: 1.2rem;
}

@media (max-width: 767.98px) {
    .service-box {
        height: auto;
        margin-bottom: 1rem;
    }
}

/***************************
Member Portal Services Page
***************************/


/***************************
General
***************************/
i {

    margin-right: .5rem;

}

@media (min-width: 1200px) {
    .container {
        max-width: 1180px;
    }

}

@media screen and (min-device-width: 768px) and (max-device-width: 1199px) { 
    #price-range-filter-button{
        margin-top: 10px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1400px;
    }
}

.line-through {
    text-decoration: line-through;

}

.package-icon {
    font-size: 3em;

}

table.no-border td {
    border: none;
}

.table-summary td {
    width: 25%;
}

table .wider-column {
    width: 70%
}

table .wide-column-60 {
    width: 60%
}

.normal {
    font-weight: 400;
}

.no-margin {
    margin: 0;
}

.discount {
    padding: 2px 5px;
}

/***************************
General
***************************/


/***************************
Tabs
***************************/
.tab-holder .nav-link {
    border: 1px solid lightgrey;
}

.search-filter .navigation {
    padding-left: 0;
}

.search-filter .navigation li {
    list-style: none;
    border-bottom: 1px solid #eee;

}

.search-filter .navigation li a:hover {
    text-decoration: none;


}

/***************************
Tabs
***************************/

.search-filter .price-input {
    width: 3em;
}

.top-filter-search .select-sort {
    width: 50%;
}

/***************************
Images
***************************/

.profile-img,
.instructor-image img {
    width: 100%;
}

/***************************
Tooltip
***************************/
.tooltip-content-instructor {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 2em;
    display: none;
    background: white;
    box-shadow: 5px 10px 18px #eee;
    -webkit-box-shadow: 5px 10px 18px #eee;

}
.tooltip-content-payment {
    position: absolute;
    z-index: 1;
    right: 1%;
    top: 2.3em;
    display: none;
    background: white;
    box-shadow: 5px 10px 18px #eee;
    -webkit-box-shadow: 5px 10px 18px #eee;
    width: 15rem;

}
.tooltip-holder:hover .tooltip-content-instructor , .tooltip-holder:hover  .tooltip-content-payment{
    display: inline-block;
}

/***************************
Tooltip
***************************/
.nav-pills .nav-link {

    border-bottom: 2px solid navy;
    border-radius: 0;
    color: navy;
    font-size: 1.1rem;
}

.nav-pills .nav-link.active {
    background-color: navy;
}

.nav li.nav-item .nav-link.active:after {
    content: "";
    position: relative;
    top: 40px;
    left: 0;
    border: 10px solid transparent;
    border-top-color: navy;
}

/*changed nav*/
.nav-menu .nav-item {
    font-size: 1.2rem;

}


select.custom-select {

    background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, #17a2b8, #17a2b8);
    background-position: calc(100% - 10px) calc(1em), calc(100% - 5px) calc(1em), 100% 0;
    background-size: 5px 5px, 5px 5px, 1.5em 2.5em;
    background-repeat: no-repeat;

}

.notify-badge {
    position: relative;
    top: -.5rem;
    color: #fff;
    /* padding: .25rem */
}

.notify-badge-static {
    position: relative;
    top: -.5rem;
    right: .6rem;
    color: #fff;
    /* padding: .25rem */
}

.profile-static {
  box-shadow: rgba(115, 115, 115, 0.2) 0px 2px 8px 0px;
  padding: 1em;
}

.profile-static .dropdown-item {
    color: #1A1A1A;
    padding: 6px 10px;
    border-radius: 4px;
}

.profile-static .dropdown-item:active,
.dropdown-item:focus,
.dropdown-item.clicked {
    background-color: #000080; /* Bootstrap primary */
    color: #fff;
}

.package-info-details{
    position: unset;
}

@media (min-width: 992px) {
.package-info-details{
    position: absolute;
    right: 0;
    top: 0;
}
}

/* For cart being not responsive for smaller device */
@media (max-width: 767px) {
    .table.table-cart>tbody>tr td {
        display: inline-block;
        width: 100%
    }

    .table.table-cart>tbody>tr.table-header {
        display: none
    }


}
@media (max-width: 990px) {

.card-container input{
    width: 100% !important;
}
}
.w-90{
    width: 90%;
}
.w-10{
    width: 10%;
}
@media (max-width: 390px){
    .tooltip-content-payment{
        right:auto;
    }
}
.nav-third img, .footer-right-logo  img {
    height: 100%;
    width: auto;
}
#topLogoContainer, .footer-right-logo {
    height: 100px;
}
.preview-navbar{
    /* border-bottom: 3px solid red; */
}
    .previewtag{
    position: absolute;
    top: 0;
    padding: 5px;
    left: 44%;
    background: red;
    color: white;
    border: 1px solid white;
    font-size: 1em;
    z-index: 10;
}