/* 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');

.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;
}

.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;
}

.m-l-18per{
    margin-left: 18% !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;
}

.statusmsg2 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem !important;
    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;
}



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

.profilepic img {
    width: 100px;
    margin-right: 0.5rem;
    margin-top: 0px !important;
    float: left;
}

/*.participant_entry {
    color: #4e4e4e;
    font-size: 1.2em !important;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
}*/

.participant_entry h3.title_name {
    color: #4e4e4e;
    font-size: 1.2em;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
}

.numo span {
    color: #716c6c;
}

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

.scrolleralert {
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;
    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: 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);
    background: #fff;
    margin-bottom: 1.5rem;
    grid-template-columns: 1fr;
    grid-column-gap: 3rem;
}

.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;
}

.gridparticipant {
    display: grid;
    width: 100%;
    grid-template-columns: 0.2fr 0.7fr 0.7fr 1.8fr;
    grid-column-gap: 1.5rem;
}

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

.gridpatner3 {
    display: grid;
    width: 100%;
    grid-template-columns: 0.6fr 0.4fr 1.8fr;
    grid-column-gap: 1.5rem;
}

.reportgridpatner {
    display: grid;
    width: 100%;
    grid-template-columns: 0.1fr 0.6fr 0.8fr 0.5fr 1fr 0.5fr;
    grid-column-gap: 1.5rem;
}

/* .gridpatner2{
display: grid;
width:100%;
grid-template-columns: 1.2fr 1.2fr 1fr 1.8fr;
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: 1.1rem;
            text-transform: capitalize;
            border: 1px solid #989898;
            padding: 0.2rem 1rem;
            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;
}

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

.gridpatner3 .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; */
}

.reportsbargrid {
    display: grid;
    grid-template-columns: 90% 10%;
    margin-bottom: 1.5rem;
    /* font-family: 'Roboto', sans-serif;
  font-weight: 500; */
}

.ctt {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-decoration: none !important;
    font-size: 1.2rem;
    padding: 0.4rem 1rem;
    color: #4e4e4e !important;
    border: 1px solid #8cccff;
    border-radius: 0.5rem;
    text-transform: uppercase;
    cursor: pointer !important;
}

.ctt2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-decoration: none !important;
    font-size: 1.1rem;
    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;
}

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

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

.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.8rem 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;
        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 #e1e0e0 !important;
        outline: 0;
        border-radius: 0px !important;
        padding: 0.1rem 2.3rem 0.1rem 0 !important;
        height: 25px;
        color: #4e4e4e;
        font-weight: 500;
        font-size: 1.1rem;
        background-size: 15px 15px !important;
    }

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

.posrel {
    position: relative;
}

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

.displayflexo {
    display: flex;
}

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

.m-15 {
    margin: 15px !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;
}

.depart-detail-sec .usercardgriddeparture {
    background: transparent;
    display: grid;
    grid-template-columns: 0.79fr 1.35fr 0.71fr 0.74fr 0.7fr 1fr 1fr;
    width: 100%;
    margin-bottom: 0.4rem;
    grid-column-gap: 1.50rem;
    margin-bottom: 16px;
}

.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;
}

.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;
}

.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;
}

.customcheckbox2 input {
    width: 45px !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%;
}

.availgrid12 {
    display: grid;
    grid-template-columns: 60% 20%;
}

.customcheckbox ul {
    padding-left: 0;
}

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

.customcheckbox2 ul {
    padding-left: 0;
}

    .customcheckbox2 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;
}

.checkintextarea textarea {
    width: 100%;
    resize: none;
    border: 1px solid #e1e0e0 !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: #1871b8 !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;
}

.twogrid2 {
    display: grid;
    grid-template-columns: 1.8fr 2.5fr;
    grid-column-gap: 1rem;
    text-align: center;
    align-items: center;
}

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

.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;
}
.tripletransportation {
    display: grid;
}
.triplegridPlacement {
    display: grid;
    grid-template-columns: 20% 40% 20%;
    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;
            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;
    margin: 0px !important;
    padding: 0px !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 !important;
    height: 30px !important;
    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: #4e4e4e;
    font-weight: 500;
    font-size: 1.1rem;
    background-size: 15px 15px !important;
}

.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.1rem;
    background-size: 15px 15px !important;
}

.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;
}

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

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

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

span.icons23 {
    background: url(img/mentalhealth.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% !important;
}

.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: block;
    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.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 {
    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: 63%;
        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;
}

.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: 1px solid #e7f2fb;
    border-radius: 0;
}

