.bg-login-image {
    background-repeat: no-repeat;
    background-size: 80%;
}

/* Color background login */
.bg_login {
    background: #f9fafb !important;
}

/* Size icon */

.size-icon {
    width: 20px;
    height: 20px;
}

/* Font login */
#title_login {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
}

/* Button login */
.btn-auth {
    background: linear-gradient(96.13deg, #048afd -48.42%, #ff00ff 157.13%);
}

.suport-icon{
    font-weight: 400;
    font-size: 25px;
}

.color-dark{
    color: gray !important;
}

.load{
    background: rgba(255,255,255,0.6);
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid rgba(83, 10, 255, 0.813); /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* Reposive img */
@media only screen and (max-width: 768px) {
    #img_authen {
        width: 350px;
    }

    /* Set background platform mobile */
    .bg_mobile {
        background-image: url("../img/layout_authen.png") !important;
        background-repeat: no-repeat;
    }

    /* Icon social platform web*/
    .icon-by-platform-web {
        display: none;
    }

    /* Font size mobile */
    .font-size-mobile {
        font-size: 12px !important;
    }

    /* Margin left mobile */
    .ml-mobile {
        margin-left: 5px !important;
    }

    /*  */
    .display-mobile-label {
        display: none;
    }

    /* Set padding modal mobile */
    .padding-mobile-modal {
        padding-left: 32px !important;
        padding-right: 23px !important;
    }

    /* Set transform icon-eyes web */
    .eye-icon-regis {
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        cursor: pointer;
    }
    .custom-width{
        width: max-content;
    }
}

@media only screen and (min-width: 768px) {
    #img_authen {
        width: 600px;
    }

    /* Icon social platform web*/
    .icon-by-platform-web {
        display: none;
    }

    /* Icon social platform mobile */
    .icon-by-platform-mobile {
        display: block;
    }
}

@media only screen and (max-width: 991px) {
    .background-auth-custom {
        display: none;
    }

    /* Set background platform mobile  */
    .bg_mobile {
        background-image: url("../img/layout_authen.png") !important;
        background-repeat: no-repeat;
    }

    /*  */
    .align-items-custom-mobile {
        align-items: center !important;
    }

    /* Set marrgin-left mobile */
    .ml-mobile {
        margin-left: 2px !important;
    }
}

@media only screen and (min-width: 992px) {
    #img_authen {
        width: 750px;
    }

    /* Icon social platform web*/
    .icon-by-platform-web {
        display: none;
    }

    /* Icon social platform mobile */
    .icon-by-platform-mobile {
        display: block;
    }

    /* Show background */
    .background-auth-custom {
        display: block;
    }

    .align-items-custom-mobile {
        align-items: unset !important;
    }
}

@media only screen and (min-width: 1024px) {
    #img_authen {
        width: 1050px;
        height: 929px;
    }

    /* Set padding-custom to img full */
    .padding-custom {
        padding-right: 0;
        padding-left: 0;
    }

    /* Set margin-custom to img full */
    .margin-custom {
        margin-left: 0;
        margin-right: 0;
    }

    /* Icon social platform web*/
    .icon-by-platform-web {
        display: block;
    }

    /* Icon social platform mobile */
    .icon-by-platform-mobile {
        visibility: hidden;
        display: none;
    }

    /* Set transform icon-eyes web */
    .eye-icon-regis {
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        cursor: pointer;
    }
}

@media only screen and (max-width: 1240px) {
    /*  */
    .platform-mobile {
        background-color: white !important;
        border-radius: 0.35rem !important;
    }

    /* Set font size title login */
    #title_login {
        font-size: 18px;
    }

    /* Set font size title regis */
    #title_register {
        font-size: 18px;
    }
}

/* Button send verify code */
#btn_forgot_code {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    background: #e3e3e3;
}

/* Text forgot password */
.text-label-auth {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

/* Set color button login gmail */
#btn_login_gg {
    color: black;
}

/* Set font weight login gmail */
.font-weight-link:hover {
    color: white !important;
}

