﻿/* Style the autocomplete container */
/*.autocomplete {
    position: relative;
    display: inline-block;
    text-align: left;
}*/

.autocomplete-item.highlighted {
    background-color: #e0e0e0; /* Change this to the desired background color */
    color: #000; /* Change this to the desired text color */
}

/*#blurbg {
    position: absolute;*/
/*position: static;*/
/*left: 24%;
    background: #ffffff;g
    padding: 5% 1% 1% 20px;
    margin: -70px 7px;
    z-index: -2;
    border-radius: 10px;
    width: 51%;
}*/

.blurbg {
    position: fixed;
    z-index: 9999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    padding-bottom: 10px;
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow-y: auto; /* Enable scroll if needed */
    overflow-y: hidden;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/*.blurbg {
    position: fixed;
    width: 100%;
    height: 100%;*/
/* visibility: hidden; */
/*top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0.6;
    background: #000;
    transition: all 0.3s;
}*/

.autocomplete {
    /*position: absolute;*/
    /* display: inline-block; */
    text-align: left;
    /* left: 24%;
    background: #ffffff;
    padding: 5% 1% 0px 20px;
    margin: -75px 7px;
    z-index: -2;
    border-radius: 10px;
    width: 51%;*/

    max-height: 85vh;
    overflow: auto;
}

    .autocomplete .glyphicon {
        top: 3px;
    }



    .autocomplete > .borderbottom1px > h2 {
        color: var(--primarycolor);
        text-align: left;
        text-transform: uppercase;
        margin-bottom: 1%;
        font-size:18px;
        padding:0px;
    }


.overflowhidden {
    max-width: 80%;
    overflow-y: auto;
    display: inline-block;
}

.borderbottom1px {
    border-bottom: 1px solid #ccc;
}

    .borderbottom1px > .morebtn {
        border: none;
        width: 60px;
        padding: 3px 8px;
        text-align: center;
        text-decoration: none;
        font-size: 12px;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 10px;
        background-color: #e7e7e7;
        color: black;
        float: right;
    }

.badgeright {
    float: right;
    padding-right: 5px;
}

/* Style the input field */
/*input {
    width: 100%;
    padding: 10px;
}*/

/* Style the autocomplete items */
/* .autocomplete-items {
            position: absolute;
            position: relative;
            border: 1px solid #ccc;
            max-height: 150px;
            overflow-y: auto;
            z-index: 99;
            width: 300px;
        }*/

.remove {
    background-color: #f1f1f1;
    border: 0px;
    border-radius: 50%;
    color: #000 !important;
    cursor: pointer;
    display: none;
}

.autocomplete-items {
    /* position: absolute;
    position: relative;*/
    position: static !important;
    border: 0px solid #ccc;
    max-height: 165px !important;
    height: auto;
    overflow-y: auto;
    z-index: 99;
    width: 100%;
    padding: 0px 5px
}

    .autocomplete-items div {
        padding: 0px !important;
        border-bottom: 0px solid #ebebeb;
    }

.autocomplete-item {
    padding: 2px;
    cursor: pointer;
    min-height: 15px;
}

    .autocomplete-item:hover {
        /*  background-color: #d3d3d3;*/
        color: var(--primarycolor);
    }



@media (min-width:320px) {
   /* 25-04-2025*/
   /* .ct-language {
        width: 150px;
        background: transparent;
    }
        .ct-language:hover .ct-language__dropdown {
            width: 140px;
        }*/

    .remove {
        position: absolute;
        right: 19%;
        top: 15%;
        padding: 5px;
        font-size: 15pt;
        display: none;
    }

    .dropbtn {
        display: flex;
        padding: 0% 0% 0px 4%;
        width: 98% !important;
    }

    #blurbg {
        position: static;
        /* position: static; */
        left: 24%;
        background: #ffffff;
        padding: 5% 1% 1% 20px;
        margin: -70px 7px;
        z-index: -2;
        border-radius: 10px;
        width: 98%;
    }

    .dropdown-content-bg {
        background-color: #fff;
        padding: 4em 1%;
        overflow: auto;
        overflow-y: hidden;
        overflow-x: auto;
    }

    .blurbg .remove {
        right: 19%;
        top: 1%;
    }
}

