html, body, form, fieldset, table, tr, td, img {
    margin: 0;
    padding: 0;
    font: 100% upgrade, sans-serif;
	#letter-spacing: 0.05em;
}

input, button, select, textarea, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
	#letter-spacing: 0.05em;
}

.deleteObs, .editObs, .editStatus, .block, .unblock {
	width: 25px;
	height: 25px;
	padding: 5px;
}

.deleteObs:hover, .editObs:hover, .editStatus:hover, .block:hover, .unblock:hover {
	background: #dcdcdc;
	padding: 5px;
	width: 25px;
	height: 25px;
	border-radius: 5px;
}

.deleteObs:active, .editObs:active, .editStatus:active, .block:active, .unblock:active {
	background: #808080;
	width: 25px;
	height: 25px;
	padding: 5px;
	border-radius: 5px;
}

.linha-vertical {
  max-height: 825px;/*Altura da linha*/
  border-left: 1px solid;/* Adiciona borda esquerda na div como ser fosse uma linha.*/
  color: #c3c5c5;
}

.linha-vertical-header {
  height: 30px;/*Altura da linha*/
  border-left: 1px solid;/* Adiciona borda esquerda na div como ser fosse uma linha.*/
  color: #fff;
}

.user {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid;
  color: #fff;

  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.linha-vertical-modal {
  max-height: 385px;/*Altura da linha*/
  border-left: 2px solid;/* Adiciona borda esquerda na div como ser fosse uma linha.*/
  color: #fff;
}

.custom-checkbox {
	font-size: 0.75rem;
}

.transparent-select {
    border: 1px solid #fff;
    background-color: transparent;
    padding: 5px;
	color: #fff;
	border-radius: 5px;
}

.transparent-select > option{
  	background-color: transparent !important;
	border: 1px solid #e4e4e4;
	color: #000;
	-webkit-appearance: none; 
    -moz-appearance: none; 
}

/* rest of your styles; like: */
body {
    font-size: 0.875em;
}

.gradient-bg {
	background: rgb(9,198,106);
	background: linear-gradient(90deg, rgba(9,198,106,1) 0%, rgba(0,94,58,1) 40%, rgba(0,43,27,1) 100%);
}

.search-input {
    border-left: 0;
}

.search-icon {
    border-right:0 solid transparent;
    background:transparent;
	color: #218c59;
}

.changeStatus:hover {
	color: #005e3a;
}

.changeStatus {
	color: #343a40;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

.sideText {
	font: 100% upgrade, sans-serif;
}

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  #z-index: 100; /* Behind the navbar */
  padding: 0 5px 0; /* Height of navbar */
  #box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
  width: 18%;
}

.sidebar-sticky {
  top: 0;
  height: calc(100vh);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.nav-item i {
	margin-left: 8px;
}


@media (max-width: 992px) {
	#usuariosTable {
		margin-top: 0px;
	}
	
	#motoboysTable {
		margin-top: -25px;
	}
	
	.sidebar{
		#width: 100%;
	}
	
	.sideText {
		#display: none;
	}
	
	.icon {
		#text-align: center;
	}
	
	.nav-item i {
		#margin-left: 30%;
	}
	
	[role="main"] {
		padding-left: 0.5rem; 
		padding-right: 0.5rem;
	}
	
	.navbar-collapse {
		position: fixed;
		top: 0px;
		left: 0;
		width: 60%;
		height: 100%;
	}

	.navbar-collapse.collapsing {
		left: -75%;
		transition: height 0s ease;
	}

	.navbar-collapse.show {
		left: 0;
		transition: left 300ms ease-in-out;
	}

	.navbar-toggler.collapsed ~ .navbar-collapse {
		transition: left 500ms ease-in-out;
	}
}

