/* Minimizzazione non riuscita. Verrà restituito il contenuto non minimizzato.
(1,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,74): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,91): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,109): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,133): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,152): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,180): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,200): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,232): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,261): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,286): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,308): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,328): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,350): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,370): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,40): run-time error CSS1039: Token not allowed after unary operator: '-testo'
(3,67): run-time error CSS1039: Token not allowed after unary operator: '-font-uno'
(3,95): run-time error CSS1039: Token not allowed after unary operator: '-fontsize-uno'
(12,28): run-time error CSS1039: Token not allowed after unary operator: '-bianco'
(17,57): run-time error CSS1039: Token not allowed after unary operator: '-font-uno'
(17,85): run-time error CSS1039: Token not allowed after unary operator: '-fontsize-uno'
(17,131): run-time error CSS1039: Token not allowed after unary operator: '-nero'
(19,80): run-time error CSS1039: Token not allowed after unary operator: '-font-uno'
(19,108): run-time error CSS1039: Token not allowed after unary operator: '-fontsize-uno'
(19,154): run-time error CSS1039: Token not allowed after unary operator: '-nero'
(19,175): run-time error CSS1039: Token not allowed after unary operator: '-txt_height'
(23,60): run-time error CSS1039: Token not allowed after unary operator: '-colorreadonly'
(25,86): run-time error CSS1039: Token not allowed after unary operator: '-nero'
(33,107): run-time error CSS1039: Token not allowed after unary operator: '-blu-scuro'
(33,132): run-time error CSS1039: Token not allowed after unary operator: '-bianco'
(35,96): run-time error CSS1039: Token not allowed after unary operator: '-bs-blue'
(46,58): run-time error CSS1039: Token not allowed after unary operator: '-bianco'
(53,96): run-time error CSS1039: Token not allowed after unary operator: '-blu-principale'
(53,126): run-time error CSS1039: Token not allowed after unary operator: '-bianco'
(57,67): run-time error CSS1039: Token not allowed after unary operator: '-bianchetto'
(59,92): run-time error CSS1039: Token not allowed after unary operator: '-bianco'
(59,132): run-time error CSS1039: Token not allowed after unary operator: '-bianco'
(65,48): run-time error CSS1039: Token not allowed after unary operator: '-biancaccio'
(65,92): run-time error CSS1039: Token not allowed after unary operator: '-blu-principale'
(71,50): run-time error CSS1039: Token not allowed after unary operator: '-biancaccio'
(75,77): run-time error CSS1039: Token not allowed after unary operator: '-biancaccio'
(79,102): run-time error CSS1039: Token not allowed after unary operator: '-grigio-scuro'
(79,130): run-time error CSS1039: Token not allowed after unary operator: '-bianco'
(81,102): run-time error CSS1039: Token not allowed after unary operator: '-biancaccio'
(81,128): run-time error CSS1039: Token not allowed after unary operator: '-grigio-scuro'
(89,95): run-time error CSS1039: Token not allowed after unary operator: '-biancaccio'
(91,60): run-time error CSS1039: Token not allowed after unary operator: '-grigetto'
(103,33): run-time error CSS1039: Token not allowed after unary operator: '-bianco'
(103,94): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(109,41): run-time error CSS1039: Token not allowed after unary operator: '-blu-principale'
(109,78): run-time error CSS1039: Token not allowed after unary operator: '-blu-principale'
(109,125): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(109,172): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(111,78): run-time error CSS1039: Token not allowed after unary operator: '-bianco'
(117,38): run-time error CSS1039: Token not allowed after unary operator: '-bianco'
(117,153): run-time error CSS1039: Token not allowed after unary operator: '-bianco'
(129,43): run-time error CSS1039: Token not allowed after unary operator: '-blu-principale'
(129,80): run-time error CSS1039: Token not allowed after unary operator: '-blu-principale'
(129,114): run-time error CSS1039: Token not allowed after unary operator: '-font-uno'
(129,138): run-time error CSS1039: Token not allowed after unary operator: '-bianco'
(129,168): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(133,90): run-time error CSS1039: Token not allowed after unary operator: '-blu-principale'
(133,124): run-time error CSS1039: Token not allowed after unary operator: '-font-uno'
(133,148): run-time error CSS1039: Token not allowed after unary operator: '-nero'
(136,89): run-time error CSS1039: Token not allowed after unary operator: '-bianchetto'
(136,122): run-time error CSS1039: Token not allowed after unary operator: '-bianchetto'
(136,156): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(151,39): run-time error CSS1039: Token not allowed after unary operator: '-testo'
(151,64): run-time error CSS1039: Token not allowed after unary operator: '-fontsize-uno'
(151,109): run-time error CSS1039: Token not allowed after unary operator: '-font-uno'
(151,150): run-time error CSS1039: Token not allowed after unary operator: '-font-w-bold'
(157,39): run-time error CSS1039: Token not allowed after unary operator: '-txt_height'
(159,170): run-time error CSS1039: Token not allowed after unary operator: '-fontsize-uno'
(174,116): run-time error CSS1039: Token not allowed after unary operator: '-biancaccio'
(174,160): run-time error CSS1039: Token not allowed after unary operator: '-blu-principale'
(176,65): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(178,65): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(184,41): run-time error CSS1039: Token not allowed after unary operator: '-bianchetto'
(190,44): run-time error CSS1039: Token not allowed after unary operator: '-biancaccio'
(192,69): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(192,119): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(196,181): run-time error CSS1039: Token not allowed after unary operator: '-blu-principale'
(196,211): run-time error CSS1039: Token not allowed after unary operator: '-bianco'
(198,128): run-time error CSS1039: Token not allowed after unary operator: '-biancaccio'
(198,154): run-time error CSS1039: Token not allowed after unary operator: '-blu-principale'
(203,31): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(205,44): run-time error CSS1039: Token not allowed after unary operator: '-font-uno'
(207,31): run-time error CSS1039: Token not allowed after unary operator: '-testo'
(209,28): run-time error CSS1039: Token not allowed after unary operator: '-testo'
(209,55): run-time error CSS1039: Token not allowed after unary operator: '-font-uno'
(209,106): run-time error CSS1039: Token not allowed after unary operator: '-font-w-bold'
(215,45): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(217,45): run-time error CSS1039: Token not allowed after unary operator: '-font-uno'
(238,255): run-time error CSS1039: Token not allowed after unary operator: '-fontsize-uno'
(238,300): run-time error CSS1039: Token not allowed after unary operator: '-font-uno'
(238,341): run-time error CSS1039: Token not allowed after unary operator: '-font-w-bold'
(248,105): run-time error CSS1039: Token not allowed after unary operator: '-blu-principale'
(248,135): run-time error CSS1039: Token not allowed after unary operator: '-bianco'
(262,56): run-time error CSS1039: Token not allowed after unary operator: '-blu-principale'
(264,107): run-time error CSS1039: Token not allowed after unary operator: '-blu-scuro'
(268,31): run-time error CSS1039: Token not allowed after unary operator: '-font-uno'
(268,55): run-time error CSS1039: Token not allowed after unary operator: '-nero'
(274,31): run-time error CSS1039: Token not allowed after unary operator: '-bianco'
(274,59): run-time error CSS1039: Token not allowed after unary operator: '-font-uno'
(274,87): run-time error CSS1039: Token not allowed after unary operator: '-fontsize-uno'
(303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(348,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(349,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(350,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(351,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(352,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(353,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(354,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(418,32): run-time error CSS1039: Token not allowed after unary operator: '-ec-border-color'
(422,33): run-time error CSS1039: Token not allowed after unary operator: '-ec-border-color'
(461,33): run-time error CSS1039: Token not allowed after unary operator: '-ec-border-color'
(471,28): run-time error CSS1039: Token not allowed after unary operator: '-ec-border-color'
(477,39): run-time error CSS1039: Token not allowed after unary operator: '-ec-border-color'
(493,43): run-time error CSS1039: Token not allowed after unary operator: '-ec-border-color'
(562,35): run-time error CSS1039: Token not allowed after unary operator: '-ec-border-color'
(642,17): run-time error CSS1039: Token not allowed after unary operator: '-ec-text-color'
(643,28): run-time error CSS1039: Token not allowed after unary operator: '-ec-bg-color'
(654,32): run-time error CSS1039: Token not allowed after unary operator: '-ec-border-color'
(661,32): run-time error CSS1039: Token not allowed after unary operator: '-ec-accent-color'
(700,28): run-time error CSS1039: Token not allowed after unary operator: '-ec-button-bg-color'
(701,28): run-time error CSS1039: Token not allowed after unary operator: '-ec-button-border-color'
(709,21): run-time error CSS1039: Token not allowed after unary operator: '-ec-button-text-color'
(714,36): run-time error CSS1039: Token not allowed after unary operator: '-ec-button-active-bg-color'
(715,32): run-time error CSS1039: Token not allowed after unary operator: '-ec-button-active-border-color'
(716,25): run-time error CSS1039: Token not allowed after unary operator: '-ec-button-active-text-color'
(771,28): run-time error CSS1039: Token not allowed after unary operator: '-ec-border-color'
(862,32): run-time error CSS1039: Token not allowed after unary operator: '-ec-today-bg-color'
(866,32): run-time error CSS1039: Token not allowed after unary operator: '-ec-highlight-color'
(877,36): run-time error CSS1039: Token not allowed after unary operator: '-ec-bg-event-color'
(890,28): run-time error CSS1039: Token not allowed after unary operator: '-ec-list-day-bg-color'
(904,28): run-time error CSS1039: Token not allowed after unary operator: '-ec-today-bg-color'
(935,17): run-time error CSS1039: Token not allowed after unary operator: '-ec-event-text-color'
(937,32): run-time error CSS1039: Token not allowed after unary operator: '-ec-border-color'
(938,28): run-time error CSS1039: Token not allowed after unary operator: '-ec-event-bg-color'
(1047,28): run-time error CSS1039: Token not allowed after unary operator: '-ec-bg-event-color'
(1048,19): run-time error CSS1039: Token not allowed after unary operator: '-ec-bg-event-opacity'
(1069,28): run-time error CSS1039: Token not allowed after unary operator: '-ec-popup-bg-color'
(1070,28): run-time error CSS1039: Token not allowed after unary operator: '-ec-border-color'
(1073,37): run-time error CSS1039: Token not allowed after unary operator: '-ec-hs'
(1073,78): run-time error CSS1039: Token not allowed after unary operator: '-ec-hs'
(1111,22): run-time error CSS1039: Token not allowed after unary operator: '-ec-now-indicator-color'
(1115,23): run-time error CSS1039: Token not allowed after unary operator: '-ec-now-indicator-color'
(1120,22): run-time error CSS1039: Token not allowed after unary operator: '-ec-now-indicator-color'
 */
