.pace{-webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none}.pace-inactive{display: none}.pace .pace-progress{background: #22df80; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px}.pace .pace-progress-inner{display: block; position: absolute; right: 0; width: 100px; height: 100%; box-shadow: 0 0 10px #22df80, 0 0 5px #22df80; opacity: 1; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px)}.pace .pace-activity{display: none;}
.theme-gradiant {
    background: linear-gradient(45deg, #2d2d2d 9%, black 100%);
}
.theme-gradiant .text-black-alt {
    color: #fff;
}
.form-group-tagsinput .bootstrap-tagsinput {
    width: 100%;
    border: none;
    box-shadow: none;
    padding: 0;
    margin-top: 10px;
}
.unsplash-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); 
    z-index: 2; 
    cursor: pointer;
}
.scroll-ing::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scroll-ing::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
.scroll-ing::-webkit-scrollbar-thumb {
  background: #888; 
}
.scroll-ing::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.page-item.active .page-link {
    color: #fff;
    background-color: #3b4752;
    border-color: #3b4752;
}
.page-item .page-link {
    color: #3b4752;
}
.profile-menu {
    position: fixed;
    top: 13px;
    right: 70px;
}
.btn-menu {
    position: fixed;
    width: 30px;
    height: 25px;
    z-index: 100;
    right: 25px;
    top: 18px;
    cursor: pointer;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}
.btn-menu span {
    width: 30px;
    height: 2px;
    position: absolute;
    background: #333;
    transition: all .35s ease;
}
.btn-menu .menu-top {
    top: 0px;
}
.btn-menu:hover .menu-top {
    top: 2px;
}
.btn-menu.menu-active:hover .menu-top {
    top: 0px
}
.btn-menu .menu-middle {
    top: 10px;
}
.btn-menu .menu-bottom {
    top: 20px;
}
.btn-menu:hover .menu-bottom {
    top: 18px;
}
.btn-menu.active:hover .menu-bottom {
    top: 20px;
}
.btn-menu.menu-active .menu-top {
    -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
    transform: translateY(10px) translateX(0) rotate(45deg);
    background: #333;
}
.btn-menu.menu-active .menu-middle {
    opacity: 0;
}
.btn-menu.menu-active .menu-bottom {
    -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
    transform: translateY(-10px) translateX(0) rotate(-45deg);
    background: #333;
}
.menu-overlay {
    position: fixed;
    background: #f8f8f8;
    visibility: hidden;
    width: 100%;
    height: 0%;
    left: 0px;
    top: 0px;
    opacity: 0;
    -webkit-transition: opacity .35s, height .35s, visibility .35s;
    transition: opacity .35s, height .35s, visibility .35s;
    z-index: 500;
    padding: 30px;
    overflow-y: scroll;
    margin-top: 60px;
}
.menu-mini {
    width: 25%;
    left: auto;
    right: 0;
    background: rgba(255,255,255,255.8);
}
.menu-overlay.menu-open {
    height: calc(100vh - 60px);
    opacity: 1;
    visibility: visible;
}
.menu-overlay .card {
    margin-bottom: 30px;
}
.menu-overlay .card:before {
    position: absolute;
    width: 8px;
    height: 8px;
    content: '';
    background-color: rgb(24, 24, 24);
    border-radius: 999px;
    right: 14px;
    top: 11px;
}
.menu-overlay .menu-text {
    width: 75%;
}
@media(max-width:425px) {
    .menu-overlay {
        padding: 10px;
    }
    .menu-overlay .card {
        margin-bottom: 10px;
    }
}
@-webkit-keyframes fadeInTop {
    0% {
        opacity: 0;
        bottom: 20%;
    }
    100% {
        opacity: 1;
        bottom: 0;
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        bottom: 20%;
    }
    100% {
        opacity: 1;
        bottom: 0;
    }
}

body.menu-active {
    overflow: hidden;
}

