html,body{
  font-family: 'Ubuntu', sans-serif;
  /*font-family: 'Cabin';*/
  /*height:100%;
  overflow: hidden;
  user-select: none !important;*/
}

body{background-color: white;/*background-image: url('../img/Qcola-Papel-de-Parede-Barber-Shop-9677-205316-1.jpg''); background-size: cover;*/}

@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/cabin-v12-latin-regular.eot); 
  src: local('Cabin'),
       local('cabin-v12-latin-regular'),
       url(../fonts/cabin-v12-latin-regular.woff2) format('woff2'),
       url(../fonts/cabin-v12-latin-regular.woff) format('woff'),
       url(../fonts/cabin-v12-latin-regular.ttf) format('truetype');
}

/*SIDE NAV*/
.sidenav{
  /*top: 5px !important; border-radius: 0 15px 0 0 !important;*/
}

.sidenav-overlay{background-color: rgba(255,255,255,0.95) !important;}

.nav-wrapper .sidenav-trigger{
  margin-right: 0px;
}

.nav-wrapper img{
  vertical-align: middle;
}

/*.nav-wrapper .right a{
  padding:0 15px;
}*/

.nav-wrapper #badge{
  /*width: 15px; height: 15px; border-radius: 50%; margin: 4px; font-size: 10px; display: flex; align-items: center; justify-content: center; position: absolute; right: 5px; top:7px;*/
}

/* -- -- */

.page{height:100vh; overflow: scroll; padding-bottom: 20%;}

ul.dropdown-content.select-dropdown li span {
    color: #666;
}

/* TABS */
.tabPage{
  height: 100vh; overflow: hidden;
}

.tabPage .page{
  height: 100%; overflow-x: hidden; overflow-y: scroll;
}

/*.tabs .tab .active{background-color: rgba(50, 52, 64, 1) !important;}

.tabs .tab a:focus, .tabs .tab a:focus.active{background-color: rgba(50, 52, 64, 1) !important;}

.tabs .indicator{background-color: #ffc107;}*/

/* -- -- */


/* FIX BUG TABS */

/*.tabs-content.carousel { height: 100% !important; }
.tabs-content .carousel-item {height: 100% !important; overflow-y: scroll; }*/

/* -- -- */

/* MATERIALIZE CSS */

.container{
  width: 90%;
}

/*.collection{
  margin-top: 0px !important;
  border:none !important;
}

.collection li{
  border:none !important;
}*/

.tableMin thead th{
  padding: 5px 0 !important;  
}

.tableMin tbody td{
padding: 5px 0 !important;
}

/* -- -- */

/* MODAL */

.modal-fullscreen.open{
  max-width: 100%; max-height: 100%; width: 100%; height: 100%; border-radius: 0;
}

.modal-fullscreen > .modal-content {
  height: 100%; min-height: 100%;
}

.modal-semifullscreen.open{
  max-width: 100%; max-height: calc(100% - 56px); width: 100%; height: calc(100% - 56px); border-radius: 0;
}

.modal-semifullscreen > .modal-content {
  height: calc(100% - 56px);
}

.modal #modalContent{
  font-size: 16px;
}

/* -- -- */

/*#btnSearchIgreja:after{
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
  transition: opacity .3s,
 transform .3s,
 visibility 0s 1s,
 -webkit-transform .3s;
 content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #ffffff;
    visibility: visible;
}*/

