.form-page-body::before,
.form-page-body::after {
	 font-family: 'themify';
}
.form-page-body .loading-lesson {
	 width: 100%;
	 display: flex;
	 background: rgba(0, 0, 0, 0.2);
	 text-align: center;
	 position: fixed;
	 top: 0;
	 left: 0;
	 height: 100%;
	 z-index: 10000;
	 padding: 0;
	 align-items: center;
	 justify-content: center;
	 cursor: progress;
}
.lishog-login-wrapper .loading-lesson {
	 background: rgba(255, 255, 255, 0.7);
	 /*position: absolute;*/
	 /*top: 0;*/
	 /*right: 0;*/
	 padding: 8px 15px;
	 margin-top: 35px;
	 text-align: center;
	 /*z-index: 1001;*/
	 /*max-width: 250px;*/
	 /*width: 100%;*/
	 /*height: 155px;*/
}
.form-page-body .loading-lesson .lds-ring {
	 display: inline-block;
	 position: relative;
	 width: 111px;
	 height: 105px;
}
.lishog-login-wrapper .lds-ring {
	 display: inline-block;
	 position: relative;
	 width: 52px;
	 height: 52px;
	 margin-top: 56px;
}
.form-page-body .loading-lesson .lds-ring div {
	 box-sizing: border-box;
	 display: block;
	 position: absolute;
	 width: 85px;
	 height: 85px;
	 margin: 6px;
	 border: 9px solid #337ab7;
	 border-radius: 50%;
	 animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	 border-color: #337ab7 transparent transparent transparent;
}
.lishog-login-wrapper .lds-ring div {
	 box-sizing: border-box;
	 display: block;
	 position: absolute;
	 width: 45px;
	 height: 45px;
	 margin: 6px;
	 border: 5px solid #337ab7;
	 border-radius: 50%;
	 animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	 border-color: #337ab7 transparent transparent transparent;
}
.loading-lesson .lds-ring div:nth-child(1) {
	 animation-delay: -0.45s;
}
.loading-lesson .lds-ring div:nth-child(2) {
	 animation-delay: -0.3s;
}
.loading-lesson .lds-ring div:nth-child(3) {
	 animation-delay: -0.15s;
}
 .form-page-body .hogvard-form .form-description .your-form-token {
	 display: block;
	 width: 100%;
	 padding: 0;
	 margin: 10px 0;
	 margin-bottom: 0;
}

.form-page-body .hogvard-form .form-description .your-form-token {
    display: none;
}
 .form-page-body .your-form-token .token-title {
	 display: block;
	 margin: 0;
	 font-size: 22px;
	 color: #fff;
	 margin-top: 0;
	 background: #eee;
	 padding: 5px 0;
}
 .form-page-body .your-form-token .token-focus {
	 outline: none;
	 border: none;
	 word-break: break-word;
	 cursor: pointer;
	 padding-right: 10px;
	 display: inline-block;
	 width: calc(100% - 72px);
	 background: none;
	 color: #999;
	 text-align: left;
	 font-size: 20px;
	 vertical-align: 2px;
	 padding: 5px 10px;
}
 .form-page-body .your-form-token .token-focus:hover, .your-form-token .token-focus:focus, .your-form-token .token-focus:active {
	 color: #333;
}
 .form-page-body .hogvard-contacts {
	 background: #337ab7;
	 height: 100vh;
}
 .form-page-body .form-info {
	 margin-bottom: 15px;
}

.form-page-body .form-info.hidden {
	display: none;
}

 .form-page-body .hogvard-form {
	 /* box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); */
	 background: white;
	 margin-bottom: 30px;
	 padding: 0;
}

 .form-page-body .hogvard-form .form-description {
	 padding: 0;
}

.form-page-body .hogvards-form-fields {
	 display: none;
}

.form-page-body .hogvards-form-fields.active {
	 display: block;
}

/*.form-info .card .hogvards-form-fields *[data-component="input"].component {*/
/*    width: 31%;*/
/*    margin: 0 3% 20px 0;*/
/*    display: block;*/
/*}*/

/*.form-info .card .hogvards-form-fields *[data-component="input"].component:nth-child(1), .form-info .card .hogvards-form-fields *[data-component="input"].component:nth-child(2), .form-info .card .hogvards-form-fields *[data-component="input"].component:nth-child(3) {*/
/*    !*width: 20%;*!*/
/*}*/

.form-info .hogvards-form-fields *[data-component="input"].component:nth-child(6) {clear: both;}

.form-info .hogvards-form-fields *[data-component="input"].component:nth-child(3) {
    margin-right: 0;
}

.form-info .hogvards-form-fields .component:nth-child(4) {
    clear: both;
}

