@charset "UTF-8";

/** DRAG & DROP **/

/*@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);*/

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

div.event-alert-show
{
    font-weight:bold;
    text-align:center;
    padding:4px; color:#fff;
    background-color: rgb(216, 150, 33);
}

div.show-add-button {
}

    div.show-add-button div.add-button {
        display: none !important;
    }

div.show-add-button:hover {
}

    div.show-add-button:hover div.elipsis {
        display: none;
    }

    div.show-add-button:hover div.add-button {
        display: flex !important;

    }

.wrapper {
    width: 100%;
    height: 100%;
}

.drop {
    width: 96%;
    height: 96%;
    border: 2px dashed #DADFE3;
    border-radius: 0.3rem;
    overflow: hidden;
    text-align: center;
    background: white;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /*&:hover
     * cursor: pointer
     * background: #f5f5f5 */
}
.drop .cont {
    width: 500px;
    height: 170px;
    color: #8E99A5;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.drop .cont i {
    font-size: 2.4rem;
    color: #8E99A5;
    position: relative;
}
.drop .cont .tit {
    font-size: 2rem;
    text-transform: uppercase;
}
.drop .cont .desc {
    color: #A4AEBB;
        font-size: 1rem;
}
.drop .cont .browse {
    margin: 10px 25%;
    color: white;
    padding: 8px 16px;
    border-radius: 5px;
    background: #09f;
}
.drop input {
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: red;
    opacity: 0;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#list {
    width: 100%;
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
}
#list .thumb {
    height: 75px;
    border: 1px solid #323a44;
    margin: 10px 5px 0 0;
}

/**
 * BUTTON UPLOAD
 */
a.upload-button {
    position: relative;
}

a.upload-button input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}


/** ---------- **/

.history-list-time{
    min-width: 95px;
    display: inline-block;
    text-align: center;
}

.dashboard-buttons{
    -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
}

.dashboard-buttons{
    -webkit-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);
    -moz-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);
    box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);
}

.dashboard-buttons:hover{
            transform: translateY(-5px);
    -webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);
    -moz-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);
    box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);

}

.square {
    width: 50%;
}

.square:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

html {
        height: 100vh;
        overflow-x:hidden;
}

body {
        min-height: 100vh;
}

button {
        cursor: pointer;
}

main {
        min-height: 100vh;
}

.cover-timeline-timespace {
        width: 100%;
        height: 100%;
        z-index: 1;
/*    opacity: 0.2;*/
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: url(../images/Kombo-Leonardo-Da-Vinci-und-Leonardo-di-Caprio.jpg);
        background-size: cover !important;
        background-position: center center;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
}

.wb-break-all {
        word-break: break-all;
}

.mh-100 {
        min-height: 100vh !important;
}

a:hover{
    text-decoration: none;
}

a.small{
    font-size: 13px;
}

.w-100{
    width: 100%;
}

.w-10{
    width: 10%;
}

.w-20{
    width: 20%;
}

.w-30{
    width: 30%;
}

.w-40{
    width: 40%;
}

.w-60{
    width: 60%;
}

.w-70{
    width: 70%;
}

.w-80{
    width: 80%;
}

.w-90{
    width: 90%;
}

.display-none{
    display: none;
}

.display-block{
    display: block;
}

/** OPACITY **/

.op-01{
    opacity: 0.1;
}

.op-02{
    opacity: 0.2;
}

.op-03{
    opacity: 0.3;
}

.op-04{
    opacity: 0.4;
}

.op-05{
    opacity: 0.5;
}

.op-06{
    opacity: 0.6;
}

.op-07{
    opacity: 0.7;
}

.op-08{
    opacity: 0.8;
}

.op-09{
    opacity: 0.9;
}

.op-1{
    opacity: 1;
}

audio {
        width: 100%;
        display: block !important;
}

.custom-file-label {
        overflow: hidden;
}

.nav-burger-menu{
    font-size: 1.7rem;
}

.active-dot{
    opacity: 0;
}

a.list-group-item.active .active-dot{
    opacity: 1;
        font-size: 0.5rem;
        margin-left: 0.6rem;
    margin-top: 0.1rem;

}

.submenu .submenu-item a{
    padding-left: 3.4rem;
        font-size: 0.9rem;
}

ul.submenu li.submenu-item:first-child{
    margin-top: 1px;
}

.turn-90{
    transform: rotate(90deg)
}

.no-shadow{
    box-shadow: none !important;
}

.z-0{
    z-index: 0 !important;
}

.z-1{
    z-index: 1 !important;
}

.z-2{
    z-index: 4 !important;
}

.z-3{
    z-index: 3 !important;
}

.text-limit{
    text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
}

a{
    color: currentColor;
}

a:hover{
    color: currentColor;
}

/**
* ROUNDED CORNER EXTRAS
*/

.rounded-top{
    border-top-left-radius: .25rem!important;
    border-top-right-radius: .25rem!important;
}

.rounded-bottom{
    border-bottom-left-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important;
}

.rounded-top-left{
    border-top-left-radius: .25rem!important;
}

.rounded-bottom-left{
    border-bottom-left-radius: .25rem!important;
}

.rounded-top-right{
    border-top-right-radius: .25rem!important;
}

.rounded-bottom-right{
    border-bottom-right-radius: .25rem!important;
}

.not-rounded-top-left{
    border-top-left-radius: 0rem!important;
}

.not-rounded-bottom-left{
    border-bottom-left-radius: 0rem!important;
}

