/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12-apr-2018, 18.37.55
    Author     : adriano
*/
:root {
	--color-primary: #616161;
	--color-primary-translucent: rgba(97,97,97,0.8);
	--color-primary-lighten: #9e9e9e;
	--color-primary-darken: #424242;
	--color-secondary: #0097b5;
	--color-secondary-translucent: rgba(0,151,181,0.8);
	--color-secondary-lighten: #57c8e7;
	--color-secondary-darken: #006985;
	--font-family: "Roboto";
	--shadow: #00000029;
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    display: flex;
    justify-content: center;
    flex: 1 0 auto;
    background: linear-gradient(to bottom right, #ffffff, #f5f5f5);
}

.sidebar {
	background: #FFFFFF;
	border-right: 1px solid #E0E0E0;
}

.sidebar input[type="checkbox"]{
	opacity: 1;
	position: relative;
	pointer-events: auto;
	border: 2px solid;
}

.inner-text {
	margin: 24px 26px 18px 26px;
	font-size: 20px;
	color: #404858;
}

.filter-group {
	margin: -4px 26px 26px;
}

.label-inner-text {
	font-size: 16px;
	font-weight: bold;
	color: #404858;
	margin-bottom: 4px;
}

.filter-group-elements {
	margin: 0px 0px 0px 3px;
}

.filter-checkbox {
	top: 4px;
	left: 0px;
	width: 18px;
	height: 18px;
}

.label-checkbox {
	font-size: 14px;
	color: #404858;
}

nav .brand-logo{
    margin-left: 24px;
}

@media(max-width: 992px){
	nav .brand-logo{
    	transform: none;
    	left: 0;
	}
}

@media only screen and (max-width: 992px) {
	.container {
	    width: 95%;
	}
}

.pl{
   background-color: #718792 !important;
}
.pp{
   background-color: #455a64 !important;
}
.pd{
   background-color: #1c313a !important;
   z-index: 9999;
}
.sl{
    background-color: #58c8e7 !important;
}
.sp{
    background-color: #0097b5 !important;
}
.sd{
    background-color: #006985 !important;
}
.red-bg{
	background-color: #cd1c18 !important;
}

.pl-text{
   color: #718792 !important;
}
.pp-text{
   color: #455a64 !important;
}
.pd-text{
   color: #1c313a !important;
}
.sl-text{
    color: #58c8e7 !important;
}
.sp-text{
    color: #0097b5 !important;
}
.sd-text{
    color: #006985 !important;
}

.p-relative {
	position: relative;
}

.is-flex {
	display: flex;
}

.gap-4 {
    gap: 1rem;
}

.break-all {
    word-break: break-all;
}

.margin-top-0{
	margin-top: 0 !important;
}

.margin-top-8{
	margin-top: 8px !important;
}

.margin-top-16{
	margin-top: 16px !important;
}

.margin-top-20{
	margin-top: 20px !important;
}

@media only screen and (min-width: 993px) {
	body .container {
	    width: 80%;
	}
}

th,td{
    color: #455a64;
}

th a, td a, .ntopics{
    font-weight: 600;
    color: #0097b5;
}

select.browser-default {
	height: 34px;
	border: 1px solid #718792;
	border-radius: 0 !important;
}

input[type=text]:not(.browser-default).keywords_autocomplete,
input[type=text]:not(.browser-default).subtopic_autocomplete,
input[type=text]:not(.browser-default).autocomplete,
input[type=text]:not(.browser-default).peso-input,
input[type=text]:not(.browser-default).normal-text-input{
    width: 80%;
    border: 1px solid #718792;
    height: 2em;
    float: left;
    background-color: white;
    padding-left: 8px;
}

input[type=text]:not(.browser-default).normal-text-input,
input[type=text]:not(.browser-default).autocomplete {
	width: 100%;
}

input[type=text]:not(.browser-default).peso-input {
	width: 30%;
	float: right;
}

input[type=text]:not(.browser-default).keywords_autocomplete:focus:not([readonly]),input[type=text]:not(.browser-default).subtopic_autocomplete:focus:not([readonly]){
    box-shadow: none;
    border-bottom: 1px solid #718792;
}

#aggiungi_subtopic,
.aggiungi_keyword > input[type=button] {
    color: #ffffff;
    cursor: pointer;
}

#error_subtopic {
    display: inline-block;
    width: 100%;
    color: red;
}