.form-page-body .hogvards-form-fields .form-buttons {
	 text-align: center;
	 padding: 15px 0;
	 clear: both;
}

.form-page-body .hogvards-form-fields .form-buttons > * {
	 display: inline-block;
	 padding: 0px;
	 margin: 0 5px;
	 background: #fff;
	 border-radius: 0;
	 font-size: 16px;
	 cursor: pointer;
	 text-align: center;
	 overflow: hidden;
	 position: relative;
	 vertical-align: middle;
	 border: 0;
	 color: #69aee8;
	 text-transform: uppercase;
}

.form-page-body .success-form-message .success-buttons > * {
	 display: inline-block;
	 padding: 0px;
	 margin: 0 5px;
	 background: #fff;
	 border-radius: 3px;
	 font-size: 16px;
	 cursor: pointer;
	 text-align: center;
	 overflow: hidden;
	 position: relative;
	 vertical-align: middle;
	 border: 1px solid #69aee8;
	 color: #69aee8;
	 text-transform: uppercase;
}

.form-page-body .hogvards-form-fields .form-buttons .forward-button:hover,
.form-page-body .hogvards-form-fields .form-buttons .forward-button:focus,
.form-page-body .hogvards-form-fields .form-buttons .forward-button:active {
	 color: #337ab7;
	 border-color: #337ab7;
}

.form-page-body .success-form-message .success-buttons .back-to-form:hover,
.form-page-body .success-form-message .success-buttons .back-to-form:focus,
.form-page-body .success-form-message .success-buttons .back-to-form:active {
	 color: #337ab7;
	 border-color: #337ab7;
}

.form-page-body .hogvards-form-fields .form-buttons > * i,
.form-page-body .success-form-message .success-buttons > * i {
	 width: 100%;
	 left: 0;
	 padding-top: 2px;
	 position: absolute;
	 top: -100%;
	 -webkit-transition: all 0.3s ease 0s;
	 -moz-transition: all 0.3s ease 0s;
	 transition: all 0.3s ease 0s;
}

.form-page-body .hogvards-form-fields .form-buttons > *:hover i,
.form-page-body .hogvards-form-fields .form-buttons > *:focus i,
.form-page-body .hogvards-form-fields .form-buttons > *:active i {
	 /* top: 0; */
	 /* line-height: 25px; */
	 /* font-size: 20px; */
	 /* color: inherit; */
	 /* height: 100%; */
}

.form-page-body .success-form-message .success-buttons > *:hover i,
.form-page-body .success-form-message .success-buttons > *:focus i,
.form-page-body .success-form-message .success-buttons > *:active i {
	 top: 0;
	 line-height: 25px;
	 font-size: 20px;
	 color: inherit;
	 height: 100%;
}

.form-page-body .hogvards-form-fields .form-buttons > * .button-name,
.form-page-body .success-form-message .success-buttons > * .button-name {
	 position: relative;
	 top: 0;
	 -webkit-transition: all 0.3s ease 0s;
	 -moz-transition: all 0.3s ease 0s;
	 transition: all 0.3s ease 0s;
	 display: block;
	 padding: 3px 25px;
}

.form-page-body .hogvards-form-fields .form-buttons .back-button {
	 border-color: #ccc;
	 color: #ccc;
}

.form-page-body .hogvards-form-fields .form-buttons .back-button:hover,
.form-page-body .hogvards-form-fields .form-buttons .back-button:focus,
.form-page-body .hogvards-form-fields .form-buttons .back-button:active {
	 border-color: #777;
	 color: #777;
}

.form-page-body .hogvards-form-fields .form-buttons .finish-button {
	 background: #4588BC;
	 padding: 7px 30px;
	 margin-top: 15px;
	 display: inline-block;
	 color: white;
	 text-transform: uppercase;
	 font-weight: bold;
	 font-size: 15px;
}