.not-rounded-top-right{
    border-top-right-radius: 0rem!important;
}

.not-rounded-bottom-right{
    border-bottom-right-radius: 0rem!important;
}

.not-rounded, .not-rounded-a a{
    border-radius:0px !important;
}

.super-radius{
    border-radius: 10rem !important;
}

/**
* ABSOLUTE OPTIONS
*/

.relative{
    position: relative;
}

.absolute{
    position: absolute;
}

.right-0{
    right: 0;
}

.right-1{
    right: 10px;
}

.right-2{
    right: 20px;
}

.left-0{
    left: 0;
}

.left-1{
    left: 10px;
}

.left-2{
    left: 20px;
}

.top-0{
    top: 0;
}

.top-1{
    top: 10px;
}

.top-2{
    top: 20px;
}


.bottom-0{
    bottom: 0;
}

.bottom-1{
    bottom: 10px;
}

.bottom-2{
    bottom: 20px;
}

/**
* COLORS & BG
*/
.op-0{
        opacity: .0;
}

.op-10{
        opacity: .1;
}

.op-30{
        opacity: .3;
}

.op-50{
        opacity: .5;
}

.op-70{
        opacity: .7;
}

.op-90{
        opacity: .9;
}

.op-100{
        opacity: 1;
}

.no-bg{
    background-color: transparent;
}

/** Purple **/

.bg-purple, .bg-purple-hover:hover{
    background-color:#5849c4;
}

.color-purple{
    color:#5849c4;
}

.border-purple{
    border-color:#5849c4 !important;
}

.bg-dark-purple, .bg-dark-purple-hover:hover{
    background-color:#372eaa;
}

.color-dark-purple{
    color:#372eaa;
}

.color-light-purple{
    color: #d2228b;
}

.bg-light-purple, .bg-light-purple-hover:hover{
    background-color: #d2228b;
}

/** Yellow **/

.border-dark-purple{
    border-color:#372eaa;
}
.bg-yellow{
    background-color: #fab837;
}

/** Pink **/

.color-pink{
    color: #ff3f7b;
}

.bg-pink, .bg-pink-hover:hover{
    background-color: #ff3f7b;
}

/** Blue **/

.color-blue, .color-blue-hover:hover, a.color-blue, a.color-blue-hover:hover{
    color: #006eb1 !important;
}

.bg-blue{
    background-color: #006eb1;
}

.color-soft-blue{
    color:#2aa6dd;
}

.bg-soft-blue{
    background-color: #2aa6dd;
}

.border-soft-blue{
    border-color: #2aa6dd !important;
}

.bg-dark-blue, .bg-dark-blue-hover:hover{
    background-color:#2084b1;
}

.bg-marine-blue{
    background-color:#282f3a;
}

.bg-marine-blue-light, .bg-marine-blue-light-a a, .bg-marine-blue-light-a-hover a:hover, .bg-marine-blue-light-a .list-group-item-action:active{
    background-color:#343b4a !important;
}

.color-marine-gray-light, .color-marine-gray-light-a a{
    color:#9097a7;
}

.color-marine-gray-light-2, .color-marine-gray-light-2-hover:hover, .color-marine-gray-light-2-hover.list-group-item-action:focus{
    color:#c8cddc;
}

.color-marine-gray-light-2-hover.active:hover{
    color:#fff;
}

.color-navy-blue{
    color:#385982;
}

.color-navy-blue-light{
    color: #ccdde1;
}

/** Red **/

.color-red{
    color:#D03E41;
}

.bg-red, .bg-red-hover:hover{
    background-color:#D03E41 !important;
}

.border-red, .border-red-hover:hover{
    border-color:#D03E41 !important;
}

.bg-light-red,.bg-light-red-hover:hover{
    background-color: #e04d50;
}

/** Green **/

.color-green, .color-green li i, .color-green-hover:hover{
    color:#00a99d !important;
}

.border-green, .border-green-hover:hover{
    border-color:#00a99d !important;
}

.bg-green, .bg-green-hover:hover, .bg-green-a-hover a:hover, .bg-green-a-hover a.list-group-item.active{
    background-color: #00a99d !important;
}

