/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
.badge {
display:inline-block;
padding:.25em .4em;
font-size:75%;
font-weight:700;
line-height:1;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:.25rem;
}
.badge:empty {
display:none;
}
.btn .badge {
position:relative;
top:-1px;
}
.badge-pill {
padding-right:.6em;
padding-left:.6em;
border-radius:10rem;
}
.badge-primary {
color:#fff;
background-color:#007bff;
}
.badge-primary[href]:focus,.badge-primary[href]:hover {
color:#fff;
text-decoration:none;
background-color:#0062cc;
}
.badge-secondary {
color:#fff;
background-color:#6c757d;
}
.badge-secondary[href]:focus,.badge-secondary[href]:hover {
color:#fff;
text-decoration:none;
background-color:#545b62;
}
.badge-success {
color:#fff;
background-color:#28a745;
}
.badge-success[href]:focus,.badge-success[href]:hover {
color:#fff;
text-decoration:none;
background-color:#1e7e34;
}
.badge-info {
color:#fff;
background-color:#17a2b8
}
.badge-info[href]:focus,.badge-info[href]:hover {
color:#fff;
text-decoration:none;
background-color:#117a8b;
}
.badge-warning {
color:#212529;
background-color:#ffc107
}
.badge-warning[href]:focus,.badge-warning[href]:hover {
color:#212529;
text-decoration:none;
background-color:#d39e00;
}
.badge-danger {
color:#fff;
background-color:#dc3545;
}
.badge-danger[href]:focus,.badge-danger[href]:hover {
color:#fff;
text-decoration:none;
background-color:#bd2130;
}
.badge-light {
color:#212529;
background-color:#f8f9fa;
}
.badge-light[href]:focus,.badge-light[href]:hover {
color:#212529;
text-decoration:none;
background-color:#dae0e5;
}
.badge-dark {
color:#fff;
background-color:#343a40;
}
.badge-dark[href]:focus,.badge-dark[href]:hover {
color:#fff;
text-decoration:none;
background-color:#1d2124;
}

.notification-container {
    position: fixed;
    right: 0;
    top: 45px;
    width: 30%;
    display: none;
    height: 100%;
    overflow: auto !important;
    z-index: 999;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.selected {
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
}

.dismiss {
    animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
}

@keyframes slide-in {
    0% {
        -webkit-transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}

@-webkit-keyframes slide-in {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0%);
    }
}

@keyframes slide-out {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(100%);
    }
}

@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(100%);
    }
}
#overlay.visible {
    opacity: 1;
    pointer-events: auto;
}
#overlay {
    position: fixed;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 2;
    pointer-events: none;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    background-color: rgba(0, 0, 0, 0.8);
}
 @media (max-width: 767px) {
    .notification-container {
        width: 100%;
        position: fixed !important;
        top: 45px;
    }
}

.review_listing {
    padding: 20px !important;
    margin-bottom: 15px !important;
    border-radius: 14px !important;
}

.rating i {
    margin-right: 0px !important;
    font-size: 1.1rem !important;
    background-color: transparent !important;
    width: 20px !important
}
.rating i.empty {
    color: #ccc;
}
.padding_left_22 {
    padding-left: 22px !important;
}
.reviews_summary h1 {
    margin-top: 1px !important
}

.widget {
    position: relative;
    display: block;
    margin-bottom: 15px;
}
.widget-title {
    padding: 15px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.widget ul.cats {
    list-style: none;
    padding: 0;
}
.widget ul.cats li {
    padding: 0 0 5px 2px;
    position: relative;
    font-weight: 500;
}
.widget ul.cats a {
    color: #555;
}
.widget-title h4 {
    padding: 0;
    margin: 0;
    font-weight: 500;
    line-height: 1;
    font-size: 16px;
    font-size: 1rem;
}
.widget ul.cats a span {
    position: absolute;
    right: 0;
}

.tabs nav ul li {
    width: 50% !important;
    background-color: #fff;
}
.content section {
    padding: 0;
}
.tabs nav ul li a {
    padding: 15px 0px;
}
.tabs nav ul li:last-child {
    border-left: 0px;
}
.tabs nav ul li.tab-current {
    background-color: #eef3f7;
}
.border-line {
    margin: 0px -45px 0px -45px;
    border-bottom: 0.1px solid #3578fa;
    border-top: 0.1px solid #3578fa;
}

.login-pag-content{
    padding: 100px 80px;
}
.login-pag-content h1 {
    font-size: 50px;
}
.rating-login {
    background: linear-gradient( 106.2deg, rgba(34, 34, 34, 0.37) 5.63%, rgba(0, 0, 0, 0) 99.18% );
    backdrop-filter: blur(12px);
    border-radius: var(--border-radius);
    max-width: 480px;
    padding: 32px;
    display: grid;
    gap: 10px;
}
.rating-login i {
    color: #fff;
 }
.login-author-name{
    font-size: 22px;
}
@media (max-width: 767px) {
    #login .login-pag-content {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    header.header_in .main-menu > ul > li {

        display: none !important;
    }
}
.login-with-google-btn {
    transition: background-color .3s, box-shadow .3s;

    padding: 12px 16px 12px 42px;
    border: none;
    border-radius: 3px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);

    color: #757575;
    font-size: 14px;
    font-weight: 500;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;

    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
    background-color: white;
    background-repeat: no-repeat;
    background-position: 12px 11px;

    &:hover {
        box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
    }

    &:active {
        background-color: #eeeeee;
    }

    &:focus {
        outline: none;
        box-shadow:
        0 -1px 0 rgba(0, 0, 0, .04),
        0 2px 4px rgba(0, 0, 0, .25),
        0 0 0 3px #c8dafc;
    }

    &:disabled {
        filter: grayscale(100%);
        background-color: #ebebeb;
        box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
        cursor: not-allowed;
    }
}
#login aside {
    overflow-y: visible;
    float:right; 
    position: relative;
}
#login figure {
    margin: -45px -45px 0 -45px;
}

@media (max-width: 767px) {
    #login aside {
        position: absolute !important;
        overflow-y: hidden;
    }

    #login figure {
        padding: 30px 60px 20px 60px;
    }
}

.cursor-pointer{
    cursor: pointer;
}


.vl {
    border-left: 3px solid lightgray;
    padding: 0 15px;
    margin-left: 30px;
}
.like-rimark {
    /* margin-left: 30px; */
}

.box_general {
    border-radius: 14px !important;
}
.reply-button {
    border: none;
    background: transparent;
    text-decoration: underline;
}