.form-page-body .hogvards-form-fields .form-buttons .finish-button:hover,
.form-page-body .hogvards-form-fields .form-buttons .finish-button:focus,
.form-page-body .hogvards-form-fields .form-buttons .finish-button:active {background: #66abd4;text-decoration: none;}
 .hogvards-form-fields .form-buttons > *:hover .button-name, .hogvards-form-fields .form-buttons > *:focus .button-name, .hogvards-form-fields .form-buttons > *:active .button-name {
	 /* top: 50px; */
}
 .success-form-message .success-buttons > *:hover .button-name, .success-form-message .success-buttons > *:focus .button-name, .success-form-message .success-buttons > *:active .button-name {
	 top: 50px;
}
 .hogvard-form .form-info .current-step-label {
	 font-size: 22px;
	 vertical-align: top;
	 color: #fff;
	 margin-bottom: 10px;
	 margin: 0;
	 background: #337ab7;
	 padding: 6px 0;
	 position: relative;
	 width: 60px;
	 display: inline-block;
}
 .lrieu-logo {

	 background-repeat: no-repeat;
	 background-size: contain;
	 height: 18vh;
	 background-position: center;
	 margin: 20px 0;
}
 .contact-title {
	 text-align: center;
	 display: block;
	 font-size: 26px;
	 color: white;
	 border-bottom: 5px solid white;
	 margin-bottom: 10px;
}
 .contact-info {
	 font-size: 14px;
	 text-align: center;
	 color: #c7c7c7;
	 margin-bottom: 15px;
}
 .contact-info div {
	 margin-bottom: 5px;
}
 .contact-info a, .contact-info div i::before {
	 color: inherit;
}
 .contact-info a:hover, .contact-info a:focus, .contact-info a:active {
	 text-decoration: none;
	 color: #777;
}
 .hogvard-form .form-description h1.form-name {
	color: #555;
	font-size: 45px;
	margin: 10px 0;
	padding: 10px;
	text-align: center;
	color: #337ab7;
	margin-bottom: 0px !important;
	padding-bottom: 0;
	display: none;
}
 .hogvard-form .step-list {
	 list-style: none;
	 color: #fff;
	 text-align: left;
	 margin: 0;
	 padding: 0;
	 display: inline-block;
	 position: relative;
	 background: #337ab7;
}
 .hogvard-form .step-list li {
	 padding: 12px 0px;
	 display: inline-block;
	 cursor: pointer;
	 font-size: 20px;
	 position: relative;
	 text-align: left;
	 width: 90px;
	 color: #eaeaea;
}
 .hogvard-form .step-list li.active, .hogvard-form .step-list li:hover, .hogvard-form .step-list li:focus, .hogvard-form .step-list li:active {
	 color: white;
}
 .hogvard-form .step-list li.active ~ *:hover, .hogvard-form .step-list li.active ~ *:focus, .hogvard-form .step-list li.active ~ *:active {
	 color: #333;
}
 .form-info .hogvards-form-fields .component {
	 display: block;
	 /*width: 31%;*/
	 /*margin: 5px 10px;*/
	 position: relative;
	 /*margin: 0 3% 20px 0;*/
	 /*float: left;*/
}

.form-info .hogvards-form-fields *[data-component="radiobutton"] {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.form-info .hogvards-form-fields *[data-component="radiobutton"] .field-value {
/*    border: 0;*/
    border: 1px solid #3F3F3F;
}

/*.form-info .hogvards-form-fields *[data-component="textarea"] {*/
/*    width: 48.5%;*/
/*}*/

#hogvards-form-31.form-info .hogvards-form-fields *[data-component="textarea"] {
    width: 100%;
}

div*[data-component="textarea"] {}

.form-info .hogvards-form-fields *[data-component="title"] {
    width: 100%;
}

#hogvards-form-31.form-info .hogvards-form-fields *[data-component="select"] {
    width: 48%;
}


.form-info .hogvards-form-fields .component:nth-child(12) {
    margin-right: 0;
}

.form-info .hogvards-form-fields *[data-component="checkbox"].component {
    width: 100%;
}

*[data-component="checkbox"] .field-value {
/*    border: 0;*/
    border: 1px solid #3F3F3F;
}

.form-info .hogvards-form-fields .component:nth-child(10) {
    width: 100%;
}

