@font-face {
	font-family: "Montserrat-ExtraBold";
	src: url("/fonts/Montserrat-ExtraBold.otf");
}

@font-face {
	font-family: "Montserrat-Light";
	src: url("/fonts/Montserrat-Light.otf")format("opentype");
}

@font-face {
	font-family: "Montserrat-SemiBold";
	src: url("/fonts/Montserrat-SemiBold.otf")format("opentype")
}

/* Global  */

/* Font API TITLE*/
.description-title {
    font-family: "Montserrat-ExtraBold";
    color: rgb(68, 68, 68);
}

.footer {
    font-family: "Montserrat-Light";
}

/* Font API Body*/
body {
    font-family: "Montserrat-Light";
    height: 100%;
}


.navbar {
    font-family: "Montserrat-Light";
}

.btn {
    font-family: "Montserrat-Light";
}

/* Placeholder */
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-family: "Montserrat-Light";
}
  
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: "Montserrat-Light";
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    font-family: "Montserrat-Light";
}

.form-group {
    font-family: "Montserrat-Light";
    font-size: 16px;
}

#alert_newsletter{
    font-family: "Montserrat-Light";
    font-size: 16px;
}

.card-title {
    font-family: "Montserrat-Light";
}

.desc-information{
    font-size: 16px;
}

.form-group, .alert {
    font-family: "Montserrat-Light";
    font-size: 16px;
}

.fixed_font{
    font-family: "Montserrat-Light";
    font-size: 16px;
}

/* Title */
.title-download{
    color: #7082e2;
}

.line-bareng{
    color: #7082e2;
}

html {
    position: relative;
    min-height: 100%;
}


#sticky-footer {
    flex-shrink: none;
}

#page-content {
    flex: 1 0 auto;
}


.container_login {
    padding-top: 50px;
}

.container_homepage {
    padding-top: 80px;
}

.btn-primary {
    border-radius: 25px;
    padding-right: 25px;
    padding-left: 25px;
}

.btn-rounded {
    border-radius: 25px;
    -webkit-box-shadow: 6px 11px 38px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 11px 38px -10px rgba(0,0,0,0.75);
    box-shadow: 6px 11px 38px -10px rgba(0,0,0,0.75);
}

.btn-rounded-upload {
    border-radius: 25px;

}

.btn-logout{
    padding-left: 50px;
    padding-right: 50px;
    -webkit-box-shadow: 6px 11px 38px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 11px 38px -10px rgba(0,0,0,0.75);
    box-shadow: 6px 11px 38px -10px rgba(0,0,0,0.75);
}@media (max-width: 768px) {
    .btn-logout{
        padding-left: 10px;
        padding-right: 10px;
    }

}

.btn-warning{
    margin-top: 10px;
    padding-left: 45px;
    padding-right: 45px;
}@media (max-width: 768px) {

    .btn-warning{
        margin-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 768px) {
    .navbar-custom-dropdown{
        padding-top: 10px;
        padding-left: 15px;
    }
}

.icon-media-social {
    text-align: left;
    margin-left: -15px;
    cursor: pointer;
}@media (max-width: 768px) {
    .icon-media-social {
        text-align: center;
    }
}

a .fab {
    color: rgb(255, 255, 255);
}

.dropdown-font{
    font-size: 16px!important;
}


@media screen and (max-width: 768px){
    #newsletter-mobile{
        display:block;
    }
    .newsletter-index{
        margin-top: -50px;
    }
    #newsletter-biger{
        display:none;
        text-align: center!important;
        margin: auto;
    }
}

@media screen and (min-width: 768px){
    #newsletter-mobile{
        display:none;
    }
    #newsletter-biger{
        display:block;
    }
}

/* @media screen and (max-width: 767px) and (min-width: 320px) {
    div#newsletter-mobilet {
        display: block;
    }
} */


#button-login {
    display:none;
}

