@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&subset=latin-ext');

body{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
}

a{
    text-decoration: none;
    color: #000000;
}

.contentContainer{
    width: 77%;
    margin: 0 auto;
}

/**
    Header style
 */

header{
    position: relative;
    min-height: 156px;
    margin-bottom: 20px;
}

.headerInformation{
    background-color: #F1F1F1;
    color: #818181;
    font-family: 'Roboto', sans-serif;
    padding: 6px 0;
    font-size: 12px;
    font-weight: 500;
}

.headerMenu{
    margin: 0 auto;
    padding: 10px 0;
    min-width: 700px;
    position: relative;
    border-bottom: 1px solid #dddddd;
    float: left;
}

.menuLogo{
    width: 220px;
    object-fit: contain;
    display: inline;
}

.menuNavigation{
    position: absolute;
    bottom: -1px;
    right: 0;
}

.menuNavigation ul{
    margin: 0;
    padding: 0;
}

.menuNavigation ul li{
    display: inline-block;
    padding: 10px 0;
    position: relative;
}

.menuNavigation ul li i{
    position: relative;
    top: -2px;
}

.activitiesMenu{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    margin-right: 30px;
}

.minMenu{
    display: none;
    position: absolute;
    padding: 50px;
    background: white;
    z-index: 2;
    top: 35px;
    width: 200px;
    -webkit-box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.5);
}

.activitiesMenu:hover .minMenu{
    display: block
}

.menuNavigation ul a{
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    padding: 0;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}

.menuNavigation ul a.active{
    color: #ce1417;
    border-bottom: 2px solid #ce1417;
}

.minMenu ul a.active{
    color: black !important;
    border-bottom: 2px solid transparent !important;
}

.menuNavigation ul a:not(:last-child){
    margin-right: 30px;
}

.headerRight{
    float: right;
    margin: 0 20px;
    padding-top: 40px;
    text-align: right;
}

.logLinks ul li{
    display: inline-block;
    min-width: 100px;
    text-align: center;
}

.logLinks ul a:not(:last-child){
    margin-right: 20px;
}

.logLinks ul a{
    font-size: 13px;
    font-weight: 400;
    box-shadow: 0px 2px 2.91px 0.09px rgba(0, 0, 0, 0.25);
    padding: 10px 15px;
    font-family: Roboto;
}

.studentLink{
    background-color: #80a62a;
    color: #ffffff;
}

.companyLink{
    background-color: #f1f8e9;
    color: #80a62a;
}

.translate{
    position: relative;
    width: 160px;
    left: calc(100% - 160px);
    text-align: left;
}

.translate i{
    color: #888888;
    position: absolute;
    top: 0;
    right: 0;
}

.goog-te-combo{
    outline: none;
    border: none;
    background-color: transparent;
    color: #818181;
    font-size: 14px;
    font-weight: 400;
    font-family: Roboto;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    position: relative;
    z-index: 2;
}

::-webkit-inner-spin-button { display: none; }
::-webkit-calendar-picker-indicator { color: transparent; background-color: transparent; }

.translateLogo{
    position: relative  ;
    width: 22px;
    left: 0px;
}

.goog-logo-link {
    display:none !important;
}

.goog-te-gadget{
    color: transparent !important;
}

/**
    Footer style
 */
footer{
    background-color: #092339;
    padding: 40px 0;
    font-family: Roboto;
}

.items{
    min-height: 275px;
    width: 100%;
    margin: 0 auto;
}

.footerLogo{
    width: 100%;
    height: auto;
}

.flogo1{
    height: 52px;
    margin: 5px auto;
}
.input{
    position: relative;
}
.input #rightDown{
    position: absolute;
    right: 0;
    top: 20px
}

.flogo2{
    height: 45px;
    margin: 5px auto;
}

.footerAlign{ text-align: right; }

.column-one-fourth{
    width: calc(19% - 1px);
    padding: 0 0 0 8%;
    border-right: 1px solid #888888;
    float: left;
    min-height: 275px;
}

.column-one-fourth:first-child{
    padding: 0 4% 0 0;
}

.column-one-fourth:last-child{
    padding: 0 0 0 4%;
    border-right: 0;
}

.items a{
    display: block;
}

.itemSection p{
    margin: 0;
}

.column-one-fourth h1{
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 30px;
    font-family: Roboto;
}

.column-one-fourth a{
    margin: 20px 0;
}

.column-one-fourth p, .column-one-fourth a, .column-one-fourth div{
    color: #A8A8A8;
    font-size: 14px;
    font-weight: 400;
}

