
.select{
    background-color: #155790 !important;
}
.background{
    background-color: #333 !important;
    z-index:10;
}
.pop-btn{
    background-color: #207634 !important;
}
table {
    border-collapse: collapse;
    width: 100%;
}
table, th, td {
    border: 1px solid black;
}
th, td {
    padding: 8px;
    text-align: left;
}
th {
    background-color: #f2f2f2;
}
.table-info{
    background-color: #fff !important;
    width: 100%;
}
.up th{
    width: 100px;
}
.burger-menu{
    display: none;
}
.main-lessons{
    margin:0;
    width: calc(100% - 180px) !important;
    position: relative;
    left: 90px;
    top: 80px;
}

.bxs-left-arrow-alt {
    width: 50px;
    display: inline !important;
    font-weight: 800 !important;
}

.go-back:hover {
    text-decoration: none;
}

.go-back {
    position: relative;
    position: absolute;
    top: -50px;
    cursor: pointer;
    color: black !important;
}

.go-back:after {
    content: '';
    width: 81%;
    height: 1px;
    background-color: black;
    position: absolute;
    bottom: -3px;
    right: 0;
    cursor: pointer;

}
.btn{
    font-size:11px !important;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none !important;
}
.select2-container {
    width: 100% !important;
}

.students-form {
    background-color: #343A40 !important;
    -webkit-box-shadow: 0px 0px 41px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 41px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 41px 1px rgba(0,0,0,0.75);
    border-radius: 15px;
}

.choose-students {
    color: white !important;
    margin: 15px 0 21px 0;
}


@media (max-width: 880px){
    .burger-menu{
        display:block !important;
        position: fixed;
        background-color: #343A40 !important;
        right: 1rem;
        top: 1rem;
    }
    .burger-menu img{
        width:30px;
    }
    .background{
        display:none;
    }
    .main-lessons{
        left:0 !important;
        width:100% !important;

    }
    .go-back {
        top: -75px;
    }
}

@media (max-width: 700px) {
    .students-form  {
        width: 100% !important;
    }
}

@media (max-width: 460px) {
    .students-form .btn {
        width: 80% !important;
    }

}