.bg-green-gradient{
    background: #00a99d; /* Old browsers */
    background: -moz-linear-gradient(top, #00a99d 0%, #00c99a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #00a99d 0%,#00c99a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #00a99d 0%,#00c99a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a99d', endColorstr='#00c99a',GradientType=0 ); /* IE6-9 */
}

.bg-light-green, .bg-light-green-hover:hover{
    background-color: #00BBAE !important;
}

.bg-blue:hover{
    background-color: #64adec;
}

.bg-dark-green, .bg-dark-green-hover:hover{
    background-color: #00787a;
}


.nav-tabs .nav-link.active {
    border-color: #343b4a !important;
    border-bottom: solid 3px;
}
/** Gray **/

.bg-clean-gray{
    background-color: #f8f9fa;
}

.color-clean-gray{
    color:#f8f9fa;
}

.bg-soft-gray, .bg-soft-gray-hover:hover{
    background-color: #b3b3b3;
}

.bg-clean-gray-2{
    background-color: #edefef;
}

.color-soft-gray, .color-soft-gray-a a{
    color: #b3b3b3;
}

.border-soft-gray{
    border-color: #b3b3b3 !important;
}

.bg-darker-gray {
    background-color: #1e2321;
}

.bg-dark-gray, .bg-dark-gray-a a{
    background-color: #2a302d;
}

.color-gray, .color-gray-a a{
    color:#363636;
}

.bg-gray, .bg-gray-hover:hover{
    background-color: #363636;
}

.color-light-gray, .color-light-gray a{
    color:#636363 !important;
}

.bg-light-gray, .bg-light-gray-hover:hover{
    background-color: #636363;
}

.color-text-gray{
    color:#adadad;
}

/** White **/

.color-white, .color-white a{
    color: white !important;
}

.color-white-hover:hover{
    color: white !important;
}

.filter-option-inner-inner span.color-white {
        color: #3e3e3e;
}

.bg-white, .bg-white-hover:hover{
    background-color: white;
}

.boder-white, .border-white-hover:hover{
    border-color:white !important;
}

.bg-transparent{
    background-color: rgba(0,0,0,0) !important;
}
.bg-white-10,
.bg-white-10-hover:hover,
.bg-white-10 a:hover,
.bg-white-10-active a.list-group-item.active {
    background-color: rgba(255,255,255,0.1) !important;
}

.outline-white{
    border: 1px solid white;
}

.outline-white-50{
    border: 1px solid rgba(255,255,255,0.5);
}

.outline-white-20{
    border: 1px solid rgba(255,255,255,0.2);
}

.current-color-bg, .bg-currentColor, .dropdown-item.active.bg-currentColor, .dropdown-item.bg-currentColor:active {
        background-color: currentColor;
}

.current-color-fg, .color-currentColor, .color-currentColor-hover:hover, .color-currentColor-hover >i:hover {
        color: currentColor!important;
}

.current-color-border, .boder-currentColor {
        border-color: currentColor!important;
}

.dropdown-menu .bg-currentColor-hover:hover {
filter: brightness(1.02) invert();
        background-color: currentColor;
}

.bg-currentColor-hover:hover, .btn.bg-currentColor:hover {
filter: brightness(1.05) invert();
        background-color: currentColor;
}

/**
* FONTS
*/

.fw-300{
    font-weight: 300;
}

.fw-400{
    font-weight: 400;
}

.fw-500, .fw-500 span{
    font-weight: 500;
}

.fw-600{
    font-weight: 600;
}

.fw-700{
    font-weight: 700;
}

.fs-25{
    font-size: 25% !important;
}

.fs-30{
    font-size: 30% !important;
}

.fs-35{
    font-size: 35% !important;
}

.fs-40{
    font-size: 40% !important;
}

.fs-45{
    font-size: 45% !important;
}

.fs-50{
    font-size: 50% !important;
}

.fs-55{
    font-size: 55% !important;
}

.fs-60{
    font-size: 60% !important;
}

.fs-65{
    font-size: 65% !important;
}

.fs-70{
    font-size: 70% !important;
}

.fs-75{
    font-size: 75% !important;
}

.fs-80{
    font-size: 80% !important;
}

.fs-100{
    font-size: 100% !important;
}

.fs-110{
    font-size: 110% !important;
}

.fs-120{
    font-size: 120% !important;
}

.fs-150{
    font-size: 150% !important;
}

.fs-200{
    font-size: 200% !important;
}

.fs-250{
    font-size: 250% !important;
}

.fs-300{
    font-size: 300% !important;
}

/**
* BORDERS
*/

.border-top{
    border-top: 1px solid #DFDFDF;
}

.no-border-top{
    border-top: 0px;
}

.border-bottom{
    border-bottom: 1px solid #DFDFDF;
}

.no-border-bottom{
    border-bottom: 0px;
}

.border-left{
    border-left: 1px solid #DFDFDF;
}

.no-border-left{
    border-left: 0px;
}

.border-right{
    border-right: 1px solid #DFDFDF;
}

.no-border-right{
    border-right: 0px !important;
}

.border-y{
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
}

.no-border-y{
    border-top: 0px;
    border-bottom: 0px;
}

.border-x{
    border-right: 1px solid #DFDFDF;
    border-left: 1px solid #DFDFDF;
}

.no-border-x{
    border-right: 0px;
    border-left: 0px;
}

.border{
    border: 1px solid #DFDFDF;
}

.no-border, .no-border-a a, .no-border-hover:hover{
    border:none;
}

/**
 * STICKY ELEMENT
 */
.sticky-element {
        z-index: 12;
}

/**
 * SHADOWS
 */

.no-box-shadow {
        box-shadow: none !important;
}

.label-fix-001 {
        min-width: 70px!important;
}

.input-icon i {
        position: absolute;
        margin: 10px 0px 0px 12px !important;
        color: #495057!important;
}
.input-icon input {
        padding-left: 36px !important;
}

/**
* EXPLORE
*/

.popover-body{
    overflow:auto;
    max-height: 300px;
}

.avatar-author-timespace{
    left: 20px;
    bottom: -4px;
}

.avatar-author-timespace img{
    width: 60px;
    height: 60px;
    object-fit: cover;
    border: 3px solid white;
}

a.timespace-favorite-button[data-timespace-favorite="1"] {
    background-color: #D03E41 !important;
}

/**
* DASHBOARD
*/
.badge-tab-menu {
    font-size: 12px;
        font-family: sans-serif;
        left: 34px;
        top: 1px;
}

.dashboard-tabs ul {
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
}

.dashboard-tabs i {
    font-size: 24px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        border-color: #00a99d !important;
}

.dashboard-tabs .nav-tabs .nav-item .nav-link {
/*  border-bottom: 6px solid #DFDFDF;*/
    border-bottom: 6px solid white;
    font-size: 14px;
    font-weight: 600;
    transition: 0.5s ease;
}

.dashboard-avatar-wrap {
    width: 100%;
    height: 170px;
    background: url('../images/avatar.jpg');
    background-position: center center;
    background-size: cover;
}

.nav-tabs {
    border:none;
}

.nav-tabs .nav-link {
    border: none;
}


/**
* EDIT TIMELINE
*/

/** Modals **/

label.icon-choice {
    cursor: pointer;
    filter: grayscale(100%);
    transition: 0.2s ease-in;
}

label.icon-choice img {
    width: 85px;
}

label.icon-choice:hover {
    filter: grayscale(0);

}
input[type="radio"]:checked + label {
    filter: grayscale(0);
}



/** General **/

.dropdown-menu.dropdown-timeline-list{
    right:0 !important;
    left: auto;;
}

.img-event-type.img-event-period{
        display:none;
}

.box-preview-event-type-mb{
        border: 2px dotted #e3e3e3;
}

.colorpicker-timelinefy .dropdown-menu{
        padding: .3rem;
        margin: .5rem 0 0;
}

.btn.dropdown-toggle.btn-light{
    padding: 0.3rem .75rem;
}

.timeline-edit-title{
    font-size: 18px;
}

h5.card-title{
    font-size:15px !important;
}

.line-images ul{
    min-height: 46px;
}

.action-line-event{
    width: 42px !important;
}

.timeline-line-event-main-info li .line-img-thumbnail{
    width: 46px;
        height: 46px;
        border: 4px solid;
        margin-right: -30px;
    transition: 0.5s;
}

.timeline-line-event-main-info li img.line-img-thumbnail:hover{
    -moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
}

.timeline-line-event-main-info li:last-child .line-img-thumbnail{
        margin-right: 0px;
}

.timeline-line-event-main-info li.agroup-item:nth-child(4) .line-img-thumbnail{
        border-width: 2px;
    display: inline-block !important;
    width: 41px;
        height: 41px;
    line-height: 33px;
    margin-left: 20px;
    font-weight: 500;
}



.timeline-line-box{
    border-top: 1px solid #DFDFDF !important;
    border-right: 1px solid #DFDFDF !important;
    border-bottom: 1px solid #DFDFDF !important;
    border-left: 5px solid;
}

.timeline-line-date{
    width: 100px;
    height: 100px;
    border:6px solid;
}

.timeline-event .card{
    min-height: 94px;
}

.timeline-line-date span{
    font-size: 22px;
        line-height: 26px;
}

.timeline-line-date p{
    font-weight: 500;
}

.timeline-year:before {
    content: "";
    display: block;
    border-top: solid 1px #DFDFDF;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    z-index: 0;
}
.timeline-year a {
    z-index: 1 !important;
}

.buttons-inside-lines a{
    font-size: 14px;
}

label{
    font-weight: 500;
}

.reset_filters_button{
    margin-top:31px;
}

.arrow-search-box{
    margin-top:42px;
    margin-left: 5px;;
}

.card-edit-timeline ul li{
    line-height: 2.5rem;
}

#edit-info i{
    padding-top: 17px;
}

