@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
* {
	font-family: 'Poppins', sans-serif;
}


body {
	background: white;
	font-family: 'Poppins', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
div#range-revenue-chart-container {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}

form p {
	font-family: 'Poppins', sans-serif;
	color: white;
	text-align: left;
}

h1, h2, h3, h4, h5 {
	font-family: 'Poppins', sans-serif;
}

form a {
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	float: right;
	margin-top: 20px;
	margin-top: 30px;
	margin-bottom: 10px;
	text-align: right;
}

form a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.login-page {
	padding: 5% 0 0;
	margin: auto;
}

.form {
	position: relative;
	z-index: 1;
	background: #0076be;
	background: #0076be;
	color: white;
	max-width: 450px;
	margin: 0 auto 100px;
	padding: 45px;
	padding-bottom: 6em;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0
		rgba(0, 0, 0, 0.24);
}

.form input {
	font-family: 'Poppins', sans-serif;
	outline: 0;
	background: inherit;
	border-radius: 5px;
	width: 100%;
	border: 0;
	border: 1px solid #ffffff82;
	margin: 0 0 15px;
	padding: 10px;
	margin-top: 10px;
	box-sizing: border-box;
	font-size: 12px;
}

.contact-op {
	max-width: 18em;
	margin: 0 auto;
}

.form input:focus {
	border: 1px solid #ffffff;
}

img.logo-img {
	max-width: 100px;
	margin-bottom: 30px;
}

.form input {
	font-family: 'Poppins', sans-serif;
	outline: 0;
	background: inherit;
	border-radius: 5px;
	width: 100%;
	border: 0;
	border: 1px solid #ffffff82;
	display: block;
	margin: 0 auto;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
	font-size: 12px;
	color: white;
}

.nav {
	text-align: center;
	margin: 0 auto;
}

.nav p {
	font-size: 12px;
}

@media ( max-width : 768px) {
	.nav {
		padding-left: 0em;
	}
}

.login-page form p {
	text-align: center;
	font-size: 16px;
	font-weight: 300;
}

.form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #ffffff82;
}

.form input::-moz-placeholder { /* Firefox 19+ */
	color: #ffffff82;
}

.form input:-ms-input-placeholder { /* IE 10+ */
	color: #ffffff82;
}

.form input:-moz-placeholder { /* Firefox 18- */
	color: #ffffff82;
}

.form select::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #ffffff82;
}

.form select::-moz-placeholder { /* Firefox 19+ */
	color: #ffffff82;
}

.form select:-ms-input-placeholder { /* IE 10+ */
	color: #ffffff82;
}

.form select:-moz-placeholder { /* Firefox 18- */
	color: #ffffff82;
}

input[type=submit] {
	background-color: white;
	color: #007a97;
	font-weight: 600;
}

.error-message {
	font-size: 12px;
	display: inline-flex;
	position: absolute;
	margin: 0 auto;
	margin-left: -8em;
}

body {
	background-color: #F3F6F9;
	font-family: 'Poppins', sans-serif;
}

a {
	text-decoration: none;
	color: #0076be;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
	color: #0076be;
	text-decoration: none;
}

a:hover {
	color: #00aeef;
}

h1 {
	font-size: 1.7em;
	text-align: left;
}

h2 {
	font-size: 1.2em;
	margin-left: 15px;
}

p {
	margin-bottom: 5px;
}

.termini p {
	text-align: justify;
}

.form-control:focus {
	color: #212529;
	background-color: #fff;
	border-color: #212529;
	outline: 0;
	box-shadow: none;
}

.contenedor-modal button {
	position: relative;
	top: 40%;
}

button, input, optgroup, select, textarea {
	margin: 0;
	margin-right: 5px;
	margin-left: 5px;
}

:focus {
	outline: none;
}

p.credit {
	text-align: right;
	margin-right: 2em;
	line-height: 1.5;
}

p.dropdown-toggle {
	text-align: right;
}

.btn-group {
	margin-top: 1em;
}

@media ( min-width : 1400px) {
	.container-lg, .container-sm, .container-xl, .container-xxl {
		max-width: 1920px;
	}
	.container-md {
		max-width: 1620px;
	}
}

.container-sm {
	max-width: 1180px;
}

.contact-us h2 {
	text-align: left;
	margin-left: 0px;
	margin-bottom: 2em;
	font-size: 16px;
}

.contact-us {
	margin-top: 2em;
	margin-bottom: 3em;
}

.me-0 {
	margin-right: -3em !important;
}

.btn-group-sm>.btn, .btn-sm {
	font-size: 16px;
}

@media ( max-width : 1200px) {
	.me-0 {
		margin-right: 0 !important;
	}
}

.navbar {
	background: #0076be;
	background-color: #0076be !important;
	color: white;
	z-index: 1053;
}

.cyance-navbar{
	background-color: #0f003f !important;
    color: white;
	z-index: 1053;
}

.navbar img {
	max-width: 150px;
}

.navbar img.loghi {
	max-width: 200px;
}

