@font-face {
    font-family: "hacenarabia";
    src: url('../fonts/HacenSaudiArabia.woff');
}

.bgg_amd {
    position: fixed;
    bottom: 30px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 500px;
    height: 58px;
    z-index: -1;
}

#sub_body {
    position: static;
    width: inherit;
    height: inherit;
    top: inherit;
    left: inherit;
    background: none;
    z-index: inherit;
}

#header {
    background-color: transparent;
    height: 105px;
}

#content {
    background: #fff !important;
}

.main_top_links ul li a {
    background-color: #aba8a3 !important;
    background-image: none !important;
    color: #fff !important;
}

    .main_top_links ul li a i {
        color: #aba8a3 !important;
    }

.manager_color,
.bread_crumb_title {
    color: #fff !important;
}

#BreadCrumb {
    background: #ABA8A3 !important;
    border: none;
    border-radius: 2px;
    height: 30px;
    line-height: 30px;
}

#Breadcrumb_path * {
    line-height: 31px;
    color: #fff;
}

#Breadcrumb_path_homeicon {
    margin: 7px 5px 0;
}

#slidebtn_r {
    display: none;
}

.mainpage_link,
.Breadcrumb_path_title {
    line-height: 31px;
    color: #fff !important;
}

.Breadcrumb_path_spliter {
    background: none;
    margin-top: 3px;
}

    .Breadcrumb_path_spliter::after {
        content: '/';
        color: #878787;
        padding: 0 5px;
    }

.bread_crumb_title_with_border {
    border-color: #878787;
    color: #fff;
    line-height: 30px;
}

#div_counter_logout {
    background-color: var(--third_clr);
    box-shadow: 1px 0 2px var(--third_clr);
    top: 17px;
}

ul.treeview li.expandable span strong,
ul.treeview li.collapsable span strong {
    background: var(--primary_clr) !important;
    color: #fff !important;
    border-bottom: 1px solid var(--primary_dark_clr) !important;
    margin-bottom: 0px !important;
    text-shadow: none !important;
}

    ul.treeview li.expandable span strong:hover,
    ul.treeview li.collapsable span strong:hover {
        background: var(--primary_clr) !important;
        color: #fff !important;
        border-bottom: 1px solid var(--primary_dark_clr) !important;
        margin-bottom: 0px !important;
        text-shadow: none !important;
    }

ul.treeview li ul {
    background: none;
}

    ul.treeview li ul li.expandable a,
    ul.treeview li ul li.collapsable a {
        color: var(--primary_clr) !important;
        border-bottom: 1px solid #eee !important;
        background: none;
        padding: 3px 5px 3px 5px;
    }

        ul.treeview li ul li.expandable a.selected {
            color: #f00 !important;
        }

.new_day span,
.new_day {
    color: var(--primary_clr);
}

.status-bar ul li i.count-num {
    background: var(--primary_clr);
}

.status-bar {
    background: var(--primary_clr);
    border-top: 2px solid #fff;
}

    .status-bar ul li span {
        background: #fff;
    }

.icon {
    margin-left: 2px;
    margin-top: 71px !important;
}

.header_right_image {
    margin-right: 0 !important;
}

.alqemam_top_logo {
    display: none;
}

#content {
    box-shadow: none;
    height: 100%;
    margin-bottom: 40px;
    min-height: 415px;
    padding: 3px;
    background: none;
}

.gradiant[disabled],
.popup-footer ul li p input[disabled],
.btn[disabled],
.popup-footer ul li button[disabled],
.gradiant[disabled="disabled"],
.popup-footer ul li p input[disabled="disabled"],
.btn[disabled="disabled"],
.popup-footer ul li button[disabled="disabled"],
.gradiant[disabled]:hover,
.popup-footer ul li p input[disabled]:hover,
.btn[disabled]:hover,
.popup-footer ul li button[disabled]:hover,
.gradiant[disabled="disabled"]:hover,
.popup-footer ul li p input[disabled="disabled"]:hover,
.btn[disabled="disabled"]:hover,
.popup-footer ul li button[disabled="disabled"]:hover {
    color: #fff !important;
    border: 1px solid var(--primary_clr) !important;
    background: var(--primary_clr) !important;
    opacity: 0.5;
}

.grid_newship tr th {
    background: var(--primary_dark_clr) !important;
}

.grid_newship {
    margin-top: 5px !important;
}

.lbl_txt,
#dv_coverLet_popUps span {
    color: var(--primary_dark_clr);
}

.content_bx .tab_bx .nav-tabs li.active a,
.content_bx .tab_bx .nav-tabs li.active a:hover,
.content_bx .tab_bx .nav-tabs li a:hover {
    background-color: var(--primary_clr) !important;
    background-image: none !important;
    color: #fff !important;
}

.fa-calendar {
    color: var(--primary_clr);
}

.maindiv table tr:nth-child(2) td {
    color: var(--primary_clr);
}

.maindiv .btn2day,
.maindiv .btn:hover,
.maindiv .btn_footer:hover,
.maindiv .bold:hover {
    background: var(--primary_clr) !important;
}

.popup_genrl {
    border: 2px solid var(--primary_clr);
    overflow: initial !important;
}

    .popup_genrl .popup_title {
        background: var(--primary_clr);
    }