.imgcsscover2 {
    height: 106px;
    width: 80px;
    object-fit: cover;
    border: 1px solid #e7f2fb;
    border-radius: 0;
}

.imgcsscover3 {
    height: 65px;
    width: 65px;
    object-fit: cover;
    border: 1px solid #e7f2fb;
    border-radius: 0;
}

.whitebox {
    background: #fff;
    padding: 1rem;
}

.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;
    }

.gridjobfair-intermediate {
    display: grid;
    grid-template-columns: 3fr 4fr;
    grid-gap: 1rem;
    margin-bottom: 2rem;
}

    .gridjobfair-intermediate 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;
    width: 10rem;
}

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;
}

.avail {
    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 4.7fr;
    grid-gap: 1rem;
    margin-bottom: 2rem;
}

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

.documentTypesSettingsGrid {
    display: grid;
    grid-template-columns: 4.06fr 1fr 4fr 2.5fr .6fr 1fr 0.5fr;
    grid-gap: 1rem;
}

.documentTypesSettingsGrid2 {
    display: grid;
    grid-template-columns: 3.2fr 1fr 3.1fr 2.3fr 2.4fr;
    grid-gap: 1rem;
}

.documentTypesSettingsGrid3 {
    display: grid;
    grid-template-columns: 4fr 1fr 3.9fr 2.5fr .6fr 1.19fr 0.5fr;
    grid-gap: 1rem;
}

.documentTypeFileName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60px;
}

.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;
}

.configuratorscroll {
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;
    max-height: 83vh;
}

.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.5rem;
}

.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;
}

.w50per {
    width: 50%;
    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%;
        }

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

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

.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;
}

.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 0px;
    /*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 .gridpatner3 {
    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;
}

.usa-commun-info .gridpatner3 {
    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;
}

.comp-usergrid-filters-acts .gridpatner3 {
    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 .gridpatner3 {
        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-11 {
    font-size: 11px !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);
}

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

.w-130 {
    width: 130px !important;
}

.contactname.m5 span {
    margin: 5px;
}

.container {
    width: 600px;
    margin: 100px auto;
}

.progressbar {
    counter-reset: step;
    position: sticky;
}

    .progressbar li {
        list-style-type: none;
        width: 25%;
        float: left;
        font-size: 11px;
        position: relative;
        text-align: center;
        color: #7d7d7d;
        font-weight: bolder;
    }

        .progressbar li:before {
            width: 30px;
            height: 30px;
            content: counter(step);
            counter-increment: step;
            line-height: 30px;
            border: 2px solid #7d7d7d;
            display: block;
            text-align: center;
            margin: 0 auto 10px auto;
            border-radius: 50%;
            background-color: white;
        }

        .progressbar li:after {
            width: 100%;
            height: 2px;
            content: '';
            position: absolute;
            background-color: #7d7d7d;
            top: 15px;
            left: -50%;
            z-index: -1;
        }

        .progressbar li:first-child:after {
            content: none;
        }

        .progressbar li.active {
            color: green;
        }

            .progressbar li.active:before {
                border-color: #55b776;
            }

            .progressbar li.active + li:after {
                background-color: #55b776;
            }

<!-- Progress with steps -->
ol.progtrckr {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3em;
}

ol.progtrckr[data-progtrckr-steps="2"] li {
    width: 49%;
}

ol.progtrckr[data-progtrckr-steps="3"] li {
    width: 33%;
}

ol.progtrckr[data-progtrckr-steps="4"] li {
    width: 24%;
}

ol.progtrckr[data-progtrckr-steps="5"] li {
    width: 19%;
}

ol.progtrckr[data-progtrckr-steps="6"] li {
    width: 16%;
}

ol.progtrckr[data-progtrckr-steps="7"] li {
    width: 14%;
}

ol.progtrckr[data-progtrckr-steps="8"] li {
    width: 12%;
}

ol.progtrckr[data-progtrckr-steps="9"] li {
    width: 11%;
}

ol.progtrckr li.progtrckr-done {
    color: black;
    border-bottom: 4px solid yellowgreen;
}

ol.progtrckr li.progtrckr-skipped {
    color: black;
    border-bottom: 4px solid orange;
}

ol.progtrckr li.progtrckr-todo {
    color: silver;
    border-bottom: 4px solid silver;
}

ol.progtrckr li:after {
    content: "\00a0\00a0";
}

ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em;
}

ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: yellowgreen;
    height: 1.2em;
    width: 1.2em;
    line-height: 1.2em;
    border: none;
    border-radius: 1.2em;
}

ol.progtrckr li.progtrckr-skipped:before {
    content: "\2713";
    color: white;
    background-color: orange;
    height: 1.2em;
    width: 1.2em;
    line-height: 1.2em;
    border: none;
    border-radius: 1.2em;
}

ol.progtrckr li.progtrckr-todo:before {
    content: "\039F";
    color: silver;
    background-color: white;
    font-size: 1.5em;
    bottom: -1.6em;
}

/* The check container */
.checkcontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The check container */
.checkcontainer2 {
    padding-top: 1px;
    display: block;
    position: relative;
    padding-left: 0px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* Hide the browser's default checkbox */
.checkcontainer2 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: transparent;
}