.ul-tags-edit li button i{
    font-size:13px;
}

a#edit-info{
        padding-right: 20px;
}

.button-edit{
    display: none;
    position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    z-index:999;
}

.card-edit-hover:hover{
    border: 1px solid rgba(0,169,157,.8);
        outline: 0;
        outline: thin dotted \9;
        -moz-box-shadow: 0 0 12px rgba(0,169,157,.6);
        box-shadow: 0 0 12px rgba(0,169,157,.8) !important;
}


/**
* TIMELINE LIST
*/

ul.ul-tags-filter li .btn-group .btn-sm{
    padding: .10rem .5rem !important;
}
/*

.buttons-list-timeline{
    min-width: 120px;
    max-width: 120px;
}

a.edit-timeline-button{
    height: 115px !important;
}

a.edit-timeline-button i{
    font-size: 22px;
}

.edit-timeline-button span{
    font-size: 15px;
    line-height: 10px !important;
}
*/

.button-timeline-list{
    min-height: 94px;
}

.stats-wrap ul li a{
        padding: 2px 14px;
}

.timeline-dropdown{
    right: 14px;
    top: 14px;
    z-index: 9999;
}

.timeline-avatar{
    display: block;
    width: 200px;
    height: 200px;
    background-image: url(../images/header.png);
    background-position: center center;
    background-size: cover;
}

.timeline-avatar-3{
    width: 220px;
    height: 220px;
}

.timeline-cover .position-absolute{
    z-index: 0;
}

.timeline-cover{
        min-height: 210px;
}

.timeline-cover > div {
z-index: 1;
}

.new-timeline-cover{
    min-height: 150px;
}

.timeline-description{
    min-height: 155px;
}

.title-tags{
    position: relative;
        padding-left: 251px;
        padding-top: 120px;
        z-index: 999;
}

.title-tags-4{
    position: absolute;
        bottom: 14px;
    left: 20px;
        z-index: 999;
}

.timeline-description{
    padding: 16px 16px 0px 267px !important;
}

.timeline-cover-gradient {
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(184,184,184,0) 28%, rgba(0,0,0,0.85) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(28%, rgba(184,184,184,0)), color-stop(100%, rgba(0,0,0,0.85)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(184,184,184,0) 28%, rgba(0,0,0,0.85) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(184,184,184,0) 28%, rgba(0,0,0,0.85) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(184,184,184,0) 28%, rgba(0,0,0,0.85) 100%);
/*  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(184,184,184,0) 28%, rgba(0,0,0,0.85) 100%);*/
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(184,184,184,0) 57%, rgba(0,0,0,0.85) 104%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
        display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 0 !important;
}

