@import url(../Polished/StyleSheet.css);

/*.listingdisplaypanel .listingimage img {padding: 0; margin:auto; position: relative; right: 0px;}*/

#BrowseHeading {
    color: #222;
    background: #eee;
    border-color: #ddd;
    padding: 10px 10px;
    font-size: 22px;
    margin-bottom: 10px;
}
/* Header quick search styles */
/*.qsearchdiv {margin:0 auto; text-align:center; width:100%;} comment style below and use this style if customer will not have large photo*/
/*@media (max-width: 767px) {
    .qsearchdiv {height:0; margin:0 auto; max-width:1200px; z-index:100; position:relative; bottom:360px; border-radius:3px;}
    .qsearch {background-color:rgba(0,0,0,0.0); padding:15px 20px 15px 20px; height:0;}
    .advsearchlink {font-size:14px; font-style:italic; line-height:30px; text-align:center;}
    .qsearch .catdropdown {width:100%; margin-bottom:5px; border-radius:0; height:40px; border:1px solid #ececec;}
    .qsearch .txtbox {width:100%; margin-bottom:5px; border-radius:0; height:40px; border:1px solid #ececec;}
    .qsearch .txtboxsm {min-width:120px; border-radius:0; height:40px; border:1px solid #ececec;}
    .qsbutton {line-height:26px; margin-bottom:5px; width:100%; background:#47BAEB; border:1px solid #47BAEB; font-size:18px; color:#fff;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .qsearchdiv {height:0; margin:0 auto; width:100%; z-index:100; position:relative; bottom:300px; border-radius:3px;}
    .qsearch {max-width:1200px; background-color:rgba(0,0,0,0.3); padding:20px 5px; margin:0 auto; float:none; text-align:center;}
    .qsearch .catdropdown {min-width:160px; max-width:160px; border-radius:0; height:50px; border:1px solid #ececec; font-size:16px;}
    .qsearch .txtbox {max-width:200px; border-radius:0; height:50px; border:1px solid #ececec; font-size:16px;}
    .qsearch .txtboxsm {min-width:100px; border-radius:0; height:50px; border:1px solid #ececec; font-size:16px;}
    .advsearchlink {font-size:14px; font-style:italic; float:right;}
    .qsbutton {color:#fff; line-height:36px; background:#47BAEB; border:1px solid #47BAEB;}
}
@media (min-width: 992px) and (max-width: 1199.98px)  {
    .qsearchdiv {height:0; margin:0 auto; width:100%; z-index:100; position:relative; bottom:320px; border-radius:3px;}
    .qsearch {max-width:1200px; background-color:rgba(0,0,0,0.3)); padding:20px 15px; margin:0 auto; float:none; text-align:center;}
    .qsearch .catdropdown {min-width:240px; max-width:240px; border-radius:0; height:50px; border:1px solid #ececec; font-size:16px;}
    .qsearch .txtbox {min-width:240px; max-width:240px; border-radius:0; height:50px; border:1px solid #ececec; font-size:16px;}
    .qsearch .txtboxsm {min-width:120px; border-radius:0; height:50px; border:1px solid #ececec; font-size:16px;}
    .advsearchdiv {font-size:16px; font-style:italic; text-align:right;}
    .qsbutton {color:#fff; min-width:100px; line-height:36px; background:#47BAEB; border:1px solid #47BAEB;}
}

@media (min-width: 1200px) {
    .qsearchdiv {height:0; margin:0 auto; width:100%; z-index:100; position:relative; bottom:340px; border-radius:3px;}
    .qsearch {max-width:1100px; background-color:#33353d; padding:20px 10px; margin:0 auto; float:none; text-align:center;}
    .qsearch .catdropdown {min-width:200px; max-width:200px; border-radius:0; height:50px; border:1px solid #ececec; font-size:16px;}
    .qsearch .txtbox {min-width:300px; border-radius:0; height:50px; border:1px solid #ececec; font-size:16px;}
    .qsearch .txtboxsm {min-width:120px; border-radius:0; height:50px; border:1px solid #ececec; font-size:16px;}
    .advsearchlink {font-size:14px; font-style:italic; float:right;}
    .qsbutton {color:#fff; min-width:140px; line-height:36px; background:#47BAEB; border:1px solid #47BAEB;}
}*/

/*Search filtering styles*/
.mgcolumn3filtered {padding-top:0;}