*[data-component="freetime"] .field-value {
    background: #f5f5f5;
    border: 0;
}
 .form-info .hogvards-form-fields .component.has-error .field-name {
	 border-color: #f44336;
	 color: #f44336;
}
 .form-info .hogvards-form-fields .component.has-error .field-value {
	 border-color: red;
}
 .form-info .hogvards-form-fields .component*[data-component="image"] {
	 background: none;
}
 .form-info .hogvards-form-fields .component*[data-component="image"] .field-value {
	 border: 0;
	 box-shadow: none;
}
 .form-info .hogvards-form-fields .component.need-border*[data-component="image"] {
	 border: 1px solid #ddd;
}
 .form-info .hogvards-form-fields .component*[data-component="image"] .field-name {
	 border: 0;
	 margin-bottom: 0;
	 text-align: center;
	 font-size: 14px;
	 color: #77bdde;
}
 .form-info .hogvards-form-fields .component h3 {
	 display: inline-block;
	 margin: 18px 0;
	 color: #fff;
	 background: #77bdde;
	 padding: 5px 0;
	 position: relative;
}
 .form-info .card.card-form::-webkit-scrollbar {
	 background-color: transparent;
	 width: 10px;
}
 html::-webkit-scrollbar {
	 background-color: transparent;
	 width: 10px;
}
 .form-info .card.card-form::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb {
	 background-color: transparent;
}
 .form-info .card.card-form:hover::-webkit-scrollbar-thumb, .form-info .card.card-form:focus::-webkit-scrollbar-thumb, .form-info .card.card-form:active::-webkit-scrollbar-thumb {
	 background-color: #ddd;
}
 html:hover::-webkit-scrollbar-thumb, html:focus::-webkit-scrollbar-thumb, html:active::-webkit-scrollbar-thumb {
	 background-color: #ddd;
}
 .form-info .hogvards-form-fields .component.half-form {
	 width: calc(50% - 20px) !important;
}
 .hogvards-form-fields .component .field-name {
	 color: #777;
	 font-size: 15px;
	 position: relative;
	 background: white;
	/* margin-bottom: 1px;
	 */
}
 .hogvards-form-fields .component .field-value {
	 padding: 8px 10px;
	 border: 1px solid #3F3F3F;
}
 .hogvards-form-fields .component .field-name .comment-block {
	 position: absolute;
	 right: 0;
	 cursor: help;
}
 .hogvards-form-fields .component .field-name #field_name {
	 display: inline-block;
	 width: calc(100% - 20px);
	 margin-bottom: 4px;
	 padding-left: 3px;
	 margin-top: 5px;
}
 .hogvards-form-fields .component .field-name .important-sign {
	 color: red;
	 margin-left: 3px;
}
 .hogvards-form-fields .component .field-value > * {
	 width: 100%;
	 resize: vertical;
	 outline: none;
	 border: none;
	 border-radius: 3px;
	 font-size: 15px;
}

.hogvards-form-fields .component .field-value > .freetime-day-select:nth-child(n+3) {
    width: 30%;
    margin: 0 5% 20px 0;
    display: inline-block;
}

