@font-face {
 font-family: 'soletoLite';
 src: url('./fonts/Soleto_Trial_Lt.ttf') format('truetype');
}

@font-face {
 font-family: 'soletoMedium';
 font-weight: normal;
 font-style: normal;
 src: url('./fonts/Soleto_Trial_Md.ttf') format('truetype');
}

@font-face {
 font-family: 'soletoStrong';
 font-weight: normal;
 font-style: normal;
 src: url('./fonts/Soleto_Trial_XBd.ttf') format('truetype');
}

/*
 * Base structure
 */
html, body {
	height: 100%;
}

.bg-dark {
	background: linear-gradient(90deg, rgba(53, 78, 59, 1) 0%,
		rgba(58, 98, 68, 1) 40%, rgba(51, 147, 74, 1) 100%);
	border-bottom: 3px solid #fc6836;
}

body {
	padding-top: 56px;
	padding-left: 0;
}

/*
 * main layout
 */
.layout-main {
	display: flex;
	min-height: calc(100vh - 52px);
	overflow: hidden;
}

/*
 * Content
 */
.layout-content {
	width: 100%;
	padding-top: 150px;
	margin-right: 30px;
}

.container {
	width: 100%;
	padding-top: 0px;
}

/* /*
 * Sidebar
 */
.sidebar {
	width: 0px;
	height: 100vh;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	background-color: #f8f9fa;
	flex-shrink: 0;
	overflow: hidden;
	transition: width .5s;
}

.sidebar .nav {
	margin-bottom: 0px;
}

.sidebar .nav-item {
	width: 100%;
}

.sidebar .nav-item {
	margin-left: 0;
}

.sidebar .nav-link {
	border-radius: 0;
}

.sidebar ul li:hover a, .menu ul li.active a {
	color: #777777;
}

.sidebar ul {
	list-style: none;
	padding: 10px 0px;
}

.sidebar ul li a {
	display: block;
	color: #1a1a1a;
	padding: 10px 15px;
	white-space: nowrap;
}

.sidebar.sidebar-open {
	width: 300px;
}

*
/

/*
 * nav-pills home
 */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: #fff;
	background-color: #1e94d2;
}

/*
 * override do navbar do menu
 */
.navbar-brand {
	white-space: normal;
	margin-right: 25rem;
	margin-top: -100px;
}

.navbar-collapse {
	margin-top: -100px;
}

/*
 * toogle do navbar do menu
 */
.navbar-toggle {
	display: inline-block;
	margin-left: 10px;
}

/*
 * Footer
 */
.layout-footer {
	position: relative;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	height: 100px;
	border-top: 1px solid #eeeeee;
}

.footer-copy {
	font-size: 92%;
	display: block;
	color: #777777;
	text-align: center;
}

.form-inline {
	padding-left: 40%;
}

.wrapper {
	display: flex;
	align-items: stretch;
}

#sidebar {
	min-width: 260px;
	max-width: 260px;
	min-height: 100vh;
}

#sidebar.active {
	margin-left: -250px;
}

a[data-toggle="collapse"] {
	position: relative;
}

.dropdown-toggle::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}

#sidebarCollapse {
	border-radius: 0px 0px 10px;
	position: fixed;
	border: none;
	background-color: #fc6836;
	margin-top: 30px;
	margin-left: -16px;
	z-index: 1;
}

/*
    ADDITIONAL DEMO STYLE, NOT IMPORTANT TO MAKE THINGS WORK BUT TO MAKE IT A BIT NICER :)
*/
@import
	"https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";

body {
	/* font-family: 'Poppins', sans-serif; */
	font-family: soletoLite;
	background: #fafafa;
}

p {
	font-family: 'Poppins', soletoLite;
	font-size: 1.1em;
	font-weight: 300;
	line-height: 1.7em;
	color: #999;
}

a, a:hover, a:focus {
	color: inherit;
	text-decoration: none;
	transition: all 0.3s;
}

