/*------------------------------------------------
        AUTHOR DETAILS
--------------------------------------------------
Designer: Italo Eduardo
Designer URL: http://italoeduardo.com
Programmer HTML/CSS: Full Prog
Programmer URL: http://fullprog.com
------------------------------------------------*/
/*------------------------------------------------
      CONFIG FONTS AND STYLES
------------------------------------------------*/
@import url("https://cdn.grupotopjeans.com/assets/fonts/v3/style.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Lato:100,300,400,700,900|Poppins:200,300,400,500,600,700,800,900");
@import url("animate.css");
@import url("waves.min.css");
@import url("materialize.min.css");
@import url("bootstrap.min.css");
@import url("bootstrap-responsive.css");
@import url("fullcalendar.css");
@font-face {
  font-family: 'GrupoTopJeansIcons';
  src:  url('https://cdn.grupotopjeans.com/assets/fonts/v3/fonts/GrupoTopJeansIcons.eot?n27tmv');
  src:  url('https://cdn.grupotopjeans.com/assets/fonts/v3/fonts/GrupoTopJeansIcons.eot?n27tmv#iefix') format('embedded-opentype'),
    url('https://cdn.grupotopjeans.com/assets/fonts/v3/fonts/GrupoTopJeansIcons.ttf?n27tmv') format('truetype'),
    url('https://cdn.grupotopjeans.com/assets/fonts/v3/fonts/GrupoTopJeansIcons.woff?n27tmv') format('woff'),
    url('https://cdn.grupotopjeans.com/assets/fonts/v3/fonts/GrupoTopJeansIcons.svg?n27tmv#GrupoTopJeansIcons') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fullprog-bverde:before {
    content: "\e90b";
}
.fullprog-branca:before {
  content: "\e90b";
  color: #fff;
}
/*------------------------------------------------

        RE-CONFIG BOOTSTRAP

------------------------------------------------*/

.container-fluid, .container, .row, .row-fluid{

  padding: 0;

  margin: 0;

}

/*------------------------------------------------

        CONFIG DEFAULT

------------------------------------------------*/

body.login{

  font-family: "Poppins",Lato, Roboto, sans-serif

}

body{

  background: #fff;

  color: #272727;

  font-family: "Poppins", Lato, Roboto, sans-serif;

    font-weight: normal;

}

p, span, h1, h2, h3, h4, h5, h6{

  color: #272727;

}

ul{



}

li{

  display: inline-block;

  list-style: none;

}

a:active{

  text-decoration: none;

  color: #272727;

}

a{

  text-decoration: none;

  color: #272727;

  transition: 0.15s ease-in-out;

}

a:hover{

  text-decoration: none;

  color: #ffdc00;

  transition: 0.15s ease-in-out;

}

a:focus{

  text-decoration: none;

  color: #272727;

}

::focus{

  text-decoration: none;

}

::selection {

    background: #181818;

    color: #fff;

}

*{

  outline: none;

}

::-webkit-input-placeholder { 

  font-size: 13px;

  font-weight: 400;

}

::-moz-placeholder { 

  font-size: 13px;

  font-weight: 400;

}

:-ms-input-placeholder { 

  font-size: 13px;

  font-weight: 400;

}

:-moz-placeholder { 

  font-size: 13px;

  font-weight: 400;

}

/*------------------------------------------------

        CONFIG LOGIN

------------------------------------------------*/

.login .main{

  padding:0;

}

.login .grupo-iconsv3-logo-grupo{

    font-size: 8em;

    text-align: center;

    margin: 0 auto;

    display: block;

}

.login .grupo-iconsv3-logo-grupo .path1:before {

    content: "\e918";

    color: rgb(36, 37, 58);

}

.login .grupo-iconsv3-logo-grupo .path2:before {

    color: rgb(36, 37, 58);

}

.login .grupo-iconsv3-logo-grupo .path4:before {

    color: rgb(255, 255, 255);

}

.login .grupo-iconsv3-logo-grupo .path5:before {

    color: rgb(36, 37, 58);

}

.login .main .form{

  padding-top: 5%;

}

.login .main .form h2{

  font-size: 22px;

  font-weight: 700;

  text-align: center;

}

.login .main .form_login,

.cadastro .main .form_cadastro {

    width: 60%;

    margin: 4em auto;

}

.login .main .form_login label,

.cadastro .main .form_cadastro label,

.page .main .form_service label {

    font-weight: 300;

    font-size: 14px;

}

.login .main .form_login input[type=password]:focus:not([readonly])+label, 

.login .main .form_login input[type=email]:focus:not([readonly])+label,

.cadastro .main .form_cadastro input[type=password]:focus:not([readonly])+label, 

.cadastro .main .form_cadastro input[type=email]:focus:not([readonly])+label,

.login .main .form_login .input-field label:not(.label-icon).active,

.cadastro .main .form_cadastro .input-field label:not(.label-icon).active,

.page .main .form_service input[type=number]:focus:not([readonly])+label, 

.page .main .form_service input[type="url"]:focus:not([readonly])+label,

.page .main .form_service input[type=text]:focus:not([readonly])+label,

.page .main .form_service input[type=textarea]:focus:not([readonly])+label,

.page .main .form_service .input-field label:not(.label-icon).active,

.page .main .form_service .input-field label:not(.label-icon).active{

      color: #24253a;

    font-size: .8rem;

    font-weight: 600;

}

.login .main .form_login input:not([type]).invalid+label:after, 

.login .main .form_login input:not([type]):focus.invalid+label:after, 

.login .main .form_login input[type=password].invalid+label:after, 

.login .main .form_login input[type=password]:focus.invalid+label:after, 

.login .main .form_login input[type=email].invalid+label:after, 

.login .main .form_login input[type=email]:focus.invalid+label:after,

.login .main .form_login input:not([type]).valid+label:after, 

.login .main .form_login input:not([type]):focus.valid+label:after, 

.login .main .form_login input[type=password].valid+label:after, 

.login .main .form_login input[type=password]:focus.valid+label:after, 

.login .main .form_login input[type=email].valid+label:after, 

.login .main .form_login input[type=email]:focus.valid+label:after,

.cadastro .main .form_cadastro input:not([type]).invalid+label:after, 

.cadastro .main .form_cadastro input:not([type]):focus.invalid+label:after, 

.cadastro .main .form_cadastro input[type=password].invalid+label:after, 

.cadastro .main .form_cadastro input[type=password]:focus.invalid+label:after, 

.cadastro .main .form_cadastro input[type=email].invalid+label:after, 

.cadastro .main .form_cadastro input[type=email]:focus.invalid+label:after,

.cadastro .main .form_cadastro input:not([type]).valid+label:after, 

.cadastro .main .form_cadastro input:not([type]):focus.valid+label:after, 

.cadastro .main .form_cadastro input[type=password].valid+label:after, 

.cadastro .main .form_cadastro input[type=password]:focus.valid+label:after, 

.cadastro .main .form_cadastro input[type=email].valid+label:after, 

.cadastro .main .form_cadastro input[type=email]:focus.valid+label:after,

.page .main .form_service input:not([type]).invalid+label:after, 

.page .main .form_service input:not([type]):focus.invalid+label:after, 

.page .main .form_service input[type=password].invalid+label:after, 

.page .main .form_service input[type=password]:focus.invalid+label:after, 

.page .main .form_service input[type=email].invalid+label:after, 

.page .main .form_service input[type=email]:focus.invalid+label:after,

.page .main .form_service input:not([type]).valid+label:after, 

.page .main .form_service input:not([type]):focus.valid+label:after, 

.page .main .form_service input[type=password].valid+label:after, 

.page .main .form_service input[type=password]:focus.valid+label:after, 

.page .main .form_service input[type=email].valid+label:after, 

.page .main .form_service input[type=email]:focus.valid+label:after,

.page .main .form_service input[type=number].invalid+label:after, 

.page .main .form_service input[type=number]:focus.invalid+label:after, 

.page .main .form_service input[type=text].invalid+label:after, 

.page .main .form_service input[type=text]:focus.invalid+label:after,

.page .main .form_service input[type=number].valid+label:after, 

.page .main .form_service input[type=number]:focus.valid+label:after, 

.page .main .form_service input[type=text].valid+label:after, 

.page .main .form_service input[type=text]:focus.valid+label:after,

.page .main .form_service input[type="url"].invalid+label:after, 

.page .main .form_service input[type="url"]:focus.invalid+label:after, 

.page .main .form_service input[type=textarea].invalid+label:after, 

.page .main .form_service input[type=textarea]:focus.invalid+label:after,

.page .main .form_service input[type="url"].valid+label:after, 

.page .main .form_service input[type="url"]:focus.valid+label:after, 

.page .main .form_service input[type=textarea].valid+label:after, 

.page .main .form_service input[type=textarea]:focus.valid+label:after {

    top: 43px;

}

.login .main .form_login input[type=password], 

.login .main .form_login input[type=email],

.login.cadastro .main .form_login input[type=text],

.login.cadastro .main .form_cadastro input[type=password], 

.login.cadastro .main .form_cadastro input[type=email],

.login.cadastro .main .form_cadastro input[type=text],

.page .main .form_service input[type=password], 

.page .main .form_service input[type=email],

.page .main .form_service input[type=text],

.page .main .form_service input[type="url"],

.page .main .form_service input[type=number],

.page .main .form_service input[type=textarea] {

    border-bottom: 1px solid #ccc;

}

.login .main .form_login input[type=password]{

  border-bottom: 1px solid transparent;

}

.login .main .form_login input[type=password]:focus:not([readonly]), 

.login .main .form_login input[type=email]:focus:not([readonly]),

.login .main .form_login input[type=text]:focus:not([readonly]),

.cadastro .main .form_cadastro input[type=password]:focus:not([readonly]), 

.cadastro .main .form_cadastro input[type=email]:focus:not([readonly]),

.cadastro .main .form_cadastro input[type=text]:focus:not([readonly]),

.page .main .form_service input[type=password]:focus:not([readonly]), 

.page .main .form_service input[type=email]:focus:not([readonly]),

.page .main .form_service input[type=text]:focus:not([readonly]),

.page .main .form_service input[type="url"]:focus:not([readonly]),

.page .main .form_service input[type=number]:focus:not([readonly]),

.page .main .form_service input[type=textarea]:focus:not([readonly]){

  border-bottom: 1px solid #24253a;

  box-shadow: 0 1px 0 0 #24253a;

}

.login .main .form_login [type="checkbox"].filled-in:checked+label:after,

.cadastro .main .form_cadastro [type="checkbox"].filled-in:checked+label:after,

.page .main .form_service [type="checkbox"].filled-in:checked+label:after {

    top: 0;

    width: 20px;

    height: 20px;

    border: 2px solid #24253a;

    background-color: #24253a;

    z-index: 0;

}

.login .main .form_login [type="checkbox"]+label,

.cadastro .main .form_cadastro [type="checkbox"]+label {

    color: #272727;

    font-weight: 300;

    margin: 0;

    top: 0;

    padding: 0 0 0 30px;

    line-height: 1.4;

    font-size: 15px;

}

.login .main .form_login .text a,

.cadastro .main .form_cadastro .text a,

.login .main .text p a{

  color: #24253a;

}

.login .main .text p{

  color: #272727;

}

.login .main .msg{

  background: #000;

  padding: 9% 13% 0 14%;

  height: 100vh;

}

.login .main.bg_blue .msg{

  background: #24253a;

}

.login .main .msg h2 strong{

  color: #fff;

  font-size: 1.5em;

  font-weight: 700;

}

.login .main .msg p{

  color: #fff;

  font-size: 16px;

  font-weight: 300;

}

.login .main .msg p a strong{

  color: #fff;

    font-weight: 600

}

.login .botao {

    padding: 0;

    margin: 4em 0 0;

    text-align: center;

}

.login .botao .btn-site .site {

    padding: 20px 60px;

    border-radius: 5px;

}

.login .botao .btn-site .site p{

  font-size: 12px;

}

.login .main .text{

  text-align: center;

}

.login .main .text p{

  font-weight: 300;

  font-size: 15px;

}

.login .main .success.form {

    padding-top: 35%;

}

body .success,

body .success_v2 {

    position: absolute;

    text-align: center;

    height: 100vh;

    width: 50vw;

    padding: 0 6em 0;

    top: 0;

    z-index: -1;

    opacity: 0;

    left: 0;

}

body .success.auth {

  background: #fff;

  z-index: 100;

  opacity: 1;

}

body .success .progress .indeterminate {

  background-color: #77b72a;

}

body .success .determinate{

  width: 100%;

}

body .success .progress {

  position: relative;

  height: 4px;

  display: block;

  width: 100%;

  background-color: transparent;

  box-shadow: none;

}

body .success, body .success_v2 {

    padding: 0;

}

body .success_v2.auth {

  background: transparent;

  opacity: 1;

}

body .success_v2 .progress {

    position: relative;

    height: 4px;

    display: block;

    width: 100%;

    background-color: transparent;

    box-shadow: none;

    margin: 0;

    border-radius: 0;

}

body .success_v2.auth .progress .determinate{

  width: 100% !important;

  transition: 2.5s;

}

.login .main .success_v2.form {

    padding-top: 0;

    height: 0vh;

    transition: 0.3s;

    }

.login .main .success_v2.more.form {

    background: #f44336;

    height: 100vh;

    z-index: 1;

    transition: 0.3s;

    padding-top: 47vh;

}

body .success_v2.auth.more .progress .determinate {

    transition: 0s;

    height: 0;

}

.login .main .success_v2.form p{

  color: #fff;

}

.forgot .botao .btn-site .site {

    padding: 20px 43px;

}

/*------------------------------------------------

        CONFIG BOTAO

------------------------------------------------*/

.btn,.btn-large,

.btn:hover,.btn-large:hover{

  background: none;

  border:none;

  text-align: left;

  box-shadow: none;

}

.botao{

  padding: 0;

  margin: 0;

}

.botao.center{

  // display: flex;

}

.botao .btn-site:nth-child(1){

  margin-left: 0;

}

.botao.center .btn-site{

  margin: 0 auto;

}

.botao .btn-site {

    padding: 0;

    border-radius: 5px;

    background: transparent;

    border: 1px solid transparent;

    margin-left: 2em;

}

.botao .btn-site .site {

    padding: 15px 50px;

    border-radius: 5px;

}

.login .botao .btn-site .site{

    // padding: 10px 20px;

    border-radius: 5px;

}

.botao .btn-site .site p{

  margin: 0;

  font-size: 12px;

}

/*--COLORS--*/

.botao .btn-site,

.botao .btn-site.transparent {

    background: none !important;

    border: none;

}

.botao .btn-site.transparent .site {

    background: transparent;

    border: 1px solid #fff;  

}

.botao .btn-site.blue .site {

    background: #24253a;

    border: 1px solid transparent;  

}

.botao .btn-site.dark .site {

    background: #212529;

    border: none;  

}

.botao .btn-site .site p.wht,

.botao .btn-site.blue .site p{

  color: #fff;

}

/*------------------------------------------------

      CONFIG HEADER AND SIDEBAR

------------------------------------------------*/

body .head .more #notifys {

  width: 350px !important;

  top: 3em !important;

}

