@charset "utf-8";
.wrapper{overflow:visible;}
#hidden_modal{display:none;}
#papers, #pages{display:none;}
#papers{display:none;}
#papers > .content{min-height:100px;}
#pages{margin-bottom:50px;}

#infos{margin:0 15px; display:none;}
#infos h2{margin:0 0 20px; font-size:22px;}
#infos input{border:none;}
#infos .btn-default{text-decoration:none; background:#000;}
#infos .right-info{border-left:dashed 1px #FFF;}
#infos .right-info h3{margin:0; font-size:20px;}
#infos .right-info .price{margin:0 0 5px; font-size:30px; line-height:60px;}
#infos .right-info p{margin:0;}

.paper-header .col-xs-2, .paper-header .col-xs-10{padding:0; color:#999; font-size:18px;}
.paper-header h3{margin:0 15px; font-size:18px;}
.paper-header button{margin:0;}

.page-wrapper{overflow:visible;}
.page-wrapper.focused{box-shadow:0 0 10px rgba(0,0,0,0.25); background-color:#dfe3e8; border-top:solid 1px #FFF;}
.page-header .col-xs-10, .page-header .col-xs-2{padding:0; color:#999; font-size:16px;}
.page-header h3{margin:0; padding:0; font-size:16px;}
.page-wrapper.focused .page-header{border-bottom:solid 1px #AAA;}
.page-wrapper.focused .page-header h3{color:#000;}
.page-wrapper.focused .page-header .col-xs-2 .btn{border:solid 1px #AAA;}
.page-header button{margin:0;}

.property{width:400px; right:15px; margin-top:35px; position:absolute; z-index:90; box-shadow:0 0 10px rgba(0,0,0,0.1); font-size:12px;}
.property .box-header{cursor:move;}
.property .box-body{max-height:350px; overflow-x:hidden; overflow-y:auto;}
.property .form-group{margin-bottom:5px;}
.property .form-control{height:auto; padding:0 5px; font-size:12px; line-height:20px;}
.property select.form-control{padding:2px 0;}
.property img.lowres, .property img.hires{height:24px; object-fit:cover; background-position:top;}
.property .common-image-upload{padding-right:0;}
.property hr{margin:0 0 10px;}
.property .box-footer button{margin-left:5px;}
.property.simple .advanced{display:none;}
.property .common-label-switch{font-size:10px;}
.property .common-label-switch .switch{margin:0 0 0 10px; vertical-align:middle;}

.page-body{padding:15px 0 15px 15px; overflow-x:auto;}
.page-body .page{margin-right:15px; display:inline-block; background:#FFF; box-shadow:0 0 10px rgba(0,0,0,0.1); position:relative; background-size:100% 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	
#popupproperty .modal-content{border-radius:5px;}
.property label{padding-right:0;}
.property .common-image-upload img{height:50px;}
.property .values{max-height:200px; overflow:auto;}

/* INDICATOR */
.indicator > div{position:absolute; z-index:100; opacity:0.5; display:none;}
#imageindicator{width:120px; height:120px; background-color:#F0F0F0; background-image:url(../images/front/icon-camera.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
#textareaindicator{width:200px; height:30px; background-color:#F0F0F0; background-image:url(../images/front/icon-textarea.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
#iconareaindicator{width:200px; height:30px; background-color:#F0F0F0; background-image:url(../images/front/icon-iconarea.png); background-repeat:no-repeat; background-position:center; background-size:contain;}

/* CONTROLS */
.controls{background-color:#F00; width:100%; height:100%;}
.controls:hover{background-color:#FC0;}

/* GROUP */
.grouprect{background:none; border:dashed 1px #CCC;}
.group{position:absolute; left:0; top:0;}
.admin .group.focused{border:solid 1px #0F0;}
.group .property{left:0; top:0; z-index:8888;}
.group *{font-family: Helvetica, Arial, sans-serif; color:#8d8e8e;}
.group *[contenteditable="true"]{padding:2px;}
.group h1, .group h1, .group h3, .group h4, .group h5, .group h6, .group p{margin:0; padding:0;}

/* OBJECT */
.objects .textarea-wrapper .sample-container{width:100%; height:100%;}
.objects .textarea-wrapper .popupdropdown{width:100%; height:100%; overflow:auto;}
#popupdropdown input{width:100%; padding:5px 10px; border:solid 1px #000;}
#popupdropdown ul{margin:0; padding:0; max-height:400px; list-style:none; display:block; overflow:auto;}
#popupdropdown li{margin:0; padding:5px; border-bottom:solid 1px #CCC; cursor:pointer;}
#popupdropdown li:hover{background-color:#FC0; border-bottom:solid 1px #999;}
.objects .textarea-wrapper ul{margin:0; padding:0;}
.objects .textarea-wrapper li{margin:0; padding:0 0 0 0.1em;}
/*.objects .textarea-wrapper .sample-container{top:0; position:absolute; pointer-events: none;}*/
.objects .textarea-wrapper .oneline-container{top:0; position:absolute; pointer-events: none;}

.objects .imagearea-wrapper{background-color:#F0F0F0; background-image:url(../images/front/icon-camera-w-text.png); background-repeat:no-repeat; background-position:left top; background-size:auto 128px;}
.objects .imagearea-wrapper.static{background-color:transparent; background-image:none; background-size:contain;}
.client .objects .imagearea-wrapper.static{pointer-events:none;}
.objects .imagearea-wrapper.hasimage{background-color:transparent; background-image:none;}
.objects .imagearea-wrapper .info{position:absolute; z-index:2;}
.objects .imagearea-wrapper a.focuser{display:block; width:100%; height:100%;}
.objects .imagearea-wrapper.static .info, .objects .imagearea-wrapper.hasimage .info{display:none;}
.objects .imagearea-wrapper > img{width:100%; height:100%; object-fit:cover;}
.objects .imagearea-wrapper .imagearea-buttons{width:240px; position:absolute; top:20px; display:none;}
.objects .imagearea-wrapper .imagearea-buttons > div{padding-left:0;}
.objects .imagearea-wrapper .imagearea-buttons .form-control{padding:0 5px; font-size:10px;}
.objects .imagearea-wrapper .progressloading{position:absolute; z-index:inherit; pointer-events:none; width: 100%; height: 12px; border: 1px solid #111; background-color: #292929;}
.objects .imagearea-wrapper .progressloading div{height: 100%; color: #000; text-align: right; line-height: 12px; /* same as #progressBar height if we want text middle aligned */ width: 0; background-color: #FC0;}

.objects .iconarea-wrapper .iconarea-group{width:auto;}
.objects .iconarea-wrapper .icon, .objects .iconarea-wrapper .text{float:left; width:auto; height:32px;}
.objects .iconarea-wrapper .iconarea-item img{object-fit:cover; width:100%; height:100%; cursor:pointer;}
.objects .iconarea-wrapper .iconarea-item .objectqty{display:none; min-width:10px; margin:0; padding:0; border:none; font:inherit;}
.objects .iconarea-wrapper .iconarea-item .objectcopy{display:block; margin:0; padding:0; white-space:pre; font:inherit; background-color:rgba(0,0,0,0.3);}
.objects .iconarea-wrapper .iconarea-item:last-child .text{margin-right:0 !important;}

.object{position:absolute; left:0; top:0; height:auto;}
.admin .object.focused{margin:-1px; border:dashed 1px #0F0;}*/
.object .modifier{width:16px; height:16px; position:absolute; right:-8px; bottom:-8px; display:none; cursor:pointer; background-image:url(../images/front/black_h.png); background-size:100%;}
.object .dragger{background-image:url(../images/front/4arrow.png); background-size:100%;}/* cursor:move;*/
.object .resizer{background-image:url(../images/front/2arrow.png); background-size:100%;}/* cursor:nesw-resize;*/
.object.focused .modifier{display:block;}
.object .property{left:0; top:0; z-index:190;}
/*.object div{font-family: Helvetica, Arial, sans-serif; color:#8d8e8e;}*/
.object *[contenteditable="true"]{padding:2px;}
.object h1, .object h1, .object h3, .object h4, .object h5, .object h6, .object p{margin:0; padding:0;}

/* STATIC FOOTER */
.static-footer{width:100%; padding-left:80px; position:fixed; right:15px; bottom:5px; z-index:5; display:flex; flex-direction:row; align-items: stretch;}

/* RUNNING TEXT */
.running-text{flex-grow:8; padding:4px 14px 4px 24px; background-color:#666; color:#FFF; font-size:12px; line-height:1em; border-radius:10px;}
.running-text img{position:absolute; z-index:6; height:80px; width:auto; bottom:0; margin-left:-15px;}
.running-text i{margin:0 15px;}

/* ZOOMER */
.zoomer{flex-grow:2; flex-shrink:0; text-align:right; margin-left:5px;}
.zoomer a{display:inline-block; margin:0 0 0 5px; padding:4px 8px; background:#CCC; font-size:12px; color:#FFF; background-color:#00c0ef; border:solid 1px #00c0ef; border-radius:10px; line-height:1em;}
.zoomer a:hover, .zoomer a.active{background-color:#0095ba; border:solid 1px #006780;}
.zoom-slider{width:200px; position:fixed; right:0; bottom:30px; z-index:5;}
.zoom-slider .slider.slider-horizontal{width:180px;}
.zoom-slider .slider-handle{width:12px; height:12px; margin-left:0; top:4px; background-color:#00c0ef;}

/* POPUP ICON */
#popupicon .icon{margin-bottom:30px;}
#popupicon .icon img{clear:both; margin-bottom:5px; background-color:#F0F0F0}
#popupicon .icon small{line-height:1em;}

/* MORE */
.more-buttons{flex-grow:1; flex-shrink:0; margin-right:10px;}
.more-buttons button{font-size:24px;}

/* PROGRESS */
#progressbar {
    width: 570px;
    height: 22px;
    border: 1px solid #111;
    background-color: #292929;
}
#progressbar div {
    height: 100%;
    color: #000;
    text-align: right;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 0;
    background-color: #FC0;
}

/* FORM */
input[type=checkbox].addimage-masked,
input[type=checkbox].addtextarea-masked,
input[type=checkbox].addiconarea-masked,
input[type=checkbox].move-masked,
input[type=checkbox].resize-masked,
input[type=checkbox].pan-masked,
input[type=checkbox].zoom-masked
{display:none;}

/* TEMPLATE */
#template-list h2 p{font-size:18px;}

/* OVERWRITE */
.modal{z-index:9999;}
.content-header{margin-bottom:30px;}
.content-header small p{margin:0;}
.page-header{margin-bottom:0;}
.main-sidebar{position:fixed;}
.user-panel>.info{padding:1px;}
.user-panel>.info>p{margin-bottom:1px;}
.user-panel>.image>img{width:30px; height:30px; object-fit:cover;}
.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav>li>a{background-color:#434955; color: #FFF;}
.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav>li>a:hover{background-color:#363a44; color: #FFF;}
.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav>li>a.btn-save{background:#363a44;}
.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav>li>a.btn-save:hover{background:#000;}
.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav>li>a, .skin-black-light .main-header .navbar .navbar-right>li>a{border-left:solid 1px #656d7a;}
.skin-black-light .sidebar-menu>li:hover>a, .skin-black-light .sidebar-menu>li.active>a{background-color:#dfe3e8; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.control-sidebar-dark .control-sidebar-heading{margin:0 0 10px;}
.control-sidebar-dark input[type=text], .control-sidebar-dark input[type=number]{width:50%; padding:5px; border:none; color:#000;}
.control-sidebar-dark textarea{width:100%; height:150px; padding:5px; border:none; color:#000; font-size:12px;}
.control-sidebar, .control-sidebarp{font-size:10px;}
.control-sidebar-subheading p{font-size:10px;}
.sidebar-menu hr{margin:0; border-top:1px solid #CCC; border-bottom:1px solid #FFF;}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span{background:#656d7a; color:#FFF;}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span>small{color:#FC0; font-weight:normal; font-size:12px;}
.cropit-preview{width: 100%; height: 100%;}
.cropit-preview.cropit-image-loaded .cropit-preview-image-container{cursor: move;}
.cropit-preview.cropit-image-loading .spinner{opacity: 1;}

.image-size-label {
margin-top: 10px;
}

ul.token-input-list{width:100% !important; height:100% !important; background:none !important; border:none !important; font-family:inherit !important; font-size:inherit !important; color:inherit !important; line-height:inherit !important; letter-spacing:inherit !important; text-align:inherit !important;}
li.token-input-token, ul.token-input-list li input, ul.token-input-list li tester{background:none !important; border:none !important; border-radius:0; margin:0 !important; padding:0 !important; font-family:inherit !important; font-size:inherit !important; font-weight:inherit !important; color:inherit !important;}
li.token-input-token p{margin:0;}
div.token-input-dropdown{}

/* BEFORE LOAD COMPLETE */
.more-buttons, .zoomer, .sidebar-menu > li:not(.btn-back){display:none;}