.nav-item a {
	color: white;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link
	{
	color: white;
	padding-right: 3em;
	padding-left: 3em;
}

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .show>.nav-link
	{
	color: white;
	padding-right: 3em;
	padding-left: 3em;
	border-radius: 5px;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover
	{
	color: white;
	background-color: #ffffff38;
	padding-right: 3em;
	padding-left: 3em;
}

.nav-left {
	background-color: white;
}

.bottom-group {
	margin-top: 1.5em;
	margin-bottom: 1em;
}

.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus,
	.btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus
	{
	box-shadow: none;
}

.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary,
	.btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle
	{
	color: #fff;
	background-color: #0076be;
	border-color: #0076be;
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
	color: #fff;
	background-color: #0076be;
	border-color: #0076be;
	box-shadow: none;
}

.modal-input {
	border: none;
	border-width: 2px;
	background-color: #ececec;
}

.modal-input:focus {
	border: none;
	border-width: 2px;
	background-color: #ececec;
}

.modal-footer {
	margin: 0 auto;
	border-top: none;
}

.modal.show .modal-dialog {
	transform: none;
	margin-top: 12em;
}

.modal-footer button {
	width: 7em;
}

.clear {
	text-decoration: none;
	border: none;
	background-color: #E2E2E2;
	border-radius: 5px;
	width: 40%;
	font-size: 14px;
	color: #8c8c8c;
	padding: .35rem;
	margin: 0 auto;
}

button.yes {
	text-decoration: none;
	border: none;
	background-color: #E2E2E2;
	border-radius: 5px;
	width: 40%;
	font-size: 14px;
	color: #8c8c8c;
	padding: .35rem;
	margin: 0 auto;
	margin-right: 5px;
	width: 5em;
}

button.yes:hover {
	background-color: #E2E2E2;
	color: #8c8c8c;
}

button.no {
	text-decoration: none;
	border: none;
	background-color: #0076be;
	border-radius: 5px;
	width: 40%;
	font-size: 14px;
	color: white;
	padding: .35rem;
	margin: 0 auto;
	width: 6em;
}

button.no:hover {
	background-color: #0076be;
	color: white;
}

.modal-cancel {
	text-decoration: none;
	border: none;
	background-color: #E2E2E2;
}

.modal-cancel:hover {
	text-decoration: none;
	border: none;
	background-color: #E2E2E2;
}

.search {
	text-decoration: none;
	border: none;
	background-color: #0076be;
	border-radius: 5px;
	width: 40%;
	font-size: 14px;
	padding: .35rem;
	color: white;
}

.cyan-search {
    background-color: #0f003f;
    color: white;
    border: none;
    outline: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-radius: 5px;
    margin-right: 0px;
}

.title {
	margin-top: 1em;
	margin-bottom: 1em;
}

.hr-style {
	margin-top: 2em;
}

hr:not([size]) {
	height: 3px;
}

hr {
	opacity: 1;
	height: 2px;
	color: #02bbee;
}

::-webkit-scrollbar {
	width: 6px;
	height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: rgb(197, 197, 197);
	border-radius: 10px;
}

div.help {
	margin-top: 4em;
	margin-bottom: 2em;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: rgb(145, 145, 145);
}

tbody, td, tfoot, th, thead, tr {
	font-size: 14px;
}

.blue-button {
	background-color: #0076be;
	color: white;
	border: none;
	outline: none;
	width: 7em;
	margin-bottom: 1em;
	font-size: 14px;
	white-space: nowrap;
	margin-top: 1em;
}

.blue-button:hover {
	background-color: #0076be;
	color: white;
}

.delete {
	border: 1px solid #d80000;
	background-color: inherit;
	color: #d80000;
	margin-bottom: 1em;
	width: 7em;
	font-size: 13px;
	white-space: nowrap;
}

.delete:hover {
	border: 1px solid #d80000;
	background-color: inherit;
	color: #d80000;
}

.grey-button {
	background-color: #E4E4E4;
	color: #000000;
	border: none;
	outline: none;
	width: 7em;
	font-size: 13px;
	white-space: nowrap;
	margin-bottom: 1em;
}

.grey-button:hover {
	background-color: #E4E4E4;
	color: #000000;
}

.orange-button {
	background-color: #0076be;
	color: white;
	border: none;
	outline: none;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-radius: 5px;
}

.orange-button-cyance{
	background-color: #0076be;
	color: white!important;
	border: none;
	outline: none;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-radius: 5px;
}

.new-button-orange {
	background-color: #0076be;
	color: white;
	border: none;
	outline: none;
	width: 12em;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-radius: 5px;
	margin-right: 0px;
}

.new-button-orange:hover {
	background-color: #0076be;
	color: white;
	border: none;
	outline: none;
	width: 12em;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-radius: 5px;
	margin-right: 0px;
}

.input-group p {
	text-align: center;
	margin: 0 auto;
	display: block;
}

.modal-header h4 {
	text-align: center;
	margin: 0 auto;
	display: block;
}

.modal-header h5 {
	text-align: center;
	margin: 0 auto;
	display: block;
}

.modal-footer .new-button-orange {
	width: 12em;
}

.position-sticky p {
	font-weight: 500;
}

.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:nth-child(n+3),
	.btn-group>:not(.btn-check)+.btn {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle)
	{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor: default;
}

.orange-button:hover {
	background-color: #0076be;
	color: white;
	border: none;
	outline: none;
}

.first-bottom {
	font-weight: 800;
}

.first-bottom:hover, .first-bottom:focus {
	font-weight: 800;
	color: #6c757d;
	border-color: #6c757d;
	background-color: inherit;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled),
	button:not(:disabled) {
	cursor: pointer;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: #fff;
	background-color: #ffffff1f;
}

li.nav-item a {
	color: white;
	font-size: 14px;
}

li.nav-item.active {
	color: #fff;
	background-color: #ffffff1f;
	border-radius: 5px;
}
.chart-range-employees {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.chart-range-revenue {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
/*chart*/
canvas {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	width: 80%;
	margin: 0 auto;
	display: block;
}

.circle-chart {
	position: relative;
	/*width: 80%;*/
	margin: 0 auto;
	display: block;
}

.charts {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}

.mtd {
	display: inline-block;
	background-color: white;
	padding: 5px;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#doughnut {
	width: 100%;
}

#doughnut2 {
	width: 100%;
}

ul.doughnut-legend {
	margin-left: 0;
}

.chart-legend {
	margin-top: 5px;
}

.chart-legend li {
	display: inline-block;
	font-size: 12px;
	margin-left: 10px;
}

.chart-legend li span {
	display: inline-block;
	position: relative;
	width: 10px;
	height: 10px;
	top: 1px;
	border-radius: 50px;
	margin-right: 3px;
}

#chartjs-tooltip {
	opacity: 1;
	position: absolute;
	background: none;
	color: #4d4d4d;
	font-size: 12px;
	padding: 3px;
	box-shadow: 0 3px 3px rgb(0 0 0/ 20%);
	background-color: white;
}

.chart2 {
	background-color: white;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}

#chartjs-tooltip2 {
	opacity: 1;
	position: absolute;
	background: none;
	color: #4d4d4d;
	font-size: 12px;
	padding: 3px;
	box-shadow: 0 3px 3px rgb(0 0 0/ 20%);
	background-color: white;
}

#chartjs-tooltip.below {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

#chartjs-tooltip2.below {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

#chartjs-tooltip.below:before {
	border: solid;
	border-color: #111 transparent;
	border-color: rgba(255, 255, 255, 0.8) transparent;
	border-width: 0 8px 8px 8px;
	content: "";
	display: block;
	left: 50%;
	position: absolute;
	z-index: 99;
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}

#chartjs-tooltip2.below:before {
	border: solid;
	border-color: #111 transparent;
	border-color: rgba(255, 255, 255, .8) transparent;
	border-width: 0 8px 8px 8px;
	content: "";
	display: block;
	left: 50%;
	position: absolute;
	z-index: 99;
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}

#chartjs-tooltip.above {
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}

#chartjs-tooltip2.above {
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}

#chartjs-tooltip.above:before {
	border: solid;
	border-color: #111 transparent;
	border-color: rgba(255, 255, 255, .8) transparent;
	border-width: 5px 5px 0 5px;
	bottom: 1em;
	content: "";
	display: block;
	left: 50%;
	top: 100%;
	position: absolute;
	z-index: 99;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

#chartjs-tooltip2.above:before {
	border: solid;
	border-color: #111 transparent;
	border-color: rgba(255, 255, 255, .8) transparent;
	border-width: 5px 5px 0 5px;
	bottom: 1em;
	content: "";
	display: block;
	left: 50%;
	top: 100%;
	position: absolute;
	z-index: 99;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

/*Linee Chart*/
ul p {
	font-size: 12px;
}

.wrap {
	margin: 0 auto;
	padding: 5px;
	max-width: 750px;
	margin-left: 10px;
}

