.vailable{
    min-width: 137px;
    background-color: burlywood;
    height: 100%;
    width: 100%;
    position: relative;
}
[data-period="صباحًا"] .vailable{
    background-color: #6b94a7;
}
.unavailable{
    background-color: #b3b3b3;
    height: 100%;
    width: 100%;
}
td{
    height: 45px;
    padding: 0;
}
table {
    border-collapse: collapse;
}
.salles{
    min-width: 100px;
}
.sabah-bg{
    background-color: #9fb0ff;
}
.masae-bg{
    background-color:#ffe99f;
}
.removed{
    background-color:red;
}
.removed div{
    background-color:red;
}
#salles_id{
    display: none;
}
.prof_module{
    color: #2d0606;
    font-size: 10px;
    text-align: right;
    padding: 3px;
}
.prof_valider{
    height: 100%;
    cursor: pointer;
    line-height: 2.4;
}
.btn_s{
    /* border-radius: 8px 8px 0 0; */
    background-color: #04030121;
    height: 13px;
    width: 100%;
    right: 0;
    position: absolute;
    bottom: 0;
}
.btn_s:hover{
    background-color: red;
}
.option{
    background-color: #ffffff;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    z-index: 100;
    width: 100%;
    display: none;
    border-radius: 13px;
}
.error .prof_valider{
    background-color: red !important;
}
.lock-btn{
    padding: 7px;
    background-color: #574b02;
    color: white;
    cursor: pointer;
    border-radius: 8px;
    width: 80%;
    margin: auto;
    margin-top: 2px;
}
.lock-btn:hover{
    background-color:#441a1a
}
.autor-btn{
    padding: 7px;
    background-color: #ab3104;
    color: white;
    cursor: pointer;
    border-radius: 8px;
    width: 80%;
    margin: auto;
    margin-top: 2px;
}
.autor-btn:hover{
    background-color:#441a1a
}
.unlock-btn{
    display: none;
    padding: 7px;
    background-color: #009688;
    color: white;
    cursor: pointer;
}
.unlock-btn:hover{
    background-color:#441a1a
}
.autor ~ .option>.noautor-btn{
    display: block !important;
}
.autor ~ .option>.autor-btn{
    display: none !important;
}
.noautor-btn{
    display: none;
    padding: 7px;
    background-color: #009688;
    color: white;
    cursor: pointer;
}
.noautor-btn:hover{
    background-color:#441a1a
}
/* [data-period="صباحًا"] */

.prof_valider:not(:empty){
    background-color: #7def7f;
}
.lock .prof_valider{
    background-color: #000000;
    color: white;
}
.lock .lock-btn{
    display: none;
}
.lock .unlock-btn{
    display: block;
}
.autor{
    background-color: #ab3104 !important;
    color: white;
    font-weight: bold;
    font-size: 14px;
}
.nom-module{
    color: #8d1111;
    font-size: 10px;
    text-align: right;
    padding: 3px;
}
.semestre-name{
    color: #390202;
    font-size: 10px;
    text-align: right;
    padding: 3px;
}
#searchInput{
    font-size: 15px;
    text-align: center;
    padding: 0;
    width: 100%;
    border: none;
    background-color: #efefef;
    height: 100%;
}
.prof_input{
    text-align: center;
    display: block;
    height: 100%;
    margin: 0;
    border: none;
    padding: 0;
    background-color: #edecec;
    width: 100%;
}
.prof{
    text-align: center;
    height: 100%;
    line-height: 2.6;
}
.selected{
    background-color: #730000;
    color: white;
}
.selected_prof{
    border: solid 2px red;
}
body {
    font-family: 'Amiri', sans-serif;
    margin: 0;
    padding: 0;
}
.my_continer{
    padding: 5px;
}
#loading img{
    width: 106px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#loading{
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    background-color: rgb(255 255 255 / 60%);
    z-index: 100000;
}
.is_loading #loading{
    display: block;
}
.is_loading .my_continer{
    filter: blur(3px);
    overflow: hidden;
    height: 100vh;
}