.title_chart {
    background: none !important;
}

    .title_chart h1 {
        color: var(--primary_clr) !important;
    }

.main_relative_bx {
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.mgrid_empty_data_block,
.mgrid_empty_data {
    background: var(--primary_clr) !important;
}

.mda_radio input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .mda_radio input[type='radio']:after {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        top: 0px;
        left: 0px;
        position: relative;
        background-color: #fff;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 1px solid var(--primary_clr);
    }

    .mda_radio input[type='radio']:checked:after {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        top: 0px;
        left: 0px;
        position: relative;
        background-color: var(--primary_clr);
        content: '';
        display: inline-block;
        visibility: visible;
        border: 1px solid var(--primary_clr);
    }

#header input[type="image"] {
    margin-left: 0 !important;
    margin-right: 5px;
}

#ImageButton_master {
    display: none;
}

.new_calender {
    margin: 0 auto;
}

.grid_newship.inbox_grid_newship tr:nth-child(even) {
    background: #f3fffd;
}

.container_bx .title-bx h1,
.explanations_table tr td div,
.divAddAttToolTipImgUpload span,
.divAddAttToolTipImgScanner span {
    color: var(--primary_clr);
}

.explanations_table tr th p {
    background: var(--primary_clr);
}

.popup-title #close-lnk,
.popup-title #close-lnk2,
#popup-bx .popup-title {
    background: var(--primary_clr) !important;
}

.popup-title h1 i {
    color: var(--primary_dark_clr) !important;
}

.popup-title i.fa-close,
.dv_addGisExpPopup_cntrlHdrCls span {
    background: var(--primary_dark_clr) !important;
}

#popup-bx,
.dv_addGisExpPopup_cntrlMain {
    border: 2px solid var(--primary_clr);
}

.grid_mail_ExportLetter tr th,
.dv_addGisExpPopup_cntrlHdr,
.divAddAttToolTipTitle,
.favCntrl_dv_header_name_2,
.favCntrl_dv_header_origin,
.favCntrl_dv_header_img,
.title_block {
    background: var(--primary_clr) !important;
}

.popup_upload_popup .style {
    border: 1px solid var(--primary_clr) !important;
    background: var(--primary_clr) !important;
}

#attach_color h1,
#color_guide h1,
#statistics_div h1,
#warning_sys_div h1,
#attend_sys_div h1,
#statistics_div .statistics_tbl,
#attend_sys_div .statistics_tbl,
.attend_sys_div .fa-file-text {
    background: var(--primary_clr) !important;
}

.stickyText {
    border: none !important;
}

.wrapper-bg .hide-bx {
    color: var(--primary_clr) !important;
}

    .wrapper-bg .hide-bx:hover {
        background: var(--primary_clr) !important;
        color: #fff !important;
    }

#div_app_ver {
    float: right;
    margin-top: 55px;
    margin-right: 101px;
    font-family: tahoma;
    font-size: 74%;
    font-weight: normal;
    color: #f33;
}

.prog_menu {
    top: 15%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 857px;
    overflow: hidden;
    border-radius: 12px;
}

.wrapper_about .popup_about .popup_title,
.wrapper_about .popup_about .popup_content .cmp_contact h1 {
    background: var(--primary_clr) !important;
}

    .wrapper_about .popup_about .popup_title .fa-close,
    .add_command #popup-bx .popup-title #close-lnk,
    .add_command2 #popup-bx .popup-title #close-lnk2 {
        background: var(--primary_dark_clr) !important;
    }

.wrapper_about .popup_about .popup_content .prog_ver h1,
.wrapper_about .popup_about .popup_content .cmp_name h1,
.wrapper_about .popup_about .popup_content .cmp_contact ul li span {
    color: var(--primary_clr) !important;
}

.wrapper_about .popup_about,
.add_command #popup-bx {
    border: 2px solid var(--primary_clr) !important;
}

.main_adv_srch .main_adv_srch_link i,
.main_adv_srch .main_adv_srch_inpt .fa-search,
.main_adv_srch [tooltip]::after {
    color: var(--primary_clr) !important;
}

.main_adv_srch .main_adv_srch_inpt input {
    border: none !important;
}

.mail_dv_storage {
    color: var(--primary_clr) !important;
}

.mrg_top_treatment_det span {
    color: #ffffff !important;
}

.content_bx .tab_bx .nav-tabs li.active a span {
    background: var(--primary_dark_clr) !important;
}

.title_block_new {
    background: var(--primary_clr) !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.mainpage_thump .divSpan,
.mainpage_thump_new .divSpan {
    color: var(--primary_clr) !important;
}



/* GENERAL */
.gradiant, .btn, .pcss3t-theme-4 > input:checked + label,
.pcss3t-theme-4 > label:hover, .popup-footer ul li button, .popup-footer ul li p {
    opacity: 1;
}

.grid_newship tr th, .wrapper-popup3 .popup-bx .popup-title {
    background: var(--primary_clr) !important;
}

.lbl_txt, #dv_coverLet_popUps span {
    color: var(--primary_clr) !important;
}

.fa-calendar, .fa-clock-o, .mail_dv_storage {
    color: var(--primary_clr) !important;
}

.maindiv table tr:nth-child(2) td, .check-bx-txt h1 {
    color: var(--primary_clr) !important;
}