.checkmark2 {
    position: absolute;
    top: 0;
    left: -20px;
    height: 14px;
    width: 14px;
    background-color: #d4d4d4;
}

/* On mouse-over, add a grey background color */
.checkcontainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkcontainer input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkcontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkcontainer .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* On mouse-over, add a grey background color */
.checkcontainer2:hover input ~ .checkmark2 {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkcontainer2 input:checked ~ .checkmark2 {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark2:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkcontainer2 input:checked ~ .checkmark2:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkcontainer2 .checkmark2:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.obj-fill {
    object-fit: fill;
}

.f-left {
    float: left;
}

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

.l-42 {
    left: 42px !important;
}

.l-28 {
    left: 28px !important;
}

.l-94 {
    left: 94px !important;
}

.l-56 {
    left: 56px !important;
}

.l-38 {
    left: 38px !important;
}

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

.border-top0 {
    border-top: 0px !important;
}

.top0{
    top: 0 !important;
}

.placementbackground1 {
    background: #f5f9fd !important;
    min-height: 270px !important;
}

.placementbackground2 {
    background: #f9f1e3 !important;
    min-height: 270px !important;
}

.placementbackground3 {
    background: #f3fdf0 !important;
    min-height: 270px !important;
}

.placementbackground1 ul, .placementbackground1 li {
    background: #f5f9fd !important;
}

.placementbackground2 ul, .placementbackground2 li {
    background: #f9f1e3 !important;
}

.placementbackground3 ul, .placementbackground3 li {
    background: #f3fdf0 !important;
}


.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;
    }

.m-t-min5 {
    margin-top: -5px;
}

.width115 {
    width: 115px;
}

.width60 {
    width: 60px !important;
}

a.ng-binding.selected {
    color: white;
}

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

table.mr10.newpage.paginationtable.ng-scope tr > td:hover {
    cursor: pointer;
}

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

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

.divcenter {
    margin: auto;
    width: 60%;
    padding: 10px;
    text-align-last: center;
}

.w56per {
    width: 56% !important;
}

.colorgreen, .colorgreen i {
    color: #7cc260 !important;
}

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

.calendar-chosen-box {
    background-color: #d0e2f7 !important;
}

.calendarfilter ul.chosen-choices {
    width: 350px;
    max-height: 90px;
    overflow-y: scroll;
}

.left5 {
    left: 5%;
}

.left0 {
    left: 0;
}

.back-white {
    background-color: white !important;
}

.per14 {
    width: 14% !important;
}

.per36 {
    width: 36% !important
}

.pis-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.no-bold {
    font-family: 'Roboto', sans-serif;
    font-weight: normal !important;
    font-size: 13px;
}

.pistitleborder {
    border-color: #e1e1e1;
    border-radius: 0px;
    border-bottom: solid thick;
    border-width: 2px;
}

.pissubtitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #4e4e4e;
    font-size: 14px;
    text-transform: uppercase;
}

.pisinnertitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #4e4e4e;
    font-size: 13px;
    text-align: justify;
}

.pisinnervalue {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #4e4e4e;
    font-size: 13px;
    text-align: justify;
}

.pisinnervalue p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #4e4e4e;
    font-size: 13px;
    text-align: justify;
}

.left8 {
    left: 8%;
}

.pisgridcontainer {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
    grid-gap: 1em;
    align-items: start;
}

.pisdynamic {
    background-color: yellow;
}

.topmin2 {
    top: -2px;
}

.top2 {
    top: 2px;
}

.listborder {
    border: 1px solid #dadada;
    min-height: 200px;
}

    .listborder.active {
        box-shadow: 2px 2px 8px 0px rgba(230,230,230,1);
    }
.listalignleft {
    text-align: left;
    margin-left: 30px;
}
.w-145px {
width:145px !important;
}
.p-r-6 {
padding-right:6px !important;
}
.heightwidth49{
    height:49px;
    width:49px;
}
.placementtracker_name {
    font-size: 12pt;
    text-decoration: underline;
}