﻿
/*@import url('/Styles/Fonts/DejaVu-Serif/stylesheet.css');
@import url('/Styles/Fonts/DejaVu-Serif-Condensed/stylesheet.css');
@import url('/Styles/Fonts/Impact-Label/stylesheet.css');
@import url('/Styles/Fonts/Laconic/stylesheet.css');
@import url('/Styles/Fonts/Laconic-Shadow/stylesheet.css');
@import url('/Styles/Fonts/Kitchen-Police/stylesheet.css');
@import url('/Styles/Fonts/Quattrocento-Roman/stylesheet.css');
@import url('/Styles/Fonts/Rabiohead/stylesheet.css');
@import url('/Styles/Fonts/Simonetta/stylesheet.css');
@import url('/Styles/Fonts/Ubuntu/stylesheet.css');*/

.id_container{--selection-ext-color:#2B2B2B;--selection-int-color:#FFF;}

.id_container .page{position:relative;display:inline-block;background-color:#FFF;box-shadow:0 0 5px rgba(43,43,43,0.7);user-select:none;overflow:hidden;}
.id_container .page .object{position:absolute;display:inline-block;overflow:hidden;cursor:pointer;text-align:left;}
.id_container .page .object.notEditable, .id_container .page .object.notEditable:hover{cursor:default;pointer-events:none;}
.id_container .page .image{position:absolute;}
.id_container .page .imageAlt{display:none;flex-direction:column;justify-content:center;align-items:center;position:absolute;inset:0;text-align:center;font-size:13px;line-height:1em;cursor:pointer;}
.id_container .page .imageAlt i{font-size:2em;margin-bottom:0.25em;}
.id_container .page .text{position:absolute;top:0px; left:0px;width:100%;height:100%;white-space:normal;user-select:text;}
.id_container .page .text span{white-space:normal;}
.id_container .page .text p{margin:0px;padding:0px;}

.id_container .id_pageList{position:absolute;top:0;right:0;bottom:0;width:225px;overflow-y:auto;background-color:#fff;display:flex;flex-flow:column nowrap;}
.id_container .id_pageList .pageContainer{flex:0 0 auto;position:relative;display:inline-block;width:160px;padding:24px calc((100% - 160px) / 2);text-align:center;cursor:pointer;overflow:hidden;}
.id_container .id_pageList .pageContainer:empty{display:none;}
.id_container .id_pageList .pageContainer:first-of-type{margin-top:auto;}
.id_container .id_pageList .pageContainer:last-of-type{margin-bottom:auto;}
.id_container .id_pageList .page{position:relative;display:inline-block;box-shadow:0 0 5px rgba(43,43,43,0.7);overflow:hidden;transform:scale(.85);opacity:.5;transition:transform 0.3s, opacity 0.3s;}
.id_container .id_pageList .page.withOverTemplate{box-shadow:none;overflow:visible;}
.id_container .id_pageList .page .object:hover{border-color:rgba(255,255,255,0);}
.id_container .id_pageList .page .image{cursor:pointer;}
.id_container .id_pageList .overTemplate{position:absolute;display:inline-block;opacity:0;border:30px solid #FFF;transition:opacity 0.2s;pointer-events:none;}
.id_container .id_pageList .overTemplate.visible{opacity:1;z-index:1000;}
.id_container .id_pageList .pageResWarning{display:none;position:absolute;top:-.5em;right:-.5em;z-index:1000;padding:5px;font-size:14px;width:1em;border-radius:50%;background-color:var(--primary-color);box-shadow:1px 1px 2px rgba(43,43,43,0.6);text-align:center;}
.id_container .id_pageList .pageResWarning.visible{display:inline-block;}
.id_container .id_pageList .title{position:relative;display:inline-block;width:100%;margin-top:10px;z-index:1;transition:font-weight 0.3s;}
.id_container .id_pageList .pageContainer:hover .page{transform:scale(.95);}
.id_container .id_pageList .pageContainer.selected{opacity:1;}
.id_container .id_pageList .pageContainer.selected .page{transform:scale(1);opacity:1;}
.id_container .id_pageList .pageContainer.selected .title{font-weight:bold;}

.id_container .id_preview{position:absolute;top:0;right:225px;bottom:0;left:0;overflow:hidden;z-index:0;}
.id_container .id_preview .pageContainerSilder{display:flex;height:100%;}
.id_container .id_preview .pageContainer{flex:1 0 auto;width:100%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;}

.id_container .id_preview .overPage{display:inline-flex;position:relative;}
.id_container .id_preview .overPage .page{box-shadow:none;z-index:0;}
.id_container .id_preview .overPage .page .object.empty{background:linear-gradient(-45deg, #ddd, #f1f1f1);}
.id_container .id_preview .overPage .page .object.empty .imageAlt{display:flex;color:#666;transition:0.3s;}
.id_container .id_preview .overPage .page .object.empty.highlight:not(.optional) .imageAlt{color:var(--error-color);}
.id_container .id_preview .overPage .page .object.ui-droppable-active .imageAlt{display:none;}
.id_container .id_preview .overPage .page.showExcess{overflow:visible;}
.id_container .id_preview .overPage .page.showExcess .object{overflow:visible;}
.id_container .id_preview .overPage .security{position:absolute;inset:0;background:repeating-linear-gradient(-45deg, rgba(200,200,200,.6) 0, rgba(55,55,55,.6) 2px, rgba(200,200,200,.6) 4px);background-attachment:fixed;z-index:1;}
.id_container .id_preview .overPage .security.top{bottom:auto;}
.id_container .id_preview .overPage .security.right{left:auto;}
.id_container .id_preview .overPage .security.bottom{top:auto;}
.id_container .id_preview .overPage .security.left{right:auto;}
.id_container .id_preview .overPage .excess{position:absolute;border-style:solid;z-index:1;overflow:hidden;backdrop-filter:blur(2px);}
.id_container .id_preview .overPage .excess > i{position:absolute;box-shadow:0 0 10px rgba(43,43,43,0.5)}
.id_container .id_preview .overPage .excess.top{border-width:300px 300px 0 0;box-shadow:-15px 15px 15px inset;}
.id_container .id_preview .overPage .excess.top i{left:0;}
.id_container .id_preview .overPage .excess.right{border-width:0 300px 300px 0;box-shadow:-15px -15px 15px inset;}
.id_container .id_preview .overPage .excess.right i{top:0;}
.id_container .id_preview .overPage .excess.bottom{border-width:0 0 300px 300px;box-shadow:15px -15px 15px inset;}
.id_container .id_preview .overPage .excess.bottom i{right:0;}
.id_container .id_preview .overPage .excess.left{border-width:300px 0 0 300px;box-shadow:15px 15px 15px inset;}
.id_container .id_preview .overPage .excess.left i{bottom:0;}
.id_container .id_preview .overPage .overTemplate{position:absolute;display:inline-block;opacity:0;border:1000px solid #fff;transition:opacity 0.2s;pointer-events:none;}
.id_container .id_preview .overPage .overTemplate.visible{opacity:1;z-index:1;}
.id_container .id_preview .overPage .selection{position:absolute;display:inline-flex;justify-content:center;align-items:center;border:2px solid rgba(255,255,255,0);border-radius:3px;margin:-4px;padding:2px;cursor:move;z-index:2;pointer-events:all;}
.id_container .id_preview .overPage .selection:not(.semplified){border-color:var(--selection-ext-color);}
.id_container .id_preview .overPage .selection:not(.semplified)::before{content:'';position:absolute;inset:0;border:2px solid var(--selection-int-color);border-radius:3px;}
.id_container .id_preview .overPage .selection .fill{position:absolute;top:0px; right:0px; bottom:0px; left:0px;background-color:#FFFFFF;opacity:0;}
.id_container .id_preview .overPage .selection .redim{display:inline-block;position:absolute;width:11px;height:11px;border:2px solid var(--error-color);border-radius:2px;background-color:#FFFFFF;}
.id_container .id_preview .overPage .selection .redimDraggable{display:inline-block;position:absolute;width:11px;height:11px;border:2px solid rgba(255,255,255,0);}
.id_container .id_preview .overPage .selection .tl { top:-8px; left:-8px; cursor:pointer; }
.id_container .id_preview .overPage .selection .tr { top:-8px; right:-8px; cursor:pointer; }
.id_container .id_preview .overPage .selection .br { bottom:-8px; right:-8px; cursor:pointer; }
.id_container .id_preview .overPage .selection .bl { bottom:-8px; left:-8px; cursor:pointer; }
.id_container .id_preview .overPage .selection .rotate{display:inline-block;position:absolute;left:50%;top:-8px;margin-left:-7px;width:10px;height:10px;border:2px solid var(--standard-text-color);background-color:#FFFF00;border-radius:7px;cursor:pointer;}
.id_container .id_preview .overPage .selection .rotateDraggable{display:inline-block;position:absolute;left:50%; top:-7px; margin-left:-6px;width:10px;height:10px;border:1px solid rgba(255,255,255,0);cursor:pointer;}
.id_container .id_preview .overPage .selection .imageMove{font-size:30px;line-height:1em;width:30px;height:30px;background-color:rgba(255,255,255,.8);position:relative;display:inline-flex;justify-content:center;align-items:center;padding:5px;border-radius:50%;opacity:.3;transition:opacity .2s;}
.id_container .id_preview .overPage .selection .imageMove.noMove{display:none;}
.id_container .id_preview .overPage .selection .imageMove.fullMove > i:not(.fa-arrows-up-down-left-right){display:none;}
.id_container .id_preview .overPage .selection .imageMove.verticalMove > i:not(.fa-arrows-up-down){display:none;}
.id_container .id_preview .overPage .selection .imageMove.horizontalMove > i:not(.fa-arrows-left-right){display:none;}
.id_container .id_preview .overPage .selection .imageMove .imageMoveDraggable{display:inline-block;position:absolute;width:100%;height:100%;cursor:grab;}
.id_container .id_preview .overPage .selection .imageMove .imageMoveDraggable.noMove{display:none;}
.id_container .id_preview .overPage .selection .imageMove .imageMoveDraggable.fullMove{cursor:move;}
.id_container .id_preview .overPage .selection .imageMove .imageMoveDraggable.verticalMove{cursor:ns-resize;}
.id_container .id_preview .overPage .selection .imageMove .imageMoveDraggable.horizontalMove{cursor:ew-resize;}
.id_container .id_preview .overPage .selection:hover .imageMove{opacity:.6;}
.id_container .id_preview .overPage .selection .imageMove:hover{opacity:1;}
.id_container .id_preview .overPage .selection.locked{cursor:default;}
.id_container .id_preview .overPage .selection.locked .redim{display:none;}
.id_container .id_preview .overPage .selection.locked .redimDraggable{display:none;}
.id_container .id_preview .overPage .selection.locked .rotate{display:none;}
.id_container .id_preview .overPage .selection.locked .rotateDraggable{display:none;}
.id_container .id_preview .overPage .selection.locked .imageMove{width:100%;height:100%;background-color:rgba(255,255,255,0);}
.id_container .id_preview .overPage .selection.locked .imageMove > i{display:none !important;}
.id_container .id_preview .overPage .selection.empty{cursor:pointer;}
.id_container .id_preview .overPage .warnings{position:absolute;z-index:3;pointer-events:none;}
.id_container .id_preview .overPage .warnings .objectResWarning{display:none;position:absolute;top:-.5em;right:-.5em; width:1.1em;height:1.1em;line-height:1.1em;padding:8px;font-size:28px;border-radius:50%;background-color:var(--primary-color);box-shadow:1px 1px 2px rgba(43,43,43,0.6);text-align:center;pointer-events:all;cursor:pointer;--fa-animation-iteration-count:4;--fa-animation-duration:.5s;}
.id_container .id_preview .overPage .warnings .objectResWarning.visible{display:inline-block;}

.id_container .id_pageDropDown{display:none;position:absolute;top:0;right:10px;left:10px;width:calc(100% - 20px);margin:5px 0 0 0;border-radius:0;border-width:0;background-color:rgba(255,255,255,0);color:#666;font-weight:bold;text-align:center;text-align-last:center;z-index:1;}
.id_container .id_pageDropDown{-o-appearance:none;-ms-appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.id_container .id_pageDropDown:focus{outline:none;box-shadow:none;}

.id_container .id_pageSelector{display:none;position:absolute;right:0;bottom:0;left:0;margin-top:7px;text-align:center;}
.id_container .id_pageSelector > div{position:relative;font-size:8px;width:16em;overflow:hidden;}
.id_container .id_pageSelector > div > div{position:relative;white-space:nowrap;overflow:hidden;}
.id_container .id_pageSelector > div > div i{display:inline-block;width:1em;height:1.1em;vertical-align:middle;padding:0.5em;cursor:pointer;color:#ccc;transition:0.5s;text-shadow:1px 1px 1px rgba(43,43,43,0.5);}
.id_container .id_pageSelector > div > div i:first-of-type{margin-left:2em;}
.id_container .id_pageSelector > div > div i:last-of-type{margin-right:2em;}
.id_container .id_pageSelector > div > div i.selected{color:#666;transform:scale(1.33);}
.id_container .id_pageSelector > div::before, .id_container .id_pageSelector > div::after{content:'';display:inline-block;position:absolute;top:0;bottom:0;width:1px;box-shadow:0 0 1em 1em #fff;z-index:1;}
.id_container .id_pageSelector > div::before{left:-1px;}
.id_container .id_pageSelector > div::after{right:-1px;}
.id_container .id_panelFloatingPlaceholder{position:absolute;bottom:0;right:225px;bottom:0;left:0;}

.id_container .pageMove{position:absolute;top:calc(50% - 1em);height:2em;display:inline-flex;justify-content:center;align-items:center;font-size:4em;text-align:center;width:10%;cursor:pointer;color:#777;transition:color .2s;}
.id_container .pageMove.disabled{color:#f1f1f1;cursor:default;}
.id_container .pageMove:not(.disabled):hover{color:var(--standard-text-color);}
.id_container .pageMove.left{left:0;}
.id_container .pageMove.right{right:0;}

.id_container.littleWidth:not(.flagMode) .id_preview{top:36px;right:0;}
.id_container.littleWidth .id_pageSelector{display:flex;justify-content:center;align-items:center;z-index:1;}
.id_container.littleWidth .id_panelFloatingPlaceholder{right:0;}
.id_container.littleWidth .id_pageList{visibility:hidden;}
.id_container.littleWidth .id_pageDropDown{display:block;}
.id_container.littleWidth .id_preview .pageContainer{overflow:visible;mix-blend-mode:multiply;}
.id_container.littleWidth .id_preview .pageContainer.actual{transform:scale(1);z-index:1;}
.id_container.littleWidth .id_preview .pageContainer:not(.actual){z-index:0;}
.id_container.littleWidth .id_preview .pageContainer:not(.actual) .object{overflow:hidden;}
.id_container.littleWidth .id_preview .pageContainer:not(.actual) .excess{display:none;}
.id_container.littleWidth .id_preview .pageContainer.previous{transform:translateX(15%) scale(0.8);}
.id_container.littleWidth .id_preview .pageContainer.following{transform:translateX(-15%) scale(0.8);}
.id_container.littleWidth .id_preview .focusButton{display:none;}
.id_container.littleWidth.animateTransition .id_preview > div{transition:left 0.5s;}
.id_container.littleWidth.animateTransition .id_preview .pageContainer{transition:transform 0.5s;}
.id_container.littleWidth.animateTransition .id_preview .pageContainer .overPage{transition: left 0.5s;}

.id_container.big .id_preview{right:0;}
.id_container.big .id_panelFloatingPlaceholder{right:0;}

.id_container.flagMode .id_pageDropDown{display:block;height:2em;}
.id_container.flagMode .id_preview{right:0;top:2em;}
.id_container.flagMode .pageMove{margin-top:calc(1em / 3)}

.id_container:not(.littleWidth).focusedMode .id_pageList{width:100%;background-color:#fff;flex-flow:row wrap;justify-content:space-evenly;align-content:flex-start;align-items:center;}
.id_container:not(.littleWidth).focusedMode .id_pageList .pageContainer{flex:1 0 220px;padding:30px;cursor:default;}
.id_container:not(.littleWidth).focusedMode .id_pageList .pageContainer.optional.empty{opacity:.5;}
.id_container:not(.littleWidth).focusedMode .id_pageList .pageContainer:empty{display:inline;padding:0 30px !important;}
.id_container:not(.littleWidth).focusedMode .id_pageList .pageContainer:first-of-type{margin-top:inherit;}
.id_container:not(.littleWidth).focusedMode .id_pageList .pageContainer:last-of-type{margin-bottom:inherit;}
.id_container:not(.littleWidth).focusedMode .id_pageList .pageContainer .clearPageIcon{display:none;cursor:pointer;}
.id_container:not(.littleWidth).focusedMode .id_pageList .pageContainer .page{opacity:1;width:100% !important;}
.id_container:not(.littleWidth).focusedMode .id_pageList .pageContainer .page .object{overflow:hidden;}
.id_container:not(.littleWidth).focusedMode .id_pageList .pageContainer .page .object.empty{background:linear-gradient(-45deg, #ccc, #eee)}
.id_container:not(.littleWidth).focusedMode .id_pageList .pageContainer .page .overTemplate{border-color:#fff;}
.id_container:not(.littleWidth).focusedMode .id_pageList .pageContainer .page .selectPageIcon{display:inline-flex;position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;opacity:0;font-size:100px;color:#fff;text-shadow:2px 2px 5px rgba(43,43,43,.4);border-radius:3px;transition:.3s;cursor:pointer;z-index:1000;}
.id_container:not(.littleWidth).focusedMode .id_pageList .pageContainer .page .selectPageIcon::before{padding-bottom:50px;}
.id_container:not(.littleWidth).focusedMode .id_pageList .pageContainer:not(.empty) .page:hover .selectPageIcon{opacity:1;}
.id_container:not(.littleWidth).focusedMode .id_pageList .pageContainer:not(.empty) .clearPageIcon{display:inline-block;position:absolute;top:1.25em;right:1.25em;width:1em;height:1em;padding:.5em;font-size:1.2em;border-radius:1em;opacity:0;background-color:#fff;box-shadow:0 0 2px rgba(43,43,43,0.7);transition:.3s;z-index:1;}
.id_container:not(.littleWidth).focusedMode .id_pageList .pageContainer:not(.empty) .clearPageIcon:hover{background-color:var(--primary-color);transform:scale(1.3);}
.id_container:not(.littleWidth).focusedMode .id_pageList .pageContainer:not(.empty):hover .clearPageIcon{opacity:1;}
.id_container:not(.littleWidth).focusedMode .id_pageList .pageContainer .title{z-index:auto;}
.id_container:not(.littleWidth).focusedMode .id_pageList .pageContainer:hover .page{transform:scale(1);}
.id_container:not(.littleWidth).focusedMode .id_pageList .pageContainer.selected .page{transform:scale(.85);}
.id_container:not(.littleWidth).focusedMode .id_pageList .pageContainer.selected:hover .page{transform:scale(1);}
.id_container:not(.littleWidth).focusedMode .id_pageList .pageContainer.selected .title{font-weight:normal;}
.id_container:not(.littleWidth).focusedMode .id_pageList .panelFloatingPlaceholder{flex:1 0 100%;}
.id_container:not(.littleWidth).focusedMode .id_preview{right:0;}
.id_container:not(.littleWidth).focusedMode .id_preview .focusButton{position:absolute;top:1em;right:1.4em; display:inline-flex;align-items:center;font-weight:bold;cursor:pointer;z-index:1000;}
.id_container:not(.littleWidth).focusedMode .id_preview .focusButton > i{font-size:2em;margin-left:.3em;}
.id_container:not(.littleWidth).focusedMode .id_panelFloatingPlaceholder{right:0;}
.id_container:not(.littleWidth).focusedMode:not(.focus) .id_pageList{z-index:-1;}
.id_container:not(.littleWidth).focusedMode.focus .id_preview{z-index:-1;}