/*! menaitech_site.css v1.0.0| include 1)theme, 2)borders 3)views 4)checkbox switch and radiobutton */

.font-menaitech-icon {
    font-family: 'MenaItech' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*start online application font*/
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../MenaItech/fonts/OpenSans-Bold.eot');
    src: url('../MenaItech/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../MenaItech/fonts/OpenSans-Bold.woff2') format('woff2'), 
        url('../MenaItech/fonts/OpenSans-Bold.woff') format('woff'), 
        url('../MenaItech/fonts/OpenSans-Bold.ttf') format('truetype'), 
        url('../MenaItech/fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.OpenSans-Bold {
    Font-family: 'OpenSans-Bold','Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important
}
/****************************************************************************************/
@font-face {
    font-family: 'OpenSans-Italic';
    src: url('../MenaItech/fonts/OpenSans-Italic.eot');
    src: url('../MenaItech/fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('../MenaItech/fonts/OpenSans-Italic.woff2') format('woff2'), url('../MenaItech/fonts/OpenSans-Italic.woff') format('woff'), url('../MenaItech/fonts/OpenSans-Italic.ttf') format('truetype'), url('../MenaItech/fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

.OpenSans-Italic {
    Font-family: 'OpenSans-Italic','Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important
}
/****************************************************************************************/
@font-face {
    font-family: 'OpenSans-Light';
    src: url('../MenaItech/fonts/OpenSans-Light.eot');
    src: url('../MenaItech/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../MenaItech/fonts/OpenSans-Light.woff2') format('woff2'), url('../MenaItech/fonts/OpenSans-Light.woff') format('woff'), url('../MenaItech/fonts/OpenSans-Light.ttf') format('truetype'), url('../MenaItech/fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

.OpenSans-Light {
    Font-family: 'OpenSans-Light','Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important
}
/****************************************************************************************/
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../MenaItech/fonts/OpenSans-Regular.eot');
    src: url('../MenaItech/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../MenaItech/fonts/OpenSans-Regular.woff2') format('woff2'), url('../MenaItech/fonts/OpenSans-Regular.woff') format('woff'), url('../MenaItech/fonts/OpenSans-Regular.ttf') format('truetype'), url('../MenaItech/fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.OpenSans-Regular {
    Font-family: 'OpenSans-Regular','Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important
}
/****************************************************************************************/
@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url('../MenaItech/fonts/OpenSans-SemiBold.eot');
    src: url('../MenaItech/fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('../MenaItech/fonts/OpenSans-SemiBold.woff2') format('woff2'), url('../MenaItech/fonts/OpenSans-SemiBold.woff') format('woff'), url('../MenaItech/fonts/OpenSans-SemiBold.ttf') format('truetype'), url('../MenaItech/fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.OpenSans-SemiBold {
    Font-family: 'OpenSans-SemiBold','Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important
}
/*end online application font*/

.swal2-content {
    font-size: 13px !important;
}

.k-chart {
    direction: ltr !important;
}

.chat-icon-cont {
    position: relative;
}

    .chat-icon-cont .chat-icon {
        position: absolute;
        top: -3px;
        font-size: 7px;
    }

html[dir='ltr'] .chat-icon-cont .chat-icon {
    right: -2px;
}

html[dir='rtl'] .chat-icon-cont .chat-icon {
    left: -2px;
}
/*themes*/
.theme-color {
    color: #007ee1 !important;
}

.theme-bgcolor {
    background-color: #007ee1 !important;
    color: #fff;
}

.Req_alternative_color {
    color: #78B3F4;
}

.Req-color {
    color: #327bf6 !important;
}

.Req-bgcolor {
    background-color: #327bf6 !important;
    color: #fff;
}

.Req-bordercolor {
    border-color: #327bf6 !important;
}


.JobDes-color {
    color: #00c4ab !important;
}

.JobDes-bgcolor {
    background-color: #00c4ab !important;
    color: #fff;
}

.JobDes-bordercolor {
    border-color: #00c4ab !important;
}

.bordercolor-68bf76 {
    border-color: #68bf76 !important;
}



.Litters-color {
    color: #0097bb !important;
}

.Litters-bgcolor {
    background-color: #0097bb !important;
    color: #fff;
}


.Litters-bordercolor {
    border-color: #0097bb !important;
}



.Org-color {
    color: #00a9ff !important;
}

.Org-bgcolor {
    background-color: #00a9ff !important;
    color: #fff;
}


.Org-bordercolor {
    border-color: #00a9ff !important;
}


.Interviews-color {
    color: #327bf6 !important;
}

.Interviews-bgcolor {
    background-color: #327bf6 !important;
    color: #fff;
}


.Interviews-bordercolor {
    border-color: #327bf6 !important;
}




a.menaitech-btn.theme-bgcolor {
    color: #fff !important;
}

.theme-bordercolor {
    border-color: #007ee1 !important;
}

.borderColord3d5db {
    border-color: #d3d5db !important;
}

.color-acafb5 {
    color: #acafb5
}

.color327bf6 {
    color: #327bf6
}

.colorec1c24 {
    color: #ec1c24
}

.colore1eaf1 {
    color: #e1eaf1
}

.primary-color {
    color: #555758;
}

.black-color {
    color: #1D1E1C;
}

.white-color {
    color: #fff !important
}

.offline-color {
    color: #979797;
}

.secondry-color {
    color: #929497;
}

.secondary-bg {
    background-color: #F5F8FA;
}

.bg-e9f3f8 {
    background-color: #eaf3f9;
}

.bg-e1eaf1 {
    background-color: #e1eaf1;
}


.bg-f9b000 {
    background-color: #f9b000
}

.bg-Select {
    background-color: #e6effa;
}

.white-bg {
    background-color: #fff
}

.Orange-bg {
    background-color: #e9530e
}

.blue-bg {
    background-color: #00b0c6
}

.Red-bg {
    background-color: #e61e26
}

.Red-color {
    color: #e61e26;
}

.CurveColor {
    color: #E30613 !important;
}

.color_98A4B1 {
    color: #98A4B1;
}

.color_303030 {
    color: #303030
}

.color_989da2 {
    color: #989da2
}

.color_585859 {
    color: #585859
}

.color_010101 {
    color: #010101
}


.white-bordercolor {
    border-color: #fff !important;
}

.bordercolor-53daf7 {
    border-color: #53daf7 !important;
}

html, body {
    font-family: OpenSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #555758;
}

.primary-font {
    font-family: OpenSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.main-layout-header {
    border-top: 0.65rem solid #333;
}

.main-layout-wrapper {
    position: relative;
    border: 1px solid #ddd;
    border-top: 0;
    margin-bottom: 20px;
}


.main-layout-header-link-contanier {
    margin: 1.5rem 0;
}

.main-layout-header-link {
    display: block;
    cursor: pointer;
    height: 2.2rem;
    width: 2.2rem;
    background: no-repeat;
    position: relative;
    z-index: 9;
    text-indent: -9999px;
}

.home-icon {
    background-image: url(../../Content/imgs/header/header_home.png);
}

.report-icon {
    background-image: url(../../Content/imgs/header/header_report.png);
}

.help-icon {
    background-image: url(../../Content/imgs/header/header_help.png);
}

.settings-icon {
    background-image: url(../../Content/imgs/header/header_config.png);
    background-position: center;
}

.print-icon {
    background-image: url(../../Content/imgs/header/print.png);
    background-size: contain;
}

.excel-icon {
    background-size: contain;
    background-image: url('../imgs/common/excel.png');
}

.main-layout-header-link-contanier .list-inline > li {
    padding: 0 11px;
    vertical-align: top;
}

/*borders*/
.border-top-1 {
    border-top: 1px solid #333;
}

.border-top-2 {
    border-top: 2px solid #333;
}

.border-top-2themcolor {
    border-top: 2px solid #007ee1 !important
}

.border-top-4themcolor {
    border-top: 4px solid #007ee1 !important
}

.border-bottom-4themcolor {
    border-bottom: 4px solid #007ee1 !important
}

.border-bottom-1 {
    border-bottom: 1px solid #333;
}

.border-bottom00adee {
    border-bottom: 1px solid #00adee;
}

.border-bottom-2 {
    border-bottom: 2px solid #333;
}

.border-bottom-3 {
    border-bottom: 3px solid #333;
}

.border-bottom-1-221e20 {
    border-bottom: 1px solid #d3d5db;
}

.border-bottom {
    border-bottom: 1px solid #BDC5CC;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.border-bottom-2 {
    border-bottom: 2px solid #333;
}

.border-bottom-3 {
    border-bottom: 3px solid #333;
}

.border-bottom {
    border-bottom: 1px solid #BDC5CC;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.border-bottom-1d3d5db {
    border-bottom: 1px solid #d3d5db;
}

.border-bottom-00afed {
    border-bottom: 1px solid #00afed;
}



.border-bottom-e1ebef {
    border-bottom: 1px solid #e1ebef;
}


.border-bottom-b1bec5 {
    border-bottom: 1px solid #b1bec5;
}

html[dir='ltr'] .border-right {
    border-right: 1px solid #b1bec5;
}

html[dir='rtl'] .border-right {
    border-left: 1px solid #b1bec5;
}

html[dir='ltr'] .border-right-2 {
    border-right: 2px solid #b1bec5;
}

html[dir='rtl'] .border-right-2 {
    border-left: 2px solid #b1bec5;
}

.report_item {
    cursor: pointer;
    padding: 10px 20px;
    min-height: 120px;
    position: relative;
}

    .report_item h3 {
        font-weight: 500;
        font-size: 2rem;
        margin-bottom: 5px;
    }

    .report_item p {
        font-size: 1.3rem;
    }

    .report_item:hover {
        background: #f5f8f7;
    }

.report_actions ul li a {
    padding: 5px 20px;
    text-decoration: none;
    font-size: 12px;
}

.report_Criteries {
    background: #f5f8f7;
    min-height: 45rem
}

.reports-filters-form label {
    padding-top: 5px !important;
    font-weight: 100;
    font-size: 13px;
}

.lables-color {
    color: #4d5254;
}

.table-full {
    width: 100%;
    max-width: 100%;
}

    .table-full td {
        vertical-align: top;
    }


.font-weight-bold {
    font-weight: 700 !important;
}

.reports-header-branch {
    font-size: 2.5rem;
    font-weight: bold;
    margin: 0;
}

.reports-header-company {
    font-size: 2rem;
    margin: 0;
}

.printAreaGrid .k-grid-pager {
    display: none;
}

.printAreaGrid .k-grid-content.k-auto-scrollable {
    overflow: hidden;
}
/*check box switch*/
.checkbox-switch {
    height: 2.4rem;
    width: 4rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    .checkbox-switch input {
        display: none;
    }

    .checkbox-switch label {
        width: 4rem;
        height: 2.4rem;
        cursor: pointer;
        position: relative;
        margin-bottom: 0;
        padding: 0;
    }

        .checkbox-switch label:before {
            content: "";
            z-index: 10;
            background: #e2e9e7;
            width: 100%;
            height: 0.8rem;
            border-radius: 0.4rem;
            display: block;
            position: absolute;
            top: 0.8rem;
        }

        .checkbox-switch label:after {
            content: "";
            z-index: 20;
            background: #bfcdd3;
            box-shadow: 0 0 3px #fff;
            border: 1px solid #fff;
            width: 2rem;
            height: 2rem;
            display: block;
            position: absolute;
            top: 0.2rem;
            border-radius: 3.2rem;
        }

    .checkbox-switch input:checked + label:after {
        background: #105cc8;
    }

.checkbox-switch-job_desc input:checked + label:after {
    background: #00c4ab !important;
}

.checkbox-switch input[disabled] + label {
    opacity: 0.4;
    cursor: default;
}


html[dir='ltr'] .checkbox-switch label:before {
    left: 0;
}

html[dir='ltr'] .checkbox-switch label:after {
    left: 0;
    transition: background-color 0.1s linear, left 0.1s linear;
}

html[dir='ltr'] .checkbox-switch input:checked + label:after {
    left: 2rem;
}


html[dir='rtl'] .checkbox-switch label:before {
    right: 0;
}

html[dir='rtl'] .checkbox-switch label:after {
    right: 0;
    transition: background-color 0.1s linear, right 0.1s linear;
}

html[dir='rtl'] .checkbox-switch input:checked + label:after {
    right: 2rem;
}
/*Radio Button switch*/
.form-radio {
    padding-bottom: 7px;
}

    .form-radio input {
        display: none;
    }

    .form-radio label {
        position: relative;
        width: auto;
        float: none;
        padding: 0 25px;
        font-size: 12px;
        display: block;
        cursor: pointer;
        color: #666666;
    }

    .form-radio input + label:before {
        content: " ";
        background-color: #fff;
        border-radius: 50%;
        position: absolute;
        top: 3px;
        text-align: center;
        display: block;
        width: 17px;
        height: 17px;
    }

    .form-radio input + label:after {
        font-family: 'MenaItech' !important;
        content: "\ea56";
        color: #407dd3;
        font-size: 1.7rem;
        width: 17px;
        height: 17px;
        display: block;
        position: absolute;
        top: 0;
        text-align: center;
        margin: 0 -25px;
    }

    .form-radio input:checked + label:after {
        content: "\ea54";
    }

html[dir='ltr'] .form-radio input + label:before, html[dir='rtl'] .form-radio input + label:after {
    left: 0;
}

html[dir='rtl'] .form-radio input + label:before, html[dir='rtl'] .form-radio input + label:after {
    right: 0;
}


.MT-vertical-tabList {
    padding-top: 50px;
}

.M-verticalT-tabList ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.MT-vertical-tabList ul li a {
    font-size: 14px;
    display: block;
    padding-top: 10px;
    border-bottom: 1px solid #EAF3F9 !important;
    color: #545754;
    padding-bottom: 10px;
    border-radius: 0;
    background-color: transparent !important;
}

    .MT-vertical-tabList ul li a:hover {
        color: #545754;
    }

.MT-vertical-tabList ul li.active a, .MT-vertical-tabList ul li.active a:hover {
    color: #327bf6 !important;
    background-color: transparent !important;
}


.form-group label {
    padding-top: 5px !important;
    font-weight: 100;
    font-size: 13px;
}


html[dir='ltr'] .user-menu {
    position: relative;
    padding-right: 89px;
}

html[dir='rtl'] .user-menu {
    position: relative;
    padding-left: 89px;
}


.user-menu a, .user-menu a:hover {
    text-decoration: none;
}

.user-menu:after {
    position: absolute;
    width: 0px;
    height: 2.3rem;
    content: "";
    position: absolute;
    top: -2px;
}

html[dir='ltr'] .user-menu:after {
    right: 50px;
    border-right: 1px solid #ABADAD;
}

html[dir='rtl'] .user-menu:after {
    left: 50px;
    border-left: 1px solid #ABADAD;
}

.user-menu .ico-caret:before {
    position: relative;
    top: 1px;
    font-size: 10px;
}

html[dir='ltr'] .user-menu .ico-caret:before {
    margin-left: 9px;
}

html[dir='rtl'] .user-menu .ico-caret:before {
    margin-right: 9px;
}

.user-menu a[aria-expanded=true] .ico-caret:before {
    content: "\e904";
}


.user-menu.dropdown.open .dropdown-menu {
    padding-left: 3px;
    padding-right: 3px;
    top: -89%;
}

.user-menu.dropdown .dropdown-menu .blueline {
    height: 12px;
}

    .user-menu.dropdown .dropdown-menu .blueline > span {
        width: 21px;
        height: 2px;
        display: inline-block;
    }

html[dir='ltr'] .user-menu.dropdown .dropdown-menu img {
    margin-right: 10px;
}

html[dir='rtl'] .user-menu.dropdown .dropdown-menu img {
    margin-left: 10px;
}

html[dir='ltr'] .user-menu.dropdown .dropdown-menu .dropdown-menu-icons {
    margin-right: 10px;
}

html[dir='rtl'] .user-menu.dropdown .dropdown-menu .dropdown-menu-icons {
    margin-left: 10px;
}

.dropdown-menu li a, .dropdown-menu li a:hover {
	background-color: #fff ;/* !important;*/
	color: #555758;
}


.user-menu.dropdown .dropdown-menu .dropdown-menu-lnk {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.user-menu.dropdown .dropdown-menu .dropdown-menu-icons {
    font-size: 21px;
}

.user-menu-small .dropdown-menu {
    top: 22px !important;
}

.user-menu-small.user-menu:after {
    border-color: #fff !important;
}

html[dir='ltr'] .user-menu-small .dropdown-menu {
    right: 85px;
}

html[dir='rtl'] .user-menu-small .dropdown-menu {
    left: 85px;
}


/* start config menu kharraz */
html[dir='ltr'] .config-menu.dropdown .dropdown-menu img {
    margin-right: 17px;
    margin-left: 7px;
}

html[dir='rtl'] .config-menu.dropdown .dropdown-menu img {
    margin-left: 17px;
    margin-right: 7px;
}

.config-menu.dropdown .dropdown-menu .blueline > span {
    width: 21px;
    height: 2px;
    display: inline-block;
}

html[dir='ltr'] .config-menu.open .dropdown-menu > .padding-bottom-15 {
    margin-left: 80px;
}

html[dir='rtl'] .config-menu.open .dropdown-menu > .padding-bottom-15 {
    margin-right: 62px;
}

html[dir='ltr'] .config-menu.open .dropdown-menu {
    top: -18px;
    left: -71px;
}

html[dir='rtl'] .config-menu.open .dropdown-menu {
    top: -19px;
    right: -71px;
}

.config-menu.open .dropdown-menu > li > a {
    padding-bottom: 8px;
}



/* end config menu kharraz */




/*Plan creation*/
.plan-creation {
    display: flex;
}

    .plan-creation .emp-info-container {
        text-align: center;
    }

    .plan-creation .emp-image {
        width: 9.7rem;
        display: inline-block;
    }

        .plan-creation .emp-image img {
            border: 0.1rem solid #BBC4CB;
            margin-bottom: 2rem;
        }

    .plan-creation .basic-info p {
        text-align: center;
    }

    .plan-creation .basic-info .emp-name {
        font-size: 1.8rem;
        text-transform: capitalize;
    }

    .plan-creation .basic-info .emp-title {
        font-size: 1.2rem;
        margin-bottom: 2rem;
        color: #929497;
        text-transform: capitalize;
    }

    .plan-creation .basic-info .emp-num {
    }

    .plan-creation .basic-info .emp-location {
        text-transform: capitalize;
    }

    .plan-creation .basic-info .emp-reportedTo {
    }

        .plan-creation .basic-info .emp-reportedTo > span {
            color: #98A4B1
        }

    /*addtional-info*/
    .plan-creation .addtional-info-panel {
        margin: 3rem 1.5rem;
    }

        .plan-creation .addtional-info-panel .addtional-info-panel-item {
            position: relative;
            margin-bottom: 0;
            border: 0;
            box-shadow: 0 0 0;
            border-radius: 0;
            border-bottom: 1px solid #d3d6dc;
        }

            .plan-creation .addtional-info-panel .addtional-info-panel-item:last-child {
                border-bottom: 0;
            }

    .plan-creation .addtional-info-panel-item a {
        padding: 1rem 0 2rem;
        position: relative;
        display: block;
        color: #6d6e70;
        font-size: 1.6rem;
    }

html[dir='ltr'] .plan-creation .addtional-info-panel-item a {
    padding-right: 2rem;
}

html[dir='rtl'] .plan-creation .addtional-info-panel-item a {
    padding-left: 2rem;
}

.plan-creation .addtional-info-panel-item a:after {
    font-family: 'MenaItech' !important;
    content: "\e903";
    color: #BCC5CB;
    position: absolute;
    top: 1rem;
    font-size: 10px;
}

.plan-creation .addtional-info-panel-item a[aria-expanded=true]:after {
    content: "\e904";
}

.plan-creation .addtional-info-panel-item a[aria-expanded=true]:after, .plan-creation .addtional-info-panel-item a[aria-expanded=true] {
    color: #007ee1;
}

html[dir='ltr'] .plan-creation .addtional-info-panel-item a:after {
    right: 5px;
}

html[dir='rtl'] .plan-creation .addtional-info-panel-item a:after {
    left: 5px;
}

.plan-creation .addtional-info-panel-item a:hover, .plan-creation .addtional-info-panel-item a:visited, .plan-creation .addtional-info-panel-item a:active, .plan-creation .addtional-info-panel-item a:focus {
    text-decoration: none !important;
}

.plan-creation .addtional-info-panel-item .collapse.in:before {
    content: "";
    width: 100%;
    top: -1px;
    left: 0;
    border-bottom: 3px solid #007ee1;
    position: absolute;
}

.plan-creation .addtional-info-panel-item .collapse.in:after {
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #007ee1;
    position: absolute;
}

.plan-creation .addtional-info-panel-item .pairs {
    padding-bottom: 2rem;
}

.plan-creation .addtional-info-panel-item .pair {
    border-bottom: 1px solid #d3d6dc;
    overflow: hidden;
    position: relative;
}

    .plan-creation .addtional-info-panel-item .pair:last-child {
        border-bottom: none;
    }

    .plan-creation .addtional-info-panel-item .pair > div:nth-child(1) {
        width: 30%;
    }

html[dir='ltr'] .plan-creation .addtional-info-panel-item .pair > div {
    float: left;
    text-align: left;
    padding: 0.7rem;
    display: inline-block;
}

    html[dir='ltr'] .plan-creation .addtional-info-panel-item .pair > div:nth-child(2):before {
        content: "";
        background: #d3d6dc;
        width: 1px;
        height: 100%;
        margin-left: -1rem;
        top: 0;
        position: absolute;
        display: block;
    }

html[dir='rtl'] .plan-creation .addtional-info-panel-item .pair > div {
    float: right;
    text-align: right;
    padding: 0.7rem;
    display: inline-block;
}

    html[dir='rtl'] .plan-creation .addtional-info-panel-item .pair > div:nth-child(2):before {
        content: "";
        background: #d3d6dc;
        width: 1px;
        height: 100%;
        margin-right: -1rem;
        top: 0;
        position: absolute;
        display: block;
    }


.page-header {
    padding: 9px 31px;
    font-size: 21px;
    margin: 0;
    border: 0;
    text-transform: capitalize;
}


/*Steps*/
.steps .steps_description {
    font-size: 1.8rem;
    max-width: 66%;
    margin: 0 auto 2rem;
    color: #6D6E70;
    text-align: center;
}

.step-container {
    margin: 3rem 2.5rem; /*border-bottom:1px solid #BCC5CB; padding-bottom:4.2rem;*/
}

.steps .steps_list {
    position: relative;
    text-align: center;
    padding: 0;
    font-size: 1.7rem;
}

    .steps .steps_list ul {
        display: block;
        padding-top: 0;
        margin-bottom: 0;
        overflow: hidden;
        text-align: center;
    }

    .steps .steps_list li:nth-child(1):nth-last-child(4), .steps .steps_list li:nth-child(2):nth-last-child(3), .steps .steps_list li:nth-child(3):nth-last-child(2), .steps .steps_list li:nth-child(4):nth-last-child(1) {
        width: 24%;
    }

    .steps .steps_list li {
        counter-increment: steps;
        position: relative;
        z-index: 111;
        text-align: center;
        padding: 0 2rem;
        vertical-align: top;
        width: 100%;
    }

.steps ul li {
    display: inline-block;
}

.steps .steps_list li span, .steps .steps_list li a {
    position: relative;
    padding-top: 8.5rem;
    display: inline-block;
    z-index: 111;
    min-width: 10rem;
    color: #98A4B1;
    transition: transform 0.3s ease;
}

.steps .steps_list li:not(:last-child):after {
    content: "";
    height: 1.1rem;
    width: 100%;
    display: block;
    position: absolute;
    top: 4rem;
    z-index: 1;
    background: #f5f8f7;
}

html[dir='ltr'] .steps .steps_list li:not(:last-child):after {
    left: 50%;
}

html[dir='rtl'] .steps .steps_list li:not(:last-child):after {
    right: 50%;
}

.steps .steps_list li span:before, .steps .steps_list li a:before {
    content: counter(steps);
    background: #fff;
    color: #98A4B1;
    left: 50%;
    width: 7.7rem;
    height: 7.7rem;
    line-height: 5.5rem;
    font-size: 2rem;
    border: 1.1rem solid #f5f8f7;
    display: block;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    border-radius: 100px;
}

.steps .steps_list li.active span:before, .steps .steps_list li.active a:before {
    background: #407dd3;
    color: #fff;
}

.steps .steps_list li.active-color span, .steps .steps_list li.active-color a {
    color: #007ee1 !important;
    font-size: 1.8rem;
}

.steps .steps_list li.small span:before, .steps .steps_list li.small a:before {
    width: 5.2rem;
    height: 5.2rem;
    line-height: 3.5rem;
    top: 2rem;
}

/*plan actions footer*/
.plan-action-footer {
    margin-right: 3.8rem;
    margin-left: 3.8rem;
    margin-top: 10.5rem;
    margin-bottom: 6rem;
}

    .plan-action-footer .text-val {
        font-size: 16px;
        color: #555758;
    }

.ico-next:after, .ico-next:before, .ico-prev:after, .ico-prev:before {
    font-family: 'MenaItech' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 27px;
    color: #007ee1 !important;
    position: relative;
    top: 6px
}

html[dir='ltr'] .plan-action-footer .ico-next:after {
    content: "\e906";
    margin-left: 10px;
}

html[dir='rtl'] .plan-action-footer .ico-next:after {
    content: "\e907";
    margin-right: 10px;
}

html[dir='ltr'] .plan-action-footer .ico-prev:before {
    content: "\e907";
    margin-right: 10px;
}

html[dir='rtl'] .plan-action-footer .ico-prev:before {
    content: "\e906";
    margin-left: 10px;
}


.plansetup-controlbar {
    margin-top: 2.6rem;
    margin-bottom: 3.6rem;
}

    .plansetup-controlbar .controlbar {
        background-color: #F5F8FA;
        padding: 1.0rem 4.5rem;
    }

        .plansetup-controlbar .controlbar .lnk-label {
            position: relative;
            top: 3px;
        }

        .plansetup-controlbar .controlbar img {
            width: 26px;
            height: auto;
        }

html[dir='ltr'] .plansetup-controlbar .controlbar img {
    margin-right: 8px;
}

html[dir='rtl'] .plansetup-controlbar .controlbar img {
    margin-left: 8px;
}
/*Table Plan Creations*/
.plan-table-container {
    margin: 0 3.8rem;
}

    .plan-table-container table {
        width: 100%;
    }

        .plan-table-container table tr > th, .plan-table-container table tr > td {
            padding: 1.1rem 1.6rem;
        }

        .plan-table-container table thead tr {
            border-bottom: 3px solid #007ee1;
        }

        .plan-table-container table.multi-view-table thead tr {
            border-bottom: 0.4rem solid #007ee1;
        }

        .plan-table-container table tbody tr {
            border-bottom: 0.1rem solid #BCC5CB;
        }

            .plan-table-container table tbody tr:nth-child(even) {
                background-color: #F5F8FA;
            }

            .plan-table-container table tbody tr:last-child {
                border-bottom: 0;
            }

        .plan-table-container table thead tr th {
            color: #000000;
        }

        .plan-table-container table tbody tr td {
            vertical-align: middle;
        }

            .plan-table-container table tbody tr td .menaitech-datepicker {
                display: flex;
            }

.heightLightedRow {
    background-color: rgba(155,150,165,0.5) !important;
}

.plan-table-container table thead tr th:not(:first-child), .plan-table-container table tbody tr td:not(:first-child) {
    text-align: center;
}

.plan-table-container .btn-del {
    font-size: 16px;
}

.plan-table-container .btn-update {
    font-size: 14px;
}

html[dir='ltr'] .plan-table-container table thead tr th, html[dir='ltr'] .plan-table-container table tbody tr td {
    border-right: 0.1rem solid #BCC5CB;
}

    html[dir='ltr'] .plan-table-container table thead tr th:last-child, html[dir='ltr'] .plan-table-container table tbody tr td:last-child {
        border-right: 0;
    }

html[dir='rtl'] .plan-table-container table thead tr th, html[dir='rtl'] .plan-table-container table tbody tr td {
    border-left: 0.1rem solid #BCC5CB;
}

    html[dir='rtl'] .plan-table-container table thead tr th:last-child, html[dir='rtl'] .plan-table-container table tbody tr td:last-child {
        border-left: 0;
    }

.plan-table-container table.multi-view-table tbody tr:nth-child(even) {
    background-color: #fff;
}

.plan-table-container table.multi-view-table tbody tr.parentActive {
    background-color: #F5F8FA;
    color: #007ee1;
    border-top: 0.2rem solid #007ee1;
    font-weight: bold;
    cursor: pointer;
}

.plan-table-container table.multi-view-table.noactions tr.parentActive {
    cursor: default !important;
    background-color: #fff;
}

.screening-filer-container {
    margin-top: 5rem;
}

    .screening-filer-container .col-md-4 {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .screening-filer-container label {
        font-weight: normal;
    }

.div-table {
    display: table;
    width: 100%;
}

    .div-table > div {
        display: table-cell;
        vertical-align: bottom;
    }


/*modal*/
.menaitech-modal {
}

    .menaitech-modal .modal-dialog-centerVer {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }

    .menaitech-modal .modal-content {
        border: 0;
        box-shadow: none;
        border-radius: 0;
    }

    .menaitech-modal .menaitech-modal-header {
        padding-top: 40px;
        border-top: 0.65rem solid #007ee1;
    }

    .menaitech-modal .ico {
        position: relative;
        top: -21px;
    }

        .menaitech-modal .ico i {
            font-size: 95px;
            color: #E4E7EC;
        }

    .menaitech-modal .close, .menaitech-modal .close:hover {
        opacity: 1;
        color: #fff;
        font-size: 12px;
    }

    .menaitech-modal .menaitech-modal-body {
        padding-top: 30px;
    }

/*screening card*/
.employee-card {
    margin-bottom: 25px;
}

    .employee-card .shadow {
        box-shadow: 4px 1px 9px #ddd;
        -webkit-box-shadow: 4px 1px 9px #ddd;
    }

    .employee-card .leftside {
        width: 100px;
        text-align: center;
    }

    .employee-card .rightside {
        padding-right: 15px;
        padding-left: 15px;
    }

    .employee-card .below-img {
        min-height: 120px;
        text-align: center;
        padding-top: 25px;
    }

.below-img p {
    margin-bottom: 0;
}

.employee-card .rightside-firstRow {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 13px;
    padding-right: 13px;
}

.employee-card .rightside-secondRow {
    padding-top: 9px;
    padding-left: 13px;
    padding-right: 13px;
    background-color: #fff;
}

.employee-card .screening-actions {
    border-top: 1px solid #DFE3E2;
    background-color: #fff;
    display: table;
    width: 100%;
    table-layout: fixed;
}

    .employee-card .screening-actions li {
        /*min-width: 49%;*/
        display: table-cell;
        padding: 5px 0;
        vertical-align: middle;
    }

html[dir='ltr'] .employee-card .screening-actions li {
    border-right: 1px solid #DFE3E2;
    text-align: center;
}

html[dir='rtl'] .employee-card .screening-actions li {
    border-left: 1px solid #DFE3E2;
    text-align: center;
}

.employee-card .screening-actions li:last-child {
    border: 0 !important;
}

.employee-card .screening-actions li .title {
    color: #969696;
    font-size: 10px;
}


.employee-card .check-box {
    position: absolute;
    top: 0;
    z-index: 5;
    width: 18px;
    height: 18px;
    background-color: #fff;
}

html[dir='ltr'] .employee-card .check-box {
    left: 0;
}

html[dir='rtl'] .employee-card .check-box {
    right: 0;
}



html[dir='ltr'] .employee-card .employee-card-arrowsArea {
    position: absolute;
    top: 5px;
    right: 16px;
}

html[dir='rtl'] .employee-card .employee-card-arrowsArea {
    position: absolute;
    top: 5px;
    left: 16px;
}

.employee-card .employee-card-left-arrow, .employee-card .employee-card-right-arrow {
    position: relative;
}

    .employee-card .employee-card-left-arrow:before, .employee-card .employee-card-right-arrow:before {
        font-size: 9px;
        color: #454544;
        font-family: "MenaItech";
    }

html[dir='ltr'] .employee-card .employee-card-left-arrow:before {
    content: "\e925";
    margin-right: 7px;
}

html[dir='ltr'] .employee-card .employee-card-right-arrow:before {
    content: "\e926";
}



html[dir='rtl'] .employee-card .employee-card-left-arrow:before {
    content: "\e926";
    margin-left: 7px;
    float: right
}

html[dir='rtl'] .employee-card .employee-card-right-arrow:before {
    content: "\e925";
    float: left;
}


.employee-card .disabledArrow:before {
    color: #CBCCCF !important;
    cursor: not-allowed;
}




.radios .radio {
    margin-top: 27px;
}

.radios label {
    font-size: 14px !important;
}

    .radios label:after {
        top: -2px !important;
    }

.pointer {
    cursor: pointer;
}


html[dir='ltr'] .body-title .lnkAction {
    float: right;
    margin-right: 12px;
    font-weight: normal;
    font-size: 14px;
}

html[dir='rtl'] .body-title .lnkAction {
    float: left;
    margin-left: 12px;
    font-weight: normal;
    font-size: 14px;
}



/*emp-selfservice-landingcontanier*/
.emp-selfservice-landingcontanier {
    margin: 0 76px;
    margin-bottom: 76px;
}

    .emp-selfservice-landingcontanier .emp-selfservice-landing-item {
        border-bottom: 1px solid #BCC5CB;
        padding-bottom: 23px;
    }

        .emp-selfservice-landingcontanier .emp-selfservice-landing-item img {
            width: 83px;
            height: 83px;
        }

        .emp-selfservice-landingcontanier .emp-selfservice-landing-item .btn-action {
            position: relative;
            top: 20px;
        }

            .emp-selfservice-landingcontanier .emp-selfservice-landing-item .btn-action .menaitech-btn {
                width: 150px;
                padding: 0;
            }

        .emp-selfservice-landingcontanier .emp-selfservice-landing-item:not(:first-child) {
            margin-top: 23px;
        }

html[dir='ltr'] .emp-selfservice-landingcontanier .emp-selfservice-landing-item {
    padding-left: 63px;
    padding-right: 37px;
}

html[dir='rtl'] .emp-selfservice-landingcontanier .emp-selfservice-landing-item {
    padding-right: 63px;
    padding-left: 37px;
}

html[dir='ltr'] .emp-selfservice-landingcontanier .emp-selfservice-landing-item img {
    margin-right: 60px;
}

html[dir='rtl'] .emp-selfservice-landingcontanier .emp-selfservice-landing-item img {
    margin-left: 60px;
}


.chat-container {
    background-color: #F1F3F7 !important;
    padding: 21px 0 !important;
}

.chat-inner-container {
    margin: 0 70px;
}

html[dir='ltr'] .chat-inner-container .chat-area-reverse > div, html[dir='rtl'] .chat-inner-container .chat-area > div {
    float: right;
    direction: rtl;
}

html[dir='ltr'] .chat-inner-container .chat-area > div, html[dir='rtl'] .chat-inner-container .chat-area-reverse > div {
    float: left;
    direction: ltr;
}

.chat-inner-container .chat-emp-image, .chat-inner-container .chat-emp-text {
    display: inline-block;
}

html[dir='ltr'] .chat-inner-container .chat-area-reverse .chat-emp-image, html[dir='rtl'] .chat-inner-container .chat-area .chat-emp-image {
    margin-left: 10px;
}

html[dir='ltr'] .chat-inner-container .chat-area .chat-emp-image, html[dir='rtl'] .chat-inner-container .chat-area-reverse .chat-emp-image {
    margin-right: 10px;
}

.chat-inner-container .chat-area-reverse, .chat-inner-container .chat-area {
    padding-bottom: 36px;
}

.chat-emp-image {
    width: 58px;
    height: 58px;
    background-color: #BBC4CB;
    text-align: center;
}

    .chat-emp-image img {
        width: 57px;
        height: 57px;
    }

.chat-emp-text {
    border: 1px solid #007ee1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 18px;
    position: relative;
    vertical-align: top;
    color: #767D8B;
    min-width: 350px;
    max-width: 700px;
    font-size: 12px;
}

html[dir='ltr'] .chat-emp-text {
    direction: ltr;
}

html[dir='rtl'] .chat-emp-text {
    direction: rtl;
}

.chat-date {
    position: absolute;
    bottom: -21px;
    color: #9AA1A2;
    font-size: 11px;
}

html[dir='ltr'] .chat-inner-container .chat-area-reverse .chat-date, html[dir='rtl'] .chat-inner-container .chat-area .chat-date {
    left: 0;
}

html[dir='ltr'] .chat-inner-container .chat-area .chat-date, html[dir='rtl'] .chat-inner-container .chat-area-reverse .chat-date {
    right: 0;
}

.chat-container .chat-action {
    margin: 0 13px;
}

    .chat-container .chat-action tr {
        background-color: transparent !important;
    }

    .chat-container .chat-action td {
        border: 0 !important;
        padding: 0 !important;
    }

    .chat-container .chat-action .btn-add-chat {
        width: 150px;
    }

        .chat-container .chat-action .btn-add-chat .menaitech-btn {
            width: 109px;
        }



/*Scoring Chart*/
.chart-types {
    margin-top: 10px;
}

    .chart-types a {
        font-size: 17px;
        color: #B5BFC7;
    }

    .chart-types > ul > li {
        padding: 0;
    }

html[dir='ltr'] .chart-types > ul > li:not(:last-child) {
    margin-right: 19px;
}

html[dir='rtl'] .chart-types > ul > li:not(:last-child) {
    margin-left: 19px;
}


.charts-container {
    margin-top: 30px;
    padding-bottom: 33px;
    border-bottom: 10px solid #F5F8FA;
}



.standard-questions {
}

    .standard-questions .radios .radio {
        margin-top: 15px;
        display: inline-block;
        margin-bottom: 0;
    }

        .standard-questions .radios .radio label:after {
            top: -4px !important;
        }

        .standard-questions .radios .radio label {
            color: #989CA1
        }


html[dir='ltr'] .text-selfapprasial {
    position: relative;
    left: 9px;
    top: -5px;
}

html[dir='rtl'] .text-selfapprasial {
    position: relative;
    right: 9px;
    top: -5px;
}


.menaitech-div-header {
    padding-bottom: 10px;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    padding-left: 16px;
    padding-right: 16px;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    border-color: #007ee1;
}



.ScoringRecommendations-form {
    margin-top: 22px;
}

    .ScoringRecommendations-form label {
        color: #007ee1;
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 10px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .ScoringRecommendations-form textarea {
        background-color: #F5F8FA;
        resize: none;
        padding-top: 14px;
    }

    .ScoringRecommendations-form .manager-data {
        color: #767D8B;
        font-size: 12px;
        margin-bottom: 14px;
        padding-left: 16px;
        padding-right: 16px;
    }


.training-courses {
    margin-right: 7px;
    margin-left: 7px;
}

    .training-courses .tarning-corurse-card {
        height: 110px;
        margin-top: 36px;
    }

html[dir='ltr'] .training-courses .tarning-corurse-card {
    border-left: 1px solid #8E9A98;
}

html[dir='rtl'] .training-courses .tarning-corurse-card {
    border-right: 1px solid #8E9A98;
}



.training-actions {
    margin-top: 30px;
    height: 120px;
    background-color: #105CC8;
    padding: 23px 125px;
}

    .training-actions h4 {
        font-size: 14px !important;
    }

    .training-actions p {
        font-size: 11px !important;
    }

    .training-actions button {
        background-color: #105CC8 !important;
        border-color: #fff;
        width: 208px;
    }

        .training-actions button.add-course {
            padding: 19px 55px;
        }

html[dir='ltr'] .training-actions button:not(:last-child) {
    margin-right: 40px;
}

html[dir='rtl'] .training-actions button:not(:last-child) {
    margin-left: 40px;
}


.lastmytrainingrecomendation {
    border-bottom: 4px solid #BCC5CB !important;
}


.d-inline-block {
    display: inline-block !important;
}


.modal-content {
    /*box-shadow:none;*/
    border: 0;
    border-radius: 0;
}
/*menaitech modal*/
.menaItech-modal .modal-header {
    padding-right: 0;
    padding-left: 0;
    padding-top: 40px;
    padding-bottom: 5px;
    position: relative;
    border-width: 2px;
}

    .menaItech-modal .modal-header .close {
        position: absolute;
        top: 16px;
        font-size: 12px;
        color: #105CC8;
        opacity: 1;
    }

html[dir='ltr'] .menaItech-modal .modal-header .close {
    right: 20px;
}

html[dir='rtl'] .menaItech-modal .modal-header .close {
    left: 20px;
}

.area-header {
    background-color: #F5F8FA;
    font-size: 14px;
    color: #105CC8;
    margin-bottom: 22px;
    padding: 10px 15px;
    font-weight: bold;
}

.ui-timepicker-container {
    z-index: 9999 !important;
}

textarea {
    resize: none;
}

.application-pool-search .btn-link {
    text-decoration: none !important;
}

    .application-pool-search .btn-link[aria-expanded="true"] div {
        Font-family: OpenSans-SemiBold, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        background-color: #fff;
    }

/*dania work*/



/*font*/

.text-familyRegula {
    Font-family: OpenSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.text-familyBold {
    Font-family: OpenSans-Bold,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important
}

.text-familySemibold {
    Font-family: 'OpenSans-SemiBold','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.text-familyLight {
    Font-family: OpenSans-Light,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}



/*text align*/
.textTop {
    vertical-align: top !important;
}



.divinLine {
    display: inline-block
}

.paddingNavbar {
    padding: 0 20px
}

.padding {
    padding: 30px 50px
}

.paddingTitle {
    padding: 10px 20px
}

/*font color*/
.colorffffff {
    color: #ffffff !important
}

.color000000 {
    color: #000000
}

.color969696 {
    color: #969696
}

.color31322C {
    color: #31322C
}

.color105CC8 {
    color: #105CC8
}

.colorc8ccca {
    color: #c8ccca
}


/*bk color*/
.bk105CC8 {
    background-color: #105CC8
}

.bg-fafbfd {
    background-color: #fafbfd
}

.bg-f8fbfd {
    background-color: #f8fbfd
}

.cursor {
    cursor: pointer
}





/*text size*/

.text-size12 {
    font-size: 12px !important
}

.text-size13 {
    font-size: 13px;
}

.text-size15 {
    font-size: 15px;
}

.text-size16 {
    font-size: 16px;
}

.text-size18 {
    font-size: 18px;
}

.text-size19 {
    font-size: 19px;
}

.text-size21 {
    font-size: 21px;
}

.text-size24 {
    font-size: 24px;
}

.text-size30 {
    font-size: 30px;
}

.text-size33 {
    font-size: 33px;
}

.text-size36 {
    font-size: 36px;
}

.text-size40 {
    font-size: 40px;
}

.text-size62 {
    font-size: 62px;
}

.text-size68 {
    font-size: 68px;
}


html[dir='ltr'] .bk {
    background-image: url('../imgs/Training/bk.png');
    background-repeat: no-repeat;
    width: 703px;
    height: 160px
}

html[dir='rtl'] .bk {
    background-image: url('../imgs/Training/bkAr.png');
    background-repeat: no-repeat;
    width: 703px;
    height: 160px
}



html[dir='ltr'] .paddingRequestImage {
    padding-right: 20px;
    padding-top: 13px;
}

html[dir='rtl'] .paddingRequestImage {
    padding-left: 20px;
    padding-top: 13px;
}


html[dir='ltr'] .paddingCoursestImage {
    padding-right: 8px;
    padding-top: 13px;
}

html[dir='rtl'] .paddingCoursestImage {
    padding-left: 8px;
    padding-top: 13px;
}

html[dir='ltr'] .margin-left-404 {
    margin-left: 612px;
    margin-top: -26px;
}

html[dir='rtl'] .margin-left-404 {
    margin-right: 607px;
    margin-top: -26px;
}

html[dir='ltr'] .margin-left-405 {
    margin-left: 495px;
    margin-top: -26px;
}

html[dir='rtl'] .margin-left-405 {
    margin-right: 491px;
    margin-top: -26px;
}



html[dir='ltr'] .margin-left-100 {
    margin-left: 100px;
}

html[dir='rtl'] .margin-left-100 {
    margin-right: 100px;
}

/**********************************************************************/


.borderColor-system {
    border-color: #cbcccc;
}

/*font*/


.tdBorderbottomGap {
    border-bottom: 3px solid #105CC8;
    height: 30px
}


html[dir='ltr'] .paddingTextTeable {
    padding-left: 20px
}

html[dir='rtl'] .paddingTextTeable {
    padding-right: 20px
}


html[dir='ltr'] .paddingTotalText {
    padding-right: 25px;
}

html[dir='rtl'] .paddingTotalText {
    padding-left: 25px;
}

html[dir='ltr'] .padding-left-920 {
    padding-left: 970px;
}

html[dir='rtl'] .padding-left-920 {
    padding-right: 920px;
}






.color1D1D1B {
    color: #1D1D1B
}

.color565758 {
    color: #565758
}

.colorc0c3c9 {
    color: #c0c3c9
}



.bkE6ECF0 {
    background-color: #E6ECF0
}




.text-size14 {
    font-size: 14px;
}

.text-size26 {
    font-size: 26px;
}


.text-size32 {
    font-size: 32px;
}

.text-size36 {
    font-size: 36px;
}

.text-size40 {
    font-size: 40px;
}

.text-size68 {
    font-size: 68px;
}







/*table*/
.tdBorderbottom {
    border-bottom: 3px solid #105CC8;
}

html[dir='ltr'] .tdBorderR {
    border-right: 1px solid #cbcccc
}

html[dir='rtl'] .tdBorderR {
    border-left: 1px solid #cbcccc
}

.table1heder {
    border-bottom: 1px solid #cbcccc;
    border-spacing: 0;
    height: 30px
}

.tdBorderTop {
    border-top: 1px solid #cbcccc;
    padding: 8px 0;
    height: 30px
}

.chartstyle {
    width: 168px;
    border: 1px solid #105CC8;
    height: 30px;
}





html[dir='ltr'] .divLine {
    border-right: 1px solid #cbcccc;
}

html[dir='rtl'] .divLine {
    border-left: 1px solid #cbcccc;
}

html[dir='ltr'] .paddingline {
    padding-left: 50px
}

html[dir='rtl'] .paddingline {
    padding-right: 50px
}


html[dir='ltr'] .padding-left-15 {
    padding-left: 15px;
}

html[dir='rtl'] .padding-left-15 {
    padding-right: 15px;
}

.color565758 {
    color: #565758
}

.color6D6E70 {
    color: #6D6E70
}

.color454544 {
    color: #454544
}



.text-size72 {
    font-size: 72px;
}


html[dir='ltr'] .padding-left-920 {
    padding-left: 970px;
}

html[dir='rtl'] .padding-left-920 {
    padding-right: 920px;
}


html[dir='ltr'] .padding-left-895 {
    padding-left: 895px;
}

html[dir='rtl'] .padding-left-895 {
    padding-right: 895px;
}


html[dir='ltr'] .padding-left-10 {
    padding-left: 10px;
}

html[dir='rtl'] .padding-left-10 {
    padding-right: 10px;
}





.tdBorderBusinessRequirements {
    border-top: 3px solid #105CC8;
}

.tdBorderbottomGap {
    border-bottom: 3px solid #105CC8;
    height: 30px
}




html[dir='ltr'] .padding-left-40 {
    padding-left: 40px
}

html[dir='rtl'] .padding-left-40 {
    padding-right: 40px
}

html[dir='ltr'] .padding-left-25 {
    padding-left: 25px
}

html[dir='rtl'] .padding-left-25 {
    padding-right: 25px
}



.color555758 {
    color: #555758
}

.color303030 {
    color: #303030
}

.colorE30613 {
    color: #E30613
}


.text-size20 {
    font-size: 20px;
}


html[dir='ltr'] .padding_left-110 {
    padding-left: 110px;
}

html[dir='rtl'] .padding_left-110 {
    padding-right: 110px;
}



html[dir='ltr'] .tdBorderright {
    border-left: 5px solid #cbcccc
}

html[dir='rtl'] .tdBorderright {
    border-right: 5px solid #cbcccc
}



.menaitech-daypicker input[type=checkbox] {
    display: none;
}

.menaitech-daypicker label {
    padding: 0;
    margin: 0;
    cursor: pointer;
    font-size: 14px;
    border-bottom: 1px solid #fff;
}

.menaitech-daypicker input[type=checkbox]:checked + label {
    color: #007ee1;
    border-bottom: 1px solid #007ee1;
}




/****************************12/7************************************/
.bottomBorder {
    border-bottom: 1px solid #105CC8
}

.paddingTop {
    padding-top: 10px
}

.paddingbottomDrop {
    padding-bottom: 8px
}

.paddingTop15 {
    padding-top: 15px
}

html[dir='ltr'] .paddingLeft-63 {
    padding-left: 63px
}

html[dir='rtl'] .paddingLeft-63 {
    padding-right: 63px
}



.btn-retrieve {
    position: relative;
    margin: 0 60px;
}

    .btn-retrieve:before {
        width: 100%;
        border-bottom: 1px solid #D3D5DB;
        height: 1px;
        position: absolute;
        left: 0;
        right: 0;
        top: 12px;
        content: "";
    }

.btn-retrieve-item {
    position: relative;
    background-color: #fff;
    display: inline-block;
    padding: 0 20px;
}


.agenda-warpper .agenda-labels-width {
    width: 130px;
}

.agenda-warpper .agenda-wrapper-margin {
    margin-bottom: 10px;
}

.agenda-warpper .menaitech-datepicker label {
    display: block !important;
}

.agenda-warpper .menaitech-timepicker .mena-icon-clock {
    top: 9px
}



.border-top-bottom {
    border-top: 2px solid #007ee1;
    border-bottom: 2px solid #007ee1;
    height: 30px
}

.modal-300 {
    width: 300px;
}

.modal-400 {
    width: 400px;
}

.modal-450 {
    width: 450px;
}

.modal-1300 {
	width: 1300px;
}

.no-border {
    border: 0 !important;
}

.GreenCheckMarkBG {
	width: 10px;
	height: 10px;
	background-color: #05c476;
	border-radius: 50%;
}

.checkMark {
	position: relative;
	top: -18px;
	right: -1px;
	color: white;
}

.checkMarkGreen {
	position: relative;
	top: -20px;
	right: -1px;
	color: #05c476;
}

.WhiteCheckMarkBG {
	width: 10px;
	height: 10px;
	background-color: white;
	border: 1px solid #05c476;
	border-radius: 50%;
}


.menaitech-table {
    padding: 0;
    margin: 0;
    border: 0;
    border-spacing: 0;
    border-collapse: inherit;
}

    .menaitech-table thead > tr > th {
        border-bottom-width: 2px;
        border-bottom-color: #007ee1;
    }

    .menaitech-table tfoot > tr > td {
        border-bottom: 2px solid #007ee1;
        border-top: 2px solid #007ee1;
        background-color: #E5EBEF;
    }

    .menaitech-table thead > tr > th, .menaitech-table tfoot > tr > td {
        font-size: 14px;
        color: #1D1E1C;
        Font-family: OpenSans-SemiBold,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .menaitech-table tbody > tr > td {
        font-size: 14px;
        color: #1D1E1C;
        Font-family: OpenSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        vertical-align: middle
    }

    .menaitech-table tbody tr:first-child td {
        border-top-width: 0;
    }

html[dir='ltr'] .menaitech-table thead > tr > th:not(:last-child) {
    border-right: 1px solid #BCC3CB !important;
}

html[dir='ltr'] .menaitech-table tbody > tr > td:not(:last-child), html[dir='ltr'] .menaitech-table tfoot > tr > td:not(:last-child) {
    border-right: 1px solid #BCC3CB !important;
}


html[dir='rtl'] .menaitech-table thead > tr > th:not(:last-child) {
    border-left: 1px solid #BCC3CB !important;
}

html[dir='rtl'] .menaitech-table tbody > tr > td:not(:last-child), html[dir='rtl'] .menaitech-table tfoot > tr > td:not(:last-child) {
    border-left: 1px solid #BCC3CB !important;
}


.menaitech-table tbody > tr > td .menaitech-datepicker label {
    display: initial;
}

.div-table .menaitech-datepicker label {
    display: initial;
    display: block;
    margin: 0;
}

.trainingregsitration-card {
    -webkit-box-shadow: 0px 0px 30px -2px rgba(147,155,163,0.6);
    -moz-box-shadow: 0px 0px 30px -2px rgba(147,155,163,0.6);
    box-shadow: 0px 0px 30px -2px rgba(147,155,163,0.6);
    margin-bottom: 40px;
    background-color: white;
}

.d-flex {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

html[dir='ltr'] .padding-left-30 {
    padding-left: 30px
}

html[dir='rtl'] .padding-left-30 {
    padding-right: 30px
}

.padding-10 {
    padding: 10px
}

.ul-style-none {
    list-style-type: none;
}

html[dir='ltr'] .tdBorderR-1 {
    border-right: 1px solid #dfe3e2;
}

html[dir='rtl'] .tdBorderR-1 {
    border-left: 1px solid #dfe3e2;
}

.tdBordertop-1 {
    border-top: 1px solid #dfe3e2;
}



.employeeTalentApplication-wrapper .employeeTalentApplication-box {
    background-color: #fff;
    margin: 13px 0;
    padding: 20px;
    cursor: pointer;
}

    .employeeTalentApplication-wrapper .employeeTalentApplication-box .employeeTalentApplication-box-title {
        font-size: 16px;
        color: #555758;
    }

    .employeeTalentApplication-wrapper .employeeTalentApplication-box .employeeTalentApplication-box-icon {
        position: relative;
        top: -10px;
        width: 36px;
        height: 36px;
    }

.CompetenciesGap div div {
    height: 6px;
    padding-left: 3px;
    padding-right: 3px;
}

    .CompetenciesGap div div div {
        background-color: #f3f5f9;
    }

.bk-105cc8 {
    background-color: #105cc8 !important
}

.bk-3c8ef2 {
    background-color: #3c8ef2 !important
}

.bk-e66544 {
    background-color: #e66544 !important
}


.bordercdd0d5 {
    border-color: #cdd0d5
}

.bg-49ad33 {
    background-color: #49ad33
}

.bg-ff0000 {
    background-color: #ff0000
}



.color49ad33 {
    color: #49ad33
}

.Applicant-bordercolor {
    border-color: #49ad33 !important;
}


.TrainingEvaluationScreeining_filterLabel {
    width: 125px;
}

 



.bordercolor-d3d5db {
    border-color: #d3d5db !important
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.baselign {
	vertical-align: baseline;
}

.div-bg-f5f8fa {
    background-color: #f5f8fa;
    border: 1px solid #f5f8fa !important;
}

.border-1px {
    border: 1px solid #bcc5cb
}

.borderRequiredPhoto {
	border: 2px solid #ff0000;
}

.border-3px {
    border: 3px solid #bcc5cb
}

.radius {
    border-radius: 3px;
}

.radius5 {
    border-radius: 5px;
}

.radius100 {
    border-radius: 100px !important;
}

.border-f5f7f7 {
    border-color: #f5f7f7
}

.nodataAvailableList {
    color: #303030;
    font-size: 18px;
    text-align: center;
    padding: 30px 0;
}


.evaluationFormGategories:not(:first-child) {
    margin-top: 20px;
}

.evaluationFormGategories [data-target="evaluationFormGategory-question"] {
}

    .evaluationFormGategories [data-target="evaluationFormGategory-question"]:last-child {
        border-bottom: 0 !important;
    }

.rotate {
    /* FF3.5+ */
    -moz-transform: rotate(-90.0deg);
    /* Opera 10.5 */
    -o-transform: rotate(-90.0deg);
    /* Saf3.1+, Chrome */
    -webkit-transform: rotate(-90.0deg);
    /* IE6,IE7 */
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
    /* Standard */
    transform: rotate(-90.0deg);
}





.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.page-break {
    display: block;
    page-break-after: always;
}

    .page-break:last-of-type {
        page-break-after: auto !important;
    }



.leabelStyle {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 3px;
}



.radiostyle {
    float: left;
}

.border-bottom-01 {
    border-bottom: 2px solid #DD0C15;
}

.border-bottom-02 {
    border-bottom: 2px solid #FAB400;
}

.border-bottom-03 {
    border-bottom: 2px solid #4FAF53;
}


.td-fixed {
    table-layout: fixed
}

.hidden-img {
    visibility: hidden
}

.text-margin {
    position: relative;
    margin-bottom: -12px;
}


.invalid_input {
    background-color: #ffeeee !important;
    border-color: #ff0000 !important;
    color: black !important;
}



.Count_employee {
    border: 1px solid #007ee1;
    border-radius: 5px
}




/*Steps*/
.steps1 .steps_description1 {
    font-size: 1.8rem;
    max-width: 66%;
    margin: 0 auto 2rem;
    color: #6D6E70;
    text-align: center;
}

.step-container1 {
    margin: 3rem 2.5rem; /*border-bottom:1px solid #BCC5CB; padding-bottom:4.2rem;*/
}

.steps1 .steps_list1 {
    position: relative;
    text-align: center;
    padding: 0;
    font-size: 1.7rem;
}

    .steps1 .steps_list1 ul {
        display: block;
        padding-top: 0;
        margin-bottom: 0;
        overflow: hidden;
        text-align: center;
    }

    .steps1 .steps_list1 li:nth-child(1):nth-last-child(4), .steps1 .steps_list1 li:nth-child(2):nth-last-child(3), .steps1 .steps_list1 li:nth-child(3):nth-last-child(2), .steps1 .steps_list1 li:nth-child(4):nth-last-child(1) {
        width: 24%;
    }

    .steps1 .steps_list1 li {
        counter-increment: steps1;
        position: relative;
        z-index: 111;
        text-align: center;
        padding: 0 0;
        vertical-align: top;
    }

.steps1 ul li {
    display: inline-block;
}

.steps1 .steps_list1 li span, .steps1 .steps_list1 li a {
    position: relative;
    padding-top: 4.5rem;
    display: inline-block;
    z-index: 111;
    color: #1d1d1b;
    transition: transform 0.3s ease;
    font-size: 12px;
}



.steps1 .steps_list1 li:not(:last-child):after {
    content: "";
    height: 3px;
    width: 100%;
    display: block;
    position: absolute;
    top: 3.2rem;
    z-index: 1;
    background: #00bf39;
}

html[dir='ltr'] .steps1 .steps_list1 li:not(:last-child):after {
    left: 50%;
}

html[dir='rtl'] .steps1 .steps_list1 li:not(:last-child):after {
    right: 50%;
}

.steps1 .steps_list1 li span:before, .steps1 .steps_list1 li a:before {
    content: "";
    left: 51%;
    width: 1.6rem;
    height: 1.6rem;
    font-size: 1rem;
    border: 2px solid #007ee1;
    display: block;
    position: absolute;
    top: 25px;
    transform: translateX(-50%);
    border-radius: 100px;
}


.steps1 .steps_list1 li.small span:before, .steps1 .steps_list1 li.small a:before {
    width: 5.2rem;
    height: 5.2rem;
    line-height: 2.5rem;
    top: 1rem;
}




.k-grid-footer-wrap table {
    width: 100%;
}

@media print {


    div {
        page-break-inside: avoid;
    }

    .progress {
        position: relative;
    }

    .backHeader {
        background-color: #f8fbfd !important;
        -webkit-print-color-adjust: exact !important;
    }

    .secondary-bg {
        background-color: #f8fbfd !important;
        -webkit-print-color-adjust: exact !important;
    }

    i, .printheddin, .mena-icon-calendar, #imgSearch1 {
        visibility: hidden;
    }

    body {
        transform: scale(1);
        -webkit-print-color-adjust: exact !important;
    }

    progress {
        border: none;
        background: rgb(231,233,235);
        color: white;
        -webkit-print-color-adjust: exact !important;
    }

        progress::-webkit-progress-value {
            background: #007ee1;
        }

        progress::-webkit-progress-value {
            background: #007ee1;
        }

        progress::-moz-progress-bar {
            background: rgb(231,233,235);
        }

        progress::-webkit-progress-bar {
            background: rgb(231,233,235);
        }

        progress::-ms-fill {
            border: none;
            background: #007ee1;
        }

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }
}

.divCircle {
    border: 1px solid #007ee1;
    border-radius: 25px;
    width: 35px;
    height: 35px
}


.div-table2 {
    display: table;
    width: 100%;
}

    .div-table2 > div {
        display: table-cell;
        vertical-align: middle;
    }

.color89918e {
    color: #89918e
}

.color8b9aa2 {
    color: #8b9aa2
}

.uppercase {
    text-transform: uppercase;
}

.color909495 {
    color: #909495 !important;
}


.color5a5d66 {
    color: #5a5d66
}

.colorbcc1c0 {
    color: #bcc1c0
}



.color949592 {
    color: #949592
}

.text-size22 {
    font-size: 22px;
}

.color424641 {
    color: #424641
}

.color484a4e {
    color: #484a4e
}

.color9ea3a2 {
    color: #9ea3a2
}

.color545754 {
    color: #545754
}

.color363936 {
    color: #363936
}

.color00adee {
    color: #00adee !important
}

.bg-00adee {
    background-color: #00adee
}

.border00adee {
    border-color: #00adee
}

.color323232 {
    color: #323232
}

.color646464 {
    color: #646464
}

.color6a7278 {
    color: #6a7278
}



.bg-f8fbfd {
    background-color: #f8fbfd
}

.radius5 {
    border-radius: 5px;
}

.radius15 {
    border-radius: 15px;
}

.radius-left-right-15 {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

html[dir='ltr'] .border-left {
    border-left: 3px solid #333;
}

html[dir='rtl'] .border-left {
    border-right: 3px solid #333;
}


html[dir='ltr'] .border-left1 {
    border-left: 1px solid #333;
}

html[dir='rtl'] .border-left1 {
    border-right: 1px solid #333;
}

.border-left00ceb4 {
    border-color: #00ceb4 !important
}

.border-left00bb64 {
    border-color: #00bb64 !important
}

.border-left00ceb4 {
    border-color: #00ceb4 !important
}

.color00bb64 {
    color: #00bb64
}

.color3c3c3b {
    color: #3c3c3b
}






.wrapper {
    margin: 0 0;
    display: flex;
}

.shadowNew {
    width: 55%;
    margin: 0 auto;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}


.bottom {
    box-shadow: 0px 17px 25px -13px #c2c5cc
}

.arrowshadow {
    border: 1px solid #fff;
    background-color: white;
    width: 40px;
    height: 40px;
    border-radius: 25px;
    margin: 0 auto;
    margin-top: -39px
}

.ArrowIcon {
    vertical-align: bottom;
    margin-bottom: -10px
}


.panel {
    display: none;
}


.sameHeight {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
/*[class*="col-"] {
	display: flex;
	flex-direction: column;
}*/


.d-flex-dashboards {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

    .d-flex-dashboards div {
        flex-grow: 1;
        flex-basis: 0;
    }


.btn-req {
    border: 1px solid #327bf6;
    border-radius: 15px;
    text-align: center;
    padding: 3px 14px;
    background-color: white;
    color: #327bf6 !important;
    font-size: 14px
}

    .btn-req.btn-req-small {
        font-size: 12px
    }

    .btn-req:hover, .btn-req:visited, .btn-req:active, .btn-req:focus {
        border: 1px solid #327bf6 !important;
    }

.btn-Org {
    border: 1px solid #00a9ff;
    border-radius: 15px;
    text-align: center;
    padding: 3px 14px;
    background-color: white;
    color: #00a9ff !important;
    font-size: 14px
}

    .btn-Org.btn-Org-small {
        font-size: 12px
    }

    .btn-Org:hover, .btn-Org:visited, .btn-Org:active, .btn-Org:focus {
        border: 1px solid #00a9ff !important;
    }

.btn-req_InActive {
    border: 1px solid #acafb5;
    border-radius: 15px;
    text-align: center;
    padding: 3px 14px;
    background-color: white;
    color: #acafb5 !important;
    font-size: 14px;
}

    .btn-req_InActive.btn-req-small {
        font-size: 12px
    }

    .btn-req_InActive:hover, .btn-req_InActive:visited, .btn-req_InActive:active, .btn-req_InActive:focus {
        border: 1px solid #acafb5 !important;
    }


.btn-Taln {
    border: None;
    border-radius: 5px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
}

.MI-btn-collapse {
    cursor: pointer;
}

    .MI-btn-collapse[aria-expanded="true"] span {
        content: url('../imgs/requisition/ArrowTop.png');
    }

    .MI-btn-collapse[aria-expanded="false"] span {
        content: url('../imgs/requisition/ArrowDown.png');
    }

.None-border {
    Border: none;
}

html[dir='ltr'] .EditIcon-in-Img {
    margin-left: -35px;
    z-index: 10;
    margin-top: -20px
}

html[dir='rtl'] .EditIcon-in-Img {
    margin-right: -35px;
    z-index: 10;
    margin-top: -20px
}







.careerPathline li a:before {
    border: 2px solid #007ee1;
    background: #fff;
}

.careerPathline li.active a:before {
    border: 2px solid #57bc24;
    background: #57bc24;
}


.main-layout-header-linkicon {
    color: #fff !important;
    font-size: 20px;
    text-decoration: none;
}

    .main-layout-header-linkicon:hover {
        color: #fff !important;
    }


.req_settingMenu .linktext {
    position: relative;
    top: -5px;
}

html[dir='ltr'] .req_settingMenu .linkicon {
    margin-right: 20px;
}

html[dir='rtl'] .req_settingMenu .linkicon {
    margin-left: 20px;
}

.req_header .linktext {
    position: relative;
    top: -3px;
}

html[dir='ltr'] .req_header .linkicon {
    margin-right: 5px;
}

html[dir='rtl'] .req_header .linkicon {
    margin-left: 5px;
}


.req_Icon .linktext {
    position: relative;
    top: -7px;
}

html[dir='ltr'] .req_settingMenu .linkicon {
    margin-right: 5px;
}

html[dir='rtl'] .req_settingMenu .linkicon {
    margin-left: 5px;
}


a:hover, a:active, a:visited {
    color: inherit;
}






.btn-req-Statistics {
    border: 1px solid #327bf6;
    border-radius: 3px;
    text-align: center;
    padding: 3px 10px;
    background-color: #327bf6;
    color: #fff !important;
    font-size: 12px
}

.btn-req.btn-req-small {
    font-size: 12px
}

.btn-req:hover, .btn-req:visited, .btn-req:active, .btn-req:focus {
    border: 1px solid #327bf6 !important;
}

.JobDes tr:nth-child(odd) {
    background-color: #f8fbfd;
}


.btn-Letter {
    border: 1px solid #0097bb;
    border-radius: 15px;
    text-align: center;
    padding: 3px 14px;
    background-color: white;
    color: #0097bb !important;
    font-size: 14px
}

    .btn-Letter.btn-Letter-small {
        font-size: 12px
    }

    .btn-Letter:hover, .btn-Letter:visited, .btn-Letter:active, .btn-Letter:focus {
        border: 1px solid #327bf6 !important;
    }

.btn-Org {
    border: 1px solid #00a9ff;
    border-radius: 15px;
    text-align: center;
    padding: 3px 14px;
    background-color: white;
    color: #00a9ff !important;
    font-size: 14px
}

    .btn-Org.btn-Org-small {
        font-size: 12px
    }

    .btn-Org:hover, .btn-Org:visited, .btn-Org:active, .btn-Org:focus {
        border: 1px solid #00a9ff !important;
    }




.btn-Interviews {
    border: 1px solid #327bf6;
    border-radius: 15px;
    text-align: center;
    padding: 3px 14px;
    background-color: white;
    color: #327bf6 !important;
    font-size: 14px
}

    .btn-Interviews.btn-Interviews-small {
        font-size: 12px
    }

    .btn-Interviews:hover, .btn-Interviews:visited, .btn-Interviews:active, .btn-Interviews:focus {
        border: 1px solid #327bf6 !important;
    }

.width-90 {
    width: 90px;
}

.height {
    height: calc(100vh - 50px);
}


.application-Application-items {
    margin-top: 27px;
    padding-bottom: 22px;
    border-bottom: 1px solid #EAF3F9;
}

    .application-Application-items .application-Application-items-data-wrapper {
        margin-top: 5px;
    }

        .application-Application-items .application-Application-items-data-wrapper:first-child {
            margin-top: 0;
        }

        .application-Application-items .application-Application-items-data-wrapper .application-Application-items-data-title {
            font-size: 12px;
            color: #000000;
        }

        .application-Application-items .application-Application-items-data-wrapper .application-Application-items-data-value {
            font-size: 14px;
            color: #363936;
            Font-family: OpenSans-SemiBold,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }


html[dir="ltr"] .div-notifications {
    width: 18px;
    height: 18px;
    margin-top: -48px;
    z-index: 10;
    position: absolute;
    margin-left: 25px
}

html[dir="ltr"] .div-notifications {
    width: 18px;
    height: 18px;
    margin-top: -48px;
    z-index: 10;
    position: absolute;
    margin-right: 25px
}

.bg_FAFBFD {
    background-color: #FAFBFD;
}



.btn-OnlineApp {
    border: 1px solid #00adee;
    border-radius: 15px;
    text-align: center;
    padding: 3px 20px;
    background-color: white;
    color: #00adee !important;
    font-size: 12px
}

.input_OnlineApp {
    width: 100%;
    border: 1px solid #e1eaf1;
    border-radius: 100px;
    height: 43px;
    background-color: #00adee;
    color: white;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
}


.btn-OnlineAppClose {
    border: 1px solid #fff;
    border-radius: 15px;
    text-align: center;
    padding: 3px 20px;
    background-color: #00adee;
    color: #fff !important;
    font-size: 12px
}

.green-dot {
	background: #00BA73;
	width: 8px;
	height: 8px;
	top:10px;
	position: relative;
	/*left: 25px;*/
}

.orange-dot {
	background: #efb600;
	width: 8px;
	height: 8px;
	top: 10px;
	position: relative;
	/*left: 25px;*/
}



.rounded-circle{
	border-radius : 50%;
}

.rounded-circleBorder {
	border-radius: 50%;
	border: 1px solid #00BA73;
}

.AgencyCard {
	background: rgba(255, 255, 255, 1);
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	box-shadow: 0px 0px 8px rgba(7, 73, 96, 0.1);
}

.OpenVacancies {
	margin-top: -110px;
	margin-bottom: 10px;
	 
	font-size: 23px;
	color: #323132;
	text-align: center;
}

.ClosedVacancies {

 
	font-size: 23px;
	color: #323132;
	text-align: center;
	
}

.AgencyCardHeader {
	background: rgba(245, 251, 252, 1);
}

.SkyBlueColor {
	color: #00ADEE !important;
}

.black-text-color {
	color: #323132 !important;
}

.dashboard .dashboard-list .card:last-child {
	margin-bottom: 45px;
}

.steps2 .steps_description2 {
	font-size: 1.8rem;
	max-width: 66%;
	margin: 0 auto 2rem;
	color: #6D6E70;
	text-align: center;
}

.step-container2 {
    margin: 3rem 2.5rem; /*border-bottom:1px solid #BCC5CB; padding-bottom:4.2rem;*/
}

.steps2 .steps_list2 {
    position: relative;
    text-align: center;
    padding: 0;
    font-size: 1.7rem;
}

    .steps2 .steps_list2 ul {
        display: block;
        padding-top: 0;
        margin-bottom: 0;
        overflow: hidden;
        text-align: center;
    }

    .steps2 .steps_list2 li:nth-child(1):nth-last-child(4), .steps2 .steps_list2 li:nth-child(2):nth-last-child(3), .steps2 .steps_list2 li:nth-child(3):nth-last-child(2), .steps2 .steps_list2 li:nth-child(4):nth-last-child(1) {
        width: 24%;
    }

    .steps2 .steps_list2 li {
        counter-increment: steps2;
        position: relative;
        z-index: 111;
        text-align: center;
        padding: 0 0;
        vertical-align: top;
    }

.steps2 ul li {
    display: inline-block;
}

.steps2 .steps_list2 li span, .steps2 .steps_list2 li a {
    position: relative;
    padding-top: 4.5rem;
    display: inline-block;
    z-index: 111;
    color: #1d1d1b;
    transition: transform 0.3s ease;
    font-size: 12px;
}



.steps2 .steps_list2 li:not(:last-child):after {
    content: "";
    height: 3px;
    width: 91%;
    display: block;
    position: absolute;
    top: 3.2rem;
    z-index: 1;
    background: #fff;
    margin-left: 9px
}

html[dir='ltr'] .steps2 .steps_list2 li:not(:last-child):after {
    left: 50%;
    background-color: #00adee;
    
}

html[dir='rtl'] .steps2 .steps_list2 li:not(:last-child):after {
    right: 50%;
    width: 125px;
}

.steps2 .steps_list2 li span:before, .steps2 .steps_list2 li a:before {
    content: "";
    left: 51%;
    width: 18px;
    height: 18px;
    font-size: 1rem;
    border: 2px solid #00adee;
    display: block;
    position: absolute;
    top: 24px;
    transform: translateX(-50%);
    border-radius: 100px;
    /*background-color: #00adee;*/
}


.steps2 .steps_list2 li.small span:before, .steps2 .steps_list2 li.small a:before {
    width: 5.2rem;
    height: 5.2rem;
    line-height: 2.5rem;
    top: 1rem;
}

.manageOnlineApp li a:before {
    border: 2px solid #00adee;
    background: #fff;
}

.manageOnlineApp li.active a:before {
    border: 2px solid #00adee;
    background: #00adee;
}


.onlineApp-bg {
    background-image: url(../../Content/imgs/Recruitment/Bg_application.png);
}