.maindiv .btn2day, .maindiv .btn:hover,
.maindiv .btn_footer:hover, .maindiv .bold:hover {
    background: var(--primary_clr) !important;
}

.popup_genrl, .wrapper-popup3 .popup-bx {
    border: 2px solid var(--primary_clr);
}

    .popup_genrl .popup_title, .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background-image: none !important;
        background-color: none !important;
        background: var(--primary_clr) !important;
    }


.title_chart h1 {
    color: var(--primary_clr) !important;
}

/*.popup-footer ul li p input:hover, .pcss3t-theme-4 > input:checked + label, .pcss3t-theme-4 > label:hover, 
.popup-footer ul li button:hover, .popup-footer ul li p:hover {
    color: #fff !important;
    border: 1px solid var(--primary_dark_clr) !important;
    background: var(--primary_dark_clr) !important;
    opacity: 1;
}

    .popup-footer ul li p input[disabled], .btn[disabled], .popup-footer ul li button[disabled], .gradiant[disabled="disabled"], .popup-footer ul li p input[disabled="disabled"], .btn[disabled="disabled"], .popup-footer ul li button[disabled="disabled"], .gradiant[disabled]:hover, .popup-footer ul li p input[disabled]:hover, .btn[disabled]:hover, .popup-footer ul li button[disabled]:hover, .gradiant[disabled="disabled"]:hover, .popup-footer ul li p input[disabled="disabled"]:hover, .btn[disabled="disabled"]:hover, .popup-footer ul li button[disabled="disabled"]:hover {
        color: #fff !important;
        border: 1px solid var(--primary_clr) !important;
        background: var(--primary_clr) !important;
        opacity: 0.5;
    }*/

.popup-title #close-lnk, .popup-title #close-lnk2, #popup-bx .popup-title {
    background: var(--primary_clr) !important;
}

.popup-title h1 i {
    color: var(--primary_dark_clr) !important;
}

.popup_genrl .popup_title {
    background: var(--primary_clr) !important;
}

.popup_genrl {
    border: 2px solid var(--primary_clr);
}

.popup_title .fa-close:Hover {
    color: #fff !important;
    background: var(--primary_dark_clr) !important;
}

.grid_mail_ExportLetter tr th, .dv_addGisExpPopup_cntrlHdr, .divAddAttToolTipTitle, .favCntrl_dv_header_name_2, .favCntrl_dv_header_origin, .favCntrl_dv_header_img, .title_block, .title_block_new {
    background: var(--primary_clr) !important;
}

.container_bx .title-bx h1 {
    color: var(--primary_clr) !important;
}

#inbox_ExternalLetter #popup-bx, .dv_addGisExpPopup_cntrlMain, #wrapper-popup2 #popup-bx, .dv_ExpPopUp_cntrlMain,
.general_popup_scanner_control_main_div {
    border: 2px solid var(--primary_clr) !important;
}

    .dv_addGisExpPopup_cntrlHdrCls span, #wrapper-popup2 #popup-bx .popup-title i.fa-close {
        background: var(--primary_dark_clr) !important;
    }

.content_bx .tab_bx .nav-tabs li.active a span {
    background: var(--bagdeIcon) !important;
}

.explanations_table tr th p,
.dv_ExpPopUp_cntrlHdr {
    background: var(--primary_clr) !important;
}

.explanations_table tr td div, .fileUpload_control label, .fileUpload_control .progress_fu_ctr ul li span span,
.div_float_lrmargin10_w75 {
    color: var(--primary_clr) !important;
}

.fileUpload_control .relt_bx h1, .general_popup_scanner_control_header_div, .div_scanner_pages_content .alrt_blue,
.favCntrlSendCopies_dv_header_name, .favCntrlSendCopies_dv_header_img, .mgrid_empty_data_block, .mgrid_empty_data {
    background: var(--primary_clr) !important;
}

.div_scanner_pages_content .alrt_pos_bx span i {
    color: var(--primary_clr) !important;
}

.gradiant i {
    color: #fff !important;
}

.mda_radio input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .mda_radio input[type='radio']:after {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        top: 0px;
        left: 0px;
        position: relative;
        background-color: #fff;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 1px solid var(--primary_clr);
    }

    .mda_radio input[type='radio']:checked:after {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        top: 0px;
        left: 0px;
        position: relative;
        background-color: var(--primary_clr);
        content: '';
        display: inline-block;
        visibility: visible;
        border: 1px solid var(--primary_clr);
    }

.content_bx .tab_bx .nav-tabs li.active a, .content_bx .tab_bx .nav-tabs li.active a:hover, .content_bx .tab_bx .nav-tabs li a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a:hover, .simpleTabsNavigation li a:hover, .simpleTabsNavigation li a.active {
    background-color: var(--primary_clr) !important;
    background-image: none !important;
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}

.general_popup_search_control_header_div_1 {
    background: var(--primary_clr) !important;
}

    .general_popup_search_control_header_div_1 #ctl00_cph_main_TreatmentData1_lbl_title .fa-edit {
        background: none !important;
        color: var(--primary_dark_clr) !important;
    }

    .general_popup_search_control_header_div_1 .cls-btn {
        background: var(--primary_clr) !important;
    }

