#page .form-v2 h3 {
margin: 20px 0 10px 10px;
color: #333;
font-weight: bold;
}

#page .form-v2 h3:after {
height: 1px;
background: #333;
margin: 10px auto 20px;
width: 50px;
content: '';
display: block;
}

.form-v2 {
/*max-width: 480px;*/
min-width: 240px;
width: 100%;
margin: 30px auto 0;
}

.form-v2 hr {
height: 1px;
background: #ccc;
padding: 0;
border: 0;
margin: 0;
margin: 40px 0;
}

.form-v2 hr.b {
margin: 20px 0;
background: #eee;
}

.form-v2 a:hover {
color: #333;
}

.form-v2 textarea {
min-height: 100px;
resize: none;
}
/*
.form-v2 input {
border: 0;
}*/

.form-v2 input[type="checkbox"] {
margin-right: 5px;
}

.form-v2 select,
.form-v2 textarea,
.form-v2 input[type="password"],
.form-v2 input[type="text"] {
display: block;
width: 100%;
background-color: #fff;
background-size: 24px;
background-position: top 50% right 20px;
background-repeat: no-repeat;
padding: 15px;
border-radius: 10px;
margin-bottom: 10px;
border: 0;
color: #333;
border: 1px solid #ccc;
box-shadow: inset 4px 4px 0 rgba(0,0,0,0.05);
}

.form-v2 select {
background: white url(../../img/select.png) top 50% right 24px no-repeat;
background-size: 16px;
-webkit-appearance: none;
}

.form-v2 select.error,
.form-v2 input.error {
background-image: url(../img/error.png);
background-size: 24px;
background-position: top 50% right 20px;
}

.form-v2 .button {
margin-top: 10px;
padding: 20px 80px;
}

#page .form-v2 p {
text-align: left;
padding: 0 0 10px 5px;
margin-bottom: 10px;
}

.form-v2 .form_company {
height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
}

.form-v2 .form_company.active {
height: auto;
opacity: 1;
visibility: visible;
}

.form-v2 .form_birthday,
.form-v2 .form_coursedate {
background: url(../../img/form-date.png) top 50% right -20px no-repeat;
background-size: 35px;
}

.form h3 {
font-weight: 300;
font-size: 24px;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
}

.form .input-box {
border-bottom: 1px solid #ccc;
padding: 10px 0 15px;
    position: relative;
}

.form .input-box label {
display: block;
font-size: 14px;
padding: 5px;
}

.form .input-box input[type="password"],
.form .input-box input[type="text"],1
.form .input-box input[type="email"],
.form .input-box input[type="number"],
.form .input-box select,
.form .input-box textarea {
border-radius: 10px;
background: white;
border: 1px solid #ccc;
box-shadow: inset 2px 2px 0 rgba(0,0,0,0.1);
padding: 15px;
width: 100%;
font-size: 14px;
color: #333;
}

.form .input-box textarea {
min-height: 180px;
}

.form .button {
    width: 240px;
    background: var(--blue);
    padding: 15px 15px 15px 10px;
    color: white;
    font-size: 20px;
    border: 0;    
    margin: 20px 0;
    cursor: pointer;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.05);
    border-left: 2px solid var(--orange);
}

    .form .button:hover {
        background: var(--orange);
    }

#nav {
background: #504a4a;
width: 240px;
top: 0;
left: 0;
bottom: 0;
position: fixed;
font-size: 14px;
}

#nav .box {
position: absolute;
top: 70px;
bottom: 0;
left: 0;
right: 0;
overflow-y: visible;
overflow-x: hidden;
}

#nav h3 {
padding: 20px;
color: #fff;
font-size: 18px;
font-weight: 400;
}

#nav ul {
box-shadow: 4px 4px 0 rgba(0,0,0,0.05);
margin-bottom: 25px;
border-top: 1px solid rgba(255,255,255,0.1);
}



#nav ul li.active a {
background: #f48f23;
color: white;
border-color: #f48f23;
}

/*
#nav ul li.ico-trainers {
background-color: #333;
}
*/

/* localhost */
    
#nav ul li.ico-trainers a span {
background-image: url(../../img/admin/ico-trainers.png);
}

#nav ul li.ico-check-all a span {
background-image: url(../../img/admin//ico-all.png);
}

#nav ul li.ico-check-done a span {
background-image: url(../../img/admin//ico-done.png);
}

#nav ul li.ico-check-doing a span {
background-image: url(../../img/admin//ico-doing.png);
}

#nav ul li.ico-check-no a span {
background-image: url(../../img/admin//ico-nodone.png);
}

#nav ul li.ico-courses a span {
background-image: url(../../img/admin//ico-courses.png);
}

#nav ul li.ico-trainees a span {
background-image: url(../../img/admin//ico-trainees.png);
}

#nav ul li.ico-location a span {
background-image: url(../../img/admin//ico-location.png);
}

#nav ul li.ico-qualification a span {
background-image: url(../../img/admin//ico-qualification.png);
}
#nav ul li.ico-category a span {
background-image: url(../../img/admin//ico-marketing.png);
}

#nav ul li.ico-modules a span {
background-image: url(../../img/admin//ico-book.png);
}

#nav ul li.ico-enrollments a span {
background-image: url(../../img/admin//ico-contract.png);
}


#nav ul li.ico-settings a span {
background-image: url(../../img/admin//ico-settings.png);
}

#nav ul li.ico-companies a span {
background-image: url(../../img/admin//ico-companies.png);
}

#nav ul li.ico-logout a span {
background-image: url(../../img/admin//ico-logout.png);
}

#nav ul li.ico-article a span {
background-image: url(../../img/admin//ico-article.png);
}

#nav ul li.ico-admin a span {
background-image: url(../../img/admin//ico-admin.png);
}

#nav ul li.ico-order a span {
background-image: url(../../img/admin//ico-order.png);
}

.popup-enrollment {
position: fixed;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 13000;
display: none;
}


.popup-enrollment.active {
 
    display: block;
}

.popup-enrollment .content-popup-enrollment {
width: 500px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
    padding: 40px 20px;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}

/* Validation Error Messages */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}