#removeFilter {
    color: #ff3000;
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs > li.activate > a {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: transparent;
}

.nav-tabs > li > a.filtered {
    color: #FBA940 !important;
}

ul.nav-tabs > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #337ab7;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #ddd;
}

.nav-tabs > li > a:hover {
    text-decoration: none;
    background-color: #eee;
}

#filterCounterSpan {
    border: 1px solid #dadada;
    border-radius: 30px;
    padding: 4px 14px;
    margin: 0px 15px;
}

#filterCount {
    font-weight: bold;
    color: #0004ff;
}

.mtop-10 {
    margin-top: 10px;
}

.fixedHTabHome {
    text-align: center;
    height: 140px;
    overflow-y: auto;
    overflow-x: hidden;
}

.enable-pills-fos {
    background: #0196b7 !important;
    color: #fff !important;
    border: 1px solid #0196b7 !important;
}

.hideSpaced {
    visibility: hidden;
    opacity: 0;
}

.showSpaced {
    visibility: visible;
    opacity: 1;
}

.form-horizontal {
    margin: 2em auto;
}

.enable-pills {
    background: #DD4B39 !important;
    color: #fff !important;
    border: 1px solid #DD4B39 !important;
}

.pill-btn {
    display: inline-block;
    background: transparent;
    border-radius: 15px;
    color: #3C4043;
    font-size: 11px;
    margin-right: 5px;
    margin-left: 5px;
    text-transform: uppercase;
    margin-bottom: 9px;
    border: 1px solid #DD4B39;
    padding: 5px 12px;
    font-weight: bold;
    width: auto;
}

.fos-btn {
    border: 1px solid #0196b7 !important;
}

.pill-btn:hover {
    color: #000;
}

.jobListHomeNotSaved {
    background-color: lightyellow;
}

.jobDetailContainer {
    border-bottom: 1px solid #ddd;
    padding: 5px;
    height: 125px;
    overflow: hidden;
}

.job-left,.job-right {
    padding: 0;
    height: 620px;
    max-height: 620px;
    position: relative;
    overflow: auto;
    z-index: 0;
}

.job-left {
    padding-left: 0px;
}

.pHeadC {
    color: #ED6B06 !important;
    font-weight: bold;
    font-size: 20px !important;
    margin-bottom: 2px;
}

.job-left h3 {
    padding: 6px 2px 0px;
    padding-bottom: 0px;
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 10px;
    margin: 0;
    color: #000;
}

.job-left h3.jtitle {
    color: #337ab7;
    font-weight: bold;
}

.job-right {
    margin-left: 0%;
    width: 100%;
    padding: 1rem;
}

.job-right h4 {
    margin: 10px auto;
}

.HBvzbc {
    font-size: 0.95rem;
}