.att-bx .top-att-bx ul li input, .general_popup_search_control_footer_div_1 ul li input {
    background: var(--primary_clr) !important;
}

.general_popup_search_control_body_div_1 .lab-txt1, .general_popup_search_control_body_div_1 .lab-txt2, .att-bx .top-att-bx span, .db_info_bx .db_title, .db_right_big .db_title, .db_left_smll .db_title, .db_vac_bx .db_title, .db_sal_bx .db_title,
fieldset legend, .span_block span {
    color: var(--primary_clr) !important;
}

#ctl00_cph_main_div_popup {
    border: 2px solid var(--primary_clr);
}

.accord_tit span {
    color: var(--primary_clr);
    border-bottom: 2px solid var(--primary_clr);
}

.mlt_slc_container .mlt_slc_bx .mlt_slc_tbl table tr th, .style, .mlt_slc_container .mlt_slc_bx .mlt_slc_error,
.ddl_multiSelect .form-group li.ddlSelectedElement, .ddl_multiSelect .form-group li.ddlSelectedElement:hover,
#wrapper-popup #popup-bx .popup-footer ul li p, #wrapperPopup #popup-bx .popup-footer ul li p,
#wrapper-popup2 #popup-bx .popup-footer ul li p, #wrapper-popup #popup-bx .popup-footer ul li button,
#wrapperPopup #popup-bx .popup-footer ul li button, #wrapper-popup2 #popup-bx .popup-footer ul li button,
#wrapper-popup #popup-bx .citz_bx .btn-bx input, #wrapperPopup #popup-bx .citz_bx .btn-bx input,
.chk_switch_bx .chk_switch input[type=checkbox]:checked + label:before {
    background: var(--primary_clr) !important;
}

.lbl_txt i, .btn_icon, .btn_icon2, .mlt_slc_container .mlt_slc_bx .mlt_slc_srch i.fa-search,
.fa-plus, .fa-pencil, .div_MainTime .fa-chevron-up, .div_MainTime .fa-chevron-down {
    color: var(--primary_clr) !important;
}

table tr th {
    color: #fff !important;
    background: var(--primary_clr) !important;
}

.panel .panel-header a, .legenddiv_number_not_elect_Empty ul li {
    color: var(--primary_clr) !important;
}

.thumb_stamp tr th {
    background: none !important;
}

    .thumb_stamp tr th span, .mainpage_thump .divSpan, .txt_alrt80pers {
        color: var(--primary_clr) !important;
    }

input[type="text"]:focus, input[type="file"]:focus, select:focus, textarea:focus {
    box-shadow: 0 0 5px var(--primary_clr) !important;
    border-color: var(--primary_clr) !important;
}

.makken_master_wrapper .makken_content_article .makken_content_mstr .makken_src .npt_group_srch input[type="text"]:focus {
    box-shadow: none !important;
}

.popup-footer ul li p input, .popup-footer ul li p input:hover {
    background: none !important;
    padding: 0 !important;
    border: none !important;
}

.favCntrlSendCopies_dv_header .favCntrlSendCopies_dv_header_img,
.favCntrlSendCopies_dv_header .favCntrlSendCopies_dv_header_name {
    background: var(--primary_clr) !important;
}

.fa-pencil.gradiant, .grad_hgt.fa-plus {
    color: #fff !important;
    font-size: 14px;
}

.search_tabs .nav-tabs > li.active > a,
.search_tabs .nav-tabs > li.active > a:hover,
.search_tabs .nav-tabs > li.active > a:focus {
    background: var(--primary_clr) !important;
    color: #fff !important;
}

#wrapper-popup #popup-bx .popup-content2 table tr th span {
    color: #fff !important;
    font-size: 15px !important;
}

.popup-content .row-bx span.lab-txt1, .old_atch h1, .edits_atch h1 {
    color: var(--primary_clr) !important;
}

#div_cut_vac #popup-bx2 .popup-title, #div_cut_vac2 #popup-bx2 .popup-title {
    background: var(--primary_clr) !important;
}

#div_cut_vac #popup-bx2 {
    border-color: var(--primary_clr) !important;
}

.mlt_slc_container .mlt_slc_bx .mlt_slc_tbl .gridScroll tr td .form-control1 i {
    color: #000 !important;
}

.mgrid_empty_data_block.grey_bg.mrg_top_treatment_det span, .txt_msg {
    color: #ffffff !important;
}

.txt_msg {
    color: #000 !important;
}

.pdf_pagging_bx button, .pdf_pagging_bx input {
    background: var(--primary_clr) !important;
}

.pdf_fixed_bx .pdf_pagging_bx button:hover, .pdf_fixed_bx .pdf_pagging_bx input:hover, .div_save_all .btn_save_all:hover {
    background: var(--secondary_clr) !important;
}

.pop_up_pdf_attachment_pdf_rgt_bx .div_save_all .btn_save_all {
    background: var(--secondary_clr) !important;
}

    .pop_up_pdf_attachment_pdf_rgt_bx .div_save_all .btn_save_all[disabled] {
        opacity: 0.2;
    }

.edits_atch .prev_atch ul li i {
    background: rgba(70, 151, 139, 0.7) !important;
}