@media (min-width:425px) {
    /* 25-04-2025*/
   /* .ct-language {
        width: 50px;
        background: transparent;
    }

        .ct-language:hover .ct-language__dropdown {
            width: 40px;
        }*/

    .remove {
        position: absolute;
        right: 15%;
        top: 15%;
        padding: 5px;
        font-size: 15pt;
        display: none;
    }

    .dropbtn {
        display: flex;
        padding: 0% 0% 0px 4%;
        width: 98% !important;
    }

    #blurbg {
        position: static;
        /* position: static; */
        left: 24%;
        background: #ffffff;
        padding: 5% 1% 1% 20px;
        margin: -70px 7px;
        z-index: -2;
        border-radius: 10px;
        width: 98%;
    }

    .dropdown-content-bg {
        background-color: #fff;
        padding: 4em 1%;
        overflow: auto;
    }

    .blurbg .remove {
        right: 15%;
        top: 1%;
    }
}

@media (min-width:481px) {
    /* 25-04-2025*/
   /* .ct-language {
        width: 50px;
        background: transparent;
    }

        .ct-language:hover .ct-language__dropdown {
            width: 40px;
        }*/

    .remove {
        position: absolute;
        right: 17%;
        top: 15%;
        padding: 5px;
        font-size: 15pt;
        display: none;
    }

    .dropbtn {
        display: flex;
        padding: 0% 0% 0px 4%;
        width: 98% !important;
    }

    #blurbg {
        position: static;
        /* position: static; */
        left: 24%;
        background: #ffffff;
        padding: 5% 1% 1% 20px;
        margin: -70px 7px;
        z-index: -2;
        border-radius: 10px;
        width: 98%;
    }

    .dropdown-content-bg {
        background-color: #fff;
        padding: 4em 1%;
        overflow: auto;
    }

    .blurbg .remove {
        right: 33%;
        top: 15%;
    }
}

@media (min-width:641px) {
    /* 25-04-2025*/
    /*.ct-language {
        width: 50px;
        background: transparent;
    }

        .ct-language:hover .ct-language__dropdown {
            width: 60px;
        }*/

    .remove {
        /* position: absolute;
        right: 10%;
        top: 33%;
        padding: 5px;
        font-size: 15pt;*/

        position: relative;
        right: 13%;
        top: 10px;
        padding: 1px;
        font-size: 15pt;
        display: none;
    }

    .dropbtn {
        display: flex;
        padding: 4% 0% 0px 4%;
        width: 98% !important;
    }

    #blurbg {
        position: static;
        /* position: static; */
        left: 24%;
        background: #ffffff;
        padding: 5% 1% 1% 20px;
        margin: -70px 7px;
        z-index: -2;
        border-radius: 10px;
        width: 98%;
    }

    .dropdown-content-bg {
        background-color: #fff;
        padding: 4em 1%;
        overflow: auto;
    }

    .blurbg .remove {
        right: 13%;
        top: 1%;
    }
}

@media (min-width:961px) {
    /* 25-04-2025*/
   /* .ct-language {
        width: 150px;
        background: #000026;
    }

        .ct-language:hover .ct-language__dropdown {
            width: 150px;
        }*/

    .remove {
        position: absolute;
        right: 8%;
        top: 15%;
        padding: 5px;
        font-size: 15pt;
        display: none;
    }

    .dropbtn {
        display: flex;
        padding: 0% 0% 0px 26%;
        width: 75% !important;
    }

    #blurbg {
        position: absolute;
        /* position: static; */
        left: 24%;
        background: #ffffff;
        padding: 5% 1% 1% 20px;
        margin: -70px 7px;
        z-index: -2;
        border-radius: 10px;
        width: 51%;
    }

    .dropdown-content-bg {
        background-color: #fff;
        padding: 4% 1%;
        overflow: auto;
    }

    .blurbg .remove {
        right: 33%;
        top: 15%;
    }
}

