body {
   
    font: 400 13px/1.6 'DroidKufi-Regular';
    /*font: 400 14px/1.6 'GE SS' !important;*/
}
Xclose {
    color: black;
    -webkit-text-fill-color: black; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'DroidKufi-Regular';
    line-height: 1.3;
    /*font-family: 'GE SS' !important;*/
    text-align: right;
    direction: rtl;
}
.login_content h1{

    text-align: center;

}
body.nav-md .container.body .right_col {
    margin-left: 0px;
    margin-right: 230px;
}
@media (max-width:991px) {
    body.nav-md .container.body .right_col {
        margin-left: 0px;
        margin-right: 0px;
    }
}

    body.nav-sm .container.body .right_col {
        margin-left: 0px;
        margin-right: 70px;
    }

    .main_container .top_nav {
        margin-left: 0px;
        margin-right: 230px;
    }

    body.nav-sm .main_container .top_nav {
        margin-left: 0px;
        margin-right: 70px;
    }

    .toggle {
        float: right;
    }
.navbar-right {
    float: left !important;
}
    @media (min-width: 768px) {
        .navbar-right {
            float: left !important;
        }

            .navbar-right:last-child {
              /*  margin-right: -15px;*/
                margin-left: 0px;
            }
    }

    .top_nav .navbar-right li {
        float: left;
    }

    .user-profile img {
        margin-right: 0px;
        margin-left: 10px;
    }

    .info-number .badge {
        left: 6px;
        right: auto;
    }

    .dropdown-menu:after {
        /*right: auto;
    left: 6%;*/
    }

    .dropdown-menu {
        min-width: 105px;
        padding: 5px 0;
        margin: 2px 0 0 0;
        font-size: 14px;
    }

        .dropdown-menu > li > a {
            padding: 3px 14px;
        }

    .pull-right {
        float: left !important;
    }

    .pull-left {
        float: right !important;
    }

    #sidebar-menu span.fa {
        float: left;
    }

    body.nav-sm ul.nav.child_menu {
        right: 100%;
    }

        body.nav-sm ul.nav.child_menu li a {
            text-align: right !important;
        }

    .active a span.fa {
        text-align: left !important;
        margin-right: 0px;
        margin-left: 4px;
    }

    .nav.side-menu > li.current-page, .nav.side-menu > li.active {
        border-right: none;
        border-left: 5px solid #1ABB9C;
    }

    .nav.child_menu li {
        padding-left: 0px;
        padding-right: 36px;
    }

    body.nav-md ul.nav.child_menu li:after {
        border-right: 1px solid #1abb9c;
        right: 27px;
        left: auto;
        border-left: initial;
    }


    body.nav-md ul.nav.child_menu li:before {
        right: 23px;
        left: auto;
    }

    .top_search {
        padding: 0;
    }

        .top_search .form-control {
            border-left: 0;
            box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
            border-radius: 0px 25px 25px 0px !important;
            padding-right: 20px;
            border: 1px solid rgba(221, 226, 232, 0.49);
        }

            .top_search .form-control:focus {
                border: 1px solid rgba(221, 226, 232, 0.49);
                border-right: 0;
            }

        .top_search .input-group-btn button {
            border-radius: 25px 0px 0px 25px !important;
            border: 1px solid rgba(221, 226, 232, 0.49);
            border-right: 0;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            color: #93A2B2;
            margin-bottom: 0 !important;
        }

    .page-title .title_left {
        float: right;
    }

    .navbar.nav_title a i {
        margin: 8px 12px 0px 0px !important;
    }

    body.nav-sm .nav.side-menu li.active-sm {
        border-right: none;
        border-left: 5px solid #1ABB9C;
    }

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

    .x_title h2 {
        float: right;
    }

    .site_title {
        font-size: 20px;
    }

    .control-label {
        float: right;
        /*width: 100px;*/
        /* padding-right: 15px;*/
    }

    .tile_count div:first-child .left {
        border-left: 2px solid #ADB2B5;
    }

    .tile_count div:last-child .left {
        border: 0;
    }

    .x_content {
        direction: rtl;
    }

    .widget_summary .w_left {
        text-align: right;
    }

    .widget_summary .w_right {
        text-align: left;
    }

    .x_content h4 {
        text-align: center;
    }

    ul.dynatree-container ul {
        padding: 0 16px 0 0 !important;
        margin: 0;
    }
