@import url("https://fonts.googleapis.com/css?family=Nunito:300,400,400i,600,700,800,900");
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

	body {
		background-color: #f9f9f9 !important;
		/*font-family: "Nunito", sans-serif;*/
		/*font-family: 'Source Sans Pro', sans-serif;*/
		font-family: 'Fira Sans', sans-serif;
		font-size: .75rem;
	}
	a {
		font-family: 'Fira Sans', sans-serif;
	}

	.fw-bold{font-weight: bold !important}

	.icon-ativo{ 
		font-size: .7rem; 
		color: #02824c;
	}
	.icon-inativo{ 
		font-size: .7rem; 
		color: #f5325c;
	}

	.account-body .auth-header-box {
		background-color: #29ca6a !important;
		/*border-radius: 0.25rem;*/
		border-top-left-radius: 0.35rem !important;
		border-top-right-radius: 0.35rem !important;
	}
	.form-group {
		margin-bottom: 0.3rem;
	}
	.form-label {
		margin-bottom: 0;
		color: #656d9a;
		color: #929292 !important;
		font-size: 11px;
	}
	.form-control{
		padding: .4rem .60rem !important;
		background: #f8f9fa !important;
		color: #000000 !important;
		font-size: .75rem !important;
		border: 1px solid #d7d7d7 !important;
	}
	.form-control.ftlarg{
		font-size: 0.9rem !important;
		line-height: 0 !important;
	}
	.form-control.ftlarg.bold{
		font-weight: bold !important; 
	}
	textarea.form-control {
		min-height: calc(1.5em + 0.75rem + 2px) !important;
	}
	.form-select{
		padding: .5rem .75rem !important;
		background-color: #f8f9fa !important;
		color: #000000 !important;
		font-size: .80rem !important;
	}

	.card{
		box-shadow: 0 4px 10px 1px rgb(223 223 223 / 6%), 0 1px 4px rgb(0 0 0 / 4%) !important;
		border: 1px solid rgb(237 237 237 / 80%) !important;
		border-radius: .35rem !important;
	}
	.card .card-header{
		background-color: #f8f9fa;
		font-weight: bold;
	}
	.card .card-header small{
		font-weight: normal;
	}
	.card.card-green{ border: 1px solid rgb(61 207 61 / 80%) !important; }
	.card.card-green .card-header{ background-color: #eeffed; }
	.card.card-green .body-color{ background-color: #eeffed; border-radius: .35rem !important; }
	.card.card-green .card-icon-circle{ background-color: #ffffff; border: 1px solid rgb(61 207 61 / 80%) !important; }

	.card.card-orange{ border: 1px solid rgb(255 196 128 / 80%) !important; }
	.card.card-orange .card-header{ background-color: #fffbd9; }
	.card.card-orange .body-color{ background-color: #fffbd9; border-radius: .35rem !important; }
	.card.card-orange .card-icon-circle{ background-color: #ffffff; border: 1px solid rgb(255 196 128 / 80%) !important; }

	.card.card-red{ border: 1px solid rgb(253 153 153 / 80%) !important; }
	.card.card-red .card-header{ background-color: #fff1f1; }
	.card.card-red .body-color{ background-color: #fff1f1; border-radius: .35rem !important; }
	.card.card-red .card-icon-circle{ background-color: #ffffff; border: 1px solid rgb(253 153 153 / 80%) !important; }

	.card.card-blue{ border: 1px solid rgb(136 185 227 / 80%) !important; }
	.card.card-blue .card-header{ background-color: #c8ecf7; }
	.card.card-blue .body-color{ background-color: #c8ecf7; border-radius: .35rem !important; }
	.card.card-blue .card-icon-circle{ background-color: #ffffff; border: 1px solid rgb(136 185 227 / 80%) !important; }

	.card.card-pink{ border: 1px solid rgb(225 105 162 / 80%) !important; }
	.card.card-pink .card-header{ background-color: #e7daf1; }
	.card.card-pink .body-color{ background-color: #e7daf1; border-radius: .35rem !important; }
	.card.card-pink .card-icon-circle{ background-color: #ffffff; border: 1px solid rgb(225 105 162 / 80%) !important; }
	



	.left-sidenav-menu li ul{
		padding: 0 0 0 15px;
	}

	.nav.nav-tabs .nav-link {
		background-color: #f8f9fa;
	}
	.nav.nav-tabs .nav-link.active {
		background-color: #f8f9fa;
		background-color: #eaf0f9;
	}



	.tagnumsorte{ 
		padding: 9px 15px;
		margin: 4px;
		background: #808080;
		color: white;
		border-radius: 0.25rem;
		font-weight: 300;
		font-size: 1.3rem;
	}
	.tagnumsorte:hover{ background: #5a5959; } 
	.tagnumsorte a{ text-decoration: none; color: #FFFFFF; }
	.tagnumsorte a:hover{ text-decoration: none; }


	.card.card-cupom-produtos{ border: 0; }
	.card.card-cupom-produtos .card-header{
		padding: 12px;
		font-size: 1.0rem;
		background-color: #e1dfdf;
		border-color: #e1dfdf;
	}
	.card.card-cupom-produtos .card-body{
		padding: 12px;
		font-size: .9rem;
	}

	.card-box1{
		border-radius: 0.25rem;
		background-color: #f1f1f1;
		background-color: #e1dfdf;
		padding: 30px 10px;
	}
	.card-box1 .title{
		font-size: 1.50rem;
		font-weight: 600;
	}

	.card-cupom-produtos .lbl{ font-size: .7rem; }



	.table.table-custom{
		margin-bottom: 0;
	}
	.table.table-custom th {
		font-size: .75rem;
	}
	.table.table-custom td {
		padding: 0.25rem 0.3rem;
		font-size: .75rem;
	}
	.table.table-custom tfoot{
		border-radius: 0.35rem !important;
	}
	.table.table-custom tfoot td{
		background-color: #e1e1e1;
		font-weight: bold;
	}

	.card-icon-circle{
		font-size: 28px;
		width: 52px;
		height: 52px;
		align-items: center;
		justify-content: center;
		display: flex;
		border-radius: 50%;	
	}


	.btn-acoes-cupom {
		color: #000000;
		padding: 0.5rem 0.5rem;
		border-radius: .45rem;
		font-size: 0.55rem;
		font-weight: 400;
		letter-spacing: 0.05rem;
		border: 0;
		background-color: #FFFFFF;
		transition: all .5s ease;
	}
	.btn-acoes-cupom:hover, 
	.btn-acoes-cupom:focus {
		color: #000000;
		background-position:left bottom;
	}
	.btn-acoes-cupom.adicionar { background-color: #49a949; color: #FFFFFF; }
	.btn-acoes-cupom.adicionar:hover, .btn-acoes-cupom.adicionar:focus { color: #FFFFFF; }
	.btn-acoes-cupom.finalizar { background-color: #d58e0b; color: #FFFFFF; }
	.btn-acoes-cupom.finalizar:hover, .btn-acoes-cupom.finalizar:focus { color: #FFFFFF; }
	.btn-acoes-cupom.delete { background-color: #FF0000; color: #FFFFFF; }
	.btn-acoes-cupom.delete:hover, .btn-acoes-cupom.delete:focus { color: #FFFFFF; }
	.btn-acoes-cupom.resgatar { background-color: #263169; color: #FFFFFF; font-size: 0.75rem; padding: 0.5rem 1.5rem; }
	.btn-acoes-cupom.resgatar:hover, .btn-acoes-cupom.delete:focus { color: #FFFFFF; }


	.bg{ 
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.box-img-post{
		width: 100%; 
		height: 55px;
		background-color: #F1F1F1;
		border: 1px solid #e0e0e0;
		border-radius: .25rem;
	}
	/* 
		UPLOAD SINGLE 
	*/
	.js--image-box {
		position: relative;
		display: block;
		height: 220px;
		/* height: auto; */
		padding: 7px;
		margin: 0 auto;
		width: 100% !important;
		/*min-width: 200px !important;*/
		/*background-color: white;*/
		/*border-radius: .25rem;*/
		/*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
		transition: all 0.3s cubic-bezier(.25,.8,.25,1);
		overflow: hidden;
		background: #f8f9fa !important;
		background: #c9c9c9 !important;
		border: 1px solid #ced4da !important;
	}
	.js--image-box.gallery { height: 200px; }
	.js--image-preview {
		height: 100%;
		width: 100%;
		position: relative;
		overflow: hidden;
		/* background-image: url(https://www.l-nutra.com/wp-content/uploads/2018/07/placeholder.png); */
		background-color: rgb(255,255,255,0);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover !important;
	}
	.js--image-preview .delete-image {
		display: none;
		cursor: pointer;
		position: absolute;
		top: .2rem;
		right: .2rem;
		border-radius: 50%;
		padding: .3rem;
		line-height: 1;
		background-color: rgba(0, 0, 0, .5);
		-webkit-appearance: none;
		border: none;
	}
	.js--image-preview:hover .delete-image {
		display: block;
	}
	.js--image-preview .delete-image i {
		display: block;
		color: #fff;
		width: 1.4rem;
		height: 1.4rem;
		font-size: 1.4rem;
		line-height: 1.4rem;
	}
	.upload-options {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		text-align: center;
		padding: .5rem;
	}
	.upload-options i {
		display: block;
		font-size: 3rem;
		margin-bottom: .5rem;
		opacity: .5;
	}
	.upload-options label {
		font-weight: 400;
		color: #303e67;
		font-size: 13px;
		cursor: pointer;
	}




	/* 
		CADASTRO 
	*/
	@media only screen and (max-width: 991px){
		.tbl-mobile{ width: 1200px !important; }
		.tbl-mobile .tblcol-01{ width: 90px !important; }
		.tbl-mobile .tblcol-02{ width: 350px !important; }
		.tbl-mobile .tblcol-03{ width: 250px !important; }
		.tbl-mobile .tblcol-04{ width: 150px !important; }
		.tbl-mobile .tblcol-05{ width: 130px !important; }
		.tbl-mobile .tblcol-06{ width: 100px !important; }
	}