﻿
@font-face {
    font-family: 'ulm_groteskregular';
    src: url('fonts/fontsfree-net-ulmgrotesk-regular-31a37af04c031c3123c94d9cced96b6f-webfont.woff2') format('woff2'), url('fonts/fontsfree-net-ulmgrotesk-regular-31a37af04c031c3123c94d9cced96b6f-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'interregular';
    src: url('fonts/inter-variablefont_slntwght-webfont.woff2') format('woff2'), url('fonts/inter-variablefont_slntwght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.bg-mira {
    background: #925730;
    color:#fff;
}

.sidebar-brand-icon {
    opacity: 1!important;
    max-width:39px!important;
}

.sidebar-brand-icon {
    content: url("../Content/userdata/1/mirasidebar.png");
}



 
.login-part-cover__text .field-validation-error,
.login-part-cover__text .has-error label {
    color: #FFFF80;
}

.page_1, .docu-print, .mira-body {
    font-family: interregular;
}


.docu-print {
    font-family: ulm_groteskregular;
}

.mira_text_cont {
    padding-right: 2rem;
    padding-left: 2rem;
}

.head-cover-login {
    display: none;
}

.container.login-cont {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

#login-cover {
    width: 100%;
    height: 70vh;
    background: #925730;
    color: #fff;
    border-bottom: 2px dashed #925730;
}

 

.card.login-form {
    border: 0px solid #000;
    background: #643930;
    border-radius: 0.35rem;
    text-align:left;
}


.login-form .avatar {
    background: #925730;
    border: 1px dashed #F0DDD0;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
}

    .login-form .avatar i.fas {
        

    }


.card.login-form .btn,
#btnLogin, .btn-r-2 {
    font-size: 16px;
    font-weight: 700;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #925730;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFFFF;
    border-radius: 55px 55px 55px 55px;
    padding: 15px 32px 15px 32px;
}


a.register-btn {
    background-color: #eb2040;
    color:#fff;
    
}



.reg-part-cover {
    color: #333;
    padding-top: 0rem;
}

.reg-part-cover .btn-r {
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
    fill: #000000;
    color: #000000;
    background-color: #EFD2B2;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #EFD2B2;
    border-radius: 55px 55px 55px 55px;
    padding: 15px 22px 15px 22px;
}


.login-part-cover {
    padding-top:2rem;
}

    .login-part-cover h1 {
        color: #FFCA30;
        font-size: 35px;
        font-weight: 700;
        line-height: 1;
    }

.login-part-cover__logo {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.login-part-cover__note {
    margin-top:2rem;
}


.bg-gradient-primary {
    background-color: #4e73df;
    background-color: #173F94;
    background-image: none;
    background-size: cover;
}

.sidebar-dark .nav-item .nav-link {
    color: rgba(255,255,255,.9);
}

    .sidebar-dark .nav-item .nav-link.active {
        color: #fff;
        font-weight: bold;
    }


.admin-list .card.elearning-course-list-item {
    border: 2px dashed #4E73DF;
}

#wrapper #content-wrapper.elearning-cover {
    background-color: #E2E9FA;
}

.topbar.navbar-light .navbar-nav .nav-item .nav-link {
    color: #4e73df;
}

.col-form-label {
    color: #9F9F9F;
}


.pweb-doc.document-content {
    width: 210mm;
    min-height: 297mm;
    padding: 20mm;
    margin: 10mm auto;
    border: 1px #D3D3D3 solid;
    border-radius: 5px;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    font-family: 'ulm_groteskregular';
}


@media (min-width: 1200px)  {

}

@media (min-width: 768px) {

    .--cc-cover-login-frm {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
         flex: 0 0 80%; 
         max-width: 80%; 
    }

    
}
@media (max-width: 768px) {


    #btnLogin {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    .btn-r {
        margin-top: 2rem;
        display: block;
    }

    .mira_text_cont {
        padding-right: .5rem;
        padding-left: .5rem;
    }

    #login-cover {
        width: 100%;
        height: auto;
        background: #925730;
    }



    .login-part-cover {
        padding: 1.5rem;
    }


    .login-part-cover__logo {
        margin-top: .3rem;
        margin-bottom: 1.5rem;
    }

    .login-frm no-login-s {
        margin-top: 2rem;
    }

    .login-part-cover__inp_login .h3 {
        font-weight: bold;
        letter-spacing: 0.1em;
    }


    .run-upload-camtest, .run-upload {

        padding:1rem;
        margin-bottom:.5rem;

    }

    .document-cover {
         background-color: #fff;
 
    }

    .pweb-doc.document-content {
        width: 100%;
        min-height: auto;
        padding: .3rem;
        margin: 0 .4rem;
        border: 1px #fff solid;
        border-radius: 0px;
        background: white;
        box-shadow: none;
 
    }


    .pweb-doc.document-content h1 {
        font-size:80%;
    }

        .pweb-doc.document-content h2 {
            font-size: 70%;
        }

    .document-cover {
        overflow-y: initial !important
    }

    .pweb-doc.document-content {
        width: 100%;
        overflow-x: auto;
    }


    .ajax-loading.opener-special {
        text-align: center;
        background-color: #fff;
        padding-top: 25px;
        border:3px solid #333;
    }

    .ajax-loading.opener-special i{
        
    }

}



@media print {
    .docu-print {
        font-family: 'ulm_groteskregular';
        font-size:9px;
    }
    .docu-print table{
        border:none;
        
    }

}
