/* exam list element styles section  */
.exam-element {
    opacity: 0.8;
    display: block;
    background-color: #007bff;
    border-radius: 15px;
    height: 100px;
}

.exam-element:hover {
    opacity: 1;
    transition: all;
    transition-duration: 500ms;
}

.exam-element.selected {
    background-color: #4CAF50; 
}

.exam-icon {
    width: 69px;
    margin: 0px;
    display: inline-block;
}

.exam-description {
    display: inline-block;
    color: #efefef;
}

/* exam list element styles section end */

/* Initial message styles section */

.alert {
    padding: 20px;
    background-color: #f44336;
    color: white;
    opacity: 1;
    transition: opacity 0.6s;
    margin-bottom: 15px;
}

.alert.success {background-color: #4CAF50;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #f59f1b;}

.closebtn {
   margin-left: 15px;
   color: white;
   font-weight: bold;
   float: right;
   font-size: 22px;
   line-height: 20px;
   cursor: pointer;
   transition: 0.3s;
}

.closebtn:hover {
   color: black;
}

/* Initial message styles section end */