/* figtree-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/figtree-v9-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-300italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Figtree';
font-style: italic;
font-weight: 300;
src: url('../fonts/figtree-v9-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
src: url('../fonts/figtree-v9-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Figtree';
font-style: italic;
font-weight: 400;
src: url('../fonts/figtree-v9-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-500 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
src: url('../fonts/figtree-v9-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-500italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Figtree';
font-style: italic;
font-weight: 500;
src: url('../fonts/figtree-v9-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-600 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Figtree';
font-style: normal;
font-weight: 600;
src: url('../fonts/figtree-v9-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-600italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Figtree';
font-style: italic;
font-weight: 600;
src: url('../fonts/figtree-v9-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Figtree';
font-style: normal;
font-weight: 700;
src: url('../fonts/figtree-v9-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-700italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Figtree';
font-style: italic;
font-weight: 700;
src: url('../fonts/figtree-v9-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-800 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Figtree';
font-style: normal;
font-weight: 800;
src: url('../fonts/figtree-v9-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-800italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Figtree';
font-style: italic;
font-weight: 800;
src: url('../fonts/figtree-v9-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-900 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Figtree';
font-style: normal;
font-weight: 900;
src: url('../fonts/figtree-v9-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-900italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Figtree';
font-style: italic;
font-weight: 900;
src: url('../fonts/figtree-v9-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root{
    --cui-font-sans-serif: 'Figtree', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
body.not-logged .main{
    display: flex;
    -ms-flex-direction: column;
    align-items: center !important;
    flex-direction: row !important;
}
body.not-logged .main .card{
    margin-top: -20px;
}
body.not-logged  .main > .container-fluid{
    padding-top: 0;
}
.sidebar-nav .nav-link{
    white-space: normal;
}

.btn-cancel{
    background-color: #f4f1f1;
    color: #4a4848;
}
.btn-cancel:hover{
    background-color: #e0e0e0;
}
.btn-more{
    font-size: 20px;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    color: #4a4848;
}
.dropdown-item.text-danger:active, .dropdown-item.text-danger:hover{
    background-color: #ce1919;
    color: white !important;
}
.btn.btn-ghost.show, .btn.btn-ghost:active{
    border-color: transparent;
    background-color: #e0e0e0;
}
.dropdown-menu{
    min-width: 200px;
    --cui-dropdown-item-padding-y: 0.6rem;
    border-color: #ffe5db;
}
.table th{
    font-weight: 500;
}
.sidebar-nav .nav-group-items .nav-icon{
    display: none;;
}
/* .sidebar .nav-group.show>.nav-group-toggle{
    font-weight: bold;
}
.sidebar .nav-link.active{
    font-weight: normal;
} */
@media(max-width: 767px){
    body.not-logged  .main > .container-fluid{
        padding: 0;
    }
    body.not-logged  .container{
        padding: 0;
    }
}
img{
    max-width: 100%;
}
a{
    text-decoration: none;
}
.ui.selection.active.dropdown, .ui.selection.active.dropdown .menu, .ui.selection.active.dropdown:hover, .ui.selection.active.dropdown:hover .menu{
    border-color: #ffe5db!important;
}
.tox-silver-sink{
    z-index: 1035!important;
}
.card-header{
    background-color: #ffe5db;
    font-weight: bold;
    color: #f16408;
}
.card-header .fa{
    color: var(--cui-heading-color);
}
.input-group-text{
    /* height: 100%; */
    padding:10px;
}
.header-brand img{
    max-height: 100px;
}
.alert-link{
    text-decoration: underline;
}

.app-header .nav-item{
    margin-right: 20px;
}
.highlight{
    font-weight: bold;
}
.breadcrumb-button-row{
    position: fixed;
    position: sticky;
    top: 55px;
    z-index: 999;
    width: 100%;
    left: 0;
    background-color: white;
    border-bottom: 1px solid #c8ced3;
}
.app-body{
    overflow: visible;
}
/*.tabs .card-header{
    background-color: transparent;
}
.tabs .nav-link{
    color: #73818f;
}*/
.body{
    position: relative;
    display: flex;
}
.main{
    flex: 1;
}

.btn-success, .btn-danger {
    --cui-btn-color: white;
    --cui-btn-hover-color: white;
    --cui-btn-active-color: white;
    --cui-btn-disabled-color: white;
}

