body {
    padding-top: 0 !important;
    font-family: 'Tajawal', sans-serif;
}

.bg-light {
    background: url('images/bg.jpg')
}


.jobs-header {
    border-bottom: 2px solid #b30000 !important;
}

.logo2 {
    border-right: 1px dotted #ccc;
    padding-right: 19px;
}

/*.nav-link {*/
/*    display: block;*/
/*    padding: 0.5rem 1rem 0.2rem 1rem;*/
/*}*/

.number-badge 
{
	background-color: #b30000;
	color: #fff;
	border-radius: 100px;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}


.bs-wizard {
    margin-top: 40px;
}

/*.step-circle {*/
/*    padding-top: 8px;*/
/*}*/

.box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .2) !important;
    border: 1px solid #ccc !important;
}

.form-row {
    direction: rtl;
}

/*.ar .btn-lg*/
/*{*/
/*    padding:0.7rem 1rem 0.3rem 1rem;*/
/*}*/

.ar .form-check {
    padding-right: 1.25rem;
    padding-left: 0;
}

.ar .form-check-input {
    margin-right: -1.25rem;
    margin-left: 0;
}

.ar .alert {
    direction: rtl;
    text-align: right;
}

.ar .alert ul {
    direction: rtl;
}

.ar h1,
.ar h2,
.ar h3,
.ar h4 {
    direction: rtl;
    text-align: right;
}

.ar .form-group label,
.ar .form-group {
    direction: rtl;
    text-align: right;
}

.ar .ui-pnotify {
    direction: rtl;
    text-align: right;
}


.label-job {
    padding-left: 10px;
    font-size: small;
    color: #929292;
    width: 30%;
    display: inline-block;
}

.results-list .item .title {
    font-weight: bolder;
    margin: 10px 0;
}

.results-list .grid-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 250px;
    -ms-flex: 1 1 250px;
    flex: 1 1 250px;
}

.results-list .item>.flex-row {
    min-height: 113px;
    padding: 15px 0;
}

.ar .flex-row {
    direction: rtl;
}

.flex-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ar .results-list .grid-content {
    text-align: right;
}

.results-list .item {
    border-bottom: 1px solid #e3e5e7;
}

.text-color-secondary {
    color: #509ee2;
}

.results-list .grid-side {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 125px;
    -ms-flex: 0 0 125px;
    flex: 0 0 125px;
}

.results-list .btn-custom {
    padding: 0 46px;
    line-height: 52px;
    height: 48px;
}

.btn-custom {
    border-radius: 5px;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

@media (max-width: 767px) {
    .flex-row {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .results-list .grid-side {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        text-align: center;
        /* margin-top: 10px; */
    }
}

@media (max-width: 540px) {
    .results-list .grid-side {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        text-align: center;
        /* margin-top: 10px; */
    }
}

.ar .form-control {
    text-align: right;
    direction: rtl;
}

.ar .dropdown-item {
    text-align: right;
    direction: rtl;
}


.employer-menu {
    border-bottom: 2px solid #dc3545 !important
}


.jobseeker-menu {
    border-bottom: 2px solid #007bff !important
}

.jobs-menu {
    border-bottom: 2px solid #ccc;
    padding-bottom: 0;
    padding-right: 50px;
}

.jobs-menu>div {
    margin-bottom: -2px;
}

.ar .dropdown-menu {
    right: 0;
    left: auto;
}

.select2-container .select2-selection--single {
    height: 37px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 39px !important;
    ;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 33px !important;
    ;
}

.jobs-menu .nav-link {
    color: #000 !important;
    font-weight: bold;
}


/* ======================== SUB MENU ===========================*/
@media (max-width: 992px) {
    .mobileMenu {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        position: fixed;
        top: 8px;
        bottom: 0;
        margin: auto;
        left: 0;
        -webkit-transition: all ease 0.25s;
        transition: all ease 0.25s;
        min-width: 100%;
        background-color: #3e3e3e !important;
    }

    .mobileMenu.open {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    .mobileMenu .dropdown-item {
        white-space: normal;
    }

    .mobileMenu .navbar-nav {
        overflow-y: auto;
    }

    .overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: rgba(0, 0, 0, 0.5);
        display: none;
    }

    .overlay.open {
        display: block;
        z-index: 1029;
    }
}

/*# sourceMappingURL=style.css.map */


.jobs-nav {
    background-color: #b30000 !important;
    /*z-index: 100000;*/
}

.jobs-nav .mobileMenu {
    background-color: #b30000;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.navbar-dark .btn-light {
    color: #b30000 !important;
}

.ar .navbar-brand {
    margin-right: 0;
    margin-left: 1rem;
}

.jobs-header {
    padding-top: 65px;
}

.ar .dropdown-toggle::after {
    margin-left: 0;
    margin-right: 0.255em;
}

.ar .nav-link {
    text-align: right;
    direction: rtl;
}

.ar .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.ar .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: 0;
}

.ar .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px !important;
}

