/*
Theme Name: cruma
*/

.error {padding: 10px; border: 1px solid red; margin-bottom: 10px; color: red;}
.green{padding: 10px; border: 1px solid green; margin-bottom: 10px; color: green;}


.vacancies_block {border: 1px solid #ddd; background: #fff; max-width: 800px; margin-bottom: 30px; padding: 20px 200px 20px 20px; position: relative}
.vac_title {font-weight: bold; margin-bottom: 10px;}
.vac_in {padding: 20px 0px;}

.btn-success {position: absolute; right: 20px; top: 20px; background: #009de2; color: #fff; border: 1px solid #009de2; border-radius: 0px;; padding: 10px 20px;}
.btn-success:hover {color: #009de2; background: #fff; cursor: pointer}


.vac_modal {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow-y: auto; z-index: 10000; background: rgba(0,0,0,.6); display: none;}
.vac_modal.active {display: block;}

.vac_modal_wrapper {background: #fff; padding: 20px; border-radius: 8px; width: 400px; position: absolute; top: 50px; left: 50%; margin-left: -200px;}

.close_vac {display: flex; width: 32px; height: 32px; font-size: 30px; align-items: center; justify-content: center; position: absolute; right: -10px; top: -10px; transform: rotate(45deg); background: #fff; border: 1px solid #ddd; border-radius: 50%}

.my_form label {display: block; margin-bottom: 0px; width: 100%}
.my_form .label {margin-bottom: 20px;}


.form-control {min-height: 32px; padding: 10px; border: 1px solid #ddd; border: 1px solid #ddd; border-radius: 0px; display: block; width: 100%}

.over {overflow: hidden}

.for_my_agree {position: relative; padding-left: 30px; }
.for_my_agree input {position: absolute; left: 0px; top: 3px;}

.my_form .btn-success {position: relative; margin-top: 20px; right: auto; top: auto}

.nodel {color: red;}