#login-dashboard{
    display:none;
}
/* index */
.company-overview {
    padding-top: 140px;
    padding-bottom: 40px;
    padding-left: 35px;
    padding-right: 35px;
    text-align: left;
}@media (max-width: 768px) {
    .company-overview {
        padding-top: 80px;
        padding-bottom: 40px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: left;
    }

}

.carousel-inner{
    padding-top: 0px;
}

@media (min-width: 576px) {
    .carousel-inner{
        padding-top: 40px;
    }

}

@media (min-width: 768px) {
    .carousel-inner{
        padding-top: 0px;
    }

}

.img-header {
    max-width: 100%;
    height: auto;
    margin-left: 0px;
    margin-right: auto;
}@media (max-width: 768px) {
    .img-header {
        max-width: 100px;
    }
}

.dropdown-menu {
    margin-top: -1px;
}


.recomendsize{
    font-style: italic;
    font-size: 12px;
}
/* Navbar */
.contact-info {
    margin-right: 20px;
}

.fixed-top {
    background-color: #f4f4f4;
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    z-index: 1123;
    -webkit-box-shadow: 9px 24px 62px -36px rgba(0,0,0,0.75);
    -moz-box-shadow: 9px 24px 62px -36px rgba(0,0,0,0.75);
    box-shadow: 9px 24px 62px -36px rgba(0,0,0,0.75);

}

.top-nav-collapse {
    background-color: 	#f4f4f4;
    border-radius: 0px;
    margin: 0px;
}

.navbar-custom-square {
    border-radius: 0px;
    margin-top: 0px;
}

.btn-caskade{
    margin-left: 0px;
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .fixed-top {
        position: fixed;
        top: 0px;
        z-index: 1030;
    }
    .container_homepage {
        padding-top: 30px;
    }
    .top-nav-collapse {
        border-radius: 0px;
        margin: 0px;
    }
    .btn-caskade{
        margin-left: 0px;
        margin-bottom: 40px;
    }
}


/* Slider homepage */
/* .contenedor-slide{
    height: auto;
    width: 40%;
    padding-top: 10px;
    margin-top: 10px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    
}


.contenedor{
    text-align: center;
    padding-top: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
}

.contenedor h1{
    font-size: calc(16px + 4vw);
} */


.carousel-inner img {
    width: 100%;
    height: 100%
}

/* #custCarousel .carousel-indicators {
    position: static;
    margin-top: 20px
} */

#carousel-list .carousel-indicators>li {
    width: 100px
}

/* #custCarousel .carousel-indicators li img {
    display: block;
    opacity: 0.5
}

#custCarousel .carousel-indicators li.active img {
    opacity: 1
}

#custCarousel .carousel-indicators li:hover img {
    opacity: 0.75
}

.carousel-item img {
    width: 80%
} */


/* featured-games.php */

/* .status-bg {
    background-color: rgb(0, 255, 234);

} */

.alert {
    padding-bottom: 4px!important;
    padding-top: 4px!important;
    padding-left: 4px!important;
    padding-right: 4px!important;
    margin-bottom: 0px;
}

.status {
    margin-top: 5px;
}
.img-featured {
    border-radius: 10px 10px 10px 10px ;
    width: 80%;
    height: auto;
    -webkit-box-shadow: 16px 10px 61px -28px rgba(0,0,0,0.75);
    -moz-box-shadow: 16px 10px 61px -28px rgba(0,0,0,0.75);
    box-shadow: 16px 10px 61px -28px rgba(0,0,0,0.75);
}

.img-card-2 {
    margin-bottom: -10px;
}


.glide__glide{
    padding: 0px;
}

.div-featured-games {
    margin: 0 auto;
    width: 50%;
    /* box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 0px 0 15px -4px rgba(110, 110, 110, 0.8), 0px 0 15px -4px rgba(110, 110, 110, 0.8); */

}

