@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'SegoeUI';
src: url('../fonts/SegoeUI.eot');
src: url('../fonts/SegoeUI.eot') format('embedded-opentype'),
url('../fonts/SegoeUI.woff2') format('woff2'),
url('../fonts/SegoeUI.woff') format('woff'),
url('../fonts/SegoeUI.ttf') format('truetype'),
url('../fonts/SegoeUI.svg#SegoeUI') format('svg');
}
@font-face {
font-family: 'SegoeUISemibold';
src: url('../fonts/SegoeUISemibold.eot');
src: url('../fonts/SegoeUISemibold.eot') format('embedded-opentype'),
url('../fonts/SegoeUISemibold.woff2') format('woff2'),
url('../fonts/SegoeUISemibold.woff') format('woff'),
url('../fonts/SegoeUISemibold.ttf') format('truetype'),
url('../fonts/SegoeUISemibold.svg#SegoeUISemibold') format('svg');
}
@font-face {
font-family: 'SegoeUIBold';
src: url('../fonts/SegoeUIBold.eot');
src: url('../fonts/SegoeUIBold.eot') format('embedded-opentype'),
url('../fonts/SegoeUIBold.woff2') format('woff2'),
url('../fonts/SegoeUIBold.woff') format('woff'),
url('../fonts/SegoeUIBold.ttf') format('truetype'),
url('../fonts/SegoeUIBold.svg#SegoeUIBold') format('svg');
}