:root { --bianco: #FFFFFF; --bianchetto: #ECECEC; --biancaccio: #d5d5d5; --nero: #000000; --bordo: #D5D5D1; --blu-principale: #06c; --blu-scuro: #036; --colorreadonly: #00000014; --testo: #000000c8; --blòuchepiaceamattia: #3D8BFD; --font-uno: 'Titillium Web'; --fontsize-uno: 0.95rem; --font-w-normal: 500; --font-w-bold: 800; --border-radius: 3px; --txt_height: 2rem; --giallo-pastello: #B9A118; }

html, body { height: 100%; color: var(--testo); font-family: var(--font-uno); font-size: var(--fontsize-uno); }
div { width: 100%; }
p { text-indent: 1em; padding: 10px; }

/*layout master*/
div.body_container { display: flex; flex-flow: column; height: 100%; }
div.header { display: flex; flex: 0 1 auto; }
div.form { flex: 1 1 auto; }
div.footer { flex: 0 0 50px; }
div.footer a { color: var(--bianco); margin: 0px 20px 0px 20px; }
/*div.footer div { height: 50px; text-align: center; padding: 10px; font-size: 0.8em; background-color: var(--blu-scuro); color: var(--bianco) }*/
/*div.footer div:first-child { margin-top: 20px; padding-top: 20px; height: 70px; background-color: var(--bs-blue) }*/
#UpdatePanelMaster { padding: 0px 20px; }

select option, .autocomplete-option { font-family: var(--font-uno); font-size: var(--fontsize-uno); font-weight: 200; color: var(--nero); }

input[type='text'], input[type='number'], select, textarea { font-family: var(--font-uno); font-size: var(--fontsize-uno); font-weight: 200; color: var(--nero); height: var(--txt_height); padding: 2px; }

input[type='submit'], input[type='button'], input[type='file'] { padding: 4px 12px; height: 30px; }

textarea:disabled, input:disabled { background-color: var(--colorreadonly); }

textarea { border: 1px solid hsl(210,17%,44%); vertical-align: baseline; color: var(--nero) !important; height: auto; max-height: 300px; }

.zindex-important { z-index: 9999 !important; }

#ulMainMenu { max-width: fit-content !important; }

#ulMainMenu > li .active { cursor: pointer !important; }
/***********************************aggiunta federico, classe per il footer della master page*/
.footerMaster { height: 50px; text-align: center; padding: 10px; font-size: 0.8em; background-color: var(--blu-scuro); color: var(--bianco) }

.footerMasterFirst { margin-top: 20px; padding-top: 20px; height: 70px; background-color: var(--bs-blue) }

/***********aggiunta giorgio, colonnalikn del datagrid******/
.linkRow:hover { background-color: whitesmoke; cursor: pointer; }

/************************header*******************************/
/*immagine*/ .img-logo-small-navbar { max-height: 100px; max-width: 100px; min-height: auto; min-width: auto; }

/***************body**************/
.divBackGround { position: absolute; background-color: Gray; filter: alpha(opacity=50); opacity: 0.75; z-index: 100; display: none; }

.divForward { position: absolute; background-color: var(--bianco); border: none; /*min-height: 180px;*/ height: auto; z-index: 150; display: none; border-radius: 3px; /*border:solid 1px red;*/ }
/*.divForward .TextDiv { position: relative; min-height: 180px;*/ /* border: solid 1px green;*/ /*}
.divForward .TextDiv i { font-size: 50px; position: absolute; top: 65px; left: 40px; }
.divForward .TextDiv .fa-circle-check, .divForward .TextDiv .fa-spinner { color: var(--blu); }
.divForward .TextDiv .fa-triangle-exclamation { color: var(--rosso); }
.divForward .TextDiv .testo { position: absolute; left: 130px; height: 180px; display: flex; align-items: center; font-size: 0.95em; }*/

.divForward .ttl { padding: 2px 2px 2px 8px; text-transform: uppercase; background-color: var(--blu-principale); color: var(--bianco); font-weight: bold; border-top-left-radius: 3px; border-top-right-radius: 3px; }

.divForward .dg { display: table; width: 100%; padding: 3px; /*border: solid 1px var(--testo);*/ }

.divForward .dg .row { display: table-row; background-color: var(--bianchetto); }

.divForward .dg .row div { height: 40px; display: table-cell; border-right: solid 1px var(--bianco); border-bottom: solid 1px var(--bianco); font-size: 0.85em; padding: 3px 6px 3px 3px; text-align: center; vertical-align: middle; }

.divForward .dg .row div:last-child { border-right: none; }

.divForward .dg .row li { text-align: left; font-size: 0.85em; }

.divForward .dg .head { background-color: var(--biancaccio); border-bottom: 2px solid var(--blu-principale); font-weight: bold; }

.divForward .dg .head div { height: 26px; font-size: 0.88em; }

.divForward .dg .head:last-child { border-right: none; }

.divForward .dg .footer { background-color: var(--biancaccio); font-weight: bold; }

.divForward .dg .footer div { height: 10px; }

.divForward .dg .selectable:hover { cursor: pointer; background-color: var(--biancaccio); }

.divForward .pger { display: block; }

.divForward .pger input { margin: 2px 2px 2px 4px; padding: 2px; width: 30px; background-color: var(--grigio-scuro); color: var(--bianco); font-weight: bold; border: none; border-radius: 3px; }

.divForward .pger input:hover, .divForward .pger .selected { cursor: pointer; background-color: var(--biancaccio); color: var(--grigio-scuro); }

.divForward .bottom { width: 100%; position: relative; padding: 10px 10px 8px 0px; text-align: right; }

.divForward .bottom input { margin-right: 10px; }

.divForward .bottom input[type=button] { font-size: 0.9rem; line-height: 1em; padding: 6px 12px; }

.divForward .bottom input[type=text] { position: absolute; left: 10px; border: solid 1px var(--biancaccio); }

.divForward .bottom .Button:hover { background-color: var(--grigetto); }

.PRTDOC { }

.PRTDOC .ttl { position: relative }

.PRTDOC .dg .row div { width: unset }

.PRTDOC .dg .row div:first-child { width: 100px }

.PRTDOC .dg .row div:last-child { width: 140px }
/*panel*/
.panel { background-color: var(--bianco); border: 1px solid transparent; border-radius: var(--border-radius); margin-top: 8px; }

.panel .header, .panel .footer { padding: 5px; }

.panel .body { padding: 15px; }

.panel .header { background-color: var(--blu-principale); border-color: var(--blu-principale); border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); }