/* Absolute Center Spinner */
.loading1 {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading1:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading1:not(:required) {
  /* hide "loading1..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading1:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loading2{
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.loading2:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
}

.badgee{width: 10px; height: 10px; border-radius: 50%; margin: 4px; font-size: 10px; display: flex; align-items: center; justify-content: center; position: absolute; right:15px; top: 7px;}
.badge_new{font-size: 8px; height: 13px; width: 30px; margin: 4px; display: flex; align-items: center; justify-content: center; position: absolute; right:-1px; top: 3px;}
.badge2{font-size: 12px; position: relative; top: -13px; left: 4px; padding: 2px 6px; background-color: #26a69a;}

.brown-lighten{background-color: #323440 !important;}
.brown-darken{background-color: #2c2e3a !important;}
.grey-darken{background-color: #3c3e4a !important;}

/* STYLE TEXT */
.fs7{font-size: 7px !important;}
.fs8{font-size: 8px !important;}
.fs9{font-size: 9px !important;}
.fs10{font-size: 10px !important;}
.fs12{font-size: 12px !important;}
.fs14{font-size: 14px !important;}
.fs15{font-size: 15px !important;}
.fs16{font-size: 16px !important;}
.fs18{font-size: 18px !important;}
.fs20{font-size: 20px !important;}
.fs20b{font-size: 20px;}
.fs22{font-size: 22px !important;}
.fs24{font-size: 24px !important;}
.fs25{font-size: 25px !important;}
.fs26{font-size: 26px !important;}
.fs28{font-size: 28px !important;}
.fs30{font-size: 30px !important;}
.fs32{font-size: 32px !important;}
.fs34{font-size: 34px !important;}
.fs35{font-size: 35px !important;}
.fs36{font-size: 36px !important;}
.fs38{font-size: 38px !important;}
.fs40{font-size: 40px !important;}
.fs42{font-size: 42px !important;}
.fs44{font-size: 44px !important;}
.fs45{font-size: 45px !important;}
.fs46{font-size: 46px !important;}
.fs48{font-size: 48px !important;}
.fs50{font-size: 50px !important;}
.fs52{font-size: 52px !important;}
.fs54{font-size: 54px !important;}
.fs55{font-size: 55px !important;}
.fs56{font-size: 56px !important;}
.fs58{font-size: 58px !important;}
.fs60{font-size: 60px !important;}
.fs60b{font-size: 60px;}
.fs65{font-size: 65px !important;}
.fs70{font-size: 70px !important;}
.fs80{font-size: 80px !important;}
.fs90{font-size: 90px !important;}
.justify{text-align: justify !important;}
.bold{font-weight: 600 !important}
.lighter{font-weight: lighter !important}

.lh12{line-height: 12px !important;}
.lh14{line-height: 14px !important;}
.lh20{line-height: 20px !important;}
.lh24{line-height: 24px !important;}
.lh26{line-height: 26px !important;}
.lh30{line-height: 30px !important;}
.lh40{line-height: 40px !important;}
.lh45{line-height: 45px !important;}
.lh55{line-height: 55px !important;}
.lh60{line-height: 60px !important;}

.p0{padding:0px !important;}
.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p25{padding:25px !important;}

.m0{margin:0px !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}
.m15{margin:15px !important;}
.m20{margin:20px !important;}
.m25{margin:25px !important;}

.va-middle{ vertical-align: middle; }

.w10{width: 10% !important;}
.w20{width: 20% !important;}
.w30{width: 30% !important;}
.w40{width: 40% !important;}
.w50{width: 50% !important;}
.w60{width: 60% !important;}
.w70{width: 70% !important;}
.w80{width: 80% !important;}
.w85{width: 85% !important;}
.w90{width: 90% !important;}
.w95{width: 95% !important;}
.w100{width: 100% !important;}

.h10{height: 10% !important;}
.h20{height: 20% !important;}
.h30{height: 30% !important;}
.h40{height: 40% !important;}
.h50{height: 50% !important;}
.h60{height: 60% !important;}
.h70{height: 70% !important;}
.h80{height: 80% !important;}
.h90{height: 90% !important;}
.h100{height: 100% !important;}

.h55px{height: 55px !important;}
.h60px{height: 60px !important;}

.rounded-0{border-radius: 0px !important;}
.rounded-5{border-radius: 5px !important;}
.rounded-10{border-radius: 10px !important;}
.rounded-50{border-radius:50px !important;}
.rounded-50per{border-radius:50% !important;}

.rounded-bottom-10{border-radius: 0px 0px 10px 10px;}

.border-f1{border: 1px rgba(255,255,255,0.08) solid;}
.border-f2{border: 1px rgba(0,0,0,0.03) solid;}
.border-f3{border: 3px #ffc107 solid;}

.border-bottom1{border-bottom: 1px rgba(255,255,255,0.0) solid !important;}

.margin-0{margin:0px;}

.uppercase{text-transform: uppercase !important;}
.lowercase{text-transform: lowercase !important;}

.fixed{position: fixed;}
.absolute{position: absolute;}

.display-none{display: none;}

.input-form{position: absolute; width: calc(100% - 38px) !important;}
.posfix{position: absolute; right:0px; padding:10px 5px 10px 0px; line-height:32px !important; /*border-radius:0 5px 5px 0; border-bottom: 1px solid #9e9e9e;*/}

.z-index{z-index: 9999}

.vh100{height: 100vh}

.overflow-hidden{overflow: hidden;}
.overflow-scroll{overflow: scroll;}

.bottom0{bottom:0px;}

.border-left{border-style: solid; border-width: 0 0 0 3px; padding-left: 1.5rem;}
.border-right{border-style: solid; border-width: 0 3px 0 0; padding-right: 1.5rem;}
.border-bottom{border-style: solid; border-width: 0 0 2px 0; padding-bottom: 0.2rem;}
.border-white {border-color:#fff;}
.border-yellow {border-color:#ffd200;}
.border-blue {border-color: #42A5F5;}
.border-indigo{border-color: #3f51b5;}
.border-green{border-color: #66BB6A;}
.border-purple{border-color: #9c27b0;}
.border-semitransparent{border-color: rgba(255,255,255,0.5);}
.border-semitransparent2{border-color: rgba(0,0,0,0.4);}

.no-padding{padding:0px !important;}
.no-margin{margin:0px !important;}

.valign-middle{vertical-align: middle;}

hr.red {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #c31f1f;
  margin: 1em 0;
  padding: 0; 
}

.ul {
  list-style: square;
  width: 100%;
}

.ul li {
  padding-left: 1.28571429em;
  text-indent: -1.3em;
  text-align: justify;
}

.ul li:before {
  font-family: "Material Icons";
  content: '\e876';
  padding-right: 5px;
}

.ul2 li {
  padding-left: 2.5em;
  text-indent: -1.3em;
  text-align: justify;
}

.ul2 li:before {
  font-family: "Material Icons";
  content: '\e876';
  padding-right: 5px;
}

.olCheck {
  width: 100%;
  padding:0px 0px 0px 20px;
}

.olCheck li {
  padding-left: 0em;
  text-indent: 0em;
  text-align: justify;
}

.olCheck li:before {
  padding-right: 2px;
}

/* -- -- -- */


/* MOBILE */

@media only screen and (min-width: 993px){
  nav a.sidenav-trigger{
    display: block;
  }
}

@media screen and (min-width: 320px) and (max-width: 359px) {
  .fs7-s1{font-size: 7px !important;}
  .fs8-s1{font-size: 8px !important;}
  .fs9-s1{font-size: 9px !important;}
  .fs10-s1{font-size: 10px !important;}
  .fs12-s1{font-size: 12px !important;}
  .fs14-s1{font-size: 14px !important;}
  .fs15-s1{font-size: 15px !important;}
  .fs16-s1{font-size: 16px !important;}
  .fs18-s1{font-size: 18px !important;}
  .fs20-s1{font-size: 20px !important;}
  .fs20b-s1{font-size: 20px;}
  .fs22-s1{font-size: 22px !important;}
  .fs24-s1{font-size: 24px !important;}
  .fs25-s1{font-size: 25px !important;}
  .fs26-s1{font-size: 26px !important;}
  .fs28-s1{font-size: 28px !important;}
  .fs30-s1{font-size: 30px !important;}
  .fs32-s1{font-size: 32px !important;}
  .fs34-s1{font-size: 34px !important;}
  .fs35-s1{font-size: 35px !important;}
  .fs36-s1{font-size: 36px !important;}
  .fs38-s1{font-size: 38px !important;}
  .fs40-s1{font-size: 40px !important;}
  .fs42-s1{font-size: 42px !important;}
  .fs44-s1{font-size: 44px !important;}
  .fs45-s1{font-size: 45px !important;}
  .fs46-s1{font-size: 46px !important;}
  .fs48-s1{font-size: 48px !important;}
  .fs50-s1{font-size: 50px !important;}
  .fs52-s1{font-size: 52px !important;}
  .fs54-s1{font-size: 54px !important;}
  .fs55-s1{font-size: 55px !important;}
  .fs56-s1{font-size: 56px !important;}
  .fs58-s1{font-size: 58px !important;}
  .fs60-s1{font-size: 60px !important;}
  .fs60b-s1{font-size: 60px;}
  .fs65-s1{font-size: 65px !important;}
  .fs70-s1{font-size: 70px !important;}
  .fs80-s1{font-size: 80px !important;}
  .fs90-s1{font-size: 90px !important;}
}

@media screen and (min-width: 360px) and (max-width: 439px) {
  .fs7-s2{font-size: 7px !important;}
  .fs8-s2{font-size: 8px !important;}
  .fs9-s2{font-size: 9px !important;}
  .fs10-s2{font-size: 10px !important;}
  .fs12-s2{font-size: 12px !important;}
  .fs14-s2{font-size: 14px !important;}
  .fs15-s2{font-size: 15px !important;}
  .fs16-s2{font-size: 16px !important;}
  .fs18-s2{font-size: 18px !important;}
  .fs20-s2{font-size: 20px !important;}
  .fs20b-s2{font-size: 20px;}
  .fs22-s2{font-size: 22px !important;}
  .fs24-s2{font-size: 24px !important;}
  .fs25-s2{font-size: 25px !important;}
  .fs26-s2{font-size: 26px !important;}
  .fs28-s2{font-size: 28px !important;}
  .fs30-s2{font-size: 30px !important;}
  .fs32-s2{font-size: 32px !important;}
  .fs34-s2{font-size: 34px !important;}
  .fs35-s2{font-size: 35px !important;}
  .fs36-s2{font-size: 36px !important;}
  .fs38-s2{font-size: 38px !important;}
  .fs40-s2{font-size: 40px !important;}
  .fs42-s2{font-size: 42px !important;}
  .fs44-s2{font-size: 44px !important;}
  .fs45-s2{font-size: 45px !important;}
  .fs46-s2{font-size: 46px !important;}
  .fs48-s2{font-size: 48px !important;}
  .fs50-s2{font-size: 50px !important;}
  .fs52-s2{font-size: 52px !important;}
  .fs54-s2{font-size: 54px !important;}
  .fs55-s2{font-size: 55px !important;}
  .fs56-s2{font-size: 56px !important;}
  .fs58-s2{font-size: 58px !important;}
  .fs60-s2{font-size: 60px !important;}
  .fs60b-s2{font-size: 60px;}
  .fs65-s2{font-size: 65px !important;}
  .fs70-s2{font-size: 70px !important;}
  .fs80-s2{font-size: 80px !important;}
  .fs90-s2{font-size: 90px !important;}
}

@media only screen and (max-width: 440px) {
  .fs7-s3{font-size: 7px !important;}
  .fs8-s3{font-size: 8px !important;}
  .fs9-s3{font-size: 9px !important;}
  .fs10-s3{font-size: 10px !important;}
  .fs12-s3{font-size: 12px !important;}
  .fs14-s3{font-size: 14px !important;}
  .fs15-s3{font-size: 15px !important;}
  .fs16-s3{font-size: 16px !important;}
  .fs18-s3{font-size: 18px !important;}
  .fs30-s3{font-size: 20px !important;}
  .fs30b-s3{font-size: 20px;}
  .fs32-s3{font-size: 22px !important;}
  .fs34-s3{font-size: 24px !important;}
  .fs35-s3{font-size: 25px !important;}
  .fs36-s3{font-size: 26px !important;}
  .fs38-s3{font-size: 28px !important;}
  .fs30-s3{font-size: 30px !important;}
  .fs32-s3{font-size: 32px !important;}
  .fs34-s3{font-size: 34px !important;}
  .fs35-s3{font-size: 35px !important;}
  .fs36-s3{font-size: 36px !important;}
  .fs38-s3{font-size: 38px !important;}
  .fs40-s3{font-size: 40px !important;}
  .fs42-s3{font-size: 42px !important;}
  .fs44-s3{font-size: 44px !important;}
  .fs45-s3{font-size: 45px !important;}
  .fs46-s3{font-size: 46px !important;}
  .fs48-s3{font-size: 48px !important;}
  .fs50-s3{font-size: 50px !important;}
  .fs52-s3{font-size: 52px !important;}
  .fs54-s3{font-size: 54px !important;}
  .fs55-s3{font-size: 55px !important;}
  .fs56-s3{font-size: 56px !important;}
  .fs58-s3{font-size: 58px !important;}
  .fs60-s3{font-size: 60px !important;}
  .fs60b-s3{font-size: 60px;}
  .fs65-s3{font-size: 65px !important;}
  .fs70-s3{font-size: 70px !important;}
  .fs80-s3{font-size: 80px !important;}
  .fs90-s3{font-size: 90px !important;}
}



/* HIDE SCROLL BAR MOBILE 
::-webkit-scrollbar { 
    display: none; 
}*/
/* -- -- */