/* Set background register */
.bg_register {
    background: white;
}

/* Set width logo auth */
.bg-auth {
    object-fit: fill;
}

/* Block scroll page auth */
.block-scroll {
    overflow: hidden;
}

/* Set color and background select box */
.unset-background {
    background: unset !important;
}

/* Set background modal header contact */
.leads-page #header_contact {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}

/* Center title delete contact */
.leads-page #title_delete_contact {
    width: -webkit-fill-available;
}

.leads-page #leads_table_filter {
    text-align: left;
}

/* Set max height field note */
.leads-page #detail_feedback {
    max-height: 100px;
}

.leads-page #detail_feedback::-webkit-scrollbar {
    width: 2px;
    background-color: #f5f5f5;
}
.leads-page #detail_feedback::-webkit-scrollbar-thumb {
    background-color: gray;
    border: 1px solid gray;
    border-radius: 10px;
}

/* Set label search */
.leads-page #label_search {
    display: block;
    width: 100%;
    margin-bottom: 0;
}

/* Set input search leads */
.leads-page #input_search_leads {
    width: 100%;
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Set icon search leads */
.leads-page #icon_search_leads {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* Fix menu dropdown item width */
.topbar .dropdown-item i{
    width: 18px;
}

/* css for create store button */
.create-store-button{
    background: linear-gradient(109.17deg, #00FFFA 4.28%, #706CFF 46.36%, #FF00CF 94.73%);
    border: none;
    margin-top:1px;
}

/* css for create store button on hover */
.create-store-button:hover{
    filter: brightness(1.2);
}
/* Set background modal header orders */
.orders-page #header_contact {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}

/* Center title delete orders */
.orders-page #title_delete_order {
    width: -webkit-fill-available;
}

.orders-page #orders_table_filter {
    text-align: left;
}

/* Set max height field note */
.orders-page #detail_feedback {
    max-height: 100px;
}

/* Set label search */
.orders-page #label_search {
    display: block;
    width: 100%;
    margin-bottom: 0;
}

/* Set input search leads */
.orders-page #input_search_orders {
    width: 100%;
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Set icon search leads */
.orders-page #icon_search_orders {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* Set size img product */
.orders-page .img-product-detail {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

/* Set font size detail order */
.orders-page .font-size-detail {
    font-size: 12px;
}

.orders-page #orders_table_details .sorting{
    width: unset !important;
}
.orders-page #orders_table_details .sorting_asc{
    width: unset !important;
}
.orders-page #orders_table_details .sorting_desc{
    width: unset !important;
}
.orders-page #orders_table_details thead{
    font-size: 14px;
}

.btn-custom-bg{
    background: linear-gradient(109.17deg, #00FFFA 4.28%, #706CFF 46.36%, #FF00CF 94.73%);
}

.dark_mode #menuList th, .dark_mode #menuList td{
    color: unset;
}
.swal2-close{
    box-shadow: none !important;
}

.text-use-plan{
	background: linear-gradient(109.17deg, #00FFFA 4.28%, #706CFF 46.36%, #FF00CF 94.73%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
    font-weight: 900;
    font-family: 'Roboto' !important;
    font-size: 18px !important;
}
.dark_mode .text-use-plan{
    background: white;
    -webkit-background-clip:text;
    box-shadow: none;
}

.tooltip-custom{
    position: relative;
    display: inline-block;
    border-bottom: 1px black;
}
.tooltip-custom .tooltip-text {
    visibility: hidden;
    width: 240px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 80%;
    left: -320%;
    margin-left: -60px;
}
.tooltip-custom .tooltip-text::after {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}
.tooltip-custom:hover .tooltip-text {
    visibility: visible;
  }

.parent-dropdown .dropdown-menu{
z-index: 9999999;
}
.poi_embed, .marker_embed{
    top:-9999px;
    left:-9999px;
}

.plan-using{
    right:0;
    top: -3px;
}
  
.dark_mode #acount_number{
    color: black !important
}