body .head .more #notifys a {

      display: -webkit-inline-box;

    width: 100%;

}

body .head .more #notifys span {

    font-size: 13px;

    font-weight: 600;

    display: inline-block;

    width: 100%;

}

body .head .more #notifys small {

    font-size: 10px;

    color: #272727;

    display: inline-block;

    width: 100%;

}

body .head .more #notifys hr{

  margin: 0

}

body .main .chip_user .user_img {

  margin-right:15px;

  border-radius: 50px;

  float: left;

  width: 45px;

  height: 45px;

}

body .main .chip_user .nome_user{

  padding-top:10px;

  display: block;

  color: #000;

  font-size: 13px;

  font-weight: 200;

  margin-bottom: -7px;

}

body .main .chip_user span.small a{

  color: #24253a;

  font-size: 13px;

  font-weight: 200;

  line-height: .8

}

body .main .chip_user span.small,

body .main .infos span.small a{

  color: #24253a;

  font-size: 10px;

}

body .main .head .infos{

  display: inline-flex;

  padding-left: 0;

}

body .main .head .infos .saldo:nth-child(1){

  margin-right: 2.5em;

}

body .main .head .infos .saldo{

  float: left;

}

body .main .head .infos .saldo p{

  margin-bottom: -7px;

}

body .main .sidebar{

  background: #1a1f25;

  padding-right: 0;

  min-height: 190vh;

  padding-left: 0;

  width: 20.5%;

}

body .main .sidebar .header{

  display: -webkit-box;

  padding: 3em 1em;

}

body .main .sidebar .header .logo{

  width: 87%;

  margin-top: -21px;

  text-align: center;

}

body .main .sidebar .header .logo a > span{

  font-size: 60px;

}

body .main .sidebar .header .open_menu{

  width: 19%;

  text-align: center;

  padding: 0 0 0;

}

body .main .sidebar .header .open_menu .sidebar_menu{

  cursor: pointer;

  font-size: 11px;

}

body .main .sidebar .menu{

  margin-top: 2em;

}

body .main .sidebar .menu ul li{

  display: block;

  transition: ease-in-out 0.3s;

  padding: 11px 0;

}

body .main .sidebar .menu ul li:hover,

body .main .sidebar .menu ul li.bluedark{

  background: #111519;

  transition: ease-in-out 0.3s;

}

body .main .sidebar .menu ul li a{

  color: #fff;

  font-size: 13px;

  padding: 8px 2em;

  transition: ease-in-out 0.3s;

  display: block;

  width: 100%;

}

body .main .sidebar .menu ul li .active_link {

  background: #3366ff;

}

body .main .sidebar .menu ul li a:hover span{

  color: #24253a;

  transition: ease-in-out 0.3s;

}

body .main .sidebar .menu ul li a i {

  font-size: 16px;

  margin-right: 10px;

}