.panel > .header * { text-transform: uppercase; cursor: pointer; color: var(--bianco); background-color: transparent; font-size: 1.05rem; }

.panel > .header *:hover { color: darkgray; }

.panel .header ul { background-color: transparent; border: 0px; }

.panel .header .active { color: var(--bianco); background-color: transparent; border-bottom: solid; border-bottom-width: 2px; border-bottom-color: var(--bianco); }

.panel .header li { padding: 0.1em 0.5em; }

.panel .header a { padding: 0.2em; }

.panel .footer { /*background-color: var(--bianchetto);*/ /*display: flex; justify-content: end;*/ text-align: right; padding-right: 30px; align-content: space-between; }

.panel .footer input, .panel .footer a { margin-right: 10px; }

.sottopanel { padding-top: 5px; padding-bottom: 5px; display: flex; flex-direction: column; }

.sottopanel > h5 { background-color: var(--blu-principale); border-color: var(--blu-principale); font-size: var(--font-uno); color: var(--bianco); border-radius: var(--border-radius); padding-left: 10px; z-index: 100 !important; }

.divisore { padding-top: 5px; padding-bottom: 5px; display: flex; flex-direction: column; margin-left: 20px; margin-right: 20px; }

.divisore > h5 { background-color: transparent !important; border-bottom: 1px solid var(--blu-principale); font-size: var(--font-uno); color: var(--nero); padding-left: 10px; }

