/*login*/
.padded{
    padding: 10px;
}
.center{
    text-align: center;
    width: 100%;
}
.login {
	background: url('/assets/img/bg-login3.jpg') repeat !important ;	
}


.grayscale{
    color:#444;
}
.red{
    color: red;
}
.pago-check{
        font-size: 1.4em;
}
.green-color{
    color: #28a745 !important;
}
.blue-1{
    color: #004289;
}
.page-login .logo-name {
    background: transparent url(/assets/img/logo1.png?1) no-repeat left center !important;
    height: 40px;
    margin-left: 28px;
    margin-top: 10px;
}
.logo-name {
    background: transparent url(/assets/img/logo1.png?1) no-repeat center center !important;
    font: 0/0 a !important;
    display: block;
    width: 148px;
    height: 40px;
    margin-left: 28px;
    margin-top: 10px;
}
.top-bar{
    background: #589dd9;
    color: #fff;
    padding: 3px;
    font-size: 0.9em;
}
.btn-top-bar{
        background: #fff;
    padding: 2px;
    font-size: 0.9em;
    padding: 0px 10px;
    font-weight: 700;
    border-radius: 3px;
    border: 1px solid #d1d1d1;
}

.wrapper {	
	margin-top: 80px;
  margin-bottom: 80px;
}

.title-h2{
      line-height: 40px;
      margin-bottom: 35px;
      color: #4E5E6A; 
  }
  
  .big-input {
    font-size: 24px;
    height: 55px;
}
.form-signin {
  max-width: 930px;
  padding: 15px 35px 45px;
  margin: 0 auto;
  
  .title-h2{
      line-height: 40px;
      color: #4E5E6A; 
  }

  .form-signin-heading,
	.checkbox {
	  margin-bottom: 30px;
          
	}

	.checkbox {
	  font-weight: normal;
	}

	.form-control {
	  position: relative;
	  font-size: 16px;
	  height: auto;
	  padding: 10px;
		@include box-sizing(border-box);

		&:focus {
		  z-index: 2;
		}
	}

	input[type="text"] {
	  margin-bottom: -1px;
	  border-bottom-left-radius: 0;
	  border-bottom-right-radius: 0;
	}

	input[type="password"] {
	  margin-bottom: 20px;
	  border-top-left-radius: 0;
	  border-top-right-radius: 0;
	}
        
}
.form-control{
            border-radius: 0px !important;
        }
/*fim login */

/*adm */
.breadcrumbs{
    font-size: 0.9em;
}

.pago{
    background: #2b7b34;
    padding: 3px;
    color: #fff;
    border-radius: 3px;
    font-size: 0.78rem;
}

.pendente{
    background: #b93434;
    padding: 3px;
    color: #fff;
    border-radius: 3px;
    font-size: 0.78rem;
}
/* fim nav */
.body-dash {
	background: url('/assets/img/bg-login4.jpg') repeat !important ;	
}

.num-box-dash{
    font-size: 1em;
    color: #022d3f;
    margin-bottom: 10px;
}
.num-box-dash-small{
    font-size: 3rem;
    color: #022d3f;
}
.red{
    color: #ff0e0e !important;
}
.btn-box-dash{
    text-align: right;
    width: 100%;
    margin-bottom: 10px;
}
.text-btn-dash{
    font-size: 0.9em;
}
.btn-box-dash .btn-legal4{
    font-size: .8em !important;
}
.line11{
    line-height: 1.1;
}
.num-box-dash span{
    font-size: 12px;
    color: #022d3f;
    /*display: block;*/
    margin-top: -15px;
}
.num-box-dash-small span{
    font-size: 12px;
    color: #022d3f;
    display: block;
    margin-top: -15px;
}
.logo-menu {
    background: transparent url(/assets/img/logo-white.png?1) no-repeat center center !important;
    font: 0/0 a !important;
    display: block;
    width: 148px;
    height: 50px;
   
}


.section{
    margin-bottom: 15px;
}
/*.container {
  width: 1000px;
  margin: auto;
}*/

h1 { text-align:center; margin-top:150px;}

/* Navigation Styles */
.avatar-user{
    padding: 0px 20px 0px 49px !important;
}
.user{
    text-align: right;
}

.nome-user{
    color: #fff;
    font-size: 1.1rem;
}
.avatar-ico{
    border-radius: 3px;
    max-height: 40px;
}
.img-responsive {
  width: 100%;
  height: auto;
}
.list1{
    text-align: left;   
}
/*pagina*/
.pagina-top{
    margin-top: 15px;
    
}

