:root {
  --ap-brand: #D4561F;
  --ap-brand-light: #E8622A;
  --ap-brand-dark: #B8451A;
  --ap-brand-rgb: 212, 86, 31;
  --ap-accent-rgb: 232, 98, 42;
}

/* Brand hero banners (Search, Assign, Statistics, Credits, Dashboard, Settings, Reports) */
.search-hero,
.assign-hero,
.st-hero,
.co-credits-hero,
.co-dash-hero,
.co-settings-hero,
.co-rep-hero {
  background: linear-gradient(135deg, #D4561F 0%, #E8622A 52%, #B8451A 100%) !important;
  color: #fff !important;
  box-shadow: 0 12px 36px rgba(212, 86, 31, 0.28) !important;
  position: relative;
  overflow: hidden;
}

.search-hero::before,
.assign-hero::before,
.st-hero::before,
.co-credits-hero::before,
.co-dash-hero::before,
.co-settings-hero::before,
.co-rep-hero::before {
  content: '';
  position: absolute;
  top: -30%;
  right: -5%;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.18) 0%, transparent 68%);
  pointer-events: none;
}

.search-hero h1, .search-hero h2, .search-hero h4,
.assign-hero h1, .assign-hero h2, .assign-hero h4,
.st-hero h1, .st-hero h2,
.co-credits-hero h1, .co-credits-hero h2,
.co-dash-hero h1, .co-dash-hero h2,
.co-settings-hero h1, .co-settings-hero h2,
.co-rep-hero h1, .co-rep-hero h2 {
  color: #fff !important;
  position: relative;
  z-index: 1;
}

.search-hero p,
.assign-hero p,
.st-hero p,
.co-credits-hero p,
.co-dash-hero p,
.co-settings-hero p,
.co-rep-hero p {
  color: rgba(255, 255, 255, 0.88) !important;
  position: relative;
  z-index: 1;
}