/*Controlli form*/
.txt_riga { display: flex; flex-wrap: wrap; align-items: center; background-color: var(--bianchetto); border-color: var(--bianchetto); border-radius: var(--border-radius); padding: 5px; }

.txt_riga div { }



.txt_riga .btn-primary { display: inline; align-self: self-end; margin: 5px; }

.form-group, .select-wrapper, .form-check, .form-check-group { height: unset; min-width: 50px; margin-left: 1rem; margin-bottom: 0.1rem; }

.form-group { width: min-content; padding: 2px 10px 2px 10px }

.form-group .active,
.select-wrapper label,
.form-check label,
.form-check-group label { color: var(--testo); font-size: var(--fontsize-uno) !important; font-family: var(--font-uno) !important; font-weight: var(--font-w-bold) !important; display: contents; }

.form-check { width: auto !important; }

.form-group table { display: inline-grid; }

.select-wrapper select { height: var(--txt_height); font-weight: inherit; }

.select-wrapper > select > option { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; font-family: Arial; font-size: var(--fontsize-uno) !important; /*font-weight: 1200 !important; color: var(--nero) !important; text-transform: uppercase;*/ }

.form-check-group > span { display: flex; flex-direction: row; width: min-content; }

.form-check-group .radio-group-item { display: inline; }

.form-check-group { width: auto; }

/*datagrid*/
.datagrid { }

.datagrid table { border-collapse: collapse; width: 100%; border: none; }

.datagrid .titolo { font-weight: bold; font-style: italic; font-size: 0.85rem; /*width: 30%;*/ /*height: 20px;*/ padding: 10px 0px 6px 10px; }

.datagrid .header { /*font-family: var(--font-uno); font-size: 0.75rem; font-weight: 700;*/ background-color: var(--biancaccio); border-bottom: 2px solid var(--blu-principale); height: 30px; font-weight: bold; }

.datagrid .header td:first-child { border-top-left-radius: var(--border-radius); }

.datagrid .header td:last-child { border-top-right-radius: var(--border-radius); }

.datagrid td { font-size: 0.85rem; padding: 2px; vertical-align: middle; }
/*height: 20px; width: 20px;*/
.datagrid .btn-grid { font-size: 0.8rem; padding: 6px 12px; }

.datagrid .alt { background-color: var(--bianchetto); }

.datagrid .alt.disabled, .datagrid .alt.disabled { text-decoration: line-through; }

.datagrid .item.disabled, .datagrid .item.disabled { text-decoration: line-through; }
/*.datagrid tr:last-child { border-bottom: 1px solid var(--blu-principale); }*/
.datagrid .footer { background-color: var(--biancaccio); }

.datagrid .footer td { height: 8px; border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); }

.datagrid .pager .pagination { margin: 4px 2px 2px 10px; }
/*.datagrid .pager .pagination li:hover { background-color: var(--bs-btn-hover-color); }*/
.datagrid .pagination input[type='button'] { font-size: 0.7rem; height: 1.4rem; /*width: 20px;*/ line-height: 1rem; padding: 2px 4px; /*font-weight: bold;*/ background-color: var(--blu-principale); color: var(--bianco); /* min-width: 2rem;*/ }

.datagrid .pagination input[type='button']:hover, .datagrid .pagination input[type='button'].selected { background-color: var(--biancaccio); color: var(--blu-principale); }

.datagrid .legenda { padding: 2px 10px 2px 10px; font-style: italic; font-size: 0.8rem; }

/*Dashboard*/
.bubble { border-radius: var(--border-radius); background: whitesmoke; box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05); transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12); width: auto; height: fit-content; background: whitesmoke; margin: 15px; }