.timeline-action-buttons-wrap{
    bottom:-1rem;
}

.timeline-action-button{
    width: 40px;
    height: 40px;
}

.timeline-cover-image {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0 !important;
        overflow: hidden;
}

.timeline-cover-image img {
        width: 100%;
        height: 100%;
        position: absolute;
        object-fit: cover;
}

.timeline-cover .align-self-end{
    padding-bottom: 65px;
}

.timeline-cover h5.card-title{
    font-size:28px !important;
}

.dropdown-toggle::after {
        display:none
}

/**
    * SWITCH
*/

.switch {
    position: relative;
    display: inline-block;
    width: 49px;
    height: 28px;
}

.switch input {display:none;}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #00a99d;
}

input:focus + .slider {
    box-shadow: 0 0 1px #00a99d;
}

input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}



/**
 * HEADER
 */

 header .navbar {
        height: 60px;
        -webkit-box-shadow: 0 3px 3px 0 rgba(54,54,54,0.15);
        box-shadow: 0 3px 3px 0 rgba(54,54,54,0.15);
 }

 header .navbar button.navbar-toggler {
        position: absolute;
        right: 0px;
        top: -5px;
        float: right;
 }

header .navbar .brand {
        margin: 0px;
        padding: 0px;
        width: 180px;
        height: 44px;
        background-image: url('../images/logo.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
}

header .navbar .brand-color {
        background-image: url('../images/logo-white.png');
}

.brand {
        margin: 0px;
        padding: 0px;
        width: 180px;
        height: 44px;
        background-image: url('../images/logo.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
}

.brand-color {
        background-image: url('../images/logo-white.png');
    width: 146px;
}

header .navbar .navbar-toggler {
        position: fixed;
}

header .logo-mobile {
        width: 100%;
        height: 100%;
        background-image: url('../images/logo-white.png');
        background-repeat: no-repeat;
        background-size: auto 30px;
        background-position: left center;
}

img.image-profile {
    max-height: 24px;
}

/**
 * MENU COLAPSE
 */

div#interface-menu i {
        text-align: center;
        min-width: 20px;
}

div#interface-menu div#nav-burger-mobile {
        display: none;
}

div#interface-content.menu-collapsed {
        min-width: 100% !important;
        padding-left:64px !important;
        z-index: 0;
        -webkit-animation: interface-content-collapsed-fx 0.3s ease-in-out;
        -moz-animation: interface-content-collapsed-fx 0.3s ease-in-out;
        -o-animation: interface-content-collapsed-fx 0.3s ease-in-out;
        animation: interface-content-collapsed-fx 0.3s ease-in-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
}

        @-webkit-keyframes interface-content-collapsed-fx {
                from { padding-left:0px; }
                to { padding-left:64px; }
        }

        @keyframes interface-content-collapsed-fx {
                from { padding-left:0px; }
                to { padding-left:64px; }
        }

div#interface-menu.menu-collapsed {
        width: 64px;
        position: fixed;
        top: 0px;
        z-index: 1;
        overflow: hidden;
        -webkit-animation: interface-menu-collapsed-fx 0.3s ease-in-out;
        -moz-animation: interface-menu-collapsed-fx 0.3s ease-in-out;
        -o-animation: interface-menu-collapsed-fx 0.3s ease-in-out;
        animation: interface-menu-collapsed-fx 0.3s ease-in-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
}

        @-webkit-keyframes interface-menu-collapsed-fx {
                from { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; }
                to { -webkit-transform: translateX(0); transform: translateX(0); }
        }
        @keyframes interface-menu-collapsed-fx {
                from { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; }
                to { -webkit-transform: translateX(0); transform: translateX(0); }
        }


div#interface-menu.menu-collapsed ul.submenu.collapse.show {
        display: none !important;
}

div#interface-menu.menu-collapsed div.col-md-2 {
        max-width: 64px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
}

div#interface-menu.menu-collapsed .brand-color {
        background-clip: border-box;
        background-attachment: local;
        background-position: left center;
        background-size: 154.2px 26.4px;
        width: 46px !important;
}

        div#interface-menu.menu-collapsed ul.list-inline {
                max-width: 64px;
                padding-left: 0px !important;
                padding-right: 0px !important;
                margin-left: 0px !important;
                margin-right: 0px !important;
        }

                div#interface-menu.menu-collapsed ul.list-inline li.list-item {
                        max-width: 64px;
                        padding-left: 0px !important;
                        padding-right: 0px !important;
                }

                        div#interface-menu.menu-collapsed ul.list-inline li.list-item a {
                                width: 100%;
                                justify-content: center !important;
                                padding-left: 0px !important;
                                padding-right: 0px !important;
                                margin-left: 0px !important;
                                margin-right: 0px !important;
                        }

                                div#interface-menu.menu-collapsed ul.list-inline li.list-item a i {
                                        padding-left: 0px !important;
                                        padding-right: 0px !important;
                                        margin-left: 0px !important;
                                        margin-right: 0px !important;
                                }

                                div#interface-menu.menu-collapsed ul.list-inline li.list-item a span {
                                        display: none;
                                }

/**
 * MENU MOBILE
 */

body[data-bs-grid="sm"] div#interface-menu.menu-collapsed div#nav-burger-mobile,
body[data-bs-grid="md"] div#interface-menu.menu-collapsed div#nav-burger-mobile
{
        display: block;
}