.pos_info_alrt i:hover::after {
    border-bottom: 6px solid var(--primary_clr) !important;
}

.pos_info_alrt i p {
    color: var(--primary_clr) !important;
    border-right: 3px solid var(--primary_clr) !important;
}

.wrapper_about .popup_about {
    border: 2px solid var(--primary_clr);
}

    .wrapper_about .popup_about .popup_title, .wrapper_about .popup_about .popup_content .cmp_contact h1 {
        background: var(--primary_clr) !important;
    }

    .wrapper_about .popup_about .popup_content .prog_ver h1, .wrapper_about .popup_about .popup_content .cmp_name h1, .wrapper_about .popup_about .popup_content .cmp_contact ul li span {
        color: var(--primary_clr) !important;
    }

.divAddAttToolTipImgUpload span, .divAddAttToolTipImgScanner span {
    color: var(--primary_clr) !important;
}

.breadcrumb-bx ul li, .mainpage_thump_new .divSpan {
    color: var(--primary_clr) !important;
}

#wrapper-popup #popup-bx {
    border: 2px solid var(--primary_clr) !important;
}

.data_block span, .popup_genrl .popup-footer .txt_alrt, .emp_dta_2bx .emp_dta_lft article ol li span,
.emp_dta_2bx .emp_dta_rgt .emp_dta_title, .emp_dta_2bx .emp_dta_lft .emp_dta_title, .emp_dta_2bx .emp_dta_rgt article ul li span {
    color: var(--primary_clr) !important;
}

.tab-container .ajax__tab_active span.ajax__tab_outer, .tab-container .ajax__tab_active span.ajax__tab_outer:focus {
    background-color: var(--primary_clr) !important;
    background-image: none !important;
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}

.popover_editname_wrapper {
    z-index: 99999;
}

.head_status span {
    color: var(--primary_clr) !important;
}

.gridScroll tbody {
    color: #000 !important;
}

.attachShoh_ctl .top-att-bx span {
    color: var(--primary_clr) !important;
}

.attachShoh_ctl .top-att-bx ul li input {
    background: var(--primary_clr) !important;
}

.st_letter_letterCompliments_icon {
    color: var(--primary_clr) !important;
}

.Menu_colapsCntrl .panel.panel-default .panel-heading {
    background: var(--dropdowns_clr) !important;
}

    .Menu_colapsCntrl .panel.panel-default .panel-heading a span {
        background: var(--dropdownsIcon_clr) !important;
    }

    .Menu_colapsCntrl .panel.panel-default .panel-heading .panel-title > a[aria-expanded="true"]:after,
    .Menu_colapsCntrl .panel.panel-default .panel-heading .panel-title > a[aria-expanded="false"]:after {
        color: var(--favCtrlBg1) !important;
    }

.Menu_colapsCntrl .panel-group .panel ul li a:hover,
.Menu_colapsCntrl .panel_card .panel-body a:hover {
    color: var(--primary_clr) !important;
}

ul.treeview li.expandable span strong, ul.treeview li.collapsable span strong {
    padding-right: 5px !important;
}

.testColor thead tr {
    border-right: 8px solid var(--primary_clr) !important;
}

.arch_flxListCharts li i {
    background: var(--primary_clr) !important;
}

.grid_newship_visDiv tr {
    vertical-align: baseline !important;
}

.favCntrl_2box .favCntrl_tabs .list_lbl label:hover, .favCntrl_2box .favCntrl_tabs .list_lbl label.active,
.favCntrl_Fllbox .favCntrl_tabs .list_lbl label:hover, .favCntrl_Fllbox .favCntrl_tabs .list_lbl label.active {
    background-color: var(--favCtrlBg1) !important;
    background-image: -moz-linear-gradient(top, var(--favCtrlBg2), var(--favCtrlBg1) 50.0%) !important;
    background-image: -webkit-linear-gradient(top, var(--favCtrlBg2), var(--favCtrlBg1) 50.0%) !important;
    background-image: -o-linear-gradient(top, var(--favCtrlBg2), var(--favCtrlBg1) 50.0%) !important;
    background-image: -ms-linear-gradient(top, var(--favCtrlBg2), var(--favCtrlBg1) 50.0%) !important;
    background-image: linear-gradient(top, var(--favCtrlBg2), var(--favCtrlBg1) 50.0%) !important;
    border-bottom: 2px solid var(--favCtrlBg2) !important;
}

.makken_content_mstr .makeenSmartNewasideLink_bx > li:hover {
    background: var(--secondary_clr);
}

.ddl_multiSelect .form-group.unWrapped li.ddlSelectedElement, .ddl_multiSelect .form-group.unWrapped li.ddlSelectedElement:hover {
    background: var(--primary_dark_clr) !important;
}

.ddl_multiSelect .form-group.unWrapped ul li ul li:hover, .ddl_multiSelect .form-group.unWrapped ul li.list_child:hover {
    background: var(--primary_clr) !important;
}

.att_bx.attachShoh_ctl .attachLst_bx .atch_bx .rgt span i.fa-image {
    background-color: var(--primary_clr) !important;
    background-image: -webkit-linear-gradient(top, var(--primary_clr), var(--primary_dark_clr) 40px) !important;
}

