/* buttony */

button, [type="button"]{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.button1a:focus-visible, .button2a:focus-visible, .button8:focus-visible{
outline:none;
}

.button1b, .button1c{
display: inline-flex;
align-items: center;
}

.button1b svg{
margin-right:12px;
}

.button1c svg{
margin-left:12px;
}

.button1{
width: max-content;
padding:1rem;
position:relative;
font-weight: 400;
font-size: 16px;
line-height:16px;
color: #FFFFFF;
background: #333333;
border-radius: 3px;
text-decoration:none;
border:0;
text-align: center;
}

.kandydat13a .button1{
width: fit-content;
display:block;
}

.button1:hover, .button1:active{
text-decoration:none;
background: #1F1F1F;
color: #FFFFFF;
}

.button1:focus{
background: #333333;
}

.button1:focus:after{
content: '';
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
outline: 3px solid #BE570E;
outline-offset: -3px;
border-radius:7px;
}

.button2b, .button2c{
display: inline-flex;
align-items: center;
}

.button2b svg{
margin-right:12px;
}

.button2c svg{
margin-left:12px;
}

.button2{
padding:1rem;
position:relative;
font-weight: 400;
font-size: 16px;
line-height:16px;
color: #333333;
background: #ffffff;
outline: 3px solid #333333 !important;
outline-offset: -3px;
border-radius: 3px;
text-decoration:none;
border:0;
}

.button2:hover{
text-decoration:none;
background: #333333;
color: #FFFFFF;
}

.button2:hover path, .button2:active path{
stroke:#ffffff;
}

.button2:focus path{
stroke:#333333;
}

.button2:active{
text-decoration:none;
background: #1F1F1F;
outline: 3px solid #1F1F1F !important;
color: #ffffff;
}

.button2:focus{
background: #ffffff;
color: #333333;
}

.button2:focus:after{
content: '';
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
outline: 3px solid #BE570E;
outline-offset: -3px;
border-radius:7px;
}

.button3b, .button3c{
display: inline-flex;
align-items: center;
}

.button3b svg{
margin-right:12px;
}

.button3c svg{
margin-left:12px;
}

.button3{
padding:1rem;
position:relative;
font-weight: 400;
font-size: 16px;
line-height:16px;
color: #333333;
background: #ffffff;
outline: 3px solid #ffffff !important;
outline-offset: -3px;
border-radius: 3px;
text-decoration:none;
border:0;
}

.button3:hover{
text-decoration:none;
background: #ffffff;
color: #333333;
outline: 3px solid #333333 !important;
}

.button3:active path{
stroke:#ffffff;
}

.button3:focus path{
stroke:#333333;
}

.button3:active{
text-decoration:none;
background: #1F1F1F;
color: #ffffff;
border-radius: 3px;
outline: 3px solid #1F1F1F !important;
}

.button3:focus{
background: #ffffff;
color: #333333;
outline: 3px solid #BE570E !important;
}

.button4:hover{
background: #ED6E16;
}

.button4:active{
background: #1F1F1F;
}

.button4:focus{
background: #333333;
}

.button5{
padding:11px !important;
}

.button6{
width:38px;
height:38px;
display:inline-flex;
align-items: center;
justify-content: center;
}

.button7{
padding:0;
position:relative;
font-weight: 400;
font-size: 16px;
line-height:16px;
color: #333333;
background: #FDF0E7;
outline: none;
text-decoration:none;
border:0;
display: inline-flex;
align-items: center;
}

.button7:hover{
text-decoration:none;
background: #FDF0E7;
color: #333333;
outline: none;
}

.button7:active path{
stroke:#333333;
}

.button7:focus path{
stroke:#333333;
}

.button7:active{
text-decoration:none;
background: #FDF0E7;
color: #333333;
outline: none;
}

.button7:focus, .button7:focus-visible{
background: #FDF0E7;
color: #333333;
outline: 2px solid #333333 !important;
outline-offset: 4px;
}

.button7a{
font-weight: 500;
}

.button7 svg{
margin-left:12px;
}

/* mały button czerwony */


.button8{
padding:12px;
position:relative;
font-weight: 400;
font-size: 16px;
line-height:16px;
color: #333;
background: #fff;
outline: 3px solid #333333 !important;
outline-offset: -3px;
border-radius: 3px;
text-decoration:none;
border:0;
}

.button8:active{
text-decoration:none;
background: #333;
color: #FFFFFF;
}

.button8:focus{
background: #fff;
}

.button8:focus:after{
content: '';
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
outline: 3px solid #BE570E;
outline-offset: -3px;
border-radius:7px;
}

.button8:hover{
background: #333;
text-decoration:none;
color: #FFFFFF;
}

.button8.disabled{
background: #C0C0C0 !important;
pointer-events: none;
cursor: not-allowed;
pointer-events: all !important;
outline: 3px solid #C0C0C0 !important;
}

.button8.disabled:hover, .button8.disabled:focus, .button8.disabled:active{
background: #808080 !important;
}


/* mały button zielony */

/*
.button9{
background: #3BC199 !important;
padding:10.5px 11.5px 11.5px 11.5px !important; 
}

.button9:hover{
background: #2C9173 !important;
}

.button9:active{
background: #1D614D !important;
}

.button9:focus{
background: #3BC199 !important;
}
*/

/* linki */

.link1, .link1:hover, .link2, .link2:hover{
color: #3565F3;
}

.link1, .link2{
font-weight: 400;
line-height: 16px;
text-decoration:none;
}

.link1a, .link2a{
font-size: 16px;
}

.link1:hover, .link2:hover span{
-webkit-box-shadow: 0px 2px 0px 0px #3565F3;
-moz-box-shadow: 0px 2px 0px 0px #3565F3;
box-shadow: 0px 2px 0px 0px #3565F3;
}

.link1:active, .link2:active span{
-moz-box-shadow: 0px 2px 0px 0px #203D92;
box-shadow: 0px 2px 0px 0px #203D92;
-webkit-box-shadow: 0px 2px 0px 0px #203D92;
}

.link1:focus{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.link1:active{
color: #203D92;
}

.link1:focus{
color: #3565F3;
outline: 3px solid #BE570E;
border-radius: 3px;
padding:5px 0;
}

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

.link2b svg{
margin-left:.3rem;
margin-right:.8rem;
}

.link2c svg{
margin-right:.3rem;
margin-left:.8rem;
}

.link2:focus span{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.link2:focus{
color: #3565F3;
outline: 3px solid #BE570E;
border-radius: 3px;
outline-offset: 3px;
}

.link2:active{
color: #203D92;
}

.link2:active path{
stroke: #203D92;
}
 
.link2d,.link2d:hover{
color:#333333 !important;
}

.link2d:hover span{
box-shadow:0px 2px 0px 0px #333333 !important;
}

/* label CF7 */

.wpcf7 label:not(label.radio_opt):not(.table_rek2), form#fep-new-post label, form#fep-fx-new-post label, form#fep-list-post label, .modal-content label, #pracodawca label{
font-weight: 400;
font-size: 14px;
line-height: 21px;
color: #5C5C5C;
margin-bottom:5px;
}

label.radio_opt{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #000000;
padding-left:.5rem;
}

.label2{
margin-top:.5rem;	
}

/* select */

select.smart-start-form-select {
background-color: #FDF0E7 !important;
}

select.select1{
display: block;
color: #333333;
font-weight: 400;
font-size: 16px;
padding: 0.7rem;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background-color: #ffffff;
border: 1px solid #5C5C5C;
border-radius: 3px;
position:relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; 
}

select.select1:active, select.select1:focus, select.select1:focus-visible{
outline:none;
border: 1px solid #333333;
outline: 3px solid #333333;
outline-offset: -1px;
}

select.select1 {
background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9993 1.66699L6.33268 6.33366L1.66602 1.66699' stroke='%231F1F1F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-size: 12px 8px;
background-repeat:no-repeat;
background-position:96% 50%;
}

select.select1:focus, select.select1:active {
background-image: url("data:image/svg+xml,%3Csvg width='11.999999999999998' height='8' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cg%3E%3Cpath transform='rotate(-179.951 6.33315 4.00002)' id='svg_1' stroke-linejoin='round' stroke-linecap='round' stroke-width='2' stroke='%231F1F1F' d='m10.9998,1.66669l-4.66663,4.66666l-4.66667,-4.66666'/%3E%3C/g%3E%3C/svg%3E");
}

/* input text */

form.search3 input[type="text"], .input1, .textarea1{
padding:.7rem;
width:100%;
border-radius:3px;
border:1px solid #5C5C5C;
}

.input1.input2{
width:70%;	
}

#user_login, #user_pass, #wppb-edit-user input:not([type="checkbox"]):not([type="submit"]), #wppb-register-user input:not([type="checkbox"]):not([type="submit"]), #username_email{
padding:.7rem;
border-radius:3px;
border:1px solid #5C5C5C;
display:block;
}

.selected-flag{
border-radius:3px;	
}

.textarea1{
height:100px;
}

.textarea2{
height:500px !important;
}

.textarea1#content_mail{
height:150px !important;
} 

