@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/Nunito-Light.6a4fadd2.ttf);
}
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Nunito-Regular.d2e691bc.ttf);
}
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/Nunito-SemiBold.76ae20d4.ttf);
}
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Nunito-Bold.1cd294a7.ttf);
}
#app {
    font-family: 'Nunito', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #161032;
    font-size: 12px;
    height: 100%;
}

body {
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 400px;
    background-position: bottom right;
    background-color: #fafbfc;
}

.btn {
    font-size: 12px;
}

td {
    border: 1px solid #ddd;
}

label {
    cursor: inherit;
}

.globalSpinner {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pointer {
    cursor: pointer;
}

.text-red {
    color: #eb1212!important;
}
.text-orange {
    color: #ffb01e!important;
}

.modalTitle {
    font-size: 22px;
    text-align: center;
    margin-bottom: 10px;
}
.opModal.big {
    width: 80%;
    min-width: 300px;
    max-width: 1140px;
    max-height: 90vh;
    overflow: auto;
}

.form-group.cells {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgb(240, 240, 240);
    padding: 10px 0;
    margin: 0;
}
.form-group.cells * {
    width: 50%;
}

.pallino {
    border-radius: 50%;
    padding: 4px 8px;
    border: 2px solid rgba(0,0,0,0.4);
    font-size: 14px;
}

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

.btn-link {
    font-weight: bold;
    transition: none;
}

.btn.btn-round {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn.btn-white {
    border: 1px solid lightgrey;
}
.btn.btn-white.active {
    background-color: #666862;
    color: white;
}

.text-green, .text-green:hover {
    color: #0be20b;
}

.pre {
    white-space: pre-line;
}

hr {
    width: 100%;
}

.message, .error {
    font-weight: bold;
    -webkit-animation: balla 0.2s 3;
            animation: balla 0.2s 3;
}
.message {
    color: #08e608;
}
.error {
    color: red;
}

@-webkit-keyframes balla {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(3deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(-3deg);
    }
}

@keyframes balla {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(3deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(-3deg);
    }
}

input[class*="v-invalid"]:not(.v-untouched), textarea[class*="v-invalid"]:not(.v-untouched){
    border-color: red;
}

.preview {
    position: relative;
    text-align: center;
}
.preview img, .preview video {
    max-width: 100%;
    max-height: 200px;
}
.preview button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    margin: auto;
    width: 100px;
    height: 40px;
    border: 1px solid black;
    border-radius: 4px;
    background-color: #febe6a;
    color: white;
    font-size: 16px;
}

.list .item:nth-child(odd) {
    background-color: #ececec;
}
.list .item {
    padding:  10px;
    position: relative;
    line-height: 20px;
}
.list .item.selected:after {
    position: absolute;
    right: 5px;
    content: '';
    background-image: url(../img/icon_check.8b4d6e74.svg);
    width: 30px;
    height: 30px;
    top: 5px;
    bottom: 5px;
}

.form-control.flatpickr-input {
    background-color: white;
}


.list .listItem {
    border-radius: 10px;
    background-color: #FFFFFF;
    box-shadow: 0 0 18px 0 rgba(27,34,56,0.31);
    position: relative;
    padding: 20px 20px;
}

.relative {
    position: relative;
}

.hidden {
    visibility: hidden;
    position: absolute;
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .3s;
}
.fade-enter, .fade-leave-to {
    opacity: 0;
}


.form-group-button {
    display: flex;
    align-items: center;
}
.form-group-button button {
    height: 38px;
    margin-left: 10px;
}

.commentsBox textarea {
    resize: none;
}
.comments {
    max-height: 200px;
    overflow-y: auto;
}
.comments .comment {
    border-top: 1px solid rgba(0,0,0,0.1);
}
.comment {
    padding: 10px;
    display: flex;
    align-items: center;
    background-color: rgb(240, 240, 240);
    position: relative;
}
.comment .commentDate {
    position: absolute;
    right: 16px;
    top: 12px;
    font-weight: 300;
}
.comment:hover .commentRemover {
    display: block;
}
.comment .commentRemover {
    position: absolute;
    top: 4px;
    right: 2px;
    font-size: 16px;
    color: red;
    cursor: pointer;
    display: none;
}
.comment .commentAuthor {
    font-weight: 600;
}
.comment:nth-child(odd) {
    background-color: rgb(228, 228, 228);
}
.comment a.commentImage {
    display: inline-block;
}
.comment .text {
    padding-top: 4px;
    white-space: pre-line;
}
.comment a.commentImage img {
    max-width: 100px;
    max-height: 100px;
}

.label {
    display: inline-block;
    background-color: #02293a;
    color: white;
    border-radius: 4px;
    padding: 2px 10px;
    text-shadow: 1px 1px 4px rgba(0,0,0,1);
}


.disabled {
    opacity: 0.4;
}

.fs-14 {
    font-size: 14px!important;
}

.fs-22 {
    font-size: 22px!important;
}

.navTabs {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 10px;
}

.navTab {
    margin-right: 10px;
    padding: 5px 10px;
    border-radius: 6px;
    color: #97bf16;
    font-weight: bold;
    cursor: pointer;
    background-color: white;
    border: 1px solid #97bf16;
    min-width: 100px;
    text-align: center;
    text-transform: uppercase;
}
.navTab:last-of-type {
    margin-right: 0;
}

.navTab.disabled {
    cursor: no-drop;
}

.navTab:hover {
    color: white;
    background-color: #97bf16;
}

.navTab.router-link-active, .navTab.active {
    color: white;
    background-color: #97bf16;
}

.opModal {
    padding: 20px;
    background: white;
    border-radius: 12px;
    box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
    max-height: 95%;
    overflow: auto;
}

.opModal.opModalLg {
    max-width: 720px;
    width: 80vw;
    min-width: 50vw;
}

.opModal {
    -webkit-animation: transup 0.3s;
            animation: transup 0.3s;
}
@-webkit-keyframes transup {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes transup {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.centerPageContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    height: 100%;
}

.loginBox {
    background-color: white;
    border-radius: 4px;
    text-align: center;
}

.box {
    padding: 10px;
    background-color: white;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
    border-radius: 4px;
}

.miniTitle {
    font-size: 20px;
    font-weight: 600;
}

.bg-mango {
    background-color: #FFBF69;
}

.loginLogo {
    padding-top: 20px;
    text-align: center;
}

.loginLogo img {
    max-height: 110px;
}

form.loginForm {
    padding: 30px;
    width: 300px;
}

.btn {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.63px;
    text-align: center;
}

.btn.btn-small {
    max-height: 50px;
    font-size: 12px;
    width: 120px;
    padding: 0;
}

.btn.btn-mango {
    background-color: #FFBF69;
    color: white;
}
.btn-mango.active {
    background-color: #36cc38;
    color: white;
    border: 1px solid black;
}
.btn.btn-purple {
    background-color: #9A50D5;
    color: white;
}
.btn.btn-check {
    height: 24px;
    width: 24px;
    padding: 0;
    border: 1px solid #979797;
}
.btn.btn-check.selected {
    background-color: #28a745;
}

.mainContainer {
    flex-shrink: 0;
    max-width: calc(100vw - 140px);
}


.innovaBuilderPage {
    width: 560px;
    height: 700px;
    margin: 0 auto;
}

.headerBg {
    background-image: url(../img/logo.32de0674.png);
    background-position: calc(100% - 10px);
    background-repeat: no-repeat;
    background-color: white;
    border-bottom: 1px solid rgba(0,0,0,0.3);
    background-size: 60px;
}

.text-mango {
    color: #febe6a;
}

.headerbar {
    padding: 20px 0;
}

.leftNavTabs {
    width: 120px;
    flex-shrink: 0;
    padding: 10px;
    border-right: 1px solid rgba(0,0,0,0.3);
    background-color: white;
}
.leftNavTab {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0,0,0,0.3);
}
.leftNavTab.router-link-active {
    text-decoration: underline;
    color: #ff9f1c;
    font-weight: 700;
}

.formPage {
    max-width: 600px;
    margin: auto;
}

tbody tr td.break {
    word-break: break-word;
}



.title {
    color: #1B2238;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.78px;
    line-height: 30px;
    text-align: center;
}



@media screen and (max-width: 991px){

}

@media screen and (max-width: 860px) and (min-width: 577px){

}

@media screen and (max-width: 576px){

}


@-webkit-keyframes spinner-data-v-81ec8a3c {
100% {
        transform: rotate(360deg);
}
}
@keyframes spinner-data-v-81ec8a3c {
100% {
        transform: rotate(360deg);
}
}
.spinner[data-v-81ec8a3c] {
    position: relative;
    height: 30px;
    width: 30px;
    margin: auto;
}
.spinner[data-v-81ec8a3c]:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    border-radius: 50%;
    border-top: 6px solid #FFBF69;
    border-right: 6px solid transparent;
    -webkit-animation: spinner-data-v-81ec8a3c .6s linear infinite;
            animation: spinner-data-v-81ec8a3c .6s linear infinite;
    border-left: 6px solid transparent;
    border-bottom: 6px solid #02293a;
}