.makken_master_wrapper .makken_topHeader .makken_logo a {
    height: calc(100% - 50px);
}

    .makken_master_wrapper .makken_topHeader .makken_logo a img {
        max-height: 100%;
        object-fit: contain;
    }

.fileUpload_control .progress-bar,
.fileUpload_control .progress .progress-bar {
    background: var(--primary_dark_clr) !important;
    color: #fff !important;
}

.ddl_multiSelect_custom_select .ddl_multiSelect .form-group ul li.list_child.ddlSelectedElement label, .ddl_multiSelect_custom_select .ddl_multiSelect .form-group ul li.list_child:hover label {
    color: var(--primary_clr) !important;
}

.ddl_multiSelect_custom_select .ddl_multiSelect p {
    background: var(--primary_clr) !important;
}

et_options_setting .et_options_circle {
    background: var(--third_clr);
}

.makken_content_mstr .makeenSmartNewasideLink_bx > li a {
    border-color: var(--third_clr) !important;
}

.makken_content_mstr .makeenSmartNewasideLink_bx > li:hover {
    background: var(--third_clr) !important;
}

.maindiv .btn2day, .maindiv .btn:hover, .maindiv tbody tr td .btn2day, .maindiv tbody tr td .btn:hover, .maindiv .btn_footer:hover {
    background: var(--primary_clr) !important;
}

.makken_content_aside .collapsNav_lnk {
    color: var(--favCtrlBg1);
}

.verification_control .makken_countNum .makken_progbar .makken_progbar_lyr2 {
    background: var(--secondary_clr) !important;
}

.verification_control .makken_countNum span {
    color: var(--secondary_clr) !important;
}

.verification_control .flx_end .resend_code {
    color: var(--secondary_clr);
}

.favCntrl_2box .favCntrl_tabs .main_tab table thead::before, .favCntrl_Fllbox .favCntrl_tabs .main_tab table thead::before, .popup_content .favCntrl_tab2 table thead::before {
    background: var(--primary_clr) !important;
}
/**************** Login with new Theme ***************/
.Makken_login .makken_Logform .makken_formGroup input[type="text"], .Makken_login .makken_Logform .makken_formGroup input[type="password"], .Makken_login .makken_verCode .makken_formGroup input[type="text"], .Makken_login .Makken_login_cont .makken_newPass .makken_formGroup input[type="password"], .Makken_login .Makken_login_cont .makken_newPass .makken_formGroup input[type="text"] {
    box-shadow: none !important;
}

.Makken_login .Makken_login_cont .makken_Logform .makken_btn .login_btn,
.Makken_login .Makken_login_cont .makken_verCode .makken_btn .login_btn,
.Makken_login .Makken_login_cont .makken_newPass .makken_btn .login_btn,
.wrapp_capLogin .capLogin_content .btn_active input {
    background: var(--primary_clr);
}

    .Makken_login .Makken_login_cont .makken_Logform .makken_btn .login_btn:hover,
    .Makken_login .Makken_login_cont .makken_verCode .makken_btn .login_btn:hover,
    .Makken_login .Makken_login_cont .makken_newPass .makken_btn .login_btn:not([disabled]):hover,
    #dv_login .popup_alert_div_sys .popup_alert_footer_div_sys input:hover,
    .wrapp_capLogin .capLogin_content .btn_active input:hover,
    .wrapp_capLogin .capLogin_content .btn_active input:focus {
        background: var(--btnLoginHover);
        color: #fff;
    }

.Makken_login .Makken_login_cont .makken_Logform .makken_btn .switch input:checked + .toggle::after {
    background-color: var(--btnLogin);
    background-image: none !important;
}

.Makken_login .Makken_login_cont .Makken_login_support ul li.active span,
.Makken_login .Makken_login_cont .Makken_login_support ul li.active i,
.Makken_login .makken_verCode .makken_countNum .makken_progbar .makken_progbar_lyr2 {
    background: var(--primary_clr);
    color: #fff;
}

.Makken_login .Makken_login_cont .makken_verCode .makken_btn .login_btn[disabled],
.Makken_login .Makken_login_cont .makken_newPass .makken_btn .login_btn[disabled],
.Makken_login .Makken_login_cont .makken_verCode .makken_btn .login_btn[disabled]:hover,
.Makken_login .Makken_login_cont .makken_newPass .makken_btn .login_btn[disabled]:hover {
    background: #eee;
    color: #666;
}

#div_counter_logout {
    background-color: var(--third_clr) !important;
    box-shadow: 1px 0 2px var(--third_clr) !important;
    top: 17px !important;
}

.Makken_login .Makken_login_cont .makken_Logform .makken_btn .login_btn,
.Makken_login .Makken_login_cont .makken_Logform .makken_btn .rotation,
#dv_login .popup_alert_div_sys .popup_alert_footer_div_sys input {
    background: var(--btnLogin);
}

.myContainer .PopUpHead span {
    background-color: var(--primary_clr);
    color: #fff;
}