body[data-bs-grid="sm"] div#interface-menu.menu-collapsed,
body[data-bs-grid="md"] div#interface-menu.menu-collapsed {
        width: 100% !important;
        max-width: 100% !important;
        position: fixed;
        top: 0px;
        z-index: 1;
        display: block !important;
}

body[data-bs-grid="sm"] div#interface-menu.menu-collapsed .logo-area,
body[data-bs-grid="md"] div#interface-menu.menu-collapsed .logo-area
{
        justify-content: flex-start !important;
        padding-left: 15px !important;
}

body[data-bs-grid="sm"] div#interface-menu.menu-collapsed .brand-color,
body[data-bs-grid="md"] div#interface-menu.menu-collapsed .brand-color
{
     width: 200px !important;
     background-size: contain !important;
}

body[data-bs-grid="sm"] div#interface-menu.menu-collapsed ul.list-inline,
body[data-bs-grid="md"] div#interface-menu.menu-collapsed ul.list-inline {
        width: 100% !important;
        min-width: 100% !important;
}

body[data-bs-grid="sm"] div#interface-menu.menu-collapsed ul.list-inline li.list-item,
body[data-bs-grid="md"] div#interface-menu.menu-collapsed ul.list-inline li.list-item
{
        width: 100% !important;
        min-width: 100% !important;

}

body[data-bs-grid="sm"] div#interface-menu.menu-collapsed ul.list-inline li.list-item a,
body[data-bs-grid="md"] div#interface-menu.menu-collapsed ul.list-inline li.list-item a {
        padding-left: 20px !important;
        padding-right: 10px !important;
        display: inline-block !important;
        justify-content: space-between !important;
}

        body[data-bs-grid="sm"] div#interface-menu.menu-collapsed ul.list-inline li.list-item a span,
        body[data-bs-grid="md"] div#interface-menu.menu-collapsed ul.list-inline li.list-item a span
        {
                display: inline-block !important;
                height: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
        }

        body[data-bs-grid="sm"] div#interface-menu.menu-collapsed ul.list-inline li.list-item a i,
        body[data-bs-grid="md"] div#interface-menu.menu-collapsed ul.list-inline li.list-item a i
        {
                width: 32px !important;
                display: inline-block !important;
                padding-left: none !important;
                padding-right: none !important;
                margin-left: none !important;
                margin-right: 10px !important;
        }

        body[data-bs-grid="sm"] div#interface-menu.menu-collapsed ul.list-inline li.list-item a span.subitem-marker,
        body[data-bs-grid="md"] div#interface-menu.menu-collapsed ul.list-inline li.list-item a span.subitem-marker
        {
                float: right;
        }

                body[data-bs-grid="sm"] div#interface-menu.menu-collapsed ul.list-inline li.list-item a span.subitem-marker i,
                body[data-bs-grid="md"] div#interface-menu.menu-collapsed ul.list-inline li.list-item a span.subitem-marker i {
                        width: auto !important;
                        margin: 0 !important;
                }


        body[data-bs-grid="sm"] div#interface-menu.menu-collapsed ul.list-inline li.list-item a span.active-dot,
        body[data-bs-grid="md"] div#interface-menu.menu-collapsed ul.list-inline li.list-item a span.active-dot
        {

                margin: 0px 0px 0px 0px !important;
        }

                body[data-bs-grid="sm"] div#interface-menu.menu-collapsed ul.list-inline li.list-item a span.active-dot i,
                body[data-bs-grid="md"] div#interface-menu.menu-collapsed ul.list-inline li.list-item a span.active-dot i
                {
                float: left !important;
                margin-top: -8px;
                }



/**
 * FOOTER
 */

 footer {
    position: relative;
    bottom: 0;
    width: 100%;
 }

/**
 * BREADCRUMBS
 */
.breadcrumb-right-arrow .breadcrumb-item+.breadcrumb-item::before {
        content: "›";
        vertical-align: top;
        font-size:20px;
        line-height:23px;
        color: #868e96!important;
}

/**
 * DATETIME-PICKER
 */

 input.datetime-picker:disabled {
        background-color: #fff !important;
        padding: 0px;
        border: none!important;
        font-size: 15px;
        font-weight: 400;
        color: #646464;
 }

/**
* GLOSSARY TERM IN EDITOR
*/
div.trumbowyg-editor .toptooltip{
    text-decoration: dotted underline;
    text-decoration-color: #36adcc;
}
mark, mark.toptooltip {
    /* text-decoration: dotted underline;
    text-decoration-color: #36adcc; */
}


/**
 * LOADING MODAL
 */

.loading_modal {

}
.loading_modal .modal-dialog {
    display: none;
}

/**
 * CUSTOM FORM CONTROLS
 */

.form-control-clean,
.form-control-clean:focus {
    border-color: transparent !important;
    box-shadow: none !important;
    outline: 0 none !important;
}

label.required:after {
    content: "*";
    font-size: 15px;
    font-weight: 800;
    color: #dc3545;
    padding-left: 5px;
}

div.required:after {
    content: "*";
    font-size: 15px;
    font-weight: 800;
    color: #dc3545;
    padding-left: 5px;
}
.custom-file-label::after {
        content: "";
        display: none;
}

/**
 * IMAGE PREVIEW INPUT FILE
 */
.image-preview-input {
        position: relative;
        overflow: hidden;
        margin: 0px;
}
.image-preview-clear {
        position: relative;
}
.image-preview-input input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        background-color: #fff;
        filter: alpha(opacity=0);
}

