@font-face {
    font-family: 'Droid';
    src: url('../fonts/droidkufi-regular-webfont.eot');
    src: url('../fonts/droidkufi-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/droidkufi-regular-webfont.woff2') format('woff2'),
    url('../fonts/droidkufi-regular-webfont.woff') format('woff'),
    url('../fonts/droidkufi-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body { font-family: 'Open Sans',Droid,'Helvetica Neue',Helvetica,Arial,sans-serif }

#container { transition: none !important }
#content-container { padding-bottom: 0 !important } 
#page-loading { margin: 50px 0; text-align: center }
#preview iframe { width: 100%; border: none }
.lang-flag{width: 24px!important;}
#mainnav-menu-wrap { margin-top: 0 !important; padding-top: 0 !important }

/* FontAwesome 5 fixes */
.form-checkbox.form-icon:after, .form-radio.form-icon:after, .btn-labeled.fa:before, .btn-labeled .fa:before, .breadcrumb>li+li:before { font-family: "Font Awesome 5 Free" !important }
.btn-labeled:not(.btn-block):not(.form-icon) { font-weight: 600 !important }
.form-radio.form-icon:after { content: "\f111" }

.live-edit-container { position: fixed; background: rgba(1,1,1,0.5); top: 0;right:0;left:0;bottom:0;z-index:99; opacity: 1; transition: all 1s ease }
.live-edit-container.asleep { opacity: 0 }
.live-edit-container.asleep .live-edit { top: 100% }
.live-edit { position: fixed; top: 5%; bottom: 0; left: 5%; right: 5%; box-sizing: border-box; background: white;
    -webkit-box-shadow: 0px -7px 53px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -7px 53px 2px rgba(0,0,0,0.75);
    box-shadow: 0px -7px 53px 2px rgba(0,0,0,0.75);
    z-index: 3;
    transition: all 1s ease;
    opacity: 1;
}
.live-edit iframe { width: 100%; border: none; height: 100% }
.live-edit-exit { position: fixed; top:0; bottom:0;left:0;right:0;z-index:2}

.ai-prompt-list { flex-wrap: wrap; display: flex }
.ai-prompt-list .ai-prompt-item { display: block; flex: 1 1 45%; box-sizing: border-box }
.ai-prompt-list .ai-prompt-item.active { border-color: #39f }

.navbar-content.dragging { background: #FF8484 }

.rtl-content { direction: rtl; text-align: right; font-size: 1.15em }
.login.error {color: red}

.editStreamPackage { display: none !important }
.enable-packages .editStreamPackage { display: inline-block !important }

.articleEditForm .stickyMenu { position: fixed; left: 0; right: 0; top: 0; z-index: 999; text-align: center; background: none }
.articleEditForm .stickyMenu .launchButton { display: none; background: #32404e; padding: 8px 12px; color: white }
.articleEditForm .stickyMenu ul { list-style: none; display: block; font-size: 0; background: #32404e; margin: 0; padding: 0 }
.articleEditForm .stickyMenu ul li { display: inline-block; width: 80px; word-break: keep-all; white-space: nowrap; overflow: hidden }
.articleEditForm .stickyMenu ul li.more-menu { width: auto }
.articleEditForm .stickyMenu ul li.additional.closed { width: 0 }
.articleEditForm .stickyMenu ul li.close-menu { display: none; width: auto }
.articleEditForm .stickyMenu ul li:hover { background: #576F87 }
.articleEditForm .stickyMenu ul li a { color: white; display: inline-block; width: 100%; box-sizing: border-box; font-size: 11px; padding: 7px 10px 8px 10px }
.articleEditForm .stickyMenu ul li .fa { font-size: 20px; display: block }
.articleEditForm .stickyMenu ul li.publish.new,.articleEditForm .stickyMenu ul li.publish.closed,.articleEditForm .stickyMenu ul li.publish.stay { width:100px }

.articleEditForm .stickyMenu .statuses {overflow: visible;width: auto;vertical-align: bottom;}
.articleEditForm .stickyMenu .statuses .dropdown>a{padding:14px 5px 7px 5px}
.articleEditForm .stickyMenu .statuses .dropdown>a .fa{font-size:12px}
.articleEditForm .stickyMenu .statuses .dropdown-menu {display: none !important;position: absolute;left: -95px;border: none;top: 50px;}
.articleEditForm .stickyMenu .statuses .open .dropdown-menu {display: block !important}
.articleEditForm .stickyMenu .statuses .open .dropdown-menu li{display: block;width: 100%;}



#dropzone .progress { height: auto; padding: 4px }

.article-photos-upload::after { clear: both; content: " "; display: block }
.article-photos-upload .photo { position: relative; height: 87px; width: 150px; display: inline-block; vertical-align: top; margin: 0 10px 0 0 }
.article-photos-upload .photo img { height: 87px; width: 150px; display: block }
.article-photos-upload .counter { position: absolute; color: white; background: rgba(0,0,0,0.2); font-size: 5em; top: 0; right: 0; bottom: 0; left: 0; text-align: center; vertical-align: middle }
.article-photos-upload .buttons { display: inline-block; vertical-align: top }

.article-photos .item::after { clear: both; content: " "; display: block }
.article-photos .image { position: relative }
.article-photos .image figure { margin: 0; padding: 0; color: #333 }
.article-photos .image figure img { width: 100% }
.article-photos .item.loading .image:hover .edit { display: none }
.article-photos .item.loading .image figure::before { display: block; z-index: 2; content: "\f013"; font-family: "Font Awesome 5 Free"; font-size: 5em; margin: -0.5em 0 0 -0.5em; top: 50%; left: 50%; position: absolute; animation: fa-spin 2s infinite linear; -webkit-animation: fa-spin 2s infinite linear  }
.article-photos .item.loading .image figure img { opacity: 0.5 }
.article-photos .edit { display: none; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); text-align: center }
.article-photos .edit a { display: inline-block; padding: 4px 7px 6px 7px; color: #fff }
.article-photos .edit a:hover { color: #bbb }
.article-photos .image:hover .edit { display: block }
.article-photos .filters-container{display: none; padding: 0}
.article-photos .filters-container ul.filters{list-style: none; font-size: 0; padding: 0; margin: 10px 0}
.article-photos .filters-container ul.filters li{display: inline-block; width: 19%; height: 50px; margin: 0 1.25% 0 0}
.article-photos .filters-container ul.filters li:last-child{margin: 0}
.article-photos .filters-container ul.filters li a{display: block; width: 100%; height: 100%}
.article-photos .filters-container .save-filter{margin: 0 0 0 5px}
@media (max-width: 992px) {
    .article-photos .image figure { padding-bottom: 27px  }
    .article-photos .image .edit { display: block; }
}

#focalPointSelect figure { position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#focalPointSelect figure .pin { position: absolute; color: white; font-size: 22px; line-height: 22px; margin: -11px 0 0 -9px }

.table-image { background: no-repeat center center; background-size: cover; display: inline-block; vertical-align: middle; margin: 0 5px; width: 30px; height: 25px }

/* Summernote CSS mods */
.note-editor { overflow: visible !important }
.note-editor .note-toolbar.panel-heading { height: auto !important; background: #f5f5f5 !important }
.note-editor .note-toolbar .btn-sm { font-size: 13px; height: 33px }
.note-editor .note-editable textarea.embed-replace { width: 50%; height: 80px }
.note-editor .note-editable p { min-height: 1em }
.note-editor .note-editable table {table-layout: fixed;}
.input-group .selectize-input { display: block; padding: 4px 12px }
.input-group .selectize-input.input-active { display: block !important }
.input-group .selectize-dropdown { position: absolute !important }
.note-editor .wb-cms-embed { position: relative; min-height: 50px }
.note-editor .wb-cms-embed > * { pointer-events: none; user-select: none }
.note-editor .wb-cms-embed:hover > * { opacity: 0.4 }
.note-editor .wb-cms-embed:hover::after { position: absolute; opacity: 1; clear: both; content: " "; display: block; top: -10px; right: -10px; bottom: 0; left: 0; background: rgba(0,0,0,0.2);z-index: 50}
.note-editor .wb-cms-embed > .options { opacity: 1; pointer-events: auto; user-select: auto; position: absolute; top: 0; right: 0; z-index: 51 } 
.note-editor.note-airframe .note-editing-area .note-editable{padding: 10px 10px 0 10px !important}

.articleEditForm input.required, .articleEditForm .selectize-input.required, .articleEditForm textarea.required, .articleEditForm select.required{border: 1px solid #CC0000}

cms-element { display: block }

.form-radio-noicon { padding-left: 12px !important }
.form-radio-noicon::after { display: none !important }
.enable-packages .form-checkbox.form-normal.form-buttons:before, .enable-packages .form-radio.form-normal.form-buttons:before { top: 48%; width: 20px; height: 19px }
fieldset:not([disabled]) .enable-packages .form-checkbox.form-normal.form-buttons:not(.disabled):hover:after, fieldset:not([disabled]) .enable-packages .form-checkbox.form-normal.form-buttons.active:after, .enable-packages .form-checkbox.form-normal.form-buttons:not(.disabled):hover:after, .enable-packages .form-checkbox.form-normal.form-buttons.active:after { left: 4px; top: 55% }
.input-group-btn .date, .input-group-btn.spacious { min-width: 90px }
.search-selector-hide-images .list-group-item img { display: none }
.search-filter-selection span.label { display: none }
.search-filter-selection:hover span.label { display: inline }

.page-subgroup .btn-linkable-group-add, .no-subgroup .btn-linkable-group-add { display: none }

.library-grid > div { padding: 5px }
.library-grid .panel { height: 338px }
.library-grid .image-none { height: 100px; width: 176px; background: #ccc; margin: auto }
.library-grid .image-none a { display: block; width: 100%; height: 100%; text-align: center; color: white; padding: 13px 0 0 0; font-size: 4em }
.library-grid .library-item figure { background-size: cover; width: 100%; height: 90px }

.library .categoryList, .library .articlesList {height: 640px; overflow: auto}
.library .search::before { content: "\f002"; font-family: "Font Awesome 5 Free"; display: block; position: absolute; padding: 7px 10px }
.library .search input { padding-left: 25px }

.floating-container {z-index: 9999!important;}

@media (min-width: 992px) {
    .articleEditForm .stickyMenu ul { display: inline-block !important }
}
@media (max-width: 992px) {
    .articleEditForm .stickyMenu {
        width: auto !important; left: 0 !important; right: 0 !important; margin-left: 0 !important
    }
    .articleEditForm .stickyMenu ul {
        display: none; z-index: 2; position: relative
    }
    .articleEditForm .stickyMenu ul li.close-menu {
        display: inline-block
    }
    .articleEditForm .stickyMenu ul li.publish.new {
        display: none
    }
    .articleEditForm .stickyMenu .launchButton {
        display: inline-block; position: absolute; z-index: 1
    }
}

ol.users-status{margin: 20px 0 0 0; list-style: disc}
ul.chart-legend{list-style: none; padding: 0}
ul.chart-legend li label{display: inline-block; padding: 0 0 0 10px}
ul.chart-legend li::before{content: ''; width: 15px; height: 15px; border-radius: 50%; display: inline-block; position: relative; top: 3px}
ul.chart-legend li.blue::before{background-color: #0b62a4}
ul.chart-legend li.grey::before{background-color: #7a92a3}
ul.chart-legend li.green::before{background-color: #4da74d}
ul.chart-legend li.light-blue::before{background-color: #afd8f8}

#mainnav-menu i { width: 20px }
.dropdown-menu {z-index: 1000000}
.table .ias-list .ias-item.highlighted {background-color:#eee}
.img-lg {width: 185px;height: auto}
.btn-link.text-success{font-size: 15px;}
.add-favorites {font-size: 15px}
.page-header .add-favorites {font-size: 20px;cursor:pointer}
.add-favorites.favorite,.add-favorites i{color:#6d8fde}

.image-cropper .cropit-preview-image-container{cursor: move}
.image-cropper .slider-wrapper{position: relative}
.image-cropper .slider-wrapper span{font-size: 24px; position: absolute; left: initial; right: 20px; top: 50%; transform: translateY(-50%)}
.image-cropper .slider-wrapper span.small{font-size: 16px; left: 30px; right: initial}
.image-cropper .slider-wrapper input[type=range]{width: 80%; margin: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 5px; background: #eee; outline: none}
.image-cropper .cropit-preview{width:500px; height:350px; margin: 50px auto}
.image-cropper .cropit-preview.small {width:250px;height: 150px}

.navbar-top-links>li>a.support-toggle { color: red }
.support-conversation { display:none}
.support-conversation .urgent{ padding: 5px 15px; color:white}
.support-conversation .nano>.nano-content{ position:relative; height:400px;overflow: auto}
.support-conversation .chat-body{ width:400px;position:absolute;background: #ffffff;box-shadow:0 0.5rem 1rem rgba(0,0,0,.15); top:60px}
.support-conversation .chat-body:before{ width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 7px solid #ffffff; display: block; content: " "; position: absolute; top: -5px; left: 8px; }
.support-conversation .chat-body .highPriority { display: none }

.panel.widget.fixed-height .widget-body {padding: 15px}
.panel.widget.fixed-height .widget-body h4 {height: 75px;line-height: 1.3}
.panel.widget.fixed-height .widget-header {min-height: 160px}
.modal-body .close, .modal-header .close { z-index: 99 }

.paywall.chart{position:relative;padding: 0 0 50px 50px}
.paywall.chart .bar{ background-color:#337ab7;color:white;text-align: center;display:inline-block; transition: width 0.75s ease-in;width:0;height:20px;line-height:20px}
.paywall.chart .bar.limit{ background-color:#ff0000}
.paywall.chart .percent{ text-align: center; margin:0 5px}
.paywall.chart .xaxis{ position: absolute;bottom: 0;left: 50%;font-size: 20px;font-weight: bold;}
.paywall.chart .yaxis{ position: absolute;bottom: 50%;left: -60px;font-size: 20px;font-weight: bold;transform: rotate(270deg);}
.paywall.slider { margin:0 50px  50px 50px;font-size:14px; }
.paywall.slider .values{ margin:10px 0 }


.reports-time-radio {display: none}
.reports-time-radio + label{cursor: pointer;background-color: #ffffff;border: 1px solid #cdd6e1;padding: 6px 12px;float: left;}
.reports-time-radio:checked + label{background-color: #579ddb;color: white;border-color:#579ddb}

.optimization .search-view{}
.optimization .search-view .content{background-color:#f2f2f2}
.optimization .search-view .content a h3{color:#1a58c7; font-size:18px; margin-bottom:5px}
.optimization .search-view .content a h4{color:#006621; font-size:14px; margin:5px 0}
.optimization .search-view .content .text{color:#545454; font-size:13px; padding:0 0 20px 0}
.optimization .search-view .content .text p, .optimization .search-view .content a h3, .optimization .search-view .content a h4{font-family:arial,sans-serif; font-weight: normal}
.optimization .search-view .content .text p, .optimization .search-view .content .text span{display: inline-block}
.optimization .search-view .content .text span{color:#808080;}

@media (max-width: 768px) {
    .plan .two-line { height: 50px }
    .plan .panel-body {
        padding: 0
    }
}

.images .item figure, .videos .item figure{background-repeat: no-repeat;width: 100%;height: 200px;position: relative;background-size: cover;overflow: hidden}
.videos .item figure.image-placeholder { background: #999; margin-bottom: 10px; height: 150px  }
.videos .item figure img { width: 100% }
.images .item figure figcaption{text-align: center;width: 100%;background-color: rgba(35, 31, 31, 0.5);position: absolute;padding: 10px 0;bottom: -51px;transition: all ease-in-out 0.3s;}
.images .item:hover figcaption{bottom: 0}
.images .item figure .details{display: flex;align-items: center;flex-wrap: wrap;width: 100%;height: 100%;background-color: rgba(35, 31, 31, 0.7);position: absolute;padding: 10px 0;right: -100%;transition: all ease-in-out 0.3s;color: white;font-size: 13px;}
.images .item figure .details p {width: 100%;text-align: center;margin: 0;}
.images .item figure .details p i {margin: 0 2px 0 0 }
.images .item figure .details .close-details{position: absolute;right: 20px;color: white;top: 5px; font-size: 18px;}
.images .item .description {padding: 10px 5px;box-shadow: 0 7px 8px -4px grey;min-height:120px;font-size: 14px;background-color:white}
.images .item .description .btn-link{display: block;margin: 0 0 5px 0}
.wz-steps li .wz-desc{opacity:1}

.flow-upward { display: inline-block; font: normal normal normal 18px/1 "Font Awesome 5 Free"; color: #2b866e }
.flow-upward::before { content: "\f0d8" }
.flow-downward { display: inline-block; font: normal normal normal 18px/1 "Font Awesome 5 Free"; color: #d82b0a }
.flow-downward::before { content: "\f0d7" }

@media (max-width: 768px) {
    .plan .two-line { height: 50px }
    .plan .panel-body {padding: 0}
    .images .item figure .details .close-details {top:0;right:5px}
    .images .item .description{min-height: 240px}
}

.nano.notifications{height: 170px}
.nano.notifications .unread {background-color:#eee}
.toggle-switch{display: none}
.toggle-switch+label {position: relative;cursor: pointer}
.toggle-switch+label:after, .toggle-switch+label:before{position: absolute;content: '';}
.toggle-switch+label:before {display: inline-block;left: 0;border-style: solid;width: 30px;height: 16px;border-width: 0;border-color: transparent;background-color: #afafaf;box-shadow: 0;border-radius: 8px;transition: all .3s;}
.toggle-switch+label:after {width: 14px;height: 14px;top: 1px;left: 1px;background-color: #fff;box-shadow: 0 2px 5px 0 rgba(51,51,51,.25);border-radius: 16px;transition: left .3s,right .3s}
.toggle-switch:checked+label:before {background-color: #4db446;transition: all .3s}
.toggle-switch:checked+label:after {left: 15px;transition: left .3s,right .3s}

.get-notifications .badge.empty { display: none }

.fixed-height tbody{max-height:400px;overflow-y:auto;width: 100%}
.fixed-height thead,.fixed-height tbody,.fixed-height tr,.fixed-height td,.fixed-height th{display:block;}
.fixed-height thead tr th,.fixed-height tbody td{float:left;}

/*tfoot th .input-daterange input { width: 85px !important;}*/
/*tfoot th .input-daterange .input-group-addon { width: auto !important;}*/
tfoot th  select { padding: 4px;font-size: 12px;height: 100%;border-radius: 0;box-shadow: none;border: 1px solid #e9e9e9;}
.datatable-selectpicker ~ .bootstrap-select{width: 100px !important}

.table-data thead th,.table-data tbody td,.table-data tfoot th {white-space: nowrap}

.show-on-value-target { display: none }
.dataTables_wrapper .topright{float: right}
table.dataTable tbody tr:hover { background-color: #eee !important }
.align-middle { vertical-align: middle }
.align-top { vertical-align: top }

.note-editable.disabled { background: #eee !important; cursor: not-allowed }
#channelEdit i.fa-facebook{ background: #3B5998; color: white; font-size: 21px; position: relative; left: 4px; bottom: -4px; padding: 5px;}
#channelEdit .fb-login { background: #3B5998; border-left: none;}

.image-placeholder { width: 100%; background: #ccc; position: relative; text-align: center; font-size: 50px }
.image-placeholder::before { content: "\f03d"; font-family: "Font Awesome 5 Free"; position: absolute; margin-top: -35px; top: 50%; left: 0; right: 0; bottom: 0 }

.thumbnails-picker {  }
.thumbnails-picker::after { clear: both; display: block; content: " " }
.thumbnails-picker .item { float: left; border: 1px solid white; width: 150px; box-sizing: content-box; position: relative; margin: 10px 10px 10px 0; cursor: pointer }
.thumbnails-picker input { display: none }
.thumbnails-picker .item::before { content: " "; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255,255,255,0.5) }
.thumbnails-picker input:checked + .item { border: 1px solid black }
.thumbnails-picker input:checked + .item::before { background: rgba(255,255,255,0.1) }
.thumbnails-picker input:checked + .item::after { content: "\f058"; display: block; position: absolute; top: 0; right: 5px; font-family: "Font Awesome 5 Free"; font-size: 2em }
.thumbnails-picker .item img { display: block; width: 150px }

#loginOverlay {position:fixed;top:0;bottom:0;left:0;right:0;overflow: hidden;background:rgba(33,33,36,0.6);text-align: center;z-index:10}
.completeProfile {position:fixed;top:0;bottom:0;left:0;right:0;overflow: hidden;background:rgba(33,33,36,0.6);text-align: center;z-index:10}
.completeProfile .fail{ font-size:10px;color:red}

.panel, .navbar-content { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) }
#mainnav-container { box-shadow: 0px 0px 20px 1px rgba(170,170,170,1)}

/*Cropper CSS*/

.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:#39f solid 1px;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:' ';display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line,.cropper-point{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:' ';display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}


/*End of Cropper CSS*/

/* list view/grid view toggle css */

.listing {position:relative}

.controls.left { text-align: left; float: left; z-index: 2 }
.controls { text-align: right; margin: 0 0 10px 0; float: right; position: relative }
.controls a {background-color: #fff;color: #32404e;display: inline-block;padding: 6px;text-decoration: none}
.controls.draft a {margin: 0 0 3px 0}
.controls a.active {background-color: #32404e;color:#fff}
.controls i { font-size: 14px }
.controls.draft .btn-primary{background-color: #579DDB; color: #FFFFFF; padding: 6px 15px}
.controls.draft .btn-primary:hover{background-color: #3B8DD5}

.controls .status-btn {position: relative;padding: 6px 6px 6px 20px}
.controls .status-btn .icon {content: '';display: block;width: 10px;border-radius: 50%;height: 10px;position: absolute;top: 10px;left: 5px;}
.controls .status-btn.draft::before, .listing-grid-wrapper li.panel.draft .status-indicator {background-color:rgba(255,0,0,0.5)}
.controls .status-btn.needs_correction::before, .listing-grid-wrapper li.panel.needs_correction .status-indicator{background-color:rgba(25,10,236,0.5)}
.controls .status-btn.needs_approval::before, .listing-grid-wrapper li.panel.needs_approval .status-indicator{background-color:rgba(255,193,7,0.5)}
.controls .status-btn.approved::before, .listing-grid-wrapper li.panel.approved .status-indicator{background-color:rgba(0,128,0,0.5)}
.controls .status-btn.approved_returned::before, .listing-grid-wrapper li.panel.approved_returned .status-indicator{background-color:rgba(0, 123, 255, 0.5)}
.controls .status-btn.unpublished::before, .listing-grid-wrapper li.panel.unpublished .status-indicator{background-color:#ccc}
.listing-grid-wrapper .grid li.panel .statistics .status-indicator { display: none }
.listing-grid-wrapper .list li.panel .statistics i { display: none }
.listing-grid-wrapper .list li.low-opacity { opacity: .4 }

.listing-grid-wrapper { clear: both }
.listing-grid-wrapper ul { padding: 0 }
.listing-grid-wrapper ul .move{ padding: 0;margin:0; position:absolute; top:0;left:10px }
.listing-grid-wrapper ul li .article a {display: none }

.listing-grid-wrapper .list {
    border-collapse:collapse; padding: 0; width: 100%; overflow: auto; box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15)
}

.listing-grid-wrapper .list li {
    /*position: relative;*/
    height: 30px;
    display:table-row;
}

.listing-grid-wrapper .list li:not(.header):hover {
    background: #ececec; cursor: pointer
}

.listing-grid-wrapper .list li p:not(.actions) i {
    display:none;
}

.listing-grid-wrapper .list li.header {
    background-color: #fff;
    color: #000;
    border-bottom:1px solid #bbb;
    font-weight: bold;
    display:block;
}

.listing-grid-wrapper .list li.header .id {
    width:5%;
    padding: 0 0 0 55px;
}

.listing-grid-wrapper .list li p, .listing-grid-wrapper .list li div {
    /*position: absolute;*/
    /*top: 0;*/
    line-height: 1;
    display: table-cell;
    height: 30px;
    width:100px;
    padding:10px;
    vertical-align: middle
}
.listing-grid-wrapper li p.urgent::before {
    font-family: "Font Awesome 5 Free";
    content: "\f071";
    padding: 0 3px 0 0;
}
.listing-grid-wrapper li p.urgent {
    color: red
}

.listing-grid-wrapper li .username{
    float:none
}

.listing-grid-wrapper .list li .id{
    width:3%
}

.listing-grid-wrapper .list li .article{
    width:25%
}

.listing-grid-wrapper .list li .date,.listing-grid-wrapper .list li .username,.listing-grid-wrapper .list li .author,.listing-grid-wrapper .list li .actions{
    width:7%
}

.listing-grid-wrapper .list li .category{
    width:10%
}

.listing-grid-wrapper .list li .statistics{
    padding: 8px;
    width:8%;
}

.listing-grid-wrapper .list li .actions-grid{
    display: none
}

.listing-grid-wrapper .grid li .actionSelect { z-index: 3; position: absolute; margin:0; left: 0; top: 0; padding: 10px }
.listing-grid-wrapper .list li .actionSelect { width: 1% }

.listing-grid-wrapper .list li .text { display: none }
.listing-grid-wrapper .list li .image { width: 1%; padding: 2px 0 }
.listing-grid-wrapper .grid li .image-spacer { height: 20px }
.listing-grid-wrapper .list li .image-spacer { width: 1% }
.listing-grid-wrapper .list li .image figure { background-size: cover; border-radius: 50%; height: 55px; width: 55px }
.listing-grid-wrapper .list li.item-description { display: block; border-bottom: 1px solid #ccc; height: auto; width: auto; padding: 15px; background: white}
.listing-grid-wrapper .grid li.item-description { display: none }

.listing-grid-wrapper .grid li.panel {display: inline-block;width: 280px;position: relative;overflow: hidden;margin:10px;padding:10px; transition: 120ms linear all}

.listing-grid-wrapper .grid li.panel.draft {background-color: rgba(255,0,0,0.2)}
.listing-grid-wrapper .grid li.panel.needs_correction {background-color: rgba(25,10,236,0.2)}
.listing-grid-wrapper .grid li.panel.needs_approval {background-color: rgba(255,193,7,0.2)}
.listing-grid-wrapper .grid li.panel.approved {background-color: rgba(0,128,0,0.2)}
.listing-grid-wrapper .grid li.panel.publish {background-color: #ccc}

.listing-grid-wrapper .grid li .article a { display: block; position: absolute; z-index: 2; top: 0; right: 0; left: 0; bottom: 0 }

.listing-grid-wrapper .grid.compact li.panel { height: 290px }
.listing-grid-wrapper .grid { font-size: 0; display: flex; flex-direction: row; flex-wrap: wrap }
.listing-grid-wrapper .grid .slick-track { margin: 10px }
.listing-grid-wrapper .grid li { font-size: 12px }
.listing-grid-wrapper .grid:hover li.panel:hover { box-shadow: 0 1rem 1.5rem rgba(0,0,0,.15); opacity: 1; transform: scale(1.05) }
.listing-grid-wrapper .grid:hover li.panel:hover .image { opacity: 1 }
.listing-grid-wrapper .grid:hover li.panel { opacity: 0.8 }
.listing-grid-wrapper .grid:hover li.panel .image { opacity: 0.95 }

.listing-grid-wrapper .grid li.header {
    display: none
}

.listing-grid-wrapper .grid li .image {
    margin: -10px -10px 0 -10px; height: 200px; position: relative; text-align: center; transition: 0.2s ease-in all;
    background-size: cover;
}
.listing-grid-wrapper .grid li .image figure {
    margin: -10px -10px 0 -10px; height: 200px; background-size: cover;
}

.listing-grid-wrapper .grid li .image.none { background: #efefef; padding-top: 100px }

.listing-grid-wrapper .grid li .image.none::before { content: "\f03e"; font: normal normal normal 48px/1 "Font Awesome 5 Free"; display: block; margin: auto; }

.listing-grid-wrapper .grid li .image a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block }

.listing-grid-wrapper .grid li p.id {
    display: none;
}
.listing-grid-wrapper .list li p.article { font-weight: bold }
.listing-grid-wrapper .grid li p.article { margin: 10px 0; font-weight: bold }
.listing-grid-wrapper .grid li p.username, .listing-grid-wrapper .grid li p.date, .listing-grid-wrapper .grid li p.line {
    margin: 5px 0;
    line-height: 25px;
}
.listing-grid-wrapper .grid li p.category { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.listing-grid-wrapper .grid li p.username img { display: inline-block }
.listing-grid-wrapper .grid li .statistics {}
.listing-grid-wrapper .grid li .statistics .notes-link {position: relative; z-index: 3}
.listing-grid-wrapper .grid li .actions { display: none; }
.listing-grid-wrapper .grid li input[type="checkbox"]{ height: 20px; width: 20px;}
.listing-grid-wrapper .grid p.title {
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    line-height: 2;
    height: 30px;
}
.listing-grid-wrapper .grid p.author {
    display: none;
}
.listing-grid-wrapper .grid p.id {
    display: none;
}

.listing-grid-wrapper .grid span.badge {border-radius: 0; padding: 6px }
.listing-grid-wrapper .grid span.badge b {font-weight: normal}
.listing-grid-wrapper .list span.badge b {display:none}
.listing-grid-wrapper .list li .more-actions { display: none }
.listing-grid-wrapper .grid li .more-actions { display: none; z-index: 3; position: absolute; top: 5px; right: 5px }
.listing-grid-wrapper .grid li:hover .more-actions { display: block }
.listing-grid-wrapper .grid li .more-actions .dropdown-toggle { padding: 10px; cursor: pointer }
.listing-grid-wrapper .grid li .more-actions.open .dropdown-toggle { background: #ededed }

.show_articles_within.opened i {transform: rotate(180deg)}

.upgradable-options{display: none}
.pricing-container > div { border-top: 1px solid #efefef; padding-top: 10px }
.pricing-container > div:first-child { border-top: none }
.bootbox.canvas_container .modal-dialog{width: 930px}
.note-editor.note-frame.panel-default.panel{margin-bottom:15px;z-index:1}
.note-editor.note-frame.panel-default.panel.fullscreen{z-index:1000}
.charactersWordsCount{padding:5px 8px;background-color:#e7ebee}
.reading-time-normal { color: inherit }
.reading-time-danger { color: #c00 }
.reading-time-good { color: rgb(3, 124, 3) }
.reading-time-amazing { color: #0c0 }

.subpages .subpageItem:nth-child(even) {background: #efefef; padding: 20px }

.providers-auto-refresh li.new { background: #efe498 }

.graphing-panel { margin: 0 0 2em 0 }
.graphing-panel.dark { background: #0d1c4b }
/*.panel.dark { background: #05123c; color: #fff }*/
/*.panel.dark  input, .panel.dark select, .panel.dark textarea { color: #333 }*/
/*.panel.panel-dark { color: #000 }*/
/*.panel.panel-darknote { background-color: #58b6fb; border-color: #58b6fb; color: white }*/
/*.panel.panel-darktitle { background-color: #0d1c4b; border-color: #0d1c4b; color: white }*/
.graphing-panel .title { color: white }
.datepicker table tr td.filled{background-color: #f1ccd2}

.widgets-dashboard .panel { height: 145px }

.text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }

.gallery-page .preview img { width: 100% }
.device-selection .panel { cursor: pointer; filter: grayscale(100%) }
.device-selection .panel.active { filter: grayscale(0)}

.form-group.disabled .control-label{color: #C0C0C0}
.report-selected-filters{position: fixed; width: 100%; z-index: 9999; top: 0}
.report-selected-filters span{text-descoration: underline; font-weight: bold}

.report-loading{font-size: 20px; text-align: center; padding: 50px 0}
#descriptive_summary input.active{background-color: hsla(0,0%,50.2%,.11);pointer-events: none;}
#descriptive_summary button.unclickable{opacity: 0.6;pointer-events: none;}

.findnreplace-toolbar { padding: 5px; background-color: var(--note-toolbar-background-color) !important; }
.findnreplace-toolbar .note-form-row {
position: relative;
display: flex;
flex: 1 0 100%;
flex-wrap: nowrap;
vertical-align: middle;
padding: 0; }
.note-display-none { display: none !important; }
.note-display-block { display: block !important; }
mark.note-findnreplace { background-color: #ff0; }
.note-editor.note-airframe .note-status-output, .note-editor.note-frame .note-status-output { height: auto !important; padding: 4px }

.alert-wrap > .alert > .media .notification-link{color: #FFFFFF}
.alert-wrap > .alert > .media .dismiss-notification-for-all{color: #FFFFFF; display: block; text-decoration: underline; font-size: 10px}
.table .dismiss-notification-for-all{text-decoration: underline; font-size: 10px}
.notifications .head-list li.unread{position: relative}
.notifications .head-list li.unread .dismiss-notification-for-all{position: absolute; right: 5px; bottom: 3px; text-decoration: underline; cursor: pointer; font-size: 10px}