.subtopic_header,
.campaign_header,
.label-container input {
    color: white;
    padding: 5px 20px;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 24px;
}

.campaign_input {
	color: white;
	font-weight: 500;
}

.campaign_input.is-loading {
	pointer-events: none;
	opacity: 0.5;
}

.line{
    width: 100%;
    height: 1px;
    background-color: rgba(113, 135, 146, 0.3);
    margin: 20px 0;
}

.topic_subtopic{
    margin-bottom: 24px;
    background: #eeeeee;
    padding: 16px 24px;
    border-radius: 2px;
    float: left;
    width: 100%;
}

.topic_subtopic:after{
    content: '';
    display: table;
    clear: both;
}

.topic_cta_list,
.autosuggestion_cta_list,
#subtopic_list,
.keywords_list{
    position: relative;
}

.topic_subtopic h3:focus, .topic_subtopic h4:focus {
    outline: none;
}

.keywords{
    margin-bottom: 16px;
}

.arrow-down{
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #ffffff;
    position: absolute;
    left: calc(50% - 10px);
    top: -5px;
    cursor: pointer;
}

nav .input-field label i, nav .input-field label.active i{
    color: rgb(28, 49, 58);
}

.input-field input[type=search]:focus:not(.browser-default){
    background-color: rgba(0,0,0,0.1)
}

.full-width {
	width: 100%;
}

.img-box {
	padding-top: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	margin-bottom: 16px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	cursor: pointer;
}

