@import url('https://fonts.googleapis.com/css?family=Exo+2');

@font-face {
    font-family:'manifav2regular';
    src: url('http://www.hays.ae/cs/groups/hays_common/@ae/@content/documents/digitalasset/hays_1832064.woff2') format('woff2'),url('http://www.hays.ae/cs/groups/hays_common/@ae/@content/documents/digitalasset/hays_1832056.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'ManifaV2';
    src: url('/css/fonts/ManifaV2-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ManifaV2';
    src: url('/css/fonts/ManifaV2-Bold.ttf');
    font-weight: bold;
}
@font-face {
    font-family: 'ManifaV2';
    src: url('/css/fonts/ManifaV2-SemiBold.ttf');
    font-weight: semibold;
    font-style: normal;
}
@font-face {
    font-family: 'ManifaV2';
    src: url('/css/fonts/ManifaV2-Thin.ttf');
    font-weight: thin;
    font-style: normal;
}
.nopaddingLR {
    padding-left: 0;
    padding-right: 0;
}

.container-main {
    margin: 0 auto;
    float: none;
}

.ar-header-outer {
    padding: 25px;
}

.ar-header-inner {
    margin: 0 auto;
    float: none;
}

.logo-left {
    margin-top: 22px;
}

.navbar-cstm {
    background: #1da5df;
    border-radius: 0;
    border: none;
    margin-bottom: 0;
}

    .navbar-cstm ul {
        margin: 0 auto;
        float: none;
        padding-right: 0;
    }

.navbar-cstm li a 
{
color: #fff;
font-family: 'manifav2regular', sans-serif;
font-size:15px;
}





    .navbar-cstm li a:focus, .navbar-cstm li a:hover, .navbar-cstm li a:active {
        text-decoration: none;
        background-color: #1682b0;
    }

    .active {
        text-decoration: none;
        background-color: #1682b0;
    }

.navbar-toggle .icon-bar {
    background: #fff;
    height: 3px;
}

.hero-area {
    border-bottom: 5px solid #232323;
}

.hero-msg h3 {
    font-size: 3vw;
    margin-left: 15%;
    margin-top: 15%;
}

.h3-diff {
    color: #8bb71a;
}

.content-area {
    margin-bottom: 20px;
}

.content-container {
    padding-left: 35px;
    padding-right: 35px;
}

.sidebar-container {
    background: #eeeeee;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: 10px;
    margin-left: 20px;
}

    .sidebar-container h3 {
        color: #1da5df;
        font-size: 40px;
    }

    .sidebar-container li a {
        color: #1da5df;
    }

        .sidebar-container li a:focus, .sidebar-container li a:hover {
            color: #1682b0;
        }

    .sidebar-container li {
        border-top: 1px solid #ccc;
        width: 100%;
    }

.btn-alljobs {
    margin-top: 35px;
    margin-bottom: 30px;
    background: #1da5df;
    border-radius: 0;
}

    .btn-alljobs a {
        color: #fff;
        font-weight: bold;
    }

        .btn-alljobs a.focus, .btn-alljobs a:focus, .btn-alljobs a:hover {
            color: #fff;
            opacity: .8;
        }

.fa-cstm {
    margin-left: 25px;
    font-size: 30px;
    background: #1682b0;
    padding: 9px;
    width: 45px;
    margin-top: -7px;
    margin-bottom: -7px;
    margin-right: -15px;
    vertical-align: middle;
}

.footer {
    padding: 10px;
    background: #e7e7e7;
    border-top: 5px solid #232323;
}

.copright-text {
    color: #919191;
    font-size: 15px;
    font-weight: bold;
    padding-top: 10px;
}

.social-links {
    margin-top: -40px;
    padding: 7px;
    background: #6b8faf;
}

    .social-links .fa-round {
        display: inline-block;
        padding: 7px;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        color: #fff;
        text-align: center;
    }

    .social-links .fa-facebook {
        background: #496da7;
        border: 1px solid #fff;
    }

    .social-links .fa-twitter {
        background: #22a7ca;
        border: 1px solid #fff;
    }

    .social-links .fa-google-plus {
        background: #e5604f;
        border: 1px solid #fff;
    }

    .social-links .fa-linkedin {
        background: #1182ac;
        border: 1px solid #fff;
    }

.jobs-list-container {
    margin: 0 auto;
    float: none;
    background: transparent;
}

    .jobs-list-container li a:focus, .jobs-list-container li a:hover {
        background-color: transparent;
    }

.jobs-list ul li span {
    padding: 17px;
}

.page-nav {
    margin-top: 20px;
}

.pagination-container {
    margin: -25px 0 10px;
}

    .pagination-container .pagination > li > a, .pagination-container .pagination > li > span {
        border: none;
    }

.previous-page, .next-page {
    background: #1da5df !important;
    color: #fff !important;
    border-radius: 0 !important;
}

ul.searchResult {
    list-style: none;
    padding-left: 0;
    font-size: 15px;
}

.searchResult span {
    font-size: 12px !important;
    font-weight: 600;
}

.func_area{
    font-size: 25px !important;
    font-weight: bold;
    color:  #607D8B;
}

.searchResult h5 a span {
    font-weight: bold;
    font-size: 20px !important;
color:green;
}

.inner_microsite h2 {
    font-weight: bold;
}

.pagin ul {
    list-style: none;
    padding-left: 0px;
}

.pagin li a.active {
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    display: inline-block;
    width: 30px;
    text-align: center;
}

.Table_style {
    font-size: 15px;
}

    .Table_style tr {
        border: 1px solid #ddd;
    }

    .Table_style td {
        border: 1px solid #ddd;
        padding: 5px;
    }

.pagin ul li {
    display: inline-block;
}

.btn {
    font-size: 12px;
    font-weight: 600;
}

.labeldtl {
    font-weight: bold;
    font-size:12px;
    color: #1682b0;
}