.bubble a { color: #06c; font-family: var(--font-uno); }

.bubble a:hover { color: var(--testo); }

.bubble span { color: var(--testo); font-family: var(--font-uno); font-size: 1.120rem; font-weight: var(--font-w-bold); }

.bubble .small { font-size: 0.85rem; }

.card-body .card-header { text-align: center; }
/**Breadcrumb */
.breadcrumb-container { border-radius: var(--border-radius); padding-left: 2rem; }

.breadcrumb-item > li > a { font-size: var(--font-uno) !important; }
/*Header menu a destra*/
.OperatoreSection { display: flex; flex-flow: row-reverse; }


.op-section-text { width: auto; font-size: medium; text-align: center; }

.op-section-text-sub { width: auto; font-size: 0.8rem; text-align: center; }

#divOperatore { border-bottom: none; background-color: transparent; transition: background-color 0.5s ease; width: max-content; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; text-align: center; }



.btn-group { cursor: pointer; z-index: 150; }

/*.btn-group .li:hover { background: #e2e2e2; box-shadow: 0 0 10px rgba(0,0,0,.08), 0 0 15px rgba(0,0,0,.05); }*/


#divOperatore:hover { background: #e2e2e2; box-shadow: 0 0 10px rgba(0,0,0,.08), 0 0 15px rgba(0,0,0,.05); cursor: pointer; }

/*CheckboxList*/
.sw-checkboxlist-label { background-color: rgba(0,0,0,0); position: relative; transition: .2s ease-out; top: 0; font-size: 1rem; cursor: text; margin-left: 2rem; display: block; max-width: 100%; width: auto; padding: 0 .5rem; z-index: 1; font-size: var(--fontsize-uno) !important; font-family: var(--font-uno) !important; font-weight: var(--font-w-bold) !important; }

.sw-checklist > tbody { display: flex; flex-wrap: wrap; }

/*MODALE CARICAMENTO*/
.modale-caricamento { display: flex; justify-content: center; padding: 10px; /* padding-bottom: 20px;*/ }
.modale-caricamento .testo { padding-left: 40px; /* font-style: italic;*/ font-weight: 600; justify-content: center; align-content: center; }

/*Modali*/
.modal-content { border-top-left-radius: 3px; border-top-right-radius: 3px; }
.modal-header { padding: 2px 10px 2px 8px !important; text-transform: uppercase; background-color: var(--blu-principale); color: var(--bianco) !important; font-weight: bold; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.modale-pulsanti { margin-bottom: 20px; margin-top: 20px; }
.modal-body { margin: 5px; padding: 2px 10px 2px 8px !important; }
.modal-body .footer { text-align: right; padding-right: 30px; align-content: space-between; }
.modal-body .footer input, .modal-body .footer a { margin-right: 10px; margin-top: 5px; }


/*Autocomplete*/
.autocomplete { position: relative; display: inline-block; }

.autocomplete-items { overflow-y: scroll; max-height: 50vh; position: absolute; z-index: 150 !important; }

.autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; }

.autocomplete-items div:hover { background-color: var(--blu-principale); color: white; }

.autocomplete-active { /*when navigating through the items using the arrow keys:*/ background-color: var(--blu-scuro) !important; color: white; }


/* Calendario */
.ec-title { font-family: var(--font-uno); color: var(--nero); font-size: larger; }

.ec-button { padding: 4px 12px; }

.ec-end { display: flex; flex-direction: row; }

.ec-event-title { color: var(--bianco); font-family: var(--font-uno); font-size: var(--fontsize-uno); }

.ec-custom-title { display: flex; flex-direction: column; }

/*.ec-day.ec-today { background-color: var(--blu-principale) !important; color: var(--bianco) !important; }
.ec-list .ec-day-head { background-color: var(--blu-principale) !important; color: var(--bianco) !important; }*/


/* FileUploader */
/*.gruppo-file { background-color: var(--bianchetto);    padding: 5px;    width: fit-content;    border-radius: 10px; }*/
.UFC { display: flex; flex-direction: row; align-items: center; }

.UFC > * { margin-left: 5px; }
/*.UFC .upload { display:block§;}*/

/*Notifica*/
.notification { box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px !important; top: 15% !important; }

/* Avviso */
.avviso { display: block !important; }

.avviso-successo { border-top: 4px solid rgb(0,127.5,85) !important; display: block !important; text-align: center; }

.avviso-errore { border-top: 4px solid rgb(204,51,76.5) !important; text-align: center; display: block !important; }

.avviso .modal-header { justify-content: center }

.ec {
    color-scheme: light;
    --ec-h: 0;
    --ec-s: 0%;
    --ec-l-300: 91%;
    --ec-l-500: 83.5%;
    --ec-l-600: 78.4%;
    --ec-l-700: 71.4%;
    --ec-bg-fallback-color: #fff;
    --ec-hs: var(--ec-h), var(--ec-s);
    --ec-color-300: hsl(var(--ec-hs), var(--ec-l-300));
    --ec-color-500: hsl(var(--ec-hs), var(--ec-l-500));
    --ec-color-600: hsl(var(--ec-hs), var(--ec-l-600));
    --ec-color-700: hsl(var(--ec-hs), var(--ec-l-700));
    --ec-border-color: var(--ec-color-500);
    --ec-accent-color: var(--ec-color-600);
    --ec-button-bg-color: var(--ec-bg-color);
    --ec-button-border-color: var(--ec-color-600);
    --ec-button-text-color: var(--ec-text-color);
    --ec-button-active-bg-color: var(--ec-color-300);
    --ec-button-active-border-color: var(--ec-color-700);
    --ec-button-active-text-color: var(--ec-button-text-color);
    --ec-event-bg-color: #039be5;
    --ec-event-text-color: #fff;
    --ec-bg-event-color: var(--ec-color-500);
    --ec-bg-event-opacity: .3;
    --ec-list-day-bg-color: var(--ec-bg-color, var(--ec-bg-fallback-color));
    --ec-today-bg-color: rgba(255, 220, 40, .15);
    --ec-highlight-color: rgba(188, 232, 241, .3);
    --ec-popup-bg-color: var(--ec-bg-color, var(--ec-bg-fallback-color));
    --ec-now-indicator-color: #ea4335
}

.ec-dark .ec {
    color-scheme: dark;
    --ec-h: 215;
    --ec-s: 15%;
    --ec-l-300: 25.5%;
    --ec-l-500: 42.4%;
    --ec-l-600: 49.8%;
    --ec-l-700: 57.3%;
    --ec-bg-fallback-color: #22272e
}

@media (prefers-color-scheme: dark) {
    .ec-auto-dark .ec {
        color-scheme: dark;
        --ec-h: 215;
        --ec-s: 15%;
        --ec-l-300: 25.5%;
        --ec-l-500: 42.4%;
        --ec-l-600: 49.8%;
        --ec-l-700: 57.3%;
        --ec-bg-fallback-color: #22272e
    }
}

.ec-timeline .ec-container {
    display: flex;
    flex: 1 1 0%;
    min-height: 0
}

.ec-timeline .ec-main {
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative
}

.ec-timeline .ec-content {
    flex-direction: column
}

.ec-timeline .ec-body {
    flex: 1 1 auto;
    overflow: auto
}

    .ec-timeline .ec-body .ec-content {
        min-height: 100%;
        min-width: max-content;
        position: relative
    }

    .ec-timeline .ec-body .ec-days {
        flex-shrink: 0
    }

        .ec-timeline .ec-body .ec-days:not(:last-child) {
            flex-grow: 0
        }

.ec-timeline .ec-header {
    overflow: hidden
}

    .ec-timeline .ec-header .ec-days {
        min-width: max-content
    }

    .ec-timeline .ec-header .ec-day {
        flex-basis: auto;
        display: flex;
        flex-direction: column
    }

        .ec-timeline .ec-header .ec-day:first-child .ec-day-head, .ec-timeline .ec-header .ec-day:first-child .ec-time:first-child, .ec-timeline .ec-day {
            border: none
        }

.ec-timeline .ec-day-head {
    border-style: none none none solid
}

.ec-timeline .ec-times {
    display: flex;
    border-top: 1px solid var(--ec-border-color)
}

.ec-timeline .ec-time {
    border-left: 1px solid var(--ec-border-color);
    box-sizing: border-box;
    font-size: .95em;
    min-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis
}

    .ec-timeline .ec-time.ec-minor {
        visibility: hidden
    }

.ec-timeline .ec-time, .ec-timeline .ec-line {
    width: 72px
}

.ec-timeline .ec-events {
    position: relative;
    height: 100%;
    margin: 0
}

.ec-timeline .ec-event {
    position: absolute
}

.ec-timeline .ec-bg-event {
    height: 100%;
    z-index: auto
}

.ec-timeline .ec-lines {
    display: flex
}

.ec-timeline .ec-line:not(:first-child):after {
    content: "";
    position: absolute;
    height: 100%;
    border-left: 1px solid var(--ec-border-color);
    pointer-events: none
}

.ec-timeline .ec-line.ec-minor:after {
    border-left-style: dotted
}

.ec-timeline .ec-sidebar {
    padding: 0;
    border: 1px solid var(--ec-border-color);
    border-right-style: none
}

    .ec-timeline .ec-sidebar .ec-sidebar-title {
        flex-shrink: 0;
        border-bottom: 1px solid var(--ec-border-color);
        box-sizing: content-box
    }

    .ec-timeline .ec-sidebar .ec-content {
        flex: 1;
        overflow: hidden
    }

    .ec-timeline .ec-sidebar .ec-resource {
        padding: 0 8px;
        flex-shrink: 0
    }

        .ec-timeline .ec-sidebar .ec-resource:not(:last-child) {
            flex-grow: 0;
            border-bottom: 1px solid var(--ec-border-color)
        }

        .ec-timeline .ec-sidebar .ec-resource:last-child {
            flex-basis: 100% !important
        }

        .ec-timeline .ec-sidebar .ec-resource span {
            padding-top: 8px;
            height: fit-content
        }

.ec-time-grid .ec-body .ec-event {
    position: absolute
}

.ec-time-grid .ec-body .ec-event-title {
    position: sticky;
    top: 0
}

.ec-time-grid .ec-body .ec-resizer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    max-height: 8px;
    cursor: ns-resize
}

    .ec-time-grid .ec-body .ec-resizer.ec-start {
        bottom: auto;
        top: 0
    }