.hogvards-form-fields .component .field-value > .freetime-day-select:nth-child(3n+2) {
    margin-right: 0;
}
 .hogvards-form-fields .component .field-value > textarea {
	 min-height: 80px;
}
 .hogvards-form-fields .component .field-value > select, .hogvards-form-fields .component .field-value > input, .hogvards-form-fields .component .field-value > textarea {
	 padding: 0px;
	 /* background: #f5f5f5; */
}
 .hogvards-form-fields .component .field-value > *::placeholder {
	 color: #ccc;
}
 .hogvards-form-fields .component .field-value .image-wrapper {
	 text-align: center;
	 padding: 0;
}
 .hogvards-form-fields .component .field-value .image-wrapper img {
	 max-width: 100%;
}
 .hogvards-form-fields .component .url-to-file {
	 display: block;
	 padding: 5px;
	 margin-bottom: 5px;
	 background: white;
	 text-align: center;
	 color: #999;
	 font-size: 16px;
	 text-decoration: none;
}
 .hogvards-form-fields .component .url-to-file:hover, .hogvards-form-fields .component .url-to-file:focus, .hogvards-form-fields .component .url-to-file:active {
	 color: #333;
	 background: #eee;
}
 .hogvards-form-fields .component .url-to-file i::before {
	 vertical-align: middle;
}
 .hogvards-form-fields .component .checkbox-list {
	 padding: 0;
}
 .hogvards-form-fields .component .checkbox-block input {
	 display: none;
}
 .hogvards-form-fields .component .radiobutton-block input {
	 display: none;
}
 .hogvards-form-fields .component .radiobutton-block input ~ label {
	 cursor: pointer;
	 margin: 5px 0;
	 color: #777;
	 font-weight: normal;
	 background: inherit;
}
.hogvards-form-fields .component .radiobutton-block input ~ label::after {
	content: none;
}

 .hogvards-form-fields .component .checkbox-block > * {
	 cursor: pointer;
	 margin: 5px 0;
	 color: #777;
	 font-weight: normal;
}
 .hogvards-form-fields .component .checkbox-block input:checked + .cb-label {
	/* color: #333;
	 */
}
 .hogvards-form-fields .component .checkbox-block input:checked + .cb-label::before {
	 content: "\e64c";
	 font-size: 13px;
	 text-align: center;
	 color: #1d9638;
	 border-color: #1d9638;
	 font-weight: bold;
	 font-family: 'themify';
}
 .hogvards-form-fields .component .checkbox-block:hover .cb-label, .hogvards-form-fields .component .checkbox-block:focus .cb-label, .hogvards-form-fields .component .checkbox-block:active .cb-label {
	/* color: #333;
	 */
}
 .hogvards-form-fields .component .radiobutton-block {
	/* color: #333;
	 */
}
 .hogvards-form-fields .component .checkbox-block:hover .cb-label::before, .hogvards-form-fields .component .checkbox-block:focus .cb-label::before, .hogvards-form-fields .component .checkbox-block:active .cb-label::before {
	 border-color: #333;
}
 .hogvards-form-fields .component .radiobutton-block:hover label:before, .hogvards-form-fields .component .radiobutton-block:focus label:before, .hogvards-form-fields .component .radiobutton-block:active label:before {
	 border-color: #333;
}
 .hogvards-form-fields .component .checkbox-block .cb-label::before {
	 content: "";
	 display: inline-block;
	 width: 18px;
	 height: 18px;
	 border: 1px solid #bbb;
	 vertical-align: text-bottom;
	 margin-right: 5px;
	 background: white;
}
 .hogvards-form-fields .component .radiobutton-block input ~ label:before {
	 content: "";
	 display: inline-block;
	 width: 16px;
	 height: 16px;
	 border: 1px solid #bbb;
	 vertical-align: text-bottom;
	 border-radius: 10px;
	 margin-right: 5px;
	 background: white;
}
 .hogvards-form-fields .component .radiobutton-block input:checked ~ label:before {
	 content: "\e64c";
	 font-size: 11px;
	 text-align: center;
	 color: #1d9638;
	 border-color: #1d9638;
	 line-height: 18px;
	 font-family: 'themify';
}
 .hogvards-form-fields .component*[data-component="file"] .field-value {
	 overflow: hidden;
	 position: relative;
	 min-height: 40px;
	 box-shadow: none;
}
 .hogvards-form-fields .component*[data-component="file"] .field-value input {
	 opacity: 0;
	 width: 100%;
	 height: 100%;
	 left: 0;
	 display: inline-block;
	 position: absolute;
	 cursor: pointer;
}
 .hogvards-form-fields .component*[data-component="file"] .field-value .upload-zone-title {
	 text-align: center;
	 font-size: 20px;
	 color: #ddd;
	 background: white;
	 height: 60px;
	 line-height: 50px;
	 border: 2px dashed #eee;
}
 .hogvards-form-fields .component*[data-component="file"] .field-value input:hover ~ .upload-zone-title, .hogvards-form-fields .component*[data-component="file"] .field-value input:focus ~ .upload-zone-title, .hogvards-form-fields .component*[data-component="file"] .field-value input:active ~ .upload-zone-title {
	 border-color: #777;
	 color: #555;
}
 .hogvards-form-fields .component*[data-component="file"] .uploaded-file {
	 display: block;
	 padding: 5px;
	 background: #f9f9f9;
	 border-bottom: 2px solid #eee;
	 color: #999;
}
 .hogvards-form-fields .component*[data-component="file"] .uploaded-file:hover, .hogvards-form-fields .component*[data-component="file"] .uploaded-file:focus, .hogvards-form-fields .component*[data-component="file"] .uploaded-file:active {
	 text-decoration: none;
	 color: #333;
	 border-color: #999;
}
 .chosen-container-active.chosen-with-drop .chosen-single {
	 border: none;
	 background: inherit;
	 box-shadow: none;
}
 .chosen-container-single .chosen-single {
	 background: inherit;
	 box-shadow: none;
	 padding: 0px 0px;
	 height: inherit;
	 width: 100%;
	 outline: none;
	 border: none;
	 border-radius: 3px;
	 font-size: 15px;
}
 .chosen-container-single .chosen-single div {
	 top: 1px;
}
 .chosen-container .chosen-drop {
	 border: none;
}
 .chosen-container .chosen-results li.highlighted {
	 background: #337ab7;
}
 .success-form-message {
	 padding: 10px;
	 background: white;
	 border-radius: 3px;
	 margin: 20px 0;
	 display: none;
}

