:root {
    --dark-blue: #34487C;
}

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

.ml-10px {
    margin-left: 10px !important;
}

.bg-dark-blue {
    background-color: var(--dark-blue);
}

.btn-dark-blue {
    background-color: var(--dark-blue);
    color: #ffffff;
    border-radius: 10px !important;
}

.border-r-8 {
    border-radius: 8px;
}

.pr-0 {
    padding-right: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.btn-dark-blue:hover,
.btn-dark-blue:focus,
.btn-dark-blue:active,
.btn-dark-blue:visited,
.btn-dark-blue:link {
    background: #2B3A66 !important;
    color: #ffffff !important;
}

.mr-auto {
    margin-right: auto;
}

.btn-outline-light {
    border: 1px solid #CAD5E2 !important;
    border-radius: 10px !important;
}

.btn-outline-light:hover {
    background-color: #f8fafc !important;;
}

.btn-gradient-dark-blur, .upgrade-box,
.bg-gradient-dark-blur,
.gradient-btn, .gradient-btn.active,
.side-nav .side-nav-item .side-nav-link:hover,
.side-nav .side-nav-item.active .side-nav-link {
    background: linear-gradient(180deg, #34487C 0%, #0F2252 100%) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
}

.btn-gradient-dark-blur:hover,
.btn-gradient-dark-blur:focus,
.btn-gradient-dark-blur:active,
.gradient-btn:hover,
.gradient-btn:focus,
.gradient-btn:active,
.gradient-btn.active:hover,
.gradient-btn.active:focus,
.gradient-btn.active:active {
    color: #ffffff !important;
    background: linear-gradient(180deg, #0F2252 0%, #34487C 100%) !important;
    -webkit-text-fill-color: #ffffff !important;
}

.btn-hunnt-orange {
    background: #FE9A00;
    color: #ffffff;
    border-radius: 10px !important;
}

.btn-hunnt-orange:hover,
.btn-hunnt-orange:focus,
.btn-hunnt-orange:active,
.btn-hunnt-orange:visited {
    color: #ffffff !important;
    background: #e88c00; /* slightly darker */
}

.btn-hunnt-white {
    background: #ffffff;
!important;
    border-radius: 10px !important;
    border: 1px solid #D1D5DC !important;
    color: #364153 !important;
}

.btn-hunnt-white:hover,
.btn-hunnt-white:focus,
.btn-hunnt-white:active,
.btn-hunnt-white:visited {
    color: #364153 !important;
    background: #ffffff !important; /* slightly darker */
}

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

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

.bg-gradient {
    background: linear-gradient(180deg, #34487C 0%, #0F2252 100%) !important;
    color: #ffffff !important;
}

.cur:hover {
    cursor: pointer;
}

#generateNewArticleModal .modal-title {
    color: #101828 !important;
    font-weight: bold !important;
    font-size: 1.2rem !important;
}

#generateNewArticleModal .sub-title {
    color: #6A7282 !important;
    font-weight: 400 !important;
    font-size: 1rem !important;
    margin-bottom: 0;
}

#generateNewArticleModal .modal-header {
    border-bottom: 1px solid #E5E7EB !important;
    padding-bottom: 22px !important;
}

#generateNewArticleModal .modal-header .modal-head-btn {
    color: #6A7282 !important;
    background-color: transparent !important;
}

#generateNewArticleModal .modal-body .card {
    border: 1px solid #E5E7EB !important;
    background-color: #F9FAFB !important;
    padding: 19px 22px;
    box-shadow: none !important;
}

#generateNewArticleModal .modal-body .card .form-control {
    background-color: #ffffff !important;
}

#generateNewArticleModal .modal-body .card .label {
    color: #4A5565 !important;;
    font-size: 0.9rem;
    font-weight: 400;
}

#generateNewArticleModal .modal-body .article-card {
    background-color: #ffffff !important;
    padding: 12px 16px !important;
    border: 1px solid #D1D5DC !important;
}

#generateNewArticleModal .modal-body .article-card .form-control {
    background-color: #F9FAFB !important;
    color: #0A0A0A !important;
    font-weight: bold !important;
}

#generateNewArticleModal .modal-body .title-with-icon {
    color: #101828 !important;
    font-weight: bold !important;
    font-size: 1.2rem !important;
    margin-bottom: 0 !important;
}

#generateNewArticleModal .modal-body .icon {
    width: 20px !important;
}

#generateNewArticleModal .modal-footer {
    background-color: #F9FAFB !important;
    border: 1px solid #E5E7EB !important;
    padding: 18px 24px !important;
    justify-content: start !important;
}

#generateNewArticleModal .modal-footer .cancel {
    color: #364153 !important;
    font-weight: 400 !important;
    font-size: 1rem !important;
}

#generateNewArticleModal .note-box {
    background-color: #EFF6FF !important;
    border: 1px solid #BEDBFF !important;
    padding: 17px !important;
}

#generateNewArticleModal .note-box .sub-title {
    color: #4A5565 !important;
    font-weight: 400 !important;
    font-size: 0.9rem !important;
}

#generateNewArticleForm .main-content-total-articles {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    width: 100% !important;
}

#generateNewArticleForm .title-rule {
    color: #101828;
    font-weight: bold;
    font-size: 1rem;
}

