body {
	font-family: 'Rubik', sans-serif;
	padding: 0;
}
label{
	margin-bottom: 0 !important;
}

@font-face {
	font-family: Montserrat;
	src: url(../fonts/montserrat/Montserrat-Regular.ttf);
}

:root {
	--color-primary-transparent-01: rgba(0,104,165,.4); 
	--color-primary-transparent-02: rgba(11,162,251,.4);
	--color-primary-transparent-03: rgba(0,147,234,.4); 
	--color-primary-transparent-04: rgba(0, 83,133,.4);
	--color-primary-transparent-05: rgba(0, 64,102,.4);
	--color-primary-01:  #0068A5; 
	--color-primary-02:  #0BA2FB ; 
	--color-primary-03:  #0093EA ; 
	--color-primary-04:  #005385 ; 
	--color-primary-05:  #004066 ; 
	
	--color-success: #57A183;
	--color-success-disabled: #8ad6b8;
	--color-success-hover: #3b745d;
	--color-success-active: #204b3a;
	--color-warning: #ECD580;
	--color-warning-disabled: #f7e6a9;
	--color-warning-hover: #c9ae4e;
	--color-warning-active: #a79040;
	--color-danger: #CF5956;
	--color-danger-disabled: #e68c8b;
	--color-danger-hover: #943331;
	--color-danger-active: #792523;

}
.nav-link:hover{
	color: #6D0000 !important;
}
/*titulos*/
.tittles{
	font-size: 1.5em;

}
/*textos*/
.text-montserrat{
	font-family: 'Montserrat', sans-serif;
}

/*cores texto*/
.text-dark-grey{
	color: #565656 !important;
}

.text-primary-1{
	color: var(--color-primary-01);
}
.text-primary-3{
	color: var(--color-primary-03);
}
.text-primary-5{
	color: var(--color-primary-05);
}
.text-error{
	color: var(--color-danger);
}
.text-success{
	color: var(--color-success);
}


/*backgrounds*/
.bg-primary-1{
	background-color: var(--color-primary-01);
}
.bg-primary-2{
	background-color: var(--color-primary-02);
}
.bg-primary-3{
	background-color: var(--color-primary-03);
}
.bg-primary-4{
	background-color: var(--color-primary-04);
}
.bg-primary-5{
	background-color: var(--color-primary-05);
}
.bg-primary-transparent-1{
	background-color: var(--color-primary-transparent-01);
}
.bg-primary-transparent-2{
	background-color: var(--color-primary-transparent-02);
}
.bg-primary-transparent-3{
	background-color: var(--color-primary-transparent-03);
}
.bg-primary-transparent-4{
	background-color: var(--color-primary-transparent-04);
}
.bg-primary-transparent-5{
	background-color: var(--color-primary-transparent-05);
}
.bg-gradient-1{
	background-image: linear-gradient(to left, var(--color-primary-02), var(--color-primary-04));
}
.bg-dark-grey{
	background-color: #565656;
}

.bg-light-grey{
	background-color: #ccc !important;
}

.bg-dark-red{
	background-color: #a8101a !important;
}

/* botões */

.btn-success{
	background-color: var(--color-success) !important;
	border-color: var(--color-success) !important;
}
.btn-success:active{
	background-color: var(--color-success-active) !important;
	box-shadow:none !important;
}
.btn-success:hover{
	background-color: var(--color-success-hover) !important;
	box-shadow:none !important;
}

.btn-success:focus{
	box-shadow:none !important;
}
.btn-success:disabled, .btn-success:disabled:hover{
	background-color: var(--color-success-disabled) !important;
	border: none !important;
	box-shadow:none !important;
}
.btn-warning{
	background-color: var(--color-warning) !important;
	border-color: var(--color-warning) !important;
}
.btn-warning:active{
	background-color: var(--color-warning-active) !important;
	box-shadow:none !important;
}
.btn-warning:hover{
	background-color: var(--color-warning-hover) !important;
	box-shadow:none !important;
}
.btn-warning:focus{
	box-shadow:none !important;
}
.btn-warning:disabled, .btn-warning:disabled:hover{
	background-color: var(--color-warning-disabled) !important;
	border: none !important;
	box-shadow:none !important;
}
.btn-danger{
	background-color: var(--color-danger) !important;
	border-color: var(--color-danger) !important;
}
.btn-danger:active{
	background-color: var(--color-danger-active) !important;
	box-shadow:none !important;
}
.btn-danger:disabled, .btn-danger:disabled:hover{
	background-color: var(--color-danger-disabled) !important;
	border: none !important;
	box-shadow:none !important;
}
.btn-danger:hover{
	background-color: var(--color-danger-hover) !important;
	box-shadow:none !important;
}
.btn-danger:focus{
	box-shadow:none !important;
}



