:root {
    --aside-color: #21374f;
}
.img-circle {
    aspect-ratio: 2 / 2;
}

.text-title{
    font-weight: 700;
}

.top-DT_C {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px; /* Smaller gap between items */
    margin-bottom: 10px;
}
@media (max-width: 710px) {
    .top-DT_C {
        flex-direction: column;
        gap: 0px;
        margin-bottom: 0px;
    }
}

.system-radius{
    border-radius: 10px !important;
}

tr{
    text-align: center;
}

.action-group {
    text-align: center;
    padding-bottom: 10px;
}

.layout-fixed .main-sidebar {
    right: 0;
    background-color: var(--aside-color);
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after, .input-group:not(.has-validation)>.custom-select:not(:last-child), .input-group:not(.has-validation)>.form-control:not(:last-child) {
    background: white;
    border-radius: 3px;
}

.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    background-color: var(--aside-color);
}

.bg-sidebar-color,.brand-link {
    background-color: var(--aside-color) !important;
}
.bg-sidebar-color-secondary{
    background-color: #c3daf2 !important;
}
.dark-mode .bg-sidebar-color-secondary{
    background-color: var(--aside-color) !important;
}

.btn-info, .btn-primary{
    color: #fff;
    background-color: #4673a3;
    border-color: #4673a3;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-info:hover,
.btn-info:focus{
    background-color: var(--aside-color); /* Darker blue for hover */
    border-color: var(--aside-color); /* Darker border */
    outline: none; /* Remove focus outline */
    box-shadow: 0 0 0 0.2rem rgba(0, 116, 204, 0.5); /* Focus shadow */
}
.btn-outline-primary{
    color: #4673a3;
    border-color: #4673a3;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active{
    background-color: #4673a3;
    border-color: #4673a3; /* Darker border */
    outline: none; /* Remove focus outline */
    box-shadow: 0 0 0 0.2rem rgba(0, 116, 204, 0.5); /* Focus shadow */
}
.card-primary .card-header{
    background-color: #4673a3 !important;
}
.card-default .card-header{
    background-color: #ffffff !important;
}
.bg-default {
    background-color: #f4f6f9 !important;
}

.main-color{
    color: #fff;
    background-color: #4673a3 !important;
    border-color: #4673a3 !important;
}

.main-color .close{
    color: #fff;
}

.print-header-section {
    cursor: pointer;
    float: right;
    font-size: 26px;
    margin-top: 4px;
}

.bg-primary {
    background-color: #4673a3 !important;
}
.text-primary {
    color: #4673a3 !important;
}
.btn-action {
    color: #ffffff; /* White text for high contrast */
    background-color: #0074cc; /* Accessible blue */
    border-color: #0074cc; /* Matching border */
    font-size: 1rem; /* Text size */
    border-radius: 0.25rem; /* Rounded corners */
    text-align: center; /* Center text */
    text-decoration: none; /* Remove underline for links styled as buttons */
    display: inline-block; /* Layout support */
    cursor: pointer; /* Pointer for interactivity */
    transition: background-color 0.3s, border-color 0.3s; /* Smooth hover effect */
}
.btn-action:not(.btn-sm),
.btn-success:not(.btn-sm),
.btn-warning:not(.btn-sm),
.btn-danger:not(.btn-sm) {
    padding: 0.5rem 1rem; /* Button spacing */
}

/* Hover and focus states */
.btn-action:hover:not([disabled]),
.btn-action:focus:not([disabled]) {
    background-color: #0056a3; /* Darker blue for hover */
    border-color: #0056a3; /* Darker border */
    outline: none; /* Remove focus outline */
    box-shadow: 0 0 0 0.2rem rgba(0, 116, 204, 0.5); /* Focus shadow */
}
.link-action{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    border-radius: 0.25rem;
}
.link-action:hover,
.link-action:focus,
.link-action.active {
    text-decoration: none !important;
    cursor: pointer;
    background-color: #0074cc2f ;
    transition: background-color 0.3s;
}
.text-action-warning{
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.text-action-warning:hover,
.text-action-warning:focus {
    color: #f5c600 !important;
    background-color: #f5c6002f !important;
    cursor: pointer;

    /* add shake effect */
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
}
 .show > .text-action-warning {
    color: #f5c600 !important;
    background-color: #f5c6002f !important;
}

/* Disabled state */
.btn-action:disabled,
.btn-action[disabled] {
    cursor: not-allowed !important; /* Show disabled state */
    opacity: 0.65; /* Reduce opacity */
    color: white;
}
.rounded-start {
    border-start-start-radius: 0.25rem !important;
    border-end-start-radius: 0.25rem !important;
}

.rounded-end {
    border-start-end-radius: 0.25rem !important;
    border-end-end-radius: 0.25rem !important;
}
.required:after {
    content: " *";
    color: red;
}
.btn-default {
    background-color: #f8f9fa;
    border-color: #ddd;
    color: #444;
}
.card-title {
    margin-bottom: .1rem !important;
    margin-top: .1rem;
}
.btn-action-success {
    color: #ffffff; /* White text for high contrast */
    background-color: #28a745; /* Accessible green */
    border-color: #28a745; /* Matching border */
    padding: 0.5rem 1rem; /* Button spacing */
    font-size: 1rem; /* Text size */
    border-radius: 0.25rem; /* Rounded corners */
    text-align: center; /* Center text */
    text-decoration: none; /* Remove underline for links styled as buttons */
    display: inline-block; /* Layout support */
    cursor: pointer; /* Pointer for interactivity */
    transition: background-color 0.3s, border-color 0.3s; /* Smooth hover effect */
}

/* Hover and focus states */
.btn-action-success:hover:not([disabled]),
.btn-action-success:focus:not([disabled]) {
    background-color: #3fd261; /* Darker blue for hover */
    border-color: #3fd261; /* Darker border */
    outline: none; /* Remove focus outline */
    box-shadow: 0 0 0 0.2rem rgba(0, 204, 58, 0.5); /* Focus shadow */
}

.btn-action-success:disabled,
.btn-action-success[disabled] {
    cursor: not-allowed !important; /* Show disabled state */
    opacity: 0.65; /* Reduce opacity */
    color: white;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #f5dc93;
}
.alert-info{
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.card {
    border: 0 solid rgba(0, 0, 0, .125);
}
.info-ajx-popup-table {
	font-family: arial, sans-serif;
	border-collapse: collapse;
	width: 100%;
}

.info-ajx-popup-table td,
.info-ajx-popup-table th {
	border: 1px solid #dddddd;
	text-align: left;
	padding: 8px;
}

.info-ajx-popup-table tr:nth-child(even) {
	background-color: #dddddd;
}
.card-footer-popup-form-margin {
	margin-bottom: -1rem;
	margin-left: -1rem;
	margin-right: -1rem;
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
	background-color: #4b8ed6;
}
.bg-card{
    background-color: #fff;
}
.dark-mode .bg-card{
    background-color: #273543 !important;
}
html:not([dir=rtl]) .border-end-0 {

    border-right: none;
}
html:not([dir=rtl]) .border-start-0 {
    border-left: none;
}
.w-20 {
	width: 20%;
}
.opacity-50-hover {
    opacity: 0.5;
    cursor: pointer;
    font-size: 12px !important;
}
.opacity-50-hover:hover {
    opacity: 1;
}
.flag-icon {
	display: inline-block;
	height: 1em;
	aspect-ratio: 4 / 3;
	background-size: cover;
	background-position: center;
	mask-image: radial-gradient(circle, black 100%, transparent 100%);
	mask-size: contain;
	mask-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 2px;
}
.flag-ar {
	background-image: url('/theme/dashboard/plugins/flag-icon-css/flags/4x3/sa.svg');
}
.flag-en {
	background-image: url('/theme/dashboard/plugins/flag-icon-css/flags/4x3/us.svg');
}
@media(max-width: 300px) {
	#currentCompany_for_navbar {
		display: none;
	}
}
.card-footer-tab-content-margin {
	margin-bottom: -1.25rem;
	margin-left: -1.25rem;
	margin-right: -1.25rem;
}
.navbar-badge {
	position: absolute;
	right: 10px;
	top: 6px;
	font-size: 10px;
}
.btn-outline-white {
	color: #fff;
	border-color: #fff;
}
.btn-outline-white:hover,
.btn-outline-white:focus {
	background-color: #fff;
	border-color: #fff;
    color: #000;
}
.sticky-note-js {
	position: fixed;
	border-radius: 8px;
	box-shadow: 0 2px 10px #0000001a;
	background: #aecff3bf;
	border: 1px solid #4673a3a1;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-sizing: border-box;
	user-select: none;
	display: flex;
	flex-direction: column;
	z-index: 1;
}
.keyboard-key {
	display: inline-block;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(200, 200, 200, 0.8);
	border-radius: 6px;
	padding: 2px 8px;
	margin: 0 5px;
	font-weight: 600;
	box-shadow: inset 0 -1px 2px rgba(220, 220, 220, 0.9);
	color: #222;
	user-select: none;
	text-shadow: 0 0 2px rgba(255, 255, 255, 0.6);
}
.statist-home-card {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
    background-color: #ffffffe0;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 25px;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.08);
}
.statist-home-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.08);
}