.AllContant .Sections .BTN-GO:hover, .AllContant .Sections:hover .BTN-GO,
#dv_login .popup_alert_div_sys .popup_alert_footer_div_sys input {
    background-color: var(--primary_clr);
    background-image: -moz-linear-gradient( right, var(--primary_clr), var(--primary_dark_clr) 100.0%);
    background-image: -webkit-linear-gradient( right, var(--primary_clr), var(--primary_dark_clr) 100.0%);
    background-image: -o-linear-gradient( right, var(--primary_clr), var(--primary_dark_clr) 100.0%);
    background-image: -ms-linear-gradient( right, var(--primary_clr), var(--primary_dark_clr) 100.0%);
    background-image: linear-gradient( right, var(--primary_clr), var(--primary_dark_clr) 100.0%);
    box-shadow: 0 0 12px -2px var(--primary_clr);
}

    #dv_login .popup_alert_div_sys .popup_alert_footer_div_sys input:hover,
    #dv_login .popup_alert_div_sys .popup_alert_footer_div_sys input:focus, {
        background-color: var(--primary_dark_clr);
        background-image: -moz-linear-gradient( right, var(--primary_dark_clr), var(--primary_clr) 100.0%);
        background-image: -webkit-linear-gradient( right, var(--primary_dark_clr), var(--primary_clr) 100.0%);
        background-image: -o-linear-gradient( right, var(--primary_dark_clr), var(--primary_clr) 100.0%);
        background-image: -ms-linear-gradient( right, var(--primary_dark_clr), var(--primary_clr) 100.0%);
        background-image: linear-gradient( right, var(--primary_dark_clr), var(--primary_clr) 100.0%);
        box-shadow: 0 0 12px -2px var(--primary_dark_clr);
    }

#dv_login .popup_alert_div_login_new .popup_alert_header_div_login_new, #dv_login .popup_alert_div_sys .popup_alert_header_div_new {
    background: var(--third_clr) !important;
}

.makken_master_wrapper .makken_topHeader .makken_topNav ul li.user_account ul li ol li p {
    color: var(--secondary_clr);
}

.lnk_bck:hover, .lnk_bck:hover i {
    color: var(--third_clr);
}

.login_openingScreen .openingScreen_body .openingScreen_btn-colored,
.notfound_pg .notfound_bx a, .noper_pg .noper_bx .noper_content ul li a, .error_pg .error_bx .error_content ul li a {
    background: var(--primary_clr) !important;
}

    .login_openingScreen .openingScreen_body .openingScreen_btn-colored:hover,
    .login_openingScreen .openingScreen_body .openingScreen_btn-colored:focus,
    .notfound_pg .notfound_bx a:hover,
    .notfound_pg .notfound_bx a:focus,
    .noper_pg .noper_bx .noper_content ul li a:hover,
    .noper_pg .noper_bx .noper_content ul li a:focus,
    .error_pg .error_bx .error_content ul li a:hover,
    .error_pg .error_bx .error_content ul li a:focus {
        background: var(--primary_clr);
    }

.noper_pg .noper_bx .noper_title, .error_pg .error_bx .error_title {
    background: var(--third_clr);
}

.content_bx .tab_bx .nav-tabs li.active a, .content_bx .tab_bx .nav-tabs li.active a:hover, .content_bx .tab_bx .nav-tabs li a:hover,
.tab_bx .nav-tabs > li.active > a, .tab_bx .nav-tabs > li.active > a:hover, .tab_bx .nav-tabs > li.active > a:focus {
    background-color: var(--tabBg2) !important;
    background-image: linear-gradient(top, var(--tabBg2), var(--tabBg1) 50%) !important;
}

.gradiant, .btn-bx .gradiant, .but-control .btn {
    color: var(--btnClr) !important;
}

    .gradiant:hover, .gradiant:focus-visible,
    .btn-bx .gradiant:hover, .btn-bx .gradiant:focus-visible,
    .but-control .btn:hover, .but-control .btn:focus {
        color: var(--btnClrHover) !important;
        border-color: var(--btnBorderHover) !important;
    }

.popup_genrl .popup-footer ul li button, .popup_genrl .popup-footer ul li p {
    background: var(--favCtrlBg1) !important;
}

    .popup_genrl .popup-footer ul li button:hover, .popup_genrl .popup-footer ul li p:hover {
        background: var(--btnAttachHvr) !important;
    }

#btn_coverLet_viceLet.btn_green, #btn_coverLet_sign.btn_green, #btn_Offer_sign.btn_green, #btn_Offer_hand_sign.btn_green {
    color: #fff !important;
}

input[type="button"][disabled],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus {
    color: #919191 !important;
    background: #e2e2e2 !important;
    background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)) !important;
    background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%) !important;
    background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%) !important;
    background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%) !important;
    background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%) !important;
    border: 1px solid #c1c1c1 !important;
}

.favCntrl_2box .favCntrl_tabs .main_tab table thead, .favCntrl_Fllbox .favCntrl_tabs .main_tab table thead, .popup_content .favCntrl_tab2 table thead {
    background: var(--primary_clr);
}

    .favCntrl_2box .favCntrl_tabs .main_tab table thead::before, .favCntrl_Fllbox .favCntrl_tabs .main_tab table thead::before, .popup_content .favCntrl_tab2 table thead::before {
        background: var(--primary_clr);
    }

.div_scanner_pages li {
    color: var(--scannerTxt) !important;
}

.div_scanner_pages_content a {
    color: var(--btnClr) !important;
}

.doubleShow_open .tab-content .fa-edit {
    color: var(--dropdowns_clr);
}