.thunder-color {
    color: #fbd02f!important;
}
.full-height-fix {
    height: calc(100vh - 60px);
}
.full-width-fix {
    width: 100vw;
}
.main-logo {
    margin-top: -8px;
    margin-left: 20px;
}
.visible-x {
    display: block !important;
}
.hidden-x {
    display: none !important;
}
.visible-x-inline {
    display: inline-flex !important;
}
.hidden-x-inline {
    display: none !important;
}
.footer .copyright .first-line {
    display: inline-block;
    margin-bottom: 0;
    font-size: 12px;
}
.footer .copyright .second-line {
    display: inline-block;
    margin-bottom: 0;
    font-size: 12px;
    float: right;
}

@media(max-width:1024px) {
    .menu-mini {
        width: 45%;
    }
}
@media(max-width:768px) {
    .menu-mini {
        width: 55%;
    }
}
@media(max-width:425px) {
    .full-height-fix {
        height: calc(100vh - 80px);
    }
    .visible-x {
        display: none !important;
    }
    .hidden-x {
        display: block !important;
    }
    .visible-x-inline {
        display: none !important;
    }
    .hidden-x-inline {
        display: inline-flex !important;
    }
    .footer .copyright .first-line {
        text-align: center;
        display: block;
    }
    .footer .copyright .second-line {
        display: block;
        float: none;
        text-align: center;
    }
    .modal .close {
        position: absolute;
        right: 0px;
        top: 0px;
    }
    .btn-menu {
        top: 18px;
    }
    .menu-mini {
        width: 100%;
    }
}


.pg-icon.icon-hidden {
    display: none;
}
.h-50 {
    min-height: 50px;
}
.w-60p {
    width: 60%;
    overflow: hidden;
}
.dz-remove {
    cursor: pointer !important;
}

.alias-edit .alias-value {
    margin-top: 8px !important;
    padding-left: 0 !important;
    height: 30px !important;
}
.modal .alias-edit .alias-value {
    margin-top: 0px !important;
    padding-left: 8px !important;
    height: 100px !important;
}

.menu-builder .list-group-item {
    padding: 15px !important;
    font-weight: bold;
}
.menu-builder .menu-parent .menu-listing {
    overflow-y: scroll; 
    height: 25vh;
}


.setting-media-container {
    padding: 15px;
    min-height: 200px;
    overflow: hidden;
}
.setting-media-container .p-r-0-lg {
    padding-right: 0 !important;
}
.setting-media-container img {
    border-radius: 3px;
    border: 1px solid rgba(33, 33, 33, .17);
}
.setting-media-container .open-use-media {
    height: 100%;
    width: 100%;
}
.setting-media-container .open-use-media i {
    font-size: 50px;
}
@media (max-width: 425px) {
    .setting-media-container img {
        margin-top: 15px;
    }
    .setting-media-container .p-r-0-lg {
        padding-right: 15px !important;
    }
}