/* Bar Graph Class */
.barGraph {
	position: relative;
	width: 100%;
	height: auto;
	max-height: 900px;
	display: block;
	overflow: hidden;
	overflow-y: auto;
}

.barGraph-map {
	position: relative;
	width: 100%;
	height: auto;
/* 	max-height: 520px; */
	display: block;
	overflow: hidden;
	overflow-y: auto;
}
.barGraph-map li > span {
	font-family: 'Roboto Mono', monospace;
}

@media ( max-width : 1440px) {
	.barGraph-map {
		max-height: 540px;
	}
}


.barGraph-map li {
	padding: 2px;
	border-bottom: 1px solid #f0f0f0;
	width: 90%;
	text-align: left;
	margin: 0 auto;
}

.graph {
	position: relative;
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: calc(96%);
	padding-right: 10px;
}

.graph-barBack {
	border-radius: 2px;
	margin-bottom: 10px;
	display: block;
	border-radius: 10px;
	margin-right: 50px;
}

.graph-bar {
	background-color: #0076be;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
	border-radius: 2px;
	cursor: inherit;
	margin-bottom: 10px;
	position: relative;
	z-index: 100;
	display: block;
	height: 8px;
	border-radius: 20px;
	width: 0%;
	content: attr(data-value);
}

.graph-bar:hover {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: #0076be;
}

.graph-bar:last-child {
	margin-bottom: 0;
}

.graph-bar:after {
	content: attr(data-value);
	display: none;
	font-size: 12px;
	border-radius: 4px;
	color: #000;
	font-weight: 700;
	float: right;
	margin-right: -48px;
	margin-top: -5px;
}

.graph-bar:after {
	display: block;
}