body .sidebar .menu .have_info a:after {

  content: attr(infos);

  color: #fff;

  background: #1976d2;

  font-size: 12px;

  padding: 2px 10px;

  border-radius: 25px;

  text-align: center;

  position: absolute;

  right: 20px;

}

body .sidebar .menu .have_info.box a:after {

  background: #1a1f25;

}

body .main .sidebar .menu ul li a span,

body .main .sidebar .menu ul li a:hover span{

  color: #fff;

}

body .main .sidebar,

body .main .sidebar .menu ul li a span,

body .main .sidebar .header .logo,

body .main .sidebar .header .open_menu,

body .sidebar .menu .have_info a:after,

body .main .conteudo {

  transition: 0.3s;

}

body .main .sidebar.wide {

  width: 5%;

  transition: 0.3s;

}

body.mobile .main .sidebar {

  width: 19%;

  transition: 0.9s;

  position: absolute;

  z-index: 2;

  border-bottom-right-radius: 25px;

  transition: 0.3s;

  left: 0;

}

body .main .sidebar.wide .menu ul li a span,

body.mobile .main .sidebar .menu ul li a span {

  display: none;

}

body .sidebar.wide .menu .have_info a:before,

body.mobile .sidebar .menu .have_info a:before {

  content: attr(infos);

  color: #fff;

  background: #1976d2;

  font-size: 0;

  padding: 4px;

  border-radius: 25px;

  text-align: center;

  position: absolute;

  right: 10px;

}

body .main .sidebar.wide .header .logo,

body.mobile .main .sidebar .header .logo {

  display: none;

}

body .main .sidebar.wide .header .open_menu,

body.mobile .main .sidebar .header .open_menu {

  width: 100%;

}

body .sidebar.wide .menu .have_info a:after,

body.mobile .sidebar .menu .have_info a:after{

  display: none;

}

body .main .conteudo .content.inf {

  padding: 0em 0em;

  display: grid;

  background: linear-gradient(to right, #1a1f25 30%, #000 100%);

}

body .main .conteudo .content.inf .site-infos{

  display: grid;

  padding: 4em 0 0em 5em;

}

body .main .conteudo .content.inf .site-infos:nth-last-child(1) {

  padding-bottom: 4em;

}

body .main .conteudo .content.inf .site-infos ul{

  display: inline-block;

}

body .main .conteudo .content.inf .site-infos ul li{display: inline-block;margin-right: 3em;}

body .main .conteudo .content.inf .site-infos ul li h2 strong{

  color: #fff;

  font-weight: 600;

}

body .main .conteudo .content.inf .site-infos ul li h2{

  color: #fff;

  font-size: 2.5em;

  margin: 0;

}
select.browser-default {
    margin-bottom: 1em;
    padding: 15px;
    height: auto;
}
body .main .conteudo .content.inf .site-infos ul li p{

  color: #fff;

  margin: 0;

  font-weight: 100;

}

body .main .conteudo .content.inf .site-infos ul li {

  border-left: 1px solid #fff;

  padding-left: 33px;

}

body .main .conteudo .content.inf .site-infos ul li:nth-child(1){

  border-left: 1px solid transparent;

  padding-left: 33px;

}

body .main .conteudo .content.inf .site-infos ul li:nth-last-child(1){

  border-left: 1px solid #fff;

  padding-left: 33px;

}

body .main .conteudo.wide{

  width: 95%;

  transition: 0.3s;

}

body.mobile .main .conteudo{

  width: 100%;

  transition: 0.3s;

  z-index: 1

}

body .main .conteudo{

  padding: 0;

  width: 79.5%;

}

body .main .conteudo .head {

  padding: 2em 0.5em;

}

body .main .conteudo .head .more{

  padding: 0;

}

body .main .conteudo .head .more a:nth-child(1){

  margin-left: 0;

  transition: ease-in-out 0.3s;

}

body .main .conteudo .head .more a{

  margin-left: 2em;

  cursor: pointer;

}

body .main .conteudo .head .more #notify:before {

  content: "";

  background: transparent;

  font-size: 25px;

  padding: 3px 3px;

  position: absolute;

  border-radius: 25px;

  left: 17px;

  top: -2px;

  transition: ease-in-out 0.3s;

}

body .main .conteudo .head .more a.have#notify:before {

  background: #3399ff;

  transition: ease-in-out 0.3s;

}

body .main .conteudo .head .more a i{

  font-size: 25px;

  color: #000;

}

body .main .conteudo .head .more a.active i{

  color: #3399ff;

}

body .main .conteudo .head .more #notifys {

  width: 350px !important;

  top: 3em !important;

}

body .main .conteudo .ads .ads_bg .text{

 position: relative;

 bottom: -11em;

 text-align: center;

 width: 100%;

}

body .main .conteudo .ads .ads_bg .text .botao{

  margin: 0 auto;

  text-align: center;

}

body .main .conteudo .content {

  padding: 2em 4em;

  background: #fff;

  display: -webkit-box;

}

body.home .main .conteudo .content {

  display: block;

}

body .main .conteudo .content h2{

  font-size: 19px;

  font-weight: 600;

  margin-bottom: 3em;

}

body .main .conteudo .content .boxs{

  padding-bottom: 1.5em;

}

body .main .conteudo .content .boxs .box{

  padding: 1.5em 1em;

  margin-bottom: 2em;

  border-radius: 5px;

  background-color: rgb(255, 255, 255);

  transition: ease-in-out 0.3s;

  box-shadow: 0px -2px 1px 0px rgba(186, 202, 210, 0.07), 0px 13px 27px 0px rgba(186, 202, 210, 0.18), -25px 0 27px 0px rgba(186, 202, 210, 0.18), -4px 0px 0px 0px #bfbfbf;

}

body .main .conteudo .content .boxs .box:hover{

  padding: 1.5em 1em;

  border-radius: 5px;

  background-color: rgb(255, 255, 255);

  transition: ease-in-out 0.3s;

  box-shadow: 0px -2px 1px 0px rgba(186, 202, 210, 0.07), 0px 13px 27px 0px rgba(186, 202, 210, 0.18), -25px 0 27px 0px rgba(186, 202, 210, 0.18), -4px 0px 0px 0px #3399ff;

}

body .main .conteudo .content .boxs .box p:nth-child(1){

  font-weight: 600;

  margin-bottom: 10px;

}

body .main .conteudo .content .boxs .box p{

  margin: 0;

}

.filiais .filial_rows .filial {transition: ease-in-out 0.3s;box-shadow: hsla(0, 0%, 0%, 0.12) 0 0 20px 1px;border-radius: 5px;padding: 2em 2em;margin: 0 2em 2em 0;text-align: center;position:  relative;max-height: 120px;height: -webkit-fill-available;z-index: 1;display: inline-block;}

.filiais .filial_rows .filial:nth-child(1) {}

.filiais .filial_rows .filial i, .filiais .filial_rows .filial span {
    font-size: 3rem;
    text-align: center;
}
.filiais .filial_rows .filial .grupo-iconsv3-logo-grupo-vertical .path2:before,
.filiais .filial_rows .filial .grupo-iconsv3-logo-grupo-vertical .path1:before,
.grupo-iconsv3-lojas-mania .path13:before {
    color: rgb(39, 39, 39);
}
.grupo-iconsv3-lojas-mania .path3:before,
.grupo-iconsv3-lojas-mania .path4:before,
.grupo-iconsv3-lojas-mania .path5:before,
.grupo-iconsv3-lojas-mania .path6:before,
.grupo-iconsv3-lojas-mania .path7:before,
.grupo-iconsv3-lojas-mania .path8:before,
.grupo-iconsv3-lojas-mania .path9:before,
.grupo-iconsv3-lojas-mania .path10:before,
.grupo-iconsv3-lojas-mania .path11:before,
.grupo-iconsv3-lojas-mania .path12:before{
  color: rgb(255, 0, 0);
}
.filiais .filial_rows .filial:hover {

    box-shadow: hsla(0, 0%, 0%, 0.27) 0 0 20px 1px;

    transition: ease-in-out 0.3s;

}

.filiais .filial_rows .filial:after {

    font-weight: 700;

    content: "acessar filial";

    font-size: 10px;

    text-transform: uppercase;

    position: absolute;

    bottom: -30px;

    left: 0;

    right: 0;

    transition: ease-in-out 0.3s;

    opacity: 0;

    z-index: -1;

}

.filiais .filial_rows .filial:hover:after {

    bottom: 10px;

    color: green;

    opacity: 1;

    z-index: 1;

}

/*----------PAGES-----------*/

.page.valores .main .conteudo .content h2,

.page.pedidos .main .conteudo .content h2,

.page.contato .main .conteudo .content h2,

.page.faq .main .conteudo .content h2,

.page.hist .main .conteudo .content h2,

.page.contato .main .conteudo .content > .infos{

  font-weight: 100;

  padding-left: 2em;

  background: #fafafa;

  padding-bottom: 2em;

  margin: 0;

  padding-top: 2em;

}