.permission-masonry {
    -webkit-column-count: 1;
    -webkit-column-gap: 10px;
    -webkit-column-fill: auto;
    -moz-column-count: 1;
    -moz-column-gap: 10px;
    -moz-column-fill: auto;
    column-count: 1;
    column-gap: 15px;
    column-fill: auto;
}
.permission-masonry-item {
    min-width: calc(100vw - 60px);
    display: inline-block;
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.permission-masonry-item.permit-parent {
    min-width: calc(100vw - 75px);
}
.use-media-masonry {
    -webkit-column-count: 1;
    -webkit-column-gap: 10px;
    -webkit-column-fill: auto;
    -moz-column-count: 1;
    -moz-column-gap: 10px;
    -moz-column-fill: auto;
    column-count: 1;
    column-gap: 15px;
    column-fill: auto;
}
.media-masonry {
    -webkit-column-count: 1;
    -webkit-column-gap: 10px;
    -webkit-column-fill: auto;
    -moz-column-count: 1;
    -moz-column-gap: 10px;
    -moz-column-fill: auto;
    column-count: 1;
    column-gap: 15px;
    column-fill: auto;
}
.media-masonry-item {
    display: inline-block;
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.media-masonry-item img {
    border-bottom: 1px solid #ddd;
}
.media-masonry-item .media-options{
    padding: 10px;
}
.unsplash-masonry {
    -webkit-column-count: 1;
    -webkit-column-gap: 10px;
    -webkit-column-fill: auto;
    -moz-column-count: 1;
    -moz-column-gap: 10px;
    -moz-column-fill: auto;
    column-count: 1;
    column-gap: 15px;
    column-fill: auto;
}
.unsplash-masonry-item {
    display: inline-block;
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.unsplash-masonry-item img {
    border-bottom: 1px solid #ddd;
}
.unsplash-masonry-item .unsplash-info {
    padding: 10px;
    width: 210px;
}
.unsplash-masonry-item .unsplash-info img {
    border-radius: 20px;
    margin-right: 5px;
}
.unsplash-masonry-item .unsplash-options {
    padding: 10px;
}

@media (max-width: 320px) {
    .scroll-pagination {
        width: calc(100vw - 75px); 
        overflow-x: scroll;
        margin-bottom: 30px;
    }
    .unsplash-masonry-item .unsplash-image {
        width: auto;
        min-width: calc(100vw - 80px); 
    }
}
@media (min-width: 321px) {
    .scroll-pagination {
        width: calc(100vw - 75px); 
        overflow-x: scroll;
        margin-bottom: 30px;
    }
    .unsplash-masonry-item .unsplash-image {
        width: auto;
        min-width: calc(100vw - 80px); 
    }
}
@media (min-width: 376px) {
    .media-masonry {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .unsplash-masonry {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .unsplash-masonry-item .unsplash-image {
        width: auto;
        min-width: 164.5px;
    }
    .unsplash-masonry-item .unsplash-info {
        padding: 10px;
        width: 160px;
    }
}
@media (min-width: 426px) {
    .use-media-masonry {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .media-masonry {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
    .unsplash-masonry {
        -webkit-column-count: 3
        -moz-column-count: 3;
        column-count: 3;
    }
    .scroll-pagination {
        width: 100%; 
        overflow: auto;
        margin-bottom: 15px;
    }
    .unsplash-masonry-item .unsplash-image {
        width: auto;
        min-width: auto;
    }
    .unsplash-masonry-item .unsplash-info {
        padding: 10px;
        width: 210px;
    }
}
@media (min-width: 769px) {
    .permission-masonry {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .permission-masonry-item {
        min-width: 45.5vw;
    }
    .permission-masonry-item.permit-parent {
        min-width: 45.5vw;
    }
    .use-media-masonry {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
    .media-masonry {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
    .unsplash-masonry {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}
@media (min-width: 1025px) {
    .permission-masonry {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
    .permission-masonry-item {
        min-width: 31vw;
    }
    .permission-masonry-item.permit-parent {
        min-width: 31vw;
    }
    .use-media-masonry {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
    .media-masonry {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6;
    }
    .unsplash-masonry {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6;
    }
}
@media (min-width: 1701px) {
    .permission-masonry {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
    .permission-masonry-item {
        min-width: 23.5vw;
    }
    .permission-masonry-item.permit-parent {
        min-width: 23.5vw;
    }
    .unsplash-masonry {
        -webkit-column-count: 8;
        -moz-column-count: 8;
        column-count: 8;
    }
}
@media (min-width: 2101px) {
    .media-masonry {
        -webkit-column-count: 8;
        -moz-column-count: 8;
        column-count: 8;
    }
    .unsplash-masonry {
        -webkit-column-count: 10;
        -moz-column-count: 10;
        column-count: 10;
    }
}
.modal.modal-media-edit .modal-dialog {
    width: 800px!important;
}
.modal.modal-media-crop .modal-dialog {
    width: 800px!important;
}
.modal.modal-media-crop {
    height: 100vh; 
    overflow-y: scroll;
    background-color: rgba(0, 0, 0, 0.35);
}
.default-pagination .pagination .page-item:first-child, .default-pagination .pagination .page-item:last-child {
    display: none;
}



.modal.modal-use-media,
.modal.modal-story-media-use,
.modal.modal-story-media-replace,
.modal.modal-story-media-assign {
    padding: 0 !important;
}
.modal.modal-use-media .modal-dialog,
.modal.modal-story-media-use .modal-dialog,
.modal.modal-story-media-replace .modal-dialog,
.modal.modal-story-media-assign .modal-dialog {
    max-width: 100% !important; 
    margin: 0;
}
.modal.modal-use-media .modal-content,
.modal.modal-story-media-use .modal-content,
.modal.modal-story-media-replace .modal-content,
.modal.modal-story-media-assign .modal-content {
    border-radius: 0;
}
.modal.modal-use-media .modal-body,
.modal.modal-story-media-use .modal-body,
.modal.modal-story-media-replace .modal-body,
.modal.modal-story-media-assign .modal-body {
    padding: 0;
}
.modal.modal-use-media .nav-tabs-fillup,
.modal.modal-story-media-use .nav-tabs-fillup,
.modal.modal-story-media-replace .nav-tabs-fillup,
.modal.modal-story-media-assign .nav-tabs-fillup {
    margin:15px; 
    margin-bottom: 0;
}
.modal.modal-use-media .nav-tabs-fillup>li.close-use-media,
.modal.modal-story-media-use .nav-tabs-fillup>li.close-use-story-media,
.modal.modal-story-media-replace .nav-tabs-fillup>li.close-replace-story-media,
.modal.modal-story-media-assign .nav-tabs-fillup>li.close-assign-story-media {
    position: absolute;
    right: 0;
}
.modal.modal-use-media .nav-tabs-fillup>li>a.nav-tabs-danger:after,
.modal.modal-story-media-use .nav-tabs-fillup>li>a.nav-tabs-danger:after,
.modal.modal-story-media-replace .nav-tabs-fillup>li>a.nav-tabs-danger:after,
.modal.modal-story-media-assign .nav-tabs-fillup>li>a.nav-tabs-danger:after {
    background: none repeat scroll 0 0 #d83c31;
    border: 1px solid #d83c31
}
.modal.modal-use-media .use-media-container,
.modal.modal-story-media-use .use-story-media-container,
.modal.modal-story-media-replace .replace-story-media-container {
    height: calc(100vh - 230px);
    overflow-y: scroll; 
    margin-top: 15px;
}
.modal.modal-story-media-assign.single .assign-story-media-container {
    height: calc(100vh - 105px);
    overflow-y: scroll; 
    margin-top: 0;
}
.modal.modal-story-media-assign.multiple .assign-story-media-container {
    height: calc(100vh - 160px);
    overflow-y: scroll; 
    margin-top: 0;
}
.modal.modal-use-media .upload-media-container,
.modal.modal-story-media-use .upload-story-media-container,
.modal.modal-story-media-replace .upload-story-media-replace-container {
    height: calc(100vh - 385px);
    overflow-y: scroll; 
}
.modal.modal-use-media .multiple-use-media i, 
.modal.modal-use-media .clear-multiple-use-media i,
.modal.modal-story-media-use .use-story-media i, 
.modal.modal-story-media-use .clear-use-story-media i,
.modal.modal-story-media-assign .multiple-assign-story-media i,
.modal.modal-story-media-assign .clear-assign-story-media i {
    display: none; 
}
@media (max-width: 425px) {
    .modal.modal-use-media .nav-tabs-fillup>li.close-use-media,
    .modal.modal-story-media-use .nav-tabs-fillup>li.close-use-story-media,
    .modal.modal-story-media-replace .nav-tabs-fillup>li.close-replace-story-media,
    .modal.modal-story-media-assign .nav-tabs-fillup>li.close-assign-story-media {
        min-width: 35px;
        padding: 0;
    }
    .modal.modal-use-media .use-media-container,
    .modal.modal-story-media-use .use-story-media-container,
    .modal.modal-story-media-replace .replace-story-media-container {
        height: calc(100vh - 240px);
    }
    .modal.modal-use-media .multiple-use-media i, 
    .modal.modal-use-media .clear-multiple-use-media i,
    .modal.modal-story-media-use .use-story-media i, 
    .modal.modal-story-media-use .clear-use-story-media i,
    .modal.modal-story-media-assign .multiple-assign-story-media i, 
    .modal.modal-story-media-assign .clear-assign-story-media i {
        display: block; 
    }
    .modal.modal-use-media .multiple-use-media strong, 
    .modal.modal-use-media .clear-multiple-use-media strong,
    .modal.modal-story-media-use .use-story-media strong, 
    .modal.modal-story-media-use .clear-use-story-media strong,
    .modal.modal-story-media-assign .multiple-assign-story-media strong, 
    .modal.modal-story-media-assign .clear-assign-story-media strong {
        display: none; 
    }
}
.modal-use-media .dropzone.dropzone-media-modal,
.modal.modal-story-media-use .dropzone.dropzone-story-media-modal,
.modal.modal-story-media-replace .dropzone.dropzone-story-media-replace-modal {
    min-height: 200px;
}

.modal.single .multi-opt {
    display: none;
}
.modal.multiple .single-opt {
    display: none;
}

.form-group-default.input-group .form-control.form-control-alias {
    padding-left: 0;
    margin-top: 10px;
    margin-left: 0;
    padding-right: 10px;
}

.custom-tab-content .tab-pane {
    min-height: calc(100vh - 230px);
    height: auto;
}
.editor-remove {
    position: absolute;
    top: 3px;
    right: 2px;
    z-index: 11;
}
/* .editor-container {
   height: 225px;
} */
.populate-media img {
    /*max-width: 320px;*/
    border: 1px solid #d4d4d4;
}

.featurelist-option {
    display: none;
}
.featurelist-option.featurelist-active {
    display: block;
}
.featurelist-tool.featurelist-active .pg-icon {
    color: #0072ec;
}
.featurelist-layout-item {
    cursor: pointer;
    margin: 0;
}
.featurelist-layout-item .card {
    background: #dbe6e8 !important;
}
.featurelist-layout-item [class^="col-"] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.featurelist-layout-item [class^="col-"]:first-child {
    padding-left: 0;
}
.featurelist-layout-item [class^="col-"]:last-child {
    padding-right: 0;
}
.featurelist-layout-item:hover [class^="col-"] .card {
    background: #757575!important;
}
.featurelist-cols {
    border: 1px solid #777;
    padding: 10px 10px 0 10px;
}
.featurelist-story-listing, .featurelist-advert-listing {
    min-height: 40vh;
}
.featurelist-story-option .story-item, .featurelist-advert-option .advert-item {
    cursor: pointer;
}
.featurelist-story-option .story-tools, .featurelist-advert-option .advert-tools {
    display: none;
}
.featurelist-container .story-tools, .featurelist-container .advert-tools {
    display: inline-block;
}
.story-item .card .card-header, .advert-item .card .card-header {
    padding: 15px 15px 0 15px;
}
.story-item .card .card-body, .advert-item .card .card-body {
    padding: 0 15px 10px 15px;
}
.featurelist-title .btn-sm {
    padding: 5px;
}
.featurelist-layout-item .card {
    background: 
}
.form-group-default.form-group-default-select2>.select2-container {
    z-index: 104!important;
}
.form-group-default.form-group-default-select2>label {
    z-index: 105!important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: block;   
    overflow: auto;
}
.form-group-default.form-group-default-select2 .select2-container .select2-selection--multiple {
    padding-top: 25px;
    padding-bottom: 10px;
}
.select2-results__options [aria-selected=true] {
    background-color: #f4f4f4!important;
    border-radius: 3px;
    color: #4b4b4b!important;
}
.input-group .select2-selection {
    padding-top: 0 !important;
    min-height: 42px !important;
}
.form-breaker {
    border-bottom: 2px solid #777 !important;
}
hr.form-breaker {
    margin-top: 20px;
    margin-bottom: 20px;
}
.story-form-fix.card-header {
    border: 2px solid #777 !important;
}
.story-form-fix.card-body {
    border: 2px solid #777 !important; 
    border-top: 0 !important;
}
.story-form-fix.story-form-1 {
    padding-right: 20px !important;
}
.story-form-fix.story-form-2 {
    padding: 0 20px !important; 
    border-left: 2px solid #777; 
    border-right: 2px solid #777;
}
.story-form-fix.story-form-3 {
    padding-left: 20px !important;
}
.story-form-fix.story-form-4 {
    padding: 0 20px !important;
    border-right: 2px solid #777;
}
.page-form-fix.card-header {
    border: 2px solid #777 !important;
}
.page-form-fix.card-body {
    border: 2px solid #777 !important; 
    border-top: 0 !important;
}
.page-form-fix.page-form-1 {
    padding-right: 20px !important;
}
.page-form-fix.page-form-2 {
    padding-left: 20px !important;
    border-left: 2px solid #777; 
}
.page-form-fix.form-breaker {
    display: none;
}

@media screen and (max-width: 800px) and (min-width: 500px) {
    .story-form-fix.story-form-1 {
        padding-right: 0px !important;
    }
    .story-form-fix.story-form-2 {
        padding: 0 20px 0 0 !important;
        border-left: none; 
        margin-top: 30px;
        border-right: 2px solid #777;
    }
    .story-form-fix.story-form-3 {
        padding-left: 20px !important;
        margin-top: 30px;
    }
    .page-form-fix.page-form-1 {
        padding-right: 0px !important;
    }
    .page-form-fix.page-form-2 {
        padding-left: 0 !important;
        border-left: none;
    }
    .page-form-fix.form-breaker {
        display: block;
    }
}
@media screen and (max-width: 500px) {
    .editor-remove {
        position: absolute;
        top: 3px;
        right: 18px;
        z-index: 11;
    }
    .story-form-fix.story-form-1 {
        padding-right: 15px !important;
    }
    .story-form-fix.story-form-2 {
        padding: 0 15px !important;
        border-left: none;
        margin-top: 30px;
        border-right: none;
    }
    .story-form-fix.story-form-3 {
        padding-left: 15px !important;
        margin-top: 0;
    }
    .story-form-fix.container-fluid {
        padding: 0;
    }
    .story-form-fix.m-t-20 {
        margin-top: 0;
    }
    .page-form-fix.page-form-1 {
        padding-right: 15px !important;
    }
    .page-form-fix.page-form-2 {
        border: none;
        padding-left: 15px !important;
    }
    .page-form-fix.container-fluid {
        padding: 0;
    }
    .page-form-fix.m-t-20 {
        margin-top: 0;
    }
    .page-form-fix.form-breaker {
        display: block;
    }
}

span.fake-label {
    background-image: none;
    border: none;
    box-shadow: none;
    border-radius: 3px;
    margin: 5px 1px 0 0;
    padding: 5px 6px;
    font-size: 11px;
    color: #fff;
    line-height: 1;
    display: inline-block;
    font-weight: 600;
}
span.fake-label.fake-info {
    background-color: #0072ec;
}
span.fake-label.fake-danger {
    background-color: #d83c31;
}
.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}
.video-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}



.attached-media {
    background: #fff;
    margin-top: 10px;
    border: 1px solid #ddd;
}
.attached-media .media-options {
    padding: 10px;
}
.modal .attached-media {
    margin-bottom: 10px;
    margin-top: 0;
    width: 202px;
    min-width: 152px;
}
.attached-media:last-child {
    margin-bottom: 0;
}
.modal-story-media-edit .modal-dialog {
    max-width: 800px !important;
}
.modal-story-media-thumb {
    padding: 0 !important;
}
.modal-story-media-thumb .modal-dialog {
    max-width: 80% !important;
    margin: 0;
    border-radius: 0;
}
.modal-story-media-thumb .modal-body {
    min-height: calc(100vh - 25px);
    margin-top: 20px;
}
.modal-story-media-thumb .attached-thumbnail {
    max-height:calc(100vh - 100px); 
    overflow-y: scroll;
}
.modal-story-media-thumb .cropper-image {
    width:100%; height:calc(100vh - 100px); border: 1px solid #ddd;
}
.modal-story-media-thumb .media-image img.object-fit-cover {
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    object-position: center;
}
@media (max-width: 425px) {
    .modal-story-media-thumb .modal-dialog {
        max-width: 100% !important;
    }
}
.select2-container.select2-container--default.select2-container--open {
    z-index: 1061;
}
.select2-result-story {
    cursor: pointer;
    padding: 5px;
}
.select2-result-story:hover {
    background: #e8e8e8;
}