#sidebar {
	/* don't forget to add all the previously mentioned styles here too */
	background: #fff;
	color: #000000;
	transition: all 0.3s;
}

#sidebar .sidebar-header {
	padding: 20px;
	background: #6d7fcc;
}

#sidebar ul.components {
	padding: 50px 0;
	/* border-bottom: 1px solid #47748b; */
}

#sidebar ul p {
	color: #fff;
	padding: 10px;
}

#sidebar ul li a {
	padding: 10px;
	font-size: 1.0em;
	display: block;
}

#sidebar ul li a:hover {
	color: #fff;
	background: #28a745;
}

#sidebar ul li.active>a, a[aria-expanded="true"] {
	color: #000;
	/*background: #fff; */
	background: #1e7e34;
}

ul ul a {
	font-size: 0.9em !important;
	padding-left: 30px !important;
	background: #c8c8c83b;
}

#content {
	margin-top: 27%;
}

.sidebar-header {
	margin-top: 45px;
}

/* Responsividade */
@media ( min-width :1790px) {
	#logo{
		width:748px;
		height:95px;
	}
	
	#sidebarCollapse {
		margin-left: -250px;
	}
	#sidebar ul.components {
		 padding-top: 7px;
	}
	#sidebar.active {
		margin-left: 0;
	}
}

@media ( max-width : 1790px) and (min-width:1143px) {
	#logo{
		width:748px;
		height:95px;
	}
	#sidebar {
		margin-left: -250px;
	}
	#sidebarCollapse {
		margin-top: 60px;
	}
	#sidebar.active {
		margin-left: 0;
	}
	#sidebar ul.components {
		padding-top: 70px;
	}
	.btn-group>.btn {
		right: 200px;
	}
	.dropdown-menu {
		left: -200px;
	}
	#btn-form-login{
	right: -150px!important;
    top: 70px;

	}
}

@media ( max-width : 1143px) and (min-width:959px) {
	#logo{
		width:748px;
		height:95px;
	}
	#sidebar {
		margin-left: -250px;
	}
	#sidebarCollapse {
		margin-top: 83px;
	}
	#sidebar.active {
		margin-left: 0;
	}
	#sidebar ul.components {
		padding-top: 100px;
	}
	.btn-group>.btn {
		right: 290px;
	}
	.dropdown-menu {
		left: -290px;
	}
	#btn-form-login{
	right: 10px;
	top:20px;

	}
}

@media ( max-width : 768px) and (min-width:518px) {
	#logo{
		width:300px;
		height:38px;
	}
	#sidebar {
		margin-left: -250px;
	}
	#sidebarCollapse {
		margin-top: 80px;
	}
	#sidebar.active {
		margin-left: 0;
	}
	#sidebar ul.components {
		padding-top: 60px;
	}
	.btn-group>.btn {
		right: 3000px;
	}
	.dropdown-menu {
		left: -300px;
	}
	
	#btn-form-login{
	right: 10px;
	top:20px;

	}
}

@media ( max-width : 517px) {
	#logo{
		width:300px;
		height:38px;
	}
	#sidebar {
		margin-left: -250px;
	}
	#sidebarCollapse {
		margin-top: 110px;
	}
	#sidebar.active {
		margin-left: 0;
	}
	#sidebar ul.components {
		padding-top: 130px;
	}
	.text-logo {
		font-size: 12pt !important;
	}
	.btn-group>.btn {
		right: 48px;
	}
	.dropdown-menu {
		left: -48px;
	}
	h3#siga {
		margin-top: 6px !important;
		font-size: 16pt !important;
		margin-bottom: -25px !important;
	}
	
	#btn-form-login{
    right: 0px!important;
    top: 80px;
	}
}

/* Button flutuante do menu lateral  */
.btn-float {
	position: absolute !important;
	background-color: #fff !important;
	color: black !important;
}