.ec-time-grid .ec-bg-event {
    width: 100%;
    z-index: 1
}

.ec-time-grid .ec-time {
    position: relative;
    line-height: 24px;
    top: -12px;
    text-align: right
}

    .ec-time-grid .ec-time.ec-minor {
        visibility: hidden
    }

.ec-time-grid .ec-header .ec-time, .ec-time-grid .ec-all-day .ec-time {
    visibility: hidden;
    overflow-y: hidden;
    height: 0
}

.ec-time-grid .ec-time, .ec-time-grid .ec-line {
    height: 24px
}

.ec-time-grid .ec-lines {
    width: 8px
}

.ec-time-grid .ec-line:not(:first-child):after {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: 1px solid var(--ec-border-color);
    pointer-events: none
}

.ec-time-grid .ec-line.ec-minor:after {
    border-bottom-style: dotted
}

.ec-time-grid .ec-sidebar-title {
    visibility: hidden;
    overflow-y: hidden;
    height: 0;
    text-align: right
}

.ec-time-grid .ec-all-day .ec-sidebar-title {
    visibility: visible;
    height: auto;
    padding: 8px 0
}

.ec-day-grid .ec-body {
    flex: 1 1 auto
}

    .ec-day-grid .ec-body .ec-day {
        min-height: 5em;
        position: relative
    }

