/* dwat css */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');

body {
    overflow-x: hidden;
}

.result_action a.result_action_link {
    background: #fff;
    border-color: #d0d2d4;
    border-style: solid;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    padding: 6px 8px;
    font-size: 1rem;
    color: #4e4e4e;
    text-decoration: none;
    border-width: 1px;
}

.rightsidesection {
    margin: 1em 0;
}

.gridcontainer {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    grid-gap: 1em;
    align-items: end;
}

.gridcontainer-inquiry-personal {
    display: grid;
    grid-template-columns: 0.14fr 0.15fr 0.01fr 0.16fr 0.15fr 0.01fr 0.15fr 0.2fr;
    grid-gap: 1em;
    align-items: baseline;
}

.gridcontainer-inquiry-personal-view {
    display: grid;
    grid-template-columns: 0.15fr 0.2fr 0.03fr 0.20fr 0.2fr 0.03fr 0.09fr 0.2fr;
    grid-gap: 1em;
    align-items: baseline;
}


.gridcontainer-inquiry-teaching {
    display: grid;
    grid-template-columns: 0.155fr 0.18fr 0.01fr 0.155fr 0.18fr;
    grid-gap: 1em;
    align-items: baseline;
}

.gridcontainer-inquiry-teaching2 {
    display: grid;
    grid-template-columns: 0.14fr 0.08fr 0.01fr 0.08fr 0.17fr 0.01fr 0.14fr 0.18fr;
    grid-gap: 1em;
    align-items: baseline;
}

.gridcontainer-inquiry-teaching3 {
    display: grid;
    grid-template-columns: 0.16fr 0.19fr 0fr 0.16fr 0.17fr 0.01fr 0.07fr 0.18fr;
    grid-gap: 1em;
    align-items: baseline;
}

.gridcontainer-inquiry-teaching4 {
    display: grid;
    grid-template-columns: 0.16fr 0.07fr 0fr 0.07fr 0.18fr 0.0fr 0.17fr 0.07fr 0fr 0.07fr 0.18fr;
    grid-gap: 1em;
    align-items: baseline;
}

.gridcontainer-inquiry-single {
    display: grid;
    grid-template-columns: 0.15fr 0.175fr;
    grid-gap: 1em;
    align-items: baseline;
}

.gridcontainer-inquiry-country {
    display: grid;
    grid-template-columns: 0.134fr 0.14fr 0.01fr 0.15fr 0.14fr;
    grid-gap: 1em;
    align-items: baseline;
}

.gridcontainer-inquiry-country-view {
    display: grid;
    grid-template-columns: 0.12fr 0.13fr 0.03fr 0.12fr 0.12fr;
    grid-gap: 1em;
    align-items: baseline;
}

.gridcontainer-inquiry-experience {
    display: grid;
    grid-template-columns: 0.15fr 0.05fr 0.01fr 0.2fr 0.05fr;
    grid-gap: 1em;
    align-items: baseline;
}

.gridcontainer-inquiry-experience-view {
    display: grid;
    grid-template-columns: 0.18fr 0.10fr 0.01fr 0.22fr 0.10fr;
    grid-gap: 1em;
    align-items: baseline;
}

.gridcontainer-inquiry-teaching2-view {
    display: grid;
    grid-template-columns: 0.14fr 0.14fr 0.01fr 0.06fr 0.17fr 0.01fr 0.17fr 0.14fr;
    grid-gap: 1em;
    align-items: baseline;
}

.gridcontainer-inquiry-teaching3-view {
    display: grid;
    grid-template-columns: 0.18fr 0.14fr 0fr 0.08fr 0.18fr 0.01fr 0.20fr 0.14fr 0fr 0.08fr 0.16fr;
    grid-gap: 1em;
    align-items: baseline;
}

.gridcontainer-inquiry-single2 {
    display: grid;
    grid-template-columns: 0.20fr 0.12fr;
    grid-gap: 1em;
    align-items: baseline;
}

.gridcontainer-inquiry-advertisement {
    display: grid;
    grid-template-columns: 0.16fr 0.16fr;
    grid-gap: 1em;
    align-items: baseline;
}

.gridcontainer-inquiry-advertisement-view {
    display: grid;
    grid-template-columns: 0.16fr 0.16fr;
    grid-gap: 1em;
    align-items: baseline;
}

.gridcontainer-inquiry-advertisement-others {
    display: grid;
    grid-template-columns: 0.16fr 0.17fr 0.01fr 0.07fr 0.5fr;
    grid-gap: 1em;
    align-items: baseline;
}

.gridcontainer-inquiry-advertisement-others-view {
    display: grid;
    grid-template-columns: 0.18fr 0.17fr 0.01fr 0.09fr 0.5fr;
    grid-gap: 1em;
    align-items: baseline;
}

.gridcontainer-inquiry-advertisement-teacher {
    display: grid;
    grid-template-columns: 0.16fr 0.18fr 0.02fr 0.2fr 0.5fr;
    grid-gap: 1em;
    align-items: baseline;
}


.gridcontainer-inquiry-advertisement-thirdParty {
    display: grid;
    grid-template-columns: 0.16fr 0.22fr 0.0fr 0.2fr 0.5fr;
    grid-gap: 1em;
    align-items: baseline;
}

.gridcontainer-inquiry-advertisement-school {
    display: grid;
    grid-template-columns: 0.16fr 0.18fr 0.02fr 0.1fr 0.46fr;
    grid-gap: 1em;
    align-items: baseline;
}

.gridcontainer-inquiry-resume {
    display: grid;
    grid-template-columns: 0.22fr 0.16fr 0.33fr 0.25fr;
    grid-gap: 1em;
    align-items: baseline;
}

.selectbox select {
    height: 47px;
    border-width: 0 0 1px;
    border-color: #e1e1e1;
    border-radius: 0px;
    padding: 5px;
}

.recordcount {
    text-align: center;
    font-size: 3rem;
    font-family: 'bellgothicstdblack';
}

    .recordcount > span > span {
        color: #a5a5a5;
        font-size: 13px;
    }

a.partner_action {
    background: transparent;
    color: #fff;
    border: 1px solid #c3c3c3;
    text-decoration: none !important;
    font-family: 'bellgothicstdbold';
    color: #4e4e4e;
    border-radius: 5px;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 1.3rem;
}

    a.partner_action:hover, a.partner_action:focus {
        background: #f9b353;
        color: #fff;
        border: 1px solid #f9b353;
    }

.newlastpartner {
    margin-top: 2rem;
    width: 100%;
}

.title--partner {
    font-size: 1.7rem;
    color: #f18f41;
    text-transform: uppercase;
}

.partner--name {
    font-size: 1.5rem;
    margin: 1.5rem 0;
    color: #8f8f8f;
}

.viewallbtn {
    padding: 1rem 2rem;
    background: transparent !important;
    border: 2px solid #8f8f8f !important;
    font-size: 1.2rem;
    text-transform: uppercase;
    text-align: left;
    border-radius: 5px;
    font-family: 'bellgothicstdbold';
    color: #8f8f8f !important;
}

.custom-grid-item {
    grid-column: 1 / 5;
    text-align: center;
}

