@charset "utf-8";
/* CSS Document */


.btn-instagram {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;

	padding: 12px 22px;
	font-size: 15px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;

	color: #ffffff;
	text-decoration: none;

	background: linear-gradient(
			45deg,
			#833ab4,
			#fd1d1d,
			#fcb045
	);

	border-radius: 8px;
	border: none;
	cursor: pointer;

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
	transition: all 0.25s ease;
}

.btn-instagram:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35);
	opacity: 0.95;
}

.btn-instagram:active {
	transform: scale(0.97);
}


.fonte-logo {
	font-family: "Aldrich", sans-serif !important;
	font-weight: 400;
	font-style: normal;
}

textarea{ max-width:100%;}

.multiselect{
	text-align: left;
    color: #AFAFB5;
}

.panel {
    border: none ;
}

.panel.panel-bordo  {
    border-color: #283242 !important;
}
.panel.panel-bordo > .panel-heading {
    color: #FFFFFF;
    background: #283242;
    border-color: #283242 !important;
}

/*scroll bar*/
::-webkit-scrollbar
{
  width: 12px;  /* for vertical scrollbars */
  height: 12px; /* for horizontal scrollbars */
  border-radius:50px !important;
}

::-webkit-scrollbar-track
{
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb
{
  background: rgba(0, 0, 0, 0.5);
}

.placeholder{ 
	position:absolute;
	font-size:11px;
	margin: 1px 5px;
}
.with-placeholder{
	padding: 15px 12px 2px !important;
	min-height: 37px !important;
}

.with-placeholder::-webkit-input-placeholder {
   color: white;
}
.with-placeholder:-moz-placeholder { /* Firefox 18- */
   color: white;  
}
.with-placeholder::-moz-placeholder {  /* Firefox 19+ */
   color: white;  
}
.with-placeholder:-ms-input-placeholder {  
   color: white;  
}
.color-placeholder::-webkit-input-placeholder {
   color:#999;
}
.color-placeholder:-moz-placeholder { /* Firefox 18- */
   color: #999;  
}
.color-placeholder::-moz-placeholder {  /* Firefox 19+ */
   color: #999;  
}
.color-placeholder:-ms-input-placeholder {  
   color: #999;  
}

input[readonly], select[readonly]
{
	border:0px !important;
}

select[readonly] option{
	display:none;
 }
 
body{min-width:300px !important} 
.new-update-box {
    float: left;
    padding: 9px 20px;
    line-height: 30px;
}
#header-text{
	width:100%;
	font-size:14px;
	color:#fff;
}

.img-header{ 
	position:absolute;
	left:10px;
	top:5px;
}
.pointer{
	cursor:pointer;
}

.uploading_user_foto{
	position:absolute;
	width:100%;
	height:100%;
	background:url(../imagens/background_opacity.png);
}


.info_evento{
	position:relative;
	padding:15px 20px;
	font-size:16px;
}

.autocp_div{
	position: absolute;
    z-index: 1;
    background: #f5f5f5;
    border: 1px solid #e2e2e2;
	width:100%;
	max-height: 323px;
    overflow: auto;
}

.autocp_row{
	min-height:50px;
	padding:5px 3px;
	border-bottom: 1px solid #e2e2e2;
	margin: 0;
}
.autocp_row:hover{
	background-color:#4B5D67;
	color:white;
	cursor:pointer;
}
.autocp_foto{
	text-align:center;
}
.autocp_foto img{
	width:100%;
	text-align:center;
}
.autocp_nm{
	font-weight:700;
	color:#999;
}
.loading_something{
	text-align:center;
	min-height:50px;
	padding:15px 3px 5px 3px;
	border-bottom: 1px solid #e2e2e2;
	margin: 0;
}

.pos-tp-rg{
	position:absolute;
	right:30px !important;
	top:5px !important;
}

.img-container {
	width: 100px;
	height: 100px;
	background-size: cover;
	background-position: center;
	border-radius: 6px;
}

.img-container.error {
	background: none !important;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 40px;
}

.img-container.error i {
	font-size: 40px;
	color: #ccc;
}

.img-container-dash {
	width: 80px;
	height: 80px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex
;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	color: #999;
}


.img-container.error {
	background: none !important;
}


.fa-star, .fa-star-o {
	font-size: 18px;
	transition: 0.2s;
}

.cb{
	clear: both !important;
}
.pl-lf{
	position: relative;
	float: left;
}

.pl-rg{
	position: relative;
	float: right;
}

