.txt_beta {
    position: relative;
    color: red;
    font-weight: 600;
    letter-spacing: 2px;
    transform: rotate(-45deg);
    top: -10px;
    left: 10px;
    padding-left: 8px;
    padding-right: 8px;
}

.w3-theme-d5 .txt_beta {
    background-color: rgba(44, 60, 76, 0.8) /*#2c3c4c*/
}

body, html {
    height: 100%;
    margin: 0;
}

body {
    font-family: 'Poppins', sans-serif;
    padding: 0 !important;
    
}

#wallpaper {
    /* The image used */
    background-image: url("/img/SMIBackground.jpg");
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    /* Add the blur effect */
    filter: blur(4px);
    -webkit-filter: blur(4px);
}

.logo-name {
    font-weight: 300;
    letter-spacing: 3px;
    padding-left: 9px;
}

.containerflex {
    display: flex;
}

#DefaultFrm {
    width: 100%;
    max-width: 600px;
    margin: auto;
}

#DefaultFrm header {
    text-align: left;
    margin-bottom: 0px;
    border-bottom: 1px solid #ccc;
}

#DefaultFrm > div > div {
    padding: 16px 25px;
}

#DefaultFrm > div > div label {
    font-size: 90%;
    color: #777;
}

#DefaultFrm > div > div input {
    padding-left: 15px;
}

#PHContent_txt_usermail {
    margin-bottom: 15px;
}

#DefaultFrm Footer {
    text-align: right;
    margin-bottom: 0px;
}

#DefaultFrm Footer span {
    padding-right: 15px;
    color: #eee
}

@media screen and (max-width: 600px) {
    #DefaultFrm {
        max-width: none;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.no-padding {
    padding: 0px !important;
}

.w3-text-crimson {
    color: #a20025 !important;
}


.w3-crimson {
    background-color: #a20025;
    color: #fff;
}

.progressbar-background {
    background-color: #f2f2f2;
}

.progressbar-bar {
    background-color: #2F4050;
}

body {
    background-color: #f3f3f4;
    font-family: 'Poppins', sans-serif;
}

:root {
    --theme: #607d8b;
    --theme-l1: #7d97a5;
    --theme-l2: #9eb1bb;
    --theme-l3: #becbd2;
    --theme-l4: #dfe5e8;
    --theme-l5: #f5f7f8;
    --theme-d1: #57707d;
    --theme-d2: #4d636f;
    --theme-d3: #435761;
    --theme-d4: #3a4b53;
    --theme-d5: #303e45;
}

.w3-theme-l5 {
    color: #000 !important;
    background-color: #f5f7f8 !important
}

.w3-theme-l4 {
    color: #000 !important;
    background-color: #dfe5e8 !important
}

.w3-theme-l3 {
    color: #000 !important;
    background-color: #becbd2 !important
}

.w3-theme-l2 {
    color: #000 !important;
    background-color: #9eb1bb !important
}

.w3-theme-l1 {
    color: #fff !important;
    background-color: #7d97a5 !important
}

.w3-theme-d1 {
    color: #fff !important;
    background-color: #57707d !important
}

.w3-theme-d2 {
    color: #fff !important;
    background-color: #4d636f !important
}

.w3-theme-d3 {
    color: #fff !important;
    background-color: #435761 !important
}

.w3-theme-d4 {
    color: #fff !important;
    background-color: #3a4b53 !important
}

.w3-theme-d5 {
    color: #fff !important;
    background-color: #303e45 !important
}

.w3-theme-light {
    color: #000 !important;
    background-color: #f5f7f8 !important
}

.w3-theme-dark {
    color: #fff !important;
    background-color: #303e45 !important
}

.w3-theme-action {
    color: #fff !important;
    background-color: #303e45 !important
}

.w3-theme {
    color: #fff !important;
    background-color: #607d8b !important
}

.w3-text-theme {
    color: #607d8b !important
}

.w3-border-theme {
    border-color: #607d8b !important
}

.w3-hover-theme:hover {
    color: #fff !important;
    background-color: #607d8b !important
}

.w3-hover-text-theme:hover {
    color: #607d8b !important
}

.w3-hover-border-theme:hover {
    border-color: #607d8b !important
}

.container400 {
    max-width: 400px;
    margin: auto;
}

.container600 {
    max-width: 600px;
    margin: auto;
}