form.search3 input[type="text"]:active, form.search3 input[type="text"]:focus, form.search3 input[type="text"]:focus-visible, .input1:focus, .input1:active, .input1:focus-visible, .textarea1:focus, .textarea1:active, .textarea1:focus-visible, #user_login:focus, #user_login:active, #user_login:focus-visible, #user_pass:focus, #user_pass:active, #user_pass:focus-visible, #wppb-register-user input:not([type="checkbox"]):not([type="submit"]):active, #wppb-register-user input:not([type="checkbox"]):not([type="submit"]):focus, #username_email:active, #username_email:focus, #wppb-edit-user input:not([type="checkbox"]):not([type="submit"]):focus, #wppb-edit-user input:not([type="checkbox"]):not([type="submit"]):active{
outline: 3px solid #333333;
outline-offset: -1px;
box-shadow:none;
}

.smart-start-form-input-bg {
    background-color: #FDF0E7;
}

input[type=checkbox].checkbox1{
appearance: none;
box-shadow: none;
border: 3px solid #ADADAD !important;
border-radius:3px !important;
width: 18px;
height: 18px;
}

input[type=checkbox].checkbox1:checked{
border: 0 !important;
border-radius:3px !important;
position:relative;
width: 18px;
height: 18px;
}

input[type=checkbox].checkbox1:checked:after{
position:absolute;
background-repeat: no-repeat;
width:18px;
height:18px;
top:0;
left:0;
content:'';
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0H17C17.2652 0 17.5196 0.105357 17.7071 0.292893C17.8946 0.48043 18 0.734784 18 1V17C18 17.2652 17.8946 17.5196 17.7071 17.7071C17.5196 17.8946 17.2652 18 17 18H1C0.734784 18 0.48043 17.8946 0.292893 17.7071C0.105357 17.5196 0 17.2652 0 17V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0V0ZM8.003 13L15.073 5.929L13.659 4.515L8.003 10.172L5.174 7.343L3.76 8.757L8.003 13Z' fill='%23333333'/%3E%3C/svg%3E");
}

