@font-face {
    font-family: 'Almarai-Regular';
    src:  url('fonts/Almarai-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Almarai-bold';
    src:  url('fonts/Almarai-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Lateef-Regular';
    src:  url('fonts/Lateef-Regular.ttf') format('truetype');
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html{
    scroll-behavior: smooth;
    overflow-x:hidden;
}
body{
    min-height: 100vh;
    width: 100%;
    font-family: Almarai-Regular, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6{
    font-family: Almarai-bold, sans-serif;
}



/* header */
.form-check-input{
    width: 1.5em;
    height: 1.5em;
    margin: 0 0 10px 0;
}
.color-green{
    color: #68A691;
}
.color-dark-pink{
    color: #694F5D;
}

.header-nav-item :hover,:active,:focus{
    color: #68A691;
}
.header-bars{
    text-decoration: none;
    color: #694F5D;
    font-size: 30px;
}
.header-logo{
    text-decoration: none;
    color: #68A691;
    font-size: 32px;
    font-family: Almarai-bold, sans-serif;
}
.header-links{
    text-decoration: none;
    color: #694F5D;
    font-size: 16px;
    font-family: Almarai-bold, sans-serif;
}
.header-nav-item-span{
    border-left: 1px solid #FFF2E9;
    padding: 5px 0;
}
.header-add-btn{
    background-color: #68A691;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
}
.header-add-btn-icon{
    background-color: #fff;
    border-radius: 50px;
    padding: 3px 6px 3px 4px;
}

/* side nav menu */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    background-color: #7CB09C;
    overflow-x: hidden;
    transition: 0.5s;
    padding: 10px 0;
    color: #fff;
}
.sidenav-title img{
    width: 25%;
}
.sidenav_a {
    text-decoration: none;
    color: #fff;
    transition: 0.3s;
    font-size: 16px;
    opacity: 0.67;
    cursor: pointer;
}
.sidenav :active,:focus{
    color: #fff;
}
.sidenav_a:hover{
    color: #fff;
    background-color: rgba(255, 255, 255, 0.20);
    border-radius: 8px;
    padding: 10px 0;
}
.sidenav_a img:hover{
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    text-decoration: none;
}
.sidenav .closebtn {
    position: absolute;
    top: 5%;
}
.opacity-0{
    opacity: 1 !important;
}
.margin-r-15{
    margin-right: 15px;
}
.margin-l-15{
    margin-left: 15px;
}
.margin-t-150{
    margin-top: 150px;
}
.margin-b-80{
    margin-bottom: 80px;
}
.header_nav{
    z-index: 999;
    box-shadow: 0 10px 25px #694F5D26;
}
.bg-gradient_4{
    background: transparent linear-gradient(180deg, #68A691 0, #BFD3C1 100%) 0 0 no-repeat padding-box;
}
.bg-gradient_5{
    background: transparent linear-gradient(180deg, #694F5D 0, #EFC7C2 100%) 0 0 no-repeat padding-box;
}
@media screen and (max-width: 1199px) {
    .margin-b-80{
        margin-bottom: 120px;
    }
}
@media screen and (max-width: 991px) {
    .margin-b-80{
        margin-bottom: 80px;
    }
}
@media screen and (max-width: 575px) {

}
/* end of header */


/* slider */
.bg-gradient_{
    background: rgb(105,79,93);
    background: linear-gradient(90deg, rgba(105,79,93,1) 0%, rgba(104,166,145,1) 50%, rgba(105,79,93,1) 100%);
}
.carousel-indicators li{
    width: 10px;
    height: 10px;
    border-radius: 50px;
    border: 1px solid #fff;
}
/* end of slider */



/* latest advs */
.latest-advs-h1{
    color: #694F5D;
    margin: 130px 0 120px 0;
}
.latest-advs-h1 :active,:focus{
    color: #694F5D;
}
.latest-advs-h1 img{
    width: 10%;
}
.margin-r-l-100{
    margin: 0 100px;
}
.adv-link{
    text-decoration: none;
    color: #694F5D;
}
.adv-link:hover{
    color: #68A691;
}
.adv-card .card-body{
    color: #694F5D;
}
.adv-card .card-body .card-text a{
    text-decoration: none;
    color: #694F5D;
}
.latest-advs-filter{
    margin-right: 15%;
}
.latest-advs-filter :active,:focus{
    color: #694F5D;
}
.latest-advs-data{
    margin-left: 5%;
}

.adv-card-img-container{
    position: relative;
}
.adv-card-save{
    position: absolute;
    top: 5%;
    right: 5%;
}
.adv-card-save-checked{
    background-color: #FFE5D4;
    border-radius: 4px;
}
.adv-card-date{
    position: absolute;
    top: 5%;
    left: 5%;
    background-color: #F37768;
    opacity: 0.75;
    color: #fff;
    border-radius: 4px;
}
.adv-card-date2{
    position: absolute;
    top: 5%;
    left: 5%;
    background-color: #9b9395;
    color: #fff;
    opacity: 0.75;
    border-radius: 4px;
}
.adv-card-price{
    position: absolute;
    bottom: -5%;
    left: 5%;
    background-color: #FFE5D4;
    color: #694F5D;
    border-radius: 4px;
}

.adv-card-auction{
    position: absolute;
    right: 0;
    background-color: rgba(255, 229, 212, 0.8);
    color: #694F5D;
    border-radius: 8px 0 0 8px;
    text-align: center;
    padding: 0 15px;
}
.adv-card-auction1{
    top: 25%;
}
.adv-card-auction2{
    top: 45%;
}
.adv-card-auction3{
    top: 65%;
}

.adv-card-price span{
    color: #694F5D;
    opacity: 0.5;
}
.color-peage{
    color: #EFC7C2;
}
.form-select:focus{
    box-shadow: 0 0 0 0.25rem rgba(104, 166, 145, 0.25);
}


@media screen and (max-width: 1200px) {
    .latest-advs-h1 {
        margin: 70px 0 50px 0;
    }
    .latest-advs-h1 img{
        width: 15%;
    }
    .latest-advs-filter{
        margin-right: 5%;
        margin-left: 5%;
    }
    .latest-advs-data{
        margin-right: 5%;
        margin-left: 5%;
    }
}
/* end of latest advs */


/* custom tooltip */
.tooltip_ {
    /*display: inline-block;*/
}

.tooltip_ .tooltiptext_ {
    visibility: hidden;
    width: 170px;
    background-color: #FFFFFF;
    color: #694F5D;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    font-size: 14px;
    border: 1px solid #694F5D;

    /* Position the tooltip */
    position: absolute;
    bottom: 30px;
    z-index: 9;
}

.tooltip_:hover .tooltiptext_ {
    visibility: visible;
}
/* end of custom tooltip */


/* login modal */
.login-modal{
    color: #694F5D;
    background-color: rgba(255, 255, 255, 0.9);
}
.login-modal :active,:focus{
    color: #694F5D;
}
.login-modal-close-btn{
    float: left;
    text-align: left;
    margin: 4% 0 3% 5%;
}
.login-modal-close-body{
    text-align: center;
}
.bg-transparent{
    background-color: transparent !important;
}
.login-modal-close-h2{
    margin: 30px 0;
}
.login-modal-close-h2 img{
    width: 8%;
}
.width-85-percent{
    width: 85% !important;
}
.margin-l-200{
    margin-left: 200px !important;
}
.margin-t-80{
    margin-top: 80px !important;
}
.border-r-1-fff{
    border-right: 1px solid #fff;
}
.btn-login{
    background-color: #68A691;
    color: #fff;
    width: 100%;
    padding: 16px;
}
.btn-login:hover{
    background-color: #694F5D;
    color: #fff;
}
.register-btn{
    margin: 40px 0;
}
.register-btn a{
    text-decoration: none;
    color: #694F5D;
    font-size: 18px;
}
.register-btn a:hover{
    color: #68A691;
}
.forget-password-btn{
    margin: 150px 0;
}
.forget-password-btn a{
    text-decoration: none;
    color: #694F5D;
    font-size: 18px;
}
.forget-password-btn a:hover{
    color: #68A691;
}
.form-control:focus{
    border: 1px solid #ced4da;
    box-shadow: none;
}
.border-r-right-0{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
@media screen and (max-width: 600px) {
    .width-85-percent{
        width: 70% !important;
    }
    .margin-t-80{
        margin-top: 40px !important;
    }
}
/* end login modal */

/* registration page */
.registration{
    text-align: center;
    margin: 100px 0;
    color: #694F5D;
}
.registration :active,:focus{
    color: #694F5D;
}
.width-69-percent{
    width: 69%;
}
.width-80-percent{
    width: 80%;
}
.special-input{
    border-right: none;
    border-left: none;
    border-radius: 0;
}
.special-input:focus{
    border-left: none !important;
}
.bottom-50{
    bottom: 50px !important;
}


.image-upload > input
{
    display: none;
}
.image-upload img
{
    cursor: pointer;
}
.image-upload span
{
    padding: 10px 0;
    cursor: pointer;
    height: 58px;
}
.upload-icon
{
    margin-top: -30px;
}


.link-green{
    color: #68A691;
    text-decoration: none;
}
.link-green:hover{
    color: #694F5D;
}

.register-custom-checkbox{
    margin: 10px 0 30px 0;
}
.register-custom-checkbox input{
    width: 40px;
    min-height: 40px !important;
}
.register-custom-checkbox span{
    position: relative;
    top: 10px;
    right: 5px;
}

.width-10-percent{
    width: 15%;
}
.tooltiptext_sm{
    width: 250px !important;
    font-size: 12px !important;
}
.width-75-percent{
    width: 75%;
}
.tooltip_new{
    position: absolute;
    left: 7%;
    top: 26%;
}
.success-register{
    text-align: center;
    color: #694F5D;
    margin: 150px 0;
}
.success-register img{
    margin-bottom: 90px;
}
.success-register h4{
    margin-bottom: 24px;
}
.success-register p{
    margin-bottom: 80px;
}
.success-register :active,:focus{
    color: #694F5D;
}
.border-r-8{
    border-radius: 8px;
}
.bg-gradient_2{
    background: transparent linear-gradient(180deg, #FFFFFF 0, #F7F7FA 100%) 0 0 no-repeat padding-box;
}
@media screen and (max-width: 1400px) {
    .width-10-percent{
        width: 10%;
    }
    .registration{
        margin: 40px 7px;
    }
    .width-80-percent{
        width: 75%;
    }
    .tooltiptext_sm{
        left: 0;
    }
    .register-custom-checkbox{
        margin: 20px 7px;
    }
    .tooltip_new{
        left: 15%;
    }
}
@media screen and (max-width: 300px) {
    .registration{
        margin: 40px 7px;
    }
    .width-80-percent{
        width: 75%;
    }
    .tooltiptext_sm{
        left: 0;
    }
    .register-custom-checkbox{
        margin: 20px 7px;
    }
    .tooltip_new{
        left: 7% !important;
    }
}
/* end registration page */


/* section page */
.icon-after:after {
    content: '\21D0';
}
.icon-after a{
    text-decoration: none;
}
.select2-container--default .select2-selection--single{
    border: none !important;
    height: calc(3.5rem + 2px) !important;
    font-size: 18px;
    padding: 17px 10px;
}
.select2-container--default .select2-selection--single:focus{
    outline: 0 !important;
}

.select2-container{
    width: 100% !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: #68A691 !important;
}
/* end section page */


/* about us */
.about-us-title{
    text-align: center;
    margin: 120px 0 50px 0;
    color: #694F5D;
}
.about-us-title :active,:focus{
    color: #694F5D;
}
.about-us-big-title{
    text-align: center;
    color: #68A691;
    margin-bottom: 80px;
}
.about-us-hr1{
    width: 40%;
    border-top: 3px solid #68A691;
    opacity: 1;
    margin: 7px 0 !important;
}
.about-us-hr2{
    width: 30%;
    border-top: 3px solid #68A691;
    opacity: 0.7;
    margin: 7px 0 !important;
}
.about-us-hr3{
    width: 20%;
    border-top: 3px solid #68A691;
    opacity: 0.4;
    margin: 7px 0 !important;
}
.about-us-social:hover{
    padding-bottom: 20px;
    border-bottom: 2px solid #68A691;
}
.about-us-body{
    text-align: center;
    margin: 30px 0;
    color: #694F5D;
}
.about-us-body :active,:focus{
    color: #694F5D;
}
.twoColumns{
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    text-align: justify;
}

@media screen and (max-width: 800px) {
    .about-us-title{
        margin: 20px 0 10px 0;
    }
    .twoColumns{
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        text-align: justify;
        margin: 0 10px;
    }
}
/* end about us */


/* contact us */
.contact-us-body{
    color: #694F5D;
}
.contact-us-body :active,:focus{
    color: #694F5D;
}
.opacity-50-per{
    opacity: 0.5 !important;
}
.adv-link2{
    color: #694F5D;
}
.adv-link2:hover{
    color: #68A691;
}
.custom-dropdown-new{
    padding-top: 20px !important;
}
.custom-dropdown-label-new{
    padding-top: 10px !important;
    font-size: 15px !important;
}
.custom-textarea-new{
    height: 110px !important;
}
.margin-b-80-2{
    margin-bottom: 80px;
}
@media screen and (max-width: 800px) {
    .margin-b-80-2{
        margin-bottom: 40px;
    }
}
/* end contact us */


/* bank details */
.bank-details-body{
    color: #694F5D;
}
.bank-details-body :active,:focus{
    color: #694F5D;
}
/* end bank details */


/* auctions page */
.margin-r-l-108{
    margin: 0 108px;
}
@media screen and (max-width: 1500px) {
    .margin-r-l-108{
        margin: 0 2px;
    }
}
/* end auctions page */


/* auctions page */
.add-adv-div{
    background-color: #fff;
    padding: 25px 15px 15px 15px;
    border: none;
    border-radius: 8px;
    box-shadow: 0 10px 25px #694F5D0D;
    color: #694F5D;
    margin-bottom: 10px;
}
.btn-green{
    background-color: #68A691;
    color: #fff;
    width: 50%;
    border-radius: 8px;
}
.btn-green:hover{
    background-color: #694F5D;
    color: #fff;
}
.hr_div{
    margin-bottom: 15px;
}
.hr_div hr{
    margin: 5px auto !important;
}
/* end auctions page */


/* profile page */
.margin-b-50{
    margin-bottom: 10px !important;
}
.hover-problem{
    color: #694F5D;
}
.hover-problem :active,:focus{
    color: #694F5D;
}
.box-shadow-div .card{
    box-shadow: 0 10px 25px #694F5D0D;
    border-radius: 8px;
    border: none;
}
/* end profile page */


/* notifications page */
.icon-after2{
    border-left: 1px solid #aaa;
}
.notify-unread{
    background: transparent linear-gradient(180deg, #FFFFFF 0, #F7F7FA 100%) 0 0 no-repeat padding-box;
}
.notify-read{
    background: transparent linear-gradient(180deg, #BFD3C1 0, #BFD3C100 100%) 0 0 no-repeat padding-box;
}
.notify-unread, .notify-read{
    border-radius: 8px;
    border: none;
    margin: 0 50px 20px 0;
}
.notify-unread a .card, .notify-read a .card{
    background: transparent;
    border: none;
}
@media screen and (max-width: 800px) {
    .notify-unread, .notify-read{
        margin: 0 0 20px 0;
    }
}
/* end notifications page */


/* search modal & page */
.search-div{
    box-shadow: 0 10px 25px #694F5D0D;
    border: none;
    border-radius: 8px;
    margin: 50px 0;
    padding: 20px 10px;
    background-color: #fff;
}
.btn-outline-custom1{
    background: #FFFFFF 0 0 no-repeat padding-box;
    color: #694F5D;
    width: 50%;
    height: 50px;
    border-radius: 8px;
    border: 0.25mm solid #694F5D;
}
.btn-outline-custom1:hover{
    background-color: #694F5D;
    color: #fff;
}
.btn-outline-custom2{
    background: #BFD3C140 0 0 no-repeat padding-box;
    border: 0.25mm solid #694F5D;
    border-radius: 8px;
    color: #68A691;
    width: 50%;
    height: 50px;
}
.btn-outline-custom2:hover{
    background-color: #68A691;
    color: #fff;
}
/* end search modal & page */


/* messages page */
.scroll-box-custom1{
    height: 600px;
    overflow-x: hidden;
    overflow-y: scroll;
    white-space: nowrap;
}
.bg-gradient_3{
    background: rgb(255,255,254);
    background: linear-gradient(90deg, rgba(255,255,254,1) 0%, rgba(223,233,224,1) 100%);
}
.box-shadow-1{
    box-shadow: 0 10px 25px #694F5D0D;
}
.message-me{
    background: #FFFFFF 0 0 no-repeat padding-box;
    border-radius: 8px;
    float: right;
    padding: 16px 16px 16px 60px;
    margin: 0 15px 10px 15px;
    text-align: right;
}
.message-other{
    background: #BFD3C140 0 0 no-repeat padding-box;
    border-radius: 8px;
    float: left;
    padding: 16px 60px 16px 16px;
    margin: 0 15px 10px 15px;
    text-align: left;
}
.message-me h6, .message-other h6{
    white-space: pre-wrap;
}
.search-div2{
    box-shadow: 0 10px 25px #694F5D0D;
    border: none;
    border-radius: 8px;
    background-color: #fff;
}
.btn-outline-custom3{
    background: #FFFFFF 0 0 no-repeat padding-box;
    color: #694F5D;
    width: 50%;
    height: 50px;
    border-radius: 8px;
    border: 0.25mm solid #694F5D;
    padding: 13px;
}
.btn-outline-custom3:hover{
    background-color: #694F5D;
    color: #fff;
}
.width-100-percent{
    width: 100% !important;
}
.report-btn{
    position: relative;
}
.report-btn .tooltiptext_{
    position: absolute;
    margin: 25% -75%;
}
.chat-link{
    text-decoration: none;
    color: #694F5D;
}
.chat-link:hover div{
    background: linear-gradient(90deg, rgba(255,255,254,1) 0%, rgba(223,233,224,1) 100%);
    color: #694F5D;
}
.btn-orange{
    background-color: #F37768;
    color: #fff;
    width: 100%;
    padding: 16px 0;
}
.btn-orange:hover{
    background-color: #694F5D;
    color: #fff;
}
/* end messages page */


/* profile */
.btn-outline-custom4{
    background: #fff 0 0 no-repeat padding-box;
    border: 0.25mm solid #68A691;
    border-radius: 8px;
    color: #694F5D;
    width: 50%;
    height: 50px;
    padding: 13px;
}
.btn-outline-custom4:hover{
    background-color: #68A691;
    color: #fff;
}
.bg-gradient_6{
    background: transparent linear-gradient(180deg, #BFD3C1 0, #BFD3C100 100%) 0 0 no-repeat padding-box;
}
.bg-gradient_7{
    background: transparent linear-gradient(180deg, #FFFFFF 0, #F7F7FA 100%) 0 0 no-repeat padding-box;
}
.bg-gradient_8{
    background: transparent linear-gradient(180deg, #FFFFFF 0, #FFFFFF00 100%) 0 0 no-repeat padding-box;
}
.bg-gradient_9{
    background: transparent linear-gradient(180deg, #EFC7C2 0, #FFFFFF 100%) 0 0 no-repeat padding-box;
}
.card-link-custom{
    text-decoration: none;
    color: #694F5D;
}
.card-link-custom:hover > div{
    color: #694F5D;
    box-shadow: 0 10px 15px #694F5D26;
}
.cards-action-div{
    position: absolute;
    text-align: center;
    visibility: hidden;
}
.cards-action-div > span{
    background-color: rgba(0, 0, 0, 0.05);
    padding: 10px;
    margin: 5px;
}
.cards-action-div > span:hover{
    background-color: rgba(0, 0, 0, 0.25);
}
.border-t-3-orange{
    border-top: 3px solid #F37768 !important;
}
.color-orange{
    color: #F37768 !important;
}
.bg-gradient_10{
    background: transparent linear-gradient(180deg, #EFC7C2 0, #EFC7C200 100%) 0 0 no-repeat padding-box;
}
.bg-gradient_11{
    background: transparent linear-gradient(180deg, #FFE5D4 0, #F7F7FA 100%) 0 0 no-repeat padding-box;
}
.border-r-problem:focus{
    border-right: 1px solid #ced4da;
}
/* end profile */

/* adv details */
.owl-dots{
    margin-top: -40px !important;
    position: relative !important;
}
.bg-peage{
    background: #FFE5D4 0 0 no-repeat padding-box;
}
.adv-price-div{
    margin: 30px 0 0 0;
    text-align: center;
}
.adv-price-span{
    background: #FFE5D4 0 0 no-repeat padding-box;
    border-radius: 8px;
    padding: 10px 25px;
}
.adv-price-span span{
    opacity: 0.5;
}
.adv-title-img{
    width: 15%;
}
.bg-light-green{
    background: #BFD3C1 0 0 no-repeat padding-box;
}
.adv-footer{
    background: #BFD3C1 0 0 no-repeat padding-box;
    text-align: center;
    padding: 10px 0;
}
.margin-top-50{
    margin-top: 50px;
}
.bg-gradient_12{
    background: transparent linear-gradient(180deg, #EFC7C2 0, #F7F7FA 100%) 0 0 no-repeat padding-box;
}
.padding-t-b-11{
    padding: 11px 0 !important;
}
.add-auction-price-alert{
    background: #68A69126 0 0 no-repeat padding-box;
    border: 1px solid #68A691;
    border-radius: 8px;
    text-align: center;
    padding: 16px 0;
}
.bg-gradient_13{
    background: transparent linear-gradient(180deg, #BFD3C1 0, #68A691 100%) 0 0 no-repeat padding-box;
}
.bg-gradient_14{
    background: transparent linear-gradient(180deg, #EFC7C2 0, #F37768 100%) 0 0 no-repeat padding-box;
}
.alert-custom-success{
    border-radius: 0 0 80px 80px;
    color: #fff;
    text-align: center;
    padding: 20px 10%;
    position: absolute;
    width: 50%;
    left: 45%;
    margin-left: -20%;
    z-index: 9;
}
.btn-white{
    background: #FFFFFF 0 0 no-repeat padding-box;
    color: #694F5D;
    border: 0.5px solid #694F5D;
    border-radius: 8px;
    width: 50%;
    padding: 13px 0;
}
.btn-white:hover{
    background-color: #694F5D;
    color: #fff;
}
.border-r-50-per{
    border-top-right-radius: 50% !important;
    border-top-left-radius: 50% !important;
}

.btn-outline-green{
    background: #68A691 0 0 no-repeat padding-box;
    color: #fff;
    border: none;
    border-radius: 8px;
    width: 100%;
    padding: 13px 0;
}
.btn-outline-green:hover{
    background: transparent linear-gradient(180deg, #BFD3C1 0, #68A691 100%) 0 0 no-repeat padding-box;
    color: #fff;
}
.btn-outline-white{
    background: #FFFFFF00 0 0 no-repeat padding-box;
    border: 1px solid #FFFFFF;
    color: #fff;
    border-radius: 8px;
    width: 100%;
    padding: 13px 0;
}
.btn-outline-white:hover{
    background: #FFFFFF40 0 0 no-repeat padding-box;
    color: #fff;
}
.btn-outline-peage{
    background: #EFC7C2 0 0 no-repeat padding-box;
    color: #694F5D;
    border: none;
    border-radius: 8px;
    width: 100%;
    padding: 13px 0;
}
.btn-outline-peage:hover{
    background: #F37768 0 0 no-repeat padding-box;
    color: #fff;
}
.padding-t-b-13{
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}
.navbar-custom{
    padding-top: 0;
    padding-bottom: 0;
    float: left;
}
.margin-b-80_{
    margin-bottom: 80px;
}
@media screen and (max-width: 800px) {
    .alert-custom-success{
        padding: 20px 0;
        width: 100%;
        left: 0;
        margin-left: 0;
    }
}
@media screen and (max-width: 991px) {
    .navbar-custom{
        float: none;
    }
}
/* end adv details */


/* finish */
.form-floating>label{
    right: 45px !important;
}.form-floating>img{
     position: absolute;
     top: 3px;
     right: 10px;
     z-index: 9;
 }
.form-floating>.form-control, .form-floating>.form-select{
    padding-left: 1.3rem !important;
    padding-right: 3.3rem !important;
}
.form-control{
    font-size: 18px !important;
}
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label{
    color: #68A691;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{
    padding-right: 45px !important;
    text-align: right !important;
}
.form-check-input:checked {
    background-color: #68A691;
    border-color: #68A691;
}
.form-check-input:focus{
    border-color: #68A691 !important;
    box-shadow: none !important;
}
.bg-light-danger{
    background-color: #ffdcdc;
}


label.error.fail-alert {
    line-height: 1;
    padding: 0;
    margin: -10px;
    color: #ff0000 !important;
}
.dir_ltr{
    direction: ltr;
}
.page-item.active .page-link{
    background-color: #68A691;
    border-color: #68A691;
}
.page-link{
    color: #68A691;
}
.page-link:hover{
    color: #68A691;
    border-color: #68A691;
}
.vertical-min-height{
    min-height: 100vh !important;
}
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 3px;
    background-color: #FCFCFD;
}

::-webkit-scrollbar {
    width: 5px;
    background-color: #FCFCFD;
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background-color: #68A691;
}
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display:inline-block;
    width : 100%; /* this could be defined on any parent */
}
.calculated-width-64 {
    width: -webkit-calc(100% - 39px);
    width:    -moz-calc(100% - 39px);
    width:         calc(100% - 39px);
}
/* end of finish */

[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow b{
    margin: 0 !important;
    left: 100% !important;
    top: 80% !important;
}

[dir="ltr"] .select2-container--default .select2-selection--single .select2-selection__arrow b{
    margin: 0 !important;
    left: -16% !important;
    top: 80% !important;
}


@media (min-width: 720px) and (max-width: 1500px) {
    .display-1 {
        font-size: 3rem !important;
    }
}