.ar .select2-container--default .select2-selection--single .select2-selection__clear {
    float: right;
    height: 35px;
}

.ar .select2-search--dropdown .select2-search__field,
.ar .select2-results__option {
    text-align: right;
    direction: rtl;
}

.ar .table,
.ar .modal-body,
.ar .modal-header,
.ar .modal-footer {
    direction: rtl;
    text-align: right;
}

.ar .modal-header .close {
    margin: -1rem auto -1rem -1rem;
}

.en .navbar-expand-lg {
    -ms-flex-flow: row-reverse nowrap;
    flex-flow: row-reverse nowrap;
}

.en .navbar-expand-md {
    -ms-flex-flow: row-reverse nowrap;
    flex-flow: row-reverse nowrap;
}

.table .title {
    font-weight: 200;
    color: #b30000;
}

.ar .breadcrumb {
    direction: rtl;
}

.ar .breadcrumb-item+.breadcrumb-item::before {
    padding-left: 0.5rem;
    padding-right: unset;
}

.ar .breadcrumb-item + .breadcrumb-item {
    padding-right: 0.5rem;
    padding-left: unset;
}

.modal.modal-fullscreen {
    padding-right: 0 !important;
}

.modal.modal-fullscreen .modal-dialog {
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    max-width: none;
}

.modal.modal-fullscreen .modal-content {
    /*height: auto;*/
    height: 100vh;
    /*border-radius: 0;*/
    /*border: none;*/
}

.modal.modal-fullscreen .modal-body {
    overflow-y: auto;
}

.ar .jconfirm.jconfirm-rtl {
    text-align: right;
}

.ekey_text {
    text-align: center !important;
    padding-top: 15px;
}

.center {
    text-align: center !important;
}

.ekey_border {

    border-right: 1px solid rgba(0, 0, 0, 0.1)
}

@media (max-width: 767px) {
    .ekey_border {
        border-right: 0px !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin-bottom: 10px;
    }


    .en .psm-0 {
        padding-left: 0px !important;
    }

    .ar .psm-0 {
        padding-right: 0px !important;
    }
}

.ar .border-start-red {
    border-right: solid 3px #b30000;
    padding-right: 1rem;
}

.en .border-start-red {
    border-left: solid 3px #b30000;
    padding-left: 1rem;
}

.ar .contacts-container {
    text-align: right;
    direction: rtl;
}



/*# seekers menu */
.text-direction {
    text-align: right;
}



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


.card-header {
    padding: 0;
    margin-bottom: 0;
    border-bottom: none;
    border-radius: 0.25rem !important;
    background-color: rgba(0, 0, 0, 0.02);
}

.accordion-list {
    background-color: #fafafa;
}

.btn-color {
    color: #b30000 !important;
    font-weight: bold;
}

.btn-block {
    display: block;
    width: 100%;
}

.online-services0 .title {
    color: #000000;
    font-weight: bold;
    font-size: medium;
    padding-right: 4px;
}