.graph-legend {
	position: absolute;
	margin-right: 10px;
	left: -40px;
	z-index: 9999;
}
/* Line Graph */
.line {
	background-color: white;
	border-radius: 5px;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.lineChart {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-radius: 3px;
	border: 2px solid rgba(113, 125, 149, 0.45);
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 300px;
}

.lineChart svg {
	position: absolute;
	z-index: 999;
}

.lineChart circle {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	position: relative;
	cursor: pointer;
	stroke: #59bac0;
	stroke-width: 3;
	fill: #59bac0;
}

.lineChart circle:hover {
	stroke-width: 8;
}

.lineChart line {
	stroke: #717d95;
	stroke-width: 4;
}

.trend line {
	stroke: rgba(204, 51, 51, 0.8);
}

/*End line chart*/

/*italy*/
.map {
	background-color: white;
	border-radius: 5px;
	margin-bottom: 10px;
}

.map ul {
	list-style-type: none;
	font-size: 12px;
	padding-left: 0px;
	line-height: 2;
	text-transform: capitalize;
}

.p {
	font-family: 'Poppins', sans-serif;
	text-align: center;
}

.map svg {
	height: auto;
	max-width: 300px;
	margin: 0 auto;
	display: block;
}

.map g {
	fill: #ececec;
	stroke: white;
	stroke-width: 1;
}

.map g:hover {
	fill: #0082A6 !important;
}

.info_panel {
	background-color: rgba(255, 255, 255, 1);
	padding: 5px;
	font-size: 12px;
	font-family: 'Poppins', sans-serif;
	display: block;
	position: absolute;
	border: 1px solid #e6e6e6;
	color: #212529;
	white-space: nowrap;
	border-radius: 3px;
}

.info_panel::first-line {
	font-weight: 300;
	font-size: 12px;
}

/*the end Italy*/

/*footer*/
a.footer {
	color: black;
}

a.nav-link {
	color: #212529;
	font-size: 12px;
}

.me-2 {
	float: right;
}

div.client {
	background-color: #ffffff2b;
	margin: 5px;
	width: 12em;
	padding: 8px;
	border-radius: 5px;
}

.client p {
	display: inline;
	float: right;
}

.py-4 {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}

.card {
	border: none;
	background-color: none;
	border-radius: none;
}

.gutter-b {
	margin-bottom: 30px;
}

.card.card-custom.card-stretch.gutter-b {
	height: calc(100% - 30px);
}

.card.card-custom.card-stretch.card-stretch-half.gutter-b {
	height: calc(50% - 30px);
}

form input {
	margin: 0 auto;
	width: 100%;
	max-width: 25em;
	border: none;
	border-radius: 5px;
	margin-top: 2em;
	margin-bottom: 1em;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	display: block;
}

form textarea {
	padding-left: 8px;
	margin: 0 auto;
	border: none;
	padding-bottom: 5em;
	border-radius: 5px;
	margin-top: 2em;
	margin-bottom: 1em;
	display: block;
	width: 100%;
	max-width: 25em;
}

.form h2 {
	text-align: center;
	margin-top: 2em;
}

input.button {
	color: white;
	background-color: #0076be;
	max-width: 15em;
}

.text-form {
	margin-top: 0.8em;
}

.page-404 {
	width: 100%;
	max-width: 25em;
	margin: 0 auto;
	display: block;
}

.page-404 img {
	margin: 0 auto;
	display: block;
	margin-top: 3em;
	max-width: 11em;
}

.page-404 h1 {
	font-size: 90px;
	text-align: center;
	font-weight: 900;
	margin-top: 10px;
}

.page-404 h2 {
	text-align: center;
	font-size: 28px;
}

.page-404 button {
	width: 100%;
	max-width: 12em;
	border: none;
	color: white;
	background-color: #0076be;
	border-radius: 5px;
	margin: 0 auto;
	display: block;
	margin-top: 1em;
}

li.dropdown {
	text-decoration: none;
	list-style-type: none;
}

li a.dropdown-item {
	color: black;
	text-decoration: none;
	display: contents;
	margin-left: 5px;
}

li a.dropdown-item:hover {
	color: black;
}

.fa-sign-out, .fa-plus, .fa-sign-out-alt, .fa-key, .fa-users {
	margin-left: 10px;
	margin-right: 5px;
}

.dropdown-item.active, .dropdown-item:active {
	color: #000;
	text-decoration: none;
	background-color: inherit;
}

.dropdown-menu {
	min-width: 12rem;
}

.dropdown-item {
	padding: .0rem 1rem;
}

.dropdown-item:focus, .dropdown-item:hover {
	color: inherit;
	background-color: inherit;
}

li.credit:hover {
	color: #0076be;
}

li.credit {
	color: #0076be;
	font-weight: 600;
}

.dropdown-menu:before {
	position: absolute;
	content: "";
	top: -6px;
	right: 30px;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 6px solid #FFF;
}

.select2-results__option {
	padding-right: 20px;
	vertical-align: middle;
	border-bottom: 1px solid #eaeaea;
	font-size: 13px;
	margin-left: 10px;
	margin-right: 10px;
}

.select2-results__option:before {
	content: "";
	position: relative;
	height: 20px;
	width: 20px;
	display: inline-block;
	border: 2px solid #e9e9e9;
	border-radius: 4px;
	background-color: #fff;
	margin-right: 10px;
	vertical-align: middle;
	display: inline-table;
}

.select2-results__option[aria-selected=true]:before {
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
	color: #fff;
	background-color: #0076be;
	border: 0;
	padding-left: 3px;
	display: inline-table;
}

.select2-container--default .select2-results__option[aria-selected=true]
	{
	background-color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]
	{
	background-color: white;
	color: #272727;
}

li .select2-results__option .select2-results__option--highlighted {
	display: flex;
}

.select2-container--default .select2-selection--multiple {
	margin-bottom: 10px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple
	{
	border-radius: 4px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple
	{
	border: none;
	border-width: 2px;
	border-bottom: 1px solid #c1c1c1;
	background-color: inherit;
}


.second-section {
	background-color: #c1c1c1;
	padding: -10px;
	margin-right: -10px;
	padding-right: 10px;
	margin-left: -10px;
	padding-left: 10px;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.terza-section {
	background-color: #a7a7a7;
	padding: -10px;
	margin-right: -10px;
	padding-right: 10px;
	margin-left: -10px;
	padding-left: 10px;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.select2-container--default .select2-selection--multiple {
	border-width: 2px;
}

.select2-container--open .select2-dropdown--below {
	border-radius: 6px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.select2-selection .select2-selection--multiple:after {
	content: 'hhghgh';
}

/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge {
	display: none;
}

.select-icon .placeholder {
	display: none;
}

.select-icon .select2-results__option:before, .select-icon .select2-results__option[aria-selected=true]:before
	{
	display: none !important;
	/* content: "" !important; */
}

.select-icon  .select2-search--dropdown {
	display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice
	{
		background-color: #d4d4d4;
		border: none;
		border-radius: 5px;
}

.select2-container--default .select2-selection--multiple {
	border: none;
	border-bottom: 1px solid #c1c1c1;
	background-color: inherit;
	font-size: 13px;
	border-radius: 0px;
	cursor: default;
}

.select2-selection .select2-container--default .select2-selection--disabled
	{
	opacity: 0.5;
}



.select2-container--flat .select2-selection--single .select2-selection__arrow
	{
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
}

.select2-container--flat .select2-selection--single .select2-selection__arrow b
	{
	border-color: #fff transparent transparent transparent;
	top: 60%;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	width: 0;
}

.select2-selection--multiple:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 15px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #b9b9b9;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered
	{
	width: 95%;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear
	{
	display: none;
}

.select2-container--default .select2-results__option[role=group]:before
	{
	display: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered
	{
	white-space: inherit;
}


.select2-container--default .select2-results__option[role=group] {
	padding: 0;
	display: block;
}


/*seconda select 2*/

.icon .select2-results__option {
	padding-right: 20px;
	vertical-align: middle;
	border-bottom: 1px solid #eaeaea;
	font-size: 13px;
	margin-left: 10px;
	margin-right: 10px;
	
}

.icon .select2-results__option:before {
	content: "";
	position: relative;
	height: 20px;
	width: 20px;
	display: inline-block;
	border: 2px solid #e9e9e9;
	border-radius: 4px;
	background-color: #fff;
	margin-right: 10px;
	vertical-align: middle;
	display: inline-table;
}


.icon .select2-results__option[aria-selected=true]:before {
	content:"\f00c";
	font-family:"Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
	color: #fff;
	background-color: #0076be;
	border: 0;
	padding-left: 3px;
	display: inline-table;
}


.create-user .select2-container--default .select2-results__option[aria-selected=true]
	{
	background-color: #fff;


}

.create-user .select2-container--default .select2-results__option--highlighted[aria-selected]
	{
	background-color: white;

	color: #272727;
}

.create-user li .select2-results__option .select2-results__option--highlighted {
	display: flex;
}

.create-user .select2-container--default .select2-selection--multiple {
	margin-bottom: 10px;
}

.create-user .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple
	{
	border-radius: 4px;
}

.create-user .select2-container--default.select2-container--focus .select2-selection--multiple
	{
	border: none;
	border-width: 2px;
	color: #212529;
    border: 1.5px solid #000000;
    border-color: #000000;
	background-color: #ffffff;
}

.create-user .select2-container--default .select2-selection--single:focus,.select2-container--default .select2-selection--single:active {
   
    color: #212529;
    border: 1.5px solid #000000;
    border-color: #000000;
}


.create-user .select2-dropdown {
   
    z-index: 1000;
}
.create-user .second-section {
	background-color: #ffffff;
	padding: -10px;
	margin-right: -10px;
	padding-right: 10px;
	margin-left: -10px;
	padding-left: 10px;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.create-user .terza-section {
	background-color: #ffffff;
	padding: -10px;
	margin-right: -10px;
	padding-right: 10px;
	margin-left: -10px;
	padding-left: 10px;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.create-user .select2-container--default .select2-selection--multiple  {
	border-width: 2px;
}

.create-user .select2-container--open .select2-dropdown--below {
	border-radius: 6px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.create-user .select2-selection .select2-selection--multiple:after {
	content: 'hhghgh';
}

/* select with icons badges single*/
.create-user .select-icon .select2-selection__placeholder .badge {
	display: none;
}

.create-user .select-icon .placeholder {
	display: none;
}

.create-user .select-icon .select2-results__option:before, .select-icon .select2-results__option[aria-selected=true]:before
	{
	display: none !important;
	/* content: "" !important; */
}

.create-user .select-icon  .select2-search--dropdown {
	display: none;
}

.create-user .select2-container--default .select2-selection--multiple .select2-selection__choice
	{
	background-color: #e9e9e9;
	border: none;
	border-radius: 5px;
}

.create-user .select2-container--default .select2-selection--multiple {
	background-color: #fff;
	border: 1px solid #ced4da;

	font-size: 13px;
	border-radius: 5px;
	cursor: default;
}

.create-user .select2-selection .select2-container--default .select2-selection--disabled
	{
	opacity: 0.5;
}




.create-user .select2-container {
 
    display: block;
   
}
.create-user .select2-container--flat .select2-selection--single .select2-selection__arrow
	{
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
}

.create-user .select2-container--flat .select2-selection--single .select2-selection__arrow b
	{
	border-color: #fff transparent transparent transparent;
	top: 60%;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	width: 0;
}

.create-user .select2-selection--multiple:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 15px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #b9b9b9;
}

.create-user .select2-container--default .select2-selection--multiple .select2-selection__rendered
	{
	width: 95%;
}

.create-user .select2-container--default .select2-selection--multiple .select2-selection__clear
	{
	display: none;
}

.create-user .select2-container--default .select2-results__option[role=group]:before
	{
	display: none;
}

.create-user .select2-container .select2-selection--multiple .select2-selection__rendered
	{
	white-space: inherit;
}

.create-user .select2-container--default .select2-results__option[role=group] {
	padding: 0;
	display: block;
}

.create-user .select2-container .select2-selection--single {
    height: 38px;
}

.create-user .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
}

.create-user .select2-container .select2-selection--multiple {
    min-height: 38px;

}

 .select2-container {
    display: block;
    width: auto!important;
}


.select2-container--default .select2-selection--single .select2-selection__arrow b {
	content: "";
    position: absolute;
    right: 10px;
    top: 15px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #b9b9b9;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #b9b9b9;
}

.create-user .select2-container--default .select2-selection--single {
    background-color: #fff;
	border: 1px solid #ced4da;
    border-radius: 4px;
}

/*end*/

.chart h2, .chart2 h2, .chart-line h2, .map h2, .map-uk h2 {
	text-align: left;
	padding: 5px;
	padding-top: 10px;
}

.img-people {
	margin-right: 5px;
}

.dropdown-toggle {
	white-space: initial;
}

.logout-menu {
	margin: 0 auto;
	display: block;
	margin-right: var(- -bs-gutter-x, 3rem);
	background-color: #ffffff26;
	border-radius: 5px;
	max-width: 15em;
}

@media ( max-width : 1200px) {
	.logout-menu {
		margin: 0 auto;
		display: block;
		background-color: #ffffff26;
		border-radius: 5px;
		max-width: 15em;
		
	}
}

.chart-circle {
	width: 100%;
	max-width: 350px;
	margin: 15px auto;
	font-family: 'Poppins', sans-serif;
}

.chart-circle2 {
	width: 100%;
	height: 100%;
	margin: 15px auto;
	font-family: 'Poppins', sans-serif;
}

:disabled {
	background-color: transparent;
}

canvas {
	font-family: 'Poppins', sans-serif;
}

.orange-button:disabled {
	background-color: #ffe6b0;
	color: white;
}

/*Chart bar*/
g.highcharts-axis-labels {
	width: 100%;
}

.select2-container--disabled {
	opacity: 0.5;
}

path.highcharts-axis-line {
	display: none;
}

.highcharts-point .highcharts-color-0 {
	width: 10px;
}

#container {
	height: auto;
}

.chart-bar {
	width: 100%;
	height: 300px;
	min-width: 310px;
	max-width: 800px;
}

.navbar .people-img {
	max-width: 25px;
	float: left;
}

ol, ul {
	padding-left: 0rem;
}

.chart-legend {
	text-align: center;
}

h4 {
	font-size: 16px;
}


.me-2 {
	margin-right: 0px !important;
}

.select2-container--default .select2-results__option[role=group] {
	padding: 0;
	display: block;
}

.save-search {
	text-decoration: none;
	border: none;
	background-color: #0076be;
	border-radius: 5px;
	width: 40%;
	font-size: 14px;
	padding: .35rem;
	color: white;
}

.invalid-feedback {
	margin: 6px;
}

.button-search {
	max-width: 10em;
}

.btn-check:active+.btn-outline-secondary:focus, .btn-check:checked+.btn-outline-secondary:focus,
	.btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus,
	.btn-outline-secondary:active:focus {
	box-shadow: none;
}

.div-botton {
	width: fit-content;
	margin: 0 auto;
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
}

button.text-button {
	background-color: inherit;
	border: none;
	cursor: text;
	width: 13em;
}

button.text-button:hover {
	background-color: inherit;
	border: none;
	cursor: text;
	color: #6c757d;
}

button.buy-all {
	width: 8em;
	background-color: #0076be;
	color: white;
	border: none;
	outline: none;
}

button.buy-all:hover {
	width: 8em;
	background-color: #0076be;
	color: white;
	border: none;
	outline: none;
}

button.buy {
	width: 8em;
	background-color: #0076be;
	color: white;
	border: none;
	outline: none;
}

button.buy:hover {
	width: 8em;
	background-color: #0076be;
	color: white;
	border: none;
	outline: none;
}

.btn-all {
	max-width: 5em;
	background-color: orange;
}

.buy-p {
	text-align: center;
	margin-bottom: 2em;
}

@media ( max-width : 500px) {
	.div-botton {
		display: flex;
	}
	.div-botton {
		width: auto;
	}
}

text.highcharts-credits {
	display: none;
}

/*card*/
.pricing .card {
	border: none;
	height: calc(100% - 10px);
	border-radius: 1rem;
	transition: all 0.2s;
	box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.pricing hr {
	margin: 1.5rem 0;
}

.pricing .card-title {
	color: #0076be;
	margin: 0.5rem 0;
	font-size: 0.9rem;
	letter-spacing: .1rem;
	font-weight: bold;
}

.pricing .card-price {
	font-size: 3rem;
	margin: 0;
}

.pricing .card-price .period {
	font-size: 0.8rem;
}

.pricing ul li {
	margin-bottom: 1rem;
}

.pricing .text-muted {
	opacity: 0.7;
}

.pricing .btn {
	font-size: 80%;
	border-radius: 5rem;
	letter-spacing: .1rem;
	font-weight: bold;
	padding: 1rem;
	opacity: 0.7;
	transition: all 0.2s;
}

/* Hover Effects on Card */
@media ( min-width : 992px) {
	.pricing .card:hover {
		margin-top: -.25rem;
		margin-bottom: .25rem;
		box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
	}
	.pricing .card:hover .btn {
		opacity: 1;
	}
}

ul li.element-li {
	color: #ababab;
	font-size: 13px;
	margin-bottom: 5px;
	margin-top: 10px;
}

img.img-price {
	max-width: 100px;
	margin: 0 auto;
	display: block;
}

caption.legenda {
	font-size: 12px;
	margin-left: 10px;
}

.add-on-first thead th {
	font-weight: 700;
	color: #adb2b7;
	text-transform: uppercase;
}

.add-on-first th {
	font-weight: 400;
}

.add-on-first i.fa-times {
	color: #adb2b7;
}

.add-on-first i.fa-check {
	color: #0076be;
}

.add-on-title h1, .add-on-title p {
	text-align: center;
}
/*prova card 2*/
.card-header img {
	max-width: 30px;
	float: left;
}

.card-header {
	background-color: #02bbee;
	color: white;
	text-align: center;
	text-transform: uppercase;
}

.card {
	height: calc(100% - 5px);
}

.mb-4 {
	margin-bottom: 3rem !important;
}

.tr-spezzata th {
	color: #0076be;
	font-weight: 700;
	width: 18em;
}

.add-on {
	background-color: white;
	border-radius: 10px;
	box-shadow: 0 0.5rem 1rem 0 rgb(0 0 0/ 10%);
}

.add-on thead {
	background-color: #0076be;
	color: white;
	vertical-align: middle;
}

.add-on thead th {
	font-weight: 700;
}

.add-on th {
	font-weight: 700;
}

.add-on i {
	color: #e8e8e8;
}

.add-on i.fa-minus {
	color: #e8e8e8;
}

.add-on tbody tr:hover {
	background-color: #f3f6f9;
}

h1.pricing-card-title {
	
	color: #a9a9a9;
    font-size: 16px;
	text-align: center;
}
tbody, td, tfoot, th, thead, tr {
    font-size: 12px;
}

.fw-light {
	font-size: 16px;
}

i.fa-check{
	color: #95d947;
	font-size: 16px;
}
a.description {
	position: absolute;
	bottom: 20px;
	width: 96%;
	text-align: center;
	color: #c1c1c1;
	text-decoration: underline;
}

a.description:hover {
	color: #c1c1c1;
	text-decoration: underline;
}

.height-h1 {
	height: 4em;
}

.card-pay {
	margin-bottom: 3em;
	font-size: 14px;
	border-radius: 1rem;
	box-shadow: 0 0.5rem 1rem 0 rgb(0 0 0/ 10%);
	height: 400px;
}

.card-pay-hist {
	margin-bottom: 3em;
	font-size: 14px;
	border-radius: 1rem;
	box-shadow: 0 0.5rem 1rem 0 rgb(0 0 0/ 10%);
}

.card-pay-hist:hover {
	margin-top: -.25rem;
	box-shadow: 0 0.5rem 1rem 0 rgb(0 0 0/ 30%);
}

.card-pay-2 {
	margin: 0 auto;
	margin-bottom: 1.5em;
	border-radius: 1rem;
	box-shadow: 0 0.5rem 1rem 0 rgb(0 0 0/ 10%);
}

.card-pay-2:hover {
	top: -.25rem;
	box-shadow: 0 0.5rem 1rem 0 rgb(0 0 0/ 30%);
}

.card-pay:hover {
	box-shadow: 0 0.5rem 1rem 0 rgb(0 0 0/ 30%);
}

@media ( max-width : 992px) {
	.height-h1 {
		height: auto;
	}
}

@media ( max-width : 1200px) {
	.card {
		height: calc(100% - 10px);
	}
}

.sub-title p {
	margin-bottom: 7em;
	text-align: center;
}

.container-space {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.card-header:first-child {
	border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0;
}

.card-pay h4 {
	font-size: 15px;
}

ul {
	padding-left: 1rem;
	list-style-type: disc;
}

tbody tr.tr-spezzata {
	background-color: #e8e8e8;
}

tbody tr.tr-spezzata:hover {
	background-color: #e8e8e8;
}

.tr-spezzata th {
	color: #0076be;
	font-weight: 700;
}

.fa-chevron-left, .fa-chevron-right {
	font-size: 25px;
	color: #02bbee;
}

.owl-prev {
	height: 54px;
	position: absolute;
	top: 50%;
	width: 27px;
	z-index: 1000;
	left: -3%;
	cursor: pointer;
	color: transparent;
	margin-top: -27px;
}

.owl-next {
	height: 54px;
	position: absolute;
	top: 50%;
	width: 27px;
	z-index: 1000;
	right: -3%;
	cursor: pointer;
	color: transparent;
	margin-top: -27px;
}

/*card 5*/
.card-pay-2 h4 {
	font-size: 15px;
}

.card-pay-2 h1.pricing-card-title {
	font-size: 16px;
}

.card-body h3{
	font-size: 20px;
	text-align: center;
	color: #02bbee;
	font-weight: 600;
}

.card-pay-2 ul {
	font-size: 14px;
}

.card-pay-2 small {
	font-size: 14px;
}

.card-pay-2 a.description {
	font-size: 14px;
}

.card-pay-2 .height-h1 {
	height: 4em;
}

.card-pay-2 .card-body {
	padding: 0.5rem 0.5rem;
}

.tooltip.show {
	opacity: 1
}

.tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
	top: -1px;
	border-width: .4rem .4rem 0;
	border-top-color: #fff
}

.tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
	right: -1px;
	border-width: .4rem .4rem .4rem 0;
	border-right-color: #fff
}

.tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
	bottom: -1px;
	border-width: 0 .4rem .4rem;
	border-bottom-color: #fff
}

.tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
	left: -1px;
	border-width: .4rem 0 .4rem .4rem;
	border-left-color: #fff
}

.tooltip-inner {
	max-width: 250px;
	padding: .25rem .5rem;
	color: #000;
	text-align: left;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #fff;
	white-space: pre-wrap;
}

.fa-info-circle {
	color: #c9c9c9;
	font-size: 14px;
}

@media ( max-width : 1200px) {
	.card-pay-2 .card-header:first-child {
		height: 4em;
	}
}

@media ( max-width : 996px) {
	.card-pay-2 h4 {
		font-size: 13px;
	}
}

@media ( max-width : 996px) {
	.card-pay-2 small {
		font-size: 12px;
	}
}

.btn-close {
	font-size: 12px;
}

#regiration_form fieldset:not(:first-of-type) {
	display: none;
}

.progress-bar {
	background-color: #0076be;
}

.progress-bar-striped {
	background-image: none;
	background-size: 1rem 1rem;
}

fieldset h3 {
	font-size: 18px;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: left;
}

fieldset input {
	max-width: 20em;
	margin: 0 auto;
	display: block;
}

input.previous {
	text-decoration: none;
	border: none;
	background-color: #E2E2E2;
	border-radius: 5px;
	width: 10em;
	font-size: 14px;
	color: #8c8c8c;
	padding: .35rem;
	margin: 0 auto;
}

input.next {
	text-decoration: none;
	border: none;
	background-color: #0076be;
	border-radius: 5px;
	width: 10em;
	font-size: 14px;
	padding: .35rem;
	color: white;
}

input.next:hover, input.next:active {
	background-color: #0076be;
	color: white;
}

input.choice {
	text-decoration: none;
	border: none;
	background-color: #0076be;
	border-radius: 5px;
	width: 10em;
	font-size: 14px;
	padding: .35rem;
	color: white;
}

input.choice:hover, input.choice:active {
	background-color: #0076be;
	color: white;
}

.modal-header .close {
	margin: 0px;
	padding: 10px;
}

.close {
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
}

button.close {
	padding: 0;
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
}

.close:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.btn-info, .btn-info:hover, .btn-info:focus {
	color: #fff;
	background-color: #0076be;
	border-color: #0076be;
}

.form-group {
	margin-bottom: 2rem;
}

fieldset {
	text-align: center;
}

fieldset p {
	color: #000;
}

.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus,
	.show>.btn-info.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active,
	.show>.btn-info.dropdown-toggle {
	color: #fff;
	background-color: #0076be;
	border-color: none;
}

.delete-modal {
	align-items: end;
}

.form-contact-us {
	margin: 0 auto;
	width: 100%;
	max-width: 25em;
	border: none;
	border-radius: 5px;
	margin-top: 2em;
	margin-bottom: 1em;
	color: #6c757d;
	background-color: #fff;
	border: 1px solid #ced4da;
}

.form-contact-us:focus {
	color: #212529;
	border-color: #212529;
	outline: 0;
	box-shadow: none;
}

.contact-us-form textarea {
	color: #212529;
	border: 1px solid #ced4da;
	margin-top: 1em;
	font-size: 14px;
}

form.contact-us-form input {
	padding-bottom: 5px;
}

a.a-form {
	text-align: left;
	color: #0076be;
	margin-top: 0px;
	float: inherit;
	font-size: 14px;
}

a.a-form:hover {
	text-align: left;
	color: #0076be;
	margin-top: 0px;
	float: inherit;
}

p.require-all {
	color: #212529;
	margin-top: 1em;
	font-size: 14px;
	text-align: center;
}

.form-check .form-check-input {
	margin-left: -1em;
}

.form-check-label {
	font-size: 14px;
	text-align: center;
}

.form-check {
	margin-top: 1em;
	margin-bottom: 1em;
	max-width: 25em;
	margin: 0 auto;
}

.g-recaptcha div {
	margin: 0 auto;
	display: block;
}

button.submit-contact-us {
	background-color: #0076be;
	color: white;
	margin: 0 auto;
	display: block;
	margin-top: 2em;
	margin-bottom: 2em;
}

button.submit-contact-us:hover {
	background-color: #0076be;
	color: white;
}

.contact-us-form input, .contact-us-form select {
	margin-top: 1em;
	margin-bottom: 2em;
	font-size: 14px;
}

.contact-us-form input.form-check-input {
	margin-top: .1em;
}

.trial-input input {
	margin-left: 0px;
}

.trial-input .invalid-feedback {
	margin: 6px;
}

.trial-input {
	max-width: 26.5em;
	margin: 0 auto;
}

.tiral-page h2 {
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
	margin-left: 0px;
}

.save-trial, .save-trial:hover {
	background-color: #0076be;
	max-width: 8em;
	color: white;
	border-radius: 5px
}

.new-trial, .new-trial:hover {
	background-color: #02bbee;
	max-width: 8em;
	color: white;
	border-radius: 5px
}

.cancel-trial, .cancel-trial:hover {
	background-color: #E2E2E2;
	max-width: 8em;
	color: #8c8c8c;
	border-radius: 5px
}

.button-trial {
	margin: 0 auto;
	display: block;
	max-width: 8.5em;
	height: 9em;
}

h2.contact-vers-two {
	margin: 0 auto;
	margin-bottom: 2em;
}

.trial .modal-header {
	border-bottom-right-radius: calc(.3rem - 1px);
	border-bottom-left-radius: calc(.3rem - 1px);
}

.text-form h1 {
	color: #0076be;
	margin-bottom: 1em;
	font-weight: 900;
}

img.contact-image {
	max-width: 90%;
}

.contact-us-form {
	margin-top: 4.5em;
}

.text-thanks h2 {
	text-align: center;
}

.text-thanks h1 {
	color: #0076be;
	text-align: center;
	margin-bottom: 1em;
	font-weight: 900;
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
	.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu)
	{
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
}

.nav-link:focus, .nav-link:hover {
	color: #ffffff;
}

.nav-link {
	color: #ffffff;
}

span.span-number {
	color: #0076be;
	font-weight: bold;
}

input.form-check-input {
	text-align: left;
	margin-left: 0px;
	margin-top: .2rem;
}

label.form-check-label {
	text-align: left;
	margin-left: 2em;
}

fieldset label {
	text-align: left;
}

.form-group {
	text-align: left;
}

.form-check-input {
	position: absolute;
}

.input-buy {
	border-bottom: 1px solid #ececec;
	border-radius: 0px;
}

form input.input-buy {
	display: grid;
	margin-top: 0px;
	padding-top: 0px;
	margin: initial;
	margin-left: 1.5em;
	padding-bottom: 0px;
	max-width: 15em;
}

label {
	display: initial;
}

.form-check-input:checked {
	background-color: #0076be;
	border-color: #0076be;
}

input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0;
}

.wizard-a, .wizard-a:hover {
	float: none;
	color: #0076be;
	font-size: 16px;
}

.trial-input label {
	margin-top: 1.5em;
	display: block;
}

.alert {
	margin-bottom: 0rem;
}

.alert-warning {
	color: #000000;
	text-align: center;
}

.alert {
	padding: .5rem .5rem;
}

.alert-dismissible .btn-close {
	padding: .8rem .8rem;
}

.forgot-pass p {
	text-align: center;
}

img.image-reset-pass {
	max-width: 100px;
	margin: 0 auto;
	display: block;
}

img.image-reset-pass {
	max-width: 100px;
	margin: 0 auto;
	display: block;
}

button.back-to, button.back-to:hover {
	color: white;
	background-color: #0076be;
	width: 12em;
	border-radius: 5px;
}

.flex-parent {
	display: flex;
}

.jc-center {
	justify-content: center;
}

button.margin-right {
	margin-right: 10px;
}

.dropdown-item li .fas {
	width: 25px;
	margin: 0;
	margin-left: 5px;
	text-align: center;
}

.dropdown-item li {
	margin-bottom: .25rem;
}


/*DaaS Plus*/
.space-row{
	padding-left: 0px;
	padding-right: 0px;
}

.title-index{
	font-size: 18px;
	color: #0076be;

}
.title-index-cyance {
	font-size: 18px;
	color: #0f003f;
}
#searchNameSpan{
	color: #0076be;
	font-weight: bold;
}

.position-sticky p {
    font-weight: 400;
    font-size: 14px;
}
.daas-plus{
	background-color:#0076be;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.cyan-daas-plus{
	background: #0f003f;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.daas-plus h4, .daas-plus p{
	color: white;
}

.daas-plus .fa-info-circle {
    color: #ffffff;
    font-size: 14px;
}


.daas-plus .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
    border-width: 2px;
    border-bottom: 1px solid #fff;
    background-color: inherit;
}

.daas-plus .select2-container--default .select2-selection--multiple {
	border: none;
	border-bottom: 1px solid #fff;
	background-color: inherit;
	font-size: 13px;
	border-radius: 0px;
	cursor: default;
}

.daas-plus .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ffffff4d;
    color: white;
}

.daas-plus  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
}

.daas-plus ::-webkit-input-placeholder{
	color:#ffffff8a;
	opacity:1
	}

	::-webkit-input-placeholder{
		color:#d4d4d4;
		opacity:1
		}


		.last-search .card{
			height: auto;
			border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0;
			font-weight: 300;
		}

		.last-search .card strong{
			font-weight: 500;
		}

		.last-search .card p{
			color: #646464;
			font-size: 14px;
		}
		.last-search .card-search{
			margin: 0 auto;
			border-radius: 1rem;
			box-shadow: 0 0.5rem 1rem 0 rgb(0 0 0 / 10%);
		}
		.last-search .card-search:hover {
			top: -.25rem;
			box-shadow: 0 0.5rem 1rem 0 rgb(0 0 0 / 30%);
		}		

		.last-search .blue-button{
			margin-top: 0px;
			background-color: #02bbee;
		}

		.last-search .card-header{
			text-align: left;
		}

		.last-search .card h5{
		color:#02bbee;
		}


		/**Da qui**/
table.table-wizard{
    caption-side: bottom;
    border-collapse: inherit;
}
.table-wizard>:not(caption)>*>* {
    border-bottom-width: 0px;
}

.table-wizard td, .table-wizard th {
    border-top: none;
}
.table-wizard th {
    background-color: #3d3c3f!important;
    color: white;
    text-align: center;
    border-radius: 5px;
    margin: 1em;
	font-weight: 500;
    vertical-align: middle;
}

.table-wizard td.orange-td {
    background-color: #0076be;
    text-align: left;
    border-radius: 5px;
    margin: 1em;
    vertical-align: middle;
	color: white;
}

.table-wizard td.azzurro-td{
	text-align: left;
    background-color: #02bbee;
    border-radius: 5px;
    margin: 1em;
    vertical-align: middle;
    color: white;
}

.table-wizard td.color-td {
    background-color: #eafaff;
    text-align: center;
    border-radius: 5px;
    margin: 1em;
    vertical-align: middle;

}

.table-wizard td.color-td-blue {
	background-color: #f3f5fe;
    text-align: center;
    border-radius: 5px;
    margin: 1em;
    vertical-align: middle;

}

.wizard-label label{
	display: block;
}


/**/
.blue-download, .blue-download:hover{

		background-color: #02bbee;
		color: white;
		border: none;
		outline: none;
		width: 7em;
		margin-bottom: 1em;
		font-size: 13px;
		white-space: nowrap;

}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    border: 1px solid #e3e3e3;
	background: #efefef;
}