.opTable thead td {
    position: relative;
    padding: 10px;
}
.opTable td.desc:after {
    content: '';
    position: absolute;
    top: 14px;
    right: 10px;
    border-top: 10px solid #000000;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
.opTable td.asc:after {
    content: '';
    position: absolute;
    top: 14px;
    right: 10px;
    border-bottom: 10px solid #000000;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
.opTable thead td .opTdFilterContainer {
    display: block;
    max-width: 100%;
    position: relative;
}
.opTable thead td .opTdFilterContainer:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    right: 4px;
    top: 6px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4wwdFwoA2AH8sAAAAW1JREFUOMuVkr9LA0EQhb/ZCF6EmErBWlFEvEYry9T+KIRYalLYiIIWIv4DsbNRC4tLKdiZ2NoLCoZrFBKwVLBKCpPC3Fi4JxtJiHnNzi77vp1ZnuBoq+KNi2EPWAGmgTZQA24FOQv85jt/JHGRC711QQJFR+muOrBd9FvX7qGJzcC1NZeBjEakNCIFZIASkAaucqG30dGBbbsGpIDjot8qdHs+HyaPFC0AdcHMBv7nG4ARw641l3uZAQK/eSLIDZBWoh13hFVbn9JHisZ3ll3AFEA7ih77AZw7Mx2f+F8ljNG/ZwaoAgyZxEI/gCCLtqy6gFs73/4/mjiwa+kXIJhzG5LVfJg86uXMhd6homuCNAQ560hiLvSywNUPUG7sbz84bR8oumb3r8BSHGs3ylng0iau2/wNRT+ASeBZkEzgN9+lM20jEzYky8AcEAEvQEkwF+2o/WWM3AHzMUQYUJuV4TEH8jQwwIHcC9L6Bv5zeRcPRR+UAAAAAElFTkSuQmCC);
    background-size: cover;
    background-position: center;
    pointer-events: none;
}
.opTable thead td input {
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.3);
    width: 100%;
    padding: 4px;
    color: #000000;
}
.opTable thead td input::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000;
  opacity: 1; /* Firefox */
}
.opTable thead td input:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000;
  opacity: 1; /* Firefox */
}
.opTable thead td input::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000;
  opacity: 1; /* Firefox */
}
.opTable thead td input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000;
  opacity: 1; /* Firefox */
}
.opTable thead td input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000000;
}
.opTable thead td input::-ms-input-placeholder { /* Microsoft Edge */
  color: #000000;
}
.opPaginationContainer {
    text-align: right;
}
.opPaginationNumber {
    display: inline-block;
    border: 1px solid rgba(0,0,0,0.2);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.opPaginationNumber.selected {
    background-color: #02293a;
    color: white;
}
.opItemsPerPage {
    height: 30px;
    border: 1px solid rgba(0,0,0,0.2);
    line-height: 30px;
    padding-top: 1px;
    padding-left: 10px;
    padding-right: 5px;
    margin-right: 10px;
}


.__editableRoot[data-v-313202f5] {
    display: inline-block;
    position: relative;
}
.__editableValue[data-v-313202f5] {
    display: inline-block;
    text-decoration: underline;
    color: #428bca;
}
.__editablePopup[data-v-313202f5] {
    box-shadow: 6px 6px 8px rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 5px;
    padding: 7px;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 20px;
    background-color: white;
    flex-wrap: wrap;
    justify-content: center;
}
.__editablePopup[data-v-313202f5]:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: var(--vborderTop, 9px solid #FFF);
    border-bottom: var(--vborderBottom, none);
    position: absolute;
    top: var(--vtop, unset);
    right: var(--vright, unset);
    bottom: var(--vbottom, -9px);
    left: var(--vleft, 1px);
}



.__modalsContainer[data-v-5a3f7198] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    overflow: auto;
    display: none;
    z-index: 999;
}
.__modalBg[data-v-5a3f7198] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    overflow-y: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.__show[data-v-5a3f7198] {
    display: flex;
}



body.__modal-open {
    overflow: hidden;
}