.title-pagina{
    font-size: 1.3rem;
    color: #022d3f;
    font-weight: 400;
    padding-bottom: 8px;
    border-bottom: 1px solid #f1f1f1;
   /*padding-bottom: 10px;*/
       padding: 25px;
}
.title-pagina2 {
    font-size: 1.1rem;
    color: #022d3f;
    font-weight: 600;
    padding-bottom: 8px;
    border-bottom: 1px solid #f1f1f1;
    /* padding-bottom: 10px; */
    padding: 10px;
}
.conteudo{
    padding: 10px 30px 60px 30px;
    background: #f9f9f9;
    border-radius: 3px;
    border: 1px solid #f9f9f9;
 }
.form-container{
    margin-top: 20px
}
.form-container label{
    color: #576f7c;
    font-size: 0.8rem;
}
.separador{
    min-height: 30px;
}
.small1{
    font-size: 0.7rem;
}
.right{
    text-align: right;
}
.circle-red{
    height: 10px;
    width: 10px;
    background-color: #ff3547;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    border: 1px solid #dc3545;
}

.circle-yellow{
    height: 10px;
    width: 10px;
    background-color: #fb3;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    border: 1px solid #ffc107;
}

.circle-green{
   height: 10px;
    width: 10px;
    background-color: #28a745;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    border: 1px solid #00c851;
}

.btn-pequeno{
   font-size: 1em !important;
    padding: .6rem 1.6rem .4rem 1.6rem  !important;
    border-radius: 5px;
    border-bottom: 3px solid #5285bb;
    background: #4a9cf5 !important;
}

.btn-legal3{
    font-size: 1em !important;
    padding: .6rem 1.6rem .4rem 1.6rem  !important;
    border-radius: 5px;
    border-bottom: 3px solid #28a745;
    background: #00c851 !important;
}

.btn-legal4{
    font-size: .9em !important;
    padding: .4rem 1.4rem .2rem 1.4rem  !important;
    border-radius: 5px;
    
    color: #fff !important;
}

.green-btn{
    border-bottom: 3px solid #28a745;
    background: #00c851 !important;
}
.red-btn{
    border-bottom: 3px solid #dc3545;
    background: #ff3547 !important;
}
.yellow-btn{
    border-bottom: 3px solid #d8a304;
    background: #fb3 !important;
}
.blue-btn{
   /* border-bottom: 3px solid #005cbf;
    background: #4285f4 !important;*/
   border-bottom: 3px solid #4884b9;
    background: #589dd9 !important;
}
.aqua-btn{
    border-bottom: 3px solid #17a2b8;
    background: #22b8d0 !important;
}
.icon-big{
    text-align: center;
    color: #f7f7f7;
    font-size: 7rem;
    padding: 10%;
    border: 1px solid #f9f9f9;
    border-radius: 10px;
}
.icon-big h3{
    color: #cecece;
}
.line-espelho{
    margin-bottom: 10px;
}

.info-dash{
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 15px;
}
.small-9{
    font-size: 0.9em;
}
.edit-btn-sm{
    background: #28a745;
    padding: 6px 10px;
    border-radius: 3px;
    color: #ffffff !important;
    margin-right: 4px;
    text-align: center;
}
.trash-btn-sm{
    background: #ff0e0e !important;
    padding: 6px 10px;
    border-radius: 3px;
    color: #ffffff !important;
    margin-right: 4px;
    text-align: center;
}
.strong-table{
    font-size: 1.3em;
}
.row-box{
      margin: 0px 0px 9px 5px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #f3f3f3;
    padding: 5px 15px;
}

.row-relatorio{
    background: #fff;
    padding: 15px;
    margin: 10px;
    border-radius: 5px;
    border: 1px solid #f3f3f3;
}

.list-relatorio{
    background: #fff;
    padding: 15px;
   
    border-radius: 5px;
    border: 1px solid #f3f3f3;
}
.list-relatorio p{
    font-size: .8em;
    margin-bottom: 0px;
}

.row-box .col-md-3{
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.row-box h5{
    padding: 19px 2px 6px 0px;
    font-size: 1em;
     margin-bottom: 0px !important;
}
.row-box-transparente{
     /* margin: 0px 15px 0px 15px;*/
    border-radius: 5px;
    padding: 0px 10px 4px 10px;
}
.info-box{
    padding: 10px 20px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #f3f3f3;
    margin-bottom: 10px;
    background: #fff;
}

.btn-dash{
    background: #4285f4;
    color: #fff;
}
.widget-small .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 85px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px 0 0 4px;
    font-size: 2.5rem;
}
.widget-small .info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 20px;
    -ms-flex-item-align: center;
    align-self: center;
}
.widget-small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    color: #f7f7f7;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
}
.widget-small:hover{
    background: #f7f7f7;
}
.widget-small.primary.coloured-icon .icon {
    /*background-color: #004289;
    color: #fff;*/
    background-color: #e9f4ff;
    color: #589dd9;
}

