/* RESULT SEARCH */
.j_term_content {
    position: absolute!important;
    /*top: 100%;*/
    left: 0;
    width: 100%;
    background: #FFF;
    /*border: 1px solid rgba(0, 0, 0, 0.2);*/
    border-radius: 1px;
    margin-top: 0px;
    overflow: hidden;
    z-index: 100;
}

.j_term_content_item{
    display: flex;
    padding: 10px;
    border-bottom: 0.5px solid #b5b4b4;
}

.j_term_content_item:hover{
    transition: transform 0.4s!important;
    background-color: rgba(243, 243, 243, 0.5);
}

.j_term_content_item_description{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.j_term_content_item_description p{
    font-size: 1.1em;
    float: left;
    margin: 0px 5px 0px 5px;
}

.j_term_content_item_description  a{
    color: #989898;
    text-decoration: none;
}

.j_term_content_item_description a:hover{
    text-decoration: underline;
    /*font-size: 20px!important;*/
    transition: transform 0.4s!important;
}


/* MESSAGE */
.message {
    border-radius: 4px;
    width: 100%;
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    background: #555555;
    color: #ffffff;
    font-size: 1rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    transition-duration: 0.3s;
    margin-bottom: 20px;
    border: 0px solid #333333;
}
.message p {
    flex-basis: 100%;
    width: 100%;
    display: block;
}

.message-green {
    color: #ffffff;
    background-color: #36BA9B;
    border-color: #2d9a81;
}

.message-blue {
    color: #ffffff;
    background-color: #39AED9;
    border-color: #2699c4;
}

.message-yellow {
    color: #ffffff;
    background-color: #F5B946;
    border-color: #f3aa1f;
}

.message-red {
    color: #ffffff;
    background-color: #D94352;
    border-color: #ca2939;
}

.message-orange {
    color: #ffffff;
    background-color: #F4645F;
    border-color: #f13f39;
}

/* MESSAGE AJAX */

.ajax_response {
    z-index: 10000;
    position: fixed;
    padding: 20px 20px 0 0;
    top: 0;
    right: 0;
    width: 400px;
    max-width: 100%;
}
.ajax_response .message {
    background: #333333;
    font-size: 1rem;
    font-weight: 100;
    border-radius: 4px;
    color: #ffffff;
    overflow: hidden;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px 15px 20px 15px;
    margin-bottom: 15px;
    position: relative;
    cursor: pointer;
}
.ajax_response .message:before {
    flex-basis: 0%;
    margin: -5px 15px 0 0 !important;
    font-size: 2.4em;
    color: rgba(0, 0, 0, 0.5);
}
.ajax_response .message.success {
    background: #36BA9B;
}
.ajax_response .message.info {
    background: #39AED9;
}
.ajax_response .message.warning {
    background: #F5B946;
}
.ajax_response .message.error {
    background: #D94352;
}
.ajax_response .message_time {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 4%;
    height: 5px;
    background: rgba(0, 0, 0, 0.5);
}


/* FLEX-TABLE */

.flex-table.is-compact .flex-table-item{
    margin-bottom:0;border-radius:0
}
.flex-table.is-compact .flex-table-item:not(:last-child){
    border-bottom:none
}
.flex-table.is-compact .flex-table-item:nth-child(2){
    border-radius:8px 8px 0 0
}
.flex-table.is-compact .flex-table-item:last-child{
    margin-bottom:6px;border-radius:0 0 8px 8px
}
.flex-table .flex-table-header{display:flex;align-items:center;padding:0 10px
}
.flex-table .flex-table-header span{flex:1 1 0px;display:flex;align-items:center;font-size:.8rem;font-weight:600;color:#777;text-transform:uppercase;padding:0 10px 10px 10px
}
.flex-table .flex-table-header span.is-checkbox{display:flex;justify-content:center;align-items:center;width:30px;max-width:30px
}
.flex-table .flex-table-header span.is-checkbox .checkbox{
    padding:0
}
.flex-table .flex-table-header span.is-checkbox .checkbox>span{
    height:22px
}
.flex-table .flex-table-header span.cell-center{justify-content:center
}
.flex-table .flex-table-header span.cell-end{justify-content:flex-end
}
.flex-table .flex-table-header span.is-grow{flex-grow:2
}
.flex-table .flex-table-header span.is-grow-lg{flex-grow:3
}
.flex-table .flex-table-item{display:flex;align-items:stretch;width:100%;min-height:60px;background:#fff;border-radius:5px;border:1px solid #e5e5e5;padding:5px;margin-bottom:6px
}
.flex-table .flex-table-item.is-row{
    border:none;background:transparent
}
.flex-table .flex-table-item .flex-table-cell{flex:1 1 0px;display:flex;align-items:center;padding:0 10px;font-family:"Roboto",sans-serif
}
.flex-table .flex-table-item .flex-table-cell.is-grow{flex-grow:2
}
.flex-table .flex-table-item .flex-table-cell.cell-center{justify-content:center
}
.flex-table .flex-table-item .flex-table-cell.cell-end{justify-content:flex-end; min-width: 25%!important;
}
.flex-table .flex-table-item .flex-table-cell.cell-end .button.has-dot .dot{
    position:relative;top:1px;font-size:4px;margin:0 6px
}
.flex-table .flex-table-item .flex-table-cell.cell-end .action-link{
    font-size:.9rem
}
.flex-table .flex-table-item .flex-table-cell.is-bold>span{
    font-family:"Montserrat",sans-serif;font-size:.9rem;font-weight:600
}
.flex-table .flex-table-item .flex-table-cell.is-checkbox{display:flex;justify-content:center;align-items:center;width:30px;max-width:30px
}
.flex-table .flex-table-item .flex-table-cell.is-checkbox .checkbox{
    padding:0;margin-left:4px
}
.flex-table .flex-table-item .flex-table-cell.is-user,.flex-table .flex-table-item .flex-table-cell.is-media{
    padding-left:0
}
.flex-table .flex-table-item .flex-table-cell.is-user.is-grow,.flex-table .flex-table-item .flex-table-cell.is-media.is-grow{flex-grow:2
}
.flex-table .flex-table-item .flex-table-cell.is-user.is-grow-lg,.flex-table .flex-table-item .flex-table-cell.is-media.is-grow-lg{flex-grow:3
}
.flex-table .flex-table-item .flex-table-cell.is-user>div span:not(.avatar),.flex-table .flex-table-item .flex-table-cell.is-media>div span:not(.avatar){
    display:block;margin-left:10px
}
.flex-table .flex-table-item .flex-table-cell.is-user>div,.flex-table .flex-table-item .flex-table-cell.is-media>div{
    line-height:1.2
}
.flex-table .flex-table-item .flex-table-cell.is-user>div .item-name,.flex-table .flex-table-item .flex-table-cell.is-media>div .item-name{
    font-family:"Montserrat",sans-serif;font-size:.9rem;font-weight:600;color:#363636;
}
.flex-table .flex-table-item .flex-table-cell.is-user>div .item-meta,.flex-table .flex-table-item .flex-table-cell.is-media>div .item-meta{
    color:#a2a5b9
}
.flex-table .flex-table-item .flex-table-cell.is-user>div .item-meta svg,.flex-table .flex-table-item .flex-table-cell.is-media>div .item-meta svg{
    position:relative;top:2px;height:14px;width:14px;stroke-width:1.6px;margin-right:4px
}
.flex-table .flex-table-item .flex-table-cell.is-user>div .item-meta span,.flex-table .flex-table-item .flex-table-cell.is-media>div .item-meta span{
    display:inline-block;margin-left:0;font-size:.9rem
}
.flex-table .flex-table-item .flex-table-cell.is-user>div .item-meta .flex-media,.flex-table .flex-table-item .flex-table-cell.is-media>div .item-meta .flex-media{
    margin-left:10px;margin-top:4px
}
.flex-table .flex-table-item .flex-table-cell.is-user>div .item-meta .flex-media .h-avatar,.flex-table .flex-table-item .flex-table-cell.is-media>div .item-meta .flex-media .h-avatar{
    width:26px !important;min-width:26px !important;height:26px !important
}
.flex-table .flex-table-item .flex-table-cell.is-user>div .item-meta .flex-media .h-avatar .avatar,.flex-table .flex-table-item .flex-table-cell.is-media>div .item-meta .flex-media .h-avatar .avatar{
    width:26px !important;min-width:26px !important;height:26px !important
}
.flex-table .flex-table-item .flex-table-cell.is-user>div .item-meta .separator,.flex-table .flex-table-item .flex-table-cell.is-media>div .item-meta .separator{
    padding:0 8px
}
.flex-table .flex-table-item .flex-table-cell.is-user .h-avatar .avatar.is-fake span,.flex-table .flex-table-item .flex-table-cell.is-media .h-avatar .avatar.is-fake span{
    margin:0
}
.flex-table .flex-table-item .flex-table-cell.is-user .media,.flex-table .flex-table-item .flex-table-cell.is-media .media{
    display:block;width:100%;max-width:130px;min-height:95px;-o-object-fit:cover;object-fit:cover;border-radius:8px
}
.flex-table .flex-table-item .flex-table-cell.is-user .cell-image,.flex-table .flex-table-item .flex-table-cell.is-media .cell-image{
    display:block;width:100%;max-width:80px
}
.flex-table .flex-table-item .flex-table-cell.is-user .cell-image.is-mini,.flex-table .flex-table-item .flex-table-cell.is-media .cell-image.is-mini{
    max-width:40px
}
.flex-table .flex-table-item .flex-table-cell .cell-icon{
    margin-right:4px;color:#a2a5b9
}
.flex-table .flex-table-item .flex-table-cell .tag{
    margin-bottom:0 !important;line-height:1.8;height:1.8em
}
.flex-table .flex-table-item .flex-table-cell .flex-media{display:flex;align-items:center
}
.flex-table .flex-table-item .flex-table-cell .flex-media .meta{
    margin-left:6px;line-height:1.3
}
.flex-table .flex-table-item .flex-table-cell .flex-media .meta span{
    display:block !important;font-size:.8rem;color:#a2a5b9;font-family:"Roboto",sans-serif
}
.flex-table .flex-table-item .flex-table-cell .dot-levels{display:flex;align-items:center
}
.flex-table .flex-table-item .flex-table-cell .dot-levels .dot{
    font-size:8px;color:#777;margin:0 6px
}
.flex-table .flex-table-item .flex-table-cell .dot-levels .dot.active{
    color:#009688
}
body.is-dark .flex-table .flex-table-item{
    background:#323236;border-color:#404046
}
body.is-dark .flex-table .flex-table-item .flex-table-cell.is-user .h-avatar .badge,body.is-dark .flex-table .flex-table-item .flex-table-cell.is-media .h-avatar .badge{
    border-color:#323236 !important
}
body.is-dark .flex-table .flex-table-item .flex-table-cell.cell-end .button.dark-outlined:hover{
    border-color:#009688 !important;color:#009688 !important
}
body.is-dark .flex-table .flex-table-item .flex-table-cell .dark-text{
    color:#aaaab3 !important
}
body.is-dark .flex-table .flex-table-item .flex-table-cell .avatar-stack .h-avatar{
    border-color:#323236
}
body.is-dark .flex-table .flex-table-item .flex-table-cell .avatar-stack .h-avatar .is-more .inner{
    border-color:#323236 !important
}
body.is-dark .flex-table .flex-table-item .flex-table-cell .dot-levels .dot.active{
    color:#009688
}

.flex-table-wrapper{
    background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:20px
}
.flex-table-wrapper .flex-table-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px
}
.flex-table-wrapper .flex-table .flex-table-item{
    margin-bottom:0;border-radius:0;border-left:none;border-right:none;border-top:none
}
.flex-table-wrapper .flex-table .flex-table-item:last-child{
    margin-bottom:6px;border-bottom:none
}
body.is-dark .flex-table-wrapper{
    background:#323236;border-color:#404046
}