.class-data{
	display: flex;
}

.table-hover>tbody>tr:hover {
    --bs-table-accent-bg: rgb(251 251 251);
}

.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: rgb(251 251 251);
}

.table-hover tbody tr:hover {
    background-color: rgb(251 251 251);
}

table.dataTable.table-striped>tbody>tr.odd {
    --bs-table-accent-bg: rgb(183 183 183 / 16%);
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(255 255 255 / 0%);
}

.dataTables_wrapper {
	background-color: #fff;
    padding: 10px;
    border-radius: 10px;
	font-size: 13px;
	overflow-x: auto;
}


.dataTables_wrapper .dataTables_paginate .paginate_button:hover {

    border: none;
    background-color: #585858;
	background: #585858;

}
.dataTables_wrapper .table td, .dataTables_wrapper .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: none;


}

tbody, td, tfoot, th, thead, tr {
	border-color: #cecece;
}


.container {
	margin-top: 15px;
  }
  .container .details-row td {
	padding: 0;
	margin: 0;
  }
  .details-container {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	padding-top: 5px;
  }
  .details-table {
	width: 100%;
	background-color: #FFF;
	margin: 5px;
  }
  .title {
	font-weight: bold;
  }
  .iconSettings, td.details-control:before, tr.shown td.details-control:before {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 12px;
	position: relative;
	top: 1px;
	display: inline-block;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
  }
  td.details-control {
	cursor: pointer;
	text-align: center;
  }
  td.details-control:before {
	content: '\2b';
	color: #ffffff;
    font-size: 20px;
    background: #a9a9a9;
    border-radius: 50%;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
  }
  tr.shown td.details-control:before {
	content: '\2212';
	color: #ffffff;
    font-size: 20px;
    background: #a9a9a9;
    border-radius: 50%;
    padding: 2px;
    padding-left: 7px;
    padding-right: 7px;
  }
  .info-level .table>:not(caption)>*>* {
    padding: 2px;
}
.info-level .table td, .info-level .table th {
    padding: 2px;
}