.ortxt {
    font-size: 10px !important;
    color: #000 !important;
    padding-left: 5px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.icon-style {
    color: #939393;
    font-size: 3rem;
}

.boxshadows {
    -webkit-box-shadow: -11px 0px 33px 0px rgba(240,240,240,1);
    -moz-box-shadow: -11px 0px 33px 0px rgba(240,240,240,1);
    box-shadow: -11px 0px 33px 0px rgba(240,240,240,1);
}

.textbox input[type="text"] {
    height: 32px;
}

.sttdate ul li div table thead {
    display: none !important;
}

.sttdate ul, .custom_date ul {
    padding-top: 0px !important;
}

    .sttdate ul li div table tbody tr td button {
        border-radius: 0px !important;
        background: #fff !important;
        box-shadow: none !important;
        /* text-align:left; */
    }

    .custom_date ul li div table button {
        /*border: none !important;
        border-radius: 0px !important;*/
        background: #fff !important;
        box-shadow: none !important;
    }

.customcompose {
    font-size: 1.5rem;
}

.listnone {
    list-style: none;
}

.message-sidebar {
    padding-right: 0px !important;
}

.m-b-1rem {
    margin-bottom: 1.5rem;
}

.orange-btn {
    background: #f9b353 !important;
    color: #fff !important;
    border-color: #f9b353 !important;
}

.btn-btm-section {
    margin-top: 1.5rem;
}

    .btn-btm-section a {
        margin-left: 0.5rem;
    }

.m-b-1_3 {
    margin-bottom: 1.3rem;
}

.cutoff {
    width: 80%;
}


.customtoggleform {
    background: #fff;
    height: 100%;
    width: 340px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1;
    padding-top: 7rem;
    border-left: 1px solid #e1e1e1;
    display: none;
}

.displaysidebar {
    display: block;
}

.customtoggleform .title_name {
    font-size: 1.6rem;
    padding-bottom: 1.5rem;
    font-family: 'bellgothicstdblack';
    color: #f9b353;
}

.customtoggleform input, .customtoggleform select {
    background: transparent !important;
    box-shadow: none !important;
    boder-bottom: 1px solid #e1e1e1 !important;
}

.customtoggleform label {
    font-weight: normal !important;
}

.style--select {
    padding: 0 0 5px;
    border-width: 0 0 1px;
    margin: 0 0 0.7em;
    border-color: #949494;
    width: 100%;
    line-height: normal;
    outline: none;
    color: #949494;
    font-size: 1.1em;
}

.m-l-0 {
    margin-left: 0px !important;
}

.m-t-0 {
    margin-top: 0px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.login_title, .customlabel {
    color: #717171;
    font-weight: normal;
}

.customm-r ul li {
    padding-right: 1rem;
}

.seconddiv:hover .overlaydivv, .job-sanpshot:hover .overlaydivv {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: .3s ease;
    background-color: rgba(251,251,251,0.8);
    z-index: 9;
    cursor: pointer;
}

.text {
    color: #000;
    font-size: 1.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    opacity: 0;
    text-transform: uppercase;
    font-family: 'bellgothicstdblack';
}

.job-sanpshot:hover .text, .seconddiv:hover .text {
    opacity: 1 !important;
}

.m-b-2 {
    margin-bottom: 2rem;
}

.m-t-3 {
    margin-top: 3rem;
}

.star-ra span {
    color: #1871b8;
}

.gridocontainer {
    display: grid;
    grid-template-columns: 33.33% 33.33% 33.33%;
    margin-top: 1rem;
}

    .gridocontainer div {
        text-align: center;
        /* border-left: 1px solid #868686; */
    }

        .gridocontainer div span {
            display: block;
            font-size: 1.2rem;
            margin-top: 0.8rem;
            color: #c6c6c6;
        }

.custimg span.filetype {
    background: transparent !important;
}

.gridocontainer .badge {
    font-weight: normal;
    font-family: 'RobotoRegular';
    border-radius: 0px;
}

.boxshadownone {
    box-shadow: none !important;
}

.rmafter h3:after {
    display: none;
}

/* dashboard css */
.alertblock, .calendarblock {
    background: #fff;
    padding: 1rem;
    margin-bottom: 2rem;
    -webkit-box-shadow: 2px 2px 8px 0px rgba(230,230,230,1);
    -moz-box-shadow: 2px 2px 8px 0px rgba(230,230,230,1);
    box-shadow: 2px 2px 8px 0px rgba(230,230,230,1);
}

    .alertblock .dashboardgrid:last-child {
        border-bottom: none;
    }

.dashboardgrid {
    display: flex;
    background: #fff;
    align-items: center;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    padding: 1.5rem;
    margin-bottom: 0.8rem;
    border-left: 2px solid #e1e1e1;
    -webkit-box-shadow: 2px 2px 8px 0px rgba(230,230,230,1);
    -moz-box-shadow: 2px 2px 8px 0px rgba(230,230,230,1);
    box-shadow: 2px 2px 8px 0px rgba(230,230,230,1);
}

.m-t-2 {
    margin-top: 2rem;
}

.greenbg, .greenbg1 {
    background: #7cc360 !important;
}

.grayscalebg {
    -webkit-filter: grayscale(70%) !important; /* Safari 6.0 - 9.0 */
    filter: grayscale(70%) !important;
}

.p-t-4 {
    padding-top: 4rem;
}

.bbottom {
    border-left: 2px solid #98ccfd;
}

.dashboardgrid div.main-section {
    width: 80%;
}

.dashboardgrid div.action-section {
    width: 20%;
}

.subgriddash {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1rem;
}

.tittle__dashboard {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-top: 0;
    font-size: 1.6rem;
    text-transform: uppercase;
    color: #4e4e4e;
}

.statusmsg {
    font-family: 'Roboto', sans-serif;
    font-size: 1.4rem;
    color: #4e4e4e;
    font-weight: 500;
    margin-bottom: 1rem;
}

.rtext {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #a8a8a8;
}

.viewhistory {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.1rem;
    color: #9b9b9b;
    text-decoration: underline;
}

.prebtn span, .greenbg span {
    margin-left: 0.5rem;
    float: right;
}

.warningbg {
    background: #ff8700 !important;
    font-family: 'Open Sans', sans-serif;
    color: #fff !important;
    font-weight: 700;
    text-align: left;
    border: none;
    min-width: 13rem;
    margin: 0.5rem 0;
}

.prebtn, .greenbg {
    font-family: 'Open Sans', sans-serif;
    color: #fff !important;
    font-weight: 700;
    text-align: left;
    border: none;
    min-width: 13rem;
    margin: 0.5rem 0;
}

.prebtn, .grayscalebg {
    font-family: 'Open Sans', sans-serif;
    color: #fff !important;
    font-weight: 700;
    text-align: left;
    border: none;
    min-width: 13rem;
    margin: 0.5rem 0;
}

.prebtn {
    background: #3f9bfb !important;
}



.companyconame {
    /* font-family: 'RobotoRegular'; */
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    color: #818181;
    padding-bottom: 0.3rem;
    text-transform: uppercase;
}

.contactname {
    font-size: 1.3rem;
    color: #757575;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.popupcontactname {
    font-size: 1.3rem;
    color: #757575;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    display: block;
    white-space: nowrap;
}

.p-t-10 {
    padding-top: 1rem;
}

.nameo {
    color: #1871b8;
    word-break: break-all;
    display: block;
    white-space: inherit;
}

.nameo2 {
    color: #1871b8;
    white-space: inherit;
    text-transform: none;
}

.contactname img {
    width: 23px;
    margin-right: 0.5rem;
}

.numo span {
    color: #716c6c;
}

.prebtn.green {
    background: #8bca73 !important;
}

.scrolleralert {
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;
    min-height: 79rem;
    max-height: 79rem;
    width: 100% !important;
}

    .scrolleralert .ps-scrollbar-x-rail {
        display: none !important;
    }

.smallo {
    text-transform: lowercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #1871b8;
    font-size: 1.4rem;
}

    .smallo .badge {
        background: #8bca73;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        font-size: 2.3rem;
        border-radius: 0rem !important;
    }

.calendarblock {
    max-height: 40rem;
    margin-bottom: 1rem;
}

.m-t-2_1 {
    margin-top: 1.1rem;
}

.custodtrop {
    width: 30vw;
}

.posab {
    position: absolute;
    top: 0;
    right: 0;
}

.contright {
    height: 100%;
}

.contrightscroll .ps-scrollbar-x-rail {
    display: none !important;
}

.notificationtask {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.3rem;
    color: #606060;
    padding: 0.5rem 0;
}

    .notificationtask:last-child {
        border: none;
    }

.contrightscroll {
    max-height: 32rem;
    overflow-y: hidden;
    overflow-x: hidden !important;
    position: relative;
}


.tito {
    color: #1871b8;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.5rem;
    padding: 0.3rem 0 0 0;
}

.contright .media {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

    .contright .media .media-heading {
        font-size: 1.3rem;
        margin-bottom: 0px;
        color: #606060;
    }

.tii {
    font-size: 1.3rem;
    color: #878787;
}

.contright .media .media-left img {
    width: 40px;
    height: 40px;
    border-radius: 0.5rem;
    object-fit: cover;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.tii span a {
    padding: 0 0.5rem;
    text-decoration: underline !important;
    font-size: 1.1rem;
    color: #428bca !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
}

.custodtrop {
    padding: 1rem;
    background: #fff !important;
    border-color: #e1e1e1 !important;
}

.dashboardgrid div.actionsection {
    padding-left: 2.5rem;
    border-left: 1px solid #e1e1e1;
}

.droppohead {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin: 0;
    padding-bottom: 1rem;
    font-size: 2rem;
    color: #000;
}

.singlefair {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 1rem 0;
    color: #606060;
    font-size: 1.3rem;
    border-bottom: 1px solid #e1e1e1;
}

.slotcount {
    padding-left: 1rem;
    font-family: 'Roboto', sans-serif;
    color: #000;
    font-weight: 500;
    font-size: 1.3rem;
    text-decoration: underline;
}

.m-b-5 {
    margin-bottom: 5px;
}

.datesectioncss {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 1.7rem;
}


/* grid css */
.statusmsg span u {
    cursor: pointer;
}

.partnergridnew1 {
    display: grid;
    width: 100%;
    padding: 10px 10px;
    -webkit-box-shadow: 4px 11px 22px -12px rgba(219,219,219,1);
    -moz-box-shadow: 4px 11px 22px -12px rgba(219,219,219,1);
    box-shadow: 4px 11px 22px -12px rgba(219,219,219,1);
    background: #fff;
    margin-bottom: 1.5rem;
    grid-template-columns: 1fr;
    grid-column-gap: 3rem;
}

.min_hght270 {
    min-height: 270px;
}

.flexalign {
    list-style: none;
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0;
}

    .flexalign li {
        margin-right: 1rem;
    }

.samewidth--1 .stamp {
    left: 0;
    float: left;
    line-height: 12px;
    transform: rotate(-5deg);
    margin-top: 0;
}

.undero {
    text;
}

.gridpatner {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1.8fr;
    grid-column-gap: 1.5rem;
}

.griAdvancedSearch {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1.5rem;
}

.gridpattner {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1.5rem;
}

.gridpattner1 {
    display: grid;
    width: 100%;
    grid-template-columns: 0.05fr 1.2fr 1.2fr 1fr 1fr;
    grid-column-gap: 1.5rem;
    background: #fff;
    padding: 1rem;
    margin-bottom: 1.1rem;
    -webkit-box-shadow: 4px 11px 22px -12px rgba(219,219,219,1);
    -moz-box-shadow: 4px 11px 22px -12px rgba(219,219,219,1);
    box-shadow: 4px 11px 22px -12px rgba(219,219,219,1);
}

.gridpatner1 {
    display: grid;
    width: 100%;
    grid-template-columns: 64% 36%;
    grid-column-gap: 1.5rem;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.greeno {
    color: #757575;
    font-weight: bolder;
}



.nameo span {
    color: #a7a3a3;
    font-size: 1.1rem;
    padding-left: 0.5rem;
}

.nameo1 span {
    color: #1871b8 !important;
    font-size: 1.1rem !important;
    margin: 0px !important;
}

.m-b-5 {
    margin-bottom: 0.5rem;
}

.cio .actionsection ul li span {
    font-weight: 500;
}

.highlite {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #000;
    text-transform: capitalize;
}

.first {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.3rem;
    padding: 0.3rem 0;
    color: #757575;
}

.warningorange {
    color: #606060;
}

.complete {
    color: #606060;
}

.warningorange span {
    color: #fc7171;
}

.uncomplete span {
    color: #ff8700;
}

.uncomplete {
    color: #606060;
}

.first span {
    padding-right: 0.5rem;
}

.stampsection ul {
    list-style: none;
    padding-left: 0;
}

    .stampsection ul li {
        display: inline-block;
        padding-left: 0.3rem;
    }

        .stampsection ul li a {
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            font-size: 10px;
            text-transform: capitalize;
            border: 1px solid #989898;
            /* padding: 0.2rem 1rem; */
            padding: 0px 4px;
            color: #989898 !important;
            margin-bottom: 0.5rem;
        }

.showrecord {
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    margin: 1rem 0;
}

    .showrecord span {
        font-size: 1.7rem;
        padding: 0 1rem;
        color: #7cc360;
    }

.act_btn a {
    border: 0.2rem solid #adadad !important;
    background: #e6e6e6 !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    text-decoration: none !important;
    color: #4e4e4e;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-size: 1.2rem;
    text-transform: uppercase;
}

.groname {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 2.2rem;
}

.myformo input {
    border-radius: 0px !important;
    min-width: 300px;
    height: 32px;
    box-shadow: none !important;
}

.cxbtn {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    border: 0.2rem solid #adadad !important;
    background: #e6e6e6 !important;
    font-size: 1.2rem;
}

.gridpatner .contactname {
    padding: 0.2rem 0;
}

.gridpatner .companyconame {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #4e4e4e;
}

.m-t-5 {
    margin-top: 0.5rem;
}

.m-t-9 {
    margin-top: 0.9rem;
}

.iewcomments {
    text-decoration: underline;
    padding-left: 0.5rem;
    color: #1871b8 !important;
    cursor: pointer;
    font-weight: normal;
    text-transform: lowercase;
    font-size: 1.1rem;
}

.contactname a {
    text-decoration: underline;
    color: #969494;
}

.companyconame a {
    color: #4e4e4e !important;
    text-decoration: underline;
    word-break: break-all;
}

.searchbargrid {
    display: grid;
    grid-template-columns: 70% 30%;
    margin-bottom: 1.5rem;
    /* font-family: 'Roboto', sans-serif;
  font-weight: 500; */
}
.teachersumm-searchbargrid {
    display: grid;
    grid-template-columns: 65% 35%;
    margin-bottom: 1.5rem;
}
.ctt {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-decoration: none !important;
    font-size: 11px;
    padding: 0.4rem 1rem;
    color: #4e4e4e !important;
    border: 1px solid #8cccff;
    border-radius: 0.5rem;
    text-transform: uppercase;
    cursor: pointer !important;
}

.custom-create i {
    color: #1871b8;
}

.custom-del i {
    color: #fe6601;
}

.p-t-2 {
    position: relative;
    top: 1px;
}

.showingresult ul li:nth-child(2), .showingresult ul li:nth-child(4) {
    color: #7cc360;
}

.smallalign {
    position: relative;
    top: -2px;
}

.subogrid {
    display: flex;
}

    .subogrid .tittle {
        font-family: 'Open Sans', sans-serif;
        font-size: 2.1rem;
        color: #686868;
    }

.search--btn {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-decoration: none !important;
    font-size: 1.2rem;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    border: 1px solid #c8c8c8 !important;
    background: transparent !important;
    color: #4e4e4e;
}

.cusso input {
    box-shadow: none !important;
    border-radius: 0.5rem;
    border: 1px solid #e1e1e1 !important;
    width: 36vw !important;
    margin-left: 1rem;
}

.showingresult ul {
    list-style: none;
    padding-left: 0;
    font-family: 'Open Sans', sans-serif;
    color: #4e4e4e;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom:5px;
}

.showingresult ul li {
align-items: center;
padding-right: 15px;
position: relative;
display: flex;
}

.showingresult ul li:after {
    content: "";
    position: absolute;
    top: auto;
    width: 1px;
    height: 15px;
    width:1px;
    background: rgba(171,171,171,1);
    right:3%;   
}

.showingresult ul li span {
    text-decoration: underline;
    padding: 0;
    color: #fe6601;
    font-size: 1.6rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.showingresult ul li a{
    padding:0px 5px;
}
.showingresult ul li label {
    margin: 0px;
}

.showingresult ul li label p{
    margin: 0px;
    padding: 0px
}
.showingresult ul li.posrel select {
    width: 49px;
    background-color: #fff !important;
    border: none;
    margin-left: 5px;
    padding: 2px 5px;
    border-radius: 5px !important;
    background: #fff url(img/expand-arrow.png) no-repeat !important;
    background-position: 28px 2px !important;
    background-size: 18px !important;
}
.showingresult .logincheck label:before {
    top: 1px;
    }
.showingresult .tl_s_all{
    justify-content: flex-end;
    display: flex;
    margin-left:auto;
    padding:0;
}

.showingresult ul li:last-child:after {
    display: none;
}
.showingresult ul li:nth-child(3):after {
    display: none;
}
.showingresult ul li:nth-child(4):after {
    display: none;
}



.inprost {
    text-decoration: none !important;
    font-size: 1.3rem;
    color: #3b3b3b !important;
}

.showingresult ul li em {
    height: 40px;
    width: 40px;
    background: #3b3b3b;
    font-style: normal;
    margin: 0 0.5rem;
    border-radius: 5rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #fff;
    text-align: center;
    padding: 0.9rem 0.4rem;
    font-size: 1.8rem;
}

.patnerhead {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.7rem;
    color: #eaf7ff;
    padding: 0.6rem 0;
}

.headingright {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.7rem;
    color: #1871b8;
    margin-bottom: 1.5rem;
}

.aligno {
    position: relative;
    top: 2px;
    color: #1871b8 !important;
}

.headingright span {
    color: #4e4e4e;
    font-size: 1.3rem;
    padding: 0 0rem;
    font-weight: 600;
}

.skypetime {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: #4e4e4e;
}

.ble {
    background: #036cd8 !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

/* WORKSITE CSS */

.singlesection {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-bottom: 1rem;
}

    .singlesection .form-group {
        margin-bottom: 0.5rem;
    }

    .singlesection input {
        background: transparent !important;
        box-shadow: none !important;
        border: 0;
        border: 1px solid #e1e0e0 !important;
        outline: 0;
        border-radius: 0px !important;
        padding: 1rem !important;
        height: 25px !important;
        color: #222;
        font-weight: 500;
        font-size: 1.3rem;
    }

    .singlesection select {
        background: transparent url("img/expand-arrow.png") no-repeat !important;
        background-position: right center !important;
        box-shadow: none !important;
        border: 0;
        border: 1px solid #b3b3b3 !important;
        outline: 0;
        border-radius: 0px !important;
        padding: 0.1rem 2.3rem 0.1rem 0 !important;
        height: 25px;
        color: #222;
        font-weight: 500;
        font-size: 1.3rem;
    }

    .singlesection label {
        font-size: 1.2rem;
        color: #696969;
        margin-bottom: 0;
        /* text-transform: capitalize; */
        margin-right: 1rem;
    }

.posrel {
    position: relative;
}

.abspoo {
    position: absolute;
    top: 4px;
    right: 3px;
    cursor: pointer;
}

.displayflexo {
    display: flex;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.weathergrid {
    display: grid;
    grid-template-columns: 0.4fr 1.5fr 0.3fr 1.5fr;
    margin-bottom: 1rem;
}

.singlesection h4 {
    color: #000;
    font-weight: 700;
    margin: 1rem 0;
    font-size: 1.6rem;
    width: 100%;
}

.gridheadersection {
    margin-bottom: 1.7rem;
}

    .gridheadersection .heading {
        font-family: 'Open Sans', sans-serif;
        font-size: 2.1rem;
        color: #686868;
    }

.opacityzero {
    opacity: 0;
}

.usergridgrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1rem;
}


.p-l-0 {
    padding-left: 0rem !important;
}

.p-l-2 {
    padding-left: 0.2rem;
}

.usercardgrid {
    background: transparent;
    display: grid;
    /* grid-template-columns: 16% 16% 38% 20% 10%; */
    /*grid-template-columns: 1fr 1fr 2.4fr 1.3fr 1fr;*/
    grid-template-columns: 1.3fr 1.3fr 2fr 1.3fr 0.7fr;
    width: 100%;
    margin-bottom: 0.4rem;
    grid-column-gap: 0.2rem;
}

    .usercardgrid div {
        font-size: 1.2rem;
        color: #696969;
        font-weight: bold;
        align-items: center;
    }

    .usercardgrid .fa-user-o {
        color: #1871b8;
        font-size: 1.3rem;
        margin-right: 0.2rem;
    }

    .usercardgrid div:first-child {
        color: #000;
    }

.depart-detail-sec .usercardgrid {
    background: transparent;
    display: grid;
    grid-template-columns: 1.6fr 2.2fr 1.8fr 1.8fr 1.1fr 1.2fr 1.8fr 0.3fr;
    width: 100%;
    margin-bottom: 0.4rem;
    grid-column-gap: 1.50rem;
    margin-bottom: 16px;
}

.connecting-flight-sec .usercardgrid {
    background: transparent;
    display: grid;
    grid-template-columns: 1.6fr 2.2fr 1.8fr 1.8fr 1.1fr 1.2fr 1.2fr 0.9fr;
    width: 100%;
    margin-bottom: 0.4rem;
    grid-column-gap: 1.50rem;
    margin-top: 8px;
}

.arrival-detail-sec .usercardgrid {
    background: transparent;
    display: grid;
    grid-template-columns: 1.6fr 2.2fr 1.8fr 6.8fr;
    width: 100%;
    margin-bottom: 0.4rem;
    grid-column-gap: 1.50rem;
    margin-top: 8px;
}

.customcheckbox input {
    width: 350px !important;
}

.connecting-flight-sec .more-connecting-flights-btns span {
    margin-right: 4px;
}

.departdetails-date {
    position: relative;
}

    .departdetails-date .scope-calen-icon {
        right: 0 !important;
        margin-top: -2px !important;
    }

.connecting-flight-sec .more-connecting-flights-btns {
    margin-top: 15px;
}

.posrel span {
    position: absolute;
    top: -5px;
    font-size: 1.4rem;
    width: 25px;
    height: 25px;
    background: #4e4e4e;
    color: #fff;
    padding: 0.4rem;
    border-radius: 50%;
    margin-left: 0.5rem;
}

.travelinfogrid {
    display: grid;
    grid-template-columns: 30% 70%;
    align-items: center;
}

    .travelinfogrid .chekcsection {
        font-size: 1.2rem;
        color: #696969;
        font-weight: bold;
    }

.flexcity {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1rem;
}

.availgrid {
    display: grid;
    grid-template-columns: 30% 70%;
}

.availgrid1 {
    display: grid;
    grid-template-columns: 40% 60%;
}

.customcheckbox ul {
    padding-left: 0;
}

    .customcheckbox ul li {
        list-style: none;
        display: inline-block;
        padding-left: 0;
        margin-bottom: 1rem;
        margin-right: 0.5rem;
    }

.m-b-one {
    margin-bottom: 1rem;
}

.fulltextarea textarea {
    width: 100%;
    resize: none;
    border: 1px solid #e1e0e0 !important;
    background: transparent !important;
    max-height: 100px;
    font-size: 1.2rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.photogallery {
    margin: 1rem 0;
}

.note-text p {
    color: #8d8d8d;
    font-size: 1.2rem;
    margin-bottom: 0;
}

.bluetext {
    color: #0a4ea9 !important;
}

.redtext {
    color: #ed2d23 !important;
}

.custombtncenter button {
    text-align: center;
}

.custombtncenter .statusmsg {
    margin-bottom: 0rem;
}

.custombtncenter .stampsection ul li a {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    background: #fff !important;
    color: #8f8f8f !important;
    border-radius: 3px !important;
    border-color: #8f928e;
    margin-bottom: 0rem;
}

.twogrid {
    display: grid;
    grid-template-columns: 1.2fr 3fr;
    grid-column-gap: 1rem;
    text-align: center;
    align-items: center;
}

.twogrid-status {
    display: grid;
    grid-template-columns: 3fr 2fr;
    grid-column-gap: 1rem;
    text-align: center;
    align-items: center;
}

.del-right {
    border-right: 1px solid #e1e1e1;
    padding: 0px 15px 0px 0px;
}

.m-t-b-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.sectxt {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #444343;
    font-size: 1.1rem;
}

.sectxtblack {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 1.1rem;
    color: #000 !important;
}

.photogallery .flex-container {
    display: flex;
    flex-wrap: wrap;
}

.cmm {
    margin-right: 1rem;
    position: relative;
}

    .cmm .addmore {
        position: absolute;
        top: 0;
        right: -8px;
    }

    .cmm .mainimg {
        width: 100px;
        height: 100px;
        object-fit: contain;
    }

.triplegrid {
    display: grid;
    grid-template-columns: 15% 50% 25%;
    align-items: center;
}

    .triplegrid div .form-group {
        margin-bottom: 0;
    }

.m-l-5 {
    margin-left: 0.5rem;
}

.dangerbg {
    background: #fe6601 !important;
}

.tabbed {
    width: 100%;
    min-width: 400px;
    margin: 0 auto;
    border-bottom: 2px solid #1871b8;
    overflow: hidden;
    transition: border 250ms ease;
}

    .tabbed ul {
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        float: left;
        padding-left: 48px;
        list-style-type: none;
    }

        .tabbed ul li {
            display: block;
            float: left;
            padding: 10px 11px 8px;
            background-color: #FFF;
            /* margin-right: 42px; */
            margin-right: 30px;
            z-index: 2;
            position: relative;
            cursor: pointer;
            color: #777;
            text-transform: uppercase;
            transition: all 250ms ease;
        }

            .tabbed ul li:before,
            .tabbed ul li:after {
                display: block;
                content: " ";
                position: absolute;
                top: 0;
                height: 100%;
                width: 35px;
                background-color: #FFF;
                transition: all 250ms ease;
            }

            .tabbed ul li:before {
                right: -24px;
                transform: skew(30deg, 0deg);
                box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;
            }

            .tabbed ul li:after {
                left: -24px;
                transform: skew(-30deg, 0deg);
                box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;
            }

            .tabbed ul li.active {
                z-index: 3;
            }

                .tabbed ul li.active,
                .tabbed ul li.active:before,
                .tabbed ul li.active:after {
                    background-color: #1871b8;
                    color: #fff;
                }

.noborder {
    border: none !important;
}

/* Round Tabs */
.tabbed.round ul li {
    border-radius: 8px 8px 0 0;
}

    .tabbed.round ul li:before {
        border-radius: 0 8px 0 0;
    }

    .tabbed.round ul li:after {
        border-radius: 8px 0 0 0;
    }

.m-t-0 {
    margin-top: 0px !important;
}

.tabbed ul li a {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
}

.tabbed ul li.active a {
    color: #fff !important;
}

.newinput input {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    /*background: transparent !important;*/
    box-shadow: none !important;
    border: 0;
    border: 1px solid #dbd7d7;
    outline: 0;
    border-radius: 0px !important;
    padding: 1rem;
    height: 30px !important;
    color: #222;
    font-weight: 500;
    font-size: 1.3rem;
}

.newinput2 input {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    /*background: transparent !important;*/
    box-shadow: none !important;
    border: 0;
    border: 1px solid #dbd7d7;
    outline: 0;
    border-radius: 0px !important;
    padding: 1rem;
    height: 25px !important;
    color: #222;
    font-weight: 500;
    font-size: 1.1rem;
}

.notopborder input {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    padding: 0.5rem !important;
    height: 30px !important;
    /*border-bottom: 1px solid #ccc;*/
    color: #222;
    font-weight: 500;
    font-size: 1.3rem;
}

.newinput select {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0;
    border: 1px solid #dbd7d7 !important;
    outline: 0;
    border-radius: 0px !important;
    padding: 1rem !important;
    height: 30px !important;
    color: #222;
    font-weight: 500;
    font-size: 1.3rem;
}

.newinput select {
    background: transparent url("img/expand-arrow.png") no-repeat !important;
    background-position: right center !important;
    box-shadow: none !important;
    /* border: 0; */
    border: 1px solid #e1e0e0 !important;
    outline: 0;
    border-radius: 0px !important;
    padding: 0.1rem 2.3rem 0.1rem 0.5rem !important;
    height: 25px;
    color: #222;
    font-weight: 500 !important;
    font-size: 1.3rem;
}

.customwelcome {
    text-transform: capitalize;
    color: #4e4e4e;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 1.4rem;
    background: #edf6ff;
    padding: 0.4rem;
}

.singlecardwhite {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1rem;
}

.singlecardwhite1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1rem;
}

.m-b-1 {
    margin-bottom: 1rem;
}

.note-section {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
    font-size: 1.2rem;
}

.w80per {
    width: 90%;
    margin: 0 auto;
}

.modal-body .bgwhite {
    background: #fff !important;
}

.cusso .form-group input {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
}

.sio {
    background: #fff;
    padding: 1rem;
    border: 1px solid #c6e6ff;
}


/* icons css comes here */
.ico {
    width: 40px;
    display: inline-block;
    vertical-align: middle;
    padding: 18px;
    height: 50px;
}

span.icon2 {
    background: url(img/icon1.png) no-repeat left;
}

span.icon3 {
    background: url(img/icon2.png) no-repeat left;
}

span.icon1 {
    background: url(img/icon3.png) no-repeat left;
}

span.icon4 {
    background: url(img/icon4.png) no-repeat left;
}

span.icon5 {
    background: url(img/icon5.png) no-repeat left;
}

span.icon6 {
    background: url(img/icon6.png) no-repeat left;
}

span.icon7 {
    background: url(img/icon7.png) no-repeat left;
}

span.icons1 {
    background: url(img/icon8.png) no-repeat left;
}

span.icons2 {
    background: url(img/icon11.png) no-repeat left;
}

span.icons3 {
    background: url(img/icon10.png) no-repeat left;
}

span.icons4 {
    background: url(img/icon9.png) no-repeat left;
}

span.icons5 {
    background: url(img/lang.png) no-repeat left;
}

span.icons6 {
    background: url(img/icon4.png) no-repeat left;
}

span.icons7 {
    background: url(img/meals.png) no-repeat left;
}

span.icons8 {
    background: url(img/house.png) no-repeat left;
}

span.icons9 {
    background: url(img/coinfo.png) no-repeat left;
}

span.icons10 {
    background: url(img/brief.png) no-repeat left;
}

span.icons11 {
    background: url(img/parent.png) no-repeat left;
}

span.icons12 {
    background: url(img/emergency.png) no-repeat left;
}

span.icons13 {
    background: url(img/general.png) no-repeat left;
}

span.icons14 {
    background: url(img/english.png) no-repeat left;
}

span.icons15 {
    background: url(img/history.png) no-repeat left;
}

span.icons16 {
    background: url(img/grad.png) no-repeat left;
}

span.icon17 {
    background: url(img/icon12.png) no-repeat left;
}

span.icon18 {
    background: url(img/icon13.png) no-repeat left;
}

span.icon19 {
    background: url(img/icon14.png) no-repeat left;
}

.left_sidebar ul li.active a, .left_sidebar ul li:hover a {
    border-bottom: 1px solid #41a1ed;
}


.subspan span, .subspan span a {
    color: #1871b8;
}

.customdates input[type="text"] {
    height: 25px !important;
}

.customdates .input-group-btn {
    top: 14px !important;
}

.cuschosen .chosen-choices {
    background: transparent !important;
    border: 1px solid #b3b3b3 !important;
    padding: 0.5rem !important;
    min-height: 25px !important;
}

.custdivg {
    display: grid;
    grid-template-columns: 0.5fr 5fr;
}

.customcheckbox label {
    color: #000;
}

.allradio {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.chosen-container-multi .chosen-results {
    text-align: left !important;
}

.widthhalf {
    width: 60%;
}

.jobgridcss {
    display: grid;
    width: 100%;
    grid-template-columns: 3fr 4fr 0.8fr;
    grid-column-gap: 1.5rem;
    background: #fff;
    padding: 1rem;
    margin-bottom: 1.1rem;
    -webkit-box-shadow: 4px 11px 22px -12px rgba(219,219,219,1);
    -moz-box-shadow: 4px 11px 22px -12px rgba(219,219,219,1);
    box-shadow: 4px 11px 22px -12px rgba(219,219,219,1);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.jobsubgrid {
    display: grid;
    width: 100%;
    grid-template-columns: 1.5fr 5fr;
    grid-column-gap: 1rem;
}

    .jobsubgrid span.heding, .flexjobgrid div span.heding {
        font-size: 1.3rem !important;
        color: #1871b8 !important;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
    }

.heding1 {
    font-size: 1.2rem !important;
    color: #1871b8;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

    .heding1 span {
        color: #000;
        font-weight: 700;
    }

.fs-15 a {
    font-size: 1.3rem !important;
    margin-bottom: 0.5rem;
}

.p-l-5 {
    padding-left: 0.5rem !important;
}

.code-dropdown .p-l-5 {
    padding-left: 5px !important;
}

.jobul {
    list-style: none;
}

    .jobul ul {
        padding-left: 0;
        margin-left: 0px !important;
    }

    .jobul li {
        display: inline-flex;
        align-items: center;
    }

.tblack {
    color: #000 !important;
    font-weight: 700;
}

    .tblack a {
        color: #000 !important;
        font-weight: 700;
        text-decoration: underline !important;
        text-transform: capitalize;
    }

.elliclass {
    white-space: nowrap;
    display: inline-block;
    max-width: 145px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.max_wdth67 {
    max-width: 67px;
}

.subfirstgridSearch {
    display: grid;
    grid-template-columns: 0.45fr 0.6fr;
    margin-bottom: 9px;
}

.subfirstgridSearchmin {
    display: grid;
    grid-template-columns: 0.45fr 0.6fr;
    margin-bottom: 14px;
}

.subfirstgrid {
    display: grid;
    grid-template-columns: 0.2fr 5fr;
    min-width: 242px;
    max-width: 242px;
}

.subfirstgrid-profile {
    display: grid;
    grid-template-columns: 6fr 2fr;
}

.subfirstgrid-jobfairhub {
    display: grid;
    grid-template-columns: 5fr 2.8fr;
}

.subfirstgrid-customTemplates {
    display: grid;
    grid-template-columns: 3fr 3fr 4fr;
}

.subfirstgrid-customTemplates-jobfairhub {
    display: grid;
    grid-template-columns: 6fr 3fr;
}

.tred {
    color: #000;
    /* text-transform: capitalize; */
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
}

    .tred i {
        font-size: 2rem;
        color: #7cc360;
    }

.notecomment {
    left: 100px;
    position: relative;
    background: #5c5c5c;
    border-radius: 4px;
    color: #fff !important;
    font-size: 1.2rem !important;
    padding: 0.2rem 1rem;
    font-family: 'Roboto', sans-serif;
}

    .notecomment:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 45%;
        width: 0;
        height: 0;
        border: 11px solid transparent;
        border-top-color: #5c5c5c;
        border-bottom: 0;
        border-left: 0;
        margin-left: -5px;
        margin-bottom: -9px;
    }

.fs-12 {
    font-size: 1.1rem !important;
}

.p-t-25 {
    padding-top: 25px;
}

.tgray {
    color: #ccc;
}

.flexjobgrid {
    display: flex;
}

.custi {
    text-transform: lowercase;
}

.custotex {
    text-transform: capitalize !important;
    text-decoration: underline !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.4rem;
    padding-right: 0.5rem;
    color: #1871b8;
    font-weight: 700;
}

.activecustotex {
    color: #fe6601 !important;
}

.cusalertcol {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.3rem;
    background: #dfffd2;
    padding: 0.5rem 1rem;
}

.remove-more a {
    background: #ff6c6c !important;
}

.remove-more-lead a {
    background: #ff6c6c !important;
}

.ito {
    color: #9f9c9c;
}

.cusaligncomment {
    position: fixed;
    top: 27%;
    right: 0;
    z-index: 999;
}

.solo tags-input {
    margin-top: 0.5rem !important;
}

.backlinkheader {
    margin-top: 1.2rem;
    color: #4e4e4e !important;
}

    .backlinkheader i {
        color: #1871b8;
    }

.title_namesub {
    color: #4e4e4e;
    font-size: 1.2em;
    margin-top: 0;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
}

a.addmore {
    background: #7cc360 !important;
}

.modal-dialog h4 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
}

.bgnone {
    background: none !important;
}

.customwidth {
    width: 16.66666667% !important;
    padding-top: 0.5rem;
}


.imgcsscover {
    height: 80px;
    width: 80px;
    object-fit: cover;
    border: 2px solid #7bc2f9;
    border-radius: 0;
}

.whitebox {
    background: #fff;
    padding: 1rem;
}
.whitebox .d-flex {
    align-items: flex-start;
}

.whitebox {
    display: grid;
    grid-template-columns: 1fr;
    -webkit-box-shadow: 4px 11px 22px -12px rgba(219,219,219,1);
    -moz-box-shadow: 4px 11px 22px -12px rgba(219,219,219,1);
    box-shadow: 4px 11px 22px -12px rgba(219,219,219,1);
}

.m-t-5 {
    margin-top: 0.5rem;
}

.cli li {
    margin-bottom: 0.4rem;
}

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

.font-roboto {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
}

.accordion-style {
    font-family: 'Roboto', sans-serif !important;
}

.accord-name {
    width: 100% !important;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none !important;
    color: #4e4e4e !important;
    font-weight: 700;
}

.fs-20 {
    font-size: 20px;
}

.customflexjob {
    /* margin:0.7rem 0rem; */
}

    .customflexjob div:nth-child(2), .customflexjob div:nth-child(3) {
        padding: 0 1.5rem;
    }


.gridjobfair {
    display: grid;
    grid-template-columns: 1.7fr 2.2fr 3.5fr;
    grid-gap: 1rem;
    margin-bottom: 2rem;
}

    .gridjobfair div {
        background: #fff;
    }

.partnerchose {
    padding: 2rem;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    position: relative;
}

    .partnerchose h4 {
        color: #636363 !important;
        /* margin-bottom: 2rem; */
        margin-bottom: 0.5rem;
        font-weight: 700 !important;
        line-height: 2.5rem;
        margin-top: 0px;
    }

    .partnerchose h5 {
        color: #636363 !important;
        /* margin-bottom: 2rem; */
        margin-bottom: 0.5rem;
        font-weight: 700 !important;
        line-height: 2.5rem;
        margin-top: 0px;
        font-size: 16px;
    }

.flexjobfair {
    display: grid;
    grid-template-columns: 5fr 2fr;
}

.notesection {
    color: #8a8181;
    padding-top: 1rem;
}

.partnerlist {
    list-style: none;
}

    .partnerlist li {
        border-bottom: 1px solid #e1e1e1;
    }

        .partnerlist li a {
            font-size: 1.4rem;
            text-transform: capitalize !important;
            padding: 0.7rem 0;
            color: #656262;
            margin: 0.2rem 0;
        }

        .partnerlist li.active, .partnerlist li:hover {
            border-bottom: 1px solid #1871b8;
        }

            .partnerlist li.active a, .partnerlist li:hover a {
                color: #1871b8;
            }

.customflextop > div {
    margin-right: 1.5rem;
    position: relative;
    top: 8px;
    left: 2rem;
}




/* second section */
.slotstyle {
    margin-top: 1rem;
}

.tagstamp {
    display: block;
    font-size: 11px;
    color: #4e4e4e;
}

.slotstylecontainer {
    display: flex;
    flex-wrap: wrap;
    padding: 0.5rem 0;
    border-bottom: 1px solid #e1e1e1;
}

    .slotstylecontainer div {
        background-color: #fff;
        border: 1px solid #e1e1e1;
        border-radius: 4px !important;
        width: 100px;
        margin: 0px 1rem 1rem 0;
        text-align: center;
        padding: 0;
        cursor: pointer;
    }

.amselect {
    position: relative;
    top: 2px;
}

.slotstylecontainer div:hover, .slotstylecontainer div.active {
    background: #dcefff;
}

.slotstylecontainer div h4 {
    font-size: 1.12rem;
    border-radius: 0px;
    color: #1871b8;
    font-weight: 500;
    margin-bottom: 0.5rem;
    margin-bottom: 0;
}

.placecontainer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 3rem;
    border: 1px solid #e1e1e1;
    width: 164px;
    padding: 1rem 1rem 0.5rem 1rem;
    justify-content: center;
    transition: all .2s ease-in-out;
}

.placecontainer_hint {
    display: inline-flex;
    flex-wrap: wrap;
    padding: 0.5rem 0.5rem 0.1rem 0.3rem;
    justify-content: center;
}

    .placecontainer_hint > span {
        background: #e1e1e1;
        height: 15px;
        width: 15px;
        margin-right: 0.6rem;
        margin-bottom: 0.5rem;
        margin-left: 0.8rem;
    }

    .placecontainer_hint > label {
        font-size: 1.2rem;
    }

.placecontainer > div {
    background: #e1e1e1;
    height: 15px;
    width: 15px;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
}

.inlineplace {
    display: flex;
    align-items: center;
    margin-right: 0.5rem;
    flex-wrap: wrap;
}

    .inlineplace .placecontainer {
        margin: 0 0.5rem 0.8rem 0;
    }

.m-t-30 {
    margin-top: 30px;
}

.slotview {
    font-size: 1.2rem;
    margin-bottom: 0.6rem;
}

.shadow {
    -webkit-box-shadow: 4px 11px 22px -12px rgba(219,219,219,1);
    -moz-box-shadow: 4px 11px 22px -12px rgba(219,219,219,1);
    box-shadow: 4px 11px 22px -12px rgba(219,219,219,1);
}

.ctt1 {
    background: #1871b8 !important;
    color: #fff !important;
    border-color: #1871b8 !important;
}

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

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

.bgbutton {
    background: #1871b8 !important;
    color: #fff !important;
    border-color: #1871b8 !important;
}

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

.letext {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    font-size: 1.5rem;
    color: #000;
}

/* my calendar page design */
/* responsive css */
@media screen and (max-width: 767px) {
}

@media screen and (max-width: 991px) {
}

.summaryPhone {
    box-shadow: none !important;
    border: none !important;
    padding: 0px;
    /*width: 10rem;*/
}

.contactPhone {
    box-shadow: none !important;
    border: none !important;
    width: 10rem;
    background: transparent !important;
    padding: 0px 0px 0px 0px !important;
    color: #645f83 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

.labelFont label {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
}

.p-l-1 {
    padding-left: 0.5rem;
}

.yellowbg {
    background: #fe66;
    padding: 0 1rem;
}

.lightgreenbg {
    background: #d3fec3;
    padding: 0 1rem;
}

.note-section a {
    text-decoration: underline !important;
    color: #4e4e4e;
}

.fs15 {
    font-size: 1.6rem;
    font-weight: 700;
}

.multi .chosen-container .chosen-choices {
    max-height: 40px !important;
    overflow-y: auto;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
}

    .multi .chosen-container .chosen-choices .default {
        font-family: 'Roboto', sans-serif !important;
        font-weight: 500 !important;
    }

.fs-19 {
    font-size: 19px !important;
    font-weight: 700;
}

.busy {
    background: #7cc360 !important;
}

.absent {
    background: #f9b353 !important;
}
/*.avail{
background:
}*/
.watermark1 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 30vh;
    color: #e1e1e1;
    font-size: 1.8rem;
}

.watermark2 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e1e1e1;
    font-size: 2.2rem;
}

/* participant grid jobfair*/
.partnergridjobfair {
    display: grid;
    grid-template-columns: 1.7fr 3.2fr 1.5fr;
    grid-gap: 1rem;
    margin-bottom: 2rem;
}

.partnergridjobfair2 {
    display: grid;
    grid-template-columns: 2fr 4.5fr;
    grid-gap: 1rem;
    margin-bottom: 2rem;
}

.partnergridjobfair > div {
    background: #fff;
}

.partnergridjobfair2 > div {
    background: #fff;
}

.partnerlist li {
    cursor: all-scroll;
}

.cursorauto li {
    cursor: pointer !important;
}

.partnerlist li span {
    font-size: 1.4rem;
    text-transform: capitalize !important;
    padding: 0.7rem 0;
    color: #656262;
    margin: 0.2rem 0;
    display: inline-block;
}

    .partnerlist li span img {
        width: 25px;
        height: 25px;
        border-radius: 0.4rem;
        object-fit: cover;
        margin-right: 0.5rem;
    }

.posrel i {
    position: absolute;
    top: 8px;
    color: #656262;
    right: 10px;
}

.jobfairgridscroll {
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;
    max-height: 55vh;
}

.slotscroll {
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;
    max-height: 30vh;
}

.slotscroll1 {
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;
    max-height: 80vh;
}

.jobfairgridscroll .ps-scrollbar-x-rail, .slotscroll .ps-scrollbar-x-rail {
    display: none !important;
}

.jobfairgridscroll .slotstylecontainer:last-child {
    border: none !important;
}

.partnerlist li.active span {
    color: #605d5d;
    font-size: 1.5rem;
    font-weight: 700;
}

.cureicon {
    position: relative;
    left: -20px;
}

    .cureicon i {
        color: #c1c1c1;
    }



.detailgridpartner {
    display: grid;
    grid-template-columns: 2.2fr 1.8fr 3.4fr;
    grid-gap: 1rem;
    margin-bottom: 2rem;
}

    .detailgridpartner div {
        background: #fff;
    }

.jobfairgridscroll .slotstylecontainer:last-child {
    border: none !important;
}

.posrell {
    position: relative;
}

.faircount {
    position: absolute;
    top: -10px;
    right: -6px;
    color: #fff;
    font-size: 1.2rem;
    background: #1871b8;
    text-align: center;
    padding: 0.3rem 0.5rem;
    border-radius: 50%;
    height: 24px;
    width: 24px;
}
/*14th June*/
.jobfair-detailed--page.detailgridpartner {
    grid-template-columns: 2.4fr 2.8fr 3fr;
}

    .jobfair-detailed--page.detailgridpartner .singlefair:first-child {
        margin-top: 0.9rem !important;
    }

    .jobfair-detailed--page.detailgridpartner .singlefair {
        padding: 1rem;
        width: 96%;
        margin: 0 0.9rem;
        cursor: pointer !important;
        margin-top: 0 !important;
    }

        .jobfair-detailed--page.detailgridpartner .singlefair:hover div,
        .jobfair-detailed--page.detailgridpartner .singlefair:hover {
            background: #dcefff;
        }

    .jobfair-detailed--page.detailgridpartner .partnerchose h4 {
        color: #818181;
        font-weight: normal;
    }

span.timings {
    padding-left: 0.91rem;
}

.heading_4 {
    margin-bottom: 1rem !important;
}

.detailgridpartner.jobfair-detailed--page img.media-object {
    width: auto;
    height: 31%;
    float: left;
    border-radius: 0.4rem;
}

.jobfair-detailed--page.detailgridpartner h4.media-heading {
    margin-bottom: 0 !IMPORTANT;
}

.jobfair-detailed--page.detailgridpartner .media {
    margin-top: 0;
    border: 1px solid #dcefff;
    padding: 0.8rem;
    margin-bottom: 1rem;
    border-left: 2px solid #e1e1e1;
}

    .jobfair-detailed--page.detailgridpartner .media.active {
        border-left: 2px solid #1871b8;
    }

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-default {
    cursor: default !important;
}

.custom-img {
    width: 50px !important;
    height: 50px !important;
    border-radius: 0.4rem;
    object-fit: cover;
}

.possrel {
    position: relative;
    cursor: pointer;
}

.abslocation {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.1rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #969494;
}

.suboption {
    background: #f2f2f2;
    padding-top: 0.5rem;
    padding-left: 0.5rem;
}




.customunderline .contactname {
    text-decoration: underline !important;
}

.p-t-0 {
    padding-top: 0px !important;
}
/*ends here*/
.topalignabs {
    position: absolute;
    top: 0;
    right: 0;
}

/* fixes 18-06-2019 */
.customplace .partnerlist li span {
    padding-bottom: 0;
    padding-top: 0;
}

.countrynameleft {
    display: block !important;
    font-size: 1.1rem !important;
    color: #8f8787 !important;
    padding: 0px !important;
}

.fs-15 {
    font-size: 1.4rem;
}

.linkdecoraion {
    text-decoration: underline;
    color: #939393;
}

.svgcss {
    width: 20px !important;
    color: #e1e1e1 !important;
    cursor: pointer;
}

.dateflexcontainer {
    display: flex;
    align-items: center;
}

    .dateflexcontainer div {
        margin-right: 0.5rem;
    }

.calendarrighttext {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700 !important;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #000;
}

.bletext {
    color: #1871b8;
}

.heading_4 {
    color: #000 !important;
    font-size: 1.7rem;
}

.borderclass {
    border: 1px solid #e1e1e1 !important;
    padding: 3px !important;
}

.customstaff div {
    margin-right: 2rem !important;
    font-size: 1.2rem;
    margin-bottom: 0.6rem;
}





/* job detail page */

.sectioncls {
    background: #fff;
    padding: 1rem;
    -webkit-box-shadow: 2px 2px 8px 0px rgba(230,230,230,1);
    -moz-box-shadow: 2px 2px 8px 0px rgba(230,230,230,1);
    box-shadow: 2px 2px 8px 0px rgba(230,230,230,1);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.topjead {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

    .topjead h3 {
        margin: 0px;
        color: #4e4e4e;
    }

    .topjead h4 {
        color: #9f9f9f;
        font-size: 1.5rem;
        margin-bottom: 0;
    }

.graybg {
    background: #f1f9ff;
    padding: 0.5rem;
}

.sectioncls p {
    font-size: 1.2rem;
    color: #4e4e4e;
}

.graybg ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0;
    margin-bottom: 0;
}

    .graybg ul li {
        width: 25%;
        padding-right: 1rem;
    }

        .graybg ul li p {
            margin-bottom: 0;
            font-size: 1.2rem;
            color: #4e4e4e;
        }

            .graybg ul li p span {
                padding-left: 0.5rem;
                font-size: 1.4rem;
            }

.greetext {
    color: #3a92cd;
}

.inlineflex {
    padding-left: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    list-style: none;
    margin: 1rem 0;
}

    .inlineflex li {
        margin-right: 1.5rem;
    }

.m-l-10 {
    margin-left: 10px !important;
}

span .companyconame {
    color: #4e4e4e;
}

.fs-20 {
    font-size: 2rem;
}

.cussize .contactname .tblack {
    font-size: 1.6rem;
}

.borderbottomline {
    padding-bottom: 1rem;
    border-bottom: 1px solid #e1e1e1;
}

.fs-17 {
    font-size: 17px !important;
}

.singlojob {
    border-bottom: 1px solid #e1e1e1;
    padding: 0 0 1rem 0;
    margin-bottom: 1rem;
}

.flexname {
    display: grid;
    grid-template-columns: 0.7fr 2fr;
    align-items: center;
}

.m-t-2 {
    margin-top: 2rem !important;
}

.customsubhead {
    font-size: 1.6rem !important;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 1rem !important;
    width: 100% !important;
}

ul.filter-choose {
    list-style: none;
    padding-left: 0;
}

    ul.filter-choose li {
        display: inline-flex;
        align-items: center;
        margin-right: 1rem;
    }

        ul.filter-choose li input {
            margin-right: 0.5rem;
            margin-top: 0px !important;
        }

.jbfairsubsingle {
    padding: 0.5rem 0;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 1rem;
}


/* custom popup detail */
.rightpopup {
    position: fixed;
    top: 9.4rem;
    right: 2rem;
    width: 380px;
}



/* participant summary */
.summarypagedesign {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

div.img-left {
    margin-right: 1rem;
}

.agegender ul {
    list-style: none;
    padding-left: 0px !important;
    margin-top: 1rem;
}

    .agegender ul li {
        display: inline-flex;
        align-items: center;
        padding-right: 1rem;
    }

.csimg img {
    height: 100px;
    width: 100px;
    border: 2px solid #1871b8;
    object-fit: cover;
}

.contactname1 {
    color: #757575;
    font-size: 1.3rem;
}

.single_job_experience {
    border-bottom: 1px solid #e1e1e1;
    padding: 1rem 0;
}

.sectioncls .single_job_experience:last-child {
    border-bottom: none;
}

.joffairinterview-list {
    display: grid;
    /* grid-template-columns: 3.5fr 3fr 2fr; */
    grid-template-columns: 3.5fr 4fr;
    grid-gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid #e1e1e1;
}

    .joffairinterview-list:last-child {
        border-bottom: none;
    }

    .joffairinterview-list .mediasection {
        border-right: 1px solid #e1e1e1;
    }

    .joffairinterview-list .second ul {
        list-style: none;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

        .joffairinterview-list .second ul li {
            display: inline-flex;
            align-items: center;
        }

    .joffairinterview-list .second .ctt {
        font-size: 0.9rem !important;
        padding: 0.4rem 1rem !important;
        margin-bottom: 0.5rem;
    }

.w60per {
    width: 60%;
    margin: 0 auto;
}

.w70per {
    width: 70%;
    margin: 0 auto;
}

.user-name {
    color: #000 !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
}

.viewiconul li {
    display: inline-flex;
    align-items: center;
    margin-right: 1.5rem;
}

    .viewiconul li a {
        text-decoration: underline !important;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 1rem;
    }

        .viewiconul li a i {
            margin-right: 0.5rem;
        }

.timeticker {
    margin-top: 2px !important;
    margin-right: 4px;
}

.code-dropdown {
    position: relative;
    display: inline-block;
}

    .code-dropdown::before {
        position: absolute;
        content: " \25BE";
        top: 4px;
        right: 1px;
        height: 20px;
        width: 13px;
    }

.w-70 {
    width: 70%;
}

.w-30 {
    width: 30%;
}

.m-r-0 {
    margin-right: 0px !important;
}

.centerjobfair {
    padding: 10px 5px;
    margin: 10px 0;
    border-bottom: 1px solid #f2f2f2;
}

    .centerjobfair:hover, .centerjobfair.active {
        box-shadow: 2px 2px 8px 0px rgba(230,230,230,1);
    }

.flex-end {
    justify-content: flex-end;
}

.align-start {
    align-items: flex-start !important;
}

.orangetext {
    color: #ff6e00;
}

.greentxt {
    color: #48b348;
}

.bheading {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 1.7rem;
}

.resultvalue {
    font-size: 3rem;
    color: #48b348;
    padding-left: 1rem;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.singleprofile {
    background: #fff;
    padding: 0.7rem;
    margin-bottom: 1rem;
    -webkit-box-shadow: 4px 11px 22px -12px rgba(219,219,219,1);
    -moz-box-shadow: 4px 11px 22px -12px rgba(219,219,219,1);
    box-shadow: 4px 11px 22px -12px rgba(219,219,219,1);
}

#toggle_event_editing button.btn-info {
    color: #fff !important;
}

#toggle_event_editing button {
    box-shadow: none !important;
}

.froboto {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.baseline-align {
    align-items: flex-end !important;
}

.smheading {
    color: #000 !important;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0.5rem;
    font-weight: 700 !important;
    line-height: 2.5rem;
    margin-top: 0px;
    font-size: 16px;
}

.m-r-36 {
    margin-right: 36px;
}

.stamps {
    transform: rotate(0deg);
    color: #555;
    font-size: 1rem;
    font-weight: 700;
    border: 0.25rem solid #555;
    display: inline-block;
    padding: 0.25rem 1rem;
    text-transform: uppercase;
    border-radius: 0.5rem;
    -webkit-mask-image: url('img/grunge.png');
    -webkit-mask-size: 944px 604px;
    mix-blend-mode: multiply;
}

    .stamps.orange {
        border: 0.25rem solid #fe6601 !important;
        color: #fe6601 !important;
    }

    .stamps.success {
        border: 0.25rem solid #7cc360 !important;
        color: #7cc360 !important;
    }

    .stamps.red {
        border: 0.25rem solid #fa0d0d !important;
        color: #fa0d0d !important;
    }


/* vertical tab */
.vertical-tab {
    display: table;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    width: 100%;
}

    .vertical-tab .leftsidetab {
        display: table-cell;
        width: 30%;
        min-width: 30%;
        vertical-align: top;
        border: none;
    }

    .vertical-tab .rightsidetab {
        color: #4e4e4e;
        background-color: #bfddf0;
        font-size: 15px;
        letter-spacing: 1px;
        line-height: 23px;
        padding: 9px 12px;
        border-radius: 0;
        display: table-cell;
        position: relative;
    }
    /*.vertical-tab .nav-tabs{
  display: table-cell;
  width: 30%;
  min-width: 30%;
  vertical-align: top;
  border: none;
}*/
    /*.vertical-tab .tab-content {
	color: #4e4e4e;
	background-color: #bfddf0;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 23px;
	padding: 9px 12px;
	border-radius: 0;
	display: table-cell;
	position: relative;
}*/
    .vertical-tab .leftsidetab .nav-tabs li {
        float: none;
        vertical-align: top;
    }

        .vertical-tab .leftsidetab .nav-tabs li a:hover, .vertical-tab .leftsidetab .nav-tabs li.active a, .vertical-tab .leftsidetab .nav-tabs li.active a:hover {
            color: #1871b8;
            background-color: transparent;
            text-shadow: 0 0 5px #fff;
            border: none;
        }

    .vertical-tab .leftsidetab .nav-tabs > li > a {
        border: none !important;
        padding-left: 0;
    }

    .vertical-tab .leftsidetab .nav-tabs li, .vertical-tab .leftsidetab .nav-tabs li.active a::before {
        transform: scale(1);
    }

        .vertical-tab .leftsidetab .nav-tabs li a::before, .vertical-tab .leftsidetab .nav-tabs li a::after {
            content: '';
            background-color: #bfddf0;
            height: 12px;
            width: 12px;
            border-radius: 50%;
            transform: scale(0);
            position: absolute;
            left: 0;
            bottom: 0;
            transition: all 0.3s;
        }

        .vertical-tab .leftsidetab .nav-tabs li a::after {
            height: 4px;
            width: 0;
            border-radius: 0;
            transform: scale(1);
            bottom: 4px;
            left: 2px;
            transition: all 0.3s ease 0.1s;
        }

        .vertical-tab .leftsidetab .nav-tabs li, .vertical-tab .leftsidetab .nav-tabs li.active a::after {
            width: 100%;
        }

.rightsidetab .cke_editor_Content {
    height: 350px !important;
}

.rightsidetab .cke_contents.cke_reset {
    height: 250px !important;
}

.fw700 {
    font-weight: 700;
}

/* flight page */
.departsection {
    background: #fff;
    padding: 1rem;
}

.item1 {
    grid-row: 1 / span 2;
    grid-column: 1 / span 3;
}

.depart-detail-sec .usercardgridflights {
    background: transparent;
    display: grid;
    grid-template-columns: 1fr 2fr 1.1fr 1.1fr 1.1fr 1.2fr 1.6fr;
    width: 100%;
    margin-bottom: 0.4rem;
    grid-column-gap: 1.50rem;
    margin-bottom: 16px;
}

.grid-arrival {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    align-items: center;
}

.sec-devider-line {
    border: 1px solid #d5eafb;
    display: block;
    margin: 10px 0px;
}

.connecting-flights-info {
    background-color: #f8fdff;
    padding: 10px;
    /*border-top: 2px solid #1871b8;*/
    margin-bottom: 0px;
}

.pageh5 {
    font-size: 18px;
    font-weight: 700;
    color: #1871b8 !important;
    line-height: 2.5rem;
    margin-top: 0px;
    border-bottom: 2px solid #1871b8;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.more-connecting-flights-btns span {
    margin-right: 20px;
}

.checkin-summary-info {
    border-bottom: 1px solid #dbdbdb;
}

.usa-addres-info {
    padding-left: 20px;
}

.checkin-summary-info .gridpatner {
    display: grid;
    width: 100%;
    grid-template-columns: 0.5fr 1.2fr 1.55fr 1.55fr;
    grid-column-gap: 0.7rem;
}

.checkin-summary-info .user-job-deti-info {
    float: left;
}

.checkin-summary-info .usa-commun-info {
    display: grid;
    width: 100%;
    grid-template-columns: 4fr 4fr;
    grid-column-gap: 1.5rem;
}

.checkin-summary-info .chk-box {
    float: left;
    width: 20px;
}

.usa-commun-info .gridpatner {
    display: grid;
    width: 100%;
    grid-template-columns: 2.95fr 1.4fr;
    grid-column-gap: 0.7rem;
}

.grid-act-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    height: 135px;
}

.usa-mob-ph-no {
    float: left;
    margin-right: 30px;
}

.comp-usergrid-filters-acts .gridpatner {
    display: grid;
    width: 100%;
    grid-template-columns: 0.5fr 0.5fr 1fr 1fr 1fr 0.2fr;
    grid-column-gap: 0.7rem;
}

.form-feild-before-txt {
    float: left;
    font-size: 14px;
    font-weight: 600;
    padding-right: 20px;
}

.comp-usergrid-filters {
    padding: 5px 15px 0px 15px;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    clear: both;
    overflow: hidden;
    margin-bottom: 15px;
}

.comp-usergrid-list {
    background-color: #fff;
    clear: both;
    overflow: hidden;
}

.comp-grid-user-info {
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
}

    .comp-grid-user-info .gridpatner {
        display: grid;
        width: 100%;
        grid-template-columns: 0.2fr 1fr 4fr;
        grid-column-gap: 0.7rem;
    }

    .comp-grid-user-info .imgcsscover {
        height: 60px;
        width: 60px;
        object-fit: cover;
        border: 2px solid #7bc2f9;
        border-radius: 0;
    }

.user-information-detail {
    height: 25px;
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    display: flex;
    align-items: center;
    justify-content: center;
}

.comp-grid-user-info .agencyname {
    font-size: 12px;
}

.comp-grid-user-info .currn-status.active {
    background-color: #61d724;
    border-radius: 20px;
    margin-right: 10px;
    padding: 6px;
    float: left;
}

.comp-grid-user-info .currn-status.inactive {
    background-color: #ff2525;
    border-radius: 20px;
    margin-right: 10px;
    padding: 6px;
    float: left;
}

.comp-grid-user-info .user-enrollno {
    font-size: 12px;
    float: left;
    margin-right: 10px;
}

.comp-grid-user-info .course-period {
    font-size: 11px;
    background-color: #1871b8;
    color: #fff;
    padding: 0px 5px;
    border-radius: 3px;
    margin-right: 10px;
    float: left;
}

.comp-grid-user-info .course-year {
    font-size: 11px;
    float: left;
}

.user-doc-info {
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    justify-content: left;
    height: 60px;
}

    .user-doc-info.twelvemonth .month-doc-detil {
        width: 79px;
        font-size: 11px;
        float: left;
        text-align: center;
        padding: 5px;
        margin-right: 2px;
        border-radius: 2px;
    }

    .user-doc-info.elevenmonth .month-doc-detil {
        width: 86px;
        font-size: 11px;
        float: left;
        text-align: center;
        padding: 5px;
        margin-right: 2px;
        border-radius: 2px;
    }

    .user-doc-info.tenmonth .month-doc-detil {
        width: 95px;
        font-size: 11px;
        float: left;
        text-align: center;
        padding: 5px;
        margin-right: 2px;
        border-radius: 2px;
    }

    .user-doc-info.ninemonth .month-doc-detil {
        width: 106px;
        font-size: 11px;
        float: left;
        text-align: center;
        padding: 5px;
        margin-right: 2px;
        border-radius: 2px;
    }

    .user-doc-info.eightmonth .month-doc-detil {
        width: 119px;
        font-size: 11px;
        float: left;
        text-align: center;
        padding: 5px;
        margin-right: 2px;
        border-radius: 2px;
    }

    .user-doc-info.sevenmonth .month-doc-detil {
        width: 136px;
        font-size: 11px;
        float: left;
        text-align: center;
        padding: 5px;
        margin-right: 2px;
        border-radius: 2px;
    }

    .user-doc-info.sixmonth .month-doc-detil {
        width: 159px;
        font-size: 11px;
        float: left;
        text-align: center;
        padding: 5px;
        margin-right: 2px;
        border-radius: 2px;
    }

.month-doc-detil.docapproved {
    background-color: #e1ffd5;
    border-bottom: 3px solid #39b507;
}

.month-doc-detil.docdueby {
    background-color: #fff0d1;
    border-bottom: 3px solid #f3ac1b;
}

.month-doc-detil.docoverdue {
    background-color: #ffe4e4;
    border-bottom: 3px solid #ff6668;
}

.month-doc-detil.docfuture {
    background-color: #fffbd6;
    border-bottom: 3px solid #ffe701;
}

.user-grid-doc-curr-month {
    font-weight: 600;
    display: block;
    font-family: 'Roboto', sans-serif;
}

.user-curr-doc-stat {
    font-weight: 600;
    display: block;
    font-family: 'Roboto', sans-serif;
}

.user-curr-doc-procss-date {
    font-family: 'Roboto', sans-serif;
    display: block;
}

.green-higlit-txt {
    background-color: #8bd73f;
    font-weight: normal;
    color: #000 !important;
    padding: 1px 10px;
}

.font-size-10 {
    font-size: 10pt !important;
}

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

.font-size-12 {
    font-size: 12px !important;
}

.usa-commun-info {
    margin-top: 5px;
}

.custom-cap {
    grid-gap: 1rem !important;
}

.labelleft {
    font-size: 1.3rem;
    color: #757575;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    padding: 0.2rem 0;
}

.numo {
    color: #1871b8;
}

.placementgrid {
    display: grid;
    width: 100%;
    grid-gap: 0.5rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.labelleft span.label {
    color: #fff;
}

.hideoverflow .customcheckbox {
    overflow: hidden;
}

.infosection {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    background: #fff;
    padding: 1rem;
    box-shadow: 2px 2px 8px 0px rgba(230,230,230,1);
}

.gray-dd {
    border: 1px solid #ccc !important;
    font-weight: 500 !important;
    border-width: 0 0 1px !important;
    font-size: 1.3rem !important;
}

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

button.btn.btn-default.btn-sm.pull-left {
    width: 100%;
}

button.btn.btn-default.btn-sm.pull-right {
    width: 100%;
}

.custom_date ul li div table button:hover {
    color: #333;
    background-color: #e6e6e6 !important;
    border-color: #adadad;
}

.ml30 {
    margin-left: 30px;
}

.m0 {
    margin: 0px !important;
}

.overflow_unset {
    overflow: unset;
}

.new-mydashboardtab-content .dashboard-pagination-list {
    /*float: none;
  padding: 0 0px 0 0 !important;
  position: absolute;
  right: 0px;
   top: 5px;*/
    margin: 0px 0 10px;
}

.clearfix.auto-generated-dashboardlist.open-testcycle-div {
    padding: 11px 12px;
}

.testing-section ul.pagination li.active a:hover, .testing-section ul.pagination li.active a:focus {
    background: #2A6496 !important;
    cursor: pointer;
}

.testing-section ul.pagination li a:hover, .testing-section ul.pagination li a:focus {
    cursor: pointer;
}

ul.testers_allow-paginations.earnings_page {
    padding-bottom: 0;
}

    ul.testers_allow-paginations.earnings_page ul.newpage {
        padding-bottom: 0;
    }


.previous .fa.fa-angle-left {
    padding: 0 7px 0 4.7px;
}

.archive-pages table tr > td {
    border: 1px solid #D4D4D4;
    width: 25px !important;
}

    .archive-pages table tr > td.first {
        width: 55px !important;
    }

    .archive-pages table tr > td.last {
        width: 55px !important;
    }

.dimgray {
    color: #949494 !important;
}

.f-1em {
    font-size: 1em !important;
}

.clearFont {
    color: #3871b8;
}

.b-r-10 {
    border-right: 10px solid #f7f8f9;
}

.editor div#cke_1_contents {
    max-height: 130px !important;
}

.editor .cke_top {
    height: 95px !important;
}

.font-size-17pt {
    font-size: 17pt !important;
}

.font-size-11pt {
    font-size: 11pt !important;
}

.dot {
    height: 10px;
    width: 10px;
    background-color: #9ad0fd;
    border-radius: 50%;
    display: inline-block;
}

.dot2 {
    height: 10px;
    width: 10px;
    background-color: #efad4d;
    border-radius: 50%;
    display: inline-block;
}

.center {
    width: 300px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 75%;
    margin-left: -150px;
    margin-top: -150px;
    text-align: center;
}

.opacity_5 {
    opacity: 0.5;
}

.arrivalTimegrid {
    background: transparent;
    display: grid;
    grid-template-columns: 0.4fr 0.4fr 0.5fr;
    width: 100%;
    margin-bottom: 0.4rem;
    grid-column-gap: 1.20rem;
}

.depart-detail-sec .usercardgridflights {
    background: transparent;
    display: grid;
    grid-template-columns: 4fr 2fr 3fr 2fr 1.1fr 1.2fr 1.6fr;
    width: 100%;
    margin-bottom: 0.4rem;
    grid-column-gap: 1.50rem;
    margin-bottom: 16px;
}

.depart-detail-sec .usercardgriddeparture {
    background: transparent;
    display: grid;
    grid-template-columns: 4fr 2fr 3fr 2fr 1.1fr 1.2fr 1.6fr;
    width: 100%;
    margin-bottom: 0.4rem;
    grid-column-gap: 1.50rem;
    margin-bottom: 16px;
}

.connecting-flight-sec .usercardgrid {
    background: transparent;
    display: grid;
    grid-template-columns: 1.6fr 2.2fr 1.8fr 1.8fr 1.1fr 1.2fr 1.2fr 0.9fr;
    width: 100%;
    margin-bottom: 0.4rem;
    grid-column-gap: 1.50rem;
    margin-top: 8px;
}

.arrival-detail-sec .usercardgrid {
    background: transparent;
    display: grid;
    grid-template-columns: 1.6fr 2.2fr 1.8fr 6.8fr;
    width: 100%;
    margin-bottom: 0.4rem;
    grid-column-gap: 1.50rem;
    margin-top: 8px;
}

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

.arriv_verify {
    font-weight: bold;
    color: #eda905 !important;
}

.min_wdth420 {
    min-width: 600px;
}

.custombtncenter .stampsection ul li a.orange-color {
    color: #ff8e00 !important;
}

.txt_black {
    color: #000;
}

.red_color {
    color: #e90a0a !important;
}

.d-block {
    display: block;
}

.teacher_popup.mingridheight {
    width: 85vw;
}

    .teacher_popup.mingridheight .form-group label {
        display: block;
    }

.w-50 {
    width: 49% !important;
    display: inline-block !important;
}

.active_span {
    display: inline-block;
    background: #87cd5f;
    padding: 0 5px;
    border-radius: 3px;
    float: right;
    color: #fff;
}

.bd-highlight.flights {
    min-width: 145px;
    max-width: 145px;
}

.bd-highlight.arr-guide {
    min-width: 130px;
    max-width: 130px;
}

.bd-highlight.flights.health {
    min-width: 130px;
    max-width: 130px;
}

.bd-highlight.flights.sevis {
    min-width: unset;
}

.purple_clr {
    color: #7e00ac;
}

.blue_clr {
    color: #008bfc !important;
}

fieldset {
    border: none !important;
}

.approvals-block-popup-11 .forgotpassword_field {
    max-height: unset;
}

.mingridheight {
    min-height: unset;
}

.pointer {
    cursor: pointer;
}

.change_btn, .change_btn:hover {
    text-decoration: none;
    background: #ffc332;
    color: #fff;
    font-size: 12px;
    padding: 2px 10px;
    float: right;
    border-radius: 5px;
}

.min_heght225 {
    min-height: 225px;
}

.min_heght200 {
    min-height: 200px;
}

.sketch_txt {
    font-size: 14px;
    color: #0110f2 !important;
    font-weight: 600;
    margin-top: 15px;
}

.teacher_input {
    width: auto !important;
    padding-left: 5px !important;
    padding-top: 5px !important;
    margin-left: 15px !important;
}

.customradio {
    margin: 0.5rem;
}

    .customradio input[type=radio] {
        position: absolute;
        opacity: 0;
    }

        .customradio input[type=radio] + .radio-label:before {
            content: "";
            background: #f4f4f4;
            border-radius: 100%;
            border: 1px solid #b4b4b4;
            display: inline-block;
            width: 1.4em;
            height: 1.4em;
            position: relative;
            top: -0.2em;
            margin-right: 1em;
            vertical-align: top;
            cursor: pointer;
            text-align: center;
            transition: all 250ms ease;
        }

        .customradio input[type=radio]:checked + .radio-label:before {
            background-color: #3197EE;
            box-shadow: inset 0 0 0 4px #f4f4f4;
        }

        .customradio input[type=radio]:focus + .radio-label:before {
            outline: none;
            border-color: #3197EE;
        }

        .customradio input[type=radio]:disabled + .radio-label:before {
            box-shadow: inset 0 0 0 4px #f4f4f4;
            border-color: #b4b4b4;
            background: #b4b4b4;
        }

        .customradio input[type=radio] + .radio-label:empty:before {
            margin-right: 0;
        }

.inprogres_txt {
    font-weight: 400 !important;
    font-size: 14px;
}

    .inprogres_txt a {
        color: #2443eb !important;
        text-decoration: underline;
    }

.p-y-50 {
    padding: 50px 0;
}

.p-l-15 {
    padding-left: 15px;
}

.nopreviewtxt {
    font-size: 25px;
    margin-top: 10px;
}

.opacity_div {
    opacity: 0.1;
}

.start_btn {
    text-decoration: none !important;
    background: #6391cb;
    padding: 5px 25px;
    color: #fff !important;
    border-radius: 5px;
    font-size: 15px;
    margin-left: -40px;
}

.border_input {
    border: 1px solid #ccc !important;
    padding: 5px 10px !important;
}

.wdth_90per {
    width: 90% !important;
}

.add_icon {
    font-size: 15px;
    margin-left: 10px;
    vertical-align: top;
    color: green;
    cursor: pointer;
}

.add_link {
    font-size: 12px;
    text-decoration: none !important;
    color: indigo;
}

.remove_icon {
    color: #f00000;
}

.mt_min1 {
    margin-top: -1px !important;
}

.w-83 {
    width: 83% !important;
}

.border_box {
    border: 1px solid #ccc;
    padding: 11px;
}

.section_div {
    background: #4892f0;
    width: 100%;
    padding: 5px;
    color: #fff !important;
}

.radio_btn {
    display: inline-block;
    color: #847474;
}

.fnt_sze15 {
    font-size: 15px;
}

.txtarea_bg {
    background: #e6e6e6;
    opacity: 0.1;
}

.heading_bg {
    width: 150px;
    height: 15px;
    opacity: 0.7;
}

.wdth300 {
    width: 300px;
}

.wdth250 {
    width: 250px;
}

.darkblue_bg {
    background: #0382d1;
}

.lghtblue_bg {
    background: #93c8eb;
}

.txtarea_noborder {
    border: none;
    box-shadow: none;
}

.one h3 {
    text-align: center;
    /* text-transform: uppercase; */
    padding-bottom: 5px;
    position: relative;
}

    .one h3:before {
        width: 28px;
        height: 5px;
        display: block;
        content: "";
        position: absolute;
        bottom: 3px;
        left: 50%;
        margin-left: -14px;
        background-color: #2b0dff;
    }

    .one h3:after {
        width: 100px;
        height: 1px;
        display: block;
        content: "";
        position: relative;
        margin-top: 15px;
        left: 50%;
        margin-left: -50px;
        background-color: #2b0dff;
    }

.text_decoration_underline {
    text-decoration: underline;
}

.bg-success {
    background: green;
}

.month_select {
    border: 1px solid #ccc;
    width: 60px;
}

.pt_100 {
    padding-top: 100px !important;
}

.overlay_preview {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #c1c1c1;
    opacity: 0.3;
    padding-top: 100px;
    top: 0;
    left: 0;
    right: 0;
}

.fnt_sze100 {
    font-size: 100px;
}

.explanatn_txt {
    cursor: pointer;
    color: #4892f0;
    font-size: 10px;
}

.opacity_6 {
    opacity: 0.6;
}

.text_white {
    color: #fff !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.drop_arrow {
    background: #fff;
    right: 1px;
    position: absolute;
    top: 1px;
    width: 20px;
}

.cal-icon a i {
    font-size: 25px;
    margin-right: 10px;
    color: #008e3e;
}

.add_icon_mul {
    position: absolute;
    left: 230px;
    bottom: 7px;
}

.w-25 {
    width: 25% !important;
}

.teacher_popup .mingridheight {
    min-height: 425px;
}

.date_box {
    border: none;
    background: none !important;
    box-shadow: none;
    width: 115px;
}

.btn-cal {
    border-radius: 0px;
    background: #f5fafb;
    color: #0075b9;
}

.input_date {
    padding: 0;
    display: inline-block;
    padding-left: 40px;
}

.form-control:focus {
    box-shadow: none;
}

.modal_box {
    border: 1px solid #f2f2f2;
    padding: 0;
}

.d-inline {
    display: inline;
}

.health_icon {
    font-size: 15px;
    margin-left: 40px;
    color: #000;
}

.submit_test {
    border: 1px solid #87cd5f;
    padding: 1px 4px;
    border-radius: 3px;
    background: #fff;
    color: #87cd5f;
    font-weight: 600;
    font-size: 8px;
}

.bg_red {
    border: 1px solid #f00000;
    color: #f00000;
}

.minhght_div .white_bg {
    min-height: 260px;
}

.m-t-18 {
    margin-top: 18px;
}

.checkin_box {
    display: inline-block;
    border: 1px solid #f2f2f2;
    padding: 5px 15px;
}

.font-weight-bold {
    font-weight: bold;
}

.w-auto {
    width: auto !important;
}

.minhght_div .white_bg.min_hght280 {
    min-height: 355px;
}

.actvty_head_bg {
    background: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    border: 1px solid #f2f2f2;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

.subogrid .tittle.activity_title {
    font-size: 15px;
    font-weight: bold;
}

.que_sec {
    padding: 15px 10px;
    background: #fff;
    border: 1px solid #f2f2f2;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    border-radius: 5px;
}

.min_hght1238 {
    min-height: 1238px;
}

.w-50-flex {
    width: 49%;
    display: inline-flex;
}

.pic_box {
    border: 1px solid #ccc;
    padding: 5px 15px;
}

.bluetxt {
    color: #0067b2 !important;
}

.w-300 {
    width: 300px;
}

.bd-highlight h5 {
    font-size: 13px;
    font-weight: 501;
}

.view_report {
    color: #0a4ea9;
    font-size: 15px;
}

.monthly_chekin_hd {
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 15px rgba(0,0,0,0.12);
}

.ml-auto {
    margin-left: auto;
}

.prog-bar-container {
    display: block;
    /* height: 20px; */
}

    .prog-bar-container .active a {
        background: #090;
        color: #fff;
    }

.prog-bar {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 16px;
    list-style: none;
    position: relative;
    margin: 0 10px;
}

.prog-bar-line {
    position: absolute;
    top: 5px;
    height: 5px;
    width: 100%;
}

.prog-bar-line__bg {
    background: #ccc;
    position: absolute;
    top: 0;
    left: 3em;
    right: 3em;
    bottom: 0;
    z-index: 5;
}

.prog-bar-line__fill {
    background: #090;
    position: absolute;
    top: 0;
    left: 3em;
    height: 5px;
    width: calc(33% - (3em / 2) );
    z-index: 10;
}

.prog-bar__step {
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 15;
    width: 7em;
}

.prog-bar__step__bubble {
    background: #ccc;
    border-radius: 25px;
    color: #333;
    display: inline-block;
    text-align: center;
    line-height: 23px;
    text-decoration: none;
    width: 14px;
    height: 14px;
}

.prog-bar__step__title {
    font-size: 14px;
    max-width: 7em;
    margin-top: 0.5em;
    line-height: 1em;
}

.prog_hdng {
    margin-top: -25px;
    font-size: 12px;
    color: #1871b8;
    margin-bottom:0px !important;
}
.prog_hdng1 {
    margin-top: -25px;
    font-size: 11px;
    color: #1871b8;
    margin-bottom: 0px !important;
    text-align: center;
}
.fa_icons .fa {
    font-size: 12px;
    margin-top: 10px;
}

.min_hght115 {
    min-height: 115px;
}

.action_pos {
    position: absolute;
    right: 0;
    z-index: 1;
}

.p-r-20 {
    padding-right: 20px;
}

.float-none {
    float: none;
}

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

.menu_arrow {
    right: 0;
    top: 30px;
    background: none;
    color: #000;
    padding: 5px 6px;
    float: right;
    font-size: 18px;
}

.health_icon {
    margin-top: 20px;
    text-align: right;
    font-size: 14px;
}

.max_wdth300 {
    max-width: 300px;
}

.right_dropdwn {
    right: 0;
    left: auto;
}

.stepper-horizontal {
    /* display: table;*/
    width: 100%;
    margin: 0 auto;
    position: relative;
   /* overflow-x: auto;*/
    max-width: 97%
}

    .stepper-horizontal .step {
        display: table-cell;
        position: relative;
        padding: 0.5rem;
        z-index: 2;
       }

        .stepper-horizontal .step:last-child .step-bar-left, .stepper-horizontal .step:last-child .step-bar-right {
            display: none;
        }

        .stepper-horizontal .step .step-circle {
            width: 30px;
            height: 27px;
            margin: 0 auto;
            border-radius: 50%;
            text-align: center;
            line-height: 32px;
            /* font-size: 5px; */
            font-weight: 600;
            z-index: 2;
            border: 3px solid #e0e0e0;
            position: relative;
            cursor: pointer;
        }

        .stepper-horizontal .step.done .step-circle {
            background-color: #199473;
            border: 2px solid #199473;
            color: #ffffff;
        }

            .stepper-horizontal .step.done .step-circle:before {
                font-family: "FontAwesome";
                font-weight: 100;
                content: "";
            }

            .stepper-horizontal .step.done .step-circle * {
                display: none;
            }

        .stepper-horizontal .step.done .step-title {
            color: #102a43;
        }

        .stepper-horizontal .step.editing .step-circle {
            border-color: #5c9943;
            color: #fff;
            background: #7cc360;
        }

        .stepper-horizontal .step.editing .step-title {
            color: #202020;
            font-size: 15px;
            font-weight: bold;
        }

        .stepper-horizontal .step .step-title {
            margin-top: 1rem;
            font-size: 11px;
            font-weight: 600;
            min-width: 35px;
        }

        .stepper-horizontal .step .step-title,
        .stepper-horizontal .step .step-optional {
            text-align: center;
            color: #202020;
            position: absolute;
            left: 50%;
            transform: translate(-50%, -50%);
            bottom: -21px;
        }

        .stepper-horizontal .step .step-optional {
            font-size: 0.75rem;
            font-style: italic;
            color: #9fb3c8;
        }

        .stepper-horizontal .step .step-bar-left,
        .stepper-horizontal .step .step-bar-right {
            position: absolute;
            top: calc(1rem + 8px);
            background-color: #e0e0e0;
            border: solid #e0e0e0;
            border-width: 1px 0;
        }

        .stepper-horizontal .step.editing .step-bar-left,
        .stepper-horizontal .step.editing .step-bar-right {
            background-color: #7cc360;
            border: solid #7cc360;
        }

        .stepper-horizontal .step .step-bar-left {
            width: calc(40%);
            left: 80%;
            /* margin-left: 1rem; */
            z-index: -1;
        }

        /*.stepper-horizontal .step .step-bar-left .background-colour {
                                                    background-color: #7cc360;
                                                    border: solid #7cc360;
                                                }*/

        .stepper-horizontal .step .step-bar-right {
            width: 0;
            left: 50%;
            margin-left: 1rem;
            z-index: -1;
            transition: width 500ms ease-in-out;
        }

        .stepper-horizontal .step.done .step-bar-right {
            background-color: #199473;
            border-color: #199473;
            z-index: 3;
            width: calc(100% - 2rem);
        }
/* .scroll-toggle__list::-webkit-scrollbar {
    width: 10px;
} */
/* .scroll-toggle__list::-webkit-scrollbar-track {
    background: #f1f1f1;
    height:3px;
} */
/* Handle */
/* .scroll-toggle__list::-webkit-scrollbar-thumb {
    background: #888;
} */
/* Handle on hover */
/* .scroll-toggle__list::-webkit-scrollbar-thumb:hover {
        background: #555;
    } */
.scroll-toggle__list {
    display: flex;
    justify-content: center;
    align-items: stretch;
}
.gray_bg {
    background-color: #ccc;
    border-color: #ccc !important;
}

.gray_txt {
    color: #ccc;
}

.orange_bg {
    background: #FFF5E9 !important;
    border-color: #ff8e00 !important;
    color: #ff8e00;
}

.green_bg {
    background: #E5F9E6 !important;
    border-color: #3fae00 !important;
    color:#3fae00;
}

.green_txt {
    color: #3fae00 !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.p-20 {
    padding: 20px;
}

.bg-white {
    background: white;
}

.align-sub {
    vertical-align: sub;
}

.max_hght280 {
    max-height: 280px;
}

.border_left {
    border-left: 1px solid #f2f2f2;
}

.wdth_82vw {
    width: 82vw;
}

.min_hght280 {
    min-height: 355px;
}

.menu-wrapper {
    position: relative;
    max-width: 500px;
    height: 100px;
    margin: 1em auto;
    border: 1px solid black;
    overflow-x: hidden;
    overflow-y: hidden;
}

.menu {
    height: 120px;
    background: #f3f3f3;
    box-sizing: border-box;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

    .menu .item {
        display: inline-block;
        width: 100px;
        height: 100%;
        outline: 1px dotted gray;
        padding: 1em;
        box-sizing: border-box;
    }

.paddle {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 3em;
}

.left-paddle {
    left: 0;
}

.right-paddle {
    right: 0;
}

.hidden {
    display: none;
}

.print {
    margin: auto;
    max-width: 500px;
}

    .print span {
        display: inline-block;
        width: 100px;
    }


.card_border {
    border: 1px solid #cecccc;
}

.font-weight-normal {
    font-weight: normal !important;
}

.contact_name {
    font-size: 1.3rem;
    color: #757575;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    display: block;
}

.us_merun {
    color: #bf0b32;
}

.us_blue {
    color: #002768;
}

.scroll_horizontal {
    scrollbar-width: thin;
    scrollbar-color: #98ccfd;
}

    .scroll_horizontal:-webkit-scrollbar {
        width: 5px;
        height: 10px;
    }

    .scroll_horizontal::-webkit-scrollbar-track {
        background-color: #f0f0f0
    }

    .scroll_horizontal::-webkit-scrollbar-thumb {
        background-color: #98ccfd;
        border-radius: 10px;
        border: none;
    }

    .scroll_horizontal::-webkit-scrollbar-button {
        width: 15px;
    }

    /* webkit browsers */
    .scroll_horizontal::-webkit-scrollbar,
    .scroll_horizontal::-webkit-scrollbar-thumb {
        height: 5px;
        border-radius: 10px;
        background-clip: padding-box;
        border: none;
    }

    .scroll_horizontal::-webkit-scrollbar-thumb {
        box-shadow: none;
    }

.pos_profile {
    position: relative;
    bottom: -35px;
}

.btm_75min {
    bottom: -30px;
}

.redtext {
    color: #ed2d23 !important;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.bullet_list li {
    list-style: inside;
}

.date_input {
    border: none;
    border-bottom: 1px solid #949494 !important;
}

.modal_remove.remove-more a {
    font-size: 22px;
    width: 35px;
    height: 35px;
    line-height: 30px;
}

table tr > td.selected {
    background: #7cc260;
}

.dark_alert {
    font-size: 25px;
    color: #000 !important;
}

.min_hght80 {
    min-height: 80px !important;
}

.connecting-flight-sec .usercardgrid.flightdetailsgrid {
    grid-template-columns: 1.6fr 2.2fr 1.8fr 1.8fr 1.3fr 1.3fr 0.4fr;
}

.z-index-0 {
    z-index: 0;
}

.fs14 {
    font-size: 14px;
}
.green_bg.year_greenbg_align {
    position: absolute !important;
    left: 35%;
    transform: translate(-50%, -50%);
    top: 28px;
}
.bd-highlight.arr-guide.mw115px {
    min-width: 115px !important;
}
.p-2px {
    padding: 2px 5px;
}
.fsize-1rem{
    font-size:1.2rem !important;
}
.p-t-3{
    padding-top:3px !important;
}