/*! Imperial.js | 2019-04-16 13:27:49 */

/* File: source/main.css */

.imjs-component, .imjs-component:before, .imjs-component:after, .imjs-component *, .imjs-component *:before, .imjs-component *:after{resize:none; outline-width:0; box-sizing: border-box;}
.imjs-component.imjs-hidden, .imjs-component .imjs-hidden{display:none !important;}
.imjs-component.imjs-no-selection, .imjs-component .imjs-no-selection{-webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; -o-user-select: none !important; user-select: none !important;}

.imjs-field-notice{display:block; padding:3px 0px 0px 0px; font-size:13px; line-height:15px; color:#eb0008;}

/* File: source/widgets/Notifier.css */

.imjs-notifier{display: none; position: fixed; left:0px; top:0px; width:100%; padding:0px 15px; z-index:99999; text-align: center;}
.imjs-notifier.imjs-visible{display: block;}
.imjs-notifier > .imjs-inner{display: inline-block; position: relative;}
.imjs-notifier > .imjs-inner > .imjs-content{display: block; text-align: left;}
.imjs-notifier > .imjs-inner > .imjs-close{display: block; position:absolute; right:0px; top:0px; cursor: pointer;}

/* Default */
.imjs-notifier.imjs-default{top:15px;}
.imjs-notifier.imjs-default > .imjs-inner{padding:15px 25px; border-radius: 1px;}
.imjs-notifier.imjs-default > .imjs-inner > .imjs-content{padding-right:40px; font-size:14px; line-height:18px;}
.imjs-notifier.imjs-default > .imjs-inner > .imjs-close{right:12px; top:14px; width:20px; height:20px; background:url('images/icon-close-x128-white.png') left top no-repeat; background-size: cover;}

.imjs-notifier.imjs-default.imjs-color-blue > .imjs-inner{border-radius: 8px;background:#267ac0; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25), 0px 5px 15px rgba(0, 0, 0, 0.05);}
.imjs-notifier.imjs-default.imjs-color-blue > .imjs-inner > .imjs-content{color:#fff;}

.imjs-notifier.imjs-default.imjs-color-red > .imjs-inner{border-radius: 8px;background:#ca5651; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25), 0px 5px 15px rgba(0, 0, 0, 0.05);}
.imjs-notifier.imjs-default.imjs-color-red > .imjs-inner > .imjs-content{color:#fff;}

.imjs-notifier.imjs-default.imjs-color-green > .imjs-inner{background: #8cd036;box-shadow: 0px 1px 3px rgb(0 0 0 / 25%), 0px 5px 15px rgb(0 0 0 / 5%);border-radius: 8px;}
.imjs-notifier.imjs-default.imjs-color-green > .imjs-inner > .imjs-content{color:#fff;}

.imjs-notifier.imjs-default.imjs-color-purple > .imjs-inner{border-radius: 8px;background:#6c5477; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25), 0px 5px 15px rgba(0, 0, 0, 0.05);}
.imjs-notifier.imjs-default.imjs-color-purple > .imjs-inner > .imjs-content{color:#fff;}

.imjs-notifier.imjs-default.imjs-color-gray > .imjs-inner{border-radius: 8px;background:#f5f5f5; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35), 0px 5px 15px rgba(0, 0, 0, 0.05);}
.imjs-notifier.imjs-default.imjs-color-gray > .imjs-inner > .imjs-content{color:#333;}
.imjs-notifier.imjs-default.imjs-color-gray > .imjs-inner > .imjs-close{background-image:url('images/icon-close-x128-gray.png');}



/* File: source/widgets/Popup.css */

/* Overlay */
.imjs-overlay{display: none; position: fixed; z-index:98; left:0px; top:0px; width:100%; height:100%;}
.imjs-overlay.imjs-visible{display:block;}

/* Popup */
.imjs-popup{display:none; position: absolute; z-index:99; left:0px; top:0px; width:auto; height:auto;}
.imjs-popup.imjs-fixed{position: fixed;}
.imjs-popup.imjs-visible{display: block;}
.imjs-popup > .imjs-inner{position: relative;}
.imjs-popup > .imjs-inner > .imjs-close{display: none; position: absolute; right:15px; top:17px; width:24px; height:24px; cursor:pointer;}
.imjs-popup > .imjs-inner > .imjs-content{overflow:hidden;}

/* Default */
.imjs-overlay.imjs-default{background: rgba(0, 0, 0, 0.45);}
.imjs-popup.imjs-default{background:#fff; box-shadow:0px 2px 10px 0px rgba(0,0,0,0.25); border-radius: 2px;}
.imjs-popup.imjs-default > .imjs-inner > .imjs-close{display:block; background:url('images/icon-close-x128-lightgray.png') left top no-repeat; background-size: cover;}
.imjs-popup.imjs-default > .imjs-inner > .imjs-close:hover{background-image:url('images/icon-close-x128-gray.png');}
.imjs-popup.imjs-default > .imjs-inner > .imjs-content{min-height:58px; padding:20px 20px; line-height:18px;}
.imjs-popup.imjs-default > .imjs-inner > .imjs-content.imjs-padded{padding-right:50px;}
.imjs-popup.imjs-default > .imjs-inner > .imjs-content > .imjs-title{display: block; margin:0px 0px 15px 0px; font-size:22px; line-height:26px; color:#222;}


/* File: source/widgets/Dialog.css */

.imjs-dialog-inner > .imjs-head{display:block; position: relative;}
.imjs-dialog-inner > .imjs-head > .imjs-title{display: block; cursor: default;}
.imjs-dialog-inner > .imjs-buttons{display:flex; flex-flow: row nowrap; align-items: center; justify-content: center;}
.imjs-dialog-inner > .imjs-buttons > .imjs-button{display: block; flex:0 0 auto;}

/* default */
.imjs-overlay.imjs-dialog-outer{background: rgba(0, 0, 0, 0.45);}
.imjs-popup.imjs-dialog-outer{background:#fff; box-shadow:0px 2px 10px 0px rgba(0,0,0,0.25); border-radius: 8px;}

.imjs-dialog-inner.imjs-default{padding:25px 25px 20px 25px;}
.imjs-dialog-inner.imjs-default > .imjs-head{margin:0px 0px 20px 0px;}
.imjs-dialog-inner.imjs-default > .imjs-head > .imjs-title{font-size:20px; line-height:20px; color:#222; text-align: center;}
.imjs-dialog-inner.imjs-default > .imjs-content{margin:0px 0px 20px 0px; color:#333; font-size:14px; line-height: 20px; text-align: center; cursor: default;}

.imjs-dialog-inner.imjs-default > .imjs-buttons > .imjs-button{border: 1px solid #dedede;border-radius: 8px;margin:0px 7px; padding:6px 20px; font-size:13px; font-weight: bold; line-height:15px; color:#666; text-align: center; text-decoration: none; text-transform: uppercase; cursor: pointer;}
.imjs-dialog-inner.imjs-default > .imjs-buttons > .imjs-button:first-child{margin-left: 0px;}
.imjs-dialog-inner.imjs-default > .imjs-buttons > .imjs-button:last-child{margin-right:0px;}
.imjs-dialog-inner.imjs-default > .imjs-buttons > .imjs-button:hover{color:#333;}

.imjs-dialog-inner.imjs-default > .imjs-buttons > .imjs-button.red{color:#d73c3e;}
.imjs-dialog-inner.imjs-default > .imjs-buttons > .imjs-button.red:hover{color:#d81e20;}

.imjs-dialog-inner.imjs-default > .imjs-buttons > .imjs-button.green{color:#23764e;}
.imjs-dialog-inner.imjs-default > .imjs-buttons > .imjs-button.green:hover{color:#066b3a;}

/* no title */
.imjs-dialog-inner.imjs-default.imjs-no-title{padding:20px 25px 15px 25px;}
.imjs-dialog-inner.imjs-default.imjs-no-title > .imjs-head{display: none;}
.imjs-dialog-inner.imjs-default.imjs-no-title > .imjs-content{margin:0px 0px 15px 0px;}

/* File: source/widgets/DatePicker.css */

.imjs-datepicker{display:block; position: absolute; left:0px; top:0px; z-index:99999;}
.imjs-datepicker > .imjs-inner{display: block; background:#fff;}
.imjs-datepicker > .imjs-inner > .imjs-months{display: flex; flex-flow:row nowrap;}

.imjs-datepicker > .imjs-inner > .imjs-months > .imjs-month{display: block; flex:0 0 auto; width:230px;}
.imjs-datepicker > .imjs-inner > .imjs-months > .imjs-month > .imjs-header{display: block; position: relative;}
.imjs-datepicker > .imjs-inner > .imjs-months > .imjs-month > .imjs-header > .imjs-title{display: block; display: block; white-space:nowrap; cursor: default;}
.imjs-datepicker > .imjs-inner > .imjs-months > .imjs-month > .imjs-header > .imjs-arrow-left{display: block; position: absolute; left:0px; top:0px; width:40px; height:100%; cursor: pointer;}
.imjs-datepicker > .imjs-inner > .imjs-months > .imjs-month > .imjs-header > .imjs-arrow-right{display: block; position: absolute; right:0px; top:0px; width:40px; height:100%; cursor: pointer;}

.imjs-datepicker > .imjs-inner > .imjs-months > .imjs-month > .imjs-dow{display: flex; flex-flow: row nowrap;}
.imjs-datepicker > .imjs-inner > .imjs-months > .imjs-month > .imjs-dow > .imjs-name{display: block; flex:0 0 30px; height:30px; line-height:30px;}

.imjs-datepicker > .imjs-inner > .imjs-months > .imjs-month > .imjs-weeks > .imjs-week{display: flex; flex-flow: row nowrap;}
.imjs-datepicker > .imjs-inner > .imjs-months > .imjs-month > .imjs-weeks > .imjs-week > .imjs-day{display: block; flex:0 0 30px; height:30px; line-height:30px; cursor:default;}
.imjs-datepicker > .imjs-inner > .imjs-months > .imjs-month > .imjs-weeks > .imjs-week > .imjs-day.active{cursor:default;}

.imjs-datepicker > .imjs-inner > .imjs-footer{display: block; position: relative; overflow:hidden; height:30px;}
.imjs-datepicker > .imjs-inner > .imjs-footer > .imjs-range{display: block; height:30px; line-height:30px;}
.imjs-datepicker > .imjs-inner > .imjs-footer > .imjs-clear{display: block; position: absolute; right:0px; top:0px; height:30px; line-height:30px;}

/* Theme */
.imjs-datepicker.imjs-default{box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);}
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-header{background:#67717d;}
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-header > .imjs-title{height:34px; line-height:34px; text-align: center; color:#fefefe; font-size:14px; white-space:nowrap; cursor: default;}
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-dow{padding:0px 10px; background:#f4f4f4;}
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-dow > .imjs-name{font-size:13px; font-weight:bold; color:#444; text-align: center; cursor:default;}
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-weeks{padding:0px 10px;}

.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-weeks > .imjs-week > .imjs-day{font-size:12px; color:#353e44; text-align: center;}
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-weeks > .imjs-week > .imjs-day.out-range{background-color:#fff; color:#ccc;}
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-weeks > .imjs-week > .imjs-day.invisible{font-size:0px;}
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-weeks > .imjs-week > .imjs-day.inactive{color:#bbb;}
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-weeks > .imjs-week > .imjs-day.active:hover{background-color:#7d8895; color:#fff; cursor:pointer;}

.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-weeks > .imjs-week > .imjs-day.today,
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-weeks > .imjs-week > .imjs-day.today:hover{background-color:#b7c1cb; color:#353e44;}
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-weeks > .imjs-week > .imjs-day.selected,
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-weeks > .imjs-week > .imjs-day.selected:hover {background-color:#747f8d; color:#fff;}
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-weeks > .imjs-week > .imjs-day.range-start,
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-weeks > .imjs-week > .imjs-day.range-start:hover{background-color:#747f8d; color:#fff;}
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-weeks > .imjs-week > .imjs-day.range-end,
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-weeks > .imjs-week > .imjs-day.range-end:hover{background-color:#747f8d; color:#fff;}

.imjs-datepicker.imjs-default > .imjs-inner > .imjs-footer{padding:0px 15px; background:#f5f5f5; box-shadow:inset 0px 1px 2px -2px rgba(0, 0, 0, 0.35);}
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-footer > .imjs-range{padding:0px 30px 0px 0px; font-size:13px; text-shadow:1px 1px rgba(255, 255, 255, 0.5); color:#3b4148; text-align: center;}
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-footer > .imjs-clear{right:15px; top:0px; color:#3b4148; font-size:13px; text-shadow:1px 1px rgba(255, 255, 255, 0.5); cursor:pointer;}
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-footer > .imjs-clear:hover{color:#222; text-decoration: underline;}

.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-header > .imjs-arrow-left{position: absolute; left:0px; top:0px; width:34px; height:34px;}
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-header > .imjs-arrow-left > .icon{display:block; position: absolute; left:9px; top:9px; width:16px; height:16px; background:url('images/icon-datepicker-arrow-left-x128-gray.png') center center no-repeat; background-size: cover;}
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-header > .imjs-arrow-left:hover > .icon{background-image: url('images/icon-datepicker-arrow-left-x128-white.png');}

.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-header > .imjs-arrow-right{position: absolute; right:0px; top:0px; width:34px; height:34px;}
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-header > .imjs-arrow-right > .icon{display:block; position: absolute; left:9px; top:9px; width:16px; height:16px; background:url('images/icon-datepicker-arrow-right-x128-gray.png') center center no-repeat; background-size: cover;}
.imjs-datepicker.imjs-default > .imjs-inner > .imjs-months > .imjs-month > .imjs-header > .imjs-arrow-right:hover > .icon{background-image: url('images/icon-datepicker-arrow-right-x128-white.png');}

/* File: source/widgets/FileUploader.css */

.imjs-file-uploader{display: block; position:absolute; left:0px; top:0px; width:100%; min-height:100%; height:100%; min-height:100%; overflow:hidden;}
.imjs-file-uploader > .imjs-inner{display: block; position: absolute; width:100%; height:100%;}
.imjs-file-uploader > .imjs-inner > input{display: block; position: absolute;  z-index: 2; left: -200%; width:500%; height: 100%; opacity: 0; filter: alpha(opacity=0); cursor: pointer;}




/* File: source/widgets/HTMLEditor.css */

.imjs-html-editor{position: relative;}
.imjs-html-editor > .imjs-inner > textarea{display: block; width:100%;}

.imjs-html-editor.imjs-sticky .cke_top{position: absolute; box-sizing: border-box; border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}