.h1-position-courses {
    padding-left: 16.1vw;
    padding-top: 111px;
}

.h1-position-editcourses {
    margin-left: 18vw !important;
}

.h3-position-courses {
    padding-left: 16.1vw;
    padding-top: 9px;
}

.h3-max-width {
    max-width: 55vw;
}

.form-courses {
    width: 55vw;
    margin-left: 16.1vw;
    margin-top: 60px;
}

.textbox-courses {
    height: 48px;
    display: inline;
}

.button-courses {
    height: 48px;
    font-size: 0.95vw;
}

.label-txtgamecode {
    font-size: 16px;
    color: #575757;
}

.second-box {
    height: 614px;
    margin-top: -614px;
}

.section-student {
    font-weight: bold !important;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 2.08vh;
}

.msge-courses-student {
    margin-left: 232px;
    width: 38vw;
    font-size: 24px;
    line-height: 30px;
    color: #0362DD;
}

/* teacher */

.btn-courses {
    width: 350px;
    height: 48px;
    margin-top: 8.52vh;
    margin-left: 232px;
    text-transform: uppercase;
    padding: 16px;
}

.btn-courses:hover {
    text-decoration: none;
    color:white;
}

.btn-courses-withcourses {
    display: block;
    width: 24.3vw;
    height: 48px;
    margin-top: -105px;
    margin-left: 70vw;
    text-transform: uppercase;
    padding: 16px;
}

.btn-courses-withcourses:hover {
    text-decoration: none;
    color:white;
}

.form-courses-title {
    font-size: 45px !important;
    color: #1A4278 !important;
    background-color: transparent !important;
    width: 292px;
}

#cardcourses {
    padding: 24px 72px 40px 72px;
}

.label-courses {
    font-size: 16px;
    line-height: 19px;
    color: #737373 !important;
}

.w-17vh {
    width: 17.7vw !important;
}

.btn-create-courses {
    height: 50px;
    margin-top: 32px;
    text-transform: uppercase;
}

.form-courses-card {
    /* width: 27.77vw; */
    background-color: #F0F2F5;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

.breadcrumb-courses {
    margin-left: 17vw !important;
    font-size: 24px;
}

.breadcrumb-item {
    color: #3685DC !important;
}

.breadcrumb-item:active:hover {
    color: #1A4278 !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #3685DC;
    content: ">";
}

.w-66 {
    width: 66%;
}

.w-87 {
    width: 87%;
}

.h-80vh {
    height: 80vh;
}

.h-60vh {
    height: 60vh;
}

.h-46vh {
    height: 46vh;
}

.card-course {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    width: 18rem;
}

.card-course .card-body {
    padding: 0;
}

.card-course-body h5 {
    font-size: 20px;
    color: black;
}

.card-course-body:hover{
    text-decoration: none;
    background-color: #F5F5F5;
    border-radius: 8px;
}

.card-course-body h6 {
    font-size: 14px;
    color: black;
}

.card-course-body p {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
}

.btn-edit-course {
    font-size: 13px;
    line-height: 16px;
    font-weight: bold !important;
    color: #0E870C !important;
    text-transform: uppercase;
}

.btn-edit-course:hover {
    color: #016711 !important;
    text-decoration: underline !important;
}

.card-course-body a:hover {
    color: #016711 !important;
}

.spacing-table-courses {
    max-width: 736px;
    margin-left: 12.5vw;
    margin-top: 2.24vh;
    padding-bottom: 16vh;
}

#bceditcourse {
    padding-top: 70px;
}

.card-addstudents {
    width: 368px;
    background: #FFFFFF;
    border-radius: 8px;
}

.card-addstudents-title {
    display: inline-block;
    font-size: 25px;
    line-height: 30px;
    color: #1A4278;
}

.card-addstudents-copy {
    float: right;
    font-weight: bold !important;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    color: #0362DD !important;
}

.card-addstudents-copy:hover {
    color: #1A4278 !important;
    text-decoration-line: underline;
}

.card-addstudents-body {
    font-size: 16px;
    line-height: 19px;
    color: #050505;
}

.card-addstudents-link {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #050505;
    border: 0;
    background-color: transparent;
}

.amount-students-title {
    font-weight: bold;
    font-size: 1.8vw;
    line-height: 19px;
    color: #050505 !important;
}

.student-table {
    position: relative;
    background: #F0F2F5;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 10px 10px 0px 0px;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #050505;
    width: 67%;
    margin-top: 2.76vh;
    margin-left: 18.3vw;
}

.vl {
    height: 21.5px;
    border-right: 1px solid #0362DD;
    display: inline;
    float: right;
}

.row-student-table {
    background: #F7F8FA;
    /* border: 0.2px solid #0362DD; */
    box-sizing: border-box;
    border-radius: 0px 0px 10px 10px;
}

/* div[class|="col"] {
    border: 1px solid black;
} */

.row-student-table div[class|="col"] {
    /* border: 0.2px solid #0362DD; */
    
    border:1px solid rgba(3,98,221, 0.2);
    /* border-top: none; */
}

.row-student-table:hover div[class|="col"] {
    background: white;
}

.copy-clipboard {
    background: #FFFFFF;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.14), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

#exampleModalLongTitle{
    color: #6c6c6c;
}

#dltcourse:hover{
    content: url('/images/lx-hover.png')
}

.clipboard-msge{
    top: 60px !important;
    bottom: auto !important;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    width: max-content;
}

.dlt-student:hover{
    color: #1A4278 !important;
}

#dlt-course:hover{
    text-decoration: underline;
}