@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 }

#preview iframe { width: 100%; border: none }

.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}

.navbar-content.dragging { background: #FF8484 }

.rtl-content { direction: rtl; text-align: right }
.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: 10; 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 { width: 93px }

.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; width: 200px }

.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: FontAwesome; 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}

#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 }
.note-editor .note-editable textarea.embed-replace { width: 50%; height: 80px }

.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 }

.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 }

.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: FontAwesome; 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}
.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}

.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 }


.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}

@media (max-width: 768px) {
    .plan .two-line { height: 50px }
    .plan .panel-body {
        padding: 0
    }
}

.images .item figure{background-repeat: no-repeat;width: 100%;height: 200px;position: relative;background-size: cover;overflow: hidden}
.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 FontAwesome; color: #2b866e }
.flow-upward::before { content: "\f0d8" }
.flow-downward { display: inline-block; font: normal normal normal 18px/1 FontAwesome; 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 }

#mainnav-menu-wrap { margin-top: 0; padding-top: 0 }

.modal-dialog{width: 70%}
.dataTables_wrapper .topright{float:right}
table.dataTable.display tbody tr.highlighted {background-color:#B0BED9 !important;}
.operation .plan .plan-title{font-size:1.5em;height: 50px;display: block}
.print_error { display: none }

.sortable_title {border-bottom: 1px solid rgba(0,0,0,0.1); padding: 0 0 10px 0; margin: 0 0 10px 0;}
.toggle_sortable_list {display: block}
.sortable_list {height: 0; overflow: hidden; transition: .2s ease-in-out}
.sortable_list.open {height: 100%; overflow: auto}
.sort_item {background: darkcyan; color: white; padding: 7px; cursor: pointer; margin: 0 0 5px 0}
.sort_item i {color: white; margin-right: 5px}
.sort_item.removed {background: crimson;}
.form-group-custom { margin-right: -15px; margin-left: -15px; margin-bottom: 15px; display: flex; }