.fc-content{ cursor:pointer;}
.xdsoft_datetimepicker{ z-index:999999 !important;}
.fa-2 {font-size: 20px;}
.fa-3 {font-size: 40px;}
.fa-4 {font-size: 60px;}
.fa-5 {font-size: 80px;}
.fa-6 {font-size: 100px;}
.fa-7 {font-size: 120px;}

.strtoupper{text-transform:uppercase;}
.strtolower{text-transform:lowercase;}

.red input,.red span,.red select{border-color:#900 !important; color:#900 !important;}
.red_ligth input,.red_ligth span,.red_ligth select{border-color:#DD6B55 !important; color:#DD6B55 !important;}
.green_light input,.green_light span,.green_light select{border-color:4DCD4D !important; color:4DCD4D !important;}
.green_alert input,.green_alert span,.green_alert select{border-color:A5DC86 !important; color:A5DC86 !important;}
.green input,.green span,.green select{border-color:green !important; color:green !important;}


.bk_success{ background-color:#dff0d8 !important;}
.bk-white{ background:#fff !important;}


.white-hover:hover h4,
.white-hover:hover h4 span {
	color: #fff !important;
}

#listaCores {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(22px, 1fr));
	gap: 4px; /* menor gap, mais compacta */
	max-height: 400px;
	overflow-y: auto;
}

.color-box {
	width: 22px;
	height: 22px;
	border-radius: 3px;
	cursor: pointer;
	border: 2px solid transparent;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
	transition: border-color 0.3s;
}

.color-box.selected {
	border-color: #333;
	box-shadow: 0 0 6px 2px rgba(0,0,0,0.3);
}

.azulmoderno{ color: #4B6EAF !important;}
.roxo{ color: #A855F7 !important;}
.verde{ color: #22C55E !important;}
.verde_whats{ color: #43C553 !important;}
.laranja{ color: #F97316 !important;}

.red-border{ border:solid 2px red;}
.dourado{ color:#AF8D2F !important;}
.yellow-border{ border:solid 2px #FFFF00;}
.yellow,.amarelo{ color: #F7D500;}
.no-border{ border:none !important;}
.bold{font-weight:bold !important;}
.pointer{ cursor:pointer !important;}
.seta{ cursor:default !important;}
.bd-lf{ border-left:1px #ccc solid !important;}
.bd-rg{ border-right:1px #ccc solid !important;}
.white{color:white !important;}
.orange{color:#FF7A00 !important;}
.orange_middle{color: #ff9a1a !important}
.orange_light{color:#F8CD86 !important;} 
.red{color:#900 !important;}
.red_light{color:#DD6B55 !important;}
.blueclaro,.azulclaro{color:#56C1D3 !important;}
.blue,.azul{color:#00C5F9 !important;}
.azulescuro{color:#283242 ;}
.rosa, .pink{color: #FB687F !important;}
.blue_light{color:#5bc0de !important;}
.darkgreen{color:darkgreen !important;}
.green{color:green !important;}
.green_middle{color:#5CB85C !important;}
.green_light{color:#4DCD4D !important;}
.green_alert{color:#A5DC86 !important;}
.gray{color:gray !important;}
.gray_system{ color:#BCBCBC !important;}
.cb{ clear:both; float:none;}
.di{ display:initial !important;}
.al{text-align:left !important;}
.ac{text-align:center !important;}
.ar{text-align:right !important;}
.nowrap{white-space: nowrap !important;}
.dp_none{ display:none;}
.fl-none{ float:none !important}
.fl-rg{ float:right !important}
.fl-lf{float:left !important}
.bd-0{ border:0px !important;}
.bd-bt{ border-bottom:solid 1px #CCCCCC;}
.bd-bt-0{ border-bottom:0px !important;}
.fs-9{ font-size:9px !important;}
.fs-10{ font-size:10px !important;}
.fs-11{ font-size:11px !important;}
.fs-12{ font-size:12px !important;}
.fs-13{ font-size:13px !important;}
.fs-14{ font-size:14px !important;}
.fs-15{ font-size:15px !important;}
.fs-16{ font-size:16px !important;}
.fs-17{ font-size:17px !important;}
.fs-18{ font-size:18px !important;}
.fs-19{ font-size:19px !important;}
.fs-20{ font-size:20px !important;}
.fs-21{ font-size:21px !important;}
.fs-22{ font-size:22px !important;}
.fs-23{ font-size:23px !important;}
.fs-24{ font-size:24px !important;}
.fs-25{ font-size:25px !important;}
.fs-26{ font-size:26px !important;}
.fs-27{ font-size:27px !important;}
.fs-28{ font-size:28px !important;}
.fs-29{ font-size:29px !important;}
.fs-30{ font-size:30px !important;}
.fs-31{ font-size:31px !important;}
.fs-32{ font-size:32px !important;}
.fs-45{ font-size:45px !important;}
.fs-50{ font-size:50px !important;}

.hg-20{ height:20px !important;}
.hg-230{ height:230px !important;}
.hg-275{ height:275px !important;}
.hg-280{ height:280px !important;}

.wd-auto{ width:auto !important;}

.wd-80p{ width:80% !important;}
.wd-90p{ width:90% !important;}
.wd-100p{ width:100% !important;}
.wd-40{ width:40px !important;}
.wd-60{ width:60px !important;}
.wd-110{ width:110px !important;}
.wd-120{ width:120px !important;}
.wd-150{ width:150px !important;}
.wd-165{ width:165px !important;}
.wd-250{ width:250px !important;}
.mg-0{ margin:0px!important;}
.mg-bt-0{ margin-bottom:0px!important;}
.mg-bt-3{ margin-bottom:3px!important;}
.mg-bt-5{ margin-bottom:5px!important;}
.mg-bt-10{ margin-bottom:10px!important;}
.mg-bt-15{ margin-bottom:15px!important;}
.mg-bt-20{ margin-bottom:20px!important;}

.wd-max-300{ max-width: 300px;}

.mg-lf--5{ margin-left:-5px;}
.mg-lf--8{ margin-left:-8px;}
.mg-lf--10{ margin-left:-10px;}
.mg-lf-3{ margin-left:3px;}
.mg-lf-5{ margin-left:5px;}
.mg-lf-10{ margin-left:10px;}
.mg-lf-15{ margin-left:15px;}
.mg-lf-20{ margin-left:20px;}
.mg-lf-25{ margin-left:25px;}
.mg-lf-40{ margin-left:40px;}
.mg-lf-45{ margin-left:45px;}
.mg-lf-50{ margin-left:50px;}

.mg-rg-3{ margin-right:3px!important;}
.mg-rg-5{ margin-right:5px!important;}
.mg-rg-10{ margin-right:10px!important;}
.mg-rg-15{ margin-right:15px!important;}
.mg-rg-20{ margin-right:20px!important;}
.mg-rg-25{ margin-right:25px!important;}
.mg-rg-30{ margin-right:30px!important;}
.mg-rg-35{ margin-right:35px!important;}

.mg-tp-3{ margin-top:3px !important}
.mg-tp-5{ margin-top:5px !important}
.mg-tp-6{ margin-top:6px !important}
.mg-tp-7{ margin-top:7px !important}
.mg-tp-10{ margin-top:10px !important}
.mg-tp-15{ margin-top:15px !important}
.mg-tp-20{ margin-top:20px !important}
.mg-tp-25{ margin-top:25px !important}
.mg-tp-30{ margin-top:30px !important}
.mg-tp--5{ margin-top:-5px !important}
.mg-tp--8{ margin-top:-8px !important}
.mg-tp--15{ margin-top:-15px!important;}
.mg-tp--20{ margin-top:-20px!important;}
.mg-tp--50{ margin-top:-50px!important;}
.mg-tp-0{ margin-top:0px!important;}
.mg-tp-5{ margin-top:5px!important;}
.mg-tp-15{ margin-top:15px!important;}
.mg-tp-25{ margin-top:25px!important;}

.pd-0-0-0-5{ padding:0px 0px 0px 5px !important;}
.pd-0{ padding:0px !important;}
.pd-10{ padding:10px !important;}
.pd-15{ padding:15px !important;}
.pd-30{ padding:30px !important;}
.pd-lf-0{ padding-left:0px !important;}
.pd-lf-5{ padding-left:5px !important;}
.pd-lf-10{ padding-left:10px !important;}

.pd-lr-2 { padding-left:2px !important; padding-right:2px !important;}

.pd-tp-3{ padding-top:3px !important;}
.pd-tp-10{ padding-top:10px !important;}
.pd-tp-12{ padding-top:12px !important;}
.pd-tp-15{ padding-top:15px !important;}
.pd-tp-20{ padding-top:20px !important;}
.pd-tp-25{ padding-top:25px !important;}

.max-wd-70{ max-width:70px !important;}
.max-wd-90{ max-width:90px !important;}
.mx-wd-100{ max-width:100px !important;}
.mx-wd-150{ max-width:150px !important;}
.max-hg-195{ max-height:195px !important;}
.max-hg-244{ max-height:244px !important;}

.min-wd-60{ min-width:60px !important;}
.min-wd-80{ min-width:80px !important;}
.min-wd-175{ min-width:175px !important;}
.min-wd-210{ min-width:210px !important;}
.min-wd-310{ min-width:310px !important;}
.min-wd-350{ min-width:350px !important;}
.min-wd-380{ min-width:380px !important;}
.min-wd-790{ min-width:790px !important;}


.display_block{ display:block !important;}
.overflow_block{ overflow:inherit !important;}


.fc-day{    background-color: white}
.fc-day-header{background-color: #42A3F4; color:#fff;}
.fc-axis{ background-color: #42A3F4; color:#fff;}

.fc-scroller{ min-height:312px;}
.md-overflow{ max-height:300px; overflow-y:auto;}

.text-filtro{ 
	float:left;
	line-height:30px;
	margin-right:3px;
}

#sidebar ul#side-menu li a {
	 font-size: 14px;
	cursor: pointer;
}



.lead-details {
	margin-top: 6px;
}

.lead-summary {
	cursor: pointer;
	font-size: 13px;
	color: #94a3b8;
	list-style: none;
}

.lead-summary:hover {
	color: #3B82F6;
}

.lead-summary::-webkit-details-marker {
	display: none;
}

/* animação suave */
.lead-details[open] .lead-summary i {
	transform: rotate(45deg);
	transition: 0.2s ease;
}

.td-perfil-alvo {
	position: relative;
}

.edit-perfil-alvo {
	position: absolute;
	top: 8px;
	right: 10px;
	z-index: 2;
	color: #94a3b8;
	transition: 0.2s ease;
}

.edit-perfil-alvo:hover {
	color: #3B82F6;
}


.hide-mobile {
	display: none !important;
}


.corlink{
	color: #004A77;
}

.img-sugerida{
	max-width: 350px;
	max-height: 350px;
	border-radius: 5px;
	cursor: pointer;
}

.div-img-sugerida{
	width: 100%;
}


#listagem_publicacoes_sugeridas th,
#listagem_publicacoes_sugeridas td {
	font-size: 16px;
}

.texto-ajuda-extensao{
	font-size:13px;
	margin-top:4px;
	font-size: 14px;
	color: #0b1220;
}

.modal-avaliacao-body, .modal-content, .modal-body {
	background-color: #fff;
}

.underline{
	text-decoration: underline;
}

.whatsapp-button {
	position: fixed;
	bottom: 10px;
	right: 40px;
	background-color: #128C7E;
	color: white;
	padding: 10px 20px;
	border-radius: 50px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	display: flex;
	align-items: center;
	font-family: Arial, sans-serif;
	z-index: 1000;
}

.whatsapp-button img.whatsapp-logo {
	width: 30px;
}

.whatsapp-button a {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.whatsapp-button:hover {
	background-color: #25D366;
}

.whatsapp-button img.whatsapp-logo {
	width: 30px;
}

.datepicker {
	z-index: 999999 !important;
}
.ui-datepicker {
	z-index: 999999 !important;
}



a.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	line-height: 1.2;
}

.btn-acao-pub{
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center;
	gap: 6px;
	margin-bottom: 8px;
	line-height: normal !important;
}

/* Loader imagem upload */
.loader-img-upload {
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	font-size: 16px;          /* 🔥 fonte maior */
	font-weight: 600;
	color: #1E293B;           /* 🔥 cor solicitada */
}

.loader-img-upload i {
	font-size: 28px;
	margin-bottom: 6px;
	color: #1E293B;
}






@media (max-width: 767px) {
	.img-sugerida{
		width: 100% !important;
		max-width: 350px !important;
		max-height: 100% !important;
	}
	.div-img-sugerida{
		text-align: center !important;
	}

	#listagem_publicacoes_sugeridas th,
	#listagem_publicacoes_sugeridas td {
		font-size: 16px;
	}

	.btn-xs-100 {
		width: 100% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center;
		gap: 6px;
		margin-bottom: 8px;
		line-height: normal !important;
	}

	.btn-100p {
		width: 100% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center;
		gap: 6px;
		line-height: normal !important;
		margin: 6px 0px !important;
		clear: both !important;
		float: none !important;
	}





}

@media (min-width: 768px) and (max-width: 991px) {
	.btn-sm-100 {
		width: 100% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center;
		gap: 6px;
		margin-bottom: 8px;
		line-height: normal !important;
	}
}