.ec-day-grid .ec-content {
    flex-direction: column;
    height: 100%
}

.ec-day-grid .ec-uniform .ec-content {
    overflow: hidden
}

.ec-day-grid .ec-uniform .ec-days {
    flex: 1 1 0%;
    min-height: 0
}

.ec-day-grid .ec-uniform .ec-day {
    min-height: 0
}

.ec-day-grid .ec-day:first-child {
    border-left: none
}

.ec-day-grid .ec-day-head {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    border: none;
    padding: 4px 4px 3px
}

.ec-day-grid .ec-day-foot {
    position: absolute;
    bottom: 0;
    padding: 2px;
    font-size: .85em
}

    .ec-day-grid .ec-day-foot a {
        cursor: pointer
    }

.ec-days, .ec-day, .ec-resource {
    flex: 1 1 0;
    min-width: 0;
    max-width: 100%
}

.ec {
    display: flex;
    flex-direction: column;
    color: var(--ec-text-color);
    background-color: var(--ec-bg-color);
    -webkit-tap-highlight-color: transparent
}

    .ec ::-webkit-scrollbar {
        background-color: transparent
    }

    .ec ::-webkit-scrollbar-thumb {
        border: 4px solid transparent;
        box-shadow: none;
        background-color: var(--ec-border-color);
        background-clip: padding-box;
        border-radius: 8px;
        min-height: 40px
    }

    .ec :hover::-webkit-scrollbar-thumb {
        background-color: var(--ec-accent-color)
    }

.ec-hidden-scroll {
    display: none;
    overflow-y: scroll;
    visibility: hidden;
    flex-shrink: 0
}

.ec-with-scroll .ec-hidden-scroll {
    display: block
}

.ec-toolbar {
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1em
}

    .ec-toolbar > * {
        margin-bottom: -.5em
    }

        .ec-toolbar > * > * {
            margin-bottom: .5em
        }

            .ec-toolbar > * > *:not(:last-child) {
                margin-right: .75em
            }

.ec-title {
    margin: 0
}

.ec-button {
    background-color: var(--ec-button-bg-color);
    border: 1px solid var(--ec-button-border-color);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem
}

    .ec-button:not(:disabled) {
        color: var(--ec-button-text-color);
        cursor: pointer
    }

        .ec-button:not(:disabled):hover, .ec-button.ec-active {
            background-color: var(--ec-button-active-bg-color);
            border-color: var(--ec-button-active-border-color);
            color: var(--ec-button-active-text-color);
            z-index: 1
        }

.ec-expander {
    margin-right: .25em;
    width: 1.25em
}

    .ec-expander .ec-button {
        line-height: normal;
        padding: 0;
        aspect-ratio: 1;
        height: 1.25em
    }

.ec-button-group {
    display: inline-flex
}

    .ec-button-group .ec-button:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        margin-left: -1px
    }

    .ec-button-group .ec-button:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

.ec-icon {
    display: inline-block;
    width: 1em
}

    .ec-icon.ec-prev:after, .ec-icon.ec-next:after {
        content: "";
        position: relative;
        width: .5em;
        height: .5em;
        border-top: 2px solid currentcolor;
        border-right: 2px solid currentcolor;
        display: inline-block
    }

    .ec-icon.ec-prev:after {
        transform: rotate(-135deg) translate(-2px,2px)
    }

    .ec-icon.ec-next:after {
        transform: rotate(45deg) translate(-2px,2px)
    }

.ec-header, .ec-all-day, .ec-body, .ec-days, .ec-day, .ec-day-head {
    border: 1px solid var(--ec-border-color)
}

.ec-header {
    display: flex;
    flex-shrink: 0
}

    .ec-header .ec-resource {
        flex-direction: column
    }

        .ec-header .ec-resource .ec-days {
            border-top-style: solid
        }

    .ec-header .ec-days {
        border-bottom: none
    }

    .ec-header .ec-day {
        min-height: 24px;
        line-height: 24px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis
    }

.ec-all-day {
    flex-shrink: 0;
    border-top: none
}

    .ec-all-day .ec-days {
        border-bottom: none
    }

    .ec-all-day .ec-day {
        padding-bottom: 4px;
        position: relative
    }

.ec-body {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto
}

.ec:not(.ec-list) .ec-body {
    border-top: none
}

.ec-sidebar {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    padding: 0 4px 0 8px;
    display: flex;
    flex-direction: column
}

.ec-content {
    display: flex
}

.ec-list .ec-content {
    flex-direction: column
}

.ec-resource {
    display: flex
}

.ec-days {
    display: flex;
    border-style: none none solid
}

    .ec-days:last-child {
        border-bottom: none
    }

.ec-day-grid .ec-days, .ec-resource .ec-days {
    flex: 1 0 auto
}

.ec-day {
    border-style: none none none solid
}

    .ec-day.ec-today {
        background-color: var(--ec-today-bg-color)
    }

    .ec-day.ec-highlight {
        background-color: var(--ec-highlight-color)
    }

    .ec-day.ec-disabled {
        position: relative
    }

        .ec-day.ec-disabled:after {
            content: "";
            position: absolute;
            inset: 0;
            background-color: var(--ec-bg-event-color);
            opacity: .3
        }

    .ec-day.ec-other-month .ec-day-head time {
        opacity: .3
    }