.success-form-message.show {
	display: block;
}

 .success-form-message .success-icon {
	 text-align: center;
}
 .success-form-message .success-icon i {
	 font-size: 115px;
	 color: #4bb300;
	 padding: 15px;
	 border: 8px solid #4bb300;
	 border-radius: 50%;
	 display: inline-block;
	 font-weight: bold;
}
 .success-form-message .success-title {
	 text-align: center;
	 margin: 10px 0;
	 font-size: 25px;
	 font-weight: bold;
}
 .success-form-message .success-text {
	 color: #777;
	 font-size: 16px;
	 text-align: center;
}
 .success-form-message .success-buttons {
	 margin-top: 10px;
	 text-align: center;
}
 .hogvard-form .form-description .form-status-block {
	 padding: 0;
	 margin: 10px 0;
	 text-align: right;
	 margin-top: 0;
}
.form-page .form-status-block h2 {
	 margin: 0;
	 font-size: 14px;
	 background: #fbdf75;
	 padding: 0;
color: #d08600;}
.hogvard-form .form-description .form-status-block {
	 display: none;
}
 .form-status-block h2 i {
	 display: inline-block;
	 height: 100%;
	 padding: 5px 10px;
	 margin-right: 8px;
	 border-right: 2px solid #d88c00;
}
 .hogvard-form .form-info .current-step-label i, .your-form-token .token-title i, .form-info .hogvards-form-fields .component h3 i {
	 display: inline-block;
	 height: 100%;
	 padding: 5px 10px;
	 margin-right: 8px;
	 border-right: 2px solid #d88c00;
}
 .your-form-token .token-title i {
	 border-color: #999;
	 color: #999;
}
 .hogvard-form .form-info .current-step-label i {
	 border-color: #accce8;
	 color: inherit;
}
 .form-status-block h2 span, .hogvard-form .form-info .current-step-label span, .your-form-token .token-title span, .form-info .hogvards-form-fields .component h3 span {
	padding: 5px 10px;
    display: inline-block;
    width: calc(100% - 72px);
    text-align: left;
    font-size: inherit;
    color: white;
    font-size: 14px;
}
 .hogvard-form .form-info .current-step-label span {
	 color: #d2eaff;
}
 .form-status-block.under-edit h2 i {
	 background: #fbdf75;
	 border-color: #d08600;
	 padding: 0px 14px;
	 font-size: 14px;
}
 .form-status-block.under-edit h2 span {
	 color: inherit;
}
 .form-status-block.submitted h2 {
	 background: #a4e241;
}
 .form-status-block.submitted h2 i {
	 color: #e9ffd7;
	 border-color: #bfe89e;
	 padding: 0px 14px;
}
 .form-status-block.submitted h2 span {
	 color: #e9ffd7;
}
 .form-status-block.handled h2 {
	 background: #4bb300;
}
 .form-status-block.handled h2 i {
	 color: #dbf7c5;
	 border-color: #bfe89e;
	 padding: 0px 14px;
}
 .form-status-block.handled h2 span {
	 color: #dbf7c5;
}
 .form-info .hogvards-form-fields .component h3 i {
	 font-size: 20px;
	 padding: 5px 11px;
	 vertical-align: middle;
	 border-color: #bce7fb;
	 color: inherit;
}
 .form-info .hogvards-form-fields .component h3::before {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: -10px;
	 border-right: 10px solid #fff;
	 border-top: 20px solid #77bdde;
	 border-bottom: 20px solid #77bdde;
	 width: 0;
}
 .form-info .hogvards-form-fields .component h3 span {
	 font-size: 19px;
	 color: inherit;
	 margin-right: 5px;
	 width: calc(100% - 77px);
	 vertical-align: middle;
}
 .form-status-block .revert-changes {
	 display: inline-block;
	 color: #ccc;
	 cursor: pointer;
	 margin-right: 10px;
	 font-size: 13px;
}
 .form-status-block .revert-changes:hover, .form-status-block .revert-changes:focus, .form-status-block .revert-changes:active {
	 color: #333;
}
 .hogvard-form .form-info .step-description {
	 display: inline-block;
	 vertical-align: top;
	 position: relative;
	 width: calc(100% - 80px);
}
 .hogvard-form .form-info .step-description ul::after {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 border-bottom: 42px solid #eee;
	 border-right: 20px solid #fff;
	 width: 0;
}
 .hogvard-form .step-list li.active ~ * {
	 background: #eee;
	 color: #ccc;
}
 .hogvard-form .step-list li.active::after {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 border-bottom: 42px solid #337ab7;
	 border-right: 20px solid #eee;
	 width: 0;
	 z-index: 100;
}
 .hogvard-form .step-list li:last-child.active::after {
	 border-right: 20px solid #fff;
}
 .steps-block {
	 margin: 10px 0;
}
 .field-logs-wrapper {
	 display: none;
}
 .field-logs-wrapper.active {
	 display: inline-block;
}
 .field-logs-wrapper .field-logs-icon::before {
	 cursor: help;
	 color: #999;
	 padding-left: 5px;
	 font-size: 16px;
	 margin: 0;
}
 .field-logs-wrapper .field-logs-icon::after {
	 display: none;
	 overflow: hidden;
	 background-color: #fff;
	 border: 1px solid #eee;
	 box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08);
	 content: "";
	 height: 14px;
	 position: absolute;
	 bottom: -13px;
	 -webkit-transform: rotate(45deg);
	 transform: rotate(45deg);
	 width: 15px;
	 margin-left: 5px;
}
 .field-logs-wrapper .field-logs {
	 display: none;
	 position: absolute;
	 left: 0;
	 padding-top: 10px;
	 z-index: 1000;
	 width: 100%;
}
 .field-logs-wrapper .field-logs .field-logs-data {
	 max-height: 50vh;
	 overflow: auto;
	 padding: 10px;
	 background: #fff;
	 box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08);
	 border: 1px solid #eee;
}
 .field-logs-wrapper .field-logs .log-data {
	 margin-bottom: 10px;
	 background: #f9f9f9;
}
 .field-logs-wrapper .field-logs .log-data:last-child {
	 margin-bottom: 0;
}
 .field-logs-wrapper .field-logs .log-data > * {
	 padding: 5px;
}
 .field-logs-wrapper .field-logs .log-data .log-date, .field-logs-wrapper .field-logs .log-data .log-user, .field-logs-wrapper .field-logs .log-data .log-action {
	 border-bottom: 2px solid #eee;
	 background: white;
	 display: inline-block;
	 width: 33.333%;
	 vertical-align: top;
	 font-weight: bold;
}
 .field-logs-wrapper .field-logs .log-data .log-date {
	 text-align: center;
}
 .field-logs-wrapper .field-logs .log-data .log-user {
	 text-align: right;
}
 .field-logs-wrapper .field-logs .log-data .log-old {
	 color: red;
}
 .field-logs-wrapper .field-logs .log-data .log-new {
	 color: #00a900;
}
 .field-logs-wrapper .field-logs .log-data i {
	 border-bottom: 0;
	 padding: 0;
}
 .field-logs-wrapper .field-logs .log-data i::before {
	 color: inherit;
	 padding: 6px;
	 background: #f9f9f9;
	 border-radius: 50%;
	 margin-right: 5px;
	 font-size: 14px;
}
 .field-logs-wrapper:hover .field-logs, .field-logs-wrapper:focus .field-logs, .field-logs-wrapper:active .field-logs, .field-logs-wrapper:hover .field-logs-icon::after, .field-logs-wrapper:focus .field-logs-icon::after, .field-logs-wrapper:active .field-logs-icon::after {
	 display: block;
}
 .daterangepicker.dropdown-menu {
	 display: none;
}