#generateNewArticleForm .title-sub-rule {
    color: #4A5565;
    font-weight: 400;
    font-size: 0.8rem;
    margin-bottom: 0 !important;
}

#generateNewArticleForm .content-rule-card {
    border: 2px solid #E5E7EB;
    background-color: #ffffff;
    padding: 14px 15px;
}

#generateNewArticleForm .content-rule-card.is-active {
    background-color: #EFF6FF;
    border: 2px solid #155DFC;
}

#generateNewArticleForm .content-rule-card:hover {
    cursor: pointer;
}

#generateNewArticleForm .content-rule-card .circle-check {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    display: block;
    border: 2px solid #D1D5DC;
    border-radius: 50%;
}

#generateNewArticleForm .content-semi-auto-card {
    padding: 15px;
    border: 1px solid #D1D5DC;
}

#generateNewArticleForm .modal-body .card .content-semi-auto-card .form-control {
    background-color: #F9FAFB !important;
}

#generateNewArticleForm .content-semi-auto-note .title {
    font-weight: bold !important;
    font-size: 1rem !important;
    color:#101828 !important;;
    margin-bottom: 0;
}
#generateNewArticleForm .content-semi-auto-note .card-semi-auto-content {
    border:1px solid #BEDBFF;
    padding: 12px;
}
#generateNewArticleForm .content-semi-auto-note .card-semi-auto-content .date{
    color:#101828;
    font-weight: bold;
    font-size: 0.9rem;
    display: block;
}
#generateNewArticleForm .content-semi-auto-note .card-semi-auto-content .lang{
    font-weight: 400;
    font-size: 0.9rem;
    display: inline-block;
    margin-right: 5px;
    padding: 3px 10px;
}
#generateNewArticleForm .content-semi-auto-note .card-semi-auto-content .lang.en{
    background-color: #DBEAFE;
    color:#1447E6 !important;;
}
#generateNewArticleForm .content-semi-auto-note .card-semi-auto-content .lang.ar{
    background-color: #F3E8FF;
    color:#8200DB !important;;
}
#generateNewArticleForm .content-semi-auto-note .card-semi-auto-content .article-count{
    color:#155DFC;
    font-weight: bold;
    font-size: 0.8rem;
}
#generateNewArticleForm .content-table-manual thead tr{
    background-color: #F3F4F6 !important;
    color:#364153 !important;
    text-transform: uppercase !important;
    font-weight: bold;
    font-size: 1rem;
}
#generateNewArticleForm .content-table-manual tbody tr{
    background-color: #ffffff !important;
}
#generateNewArticleForm .content-table-manual tbody tr td{
    border-bottom: 1px solid #E5E7EB;
}
#generateNewArticleForm .content-table-manual tbody .form-control.current-date{
    background-color: #F9FAFB !important;
}
#generateNewArticleForm #manual-rows .title-man{
    color:#101828 !important;
    font-weight: 400 !important;
    font-size: 1rem !important;
    margin-bottom: 0;
}
#generateNewArticleForm #manual-rows .sub-title-man{
    color:#4A5565 !important;
    font-weight: 400 !important;
    font-size: 0.8rem !important;
    margin-bottom: 0;
}
#generateNewArticleForm #manual-rows .apply-to-all{
    background-color: #155DFC !important;
    color:#ffffff;
    width: 120px;
}
#generateNewArticleForm #manual-rows .apply-all-time{
    width: 120px;
}
.side-nav .side-nav-item .side-nav-link .menu-icon svg{
    height: 25px !important;
    width: 25px !important;
}
.agency-top-navbar .dropdown-menu{
    width: 250px !important;
    border:1px solid #F3F4F6;
    background-color: #FFFFFF;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.1);
    max-height: 350px !important;
    overflow: auto !important;
    scrollbar-width: thin;
    scrollbar-color: #E5E7EB transparent;
}
.agency-top-navbar .dropdown-menu .dropdown-item{
    padding: 12px 16px !important;
}
.agency-top-navbar .dropdown-menu .dropdown-item.is-active,
.agency-top-navbar .dropdown-menu .dropdown-item:not(.add-site-drop-item):hover
{
    background-color: #F9FAFB !important;
}
.agency-top-navbar .dropdown-menu .dropdown-item.is-active i{
    color:#35529E !important;
    font-weight: bold;
}
.agency-top-navbar .dropdown-menu .content-search img{
    position: absolute;
    top: 30%;
    left: 8px;
}
.agency-top-navbar .dropdown-menu #search_for_website{
    background-color: #ffffff !important;
    padding-left: 30px;
}
.agency-top-navbar .dropdown-menu .add-site-drop-item{
    border-top: 1px solid #0000001A;
    border-radius: 0;
}
.agency-top-navbar .dropdown-menu .add-site-drop-item:hover{
    background-color: #ffffff !important;
}

.agency-top-navbar .dropdown-menu .add-site-drop-item .icon-plus{
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 50% !important;
}

.agency-top-navbar .dropdown-menu .add-site-drop-item span{
    color:#101828 !important;
}
.google-login-content-btn .login-with-google-dark-btn:active{
    color:#000000 !important;
}
.btn-hunnt-danger{
    background-color: #E02222 !important;
    color:#ffffff !important;
    border-radius: 10px !important;
}