.ec-list .ec-day {
    border: none
}

.ec-list .ec-day-head {
    background-color: var(--ec-list-day-bg-color);
    border-style: solid none;
    margin: -1px 0 0;
    padding: 8px 14px;
    position: sticky;
    top: 0;
    z-index: 2
}

.ec-list .ec-day.ec-today .ec-day-head:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: var(--ec-today-bg-color)
}

.ec-list .ec-day:first-child .ec-day-head {
    border-top: none
}

.ec-list .ec-day-side {
    float: right
}

.ec-list .ec-no-events {
    text-align: center;
    padding: 5em 0
}

.ec-events {
    margin: 0 6px 0 0
}

    .ec-time-grid .ec-events, .ec-events.ec-preview {
        position: relative
    }

.ec-day-grid .ec-events, .ec-all-day .ec-events {
    display: flow-root
}

.ec-event {
    display: flex;
    padding: 2px;
    color: var(--ec-event-text-color);
    box-sizing: border-box;
    box-shadow: 0 0 1px 0 var(--ec-border-color);
    background-color: var(--ec-event-bg-color);
    border-radius: 3px;
    font-size: .85em;
    line-height: 1.5;
    z-index: 1
}

.ec-day-grid .ec-event, .ec-all-day .ec-event {
    position: relative
}

.ec-list .ec-event {
    flex-direction: row;
    padding: 8px 14px;
    color: inherit;
    background-color: transparent;
    border-radius: 0
}

.ec-event.ec-preview {
    position: absolute;
    z-index: 1000;
    width: 100%;
    -webkit-user-select: none;
    user-select: none;
    opacity: .8
}

.ec-event.ec-pointer {
    color: inherit;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    z-index: 0;
    box-shadow: none;
    display: flex
}

.ec-event-body {
    display: flex;
    flex-direction: column;
    width: 100%
}

.ec-day-grid .ec-event-body, .ec-all-day .ec-event-body, .ec-timeline .ec-event-body {
    flex-direction: row
}

.ec-event-tag {
    width: 4px;
    border-radius: 2px;
    margin-right: 8px
}

.ec-event-time {
    overflow: hidden;
    white-space: nowrap;
    margin: 0 0 1px;
    flex-shrink: 0;
    max-height: 100%
}

.ec-day-grid .ec-event-time, .ec-timeline .ec-event-time {
    margin: 0 3px 0 0;
    max-width: 100%;
    text-overflow: ellipsis
}

.ec-event-title {
    overflow: hidden;
    margin: unset;
    font-weight: inherit
}

.ec-day-grid .ec-event-title, .ec-all-day .ec-event-title, .ec-timeline .ec-event-title {
    min-height: 1.5em;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ec-list .ec-event-title {
    font-size: 1rem
}

.ec-draggable {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.ec-ghost {
    opacity: .5;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none
}

.ec-bg-events {
    position: relative
}

.ec-day-grid .ec-bg-events, .ec-all-day .ec-bg-events {
    position: absolute;
    inset: 0
}

.ec-bg-event {
    position: absolute;
    background-color: var(--ec-bg-event-color);
    opacity: var(--ec-bg-event-opacity)
}

.ec-day-grid .ec-bg-event, .ec-all-day .ec-bg-event {
    height: 100%;
    z-index: auto
}

.ec-time {
    white-space: nowrap
}

.ec-popup {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    width: 110%;
    min-width: 180px;
    z-index: 1010;
    padding: 8px 10px 14px;
    background-color: var(--ec-popup-bg-color);
    border: 1px solid var(--ec-border-color);
    border-radius: 6px;
    outline: 1px solid transparent;
    box-shadow: 0 1px 3px hsla(var(--ec-hs),50%,.15),0 4px 8px 3px hsla(var(--ec-hs),50%,.15)
}

    .ec-popup .ec-day-head {
        text-align: left;
        display: flex;
        justify-content: space-between
    }

        .ec-popup .ec-day-head a {
            cursor: pointer;
            font-size: 1.5em;
            line-height: .8
        }

    .ec-popup .ec-events {
        margin: 0;
        min-height: 0;
        overflow: auto
    }

.ec-extra {
    position: relative;
    height: 100%;
    overflow: hidden;
    margin-left: -6.5px;
    -webkit-user-select: none;
    user-select: none
}

.ec-now-indicator {
    position: absolute;
    z-index: 1005;
    pointer-events: none
}

.ec-time-grid .ec-now-indicator {
    width: 100%;
    border-top: var(--ec-now-indicator-color) solid 2px
}

.ec-timeline .ec-now-indicator {
    border-left: var(--ec-now-indicator-color) solid 2px;
    will-change: transform
}

.ec-now-indicator:before {
    background: var(--ec-now-indicator-color);
    border-radius: 50%;
    content: "";
    display: block;
    height: 12px;
    margin-top: -7px;
    width: 12px
}

.ec-timeline .ec-now-indicator:before {
    margin-left: -7px
}

.ec-resizer {
    position: absolute;
    -webkit-user-select: none;
    user-select: none
}

.ec-day-grid .ec-resizer, .ec-all-day .ec-resizer, .ec-timeline .ec-resizer {
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    max-width: 8px;
    cursor: ew-resize
}

    .ec-day-grid .ec-resizer.ec-start, .ec-all-day .ec-resizer.ec-start, .ec-timeline .ec-resizer.ec-start {
        right: auto;
        left: 0
    }

.ec-dragging, .ec-dragging * {
    cursor: pointer !important
}

.ec-resizing-y, .ec-resizing-y * {
    cursor: ns-resize !important
}

.ec-resizing-x, .ec-resizing-x * {
    cursor: ew-resize !important
}