.page .main .conteudo .content {

  width: 100%;

  padding: 2em 0;

  background: #fff;

  padding: 0;

  display: block

}
.page .botao-icon {
    float: right;
    padding: 2.5em 0 0;
}
body .main .head .infos .saldo, .saldo {
    float: left;
    margin-right: 1.5em;
}
body .main .head .infos .saldo p, .saldo p {
    margin-bottom: -7px;
}
header .head .saldo i, .saldo i {
    padding: 10px 10px;
    float: left;
}
.botao-icon:hover .saldo i:before {
    color: #ff4a46;
    transition: color 0.3s;
}
header .head i:before, .saldo i:before {
    color: #191c27;
    transition: color 0.3s;
}
body .main .infos span.small a, .saldo span.small {
    color: #ff4a46;
    font-size: 10px;
    padding-left: 0;
}
.page .main .conteudo .content .servicos .tabs{

  display: grid;

  height: auto;

}

.page .main .conteudo .content .servicos .tabs .tab a {

  background-color: #fafafa;

  color: #000;

  border-right: 2px solid transparent;

  transition: ease-in-out 0.3s;

  border-bottom: 2px solid white;

}

.page .main .conteudo .content .servicos .tabs .tab a:hover, 

.page .main .conteudo .content .servicos .tabs .tab a.active {

  background-color: #ffffff00;

  color: #000;

  border-right: 2px solid #39ff;

  transition: ease-in-out 0.3s;

}

.tabs .indicator{

  display: none;

}

.page .success, .page .success_v2 {

  width: 100vw;

  left: -1.3%;

}

.page .success_v2.auth {

  background: transparent;

  opacity: 1;

  z-index: 1;

  position: fixed;

  height: 4px;

}

.page .success_v2.auth.more .progress .determinate {

  transition: 4.5s;

  height: 4px;

}

.page.pedidos .content .servicos{

  padding: 0

}

.page.pedidos .content .servicos .tabs{

  white-space: unset;

}

.page.pedidos .content .servicos .tabs .tab{

  line-height: 1.4;

  text-align: left;

  height: auto;

}

.page.pedidos .content .servicos .tabs .tab a{

  padding: 1.5em 3em 1.5em;

}

.page.pedidos .content .servicos .tabs .tab a span{

  font-weight: 600;

  text-transform: none;

}

.page.pedidos .content .servicos .tabs .tab a small{

  text-transform: none;

}

.page.pedidos .content .dados_pedido,

.page.contato .content .dados_pedido{

  background: #fff;

}

.page.pedidos .content .dados_pedido .informa,

.page.contato .content .dados_pedido .informa{

  padding: 0 3em;

}

.page.pedidos .content .dados_pedido .informa .head,

.page.contato .content .dados_pedido .informa .head{

  padding-left: 0;

  padding-right: 0;

}

.page.pedidos .content .dados_pedido .informa .head h2,

.page.contato .content .dados_pedido .informa .head h2{

  padding: 0;

  margin: 0em 0 6px;

  background: #fff;

}

.page.pedidos .content .dados_pedido .informa .head h2 strong{

  font-weight: 500;

}

.page.pedidos .content .dados_pedido .informa .body form{

  display: flow-root;

}

.page.pedidos .content .dados_pedido .informa .body form .botao{

  margin-top: 2em;

  display: block;

}

.page.pedidos .content .dados_pedido .informa .body form .botao .btn-site{

  float: left;

}

.page.pedidos .content .dados_pedido .informa .body form .botao > p{

  padding: 6px 6em 0 4em;

  font-size: 12px;

  float: left;

  width: 63%;

}

.page.pedidos .content .dados_pedido .informa .body .infos{

  display: -webkit-box;

}

.page.pedidos .content .dados_pedido .informa .body .infos  .box{

  margin-bottom: 2em;

}

.page.pedidos .content .dados_pedido .informa .body .infos  .box p{

  font-weight: 600;

  margin: 0;

}

.page.contato .main .conteudo .content h2{

  padding-bottom: 1em;

}

.page.contato .main .conteudo .content > .infos{

  padding-top: 0;

  padding-left: 2.8em;

}

.page.contato .main .conteudo .content > .infos ul li:nth-child(1){

  margin-left: 0;

}

.page.contato .main .conteudo .content > .infos ul li{

  margin-left: 4em;

}

.page.contato .main .conteudo .content > .infos ul li p{

  font-size: 12px;

  font-weight: 500;

  margin: 0;

}

.page.contato .main .conteudo .content > .infos ul li span{

  font-size: 12px

}

.page.contato .main .conteudo .content .dados_pedido{

  box-shadow: 0px 0px 20px 3px #0000000f;

  padding-bottom: 2em;

}

.page.contato .main .conteudo .content .dados_pedido h2{

  font-weight: 400

}

.page.contato .content .dados_pedido .informa {

  padding: 0 2em;

}

.page.contato .main .conteudo .content .dados_pedido textarea{

  border-bottom: transparent;

}

.page.contato .main .conteudo .content .dados_pedido .botao{

  padding-top: 2em

}

.page.contato .main .conteudo .content .dados_pedido .botao .btn-site{

  float: right;

}

.page.hist #sort-info {

  margin-top: 10px;

  background: gainsboro;

  padding: 10px;

  border: 2px solid rgba(0,0,0,0.15);

}

.page.hist #title {

  margin: 0px;

}

.page.hist #select-tag {

  background: brown;

  color: white;

}

.page.hist #header-table {

  margin-bottom: 0;

}

.page.hist #table-list {

  height: 200px;

  overflow-y: hidden;

}

.page.hist #table-list:hover {

  height: 200px;

  overflow-y: auto;

}

.page.hist #group-selection {

  width: auto;

}

.page.faq .main .conteudo .content,

.page.faq{

  background: #fafafa

}

.page.faq .head{

  background: #fff;

}

.page.faq .content .faq ul li {

  display: block;

  background: #fafafa;

}

.page.faq .content .faq .collapsible{

  box-shadow: 0 2px 2px 0 transparent, 0 1px 5px 0 transparent, 0 3px 1px -2px transparent;

  border: none;

}

.page.faq .content .faq .collapsible li{

  margin: 0em 0 0em;

  transition: 0.3s;

  border-bottom: 1px solid #ccc;

}

.page.faq .content .faq .collapsible li.active {

  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);

  margin: 0em 0 2em;

  transition: 0.3s;

  border-bottom: 1px solid transparent;

}

.page.faq .content .faq ul li .collapsible-header {

  padding: 1em 2em;

  background: #fafafa;

  border: none;

}

.page.faq .content .faq ul li .collapsible-header:after{

  content: "+";

  padding: 0 0.5em 0em;

  color: #3399ff;

  transition: 0.3s;

}

.page.faq .content .faq ul li.active .collapsible-header:after{

  content: "-";

  transition: 0.3s;

}

.page.faq .content .faq ul li.active .collapsible-header{

  background: #fff;

  border: none;

  font-weight: 500;

  font-size: 16px;

}

.page.faq .content .faq ul li .collapsible-body{

  background: #fff;

  border: none;

  padding: 1em 2.75em 2em;

  font-size: 12px;

}

body.tickets .main .conteudo .content {
  display: block;
}

.status.open:before,
.status.open p{
  color: #6bbd0c;
  font-weight: 600;
  font-size: 13px;
}
.status.opening:before,
.status.opening p{
  color: #3399ff;
  font-weight: 600;
  font-size: 13px;
}
.status.started:before,
.status.started p{
  color: #ff9c00;
  font-weight: 600;
  font-size: 13px;
}
.status.cancel:before,
.status.cancel p,
.status.ended:before,
.status.ended p{
  color: #f44336;
  font-weight: 600;
  font-size: 13px;
}
.page.tickets .status.open:before,

.page.hist .status.ended p,

.page.banners .status.started p{

  content: "Aguardando Resposta";

  color: #3399ff;

  font-weight: 600;

  font-size: 13px;

}

.page.tickets .status.opening:before{

  content: "A Abrir";

  color: #3399ff;

  font-weight: 600;

  font-size: 13px;

}

.page.tickets .status.closed:before,

.page.hist .status.started p{

  content: "Resolvido";

  color: #ff9c00;

  font-weight: 600;

  font-size: 13px;

}

.page.tickets .status.cancel:before,

.page.hist .status.cancel p,