@media(max-width: 767px){
    .flex-table-wrapper .flex-table-toolbar{
        margin-bottom:10px
    }
    .flex-table-wrapper .flex-table-toolbar .left{flex-grow:2
    }
    .flex-table-wrapper .flex-table-toolbar .right{
        display:none
    }
    .flex-table-wrapper .flex-table .flex-table-header .is-checkbox{
        display:none
    }
    .flex-table-wrapper .flex-table .flex-table-item{
        padding-left:0;padding-right:0
    }
    .flex-table-wrapper .flex-table .flex-table-item .is-checkbox{
        display:none
    }
    .flex-table .flex-table-header{
        display:none
    }
    .flex-table .flex-table-cell{
        position:relative;margin-bottom:12px
    }
    .flex-table .flex-table-cell:before{
        content:attr(data-th);font-size:.9rem;text-transform:uppercase;font-weight:500;color:#777
    }
    .flex-table .flex-table-cell.no-label-mobile:before{
        display:none !important
    }
    .flex-table .flex-table-cell.cell-end{justify-content:flex-start !important
    }
    .flex-table .flex-table-cell.cell-end .btn-group{
        margin-left:auto
    }
    .flex-table .flex-table-cell.is-user span{
        font-size:1.2rem
    }
    .flex-table .flex-table-cell>span,.flex-table .flex-table-cell>.is-pushed-mobile{
        margin-left:auto
    }
    .flex-table .flex-table-cell>span.no-push,.flex-table .flex-table-cell>.is-pushed-mobile.no-push{
        margin-left:0 !important
    }
    .flex-table .flex-table-item{flex-direction:column;justify-content:center;width:100% !important;padding:20px;margin-bottom:16px
    }
    .flex-table .flex-table-item:last-child{
        margin-bottom:0
    }
    .flex-table .flex-table-item>div{
        border:none !important
    }

}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait){
    .flex-table .flex-table-cell.is-user img{
        min-width:50px
    }

}


/* END FLEX-TABLE */





/*DEFAULT LOAD*/
.ajax_load {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: calc(4000 * 2);
}

.ajax_load_box {
    margin: auto;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.ajax_load_box_circle {
    border: 16px solid #e3e3e3;
    border-top: 16px solid #5156be;
    border-radius: 50%;
    margin: auto;
    width: 80px;
    height: 80px;
    animation: spin 1.2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/*END DEFAULT LOAD*/