input[type=checkbox].checkbox1:active, input[type=checkbox].checkbox1:focus, input[type=checkbox].checkbox1:checked:focus{
outline: 3px solid #ED6E16;
outline-offset: 3px;
border-radius:1px;
width: 18px;
height: 18px;
}

input[type=checkbox].smart-start-form-checkbox{
    background-color: #FDF0E7;
    border: 1px solid #5C5C5C !important;
}

#wppb-recover-password input[type="password"]{
width:250px !important;
}

.recoverpassword .wppb-form-field label{
width:110px !important;
}

/* RWD */

@media (min-width: 576px) {
#user_login:not(.wpcf7 #user_login), #user_pass, .wppb-error, .wppb-warning, .wppb-notice, .wppb-success, #username_email, #wppb-edit-user .wppb-form-field input[type="text"], #wppb-edit-user .wppb-form-field input[type="email"], #wppb-edit-user .wppb-form-field input[type="password"]{
width:500px !important;
}

#wppb-edit-user .wppb-form-field input[type="text"]#username{
width:360px !important;
}

label[for="user_consent_gdpr"] span{
width:470px;
}


#wppb-register-user input:not([type="checkbox"]):not([type="submit"]), #wppb-register-user legend{
width:50% !important;
}

}

@media (max-width: 575.98px) {
#user_login, #user_pass, .wppb-error, .wppb-warning, .wppb-notice, .wppb-success, #wppb-register-user input:not([type="checkbox"]):not([type="submit"]), #wppb-register-user legend, #username_email{
width:100% !important;
}

#wppb-edit-user .wppb-form-field input[type="text"], #wppb-edit-user .wppb-form-field input[type="email"], #wppb-edit-user .wppb-form-field input[type="password"]{
width:100% !important;
}

label[for="user_consent_gdpr"] span{
width:100%;
}

}

@media (max-width: 767.98px) {
.input1.input2{
width:100%;	
}
}