.page.banners .status.ended p{

  content: "Cancelado";

  color: #f44336;

  font-weight: 600;

  font-size: 13px;

}
.page.tickets .main .conteudo .content h2{
  font-weight: 100;
  padding-left: 2em;
  background: #fafafa;
  padding-bottom: 2em;
  margin: 0;
  padding-top: 2em;
}
.page.tickets .content .servicos{
  padding: 0
}
.page.tickets .content .servicos .tabs{
  white-space: unset;
}
.page.tickets .content .servicos .tabs .tab{
  line-height: 1.4;
  text-align: left;
  height: auto;
}
.page.tickets .content .servicos .tabs .tab a{
  padding: 1.5em 3em 1.5em;
}
.page.tickets .content .servicos .tabs .tab a span{
  font-weight: 600;
  text-transform: none;
}
.page.tickets .content .servicos .tabs .tab a small{
  text-transform: none;
}
.page.tickets .content .dados_pedido{
  background: #fff;
}
.page.tickets .content .dados_pedido .informa{
  padding: 0 3em;
}
.page.tickets .content .dados_pedido .informa .head{
  padding-left: 0;
  padding-right: 0;
}
.page.tickets .content .dados_pedido .informa .head h2{
  padding: 0;
  margin: 0em 0 6px;
  background: #fff;
}
.page.tickets .content .dados_pedido .informa .head h2 strong{
  font-weight: 500;
}
.page.tickets .content .dados_pedido .informa .body form{
  display: flow-root;
}
.page.tickets .content .dados_pedido .informa .body form .botao{
  margin-top: 2em;
  display: block;
}
.page.tickets .content .dados_pedido .informa .body form .botao .btn-site{
  float: left;
}
.page.tickets .content .dados_pedido .informa .body form .botao > p{
  padding: 6px 6em 0 4em;
  font-size: 12px;
  float: left;
  width: 63%;
}
.page.tickets .content .dados_pedido .informa .body .infos{
  display: -webkit-box;
}
.page.tickets .content .dados_pedido .informa .body .infos  .box{
  margin-bottom: 2em;
}
.page.tickets .content .dados_pedido .informa .body .infos  .box p{
  font-weight: 600;
  margin: 0;
}
.page.tickets .content .dados_pedido .informa .body .botao.closed {
    display: none;
}
body.tickets .main .conteudo .content .dados_pedido {
    display: block
}
body.tickets .main .conteudo .content {
  display: block;
}
.page.tickets .status.open:before,
.page.default .status.ended p{
  content: "Aguardando Resposta";
  color: #3399ff;
  font-weight: 600;
  font-size: 13px;
}
.page.tickets .status.answered:before{
  content: "Respondido";
  color: #3acb40;
  font-weight: 600;
  font-size: 13px;
}
.page.tickets .status.opening:before{
  content: "A Abrir";
  color: #3399ff;
  font-weight: 600;
  font-size: 13px;
}
.page.tickets .status.closed:before,
.page.default .status.started p{
  content: "Resolvido";
  color: #ff9c00;
  font-weight: 600;
  font-size: 13px;
}
.page.tickets .status.cancel:before,
.page.default .status.cancel p{
  content: "Cancelado";
  color: #f44336;
  font-weight: 600;
  font-size: 13px;
}

.page.hist .dt-sort-container #staff-table_length,

.page .dt-sort-container #staff-table_length {

  display: none;

}

.page.hist #staff-table_info,

.page #staff-table_info {

  display: none;

}

.page.hist #staff-table_paginate,

.page #staff-table_paginate {

  /*display: none;*/

}

.page.default #staff-table_paginate .pagination button,

.page #staff-table_paginate .pagination button{

    background: transparent;

    border: 1px solid #ccc;

    border-radius: 25px;

    padding: 4px 20px;

    color: #000;

    margin-right: 1em;

    transition: all 0.3s;

}

.page.default #staff-table_paginate .pagination button:nth-last-child(1),

.page #staff-table_paginate .pagination button:nth-last-child(1){

  margin-right: 0;

}

.page #staff-table_paginate .pagination button.mdl-button.mdl-button--raised.mdl-button--colored {

    background: #101624;

    color: #ffffff;

    transition: all 0.3s;

}

.page.banners .select-wrapper span.caret{

  display: none;

}

.page.hist .select-wrapper span.caret,

.page .select-wrapper span.caret {

  right: 35px;

  top: -10px;

}

.page.hist .caret,

.page .caret {

  border-right: 0 solid transparent;

  border-left: 0 solid transparent;

}

.page.hist .select-wrapper.seleciona {

  width: 20%;

  float: left;

  background: #fafafa;

  padding: 1.565em 0em;

}

.page.hist .form-control.input-sm[type=search],

.page.banners .form-control.input-sm[type=search] {

  height: 2rem;

  margin: 0 0 8px 8px;

}

.page.hist #staff-table_wrapper > .mdl-grid, 

.page.banners #staff-table_wrapper > .mdl-grid {

    background: #fafafa;

    float: left;

    padding: 2.25em 0 2.25em 18em;

    width: 43.3%;

}

.page.hist #staff-table_wrapper > .mdl-grid.dt-table,

.page.banners #staff-table_wrapper > .mdl-grid.dt-table {

  float: left;

  background: #fff;

  width: 100%;

  padding: 0;

  margin: 0;

}

body.hist .main .conteudo .content h2{

  padding-right: 3em;

  float: left;

}

.page .table-bordered>tbody>tr>td, 

.page .table-bordered>tbody>tr>th, 

.page .table-bordered>tfoot>tr>td, 

.page .table-bordered>tfoot>tr>th, 

.page .table-bordered>thead>tr>td, 

.page .table-bordered>thead>tr>th {

  border: 0px solid #ddd;

}

.page .table-bordered>thead>tr>td, 

.page .table-bordered>thead>tr>th {

  border-bottom-width: 0px;

}

.page thead {

  border-bottom: 0px solid #d0d0d0;

}

.page .table-bordered {

  border: 0px solid #ddd;

}

.page .table>tbody>tr>td, 

.page .table>tbody>tr>th, 

.page .table>tfoot>tr>td, 

.page .table>tfoot>tr>th, 

.page .table>thead>tr>td, 

.page .table>thead>tr>th {

  padding: 17px 30px;

}

.page td.link p {

  word-wrap: break-word;

  width: auto;

}

.page.hist td.link p {

  word-wrap: break-word;

  width: 229px;

}

.page.regist td.link p {

  word-wrap: break-word;

  width: auto;

}

.page.regist #staff-table_wrapper > .mdl-grid,

.page.banners #staff-table_wrapper > .mdl-grid {

  float: right;

  padding: 2.25em 4.5em 2.25em 0;

  width: 63%;

}

.page.regist #staff-table_filter,

.page.banners #staff-table_filter {

  text-align: right;

}

.page.hist.regist .table>tbody>tr>td, 

.page.hist.regist .table>tbody>tr>th, 

.page.hist.regist .table>tfoot>tr>td, 

.page.hist.regist .table>tfoot>tr>th, 

.page.hist.regist .table>thead>tr>td, 

.page.hist.regist .table>thead>tr>th {

  font-size: 13px;

}

.page.hist td > p {

  font-size: 12px;

}

.page.hist .select-wrapper input.select-dropdown {

  border-bottom: 0px solid #9e9e9e;

  font-size: 15px;

  height: 5rem;

  margin-bottom: 0

}

.page .show_search {

  background: #fafafa;

  padding: 2.5em 2em 2.75em 15em;

  position: absolute;

  right: 0;

  transition: 0.3s;

  cursor: pointer;

}

.page .show_search.move {

  padding: 2.5em 2em 2.75em 0em;

  right: 15em;

  transition: 0.3s;

}

.page .show_search:before {

  content: "pesquisar";

  color: #272727;

  padding-right: 1em;

  font-weight: 300;

}

.page #staff-table_wrapper > .mdl-grid:nth-last-child(1) {

    /* display: none; */

    width: 100%;

}

.page.hist .id i:before {

  color: #272727;

  float: left;

  padding-right: 8px;

  margin-top: 2px;

}

.page.hist .main .conteudo .content {

  background: #fafafa;

  display: flow-root;

}

.page.mail .main .conteudo .content {

  display: block;

}

.page.contato.mail .main .conteudo .content .dados_pedido textarea {

  border-bottom: 1px solid #1a1f25;

}

.page.valores .main .conteudo .content h2{

  width: 100%

}

.page.valores .main .conteudo .content .services h2 {

  background: linear-gradient(to right, #1a1f25 50%, #000 100%);

  padding-top: 1em;

  padding-bottom: 1em;

  color: #fff;

  font-size: 18px;

}

.page.valores .main .conteudo .content .services h2 strong{

  font-weight: 500;

}

.services {

  margin: 0 0 0;

  display: block;

  border-bottom: 2px solid #fafafa;

}

.service_name {

  float: left;

  width: 20%;

  background: #fff;

  padding: 1.5em 3em 0;

  margin: 0;

}

.valores .input-field input {

  float: left;

  width: 75.8%;

  background: #fafafa;

  margin: 0;

  font-weight: 700;

  font-size: 15px;

  padding: 1em 1.5em 1.78em;

  border-bottom: none !important;

}

.valores .input-field {

  margin-top: 0px;

  display: flow-root;

  border-bottom: 2px solid #fafafa;

}

.valores .form_service .botao {

  padding: 2em 2em;

}

.page.banners .show_search {

  background: #fafafa;

  padding: 0 2em 1.75em 15em;

  right: 0;

  transition: 0.3s;

  cursor: pointer;

  float: right;

  margin-top: -4.5em;

}

.page.banners .show_search.move {

  padding: 0 2em 0 0;

  right: 0;

  transition: 0.3s;

  margin-right: 15em;

}

.page.banners #staff-table_wrapper > .mdl-grid {

  float: right;

  padding: 0 4.5em 0 0;

  /*width: 63%;*/

  /*margin-top: -4.9em;*/

  text-align: center;

}

