/*
	bnotas_style
*/

	/* BAANNNG
		Costumize Style
	*/

	@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,700&display=swap');

	.on {
		color: #82D337;
	}

	.paid {
		color: #c3efb8;
	}

	.red {
		color: #F71126 !important;
	}

	.blue {
		color:#0099FF;
	}

	.yellow {
		color: #F2C600;
		/* font-size:16px;
		text-decoration: underline; */
	}
	
	
	a {
		text-decoration: none;
	}
	.theendcap {
		margin-top: 25px;
		border: 1px #f2c1c5 dashed;
		padding: 5px 25px;
		text-align: center;
		background-color: #F71126;
		box-shadow: 3px 3px 9px -2px #aa061e;
	}

	.theend {
		color: #F71126;
		border: 1px #ffffff solid;
		background-color: white;
		border-radius: 25px;
		box-shadow: 6px 6px 5px 1px #aa061e;
		padding: 5px 25px;
		font-size: 1em;
		text-align: center;
		text-transform: uppercase;
	}
	.renovar {
		color: #ffffff ;
		font-size: 1em;
		text-align: center;
		text-transform: uppercase;
	}

	#renovacoes {
		font-family: 'Titillium Web', sans-serif;
		color:#8b8b8b;
		font-size:11px;
		font-weight: bold;
		margin:25px 0px 30px 0px;
		line-height: 15px;
	}

	#news-list {
		font-family: 'Titillium Web', sans-serif;
		width: 100%;
		max-height: 300px;
		margin-bottom:10px;
		padding-top: 5px;
		padding-bottom:5px;
		overflow-y:scroll;
		border-bottom:1px dotted #3fe17b;
		border-top:1px dotted #3fe17b;
	}

	#news-list b {
		color:#3fe17b !important;
	}
	#history-title {
		font-family: 'Titillium Web', sans-serif;
		color: #b2b2b2;
		font-weight:bold;
		margin-top:20px;
		margin-bottom:10px
	}
	#history {
		font-family: 'Titillium Web', sans-serif;
		width: 100%;
		height: 100px;
		margin-bottom:10px;
		overflow-y:scroll;
		border-bottom:1px dotted gray;
		color:#b2b2b2;}

	#note, #seguranca {
		font-family: 'Titillium Web', sans-serif;
		font-size: 11px;
	}

	#seguranca {
		font-family: 'Titillium Web', sans-serif;
		border-bottom: 1px dotted gray;
		color:#ff6d88;
		line-height:11px;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	div#baannngnotas.postbox {
		font-family: 'Titillium Web', sans-serif;
		border-radius: 10px;
		border: 2px #FFF200 solid;
		background-color:#f6f7f8;
	}

	div#baannngnotas.postbox h2.hndle.ui-sortable-handle {
		background-color: #FFF200;
		border-radius: 10px 10px 0px 0px;
		border: 0px;}

	div#baannngnotas.postbox button.handlediv.button-link {
		height: 32px;
		color: black;
	}
	
	.hide,
	#baannngnotas.hide,
	#baannngnotas button[type=button].handle-order-higher,
	#baannngnotas button[type=button].handle-order-lower,
	#baannngnotas.postbox .handlediv {
		display: none !important;
	}


	div#baannngnotas.postbox .inside {
		font-family: 'Titillium Web', sans-serif;
		border: none;;
	}
	#baannngnotas_title {
		border-radius: 0px;
		border: double 4px #FFF200;
		font-weight: 700;
	}

	#baannngnotas_text {
		border-radius: 0px;
		border: double 4px #FFF200;
		font-weight: normal;
	}

	#baannngnotas > div.postbox-header > h2 > span > a.edit-box {
		font-family: 'Titillium Web', sans-serif;
		color:#0099FF;
		text-transform: uppercase;
		font-size: 8px;
		font-weight: 600;
		line-height: 18px !important;
		letter-spacing: -0.5px;
	}


	.modimg {
		display: block;
		width: fit-content;
		padding: 2px 5px;
		text-align: center;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 11px;
		color: #dd9300;
		background-color: #FFF200;
		border-radius: 4px;
		border: solid 1px #ffce00;
		margin-bottom: 30px;
		box-shadow: 6px 6px 8px -5px color(srgb 0.49 0.443 0);
	}
	a.modimg {
		text-decoration: none;
	}
	a.modimg:hover {
		margin-top: 31px !important;
		margin-left: 1px !important;
		margin-bottom: 29px;
		box-shadow: 4px 4px 8px -5px color(srgb 0.49 0.443 0);
		color: #dd9300;
	}
	a.modimg:active{
		margin-top: 32px !important;
		margin-left: 2px !important;
		margin-bottom: 28px;
		font-weight: 700;
		box-shadow: 2px 2px 8px -5px color(srgb 0.49 0.443 0);
		color: #dd9300;
	}
	
	.blink {
		-webkit-animation: 4s blinker ease infinite;
		-moz-animation: 4s blinker ease infinite;
		-ms-animation: 4s blinker ease infinite;
		-o-animation: 4s blinker ease infinite;
		animation: 4s blinker ease infinite;
	  }
	
	  @keyframes "blinker" {
	
		from,
		to {
		  opacity: 0;
		}
	
		50% {
		  opacity: 1;
		}
	  }
	
	  @-moz-keyframes blinker {
	
		from,
		to {
		  opacity: 0.5;
		}
	
		50% {
		  opacity: 1;
		}
	  }
	
	  @-webkit-keyframes "blinker" {
	
		from,
		to {
		  opacity: 0.5;
		}
	
		50% {
		  opacity: 1;
		}
	  }
	
	  @-ms-keyframes "blinker" {
	
		from,
		to {
		  opacity: 0.5;
		}
	
		50% {
		  opacity: 1;
		}
	  }
	
	  @-o-keyframes "blinker" {
	
		from,
		to {
		  opacity: 0.5;
		}
	
		50% {
		  opacity: 1;
		}
	  }