/*assets*/

.cl-aux-1 {
    /* זה לטובת נסיונות */
    background-color: yellow;
    margin: 0px;
    padding: 0px;
}

.cl-aux-2 {
    /* זה לטובת נסיונות */
    background-color: yellow;
    margin: 0px;
    padding: 0px;
}

.cl-aux-3 {
    /* זה לטובת נסיונות */
    background-color: yellow;
    text-align: right;
    direction: rtl;
}

.cl-aux-4 {
    /* זה לטובת נסיונות */
    background-color: red;
    text-align: center;
    font-size: 20px;
}

.cl-aux-5 {
    /* זה לטובת נסיונות */
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 400px;
    height: 400px;
    background-color: yellow;
    border: 2px solid black;
    padding: 2px;
}

.cl-input-text-hebrew {
    background-color: pink;
    text-align: right;
    direction: rtl;
}

.cl-display-block-and-margin-auto {
    /* display: block;==>> needed for in-line elements like span,button etc */
    /* display: block;==>> needed for in-line elements like span,button etc */
    /* display: block;==>> needed for in-line elements like span,button etc */
    /* לא תהיה התוצאה הרצויה margin : auto; לפעולה inline לאלמנטים מסוג display: block אם לא נבצע*/
    /* לא תהיה התוצאה הרצויה margin : auto; לפעולה inline לאלמנטים מסוג display: block אם לא נבצע*/
    /* לא תהיה התוצאה הרצויה margin : auto; לפעולה inline לאלמנטים מסוג display: block אם לא נבצע*/
    display: block;
    margin: auto;
}


.cl-bus-panel-button-yellow {
    background-color: yellow;
    border: none;
    border-radius: 4px;
    color: black;
    font-size: 14px;
    padding: 4px;
}


.cl-bus-panel-button-blue {
    background-color: rgb(101, 145, 228);
    border: none;
    border-radius: 4px;
    color: black;
    font-size: 14px;
    padding: 4px;
}

.cl-bus-panel-button-red {
    background-color: rgb(215, 136, 136);
    border: none;
    border-radius: 4px;
    color: black;
    font-size: 14px;
    padding: 4px;
}

.cl-greeeeeeen {
    color: black;
    background-color: greenyellow;
}

.cl-reload-done_indicator-yes {
    background-color: red;
    color: black;
    font-size: 14px;
    text-align: center;
}

.cl-reload-done_indicator-no {
    background-color: green;
    color: black;
    font-size: 14px;
    text-align: center;
}


.cl-test-header {
    background-color: yellow;
}