:root {
	--main-color: #3dbbc1;
	--colour_dark_light: #1c1c1e;
	--colour_text_dark: #000;

	--colour_info: #f0f087;
	--colour_success: #478af2; /* Blue */
	--colour_white: #fff;
	--colour_primary: #3bb559; /* Green */
	--colour_info: #dddd68; /* Yellow */
	--colour_warning: #ea4c4c; /* Redish */
	--colour_success_light: #7cd8ed; /* Celeste */
	--break_1: 700px;
	--bg: #e2f0f0;
	--bgSpaces: #fff;
}

* {
	/*font-family: 'Comforta';*/
}

html, body{
	margin: 0px;
	padding: 0px;
	font-size: 1rem;
}

body{
	margin-top: 54px;
	background: var(--colour_dark_light);
}

a,
a:active,
a:hover {
	outline: 0;
	text-decoration: none;
	color: var(--colour_white);
}

h1,
h2,
h3,
h4,
h5{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #fff;
}

p{
	margin: 5px 0px 5px 0px;
}

table{

}

tbody{

}

tr{

}

td{

}

/* Forms */
button,
input,
optgroup,
select,
textarea {
	color: black; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}

input{
	padding: 5px;
	margin-bottom: 5px;
}

.cala_form{
}

.cala_form_field{
	box-shadow: 5px 5px #e5e5e5;
}

.cala_form select{
	background: black;
	color: white;
	font-size: 1rem;
	border: 1px solid white;
}

.cala_form input{

}

.cala_form_section {
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	padding: 5px;
	margin-bottom: 10px;
	background: #fff;
	color: black;
}

.cala_form_section h1,
.cala_form_section h2,
.cala_form_section h3,
.cala_form_section h4,
.cala_form_section h5{
	color: #000;
}

.cala_form_title{
	font-weight: bold;
}

input.cala_formRequiredError,
textarea.cala_formRequiredError,
select.cala_formRequiredError{
	border: 1px solid var(--colour_warning);
}
select.cala_formRequiredError{
	background: var(--colour_warning);

}

/* General */
.cala_responsive{
	width: 100%;
	height: auto;
}

.cala_full{
	width: 98%; /* For some reason with 100% it exceeds the width */
}

.cala_separate{
	border-top: 1px solid #e5e5e5;
	border-bottom: 0px;
}

.cala_text{
	color: #fff;
}

.cala_box{
	background: var(--colour_white);
	color: var(--colour_text_dark);
	padding: 10px;
	border-radius: 10px;
	margin: 15px 0px 15px 0px;
}

.cala_box a,
.cala_box a:active,
.cala_box a:hover {
	outline: 0;
	text-decoration: none;
	color: var(--colour_text_dark);
}

.cala_box h1,
.cala_box h2,
.cala_box h3,
.cala_box h4,
.cala_box h5{
	color: #000;
}

#cala_panel_top{
	position: fixed;
	top: 0px;
	height: 50px;
	background: #000;
	width: 100%;
	color: #fff;
}

#cala_panel_bottom{
	position: fixed;
	bottom: 0px;
	height: 50px;
	background: #000;
	width: 100%;
	color: #fff;
}

#cala_panel_right{
	z-index: 10;
	background: var(--colour_dark_light);
	position: fixed;
	top: 0px;
	height: 100%;
}

.cala_panel_right{
	width: 0px;
	display: none;
}

.cala_panel_right_open{
	width: 300px;
}

.cala_clickable, .cala_clickMe{
	cursor: pointer;
}

/* Misc */
.cala_help{
	font-size: 0.9em;
	color: #59599b;
}

.cala_help a{
	text-decoration: underline;
	color: blue;
}


/* Message Zones*/
.cala_announce, .cala_announce_success {
	border: 1px solid #fff;
	color: #000;
	padding: 7px;
	border-radius: 5px;
}

.cala_announce_success {
	border: 1px solid #fff;
	background: var(--colour_success_light);
	color: #000;
}


/* Menu */
#cala_menu_side, #cala_panel_right{
	color: #fff;
	position: fixed;
	top: 55px;
}

.cala_menu_item{
	padding: 5px;
	margin-bottom: 5px;
	display: block;
}

.cala_menu_icon{
	width: 35px;
}

.cala_menu_item:hover{
	background: #c8bebed1;
	color: var(--colour_dark_light);
	padding: 5px;
	border-radius: 3px;
}

/* Alerts and Netifications */
#cala_notifications_holder{
	position: fixed;
	top: 55px;
	z-index: 99;
	right: 15px;
}

.cala_notifications_type_info{
	background: var(--colour_info);
}

.cala_notifications_size_normal{
	padding: 5px;
	border-radius: 5px;
	font-size: 1em;
}

.cala_notifications_size_big{
	font-size: 2em;
}

.cala_notifications_size_huge{
	font-size: 4em;
}

/* Popups */
.cala_popup_div{
	z-index: 30;
	background: var(--colour_dark_light);
	position: relative;
	top: 100px;
	display: none;
	padding: 10px;
	border-radius: 10px;
}

.cala_popup_div_open{
	display: block;
}

.cala_popup_full_div{
	display: none;
	overflow: scroll;
}

.cala_popup_full_div_open{
	background: var(--colour_dark_light);
	position: fixed;
	top: 0;
	z-index: 40;
	width: 100%;
	height: 100%;
	display: block;
}

.cala_pages_div{
	display: none;
	overflow: scroll;
}

