.trainings-calendar .prev-month {
    display: inline-block;
    float: left;
    margin: 10px 0 0 20px;
    font-size: 20px;
}

.trainings-calendar .next-month {
    display: inline-block;
    float: right;
    margin: 10px 20px 0 0;
    font-size: 20px;
}

.trainings-calendar .title {
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    color: #333;
}

.trainings-calendar .row {
    clear: both;
    border-bottom: 1px solid #EEE;
    margin-bottom: 1em;
    padding: 10px 0;
}

.trainings-calendar .row .empty {
    color: #888;
}

.trainings-calendar .day {
    width: 100px;
    float: left;
    text-align: center;
    margin: 0 20px 0 0;
    color: #777;
}

.trainings-calendar .day .day-num {
    font-size: 40px;
    line-height: 30px;
    display: inline-block;
    font-weight: 700;
}

.trainings-calendar .day .day-short {
    font-size: 14px;
    line-height: 20px;
    display: block;
}

.trainings-calendar table tr td {
    border: 1px solid #EEE;
    padding: 8px;
}

.trainings-calendar table tr td .tday {
    text-align: center;
    color: #777;
}

.trainings-calendar table tr td .tday .day-num {
    font-size: 20px;
    line-height: 20px;
    display: inline-block;
    font-weight: 700;
}

.trainings-calendar table tr td .tday .day-short {
    font-size: 14px;
    line-height: 14px;
    display: block;
}

.ui-datepicker {
    display: none;
}

.training-submission-form .form-error {
    box-shadow: 0 0 2px red;
}

.training-submission-form .fa-error-container .fa-error {
    color: red;
    font-size: 11px;
}

.training-submission-form .fa-rbg {
    display: none;
    position: absolute;
    top: -2000px;
}

.df-field {
    padding: 8px 0px;
}


.container-mf {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
}

.row-mf {
    padding: 10px 0;
    display: flex;
}

.row-mf .df-field {
    padding: 0 10px;
}

.row-mf {

}

.row-mf > div {
    flex: 1;
}

.df-field label {
    display: block;
}

.df-field textarea,
.df-field select,
.df-field input[type="password"],
.df-field input[type="date"],
.df-field input[type="file"],
.df-field input[type="tel"],
.df-field input[type="url"],
.df-field input[type="text"] {
    width: 100%;
    max-width: 100%;
    border-radius: 3px;
    padding: 5px 10px;
	border: 1px solid #DDD;
	box-shadow: none;
}

.df-field .input-text:focus,
.df-field input[type="email"]:focus,
.df-field input[type="number"]:focus,
.df-field input[type="password"]:focus,
.df-field input[type="search"]:focus,
.df-field input[type="tel"]:focus,
.df-field input[type="text"]:focus,
.df-field input[type="url"]:focus,
.df-field textarea:focus {
	background-color: #f9f9f9;
	outline: none;
	border-color: dodgerblue;
	box-shadow: none;
}

input[type="search"]:focus {
	background-color: #f9f9f9;
	outline: none;
	border-color: dodgerblue;
	box-shadow: none;
}

.form-select2-tag select {
    width: 100%;
}

.df-field .field-option {
    margin: 2px 0;
}
.df-field .field-option label {
    display: inline-block;
    margin-left: 5px;
    padding: 0 4px;
}

.df-field p.description {
    color: #888;
    font-size: 12px;
    margin: 0 0;
    padding: 0 0;
}

/**
	############### Form steps ###############
 */

.container-mf .step {
    display: none;
}

.container-mf .step1 {
    display: block;
}

.step-buttons {
    display: flex;
    position: relative;
}

.next-step-button .error {
    color: red;
}


.step-buttons .prev-step-button,
.step-buttons .next-step-button {
    flex: 1;
}

.next-step-button button {
    background-color: #d9f0bb;
    border: 1px solid #d9f0bb;
    border-radius: 3px;
    float: right;
    color: #648a33;
}

.next-step-button button:hover {
    background-color: #c7e0a6;
    border: 1px solid #c7e0a6;
}

.next-step-button input[type="submit"] {
    background-color: #d9f0bb;
    border: 1px solid #d9f0bb;
    border-radius: 3px;
    float: right;
    color: #648a33;
}

.next-step-button input[type="submit"]:hover {
    background-color: #c7e0a6;
    border: 1px solid #c7e0a6;
}


.prev-step-button button {
    border-radius: 3px;
    float: left;
}

.container-mf .step1 .prev-step-button button {
    display: none;
}

.step-buttons {
    margin: 10px 0;
}

.container-mf .step:last-child .next-step-button button {
    display: none;
}

.validation-error {
    border: 1px solid red !important;
}

label.validation-error {
    border: 1px dashed red !important;
}

.form-errors {
    margin: 10px 0;
    padding: 20px;
    border: 1px solid crimson;
    border-radius: 3px;
}

.form-errors p:before {
    content: '\2013';
    display: inline-block;
    padding-right: 5px;
}

.form-errors p {
    margin: 0 0 10px;
    padding: 0 0;
}

.form-errors p:last-child {
    margin: 0 0;
}

.form-select label {
    display: block;
}

.form-item {
    display: none;
}

.clone-element-container .input[type="text"] {
    width: calc(100% - 42px);
}

.clone-element-container .add-field {
    padding: 0px;
    border-radius: 3px;
    color: #888;
    line-height: 1.5;
    width: 37px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.clone-element-container .remove-field {
    padding: 0px;
    border-radius: 3px;
    color: #888;
    line-height: 1.5;
    width: 37px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.clone-element-container .add-field:hover,
.clone-element-container .remove-field:hover {
    color: #555555;
}

.clone-element-container .add-field .dashicons,
.clone-element-container .remove-field .dashicons {
    font-size: 24px;
}

.clone-element-container .clone-wrapper .add-field {
    display: none;
}
.clone-element-container .clone-wrapper:first-child .add-field {
    display: inline-block;
}

.clone-element-container .clone-wrapper .remove-field {
    display: inline-block;
}
.clone-element-container .clone-wrapper:first-child .remove-field {
    display: none;
}

.clone-element-container .clone-wrapper {
    margin-top: 6px;
}

.clone-element-container .clone-wrapper:first-child {
    margin-top: 0;
}

.hidden {
    display: none;
}

.row-mf > div.col-small {
    flex: 0 0 6em;
}

.insert_gus_data {
    color: blue;
    font-size: 12px;
}

.field-additional_persons .clone-elements {
    border: 1px solid #021135;
    padding: 8px 6px;
    border-radius: 3px;
    background-color: #021135;
    color: #FFF;
    font-size: 12px;
}

.field-persons .row-mf {
    padding: 0 0;
    margin: 10px -10px;
}

.person-wrapper .cloned-person {
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    margin: 10px 0;
    padding: 10px 0;
}

.delete-cloned-element {
    padding: 10px 0;
    text-align: right;
}

.delete-cloned-element .remove-cloned {
    border: 1px solid #021135;
    padding: 8px 6px;
    border-radius: 3px;
    color: #021135;
    font-size: 12px;
}

.training-form .field-description {
    color: #666;
    font-size: 12px;
    height: 200px;
    border: 1px solid #EEE;
    border-radius: 3px;
    padding: 20px;
    overflow-y: auto;
}

.field-textarea ul{
    padding: 0;    
    color: #888;
    font-size: 12px;
}