.freetime-day-select {
    margin-bottom: 8px;
}

.freetime-day-select > span {
    display: block;
    color: #777;
    margin-bottom: 4px;
}

.freetime-day-select .chosen-container-single .chosen-single {
	background: #fff;
	padding: 2px 5px;
}

.freetime-day-select .chosen-container-multi .chosen-choices {
	background-image: none;
	border: 0;
}

.freetime-day-select .chosen-container-multi .chosen-choices li.search-choice {
	background-image: none;
	background-color: #fff;
	box-shadow: none;
}
#timezone_chosen {
    margin-bottom: 15px;
}

*[data-component="timezone"] #timezone_chosen {
	margin-bottom: 0;
}

*[data-component="infotext"] {
    width: 100%;
    margin: 0;
    padding: 10px;
    background: #f2f2f2;
    color: #333;
    margin-bottom: 10px;
}

select.chosen-select {
	width: 100%;
}


/*LOGIN FORM*/

.lishog-login-wrapper {
	/* position: relative; */
	/* display: inline-block; */
}

.lishog-login-wrapper .show-login-button {
    background: #66abd4;
    line-height: 1;
    padding: 6px 16px 6px;
    margin-top: 5px;
    text-transform: uppercase;
}

.lishog-login-wrapper span.close-button {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: block;
    z-index: 5;
}

.lishog-login-wrapper span.close-button:hover::before, .lishog-login-wrapper span.close-button:hover::after {
    background: #aaa;
}

.lishog-login-wrapper span.close-button::before, .lishog-login-wrapper span.close-button::after {content: '';display: block;width: 100%;height: 2px;-webkit-border-radius: 2px;border-radius: 2px;background-color: #ddd;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.lishog-login-wrapper span.close-button::before {
    -webkit-transform: rotate(45deg) translate(-1px,0);
    -ms-transform: rotate(45deg) translate(-1px,0);
    transform: rotate(45deg) translate(5px,4px);
}

.lishog-login-wrapper span.close-button::after {
    -webkit-transform: rotate(-45deg) translate(6px,-7px);
    -ms-transform: rotate(-45deg) translate(6px,-7px);
    transform: rotate(-45deg) translate(-3px,3px);
}

.lishog-login-wrapper .login-title {
	font-weight: 500;
	font-size: 18px;
	color: #337AB7;
}

.lishog-login-wrapper .login-buttons-wrapper > .login-errors {
	display: none;
	font-size: 12px;
	color: #dd0000;
	text-align: center;
	padding: 3px 0 0 0;
	width: 100%;
	clear: both;
}

.lishog-login-wrapper .login-errors .error {
    padding: 0;
    margin: 0;
    line-height: initial;
    display: block;
}

.lishog-login-wrapper .show-login-button {
	display: inline-block;
	color: #fff;
	cursor: pointer;
	margin-right: 20px;
}

