.create-class-popup {
    width: 400px !important;
    max-width: unset !important;
}

.classes-layout {
    margin-right: 15px;
    margin-left: -10px;
}

    .classes-layout .layout-item {
        display: block !important;
        background-color: white;
        border: none;
    }

    .classes-layout .class-period-item {
        margin-top: auto;
    }

    .classes-layout .class-period-error-item {
        margin-left: 60%;
    }

    .classes-layout.dxbl-fl .form-group {
        margin-bottom: 0;
    }

    .classes-layout .datetime-section {
        display: flex;
    }

        .classes-layout .datetime-section .datetime-picker {
            width: 100%;
        }

.dxbl-clickable div.unselectable {
    pointer-events: none !important;
    color: #ccc;
}

.classes-form-tab {
    border-bottom: none !important;
    font-weight: 600;
    color: var(--grey-70);
}

.classes-form-tab a {
    padding-right: 16px;
    padding-left: 16px;
}

.classes-label {
	font-size: 14px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: var(--grey-85);
	display: inline-block;
	margin-bottom: 3px;
}