/*Telemoveis*/
@media (max-width: 999px) {
    body {
        font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-size: 14px;
        background: rgb(0,184,241);
        background: linear-gradient(-160deg, rgba(0,184,241,1) 0%, rgba(0,138,179,1) 48%, rgba(54,182,75,1) 100%);
    }

    .login-box {
        position: absolute;
        height: 500px;
        width: 270px;
        top: calc(50% - 250px);
        left: calc(50% - 135px);
        background: white;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        box-shadow: 10px -10px 10px 0px rgba(0,0,0,0.50);
        -webkit-box-shadow: 10px -10px 10px 0px rgba(0,0,0,0.50);
        -moz-box-shadow: 10px -10px 10px 0px rgba(0,0,0,0.50);
    }

    .login-box-right {
        position: absolute;
        height: 200px;
        width: 230px;
        top: calc(50% - 250px);
        left: calc(50% - 115px);
        padding-top:20px;
    }

        .login-box-right img {
            width:230px;
        }

    .login-box-left {
        position: absolute;
        padding: 20px;
        height: 225px;
        width: 230px;
        top: calc(50% - 110px);
        left: calc(50% - 135px);

     
    }

    .login-box-left input[type=text], .login-box-left input[type=password] {
        font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-size: 14px;
        width: 90%;
        padding: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 15px;
        border: 1px solid black;
    }

    ::-webkit-input-placeholder {
        color: black;
    }

    ::-moz-placeholder {
        color: black;
    }

    :-ms-input-placeholder {
        color: black;
    }

    :-moz-placeholder {
        color: black;
    }

    .login-box-left input[type=submit] {
        font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-size: 14px;
        width: 30%;
        margin-left: calc(50% - 15%);
        padding: 10px;
        background-color: #383838;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 15px;
        border: none;
        color: white;
    }

        .login-box-left input[type=submit]:hover {
            font-weight: bold;
            cursor: pointer;
        }

    .desenvolvidoPor {
        position: absolute;
        top: calc(50% + 205px);
        left: calc(50% + 0px);
        font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-size: 10px;
    }

        .desenvolvidoPor a {
            text-decoration: none;
            color: #209899;
        }

    .spanMensagemErro {
        color: red;
        margin-left: 30px;
    }
}




/*Computadores*/
@media (min-width: 1000px) {
    body {
        font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-size: 14px;
        background: rgb(0,184,241);
        background: linear-gradient(-160deg, rgba(0,184,241,1) 0%, rgba(0,138,179,1) 48%, rgba(54,182,75,1) 100%);
    }

    .login-box {
        position: absolute;
        height: 400px;
        width: 800px;
        top: calc(50% - 200px);
        left: calc(50% - 400px);
        background: white;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        box-shadow: 10px -10px 10px 0px rgba(0,0,0,0.50);
        -webkit-box-shadow: 10px -10px 10px 0px rgba(0,0,0,0.50);
        -moz-box-shadow: 10px -10px 10px 0px rgba(0,0,0,0.50);
    }

    .login-box-right {
        position: absolute;
        height: 400px;
        width: 400px;
        top: calc(50% - 200px);
        left: calc(50% - 400px);
    }

        .login-box-right img {
            margin-left: 50px;
            margin-top: 63px;
        }

    .login-box-left {
        position: absolute;
        padding: 20px;
        height: 400px;
        width: 400px;
        top: calc(50% - 200px);
        left: calc(50% - 0px);
    }

    .login-box-left-border {
        position: absolute;
        margin-left: -20px;
        padding-top: 20px;
        padding-bottom: 20px;
        height: calc(100% - 120px);
        padding-top: 20px;
        padding-bottom: 20px;
        border-left: 4px solid #383838;
    }

    .login-box-left input[type=text], .login-box-left input[type=password] {
        font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-size: 14px;
        width: 85%;
        padding: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 15px;
        border: 2px solid black;
    }

    ::-webkit-input-placeholder {
        color: black;
    }

    ::-moz-placeholder {
        color: black;
    }

    :-ms-input-placeholder {
        color: black;
    }

    :-moz-placeholder {
        color: black;
    }

    .login-box-left input[type=submit] {
        font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-size: 14px;
        width: 30%;
        margin-left: calc(50% - 15%);
        padding: 10px;
        background-color: #383838;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 15px;
        border: none;
        color: white;
    }

        .login-box-left input[type=submit]:hover {
            font-weight: bold;
            cursor: pointer;
        }

    .desenvolvidoPor {
        position: absolute;
        top: calc(50% + 150px);
        left: calc(50% + 40px);
        font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-size: 10px;
    }

        .desenvolvidoPor a {
            text-decoration: none;
            color: #209899;
        }

    .spanMensagemErro {
        color: red;
        margin-left: 115px;
    }
}