.green-dash .icon {
    background-color: #318a0b  !important;
    color: #fff;
}
.widget-small.primary.coloured-icon {
    background: #f5fcff;;
    color: #444;
}
.widget-small.primary.coloured-icon:hover {
    background: #e8e8e8;
    color: #444;
}

.widget-small .info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px;
    -ms-flex-item-align: center;
    align-self: center;
}
.widget-small .info h4 {
    margin: 0;
    margin-bottom: 5px;
    
    font-size: .8em;
    font-weight: 500;
}
.widget-small .info p {
    margin: 0;
    font-size: 0.7rem;
    color: #9a9a9a;
}

.info-box-left{
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #f3f3f3;
    margin-bottom: 10px;
    background: #fff;
}
.info-box h5{
    font-size: 1.1em;
    color: #009fe8 !important;
    font-weight: bold;
     
}
.info-box-left h5{
    font-size: 1em;
    color: #009fe8 !important;
    font-weight: bold;
  
}
.info-box .date{
    font-size: 0.3em;
    text-align: right;
}
.date{
    font-size: 0.9em;
}

.info-box .date2{
    font-size: 0.5em;
    text-align: right;
}
.list-box{
    text-align: left;
    list-style: none;
    padding: 10px;
    font-size: .8em;
}
.table-dash1{
    font-size: 12px;
}
.botao-pergunta{
    margin-top: 30px;
}
.btn-cadastrar{
    color: #fff;
    padding: 30px;
    border-radius: 10px;
    font-size: 1.5em;
}

.botao-pergunta a:hover{
    color:#fff !important;
    background: #c1c1c1 !important;
}


.btn-legal{
    background: #022d3f !important;
    font-size: 1.1rem !important;
}
.btn-legal2{
     background: #31a001 !important;
}
.btn-outline{
    border: 2px solid #007bff;
    padding: 6px 14px;
    border-radius: 50px;
    margin-left: 10px;
    font-size: 0.8rem;
}
.icon-info-box{
    font-size: 6rem;
    color: #f3f3f3;
}
.left{
    text-align: left !important;
}
.gray{
    background: #f5f5f5;
    color: #333333;
    border-bottom: 3px solid #cacaca;
}
.green{
    background: #eaeaea;
    color: #757575;
    border-bottom: 3px solid #757575;
}
.blue{
    color: #0062cc;
}
.btn-avatar a{
    padding:  0px 5px !important;
}
.change-avatar{
    position: relative;
    display: inline-block;
}
.btn-avatar {
    background: #0000007d;
    margin-top: -21px;
     position: relative;
    display: none;
}
    
.change-avatar:hover .btn-avatar {
    display: block;
}

.clientes td,.table th{
    font-size: .8rem !important;
}
.tab-content p{
    line-height: 30px !important;
}
.informevendas h5{
        font-family: "Montserrat", sans-serif;
    font-weight: 400;
    margin: 8px 0 12px 0;
    padding: 0;
}

.vendas .hiddenRow {
    padding: 0 4px !important;
    background-color: #f9f9f9;
    font-size: 13px;
}
.hiddenRow2{
     padding: 0 4px !important;
    background-color: #f9f9f9;
    font-size: 13px;
}

.top-dash{
    text-align: center;
    padding: 15px;
    background: url('../img/bg-office.jpg') no-repeat center;
    color: #fff;
    text-shadow: 2px 2px 2px #0F0604;
    background-size: cover;
    
box-shadow: 0 4px 17px -2px gray;
  
}
.info-top-dash{
    float: left;
    text-align: left;
}
.nome-dash{
    padding-top: 70px;
    padding-bottom: 55px;
}
.time-dash{
    float: right;
    margin-right: 20px;
}
.dia-semana-dash{
    text-align: right !important;
    
}
.relogio-dash{
   text-align: right !important;
}
.padded2{
    padding: 0px 20px;
}
/*profile*/
.paddingmd6{
    padding: 0px 3px;
}
.nome-profile{
    font-size: 1.1em;
    color: #022d3f;
    font-weight: bold;
    
}
.info-user{
    font-size: .9em;
}
.content-info{
    margin-bottom: 15px;
    line-height: inherit;
}
.desc-element{
    line-height: 15px;
    margin-bottom: 8px;
}
.desc-element span{
    color: #737373;
    font-size: .9em;
    font-weight: bold;
    display: block;
   
}
.box-content{
    padding: 10px;
    border: 1px solid #f5f5f5;
    border-radius: 3px;
}
 .desc-element2{
 line-height: 20px;
    margin-bottom: 6px;
}
.desc-element2 span{
    color: #5f8cbd;
    font-size: .9em;
    font-weight: bold;
    display: block;
    
}
.box-dash{
    text-align: left;
    font-size: .8em;
}
.dot {
 margin: 0px 5px;
    height: 8px;
    width: 8px;
   
    border-radius: 50%;
    display: inline-block;
}
.green-dot{
  background-color: #28a745;
}
.blue-dot{
  background-color: #005cbf;
}
.yellow-dot{
  background-color: #ffc107;
}
.red-dot{
 background-color: #dc3545;   
}
.list-agenda{
    list-style: none;
    padding-left: 10px;
    padding-right: 10px;
}
.list-agenda li{
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 5px;
}
.title-agenda{
    color: #022d3f;
    font-size: 1em;
    font-weight: bold;
}
.title-agenda i{
    font-size: .6em;
    margin-right: 3px;
}
.data-agenda{
       color: #777
}
.data-agenda .left{
    text-align: left;
}
.data-agenda .right{
    text-align: right
}
.title-agenda span{
   font-size: 0.7em;
   margin: 0px 10px;
   font-weight: 500;
}
.detalhes-agenda{
    padding: 8px;
    font-size: .8em;
    background: aliceblue;
}
.detalhes-agenda p{
    margin: -1px 0 5px 0;
}
.agenda-pendente{
   background: #ffe7e7;
   animation-name: pulse-background;
   animation-duration: 2s;
   animation-iteration-count: infinite;
   border-radius: 3         px;
    
}

