.input-plan {
    width: 300px;
}

.plan-type-select-container {
    width: 100%;
}

.custom-plan-select-container {
    display: flex;
}

.custom-amount-container {
    margin: 0px 10px 0px 0px;
    flex: 2;
    height: 30px;
}

.text-placeholder-container {
    margin: 5px 0px 0px 0px;
}

.custom-unit-container {
    flex: 1;
}

.text-input-header {
    color: var(--main-text-color);
    text-align: left;
    font: normal normal bold 16px/29px Lato;
    letter-spacing: 0px;
    opacity: 1;
    margin: 20px 0px 16px 0px;
}

.parking-time-range-container {
    /* width: 500px; */
    border: 1px solid var(--main-key-border-color);
    border-radius: 5px;
    opacity: 1;
    padding: 10px 40px 30px 10px;
}

.description-container {
    text-indent: 30px;
}

.text-input-placeholder {
    text-align: left;
    font: normal normal bold 12px Lato;
    color: var(--main-placeholder-color);
    opacity: 1;
    margin-bottom: 4px;
}

[class*=-modal-container] #groups-section .text-input-placeholder {
    margin-bottom: 0;
}

.time-range-container {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    height: 30px;
    margin-left: 25px;
}

.price-container {
    display: flex;
    align-items: center;
    height: 30px;
}

.time-range-text-label {
    text-align: left;
    font: normal normal normal 14px Lato;
    letter-spacing: 0px;
    color: var(--main-text-color);
    opacity: 1;
    margin: 0px 4px 0px 4px;
}

#range-separator {
    margin-left: 0px;
}

.add-tier-button {
    cursor: pointer;
    width: fit-content;
    padding: 10px 16px 10px 16px;
    font: normal normal bold 14px/18px Lato;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    background: var(--primary-button-background) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    height: 36px;
}

.add-tier-button:hover {
    background: var(--hover-primary-button-background);
    cursor: pointer;
}

.time-range-section {
    /* width: 500px; */
    display: flex;
    justify-content: flex-end;
    margin: 10px 0px 0px 0px;
}

.time-range-list-container {
    /* width: 500px; */
}

.time-range-list-header {
    display: flex;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--main-key-border-color);
}

.time-range-header {
    color: var(--main-text-color);
    text-align: left;
    font: normal normal bold 12px Lato;
    letter-spacing: 0px;
    opacity: 1;
    padding: 0px 0px 8px 0px
}

.time-range-header:first-child {
    padding-left: 10px;
}

#time-range-header-label {
    flex: 2;
}

#price-header-label {
    flex: 1;
}

.no-range {
    text-align: center;
    font: italic normal normal 14px Lato;
    letter-spacing: 0px;
    color: var(--main-border-color);
    opacity: 1;
    margin: 30px 0px 0px 0px;
}

.time-range-row-container {
    display: flex;
    align-items: center;
    height: 40px;
}

.time-range-row-container:first-child {
    margin-top: 10px;
}

.time-range-label {
    flex: 2;
    padding: 0px 0px 0px 10px;
    color: var(--main-text-color);
    font: normal normal normal 14px Lato;
    letter-spacing: 0px;
}

.time-price-label-and-delete-button-container {
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: center;
}

#remove-range-from-list {
    margin: 10px
}

.plan-label-container {
    display: flex;
    padding-top: 5px;
}

hr.plan-options-divider {
    margin: 0px 10px 0px 10px;
}

hr.plan-options-divider:last-child {
    display: none;
}

.plan-description {
    margin-top: 30px;
}

.plan-description.period {
    margin-top: 20px;
}