.tile_count .tile_stats_count:before {
    right: 0;
    left:auto;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
    /*
.navbar-top-links li:last-child {
    margin-left: 15px;
    padding-left: 15px;
}



.dropdown-menu {
    
    float: left;
    text-align: right;
}


@media (min-width: 768px) {
    #navbar1.navbar-right {
        float: left !important;
   
    }
}

@media (min-width: 768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 250px 0 0px;
        padding: 0px 30px;
        border-left: 1px solid #e7e7e7;
    }
}

.sidebar .arrow {
    float: left;
}

.sidebar .fa.arrow:before {
    content: "\f105";
}



.sidebar .nav-second-level li a {
    padding-right: 37px;
}

#morris-donut-chart
{
       font-family: 'DroidKufi-Regular' !important;
}*/

.tile-stats .icon {
    right:auto;
    left: 53px;
}

.tile-stats .count, .tile-stats h3, .tile-stats p {
    margin: 0 10px 0 0;
}
.compose {
    padding: 0;
    position: fixed;
    bottom: 0;
    right: auto;
    left: 0;
    background: #fff;
    border: 1px solid #D9DEE4;
  
    border-left: 0;
    border-bottom: 0;
    border-top-right-radius: 5px;
   /* z-index: 9999;*/
    display: none;
}

.mail_list_column, .mail_view {
    border-right: 1px solid #DBDBDB !important;
    border-left: none;
}
.Add {
    margin-right: 0px;
    margin-left: 0px;
}
.form-horizontal .control-label {
    text-align: right;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-55, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {  
    float: right;
}


@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        width: 100%;
    }

    .form-horizontal .control-label {
        float: right;
        text-align: left;
    }
}

.panel_toolbox > li {
    float: right;
    margin-right: 0px;
}

.footer_fixed footer {
    left: inherit;
    right: 0;
}

/*---------------------------------------------------Notifications----------------------------------------*/


/* Keyframes for the fade-in effect */
@keyframes rotateEffect {
    0%, 7% {
        transform: translateY(10px) rotateZ(0);
    }

    15% {
        transform: translateY(0) rotateZ(-2deg);
    }

    20% {
        transform: translateY(0) rotateZ(2deg);
    }

    25% {
        transform: translateY(0) rotateZ(-2deg);
    }

    30% {
        transform: translateY(0) rotateZ(3deg);
    }

    35% {
        transform: translateY(0) rotateZ(-2deg);
    }

    40%, 100% {
        transform: translateY(10px) rotateZ(0);
    }
}

/* Alert container styling */
.alert-container {
    position: fixed;
    bottom: 40px; /* Position at the bottom */
    left: 20px; /* Align to the left */
    width: 350px;
    height: 400px; /* Auto height to accommodate collapsible behavior */
    color: #555;
    background-color: #f5f5f5;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.07), 0 4px 8px rgba(0,0,0,0.07), 0 8px 16px rgba(0,0,0,0.07), 0 16px 32px rgba(0,0,0,0.07), 0 32px 64px rgba(0,0,0,0.07);
    z-index: 10000;
    overflow: hidden;
    animation: rotateEffect 8s ease-in-out infinite; /* Run fade-in animation on load */
    display:none;
  
}



/* Stop animation on hover and keep it visible */
.alert-container:hover {
    animation: none; /* Disable animation */
    transform: none; /* Reset rotation */
}



/* Header styling */
.alert-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background-color: #4395d4; /* Darker red for the header */
    font-weight: bold;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    color: white
}

/* Close button styling */
.close-btn {
    background: none;
    border: none;
    color: white;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    line-height: 1;
}

.alert-content {
    padding: 15px;
    height: calc(100% - 40px); /* Adjust height for content, accounting for header */
    overflow-y: auto; /* Enable vertical scrolling */
}

.alert-title {
    margin: 5px; /* Remove default margin */
    font-size: 12px; /* Adjust font size for the title */
    font-weight: bold; /* Make the title bold */
    color: #2e2727;
    line-height: 2.5;
    border-bottom: 1px solid lightgrey;
}

.alert-message {
    margin-bottom: 15px; /* Space between each alert message */
    border-radius: 1px;
    background-color: beige;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

    .alert-message p {
        font-size: 12px !important;
        padding: 5px;
    }
/* Stop animation on hover and keep it visible */
.alert-content:hover {
    animation: none; /* Disable animation */
    transform: none; /* Reset rotation */
}
.alert-message:hover {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.alert-content p {
    margin: 0;
    font-size: 16px;
}

.alert-icon {
    width: 20px; /* Set desired width */
    height: 20px; /* Set desired height */
    margin-right: 10px; /* Space between icon and title */
}

.main-container {
    display: flex;
    justify-content: center; /* Horizontal centering */
    align-items: center; /* Vertical centering */
    height: 40vh; /* Full viewport height */
}

.no-alerts {
    text-align: center; /* Center text and image within the div */
}

    .no-alerts img {
        display: block; /* Ensures the image is a block element */
        margin: 0 auto; /* Centers the image within the text-aligned div */
    }

    .no-alerts p {
        margin-top: 10px; /* Space between image and text */
        font-size: 1.2em; /* Adjust text size if needed */
    }

ul.bar_tabs {
    z-index: 0 !important;
}

.leftside {
    float: inline-end;
    color: cadetblue;
    left: 7px;
    position: relative;
    font-size: 10px;
    top: 5px;
}

.input-group {
    z-index: 0 !important;
}

.tile-stats .icon i {
    font-size: 40px !important;
}

.tile-stats h3, .tile-stats p {
    margin: 0 10px 0 0;
    font-size: 14px;
}

.tile-stats .count {
    font-size: 22px;
}

.tile-stats {
    margin-bottom: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .tile-stats:hover {
        transform: scale(1.08); /* Slightly increases size */
    }