:root {
    --main-theme-color: #3969ff;
    --main-element-color: rgba(0, 0, 0, 0.3);
}

.Create-board-modal-header-bg-color {
    background-color: var(--main-theme-color);
    color: #fff;
    cursor: move;
}

.btn-save-in-create-board {
    background-color: var(--main-theme-color);
    border-color: var(--main-theme-color);
    color: #fff;
}

.btn-save-in-create-board:hover, .btn-save-in-create-board:focus, .btn-save-in-create-board:active {
    color: #fff;
}

.board-modal-padding-20 {
    padding: 20px;
}

.board-modal-mt-15 {
    margin-top: 15px;
}

.board-modal-color-label {
    color: #555;
    font-weight: 400;
}

.board-modal-radio-button, .create-bord-radio-button {
    display: none;
}

.board-modal-color-label .board-modal-color-span.red {
    background: #f49f9a;
    color: #fff
}

.board-modal-color-label .board-modal-color-span.orange {
    background: #f3be9f;
    color: #fff
}

.board-modal-color-label .board-modal-color-span.yellow {
    background: #fff59e;
    color: #333
}

.board-modal-color-label .board-modal-color-span.green {
    background: #85e699;
    color: #fff
}

.board-modal-color-label .board-modal-color-span.blue {
    background: #79aed6;
    color: #fff
}

.board-modal-color-label .board-modal-color-span.gray {
    background: #f5f5f5;
    color: #333
}

.board-modal-radio-button:checked+.board-modal-color-label .red {
    border: 2px solid #e98d88;
}

.board-modal-radio-button:checked+.board-modal-color-label .orange {
    border: 2px solid #e4a987;
}

.board-modal-radio-button:checked+.board-modal-color-label .yellow {
    border: 2px solid #e2d881;
}

.board-modal-radio-button:checked+.board-modal-color-label .green {
    border: 2px solid #6cc47e;
}

.board-modal-radio-button:checked+.board-modal-color-label .blue {
    border: 2px solid #669fca;
}

.board-modal-radio-button:checked+.board-modal-color-label .gray {
    border: 2px solid #cacaca;
}

.board-modal-color-label {
    display: inline-block;
    width: 78px;
    height: 53px;
    cursor: pointer;
}

.board-modal-color-label .board-modal-color-span {
    display: block;
    width: 100%;
    height: 100%;
    transition: transform .8s ease-in-out;
    border-radius: 4px
}

.board-modal-mb-10 {
    margin-bottom: 10px;
}

.border-radius-5 {
    border-radius: 4px;
    cursor: pointer;
}

.board-modal-color-label2 {
    margin-bottom: 0px;
}