@font-face {
    font-family: 'bebas_kairegular';
    src: url('../fonts/bebaskai-webfont.woff2') format('woff2'),
         url('../fonts/bebaskai-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/bebasneue-regular-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueeTextW01-Bold';
    src: url('../fonts/HelveticaNeueeTextW01-Bold.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/HelveticaNeueeTextW01-Bold.woff') format('woff'), 
         url('../fonts/HelveticaNeueeTextW01-Bold.ttf') format('truetype'), 
         url('../fonts/HelveticaNeueeTextW01-Bold.svg#HelveticaNeueeTextW01-Bold') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'HelveticaNeueeTextW01Light';
    src: url('../fonts/HelveticaNeueeTextW01Light.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/HelveticaNeueeTextW01Light.woff') format('woff'), 
         url('../fonts/HelveticaNeueeTextW01Light.ttf') format('truetype'), 
         url('../fonts/HelveticaNeueeTextW01Light.svg#HelveticaNeueeTextW01Light') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'HelveticaNeueeTextW01Medium';
    src: url('../fonts/HelveticaNeueeTextW01Medium.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/HelveticaNeueeTextW01Medium.woff') format('woff'), 
         url('../fonts/HelveticaNeueeTextW01Medium.ttf') format('truetype'), 
         url('../fonts/HelveticaNeueeTextW01Medium.svg#HelveticaNeueeTextW01Medium') format('svg');
    font-weight: 400;
    font-style: normal
}



* { margin: 0; padding: 0; }
a { text-decoration: none; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
body { background-color: #e8e8e8; font-family: 'Roboto', sans-serif; font-weight: 300;}
img { max-width: 100%; height: auto; display: inline-block; }
.full { float: left; width: 100%; }
.theme-btn { display: inline-block; width: 100%; vertical-align: top; color: #fff; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; font-size: 14px; line-height: 28px; text-decoration: none; text-transform: uppercase; height: 34px; padding: 3px 20px; font-family: 'Roboto', sans-serif; font-weight: 500; text-align: center; outline: none !important; border: none; cursor: pointer; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffbc06+0,ff9200+100 */
background: #ffbc06; /* Old browsers */
background: -moz-linear-gradient(left,  #ffbc06 0%, #ff9200 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffbc06 0%,#ff9200 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffbc06 0%,#ff9200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbc06', endColorstr='#ff9200',GradientType=1 ); /* IE6-9 */
}
.theme-btn.blue { background: #2c6db9; }
.theme-btn.finish-btn {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b2eb7f+0,499b00+100 */
background: #499b00; /* Old browsers */
/*background: -moz-linear-gradient(left,  #b2eb7f 0%, #499b00 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(left,  #b2eb7f 0%,#499b00 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to right,  #b2eb7f 0%,#499b00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2eb7f', endColorstr='#499b00',GradientType=1 ); /* IE6-9 */   
}
.theme-btn.disable { opacity: 0.7; pointer-events: none; }
.theme-btn.disabled { opacity: 0.7; }
.theme-btn:hover { color: #fff; text-decoration: none; }
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffbc06+0,ff9200+100 */

header { float: left; width: 100%; height: 60px; background-color: #000; padding: 15px 20px; position: fixed; left: 0; top: 0; }
.header-logo { float: left; width: 190px; margin-top: 2px; } 
.header-logo a { display: inline-block; vertical-align: top; width: 100%; }
.step-block { display: none; position: fixed; width: 100%; height: calc(100% - 60px); z-index: 1; left: 0; top: 60px; }
.step-block.show-block { display: block; }
.step-block .step-left-block { position: absolute; left: 0; top: 0; width: calc(100% - 450px); height: 100%; z-index: 1; overflow-y: auto;  }
.step-block .step-left-block iframe, .step-block .step-left-block embed { height: 100% !important; position: absolute; left: 0; top: 0; width: 100%; z-index: 1; overflow-y: auto; }
.step-left-block .left-inner-block { float: left; width: 100%; padding: 50px 80px; }

.step-block .step-right-block { position: absolute; right: 0; top: 0; width: 450px; height: 100%; z-index: 1; overflow-y: auto; padding: 40px 30px 20px;
box-shadow: 5px 5px 7px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 5px 5px 7px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 5px 5px 7px 5px rgba(0, 0, 0, 0.5);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0095a5+0,003379+100 */
background: #0095a5; /* Old browsers */
background: -moz-linear-gradient(top,  #0095a5 0%, #003379 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0095a5 0%,#003379 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0095a5 0%,#003379 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095a5', endColorstr='#003379',GradientType=0 ); /* IE6-9 */
}
.right-title { float: left; width: 100%; }
.right-title h2 { float: left; width: 100%; padding: 0; margin: 0; font-size: 34px; line-height: 40px; font-weight: 700; color: #fff; color: #fff;  }
.step-right-block .right-cnt { float: left; width: 100%; }
.right-cnt.marg-top120 { margin-top: 120px; }
.right-cnt.marg-top80 { margin-top: 80px; }
.right-cnt.marg-top40 { margin-top: 40px; }
.right-cnt p { font-size: 20px; line-height: 28px; color: #fff; white-space: pre-line; font-weight: 400; padding-bottom: 20px; }
.right-cnt p span { font-weight: 700; }
.step-right-block .btn-block { position: absolute; left: 30px; bottom: 120px; width: calc(100% - 60px); z-index: 1; }
.step-right-block .btn-block .back-btn { background: #2c6db9; }
.step-right-block .btn-block .theme-btn + .theme-btn { margin-top: 15px; }
.step-right-block .add-btn { position: absolute; width: 100%; height: 100px; bottom: 0; left: 0; background-color: #e6e6e6; }
.step-right-block .add-btn a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; font-size: 20px; line-height: 40px; display: flex; align-items: center; justify-content: center; color: #000; font-weight: 400; text-decoration: none; }
.step-right-block .add-btn a img { display: inline-block; width: 36px; vertical-align: middle; margin-right: 10px; }
.step-outer { position: fixed; right: 0; top: 0; z-index: 2; width: 800px; height: 80px; overflow: hidden; padding: 15px 80px 15px 120px; color: #fff; }
.step-outer:after { position: absolute;  left: 15px; top: 0; width: 100%; height: 100%; content: ""; transform: skew(20deg, 0); 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,6a6a6a+100 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(left,  #000000 0%, #6a6a6a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #000000 0%,#6a6a6a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #000000 0%,#6a6a6a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#6a6a6a',GradientType=1 ); /* IE6-9 */
}
.step-outer .step-inner { position: relative; z-index: 3; padding-top: 36px; }
.step-inner .steps { width: 100%; background-color: #fff; height: 5px; position: relative; }
.step-inner .steps .step-range { position: absolute; left: 0; top: 0; height: 100%; z-index: 1; display: block; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff9200+0,ffffff+100 */
background: #ff9200; /* Old browsers */
background: -moz-linear-gradient(left,  #ff9200 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff9200 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff9200 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9200', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.step-inner .steps .step { float: left; width: 20%; position: relative; }
.step-inner .steps .step:last-child { width: 0px; }
.step-inner .steps .step:before { position: absolute; left: -14px; top: -6px; width: 16px; height: 16px; z-index: 2; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #fff; content: ""; }
.step-inner .steps .step.current:before, .step-inner .steps .step.active:before { background-color: #ff9200; }
.step-inner .steps .step:after { position: absolute; left: 0; top: 0; width: 100%; height: 5px;  content: ""; background-color: #fff;}
.step-inner .steps .step.current:after { 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff9200+0,ffffff+100 */
background: #ff9200; /* Old browsers */
background: -moz-linear-gradient(left,  #ff9200 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff9200 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff9200 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9200', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ }
.step-inner .steps .step.active:after { background: #ff9200;  }
.step-inner .steps .step span { position: absolute; width: 100px; left: -50px; margin-left: -7px; bottom: 36px; z-index: 2; font-size: 11px; line-height: 14px; color: #fff; text-align: center; font-weight: 400; }
.step-inner .steps .step.current span { color: #ffbc06; }
.step-inner .steps .step.active span { color: #ff9200; }
.visitor-form { float: left; width: 100%; margin: 20px 0 0 0; }
.visitor-form .form-group { margin-bottom: 20px; }
.form-group label { font-size: 14px; line-height: 20px; color: #003279; font-weight: 500; padding: 0 0 5px 15px; margin: 0; }
.form-group .form-control { width: 100%; border: 1px solid #878686; height: 40px; padding: 0 15px; border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px; font-size: 14px; line-height: 20px; outline: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; color: #000; }
.form-group .form-control::placeholder { color: rgba(0,0,0,0.4); }
.form-group .form-control:-ms-input-placeholder { color: rgba(0,0,0,0.4); }
.form-group .form-control::-ms-input-placeholder { color: rgba(0,0,0,0.4); }

.form-group .form-control:focus::placeholder { opacity: 0; }
.form-group .form-control:focus:-ms-input-placeholder { opacity: 0; }
.form-group .form-control:focus::-ms-input-placeholder { opacity: 0; }

.step-right-block .form-group .form-control { border: none; height: 34px; }
.form-group textarea.form-control { height: 200px; padding-top: 10px; padding-bottom: 10px; resize: none; }
.form-group .form-control.date, .form-group select.form-control { background-color: #fff; background-image: url("../../../img/front/new_visitor/select-arrow.jpg"); background-size: auto 100%; background-position: right; background-repeat: no-repeat; height: 36px !important; padding-right: 52px;  }
.form-group select.form-control { appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; }
.visitor-form .seprator { height: 1px; background-color: #003279; margin-top: 15px; margin-bottom: 25px; }
.left-top-bar { float: left; width: 100%; height: 40px; padding:8px 20px; background-color: #ffcd13; font-size: 16px; line-height: 24px; color: #000; font-weight: 400; border-bottom: 1px solid #000; }
.step-left-block .left-content { position: absolute; left: 0; top: 40px; width: 100%; height: calc(100% - 40px); z-index: 1; overflow-y: auto; }
.hazard-list { float: left; width: 100%; }
.hazard-list .hazard-box { float: left; width: 100%; height: auto; border-bottom: 1px solid #000; background-color: #f2f2f2; display: flex; padding: 0 20px; cursor: pointer; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; align-items: center; min-height: 70px; }
.hazard-list .hazard-box.active { background-color: #ffcd13; }
.hazard-list .hazard-box .icon { width: 70px; height: 100%; display: flex; justify-content: left; align-items: center; padding: 10px 0; }
.hazard-list .hazard-box .icon img { max-height: 50px; max-width: 50px; }
.hazard-list .hazard-box .cnt { width: calc(100% - 70px); display: flex; justify-content: left; align-items: center; font-size: 16px; line-height: 22px; color: #000; font-weight: 400; padding: 10px 0; }
.check-hazard-box { float: left; width: 100%; padding: 40px 80px; }
.check-hazard-box .hazard-icon { float: left; width: 100px;  margin: 0 0 30px 0; }
.hazard-control-top { float: left; width: 100%; height: 140px; border-bottom: 1px solid #000; display: flex; padding: 0 0 0 80px; background-color: #969696; }
.hazard-control-top.add-custom-hazard-area { background-color: #fff; }
.hazard-control-top .icon { width: 100px; height: 100%; display: flex; justify-content: left; align-items: center; }
.hazard-control-top .icon img { max-height: 80px; max-width: 80px; }
.hazard-control-top .cnt { width: calc(100% - 100px); height: 100%; display: flex; justify-content: left; align-items: center; font-size: 14px; line-height: 20px; color: #000; font-weight: 400;  }
.hazard-control-top .cnt .cnt-inner { width: 100%; max-height: 100%; height: auto; overflow-y: auto; padding: 0 10px 0 0; }
.hazard-control-top .cnt .cnt-inner p { display: inline-block; vertical-align: top; margin: 10px 0; font-size: 14px; line-height: 20px; color: #fff; font-weight: 400; white-space: pre-wrap; }
.control-list { position: absolute; width: 100%; height: calc(100% - 240px); top: 140px; z-index: 1; overflow-y: auto; }
.control-list .control-box { float: left; width: 100%; border-bottom: 1px solid #000;}
.control-box .control-box-inner { display: flex; width: 100%; height: 78px; justify-content: left; align-items: center; padding: 0 80px;  font-size: 14px; line-height: 20px; color: #000; font-weight: 400; position: relative; }
.control-box .control-box-inner.active { background-color: #fff;
/* 
background: #ffffff;
background: -moz-linear-gradient(left,  #ffffff 0%, #ff9200 100%); 
background: -webkit-linear-gradient(left,  #ffffff 0%,#ff9200 100%); 
background: linear-gradient(to right,  #ffffff 0%,#ff9200 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff9200',GradientType=1 ); */  
}

.control-box .control-box-inner textarea { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: none; border: none; padding: 15px 15px 15px 120px; resize: none; outline: none; font-size: 14px; line-height: 20px; margin-bottom: 0; }
.control-box.active .control-box-inner { background-color: #c6c6c6; }
.control-box .control-btn-box { float: left; width: 100%; border-top:1px solid #000; display: none; }
.control-box.active .control-btn-box { display: block; }
.control-btn-box a { float: left; width: 50%; text-align: center; font-size: 16px; line-height: 20px; color: #fff; font-weight: 400; text-decoration: none; padding: 10px 10px; background-color: #174b88; }
.control-btn-box a.additional { background-color: #9b9b9b; }
.hazard-control-bottom { position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; padding: 15px 20px; background-color: #969696; }
.hazard-control-bottom .form-group { margin-bottom: 0; }
.hazard-control-bottom .form-group label { color: #fff; }
.hazard-control-bottom .form-group.disable { opacity: 0.5; pointer-events: none; }
.right-cnt ul { float: left; width: 100%; padding: 0; margin: 0; counter-reset: my-sec-counter; }
.right-cnt ul li { list-style: none; margin: 0 0 30px 0; padding: 0 0 0 24px; position: relative; font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; }
.right-cnt ul li:before { position: absolute; left: 0; top: 1px; counter-increment: my-sec-counter; content: ""counter(my-sec-counter)"."; }
.assessments-heading { float: left; width: 100%; border-top:1px solid #fff;  }
.assessments-heading .heading { float: left; width: 33.333333%; height: 70px;  border-left:1px solid #fff; display: flex; justify-content: center; align-items: center; text-align: center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00357a+0,0090a3+100 */
background: #00357a; /* Old browsers */
background: -moz-linear-gradient(top,  #00357a 0%, #0090a3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #00357a 0%,#0090a3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #00357a 0%,#0090a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00357a', endColorstr='#0090a3',GradientType=0 ); /* IE6-9 */
}
.assessments-heading .heading h2 { font-size: 18px; line-height: 22px; color: #fff; margin: 0; padding: 0; font-weight: 500; }
.assessments-heading .heading h2 span { font-weight: 300; font-size: 16px; line-height: 20px; display: inline-block; width: 100%; vertical-align: top; }
.assessments-list { position: absolute; left: 0; top: 70px; width: 100%; z-index: 1; height:calc(85% - 70px); display: flex;}
.assessments-list .assessments-box { width: 33.333333%; height: 100%; position: relative; }
.assessments-list .assessments-box .box { position: absolute; left: 0; top: 0; height: 20%; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; color: #000; font-size: 18px; line-height: 24px; font-weight: 400; border-left: 1px solid #fff; border-bottom: 1px solid #fff; }
.assessments-list .assessments-box.further-assessments .box { background-color: #d6d6d6; }
.assessments-list .assessments-box.persons-involved .box { background-color: #e0e0e0; }
.assessments-list .assessments-box.special-groups .box { background-color: #ededed; }
.assessments-list .assessments-box .box.active { background-color: #ffcd13; color: #000; }
.assessments-list .assessments-box .box.box2 { top: 20%; }
.assessments-list .assessments-box .box.box3 { top: 40%; }
.assessments-list .assessments-box .box.box4 { top: 60%; }
.assessments-list .assessments-box .box.box5 { top: 80%; }
.form-group.mar-top30 { margin-top: 20px; }
.custom-selectbox .sbHolder { float:left; width:100%; height:40px; border:1px solid #878686; position:relative; background: #fff; border-radius: 18px; }
.custom-selectbox .sbHolder .sbSelector { float:left; width:calc(100% - 42px); height:38px;  font-size:14px; line-height:20px; color:#000; font-style:normal; padding:9px 15px 8px; opacity:1; white-space: nowrap; overflow:hidden; font-weight: 400; text-decoration: none;}
.custom-selectbox .sbHolder .sbToggle { position: relative; width:42px; height:38px; float:right; border-radius: 0 18px 18px 0; background-image: url("../../../img/front/new_visitor/select-arrow.jpg"); background-size: auto 100%; background-position: center; background-repeat: no-repeat; margin-right: -1px;}
.custom-selectbox .sbHolder .sbOptions { max-height: 200px !important; position:absolute; width:calc(100% + 2px); left:-1px; top:38px !important;  background:#969696; border:1px solid #e6e6e6; z-index: 11; overflow-y: auto !important; margin: 0;}
.custom-selectbox.up .sbHolder .sbOptions { top: auto !important; bottom: 38px !important; }
.custom-selectbox.number-days .sbHolder .sbOptions { top: auto !important; bottom: 42px !important;  }
.custom-selectbox .sbHolder .sbOptions li { float:left; width:100%; border-bottom:1px solid #ddd; }
.custom-selectbox .sbHolder .sbOptions li a { display:block; padding:8px 10px; font-size: 14px; line-height: 20px; color: #fff; text-decoration: none; font-weight: 400; }
.custom-selectbox .sbHolder .sbOptions li a:hover { color: #000; background-color: #ffcd13; text-decoration: none; }
.custom-selectbox .sbHolder .sbOptions li:last-child  { border:none; }

.hazard-control-top .cnt textarea.form-control { width: 100%; height: 100%; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: none; padding: 15px; resize: none; background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; font-size: 14px; line-height: 20px; }

.hazard-control-top .upload-hazard-icon { cursor: pointer; }

#add-header-content .modal-content { border: none; }
.modal-header.custom-header { margin-top: -1px; padding: 15px 15px; display: block; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#197ec7+0,369fce+100 */
background: #197ec7; /* Old browsers */
background: -moz-linear-gradient(left,  #197ec7 0%, #369fce 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #197ec7 0%,#369fce 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #197ec7 0%,#369fce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#197ec7', endColorstr='#369fce',GradientType=1 ); /* IE6-9 */
 }
.modal-header.custom-header h4 { font-size: 18px; line-height: 20px; color: #fff; } 
#add-header-content .modal-header .close { font-size: 28px; line-height: 20px; text-shadow: none; opacity: 0.7; color: #fff; font-weight: normal; outline: none; }
#add-header-content .modal-header .close:hover { color: #fff; opacity: 1; }

#add-header-content .modal-body { padding: 15px 15px 5px 15px; }
#add-header-content .iocn-modal-row { display: block; float: left; width: calc(100% + 10px); margin: 0 0 0 -10px; }
#add-header-content .iocn-modal-row a { float: left; width: calc(8.33333% - 10px); border: 2px solid #484848; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 0 0 10px 10px; position: relative; background: #fff; padding: 0;  }
#add-header-content .iocn-modal-row a.active { background-color: #fc3; }
#add-header-content .iocn-modal-row a:after { display: block; width: 100%; padding-top: 100%; content: ""; height: 0px;  }
#add-header-content .iocn-modal-row a img { border: none; background: none; border-radius: 0; width: auto; height: auto; max-width: 95%; max-height: 95%; padding: 0; margin: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
input[type=radio]:after { display: none !important;  }

.password-form-group { position: relative; }
.password-show { position: absolute; right: 10px; top: 5px; width: 24px; height: 24px; z-index: 1; background-image: url(../../../img/front/home/password-show.png); background-repeat: no-repeat; background-position: center center; background-size: 14px auto; text-decoration: none !important; }
.password-hide { position: absolute; right: 10px; top: 5px; width: 24px; height: 24px; z-index: 1; background-image: url(../../../img/front/home/password-hide.png); background-repeat: no-repeat; background-position: center center; background-size: 14px auto; text-decoration: none !important; }
.control-box-inner .custom-checkbox { position: absolute; left: 80px; top: 11px; width: 30px; height: 30px; background-color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;  z-index: 2; border: 2px solid #ccc; }
.control-box-inner .custom-checkbox .checkbox { position: absolute; left: 8%; top: 8%; width: 84%; height: 84%; z-index: 1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #2bc18d; border:1px solid #23aa03; opacity: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.control-box-inner.active .custom-checkbox .checkbox { opacity: 1; }
.control-box .control-box-inner.deactive { pointer-events: none; }
.control-box .control-box-inner:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; background-color: #d2d2d2; content: ""; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.control-box .control-box-inner.deactive:after { opacity: 0.7; visibility: visible; }
.control-box .control-box-inner.deactive textarea { text-shadow: 2px 3px 9px rgba(0,0,0,0.6); -moz-text-shadow: 2px 3px 9px rgba(0,0,0,0.6); -webkit-text-shadow: 2px 3px 9px rgba(0,0,0,0.6); color: #666; }

.visitor-condition { margin: 20px 0 0 0; position: relative; float: left; width: 100%; }
.visitor-condition label { float: left; width: auto; padding: 0 0 0 40px; margin: 0; font-size: 14px; line-height: 20px; color: #000; font-weight: 400;  }
.visitor-condition input[type=checkbox] { position: absolute; left: 0; top: -6px; width: 30px; height: 30px; z-index: 3; opacity: 0; outline: none; cursor: pointer;}

.visitor-condition label:before { position: absolute; left: 0; top: -6px; width: 30px; height: 30px; background-color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;  z-index: 1; border: 2px solid #ccc; content: ""; }
.visitor-condition label.error-term:before { border-color: #ff0d0d; }
.visitor-condition label:after { position: absolute; left: 5px; top: -1px; width: 20px; height: 20px; z-index: 2; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #2bc18d; border:1px solid #23aa03; opacity: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; content: "";  }
.visitor-condition input[type=checkbox]:checked + label:after { opacity: 1; }
.visitor-condition label a { text-decoration: none; color: #0095a5; } 
.step-right-block .btn-block .visitor-condition { margin: 0 0 30px 0; }
.step-right-block .btn-block .visitor-condition label { color: #fff; }
.overlay-div { position: fixed; z-index: 99999; } 
.ra-loader{ left: 50%; margin: -30px 0 0 -30px; position: fixed; top: 50%; z-index: 99999; text-align: center; width: 60px; }
.overlay-div { position: absolute; z-index: 99999; opacity: 0.5; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: #5A5757; }

.step-left-block .left-inner-block.bottom-show { position: absolute; left: 0; top: 0; width: 100%; height: calc(100% - 60px); overflow-y: auto; z-index: 1; }
.step-left-block .left-bottom-btns { position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; background-color: #666; z-index: 1; overflow: hidden; padding: 15px 20px; }
.step-left-block .left-bottom-btns .theme-btn { float: left; width: auto; border-radius: 0; height: 30px; font-size: 12px; padding: 2px 20px; min-width: 120px; background: #fc3; color: #000; }
.step-left-block .left-bottom-btns .float-right + .float-right { margin-right: 10px; background: #000; color: #fff;}