@media (max-width: 767px) {
    .filtersearch {padding:0; margin-bottom:10px;}
    .searchs {padding:5px;}
    .searchs .advsearchlink {font-size:14px; font-style:italic; line-height:30px; text-align:center;}
    .searchs .catdropdown {width:100%; margin:4px 0; border-radius:0; height:40px; background:#fff; color:#222; border:1px solid #ccc;}
    .searchs .txtbox {width:100%; margin:4px 0; border-radius:0; height:40px; background:#fff; color:#222; border:1px solid #ccc;}
    .searchs .txtboxsm {width:100%; margin:4px 0; border-radius:0; height:40px; background:#fff; color:#222; border:1px solid #ccc;}
    .searchs .mg-btn-primary {line-height:24px; width:100%; background:#47BAEB; border:1px solid #47BAEB; font-size:18px; color:#fff;}
    .ftext {color:#222; font-size:18px; padding-bottom:2px;}
    .searchf {padding:5px;}
    .txtboxf {width:100%; padding:8px 10px; background:#fff; color:#222; margin:3px 0; border:1px solid #ccc; border-radius:15px;}
    /*selected dropdown styles*/
    .txtboxf_selected {width:100%; padding:8px 10px; background:#7a7b7d; color:#fff; margin:3px 0; border:1px solid #7a7b7d; border-radius:15px;}
    .filterlink .mg-btn-primary {width:100%; text-align:left; font-size:16px; border-radius:15px; padding:8px 10px; background:#7a7b7d; border:1px solid #7a7b7d;}
    .filterlink .mg-btn-primary a {color:#fff;}
    .filterlink .mg-btn-primary:active, .filterlink .mg-btn-primary:visited {width:100%; background:#7a7b7d; color:#fff; border:1px solid #7a7b7d;}
    .filterlink .mg-btn-primary:hover, .filterlink .mg-btn-primary:focus {width:100%; background:#7a7b7d; color:#fff; border:1px solid #7a7b7d;}

}

@media (min-width: 768px) and (max-width: 991.98px) {
    .filtersearch {} 
    .searchs {padding:5px 0 20px 0;}
    .searchs .catdropdown {min-width:20px; max-width:200px; border-radius:0; height:50px; background:#fff; border:1px solid #eee; font-size:16px;}
    .searchs .txtbox {min-width:200px; border-radius:0; height:50px; background:#fff; color:#222; border:1px solid #ccc; font-size:16px; margin-right:2px;}
    .searchs .txtboxsm {min-width:180px; border-radius:0; height:50px; background:#fff; color:#222; border:1px solid #ccc; font-size:16px;}
    .searchs .advsearchlink {font-size:14px; font-style:italic; float:right;}
    .searchs .mg-btn-primary {color:#fff; min-width:110px; line-height:38px; background:#47BAEB; border:1px solid #47BAEB; font-size:16px; margin-left:2px;}
    .searchf .fa-filter {font-size:16px; color:#222;}
    .ftext {color:#222; font-size:16px; margin-left:20px; position:relative; bottom:12px; padding-top:0;}
    .searchf {}
    .txtboxf {min-width:112px; max-width:180px; font-size:13px; padding:8px 10px; margin:2px; background:#fff; color:#222; border:1px solid #ccc; position:relative; bottom:14px; border-radius:15px;}
    .txtboxnf {min-width:112px; height:38px; max-width:180px; font-size:13px; padding:8px 10px; margin:2px; background:#fff; color:#222; border:1px solid #ccc; position:relative; bottom:13px; border-radius:15px;}
    a.txtboxnf  {color:#222; text-decoration:none;}
    /*selected dropdown styles*/
    .txtboxf_selected {min-width:112px; height:38px; max-width:180px; font-size:13px; padding:8px 10px; margin:2px; background:#7a7b7d; color:#fff; border:1px solid #7a7b7d; position:relative; bottom:13px; border-radius:15px;}
}
@media (min-width: 992px) and (max-width: 1199.98px)  {
    .filtersearch {width:100%;} 
    .searchs {padding:5px 0 20px 0;}
    .searchs .catdropdown {min-width:280px; max-width:280px; border-radius:0; height:50px; background:#fff; border:1px solid #eee; font-size:16px;}
    .searchs .txtbox {min-width:280px; border-radius:0; height:50px; background:#fff; color:#222; border:1px solid #ccc; font-size:16px; margin-right:8px;}
    .searchs .txtboxsm {min-width:210px; border-radius:0; height:50px; background:#fff; color:#222; border:1px solid #ccc; font-size:16px;}
    .searchs .advsearchlink {font-size:14px; font-style:italic; float:right;}
    .searchs .mg-btn-primary {color:#fff; min-width:120px; line-height:38px; background:#47BAEB; border:1px solid #47BAEB; font-size:18px; margin-left:8px;}
    .searchf .fa-filter {font-size:16px; color:#222;}
    .ftext {color:#222; font-size:16px; margin-left:20px; position:relative; bottom:12px; padding-top:0;}
    .searchf {}
    .txtboxf {min-width:112px; max-width:180px; font-size:13px; padding:6px 8px; margin:2px; background:#fff; color:#222; border:1px solid #ccc; position:relative; bottom:14px; border-radius:15px;}
    .txtboxnf {min-width:112px; height:38px; max-width:180px; font-size:13px; padding:9px 8px; margin:2px; background:#fff; color:#222; border:1px solid #ccc; position:relative; bottom:13px; border-radius:15px;}
    a.txtboxnf  {color:#222; text-decoration:none;}
    /*selected dropdown styles*/
    .txtboxf_selected {min-width:112px; height:38px; max-width:180px; font-size:13px; padding:9px 8px; margin:2px; background:#7a7b7d; color:#fff; border:1px solid #7a7b7d; position:relative; bottom:13px; border-radius:15px;}
}

@media (min-width: 1200px) {
    .filtersearch {width:100%;} 
    .searchs {padding:5px 0 20px 0;}
    .searchs .catdropdown {min-width:340px; max-width:340px; border-radius:0; height:50px; background:#fff; border:1px solid #eee; font-size:16px;}
    .searchs .txtbox {min-width:340px; border-radius:0; height:50px; background:#fff; color:#222; border:1px solid #ccc; font-size:16px; margin-right:8px;}
    .searchs .txtboxsm {min-width:230px; border-radius:0; height:50px; background:#fff; color:#222; border:1px solid #ccc; font-size:16px;}
    .searchs .advsearchlink {font-size:14px; font-style:italic; float:right;}
    .searchs .mg-btn-primary {color:#fff; min-width:140px; line-height:38px; background:#47BAEB; border:1px solid #47BAEB; font-size:18px; margin-left:8px;}
    .filterlink {padding-bottom:10px;}
    .filterlink a {font-size:18px; color:#222;}
    .ftext {color:#222; font-size:16px; margin-left:20px; position:relative; bottom:12px; padding-top:0;}
    .searchf {}
    .txtboxf {min-width:120px; max-width:240px; font-size:13px; padding:6px 8px; margin:2px; background:#fff; color:#222; border:1px solid #ccc; position:relative; bottom:14px; border-radius:15px;}
    .txtboxnf {min-width:120px; height:38px; max-width:240px; font-size:13px; padding:8px 8px; margin:2px; background:#fff; color:#fff; border:1px solid #ccc; position:relative; bottom:13px; border-radius:15px; text-decoration:none;}
    a.txtboxnf  {color:#222; text-decoration:none;}
    /*selected dropdown styles*/
    .txtboxf_selected {min-width:120px; height:38px; max-width:240px; font-size:13px; padding:8px 8px; margin:2px; background:#7a7b7d; color:#fff; border:1px solid #7a7b7d; position:relative; bottom:13px; border-radius:15px;}
}
.txtboxf_selected:hover {color:#fff; text-decoration:none;}


@media (max-width: 767px) {
    .listingdisplaypanel h1 {padding:20px 0 0 0; margin-bottom:10px;}
    .listingimage img {margin:0 auto;}
    .listingimage {padding-left:0; padding-right:0; margin:10px 0 15px 0;}
    .ListingDisplay_AddThis {margin:0; padding:15px 0;}

    .titlecolumn {margin:0 auto;}
    .listingdisplaypanel h1 {font-size:26px; padding:10px 0; margin-bottom:0;}
    .listingimagerow {margin-left:0; margin-right:0;}
    .ListingDisplay_Advertiser {color:#222; padding:5px 15px 0 0;}
    .listingdisplayinfo {margin:15px 0; padding-left:28px;}
    .jobpostdate {text-align:center; margin:10px 0;}
    .listingsocialdiv {width:100%; text-align:center; margin:15px 0 20px 0;}
    .listingcriteriarow {margin-left:0; margin-right:0; padding-left:10px; padding-right:10px;}
    .listingcriteria {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:10px 0; margin-top:20px;}

    /*summary listings*/
    .logo {display:flex; align-items:center;  justify-content: center; flex-direction:column;}

    .RemoteJob {margin:0 auto; margin-top:8px; margin-bottom:8px; border:1px solid #ececec; padding:2px 8px; background:#eee; width:100px; border-radius:4px;}
    .RemoteJob .fa-wifi {color:#47BAEB;}
    .RemoteJobLD {font-size:18px; border:1px solid #ececec; padding:2px 8px; margin:5px 0;  background:#eee; border:1px solid #ececec; color:#222; width:auto; border-radius:4px; display:inline-block;}
    .RemoteJobLD .fa-wifi {color:#47BAEB;}

    .qsearchdiv {height:0; margin:0 auto; max-width:1200px; z-index:100; position:relative; bottom:450px; border-radius:3px;}
    .EMcheckboxdiv {color:#555; padding:8px 0 1px 0; background:#fff; border:1px solid #ececec; margin-bottom:5px; position:relative; bottom:48px; margin-left:15px; margin-right:0; width:93.5%;}
    .EMcheckboxdivMobile {height:40px;color:#555; padding:8px 0 1px 0; background:#fff; border:1px solid #ececec; margin-bottom:5px;}
    .mobilelabel {font-weight:400;}

    .remotecheck input[type="checkbox"] {margin:0 3px 0 16px;}
}

@media (min-width: 768px) {
    .listingdisplaypanel h1 {padding:20px 0 0 15px; margin-bottom:20px;}
    .listingimage {margin:10px 0; padding:0;}
    .listingimage img {}
    .ListingDisplay_AddThis {margin:0 auto; text-align:center; padding:15px 0; width:100%;}

    .titlecolumn {background:#eee; border:1px solid #ececec; width:98%; margin:0 auto; margin-top:15px; margin-left:10px;}
    .listingdisplaypanel h1 {font-size:26px; padding:10px 0 1px;}
    .ListingDisplay_Advertiser {color:#222; padding:20px 15px 15px 25px;}
    .listingdisplayinfo {margin:15px 0; padding-left:28px;}
    .jobpostdate {float:right; position:relative; top:24px;}
    .listingsocialdiv {width:100%; text-align:center; margin:15px 0 20px 0;}
    .listingcriteriarow {margin-left:0; margin-right:0; padding-left:10px; padding-right:10px;}
    .listingcriteria {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:10px 0;}

    /*summary listings*/
    .logo {display:flex; align-items:center;  justify-content: center; flex-direction:column;}

    .RemoteJob {border:1px solid #ececec; padding:2px 8px; margin:5px 0; background:#eee; width:100px; border-radius:4px;}
    .RemoteJob .fa-wifi {color:#47BAEB;}
    .RemoteJobLD {font-size:18px; padding:3px 8px; margin:5px; background:#eee; border:1px solid #ececec; color:#222; width:auto; border-radius:4px; text-align:center; float:left;}
    .RemoteJobLD .fa-wifi {color:#47BAEB;}
    .EMcheckbox {color:#fff; font-weight:bold;}
    .EMcheckbox input[type="checkbox"] {width:16px; height:16px; position:relative; top:3px;}
    .EMcheckboxdiv {text-align:left; color:#fff;}
}


@media (min-width: 992px) and (max-width: 1199.98px) {
    .qsearchdiv {height:0; margin:0 auto; max-width:1200px; z-index:100; position:relative; bottom:320px; border-radius:3px;}
}

@media (min-width: 1200px) {
    .qsearchdiv {height:0; margin:0 auto; max-width:1200px; z-index:100; position:relative; bottom:340px; border-radius:3px;}
}


@media (max-width: 767px) {
    /* stats Styles */
    .StatsBox {background:#fff; border:1px solid #ececec; padding:3px; margin-bottom:3px;}
    .StatsHeading {color:#fff; background:#47BAEB; border-color:#47BAEB; padding: 5px 10px 0 10px; font-size:16px; margin-bottom:10px; font-weight:100;}
    .StatsFormHeading {color:#333; background:#f4f4f4; border-color:#eee; padding: 5px 10px; font-size:22px; margin-bottom:10px;}
    .StatsForm {background:#fff; padding:10px; border:1px solid #ececec; width:100%;}

    .indeed-wrapper {padding:0 0 10px 0; background:#fff;}
    .indeed-homepage {max-width:1200px; margin:0 auto; float:none;}
    .indeed-body {background:#fff; padding:0;}
    .indeed-body a {font-weight:bold; color:#222;}
    .indeed-homepage .indeed-body {background:#fff; padding:0;}
    .indeed-homepage .panel-body a {padding:0; color:#222;}
    .indeedlisting {padding:10px; background:#fff; border:1px solid #ececec; margin-bottom:5px;}
    /*#Panel_IndeedHeading {color:#222; background:#fff; border-color:#fff; padding:5px 10px; font-size:22px;}*/
    #Panel_IndeedHeading a {color:#fff;}
    /*#IndeedListings_Panel_IndeedHeading {color:#222; background:#eee; border:1px solid #ececec; padding:10px 15px; font-size:22px; margin:10px 0;}*/
    .indeed-homepage #IndeedListings_Panel_IndeedHeading {color:#222; background:#eee; border:1px solid #ececec; padding:10px 10px; font-size:22px; margin:5px 0;}


    /* Zip Recruiter listings header */
    .indeed-wrapper .ziprecruiter {color:#222; background:#eee; border:1px solid #ececec; padding:5px 10px; font-size:22px; text-align:center; margin:10px 0;}
    .ziprecruiter {}
    .ziprecruiter-body {padding:0; background:#fff;}
    .zipmorebtn .mg-btn-primary {position:relative; right:15px; margin-top:15px;}
    .indeed-homepage .ziprecruiter-body {background:#fff; padding:0;}
    .ziprecruiterlisting {padding:10px; background:#fff; border:1px solid #ececec; margin-bottom:5px;}
    .ziprecruiterlisting a {color:#222; font-weight:bold; line-height:30px;}
    .ziprecruiter .mgpanel-headinghm  {color:#222; background:#eee; border:1px solid #ececec; padding:5px 0; font-size:22px; margin:20px 0 10px 0;}
    .ziprecruiter .mgpanel-headinghm a {color:#294060;}
    .MoreJobsPanel {background:#fff;}
    .indeed-homepage .ziprecruiter .mgpanel-headinghm  {color:#222; background:#eee; border:1px solid #ececec; padding:10px 10px; font-size:22px; margin:15px 5px 0 5px;}
    .indeed-homepage .MoreJobsPanel {background:#fff;}
}
@media (min-width: 768px) {
    /* stats Styles */
    .StatsBox {background:#fff; border:1px solid #ececec; padding:3px; margin-bottom:3px;}
    .StatsHeading {color:#fff; background:#47BAEB; border-color:#47BAEB; padding: 5px 10px 0 10px; font-size:16px; margin-bottom:10px; font-weight:100;}
    .StatsFormHeading {color:#333; background:#f4f4f4; border-color:#eee; padding: 5px 10px; font-size:22px; margin-bottom:10px;}
    .StatsForm {background:#fff; padding:10px; border:1px solid #ececec;}

    .indeed-wrapper {padding:0 0 10px 0; background:#fff;}
    .indeed-homepage {max-width:1200px; margin:0 auto; float:none;}
    .indeed-body {background:#fff; padding:0;}
    .indeed-body a {font-weight:bold; color:#222;}
    .indeed-homepage .indeed-body {background:#fff; padding:0 12px;}
    .indeed-homepage .panel-body a {padding:0; color:#222;}
    .indeedlisting {padding:10px; background:#fff; border:1px solid #ececec; margin-bottom:5px;}
    /*#Panel_IndeedHeading {color:#222; background:#fff; border-color:#fff; padding:5px 10px; font-size:22px;}*/
    #Panel_IndeedHeading a {color:#fff;}
    #IndeedListings_Panel_IndeedHeading {color:#222; background:#eee; border:1px solid #ececec; padding:10px 15px; font-size:22px; margin:10px 10px;}
    .indeed-homepage #IndeedListings_Panel_IndeedHeading {color:#222; background:#eee; border:1px solid #ececec; padding:10px 10px; font-size:22px; margin:5px 12px;}


    /* Zip Recruiter listings header */
    .indeed-wrapper .ziprecruiter {color:#222; background:#eee; border:1px solid #ececec; padding:0; font-size:22px;}
    .ziprecruiter-body {padding:0; background:#fff;}
    .zipmorebtn .mg-btn-primary {position:relative; right:15px; margin-top:15px;}
    .indeed-homepage .ziprecruiter-body {background:#fff; padding:0 15px;}
    .ziprecruiterlisting {padding:10px; background:#fff; border:1px solid #ececec; margin-bottom:5px;}
    .ziprecruiterlisting a {color:#222; font-weight:bold; line-height:30px;}
    .ziprecruiter .mgpanel-headinghm  {color:#222; background:#eee; border:1px solid #ececec; padding:5px 0; font-size:22px; margin:20px 0 10px 0;}
    .ziprecruiter .mgpanel-headinghm a {color:#294060;}
    .MoreJobsPanel {background:#fff;}
    .ziprecruiter {color:#222; background:#eee; border:1px solid #ececec; padding:0 10px; font-size:22px; margin:15px 0 10px 0;}
    .indeed-homepage .MoreJobsPanel {background:#fff;}
}

/*.mgpanel-headinghm  {color:#222; background:#fff; border-bottom:2px solid #fff; border-color:#fff; padding:5px 0; font-size:24px;}*/
/*.mgpanel-headinghm a {color:#222;}*/


@media (max-width: 767px) {
    /*.articles-homepage .mgpanel-defaulthm .mgpanel-body {padding:10px 0 10px 20px; margin-bottom:20px;}*/
    /*#ArticlesHeading .morelink .btn {position:relative; right:0;}*/
    .featlisting-homepage .mgpanel-headinghm {color:#222; background:#eee; border:1px solid #ececec; padding:10px 10px; font-size:22px; text-align:center; margin-left:0; margin-right:0;}
    #NewJobsHeading {color:#222; background:#eee; border:1px solid #ececec; padding:10px 10px; font-size:22px; text-align:center; margin-left:0; margin-right:0;}
    .mgdisplaylisting img {padding:0; max-height:140px;}
    .featlisting-homepage .morelink a {color:#fff;}
    .featlisting-homepage .mgdisplaylisting {padding:10px 5px; margin-left:0; margin-right:0; background:#fff; line-height:22px; text-align:center;}

    /*Employer Directory page*/
    .employerdiv {height:auto; width:95%; padding:10px; background:#fff; border:1px solid #ececec; margin:10px; text-align:center;}
    .employerform .mg-btn-primary {width:100%; margin:10px 0;}
    .emplogodiv {background:#fff; min-height:120px; margin-bottom:10px; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center;}
    .emplogodiv  img {max-height:120px; max-width:140px;}
    .employerdiv a {color:#222;}
    .empalphabet {padding:0 20px;}
    .empsearchbox {width:100%; border-radius:0; height:36px; border:1px solid #ececec;}
    .empalphabet a {line-height:38px; letter-spacing:5px; font-size:20px;}
      .empalphabet a:link, .empalphabet a:visited {color:#333; text-decoration:none;}
      .empalphabet a:active, .empalphabet a:hover {color:#888; text-decoration:underline;}

    .employers-wrapper {padding:10px 5px 30px 5px; background:#fff;}
    .employers-homepage {max-width:1200px; margin:0 auto; float:none; padding:0;}
    .employers-homepage .mgpanel-default {margin:0; padding:0 10px;}
    .employers-homepage .panel-body {margin:0; padding:0;}

    #FeatEmployerHeading {color:#222; text-align:left; background:#eee; padding:10px 10px; font-size:22px; margin-bottom:10px; text-align:center;}
    .mgfeaturedemp {height:auto; background:#fff; border:1px solid #ececec; margin-bottom:10px;}
    .mgfeaturedemp img {padding:0; margin:5px 0; padding:20px 0; max-height:250px;}   

    .FeatEmpHome .morebutton {padding-left:0; padding-right:0;}
    .FeatEmpHome .mg-btn-more {background:#47BAEB; border-color:#47BAEB; margin-left:0; margin-right:0; width:100%;}
    .FeatEmpHome .mg-btn-more:visited, .mg-btn-more:active, .mg-btn-more:focus {background: #47BAEB; color: #fff; border: 1px solid #47BAEB;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .articles-wrapper {padding:10px 15px 0 15px; background:#fff;}

    /*.articles-homepage .mgpanel-body {padding:10px 0 10px 20px; margin-bottom:20px;}*/
    #ArticlesHeading .morelink .btn {position:relative; right:0;}

    .featlisting-homepage .mgpanel-headinghm {color:#222; background:#eee; border-color:#ddd; padding:5px 10px; font-size:22px;}
    #NewJobsHeading {color:#222; background:#eee; border:1px solid #ececec; padding:5px 10px; font-size:20px;}
    .mgdisplaylisting img {padding:0; max-height:150px;}

    /*Employer Directory page*/
    .employerrow {margin-left:0; margin-right:0;}
    .employerdiv {width:32%; min-height:240px; padding:10px; background:#fff; border:1px solid #ececec; text-align:center; margin:5px 2px;}
    .emplogodiv {background:#fff; border:1px solid #fff; min-height:120px; margin-bottom:10px; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center;}
    .emplogodiv  img {max-height:120px; max-width:140px;}
    .employerdiv a {color:#222;}
    .empsearchbox {min-width:240px; border-radius:0; height:40px; border:1px solid #ececec;}
    .employerform .mg-btn-primary {position:relative; top:4px; left:4px; height:39px;}
    .empalphabet a {line-height:38px; letter-spacing:2px; font-size:16px;}
      .empalphabet a:link, .empalphabet a:visited {color:#333; text-decoration:none;}
      .empalphabet a:active, .empalphabet a:hover {color:#888; text-decoration:underline;}

    .employers-wrapper {padding:0 10px 10px 10px; background:#fff;}
    .employers-homepage {max-width:1200px; margin:0 auto; float:none; padding:0;}
    .employers-homepage .mgpanel-default {background:#fff; margin:0 10px; padding:0;}
    .employers-homepage .panel-body {background:#fff; margin:0; padding:0;}

    #FeatEmployerHeading {color:#222; background:#eee; border:1px solid #ececec; padding:22px 5px; font-size:20px;}
    .mgfeaturedemp {width:18%; line-height:90px; background:#fff; margin:5px 4px; border:1px solid #ececec;}
    .mgfeaturedemp img {padding:0 5px 0 0; max-width:60px; max-height:60px;}   

    .FeatEmpHome .mg-btn-more {background:#47BAEB; border-color:#47BAEB;}
    .FeatEmpHome .mg-btn-more:visited, .mg-btn-more:active, .mg-btn-more:focus {background: #47BAEB; color: #fff; border: 1px solid #47BAEB;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .articles-wrapper {padding:0 15px 0 15px; background:#fff;}

    /*.articles-homepage .mgpanel-body {padding:10px 0 10px 20px; margin-bottom:20px;}*/
    #ArticlesHeading .morelink .btn {position:relative; right:0;}

    .featlisting-homepage .mgpanel-headinghm {color:#222; background:#eee; border-color:#ddd; padding:10px 10px; font-size:20px; margin:0 10px;}
    #NewJobsHeading {color:#222; background:#eee; border:1px solid #ececec; padding:10px 10px; font-size:24px; margin:0 10px;}
    .mgdisplaylisting img {padding:0; max-height:150px;}

    /*Employer Directory page*/
    .employerrow {margin-left:0; margin-right:0;}
    .employerdiv {width:32%; min-height:230px; padding:10px; background:#fff; border:1px solid #ececec; text-align:center; margin:5px 2px;}
    .emplogodiv {background:#fff; border:1px solid #fff; min-height:120px; margin-bottom:10px; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center;}
    .emplogodiv  img {max-height:120px; max-width:140px;}
    .employerform {padding-top:15px; margin-left:-8px;}
    .empsearchbox {min-width:245px; border-radius:0; height:40px; border:1px solid #ececec;}
    .employerform .mg-btn-primary {position:relative; top:4px; left:4px; height:39px;}
    .empalphabet a {line-height:38px; letter-spacing:3px; font-size:16px;}
      .empalphabet a:link, .empalphabet a:visited {color:#333; text-decoration:none;}
      .empalphabet a:active, .empalphabet a:hover {color:#888; text-decoration:underline;}

    .employers-wrapper {padding:0 10px 10px 10px; background:#fff;}
    .employers-homepage {max-width:1200px; margin:0 auto; float:none; padding:0;}
    .employers-homepage .mgpanel-default {background:#fff; margin:0 10px; padding:0;}
    .employers-homepage .panel-body {background:#fff; margin:0; padding:0;}

    #FeatEmployerHeading {color:#222; background:#eee; border:1px solid #ececec; padding:10px 10px; font-size:20px; margin-bottom:10px;}
    .mgfeaturedemp {width:19%; line-height:140px; background:#fff; margin:5px 4px; border:1px solid #ececec;}
    .mgfeaturedemp img {padding:0; margin:5px; max-width:100px;}   

    .FeatEmpHome .mg-btn-more {background:#47BAEB; border-color:#47BAEB;}
    .FeatEmpHome .mg-btn-more:visited, .mg-btn-more:active, .mg-btn-more:focus {background: #47BAEB; color: #fff; border: 1px solid #47BAEB;}
}

@media (min-width: 1200px) {
    .articles-wrapper {padding:0 15px 0 15px; background:#fff;}

    /*.articles-homepage .mgpanel-body {padding:10px 0 10px 20px; margin-bottom:20px;}*/
    #ArticlesHeading .morelink .btn {position:relative; right:0;}

    .featlisting-homepage .mgpanel-headinghm {color:#222; background:#eee; border-color:#ddd; padding:10px 10px; font-size:20px; margin:0;}
    .featlisting-homepage .mgpanel-default {padding:0 10px;}

    #NewJobsHeading {color:#222; background:#eee; border:1px solid #ececec; padding:10px 10px; font-size:20px; margin:0;}
    .mgdisplaylisting img {padding:0; max-height:150px;}

    /*Employer Directory page*/
    .employerrow {margin-left:0; margin-right:0;}
    .employerdiv {width:32%; min-height:230px; padding:10px; background:#fff; border:1px solid #ececec; text-align:center; margin:5px 2px;}
    .emplogodiv {background:#fff; border:1px solid #fff; min-height:120px; margin-bottom:10px; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center;}
    .emplogodiv  img {max-height:120px; max-width:140px;}
    .employerdiv a {color:#222;}
    .employerform {padding-top:15px; margin-left:-8px;}
    .empsearchbox {min-width:245px; border-radius:0; height:40px; border:1px solid #ececec;}
    .employerform .mg-btn-primary {position:relative; top:4px; left:4px; height:39px;}
    .empalphabet a {line-height:38px; letter-spacing:3px; font-size:16px;}
      .empalphabet a:link, .empalphabet a:visited {color:#333; text-decoration:none;}
      .empalphabet a:active, .empalphabet a:hover {color:#888; text-decoration:underline;}

    .employers-wrapper {padding:0 10px 10px 10px; background:#fff;}
    .employers-homepage {max-width:1200px; margin:0 auto; float:none; padding:0;}
    .employers-homepage .mgpanel-default {background:#fff; margin:0 10px; padding:0;}
    .employers-homepage .panel-body {background:#fff; margin:0; padding:0;}

    #FeatEmployerHeading {color:#222; background:#eee; border:1px solid #ececec; padding:10px 10px; font-size:20px; margin-bottom:10px;}
    .mgfeaturedemp {width:19%; line-height:150px; background:#fff; margin:5px 4px; border:1px solid #ececec;}
    .mgfeaturedemp img {padding:0; margin:0 auto; max-height:120px; max-width:120px;}   

    .FeatEmpHome .mg-btn-more {background:#47BAEB; border-color:#47BAEB;}
    .FeatEmpHome .mg-btn-more:visited, .mg-btn-more:active, .mg-btn-more:focus {background:#47BAEB; color:#fff; border:1px solid #47BAEB;}
    .FeatEmpHome .mg-btn-more:visited, .FeatEmpHome .mg-btn-more:active {background:#47BAEB; color:#fff; border:1px solid #47BAEB;}
    .FeatEmpHome .mg-btn-more:hover, .FeatEmpHome .mg-btn-more:focus {background:#fff; color:#47BAEB; border:1px solid #47BAEB;}
}

form-inline .btn {padding:7px 10px;}

/*.panel-heading > .mgpanel-heading > .RssEmployment {background-color:white;}*/

   .headingBack {
  color: #fff;
  background-color: #1b1718;
  border-color: #1b1718;
  font-weight:200;
  font-size:large;
}

   .validationMSG {color:red;}

  form-group > .no-LeftGutters {
   margin-left: 0;
}

   /* I have been using the default panel MGDefault and the MGDefault heading for that panel so theme mods should be pretty easy. 
       I have also been using the button default I think in most cases.  
   */

  .padtop {padding-top:25px;}
  .noleftgutter {padding-left:0px; margin-left: 0;}