@charset "UTF-8";

/* FONTS */
@import url('fonts.css');

/**
* #RESET
**/

*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}ol[class],ul[class]{padding:0}blockquote,body,dd,dl,figcaption,figure,li,ol[class],p,table,ul[class]{margin:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{/*min-height:100vh*/;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}ol[class],ul[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;height: auto; display:block}button,input,optgroup,select,textarea{vertical-align:middle;color:inherit;font:inherit;border:0;background:0 0;padding:0;margin:0;outline:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}[type=button][disabled],[type=reset][disabled],[type=submit][disabled],button[disabled]{cursor:default}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{margin:0;padding:0;border:0;min-width:0}legend{display:inline-block;color:inherit;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-webkit-input-placeholder{font:inherit}:-ms-input-placeholder{font:inherit}::-ms-input-placeholder{font:inherit}::-webkit-input-placeholder{font:inherit}:-ms-input-placeholder{font:inherit}::placeholder{font:inherit}label[for]{}button,input,select,textarea{font:inherit}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{vertical-align:top}th{text-align:left;font-weight:700}



/**
* #COLORS
**/
:root {
	--dark: #231F20;
	--white: #FFF;
    --blue: #232A90;
    --orange: #fd7e14;
	--transparent: transparent;
    
    --blue-20: #D3D4E7;
    --blue-40: #A7AAD0;
    --blue-60: #7C7FB8;
    --blue-80: #5055A2;

	--dark-grey: #343a40;
	--light-grey: #CCC;
	--light-orange: #ffd4b0;
	--mid-orange: #ffa860;
    --dark-orange: #ab530a;

    
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;

    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --grey: #6c757d;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    
    --america:  'america', sans-serif;
	--black:  'america', sans-serif;
    --bold:   'SeatBold',sans-serif;
    --book:   'SeatBook',sans-serif;
    --light:  'SeatLight',sans-serif;
    --medium: 'SeatMedium',sans-serif;
    --regular:'SeatRegular',sans-serif;	    
}


/* CSS Document */
html,
body {
	font-family: var(--america);
  	font-weight: normal;/*400*/
  	font-stretch: normal;
	font-variant-numeric: tabular-nums;
	color: var(--blue);
	font-size: 16px;
	background-color: var(--white);
	margin: 0;
    padding: 0;

	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    overflow-y: scroll;
}

.clockpicker-popover {
    z-index: 999999;
}

h1, h2, h3, h4, h5 {
	font-weight: 600;
	padding: 0;
    margin: 0;
}

*:focus {
	outline:none;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.txt-nowrap {
    white-space: nowrap;
}
.icon {
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.disableEdit {
	display: none !important;
}

::-moz-selection { background: var(--blue-20); }
::selection { background: var(--blue-20); }

.page-intro-title {
	font-weight: 400;
    font-size: 40px;
    line-height: 1em;
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 20px;
    font-stretch: expanded;
    letter-spacing: -3px;
}
.menu-logout {
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
	padding-top: 12px;
}
.menu-logout span {
	vertical-align: middle;
}
.menu-logout i {
	font-size: 24px;
}
.menu-logout a {
	color: var(--white);
}
.menu-logout a:hover {
	color: var(--blue-20);
}
.menu-extra {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	padding-top: 5px;
	margin-right: 30px;
}
.menu-extra span {
	vertical-align: middle;
}
.menu-extra i {
	font-size: 20px;
}

.menu-wrapper {
    display: inline-block;
}

.menu-item {
    display: inline-block;
    position: relative;
    font-size: 18px;
    line-height: 1em;
    font-weight: 600;
    transition: all 50ms ease-in-out;
}
.menu-item a {
    display: block;
    padding: 12px 12px;
}
.menu-item.active,
.menu-item.active:hover {
    background-color: var(--dark);
}
.menu-item.active a,
.menu-item.active:hover a {
    color: var(--white);
}
.menu-item:hover {
    background-color: var(--orange);
}
.menu-item:hover a {
    color: var(--white);
}
.menu-item.disabled {
    opacity: 0.3;
    pointer-events: none;
}
.menu-item.hidden {
    display: none;
}
a.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.menu-item .submenu {
    display: inline-block;
    position: absolute;
    width: auto;
    bottom: -50px;
    left: 0;
    white-space: nowrap;
    z-index: 1;
    background-color: var(--dark);
    border-top: 15px solid var(--black);
    transition: all 50ms ease-in-out;
}
.menu-item.menu-parent:hover > .submenu,
.menu-item.menu-parent.active.open > .submenu {
    display: inline-block !important;
    opacity: 1;
}
.menu-item.menu-parent:hover > .submenu {
    z-index: 2;
}
.menu-item.menu-parent.active.open > .submenu.low {
    opacity: 0.3;
}
.submenu-item {
    font-size: 18px;
    line-height: 0.8em;
    font-weight: 600;
    transition: all 50ms ease-in-out;
}
.submenu-item a {
    display: block;
    padding: 10px 15px;
}
.submenu-item.active,
.submenu-item.active:hover {
    background-color: var(--white);
}
.submenu-item.active a,
.submenu-item.active:hover a {
    color: var(--black) !important;
}
.submenu-item:hover {
    background-color: var(--orange);
}
.submenu-item:hover a {
   /* color: var(--white);*/
}
.submenu-item.disabled {
    opacity: 0.3;
    pointer-events: none;
}
.user_disabled {
	display: none !important;
	pointer-events: none;
}

.insert_disabled {

	pointer-events: none !important;
}

.encuestado{
	pointer-events: none !important;
	color: var(--orange) !important;
}

input[type="search"] {
	display: inline-block;
    margin: 0;
    padding: 0 5px;
	margin-left: 10px;
    width: 200px;
    height: 30px;
	border-radius: 0;
    border: 1px solid var(--dark);
    background-color: var(--white);
}
input[type="text"],
input[type="password"] {
    border-bottom: 1px #dedede solid;
    padding: 5px;
    height: 50px;
}

.content-filters-shown {
	display: block;
	list-style-type: none;
	padding-top: 20px;
	margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
}
.content-filters-shown li {
	display: inline-block;
	padding-right: 10px;
}
.content-filters-shown li {
	display: inline-block;
	padding-right: 10px;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #384EFF;
  background-image: none;
  color: #fff;
}

.chocolat-overlay {
	opacity: 0.98;
}
.chocolat-wrapper .chocolat-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 40px;
    height: 40px;
    font-size: 18px;
    z-index: 17;
    padding-left: 15px;
    padding-right: 15px;
    background: #0F1218;
    text-align: right;
    margin-top: 10px;
}

a {
	color:var(--black);
	text-decoration: none;
	transition: all 50ms ease-in-out;
}
a:hover {
	color:#0F1218;
}
td.disabled a {
	opacity: 0.4;
	pointer-events: none;
}

.list-content a {
    color:var(--blue);
}
.list-content a:hover {
    color:var(--dark);
}

/********************************************/
/* SELECT */
/********************************************/



.select-style {
	display: inline-block;
    position: relative;
}
.select-style select:hover {
	border-bottom: 1px solid #384EFF;
	cursor: pointer;
}
.select-style select {
    background-color: #F2F2F2;
    color: #0F1218;
    padding: 5px;
    padding-left: 10px;
    margin-left: 10px;
    width: 270px;
    border: none;
    font-size: 20px;
	 -moz-appearance: none;
	 -webkit-appearance: none;
	  appearance: none;
    outline: none;
	 transition: all 50ms ease-in-out;
	 border-radius: 0;
}

.select-style::before {
	content: "\f0d7";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    text-align: center;
    font-size: 22px;
    line-height: 40px;
    color: #0F1218;
    pointer-events: none;
	transition: all 50ms ease-in-out;
}

.select-style:hover::before {
  color: #384EFF;
}

.select-style select option {
  padding: 30px;
}

.page-intro-title select {
    border-bottom: 1px solid #0F1218;
}

.ms-options-wrap > .ms-options > ul,
.ms-options-wrap > .ms-options > ul > li.optgroup ul {
    border: 1px solid var(--blue-20);
}


/********************************************/
/* CALENDAR */
/********************************************/

.calendar-content {
	height: calc(100vh - 131px);
}

.cesiones-ocupacion .calendar-content,
.cesiones-ocupacion .calendar-content .calendar {
	width:100%;
}

.fc table {
	width: calc(100% - 1px);
}
.fc-license-message {
    opacity: 0;
}
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
    border-color: var(--blue) !important;
}
.fc-unthemed .fc-disabled-day {
	background: var(--light-grey);
    opacity: 0.5;
}
.fc-unthemed td.fc-today {
	background-color: var(--blue-20);
}
.fc-day-grid-event {
    margin: 2px 4px 0;
    padding: 2px 2px;
}
.fc-event,
.fc-event-dot {
    background-color: var(--white);
	color: var(--blue);
}
.fc-dayGrid-view .fc-week-number,
.fc-dayGrid-view .fc-day-number {
    padding-right: 5px;
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 25px;
    font-weight: 900;
}
.fc-event {
    font-size: 1em;
    line-height: 1.2em;
    border: 2px solid var(--blue);
    border-radius: 1.6em;
}
.fc-event:hover {
    color: var(--blue);
    border: 2px solid var(--blue) !important;
    cursor: pointer;
}
.fc-event.acc-privado {
    background-color: var(--blue-20);
    border: 2px solid var(--blue-20);
}
.fc-event.acc-cerrado {
    background-color: var(--light-grey);
}
.fc-event.hora-act .fc-time {
    color: var(--dark);
}
.fc-event.hora-pub .fc-time {
    color: var(--dark);
}
.fc-event.cesion-repar,
.fc-event.cesion-mant {
    background-color: var(--light-grey);
}

.fc-icons {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    font-size: 0.8em;
    line-height: 1.3em;
    /* width: 40px; */
    position: absolute;
    right: 2px;
}
.fc-icons i {
    display: inline-block;
    margin-left: 1px;
}
.fc-icons i:first-child {
    margin-left: 0;
}
.fc-toolbar.fc-header-toolbar {
	padding-left: 30px;
	padding-right: 30px;
    display: flex;
    justify-content: center;
}
.fc-toolbar h2 {
    font-size: 1.65em;
    font-stretch: expanded;
    font-weight: 500;
    letter-spacing: -1px;
}
.fc-button-group {
	height: 50px;
}
.fc-button {
	border-radius: 0;
	font-weight: bold;
}
.fc-button .fc-icon {
	vertical-align: top;
    font-size: 50px;
	margin-top: -5px;
}
.fc-button-primary:hover {
	background-color: var(--white);
	border-color: var(--white);
    color: var(--dark);
}
.fc-button-primary:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.fc-button-primary:not(:disabled):active,
.fc-button-primary:not(:disabled).fc-button-active {
    color: var(--blue);
    background-color: var(--white);
    border-color: var(--white);
}
.fc-button-primary:not(:disabled):active:focus,
.fc-button-primary:not(:disabled).fc-button-active:focus {
	-webkit-box-shadow: none;
    box-shadow: none;
}
.fc .fc-resource-timeline-divider {
    width: 0;
    cursor: default;
}
.fc-day-grid-event .fc-time,
.fc-day-grid-event .fc-pre
{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.8em;
    line-height: 1.6em;
    letter-spacing: -1px;
    color: #000;
    width: 30px;
    position: absolute;
    left: 5px;
    font-family: 'Roboto Condensed';
}
.fc-day-grid-event.fc-comm .fc-time {
	display: none;
}
.fc-day-grid-event .fc-pre {
	font-weight: 600;
}

.fc-day-grid-event .fc-title {
	padding-left: 34px;
    font-family: 'Roboto Condensed';
    font-size: 0.8em;
    line-height: 1.5em;
    vertical-align: top;
    width: calc(100% - 75px);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
	letter-spacing: -0.3px;
	color: #131415 !important;
}
.fc-day-grid-event.fc-comm .fc-title {
	padding-left: 25px;
    width: calc(100% - 70px);
}
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
    font-size: 1em;
    line-height: 1.3em;
    letter-spacing: -1px;
    color: #000;
    font-family: 'Roboto Condensed';
    padding-left: 20px;
}
.fc-time-grid-event .fc-time {
    margin-top: 3px;
    font-weight: bold;
}
.fc-time-grid-event .fc-icons {
    font-size: 0.8em;
    line-height: 1.4em;
    width: 30px;
    position: absolute;
    left: 55px;
    top: 2px;
    text-align: left;
}
.fc-time-grid-event-inset {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.fc-day-number {
	color: var(--blue);
    font-stretch: expanded;
}
.fc-head-container.fc-widget-header {
	border: none;
}
.fc-day-header.fc-widget-header {
	border: none;
    color: var(--blue);
    font-stretch: expanded;
}

.fc-button-primary {
	background-color: transparent;
	border: none;
    color: var(--blue);
}

.comunicaciones .filters-wrapper {
	padding-top: 42px;
}
.comunicaciones .filters-wrapper .tools-item {

}


.comunicaciones .ficha-content .tarea-item {
	border-bottom: 1px solid #fd8d32;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 25px;
}
.comunicaciones .ficha-content .tarea-item:first-child {
	border-top: 1px solid #fd8d32;
}
.comunicaciones .ficha-content .tarea-symbol {
	min-width: 20px;
	color: var(--dark-grey);
}
.comunicaciones .ficha-content .tarea-symbol.tarea-ok i::before {
	content: '\f058';
	color: var(--dark);
	font-weight: 600;
}
.comunicaciones .ficha-content .tarea-symbol.tarea-ko i::before {
	content: '\f057';
	color: var(--dark);
}
.comunicaciones .ficha-content .tarea-title {
	min-width: 220px;
    font-weight: 500;
}
.comunicaciones .ficha-content .tarea-date {
	min-width: 90px;
	font-weight: 300;
    font-size: 14px;
}
.comunicaciones .ficha-content .tarea-icon {
    color: var(--mid-orange);
    min-width: 70px;
    text-align: right;
}
.comunicaciones .ficha-content .tarea-icon a {
    color: var(--mid-orange);
}

.comunicaciones .ficha-content .tarea-icon a:hover {
    color: var(--dark);
}
.comunicaciones .ficha .ficha-content + h2 {
	padding-top: 20px;
}

/********************************************/
/* #CALENDAR V5 */
/********************************************/


.cesiones-ocupacion .calendar-content {
	height: auto;
}
.fc .fc-datagrid-cell-cushion {
    padding: 10px;
	padding-left: 15px;
	height: 3em;
	font-weight: 600;
}
.fc .fc-timeline-overlap-enabled .fc-timeline-lane-frame .fc-timeline-events {
	margin-bottom: 0;
}
.fc .fc-timeline-event-harness {
    height: 100%;
}
.fc .fc-timeline-slot-cushion {
   color: var(--orange);
}
.fc-h-event .fc-event-title-container {
	padding-left: 25px;
}
.networking_ocupacion .fc-h-event .fc-event-title-container {
	padding-left: 0;
}

.networking_ocupacion .featherlight .featherlight-content {
	padding: 25px 25px 0 !important;
}

.cesiones-ocupacion .fc-event,
.networking_ocupacion .fc-event {
    font-size: 1em;
    line-height: 2em;
    border: 2px solid var(--black);
    border-radius: 1.6em;
    height: 2em;
    margin-top: 0.5em;
    margin-left: 2px;
}
.cesiones-ocupacion .fc-event.fc-event-past,
.networking_ocupacion .fc-event.fc-event-past {
    opacity: 0.5;
}
.cesiones-ocupacion .fc-icons,
.networking_ocupacion .fc-icons {
    display: inline-block;
    text-align: left;
    font-size: 0.8em;
    line-height: 1.7em;
    width: 1.5em;
    position: absolute;
    left: 6px;
}
.networking_ocupacion .bt.disp {
	width: 100%;
	margin: 0;
}

.networking_ocupacion .dialog-header h2 {
	font-size: 34px;
}
.networking_ocupacion .dialog-actions {
    top: 35px;
    right: 25px;
}
.networking_ocupacion .cesion-new .collection input[type=radio] {
	display: none;
}
.networking_ocupacion .cesion-new .collection label {
	display: block;
    width: 100%;
    height: 100%;
	padding: 1em;
    text-align: center;
}
.networking_ocupacion .cesion-new  .collection label span {
	display: block;
    width: 100%;
    height: 100%;
	font-size: 1.3em;
}
.networking_ocupacion .cesion-new .collection input[type=radio]:checked ~ label {
	font-weight: 600;
	background-color: var(--light-orange);
}

.networking_ocupacion .cesion-new .collection > div {
	border: 3px var(--black) solid;
}
.networking_ocupacion .cesion-new .collection > div.disponible {
	background-color: var(--mid-orange);
}
.networking_ocupacion .cesion-new .collection > div.no-disponible {
	background-color: var(--dark-grey);
	pointer-events: none;
	cursor: not-allowed;
}

.networking_ocupacion .cesion-new .collection {
	margin-top: 50px;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.networking_ocupacion .cesion-new .collection.c4 {
    width: 90%;
}

/* NETWORKING GRID */


/* .collectionx {
    display: grid;
    grid-template-columns: repeat(auto-fit, 150px);
    grid-auto-rows: 100px;
    grid-gap: 1rem;
    justify-content: center;
		color: black;
		margin-top: 30px;
		cursor: pointer;
} */
.networking_ocupacion .cesion-new .collection .col3 {
    width: 150px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.networking_ocupacion .cesion-new .collection .col4 {
    width: 150px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.networking_ocupacion .cesion-new .collection .col3:nth-child(3n),
.networking_ocupacion .cesion-new .collection .col4:nth-child(4n) {
    margin-right: 0;
}
.networking_ocupacion .cesion-new .collection .col3:nth-child(3n)::after,
.networking_ocupacion .cesion-new .collection .col4:nth-child(4n)::after {
    content: '';
	display: block;
}

.wrapper-mesas {
	margin-bottom: 100px;
}

/* NUEVO GRID*/
/* Desde puestos */
	.networking_vista_mesa  .collection input[type=radio] {
		display: none;
	}
	.networking_vista_mesa  .collection label {
		display: block;
	    width: 100%;
	    height: 100%;
		padding: 1em;
	    text-align: center;
	}
	.networking_vista_mesa   .collection label span {
		display: block;
	    width: 100%;
	    height: 100%;
		font-size: 1.3em;
	}
	.networking_vista_mesa  .collection input[type=radio]:checked ~ label {
		font-weight: 600;
		background-color: var(--light-orange);
	}

	.networking_vista_mesa  .collection > div {
		border: 3px var(--white) solid;
	}
	.networking_vista_mesa  .collection > div.disponible {
		background-color: var(--mid-orange);
	}
	.networking_vista_mesa  .collection > div.no-disponible {
		background-color: var(--dark-grey);
		pointer-events: none;
		cursor: not-allowed;
	}

	.networking_vista_mesa  .collection {
		margin-top: 50px;
		text-align: center;
		margin-left: auto;
	    margin-right: auto;
	    width: 80%;
	}

	.networking_vista_mesa  .collection.c4 {
	    width: 90%;
	}

.networking_vista_mesa  .collection .col3 {
    width: 150px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.networking_vista_mesa  .collection .col4 {
    width: 150px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.networking_vista_mesa  .collection .col3:nth-child(3n),
.networking_vista_mesa  .collection .col4:nth-child(4n) {
    margin-right: 0;
}
.networking_list  .collection .col3:nth-child(3n)::after,
.networking_list  .collection .col4:nth-child(4n)::after {
    content: '';
	display: block;
}
/* Desde list */
	.networking_list  .collection input[type=radio] {
		display: none;
	}
	.networking_list  .collection label {
		display: block;
	    width: 100%;
	    height: 100%;
		padding: 1em;
	    text-align: center;
	}
	.networking_list   .collection label span {
		display: block;
	    width: 100%;
	    height: 100%;
		font-size: 1.3em;
	}
	.networking_list  .collection input[type=radio]:checked ~ label {
		font-weight: 600;
		background-color: var(--light-orange);
	}

	.networking_list  .collection > div {
		border: 3px var(--white) solid;
	}
	.networking_list  .collection > div.disponible {
		background-color: var(--mid-orange);
	}
	.networking_list  .collection > div.no-disponible {
		background-color: var(--dark-grey);
		pointer-events: none;
		cursor: not-allowed;
	}

	.networking_list  .collection {
		margin-top: 50px;
		text-align: center;
		margin-left: auto;
	    margin-right: auto;
	    width: 80%;
	}

	.networking_list  .collection.c4 {
	    width: 90%;
	}

.networking_list  .collection .col3 {
    width: 150px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.networking_list  .collection .col4 {
    width: 150px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.networking_list  .collection .col3:nth-child(3n),
.networking_list  .collection .col4:nth-child(4n) {
    margin-right: 0;
}
.networking_list  .collection .col3:nth-child(3n)::after,
.networking_vista_mesa  .collection .col4:nth-child(4n)::after {
    content: '';
	display: block;
}
/* NUEVO GRID*/

.fc-timeline-event .fc-event-main {
	height: 100%;
}
.fc-timeline-event .fc-event-time,
.fc-timeline-event .fc-event-title {
    padding: 0 2px;
    font-size: 0.8em;
    line-height: 1.7em;
	color: var(--dark);
}
.fc .fc-timeline-now-indicator-arrow,
.fc .fc-timeline-now-indicator-line {
	border-color: var(--orange);
}
.fc .fc-timeline-now-indicator-line {
    margin: 0 -2px;
    border-width: 0 0 0 5px;
}
.fc .fc-timeline-now-indicator-arrow {
    margin: 0 -9px;
    border-width: 10px 10px 0 10px;
    border-left-color: transparent;
    border-right-color: transparent;
}
.fc-resource-group {
	font-size: 1em;
	color: var(--orange);
}
.fc .fc-datagrid-header .fc-datagrid-cell-frame .fc-datagrid-cell-cushion {
	font-size: 1em;
	font-weight: 300;
}

.fc .fc-timeline-header-row-chrono .fc-timeline-slot-frame .fc-timeline-slot-cushion {
	font-size: 1.2em;
}

/********************************************/
/* #??????????? */
/********************************************/


.user-name {
	margin-left: 10px;
	margin-right: 20px;
}

/********************************************/
/* HOST HOME */
/********************************************/

.hosts-home  .list-wrapper {
	padding: 5vw;
}
.hosts-home  .page-intro-title {
    font-size: 4vh;
	padding-bottom: 20px;
}

.hosts-home .home-item {
	display: inline-block;
    width: calc(50vw - 7.5vw);
    height: 100px;
    min-height: 15vh;
    margin-right: 5vw;
    margin-bottom: 5vw;
    background-color: var(--white);
    font-size: 2.5em;
    font-size: 3.5vw;
    font-weight: 600;
    padding: 2vw;

}

.hosts-home .home-item:nth-child(2n) {
	margin-right: 0;
}

.hosts-home .home-item a {
	display: block;
	height: 100%;
	color: var(--dark);
	position: relative;
}
.hosts-home .home-item a i {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 10vw;
	color: var(--orange);
}


/********************************************/
/* HEADER / MAIM MENU */
/********************************************/

.header-wrapper {
    background-color: var(--blue);
    color: #fff;
    padding: 0 30px;
    position: fixed;
    width: 100%;
    z-index: 5;
	border-top: 3px solid var(--black);
    border-bottom: 1px solid var(--white);
}
.header-menu,
.header-menu ul,
.header-menu li  {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.header-menu li {
    background-color: var(--blue);
	transition: all 50ms ease-in-out;
}
.header-menu li:hover {
	background-color: var(--blue);
}
.header-menu li.active {
	background-color: var(--blue);
}
.header-menu a {
    color: var(--white);
	font-weight: 700;
    font-size: 20px;
    line-height: 1.1em;
	padding: 14px 22px;
	display: block;
    font-stretch: expanded;
}
.header-menu a:hover {
    color: var(--white);
}
.header-menu li.active a {
	color: var(--blue-20);
}


/********************************************/
/* #LOGIN */
/********************************************/

.page-login {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    height: 100%;
}
.section-login {
	height: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.column-login {
    background-color: var(--blue);
    width: 33%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50px 0;
}
.column-bg {
    width: 49%;
    height: 100%;
    display: none;
    vertical-align: top;
    /*background-position: 45% center;
    background-size: 110%;
    background-image: url(https://casaseat.relevance.pro/assets/img/bg-home.svg);*/
}



.box-login {
	/*height: 75%;
    padding-top: 25%;*/
}
.login-header {
	height: 15%;
    padding: 0 15%;
    margin-bottom: 10%;
    text-align: center;
}
.login-header .logo {
    height: 100%;
    display: inline-block;
}
.login-header .logo-user {
	height: 100%;
    display: inline-block;
    padding-left: 5%;
    margin-left: 5%;
    border-left: 3px solid #fff;
}
.login-header .logo img {
    height: 100px;
    margin-top: 50px;
}
.login-header .logo-user img {
	text-align: left;
    height: 70%;
    margin-top: 3.5%;
}
.login-content,
.login-footer {
	padding: 0 100px;
	text-align: center;
}



.login-content input:-webkit-autofill {
    border: none !important;
    border-bottom: 2px var(--white) solid !important;
	font-size: 36px !important;
    -webkit-text-fill-color: #fff !important;
    background-color: var(--transparent) !important;
	transition: all 5000s ease-in-out 0s;
}

.login-content input:-internal-autofill-selected {
    background-color: transparent !important;
}

.login-content input[type="text"],
.login-content input[type="password"] {
    border-bottom: 2px var(--white) solid;
    padding: 10px;
    padding-bottom: 25px;
    height: 50px;
    margin-bottom: 30px;
    width: 100%;
    font-size: 30px;
    /* background-color: var(--black) !important; */
    text-align: center;
    color: #fff;
    font-stretch: expanded;
}

.login-content input[type="text"]:focus,
.login-content input[type="password"]:focus,
.login-content input[type="text"]:hover,
.login-content input[type="password"]:hover,
.login-content input:-webkit-autofill:hover {
    border-bottom: 2px #ffff solid !important;
}

.login-content > div,
.login-footer  > div {
	position: relative;
}

.box-login .fa,
.box-login .fas {
	position: absolute;
    color: var(--white);
    left: 20px;
    top: 25%;
	font-size: 20px;
    display: none;
}

.login-footer .fa,
.login-footer .fas {
    top: 37%;
}

.button-login {
    width: 100%;
    color: #fff;
    border: 2px var(--white) solid;
    height: 50px;
    margin-top: 50px;
    margin-bottom: 100px;
    font-size: 30px;
    line-height: 40px;
    background-color: var(--blue) !important;
    text-align: center;
    display: block;
    font-stretch: expanded;
}
.login-footer > div:hover .button-login {
	color: #fff;
	border: 2px #fff solid;
}
.login-content > div:hover i,
.login-footer > div:hover i {
	color:#fff !important;
}
.header-brand-logo .logo,
.header-brand-logo .logo-user{
	display: inline-block;
	vertical-align: middle;
	height: 35px;
}
.header-brand-logo .logo {
	padding-right: 14px;
    margin-right: 12px;
}
.page-login .header-brand-logo .logo,
.page-login .header-brand-logo .logo-user{
	display: inline-block;
	vertical-align: middle;
	height: 40px;
}
.page-login .header-brand-logo {
	text-align: center;
}
.page-login .header-brand-logo .logo {

}
.header-brand-logo img{
	height: 100%;
	width: auto;
}

.page-wrapper.list .header-brand-logo {
	float: left;
    min-height: 50px;
    padding-top: 7px;
    min-width: 150px;
}
.page-wrapper.list .header-brand-logo a {
	display: block;
}

.header-tools {
	float: right;
}


.content-tools {
	display: inline-block;
}
.content-tools-item {
	margin-left: 30px;
}
.content-tools .bt {
    padding: 10px 30px;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    background-color: #384EFF;
    border-color: #384EFF;
}
.content-tools .bt:hover {
    background-color: #999;
    border-color: #999;
}
.content-tools .bt i {
    display: inline-block;
    margin-left: 10px;
}
.content-wrapper {
    width: 100%;
    height: calc(100vh - 150px);
	padding-top: 30px;
}
.dashboard .content-wrapper {
    padding-top: 64px;
}
/*
.content-wrapper {
    width: 100%;
    height: calc(100vh - 150px);
    padding-top: 40px;
    border-top: 5px solid var(--white);
    margin-top: 5px;
}
*/


/* NETWORKING GRID */
.content-wrapper iframe {
    width: 100%;
    height: 100%;
}

.filters-item {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	text-align: left;
    position: relative;
}
.filters-item:first-child {
    margin-left: 0;
}
.filters-item {

}
.filters-date  {
	position: relative;
    margin-top: -5px;
}
.filters-date input {
    font-weight: 500;
    font-size: 14px;
    line-height: 1em;
    height: 26px;
    border: none;
    padding: 0;
    display: inline-block;
    vertical-align: baseline;
    width: 70px;
    border-bottom: 2px solid var(--black);
}
.filters-inputs {
	display: inline-block;
}
.filters-tools {
	display: inline-block;
	margin-left: 50px;
}
.filters-item {
	display: inline-block;
    position: relative;
    margin-left: 10px;
}
.menu-wrapper ul {
	display: inline-block;
}
.filters-wrapper {
    /*text-align: right;
    float: right;
    display: block;
    height: 30px;
    margin-top: 20px;
    padding: 5px 20px;
    background-color: var(--dark);
    color: var(--grey);
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
	display: none;*/
}

.filters-wrapper {
    text-align: left;
    float: right;
    display: block;
    height: 50px;
    /*background-color: var(--dark);*/
    color: var(--dark);
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    padding-top: 20px;
    /*margin-right: 250px;*/
}
.dataTables_wrapper .dataTables_filter {
    float: none;
    position: absolute;
    right: 0;
    top: -120px;
	height: 35px;
	line-height: 35px;
	color: var(--dark);
}
.dataTables_wrapper .dataTables_filter label {
	height: 35px;
	line-height: 35px;
}
.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
    width: 200px;
    height: 30px;
    line-height: 30px;
    border-radius: 10px 0;
}

.tools-item {
	display: inline-block;
	vertical-align: top;
	margin-left: 15px;
	text-align: left;
	font-size: 20px;
}
.tools-item .disable {
	display: none;
}
.tools-item:first-child {
    margin-left: 0;
}
.dataTables_filter {

}
.page-wrapper.list {

}
.used .soporte-item-label:hover {
	color: #fff;
	background-color: #384EFF !important;
	cursor: pointer;
}
.ms-options-wrap {
    box-sizing: border-box;
    /*position: relative;*/
	display: inline-block;
}

.ms-options-wrap > button:focus,
.ms-options-wrap > button {
    position: relative;
    width: 100%;
    text-align: left;
    border: none;
    background-color: transparent;
    padding: 5px 17px 5px 0px;
    margin-top: 0;
    font-size: 13px;
    color: var(--grey);
    outline-offset: 0;
}
.ms-options-wrap > button:after {
    top: 40%;
    border: 6px solid rgba(0, 0, 0, 0);
    border-top-color: var(--grey);
}
.ms-options-wrap > button:hover:after {
    border-top-color: var(--dark);
}
.ms-options-wrap > .ms-options > .ms-selectall.global {
    margin: 4px 5px;
    display: none;
}
.ms-options-wrap > button > span {
    text-indent: -50000px;
}
.ms-options-wrap > .ms-options {
    /* right: 0; */
	left: -18px;
    min-width: 100px;
    width: auto;
	margin-top: 6px;
    border: 2px solid var(--black);
	border-top: none;
}

.filters-item:last-child .ms-options-wrap > .ms-options,
.filters-item.options-right .ms-options-wrap > .ms-options{
    right: 0;
	left: auto;
}

.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
    display: none;
}
.ms-options-wrap > .ms-options > ul label {
    padding: 4px 14px 4px 14px;
    font-weight: 400;
    white-space: nowrap;
}
.ms-options-wrap > .ms-options > ul label.focused,
.ms-options-wrap > .ms-options > ul label:hover {
    background-color: var(--light-grey);
    border-color: transparent;
    color: var(--dark);
}
.ms-options-wrap > .ms-options > ul li.selected label {
    background-color: var(--blue-20);
    color: var(--dark);
    font-weight: 500;
	position: relative;
}
.ms-options-wrap > .ms-options > ul li.selected label::before {
	content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 2px;
    font-size: 0.7em;
    padding-top: 0.1em;
}

.dataTables_wrapper .dataTables_processing {
    background: none !important;
    background-color: none;
}

table.dataTable tbody tr {
	background-color: transparent;
    transition: background-color 150ms ease-in-out;
}
tr.even {
	background-color: transparent !important;
}
table.dataTable tbody tr:hover {
	background-color: var(--blue-20) !important;
}
table.dataTable tbody tr:hover a:hover {
	color: var(--black) !important;
}

.list-content {
    padding: 30px;
	padding-bottom: 0;
}

table.dataTable tbody td {
    text-align: left;
    padding: 10px 5px 10px 5px;
    font-variant-numeric: tabular-nums;
	font-size: 14px;
    font-weight: 400;
	border-bottom: 1px solid var(--blue-40);
}
table.dataTable tbody td.important {
    font-weight: 500;
}
table.dataTable thead th {
    text-align: left;
    padding: 5px 5px 5px 5px;
    font-variant-numeric: tabular-nums;
    position: relative;
    background-image: none !important;
	font-size: 12px;
	font-weight: 700;
	color: var(--blue);
	border-bottom: 2px solid var(--blue-60);
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 3px solid var(--white);
}
table.dataTable thead th span {
    display: inline-block;
	position: relative;
    white-space: nowrap;
}
table.dataTable thead th:hover {
    color: var(--dark);
}
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc,
table.dataTable thead th.sorting_asc:hover,
table.dataTable thead th.sorting_desc:hover{
	/*background-color: var(--mid-orange);*/
	color: var(--dark);
}
table.dataTable thead th.sorting span:after,
table.dataTable thead th.sorting_asc span:after,
table.dataTable thead th.sorting_desc span:after {
	display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--dark);
    font-size: 18px;
    line-height: 4px;
    height: 4px;
	width: 4px;
    /* padding-top: 18px; */
    vertical-align: bottom;
}
table.dataTable thead th.sorting_asc span:after {

}

table.dataTable thead th.sorting span:after {
    content: "";
    color: #ddd;
    font-size: 0.8em;
    padding-top: 0;
}
table.dataTable thead th.sorting_asc span:after {
    content: "\f0de";
	vertical-align: bottom;
}
table.dataTable thead th.sorting_desc span:after {
    content: "\f0dd";
	vertical-align: baseline;
}

table.dataTable td.num {
    text-align: right;
}
table.dataTable th.main {
    width: 33%;
}
table.dataTable tbody .act-title {
    font-weight: 700;
    width: 25%;
    white-space: nowrap;
    overflow: hidden;
    max-width: 350px;
    font-size: 16px;
}
table.dataTable tbody .act-title > span {
    width: calc(100% - 30px);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: all 50ms ease-in-out;
}
table.dataTable tbody .act-title > span:hover {
    color: var(--black) !important;
}
table.dataTable a.disable {
    opacity: 0.2;
    pointer-events: none;
    display: none;
}
.incid-tipo {
	text-align: center;
}
.incid-estado {
	text-align: center;
}
.incid-tipo-incidencia .icon::before {
	content: "\f071";
}
.incid-tipo-desperfecto .icon::before {
	content: "\f7d9";
}
.incid-estado-cerrada .icon::before {
	font-weight: 500;
	content: "\f058";
}
.incid-estado-pendiente .icon::before {
	content: "\f111";
	font-weight: 500;
	opacity: 0.5;
}

.featherlight.ficha {
    text-align: center;
	z-index: 10;
	cursor: inherit;
}
.featherlight:last-of-type {
    background: rgb(35 42 144 / 50%);
}

.featherlight.ficha .featherlight-content {
    max-height: 100%;
    height: 100%;
    width: 600px;
	/*margin-left: 0;
    margin-right: 0;*/
    border-bottom: none;
    background-color: var(--white);
    color: var(--blue);
    -webkit-box-shadow: -1px 0 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -1px 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.1);
}
.ficha-top-info {
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: 15px;
}
.ficha-top-icons {
	font-size: 32px;
    float: right;
    height: 1em;
    line-height: 1em;
}
.ficha h1 {
	margin-bottom: 15px;
	padding-bottom: 20px;
	border-bottom: 2px solid var(--light-orange);
	line-height: 1.1em;
    font-size: 38px;
}
.ficha h1 span {
    font-size: 18px;
    float: right;
    padding-top: 5px;
	font-weight: 400;
	font-stretch: normal;
    letter-spacing: normal;
}
.ficha-item {
	margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--blue-20);
}
.ficha-item h3 {
    font-size: 26px;
    margin-bottom: 15px;
}
.ficha-item-row.col-2 h3 {
    display: inline-block;
    width: calc(50% - 5px);
}

.ficha-item h3 span {
	display: inline-block;
    margin-right: 5px;
    width: 40px;
    text-align: center;
	color: var(--blue-40);
}
.ficha-item .signal {
    padding: 5px;
    padding-right: 20px;
    line-height: 1em;
    text-align: center;
    width: calc(49.6% - 10px);
    display: inline-block;
    margin-right: 20px;
	font-size: 18px;
}
.ficha-item .signal-estado {
    margin-right: 0;
}
.ficha-item .signal span {
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    text-align: center;
    opacity: 0.5;
}
.ficha-item img {
	width: 100%;
	height: auto;
	transition: all 50ms ease-in-out;
}
.ficha-content {
	margin-left: 35px;
	margin-right: 20px;
	line-height: 1.5em;
    overflow-x: hidden;
}
.ficha-content-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    padding-bottom: 5px;
	padding-top: 5px;
}
.ficha-content-item:hover {
    background-color: var(--blue-20);
}
.ficha-content span {
	font-weight: 500;
    display: inline-block;
    min-width: 150px;
}
.ficha-content .content-item-num {
	font-weight: 300;
    min-width: 50px;
}
.ficha-content .content-item-txt {
	font-weight: 300;
}
.ficha-content-action {
	margin-top: 10px;
}
.ficha-content h4 {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 5px;
    margin-bottom: 5px;
    padding-top: 15px;
}
.ficha-item h2 {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 1em;
	font-stretch: expanded;
}
.ficha-item h2 span {
	display: inline-block;
	margin-right: 5px;
	width: 30px;
	font-size: 22px;
	text-align: center;
	color: var(--light-grey);
}
.ficha-item em {
	color: var(--light-grey);
    font-style: normal;
}
.ficha-item .ficha-tools {
    display: inline-block;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    transition: all 50ms ease-in-out;
}
.ficha-item .ficha-tools a {
	display: inline-block;
}

.incid-obs.disabled {
	display: none;
}


.ficha-item-tools {
	float: right;
}
.ficha-item-tools.disabled {
	display: none;
}
.ficha-profile-tools {
	display: inline;
}
.ficha-profile-tools.disabled {
	display: none;
}
.ficha-galeria a {
	cursor: zoom-in;
	display:block;
	margin-bottom: 0;
}
.ficha-galeria a:hover img {
	opacity: 0.8;
}
.page-header {
    padding: 50px 30px 0;
    background-color: #fff;
	color: var(--blue);
}

.page-intro {
	display: inline-block;
	vertical-align: middle;
}

.section-optico .filters-inputs {
	display: none;
}
.section.page-content-wrapper {
    padding: 0;
    background-color: var(--white);
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
.chocolat-wrapper .chocolat-close::after {
	content: "\f00d";
	font-weight: 600;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    text-align: center;
    font-size: 35px;
    line-height: 50px;
    color: #0F1218;
    pointer-events: none;
    transition: all 50ms ease-in-out;
}

.featherlight {
	cursor: inherit;
    z-index: 20;
}
.featherlight .featherlight-close-icon {
	position: fixed;
    background-color: var(--white);
}

.featherlight.act-new .featherlight-content,
.featherlight.act-edit .featherlight-content,
.featherlight.act-check-edit .featherlight-content,
.featherlight.files-up .featherlight-content,
.featherlight.galeria-up .featherlight-content{
    max-height: 90%;
    height: 90%;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: none;
    background-color: var(--white);
    color: var(--blue);
    -webkit-box-shadow: -1px 0 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -1px 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.1);
    padding: 60px;
    padding-top: 40px;
    padding-bottom: 40px;
    /* overflow-y: hidden; */
		overflow-y: auto;
    position: relative;
}

.featherlight.files-up .featherlight-close,
.featherlight.galeria-up.featherlight-close {
	display: none;
}
.bt-act-check-edit.disable,
.files-up.disable {
    display: none;
}

.featherlight.act-check-edit .form-content-cat-items .alpaca-layout-binding-holder {
    display: inline-block;
    vertical-align: bottom;
    width: calc(16.66% - 42px);
    margin-right: 50px;
    margin-bottom: 50px;
}
.featherlight.act-check-edit .form-content-cat-items .alpaca-layout-binding-holder:nth-child(6n) {
    margin-right: 0;
}
.featherlight.act-check-edit .form-content-cat-title {
    font-size: 30px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 2px solid rgba(255, 168, 96, 0.5);
}


.dialog-header {
    display: block;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 2px solid var(--blue-20);
}

.dialog-header h2 {
    line-height: 1.1em;
    font-size: 38px;
    font-stretch: expanded;
	display: inline-block;
}
.dialog-header h2 span {
display: inline-block;
    margin-right: 10px;
    text-align: center;
    color: var(--blue-20);
    vertical-align: bottom;
}
.dialog-header h3 {
	font-size: 20px;
    display: inline-block;
    margin-left: 6px;
}
.dialog-header p {
	margin-top: 0;
}
.dialog-actions {
	position: absolute;
    top: 50px;
    right: 25px;
}
.dialog-actions .bt {
    padding: 10px 30px;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    background-color: #384EFF;
    border-color: #384EFF;
}
.dialog-actions .bt i {
    display: inline-block;
	  margin-left: 10px;
}
.dialog-actions .bt.dialog-cancel {
	background-color: #9BA6FF !important;
	border-color: #9BA6FF !important;
}
.featherlight-inner.form {
	padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    height: calc(100% - 120px);
    overflow-y: auto;
}
.dateIniWrapper,
.dateEndWrapper{
	position: relative;
}

.flatpickr-day {
    line-height: 35px;
    font-weight: 500;
	margin: 2px;
	transition: all 50ms ease-in-out;
}
.flatpickr-calendar {
	top: 90px !important;
	left: 0 !important;
    border-radius: 0;
    background: var(--blue-20);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid var(--dark);
    padding: 5px;
	width: 320px;
}
.filters-wrapper .flatpickr-calendar {
	top: 40px !important;
	right: 0 !important;
	left: auto !important;
}
.flatpickr-current-month {
    padding: 0;
}

.flatpickr-current-month input.cur-year,
.flatpickr-current-month .flatpickr-monthDropdown-months {
	font-weight: 500;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
	display: none;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
	background: var(--orange);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--white);
    font-weight: 700;
    border-color: var(--light-orange);
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
	background: var(--white);
    border-color: var(--white);
}
.popover {
	background-color: var(--blue-20);
	border: 2px solid var(--dark);
    border-radius: 0;
}
.clockpicker-popover .popover-title {
	background-color: var(--light-orange);
	border-bottom: none;
    border-radius: 0;
	color: var(--dark-grey);
}
.clockpicker-popover .popover-content {
	background-color: var(--light-orange);
}
.clockpicker-tick {
    border-radius: 50%;
    color: var(--dark);
	font-weight: 500;
}
.popover.bottom > .arrow {
	display: none;
}

.clockpicker-popover .text-primary {
	color: var(--dark-grey);
}
.clockpicker-plate {
    background-color: var(--white);
	border: 2px solid var(--black);
}

.col {
    display: inline-block;
	vertical-align: top;
}
.col3 {
    width: calc(33% - 33px);
    margin-right: 60px;
}
.col4 {
    width: calc(25% - 50px);
    margin-right: 60px;
}
.col4-2 {
    width: calc(50% - 30px);
    margin-right: 60px;
}

.input-date-holder {
    position: relative;
}

.col3:nth-child(3n) {
    margin-right: 0;
}
.col4:nth-child(4n) {
    margin-right: 0;
}

.form-col {
/*	display: inline-block;
	vertical-align: top;
	width: calc(50% - 30px);
	margin-right: 60px;*/
}
.form-col:last-child {
	margin-right: 0;
}
.form-cols-2 > div,
.form-cols-3 > div,
.form-cols-4 > div,
.form-cols-1-2 > div{
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
}
.form-cols-2 > div:last-child,
.form-cols-3 > div:last-child,
.form-cols-4 > div:last-child,
.form-cols-1-2 > div:last-child {
	margin-right: 0;
}
.form-cols-2 > div {
	width: calc(50% - 20px);
}
.form-cols-3 > div {
	width: calc(33% - 15px);
}
.form-cols-4 > div {
	width: calc(25% - 30px);
}
.form-cols-1-2 > div {
	width: calc(25% - 30px);
}
.form-cols-1-2 > div:first-of-type {
	width: calc(50% - 20px);
}
.form-col-row {
    position: relative;
    margin-bottom: 40px;
}
.form-col-row .form-icon {
    position: absolute;
    /* display: inline-block; */
    margin-right: 10px;
    text-align: center;
    color: var(--blue-20);
    vertical-align: bottom;
    font-size: 24px;
    line-height: 24px;
    left: -35px;
}
.alpaca-form-buttons-container {
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 40px;
    padding-right: 60px;
}
.form .bt,
.dialog-actions .bt{
	padding: 5px 30px;
    text-align: center;
    white-space: nowrap;
    color: var(--blue);
    background-color: var(--white);
    border: 3px var(--blue) solid;
    min-width: 200px;
    margin-left: 20px;
	height: 50px;
	cursor: pointer;
	font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    transition: all 50ms ease-in-out;
}
.form .bt.cancel,
.dialog-actions .bt.cancel {
    border: 3px var(--blue-40) solid;
    color: var(--blue-40);
}
.form .bt:hover,
.dialog-actions .bt:hover{
    /*border: 3px var(--white) solid;
    color: var(--white);*/
}
.form p {
	margin: 0;
	padding: 0;
}

.alpaca-field {
	margin-bottom: 20px !important;
}
.alpaca-field p {
	color: #999;
	margin-bottom: 10px !important;
}
.alpaca-control-label,
.alpaca-container-label{
	display: block;
    font-size: 18px;
    font-stretch: expanded;
	font-weight: 600;
    padding-bottom: 10px;
	color: var(--blue);
    line-height: 1.1em;
}
.alpaca-control{
	/*border: 1px solid #aaa !important;*/
}
.alpaca-field input[type="text"],
.alpaca-field input[type="password"],
.act-check-edit .alpaca-field input[type="number"] {
	font-size: 24px;
    font-weight: 500;
    padding: 10px;
    height: 50px;
    width: 100%;
	border: none;
	border: 2px solid var(--blue);
    transition: all 50ms ease-in-out;
    border-radius: 10px 0;
}
.alpaca-field textarea {
    font-size: 20px;
    overflow: auto;
    width: 100%;
    border: 2px solid var(--blue);
    padding: 10px;
    line-height: 1em !important;
	resize: none;
    transition: all 50ms ease-in-out;
    border-radius: 10px 0;    
}

.act-check-edit .alpaca-field input[type="number"]:hover,
.alpaca-field input[type="text"]:hover,
.alpaca-field input[type="password"]:hover,
.alpaca-field textarea:hover {
	background-color: var(--blue-20);
	border: 2px solid var(--dark);
}

.alpaca-field input[type="number"]:focus,
.alpaca-field input[type="text"]:focus,
.alpaca-field input[type="password"]:focus,
.alpaca-field textarea:focus {
	background-color: var(--blue-20);
	border: 2px solid var(--dark);
}

.act-check-edit .alpaca-field input[type="number"]::selection,
.alpaca-field input[type="text"]::selection,
.alpaca-field input[type="password"]::selection,
.alpaca-field textarea::selection {
    
}

.alpaca-field-select {
	display: inline-block;
    position: relative;
    width: 100%;

}
.alpaca-field-select select {
    background-color: transparent;
	padding: 5px;
	padding-left: 10px;
    height: 50px;
    font-size: 24px;
    font-weight: 500;
    width: 100%;
    border: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
    outline: none;
	transition: all 50ms ease-in-out;
	border-radius: 10px 0;
	border: 2px solid var(--blue);
    
}
.alpaca-field-select select:focus {
	background-color: var(--blue-20);
	border: 2px solid var(--dark);
}
.alpaca-field-select select:hover {
	background-color: var(--blue-20);
	border: 2px solid #000;
}
.alpaca-field-select::before {
	content: "\f0d7";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
	opacity: 1;
    position: absolute;
    top: 35px;
    right: 0;
    width: 50px;
    height: 50%;
    text-align: center;
    font-size: 22px;
    line-height: 40px;
    pointer-events: none;
	transition: all 50ms ease-in-out;
}
.alpaca-field-select:hover::before {
	opacity: 1;
}
.alpaca-field-select select option {
  padding: 30px;
}


.alpaca-message-custom{
	color: red;
}

.alpaca-message-notOptional{
	color: transparent !important;
}



.fileuploader {
	background: var(--white);
	padding: 0;
    margin: 0;
	border-radius: 0;
}
.fileuploader-input {
	border-radius: 0;
}
.fileuploader-theme-gallery .fileuploader-items .fileuploader-item-inner {
	border-radius: 0;
	/*box-shadow: 0 0px 10px 0px rgba(0,0,0,0.2);*/
	border: solid 3px var(--white);
	transition: all 50ms ease-in-out;
}


.fileuploader-theme-gallery .fileuploader-items .fileuploader-item-inner:hover {
	border: solid 3px var(--black);
	color: var(--dark);
}

.fileuploader-theme-gallery .fileuploader-item-inner .thumbnail-holder {
	border-radius: 0;
}
.fileuploader-theme-gallery .fileuploader-input-inner {
	border-radius: 0;
	border: 2px solid var(--blue);
    color: #fff;
	background: var(--blue);
    font-stretch: expanded;
    font-weight: 500;
	font-size: 16px;
	padding: 16px;
}
.fileuploader-theme-gallery .fileuploader-input-inner:hover{
    border: 2px dashed var(--blue);
    background: var(--blue-20);
	color: var(--blue);
    box-shadow: none;
}

.fileuploader-theme-gallery .fileuploader-input-inner:-moz-drag-over{
    border: 2px dashed var(--blue);
    background: var(--blue-40);
	color: var(--blue);
    box-shadow: none;
}
.fileuploader-icon-main {
	color: var(--white);
}
.fileuploader-theme-gallery .fileuploader-input-inner:hover .fileuploader-icon-main {
	color: var(--dark);
}
.fileuploader-theme-gallery .fileuploader-sorter-placeholder {
    background: var(--dark-orange);
    border-radius: 0;
}
.fileuploader-theme-gallery .fileuploader-items .fileuploader-item.sorting {
	z-index: 10;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove {
	background: none;
    border-radius: 0;
    box-shadow: none;
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove:hover {
    background-color: transparent !important;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i {
	font-size: 20px;
	text-shadow: none;
}
.fileuploader-theme-gallery .fileuploader-items .fileuploader-item .fileuploader-action {
    color: var(--dark);
    text-shadow: none;
}
.fileuploader-theme-gallery .fileuploader-items .fileuploader-item .fileuploader-action:hover {
	color: var(--dark) !important;
}
.fileuploader-items .fileuploader-item .fileuploader-item-icon,
.fileuploader-items .fileuploader-item .fileuploader-item-image {
	background-color:  var(--blue-20) !important;
	padding-top: 8%;
}

.fileuploader-items .fileuploader-item .fileuploader-item-icon .fileuploader-icon-file {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 4vw;
	font-style: normal;
	color: var(--white);
}
.fileuploader-items .fileuploader-item-inner:hover .fileuploader-item-icon .fileuploader-icon-file {
	color: var(--dark);
}
.fileuploader-icon-file:before {
    content: "\f15c";
	/*far fa-file-alt*/
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success i:before {
	content: "\f2ed" !important;
}
.fileuploader-action-popup {
	display: none !important;
}
.fileuploader-theme-gallery .fileuploader-item .actions-holder {
    top: 5px;
    right: 5px;
    height: auto;
    padding: 0 5px;
}
.fileuploader-theme-gallery .fileuploader-item .type-holder {
	display: none;
}
.fileuploader-theme-gallery .fileuploader-item .type-holder .fileuploader-item-icon {
	background-color: #0F1218 !important;
}

/********************************************/
/* NUEVA CESION DE COCHE */
/********************************************/
#id_coche ul li{
	list-style: none;

}

.checklist .featherlight.ficha .ficha-content {
    overflow-x: unset;
}
.checklist .featherlight.ficha h1 {
   line-height: 1.5em;
}
.checklist .featherlight.ficha table {
    width: 100%;
    border: none !important;
}
.checklist .featherlight.ficha table .thTxt,
.checklist .featherlight.ficha table .thItem {
    width: 45%;
    border: none !important;
}
.checklist .featherlight.ficha table .thCheck {
    width: 5%;
    border: none !important;
}
.checklist .featherlight.ficha table td {
    font-size: 15px;
    font-weight: 600;
}
.checklist .featherlight.ficha table td:first-child {
    text-align: center;
    font-size: 22px;
}
.checklist .featherlight.ficha table td:last-child {
    font-weight: 300;
}
 


.tablet.portrait .column-login {
    background-color: var(--dark);
    width: 75%;
    height: auto;
    min-height: 40%;
    display: block;
    position: absolute;
    top: 10%;
    left: 5%;
    right: 5%;
    margin-left: auto;
    margin-right: auto;
}
.tablet.portrait .box-login {
    height: 70%;
    padding-top: 10%;
}
.tablet.portrait .login-header .logo img {
    height: 100%;
    margin-top: 0;
}
.tablet.portrait .login-content,
.tablet.portrait .login-footer {
    padding: 0 10%;
    text-align: center;
}
.tablet.portrait .column-bg {
    width: 100%;
    height: 100%;
    display: block;    
    background-size: 110%;
}

.tablet.portrait table.dataTable tbody td {
	font-size: 16px;
    line-height: 1.5em;
}
.tablet.portrait table.dataTable tbody .act-title {
	width: auto;
    min-width: 150px;
}
.tablet.portrait .ficha{
    width: 100%;
}
.tablet.portrait .featherlight.ficha .featherlight-content {
    width: 100%;
    padding: 30px;
}
.tablet.portrait .featherlight.act-new .featherlight-content,
.tablet.portrait .featherlight.act-edit .featherlight-content,
.tablet.portrait .featherlight.act-check-edit .featherlight-content,
.tablet.portrait .featherlight.files-up .featherlight-content,
.tablet.portrait .featherlight.galeria-up .featherlight-content {
    height: 100%;
    width: 100%;
    max-height: 100%;
}
.tablet.portrait .dialog-actions {
    position: absolute;
    top: 50px;
    right: 75px;
}
.tablet.portrait.checklist .featherlight-inner.form {
    padding-left: 0;
    padding-right: 0; 
}
.tablet.portrait.checklist .featherlight-inner.form h2 {
    font-size: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--light);
}
.tablet.portrait.checklist .featherlight-inner.form .form-row {
    width: calc(50% - 20px);
    display: inline-block;
}

.tablet.portrait.checklist .featherlight-inner.form [type=checkbox] {
    margin-right: 20px;
    vertical-align: baseline;
}
.tablet.portrait.checklist .featherlight-inner.form .alpaca-control-label,
.tablet.portrait.checklist .featherlight-inner.form .alpaca-container-label {
    display: block;
    font-size: 20px;
    font-stretch: expanded;
    font-weight: 600;
    padding-bottom: 10px;
    color: var(--dark);
    line-height: 1.3em;
}
.tablet.portrait .featherlight .featherlight-close-icon {
    line-height: 50px;
    font-size: 30px;
    width: 50px;
}

.tablet.portrait .ficha-top-info {
    font-size: 40px;
}



/********************************************/
/* #max-width: 1400x */
/********************************************/

@media only screen and (max-width: 1400px) {

	.header-menu a {
		font-size: 18px;
		padding: 14px 20px;
	}
	.menu-item {
		font-size: 18px;
	}
	.menu-item a {
		padding: 12px 12px;
	}

}


/********************************************/
/* #max-width: 1200x */
/********************************************/

@media only screen and (max-width: 1200px) {

	.page-header {
		padding: 50px 20px 0;
	}
	.menu-item {
		font-size: 16px;
	}
	.menu-item a {
		padding: 15px 15px;
	}
	.menu-logout i {
		font-size: 20px;
	}
	.user-name {
		margin-left: 5px;
		margin-right: 10px;
	}
	.menu-logout {
		font-size: 14px;
	}

}


/********************************************/
/* #max-width: 1024px */
/********************************************/

@media only screen and (max-width: 1024px) {


	.column-login {
		background-color: var(--dark);
		width: 75%;
		height: auto;
		min-height: 40%;
		display: block;
		position: absolute;
		top: 10%;
		left: 5%;
		right: 5%;
		margin-left: auto;
		margin-right: auto;
	}
	.box-login {
		height: 70%;
		padding-top: 10%;
	}
	.login-header .logo img {
		height: 100%;
		margin-top: 0;
	}
	.login-content,
	.login-footer {
		padding: 0 10%;
		text-align: center;
	}
	.column-bg {
		width: 100%;
		height: 100%;
		display: block;    
		background-size: 110%;
	}

	.header-menu a {
		font-size: 18px;
		padding: 14px 18px;
	}
	.menu-item {
		font-size: 16px;
	}
	.menu-item a {
		padding: 12px 12px;
	}
	.page-intro-title {
		font-size: 3rem;
	}
    
	.filters-wrapper {
		width: 100%;
    	text-align: center;
		font-size: 13px;
	}
	.filter-label {
		color: var(--white);
	}
	.filters-date input {
		border-bottom: 2px solid var(--grey);
		width: 80px;
		font-size: 13px;
	}
    .cesiones-ocupacion .filters-wrapper,
    .cesiones .filters-wrapper {
        width: 90%;
        text-align: right;
        position: absolute;
        margin-right: 0;
        right: 15px;
    }
    .cesiones-ocupacion .fc-center,
    .cesiones .fc-center {
        margin-right: 150px;
    }    
    
}