.image_preview {
	padding-top: 56.25%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.img-box.selected:after {
	content: '';
	background-image: url('../images/done_black.png');
	background-size: cover;
	background-color: #ffffff;
	width: 30px;
	height: 30px;
	display: block;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.btn-fixed-width {
	width: 120px;
}

.pagination strong {
	background-color: #26a69a;
	padding: 8px;
	color: #ffffff;
}

.btn-toolbar-active {
	background-color: #0097b5;
}

.c2a-title {
	display: block;
	width: 100%;
}

.aggiungi_c2a {
	width: 140px;
}

.cta-title-img {
	width: calc(80% + 8px);
	line-height: 34px;
}

.cta_item label {
	margin-right: 8px;
	line-height: 34px;
}

.flex-center {
	display: flex;
	align-items: center;
}

.flex-center--start {
	align-items: flex-start;
}

.switch.onoff {
	position: absolute;
	top: 0;
	right: 0;
}

.counter {
	position: absolute;
    top: 35px;
    right: 10px;
}    

.error-input,
select.error-input,
input[type=text]:not(.browser-default).error-input {
	border: 1px solid red !important;
}

.list_hb_forms .dropdown-content{
	max-height: 200px;
	overflow-y: scroll;
}

.loader {
	align-items: center;
    background-color: rgba(33, 37, 41, .8);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

.react-media-library__tabs__item {
	padding: 0 1rem;
} 

.react-media-library__file-library-selected-items__list__item {
	padding: 0 0 0 1rem;
}

.react-media-library__tabs__header__item.is-active button,
.react-media-library__file-library-pager__item.is-active,
.react-media-library__file-library-selected-items__actions__select {
	background-color: #26a69a !important;
	border-color: #26a69a !important;
}

.react-media-library__file-library-card__list {
	margin: 1rem !important;
	padding: 1rem !important;
}

.is-selected .react-media-library__file-library-card {
	border-color: #26a69a !important;
}

.react-media-library__file-library-selected-items__actions__select:hover {
	background-color: #2bbbad !important;
}

#modal-media-library {
    max-height: 80%;
    width: 60%;
}

.update-hb-forms {
	cursor: pointer;
	position: relative;
}

.update-hb-forms:after {
	content: '';
	background-image: url('../images/sync.png');
	width: 24px;
	height: 24px;
	display: inline-block;
	float: right;
}

.loading:after {
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-moz-keyframes spin {
    100% { -moz-transform: rotate(-360deg); }
}

@-webkit-keyframes spin {
    100% { -webkit-transform: rotate(-360deg); }
}

@keyframes spin {
    100% { 
        -webkit-transform: rotate(-360deg); 
        transform: rotate(-360deg); 
    }
}

.btn.btn-upload-wrapper {
	float: none;
	text-align: center;
}

.preview-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 32px;
}

.container-preview {
	width: 100%;
}

.cta-wrapper {
	border: 1px solid #e0e0e0;
	background-color: #ffffff;
}

.cta-text-wrapper {
	display: flex;
	flex-direction: column;
}

.cta-topics-wrapper {
	margin-top: auto;
}

.cta-btn {
	margin-left: auto;
	width: 100%;
	margin-top: 16px;
}

.cta-frase-ingaggio {
	flex-grow: 1;
}

.cta-tipo-servizio {
	color: #0097b5;
}

.cta-topic span,
.cta-tipo-servizio span {
	margin-left: 8px;
}

.cta-tipo-servizio span {
	text-transform: uppercase;	
}

.cta-tipo-servizio svg {
	fill: #0097b5;
}

.cta-row-titolo-img {
	margin-bottom: 0;
	flex-direction: column;
}

.cta-footer-tanks,
.hb-form-wrapper,
.row.cta-footer,
.col.cta-row-tipo-servizio {
	background-color: #FAFAFA;
	padding: 16px;
}

.row.cta-footer-tanks {
	margin-top: 16px;
	margin-bottom: 0;
	padding-left: 0;
}

.hb-form-wrapper {
	padding: 16px;
}

.row.cta-footer {
	padding: 16px 0;
	margin-top: 16px;
	margin-bottom: 0;
}

.cta-titolo {
	color: #424242;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 28px;
	flex-grow: 1;
}

@media(min-width: 993px) {
	.cta-titolo {
		font-size: 24px;
	}

	.cta-date {
		font-size: 18px;
	}
}

.cta-topic {
	color: #616161;
}

.cta-date {
	color: #9e9e9e;
}

.cta-topic:first-child {
	margin-right: 16px;
}

.hb-form-wrapper .hs-form-field:not(:first-child) {
	margin-top: 1rem;
}


.hb-form-wrapper .hs-form-field .input {
	margin-top: 0.5rem;
}

.hb-form-wrapper .hs-form-field select {
	display: block;
}

.hb-form-wrapper .hs-button.primary.large,
.cta-btn {
	background-color: #0097b5;
	border: 0;
	height: 30px;
	line-height: 28px;
	color: #ffffff;
	cursor: pointer;
	padding: 0 16px;
	text-align: center;
	border-radius: 3px;
	margin-top: 8px;
}

.hb-form-wrapper .hs-button.primary.large:hover {
	background-color: #0097b5;
	box-shadow: none;
	border: 0;
}

.hb-form-wrapper .hs-button.primary.large {
	float: right;
}

.cta-row-titolo-img {
	min-height: 100px;
	margin-bottom: 16px;
}

.cta-wrapper .responsive-bg {
	margin-top: 8px;	
}

.hb-form-wrapper .hs-form-required {
	display: none;
}

.hb-form-wrapper select.hs-input,
.hb-form-wrapper input[type="tel"].hs-input,
.hb-form-wrapper input[type="email"].hs-input,
.hb-form-wrapper input[type="text"].hs-input {
	width: calc(100% - 8px);
	max-width: 100%;
    border: 1px solid #718792;
    height: 34px;
    background-color: white;
    margin: 0;
    padding-left: 8px;
    border-radius: 3px;
}

.hb-form-wrapper select.hs-input.invalid,
.hb-form-wrapper input[type="tel"].hs-input.invalid,
.hb-form-wrapper input[type="email"].hs-input.invalid,
.hb-form-wrapper input[type="text"].hs-input.invalid {
	box-shadow: none;
	border: 1px solid red;
}

.hb-form-wrapper input[type="tel"].hs-input:focus,
.hb-form-wrapper input[type="email"].hs-input:focus,
.hb-form-wrapper input[type="text"].hs-input:focus {
    border: 1px solid #718792;
	box-shadow: none;
}

.hb-form-wrapper select.hs-input {
	width: 100%;
	padding-left: 0;
}

.cta-wrapper .row .col {
	padding-left: 16px;
	padding-right: 16px;
}

.hb-form-wrapper .hs-main-font-element,
.hb-form-wrapper .hs-form-field label.hs-error-msg {
	float: left;
	margin-top: 8px;
	padding-left: 0;
	margin-left: 0;
}

.hs-form-field label.hs-main-font-element,
.hb-form-wrapper .hs-form-field label.hs-error-msg {
	color: red !important;
}

.hb-form-wrapper .actions:after {
	content: '';
	display: block;
	clear: both;
}

.legal-consent-container {
	float: left;
}

.hb-form-wrapper .hs-main-font-element {
	margin-top: 0;
}
.hb-footer-links-section{
	border-top: 1px solid;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.hb-footer-links {
	display: flex;
	gap: 1.5rem;
}

.hb-footer-links__label {
    max-width: 50ch;
}

.hb-footer-links__label > span.hb-footer-links__label-content {
    line-height: 24px;
    display: grid;
    gap: 4px;
    grid-template-columns: auto 24px;
    align-items: center;
}

[type="checkbox"] + span.hb-footer-links__label-content:not(.lever) {
    padding-left: 28px;
}

[type="checkbox"].filled-in:checked + span.hb-footer-links__label-content:not(.lever)::before {
    top: 2px !important;
}

.hb-footer-links__label > span.hb-footer-links__label-content::after {
    top: 2px !important;
}

span.hb-footer-links__label-content .label-inner-text {
    margin: 0;
}

span.hb-footer-links__label-content .hb-footer-links__label-btn {
    height: 24px;
    cursor: pointer;
}

span.hb-footer-links__label-content .hb-footer-links__label-subtitle {
    grid-column: 1 / -1;
    line-height: 1.5;
}

.date-time-counter {
	position: relative;
	font-size: 14px;
	margin: 0 8px;
	text-align: center;
	width: 30px;
}

.date-time-counter:first-child {
	margin-left: 0;
}

.date-time-counter:after {
	position: absolute;
	text-align: center;
	bottom: -16px;
	width: 100%;
	left: 0;
}

.date-time-counter.gio:after {
	content: 'gg';
}

.date-time-counter.ore:after {
	content: 'ore';
}

.date-time-counter.min:after {
	content: 'min';
}

.date-time-counter.sec:after {
	content: 'sec';
}

.countdown {
	margin-bottom: 16px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.responsive-bg {
	width: 100%;
	padding-top: 56.25%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat; 
}

input[type=text]:not(.browser-default).edit-titolo {
	width: calc(100% - 126px);
}

.countdown__text {
  margin-top: 10px;
}

button.btn.save-btn:disabled {
	background-color: #e0e0e0 !important;
	color: #9e9e9e !important;
}

.chip a {
	color: #404858;
}

.hs-richtext {
	width: 100%;
	display: block;
}

.hs-richtext span,
.hs-richtext span a{
	color: #000 !important;
}

.list_hb_forms .dropdown-content {
	top: 66px !important;
}

input[name="titolo_tipologia_custom"] {
	text-transform: uppercase;
}

.legal-consent-container .hs-form-booleancheckbox-display > span {
	margin-left: 0 !important;
}

.hs-form-booleancheckbox-display > span {
	margin-top: 1.5rem !important;
}

.container-preview label {
	color: #000 !important;
	font-size: 13px !important;
} 

.hs-error-msg {
	width: 100%;
}

label.hs-main-font-element {
	color: red !important;
}

.submitted-message p,
.submitted-message {
	float: none !important;
	font-size: 18px;
	line-height: 100%;
}

.submitted-message:after {
	content: '';
	display: block;
	clear: both;
}

.mostra-form-espanso {
	margin-top: 36px;
}

.tooltip-content {
	text-align: right;
}

.percentuale_cta {
	margin-left: 16px;
	color: #000;
	width: 54px;
	height: 24px;
}

.titolo_cta {
	margin-left: 8px;
}

.cta_item--titolo {
    line-height: 1rem;
	margin: 0;
}

.cta_item--sfdc_campaign_name {
	margin: 4px 0 12px 0;
    color: #9e9e9e;
    font-size: 12px;
    line-height: 1rem;
}

.sortable-th {
	cursor: pointer;
	user-select: none;
}

.sortable-th .material-icons,
.sortable-th--disabled .material-icons {
	opacity: 0;
	position: absolute;
	user-select: none;
}

.sortable-th[aria-sort=ascending] .order-asc {
	opacity: 1;
}

.sortable-th[aria-sort=descending] .order-desc {
	opacity: 1;
}

@media(min-width: 994px) {
	.cta-wrapper .responsive-bg {
		margin-top: 0;	
	}
	.cta-btn {
		margin-left: auto;
		width: auto;
		margin-top: 0;
	}
	.countdown {
		margin-bottom: 0;
		justify-content: start;
	}
	.cta-row-titolo-img {
		flex-direction: row;
	}
	.container-preview {
		width: 50%;
	}
}

.topic-associati .chip:focus {
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
}

.subtopic_row {
	background-color: #ebebeb;
}

.subtopic_row > td:first-child {
	padding-left: 40px;
}

.error-message {
	color: red;
	position: relative;
	left: 0.75rem;
	margin-bottom: 5px;
}

.vertical-center {
	height: calc(100vh - 84px);
}

/* Campaign Edit Style */
.flex-grow-1 {
	flex-grow: 1;
}

.container-form-cta {
    width: 100%;
	padding-top: 3rem;
}

.container-form-campaign form,
.container-form-cta form {
	margin: 0 auto;
	width: 85%;
}

.campaign-sidebar-subtitle{
	justify-content: space-between;
}

.label-inner-subtext {
	margin-top: 0;
}

.campaign-box {
	margin-bottom: 1.5rem;
	border-radius: 2px;
	width: 100%;
	border: solid 1px;
}

.campaign-box-section,
.campaign-box-footer,
.hb-footer-links-section {
	padding: 1rem 1.5rem;
}

.campaign-full-header{
	font-size: x-large;
	border-bottom: solid 1px;
	margin-bottom: 0;
}

.campaign-box-name{
	font-size: 16px;
	margin: 0;
	white-space: nowrap;
}

.campaign-full-header{
	padding: 1rem;
	background-color: #ebebeb;
	display: flex;
	justify-content: space-between;
}

.campaign-box-pretitle,
.campaign-box-title{
	border-bottom: solid 1px;
	margin-bottom: 1rem !important;
	margin-top: 0;
}

.campaign-box-pretitle{
	justify-content: space-between;
	align-items: center;
	padding-bottom: 1rem;
}

.campaign-box-title {
	font-size: xx-large !important;
}

.error-message {
	font-size: 14px;
}

.campaign-box-title input{
	font-size: xx-large !important;
	border: none !important;
}

.lock-mg-container {
	position: relative;
}

.lock-mg-container img.img-iconcina {
	position: absolute;
	right: 0;
	cursor: pointer;
	top: 0
}

.campaign-box p {
	margin-block-start: 0;
}

.campaign-box-pretitle select{
	max-width: 8rem;
}

.campaign-box-two-col{
	gap: 1.5rem;
	margin-top: 1.5rem;
}

.campaign-box-left-col,
.campaign-box-right-col{
	width: 50%;
	display: flex;
	flex-direction: column;
}

.campaign-box-left-col .row label{
	margin-right: 1rem;
}

.campaign-box-section .row,
.campaign-box-footer .row{
	width: 100%;
}

.campaign-box-section .row:has(.normal-text-input),
.campaign-box-footer .row:has(.normal-text-input) {
	padding-right: 0.5rem;
}

.campaign-box-image {
	flex-direction: column;
}

.campaign-box-right-col .responsive-img {
	width: 50%;
}

.campaign_header {
	display: flex;
	flex-direction: column;
	height: 6.667rem;
}

.campaign_header#cta-iframe-campaign,
.campaign_header#cta-popup-campaign {
	height: fit-content;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.cta-campaign-header {
	height: 6.667rem;
}

.campaign_header button {
	background-color: unset;
	color: unset;
	border: unset;
	cursor: pointer;
}

.label-container {
	display: flex;
	align-items: baseline;
}

.label-container .campaign-box-name,
.label-container input::placeholder {
	color: #9e9e9e;
}

.label-container input {
	margin-left: 1rem !important;
}

.label-container.has-value input::placeholder {
	color: #FFF;
}

.campaign-box-footer {
	background-color: #ebebeb;
	border-top: solid 1px;
}

.normal-text-input.campaign-small-box{
	width: auto !important;
	float: none !important;
	max-width: 2.5rem !important;
	padding: 0 !important;
	margin: 0 !important;
	justify-items: center;
}

.campaign-jolly .label-inner-text {
	flex-grow: 4;
}

.campaign-jolly .switch {
	flex-grow: 1;
}

.cursor-pointer {
	cursor: pointer;
}

.remove-chip {
    float: right;
    font-size: 16px;
    line-height: 32px;
    padding-left: 8px;
}

.autocomplete-container {
    position: relative;
    width: 100%;
    min-height: 2rem;
    max-height: 200px;
    background-color: #fff;
    margin: 0;
    overflow-y: auto;
    z-index: 9999;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.autocomplete-container li {
    width: 100%;
    height: 2rem;
    padding: 0.5rem;
    line-height: 1rem;
    cursor: pointer;
}

.autocomplete-container li:hover {
    background-color: #eee;
}

.autocomplete-container p {
    position: absolute;
    width: 100%;
    top: 0;
    margin: 0;
    padding: 0.5rem;
    text-align: center;
    line-height: 1rem;
}

.autocomplete-container.is-loading {
    cursor: wait;
    background-color: #eee;
}

.autocomplete-container.is-loading li {
    cursor: wait;
    color: rgba(0, 0, 0, 0.5);
}

.flex-chip {
    display: inline-flex;
}

.chip-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
}

.chip-content .chip-line {
    line-height: 1;
}

.button-container {
	display: flex;
	gap: 1rem;
}

#pdf-name {
	margin: 0;
}

.insert-button {
	position: relative;
}

.delete-button a,
a.delete-btn {
	color: red;
	cursor: pointer;
}

.insert-button input[type=file] {
	opacity: 0;
	display: none;
}

.hidden {
	display: none;
}

.autocomplete-content {
	margin-top: -20px;
	display: block;
	opacity: 1;
	position: relative;
}

#search:disabled {
	color: #ffffff;
	margin: 0;
	border-bottom: none;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-100px);
    }
	50% {
		opacity: 0.5;
		transform: translateY(50px);
	}
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-down {
    animation-name: fadeInDown;
    animation-duration: 1.5s;
}

@keyframes fadeInUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
	50% {
		opacity: 0.5;
		transform: translateY(50px);
	}
    100% {
        opacity: 0;
        transform: translateY(-100px);
    }
}

.fade-in-up {
    animation-name: fadeInUp;
    animation-duration: 1.5s;
}

.readonly {
	pointer-events: none;
	color: rgba(0, 0, 0, 0.42);
}

.cta-campaign-title-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.hubspot-forms-associati-input{
	display: flex;
}

.subtitle-popup input[type="text"], .campaign-box-title input[type="text"] {
	margin: 0;
}

.active-status {
	color: #00be84;
}

.inactive-status {
	color: #d12c2c;
}

.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg {
	background-color: #333;
}

.container-loader {
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
}

.tabulator-loader {
	border: 0.25rem solid #f3f3f3;
	border-top: 0.25rem solid #3498db;
	border-radius: 50%;
	width: 1.5rem;
	height: 1.5rem;
	animation: tabulator-spin 2s linear infinite;
	margin-right: 0.75rem;
}

@keyframes tabulator-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.tabulator-company {
    margin: 0;
    margin-bottom: 8px;
    font-size: 1rem;
    line-height: 1rem;
    overflow-wrap: break-word;
    white-space: normal;
}

.tabulator-company:last-child {
    margin-bottom: 0;
}