/* Texto do HEADER */
.text-logo {
	display: inline;
	position: fixed;
	top: 80px;
	font-size: 18pt;
	left: 90px;
}

h3#sistemaNome {
	margin-top: -5px;
	font-size: 24pt;
	margin-bottom: -38px;
}

/* Button de logout */
button#login-button-dropdown::after {
	right: 5px;
}

.btn-danger {
	margin-right: 10px;
}

.show>.btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #fc6836;
	border-color: #fc6836;
}

.btn-light {
	width: 200px
}

.btn-info {
    background-color: #fc6836;
    border-color: #fc6836;
}

.btn-info:hover {
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:hover {
    background-color: #FC6836;
    border-color: #FC6836;
}


/*Data table style  */
table.dataTable thead th {
    border-bottom: 1px solid #FC6836;
}
table.dataTable.no-footer {
    border-bottom: 1px solid #fc6836;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current{
    color: #fff !important;
    border: 1px solid #fc6836;
    background: linear-gradient(to bottom, #fc6836 0%, #fc6836 100%);
}


.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #28a745;
   color: #fff!important;
  border-radius: 4px;
  border: 1px solid #28a745;
}

tr.even:hover, tr.odd:hover {
	color:#fff!important;
    background-color: #28a745!important;
}


.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #28a745;
  outline: none;
   border-color: #28a745 !important;
  box-shadow: inset 0 1px 1px rgba(40, 167, 69, 0.075), 0 0 8px rgba(40, 167, 69, 0.6);
}


/* Form de pesquisa */
.div-search{
	max-width: 100%;
}


.form-search{
	padding-left: 0px!important;
 max-width: 100%;
}

button#search {
	margin-left: 5px;
}

.form-group {
	padding-left: 0px;
    max-width: 100%;
}

div#button-home {
    position: absolute;
    left: 84%;
    bottom: 50px;
}

input[type=file]
{
color:green;
}




/* Btn de logout */

#login-button-dropdown{
  padding-left: .700rem;

}

#btn-form-login{
	position: absolute;	
	right: 50px;

}

#btn-text-login{
	width: 100%;
}



.dropdown-menu{
	min-width: 100%;
	text-align: center;
	
}

.required{
	color:red
}

.vertical-aligment-center{
	align-self: center;
}

.checkbox-size{
	width: 30px;
}

.swall-btn-margin-right{
	margin-right: 10px;
}

.btn-table{
	width: 10px;
	text-align: center;
}

.error {
    font-size: 80%;
    color: #dc3545;
}

.form-control.error{
	border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}


.container3 {
	border-style: ridge;
	width: 100%;
	padding-top: 0px;
	margin-left: 0px;
}

.container2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  max-width: 80%;
  width: 100%;
  justify-content: center;
}
.container2 .steps {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.steps .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  color: #999;
  font-size: 22px;
  font-weight: 500;
  border-radius: 50%;
  background: #fff;
  border: 4px solid #e0e0e0;
  transition: all 200ms ease;
  transition-delay: 0s;
}
.steps .circle.active {
  transition-delay: 100ms;
  border-color: #28a745;
  color: #28a745;
}
.steps .circle.rejected {
  transition-delay: 100ms;
  border-color: #f44040;
  color: #f44040;
}
.steps .progress-bar {
  position: absolute;
  height: 4px;
  width: 100%;
  background: #e0e0e0;
  z-index: -1;
}
.progress-bar .indicator {
  position: absolute;
  height: 100%;
  width: 0%;
  background: #28a745;
  transition: all 300ms ease;
}

.circle2 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  font-size: 12px;
  font-weight: 500;    
  transition: all 200ms ease;
  transition-delay: 0s;
}

.circle3 {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  font-size: 12px;
  font-weight: 500;    
  transition: all 200ms ease;
  transition-delay: 0s;
}

.steps2 {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.steps3 {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  position: relative;
}