.bg-linear-primary{
    background: linear-gradient(135deg, #0d6efd, #0dcaf0);
    box-shadow: 0 4px 10px rgba(13, 110, 253, 0.3);
    opacity: 0.9;
}
.bg-linear-success{
    background: linear-gradient(135deg, #198754, #198754);
    box-shadow: 0 4px 10px rgba(25, 135, 84, 0.3);
    opacity: 0.9;
}
.bg-linear-danger {
    background: linear-gradient(135deg, #ef5464, #dc3545);
    box-shadow: 0 4px 10px rgba(220, 53, 69, 0.3);
    opacity: 0.9;
}
.border-bottom-info {
	border-bottom: 3px solid #17a2b8;
    color: #17a2b8;
}
.border-bottom-danger{
    border-bottom: 3px solid #dc3545;
    color: #dc3545;
}
.modal-content{
    border-radius: 0.4rem;
    background-color: #ffffffe0;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.content-home-half-background-primary::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 75%;
	opacity: 0.6;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
	z-index: -1;
}
.content-home-half-background-primary::before {
    background: linear-gradient(135deg,#0d6efd, #15cff4);
}
.navbar-white {
	background-color: #ffffffc0;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
@media (max-width: 1024px) {
    .btn-table-responsive-stack{
        width: 100%;
    }
    .table-responsive-stack,
    .table-responsive-stack td,
    .table-responsive-stack th{
        border: none;
    }

    .table-responsive-stack td,
    .table-responsive-stack th {
        display: block;
        width: 100%;
    }
    html[dir="ltr"] .table-responsive-stack td,
    html[dir="ltr"] .table-responsive-stack th {
        text-align: left;
    }
    html[dir="rtl"] .table-responsive-stack td,
    html[dir="rtl"] .table-responsive-stack th {
        text-align: right;
    }

    .table-responsive-stack thead {
        display: none;
    }

    .table-responsive-stack tr {
        display: block;
        border-bottom: 1px solid #ddd;
    }
    .table-responsive-stack td {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .table-responsive-stack td::before {
        content: attr(data-label);
        font-weight: bold;
        opacity: 0.5;
        flex-shrink: 0;
        min-width: 80px;
    }
}

.select2-container {
	width: 100% !important;
}
html[dir="ltr"] .absolute-right-15 {
    position: absolute;
    right: 15px;
}
 .nav-icon-width {
    text-align: center;
    width: 1rem;
}
.divider {
  border: none;
  border-top: 1px solid #ccc;
  margin: 0;
  height: 0;
}
.nav-header .divider {
  border-color: #5b7ea469;
}
.btn-white{
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.btn-white:hover,
.btn-white:focus {
    background-color: #e1e1e1;
    border-color: #e1e1e1;
}
.small-form-input .form-group {
    margin-bottom: 0;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-default {
	color: #383d41;
	background-color: #e2e3e5;
	border-color: #d6d8db;
}
.badge-default {
	color: #212529;
	background-color: #e9ecef;
}
.card .card-body .card {
    box-shadow: none;
}

.card .card-body .card .card-body {
    background-color: #f8f9fac0 !important;
}