.button-primary-1{
	color: #fff;
	background-color: var(--color-primary-01);
	border: 1px solid var(--color-primary-02);
	transition: .3s;
}
.button-primary-1:hover{
	background-color: var(--color-primary-05) !important;
	border: 1px solid var(--color-primary-transparent-02) !important;
	color: #fff !important;
	text-decoration: none !important;
}

.selects{
	border-radius: 10px !important;
}

/* form */

/* .form-control{
	background-image:  linear-gradient(to right, var(--color-primary-transparent-02), var(--color-primary-transparent-01));

	border: none;
	border-left: 4px solid var(--color-primary-01);
	border-radius:  0px;
	color: var(--color-primary-04) !important;
}
.form-control.input-error{
	background-image:  linear-gradient(to right, var(--color-danger-disabled), var(--color-danger-active));

	border: 1px solid var(--color-danger);
	border-left: 4px solid var(--color-danger);
	border-radius:  0px;
	color: #fff !important;
}
.form-control.input-success{
	background-image:  linear-gradient(to right, var(--color-success-disabled), var(--color-success-active));

	border: none;
	border-left: 4px solid var(--color-success);
	border-radius:  0px;
	color: #fff !important;

}

.form-control::placeholder{
	color: var(--color-primary-01)
}
.form-control:focus{
	box-shadow: none;
	background-image:  linear-gradient(to right, var(--color-primary-transparent-03), var(--color-primary-transparent-02));
	border-left: 4px solid var(--color-primary-05);

}
.form-control:disabled{
	box-shadow: none;
	background: var(--color-primary-03);
	border-left: 4px solid var(--color-primary-03);

} */

/* table */
.list-table > thead > tr > th{
	background-image:  linear-gradient(to top, var(--color-primary-01), var(--color-primary-02));
	border-color: var(--color-primary-05);
	color: var(--color-primary-05);
}
.list-table > tbody > tr > td,.list-table > tbody > tr > th{
	border-color: var(--color-primary-05);
	color: var(--color-primary-05);
}
.table-striped tbody tr:nth-of-type(odd) {
	background-color:  var(--color-primary-02);
}
.table-striped tbody tr {
	background-color:  #fff;
}
/*tamanhos*/
.no-resize{
	resize: none;
}
.height-200{
	height: 200px;
}
.height-250{
	height: 250px;
}

.wrapper {
	display: flex;
	width: 100% !important;
	align-items: stretch;
}
#content{
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}


#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100vh;
    z-index: 999;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: var(--color-primary-03);
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#dismiss:hover {
    background: var(--color-primary-05);
    color: #fff !important;
}


.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: var(--color-primary-transparent-05);
    z-index: 998;
    opacity: 1;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
} 


#sidebar::-webkit-scrollbar-track, #content-frame::-webkit-scrollbar-track{
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
	background-color: var(--color-primary-03);
}

#sidebar::-webkit-scrollbar, #content-frame::-webkit-scrollbar{
	width: 3px;
	background-color: var(--color-primary-04);
}

#sidebar::-webkit-scrollbar-thumb, #content-frame::-webkit-scrollbar-thumb
{
	background-color: var(--color-primary-05);
}

a[data-toggle="collapse"] {
	position: relative;
}

.dropdown-toggle::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}

#sidebar.active {
	left: 0;
}

#sidebar {
	background: var(--color-primary-04);
	color: #fff;
	transition: all 0.2s;
}

#sidebar .sidebar-header {
	height: 54px;
	padding: 10px;
	background: var(--color-primary-04);
}

#sidebar ul.components {
	padding: 20px 0;
	border-bottom: 3px solid var(--color-primary-04);
}

#sidebar ul p {
	color: #fff;
	padding: 10px;
}

