/* reset */

/* end reset */

/* title */
.ui-vmd-title-highlight {position: relative; padding: 8px 24px; margin: 20px 0 0 0;}
.ui-vmd-title-highlight::before {content: ''; position: absolute; left: 0; top: 2px; bottom: 2px; width: 6px; height: calc(100% - 4px); box-sizing: border-box; background-color: #ff5c00; border-radius: 4px;}
/* end title */

/* note */
.ui-vmd-instruction-note-red, 
.ui-vmd-instruction-note-violet, 
.ui-vmd-instruction-note-grey {padding: 1rem 1.5rem; margin: 32px 0 !important; border-radius: 8px; position: relative;}
.ui-vmd-instruction-note-red::before, 
.ui-vmd-instruction-note-violet::before, 
.ui-vmd-instruction-note-grey::before {content: ''; position: absolute; left: 0; top: 0; width: 6px; height: 100%; box-sizing: border-box; border-radius: 4px;}
.ui-vmd-instruction-note-red {background-color: #f9eee7;}
.ui-vmd-instruction-note-violet {background-color: #f1ecf8;}
.ui-vmd-instruction-note-grey {background-color: #f2f2f2;}
.ui-vmd-instruction-note-red::before {background-color: #ff5c00;}
.ui-vmd-instruction-note-violet::before {background-color: #cabcdc;}
.ui-vmd-instruction-note-grey::before {background-color: #bbb;}
/* end note */

/* speakers */
.popup__content .speaker-modal__picture--transparent {background-color: #ffb3b5;}
.popup__content .speaker-modal__image {object-fit: cover !important; offset-position: center; min-height: 210px;}

.doctor-details__picture {background-color: #ffb3b5;}
.doctor-details--small .doctor-details__picture {width: 130px !important; height: 130px !important; border-radius: 24px; border: none;}
.doctor-details {align-items: center !important;}
.doctor-details--small .doctor-details__content, .doctor-details--small .doctor-details__main {gap: 0 !important;}

/* default */
.ui-vmd-speakers-list-default {display: flex; flex-direction: column; gap: 24px; margin: 12px 0 48px 0;}
.ui-vmd-speakers-list-default .item {display: flex; flex-direction: column; gap: 12px; background-color: #f2f2f2; border-radius: 28px; padding: 16px;}
.ui-vmd-speakers-list-default .item .caption b {color: #6134aa;}
/* number */
.ui-vmd-speakers-list-number {display: flex; flex-direction: column; margin: 0; padding: 12px 0 32px 50px !important; gap: 12px;}
.ui-vmd-speakers-list-number .item {display: flex; flex-direction: column; gap: 12px; background-color: #f2f2f2; border-radius: 28px; padding: 16px 24px; position: relative;}
.ui-vmd-speakers-list-number .item .number {color: #555; font-size: 24px; position: absolute; top: 16px; left: -50px; transition: color .3s ease;}
.ui-vmd-speakers-list-number .item:hover .number {color: #ff5c00;}
.ui-vmd-speakers-list-number .item .caption b {color: #6134aa;}
/* timeline */
.ui-vmd-speakers-list-timeline {display: flex; flex-direction: column; margin: 0; padding: 12px 0 32px 0!important; gap: 12px;}
.ui-vmd-speakers-list-timeline .item {display: flex; flex-direction: row; gap: 12px;}
.ui-vmd-speakers-list-timeline .item .date {color: #555; font-size: 14px; line-height: 100%; transition: color .3s ease; display: flex; flex-direction: column; gap: 8px; padding-top: 20px;}
.ui-vmd-speakers-list-timeline .item .date b {color: #6134aa; font-size: 20px; white-space: nowrap;}
.ui-vmd-speakers-list-timeline .item:hover .date b {color: #ff5c00;}
.ui-vmd-speakers-list-timeline .ui-vmd-sl-wrap {display: flex; flex-direction: column; gap: 12px; width: 100%; background-color: #f2f2f2; border-radius: 28px; padding: 24px; position: relative;}
@media screen and (max-width: 960px) {
    .ui-vmd-speakers-list-timeline .item {flex-direction: column; gap: 12px;}
    .ui-vmd-speakers-list-timeline .item .date {flex-direction: row; justify-content: space-between;}
    .ui-vmd-speakers-list-timeline .ui-vmd-sl-wrap {padding: 16px;}
}
/* end speakers */

/* constructor-form */
.popup__title {text-transform: initial;}
.md-constructor-form {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.md-constructor-form__field {width: 100%;}
.md-constructor-form__field:nth-child(4), 
.md-constructor-form__field:nth-child(5), 
.md-constructor-form__field:nth-child(6), 
.md-constructor-form__field:nth-child(7), 
.md-constructor-form__field:nth-child(8), 
.md-constructor-form__field:nth-child(9), 
.md-constructor-form__field:nth-child(10) {width: 48%;}
.md-constructor-form__label {text-transform: initial; margin-bottom: 0; line-height: 120%;}
.md-constructor-form__checkbox label {line-height: 140%;}
@media screen and (max-width: 960px) {
    .md-constructor-form__field {width: 100% !important;}
}
/* end constructor-form */