.switch_block input:checked + .slider {
    background-color: var(--dropdowns_clr);
}

.title_chart h1 {
    color: var(--dropdowns_clr);
}

.db_info_bx article .db_btn_bx .db_btn {
    background: var(--dbBtn);
}

    .db_info_bx article .db_btn_bx .db_btn:hover,
    .db_info_bx article .db_btn_bx .db_btn:focus {
        background: var(--dropdowns_clr);
    }

.New_headStatus_bx p {
    color: var(--spnDetails);
}

.mgrid_empty_data_block, .mgrid_empty_data {
    background: var(--noResults);
}

.btn-bx .gradiant, .mgrid_empty_data_block, .mgrid_empty_data {
    font-family: "hacenarabia";
}

#NewCompany-popup #popup-bx .popup-footer ul li p, #NewCompany-popup2 #popup-bx .popup-footer ul li p, #NewCompany-popup #popup-bx .popup-footer ul li button, #NewCompany-popup2 #popup-bx .popup-footer ul li button {
    background: var(--dropdowns_clr) !important;
}

    #NewCompany-popup #popup-bx .popup-footer ul li p:hover, #NewCompany-popup2 #popup-bx .popup-footer ul li p:hover, #NewCompany-popup #popup-bx .popup-footer ul li button:hover, #NewCompany-popup2 #popup-bx .popup-footer ul li button:hover {
        background: var(--modalBtnHvr) !important;
    }

.pcss3t-theme-4 > input:checked + label, .pcss3t-theme-4 > label:hover {
    background-color: var(--dropdowns_clr);
    background-image: -moz-linear-gradient(top, var(--dropdowns_clr), var(--tabGrdn) 50.0%);
    background-image: -webkit-linear-gradient(top, var(--dropdowns_clr), var(--tabGrdn) 50.0%);
    border-bottom: 2px solid var(--tabBrdr);
}

.select_types_bx .rgt_select_types_bx h1, .select_types_bx .lft_select_types_bx h1,
.select_types_bx .cont_select_types_bx .select_types_srch_bx i.fa-search {
    color: var(--dropdowns_clr);
}

.but-control .btn, .fa-pencil.gradiant, .grad_hgt.fa-plus {
    color: var(--btnClr) !important;
}

.breadcrumb-bx ul li a:hover {
    color: var(--brdCrumbsHover);
}

.favCntrl_dv_header_img {
    background: var(--favCntrlHeader) !important;
}

.arch_flxListCharts li .top_posNam {
    background: var(--third_clr);
}

.colaps_cntrl_pg .panel-group .panel ul li {
    background: var(--primary_clr);
}

    .colaps_cntrl_pg .panel-group .panel ul li:hover, .colaps_cntrl_pg .panel-group .panel ul li.active {
        background: var(--navActive_clr);
    }

.modal {
    border-color: var(--dropdowns_clr) !important;
}

    .modal .popup-title {
        background: var(--dropdowns_clr) !important;
    }

        .modal .popup-title #close-lnk {
            color: var(--dropdowns_clr) !important;
        }

        .modal .popup-title h1 i {
            background: var(--modalTitleIcon) !important;
        }

.colaps_cntrl_pg .panel .panel-header a, .colaps_cntrl_pg .panel .panel-header a i {
    color: var(--favCtrlBg1) !important;
}

    .colaps_cntrl_pg .panel .panel-header a:focus {
        border: 1px solid var(--favCtrlBg1);
    }

.colaps_cntrl_pg .colaps_cntrl_src_bx i:hover {
    color: var(--favCtrlBg1);
}

.colaps_cntrl_pg .colaps_cntrl_src_bx input:focus {
    box-shadow: none !important;
}

.chartTitle {
    color: var(--primary_clr);
}

.amcharts-main-div svg g text:first-of-type tspan:first-of-type {
    fill: var(--primary_clr);
}

.amcharts-main-div .amChartsLegend svg g text:first-of-type tspan:first-of-type {
    fill: #111;
}

.mainSubProgram_pg .btnSort_dv i {
    background: var(--primary_clr);
}

.general_popup_editor_control_header_div, .general_popup_editor_control_footer_div .gradiant {
    background: var(--dropdowns_clr);
    color: #fff !important;
}

.popup_genrl .popup-footer ul li p.gradiant.gradient_grid_popup {
    border: 1px solid #c1c1c1 !important;
    color: #fff !important;
}



.popup_genrl .popup-footer ul li p.gradient_grid_popup.btn_disabled i, .popup_genrl .popup-footer ul li p.gradient_grid_popup.btn_disabled {
    color: var(--btnClr) !important;
}

.gradiant.gradiant_50.btn_green, .left_smll_bx .gradiant.gradiant_100.btn_green {
    color: #fff !important;
}

.ddl_multiSelect .form-group input[type="button"]:focus, .ddl_multiSelect .form-group input[type="button"]:hover, .ddl_multiSelect .form-group input[type="button"].btn_active {
    background: var(--primary_clr) !important;
}

.makken_content_aside .makken_cal_bx .makken_cal_top {
    background-color: #013c76;
    border-block-end: 0;
}

.makken_content_aside .makken_cal_bx .makken_cal_top .cal_day {
    border-block-end-color: var(--secondary_clr);
}