.copyrights{
    color: #a8a8a8;
    text-align: center;
    margin-top: 30px;
    font-family: Roboto;
    font-size: 12px;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.twoDo{
    float: left;
    font-size: 11px;
    font-weight: bold;
}

.not_required{
    text-transform: uppercase;
    font-size: 13px;
    padding: 5px 0 20px 50px;
    font-weight: bold;
    color: #80a62a;
    font-family: Roboto;
}

/**
    Student login
 */
.loginBanner {
    background-image: url("../images/banner.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.loginBanner h1{
    font-family: Roboto, sans-serif;
    position: relative;
    z-index: 1;
    font-size: 35px;
    text-align: center;
    font-weight: 100;
    padding: 40px 20px 20px 20px;
    color: white;
}

.loginBanner h2{
    font-family: Roboto;
    position: relative;
    z-index: 1;
    font-size: 15px;
    width: 400px;
    text-align: center;
    margin: 0 auto;
    font-weight: 400;
    color: white;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

.studentForm, .studentRegisterForm{
    width: 375px;
    margin: 0 auto;
    padding: 40px 0;
    font-family: Roboto;
}
.studentForm div{
    text-align: left;
    margin-top: 20px;
}
.studentForm label{
    font-size: 20px;
    display: block;
    font-weight: 400;
}

.studentForm input[type="text"],
.studentForm input[type="email"],
.studentForm input[type="password"]
{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    width: 100%;
    padding: 5px 0;
    margin: 10px 0;
    transition: .25s border;
    outline: none;
    font-family: Roboto;
}

.studentForm input[type="text"]:focus,
.studentForm input[type="email"]:focus,
.studentForm input[type="password"]:focus
{
    border-bottom: 1px solid #80a62a;
}
.studentForm .button, .studentRegisterForm .button{
    text-align: right;
}
.studentForm input[type="submit"], .studentRegisterForm input[type="submit"]
{
    border: none;
    font-size: 13px;
    font-weight: 300;
    box-shadow: 0px 2px 2.91px 0.09px rgba(0, 0, 0, 0.25);
    padding: 12px 15px;
    font-family: Roboto;
    background-color: #80a62a;
    color: #ffffff;
    min-width: 140px;
    cursor: pointer;
}

.studentForm .formLinks{
    font-family: Roboto;
    font-weight: 400;
    font-size: 13px;
    margin-top: 40px;
}
.studentForm .formLinks a, .check a{
    color: #80a62a;
    border-bottom: 1px solid #80a62a;
}
.studentRegisterForm{
    width: 450px;
}

.studentRegPart{
    background-color: #f8f8f8;
    border: 1px solid #f1f1f1;
    padding: 0 50px;
    margin: 30px 0;
    padding-bottom: 10px;
}

.studentRegPart h1{
    color: #80a62a;
    font-family: Roboto;
    font-size: 15px;
    margin: 30px 0;
}

.studentRegPart div{
    margin: 0 0 20px 0;
    position: relative;
}
.studentRegPart div i{
    position: absolute;
    right: 0;
    bottom: 7.5px;
    color: #888888;
}
.studentRegPart .studentName{
    width: 100%;
}
.studentRegPart .studentName div{
    display: inline-block;
    width: calc(50% - 6px);
    margin: 0;
}
.studentRegPart .studentName div:nth-child(1){ margin-right: 8px }
.studentRegPart .studentName div label{ display: inline; }
.studentRegPart div label{
    display: block;
    font-size: 14px;
    color: #585858;
}
.studentRegPart div label span{
    text-transform: uppercase;
    font-family: Roboto;
    font-weight: 400;
    font-size: 10px;
    margin-left: 5px;
    color: #585858;
}
.studentRegPart div label span span{
    text-transform: none;
}
.studentRegisterForm input[type="text"],
.studentRegisterForm input[type="tel"],
.studentRegisterForm input[type="email"],
.studentRegisterForm input[type="password"],
.studentRegisterForm input[type="date"],
.studentRegisterForm select
{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    width: 100%;
    padding: 5px 0;
    transition: .25s border;
    outline: none;
    font-family: Roboto;
    position: relative;
    z-index: 2;
}

.studentRegisterForm input[type="file"]{
    margin-top: 10px;

}
.studentRegisterForm input[type="file" i]{
    color: #585858;
    font-size: 12px;
}
.studentRegisterForm input[type="file"]::-webkit-file-upload-button, .studentRegisterForm input[type="file"]::-moz-file-upload-button{
    color: #80a62a;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #80a62a;
    font-size: 12px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.studentRegisterForm select{
    -webkit-appearance: button;
    -moz-appearance: button;
}

.studentRegisterForm input[type="text"]:focus,
.studentRegisterForm input[type="email"]:focus,
.studentRegisterForm input[type="password"]:focus,
.studentRegisterForm input[type="tel"]:focus,
.studentRegisterForm input[type="date"]:focus
{
    border-bottom: 1px solid #80a62a;
}
.check {
    margin-bottom: 40px;
    padding: 0 50px;
    font-size: 12px;
    font-weight: 400;
}
input[type="checkbox"]{
    width: 11px;
    position: relative;
    top: 2.5px;
}
.studentRegisterForm .button{
    padding: 0 50px;
}

.studentRegisterDone{
    padding: 50px 20px;
    text-align: justify;
    width: 350px;
    line-height: 1.25em;
    margin: 0 auto;
    font-family: Roboto;
    font-size: 13px;
}

.buttonRight{
    text-align: right;
    margin-top: 40px;
}

.done2 span{
    color: #80a62a;
}

.gInput{
    border: none;
    font-size: 13px;
    font-weight: 300;
    box-shadow: 0px 2px 2.91px 0.09px rgba(0, 0, 0, 0.25);
    padding: 12px 15px;
    font-family: Roboto;
    min-width: 126px;
    background-color: #80a62a;
    color: #ffffff;
    cursor: pointer;
}

/**
    Profile
 */
.grayBg{ background-color: #F1F1F1; margin-top: 20px; }

.profileContainer{
    width: 400px;
    height: 100%;
    position: relative;
    display: inline-table;
    margin-right: 20px;
}
.profileContainer:nth-child(1){ width: 350px }
h1.nabidky{
    background-color: #EE7A00;
    color: white;
    padding: 10px 15px;
    font-family: Roboto;
    font-size: 13px;
    width: 150px;
    margin: 30px 0;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}
h1.ucet{
    background-color: #80A62C;
    color: white;
    padding: 10px 15px;
    font-family: Roboto;
    font-size: 13px;
    width: 150px;
    margin: 30px 0;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}
.nabidkyMenu{
    padding: 0;
    border-bottom: 1px solid #dddddd;
    width: 100%;
}

.nabidkyMenu li{
    display: inline-block;
    font-family: Roboto;
    font-size: 13px;
    width: auto;
    position: relative;
    bottom: -1px;
    padding-bottom: 10px;
    margin-right: 40px;
    font-weight: 400;
    border-bottom: 2px solid transparent;
}
.nabidkyMenu li:nth-child(1){ margin-right: 43px; }
.nabidkyMenu .active{
    border-bottom: 2px solid #EE7A00;
}
.nabidkyMenu li i{transition: .25s color;}
.nabidkyMenu .active i{
    color: #EE7A00;
}
.profileInfo{
    margin: 50px 0;
}
.profileInfo h2{
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
}
.profileInfo h3{
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    margin-top: 30px;
}
.profileInfo p{
    font-family: Roboto;
    font-size: 13px;
    line-height: 1.25em;
    font-weight: 400;
    color: #585858
}
.profileInfo .small{
    font-size: 12px;
}
.ucetMenu{
    padding: 0;
    border-bottom: 1px solid #dddddd;
}
.ucetMenu .active{
    border-bottom: 2px solid #80A62C;
}
.ucetMenu li{
    display: inline-block;
    font-family: Roboto;
    font-size: 13px;
    width: auto;
    position: relative;
    bottom: -1px;
    padding-bottom: 10px;
    margin-right: 40px;
    font-weight: 400;
    border-bottom: 2px solid transparent;
}
.profileContainer .items{
    background-color: #FFFFFF;
    width: 100%;
    min-height: 50px;
    margin: 50px 0;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
}
.profileContainer .items h1{
    color: #80A62C;
    font-family: Roboto;
    padding: 20px 15px;
    margin: 0 0 10px 0;
    font-size: 13px;
    font-weight: 500;
}
.profileContainer .items .item{
    width: calc(100% - 20px);
    height: 50px;
    padding: 0 10px;
    font-family: Roboto;
    cursor: pointer;
    border-bottom: 1px solid #e8e8e8;
}
.profileContainer .items .item:last-child{
    border-bottom: none;
}
.profileContainer .items div .title{
    float: left;
    width: 125px;
    height: 20px;
    font-size: 15px;
    padding: 15px 5px;
}
.profileContainer .items div .value{
    float: left;
    width: 194px;
    height: 15px;
    font-size: 12px;
    padding: 17.5px 0;
    color: #585858;
}
.profileContainer .items div .arrow{
    float: right;
    position: relative;
    max-width: 1px;
    top: calc(50% - 6px);
    right: 10px;
    height: 12px;
    font-size: 12px;
    text-align: center;
}
.interestItem, .candidateItem, .manageItem, .articleItem, .companyCheckItem{
    background-color: #FFFFFF;
    width: 100%;
    min-height: 50px;
    margin: 20px 0;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
}
.margin .ucetMenu{ margin-bottom: 50px; }
.interestItem h1{
    color: #EE7A00;
    font-family: Roboto;
    padding: 20px 15px 0 15px;
    font-size: 13px;
    font-weight: 500;
}
.interestItem p{
    font-family: Roboto;
    font-weight: 400;
    font-size: 15px;
    padding: 0px 15px;
}
.interestItem div{ position: relative; }
.interestItem div div{
    color: #a8a8a8;
    font-size: 13px;
    font-family: Roboto;
    padding: 5px 15px 20px 15px;
}
.interestItem div div i{ color: #EE7A00; }
.interestItem div button{
    position: absolute;
    bottom: 20px;
    right:15px;
    border: none;
    background-color: transparent;
    font-family: Roboto;
    font-size: 13px;
    outline: none;
    cursor: pointer;
    color: #a8a8a8;
    border-bottom: 1px solid #a8a8a8;
    padding: 0;
}
.completedOffer{ margin: 40px 0; }
.completedOffer h1{
    font-family: Roboto;
    border-bottom: 1px solid #d8d8d8;
    color: #a8a8a8;
    padding-bottom: 10px;
    font-weight: 400;
    width: 95%;
    margin: 0 auto;
    font-size: 13px;
}
.completedOffer .interestItem h1, .completedOffer .interestItem p{
    color: #a8a8a8;
    border-bottom: none;
    padding-bottom: 0;
}
.interestItem .savedItem{
    text-align: right;
    padding: 0 15px 20px 0;
}
.interestItem .savedItem button{
    position: relative;
    right: auto;
    bottom: auto;
}
.candidateItem h1{
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    padding: 20px 15px 0 15px;
}
.candidateItem h1 span{
    color: #80A62C;
    font-size: 10px;
    margin-left: 5px;
    text-transform: uppercase;
}
.candidateItem h1 span a{ text-transform: none; }
.candidateItem h1 span .linkedin{
    margin-left: 0;
    color: #80A62C;
    border-bottom: 1px solid #80A62C;
}
.candidateItem ul{
    margin: 2.5px 0;
    padding: 0 15px;
}
.candidateItem ul li{
    display: inline-block;
    font-family: Roboto;
    font-weight: 400;
    font-size: 12px;
    color: #585858
}
.candidateItem ul li:first-child{
    width: 55px;
    font-weight: 500;
    color: #80A62C;
}
.candidateItem .offer li, .candidateItem .offer li:first-child{ color: #EE7A00; }
.candidateItem .email{ margin-top: 20px; }
.candidateItem .email a{ border-bottom: 1px solid #a8a8a8; color: #585858; }
.candidateItem h3{
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    padding: 20px 15px 5px 15px;
    color: #80A62C;
}
.candidateItem p{
    font-size: 12px;
    font-family: Roboto;
    font-weight: 400;
    padding: 0 15px;
    margin: 0;
    color: #585858;
    line-height: 1.5em;
}
.candidateItem .buttons{
    padding: 20px 15px;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.candidateItem .buttons button{
    font-size: 13px;
    font-weight: 400;
    box-shadow: 0px 2px 2.91px 0.09px rgba(0, 0, 0, 0.25);
    padding: 10px 20px;
    font-family: Roboto;
    border: none;
    outline: none;
    cursor: pointer;
}
.candidateItem .buttons button:first-child{
    background-color: #80a62a;
    color: #ffffff;
}
.candidateItem .buttons button:last-child{
    background-color: #f1f8e9;
    color: #80a62a;
}
.candidateItem:last-child{
    margin-bottom: 50px;
}
.manageItem h1{
    font-family: Roboto;
    font-weight: 500;
    font-size: 12px;
    padding: 20px 15px 5px 15px;
    margin: 0;
    border-bottom: none;
    color: #EE7A00;
}
.manageItem h1 span{
    font-weight: 400;
    color: #585858;
}
.manageItem h2{
    color: #D11219;
    font-family: Roboto;
    font-weight: 500;
    font-size: 13px;
    margin: 0;
    padding: 5px 15px;
}
.manageItem h3{
    font-family: Roboto;
    font-weight: 400;
    font-size: 15px;
    margin: 0;
    font-size: 15px;
    color: #585858;
    padding: 10px 15px;
}
.manageItem div, .articleItem div{
    display: flex;
    justify-content: space-between;
    padding: 10px 15px 20px 15px;
}
.manageItem div div, .articleItem div div{ padding: 0; }
.manageItem div div, .articleItem div div{
    color: #a8a8a8;
    font-family: Roboto;
    font-weight: 400;
    font-size: 13px;
}
.manageItem:last-child, .articleItem:last-child{ margin-bottom: 50px; }
.manageItem div a, .articleItem div a{
    font-family: Roboto;
    font-weight: 400;
    font-size: 13px;
    color: #a8a8a8;
    border-bottom: 1px solid #a8a8a8;
}
.manageItem.public div div i{ color: #EE7A00; }
.manageItem.decline h1{ color: #D11219; }
.manageItem.waiting h1{ color: #585858; }
.adminMenu{
    width: 200px;
    border-right: 1px solid #d8d8d8;
    margin: 0;
    padding: 0;
    position: relative;
    top: -20px;
    margin-bottom: 60px;
}
.menuNavigation ul a:hover, .activitiesMenu:hover{ color: #ce1417 }
footer a:hover{ color: #e8e8e8; }
.adminMenu ul{
    padding: 0;
    margin: 0 0 30px 0;
}
.adminMenu ul h1{
    color: #EE7A00;
    font-family: Roboto;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    margin: 0 0 10px 10px;
    padding: 0;
}
.adminMenu ul li{
    overflow: hidden;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    margin: 5px 0;
    padding: 5px 10px;
    position: relative;
}
.adminMenu ul li:hover a{ color: #EE7A00; }
.adminMenu ul li.active a{ color: white; }
.adminMenu ul li span{
    background-color: #EE7A00;
    position: absolute;
    top: 3px;
    right: 80px;
    color: white;
    width: 18px;
    align-items: center;
    height: 14px;
    padding: 2px 0 1.5px;
    text-align: center;
    font-family: Roboto;
    font-size: 10px;
    border-radius: 50%;
}

.adminMenu ul .active{
    background-color: #EE7A00;
    color: #fff;
}
.adminMenu ul .active a{ color: white; }
.adminMenu .authorization .active span{ display: none; }
.admin .items .item .title{ width: 160px }
.articleItem h1{
    font-family: Roboto;
    font-weight: 400;
    font-size: 12px;
    border-bottom: none;
    color: #80A62A;
    padding: 20px 15px;
    margin: 0;
}
.articleItem h1 span{ color: #a8a8a8; }
.articleItem h2{
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    color: #383838;
    padding: 0 15px;
    margin: 0;
}
.articleItem p{
    font-family: Roboto;
    font-weight: 400;
    font-size: 13px;
    color: #888888;
    padding: 0 15px;
}
.articleItem.public div div i{ color: #8bc34a; }
.companyCheckItem h1{
    font-family: Roboto;
    font-weight: 500;
    font-size: 15px;
    color: #383838;
    padding: 20px 15px;
    margin: 0;
}
.companyCheckItem ul{
    margin: 10px 0;
    padding: 0;
}
.companyCheckItem ul li{
    font-family: Roboto;
    font-weight: 500;
    color: #8bc34a;
    margin: 0;
    padding: 0 15px;
    font-size: 12px;
    display: inline-block;
    overflow: hidden;
}
.companyCheckItem ul li:last-child{ color: #a8a8a8; font-weight: 400; }
.companyCheckItem div{
    padding: 0 15px 20px 15px;
    margin: 0;
    text-align: right;
}
.companyCheckItem:first-child{ margin-top: 40px; }
.companyCheckItem:last-child{ margin-bottom: 50px; }
.companyCheckItem div button, .pagesItem button{
    background-color: #f1f8e9;
    color: #80a62a;
    font-size: 13px;
    font-weight: 500;
    box-shadow: 0px 2px 2.91px 0.09px rgba(0, 0, 0, 0.25);
    padding: 3px 25px;
    font-family: Roboto;
    outline: none;
    cursor: pointer;
    border: none;
}
.admin .search{
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}
.admin .search div{
    display: block;
    position: relative;
    width: 48%;
}
.admin .search div label{
    width: 100%;
}
.admin .search div input[type="text"]{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    width: 100%;
    font-size: 14px;
    padding: 5px 0;
    margin: 5px 0;
    transition: .25s border;
    outline: none;
    font-family: Roboto;
}
.admin .search div select{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    width: 100%;
    padding: 5px 0 5px 15px;
    margin: 5px 0;
    transition: .25s border;
    outline: none;
    font-family: Roboto;
    position: relative;
    font-size: 14px;
    z-index: 2;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
.admin .search div #leftDown{
    position: absolute;
    bottom: 12px;
    left: 0;
    color: #585858;
}
.admin .search div #rightDown{
    position: absolute;
    bottom: 14px;
    right: 5px;
    color: #585858;
}
.admin .list, .admin .tagList{
    font-family: Roboto;
    margin: 0;
    padding: 0;
    overflow-x: auto;
}
.admin .listItems{ padding-bottom: 20px }
.admin .list{ max-height: 500px; }
.admin .tagList{ max-height: 240px; }
.admin .list li, .admin .tagList li{
    border-top: 1px solid #d8d8d8;
    overflow: hidden;
    background-color: #F1F1F1;
    margin: 0 15px;
    cursor: default;
    position: relative;
}
.admin .tagList li{ padding: 5px 10px; }
.admin .list li h1{
    font-size: 14px;
    margin: 10px 10px 5px 10px;
    padding: 0;
    color: #383838;
    max-width: 275px;
}
.admin .list li h2{
    font-size: 13px;
    margin: 5px 10px 7.5px 10px;
    padding: 0;
    color: #888888;
    font-weight: 400;
}
.admin .list li div, .admin .tagList li div{
    position: absolute;
    top: 12.5px;
    cursor: pointer;
    right: 10px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    display: none;
}
.admin .tagList li div{ top: 9px; }
.admin .list li:hover{
    background-color: transparent;
}
.admin .list li:hover h1{ color: #8bc34a; }
.admin .list li:hover div, .admin .tagList li:hover div{ display: block; }
.admin .list li:hover a{ color: #888888; }
.admin .newManager{
    padding: 0;
    margin: 0;
    width: auto;
}
.admin .newManager .items div{
    padding: 10px 15px;
    font-family: Roboto;
    max-width: 370px;
}
.admin .newManager .studentName{
    display: flex;
    justify-content: space-between;
}
.admin .newManager .studentName div{
    width: 48%;
    padding: 0;
}
.admin .newManager div label{
    font-weight: 400;
    color: #888888;
    font-size: 15px;
}
.admin .newManager div input, .admin .addTag div input{
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    width: 100%;
    font-size: 14px;
    padding: 5px 0;
    margin: 5px 0;
    transition: .25s border;
    outline: none;
    font-family: Roboto;
    transition: .25s border;
}
.admin .newManager div input:focus, .admin .addTag div input:focus{ border-bottom: 1px solid #8bc34a; }
.admin .newManager input[type="submit"], .admin .addTag input[type="submit"]{
    border: none;
    font-size: 13px;
    font-weight: 300;
    box-shadow: 0px 2px 2.91px 0.09px rgba(0, 0, 0, 0.25);
    padding: 12px 15px;
    font-family: Roboto;
    background-color: #80a62a;
    color: #ffffff;
    max-width: 140px;
    cursor: pointer;
}
.admin .addTag{
    display: flex;
    justify-content: space-between;
    padding: 10px 15px 0 15px;
    margin-top: 10px;
}
.admin .addTag div{
    width: 48%;
}
.admin .addTag div label{
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    color: #888888;
}
.admin .addTag input[type="submit"]{
    padding: 12px 45px;
    height: 40px;
    width: 150px;
    position: relative;
    top: 10px;
}
.admin .button{ text-align: right; }
.admin .pagesItem{
    display: block;
    font-family: Roboto;
    margin: 0;
    position: relative;
    padding: 20px 0;
}
.admin .items .pagesItem .title{ padding: 0 15px; margin: 0; float: none; }
.admin .pagesItem .title{
    margin: 0;
    padding: 0;
    width: 100%;
    float: none;
}
.admin .pagesItem .subtitle{
    padding: 5px 15px;
    color: #a8a8a8;
    font-size: 13px;
}
.admin .pagesItem button{
    position: absolute;
    bottom: 25px;
    right: 15px;
}
.admin .edit{ padding-bottom: 20px; margin-top: 40px; }
.article h2 span{ text-transform: uppercase; }
.article .back{
    background-color: #f1f8e9;
    color: #80a62a;
    font-size: 13px;
    font-weight: 400;
    box-shadow: 0px 2px 2.91px 0.09px rgba(0, 0, 0, 0.25);
    padding: 12.5px 15px;
    font-family: Roboto;
    position: relative;
    z-index: 2;
    margin-left: 12.5%;
    top: -65px;
    text-align: center;
    width: 110px;
}
article{
    font-family: Roboto;
    width: 800px;
    margin: 0 auto;
    padding: 30px 0;
    color: #888888;
}
article h1{ margin-top: 35px; }
article p{ margin: 25px 0; }
article .articleImage{
    text-align: center;
    padding: 20px 0 40px 0;
}
article img{
    width: 100%;
    height: 16vw;
    object-fit: cover;
    object-position: center;
}
.articleBox{
    display: flex;
    width: 75%;
    margin: 40px auto;
    padding-bottom: 20px;
    border-bottom: 1px solid #e8e8e8;
}
.articleBox img{
    width: 24vw;
    height: 8vw;
    object-fit: cover;
    object-position: center;
}
.articleBox div{
    font-family: Roboto;
    padding: 0 20px 0 60px;
}
.articleBox div h1{
    text-transform: uppercase;
    color: #054E92;
    font-size: 12px;
    padding: 0;
    margin: 0;
}
.articleBox div h2{
    padding: 0;
    margin: 5px 0 0 0;
    text-decoration: underline;
    font-size: 16px;
}
.articleBox div h3{
    padding: 0;
    margin: 5px 0;
    color: #585858;
    font-size: 13px;
    font-weight: 400;
}
.articleBox div p{
    color: #333333;
    font-size: 13px;
}
.articleControls{
    width: 75%;
    margin: 0 auto 60px auto;
    display: flex;
    justify-content: space-between;
    height: 35px;
}
.articleControls .up{
    font-size: 13px;
    font-weight: 400;
    box-shadow: 0px 2px 2.91px 0.09px rgba(0, 0, 0, 0.25);
    padding: 10px 15px;
    font-family: Roboto;
    background-color: #f1f8e9;
    color: #80a62a;
    text-align: center;
    width: 110px;
}
.articleControls .more{
    font-size: 13px;
    font-weight: 300;
    box-shadow: 0px 2px 2.91px 0.09px rgba(0, 0, 0, 0.25);
    padding: 10px 15px;
    font-family: Roboto;
    background-color: #80a62a;
    color: #ffffff;
    text-align: center;
    width: 110px;
}
.articleControls .paginator div{
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    box-shadow: 0px 2px 2.91px 0.09px rgba(0, 0, 0, 0.25);
    padding: 10px 15px;
    font-family: Roboto;
    background-color: white;
    color: #a8a8a8;
    text-align: center;
    width: auto;
}
.articleControls .paginator .previous, .articleControls .paginator .next{
    font-size: 13px;
    font-weight: 300;
    box-shadow: 0px 2px 2.91px 0.09px rgba(0, 0, 0, 0.25);
    padding: 10px 15px;
    font-family: Roboto;
    background-color: #80a62a;
    color: #ffffff;
    text-align: center;
    width: auto;
}
.articleControls .paginator .active{
    font-size: 13px;
    font-weight: 400;
    box-shadow: 0px 2px 2.91px 0.09px rgba(0, 0, 0, 0.25);
    padding: 10px 15px;
    font-family: Roboto;
    background-color: #f1f8e9;
    color: #80a62a;
    text-align: center;
    width: auto;
}
.projectBox{
    display: flex;
    justify-content: space-between;
    width: 75%;
    margin: 40px auto;
    padding-bottom: 20px;
}
.projectBox img{
    width: 24vw;
    height: 20vw;
    object-fit: contain;
    margin: 0px 0 0 0;
}
.projectMin{
    text-align: center;
    padding: 20px;
}
.projectPaper{
    width: 300px;
    width: 300px;
    margin: 20px;
    object-fit: cover;
    object-position: center;
}
.projectBox div{
    font-family: Roboto;
}

.showJobList{
    color: #EE7A00;
    text-decoration: underline;
    font-family: Roboto;
    font-size: 13px;
    text-align: center;
    margin-top: 20px;
}

#tagList{
    padding: 0;
    margin: 0;
}

#tagList li{
    padding: 5px 10px;
    cursor: pointer;
}

#tagList li:hover{
    background-color: #dddddd;
}

#tagList li.added{
    background-color: #8bc34a;
    color: white;
}

.projectBox .left{ padding: 0 60px 0 0; }
.projectBox .right{ padding: 0 0 0 60px; }
.projectBox h1{
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 900;
    width: 175px;
    text-align: center;
    color: white;
    padding: 10px 0;
}
.projectBox p{
    color: #585858;
    font-size: 16px;
}
.projectBox .left h1{ background-color: #004E91; }
.projectBox .right h1{ background-color: #CE1417; }
.projectPartners{
    background-color: #F1F1F1;
    padding: 40px 12.5%;
}
.projectPartners h1{
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 900;
    width: 175px;
    text-align: center;
    color: white;
    padding: 10px 0;
    background-color: #80A62C;
    font-family: Roboto;
    margin: 0;
}
.projectPartners .partnersLogos{
    display: flex;
    justify-content: space-between;
    margin: 50px 0 30px 0;
}
.projectPartners .partnersLogos img{
    height: 40px
}
.projectContact{
    margin: 50px 0;
    text-align: center;
    font-family: Roboto;
}
.projectContact h1{
    padding: 0 20px;
    font-size: 35px;
    font-weight: 200;
}
.projectContact h2{
    font-size: 15px;
    padding: 0 20px;
    font-weight: 500;
}
.projectContact .contact{
    display: flex;
    justify-content: space-between;
    width: 60%;
    margin: 50px auto;
}
.projectContact .contact div h1{ color: #888888; }
.projectContact .contact div p, .projectContact .contact div a{ color: #EE7A00; }
.projectContact .contact div a{ text-decoration: underline; }
.jobs {
    width: 60%;
    margin: 40px auto;
}
.jobs h1{
    font-family: Roboto;
    text-transform: uppercase;
    font-size: 15px;
}
.jobs h1 span{ color: #EE7A00; }
.joblist{
    width: 100%;
    font-family: Roboto;
    border-collapse:collapse;
}
.joblist tr td{
    position: relative;
    display: inline-list-item;
    border-bottom: 1px solid #e8e8e8;
}
.joblist tr td:not(:first-child){
    padding: 36px 0 0 0;
}
.joblist tr td{
    font-size: 11.5px;
    font-weight: 400;
    color: #888888;
    padding: 8px 0 20px 0;
}
.joblist tr td span{ color: #EE7A00; font-weight: 500; }
.joblist tr td h1{
    font-size: 14px;
    text-transform: none;
    font-weight: 400;
    text-decoration: underline;
}
.joblist tr td a:hover{ color: #EE7A00; }
.joblist tr td i:nth-child(1){ margin-right: 10px; }
.joblist tr td i{ cursor: pointer; }
.joblist tr td:last-child{ text-align: right; }
.joblistControls{ width: 60%; }
.joblist #active{ color: #EE7A00; }
.joblistBanner form{
    width: 60%;
    padding: 40px 0;
    margin: 0 auto;
    font-family: Roboto;
}
.joblistBanner .inputs{
    display: flex;
    justify-content: space-between;
}
.joblistBanner .inputs input[type="text"]{
    width: calc(48% - 50px);
    padding: 7.5px;
    background-color: white;
    border: none;
}
.joblistBanner .inputs button{
    width: 60px;
    background-color: #EE7A00;
    border: none;
    color: white;
    outline: none;
    cursor: pointer;
}
.joblistBanner .radios{
    padding: 20px 0 0 0;
}
.joblistBanner .radios label,.articleControls .up{cursor: pointer}
.joblistBanner .radios div{
    display: inline-block;
    margin-right: 20px;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 5px 10px 10px;
    border: 1px solid transparent;
    color: white;
}
.joblistBanner .radios div:first-child{
    border: 1px solid #EE7A00;
    color: #EE7A00;
}
.joblistBanner .radios .radiobutton, .jobadd .radioInput .radios .radiobutton{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 1.5px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    transition: all 0.15s ease-out 0s;
    background: transparent;
    border: 2px solid white;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    z-index: 1;
}
.radiobutton:hover {
    background: #9faab7;
}
.radiobutton:checked {
    background: #40e0d0;
}
.radiobutton:checked::before {
    height: 10px;
    width: 10px;
    position: absolute;
    content: ' ';
    background-color: #EE7A00;
    border: 2px solid #EE7A00;
    display: inline-block;
    border-radius: 50%;
    top: -3px;
    left: -3px;
}
.detailContent{
    width: 75%;
    margin: 40px auto;
    font-family: Roboto;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 40px;
}
.detailContent h1{
    text-transform: uppercase;
    background-color: #F1F1F1;
    color: #EE7A00;
    width: 175px;
    text-align: center;
    margin: 50px 0 40px 0;
    font-size: 15px;
    padding: 10px 15px;
}
.detailContent p{
    font-size: 13px;
    line-height: 1.25em;
}
.jobdetailBanner{
    display: flex;
    justify-content: space-between;
    padding: 40px 12.5%;
    margin: 20px 0;
}
.jobdetailBanner div{
}
.jobdetailBanner .left{
    display: block;
    width: 600px;
    font-family: Roboto;
}
.jobdetailBanner .left h1{
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
}
.jobdetailBanner .left ul{
    padding: 0;
    margin: 2.5px 0;
}
.jobdetailBanner .left ul li{
    overflow: hidden;
    display: inline-block;
}
.jobdetailBanner .left ul li:nth-child(1){
    font-size: 11px;
    width: 20px;
    color: #EE7A00;
}
.jobdetailBanner .left ul li:nth-child(2){
    text-transform: uppercase;
    width: 60px;
    font-size: 11px;
    color: #EE7A00;
    font-weight: 700;
}
.jobdetailBanner .left ul li:nth-child(3) {
    font-size: 11px;
    color: white;
    font-weight: 400;
}
.jobdetailBanner .left .buttons{
    margin: 40px 0 0 0;
}
.jobdetailBanner .left ul a{
    font-size: 11px;
    color: white;
    font-weight: 400;
    width: auto;
    text-decoration: underline;
}
.jobdetailBanner .left .buttons button{
    background-color: #FFF3E0;
    font-size: 13px;
    font-weight: 400;
    box-shadow: 0px 2px 2.91px 0.09px rgba(0, 0, 0, 0.25);
    padding: 10px 15px;
    font-family: Roboto;
    outline: none;
    border: none;
    width: 140px;
    cursor: pointer;
    color: #EE7A00;
    margin-right: 10px;
}
.jobdetailBanner .left .buttons a:last-child button{
    background-color: #EE7A00;
    color: white;
}
.jobdetailBanner .right{
    width: 500px;
    height: 200px;
    background-color: white;
    display: flex;
    justify-content: space-between;
}
.jobdetailBanner .right img{
    width: 180px;
    height: 180px;
    object-fit: contain;
    position: relative;
    top: 10px;
    object-position: center;

}
.jobdetailBanner .right div{ width: 320px; }
.jobdetailBanner .right h1{
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    padding: 20px 0 10px 20px;
    text-align: left;
    font-family: Roboto;
    color: #383838;
}
.jobdetailBanner .right ul{
    font-family: Roboto;
    padding: 10px 0 0 20px;
    margin: 0;
}
.jobdetailBanner .right ul li{
    display: inline-block;
    font-size: 12px;
}
.jobdetailBanner .right ul li:first-child{
    color: #8bc34a;
    text-transform: uppercase;
    font-size: 11px;
    width: 45px;
    font-weight: 700;
}
.homepageBanner{ background-image: url("../images/podkladhomepage.png"); }
.homepageBanner h2{ width: 90%; padding-bottom: 10px; }
.homepageBanner h3{
    color: white;
    margin: 0 auto 0 auto;
    text-align: center;
    padding: 0;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
}
.homepageBanner h3 span{ color: #EE7A00; }
.homepageBanner h3 .max{
    font-weight: 700;
    font-size: 25px;
}
.homepageBanner h3 .medium{ font-weight: 900; }
.homepageBanner form{
    padding: 80px 0;
}
.homepageBanner form .inputs{ position: relative; }
.homepageBanner form .inputs label{
    color: white;
    position: absolute;
    top: -30px;
    font-size: 13px;
    font-weight: 300;
}
.homepageBanner form .inputs .second{
    left: calc(48% - 10px);
}
.homepageBanner form .inputs label span{
    font-weight: 500;
}
.homepageBanner form .inputs label .example{
    font-weight: 300;
    color: #a8a8a8;
    font-size: 12px;
}
.homepagePartners{ padding: 5px 12.5% 15px 12.5% }
.aboutProject{
    width: 75%;
    padding: 40px 12.5%;
    background-image: url("../images/socialpodklad.png");
    background-position: bottom;
    background-repeat: no-repeat;
}
#aboutPr{
    background: none;
}
.homepageSocial{
    width: 75%;
    margin: 0 auto;
}
.aboutProject h1, .homepageSocial h1{
    background-color: #034E91;
    padding: 10px 15px;
    color: white;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: Roboto;
    width: 150px;
    text-align: center;
    margin-bottom: 40px;
}
.aboutProject h2{
    font-family: Roboto;
    font-weight: 900;
    font-size: 15px;
    text-transform: uppercase;
    margin: 40px 0 20px 0;
}
.aboutProject p{
    margin: 20px 0;
    font-family: Roboto;
    color: #888888;
    font-weight: 400;
    font-size: 14px;
}
.aboutProject .partnersLogos{
    display: flex;
    justify-content: space-between;
    margin: 40px 0 50px 0;
}
.aboutProject .partnersLogos img{ height: 40px }
.homepageSocial{
    padding: 40px 0;
}
.homepageSocial p{
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    width: 450px;
}
.homepageSocial div{
    padding: 40px 0;
}
.homepageSocial div a{
    font-size: 15px;
    font-weight: 400;
    box-shadow: 0px 2px 2.91px 0.09px rgba(0, 0, 0, 0.25);
    padding: 10px 40px;
    font-family: Roboto;
    margin-right: 10px;
}
.homepageSocial div a:nth-child(1){
    color: #7092BF;
    background-color: #E4F2FD;
}
.homepageSocial div a:nth-child(2){
    color: #9F20B5;
    background-color: #EEE8F6;
}
.homepageSocial div a:nth-child(3){
    color: #FF0000;
    background-color: rgba(255, 0, 25, 0.11);
}
#google_translate_element{
    padding-left: 20px;
    position: absolute;
    top: 0;
    left: 17px;
}
.activities div{
    background-color: white;
    width: 150px;
    height: 120px;
    display: inline-block;
    text-align: center;
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px;
    box-shadow: 0px 2px 2.91px 0.09px rgba(0, 0, 0, 0.25);
}
.activities div i{
    position: absolute;
    top: 20px;
    font-size: 30px;
    left: calc(50% - 15px)
}
.activities div p{
    position: absolute;
    font-size: 13px;
    font-weight: 700;
    width: 90%;
    left: 5%;
    text-align: center;
    top: 70px;
    margin: 0 auto;
}
.activities div img{
    width: 120px;
    position: absolute;
    top: 20px;
    left: 15px;
}
.activities .orange, .activities .orange p{ color: #E87C00; }
.activities .green, .activities .green p{ color: #80A62C; }
.activities .red, .activities .red p{ color: #CA0B1A; }
section{
    display: flex;
    justify-content: space-between;
    width: 75%;
    margin: 0 auto;
}
section .left{
    width: 400px;
    padding: 40px 0;
}
@media screen and (max-width: 415px){
    section .left{
        width: auto;
    }
}
section .left h1{
    background-color: #004E91;
    color: white;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 15px;
    font-family: Roboto;
    text-transform: uppercase;
    width: 160px;
    text-align: center;
}
section .left .articlePreview{
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 30px;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
}
section .left .articlePreview:last-child{ border-bottom: none }
section .left .articlePreview h1{
    font-size: 12px;
    background-color: transparent;
    font-weight: 500;
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0;
    color: black;
    text-transform: none;
}
section .left .articlePreview h1 span{
    color: #004E91;
}
section .left .articlePreview p{
    font-size: 13px;
    font-family: Roboto;
    color: #585858;
    margin: 0;
    text-align: left;
    padding: 0;
}
section .left .articlePreview img{
    width: 400px;
    height: 133px;
    object-fit: cover;
    object-position: center;
    margin: 20px auto;
}
@media screen and (max-width: 415px){
    section .left .articlePreview img {
        width: 330px;
        display: block;
    }
}
section .left .articlePreview a.link{
    color: #064A8B;
    background-color: #D9F1FD;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0px 2px 2.91px 0.09px rgba(0, 0, 0, 0.25);
    padding: 10px 20px;
    font-family: Roboto;
}
section .right{
    padding: 0;
    margin: 0;
    width: calc(100% - 460px);
    padding: 40px 0;
}
section .right .h1{
    background-color: #ED7B00;
    color: white;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 15px;
    font-family: Roboto;
    text-transform: uppercase;
    width: 150px;
    text-align: center;
}
.newArticle .search #sort{
    padding: 5px 0 5px 0
}
.newArticle .input{
    padding: 10px 15px;
    width: calc(100% - 30px);
}
.newArticle .input label{
    font-size: 15px;
    display: block;
    font-weight: 400;
    font-family: Roboto;
    padding-bottom: 5px;
}

.newArticle .input input[type="text"]
{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    width: 100%;
    padding: 2.5px 0 0 0;
    margin: 0;
    transition: .25s border;
    outline: none;
    font-family: Roboto;
}

.newArticle input[type="text"]:focus
{
    border-bottom: 1px solid #80a62a;
}
.newArticle .switchItem{

}
.newArticle .titleO{
    font-family: Roboto;
    font-weight: 400;
    font-size: 15px;
    display: block;
    padding: 5px 15px;
    width: 100%;
}
.newArticle .switchItem div{
    padding: 15px;
}
.newArticle .switchItem .switchLabel{
    position: relative;
    left: 40px;
    top: -2.5px;
    font-family: Roboto;
    font-size: 13px;
}
.newArticle .infoItem{
    margin: 0;
    padding: 5px 15px 10px 15px;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    font-family: Roboto;
    color: #888888;
}
.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 14px;
}

.switch input {display:none;}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #8bc34a;
}

input:focus + .slider {
    box-shadow: 0 0 1px #8bc34a;
}

input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
.fileInput{
    padding: 0 15px 10px 15px;
}
.fileInput input[type="file"]{
    margin-top: 10px;

}
.fileInput input[type="file" i]{
    color: transparent;
    font-size: 12px;
}
.fileInput input[type="file"]::-webkit-file-upload-button{
    color: #80a62a;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #80a62a;
    font-size: 12px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.fileInput p{
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    color: #888888;
}
.items{position: relative}
.fileInput{ position: relative; }
.uploadImage{
    width: 100px;
    height: 50px;
    object-fit: cover;
    object-position: center;
    position: absolute;
    right: 25px;
    top: 75px;
}
.articleAddButton{
    margin: 0 0 40px 0;
    padding: 0;
    text-align: right;
}
.articleAddButton button{
    font-size: 13px;
    font-weight: 300;
    box-shadow: 0px 2px 2.91px 0.09px rgba(0, 0, 0, 0.25);
    padding: 10px 45px;
    border: none;
    outline: none;
    font-family: Roboto;
    background-color: #80a62a;
    color: #ffffff;
    cursor: pointer;
}
.articleEditButton{
    margin: 0 0 40px 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}
.articleEditButton button{
    cursor: pointer;
}
.articleEditButton button:first-child{

    font-size: 13px;
    font-weight: 300;
    box-shadow: 0px 2px 2.91px 0.09px rgba(0, 0, 0, 0.25);
    padding: 10px 45px;
    border: none;
    outline: none;
    font-family: Roboto;
    background-color: #818181;
    color: white;
}
.articleEditButton button:last-child{

    font-size: 13px;
    font-weight: 300;
    box-shadow: 0px 2px 2.91px 0.09px rgba(0, 0, 0, 0.25);
    padding: 10px 45px;
    border: none;
    outline: none;
    font-family: Roboto;
    background-color: #80a62a;
    color: #ffffff;
}
.jobadd .radioInput .radios{
    display: block;
    font-family: Roboto;
    padding: 5px 15px 15px 10px;
    font-size: 13px;
}
.jobadd .radioInput .radios .radiobutton{ border: 2px solid #EE7A00; }
.profileContainer .jobadd h1{ color: #EE7A00; }
.jobadd .input input[type="text"]:focus{ border-bottom: 1px solid #EE7A00; }
.jobadd .input input[type="text"]{ padding: 5px 0; }
.jobadd input:checked + .slider{ background-color: #EE7A00; }
.jobadd a{
    color: #EE7A00;
    text-decoration: underline;
    display: inline-block;
}
.jobbAddPage .articleAddButton .button{
    background-color: #EE7A00;
}
.jobbAddPage .articleEditButton .button{
    background-color: #EE7A00;
}
.jobadd .pagesItem button{
    width: 100px;
    padding: 3px 5px;
    background-color: #FCF3E4;
    color: #F47A00;
}
.profileContainer .adminJob h1{ color: #8bc34a; }
.adminJobEdit .articleEditButton .button{
    background-color: #8bc34a;
}
.adminJob .input input[type="text"]:focus{
    border-bottom: 1px solid #8bc34a;
}
.adminJob a{ color: #8bc34a; }
.adminJob .radioInput .radios .radiobutton{
    border: 2px solid #8bc34a;
}
.adminJob .radiobutton:checked::before{
    background-color: #8bc34a;
    border: 2px solid #8bc34a;
}
.adminJob input:checked + .slider{background-color: #8bc34a}
.adminJob .pagesItem button{
    width: 100px;
    padding: 3px 5px;
}
div.tagsinput { border-bottom: 1px solid #d8d8d8; background: transparent; padding:5px 5px 5px 0; width:calc(100% - 40px); height:auto; overflow-y: auto;}
div.tagsinput span.tag { border: 1px solid #f1f1f1; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration:none; background: #F4F4F4; color: #638421; margin-right: 5px; margin-bottom:0px;font-family: Roboto;  font-size:12px;}
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px;  }
div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:0px; }
div.tagsinput div { display:block; float: left; }
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {background: #FBD8DB !important; color: #90111A !important;}
div.tagsinput i{
    color: white;
    background: #C1C1C1;
    border-radius: 50%;
    font-size: 5px;
    padding: 3px;
    text-align: center;
    justify-content: center;
    position: relative;
    top: -2px;
}
.homepageBanner div.tagsinput, .joblistBanner div.tagsinput { border: none; background: white; padding:5px; width:100%; height:auto; overflow-y: auto;}
.homepageBanner div.tagsinput span.tag, .joblistBanner div.tagsinput span.tag { border: 1px solid #f1f1f1; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px 5px 0 5px; text-decoration:none; background: #F4F4F4; color: black; margin-right: 5px; margin-bottom:5px;font-family: Roboto;  font-size:12px;}
.homepageBanner div.tagsinput span.tag a, .joblistBanner div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px;  }
.homepageBanner div.tagsinput input. joblistBanner div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px 5px 0 0px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
.homepageBanner div.tagsinput div, .joblistBanner div.tagsinput div { display:block; float: left; }
.homepageBanner .tags_clear, .joblistBanner .tags_clear { clear: both; width: 100%; height: 0px; }
.homepageBanner .not_valid, .joblistBanner .not_valid {background: #FBD8DB !important; color: #90111A !important;}
.homepageBanner div.tagsinput i, .joblistBanner div.tagsinput i{
    color: white;
    background: #C1C1C1;
    border-radius: 50%;
    font-size: 5px;
    padding: 3px;
    text-align: center;
    justify-content: center;
    position: relative;
    top: -2px;
}
.logoImage{
    top: 30px;
    width: 80px;
    height: 80px;
    object-fit: contain;
    object-position: center;
}
.simplePaginator{
    text-align: right;
    padding-bottom: 40px;
}
.simplePaginator ul li{
    display: inline-block;
    border-bottom: 1px solid #585858;
    font-family: Roboto;
    font-size: 13px;
    margin: 0 2.5px;
}
.simplePaginator ul li a{ color: #585858}
.simplePaginator ul li.active{ border: none}
.greenPaginator ul li.active a{ color: #8bc34a}
.orangePaginator ul li.active a{ color: #EE7A00}
.simplePaginator ul li.dots{border: none}
.popupForm{
    position: fixed;
    top: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, .6);
    height: 100%;
    z-index: 3;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: none;
}
.popupForm form .items, .popupForm .editor .items{min-height: auto; margin: 0}
.orange .popupForm .editor .input label{ color: #EE7A00; }
.orange .articleEditButton button:last-child{background-color: #EE7A00;}
.popupForm form, .popupForm .editor{
    width: 370px;
    background-color: #FFFFFF;
    min-height: 50px;
    height: auto;
    margin: 0 auto;
    position: relative;
    top: 27.5%;
    padding: 1px 20px 1px 20px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);

}
.companyCheckItem ul li:first-child{width: 45px}
.mce-container textarea{display:inline-block!important}
.mce-content-body{font-family:Lato!important;font-size:14px;color:#626262;padding:0 25px 25px}
.mce-content-body h1,.mce-content-body h2,.mce-content-body h3,.mce-content-body h4,.mce-content-body h5,.mce-content-body h6{font-family:aileron;font-weight:200;line-height:1.4em;margin:25px 0 15px}
.mce-content-body *{background-position:initial}
.mce-content-body h1{font-size:34px}
.mce-content-body h2{font-size:30px}
.mce-content-body h3{font-size:26px}
.mce-content-body h4{font-size:22px}
.mce-content-body h5{font-size:18px}
.mce-content-body h6{font-size:14px}
.mce-content-body p{margin:25px 0}
.mce-content-body ol,.mce-content-body ul{margin-left:15px;list-style-position:outside;margin-bottom:20px}
.mce-content-body ol li,.mce-content-body ul li{margin-left:10px;margin-bottom:10px;color:#626262}
.mce-content-body ul{list-style-type:disc}
.mce-content-body ol{list-style-type:decimal}
.mce-content-body a[href]{text-decoration:underline}
.mce-content-body table{width:100%;border-spacing:0;border-collapse:separate;border:1px solid #aaa}
.mce-content-body table tr:nth-child(even){background:#FAFAFA}
.mce-content-body table caption,.mce-content-body table td,.mce-content-body table th{padding:15px 7px;font:inherit}
.mce-content-body table th{font-weight:400;color:#6E6E6E;background-position:100% 100%;background-size:2px 10px;background-repeat:no-repeat}
.mce-content-body table th:last-child{background:0 0}
.mce-content-body hr{border-top:2px solid #BBB}
.popupForm .editor{
    width: 50%;
    top: calc(50% - 231px);
}
.popupForm .editor .input label{
    padding-bottom: 20px;
    font-weight: 500;
    color: #8bc34a;
}
.popupForm .editor .articleEditButton{
    display: block;
    text-align: right;
}
.popupForm .editor .articleEditButton button{
    margin-left: 10px;
}
.popupForm form .items h1, .popupForm .editor .items h1{
    color: #80A62C;
    font-family: Roboto;
    text-align: left;
    margin: 0 0 10px 0;
    font-size: 13px;
    font-weight: 500;
}
.popupForm input[type="text"],
.popupForm input[type="email"],
.popupForm input[type="password"]
{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    width: 100%;
    padding: 5px 0;
    margin: 10px 0;
    transition: .25s border;
    outline: none;
    font-family: Roboto;
}

.popupForm input[type="text"]:focus,
.popupForm input[type="email"]:focus,
.popupForm input[type="password"]:focus
{
    border-bottom: 1px solid #80a62a;
}
.popupForm label{
    margin-top: 20px;
    font-size: 14px;
    display: block;
    font-weight: 400;
    text-align: left;
    font-family: Roboto;
}
.popupForm .articleEditButton{
    margin-top: 20px;
    margin-bottom: 20px;
}
.popUpClose{
    width: 10px;
    cursor: pointer;
    height: 10px;
    position: absolute;
    top: 0;
    z-index: 3;
    right: 0;
}
#desc{display: none}
.blur   {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
}

.popupForm select{
    -webkit-appearance: button;
    -moz-appearance: button;
}
.popupForm input[type="tel"],
.popupForm input[type="date"],
.popupForm select
{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    width: 100%;
    padding: 5px 0;
    transition: .25s border;
    outline: none;
    font-family: Roboto;
    position: relative;
    z-index: 2;
}
.popupForm .input #icon{
    position: absolute;
    top: 27px;
    color: #888888;
    font-size: 13px;
    cursor: pointer;
    right: 0;
}
.mce-notification-warning{display: none}
.nabidkyMenu li:hover i{color: #EE7A00}
.hamburger{
    display: none;
}
.popupForm .leftAlign{
    text-align: left;
    padding: 0;
}
.popupForm .leftAlign .popUpClose{
    top: 15px;
    right: 15px;
}
.popupForm .leftAlign .buttons button{
    width: 120px;
    color: white
}
.popupForm .leftAlign .buttons button:nth-child(2){
    background-color: #818181;
    color: #fff;
}
.popupForm .leftAlign .buttons button:last-child{
    background-color: #8bc34a;
    color: #fff;
}
.popupForm .leftAlign{
    width: 400px;
}
.flash{
    position: fixed;
    background-color: white;
    padding: 10px 20px;
    font-family: Roboto;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    z-index: 99;
    top: 30%;
    left: calc(50% - 195px);
    width: 350px;
    text-align: center;
}