#sidebar ul li a {
	padding: 10px;
	font-size: 1em;
	display: block;
	text-decoration: none;
	color: #fff;
}
#sidebar ul li a:hover {
	color: #fff;
	background: var(--color-primary-05);
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
	color: #fff;
	background: var(--color-primary-05);
}
ul ul a {
	font-size: 0.9em !important;
	padding-left: 30px !important;
	background: var(--color-primary-04);
}

#sidebar ul li a {
	text-align: left;
}

#sidebar.active ul li a {
	padding: 10px 10px;
	text-align: left;
	font-size: 0.85em;
}

#sidebar.active ul li a i {
	margin-right:  0;
	/* display: block; */
	font-size: 1.2em;
	margin-bottom: 5px;
}


#sidebar.active ul ul a {
	padding: 10px !important;
}


#sidebar.active .dropdown-toggle::after {
	top: auto;
	bottom: 50%;
	right: 15px;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
}

@media (max-width: 768px) {

	#sidebar.active {
		min-width: 100px;
		max-width: 350px;
		text-align: center;
		/* margin-left: -100px !important; */
	}

	#sidebar {
		margin-left: 0; 
	}

	#sidebar.active ul li a {
		padding: 10px 10px;
		font-size: 0.7em;
	}

	#sidebar.active ul li a i {
		margin-right:  0;
		/* display: block; */
		font-size: 1em;
		margin-bottom: 5px;
	}

	#sidebar.active ul ul a {
		padding: 5px !important;
	}


	.dropdown-toggle::after {
		top: auto;
		bottom: 10px;
		right: 50%;
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
		transform: translateX(50%);
	}
}

/*iframe*/

#content-frame {
	width: 100%;
}


.mainTitle{
	background-image:  linear-gradient(to right, var(--color-primary-02), var(--color-primary-04));
	color: var(--color-primary-05);
	padding-left: 1em;
    margin: 0 0;
    padding: 10px;
    font-weight: bold;
    padding-left: 1em !important;
	font-size: 1.5em
	
}

.toogleButton{
	position: relative;
	width: 40px;
	height: 20px;
	-webkit-appearance: none;
	background: var(--color-primary-02);
	outline: none;
	border-radius: 20px;
	box-shadow:  inset 0 0 5px #bebcbe;
	transition: .5s;
}

.toogleButton:checked{
	background: var(--color-primary-04);
}

.toogleButton::before{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 20px;
	top:0;
	left:0;
	box-shadow: 0 2px 2px #bebcbe;
	transition: .5s;
}

.toogleButton:checked::before{
	left: 20px;
}

.btn-search{
	border-radius: 0 !important;
	background-color: var(--color-primary-03) !important;
}

#loading {
    position: fixed;
    z-index: 999999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #e6aa16;
}

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


 .img-user{
	text-align: center;
	width: 180px; 
	height: 180px;
	margin: 8px auto; 
}
.img-user img {
	border: 5px solid var(--color-primary-transparent-01) !important;
	width: 180px; 
	height: 180px;
	border-radius: 50%;
}

.img-form{
	border: 5px solid var(--color-primary-transparent-01) !important;
	/* max-width: 150px;  */
	max-height: 150px; 
	border-radius: 50%;
}
.list-user{
	/* border: 2px solid var(--color-primary-transparent-01) !important; */
	width: 80px; 
	height: 80px;
	/* border-radius: 50%; */
}
.text-unstyled:hover{
	text-decoration: none !important;
}

.badge-img{
	width: 120px !important;
}
.form-messages{
	font-size: 11px;
}

.link-enable{
	color: var(--color-primary-03);

}
.link-save{
	color: var(--color-success);
}
.link-cancel{
	color: var(--color-danger);
}

.link-enable:hover{
	color: var(--color-primary-04);
	text-decoration: none;
}
.link-save:hover{
	color: var(--color-success-hover);
	text-decoration: none;

}
.link-cancel:hover{
	color: var(--color-danger-hover);
	text-decoration: none;

}
.link-enable:active{
	color: var(--color-primary-05);
	text-decoration: none;
}
.link-save:active{
	color: var(--color-success-active);
	text-decoration: none;

}
.link-cancel:active{
	color: var(--color-danger-active);
	text-decoration: none;

}

.scroll{
	max-width: 100% !important;
	overflow-x: scroll !important;
}
.scroll::-webkit-scrollbar {
	display: none;
}


.card-dash:hover{
	background-color: var(--color-primary-05) !important;
}