.page.banners .opt {

  width: 20px;

  padding: 17px 0;

}

.page.banners .opt p{

  font-weight: 600

}

.page.banners table>thead>tr>th{

  width: 100px !important;

}

.page.banners table>thead>tr>th:nth-last-child(1),

.page.banners table>thead>tr>th:nth-last-child(2){

  width: 25px !important;

}

.page.users td.link p {

  word-wrap: break-word;

  width: 172px;

}

.page.users #staff-table_wrapper > .mdl-grid {

  background: #fafafa;

  float: right;

  padding: 2.25em 0 2.25em 30em;

  width: 63%;

  right: 0;

}

.menus_opt a {

  display: -webkit-inline-box;

  margin-right: 3em;

  font-weight: 600;

  font-size: 12px;

}

td.menus_opt {

  position: relative;

  left: 0;

  right: 0;

  width: 10%;

  text-align: center;

  bottom: 0;

}


.picker__holder,
.picker__frame {
    bottom: 0;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 2;
}

.picker__holder {
    position: fixed;
    -webkit-transition: background 0.15s ease-out, top 0s 0.15s;
    transition: background 0.15s ease-out, top 0s 0.15s;
    -webkit-backface-visibility: hidden
}

.picker__frame {
    position: absolute;
    margin: 0 auto;
    min-width: 256px;
    width: 300px;
    max-height: 350px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out
}

@media (min-height: 28.875em) {
    .picker__frame {
        overflow: visible;
        top: auto;
        bottom: -100%;
        max-height: 80%
    }
}

@media (min-height: 40.125em) {
    .picker__frame {
        margin-bottom: 7.5%
    }
}

.picker__wrap {
    display: table;
    width: 100%;
    height: 100%
}

@media (min-height: 28.875em) {
    .picker__wrap {
        display: block
    }
}

.picker__box {
    background: #ffffff;
    display: table-cell;
    vertical-align: middle
}

@media (min-height: 28.875em) {
    .picker__box {
        display: block;
        border: 1px solid #777777;
        border-top-color: #898989;
        border-bottom-width: 0;
        border-radius: 5px 5px 0 0;
        -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
        box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24)
    }
}

.picker--opened .picker__holder {
    top: 0;
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
    zoom: 1;
    background: rgba(0, 0, 0, 0.32);
    -webkit-transition: background 0.15s ease-out;
    transition: background 0.15s ease-out
}

.picker--opened .picker__frame {
    top: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

@media (min-height: 35.875em) {
    .picker--opened .picker__frame {
        top: 10%;
        bottom: auto
    }
}

.picker__input.picker__input--active {
    border-color: #E3F2FD
}

.picker__frame {
    margin: 0 auto;
    max-width: 325px
}

@media (min-height: 38.875em) {
    .picker--opened .picker__frame {
        top: 10%;
        bottom: auto
    }
}

@media only screen and (min-width: 601px) {
    .picker__box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .picker__frame {
        width: 80%;
        max-width: 600px
    }
}

.picker__box {
    padding: 0;
    border-radius: 2px;
    overflow: hidden
}

.picker__header {
    text-align: center;
    position: relative;
    margin-top: .75em
}

.picker__month,
.picker__year {
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em
}

.picker__select--month,
.picker__select--year {
    height: 2em;
    padding: 0;
    margin-left: .25em;
    margin-right: .25em
}

.picker__select--month.browser-default {
    display: inline;
    background-color: #FFFFFF;
    width: 40%
}

.picker__select--year.browser-default {
    display: inline;
    background-color: #FFFFFF;
    width: 26%
}

.picker__select--month:focus,
.picker__select--year:focus {
    border-color: rgba(0, 0, 0, 0.05)
}

.picker__nav--prev,
.picker__nav--next {
    position: absolute;
    padding: .5em 1.25em;
    width: 1em;
    height: 1em;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    top: -0.25em
}

.picker__nav--prev {
    left: -1em;
    padding-right: 1.25em
}

.picker__nav--next {
    right: -1em;
    padding-left: 1.25em
}

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
    cursor: default;
    background: none;
    border-right-color: #f5f5f5;
    border-left-color: #f5f5f5
}

.picker__table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 1rem;
    width: 100%;
    margin-top: .75em;
    margin-bottom: .5em
}

.picker__table th,
.picker__table td {
    text-align: center
}

.picker__table td {
    margin: 0;
    padding: 0
}

.picker__weekday {
    width: 14.285714286%;
    font-size: .75em;
    padding-bottom: .25em;
    color: #999999;
    font-weight: 500
}

@media (min-height: 33.875em) {
    .picker__weekday {
        padding-bottom: .5em
    }
}

.picker__day--today {
    position: relative;
    color: #595959;
    letter-spacing: -.3;
    padding: .75rem 0;
    font-weight: 400;
    border: 1px solid transparent
}

.picker__day--disabled:before {
    border-top-color: #aaaaaa
}

.picker__day--infocus:hover {
    cursor: pointer;
    color: #000;
    font-weight: 500
}

.picker__day--outfocus {
    display: none;
    padding: .75rem 0;
    color: #fff
}

.picker__day--outfocus:hover {
    cursor: pointer;
    color: #dddddd;
    font-weight: 500
}

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
    cursor: pointer
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
    border-radius: 50%;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    background: #0089ec;
    color: #ffffff
}

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #dddddd;
    cursor: default
}

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
    background: #bbbbbb
}

.picker__footer {
    text-align: right
}

.picker__button--today,
.picker__button--clear,
.picker__button--close {
    border: 1px solid #ffffff;
    background: #ffffff;
    font-size: .8em;
    padding: .66em 0;
    font-weight: bold;
    width: 33%;
    display: inline-block;
    vertical-align: bottom
}

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
    cursor: pointer;
    color: #000000;
    background: #b1dcfb;
    border-bottom-color: #b1dcfb
}

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
    background: #b1dcfb;
    border-color: rgba(0, 0, 0, 0.05);
    outline: none
}

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
    position: relative;
    display: inline-block;
    height: 0
}

.picker__button--today:before,
.picker__button--clear:before {
    content: " ";
    margin-right: .45em
}

.picker__button--today:before {
    top: -0.05em;
    width: 0;
    border-top: 0.66em solid #0059bc;
    border-left: .66em solid transparent
}

.picker__button--clear:before {
    top: -0.25em;
    width: .66em;
    border-top: 3px solid #ee2200
}

.picker__button--close:before {
    content: "\D7";
    top: -0.1em;
    vertical-align: top;
    font-size: 1.1em;
    margin-right: .35em;
    color: #777777
}

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #dddddd;
    cursor: default
}

.picker__button--today[disabled]:before {
    border-top-color: #aaaaaa
}

.picker__date-display {
    text-align: left;
    background-color: #26a69a;
    color: #fff;
    padding: 18px;
    font-weight: 300
}

@media only screen and (min-width: 601px) {
    .picker__date-display {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .picker__weekday-display {
        display: block
    }
    .picker__container__wrapper {
        -webkit-box-flex: 2;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2
    }
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
    cursor: pointer;
    color: #000000;
    background: #a1ded8
}

.picker__weekday-display {
    font-weight: 500;
    font-size: 2.8rem;
    margin-right: 5px;
    margin-top: 4px;
     color: #FFF;
}

.picker__month-display {
    font-size: 2.8rem;
    font-weight: 500;
     color: #FFF;
}

.picker__day-display {
    font-size: 2.8rem;
    font-weight: 500;
    margin-right: 5px;
    color: #FFF;
}

.picker__year-display {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7)
}

.picker__calendar-container {
    padding: 0 1rem
}

.picker__calendar-container thead {
    border: none
}

.picker__table {
    margin-top: 0;
    margin-bottom: .5em
}

.picker__day--infocus {
    color: rgba(0, 0, 0, 0.87);
    letter-spacing: -.3px;
    padding: 0.75rem 0;
    font-weight: 400;
    border: 1px solid transparent
}

@media only screen and (min-width: 601px) {
    .picker__day--infocus {
        padding: 1.1rem 0
    }
}

.picker__day.picker__day--today {
    color: #26a69a
}

.picker__day.picker__day--today.picker__day--selected {
    color: #fff
}

.picker__weekday {
    font-size: .9rem
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
    border-radius: 50%;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    background-color: #26a69a;
    color: #ffffff
}

.picker__day--selected.picker__day--outfocus,
.picker__day--selected:hover.picker__day--outfocus,
.picker--focused .picker__day--selected.picker__day--outfocus {
    background-color: #a1ded8
}

.picker__footer {
    text-align: right;
    padding: 5px 10px
}

.picker__close,
.picker__today,
.picker__clear {
    font-size: 1.1rem;
    padding: 0 1rem;
    color: #26a69a
}

.picker__clear {
    color: #f44336;
    float: left
}

.picker__nav--prev:before,
.picker__nav--next:before {
    content: " ";
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-right: 0.75em solid #676767;
    width: 0;
    height: 0;
    display: block;
    margin: 0 auto
}