@media (min-width:1024px) {
    /* 25-04-2025*/
    /* .ct-language {
        width: 150px;
        background: #000026;
    }

        .ct-language:hover .ct-language__dropdown {
            width: 150px;
        }*/

    .remove {
        position: absolute;
        right: 31%;
        top: 15%;
        padding: 5px;
        font-size: 15pt;
        display: none;
    }

    .dropbtn {
        display: flex;
        padding: 0% 0% 0px 0%;
        width: 100% !important;
    }

    #blurbg {
        position: absolute;
        /* position: static; */
        /* left: 0%;
        background: #ffffff;
        padding: 5% 1% 1% 20px;
        margin: -70px 7px;
        z-index: -2;
        border-radius: 10px;
        width: 99%;*/

        left: 0%;
        background: #ffffff;
       /* padding: 5% 1% 1% 5px;*/
        padding: 0% 1% 0% 1%;
        margin: 0px 7px;
        z-index: 99;
        border-radius: 10px;
        width: 99%;
    }

    .dropdown-content-bg {
        /* background-color: #fff;
        padding: 4% 1%;
        overflow: auto;*/

        background-color: #fff;
        padding: 1% 1%;
        overflow: auto;
        border: 1px solid #ebebeb;
    }

    .blurbg .remove {
        right: 31%;
        top: 15%;
    }
}

@media (min-width:1281px) {
    /* 25-04-2025*/
    /*.ct-language {
        width: 150px;
        background: #000026;
    }

        .ct-language:hover .ct-language__dropdown {
            width: 150px;
        }*/

    .remove {
        position: absolute;
        right: 30%;
        top: 15%;
        padding: 5px;
        font-size: 15pt;
        display: none;
    }

    .dropbtn {
        display: flex;
        padding: 0% 26% 0px 26%;
        width: 100% !important;
    }

    #blurbg {
        position: absolute;
        /* position: static; */
        left: 24%;
        background: #ffffff;
        padding: 5% 1% 1% 20px;
        margin: -70px 7px;
        z-index: -2;
        border-radius: 10px;
        width: 51%;
    }

    .dropdown-content-bg {
        background-color: #fff;
        padding: 2% 1%;
        overflow: auto;
    }

    .blurbg .remove {
        right: 33%;
        top: 15%;
    }
}

@media (min-width:1366px) {
    /* 25-04-2025*/
    /* .ct-language {
        width: 150px;
        background: #000026;
    }

        .ct-language:hover .ct-language__dropdown {
            width: 150px;
        }*/

    .remove {
        position: absolute;
        right: 30%;
        top: 15%;
        padding: 5px;
        font-size: 15pt;
        display: none;
    }

    .dropbtn {
        display: flex;
        padding: 0% 26% 0px 26%;
        width: 100% !important;
    }

    #blurbg {
        position: absolute;
        /* position: static; */
        left: 24%;
        background: #ffffff;
        padding: 5% 1% 1% 20px;
        margin: -70px 7px;
        z-index: -2;
        border-radius: 10px;
        width: 51%;
    }

    .dropdown-content-bg {
        background-color: #fff;
        padding: 2% 1%;
        overflow: auto;
    }

    .blurbg .remove {
        right: 33%;
        top: 15%;
    }
}

@media (min-width:1420px) {
    /* 25-04-2025*/
    /* .ct-language {
        width: 150px;
        background: #000026;
    }

        .ct-language:hover .ct-language__dropdown {
            width: 150px;
        }*/

    .remove {
        position: absolute;
        right: 30%;
        top: 15%;
        padding: 5px;
        font-size: 15pt;
        display: none;
    }

    .dropbtn {
        /* 25-04-2025*/
        /*padding: 0% 26% 0px 26%;*/
       
        display: flex;
        padding: 0% 0% 0px 0%;
        width: 100% !important;
    }

    #blurbg {
        position: absolute;
        /* position: static; */
        left: 0%;
        background: #ffffff;
        padding: 5% 1% 1% 5px;
        margin: -35px 7px;
        z-index: 99;
        border-radius: 10px;
        width: 99%;
    }

    .dropdown-content-bg {
        background-color: #fff;
        padding: 2% 1%;
        overflow: auto;
    }

    .blurbg .remove {
        right: 30%;
        top: 15%;
        display:none;
    }
}

