.text-cut {
    display: block; /* Ensure the text is in a single line */
    white-space: nowrap; /* Prevent the text from wrapping to the next line */
    overflow: hidden; /* Hide the text that exceeds the container */
    text-overflow: ellipsis; /* Add ellipsis when text exceeds the length */
    width: 100%; /* Or set a specific width if needed */
    box-sizing: border-box; /* Ensure padding and borders are included in the width */
}
.success { color: green; }
.error { color: red; }

/* Custom CSS for the form */
#payment-myfatoorahgateway input[type="radio"] {
    display: none; /* Hide the radio field */
}

#payment-myfatoorahgateway label {
    cursor: pointer;
    margin: 2px;
    display: inline-block; /* To display borders correctly */
    position: relative; /* To position the tooltip */
}

#payment-myfatoorahgateway label img {
    height: 2.5rem;
    min-width: 3.375rem;
    border: 2px solid transparent; /* Transparent border by default */
    transition: border 0.2s ease-in-out;
}

#payment-myfatoorahgateway input[type="radio"]:checked + label img {
    border: 2px solid green; /* Green border when selected */
}

/* Tooltip styling */
#payment-myfatoorahgateway .tooltip {
    display: none; /* Hide the tooltip by default */
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 5px;
    border-radius: 4px;
    bottom: 30px; /* Change the position as desired */
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap; /* Prevent the text from breaking */
    z-index: 1; /* Ensure the tooltip appears above other elements */
    transition: opacity 0.2s ease; /* Fade effect */
    opacity: 0; /* Initially hidden */
}

/* Show the tooltip on hover */
#payment-myfatoorahgateway label:hover .tooltip {
    display: block; /* Show the tooltip on hover */
    opacity: 1; /* Make the text visible */
}

.modal-dialog:not(.modal-sm):not(.modal-lg):not(.modal-xl) {
    max-width: 500px;
}




/*begning change color by database*/

.btn.btn-primary
{
    background:var(--style_btn_primary_color);

}
.btn.btn-primary:active,
.btn.btn-primary:focus {
    background: var(--style_btn_primary_color) !important;
    filter: brightness(0.9) !important;
    outline: 2px solid var(--style_btn_primary_color) !important;
    box-shadow: 0 0 5px var(--style_btn_primary_color) !important; /* ظل خفيف */
}

.bravo_wrap .bravo_footer .mailchimp .subcribe-form .btn-submit{
    background:var(--style_btn_secondary_color);

}
.btn.btn-primary.btn-search
{
    background:var(--style_btn_primary_color);
}

.btn.btn-primary.form-submit
{
    background:var(--style_btn_primary_color);

}
.frontend-page .modal.login .modal-content .modal-body .form-submit{
    background:var(--style_btn_primary_color) ;

}
.btn.btn-danger,
.btn.btn-danger:hover
{
    background: var(--style_btn_danger_color);
}
.btn.btn-danger:active,
.btn.btn-danger:focus
{
    background: var(--style_btn_danger_color) !important;
    filter: brightness(0.9) !important;
    outline: 2px solid var(--style_btn_danger_color) !important;
    box-shadow: none !important;
}
body .daterangepicker .drp-calendar .calendar-table tbody tr td.end-date,body .daterangepicker .drp-calendar .calendar-table tbody tr td.start-date{
    background:color-mix(in srgb, var(--style_main_color) 50%, transparent);
}
.daterangepicker td.in-range{
    background:color-mix(in srgb, var(--style_main_color) 20%, transparent);
}
.bravo_wrap .page-template-content .bravo-featured-item.style5{
    background-color:var(--style_other_color);
}
.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs li a{
    background-color:var(--style_other_color);
}
.bravo_wrap .select-seat-type-dropdown .dropdown-item-row .count-display input{
    color:var(--style_other_color);
}
.bravo_wrap .bravo_topbar{
    background:var(--style_other_color);
}
.bravo_wrap .bravo_topbar .content .dropdown-menu{
    background:var(--style_other_color);
}
.bravo_wrap .bravo_topbar .content .dropdown-menu li a:hover{
    background:var(--style_main_color);
    text-decoration: none;
}
.bravo_wrap .bravo_user_profile .sidebar-menu ul li:hover > a,
.bravo_wrap .bravo_user_profile .sidebar-menu ul li:hover > a i,
.bravo_wrap .bravo_user_profile .sidebar-menu ul li.active > a,
.bravo_wrap .bravo_user_profile .sidebar-menu ul li.active > a i {
    color: var(--style_main_color);
}
.bravo_wrap .bravo_user_profile .booking-history-manager .tabbable .ht-nav-tabs li.active a {
    border-bottom: 3px solid var(--style_main_color);
    color: var(--style_main_color);
}
.bravo_wrap .bravo_user_profile .form-add-service .nav-tabs {
    background:var(--style_main_color);
  }