.online-services0:hover {
    text-decoration: none;
}

.online-services0:hover .title,
.online-services0:hover .text span {
    color: #b30000 !important;
}

.online-services0 .title h6 {
    font-weight: bold;
}

.online-services0 .text span {
    margin-top: 0 !important;
    color: black;
}

[class^="flaticon-"]:before {
    margin-left: 0 !important;
}

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

/*# seekers menu */

.app-icon {
    display: inline-block;
    vertical-align: middle;
    border-radius: .30rem;
    border: 1px solid rgb(255, 251, 251);
    text-decoration: none;
}

.menu-icon-div {
    box-sizing: inherit;
    width: 75px;
    height: 75px;
    overflow: hidden;
    vertical-align: middle;
    border-radius: .25rem;
    color: #fff;

}

.menu-icon {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: auto;
    height: 100%;
    text-shadow: 0 0 1px rgb(0 0 0 / 80%);
}

.app-icon .title_link {
    font-size: 13px;
    color: #4e4e4e !important;
    padding: 10px 0 0 0;
    font-weight: bold;

}

.app-icon:hover {
    text-decoration: none;
    transition: all 0.16s ease-in;
}


.app-icon .blue {
    background-color: #247BA0;
}

.app-icon .gold {
    background-color: rgb(150, 136, 83);
}

.app-icon .cyan {
    background-color: #70C1B3;
}

.app-icon .grey {
    background-color: #50514F;
}

.app-icon .red {
    background-color: #F25F5C;
}

.menu-header-title {
    color: #4e4e4e !important;
    background-color: rgba(219, 219, 219, 0.411);
    font-weight: bold;
    font-size: 120%;
    text-align: right;
    padding-right: 1%;
    margin-top: 1%;
    margin-bottom: 2%;
}

.app-icon:hover {
    background: none;
    color: #464646;
    box-shadow: 0 0 0 1px rgba(80, 80, 80, .5);
}


.active-seeker-email-list {

    z-index: 2 !important;
    color: #007bff !important;
    background-color: #e9ecef;
    border-color: #e9ecef;

}

.mailbox>.list-group-item.active {

    z-index: 2 !important;
    color: #007bff !important;
    background-color: #e9ecef;
    border-color: #e9ecef;

}


.badge-custom {
    color: #000;
    background-color: #f2f2f2;
    font-weight: normal;
    border: solid 1px #ccc;
}

.ar .checkbox-element {
    text-align: right;
}

.checkbox-inline .checker {
    display: inline-block;
}

.select2-search__field {
    height: 26px !important;
}

.en .pe-0 {
    padding-right: 0px !important;
}

.ar .pe-0 {
    padding-left: 0px !important;
}


.en .raido_div {
    direction: ltr !important;
}

.en .form-row {
    direction: ltr !important;
}

.modal .select2-container {
    width: 100% !important;
}

.filepond--root,
.filepond--root .filepond--drop-label {
    min-height: 46px !important;
}

.filepond--root .filepond--list-scroller {
    margin: 0 !important;
}

.filepond--item {
    margin: 0.25em 0 !important;
}

.filepond--list {
    /*width: 100%;*/
    left: 0 !important;
    right: 0 !important;
}

.ar .seekers-register-form {
    direction: rtl;
}

.ar .custom-control {
    text-align: right;
    padding-left: unset;
    padding-right: 1.5rem;
}

.ar .custom-control-label::before {
    left: unset;
    right: -1.5rem;
}

.ar .custom-control-label::after {
    left: unset;
    right: -1.5rem;
}

.ar .custom-control-input {
    left: unset;
    right: 0;
}

.modal-header .close {
    align-self: center;
}

.flatpickr-input {
    background: url(./icons/calendar-icon.png) no-repeat scroll 11px 8px;
    background-color: #fff !important;
    background-size: 20px;
}

.filepond--item {
    cursor: pointer;
}

ul.validation_errors {
    margin-bottom: 0;
}

.ar .form-row {
    text-align: start;
}