.image-preview-area {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        min-height: 120px;
}

.image-preview-area.loaded {
        background-image: none !important;
        min-height: auto !important;
        border: none !important;
}


/**
 * VIDEO PREVIEW
 */
div.block-video-link-preview {
        max-width: 380px;
        max-height: auto !important;
}
div.block-video-link-preview iframe {
        max-width: 100% !important;
        max-height: 100% !important;
}


/**
 * DRAGULA
 */

.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 15 !important;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}
.gu-hide {
    display: none !important;
}
.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
.gu-transit {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
}

.handle {
        cursor: move;
}

/*
.handle:hover * {
        color: #000000;
}
*/

/**
* EDITOR BLOCKS
*/

.trumbowyg-box, .trumbowyg-editor{
    min-height: 120px !important;
}

/**
 * TOASTR
 */
#toast-container > .toast {
        background-image: none !important;
        padding-left: 68px;
}
#toast-container div.toast-title {
        margin: -3px 10px 0px 0px;
        padding: 0px 0px 0px 0px;
}
#toast-container > .toast:before {
        position: absolute;
        font-family: 'Font Awesome 5 Pro';
        font-size: 48px;
        float: left;
        color: #FFF;
        left: 10px;
        top: 0px;
        margin: 0px 0px 0px 0px;
}
#toast-container > .toast-warning:before {
        content: "\f003";
        color: rgba(255,255,255,0.5);
}
#toast-container > .toast-error:before {
        content: "\f057";
        color: rgba(255,255,255,0.5);
}
#toast-container > .toast-info:before {
        content: "\f059";
        color: rgba(255,255,255,0.5);
}
#toast-container > .toast-success:before {
        content: "\f058";
        color: rgba(255,255,255,0.5);
}
#toast-container > .toast-success{
    background-color: rgba(0,169,157,1);
}
#toast-container>div{
    opacity: 0.9;
}

#toast-container > div:hover {
        box-shadow: none;
        opacity: 1;
        cursor: pointer;
}

#toast-container > .toast:before {
        position: absolute;
        font-family: 'Font Awesome 5 Pro';
        font-size: 32px;
        float: left;
        color: #FFF;
        left: 15px;
        top: 0px;
        margin: 0px 0px 0px 0px;
        line-height: 76px;
}

.of-contain{
    max-height: 200px;
    object-fit: cover;
    object-position: initial;
}

.p-top-10 {
    padding-top: 10px;
}

.ml-5{
    margin-left: 5px;
}