.cala_pages_div_open{
	background: var(--colour_dark_light);
	position: fixed;
	top: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	display: block;
}

.cala_size_big{
	font-size: 1.2em;
}

.cala_size_huge{
	font-size: 1.5em;
}

.cala_show_on_lang_es_ES,
.cala_show_on_lang_en_UK {
	display: none;
}

/************************************** Chips */
.cala_chip{
	display: inline-block;
	border-radius: 20px;
	padding: 3px 12px 3px 12px;
	border: 1px solid #f1f1f1;
}

.cala_chip_info{
	background: var(--colour_info);
	color: #000;

}
.cala_chip_success{
	background: var(--colour_success);
	color: #fff;
}
.cala_chip_white{
	background: var(--colour_white);
	color: #000;
}
.cala_chip_primary{
	background: var(--colour_primary);
	color: #fff;
}
.cala_chip_warning{
	background: var(--colour_warning);
	color: #fff;
}

/************************************** Buttons */
.cala_button,
.cala_button_info,
.cala_button_success,
.cala_button_white,
.cala_button_primary,
.cala_button_warning{
	border-radius: 3px;
	cursor: pointer;
	font-family: inherit;
	font-size: 100%;
	padding: .5em 1em;
	color: rgba(0,0,0,.8);
	border: none transparent;
	background-color: #e6e6e6;
	text-decoration: none;
	border-radius: 2px;
	display: inline-block;
	line-height: normal;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	user-select: none;
	box-sizing: border-box;
}

.cala_button_info{
	background: var(--colour_info);
	color: #000;
}
.cala_button_success{
	background: var(--colour_success);
	color: white;
}

.cala_button_white{
	background: var(--colour_white);
	color: #000;
}
.cala_button_primary{
	background: var(--colour_primary);
	color: white;
}
.cala_button_warning{
	background: var(--colour_warning);
	color: white;
}

.cala_button_border {
	border: 2px solid black;
	border-radius: 15px;
	font-weight: bold;
}

/* Loaders */
.cala_loaderBG{
	background: #000;
}

.cala_loaderCloud1 {
	width: 175px;
	height: 80px;
	display: block;
	margin: auto;
	background-image: radial-gradient(circle 25px at 25px 25px, #FFF 100%, transparent 0), radial-gradient(circle 50px at 50px 50px, #FFF 100%, transparent 0), radial-gradient(circle 25px at 25px 25px, #FFF 100%, transparent 0), linear-gradient(#FFF 50px, transparent 0);
	background-size: 50px 50px, 100px 76px, 50px 50px, 120px 40px;
	background-position: 0px 30px, 37px 0px, 122px 30px, 25px 40px;
	background-repeat: no-repeat;
	position: relative;
	box-sizing: border-box;
}

.cala_loaderCloud1::after {
	content: '';
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
	position: absolute;
	border: 15px solid transparent;
	border-top-color: #FF3D00;
	box-sizing: border-box;
	animation: fadePush 1s linear infinite;
}

.cala_loaderCloud1::before {
	content: '';
	left: 50%;
	bottom: 30px;
	transform: translate(-50%, 0);
	position: absolute;
	width: 15px;
	height: 15px;
	background: #FF3D00;
	box-sizing: border-box;
	animation: fadePush 1s linear infinite;
}

@keyframes fadePush {
	0% {
		transform: translate(-50%, -15px);
		opacity: 0;
	}
	50% {
		transform: translate(-50%, 0px);
		opacity: 1;
	}
	100% {
		transform: translate(-50%, 15px);
		opacity: 0;
	}
}

.cala_loaderD1 {
	width: 48px;
	height: 12px;
	background: #FFF;
	margin-top: 40px;
	display: inline-block;
	position: relative;
}
.cala_loaderD1::after {
	content: '';
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
	position: absolute;
	border: 15px solid transparent;
	border-top-color: #FFF;
	box-sizing: border-box;
	animation: bump 0.4s ease-in-out infinite alternate;
}
.cala_loaderD1::before {
	content: '';
	left: 50%;
	bottom: 25px;
	transform: translate(-50%, 0);
	position: absolute;
	width: 15px;
	height: 20px;
	background: #FFF;
	box-sizing: border-box;
	animation: bump 0.4s ease-in-out infinite alternate;
}

@keyframes bump {
	0% {
		transform: translate(-50%, 5px);
	}
	100% {
		transform: translate(-50%, -5px);
	}
}

.cala_loaderSpin1 {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	position: relative;
	display: inline-block;
	animation: rotateSpin1 1s linear infinite
}
.cala_loaderSpin1::before , .cala_loaderSpin1::after {
	content: "";
	box-sizing: border-box;
	position: absolute;
	inset: 0px;
	border-radius: 50%;
	border: 5px solid #FFF;
	animation: prixClipFixSpin1 2s linear infinite ;
}
.cala_loaderSpin1::after{
	inset: 8px;
	transform: rotate3d(90, 90, 0, 180deg );
	border-color: #FF3D00;
}

@keyframes rotateSpin1 {
	0%   {transform: rotate(0deg)}
	100%   {transform: rotate(360deg)}
}

@keyframes prixClipFixSpin1 {
	0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
	50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
	75%, 100%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
}

.cala_loader{
	display: none;
}

/* Breakpoints */
@media screen and (max-width: 768px) {
	.cala_notVisibleSmall{
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.cala_notVisibleBig{
		display: none;
	}
}