@import url(https://fonts.googleapis.com/css?family=Nunito);

.content {
  margin-top: 10px;
}

.alert{
  margin-top:20px;
}

.actions {
  padding: 5px 5px 5px 0px !important;
  width: 150px !important;
  text-align: center !important;
}

.timeline-header{
  padding: .5em;
  border-radius: 5px;
}

.timeline > li > .timeline-item > .time {
  color: white !important;
}

.dataTables_filter {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  background: #d2d6de;
  padding: .5em;
  border-radius: 5px;
  margin-bottom: 1em;
}

.dataTables_filter label{
  margin-bottom: 0 !important;
}

.dataTables_filter .form-control{
  margin-top: 0 !important;
}

.addNumeroEdit {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: .5em 0;
  gap:.5em;
}

.editId{
  padding: .5em;
  border-radius: 3px;
  font-weight: 700;
}

.disabledForms {
  display: block;
  z-index: 2;
  position: absolute;
  background: rgba(255, 255, 255, .7);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.table{
  width: 100%; 
  border-collapse: collapse; 
}

.modal-header, .modal-body{
  text-align: left !important;
}

.navbar-custom-menu > .navbar-nav > li {
  box-shadow: rgba(0, 0, 0, 0.09) 0px -2px 1px, rgba(0, 0, 0, 0.09) 0px -4px 2px, rgba(0, 0, 0, 0.09) 0px -8px 4px, rgba(0, 0, 0, 0.09) 0px -16px 8px, rgba(0, 0, 0, 0.09) 0px -32px 16px;
}

.navbar-custom-menu li a[href$='#']:not(.dropdown-toggle){
  cursor: default;
}

.main-header .navbar .nav > li > a > .label {
  box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}


.pagination {
  display: flex;
  padding: 2em;
  border-radius: 4px;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

.paginate_status{
  padding: .5em;
  text-align: right;
}

.dataTables_info, .dataTables_paginate{
  display: none !important;
}

.exportBts {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
  padding: .5em;
  border-bottom: 1px solid grey;
  margin-bottom: 1em;
}

.exportBts a, .exportBts button{
  margin: .5em !important;
}

.exportBts button:hover{
  opacity: .8;
}

.exportBts button.exp-excel {
  color: white;
  background: #1D6F42;
}

.exportBts button.exp-pdf {
  color: white;
  background: #F40F02;
}

.exportBts button.exp-print {
  color: white;
  background: #43abff;
}

.exportBts p{
  width: 100%;
  text-align: right;
  margin-right: .5em;
  margin-bottom: -.2em;
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single{
  height: 34px !important;
}

.loaderDownload, .loaderEnvioMala, .loader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11000;
  width: 100vw;
  height: 100vh;
  background: rgba(60, 141, 188, .5);
  font-size: large;
  font-weight: 900;
  justify-content: center;
  align-items: center;
}

.loaderDownload::before, .loaderEnvioMala::before, .loader::before{
  width: 100%;
  text-align: center;
  background: rgba(255,255,255,.8);
  color: rgb(60, 141, 188);
  padding: 1em;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.loaderDownload::before{
  content: 'Fazendo download...';
}

.loaderEnvioMala::before{
  content: 'Enviando mensagens...';
}

.loader::before{
  content: 'Carregando...';
}

.cnpj, .cpf{
  width:200px !important;
  padding-right: 15px;
  padding-left: 15px;
}

.ramo{
  width:400px !important;
  padding-right: 15px;
  padding-left: 15px;
}

.form-control{
  margin-top:.8em;
}

.form-control-feedback {
  margin-top: .8em;
  right: .5em !important;
}

.form-group label{
  width: 100%;
}

.select2-container{
  margin-top: .8em !important;
}

.select2-dropdown{
  margin-top: -.8em !important;
}

.row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.btn-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  gap: .5em;
}

.btsFiltro {
  display: flex;
  width: 100%;
  padding: 0 2em;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}

.celular{
  display: flex;
  /* width: 100%; */
  flex-direction: row;
  flex-wrap: wrap;
  border: 1px solid lightgray;
  margin: 1em;
  padding: 1em;
  justify-content: flex-start;
  align-items: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.telefone{
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin:1em 0;
 }

 .negociacoesProspecto {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}

.negociacoesProspecto li{
  list-style: none;
  width: fit-content;
  margin: .5em;
  border: 1px solid lightgray;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.negociacoesProspecto li .titulo{
  background: #3c8dbc;
  color:white;
  width: 100%;
  padding: 1em .5em;
}

.negociacoesProspecto li .titulo .fa{ 
  margin-right: 5px;
}

.negociacoesProspecto li .titulo .numeroNegociacao {
  background: white;
  color: #3c8dbc;
  padding: .5em;
  margin: .5em;
  border-radius: 2px;
}

.negociacoesProspecto li p{
  padding: .5em;
}

.breadcrumb li, .breadcrumb li a{
  color: #3c8dbc !important;
}

.breadcrumb li a:hover{
  text-decoration: underline;
}

.breadcrumb li.active{
  font-weight: bold;
  background: #3c8dbc;
  padding: .5em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-left:.5em;
}

.breadcrumb > li + li:before {
  content: "/\00a0" !important;
}

.breadcrumb li.active, .breadcrumb li.active a{
  color: white !important;
}

.breadcrumb li .fa{
  font-size: 15px;
 }

.user-panel {
  position: relative;
  z-index:2;
  width: 100%;
  padding: 10px;
  display: grid;
  grid-template-columns: 20% 80%;
  gap: 10px;
  overflow: hidden !important;
  background: white;
  margin-bottom: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.user-panel .img-circle{
  border: 2px solid rgba(60, 141, 188, .5);
  width: 100% !important;
  max-width: 40px !important;
  min-width: 30px !important;
  height: 100% !important;
}

.user-panel .info{
  color: #3c8dbc !important;
}

.sidebar-menu > li.header {
  color: white !important;
  text-align: center;
  background: #3c8dbc !important;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.treeview > a.treeviewPai{
  cursor:zoom-in;
}

.treeview.active >.treeviewPai{
  cursor:zoom-out;
}

 .treeview-menu {
  padding-left: 0 !important;
  margin: 0 !important;
}
 
.treeview.active .treeview-menu > li > a.active {
  border-left: 3px solid #3c8dbc;
  background-color: #ecf0f5;
  color: #3c8dbc;
  font-weight: 800;
  
}

.treeview.sair{
  margin-top:2em !important;
}

.treeview.sair a{
  color: white !important;
}

.treeview.sair a:hover{
  color: #dd4b39 !important;
  background: white !important;
}

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

  form {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
  }

  .row{
    width:90%;
    margin:auto;
  }

  .celular{
    width:calc(90% - 2em);
  }

  .row .form-group , .celular .form-group{
    width: 100% !important;
  }

  .form-group {
    display: flex;
    width: 90% !important;
    margin: auto !important;
    margin-bottom: 2em !important;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }

  .btn-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: .5em;
  }

  .btsFiltro {
    display: flex;
    width: 90%;
    padding: 2em;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
  }

  .negociacoesProspecto li{
    width: 100%;
   }

  .table{
    border: none !important;
  }

	.table, .table thead, .table tbody, .table th, .table td, .table tr { 
		display: block; 
	}

  .table thead tr th, .actions{
    width: inherit !important;
  }
 	
  /* .table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	} */
	
	.table tr {
    border: 1px solid #ccc;
    margin-bottom: 20px;
  }
	
	.table td { 
		border: none !important;
    border-left: 1px solid gray !important;
    border-right: 1px solid gray !important;
		position: relative;
		padding-left: 50%; 
  }

  .table td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

  .exportBts {
    justify-content: center;
  }
}