button i.fa-info-circle,button i.fa-info-circle:hover {
	  font-size: 18px;
		color: #0076be;

}
.modal-header h5.level-data{
	text-align: left;
	margin: inherit;
}
  
.noBr{
	white-space:nowrap;
}

.datatables > svg.fa-info-circle{
	font-size: 18px; 
	color: #0076be; 
}

.page-item.active .page-link {
	border: 1px solid #e3e3e3;
	background: #efefef;
	color: #000;
}

.page-link, .page-link:hover {
	z-index: 2;
    color: #6c757d;
    background-color: #fff;
    border-color: #dee2e6;
}

.page-link:focus {
    box-shadow: none;
}

tr.odd{
	--bs-table-accent-bg: rgb(183 183 183 / 16%);
}
svg.svg-inline--fa{
	margin-left: 10px;
    margin-right: 5px;
}

.bt-select{
    text-decoration: none;
    border: none;
    background-color: #E2E2E2;
    border-radius: 5px;
    font-size: 12px;
    color: #8c8c8c;
    padding: 0.35rem;
    margin: 0 auto;
}
.noBr{
	white-space:nowrap;
}

div.class-data{
	float: right;
}

table.details-table td.title{
	width: 15em;
}

.validate-user .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	border-radius: 0;
    border-top-right-radius: 25px;
}

