* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}

body {
    background-color: rgb(244, 247, 254);
    font-family: "DM Sans 14pt", sans-serif;
    overflow: hidden;
}
* {
    scrollbar-width: thin;
}

@font-face {
    font-family: "NotoSansArabic-Black";
    src: url(../NotoFont/NotoSansArabic-Black.ttf);
}

@font-face {
    font-family: "NotoSansArabic-Bold";
    src: url(../NotoFont/NotoSansArabic-Bold.ttf);
}

@font-face {
    font-family: "NotoSansArabic-ExtraBold";
    src: url(../NotoFont/NotoSansArabic-ExtraBold.ttf);
}

@font-face {
    font-family: "NotoSansArabic-ExtraLight";
    src: url(../NotoFont/NotoSansArabic-ExtraLight.ttf);
}

@font-face {
    font-family: "NotoSansArabic-Light";
    src: url(../NotoFont/NotoSansArabic-Light.ttf);
}

@font-face {
    font-family: "NotoSansArabic-Medium";
    src: url(../NotoFont/NotoSansArabic-Medium.ttf);
}

@font-face {
    font-family: "NotoSansArabic-Regular";
    src: url(../NotoFont/NotoSansArabic-Regular.ttf);
}

@font-face {
    font-family: "NotoSansArabic-SemiBold";
    src: url(../NotoFont/NotoSansArabic-SemiBold.ttf);
}

@font-face {
    font-family: "NotoSansArabic-Thin";
    src: url(../NotoFont/NotoSansArabic-Thin.ttf);
}

.sh-dashboard-base-page {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-height: 100vh;
}


.sh-dashboard-main {
    width: calc(100% - 300px);
    display: flex;
    flex-direction: column;
    padding-inline: 10px;
    flex-grow: 1;
    -webkit-box-flex: 1;
    position: relative;
    padding-bottom: 20px;
    direction: rtl;
    /*background-color: yellow;*/
}

.sh-view-header {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
}



.test-inner-class {
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    height: 90vh;
    overflow: auto;
}

.RND-popup-class {
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    height: 50vh;
    overflow: auto;
}

.copy-right-textat {
    position: absolute;
    left: 0;
    bottom: 0;
}

/*#region*/

.report-outer-container {
    margin-top: 100px;
}

.report-inner-container {
    display: flex;
    column-gap: 20px;
    align-items: center;
}

.report-dateat-container {
    display: flex;
    column-gap: 20px;
    align-items: center;
}

.report-date-container input,
.report-inner-container select {
    border-radius: 5px;
    padding: 2px;
    border: 1px solid gray;
}

.report-date-container span {
    font-family: "NotoSansArabic-Regular";
}

.report-dateat-container button {
    border: none;
    outline: none;
    padding: 5px;
    background-color: #3f6cc8;
    color: #fff;
    border-radius: 5px;
}

/*#endregion*/