.header-about-us {
    padding-top: 100px;
}@media (max-width: 768px) {
    .header-about-us {
        padding-top: 60px;
    }

}


.featured-games-content-1 {
    padding-top: -20px;
    padding-bottom: -20px;

    padding-right: 40px;
}@media (max-width: 768px) {
    .featured-games-content-1 {
        padding-top: 30px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

.video-featured {
    padding-top: -20px;
    padding-bottom: -20px;
    padding-left: 0px;
    padding-right: 0px;
}@media (max-width: 768px) {
    .video-featured {
        padding-left: 0px;
        padding-right: 0px;
    }

}

.item-list-video {
    padding-top: 40px;
    padding-bottom: 40px;
}

.newslatter-caskade {
    padding-left: 50px;
    padding-right: 50px;
}@media (max-width: 768px) {
    .newslatter-caskade {
        padding-left: 0px;
        padding-right: 0px;
    }
    .item-list-video {
        padding-top: 5px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.img-video-featured {
    border-radius: 10px 10px 10px 10px ;
    width: 100%;
    height: 500%;

    -webkit-box-shadow: 16px 10px 61px -28px rgba(0,0,0,0.75);
    -moz-box-shadow: 16px 10px 61px -28px rgba(0,0,0,0.75);
    box-shadow: 16px 10px 61px -28px rgba(0,0,0,0.75);
}

.header-about-us-caskade {
    padding-top: 80px;
}@media (max-width: 768px) {
    .header-about-us-caskade {
        padding-top: 20px;
        height: 90px;
    }

}

.overlay-caskade-section-1 {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    background-color:	rgb(250, 250, 250);
    height: 100%;
    background-size:cover; 
    width:100%; 
    height:270px;
    background-position:center center;
}@media (max-width: 768px) {
    .overlay-caskade-section-1  {
        margin-top: 17px;
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 40px;
        padding-right: 40px;
        background-color:	rgb(250, 250, 250);
        height: 10%;
        background-size:cover; 
        width:100%; 
        background-position:center center;
    }


}

#featured-banner-1 {
    background-color: #ffffff;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: white(0, 0, 0);
    color: rgb(0, 0, 0);
    text-align: center;
    -webkit-box-shadow: 16px 10px 61px -28px rgba(0,0,0,0.75);
    -moz-box-shadow: 16px 10px 61px -28px rgba(0,0,0,0.75);
    box-shadow: 16px 10px 61px -28px rgba(0,0,0,0.75);
    z-index: 2;
}@media (max-width: 768px) {
    #featured-banner-1 {
        margin-top: 19px;
    }
}

.image-featured-icon {
    width: 20%;
    height: auto;
    text-align: left !important;
}@media (max-width: 768px) {
    .image-featured-icon {
        width: 50%;
        height: auto;
        text-align: left !important;
    }


}



@media (max-width: 768px) {
    .featured-title-23 {
        margin-top: 20px;
    }


}


.row-caskade {
    margin: 0px;
}

.col-caskade {
    padding: 0px;
}

.img-caskade-caskade {
    width: 100%;
    height: 300px;
    border-radius: 15px 15px 15px 15px;
    margin: auto;
    background-size:cover; 
   
    background-position:center center;
}@media (max-width: 768px) {
    .img-caskade-caskade {
        width: 100%;
        height: 200px;
        margin: auto;
        background-size:cover; 

        background-position:center center;
    }
}

.img-caskade-caskade-video {
    width: 100%;
    height: 300px;
    border-radius: 0px 0px 0px 0px;
    margin: auto;
    background-size:cover; 
   
    background-position:center center;
}@media (max-width: 768px) {
    .img-caskade-caskade-video  {
        width: 100%;
        height: 200px;
        margin: auto;
        background-size:cover; 

        background-position:center center;
    }
}


.image-wrapper {
    position: relative;
    padding-bottom: 56.2%;
    box-shadow:16px 10px 61px -28px rgba(0,0,0,0.75)
}

.image-wrapper img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* .embed-responsive {
    box-shadow:16px 10px 61px -28px rgba(0,0,0,0.75)
} */

/* caskade */
.overlay-desc{
    padding-left: 50px;
    padding-right: 50px;
}

.carousel-caskade {
    padding-top: 100px;
    padding-left: 50px;
    padding-right: 75px;
}@media (max-width: 768px) {
    .carousel-caskade {
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
        
    }
    .overlay-desc{
        padding-left: 20px;
        padding-right: 20px;
    }

}

.caskade-selec-desc {
    text-align: justify;
}

.caskade-flex{
    /* padding: 40px; */
}

/* footer */
.footer-desc {
    padding-left: 50px;
    padding-right: 50px;
}

.caskade-carousel{
    padding-top: 140px;
    padding-left: 175px;
    padding-right: 175px;
    text-align: justify;
}@media (max-width: 768px) {
    .caskade-carousel {
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;

    }
}

.img-caskade-playstore {
    width: 100%;
    height: auto;
}

.img-caskade-playstore-caskade {
    width: 40%;
    height: auto;
}

.img-caskade-appstore {
    width: 100px;
    height: 30px;
}


.btn-caskade-section {
    margin-bottom: 40px;
}

.glide__slide {
    margin: 10px;
}
/* dashboard-sdk */


.dashboard-profile {
    margin-top: 150px;
    margin-left: 35px;
    margin-right: 35px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;

    padding-bottom: 40px;
    background-color:	rgb(255, 210, 98);
    height: 100%;
    width: auto;
    border-radius: 25px;
    object-fit: cover;
    z-index: 3;
}@media (max-width: 768px) {
    .dashboard-profile {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: 80px;
        margin-left: 15px;
        margin-right: 15px;
        background-color:	rgb(255, 210, 98);
        height: 100%;
        width: auto;
        border-radius: 25px;
        object-fit: cover;
        z-index: 3;
    }
    

}

.mobile-name {
    text-align: left;
}

@media (max-width: 768px) {
    .mobile-name {
        font-size: 22px;
        text-align: left;
    }
    .dashboard-profile {

        padding-top: 40px;

        padding-bottom: 40px;
    }
}

/* buat background */
.dashboard-profile {
    background: rgb(88,116,239);
    background: linear-gradient(90deg, rgba(88,116,239,1) 0%, rgba(47,161,214,1) 100%) center center no-repeat; 
    background-repeat: no-repeat;
    background-position: left;
    background-size: 100%;
    background-attachment: fixed;
}

.overlay-caskade-2 {
    padding: 40px;
    background-color:	rgb(250, 250, 250);
    height: 100%;
    box-shadow: inset 0px 0px 40px rgba(0,0,0,0.5);
    width: auto;
}@media (max-width: 768px) {
    .overlay-caskade-2 {
        padding-left: 20px!important;
        padding-right: 20px!important;
        background-color:	rgb(250, 250, 250);
        height: 100%;
        box-shadow: inset 0px 0px 40px rgba(0,0,0,0.5);
        width: auto;
    }
    .caskade-section-2{
        padding-top: 40px;
    }

}



.profile-desc {
    color: white;
    text-align: left;
}@media (max-width: 768px) {
    .profile-desc {
        font-size: 22px;
    }

}

.img-header-a {
    position: absolute;
    margin-top: -4vw;
    margin-right: 5vw;
    float: left;
}
.img-a {
    width: 14vw;
    height: 14vw;
    /* max-width: 20%; */
    /* height: 14VW; */
    border-radius: 100%;
    object-fit: cover;
}
.online {
    border-radius: 100%;
    width: 20%;
    position: absolute;
    right: 12px;
    bottom: 10px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .img-header-a {
        position: absolute;
        margin-top: 0vw;
        margin-right: 20vw;
        float: left;
    }
    .img-a {
        width: 14vw;
        height: 14vw;
        border-radius: 100%;
        object-fit: cover;
    }
    .online {
        border-radius: 100%;
        width: 20%;
        position: absolute;
        right: 0;
        bottom: 0;
    }

}

.download_sdk {
    padding-top: 100px;
    padding-left: 35px;
    padding-right: 35px;

}@media (max-width: 768px) {
    .download_sdk {
        padding-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
    

}

.desc-sdk {
    padding: 30px;
}

.sdk-release {
    margin-top: 30px;
    border-style: solid;
    border-color: rgb(54, 54, 54);
    border-radius: 10px;
}

.download-sdk {
    border-radius: 100%;
    height: 20%!important;
    width: auto;
}

.detail-description {
    padding: 30px;
    margin-top: -200px;
}

.detail-description p{
    margin-top: -15px;
}



/* profile */

.dashboard-user {
    padding-top: 140px;
    padding-left: 40px;
    padding-right: 40px;
    height: 60%;
    width: auto;
    border-radius: 25px;
    object-fit: cover;
    z-index: 3;
}@media (max-width: 768px) {
    .dashboard-user  {
        padding-top: 100px;
        padding-left: 10px;
        padding-right: 10px;
    }

}


.img-profile-a {
    position: relative;
    margin-top: -4vw;
    margin-right: 5vw;
    float: left;
}
.img-profile-big {
    width: 200px;
    height: 200px;
    /* max-width: 20%; */
    /* height: 14VW; */
    border-radius: 100%;
    object-fit: cover;
}
.img-profile-change {
    border-radius: 100%;
    width: 20%;
    position: absolute;
    right: 0;
    bottom: 0;
}

@media (max-width: 768px) {
    /* .img-profile-a {
        position: absolute;
        margin-top: 0vw;
        margin-right: 20vw;
        float: left;
    }
    .img-profile-big{
        width: 14vw;
        height: 14vw;
        border-radius: 100%;
        object-fit: cover;
    }
    .img-profile-change{
        border-radius: 100%;
        width: 20%;
        position: absolute;
        right: 0;
        bottom: 0;
    } */

}

.c-avatar {
    position:relative;
    display:inline-block;

}
.c-avatar__image {
    
  width:200px;
  height:200px;
  object-fit:cover;
  border-radius:100%;
}
.c-avatar__status {
  width:50px;
  height:50px;
  background:#99CC00;
  border:2px solid white;
  position:absolute;
  bottom:0;
  right:0;
  border-radius:100%;
  cursor: pointer;
}

.profile-title{
    color: rgb(88,116,239);
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 30px;
    padding-left: 30px;
}@media (max-width: 768px) {
    .profile-title{
        color: rgb(88,116,239);
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right: 30px;
        padding-left: 15px;
    }


}

.sdk-profile {
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 0px;
    border-style: solid;
    border-color: rgb(54, 54, 54);
    border-radius: 10px;
}

.detail-description-profile{
    padding: 15px;
}

.desc-information{
    padding-left: 15px;
    font-family: "Montserrat-SemiBold";
}

.loader-personal{
    padding-left: 50px;
}

.loader-password{
    padding-left: 70px;
}

.btn-change-password {
    padding-right: -40px!important;
}


/* input.hidden {
    position: absolute;
    
} */

.btn-profile {
    margin-top: 10px;
}@media (max-width: 768px) {
    .btn-profile   {
        margin-top: 20px;
    }


}

.upload-image {
    padding-top: 10px;
}


/* form */
@media (max-width: 768px) {
    .personal-identify{
        margin-bottom: 20px;
        padding-bottom: 0px;
    }
    .password-identify {
        padding-left: 0px;
    }
    .password-identify-2 {
        padding-bottom: 20px;
    }

}

.personal-identify{
    padding-right: 20px;
    padding-bottom: 40px;
}

.password-identify {
    padding-left: 20px;
}





.upload-image-submit{
    margin-top: 20px;
}
/* login */

.container_login-1 {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    min-height: 100vh;
    width: 100%;
    padding-top: 50px;
    /* font-family: "Montserrat-Light"; */
    color: white;
    border-radius: 25px 25px 0px 0px;
    -webkit-box-shadow: 4px 5px 60px -20px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 5px 60px -20px rgba(0,0,0,0.75);
    box-shadow: 4px 5px 60px -20px rgba(0,0,0,0.75);
    z-index: 1;
}

.bg-login {
    /* The image used */
    /* background-image: url("/img/Login.JPG"); */
  
    /* Full height */
    height: 50vw; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* Upload game */

.hr-class{
    border: 2px solid rgba(0,0,0,.2);
}


/* om dod  */
/* FEATURED GAMES */
.card-caskade {
    margin:0
}

.card-caskade img.img-title {
    margin-top: 30px;			
    /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease;
    /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden;
    /* Fix for transition flickering */
}

.card-2 {
    margin-top: 1px;
    margin-bottom: 1px;
}
.card-2:hover{
    -ms-transform: scale(1); 
    -webkit-transform: scale(1); 
    transform: scale(1);
    -webkit-filter: grayscale(0%);
    border: 1px solid rgb(2, 2, 2)!important;
    border-radius: 10px;
    filter: none;
    margin-top: 0px;
    margin-bottom: 0px;
}@media (max-width: 768px) {
    .card-2:hover{
        -ms-transform: scale(1); 
        -webkit-transform: scale(1); 
        transform: scale(1);
        -webkit-filter: grayscale(0%);
        border: 1px solid rgb(2, 2, 2)!important;
        border-radius: 10px;
        filter: none;
        max-height: 370px;
    }
}

.card-2:hover img.img-title {
    -ms-transform: scale(1.3); 
    -webkit-transform: scale(1.3); 
    transform: scale(1.3);
}

.img-title {
    background-size:cover; 
    width:120px; 
    height:120px;
}


.img-caskade-playstore,
.img-caskade-appstore {
    width:100%;
    height:auto;
}

.glide__slides,
.glide_slide {
    margin-bottom:0;
}

.glide__slide--clone {
    margin-left:0;
}

@media (max-width: 768px) {
    .btn-custom {
        -webkit-filter: opacity(100%);
    }

    .card-2 {
        -ms-transform: scale(1); 
        -webkit-transform: scale(1); 
        transform: scale(1);
        -webkit-filter: grayscale(0%);
        border: 1px solid rgb(2, 2, 2)!important;
        border-radius: 10px;
        filter: none;
    }

    .card-2 img.img-title {
        -ms-transform: scale(1.3); 
        -webkit-transform: scale(1.3); 
        transform: scale(1.3);
    }
}


/* CASKADE */
.overlay-caskade-2 {
    padding:0;
}

.img-caskade {
    width:auto;
    max-height:300px;
    max-width:100%;
    padding:30px 0;
}

.img-caskade-section-yellow {
    max-width: 200px;
    height: auto;
    margin-top: 20px;
}




/* dashboard sdk */
.list-sdk {
    padding-bottom: 40px;
}

/* dashboard-game */
.video-playyer {
    width: 50%;
    height: 40%;
}

.button-game {
    padding-top: 40px;
    padding-bottom: 50px;
}

.desc-game{
    text-align: left!important;
}


/* dashboard-game */
/* .modal-dialog {
    margin-top: 0px;
} */

#modal-edit-add{
    margin-top: 100px;
}

#modal-delete{
    margin-top: 100px;
}

.image-dashboard-game {
    margin-bottom: -10px;
}


.dropdown-menu {
    width: 100%;
}




@media (max-width: 768px) {
    .dropdown-menu{
        background-color:transparent!important;
        border: 0px!important;
        padding-left: 30px!important;
    }
    .dropdown-result{
        padding-top: 0!important;
    }
}