/*Fontes*/

@font-face {
  font-family: 'GoogleSans-Regular';
  font-display: auto;
  src: url('/fonts/google-sans/GoogleSans-Regular.ttf');
}

 
/*Sistema*/
*{margin:0; padding: 0; box-sizing: border-box; font-family: 'GoogleSans-Regular', sans-serif;}

a{text-decoration: none; color: #333;}

/*Classes auxiliares*/

.bold{font-weight: bolder;}

.italic{font-style: italic;}

.center{text-align: center;}

.right{text-align: right;}

.left{text-align: left;}

.float{float:left;}

.w100{width: 100%;}

.h40{height: 40px;}

.h30{height: 30px;}

.tel{margin: 10px 0; border: 1px solid #bbb; border-radius: 2px; font-size: 14px; padding: 0 10px;}

.select{margin: 10px 0; height: 40px; width: 98%; border: 1px solid #bbb; border-radius: 2px; color: #757575; font-size: 14px; padding: 0 10px; -webkit-appearance: none; -moz-appearance: none;}

.select1{border: 1px solid #bbb; border-radius: 2px; color: #757575; font-size: 14px; padding: 0 10px; -webkit-appearance: none; -moz-appearance: none;}

/*Configurações Gerais*/
input[type='email'],input[type='password'],input[type='text']{ margin: 10px 0; border: 1px solid #bbb; border-radius: 2px; font-size: 14px; padding: 0 10px; }
input[type='submit'],input[type='button']{ background: #259DAB; color: #fff; border: none; border-radius: 2px; cursor:pointer; margin-top: 15px; -webkit-appearance: none;}
input[type='submit']:hover{ opacity: 0.8; }

input:-ms-input-placeholder {text-transform: none;}
input::placeholder {text-transform: none;}

.fundo{ position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/img/background-login-L.jpg') center center no-repeat; background-size: cover; }

.fundo_{ position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #E9E9E9; background-size: cover; }

.login{ position: absolute; width: 30%; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%,-50%); background: #fff; padding: 30px; }
.loginTextos{ width: 100%; font-weight: bold; line-height:20px; text-align: left; font-size: 14px; padding-top: 5px;}

.linhaHorizontal { width: 100%; clear: both; overflow: hidden; border-color: rgba(0,0,0,0.1); }

.cadastro{
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.topFaixa{height: 60px; background: #259DAB; color: #fff;}

.indicacao{width: 100%; height: 40px; }
.indicacao button{width: 100%; height: 100%; background: #259DAB; border:none; border-radius: 2px; cursor: pointer; color: #FFF; font-weight: bolder; -webkit-appearance: none;}
.indicacao svg{ height: 40%; fill: #FFF;}

.periodo{width: 100%; height: 40px; }
.periodo button{width: 100%; height: 100%; background: #259DAB; border:none; border-radius: 2px; cursor: pointer; color: #FFF; font-weight: bolder; -webkit-appearance: none;}
.periodo svg{ height: 50%; fill: #FFF;}

.pedidos{width: 100%; height: 1px; }
.pedidos svg{ float:right; height: 15px; margin-top: 2px; margin-right: 10px; fill: #FFF;}

.menuicon svg{ float:left; height: 20px; margin-right: 10px; fill: #FFF; }

#logoLojaDm {
    z-index: 50;
    margin-top: 5px;
    margin-right: 1px;
    max-width: 50px;
    width: auto;
    height: auto;
}

#logoLojaMorah {
    z-index: 50;
    margin-top: 3px;
    margin-right: 1px;
    max-width: 20%;
    width: auto;
    height: auto;
}

#logoLojaCf {
    z-index: 50;
    margin-top: 7px;
    margin-right: 1px;
    max-width: 65px;
    width: auto;
    height: auto;
}

/*Extra-small*/
@media screen and (max-width: 480px){
    /* input[type='submit']{ width: 70%;} */

    .fundo{background: url('/img/background-login-XS.jpg') center center no-repeat; background-size: cover; }
    .login{ width: 80%;}
    .loginTextos{ width: 100%; font-size: 10px;}
    

}

/*Small*/
@media screen and (min-width: 481px) and (max-width: 768px){
    /* input[type='submit']{ width: 40%;} */

    .fundo{background: url('/img/background-login-S.jpg') center center no-repeat; background-size: cover; }

    .login{width: 60%;}
        .loginTextos{width: 100%;}

        .menuicon svg{ display: none; }
}

/*Medium*/
@media screen and (min-width: 769px) and (max-width: 1199px){
    /* input[type='submit']{ width: 40%; } */

    .fundo{background: url('/img/background-login-M.jpg') center center no-repeat; background-size: cover; }

    .login{width: 40%;}
    .loginTextos{ width: 100%;}

    .menuicon svg{ display: none; }
}

/*Large*/
@media screen and (min-width: 1200px){

    .menuicon svg{ display: none; }

}