.button-closing-modal {
    width: 40px;
    height: 40px;
}
.section .section-title:after {
    display: none;
}
#auth .card {
    border-radius: 20px;
}
.row-0 {
    min-width: 300px;
}
.row-1 {
	height: 250px;
    min-width: 190px;
}
.row-2 {

}
.no-mb {
	margin-bottom: 0px;	
}
.center-box-attendants {
	position: relative;
    left: 50%;
    top: 0%;
    transform: translateX(-50%) translateY(50%);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.center-box-newcourses {
	position: relative;
    left: 50%;
    top: 0%;
    transform: translateX(-50%) translateY(50%);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;	
}
.default-font-titles {
	font-size: 20px !important
}
.default-font-values {
    font-size: 32px;
    width: auto;
    height: auto;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 35px;
    margin-top: -30px;
}
.just-one-row {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}
.object-server {

}
.server-progress {
    margin: 0 auto;
    margin-top: 25px;
}
.connection-status {
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    position: fixed;
    margin: 61px 5px;
    text-align: center;
    font-weight: bold;
    font-size: large;   
    background: #f7f7f7; 
    border-radius: 20px;
}
.connection-status-bbb {
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    position: fixed;
    margin: 61px 40px;
    text-align: center;
    font-weight: bold;
    font-size: large;  
    background: #f7f7f7;  
    border-radius: 20px;
}
.connection-online {
    background: green;
    border-color: green;
    color: #FFF;
}
.connection-offline {
    background: red;
    border-color: red;
    color: #FFF;
}
.recordings-server-details {
    display: flex;
    align-items: center;
    flex-direction: column;    
}
.if-server-offline {
    margin: 30px 10px 10px;
    font-size: x-large;
    font-weight: bold;
    color: red;
    padding: 5px;
    border-radius: 10px;
}
.offline-message {
    font-family: fantasy;
}
@-webkit-keyframes blink-object {
  50% {
    opacity: 0.0;
  }
}
@keyframes blink-object {
  50% {
    opacity: 0.0;
  }
}
.blink-object {
  -webkit-animation: blink-object 1s step-start 0s infinite;
          animation: blink-object 1s step-start 0s infinite;
}
.room-uids {
    text-align: center;
    position: relative;
    display: block;
}
.change-courses-layout {
    position: relative;
    float: right;
    margin-right: -5px;
}
.change-courses-layout .btn{
    border: 1px solid #ddd;
}
.course-author {

}
.course-name {

}
@media only screen and (max-width: 576px) {
    .text-ellipsis-100 {
        white-space: nowrap; 
        width: 100px; 
        overflow: hidden;
        text-overflow: ellipsis; 
    }
    .text-ellipsis-150 {
        white-space: nowrap; 
        width: 150px; 
        overflow: hidden;
        text-overflow: ellipsis; 
    }         
    table#table1 > thead > tr th:nth-child(1) {
        display: none;
    }
    table#table1 > tbody > tr td:nth-child(1) {
        display: none;
    }
    table#table1 > thead > tr th:nth-child(2) {

    }
    table#table1 > tbody > tr td:nth-child(2) {
        max-width: 235px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    table#table1 > thead > tr th:nth-child(3) {
        display: none;
    }
    table#table1 > tbody > tr td:nth-child(3) {
        display: none;
    }
    table#table1 > thead > tr th:nth-child(4) {
        display: none;
    }
    table#table1 > tbody > tr td:nth-child(4) {
        display: none;
    }
    .change-courses-layout {
        display: none;
    }
}