.bravo_wrap .bravo_footer .mailchimp{
    background-color: color-mix(in srgb, var(--style_main_color) 20%, transparent);
}
.bravo_wrap .bravo_detail_hotel .hotel_rooms_form .nav-enquiry{
    border-top: 5px solid var(--style_main_color);
    border: 1px solid var(--style_main_color);
}
.bravo_wrap .bravo_detail_hotel .hotel_rooms_form .nav-enquiry .enquiry-item.active span {
    border-bottom: 1px solid var(--style_main_color);
    color: var(--style_main_color);
}
.hotel_rooms_form .form-search-rooms .form-search-row>div {
    border-right: 1px solid var(--style_main_color);
}
.hotel_rooms_form .form-search-rooms {
    border: 1px solid var(--style_main_color);

}
body {
    color:var(--style_other_color);

}
.bravo_wrap .page-template-content .bravo-list-news .item-news .caption .item-title a{
    color:var(--style_other_color);
}
.bravo_wrap .bravo_user_profile .user-form-settings .title-bar .btn-change-password{
    background:var(--style_btn_success_color);
}
.container-fluid>.row-eq-height>.col-md-3{
    background:var(--style_other_color);
}
.bravo_wrap .bravo_user_profile .user-profile-avatar{
    background:var(--style_other_color);
}
.bravo_wrap .bravo_user_profile .user-profile-plan{
    background:var(--style_other_color)!important;
    border-bottom:1px solid var(--style_other_color);
}
.bravo_wrap .bravo_user_profile .btn.btn-primary{
    background:var(--style_btn_success_color)
}
.bravo_wrap .bravo_user_profile > .container-fluid > .row-eq-height > .col-md-3{
    background:var(--style_other_color);
}
.bravo_wrap .bravo_user_profile .user-profile-avatar{
    background:var(--style_other_color) !important;
}
.bravo-reviews .review-form .btn{
    background:var(--style_btn_info_color);
}
.btn.btn-info{
    background-color:var(--style_btn_info_color);
}
.bravo_wrap .bravo_form .input-search:not(.normal-control) .form-control::placeholder,.bravo_wrap .bravo_form .input-search:not(.normal-control) .parent_text::placeholder,.bravo_wrap .bravo_form .smart-search:not(.normal-control) .form-control::placeholder,.bravo_wrap .bravo_form .smart-search:not(.normal-control) .parent_text::placeholder{
    color:var(--style_main_color);
}
.bravo_wrap .select-guests-dropdown .dropdown-item-row .count-display input,.bravo_wrap .select-seat-type-dropdown .dropdown-item-row .count-display input{
    color:var(--style_other_color);
}

.bravo_wrap .bravo_user_profile .sidebar-menu ul li.active.has-children>i:after,.bravo_wrap .bravo_user_profile .sidebar-menu ul li.active>a,.bravo_wrap .bravo_user_profile .sidebar-menu ul li.active>a i,.bravo_wrap .bravo_user_profile .sidebar-menu ul li:hover.has-children>i:after,.bravo_wrap .bravo_user_profile .sidebar-menu ul li:hover>a,.bravo_wrap .bravo_user_profile .sidebar-menu ul li:hover>a i{
    color:var(--style_main_color);}

.bravo_wrap .bravo_user_profile>.container-fluid>.row-eq-height>.col-md-3:after{
    background-color:var(--style_other_color);
}