@media (min-width:1536px) {

    /* 25-04-2025*/
    /* .ct-language {
        width: 150px;
        background: #000026;
    }

        .ct-language:hover .ct-language__dropdown {
            width: 150px;
        }
*/

    /* 25-04-2025*/
    /*.remove {
        position: absolute;
        right: 33%;
        top: 15%;
        padding: 5px;
        font-size: 15pt;
    }*/
    .remove {
        position: absolute;
        right: 90px;
        top: 15%;
        padding: 5px;
        font-size: 6pt;
        display: none;
    }
  

    .dropbtn {
        display: flex;
       /* change 25-04-2025*/
       /* padding: 0% 26% 0px 26%;*/
        padding: 0% 0% 0px 0%;
        width: 100% !important;
    }
    /* change 25-04-2025*/
    /*#blurbg {
        position: absolute;*/
        /* position: static; */
        /*left: 24%;
        background: #ffffff;
        padding: 5% 1% 1% 20px;
        margin: -70px 7px;
        z-index: -2;
        border-radius: 10px;
        width: 51%;
        overflow-x: hidden;
        overflow: auto;
        -ms-overflow-style: none;*/ /* IE 11 */
        /*scrollbar-width: none;*/ /* Firefox 64 */
    /*}*/
    #blurbg {
        position: absolute;
        /* position: static; */
        left: 0%;
        background: #ffffff;
        padding: 5% 1% 1% 20px;
        margin: -35px 0px;
       /* z-index: -2;*/
        z-index: 99;
        border-radius: 10px;
        width: 100%;
        overflow-x: hidden;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .dropdown-content-bg {
        background-color: #fff;
        padding: 2% 1%;
        overflow: auto;
        -ms-overflow-style: none; /* IE 11 */
        scrollbar-width: none; /* Firefox 64 */
    }

    .blurbg .remove {
        right: 33%;
        top: 15%;
       
    }
}

@media screen and (min-width: 1850px) {

    /* 25-04-2025*/
    /*.ct-language {
        width: 150px;
        background: #000026;
    }

        .ct-language:hover .ct-language__dropdown {
            width: 150px;
        }*/

    .remove {
        position: absolute;
        right: 30%;
        top: 15%;
        padding: 5px;
        font-size: 15pt;
        display: none;
    }

    .dropbtn {
        display: flex;
        padding: 0% 0% 0px 0%;
        width: 100% !important;
    }

    #blurbg {
        position: absolute;
        /* position: static; */
        left: 0%;
        background: #ffffff;
        padding: 5% 1% 1% 20px;
        margin: -30px 7px;
        z-index: 99;
        border-radius: 10px;
        width: 99%;
    }

    .dropdown-content-bg {
        background-color: #fff;
        padding: 2% 1%;
        overflow: auto;
    }

    .blurbg .remove {
        right: 30%;
        top: 15%;
    }
}


/*change 25-04-2025*/
/*.menulist .ct-topbar {
    padding-left: 5px;
}

.ct-topbar {
    text-align: right;
    float: right;
}

.ct-topbar__list {
    margin-bottom: 0px;
    float: inline-end;
    padding-left: 3% !important;
}

.ct-language__dropdown {
    padding-top: 8px;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 110%;
    left: -3px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 100px;
    text-align: center;
    padding-top: 0;
    z-index: 200;
}

    .ct-language__dropdown li {
        background-color: #000026;
        padding: 5px;
        text-align: left;
    }

        .ct-language__dropdown li a {
            display: block;
        }

            .ct-language__dropdown li a img {
                width: 25px;
            }

        .ct-language__dropdown li:first-child {
            padding-top: 10px;
            border-radius: 3px 3px 0 0;
        }

        .ct-language__dropdown li:last-child {
            padding-bottom: 10px;
            border-radius: 0 0 3px 3px;
        }

        .ct-language__dropdown li:hover {
            background: #444;
        }*/

/*.ct-language__dropdown:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 8px;
        height: 0;
        border: 0 solid transparent;
        border-right-width: 8px;
        border-left-width: 8px;
        border-bottom: 8px solid #222;
    }*/

/*.ct-language {
    position: relative;*/
    /* background: #000026; */ /*#00aced*/
    /*color: #fff;
    padding: 8px 0;
    z-index: 9999;*/
    /*width: 150px;*/
    /*text-align: left;
    padding-right: 0px !important;
    padding-left: 2px !important;
}

    .ct-language a {
        color: white;
    }

        .ct-language a img {
            width: 25px;
        }


    .ct-language:hover .ct-language__dropdown {
        max-height: 250px;
        padding-top: 0px;
        color: #000026;*/
        /*width: 150px;*/
    /*}

.list-unstyled {
    padding-left: 0;
    list-style: none;
    color: #000026;
}



.skiptranslate {
    display: none !important;
}

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
    display: none !important;
}

#mybody {
    top: 0px !important;
}*/