.loader {
    border: 6px solid #f3f3f3;
    border-radius: 50%;
    border-top: 6px solid #3498db;
    width: 20px;
    height: 20px;
    margin: 0px auto;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.loader-d {
    border: 14px solid #f3f3f3;
    border-radius: 50%;
    border-top: 14px solid #3498db;
    width: 20px;
    height: 20px;
    margin: 0px auto;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#contaract {
    margin-left: 50px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.homeHead {
    color: #3D7FBD;
    font-size: 25px;
    font-weight: bold;
    padding: 0px 0px 50px 0px;
}

.darkColorEmpT {
    background: #8c6007;
}

.darkColorEmpV {
    background: #11786D;
}

.empBox {
    color: #fff;
    height: 40px;
    width: 40px;
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
}

.darkColorEmpA {
    background: #33691E;
}

.darkColorEmpB {
    background: #455A64;
}

.darkColorEmpC {
    background: #EF6C00;
}

.darkColorEmpD {
    background: #0288D1;
}

.darkColorEmpE {
    background: #512DA8;
}

.darkColorEmpF {
    background: #8D6E63;
}

.darkColorEmpG {
    background: #004D40;
}

.darkColorEmpH {
    background: #512DA8;
}

.darkColorEmpI {
    background: #689F38;
}

.darkColorEmpJ {
    background: #8c6007;
}

.darkColorEmpK {
    background: #78909C;
}

.darkColorEmpL {
    background: #7E57C2;
}

.darkColorEmpM {
    background: #00897B;
}

.darkColorEmpN {
    background: #00897B;
}

.darkColorEmpO {
    background: #7B1FA2;
}

.darkColorEmpP {
    background: #EF6C00;
}

.darkColorEmpQ {
    background: #0288D1;
}

.darkColorEmpR {
    background: #C2185B;
}

.darkColorEmpS {
    background: #AB47BC;
}

.darkColorEmpT {
    background: #8c6007;
}

.darkColorEmpU {
    background: #00897B;
}

.darkColorEmpV {
    background: #11786D;
}

.darkColorEmpW {
    background: #963008;
}

.darkColorEmpX {
    background: #b0a214;
}

.darkColorEmpY {
    background: #900e26;
}

.darkColorEmpZ {
    background: #896c4f;
}

.nopadding {
    padding: 0px !important;
    margin: 0px !important;
}

.padmd5 {
    padding: 0px 0px 0px 5px !important;
    margin: 0px !important;
}

.link-button-trans-small {
    display: inline-block;
    background: #3D7FBD;
    border-radius: 5px;
    padding: 2px 7px !important;
    color: #ffffff;
    font-size: 12px;
    margin-right: 5px;
    margin-left: 5px;
    border: 1px solid #3D7FBD;
    text-transform: uppercase;
}

.link-button-trans-small:hover,.link-button-trans-small:focus {
    background: transparent;
    color: #3D7FBD;
}

.link-button-trans-small-done {
    display: inline-block;
    background: #036E48;
    border-radius: 5px;
    padding: 2px 7px !important;
    color: #ffffff;
    font-size: 12px;
    margin-right: 5px;
    margin-left: 5px;
    border: 1px solid #036E48;
    text-transform: uppercase;
}

.link-button-trans-small-done:hover,.link-button-trans-small-done:focus {
    background: transparent;
    color: #036E48;
}

.link-button-trans-small-saved {
    display: inline-block;
    background: #86720A;
    border-radius: 5px;
    padding: 2px 7px !important;
    color: #ffffff;
    font-size: 12px;
    margin-right: 5px;
    margin-left: 5px;
    border: 1px solid #86720A;
    text-transform: uppercase;
}

.link-button-trans-small-saved:hover,.link-button-trans-small-saved:focus {
    background: transparent;
    color: #86720A;
}

.notifications-applies-jobs {
    height: 300px;
    overflow-y: auto;
}

.newsletter {
    background: #F1F1F1;
    padding: 2em 0;
}

.bl-ak {
    color: #000 !important;
}

.bl-ak > a:after {
    position: absolute;
    right: 5%;
    content: "";
    background-image: url('../../img/icons/chevron-down.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 2rem;
    height: 2rem;
    background: #DD4B39;
    line-height: 2rem;
    color: #fff;
    border-radius: 50%;
    border: 2px solid #DD4B39;
    top: 20%;
}

.bl-ak > a[aria-expanded="true"]:after {
    content: "";
    background-image: url('../../img/icons/chevron-up.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sm-info-bx::before {
    border-top: 4px solid transparent;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    content: '';
    border-radius: 2px;
}

.sm-info-bx {
    border: 1px solid #ddd;
    padding: 30px 10px;
    border-radius: 2px;
    cursor: pointer;
    width: 100%;
    margin: 0px auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 348px;
}

.sm-info-bx:hover::before {
    border-top-color: #278189;
    -webkit-transition: border-top-color 0.10s linear, border-right-color 0.10s linear 0.1s, border-bottom-color 0.10s linear 0.2s, border-left-color 0.10s linear 0.3s;
    transition: border-top-color 0.10s linear, border-right-color 0.10s linear 0.1s, border-bottom-color 0.10s linear 0.2s, border-left-color 0.10s linear 0.3s;
}

.sm-info-bx h4 {
    line-height: 24px;
    font-weight: bold;
}

.sm-info-bx p {
    letter-spacing: 0.3px;
    line-height: 22px;
    text-align: justify;
    font-size: 14px;
}

.vd-sc-bx .carousel-control {
    background: #ccc none repeat scroll 0 0;
    border: 1px solid #666;
    border-radius: 14px;
    bottom: -10%;
    color: #333;
    font-size: 14px;
    left: 38%;
    opacity: 1;
    padding: 2px 8px;
    text-shadow: none;
    top: inherit;
    width: auto;
}

.sec-sc-bx .carousel-control.right {
    left: inherit;
    right: 30%;
    background: #e6e6e6 none repeat scroll 0 0;
    border-radius: 4px;
    color: #000;
    top: inherit;
    text-shadow: none;
    bottom: 4%;
}

.sec-sc-bx .carousel-control.left {
    background: #e6e6e6 none repeat scroll 0 0;
    border-radius: 4px;
    bottom: 4%;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    color: #000;
    left: 30%;
    right: inherit;
    text-shadow: none;
    top: inherit;
}

.add-imge img {
    max-height: 300px;
    min-height: 270px;
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .bl-ak > a {
        position: absolute;
        right: 5%;
        font-size: 1.5rem;
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        color: #fff;
        border-radius: 50%;
    }
}

.cl-on {
    padding: 20px 20px 30px;
    background: rgba(86,160,211,0.9);
    min-height: 240px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cl-on.sec-dv-col {
    background: rgba(134,168,37,0.9);
}

.cl-on.thr-dv-col {
    background: rgba(34,132,141,0.9);
}

.cl-on h3 {
    font-size: 1.3rem;
}

.cl-on button {
    color: #fff;
    border: 1px solid #fff;
    width: 120px;
    display: block;
    margin: 0px auto;
    border-radius: 0px;
    height: 36px;
    background: transparent;
    position: relative;
    transition: background 0.3s linear;
}

.cl-on button::before {
    border: 1px solid transparent;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    content: '';
    border-radius: 0px;
}

.cl-on button:hover {
    background: transparent;
    border: none;
}

.cl-on button:hover::before {
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #fff;
    border-left-color: #fff;
    -webkit-transition: border-top-color 0.10s linear, border-right-color 0.10s linear 0.1s, border-bottom-color 0.10s linear 0.2s, border-left-color 0.10s linear 0.3s;
    transition: border-top-color 0.10s linear, border-right-color 0.10s linear 0.1s, border-bottom-color 0.10s linear 0.2s, border-left-color 0.10s linear 0.3s;
}

.jobTitle {
    font-weight: bold;
    font-size: 16px;
}

.jobDetail {
    font-size: 14px;
}

.pb10 {
    padding-bottom: 10px;
}

.tableScrolled {
    width: 100%;
    overflow-x: auto;
}


/*HELP DATA CSS */
 .vd-sc-bx .carousel-control{
        background: #ccc none repeat scroll 0 0;
        border: 1px solid #666;
        border-radius: 14px;
        bottom: -10%;
        color: #333;
        font-size: 14px;
        left: 38%;
        opacity: 1;
        padding: 2px 8px;
        text-shadow: none;
        top: inherit;
        width: auto;
    }
    .sec-sc-bx .carousel-control.right{
        left:inherit;
        right:30%;
        background: #e6e6e6 none repeat scroll 0 0;
    border-radius: 4px;
    color: #000;
        top:inherit;
        text-shadow: none;
        bottom: 4%;
    }
    .sec-sc-bx .carousel-control.left{
        background: #e6e6e6 none repeat scroll 0 0;
    border-radius: 4px;
    bottom: 4%;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    color: #000;
    left: 30%;
    right: inherit;
    text-shadow: none;
    top: inherit;
    }

    .sm-info-bx{justify-content:center;}
    .add-imge{
        flex-direction:row;
        padding:0px;
    }


    /*VIDEO CONTENT CSS*/
    .video-content{
        margin: 2rem auto;
        padding: 2rem;
    }
    .left-widget-vid{
        border: 1px solid #ccc;
        border-radius: 0.25rem;
        padding: 0;
        text-align: center;
        background: #fff;
        box-shadow: 0px 0px 4px #cccccc7a;
        height: 100%;
    }
    .right-widget-pdf{
        border: 1px solid #ccc;
        border-radius: 0.25rem;
        padding: 5.6rem 1.5rem;
        text-align: center;
        background: #fff;
        box-shadow: 0px 0px 4px #cccccc7a;
        position: relative;
        height: 100%;
        background-image: url('../../img/articel-pdf/page_002.jpg');
        background-size: 100%;
        background-position: bottom;
        transition: 0.8s;
    }
    .right-widget-pdf:hover .read-pdf-btn{
        display: block;
        transition: 0.8s;
    }
     .right-widget-pdf h3{color: #fff;font-weight: 800;}
     .right-widget-pdf p{color: #fff;font-weight: 400;}
    .read-pdf-btn{
        position: absolute;
        width: 100%;
        height: 100%;
        background: #0000006e;
        display: none;
        top: 0;
        left: 0;
    }
    .read-pdf-btn a{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%);
        transition: 0.8s;
    }
    .cb-video-container {
      position: relative;
    }

/*.video {
  display: block;
}*/

.play-pause--click-area {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    background: #000;
    left: 0;
    text-align: center;
    border-radius: 0.25rem;
    transition: 0.3s;
}
.play-pause--click-area.vdo-black {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    background: transparent;
    left: 0;
    text-align: center;
    border-radius: 0.25rem;
    transition: 0.3s;
}
.play-pause--container {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 50%;
    top: 50%;
    transform: translate(-50%);
}

/*#video-panel:hover > .pause-icon{
    display: block;
}*/
.pause-btn-opacity-0{
    opacity: 0;
    transition: 0.3s;
}
.pause-btn{
    opacity: 0;
    transition: 0.3s;
}
.pause-btn:hover{
    opacity: 1;
    transition: 0.3s;
}
.play-pause--container .play-pause--icon {
  margin: auto;
  right: 0;
  left: 0;
  position: absolute;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
}
.play-pause--container .play-icon {
  width: 0;
  height: 0;
  cursor: pointer;
  border: 0 solid transparent;
  border-bottom-width: 15px;
  border-top-width: 15px;
  border-left: 25px solid #fff;
  z-index: 9;
}
.play-pause--container .pause-icon {
  background-color: #fff;
  cursor: pointer;
  width: 10px;
  height: 30px;
  left: -10px;
  position: absolute;
  /*display: none;*/
}
.play-pause--container .pause-icon:after {
  content: "";
  background: inherit;
  width: 10px;
  height: 30px;
  left: 15px;
  position: absolute;
}

.fas.fa-play::before{
    content: '';
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-image: url(../../img/icons/play-circle.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
.fas.fa-pause::before{
    content: '';
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-image: url(../../img/icons/pause-circle.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
.fas.fa-stop::before{
    content: '';
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-image: url(../../img/icons/stop-circle.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}


/*-------STEP DATA CSS----------*/
 .step-data{
    border: 1px solid #ccc;
    border-radius: 0.25rem;
    padding: 1.6rem 1.5rem;
    /*text-align: center;*/
    background: #fff;
    box-shadow: 0px 0px 4px #cccccc7a;
    position: relative;
    background-image: url('../../img/articel-pdf/page_002.jpg');
    background-size: cover;
    background-position: bottom;
    transition: 0.8s;
    background-repeat: no-repeat;
    margin: 0.5rem auto;
}
.step-data h2{color: #fff;font-weight: 900;font-size: 1.8rem;}
.step-data p{color: #fff;}
.step-data p span{
    font-weight: 600;
    color: #ffcb00;
    text-transform: uppercase;
}
.step-data p.text-orange{
    color: orange!important;
}
.step-data img{text-align: center;}
.step-data.one {
    padding: 6.1rem 2rem;
    /*background-image: url('../../img/articel-pdf/banner2.png');*/
    background-image: url('../../img/articel-pdf/page_002.jpg');
    position: relative;
}
.step-data.one-overlay{
    background: #0003;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.step-data.one h3{color: #fff;font-weight: 800;}
.step-data.one p{color: #fff;font-weight: 400;}
.logo-end {
    width: 200px;
    margin: auto;
}

/**/
.content-widget-home{}
.widget-content{
    padding: 1rem 1.5rem;
    margin: 1rem auto;
    background-color: #f6f8ff;
    border-radius: 0.25rem;
    border: 1px solid #3D7FBD;
    box-shadow: 1px 2px 6px #dae4ff;
}
.widget-content h4{font-size: 1.2rem;font-weight: 600;text-align: center;text-transform: uppercase;color: #3D7FBD;}
.widget-content h5{font-size: 1rem;font-weight: 500;}
.widget-content ul{padding-left: 1.5rem;}
.widget-content ul li{list-style: disc;margin: 0.3rem 0}
.widget-content ul.list-alpha > li{list-style: lower-alpha;margin: 0.3rem 0}