#regForm { background-color: #ffffff; margin: 0px auto; font-family: Oswald; padding: 10px; width: 100%; min-width: 300px; }
input { padding: 10px; font-size: 17px; font-family: Oswald; border: 1px solid #aaaaaa; cursor: pointer; }
/* Mark input boxes that gets an error on validation: */ input.invalid { background-color: #ffdddd; }
/* Hide all steps by default: */ .tab { display: none; }
button { background-color: #4c81af; color: #ffffff; border: none; padding: 10px 20px; font-size: 17px; font-family: Oswald; cursor: pointer; }
button:hover { opacity: 0.8; }
#prevBtn { background-color: #bbbbbb; }
/* Make circles that indicate the steps of the form: */ .step { height: 15px; width: 15px; margin: 0 2px; background-color: #bbbbbb; border: none; border-radius: 50%; display: inline-block; opacity: 0.5; }
.step.active { opacity: 1; }
/* Mark the steps that are finished and valid: */ .step.finish { background-color: hsla(222, 48%, 40%, 1); }
section { display: flex; flex-flow: row wrap; } section > div { flex: 1; padding: 0.5rem; } input[type="radio"] { display: none; &:not(:disabled) ~ label { cursor: pointer; } &:disabled ~ label { color: hsla(222, 48%, 40%, 1); border-color: hsla(222, 48%, 40%, 1); box-shadow: none; cursor: not-allowed; } } label { height: 100%; display: block; background: white; border: 2px solid hsla(222, 48%, 40%, 1); border-radius: 0px; margin-bottom: 1rem; //margin: 1rem; text-align: center; box-shadow: 0px 3px 10px -2px hsla(222, 48%, 40%, 0.5); position: relative; cursor: pointer; } input[type="radio"]:checked + label { background: hsla(222, 48%, 40%, 1); color: hsla(215, 0%, 100%, 1); box-shadow: 0px 0px 20px hsla(222, 48%, 40%, 0.75); &::after { color: hsla(215, 5%, 25%, 1); font-family: FontAwesome; border: 2px solid hsla(150, 75%, 45%, 1); content: "\f00c"; font-size: 14px; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); height: 50px; width: 50px; line-height: 50px; text-align: center; border-radius: 50%; background: white; box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25); } } p { font-weight: 900; }
@media only screen and (max-width: 700px) { section { flex-direction: column; } }
В Вашей организации насчитывается больше 50 работников?
В работе организации используется производственное оборудование?
Ваши работники (коллеги) используют в работе электроинструмент?
В работе Вашей организации используются лестницы или стремянки?
Ваш работники (коллеги) используют в работе точильные и сверлильные аппараты?
В штате организации состоят водители?
Ваши работники (коллеги) имеют дело с оборудованием выше 220В?
В Вашей организации используются сосуды под давлением?
Ваши работники (коллеги) занимаются самостоятельной погрузкой (разгрузкой) чего-либо?
Мы уже подготовили для Вас список, и вскоре он окажется на Вашей почте! Оставьте, пожалуйста, Ваши координаты, чтобы мы могли выслать список необходимых Вам документов по охране труда.
Нажимая кнопку "отправить", Вы соглашаетесь с тем, что Ваша информация будет использована в соответствии с Политикой конфиденциальности, и Вы не против получать от нас информационные письма с полезной информацией по охране труда.