.lishog-login-wrapper .show-login-button:hover,
.lishog-login-wrapper .show-login-button:focus,
.lishog-login-wrapper .show-login-button:active {
	color: #ffffff;
	background: #4588bc;
}

.lishog-login-wrapper#staff-login .show-login-button {
    background: #636e73;
}

.lishog-login-wrapper#staff-login .show-login-button:hover,
.lishog-login-wrapper#staff-login .show-login-button:focus,
.lishog-login-wrapper#staff-login .show-login-button:active {
	background: #353b3e;
}

.lishog-login-wrapper .login-buttons-wrapper .restore-button {
    color: #4588bc;
    padding: 0 15px 0 0;
}

.lishog-login-wrapper .login-buttons-wrapper .restore-button:hover {
    color: #00458d;
}

.lishog-login-wrapper .login-form {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
	padding: 8px 15px;
	margin-top: 35px;
	text-align: left;
	box-shadow: 0px 2px 4px 0px #545454;
	z-index: 1000;
	max-width: 250px;
	width: 100%;
}

.lishog-login-wrapper .login-form input {
	border: none;
	outline: none;
	background: #f3f3f3;
	padding: 8px 6px;
	display: block;
	width: 100%;
	margin-bottom: 5px;
	border-left: 2px solid #337ab7;
	border-radius: 0;
	box-sizing: border-box;
}

.login-field-wrapper input[type=email] {
    margin-top: 9px;
}

.lishog-login-wrapper .login-form input.has-error {
	border-color: #ff4861;
	color: #ff4861;
}

.lishog-login-wrapper .login-buttons-wrapper > * {
	padding: 8px 15px;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	margin-bottom: 5px;
	line-height: initial;
}

.lishog-login-wrapper .login-buttons-wrapper .login-button {
	color: white;
	background: #337AB7;
	text-transform: uppercase;
	margin-top: 3px;
}

.login-button {float: right;}

.lishog-login-wrapper .login-buttons-wrapper .login-button:hover,
.lishog-login-wrapper .login-buttons-wrapper .login-button:focus,
.lishog-login-wrapper .login-buttons-wrapper .login-button:active {
	background: #0e4a87;
}

.lishog-login-wrapper .login-buttons-wrapper .close-button {
	color: #ccc;
}

.lishog-login-wrapper .login-buttons-wrapper .close-button:hover,
.lishog-login-wrapper .login-buttons-wrapper .close-button:focus,
.lishog-login-wrapper .login-buttons-wrapper .close-button:active {
	color: #000;
}

.form-info .hogvards-form-fields div[data-component="freetime"],
.form-info .hogvards-form-fields div[data-component="infotext"],
.form-info#hogvards-form-25 .hogvards-form-fields div#component-textarea-9ea874c,
.form-info#hogvards-form-26 .hogvards-form-fields div#component-input-3dc31f2,
.form-info#hogvards-form-26 .hogvards-form-fields div#component-textarea-9ea874c {
    width: 100%;
}

.form-info#hogvards-form-25 .hogvards-form-fields div#component-select-07f8af6,
.form-info#hogvards-form-25 .hogvards-form-fields div#component-input-middle_name {
    clear: initial;
}

.form-info#hogvards-form-25 .hogvards-form-fields div#component-select-dc00282 {
    width: 31%;
}


 @keyframes lds-ring {
	 0% {
		 transform: rotate(0deg);
	}
	 100% {
		 transform: rotate(360deg);
	}
}

@media (max-width: 775px) {
	.hogvard-form .form-info .current-step-label {
		display: none;
	}

	.hogvard-form .form-info .step-description {
		overflow: hidden;
	}

	.hogvard-form .form-info .step-description,
	.hogvard-form .form-info .step-description .step-list,
	.hogvard-form .form-info .step-description .step-list li {
		width: 100%;
	}

	.hogvard-form .form-info .step-description .step-list li {
		padding: 12px 6px;
	}

	.hogvard-form .form-info .step-description .step-list *::after,
	.hogvard-form .form-info .step-description ul::after {
		content: none;
	}
	.form-info .card .hogvards-form-fields .component {width: 100%!important;}
}



 @media (max-width: 535px) {
	 .hogvards-form-fields .component .field-value > .freetime-day-select:nth-child(n+3) {
		 width: 48%;
		 margin: 0 4% 20px 0;
		 display: inline-block;
	 }

	 .hogvards-form-fields .component .field-value > .freetime-day-select:nth-child(3n+2) {
		 margin: 0 4% 20px 0;

	 }

	 .form-info .hogvards-form-fields *[data-component="textarea"]
	 .hogvards-form-fields .component .field-value > .freetime-day-select:nth-child(2n+2) {
		 margin: 0 0 20px 0;

	 }


 }