.jumbotron_my {
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    z-index: 10;
}

.text-right_my {
    text-align: right;
}


.foot-btns-div_my {
    width: 70%;
    margin: 0 auto;
}

.Delails-box_my {
    margin-top: 10px;
    border: 2px solid black;
    border-radius: 20px;
    margin-bottom: 5px;
}

.height-150_my {
    height: 150px;
}

.height-175_my {
    height: 175px;
}

.height-200_my {
    height: 200px;
}

.height-100_my {
    height: 100px;
}

.height-75_my {
    height: 75px;
}


.height-225_my {
    height: 225px;
}

.line-through {
    text-decoration: line-through;
}
/* Style for the unchecked checkbox */
.FrmDelailscheck-input {
    /* Add your default styles here */
    /* For example: */
    border-color: #555;
}

/* Style for the checked checkbox */
.FrmDelailscheck-input:checked {
    /* Add your styles for checked checkbox here */
    /* For example: */
    background-color: #333; /* Dark background color */
    border-color: #333; /* Dark border color */
}

/* Style for the checked checkbox */
.Delailscheck-input:checked {
    /* Change the color of the checked checkbox */
    background-color: black;
    border-color: black;
    zoom: 2;
}


.highlighted {
    background-color: lightgoldenrodyellow;
}

.zoomed_my {
    zoom: 2;
}
.zoome_3_my {
    zoom: 3;
}

.line_my {
    background-color: #000000;
    height: 1px;
}

.cool_bg {
    background: #0F2027; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2C5364, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.col-width-10 {
    width: 10%;
}
.margin-top-30 {
    margin-top: 30px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15%;
}

.Dash-card_my {
    width: 18rem;
    min-height: 200px;
}

.bg-pattern_1_my {
    background-image: url('../img/wheat.png');
    background-repeat: repeat;
}

.bg-pattern_2_my {
    background-image: url('../img/connectwork.png');
    background-repeat: repeat;
}

.bg-pattern_3_my {
    background-image: url('../img/moroccan-flower-dark.png');
    background-repeat: repeat;
}


.bg-pattern_4_my {
    background-image: url('../img/halftone-yellow.png');
    background-repeat: repeat;
}
.bg-pattern_5_my {
    background-image: url('../img/beanstalk-dark.png');
    background-repeat: repeat;
}

.dimgray-bg {
    background-color: dimgray;
    color: white;
}

.azure-bg {
    background-color: azure;
}

.table-lightgrey_my {
    background-color: lightgrey;
}

.darkgoldenrod-bg {
    background-color: darkgoldenrod;
}

.account-image {
    width: 350px;
    height: 350px;
    object-fit: cover;
    border: 3px solid indigo;
}

.Attach-image {
    width: 100%;
    height: 90%;
    object-fit: cover;
    border: 3px solid indigo;
}
.Attach-index-image {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border: 3px solid indigo;
}

.custom-image-box {
    width: 85px;
    height: 85px;
    float: right;
} 

.hidden-dialog_my {
    display: none;
    z-index: 2000;
}

.print-box_my {
    border: 2px solid green;
    border-radius: 20px;
    margin-bottom: 5px;
    
}

.home-box_my {
    border: 2px solid darkolivegreen;

    border-radius: 20px;
    margin-bottom: 5px;
}

.details-attach-img {
    max-height: 100px;
    object-fit: cover;
    cursor: pointer;
    pointer-events: auto;
}

.custom-border_my {
    border-radius: 20px;
}

.custom-border_green_my {
    border-color: green;
    border-radius: 20px;
}

.custom-divider_my {
    background-color: #000000;
    height: 1px;
    width: 100%;
}

.custom-line_my {
    background-color: #000000;
    height: 5px;
    width: 50%;
}

.custom-collapse_my {
    border-collapse: collapse;
}

.sticky-header_my {
    position: sticky;
    top: 0;
    z-index: 1020; /* ضمان بقاء العنصر فوق محتوى الجدول */
    background-color: #fff; /* لون الخلفية للرأس */
}


.cool_bg {
    background: #0F2027; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2C5364, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.mn-bg {
    background: #1FA2FF; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #A6FFCB, #12D8FA, #1FA2FF); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #A6FFCB, #12D8FA, #1FA2FF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.card