/* BEGIN:base.html */
.box-list .item .rate{
    font-size:14px;margin:0
}
.box-list .item{
    padding:10px
}

.alert{
    padding:10px
}
.salaryInput{ /* add_salary page - base_salary input */
    text-align:right
}

.rainbow-box {
    height:3px;
    background: rgb(97,226,18);
    background: linear-gradient(90deg, rgba(97,226,18,1) 0%, rgba(29,201,253,1) 36%, rgba(66,119,157,1) 58%, rgba(252,69,69,1) 100%);
    position: absolute;
    margin-top: 0;
    z-index: 2;
    width: 100%;
}
.rating label:before {
    content: "\2605";
    font-size: 15px !important;
    color: #f9df4a;
    line-height: 1;
}
.rating input {
    display: none;
}
@media (min-width: 1200px){
    .container { width: 1250px!important;}
}
/* END:base.html */

/* BEGIN:employer_search and department_search form div */
.employer_department_search_div{ /* for desktop */
    padding: 30px;
    background: #33485E;
    border-top: 0;
    height: 125px;
}

@media(max-width:767px){ /* for mobile */
    .employer_department_search_div {
        padding: 5px;
        background: #33485E;
        border-top: 0;
        height: 170px;
    }
}
/* END:employer_search and department_search form div */

/* BEGIN:employer_department_search form button */
.EmployerDepartmentSearchButton{
    margin-top: 25px;
}
/* END:employer_department_search form button*/

/* BEGIN:index.html */
    /* Begin:popular jobtitle button */
        .parent{
            position: absolute;
            width: 100%;
            box-sizing: border-box;
            overflow-x: scroll;
            background: #f5f5f5;
            white-space: nowrap;
            text-align:center!important;
            margin: 0 auto!important;
        }
        .child{
            padding: 8px;
            box-sizing: border-box;
            display:inline-block;
        }
    /* End:popular jobtitle button */
/* END:index.html */

/* BEGIN:blog-list.html */
.thumbnailHeight{
    height: 450px !important;
}

@media (min-width: 320px) and (max-width: 576px) {
    .optimize span{
        font-size: 8px !important;
        display: inline-block;
        line-height: 1.5;
    }
}


@media (min-width: 576px) and (max-width: 768px) {
    .optimize span{
        font-size: 8px !important;
        display: inline-block;
        line-height: 2;
    }
}
@media (min-width: 1200px){
    .block-section {
        padding-top: 120px!important;
    }
    .optimize span{
        font-size: 10px !important;
        display: inline-block;
        margin-left: 20px !important;
    }
}
/* END:blog-list.html */

/* BEGIN:blog-list-by-topic.html */
@media (min-width: 320px) and (max-width: 575.98px) {
    .optimize span{
        font-size: 12px;
        display: inline-block;
        line-height: 1.5;
    }
     .thumbnailHeight{
        height: 400px !important;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .optimize span{
        font-size: 12px;
        display: inline-block;
        line-height: 2;
    }
    .thumbnailHeight{
        height: 400px!important;
        max-height: 500px !important;
    }
}

 @media (min-width: 1200px){
    .block-section {
        padding-top: 120px!important;
    }
    .optimize span{
        font-size: 10px !important;
        display: inline-block;
        margin-left: 20px !important;
    }
}
/* END:blog-list-by-topic.html */

/* BEGIN:blog-detail.html */
.blogimage{
     display: block;
     margin-left: auto;
     margin-right: auto;
     width: 50%;
}
@media (max-width: 575.98px) {
    #blogSubjectDiv{
        margin-top:25px !important;
    }
    .hiddenOnMobile{
        display: none;
    }
}

@media (min-width: 767.98px) {
    .title {
        display: none;
    }
}
/* END:blog-detail.html */

/* BEGIN:add-info.html */
.block-section{
    padding: 10px 0!important;
}
/* END:add-info.html */

/* BEGIN:pagination-button */
 .paginationButton{
    width: 48px;
    height: 48px;
    padding-top:15px!important;
}
/* END:pagination-button */

/* BEGIN:Employer&Department Navigation buttons*/
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #3d454c;
    background-color: #ffffff;
    border-bottom-style: solid!important;
    border-bottom-color: #337ab7!important;
}
.nav-justified > li {
    display: table-cell;
    width: 1%;
}
.mobileScreen{
    padding-right:0px !important;
}
/* END:Employer&Department Navigation buttons*/

/* BEGIN:Employer Details CSS*/
    .feedbackButton{ /* feedback.html */
        color:black;
        background-color:white!important;
        border-top-width: 0px;
        border-left-width: 0px;
        border-bottom-width: 0px;
        border-right-width: 0px;
    }
    .jobtitleSearchInput{
        margin-left: -20px;
    }
    .emp_detail_card_logo {
        width: 75px;
        height: 75px;
    }
    @media(max-width:767px){
        .jobtitleSearchInput{
            margin-left: -20px;
            width:200px;
        }
    }
    /* BEGIN:Employer-Questions CSS */
        .qaDiv{
            display: flex;
            justify-content: space-between;
            max-width: 130px;
            margin: 0 auto;
        }
        .qaButton{
            width: 24px;
            height: 18px;
            background: transparent !important;
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
        }
        .svgDiv{
            width: 12px;
            height: 12px;
        }
        .voteFSize{
            font-size: 15px;
        }
    /* END:Employer-Questions CSS */

/* END:Employer Details CSS*/

/* BEGIN:Salary table css */
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-c3ow{border-color:inherit;text-align:center;vertical-align:top}
@media only screen and (max-width: 767px) {
    .hideMobile { display:none!important; }
    .tg {
        width: auto !important;
        background-color: white!important;
    }
    .tg col {
        width: auto !important;
    }
    .tg-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }


    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
       border:none;

    }
    .theadtr {
       border:none!important;
    }

    #no-more-tables tr { border: none; }

    #no-more-tables td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 35%;
        white-space: normal;
        text-align:left;
        font-size: 15px;
        text-align: center!important;
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 15px;
        left: 6px;
        width: 35%;
        padding-right: 10px;
        word-wrap: break-word;
        text-align:left;
        font-weight: bold;
        color: #505863!important;;
    }
    /*
    Label the data
    */
    #no-more-tables td:before {
        content: attr(data-title);
    }
}
@media only screen and (min-width: 767px) {
    .tg{margin: auto;}
    table{
        width:100%;
    }
}
/* END:Salary table page css */