.picker__nav--next:before {
    border-right: 0;
    border-left: 0.75em solid #676767
}

button.picker__today:focus,
button.picker__clear:focus,
button.picker__close:focus {
    background-color: #a1ded8
}

.picker__list {
    list-style: none;
    padding: 0.75em 0 4.2em;
    margin: 0
}

.picker__list-item {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: -1px;
    position: relative;
    background: #fff;
    padding: .75em 1.25em
}

@media (min-height: 46.75em) {
    .picker__list-item {
        padding: .5em 1em
    }
}

.picker__list-item:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb;
    border-color: #0089ec;
    z-index: 10
}

.picker__list-item--highlighted {
    border-color: #0089ec;
    z-index: 10
}

.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
    cursor: pointer;
    color: #000;
    background: #b1dcfb
}

.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
    background: #0089ec;
    color: #fff;
    z-index: 10
}

.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor: default;
    border-color: #ddd;
    z-index: auto
}

.picker--time .picker__button--clear {
    display: block;
    width: 80%;
    margin: 1em auto 0;
    padding: 1em 1.25em;
    background: none;
    border: 0;
    font-weight: 500;
    font-size: .67em;
    text-align: center;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.87)
}

.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
    color: #000;
    background: #b1dcfb;
    background: #ee2200;
    border-color: #ee2200;
    cursor: pointer;
    color: #fff;
    outline: none
}

.picker--time .picker__button--clear:before {
    top: -0.25em;
    color: rgba(0, 0, 0, 0.87);
    font-size: 1.25em;
    font-weight: bold
}

.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
    color: #fff
}

.picker--time .picker__frame {
    min-width: 256px;
    max-width: 320px
}

.picker--time .picker__box {
    font-size: 1em;
    background: #f2f2f2;
    padding: 0
}
.timepicker-modal {
    max-width: 325px;
    max-height: none
}
span.clockpicker-span-minutes {
    margin-left: 6px;
}
span.clockpicker-span-hours:after {
    content: ":";
    padding-left: 10px;
}
.clockpicker-display-column{
  color: transparent;
}
.timepicker-container.modal-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
}

.text-primary {
    color: #fff
}

.timepicker-digital-display {
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    background-color: #26a69a;
    padding: 10px;
    font-weight: 300
}

