@media print
{
    a[href]:after
    {
        content: none !important;
    }
}

@media all
{
    /*
     * VC150 Configurator CSS style sheet
     */
    *
    {
        font-family: 'Arial Normaali', 'Arial', sans-serif;
        font-weight: 400;
        font-style:  normal;
        font-size:   16px;
        color:       #333333;
        text-align:  center;
        line-height: normal;
    }

    .div-vc150-configurator-login-header
    {
        position:           absolute;
        left:               5px;
        top:                0;
        width:              1200px;
        height:             56px;
        word-wrap:          break-word;
        background:         lightgrey;
        background-color:   rgba(242, 242, 242, 1);
        border-radius:      0;
        -moz-box-shadow:    none;
        -webkit-box-shadow: none;
        box-shadow:         none;
    }

    .div-vc150-configurator-text
    {
        position:    relative;
        height:      56px;
        left:        0;
        top:         17px;
        text-align:  left;
        font-size:   20px;
        margin-left: 5px;
    }

    .login-box
    {
        position:           absolute;
        left:               40px;
        top:                85px;
        width:              575px;
        height:             auto;
        opacity:            0.8;
        background:         inherit;
        background-color:   rgba(248, 248, 248, 1);
        box-sizing:         border-box;
        border:             1px solid rgba(204, 204, 204, 1);
        border-radius:      0;
        -moz-box-shadow:    none;
        -webkit-box-shadow: none;
        box-shadow:         none;
        text-align:         center;
    }

    .login-forgot-box
    {
        padding-bottom: 30px;
    }

    .login-forgot-password
    {
        position:    relative;
        /* top: 30px; */
        margin-left: 30px;
    }

    .reset-password-box
    {
    }

    .register-box
    {
    }

    .login-text
    {
        position:           relative;
        background:         inherit;
        background-color:   rgba(255, 255, 255, 0);
        border:             0 none;
        border-radius:      0;
        -moz-box-shadow:    none;
        -webkit-box-shadow: none;
        box-shadow:         none;
        font-size:          32px;
        color:              black;
        margin-top:         50px;
    }

    .login-form
    {
        border:     0 solid black;
        position:   relative;
        left:       150px;
        width:      300px;
        font-size:  16px;
        text-align: center;
        margin-top: 40px;
    }

    .contact-form
    {
        padding-bottom: 40px;
        text-align:     left;
        line-height:    27px;
    }

    .login-input-div
    {
        text-align: left;
    }

    .login-image
    {
        position: absolute;
        left:     60px;
        top:      55px;
        width:    606px;
        height:   404px;
    }

    .login-input
    {
        width:  283px;
        height: 30px;
    }

    .login-username-text
    {
        position:           relative;
        text-align:         left;
        font-size:          14px;
        color:              #0B0B0B;
        margin-bottom:      10px;
        height:             16px;
        background:         inherit;
        background-color:   rgba(255, 255, 255, 0);
        border:             0 none;
        border-radius:      0;
        -moz-box-shadow:    none;
        -webkit-box-shadow: none;
        box-shadow:         none;
        text-indent:        5px;
    }

    .login-username-input
    {
        width:              100%;
        height:             34px;
        text-align:         left !important;
        margin-bottom:      10px;
        background:         inherit;
        background-color:   rgba(255, 255, 255, 1);
        box-sizing:         border-box;
        border:             1px solid rgba(189, 210, 215, 1);
        border-radius:      1px;
        -moz-box-shadow:    none;
        -webkit-box-shadow: none;
        box-shadow:         none;
        text-indent:        5px;
    }

    .login-forgot-and-submit
    {
        border:         0 solid black;
        position:       relative;
        width:          100%;
        text-align:     left;
        vertical-align: middle;
        margin-top:     15px;
    }

    .login-forgot-link
    {
        border:           0 solid black;
        position:         relative;
        width:            100%;
        text-align:       left;
        vertical-align:   middle;
        margin-top:       10px;
        background:       inherit;
        background-color: rgba(255, 255, 255, 0);
        font-size:        15px;
        text-decoration:  underline;
        color:            #009CF8;
    }

    .login-forgot-low-links
    {
        top: 375px ! important;
    }

    .login-submit
    {
        border:     0 solid black;
        position:   relative;
        width:      100%;
        margin-top: 25px;
        text-align: left;
    }

    .login-links
    {
        border-width:  0;
        position:      relative;
        /* left: 246px; */
        font-size:     14px;
        color:         #009CF8;
        margin-top:    15px;
        margin-bottom: 15px;
        text-align:    left;
    }

    .forgot-password-links
    {
        margin-top: 25px;
    }

    .login-contact-link
    {
        border-width: 0;
        position:     relative;
        /* left: 340px; */
        font-size:    14px;
        color:        #009CF8;
        margin-left:  30px;
    }

    .register-contact-link
    {
        top: 700px;
    }

    .div-login-error
    {
        position: relative;
        left:     100px;
    }

    .login-error-text
    {
        position:      absolute;
        top:           520px;
        left:          200px;
        padding:       10px;
        padding-left:  50px;
        padding-right: 50px;
        /* border: 1px solid black;*/
        border-radius: 5px;
        /*background: yellow;*/
        width:         230px;
        height:        50px;
    }

    .login-error-box-close-button
    {
        position:   absolute;
        float:      none;
        left:       208px;
        background: white;
        top:        2px;
    }

    .registration-error-text
    {
        position: absolute;
        top:      650px;
        left:     25px;
    }

    .button-login
    {
        border-width:     0;
        position:         relative;
        /* margin-left: 170px; */
        /* top: 0; */
        width:            126px;
        height:           40px;
        background:       inherit;
        background-color: rgba(25, 158, 216, 1);
        border-radius:    5px;
    }

    .button-login-navigate
    {
        border:        1px solid rgba(25, 158, 216, 1);
        position:      relative;
        /* margin-left: 170px; */
        /* top: 0; */
        width:         126px;
        height:        40px;
        background:    inherit;
        /* background-color: rgba(25, 158, 216, 1); */
        border-radius: 5px;
    }

    .button-login:hover
    {
        border:           1px solid rgba(25, 158, 216, 1);
        background-color: white;
        color:            black;
    }

    .button-forgot-password:hover
    {
        border:           1px solid rgba(25, 158, 216, 1);
        background-color: white;
        color:            black;
    }

    .button-reset-password:hover
    {
        border:           1px solid rgba(25, 158, 216, 1);
        background-color: white;
        color:            black;
    }

    .button-login-navigate:hover
    {
        background-color: rgba(25, 158, 216, 1);
        color:            white;
    }

    .button-forgot-password
    {
        border-width:     0;
        position:         absolute;
        top:              0;
        width:            126px;
        height:           40px;
        background:       inherit;
        background-color: rgba(25, 158, 216, 1);
        border-radius:    5px;
    }

    .button-reset-password
    {
        border-width:     0;
        position:         relative;
        top:              0;
        width:            126px;
        height:           40px;
        background:       inherit;
        margin-top:       10px;
        background-color: rgba(25, 158, 216, 1);
        border-radius:    5px;
    }

    .confirmation-message
    {
        position:       relative;
        padding-top:    30px;
        padding-bottom: 30px;
    }

    .sweet-alert
    {
        left: 20%;
        top:  37%;
    }

    .sweet-alert h2
    {
        font-size: 20px;
    }

    .div-securimage
    {
        width:      255px;
        left:       15px;
        position:   relative;
        margin-top: 25px;
    }

    .input-securimage
    {
        width:         250px;
        font-size:     25px;
        height:        30px;
        margin-top:    5px;
        margin-bottom: 5px;
        text-align:    left;
        text-indent:   5px;
    }

    .span-registration-help
    {
        top:  -2px;
        left: 2px;
    }

    .glyphicon-login-help
    {
        position: relative;
        left:     15px;
        top:      -3px;
    }

    .glyphicon-reset-password-help
    {
        position: relative;
        left:     10px;
        top:      -3px;
    }

    .div-supported-browsers
    {
        position:  relative;
        font-size: 14px;
        color:     red;
        /* margin-top: 50; */
        top:       90px;
    }

    .div-admin-info {
        position: relative;
        font-size: 14px;
        color: blue;
        /* margin-top: 50px; */
        top: 100px;
    }
    .div-supported-browsers-top
    {
        margin-top: 5px;
    }

    .div-supported-browsers-bottom
    {
    }

    .swal2-modal
    {
        margin-left: 10%;
    }

    .reset-password-links
    {
        position: relative;
        top:      50px;
    }

    .reset-password-login-link
    {
        position:     relative;
        display:      inline-block;
        margin-right: 100px;
    }

    .div-reset-button
    {
        text-align: left;
        margin-top: 20px;
    }

    .login-contact-links
    {
        margin-left:   -50px;
        margin-bottom: 20px;
    }

    .reset-password-contact-link
    {
        position: relative;
        display:  inline-block;
    }

    .confirm-links
    {
        padding-bottom: 30px;
    }

    .forgot-password-email
    {
        text-indent: 5px;
    }

    .input-reset-password
    {
        text-align: left;
    }

    .error-page-info
    {
        margin-top:    100px;
        margin-bottom: 160px;
    }

    input[type="password"]:hover
    {
        background-color: lavender;
    }

}