@keyframes pulse-background {
  0% {
    background-color: #ffe7e7;
  }
  50% {
    background-color: #ffafaf;
  }
  100 {
    background-color: #ffe7e7;
  }
}
#form-filter{
    width: 100%;
    padding: 10px 0px;
}

/*ajax submit */
.ajax-button{
  /*position:relative;*/
  display:inline-block;
  float: left;
 /* width:100px;
  height:40px;
  left:50%;
  top:50%;
 /* margin-left:-50px;*/    
 /* margin-top:-20px;
  text-align:center;*/
}
/*
.submit{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width:100px;
  height:40px;
  background-color:#111111;
  border:2px solid #FFFFFF;
  border-radius:10px;
  color:#FFFFFF;
  font-size:17px;
  cursor:pointer !important;
  outline:none;
}

.submit:hover{
  background-color:#222222;
}*/
.loading{
	margin: auto;
  font-size:0;
  width:30px;
  height:30px;
    margin-top:5px;
    border-radius:15px;
  padding:0px !important;
  border:3px solid #004289;
  border-bottom:3px solid rgba(255,255,255,0.0);
  border-left:3px solid rgba(255,255,255,0.0);
  background-color:transparent !important;
  animation-name: rotateAnimation;
  -webkit-animation-name: wk-rotateAnimation;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes rotateAnimation {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
@-webkit-keyframes wk-rotateAnimation {
    0%   {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}

.fa{
  color:#28a745;
  font-size:18px !important;
  /*position:absolute;*/
  left:50%;
  top:50%;
  margin-left:-9px;
  margin-top:-9px;
  -webkit-transform:scaleX(0) !important;
  transform:scaleX(0) !important;
}

.finish{
  -webkit-transform:scaleX(1) !important;
  transform:scaleX(1) !important;
      width: 100%;
    text-align: center;
}
.hide-loading{
  opacity:0;
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
  -webkit-transform:scale(0) !important;
  transform:scale(0) !important;
}

.date-range{
   margin-right: 3px;
    float: right;
}
.date-range label{
    font-size: .7em;
    color: #b9b9b9;
}
.btn-date-range{
  
}
.img-sucesso{
	max-height: 200px;
    text-align: center;
    height: 61%;
}
.img-sucesso img{
	max-height: 160px;;
}
.text-success{
	text-align: center;
}
#loading {
  &, &::before, &::after {
    width: 0;
    border-right: 1em solid $light;
    border-left: 0em solid $light;
    border-top: 0em solid transparent;
    height: 2em;
    display: block;
    content: '';
    position: absolute;
    bottom: 0%;
    background: transparent;
  }
 
  
  &::before {
    position: absolute;
    left: -1.3em;
    animation: loading2 3s infinite;
  }
  
  & {
    animation: loading2 3s infinite 0.3s;
  }
  
  &::after {
    position: absolute;
    left: 1.3em;
    animation: loading2 3s infinite 0.6s;
  }
}

@include keyframes(loading2) {
  0%, 100% { 
    height: 2em;
    width: 0;
    border-left-width: 0;
    border-right: 1em solid $light;
    border-top: 0em solid transparent;
  }
  30% { 
    height: 3em;
    
  }
  50% {
    border-top: 0.5em solid transparent;
  }
  70% {
    border-top-width: 0;
  }
}