.details-table{
	border-collapse: separate;
    border-spacing: 1em;
}

p.price-text{
    color: #ababab;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.dropdown-menu:before {
    top: 0px;
}
#range-revenue-chart-container {
	max-width: 80%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.cyance-theme {
	background-color: #0f003f !important;
	color: white !important;
}

.downloadCyance {
	background-color: #0f003f !important;
	color: white !important;
}
#save {
	background-color: #0f003f !important;
	color: white !important;

}
.faq-link {
	color: black !important;
    text-decoration: none !important;
}
div.eg-toast {
	position: fixed;
	bottom: 0;
	right: 0;
	display: flex;
	margin: 1rem;
	align-items: center;
	gap: 1rem;
	padding-left: 2rem;
	padding-right: 2rem;
	font-family: Roboto, sans-serif;
	background-color: rgba(0,0,0, 65%);
	z-index: 1111;
	color: white;
	border-radius: 5px;
	min-height: 48px;
}
div.eg-toast > p {
	font-size: 16px;
}
div.eg-toast > button.eg-dismiss {
	outline: none;
	border: none;
	background-color: transparent;
	color: #be87fd;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
#industry_graph li:after, #ip_graph span li, #ip_graph  div  p, #ip_graph  div  b, #ipChartPercentage,
 #estimatedRangeRevenue_graph  div  b {
	font-family: "Roboto Mono", monospace;
}

#barGraph-map li span{
	font-weight: bold;
}

.search.cyan-search:disabled{
	cursor: not-allowed;
   	pointer-events: none;
	background-color: #0f003f;
    color: white;
    border: none;
    outline: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-radius: 5px;
    margin-right: 0px;
    opacity: .65;
}
.search:disabled{
	cursor: not-allowed;
   	pointer-events: none;
	background-color: #0076be;
    color: white;
    border: none;
    outline: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-radius: 5px;
    margin-right: 0px;
    opacity: .65;
}

#industry-card .graph {
	width: calc(100%);
	padding-right: 10px;
}

#industry-card .graph-barBack{
	margin-right: 0px;
}
.roboto-mono-inject {
	font-family: "Roboto Mono", monospace;
}