.sidebar-lg-show .breadcrumb-button-row{
    /*padding-left: 250px;*/
}
.header .button-row{
}
.header-nav{
    margin-right: -8px;
}
.button-row{
/*    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;*/
    background-color: white;
    text-align: right;
/*    padding: 0.3rem 1rem;*/
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
}
.button-row .btn{
    margin-right: 12px;
    white-space: nowrap;
}
.button-row .btn:last-child{
    margin-right: 0;
}
/*.main .container-fluid{
    padding-top: 30px;
}*/
.app-header .navbar-brand{
    width: auto;
    min-width: 205px;
    font-weight: bold;
}

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.list-group-item {
    cursor: move;
}
.fa.mr{
    margin-right: 10px;
}
.table .col-common{
    width: 160px;
}
.table .col-checkbox{
    width: 40px;
    padding-left: 15px;
}
.table .col-time{
    width: 160px;
}
.table .col-status{
    width: 72px;
}
.table .col-edit{
    width: 30px;
}
/*.sidebar .nav-dropdown-toggle::before{
    right: 0.75rem;
}
.sidebar .nav-link {
    display: flex;
    padding: 0.875rem 1.75rem 0.875rem 3.25rem;
    color: #fff;
    text-decoration: none;
    background: transparent;
}
.sidebar .nav-item .nav-item .nav-link{
    padding-right: 1rem;
}
.sidebar .nav-dropdown.open .nav-link.active, .sidebar .nav-link.active, .sidebar .nav-link:hover, .sidebar .nav-dropdown.open .nav-link:hover {
    color: var(--primary-color);
}
.sidebar .nav-link.active, .sidebar .nav-link:hover{
    background: transparent;
}
.sidebar .nav-link .nav-icon {
    display: inline-block;
    width: 1.09375rem;
    margin: 0.2rem 0.5rem 0 0;
    font-size: 0.875rem;
    color: #73818f;
    text-align: center;
    margin-left: -1.875rem;
    position: absolute;
}
*/
.form-control.d-inline-block{
    width: auto;
}
.common-tb th, .common-tb td{
    padding: 5px;
}
.common-tb th:first-child, .common-tb td:first-child{
    padding-left: 0;
}
.common-tb th:last-child, .common-tb td:last-child{
    padding-right: 0;
}
.permissions-tb .permissions-type, .permissions-tb .permissions-section{
    cursor: pointer;
}
.permissions-tb .permissions-type:hover, .permissions-tb .permissions-section:hover{
    color: var(--primary-color);
}
/*.sidebar .nav-dropdown.open > a > .nav-icon{
    color: white!important;
}
.sidebar .nav-dropdown.open > a{
    background-color: var(--primary-color);
    color: white!important;
}
.sidebar .nav-dropdown.open > a.nav-dropdown-toggle::before{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%23fff' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
}
.sidebar .nav-link:hover .nav-icon, .sidebar .nav-dropdown.open .nav-link:hover .nav-icon{
    color: var(--primary-color);
}
.nav-line{
    border-top: 1px solid #4e4e4e;
    margin: 15px 15px;
}*/
.help-block{
    color: #73818f;
    margin-top: 5px;
    display: block;
}
div.form-control{
    border-color: transparent;
    height: auto;
    min-height: calc(2.0625rem + 2px);
}
.underline{
    text-decoration: underline;
}
.badge-warning{
    color: white;
}
.gallery-container .btn + .btn{
    margin-left: 5px;
}
.repeater-row{
    /*margin-bottom: 20px;*/
}
.repeater-header-row, .repeater-content-row{
    display: flex;
    /*flex-wrap: wrap;*/
}
.repeater-cell, .repeater-header-cell{
    padding: 10px 7px;
    width: 50%;
    border: 1px solid #c8ced3;
    margin-right: -1px;
    margin-bottom: -1px;
}
.repeater-row .gallery-container{
    border: none;
    padding: 0;
}
.repeater-row textarea.form-control{
    height: 80px;
}
.repeater-header-cell{
    /*border: 1px solid #333;*/
}
.repeater-remove-row{
    margin-top: 10px;
    text-align: right;
}
.repeater .remove-col{
    width: 30px;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
}
.repeater .drag-col{
    width: 30px;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
}
.btn-remove-row{
    color: #f86c6b;
    font-size: 16px;
}
.btn-remove-row:hover{
    color: #f86c6b;
}
.multiselect__tag, .multiselect__option--highlight{
    background-color: var(--primary-color)!important;
}
.multiselect__tag-icon:focus, .multiselect__tag-icon:hover{
    background-color: #f86c6b!important;
}
.multiselect__tag-icon:after{
    color: white!important;
}
.breadcrumb-button-row-inner{
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.breadcrumb{
    margin-bottom: 0;
    border-bottom: none;
}
.vfc-styles-conditional-class{
    max-width: 300px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.vfc-main-container{
    height: auto!important;
    padding-bottom: 20px;
}
.vfc-today{
    background-color: inherit!important;
    color: inherit!important;
}
.vfc-today:hover{
    background-color: #dadada!important;
}
.vfc-today.vfc-marked{
    background-color: #66b3cc!important;
    color: white!important;
}.v-autocomplete{position:relative}
.v-autocomplete .v-autocomplete-list{
    position:absolute;
    z-index: 10;
    background-color: white;
    width: 100%;
    font-size: 1rem;
}
.v-autocomplete .v-autocomplete-list .v-autocomplete-list-item{
    cursor:pointer;
    padding: 10px 10px;
}
.v-autocomplete .v-autocomplete-list .v-autocomplete-list-item.v-autocomplete-item-active{background-color:#f3f6fa}

.autosuggest__results-container ul{
    padding-left: 0;
    list-style: none;
    border: 1px solid #dcdcdc;
    max-height: 200px;
    overflow: auto;
}
.autosuggest__results-container ul li{
    padding: 10px 10px;
}
.autosuggest__results-container ul li:hover{
    cursor: pointer;
    background-color: #f3f6fa;
}
.v-middle{
    vertical-align: middle;
}
input.error, textarea.error, select.error{
    border-color: red!important;
}
label.error{
    color: red!important;
}
.text-calc{
    text-align: right;
}
.text-calc.exceed .current{
    color: red;
}
.bulk-action-row{
    float: right;
    white-space: nowrap;
}
/*.card{
    width: 100%;
    height: calc(100% - 1.5rem);
}*/
.sorted-col{
    position: relative;
    padding-right: 10px;
    color: inherit;
    display: flex;
    align-items: center;
    text-decoration: none;
}
.sorted-col:after{
    font: normal normal normal 14px/1 FontAwesome;
    content: "\F0D8\F0D7";
    display: inline-block;
    width: 10px;
    line-height: 7px;
    vertical-align: middle;
    margin-left: 5px;
}
.sorted-col.sorted-asc, .sorted-col.sorted-desc{
    color: var(--primary-color);
}
.sorted-col.sorted-asc:after{
    content: "\F0D8";
}
.sorted-col.sorted-desc:after{
    content: "\F0D7";
}
.badge-status{
    cursor: pointer;
}
.badge-status.--loading{
    cursor: wait;
}
.app-body .main{
    position: relative;
    padding-bottom: 20px;
}

.paginate-row{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.show-rows-form{
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.show-rows-form > div{
    flex-shrink: 0;
    margin-right: 10px;
}


.approval-approved, .approval-approved a, .approval-approved:hover, .approval-approved a:hover{
    color: var(--primary-color);
}
.not-published, .not-published a{
    color: #ff9800;
}
.approval-approved[data-published], .approval-approved[data-published] a{
    color: #4dbd74;
}
.approval-draft, .approval-draft a, .approval-draft:hover, .approval-draft a:hover{
    color: gray;
}
.approval-rejected, .approval-rejected a, .approval-rejected:hover, .approval-rejected a:hover{
    color: #f86c6b;
}
.approval-pending, .approval-pending a, .approval-pending:hover, .approval-pending a:hover{
    color: #ff9800;
}
.versions-list{
    list-style: none;
    padding-left: 0;
}
.versions-list a[data-active]{
    font-weight: bold;
    pointer-events: none;
    color: white!important;
    /*background-color: #f0f3f5;*/
    /*color: black;*/
}
.versions-list a{
    text-decoration: none;
}
button:focus{
    outline: none;
}
.versions-list a:active{
    background-color: inherit!important;
}
.btn-danger + .dropdown-menu .dropdown-item.active, .btn-danger + .dropdown-menu .dropdown-item:active{
    background-color: #f86c6b;
}
.versions-list[has-pending] .btn-secondary{
    animation: pending 1s infinite;
}
.dropdown-item.approval-pending:not([data-active]){
    animation: pending-dropdown 1s infinite;
/*    background-color: #ffc107;
    color: white;*/
}
.dropdown-item.approval-draft[data-active]{
    background-color: gray;
}
.dropdown-item.approval-pending[data-active]{
    background-color: #ffc107;
}
.dropdown-item.approval-approved[data-active]{
    background-color: var(--primary-color);
}
.dropdown-item.approval-rejected[data-active]{
    background-color: #f86c6b;
}
.dropdown-item.approval-approved[data-active][data-published]{
    background-color: #4dbd74;
}
.sidebar-nav{
    flex-wrap: nowrap;
}
.sidebar-nav li{
    width: 100%;
}
/*.sidebar-nav{
    padding-top: 0.75rem;
}
.app-header .navbar-brand{
    justify-content: flex-start;
    text-align: left;
    padding-left: 17px;
}

.sidebar .nav-title{
    margin-top: 0.75rem;
}*/
.ga-path{
    word-break: break-all;
}
/*.multiselect .multiselect__input, .multiselect .multiselect__single{
    position: absolute;
    left: 0;
    border: 1px solid #e8e8e8;
    border-top: none;
    border-radius: 0;
    padding: 2px 12px 8px 12px;
    opacity: 0;
}
.multiselect.multiselect--active .multiselect__input, .multiselect.multiselect--active .multiselect__single{
    opacity: 1;
}
.multiselect__input:hover,
.multiselect__single:hover,
.multiselect__input:focus,
.multiselect__single:focus{
    border-color: #e8e8e8!important;
}
.multiselect .multiselect__content-wrapper{
    top: calc(100% + 30px);
}
.multiselect.multiselect--above .multiselect__content-wrapper{
    top: auto;
}
.multiselect-enter-active,.multiselect-leave-active{
    transition: none!important;
}
.multiselect-enter,.multiselect-leave-active{
    opacity:1!important;
}*/
.multiselect{
    min-height: 43px!important;
}
.tips-arrow{
    position: relative;
}
.tips-arrow:after{
    content: "\f062";
    position: absolute;
    top: 100%;
    font-size: 30px;
    font-family: 'FontAwesome';
    left: 0;
    width: 100%;
    text-align: center;
    margin-top: 12px;
    animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.button-row{
    position: relative;
}
.button-row[disabled]{
    opacity: 0.5;
    cursor: wait;
}
.button-row[disabled]:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left:  0;
    top:  0;
}
.button-row[disabled] *{
    pointer-events: none;
}
.active-danger:active{
    background-color: #f86c6b!important;
}
@keyframes bounce {
50% {
    transform: translateY(-15px);
    }
}

@keyframes pending {
    0%, 100% {
    background-color: #c8ced3;
    }
    50% {
    background-color: #ffc107;

    }
}
@keyframes pending-dropdown {
    0%, 100% {
    background-color: white;
    color: #ffc107;
    }
    50% {
    background-color: #ffc107;
    color: white;

    }
}
[v-cloak]{
    display: none!!important;
}
transition[name="fade"]{
    opacity: 0;
    flex:  1;
}
.fade-enter-active, .fade-leave-active {
    transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
}
.breadcrumb-item:last-child a{
    color: var(--cui-breadcrumb-item-active-color);
}
.bulk-action-bar{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #ffe5db;
    font-weight: bold;
    height: 60px;
    z-index: 9999;
    color: #f16408;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
}
.form-select:focus{
    border-color: #ebc9ab;
    box-shadow: 0 0 0 .25rem #d68e5640;
}
@media (max-width: 991.98px){
    .breadcrumb-button-row, .sidebar-lg-show .breadcrumb-button-row{
        padding-left: 0;
    }
    .app-header .navbar-brand{
        left: 50px;
        margin-left: 0;
        min-width: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 767px){
    .button-row{
        justify-content: flex-end;
    }
    .breadcrumb-button-row-inner{
        flex-direction: column-reverse;
    }
    .breadcrumb-row{
        flex-direction: column;
    }
    .breadcrumb-row .button-row{
        width: 100%;
        margin-top: 10px;
    }
}

.password-group{
    display: flex;
}