.grey-background {background-color: #f0f0f0;}

/* poszerzenie grida w prefooterze */
.bottom-navigation .nav-container {width: 1220px; padding: 0 10px;} 
.bottom-navigation .nav-container .country-jobtitles-container {
    min-height: 275px; 
    align-items: flex-start; -webkit-align-items: flex-start;
}

/* szukajka strona główna */
#main-search-box-contents {width: 1220px}
#main-search-box-contents #headers {width: calc(100% - 20px); left: 10px}
#main-offer-search, 
#main-search-box-contents p.label {left: 10px}
#main-search-box-contents .social-container {right: 10px}

/* flagi pod szukajką strona główna*/
.foreign-countries-flag-container .container {width: 1220px; padding: 0 10px;} 

/* szukajka podstrony */
#search-result-form-box-contents {width: 1220px}
#search-result-form-box-contents h1,
#search-result-form-box-contents h2 {left: 10px;}
#search-result-form-box-contents #choosed-filters-options {padding: 10px}

/* Praca w polsce górna szukajka */
#work-in-pl-search {width: 1220px;}

.landing-frame.bg-user-register .landing-frame-inside {width: 1220px; padding: 20px 10px}
form fieldset.user-register input[type="text"].full, 
form.user-register input[type="text"].full,
form fieldset.user-register input[type="password"].full, 
form.user-register input[type="password"].full {background: #fff; border: 1px solid #d0d0d0; height:62px;}

form fieldset.employer-register input[type="text"], 
form.employer-register input[type="text"],
form fieldset.employer-register input[type="password"], 
form.employer-register input[type="password"] {background: #fff; border: 1px solid #d0d0d0; height:42px;}
.landing-frame-inside .register-form-employer {width: 1000px}

/* Widok bloga - tutaj ponieważ przeciążam Id poprzez id */
#blog-view #subpage {width: 1220px; padding: 30px 10px}
#blog-view #subpage .left-1, 
#blog-view .left-1 .article-categories,
#blog-view .left-1 .main-article,
#blog-view .import-article-list, 
#blog-view .left-1 .articles-list {width: 100%}
#blog-view .left-1 .articles-list {
    display: flex; justify-content: space-between;
    -webkit-display: flex; -webkit-justify-content: space-between;
    flex-wrap: wrap; -webkit-flex-wrap: wrap;
}
#blog-view .left-1 .articles-list .article {width: calc(25% - 10px); margin-right: 0px; float: none; box-sizing: border-box;}
#blog-view .left-1 .articles-list .article * {box-sizing: border-box;}
#blog-view .left-1 .articles-list .article-odd {margin-right: 0px;}
#blog-view .left-1 .articles-list .article .img, 
#blog-view .left-1 .articles-list .article .desc {width: 100%}
#blog-view .left-1 .articles-list .article .author {left: 0; width: 100%}

/* Modyfikacja 12.07.22 */
#blog-view .left-1 .articles-list .article .content {max-height: 145px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}

/* Wyszukiwarka na blogu */
#simple-search, #simple-search * {box-sizing: border-box;}
#simple-search form {width: 1220px; padding: 0px 10px; 
    display: flex; align-items: center;                 
    -webkit-display: flex; -webkit-align-items: center;
}
#simple-search form #phrase {left: 10px; left: auto; top: auto; position: relative;}
#simple-search form #simple-search-submit {position: absolute; right:auto; left: 795px}

/* Stanowiska pracy */
.job-titles-list-container {width: 1220px; padding: 0px 10px;}
.jobtitle-landing-page {width: 1220px; padding: 0px 10px;}


/* Profile pracodawców */
#subpage.is-employers-listing {width: 1220px; padding: 0px 10px;}
#subpage.is-employers-listing .left-1 {width: 100%}
#subpage.is-employers-listing .left-1 .meet-employers.fixed .highlight {width: calc(25% - 20px)}

/* Pojedyńczy profil pracodawcy */
#subpage.is-employer-profile {width: 1220px; padding: 40px 10px; background-color: #f0f0f0;}
#subpage.is-employer-profile .right-23 {width: calc(100% - 260px);}
#subpage.is-employer-profile .offer-list {width: 100%; background-color: transparent; border: 0;}

/* EN logo slider */
#currently-recruiting {width: 1220px}
#pre-footer #pre-footer-contents {width: 1220px}
#pre-footer #pre-footer-contents .box-14 {width: calc(25% - 20px);}

/* Article */
#subpage.is-view-article {width: 1220px; padding: 0 10px;}

#subpage .left-1,
#subpage.is-view-article .left-1 .article-categories {width: 100%}
#subpage.is-view-article .right-23 { float: left; } 
/* width: 50%; modyfikacja 19.01.21 */


#pre-footer #pre-footer-contents ul li a {font-size: 14px;}

#currently-recruiting .employers .employer img {max-height:70%}

/* Aplikowanie */

form.apply-form div.apply-create-account div.login-info input[type="text"], 
.new-applyform [type="password"],
form.apply-form div.apply-create-account fieldset div.login-info input[type="text"] {
    background: #fff; border: 1px solid #d0d0d0; height: 62px;width: 420px !important; padding: 10px; box-shadow: none;
}
form.apply-form fieldset div .icon-cif {position: absolute; right: 10px; top: 30px; z-index: 1; max-width: 25px; left: auto; font-size: 24px;}
.new-applyform .user-upload-text-name:not(input[type="password"]) {height: 45px}

.upload-file-in-apply-form {min-width: 120px}

#template-frame ul li {list-style-type: disc;}

form.apply-form textarea.apply-form-message {
    background: #fff; border: 1px solid #d0d0d0; width: 100%; width: 420px !important; padding: 10px; border-radius: 5px; margin-top: 10px;
}

form.apply-form .apply-form-apply-type-choose {
    margin-top: 10px; margin-bottom: 20px;
    display: -webkit-box;display: -ms-flexbox;display: flex;
    -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column    
}
form.apply-form .apply-form-apply-type-choose label {font-size: 14px; text-align: center; padding: 10px 0; border: 1px solid #d0d0d0; margin: 2px 0;}
form.apply-form .apply-form-apply-type-choose label input {margin-right: 10px;}

.employers-profile-listing-offers-divider {display: block; height: 1px; background: #ccc; margin: 15px 0}
.employers-profile-listing-offers-quantity {font-size: 22px; font-weight: bold; padding-top: 5px; display: inline-block;}
.employers-profile-listing-offers-currently-recruiting {position: relative; padding-top: 45px !important;}
.employers-profile-listing-offers-currently-recruiting-label {
    display: block; width: 190px; line-height: 25px; min-height: 25px; color: #fff; 
    top: 0px; left: 50%; position: absolute; transform: translateX(-50%); background: #193c76; font-size: 14px;
}
.employers-profile-listing-offers-currently-recruiting-label.has-no-background {background: transparent}
.employers-profile-listing-offers-currently-recruiting-label:before,
.employers-profile-listing-offers-currently-recruiting-label:after {
    border-top: 25px solid transparent; content: ""; display: block; height: 0; position: absolute; top: 0; width: 0;
}
.employers-profile-listing-offers-currently-recruiting-label:before {
    border-right: 22px solid #fff; right: -1px;
}
.employers-profile-listing-offers-currently-recruiting-label:after {
    border-left: 22px solid #fff; left: -1px; 
}

.slick-slider .slick-dots {-ms-flex-wrap: wrap;flex-wrap: wrap}
.slick-slider .slick-dots li {padding: 5px 0}

.left-1 .ads-list-categories li {font-size: 12px;}

.register-employer-checkbox-required-info {position: absolute; top: 25px; left: 20px; font-size: 10px}

#template-content form.offer-apply-now {height: 170px !important;}
.employer-form-number-header {margin-top: 20px !important; margin-bottom: 0px !important; font-size: 15px;}

@media screen and (max-width: 1220px) {
    .landing-frame.bg-user-register .landing-frame-inside,
    .bottom-navigation .nav-container,
    #blog-view #subpage,
    #blog-view #subpage .left-1,
    .job-titles-list-container,
    #subpage.is-employers-listing,
    .jobtitle-landing-page {width: 100%}
    
    #simple-search form {margin: 0; width: 100%}
    #simple-search form #simple-search-submit {right: 0px; left: auto}
    
    #subpage.is-employer-profile {width: 100%}
    
    #currently-recruiting,
    #work-in-pl-search,
    #pre-footer #pre-footer-contents {width: 100%}
    
}
@media screen and (max-width: 1080px) {
    .landing-frame-inside .register-form-employer {width: 100%}
}
@media screen and (max-width: 979px) {
    #simple-search form #phrase {width: 100%}    
    #blog-view .left-1 .articles-list {justify-content: flex-start; -webkit-justify-content: flex-start; padding: 10px 0;}
    #blog-view .left-1 .articles-list .article {width: calc(33.3333% - 14px); margin: 0; margin-bottom: 20px; margin-right: 20px}
    #blog-view .left-1 .articles-list .article:nth-of-type(3n) {margin-right: 0}
    form.apply-form div.apply-create-account fieldset,
    form.apply-form div.apply-create-account fieldset div.login-info input[type="text"] {width: 100% !important;}
}
@media screen and (max-width: 900px) {
    /* wynik wyszukiwania - szukajka */
    #search-result-form-box { background: #193572; width: 100%; min-height: 300px;}
    #search-result-form-box-contents {width: 100%; max-width: 100%; padding: 20px 10px; min-height: 300px;}
    #main-offer-search,
    #search-result-form-box-contents h1, 
    #search-result-form-box-contents h2 {width: 100%; left: auto; top: auto; padding: 0; position: relative;}
    #main-offer-search .phrase {width: 100%; margin: 20px 0 20px;}
    #main-offer-search .submit {width: 100%}
    #search-result-form-box-contents #choosed-filters-options {padding: 10px 0}
}
@media screen and (max-width: 768px) {
    .register-form-employer .flex-space-between {flex-wrap: wrap; -webkit-flex-wrap: wrap}
    .register-form-employer .flex-space-between .flex-center {width: 50%; -webkit-justify-content: flex-start; justify-content: flex-start;}
    #blog-view .left-1 .articles-list {justify-content: space-between; -webkit-justify-content: space-between;}
    #blog-view .left-1 .articles-list .article {width: calc(50% - 10px); margin-right: 0px;}
    #subpage.is-employers-listing .left-1 .meet-employers.fixed .highlight {width: calc(33.3333% - 20px)}
    #subpage.is-employers-listing .left-1 .meet-employers form input[type="text"] {width: calc(100% - 141px); min-width: 0}
    #subpage.is-employer-profile .left-13 {float: none; width: 100%; margin-bottom: 20px; padding-left: 0;}
    #subpage.is-employer-profile .left-13 .left-editable {width: 100%}
    #subpage.is-employer-profile .right-23 {width: 100%}
    #cookiesModal-contentBox {max-width: calc(100% - 40px)}    
    #cookiesModal-basicButtons {-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
}
@media screen and (max-width: 700px) {
    #job-offer-box {width: 100%}
    #template-content form.offer-apply-now {margin: 25px auto !important;}
    #cookiesModal-saveButtons {-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
    #cookiesModal-saveButtons .col-auto {margin-left: 0}
}
@media screen and (max-width: 639px) { /* konieczne nadpisanie defaultowych stylów */
    form fieldset.user-register input.full, form.user-register input.full {width: 100% !important;}
    #subpage.is-employers-listing .left-1 .meet-employers.fixed .highlight {width: calc(50% - 20px)}
    #subpage.is-employer-profile .left-13 {padding-right: 0;}
}
@media screen and (max-width: 520px) {
    #blog-view .left-1 .articles-list .article {width: 100%}
}
@media screen and (max-width: 480px) {
    .register-form-employer .flex-space-between .flex-center {width: 100%}
    #subpage.is-employers-listing .left-1 .meet-employers form input[type="text"] {width: 100%}
}
@media screen and (max-width: 420px) {
    #subpage.is-employers-listing .left-1 .meet-employers.fixed .highlight {width: 100%}
}