.menu {
    position: absolute;
    width: 200px;
    padding: 2px;
    margin: 0;
    border: 1px solid #bbb;
    background: #eee;
    background: -webkit-linear-gradient(to bottom, #fff 0%, #e5e5e5 100px, #e5e5e5 100%);
    background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100px, #e5e5e5 100%);
    z-index: 99999;
    border-radius: 3px;
    box-shadow: 1px 1px 4px rgba(0,0,0,.2);
    opacity: 0;
    -webkit-transform: translate(0, 15px) scale(.95);
    transform: translate(0, 15px) scale(.95);
    transition: transform 0.1s ease-out, opacity 0.1s ease-out;
    pointer-events: none;
    display: none;

}

.menu-item {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.menu-btn {
    display: block;
    color: #444;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 8px;
    border-radius: 3px;
}

button.menu-btn {
    background: none;
    line-height: normal;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: 100%;
    text-align: left;
}

a.menu-btn {
    outline: 0 none;
    text-decoration: none;
}

.menu-text {
    margin-left: 25px;
}

.menu-btn .fa {
    position: absolute;
    left: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-item:hover > .menu-btn {
    color: #fff;
    outline: none;
    background-color: #2E3940;
    background: -webkit-linear-gradient(to bottom, #5D6D79, #2E3940);
    background: linear-gradient(to bottom, #5D6D79, #2E3940);
    border: 1px solid #2E3940;
}

.menu-item-disabled {
    opacity: .5;
    pointer-events: none;
}

.menu-item-disabled .menu-btn {
    cursor: default;
}

.menu-separator {
    display:block;
    margin: 7px 5px;
    height:1px;
    border-bottom: 1px solid #fff;
    background-color: #aaa;
}

.menu-item-submenu::after {
    content: "";
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-left-color: #808080;
}

.menu-item-submenu:hover::after {
    border-left-color: #fff;
}

.menu .menu {
    top: 4px;
    left: 99%;
}

.menu-show,
.menu-item:hover > .menu {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    pointer-events: auto;

}

.menu-item:hover > .menu {
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.story-content-button{
    background: #edefef;
    border-color: #edefef;
    color: #282828;
    height: 100px;
}

.story-content-button:hover{
    background: #282828;
    border-color: #282828;
    color: #edefef;
    height: 100px;
    transition: .5s;

}
.alert-saved{
    bottom: 15px;
    left: 15px;
    position: fixed;
    width: 100px;
    height: 50px;
    border-radius: 5px;
    opacity: 0;
    background-color: #f2f2f2;
    display: block !important;

}

.lds-dual-ring {
    display: inline-block;
    width: 32px;
    height: 32px;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 26px;
    height: 26px;
    margin: 1px;
    border-radius: 50%;
    border: 5px solid #818181;
    border-color: #818181 transparent #818181 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}



.alert-show{
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s;
}

.alert-leave{
    opacity: 0;
    animation-name: fadeOutOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s;
}

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeOutOpacity {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.border-round{
    border-radius: 12px;
    color: #a1a29f;
    border: 5px solid #dee2e6!important;
}

wb-break-all{
    word-break:break-all;
}

/**
 * Small devices (landscape phones, 576px and up)
 */
 @media (max-width: 576px) {

 }

/**
 * Medium devices (tablets, 768px and up)
 */
 @media (max-width: 768px) {

   .card-help i.fa-angle-right{
     transform: rotate(90deg);
   }

     .cover-upload{
        height: 230px;
}
     .drop .cont {
         width: 100%;
     }

     .drop .cont .browse {
    margin: 1.3rem 1.25rem;
     }

    .mn-date {
        margin-bottom: -50px;
        z-index: 1;
    }

    .event-custom-rounded {
        border-top-left-radius: .25em!important;
        border-top-right-radius: .25em!important;
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }

    .event-custom-rounded::before {
        content: "";
        background-color: currentcolor!important;
        height: 8px;
        width: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        border-top-left-radius: .25em!important;
        border-top-right-radius: .25em!important;
    }

    .event-custom-rounded-btns {
        border-top-left-radius: 0!important;
        border-top-right-radius: 0!important;
        border-bottom-left-radius: .25em!important;
        border-bottom-right-radius: .25em!important;
    }

    .event-custom-rounded-btns a:first-child {
        border-top-left-radius: 0!important;
        border-top-right-radius: 0!important;
        border-bottom-left-radius: .25em!important;
        border-bottom-right-radius: 0!important;
    }

    .event-custom-rounded-btns a:last-child {
        border-top-left-radius: 0!important;
        border-top-right-radius: 0!important;
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: .25em!important;
    }

    .custom-image-thumb img {
        width: 46px;
        height: 46px;
        border: 4px solid #FFFFFF;
        margin:0px;
        margin-left: -12px;
    }

    .custom-image-thumb label {
        width: 46px;
        height: 46px;
        font-size: 14px;
        line-height: 40px;
        border-radius: 50%;
        background-color: #FFFFFF;
        border: 3px solid #FFFFFF;
        display: block;
        margin:0px;
        margin-left: 6px;
        text-align: center;
    }

    .responsive-clean-card {
        border-radius: 0!important;
        border: 0!important;
    }

     .box-preview-event-type .img-event-type.img-event-point{
    display:none;
}

}

@media (min-width: 768px) {

    .event-type-label{
    margin-bottom: -2rem;
}

    .event-custom-rounded {
        border-top-left-radius: .25em!important;
        border-top-right-radius: 0!important;
        border-bottom-left-radius: .25em!important;
        border-bottom-right-radius: 0!important;
    }

    .event-custom-rounded::after {
        content: "";
        background-color: currentcolor!important;
        width: 8px;
        height: 100%;
        position: absolute;
        left: 17px;
        top: 0px;
        border-top-left-radius: .25em!important;
        border-bottom-left-radius: .25em!important;
    }

    .event-custom-rounded-btns {
        border-top-left-radius: 0!important;
        border-top-right-radius: .25em!important;
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: .25em!important;
    }

    .event-custom-rounded-btns a:first-child {
        border-top-left-radius: 0!important;
        border-top-right-radius: .25em!important;
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }

    .event-custom-rounded-btns a:last-child {
        border-top-left-radius: 0!important;
        border-top-right-radius: 0!important;
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: .25em!important;
    }

    .custom-image-thumb img {
        width: 46px;
        height: 46px;
        border: 4px solid #FFFFFF;
        margin:0px;
        margin-left: -12px;
    }

    .custom-image-thumb label {
        width: 46px;
        height: 46px;
        line-height: 40px;
        font-size: 14px;
        border-radius: 50%;
        background-color: #FFFFFF;
        border: 3px solid #FFFFFF;
        display: block;
        margin:0px;
        margin-left: 6px;
        text-align: center;
    }

    .modal-lg {
        max-width: 90% !important;
    }

    #cropCircleModal > div.modal-lg {
        max-width: 800px !important;
    }
    #cropModal > div.modal-lg {
        max-width: 800px !important;
    }


}

/**
 * Large devices (desktops, 992px and up)
 */
 @media (max-width: 992px) {

    .block-full {
        width: 100%!important;
    }

 }

/**
 * Extra large devices (large desktops, 1200px and up)
 */
 @media (max-width: 1200px) {

 }

.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  opacity: .5;
}

.hr-text::before {
    content: '';
    background: linear-gradient(to right, transparent, #818078, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
}

.hr-text::after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: black;

    padding: 0 .5em;
    line-height: 1.5em;
    color: #818078;
    background-color: #fcfcfa;
}

.block-audio-preview-audio-uploaded {
    min-width: 210px;
}


/* SPOTIFY SEARCH BOX */
.select2-result-spotify {
    width: 100%;
    display: flex;
}

.select2-result-spotify__image {
    flex: 1;
}

.select2-result-spotify__image__img {
    width: 80px;
    height: 80px;
}

.select2-result-spotify__meta {
    flex: 3;
}

.select2-result-spotify__description {
    font-size: 0.7em;
}

#loadingDIV {
    position:fixed;
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 999999999;
}

#loadingDIV .content {
    background: white;
    width: 500px;
    height: 300px;
    top: 35%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
}

/* Filter Accordion */
.filterAccordion .card-header {
    cursor: pointer;
}

.clipboard-btn {
    position: absolute;
    bottom: 0;
    right: 0;
}