@media (min-width: 992px) {
	#usuariosTable {
		margin-top: -25px;
	}
	
	#motoboysTable {
		margin-top: -25px;
	}
	
	[role="main"] {
	  padding-top: 85px; /* Space for fixed navbar */
	  padding-left: 1.2rem; 
	  padding-right: 1.2rem;
	}
	
	.search {
		margin-left: 235px; 
	}
}

@media (max-width: 992px) {
	.search {
		margin-left: 50px;
	}
}

[role="main"] {
  padding-top: 65px; /* Space for fixed navbar */
}

hr {
  margin-top: 1px;
  border: 0;
  clear:both;
  display:block;
  width: 96%;               
  background-color: #E1E1E1;
  height: 1px;
}

.fill-height{
    min-height: calc(100vh - 100px);
}

.card {
	margin: 0 auto; /* Added */
	float: none; /* Added */
	margin-bottom: 10px; /* Added */
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

/*date picker*/
.datepicker-modal {
  z-index:1151 !important;
}

/* LOADING */
.loading {
    position: fixed;
	left: 55%;
	top: 45%;
}

.loading-sm{
	position: fixed;
	left: 50%;
	top: 45%;
}

.gradient-card1 {
	background: rgb(149,17,231);
	background: linear-gradient(180deg, rgba(149,17,231,1) 0%, rgba(206,30,218,1) 35%, rgba(227,190,138,1) 100%);
	border-color: #fff;
}

.gradient-card2 {
	background: rgb(212,179,233);
	background: linear-gradient(180deg, rgba(212,179,233,1) 0%, rgba(191,127,168,1) 39%, rgba(230,22,22,1) 100%);
	border-color: #fff;
}

.gradient-card3 {
	background: rgb(38,31,245);
	background: linear-gradient(180deg, rgba(38,31,245,1) 0%, rgba(67,157,219,1) 42%, rgba(22,230,175,1) 100%);
	border-color: #fff;
}

.table { 
	background:#fff;
}

.table thead th { 
	background: #f7f8fc;
	position: sticky;
	top: 0;
}

.painel-button {
	font-size: 9pt;
	color: #acafb3;
}

.painel-button:hover {
	color: #005e3a;
}

.phone-btn {
	align-items: center;
	background: #fff;
	border-radius: 5px 0 0 5px;
	display: flex;
	font-size: 12pt;
	height: 40px;
	justify-content: center;
	padding: 5px;
}

.user-btn {
	align-items: center;
	background: #fff;
	display: flex;
	font-size: 12pt;
	height: 40px;
	justify-content: center;
	padding: 5px;
}

.settings-btn {
	align-items: center;
	background: #fff;
	border-radius: 0px 5px 5px 0;
	display: flex;
	font-size: 12pt;
	height: 40px;
	justify-content: center;
	padding: 5px;
}

/*li >a:active, .btn-group-toggle >a:active {
	color: #002b1b;
}*/

a:hover {
	text-decoration: none;
}

.transparent-input{
   background-color:rgba(0,0,0,0) !important;
   border:none !important;
}

.transparent-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
}

.servico {
	background: #208c58;
	border-radius: 10px;
	color: #fff;
	font-size: 14pt;
	margin-bottom: 10px;
	max-height: 300px;
	min-height: 150px;
	padding: 10px;
	width: 100%;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

*:focus {
    outline: 0 !important;
}

.card-servico {
	align-items: center;
	border-color: #005e3a;
	border-radius: 10px;
	border-style: solid;
	color: #005e3a;
	display: flex;
	font-size: 14pt;
	height: 150px;
	justify-content: center;
	margin: 5px;
	width: 150px;
	text-align: center;
}

.card-servico:hover {
	background: #005e3a;
	color: #fff;
}

.alterar {
	color: #fff;
}

.alterar:hover {
	color: #e6e6e6;
	cursor: pointer;
	text-decoration: underline;
}

.circle {
	align-items: center;
	display: flex;
	height: 50px;
	justify-content: center;
	width: 50px;
}