.timepicker-text-container {
    font-size: 4rem;
    font-weight: bold;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.timepicker-span-hours,
.timepicker-span-minutes,
.timepicker-span-am-pm div {
    cursor: pointer
}

.timepicker-span-hours {
    margin-right: 3px
}

.timepicker-span-minutes {
    margin-left: 3px
}

.timepicker-display-am-pm {
    font-size: 1.3rem;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    font-weight: 400
}

.timepicker-analog-display {
    -webkit-box-flex: 2.5;
    -webkit-flex: 2.5 auto;
    -ms-flex: 2.5 auto;
    flex: 2.5 auto
}

.timepicker-plate {
    background-color: #eee;
    border-radius: 50%;
    width: 270px;
    height: 270px;
    overflow: visible;
    position: relative;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.timepicker-canvas,
.timepicker-dial {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.timepicker-minutes {
    visibility: hidden
}

.timepicker-tick {
    border-radius: 50%;
    color: rgba(0, 0, 0, 0.87);
    line-height: 40px;
    text-align: center;
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    font-size: 15px
}

.timepicker-tick.active,
.timepicker-tick:hover {
    background-color: rgba(38, 166, 154, 0.25)
}

.timepicker-dial {
    -webkit-transition: opacity 350ms, -webkit-transform 350ms;
    transition: opacity 350ms, -webkit-transform 350ms;
    transition: transform 350ms, opacity 350ms;
    transition: transform 350ms, opacity 350ms, -webkit-transform 350ms
}

.timepicker-dial-out {
    opacity: 0
}

.timepicker-dial-out.timepicker-hours {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.timepicker-dial-out.timepicker-minutes {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8)
}

.timepicker-canvas {
    -webkit-transition: opacity 175ms;
    transition: opacity 175ms
}

.timepicker-canvas line {
    stroke: #26a69a;
    stroke-width: 4;
    stroke-linecap: round
}

.timepicker-canvas-out {
    opacity: 0.25
}

.timepicker-canvas-bearing {
    stroke: none;
    fill: #26a69a
}

.timepicker-canvas-bg {
    stroke: none;
    fill: #26a69a
}

.timepicker-footer {
    margin: 0 auto;
    padding: 5px 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.timepicker-clear {
    color: #F44336
}

.timepicker-close {
    color: #26a69a
}

.timepicker-clear,
.timepicker-close {
    padding: 0 20px
}

@media only screen and (min-width: 601px) {
    .timepicker-modal {
        max-width: 600px
    }
    .timepicker-container.modal-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .timepicker-text-container {
        top: 32%
    }
    .timepicker-display-am-pm {
        position: relative;
        right: auto;
        bottom: auto;
        text-align: center;
        margin-top: 1.2rem
    }
}
.relatorios .head_text{
background:#fafafa;
}
.relatorios .picker__table {
    /*display: none;*/
}
.relatorios .body{padding: 2em 0em;}
.relatorios .body .produto{min-width: 60%;width: 60%;margin-bottom: 2em;float: none;display: inline-block;}
.relatorios .body .produto .loja{font-weight: 600;font-size: 1.5rem;text-transform: uppercase;padding: 15px;text-align: center;background: #1a1f25;margin: 0;color: #fff;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.relatorios .body .produto .header{display: inline-block;padding: 0;background: #313b46;}
.relatorios .body .produto .header p{display: inline-block;width: 33.33%;float: left;text-align: right;color: #fff;font-weight: 600;text-align: center;margin: 0;padding: 10px 15px;}
.relatorios .body .produto .header p:nth-child(1){
    text-align: left;
}
.relatorios .body .produto .produtos{
    padding: 15px;
    background: #ececec;
}
.relatorios .body .produto .produtos p{padding: 0;}
.relatorios .body .produto * strong{
  color:#fff;
}
.relatorios .body .produto .produtos .item{

}
.relatorios .body .produto .produtos .quantidade{
    text-align: center;
}
.relatorios .body .produto .produtos .subtotal{text-align: center;}
.relatorios .body .produto .total{padding: 15px;background: #313b46;
  border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;
  color: #fff;text-align: center;font-weight: 100;}

@media (max-width: 767px){

  body {

    padding-right: 0;

    padding-left: 0;

  }

  .login .main .form {

    padding-bottom: 9%;

  }

  .login .main .form_login {

    width: 90%;

  }

  .cadastro .main .form_cadastro{

    width: 100%;

  }

  .forgot .main .msg {

    height: 43vh;

  }

  .login .main .msg {

    height: 60vh;

  }

  .cadastro .main .msg {

    height: 55vh;

  }

  body .success, body .success_v2 {

    width: 100vw;

  }

  .login .main .success_v2.more.form {

    position: fixed;

  }

  .cadastro .main .form_cadastro .input-field:nth-child(2),

  .cadastro .main .form_cadastro .input-field:nth-child(2) label{

    padding-left: 0 !important;

  }

  .cadastro .main .form_cadastro .input-field:nth-child(1){

    padding-right: 0;

  }

  .forgot .botao {

    display: block !important;

  }

  .forgot .botao .btn-site {

    margin-right: 0 !important;

  }

  .forgot .botao .btn-site {

    margin-top: 2em;

  }

  body .main .conteudo header{

    display: inline-block;

  }

  body .main .conteudo .head {

    background: #fff;

  }

  .ads_bg {

    background-size: cover !important;

    background-position: center !important;

  }

  .page.hist .show_search,

  .page.hist .show_search.move  {

    padding: 0 0 1em 0;

    position: inherit;

    right: 0;

    margin: 0 auto;

    text-align: center;

  }

  .page.hist .select-wrapper.seleciona {

    width: 100%;

    padding: 1.565em 3em;

  }
body .main .sidebar .menu ul li a {
    padding: 8px 1.5em;
    width: 100%;
    text-align: center;
}
  .page.hist #staff-table_wrapper > .mdl-grid {

    background: #fafafa;

    float: left;

    padding: 0 0 2.25em 0;

    width: 100%;

    text-align: center;

  }

  .page.hist.serv .id p{

    display: none;

  }

  .page.hist .table>tbody>tr>td, 

  .page.hist .table>tbody>tr>th, 

  .page.hist .table>tfoot>tr>td, 

  .page.hist .table>tfoot>tr>th, 

  .page.hist .table>thead>tr>td, 

  .page.hist .table>thead>tr>th {

    padding: 17px 16px;

  }

  .page.hist .table-bordered>thead>tr>th {

    font-size: 9px;

  }

  .page.hist td > p {

    font-size: 10px;

  }

  body .main .sidebar > .menu {

    margin-top: 2em;

    position: absolute;

    left: -7em;

    transition: 0.3s;

  }

  body .main .sidebar {

    min-height: 80px;

    transition: 0.3s;

  }

  .chip_user{

    padding-left: 6em;

  }

  body .main .head .infos {

    padding-left: 6em;

    padding-top: 1em;

  }

  body .main .conteudo .head .more {

    padding: 0;

    position: absolute;

    right: 0px;

    width: 19%;

  }

  body .main .conteudo .head .more a {

    margin-left: 1em;

    cursor: pointer;

  }

  body .main .conteudo .head .more #notifys {

    width: 100vw !important;

    top: 3em !important;

    left: -19.75em !important;

  }

  body.mobile .main .sidebar.wide{

    min-height: 190vh;

    transition: 0.3s;

    border-bottom-right-radius: 0px;

  }

  body.mobile .main .sidebar.wide {

    width: 22.3%;

    transition: 0.3s;

  }

  body .main .sidebar.wide > .menu {

    left: 0;

    transition: 0.3s;

  }

  .ads_bg {

    background-size: cover !important;

    background-position: center !important;

    height: 330px !important;

  }

  .ads .botao .btn-site,

  .content .botao.right .btn-site {

    margin: 0 0 0 0;

  }

  .botao .btn-site.blue .site,

  .botao .btn-site .site {

    margin-bottom: 1em;

  }

  .page.pedidos .content .dados_pedido .informa .body .infos {

    display: block;

  }

  .tickets .body .botao .btn-site {

    margin-left: 0;

  }

  .page.users td.inicio, .page.users td.data, .page.users td.indica, .page.users td.valor {

    display: none;

  }

  .page.users .table-bordered>thead>tr>th:nth-last-child(4),

  .page.users .table-bordered>thead>tr>th:nth-last-child(3),

  .page.users .table-bordered>thead>tr>th:nth-last-child(2),

  .page.users .table-bordered>thead>tr>th:nth-last-child(1){

    display: none;

  }

  .page.users td.link p {

    word-wrap: break-word;

    width: 100%;

  }

  td.menus_opt {

    position: absolute;

    left: 0;

    right: 0;

    width: 100%;

    text-align: center;

    bottom: 0;

  }

  .menus_opt a {

    display: -webkit-inline-box;

    margin-right: 2em;

    font-weight: 600;

    font-size: 11px;

  }

  .page.users .show_search{

    display: none;

  }

  .valores .input-field input {

    width: 87%;

  }

  .service_name {

    width: 100%;

    padding: 1.5em 1.5em 1.5em;

  }

  .page.regist #staff-table_wrapper > .mdl-grid {

    background: #fafafa;

    float: left;

    padding: 0 0 2.25em 0;

    width: 70vw;

    text-align: left;

  }

  .page.valores .main .conteudo .content h2{

    margin: 0 0 3em;

  }

  body .main .conteudo .content.inf .site-infos ul li {border-left: none;padding-left: 0;border-bottom: 1px solid #fff;padding-bottom: 10px;padding-top: 10px;margin: 0 0 1em;width: 100%;margin-right: 2em;}

  body .main .conteudo .content.inf .site-infos ul li:nth-last-child(1),

  body .main .conteudo .content.inf .site-infos ul li:nth-child(1) {border-left: none;padding-left: 0;border-bottom: 1px solid #fff;padding-bottom: 10px;padding-top: 10px;margin: 0 0 1em;margin-right: 1em;}

 body .main .conteudo .content.inf .site-infos ul li h2 {

  color: #fff;

  font-size: 2.5em;

  margin: 0;

  word-wrap: break-word;

}

body .main .conteudo .content {

  display: block;

}

}

@media (min-width: 768px) and (max-width: 979px){
  .login .main .form_login {
    width: 85%;
  }
  .login .main .msg {
    padding: 9% 9% 0 9%;
  }
}
.print{
  display: none;
}
@media print{
  * {
    background:transparent !important;
    color:#000 !important;
    text-shadow:none !important;
    filter:none !important;
    -ms-filter:none !important;
  }
  body {
    margin:0;
    padding:0;
    line-height: 1.4em;
    color: #272727;
    font-family: "Poppins", Lato, Roboto, sans-serif;
    font-weight: normal;
  }
  nav, footer, video, audio, object, embed, body .main .sidebar * { 
    display:none; 
  }
  body .main .conteudo {
    padding: 0;
    width: 100%;
  }
  .input-field.no-print {
    display: none;
  }
  textarea{
    display: none;
  }
  .botao{
    display: none;
  }
  .page.hist #staff-table_paginate, 
  .page #staff-table_paginate {
    display: none;
  }
  th:nth-last-child(4) {
    color: transparent;
  }
  .infos, .more, .chip_user{
    display: none;
  }
  .grupo-iconsv3-logo-grupo .path4:before {
    color: #fff !important;
  }
  .chip_user{
    width: 100%;
    text-align: center;
  }
  textarea.materialize-textarea {
    padding: 0 0 1.6rem 0;
    max-width: 100vw;
    min-width: 77vw;
}
  .error {
    margin-top: 1cm;
    text-align: center;
    font-weight: 600;
    font-size: 14pt;
  }
  .error:after {
    content: "GRUPO TOP JEANS";
    display: block;
    font-style: italic;
    font-weight: 300;
  }
  .error:before {
    content: "Obrigado e boas vendas!";
    margin-bottom: 0.5cm;
  }
  a:link:after, a:visited:after {
    content: " (" attr(href) ") ";
    display: none;
  }
  a:after, a[href^="javascript:"]:after, a[href^="#"]:after { 
    content: ""; 
    display: none;
  }
  p a {
    word-wrap: break-word;
  }
  p {
    widows: 3;
  }
  p a[href^="#"]:after {
    display: none;
  }
  a{
    display: none;
  }
  .print{
    display: block;
  }
  .logo .site::before{
    content: "grupotopjeans.com";
    font-size: 10px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
  }
  .logo{
    text-align: center;
    margin-bottom: 0cm;
        display: inline-flex;
  }
  .logo span{
    text-align: center;
    font-size: 2.4cm;
  }
  .logo.print .right{
    margin-left: 3em;
  }
  .logo.print .right p {
    font-size: 14pt;
    text-transform: uppercase;
    font-weight: 800;
    display: block;
    margin-top: .05cm;
    margin-bottom: -1cm;
  }
  @page { margin: 0 2cm 2cm }
  .no-print, .sidebar{
    display: none !important;
  }
  .page .table>tbody>tr>td, .page .table>tbody>tr>th, .page .table>tfoot>tr>td, .page .table>tfoot>tr>th, .page .table>thead>tr>td, .page .table>thead>tr>th {
    padding: 4px 5px;
  }
  input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
    border-bottom: 0px solid #9e9e9e !important;
    outline: none;
    height: auto;
    width: auto;
    font-size: 10pt;
    margin: 0;
  }
  .page .main .form_service input[type=number], .page .main .form_service input[type=textarea] {
    border-bottom: 0px solid #ccc;
  }
  .input-field {
    margin-top: 0;
  }
  .page.contato .main .conteudo .content h2 {
    padding: 2em 1em 1em;
  }
  .content h2.print{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
  }
  .fim{
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
  }
  .relatorios .logo .print small{
    font-weight: 300;
    font-style: 12px;
  }
  .relatorios .body{
    padding: 0;
  }
  .relatorios .body .produto {
    width: 100%;
    margin: 2em 0;
  }
  .relatorios .body .produtos .item-pedido,
  .relatorios .body .produtos .item-pedido p{
    display: inline-block;
  }
  .relatorios .body .produtos .item-pedido{
    width: 100%;
  }
  .relatorios .body .produto .loja > .logo{
    padding: 0em 0 1em;
  }
  .relatorios .body .produto .loja > .logo *:before,
  .relatorios .body .produto .total > .logo *:before{
    color: #fff;
  }
  .relatorios .body .produto .loja > .logo span,
  .relatorios .body .produto .total > .logo span{
    color: #fff;
    font-size: 0.8cm;
  }
  .relatorios .body .produto .total > .logo{
    text-align: right;
    position: absolute;
    top: 14px;
    right: 75px;
  }
  .relatorios .body .produto .total > .logo span{
    font-size: 0.5cm;
    
  }
  .relatorios .body .produtos .item-pedido p{
    width: 33.33%;
    margin:0;
  }
.relatorios .body {
    border-radius: 0;
    position: relative;
    display: -webkit-box;
}
  .relatorios .body .produto .produtos{
    border-left: 4px solid;
    border-right: 4px solid;
}
  .relatorios .body .produto .loja,
  .relatorios .body .produto .header,
  .relatorios .body .produto .total{
        border-radius: 0;
            padding-right: 0;
    padding-left: 0;
        position: relative;
  }
  .relatorios .body .produto .header,
  .relatorios .body .produto .total{
    border-top: 1px solid #1a1f25;
    border-bottom: 1px solid #1a1f25;
    border-left: 4px solid;
    border-right: 4px solid;
  }
  .relatorios .body .produto .loja {
    border-bottom: 0px solid #fff;
    border-top: 4px solid;
    border-right: 4px solid;
    border-left: 4px solid;
}
.relatorios .body .produto .total {
  border-bottom: 4px solid;
}
.page.contato.relatorios .main .conteudo .content h2 {
    text-align: center;
    width: 100%;
    padding: 0;
}
}