.employee-modal .modal-header {
  background: linear-gradient(135deg, #D4561F 0%, #B8451A 100%) !important;
  border: none !important;
}

.btn-primary,
.force_bg_black.btn-primary {
  background-color: #D4561F !important;
  border-color: #D4561F !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #E8622A !important;
  border-color: #E8622A !important;
}

.loading_container
{
background-color:#fff;
opacity:0.60;
display: block;	
width:100% !important;
text-align:center !important;
position:fixed;
top:0px;
z-index:5555;
height:1000px;
height: 100% !important;
margin: 0;
}

.loading_class {
  position:absolute;
  top:6px;
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid rgba(181,0,2,.3);
  border-radius: 50%;
  border-top-color: #b50002;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

.force_bg_black
{
background-color:#000000 !important	
}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}

.loading_text
{
top:60px;
right:25px;
position:relative;
color:#b50002;
font-weight:666;
}


.font-sans-serif
{
font-size:12px;	
}


.h-200
{
height:100%;	
}

#paymentHistoryTable
{
height:100%;	
}

.status_title_div
{
display:block;
font-size:12px;	
}


.form_checkbox_custom
{
background-color:#D4561F;
border-radius: 30px;
font-size:11px !important;
padding:5px;
color:#ffffff;	
}

.cancel_by_admin
{
width:100%;
display:block;
text-align:center;	
}

.modal-dialog
{
pointer-events:visible !important;	
}

.span_required
{
color:#ff0000;	
}

.row_paid
{
text-decoration:line-through;	
}

.rows_count
{
font-size:12px;
font-weight:666;
padding-top:15px;
text-align:center;
color:#ff0000;	
}

.notification-indicator-primary::before
{
background-color:none!important;
display:none !important;	
}

#admin_notifications_count
{
position:relative;
top:-16px;
left:-20px;	
color:#ff0000;
}


#company_notifications_count
{
position:relative;
top:-16px;
left:-20px;	
color:#ff0000;
}




.select2-selection__choice__remove
{
padding:4px 4px !important;
position:relative !important;
margin-right:3px;
}

.select2-selection__choice
{
padding:0.25rem 1.5rem !important
}

.inner_top_logo
{
width:165px;
padding:10px;	
}

.inner_row_height
{
height:80vh !important	
}

#resend_link
{
width:25% !important;
margin:0 auto;	
}

.change_language_link
{
padding:5px;
margin-top:15px;
position:relative;
z-index:999;
}

.change_language_link_en
{
float:left;	
}

.change_language_link_ar
{
float:right;	
}

.nav-link.active
{
color:#000000;	
}


.logo_language_div_ar
{
	width:100%
}

.logo_language_div_en
{
	width:100%
}



@media (max-width: 991.98px) {

.logo_language_div_ar
{
	margin-right:0px !important;
	width:100% !important
}

.logo_language_div_en
{
	margin-left:0px !important;
	width:100% !important
}

.hide_mobile
{
display:none !important;	
}

}

/* Auth pages — language dropdown (matches website header) */
.auth-language-switcher-wrap {
    float: right;
    margin-top: 15px;
    position: relative;
    z-index: 999;
}

[dir="rtl"] .auth-language-switcher-wrap {
    float: left;
}

.ap-lang-switcher {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.ap-lang-trigger {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1px solid #e2e7ef;
    border-radius: 10px;
    padding: 8px 12px;
    cursor: pointer;
    line-height: 1;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ap-lang-trigger:hover,
.ap-lang-switcher:focus-within .ap-lang-trigger {
    border-color: rgba(232, 98, 42, 0.45);
    box-shadow: 0 4px 14px rgba(28, 37, 57, 0.08);
}

.ap-lang-flag {
    width: 28px;
    height: 20px;
    border-radius: 3px;
    overflow: hidden;
    display: inline-flex;
    flex-shrink: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.ap-lang-flag svg {
    display: block;
    width: 28px;
    height: 20px;
}

.ap-lang-chevron {
    font-size: 10px;
    color: #1C2539;
}

.ap-lang-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 190px;
    background: #fff;
    border: 1px solid #e2e7ef;
    border-radius: 12px;
    box-shadow: 0 14px 36px rgba(28, 37, 57, 0.12);
    padding: 8px 0;
    list-style: none;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px);
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
    z-index: 1001;
}

.ap-lang-switcher:hover .ap-lang-menu,
.ap-lang-switcher:focus-within .ap-lang-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.ap-lang-menu li {
    margin: 0;
    padding: 0;
}

.ap-lang-menu a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    text-decoration: none !important;
    color: #1C2539 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0;
    text-transform: none !important;
    line-height: 1.3 !important;
}

.ap-lang-menu a:hover,
.ap-lang-menu a.is-active {
    background: rgba(232, 98, 42, 0.08);
    color: #E8622A !important;
}

[dir="rtl"] .ap-lang-menu {
    right: auto;
    left: 0;
}

/* Register — country phone dropdown */
.reg-phone-field {
    display: flex;
    align-items: stretch;
    gap: 0;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    overflow: visible;
    background: #fff;
}

.reg-phone-field:focus-within {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.reg-country-picker {
    position: relative;
    flex-shrink: 0;
}

.reg-country-trigger {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 100%;
    min-height: 38px;
    padding: 0 12px;
    border: 0;
    border-right: 1px solid #ced4da;
    background: #f8f9fc;
    cursor: pointer;
    font-family: inherit;
    white-space: nowrap;
}

[dir="rtl"] .reg-country-trigger {
    border-right: 0;
    border-left: 1px solid #ced4da;
}

.reg-country-trigger-flag {
    font-size: 1.15rem;
    line-height: 1;
}

.reg-country-trigger-code {
    font-size: 0.92rem;
    font-weight: 700;
    color: #1c2539;
}

.reg-country-trigger-chevron {
    font-size: 0.65rem;
    color: #6c757d;
}

.reg-country-panel {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 1200;
    width: min(320px, 88vw);
    background: #fff;
    border: 1px solid #e2e7ef;
    border-radius: 12px;
    box-shadow: 0 16px 40px rgba(28, 37, 57, 0.16);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px);
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
}

[dir="rtl"] .reg-country-panel {
    left: auto;
    right: 0;
}

.reg-country-picker.is-open .reg-country-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.reg-country-search-wrap {
    padding: 10px 10px 6px;
    border-bottom: 1px solid #eef1f6;
}

.reg-country-search {
    width: 100%;
    border: 1px solid #dfe3ea;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 0.9rem;
    outline: none;
}

.reg-country-search:focus {
    border-color: #E8622A;
    box-shadow: 0 0 0 3px rgba(232, 98, 42, 0.12);
}

.reg-country-list {
    list-style: none;
    margin: 0;
    padding: 6px 0;
    max-height: 260px;
    overflow-y: auto;
}

.reg-country-option {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 14px;
    border: 0;
    background: transparent;
    text-align: start;
    cursor: pointer;
    font-family: inherit;
}

.reg-country-option:hover,
.reg-country-option.is-selected {
    background: rgba(232, 98, 42, 0.08);
}

.reg-country-option-flag {
    font-size: 1.2rem;
    line-height: 1;
    flex-shrink: 0;
}

.reg-country-option-body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.reg-country-option-name {
    font-size: 0.88rem;
    font-weight: 600;
    color: #1c2539;
    line-height: 1.3;
}

.reg-country-option-code {
    font-size: 0.78rem;
    color: #6c757d;
}

.reg-phone-input {
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.reg-phone-input:focus {
    box-shadow: none !important;
}

.reg-select-wrap {
    position: relative;
}

.reg-styled-select {
    appearance: none;
    -webkit-appearance: none;
    padding: 0.65rem 2.5rem 0.65rem 0.9rem;
    border: 1px solid #dfe3ea;
    border-radius: 10px;
    font-size: 0.95rem;
    font-weight: 600;
    color: #1c2539;
    background: #fff;
    box-shadow: 0 2px 10px rgba(28, 37, 57, 0.04);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

[dir="rtl"] .reg-styled-select {
    padding: 0.65rem 0.9rem 0.65rem 2.5rem;
}

.reg-styled-select:focus {
    border-color: #E8622A;
    box-shadow: 0 0 0 3px rgba(232, 98, 42, 0.12);
}

.reg-select-icon {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    font-size: 0.72rem;
    color: #6c757d;
    pointer-events: none;
}

[dir="rtl"] .reg-select-icon {
    right: auto;
    left: 14px;
}