@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap);
/*@font-face {*/
/*    font-family: 'Mona Sans';*/
/*    src:*/
/*            url('/fonts/Mona-Sans.woff2') format('woff2 supports variations'),*/
/*            url('/fonts/Mona-Sans.woff2') format('woff2-variations');*/
/*    font-weight: 200 900;*/
/*    font-stretch: 75% 125%;*/
/*}*/

/** {*/
/*    padding: 0;*/
/*    margin: 0;*/
/*    font-family: 'Mona Sans', sans-serif;*/
/*}*/

/*body {*/
/*    margin: 0;*/
/*    min-height: 100vh;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    flex: 1;*/
/*    background: #F7FAFA;*/

/*    overflow-x: hidden;*/
/*    overflow-y: scroll;*/
/*}*/

/*.container {*/
/*    width: 100%;*/
/*    max-width: 1416px;*/
/*    margin: 0 auto;*/
/*    flex-grow: 1;*/
/*}*/

/*.icon {*/
/*    top: 0;*/
/*}*/

/*!*BaseTabs*!*/
/*.b-tabs__header {*/
/*    display: flex;*/
/*    margin-bottom: 24px;*/
/*}*/

/*.b-tabs__item {*/
/*    cursor: pointer;*/
/*    font-size: 16px;*/
/*    font-weight: 600;*/
/*    line-height: 20px;*/
/*    color: #888888;*/
/*    padding: 14px 24px;*/
/*    border-bottom: 2px solid #eeeeee;*/
/*}*/

/*.b-tabs__item.active,*/
/*.b-tabs__item:hover {*/
/*    color: #0081B7;*/
/*    border-bottom: 2px solid #0081B7;*/
/*}*/

/*!*EndBaseTabs*!*/


/*!*-------------*!*/

/*.form-group {*/
/*    position: relative;*/
/*}*/

/*.form-tooltip {*/
/*    display: block;*/
/*    position: fixed;*/
/*    top: 250px;*/
/*    right: 50px;*/
/*    width: 216px;*/
/*    z-index: 9999;*/
/*    padding: 16px;*/
/*    border: 1px solid #EAEAEA;*/
/*    border-radius: 4px;*/
/*    background-color: #FFFFFF;*/
/*    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);*/

/*    max-height: calc(100% - 300px);*/
/*    overflow: auto;*/
/*}*/

.form-tooltip h3 {
    color: #B7B7B7;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px;
}

.form-tooltip h3 > i {
    color: #0081B7;
    margin-right: 8px;
}

.form-tooltip h4 {
    color: #333333;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 8px;
}

.form-tooltip p {
    color: #333333;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 8px;
}


/*!*--------------*!*/

/*.bg-hover {*/
/*    background-color: #F1FAFF;*/
/*}*/

/*.list-group-item-check {*/
/*    border-bottom: 1px solid #EEEEEE;*/
/*    border-left: 4px solid #EEEEEE;*/

/*    padding: 10px 24px;*/
/*    background-color: #FAFAFA;*/
/*    color: #333;*/
/*    font-weight: 600;*/
/*    line-height: 24px;*/
/*}*/

/*.list-group-item-check.active {*/
/*    border-left: 4px solid #0081B7;*/
/*    background-color: #EEEEEE;*/
/*}*/

/*.list-group-item-check:hover {*/
/*    background-color: #f7f7f7;*/
/*}*/

/*.list-group-item-check:last-child {*/
/*    border-bottom: none;*/
/*}*/

/*!**helpers*!*/
/*.rounded-bottom-0 {*/
/*    border-bottom-right-radius: 0 !important;*/
/*    border-bottom-left-radius: 0 !important*/
/*}*/

/*.rounded-top-0 {*/
/*    border-top-right-radius: 0 !important;*/
/*    border-top-left-radius: 0 !important*/
/*}*/

/*.border-x-0 {*/
/*    border-left: 0 !important;*/
/*    border-right: 0 !important;*/
/*}*/

/*.border-y-0 {*/
/*    border-top: 0 !important;*/
/*    border-bottom: 0 !important;*/
/*}*/

/*.line-right {*/
/*    border-right: 1px solid #DEDEDE !important;*/
/*    margin-right: 24px !important;*/
/*    padding-right: 24px !important;*/
/*}*/

/*.vl {*/
/*    border-left: 1px solid #DEDEDE;*/
/*    margin-top: 5px;*/
/*    margin-bottom: 5px;*/
/*}*/

/*.alert {*/
/*    border-radius: 2px;*/
/*    border: 0;*/
/*}*/

/*.alert-primary {*/
/*    background-color: #DBECFB;*/
/*    color: #2C2C2C;*/
/*    font-size: 14px;*/
/*    line-height: 20px;*/
/*}*/

/*!**---*!*/
/*h1, h2, h3, h4, h5, h6 {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/

/*h1 {*/
/*    color: #333333;*/
/*    font-size: 24px;*/
/*    font-weight: 600;*/
/*    line-height: 32px;*/
/*}*/

/*h3 {*/
/*    color: #333333;*/
/*    font-size: 16px;*/
/*    font-weight: 600;*/
/*    line-height: 22px;*/
/*    margin-bottom: 16px;*/
/*}*/

/*h6 {*/
/*    color: #333333;*/
/*    font-size: 14px;*/
/*    font-weight: 600;*/
/*    line-height: 20px;*/
/*}*/

/*span {*/
/*    color: #333333;*/
/*    font-size: 14px;*/
/*    line-height: 20px;*/
/*}*/

/*.text-secondary {*/
/*    color: #888888 !important;*/
/*}*/

/*.text-danger {*/
/*    color: #D76363 !important;*/
/*}*/

/*.icon-warning-alert {*/
/*    font-size: 56px;*/
/*    color: #FFDA50;*/
/*}*/

/*.icon-info-alert {*/
/*    font-size: 56px;*/
/*    color: #679CCD;*/
/*}*/

/*.vl {*/
/*    display: inline;*/
/*    border-left: 1px solid #EAEAEA;*/
/*}*/

/*!*----*!*/

/*#app {*/
/*    display: flex;*/
/*    flex-grow: 1;*/
/*    flex-direction: column;*/
/*    height: 100vh;*/
/*}*/

/*!* #app>div {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    flex-grow: 1;*/
/*} *!*/

/*.cursort-pointer {*/
/*    cursor: pointer;*/
/*}*/


/*h2 {*/
/*    height: 24px;*/
/*    color: #505D68;*/
/*    font-size: 20px;*/
/*    font-weight: 600;*/
/*    line-height: 24px;*/
/*    margin: auto 0;*/
/*}*/


/*h3 > label {*/
/*    color: #888888;*/
/*    font-size: 20px;*/
/*    font-weight: 600;*/
/*    line-height: 24px;*/
/*    margin-left: 3px;*/
/*}*/

/*!**btn*!*/
/*.btn {*/
/*    font-size: 14px;*/
/*    font-weight: 600;*/
/*    line-height: 19px;*/
/*    padding: 10px 12px;*/
/*    border-radius: 2px;*/
/*    border: 0;*/
/*}*/

/*.btn-primary {*/
/*    color: #FFFFFF;*/
/*    background-color: #0081B7;*/
/*}*/

/*.btn-light {*/
/*    color: #888888;*/
/*    background-color: #EEEEEE;*/
/*    border: 1px solid #EEEEEE;*/
/*}*/

/*.btn-dashed {*/
/*    color: #0081B7;*/
/*    background-color: #FAFAFA;*/
/*    !* border: 1px dashed #0081B7; *!*/
/*    border-radius: 1px;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/

/*.btn-dashed:hover {*/
/*    color: #568bbc;*/
/*    background-color: #f7f7f7;*/
/*}*/

/*.btn-dashed:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    border: 5px dashed #0081B7;*/
/*    top: -4px;*/
/*    bottom: -4px;*/
/*    left: -4px;*/
/*    right: -4px;*/
/*}*/

/*.btn-primary:hover {*/
/*    background-color: #568bbc;*/
/*}*/

/*.btn-light:hover {*/
/*    color: #888;*/
/*}*/

/*.btn-light.disabled, .btn-light:disabled {*/
/*    color: #888;*/
/*}*/

/*.btn.focus, .btn:focus {*/
/*    box-shadow: none;*/
/*}*/

/*.btn:not(:disabled):not(.disabled).active:focus,*/
/*.btn:not(:disabled):not(.disabled):active:focus {*/
/*    box-shadow: none;*/
/*}*/

/*!**btn*!*/

/*.icon-hover {*/
/*    cursor: pointer;*/
/*}*/

/*.icon-hover:hover {*/
/*    color: #5C91C2;*/
/*}*/

/*.form-group label {*/
/*    color: #333;*/
/*    font-size: 14px;*/
/*    line-height: 20px;*/
/*}*/

/*input::placeholder, textarea::placeholder {*/
/*    color: #C2D1D9;*/
/*    font-size: 13px;*/
/*    font-weight: 400;*/
/*}*/

/*.form-text {*/
/*    font-size: 12px;*/
/*    font-weight: 600;*/
/*}*/

/*.login-form {*/
/*    width: 360px;*/
/*    margin: 0 auto;*/

/*}*/

/*.login-form > label {*/
/*    color: #888888;*/
/*    font-size: 14px;*/
/*    line-height: 20px;*/
/*}*/

/*.dropdown-item.active, .dropdown-item:active {*/
/*    background: #0081B7;*/
/*}*/

/*.link-danger {*/
/*    color: #D76363;*/
/*}*/

/*.text-highlighting {*/
/*    background-color: bisque;*/
/*}*/

/*.spinner {*/
/*    display: inline-block;*/
/*    -webkit-animation: rotation 1s linear infinite;*/
/*    animation: rotation 1s linear infinite*/
/*}*/

/*@keyframes rotation {*/
/*    0% {*/
/*        -webkit-transform: rotate(0);*/
/*        transform: rotate(0)*/
/*    }*/
/*    100% {*/
/*        -webkit-transform: rotate(360deg);*/
/*        transform: rotate(360deg)*/
/*    }*/
/*}*/

/*.form-control {*/
/*    color: #333333;*/
/*    font-size: 14px;*/
/*    padding: 8px 10px;*/
/*    line-height: 14px;*/
/*    border: 1px solid #D2D2D2;*/
/*    border-radius: 2px;*/
/*    height: 40px;*/
/*}*/

/*.form-control:focus {*/
/*    box-shadow: none;*/
/*    border: 1px solid #0081B7;*/
/*    box-sizing: border-box;*/
/*}*/

/*.form-control::placeholder {*/
/*    color: #999;*/
/*    font-size: 14px;*/
/*}*/


/*.header-light, .header-light > .nav-tabs {*/
/*    background: #fff;*/
/*    border: none;*/
/*}*/

/*.header-light > .nav-tabs .nav-link.active,*/
/*.header-light > .nav-tabs .nav-link:hover {*/
/*    border: none;*/
/*    border-bottom: 2px solid #0081B7;*/
/*    color: #0081B7;*/
/*    font-size: 14px;*/
/*    line-height: 20px;*/
/*    text-align: center;*/
/*    font-weight: 600;*/
/*}*/

/*.header-light > .nav-tabs > .nav-item {*/
/*    margin: 0px;*/
/*}*/

/*.header-light > .nav-item.nav-link {*/
/*    padding: 16x 20px;*/
/*}*/

/*.header-light > .nav-tabs .nav-link {*/
/*    border: none;*/
/*    border-bottom: 2px solid #eee;*/
/*    color: #888888;*/
/*    font-size: 14px;*/
/*    line-height: 20px;*/
/*    text-align: center;*/
/*    font-weight: 600;*/
/*}*/

/*.alert-warning {*/
/*    box-sizing: border-box;*/
/*    border: 1px solid #F3DB48;*/
/*    border-radius: 2px;*/
/*    background-color: rgba(243, 219, 72, 0.1);*/

/*    color: #333333;*/
/*    font-size: 14px;*/
/*    line-height: 18px;*/
/*}*/

/*.alert-warning i {*/
/*    font-size: 36px;*/
/*    float: left;*/
/*    margin-right: 12px;*/
/*    color: #F3DB48;*/
/*}*/


/*[tooltip] {*/
/*    position: relative;*/
/*}*/

/*[tooltip]::before,*/
/*[tooltip]::after {*/
/*    text-transform: none;*/
/*    font-size: 14px;*/
/*    line-height: 1;*/
/*    user-select: none;*/
/*    pointer-events: none;*/
/*    position: absolute;*/
/*    display: none;*/
/*    opacity: 0;*/
/*}*/

/*[tooltip]::before {*/
/*    content: '';*/
/*    border: 5px solid transparent;*/
/*    z-index: 1001;*/
/*}*/

/*.full[tooltip]::after {*/
/*    white-space: normal;*/
/*    min-width: 300px;*/
/*    line-height: 20px;*/
/*}*/


/*[tooltip]::after {*/
/*    content: attr(tooltip);*/


/*    min-width: 3em;*/
/*    max-width: 21em;*/
/*    white-space: nowrap;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    padding: 1ch 1.5ch;*/
/*    border: 1px solid #EEEEEE;*/
/*    box-sizing: border-box;*/
/*    border-radius: 2px;*/
/*    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);*/
/*    background-color: #FFFFFF;*/
/*    color: #444444;*/
/*    font-weight: 400;*/
/*    font-size: 14px;*/
/*    z-index: 1000;*/
/*}*/

/*[tooltip]:hover::before,*/
/*[tooltip]:hover::after {*/
/*    display: block;*/
/*}*/

/*[tooltip='']::before,*/
/*[tooltip='']::after {*/
/*    display: none !important;*/
/*}*/

/*!* FLOW: UP *!*/
/*[tooltip]:not([flow])::before,*/
/*[tooltip][flow^="up"]::before {*/
/*    bottom: 100%;*/
/*    border-bottom-width: 0;*/
/*    border-top-color: #ffffff;*/
/*}*/

/*[tooltip]:not([flow])::after,*/
/*[tooltip][flow^="up"]::after {*/
/*    bottom: calc(100% + 5px);*/
/*}*/

/*[tooltip]:not([flow])::before,*/
/*[tooltip]:not([flow])::after,*/
/*[tooltip][flow^="up"]::before,*/
/*[tooltip][flow^="up"]::after {*/
/*    left: 50%;*/
/*    transform: translate(-50%, -.5em);*/
/*}*/

/*!* FLOW: DOWN *!*/
/*[tooltip][flow^="down"]::before {*/
/*    top: 100%;*/
/*    border-top-width: 0;*/
/*    border-bottom-color: #FFFFFF;*/
/*}*/

/*[tooltip][flow^="down"]::after {*/
/*    top: calc(100% + 5px);*/
/*}*/

/*[tooltip][flow^="down"]::before,*/
/*[tooltip][flow^="down"]::after {*/
/*    left: 50%;*/
/*    transform: translate(-50%, .5em);*/
/*}*/

/*!* FLOW: LEFT *!*/
/*[tooltip][flow^="left"]::before {*/
/*    top: 50%;*/
/*    border-right-width: 0;*/
/*    border-left-color: #FFFFFF;*/
/*    left: calc(0em - 5px);*/
/*    transform: translate(-.5em, -50%);*/
/*}*/

/*[tooltip][flow^="left"]::after {*/
/*    top: 50%;*/
/*    right: calc(100% + 5px);*/
/*    transform: translate(-.5em, -50%);*/
/*}*/

/*!* FLOW: RIGHT *!*/
/*[tooltip][flow^="right"]::before {*/
/*    top: 50%;*/
/*    border-left-width: 0;*/
/*    border-right-color: #FFFFFF;*/
/*    right: calc(0em - 5px);*/
/*    transform: translate(.5em, -50%);*/
/*}*/

/*[tooltip][flow^="right"]::after {*/
/*    top: 50%;*/
/*    left: calc(100% + 5px);*/
/*    transform: translate(.5em, -50%);*/
/*}*/

/*@keyframes tooltips-vert {*/
/*    to {*/
/*        opacity: .9;*/
/*        transform: translate(-50%, 0);*/
/*    }*/
/*}*/

/*@keyframes tooltips-horz {*/
/*    to {*/
/*        opacity: .9;*/
/*        transform: translate(0, -50%);*/
/*    }*/
/*}*/

/*[tooltip]:not([flow]):hover::before,*/
/*[tooltip]:not([flow]):hover::after,*/
/*[tooltip][flow^="up"]:hover::before,*/
/*[tooltip][flow^="up"]:hover::after,*/
/*[tooltip][flow^="down"]:hover::before,*/
/*[tooltip][flow^="down"]:hover::after {*/
/*    animation: tooltips-vert 300ms ease-out forwards;*/
/*}*/

/*[tooltip][flow^="left"]:hover::before,*/
/*[tooltip][flow^="left"]:hover::after,*/
/*[tooltip][flow^="right"]:hover::before,*/
/*[tooltip][flow^="right"]:hover::after {*/
/*    animation: tooltips-horz 300ms ease-out forwards;*/
/*}*/


/*.noty_theme__mint.noty_bar {*/
/*    margin: 4px 0;*/
/*    overflow: hidden;*/
/*    border-radius: 2px;*/
/*    position: relative;*/
/*}*/

/*.noty_theme__mint.noty_bar .noty_body {*/
/*    padding: 10px;*/
/*    font-size: 14px;*/
/*}*/

/*.noty_theme__mint.noty_bar .noty_buttons {*/
/*    padding: 10px;*/
/*}*/

/*.noty_theme__mint.noty_type__alert,*/
/*.noty_theme__mint.noty_type__notification {*/
/*    background-color: #fff;*/
/*    border-bottom: 1px solid #D1D1D1;*/
/*    color: #2F2F2F;*/
/*}*/

/*.noty_theme__mint.noty_type__warning {*/
/*    background-color: #FFAE42;*/
/*    border-bottom: 1px solid #E89F3C;*/
/*    color: #fff;*/
/*}*/

/*.noty_theme__mint.noty_type__error {*/
/*    background-color: #DE636F;*/
/*    border-bottom: 1px solid #CA5A65;*/
/*    color: #fff;*/
/*}*/

/*.noty_theme__mint.noty_type__info,*/
/*.noty_theme__mint.noty_type__information {*/
/*    background-color: #7F7EFF;*/
/*    border-bottom: 1px solid #7473E8;*/
/*    color: #fff;*/
/*}*/

/*.noty_theme__mint.noty_type__success {*/
/*    background-color: #DAFFE4;*/
/*    border: none;*/
/*    color: #333;*/
/*    border-radius: 2px;*/
/*    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);*/
/*}*/

/*.noty_theme__mint.noty_type__success .noty_body {*/
/*    padding: 7px;*/
/*}*/

/*.noty_theme__mint.noty_type__success .noty_body::before {*/
/*    content: '\ed6e';*/
/*    font-family: 'icomoon';*/
/*    margin-left: 9px;*/
/*    margin-right: 16px;*/
/*    color: #54CE75;*/
/*    font-size: 18px;*/
/*}*/
/*.w-block-br {*/
/*    background: #ffff;*/
/*    padding: 60px 45px;*/
/*    border-radius: 12px;*/
/*    border: 1px solid #DEE2E4;*/
/*}*/
/*.w-block-br h1{*/
/*    font-size: 32px;*/
/*    color: #303132;*/
/*}*/
/*.w-block-br .text-muted{*/
/*    font-size: 16px;*/
/*    font-weight: 300;*/
/*    color: #303132;*/
/*}*/
/*.w-block-br .form-control:focus{*/
/*    border: 2px solid #027FF1;*/
/*}*/
/*.form-ico{*/
/*    stroke: #6A6F74;*/
/*    color: #6A6F74;*/

/*}*/
/*.w-block-br .form-control:focus + .w-block-br .form-control .form-ico{*/
/*   stroke: red;*/
/*    color: red;*/
/*    fill: red;*/
/*}*/
/*.w-block-br .form-control{*/
/*    border-radius: 8px;*/
/*    background: #FFFFFF;*/
/*    border: 1px solid #DEE2E4;*/
/*    padding: 22px 17px;*/
/*}*/
/*.w-block-br .form-group svg{*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    right: 17px;*/
/*}*/
/*.btn.btn-primary{*/
/*    border-radius: 6px;*/
/*    background: #027FF1;*/
/*}*/
/*.info-text{*/
/*    color: #027FF1;*/
/*}*/
/*.auth-bg{*/
/*    background-image: url(/images/auth-bg.png);*/
/*    width: 100%;*/
/*    height: 100vh;*/

/*    background-size: cover;*/
/*    background-position: 0px 60px;*/
/*}*/
/*.auth-head{*/
/*    width: 425px;*/
/*    background: #FFFFFF;*/
/*    border: 2px solid #E3E7EA;*/
/*    border-radius: 92px;*/
/*    position: fixed;*/
/*    top: 25px;*/
/*    left: 0;*/
/*    right: 0;*/
/*    margin: 0 auto;*/
/*    padding: 12px;*/
/*}*/
/*.auth-head h3{*/
/*    display: inline-block;*/
/*    font-size: 20px;*/
/*    color: #3031329e;*/
/*    vertical-align: middle;*/
/*    margin-bottom: 0;*/
/*}*/
.auth-head .icon img{
    width: 23px;
    height: 30px;
}
.auth-head .icon{
    margin: 0 auto;
    text-align: center;
}
/*@media (max-width: 480px) {*/
/*    .auth-head{*/
/*        width: 98%;*/
/*    }*/
/*    .w-block-br{*/
/*        padding: 25px 0;*/
/*    }*/
/*    .login-form{*/
/*        width: 98%;*/
/*    }*/
/*}*/
/*.w-block-br .form-group img{*/
/*    color : red;*/
/*}*/
.widget-five.new-company{
    height: 200px;
}
.widget-five.new-company .add-s-task{
    position: absolute;
    top: 45%;
    left: 25%;
}
/*.widget-five.new-company .add-s-task .addTask{*/
/*    color: #000000;*/
/*}*/




.modal-mask {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  transition: opacity .1s ease;
}
.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}
#modal-container {
  width: 680px;
  margin: 0px auto;
  background-color: #FFFFFF;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
  transition: all .1s ease;
  border-radius: 2px;
}
.modal-header {
  height: 55px;
  background-color: #FAFAFA;
  border: none;
}
.modal-header h3 {
  margin-left: 5px;
  color: #5A5A5A;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
.modal-default-button {
  float: right;
}
.modal-body {
  max-height: 80vh;
  overflow-x: hidden;
  overflow-y: auto;
}

/* .modal-enter {
  opacity: 0;
}

.modal-leave-active {
  opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
} */
.overlay-fade-enter-active,
.overlay-fade-leave-active {
  transition: all 0.2s;
}
.overlay-fade-enter,
.overlay-fade-leave-active {
  opacity: 0;
}
.close-btn i {
  color: #424B5A;
  cursor: pointer;
}

.noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight {
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 9999999;
  -webkit-transform: translateZ(0) scale(1, 1);
          transform: translateZ(0) scale(1, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  filter: blur(0);
  -webkit-filter: blur(0);
  max-width: 90%; }

#noty_layout__top {
  top: 0;
  left: 5%;
  width: 90%; }

#noty_layout__topLeft {
  top: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__topCenter {
  top: 5%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__topRight {
  top: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__bottom {
  bottom: 0;
  left: 5%;
  width: 90%; }

#noty_layout__bottomLeft {
  bottom: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__bottomCenter {
  bottom: 5%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__bottomRight {
  bottom: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__center {
  top: 50%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - .5px), -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerLeft {
  top: 50%;
  left: 20px;
  width: 325px;
  -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerRight {
  top: 50%;
  right: 20px;
  width: 325px;
  -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

.noty_progressbar {
  display: none; }

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #646464;
  opacity: 0.2;
  filter: alpha(opacity=10); }

.noty_bar {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 0) translateZ(0) scale(1, 1);
  -ms-transform: translate(0, 0) scale(1, 1);
      transform: translate(0, 0) scale(1, 1);
  -webkit-font-smoothing: subpixel-antialiased;
  overflow: hidden; }

.noty_effects_open {
  opacity: 0;
  -webkit-transform: translate(50%);
      -ms-transform: translate(50%);
          transform: translate(50%);
  -webkit-animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.noty_effects_close {
  -webkit-animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.noty_fix_effects_height {
  -webkit-animation: noty_anim_height 75ms ease-out;
          animation: noty_anim_height 75ms ease-out; }

.noty_close_with_click {
  cursor: pointer; }

.noty_close_button {
  position: absolute;
  top: 2px;
  right: 2px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.noty_close_button:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.noty_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 10000;
  opacity: .3;
  left: 0;
  top: 0; }

.noty_modal.noty_modal_open {
  opacity: 0;
  -webkit-animation: noty_modal_in .3s ease-out;
          animation: noty_modal_in .3s ease-out; }

.noty_modal.noty_modal_close {
  -webkit-animation: noty_modal_out .3s ease-out;
          animation: noty_modal_out .3s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@-webkit-keyframes noty_modal_in {
  100% {
    opacity: .3; } }

@keyframes noty_modal_in {
  100% {
    opacity: .3; } }

@-webkit-keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@-webkit-keyframes noty_anim_in {
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1; } }

@keyframes noty_anim_in {
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1; } }

@-webkit-keyframes noty_anim_out {
  100% {
    -webkit-transform: translate(50%);
            transform: translate(50%);
    opacity: 0; } }

@keyframes noty_anim_out {
  100% {
    -webkit-transform: translate(50%);
            transform: translate(50%);
    opacity: 0; } }

@-webkit-keyframes noty_anim_height {
  100% {
    height: 0; } }

@keyframes noty_anim_height {
  100% {
    height: 0; } }
#noty_layout__topCenter {
    min-width: 40%;
}

.noty_close_button {
    top: 0;
    bottom: 0;
    margin: auto;
    right: 12px;
    font-weight: 100;
    font-size: 25px;
    background: none;
    color: #888888;
}

.noty_close_button:hover {
    background: none;
    color: #000000;
}
.swal2-popup.swal2-toast{box-sizing:border-box;grid-column:1/4!important;grid-row:1/4!important;grid-template-columns:1fr 99fr 1fr;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);pointer-events:all}.swal2-popup.swal2-toast>*{grid-column:2}.swal2-popup.swal2-toast .swal2-title{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.5em;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-popup.swal2-toast .swal2-html-container{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-popup.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:700}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-popup.swal2-toast .swal2-styled{margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-toast-animate-success-line-tip .75s;animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-toast-animate-success-line-long .75s;animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:swal2-toast-show .5s;animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:swal2-toast-hide .1s forwards;animation:swal2-toast-hide .1s forwards}.swal2-container{display:grid;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(-webkit-min-content,auto) minmax(-webkit-min-content,auto) minmax(-webkit-min-content,auto);grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:rgba(0,0,0,.4)}.swal2-container.swal2-backdrop-hide{background:0 0!important}.swal2-container.swal2-bottom-start,.swal2-container.swal2-center-start,.swal2-container.swal2-top-start{grid-template-columns:minmax(0,1fr) auto auto}.swal2-container.swal2-bottom,.swal2-container.swal2-center,.swal2-container.swal2-top{grid-template-columns:auto minmax(0,1fr) auto}.swal2-container.swal2-bottom-end,.swal2-container.swal2-center-end,.swal2-container.swal2-top-end{grid-template-columns:auto auto minmax(0,1fr)}.swal2-container.swal2-top-start>.swal2-popup{align-self:start}.swal2-container.swal2-top>.swal2-popup{grid-column:2;align-self:start;justify-self:center}.swal2-container.swal2-top-end>.swal2-popup,.swal2-container.swal2-top-right>.swal2-popup{grid-column:3;align-self:start;justify-self:end}.swal2-container.swal2-center-left>.swal2-popup,.swal2-container.swal2-center-start>.swal2-popup{grid-row:2;align-self:center}.swal2-container.swal2-center>.swal2-popup{grid-column:2;grid-row:2;align-self:center;justify-self:center}.swal2-container.swal2-center-end>.swal2-popup,.swal2-container.swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;align-self:center;justify-self:end}.swal2-container.swal2-bottom-left>.swal2-popup,.swal2-container.swal2-bottom-start>.swal2-popup{grid-column:1;grid-row:3;align-self:end}.swal2-container.swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;justify-self:center;align-self:end}.swal2-container.swal2-bottom-end>.swal2-popup,.swal2-container.swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;align-self:end;justify-self:end}.swal2-container.swal2-grow-fullscreen>.swal2-popup,.swal2-container.swal2-grow-row>.swal2-popup{grid-column:1/4;width:100%}.swal2-container.swal2-grow-column>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}.swal2-container.swal2-no-transition{transition:none!important}.swal2-popup{display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0,100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:#545454;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-title{position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 transparent #2778c4 transparent}.swal2-styled{margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px transparent;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#7066e0;color:#fff;font-size:1em}.swal2-styled.swal2-confirm:focus{box-shadow:0 0 0 3px rgba(112,102,224,.5)}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#dc3741;color:#fff;font-size:1em}.swal2-styled.swal2-deny:focus{box-shadow:0 0 0 3px rgba(220,55,65,.5)}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#6e7881;color:#fff;font-size:1em}.swal2-styled.swal2-cancel:focus{box-shadow:0 0 0 3px rgba(110,120,129,.5)}.swal2-styled.swal2-default-outline:focus{box-shadow:0 0 0 3px rgba(100,150,200,.5)}.swal2-styled:focus{outline:0}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:inherit;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto!important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.swal2-timer-progress-bar{width:100%;height:.25em;background:rgba(0,0,0,.2)}.swal2-image{max-width:100%;margin:2em auto 1em}.swal2-close{z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:0 0;color:#ccc;font-family:serif;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}.swal2-close:hover{transform:none;background:0 0;color:#f27474}.swal2-close:focus{outline:0;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}.swal2-close::-moz-focus-inner{border:0}.swal2-html-container{z-index:1;justify-content:center;margin:1em 1.6em .3em;padding:0;overflow:auto;color:inherit;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em 2em 3px}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid #d9d9d9;border-radius:.1875em;background:inherit;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px transparent;color:inherit;font-size:1.125em}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em 2em 3px;background:#fff}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-file{width:75%;margin-right:auto;margin-left:auto;background:inherit;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:inherit;color:inherit;font-size:1.125em}.swal2-checkbox,.swal2-radio{align-items:center;justify-content:center;background:#fff;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-checkbox input,.swal2-radio input{flex-shrink:0;margin:0 .4em}.swal2-input-label{display:flex;justify-content:center;margin:1em auto 0}.swal2-validation-message{align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:.25em solid transparent;border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474;color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-warning.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content{-webkit-animation:swal2-animate-i-mark .5s;animation:swal2-animate-i-mark .5s}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-info.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content{-webkit-animation:swal2-animate-i-mark .8s;animation:swal2-animate-i-mark .8s}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-question.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content{-webkit-animation:swal2-animate-question-mark .8s;animation:swal2-animate-question-mark .8s}.swal2-icon.swal2-success{border-color:#a5dc86;color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:inherit;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@-webkit-keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@-webkit-keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@-webkit-keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@-webkit-keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@-webkit-keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{background-color:transparent!important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:transparent;pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}

:root {
    --animation-duration-fast: 0.1s;
    --animation-duration: 0.2s;
    --font-family: "Mona Sans", "Nunito", sans-serif;
    --font-family-extra: "Inter", "Nunito", sans-serif;

    --header-height: 70px;
    --controls-size: 44px;
    --header-controls-size: 44px;

    --input-height: 56px;
    --tab-height: 68px;

    --screen-tablet: 1100px;

    --bs-gutter-x: 30px;

    --background-color: #fff;
    --background-main: #f5f7f9;
    --background-element: #F2F5F740;
    --border-color: #DEE2E4;
    --text-color: #303132; /*red;*/
    --text-contrast-color: #fff; /*red;*/
    --title-color: #7F7F7F;
    --text-pale-color: #6A6F74;

    --error-color: #D60128;
    --focus-color: #027FF1;
    --focus-color-2: rgba(2, 127, 241, 0.2);
    --focus-color-07: rgba(2, 127, 241, 0.07);
    --focus-darker-color: #027FF126;

    --background-color-disabled: #F0F2F3;
    --border-color-disabled: #E3E7EA;
    --text-color-disabled: #717171;

    --icon-company-bg: #FF7A001A;
    --icon-company-color: #FF7A00;
    --icon-project-bg: #E4E3FE;
    --icon-project-color: #6964F1;
    --icon-department-bg: #fedcec; /*#FEC5E099;*/
    --icon-department-color: #F065B0;
}

.dark,
[data-theme="dark"] {
    --background-color: #232224;
    --background-main: #1c1c1e;
    --background-element: #F2F5F708;
    --border-color: #49494B;
    --text-color: #fff;
    --text-contrast-color: #303132;
    --title-color: #C1C1C1;
    --text-pale-color: #D3D3D3;

    --text-color-disabled: #717171;
}


.dropdown {
    position: relative;
}
.dropdown .dropdown-menu {
    display: block;
    top: 75%;
    background: var(--background-color);
    border-radius: 8px;
    transition: all var(--animation-duration) ease-in-out;
    opacity: 0;
    /*transform: translate3d(0px, 50%, 0px);*/
    transform: none !important;
}

.dropdown .dropdown-menu:not(.show) {
    height: 0;
    overflow: hidden;
}
.dropdown .dropdown-menu.show {
    top: 100% !important;
    opacity: 1;
}
.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu,
.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu.show {
    padding: 0;
}
.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu a.dropdown-item {
    min-height: 44px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-color);
}
.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu a.dropdown-item:hover svg {
    color: var(--text-color);
}
.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu a.dropdown-item:hover {
    color: var(--text-color);
    background-color: color-mix(in srgb, var(--focus-color) 5%, transparent);
}
.dropdown-toggle::after {
    display: none;
}
.dropdown-menu.left {
    left: auto;
    right: 0;
    font: 500 1rem var(--font-family);
}
.dropdown-item {
    font: inherit;
}

/*==================================== Form styles ====================================*/
.form-control {
    padding: 0.25rem 1rem;
    min-height: 56px;
    font: 500 15px var(--font-family);
    background-color: var(--background-main);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    color: var(--text-color);
}

.form-control:focus {
    border: 1px solid var(--focus-color);
    background-color: transparent;
    outline: 1px solid var(--focus-color);
    color: var(--text-color);
    box-shadow: none;
}

input:disabled,
input.form-control:disabled,
textarea:disabled,
textarea.form-control:disabled {
    cursor: default;
    background: transparent;
    color: color-mix(in srgb, var(--text-pale-color) 50%, transparent);
    border-color: color-mix(in srgb, var(--border-color) 50%, transparent);
    background: color-mix(in srgb, var(--text-color) 5%, transparent);
}

.form-control.border-danger {
    border: 1px solid var(--error-color);
    outline: 1px solid var(--error-color);
}

textarea.form-control {
    min-height: 3.5rem;
    padding-top: 1rem;
}

/* btn styles */
.btn,
button.btn {
    height: 51px;
    padding: 0.5rem 1rem;
    font: 500 1rem var(--font-family);
    border-radius: 6px;
}
.btn.btn-sm {
    min-width: var(--controls-size);
    height: auto;
    min-height: var(--controls-size);
    padding: 0.5rem;
    font: 500 0.93rem/1.15rem var(--font-family-extra);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.3rem;
}
.btn.btn-sm:hover {
    color: var(--focus-color);
}
.btn:hover {
    transform: none;
}

.btn-primary {
    border: none;
    background-color: var(--focus-color);
    color: #fff;
}
.btn-outline {
    background: var(--background-main); /* transparent;*/
    border: 1px solid var(--border-color);
    color: var(--text-color);
}
.btn-danger {
    border: none;
    background-color: var(--error-color);
    color: #fff;
}

/* btn hover styles */
.btn-primary:hover {
    background-color: color-mix(in srgb, var(--focus-color) 80%, transparent);
    color: #fff;
}
.btn.btn-outline:hover {
    border-color: color-mix(in srgb, var(--focus-color) 60%, transparent);
    background-color: color-mix(in srgb, var(--focus-color) 10%, var(--background-color));
    color: var(--text-color);
}
.btn-danger:hover {
    background-color: color-mix(in srgb, var(--error-color) 80%, transparent);
    color: #fff;
}

/* btn disabled styles */
.btn:disabled {
    opacity: 1;
}
.btn.btn-primary:disabled,
.btn-danger:disabled {
    background: var(--background-color-disabled);
    color: var(--text-color-disabled);
}
.btn.btn-outline:disabled {
    background: transparent;
    border-color: var(--border-color-disabled);
    color: color-mix(in srgb, var(--text-color-disabled) 80%, transparent);
}

.form-group label, label {
    color: var(--text-color);
}

.btn.btn-link {
    background: none;
    border: none;
    text-decoration: none;
}
.btn-link.danger {
    color: var(--error-color);
}
.btn-link.danger:hover {
    background-color: color-mix(in srgb, var(--error-color) 80%, transparent);
    color: #fff;
}

/*==================================== Dropzone styles ====================================*/
.dropzone,
.form-group .dropzone {
    position: relative;
}
.dropzone .dz-preview,
.form-group .dropzone .dz-preview {
    margin: 0;
}
.vue-dropzone.dropzone {
    background: transparent;
    border: 1px solid var(--border-color);
}
.vue-dropzone.dropzone:hover {
    background: color-mix(in srgb, var(--text-color) 5%, transparent);
}
.dz-default.dz-message img {
    display: block;
    margin: 0 auto 10px;
}
.dropzone.dz-clickable {
    border-radius: .5rem;
}

/*==================================== Select styles ====================================*/
.form-select {
    height: var(--input-height);
    padding-right: 36px;
    transition: none;
    background-color: var(--background-color);
    color: var(--text-color);
    border: 1px solid var(--border-color);
    border-radius: .5rem;
}

.form-select,
.form-select:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%233b3f5c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.dark .form-select,
.dark .form-select:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.form-select:focus {
    background-color: var(--background-main);
    color: var(--text-color);
}

body.dark1 .form-select1:focus {
  box-shadow: none;
  border-color: #3b3f5c;
  color: #22c7d5;
  background-color: #1b2e4b;
}

body.dark1 .form-select1 {
    height: auto;
    font-size: 15px;
    padding: 0.75rem 1.25rem;
    letter-spacing: 1px;
    border: 1px solid #1b2e4b;
    color: #009688;
    background-color: #1b2e4b;
    border-radius: 6px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    transition: none;
}

.v-select .vs__dropdown-toggle,
.v-select.vs--open .vs__dropdown-toggle {
    background: var(--background-main);
    /*border: 1px solid var(--border-color);*/
    border: none;
    border-radius: .5rem;
}

.v-select {
    border: 1px solid var(--border-color);
}

.v-select.border-danger {
    border: 1px solid var(--border-color);
}

.vs__selected,
.v-select .vs__selected {
    color: var(--text-color);
    padding-left: .9rem;
}

.v-select.vs--open.vs--single .vs__selected {
    position: relative;
}

.v-select .vs__search,
.v-select .vs__search:focus {
    height: calc(var(--input-height) - 10px);
}

ul.vs__dropdown-menu,
.v-select .vs__dropdown-menu {
    background: var(--background-main);
    border-radius: .5rem;
    border: 1px solid var(--border-color);
    margin-top: .5rem;
    color: var(--text-color);
}

ul.vs__dropdown-menu {
    z-index: 2001;
}

.v-select__item {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.v-select__item_avatar {
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    line-height: 0;
    font-size: 0;
}

.v-select__item_avatar .avatar,
.v-select .v-select__item_avatar .avatar {
    width: 100%;
    height: 100%;
}

.v-select__item_text,
.v-select .v-select__item_text {
    flex-grow: 1;
    min-width: 0;
    white-space: normal;
    word-wrap: break-word;
}

.v-select__item_line + .v-select__item_line {
    margin-top: .5rem;
}

.v-select__item_title {
    display: block;
    min-width: 0;
    font: 500 1rem var(--font-family);
    color: var(--text-color);
}

.v-select__item_text span {
    line-height: 1;
    max-width: 55%;
}

.v-select__item_text span + span {
    text-align: right;
    max-width: 45%;
}

.v-select__item_subtitle {
    display: block;
    min-width: 0;
    color: var(--text-pale-color);
    font-size: 14px;
}

.v-select__item_line {
    display: flex;
    justify-content: space-between;
}

ul.vs__dropdown-menu .vs__dropdown-option {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.vs__dropdown-option + .vs__dropdown-option {
    border-top: 1px solid var(--border-color);
}

.vs__dropdown-option--highlight,
.v-select .vs__dropdown-option--highlight {
    background: color-mix(in srgb, var(--focus-color) 10%, transparent);
    color: #fff;
}

.vs__dropdown-option--highlight .v-select__item_title,
.vs__dropdown-option--highlight .v-select__item_subtitle {
    color: inherit;
}

.v-select__item_subtitle.sm {
    opacity: .8;
    font-size: 75%;
}

.form-select,
.form-select:focus,
.b-select .b-input .b-select__caret {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%233b3f5c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.dark .form-select,
.dark .form-select:focus,
.dark .b-select .b-input .b-select__caret {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.b-select .b-input .b-select__caret {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 12px;
}

.b-select .b-input .b-select__caret:before {
    font-size: 0;
    color: transparent;
}

.v-select .vs__open-indicator {
    fill: var(--text-color);
    transform: scaleY(0.65) scaleX(0.75) !important;
    opacity: 0.75;
}

/*==================================== Checkbox styles ====================================*/
.custom-checkbox {

}

.custom-checkbox label {
    height: auto;
    min-height: var(--controls-size);
    padding: 0;
    border: 1px solid var(--border-color);
    font: 500 1rem var(--font-family);
    color: var(--text-pale-color);
    background: var(--background-color);
}

.custom-checkbox label::before {
    background: transparent;
}

.custom-checkbox input[type="checkbox"]:checked + label {
    color: var(--focus-color);
    border-color: var(--focus-color);
}

.form-check.form-check-info {
    display: flex;
    align-items: center;
    min-height: var(--input-height);
    gap: .5rem;
    padding: .5rem 1rem;
    border-radius: 6px;
    border: 1px solid var(--border-color);
    background: var(--background-main);
    color: var(--text-color);

    background: var(--background-color);
    border-color: var(--border-color);
    color: var(--text-color);
}

.form-check.form-check-info .form-check-input {
    width: 24px;
    height: 24px;
}

.form-check.form-check-info .form-check-input:checked {
    background-color: var(--focus-color);
}

.form-check.form-check-info label {
    vertical-align: middle;
    color: inherit;
    margin: 0;
    cursor: pointer;
}

.form-check .form-check-input {
    margin: 0;
    cursor: pointer;
}



/*==================================== Modal styles ====================================*/
.close-btn i {
    color: var(--text-color);
}
.modal-wrapper h3 {
    position: relative;
    z-index: 3;
}
.modal-wrapper .close-btn {
    position: relative;
    z-index: 3;
}
.modal-wrapper {
    padding: 0 1rem;
}
#modal-container {
    width: min(873px, 100%);
    background: var(--background-main) !important;
    border-radius: 1rem;
}
.modal-mask .modal-wrapper .modal-header {
    border-color: var(--border-color);
}
.modal-mask .modal-wrapper .modal-footer {
    border-color: var(--border-color);
}
.modal-mask .modal-wrapper .modal-header .close-btn {
    border: 1px solid var(--border-color);
    background: transparent;
}
.modal-mask .modal-wrapper .modal-header .close-btn:hover {
    border-color: var(--focus-color);
}
.modal-wrapper .modal-header {
    height: auto;
    /*min-height: 55px;*/
    min-height: 80px;
    padding: .5rem 1rem;
    gap: .5rem;
    border-bottom: 1px solid var(--border-color);
}
.modal-header h3 {
    min-width: 0;
    word-wrap: break-word;
    margin-bottom: 0;
    color: var(--text-color);
}
.modal-header h3 span {
    display: block;
    font: 0.85rem var(--font-family);
    color: var(--text-pale-color);
}
.modal-body {
    padding: 1.5rem;
}
.modal-body .modal-footer {
    position: sticky;
    bottom: -1.5rem;
    padding: 20px 1.5rem 1.5rem;
    margin: 2rem -1.5rem -1.5rem;
    gap: .5rem;
    background: var(--background-main);
    border-radius: 0 0 1rem 1rem;
}

.body-overflow-visible .modal-body {
    overflow: visible;
    padding-top: 0;
    padding-bottom: 0;
}

.modal-content-overflow {
    max-height: calc(80vh - 200px);
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 -1.5rem -1.5rem;
    padding: 1.5rem;
}

.modal-footer .btn {
    margin: 0;
}

.modal-tab .b-tabs__header {
    margin-top: -62px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 9px;
    border: none
}

.modal-tab .b-tabs__header .b-tabs__item {
    position: relative;
    min-width: 170px;
    padding: 0.9rem 1rem;
    text-align: center;
    border: 1px solid var(--border-color);
    color: var(--text-pale-color);
}

.modal-tab .b-tabs__header .b-tabs__item + .b-tabs__item {
    border-left: none;
}

.modal-tab .b-tabs__header .b-tabs__item:first-child {
    border-radius: 4px 0 0 4px;
}

.modal-tab .b-tabs__header .b-tabs__item:last-child {
    border-radius: 0 4px 4px 0;
}

.modal-tab .b-tabs__header .b-tabs__item:not(:last-child) {
    border-right: none;
}

.modal-tab .b-tabs__header .b-tabs__item:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    box-sizing: border-box;
    margin: auto;
    border-bottom: 2px solid var(--focus-color);
    transition: all var(--animation-duration) ease-in-out;
}

.modal-tab .b-tabs__header .b-tabs__item.active {
    color: var(--text-color);
}
.modal-tab .b-tabs__header .b-tabs__item.active:before {
    width: 100%;
}






/* sweet alert buttons */
.swal2-container.swal2-center>.swal2-popup {
    border-radius: 1rem;
}
.swal2-title,
.swal2-container .swal2-title {
    font: 1.5rem var(--font-family);
}

.swal2-container .swal2-popup {
    background: var(--background-main);
}

.swal2-styled.swal2-confirm {
    height: 51px;
    padding: 0.5rem 2rem;
    font: 500 1rem var(--font-family);
    border: none !important;
    background-color: var(--focus-color) !important;
    color: #fff !important;
}
.swal2-container .swal2-styled.swal2-confirm:focus {
    box-shadow: none;
}

.swal2-popup.swal2-toast {
    font: 500 1rem var(--font-family);
    border: none !important;
    background-color: var(--focus-color) !important;
    color: #fff !important;
}



.tooltip {
    display: block !important;
    z-index: 10000;
}

.tooltip .tooltip-inner {
    background: black;
    color: white;
    border-radius: 16px;
    padding: 5px 10px 4px;
}

.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: black;
}

.tooltip[x-placement^="top"] {
    margin-bottom: 5px;
}

.tooltip[x-placement^="top"] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}

.tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}

.tooltip[x-placement^="bottom"] .tooltip-arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}

.tooltip[x-placement^="right"] {
    margin-left: 5px;
}

.tooltip[x-placement^="right"] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

.tooltip[x-placement^="left"] {
    margin-right: 5px;
}

.tooltip[x-placement^="left"] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

.tooltip[aria-hidden='true'] {
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s, visibility .15s;
}

.tooltip[aria-hidden='false'] {
    visibility: visible;
    opacity: 1;
    transition: opacity .15s;
}

.form-tooltip {
    position: fixed;
    z-index: 10;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.form-tooltip_content {
    position: relative;
    min-height: 0;
    margin-left: 3.5rem;
    margin-right: 1rem;
    background: var(--background-main);
    border-radius: 1rem;
    padding: 1rem;
    box-shadow: -5px 0 15px rgba(0,0,0,0.1);
}

.form-tooltip_content:before {
    /*content: "";*/
    position: absolute;
    right: calc(100% - 12px);
    top: calc(50% - 7px);
    background: var(--background-main);
    border-radius: 5px;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
}

.content .card-table-issue {
    background: var(--background-color);
    border: none;
}

.content .card-table-row .card-table-row__body div {
    flex-grow: 1;
    font: 500 1rem/100% var(--font-family);
    color: var(--text-pale-color);
    border: 1px solid red;
    border-radius: .5rem;
}

.content .card-table-row .card-table-row__label div {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font: 500 1rem/100% var(--font-family);
    color: var(--text-pale-color);
    border: 1px solid red;
    border-radius: .5rem;
}

.content .card-table-row .card-table-row__label div:not(:last-child),
.content .card-table-row .card-table-row__body div:not(:last-child) {
    border: 1px solid red;
}

.content .card-table-row .card-table-row__body {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
}

.content .card-table-row .card-table-row__label.cell-50,
.content .card-table-row .card-table-row__body.cell-50 {
    display: flex;
    flex-direction: column;
}

.content .card-table-row .card-table-row__label.cell-50 > div,
.content .card-table-row .card-table-row__body.cell-50 > div {
    flex: 1 0 50%;
}

.content .card-table-row .card-table-row__label {
    font: 14px var(--font-family-extra);
}

.content .card-table-row .card-table-row__single {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid red;
    border-radius: .5rem;
}

.content .card-table-row:not(:last-child) {
    border: none;
}

.content .card-table-row .card-table-row__type {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid red;
    border-radius: .5rem;
    font: 500 14px/120% var(--font-family);
    padding: 10px;
    min-width: 37px;
}

.content .card-table-row .card-table-row__type span {
    writing-mode: sideways-lr;
}

.table-responsive {
    background: var(--background-color);
}


.s-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.s-cell {
    border: 1px solid var(--border-color);
    border-radius: .5rem;
    padding: 16px;
}


.card-table .s-col-1 {

}
.card-table .card-table__label.s-col-2 {
    font-size: 14px;
}
.card-table .s-col-3 {width: 33%}
.card-table .s-col-4 {width: 37%}

.card-table .card-table__type {
    width: 30px;
    padding: 12px 7px;
    font: 500 14px/120% var(--font-family);
    color: var(--text-pale-color);
    background: color-mix(in srgb, #F2F6FA 50%, transparent);
    text-transform: uppercase;
}
.card-table .card-table__type span {
    writing-mode: sideways-lr;
}

.card-table .card-table__label {
    font: 500 1rem/100% var(--font-family);
    text-transform: uppercase;
    color: var(--text-pale-color);
    text-align: center;

}
.card-table .card-table__body {
    text-transform: none;
}

.card-table .clf-positive {
    background-color: color-mix(in srgb, #E5FFEA 85%, transparent);
}

.card-table .clf-negative {
    background-color: color-mix(in srgb, #FFE5E5 85%, transparent);
}
























body {
    color: var(--text-color);
    font: 16px var(--font-family);

    background-image: radial-gradient(#eaebee 6%, transparent 0);
    background-color: var(--background-main);
    background-position: 0 0, 30px 30px;
    background-size: 30px 30px;
}

body.dark {
    font: 16px var(--font-family);
    background-image: radial-gradient(#292929 5%, transparent 0);
    background-color: var(--background-main);
    background-position: 0 0, 50px 50px;
    background-size: 50px 50px;
}

h2,
.h2 {
    font: 500 1.5rem var(--font-family);
    color: var(--text-color);
    padding-bottom: 1.5rem;
    color: inherit;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

.flex {
    display: flex;
}

.attr span {
    color: var(--text-pale-color);
}

.help-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    background: url("/images/help.svg") no-repeat center center;
    background-size: contain;
}
.help-icon.pointer {
    cursor: pointer;
}
.dark .help-icon {
    background-image: url("/images/help-dark.svg");
}

.sorting-asc:after,
.sorting-desc:after {
    opacity: .55;
}

.sorting-desc.active:after {
    opacity: 1;
    -webkit-mask-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,.55) 51%);
    mask-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,.55) 51%);
}
.sorting-asc.active:after {
    opacity: 1;
    -webkit-mask-image: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,.55) 51%);
    mask-image: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,.55) 51%);
}

.pagination .page-link {
    color: var(--text-link-color);
    background-color: var(--background-main);
    cursor: pointer;
}
.pagination .page-link:hover {
    color: var(--text-color);
}
.pagination .page-link.active {
    color: var(--text-color);
}

/*==================================== Tile styles ====================================*/
.tile {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem;
    border-radius: 1rem;
    background: var(--background-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    transition: all var(--animation-duration) ease-in-out;
}
.tile.clickable {
    cursor: pointer;
}
.tile.clickable:hover {
    color: var(--text-color);
    border-color: var(--focus-color);
    box-shadow: 0 0 9px 0 var(--focus-darker-color);
}
.tile:hover .task-action {
    border-color: var(--border-color);
}
.tile .task-action:hover,
.tile.clickable:hover .task-action:hover {
    border-color: var(--focus-color);
}
.tile__link{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.tile__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}
.tile .task-action {
    border: 1px solid transparent;
    border-radius: 8px;
    transition: all var(--animation-duration) ease-in-out;
}
.tile .task-action .dropdown-toggle {
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
}
.tile .dropdown-toggle:hover {
    color: var(--focus-color);
}
.tile__avatar {
    flex-shrink: 0;
}
.tile__title {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-width: 0;
    color: var(--text-color);
}
.title__name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-width: 100%;
    overflow: hidden;
    font: 20px/20px var(--font-family-extra);
    text-overflow: ellipsis;
    word-wrap: break-word;
}
.tile__description {
    flex-grow: 2;
    font-size: 1rem;
    line-height: 1.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
.tile__footer {
    margin-top: auto;
}

.h-breadcrumbs {
    height: var(--header-height);
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 var(--bs-gutter-x,.75rem);
    font: 500 1rem/1.1rem var(--font-family);
    color: var(--title-color);
}

.h-breadcrumbs__item {
    min-width: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    color: var(--text-color);
}

.h-breadcrumbs__item:not(:last-child) {
    max-width: calc(33% - 1rem - 8px);
}

.h-breadcrumbs__label {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.h-breadcrumbs__sep {
    padding-bottom: 4px;
}

.h-breadcrumbs__sep + .h-breadcrumbs__sep {
    display: none;
}

.h-breadcrumbs__item .avatar {
    width: 2rem;
    height: 2rem;
}

@media screen and (min-width: 1100px) {
    .h-breadcrumbs {
        max-width: calc(100% - 462px);
        margin-top: calc(-1 * var(--header-height));
        border-bottom: none;
    }
}

.p-wrap {
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--header-height));
}

.p-nav {
    flex-shrink: 0;
    background: var(--background-color);
}

.p-nav .nav-tabs {
    margin-bottom: 0;
}

.p-content {
    min-height: 0;
    flex-grow: 1;
    flex-shrink: 0;
}

.nav-tabs,
.b-tabs__header {
    margin-bottom: 0;
    border-bottom: 1px solid var(--border-color);
    padding: 0;
    min-height: 3.25rem;
    font: 500 1rem var(--font-family);
    background: var(--background-color);
}

.modal-tab .b-tabs__header {
    background: transparent;
}

.nav-item {
    display: flex;
    align-items: stretch;
}

.nav-tabs .nav-item {
    margin-bottom: 0;
}

.nav-tabs .nav-item .nav-link,
.b-tabs__header .b-tabs__item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    padding: .25rem 1.5rem;
    color: var(--text-pale-color);
    font: 500 1rem var(--font-family);
}

.nav-tabs .nav-item .nav-link:before,
.b-tabs__header .b-tabs__item:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    box-sizing: border-box;
    margin: auto;
    border-bottom: 2px solid var(--focus-color);
    transition: all var(--animation-duration) ease-in-out;
}

.nav-tabs .nav-item.active .nav-link,
.nav-tabs .nav-item .nav-link:hover,
.b-tabs__header .b-tabs__item.active,
.b-tabs__header .b-tabs__item:hover {
    color: var(--text-color);
}

.nav-tabs .nav-item:has(> .nav-link.active) .nav-link {
    color: var(--text-color);
}

.nav-tabs .nav-item.active .nav-link:before,
.b-tabs__header .b-tabs__item.active:before{
    width: 100%;
}

.nav-tabs .nav-item:has(> .nav-link.active) .nav-link:before {
    width: 100%;
}

.nav-link,
.b-tabs__header .b-tabs__item {
    cursor: pointer;
}

.b-tabs {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    min-height: 0;
}
.b-tabs__header {
    flex-shrink: 0;
}

.b-tabs__header {

}

/*==================================== Table styles ====================================*/

.table {
    color: var(--text-color);
}

.table thead {
    font: 500 1rem/1.2rem var(--font-family);
    color: var(--text-pale-color);
}

.table thead th {
    font: inherit;
    text-transform: uppercase;
}

.table thead tr {
    border-bottom: 1px solid var(--border-color);
}

.table tbody {

}

.table tr,
.table thead th,
.table td {
    border-color: var(--border-color);
    vertical-align: middle;
}


.table tr + tr {
    border-top: 1px solid var(--border-color);
}

.table th,
.table td {
    padding: 14px;
}

/*==================================== Tab styles ====================================*/

.styled-tabs {
    margin-bottom: 0;
    padding: 0 .5rem;
    border-radius: 6px;
    border: 1px solid var(--border-color);
    background: var(--background-color);
}

.styled-tabs .nav-link {
    min-height: var(--input-height);
}

/*==================================== Widget styles ====================================*/

.widget-wrap .widget.widget-card-four {
    background: var(--background-color);
    border: 1px solid var(--border-color);
    border-radius: 1rem;
}

.widget-wrap .widget_flex {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

.widget-wrap .widget_sidebar {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: min(30%, 400px);
    flex-shrink: 0;
}

.widget-wrap .widget_content {
    flex-grow: 1;
    padding: 2rem;
}

.widget-wrap .b-card-group {
    border: none;
    border-right: 1px solid var(--border-color);

}

.widget-wrap .b-card {
    border-bottom: 1px solid var(--border-color);
}

.widget-wrap .b-card-title {
    font: 500 1.13rem var(--font-family);
    margin: 0;
}

.widget-wrap .b-card-header:hover,
.widget-wrap .b-card-header.active {
    background: var(--focus-color-07) !important;
}



.widget_sidebar_top {
    /*position: sticky;
    top: 0;
    z-index: 3;*/
    padding: 16px;
    border-bottom: 1px solid var(--border-color);
}

.widget_sidebar_center {
    flex-grow: 1;
    /*min-height: 30vh;*/
}

.widget_sidebar_bottom {
    position: sticky;
    bottom: 0;
    z-index: 3;
    border-top: 1px solid var(--border-color);
    background: var(--background-color);
    border-radius: 0 0 0 1rem;
    padding: 1rem;
}

.widget_sidebar_bottom .btn {
    flex-grow: 1;
    flex-shrink: 0;
}

.widget_sidebar_helper {
    position: sticky;
    top: 0;
    z-index: 3;
}

.widget_sidebar_helper .b-helper {
    position: absolute;
    top: 0;
    left: 0;
}


/*==================================== Selected Stakeholder Card ====================================*/

.selected-stakeholder {
    word-wrap: break-word;
    padding: 1rem;
    background: var(--background-color);
    border-radius: .5rem;
    box-shadow: 0 0 7px rgba(0,0,0,0.03);

}
.selected-stakeholder_header {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    margin-bottom: .35rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid var(--border-color);
}
.selected-stakeholder_avatar {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
}
.selected-stakeholder_title-wrap {
    flex-grow: 1;
    align-self: center;
}
.selected-stakeholder_title {
    font: 500 1rem var(--font-family);
}
.selected-stakeholder_subtitle {
    font: 500 .85rem/1.2 var(--font-family);
}
.selected-stakeholder_info {
    font: 500 .85rem/1.2 var(--font-family);
    opacity: .7;
}

/*==================================== ... styles ====================================*/


.avatar[data-v-2c0d497a] {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
}
.avatar[data-v-2c0d497a]:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  border: 1px solid rgba(0,0,0,0.05);
}
.avatar.no-border[data-v-2c0d497a]:before {
  border: none;
}
.avatar img[data-v-2c0d497a] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.close-btn{
  cursor: pointer;
}


.toggle[data-v-7485d2d3] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  cursor: pointer;
}
.light-mode[data-v-7485d2d3] {
  display: inline-block;
  color: #e2a03f;
  fill: #e2a03f;
}
.dark .light-mode[data-v-7485d2d3] {
  display: none;
}
.dark-mode[data-v-7485d2d3] {
  display: none;
  color: #bfc9d4;
  fill: #bfc9d4;
}
.dark .dark-mode[data-v-7485d2d3] {
  display: inline-block;
}


.lang-switcher[data-v-4f3ba3e8] {
  position: relative;
  height: 44px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  text-transform: uppercase;
  color: var(--text-color);
}
.lang-switcher__button[data-v-4f3ba3e8] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 6px 12px;
  cursor: pointer;
  gap: 6px;
}
.lang-switcher .dropdown-item[data-v-4f3ba3e8] {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  color: var(--text-color);
}
.lang-switcher .dropdown-item[data-v-4f3ba3e8]:hover {
  background: var(--background-element);
  color: var(--text-color);
}
.flag[data-v-4f3ba3e8] {
  width: 15px;
  height: 15px;
  object-fit: cover;
  border-radius: 50%;
  overflow: hidden;
}
.dropdown .dropdown-menu[data-v-4f3ba3e8]{
  min-width: 0;
}


.search[data-v-5b8d3e67] {
  position: relative;
}
.search__icon[data-v-5b8d3e67] {
  position: absolute;
  display: flex;
  align-items: center;
  left: 15px;
  top: 0;
  bottom: 0;
  color: var(--text-pale-color);
}
.search__input[data-v-5b8d3e67] {
  min-height: var(--header-controls-size);
  padding-left: 42px;
}
.search__result[data-v-5b8d3e67] {
  position: absolute;
  z-index: 999;
  box-sizing: border-box;
  max-height: 0;
  top: 75%;
  left: 0;
  opacity: 0;
  min-width: 100%;
  padding: 0;
  border: 1px solid var(--border-color);
  background: var(--background-color);
  border-radius: 8px;
  overflow: hidden;
  transition: all var(--animation-duration) ease-in-out;

  /*.search__input:focus + .search__result {*/

  max-height: fit-content;
  top: 100%;
  opacity: 1;
  padding: 0.25rem 0;
}
.search__result.hidden[data-v-5b8d3e67] {
  display: none;
}
.search__section + .search__section[data-v-5b8d3e67] {
  padding-top: 0.5rem;
}
.search__subtitle[data-v-5b8d3e67] {
  padding: 0.25rem 1rem;
  font-size: 80%;
  color: var(--title-color);
}
.search__result_item[data-v-5b8d3e67] {
  padding: 0.25rem 1rem;
  cursor: pointer;
  color: var(--text-color)
}
.search__result_item[data-v-5b8d3e67]:hover {
  background:  var(--background-element);
}



.header[data-v-d615ccd6] {
  height: var(--header-height);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  background: var(--background-color);
  border-bottom: 1px solid var(--border-color);
}
.header__nav[data-v-d615ccd6] {
  position: relative;
  /*z-index: 5;*/
  display: flex;
  gap: 8px;
  align-items: center;
}
.header__nav_toggle[data-v-d615ccd6] {
  margin-right: auto;
}
.avatar-container[data-v-d615ccd6] {
  cursor: pointer;
}
.dropdown-menu[data-v-d615ccd6] {
  left: auto;
  right: 0;
  color: var(--text-color);
}
.dropdown-menu .dropdown-item[data-v-d615ccd6] {
  display: flex;
  gap: 0.5rem;
  color: var(--text-color);
  font-size: 14px;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 8px;
}
.dropdown-menu .dropdown-item[data-v-d615ccd6]:hover {
  background: var(--background-element);
}
.avatar-container[data-v-d615ccd6] {
  position: relative;
}
.avatar[data-v-d615ccd6] {
  width: var(--header-controls-size);
  height: var(--header-controls-size);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  color: var(--text-color);
}
.avatar-indicators[data-v-d615ccd6]:before {
  content: "";
  position: absolute;
  bottom: 1%;
  right: 5%;
  width: 28%;
  height: 28%;
  border-radius: 50%;
  border: none;
}
.avatar-offline[data-v-d615ccd6]:before {
  background-color: #506690;
}
.avatar-online[data-v-d615ccd6]:before {
  background-color: #009688;
}
.user-profile-dropdown .dropdown-item[data-v-d615ccd6] {
}
.avatar img[data-v-d615ccd6] {
  border: none;
}
@media (min-width: 1100px) {
.header__nav_toggle[data-v-d615ccd6] {
    display: none;
}
}



.logo[data-v-3d736c09] {
  width: 145px;
  overflow: hidden;
  transition: all var(--animation-duration) ease-in-out;
  color: var(--text-color);
}
.logo.minimized[data-v-3d736c09] {
  width: 28px;
}

/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
.dropzone, .dropzone * {
  box-sizing: border-box; }

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px; }
  .dropzone.dz-clickable {
    cursor: pointer; }
    .dropzone.dz-clickable * {
      cursor: default; }
    .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
      cursor: pointer; }
  .dropzone.dz-started .dz-message {
    display: none; }
  .dropzone.dz-drag-hover {
    border-style: solid; }
    .dropzone.dz-drag-hover .dz-message {
      opacity: 0.5; }
  .dropzone .dz-message {
    text-align: center;
    margin: 2em 0; }
  .dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px; }
    .dropzone .dz-preview:hover {
      z-index: 1000; }
      .dropzone .dz-preview:hover .dz-details {
        opacity: 1; }
    .dropzone .dz-preview.dz-file-preview .dz-image {
      border-radius: 20px;
      background: #999;
      background: linear-gradient(to bottom, #eee, #ddd); }
    .dropzone .dz-preview.dz-file-preview .dz-details {
      opacity: 1; }
    .dropzone .dz-preview.dz-image-preview {
      background: white; }
      .dropzone .dz-preview.dz-image-preview .dz-details {
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -ms-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear; }
    .dropzone .dz-preview .dz-remove {
      font-size: 14px;
      text-align: center;
      display: block;
      cursor: pointer;
      border: none; }
      .dropzone .dz-preview .dz-remove:hover {
        text-decoration: underline; }
    .dropzone .dz-preview:hover .dz-details {
      opacity: 1; }
    .dropzone .dz-preview .dz-details {
      z-index: 20;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      font-size: 13px;
      min-width: 100%;
      max-width: 100%;
      padding: 2em 1em;
      text-align: center;
      color: rgba(0, 0, 0, 0.9);
      line-height: 150%; }
      .dropzone .dz-preview .dz-details .dz-size {
        margin-bottom: 1em;
        font-size: 16px; }
      .dropzone .dz-preview .dz-details .dz-filename {
        white-space: nowrap; }
        .dropzone .dz-preview .dz-details .dz-filename:hover span {
          border: 1px solid rgba(200, 200, 200, 0.8);
          background-color: rgba(255, 255, 255, 0.8); }
        .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
          overflow: hidden;
          text-overflow: ellipsis; }
          .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
            border: 1px solid transparent; }
      .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
        background-color: rgba(255, 255, 255, 0.4);
        padding: 0 0.4em;
        border-radius: 3px; }
    .dropzone .dz-preview:hover .dz-image img {
      -webkit-transform: scale(1.05, 1.05);
      -moz-transform: scale(1.05, 1.05);
      -ms-transform: scale(1.05, 1.05);
      -o-transform: scale(1.05, 1.05);
      transform: scale(1.05, 1.05);
      -webkit-filter: blur(8px);
      filter: blur(8px); }
    .dropzone .dz-preview .dz-image {
      border-radius: 20px;
      overflow: hidden;
      width: 120px;
      height: 120px;
      position: relative;
      display: block;
      z-index: 10; }
      .dropzone .dz-preview .dz-image img {
        display: block; }
    .dropzone .dz-preview.dz-success .dz-success-mark {
      -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview.dz-error .dz-error-mark {
      opacity: 1;
      -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
      pointer-events: none;
      opacity: 0;
      z-index: 500;
      position: absolute;
      display: block;
      top: 50%;
      left: 50%;
      margin-left: -27px;
      margin-top: -27px; }
      .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
        display: block;
        width: 54px;
        height: 54px; }
    .dropzone .dz-preview.dz-processing .dz-progress {
      opacity: 1;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    .dropzone .dz-preview.dz-complete .dz-progress {
      opacity: 0;
      -webkit-transition: opacity 0.4s ease-in;
      -moz-transition: opacity 0.4s ease-in;
      -ms-transition: opacity 0.4s ease-in;
      -o-transition: opacity 0.4s ease-in;
      transition: opacity 0.4s ease-in; }
    .dropzone .dz-preview:not(.dz-processing) .dz-progress {
      -webkit-animation: pulse 6s ease infinite;
      -moz-animation: pulse 6s ease infinite;
      -ms-animation: pulse 6s ease infinite;
      -o-animation: pulse 6s ease infinite;
      animation: pulse 6s ease infinite; }
    .dropzone .dz-preview .dz-progress {
      opacity: 1;
      z-index: 1000;
      pointer-events: none;
      position: absolute;
      height: 16px;
      left: 50%;
      top: 50%;
      margin-top: -8px;
      width: 80px;
      margin-left: -40px;
      background: rgba(255, 255, 255, 0.9);
      -webkit-transform: scale(1);
      border-radius: 8px;
      overflow: hidden; }
      .dropzone .dz-preview .dz-progress .dz-upload {
        background: #333;
        background: linear-gradient(to bottom, #666, #444);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 0;
        -webkit-transition: width 300ms ease-in-out;
        -moz-transition: width 300ms ease-in-out;
        -ms-transition: width 300ms ease-in-out;
        -o-transition: width 300ms ease-in-out;
        transition: width 300ms ease-in-out; }
    .dropzone .dz-preview.dz-error .dz-error-message {
      display: block; }
    .dropzone .dz-preview.dz-error:hover .dz-error-message {
      opacity: 1;
      pointer-events: auto; }
    .dropzone .dz-preview .dz-error-message {
      pointer-events: none;
      z-index: 1000;
      position: absolute;
      display: block;
      display: none;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease;
      -moz-transition: opacity 0.3s ease;
      -ms-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
      border-radius: 8px;
      font-size: 13px;
      top: 130px;
      left: -10px;
      width: 140px;
      background: #be2626;
      background: linear-gradient(to bottom, #be2626, #a92222);
      padding: 0.5em 1.2em;
      color: white; }
      .dropzone .dz-preview .dz-error-message:after {
        content: '';
        position: absolute;
        top: -6px;
        left: 64px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #be2626; }
.vue-dropzone{border:2px solid #e5e5e5;font-family:Arial,sans-serif;letter-spacing:.2px;color:#777;transition:.2s linear}.vue-dropzone:hover{background-color:#f6f6f6}.vue-dropzone>i{color:#ccc}.vue-dropzone>.dz-preview .dz-image{border-radius:0;width:100%;height:100%}.vue-dropzone>.dz-preview .dz-image img:not([src]){width:200px;height:200px}.vue-dropzone>.dz-preview .dz-image:hover img{transform:none;-webkit-filter:none}.vue-dropzone>.dz-preview .dz-details{bottom:0;top:0;color:#fff;background-color:rgba(33,150,243,.8);transition:opacity .2s linear;text-align:left}.vue-dropzone>.dz-preview .dz-details .dz-filename{overflow:hidden}.vue-dropzone>.dz-preview .dz-details .dz-filename span,.vue-dropzone>.dz-preview .dz-details .dz-size span{background-color:transparent}.vue-dropzone>.dz-preview .dz-details .dz-filename:not(:hover) span{border:none}.vue-dropzone>.dz-preview .dz-details .dz-filename:hover span{background-color:transparent;border:none}.vue-dropzone>.dz-preview .dz-progress .dz-upload{background:#ccc}.vue-dropzone>.dz-preview .dz-remove{position:absolute;z-index:30;color:#fff;margin-left:15px;padding:10px;top:inherit;bottom:15px;border:2px #fff solid;text-decoration:none;text-transform:uppercase;font-size:.8rem;font-weight:800;letter-spacing:1.1px;opacity:0}.vue-dropzone>.dz-preview:hover .dz-remove{opacity:1}.vue-dropzone>.dz-preview .dz-error-mark,.vue-dropzone>.dz-preview .dz-success-mark{margin-left:auto;margin-top:auto;width:100%;top:35%;left:0}.vue-dropzone>.dz-preview .dz-error-mark svg,.vue-dropzone>.dz-preview .dz-success-mark svg{margin-left:auto;margin-right:auto}.vue-dropzone>.dz-preview .dz-error-message{margin-left:auto;margin-right:auto;left:0;width:100%;text-align:center}.vue-dropzone>.dz-preview .dz-error-message:after{display:none}

.org-breadcrumbs {
  color: #505D68;
  font-size: 16px;
  margin-top: 4px;
  margin-bottom: 18px;
}
.modal-header {
  padding: 35px 15px;
  background: none;
}
.close-btn {
  padding: 8px 15px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
}
#modal-container button {
  width: auto;
}


.sidebar[data-v-8b8675a2] {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 15;
  overflow: hidden;

  width: 100%;
  height: 100%;
  flex-shrink: 0;
  background: var(--background-color);
  border-right: 1px solid var(--border-color);
  transition: all var(--animation-duration) ease-in-out;
}
.sidebar.closed[data-v-8b8675a2] {
  width: 0;
}
.sidebar__container[data-v-8b8675a2] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  overflow: auto;
  background: inherit;
  transition: all var(--animation-duration) ease-in-out;
}
.sidebar__toggle[data-v-8b8675a2] {
  position: absolute;
  top: calc(var(--header-height) / 2 - 16px);
  right: 20px;
  z-index: 2;
}
.sidebar__logo[data-v-8b8675a2] {
  min-width: 0;
  height: var(--header-height);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid var(--border-color);
}
.sidebar__logo_link[data-v-8b8675a2] {
  min-width: 0;
  transition: all var(--animation-duration) ease-in-out;
}
.sidebar__sections[data-v-8b8675a2] {
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.25rem 0.75rem;
}
.sidebar__header[data-v-8b8675a2] {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-content: center;
  gap: 0.75rem;
}
.sidebar__lock[data-v-8b8675a2] {
  display: none;
  flex-shrink: 0;
  margin-left: auto;
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  cursor: pointer;
  color: color-mix(in srgb, var(--text-color) 50%, transparent);
  transition: all var(--animation-duration) ease-in-out;
}
.sidebar__lock[data-v-8b8675a2]:hover {
  color: color-mix(in srgb, var(--text-color) 100%, transparent);
}
.sidebar__lock_icon[data-v-8b8675a2] {
  position: absolute;
  top: 0px;
}
.sidebar__lock_icon.on[data-v-8b8675a2] {
  left: 5px;
}
.sidebar__lock_icon.off[data-v-8b8675a2] {
  left: 7px;
}
.sidebar__title[data-v-8b8675a2] {
  min-width: 0;
  overflow: hidden;
  padding: 0 0.5rem;
  color: var(--title-color);
  transition: all var(--animation-duration) ease-in-out;
}
.sidebar__nav[data-v-8b8675a2] {
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.sidebar__nav_item[data-v-8b8675a2] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: -1px;
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  transition: all var(--animation-duration) ease-in-out;
  color: var(--text-color);
  text-decoration: none;
}
.sidebar__nav_item[data-v-8b8675a2]:hover,
.sidebar__nav_item.active[data-v-8b8675a2] {
  border-color: var(--border-color);
  background:  var(--background-element);
}
.sidebar__nav_item.add-company[data-v-8b8675a2] {
  margin-top: .5rem;
  margin-bottom: 1.5rem;
  cursor: pointer;
}
.sidebar__nav_item .add-company__icon[data-v-8b8675a2] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 6px;
  font-weight: 400;
  font-size: 1.75rem;

  opacity: 0.85;
  color: var(--text-pale-color);
  background: var(--focus-color-07);
  border: 1px solid var(--border-color);
  transition: all var(--animation-duration) ease-in-out;
}
.sidebar__nav_item.add-company:hover .add-company__icon[data-v-8b8675a2] {
  opacity: 1;
  border-color: var(--focus-color);
  color: var(--focus-color);
}
.sidebar__company[data-v-8b8675a2] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  line-height: 19px;
  transition: all var(--animation-duration) ease-in-out;
}
.sidebar__copyright[data-v-8b8675a2] {
  margin-top: auto;
  padding: 1.25rem;
  font-size: 0.75rem;
  transition: all var(--animation-duration) ease-in-out;
}
@media screen and (min-width: 1100px) {
.sidebar[data-v-8b8675a2],
  .sidebar.closed[data-v-8b8675a2] {
    position: sticky;
    width: 84px;
    overflow: visible;
}
.sidebar__container[data-v-8b8675a2] {
    width: 84px;
    overflow: hidden;
    border-right: 1px solid var(--border-color);
}
.sidebar__nav[data-v-8b8675a2] {
    overflow: hidden;
}
.sidebar.locked .sidebar__container[data-v-8b8675a2],
  .sidebar:hover .sidebar__container[data-v-8b8675a2] {
    width: 280px;
}
.sidebar.locked[data-v-8b8675a2] {
    width: 280px;
}
.sidebar.locked .sidebar__container .sidebar__nav[data-v-8b8675a2],
  .sidebar:hover .sidebar__container .sidebar__nav[data-v-8b8675a2] {
    overflow-y: auto;
}
.sidebar__lock[data-v-8b8675a2] {
    display: block;
}
.sidebar__title[data-v-8b8675a2],
  .sidebar__lock[data-v-8b8675a2] {
    opacity: 0;
}
.sidebar:hover .sidebar__title[data-v-8b8675a2],
  .locked .sidebar__title[data-v-8b8675a2],
  .sidebar:hover .sidebar__lock[data-v-8b8675a2],
  .locked .sidebar__lock[data-v-8b8675a2] {
    opacity: 1;
}
.sidebar__logo_link[data-v-8b8675a2] {
    max-width: 28px;
    overflow: hidden;
}
.sidebar:hover .sidebar__logo_link[data-v-8b8675a2],
  .locked .sidebar__logo_link[data-v-8b8675a2] {
    max-width: 150px;
}
.sidebar__copyright[data-v-8b8675a2] {
    white-space: nowrap;
    overflow: hidden;
    max-width: 67px;
}
.sidebar:hover .sidebar__copyright[data-v-8b8675a2],
  .locked .sidebar__copyright[data-v-8b8675a2] {
    max-width: 280px;
}
.sidebar__company[data-v-8b8675a2] {
    min-width: 180px;
    opacity: 0;
}
.sidebar:hover .sidebar__company[data-v-8b8675a2],
  .locked .sidebar__company[data-v-8b8675a2] {
    opacity: 1;
}

  /*.sidebar__container {
    width: 280px;
  }*/
  /*.sidebar.minimized {
    width: 84px;
  }*/
.sidebar__toggle[data-v-8b8675a2] {
    display: none;
}
}


.wrapper[data-v-9e672b2a] {
  position: relative;
  height: 100vh;
  overflow: auto;
  /*background: var(--background-color);*/
  display: flex;
}
.content[data-v-9e672b2a] {
  flex-grow: 1;
  min-width: 0;
}


.tile[data-v-7601bfe9] {
    align-items: stretch;
}
.tile__footer[data-v-7601bfe9] {
    padding-top: 1rem;
    position: relative;
    z-index: 5;
}
.tile__badges[data-v-7601bfe9] {
    position: relative;
    padding: 1rem 0;
}
/*  .tile__badges:before,
  .tile__badges:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1rem;
    border: 1px solid var(--border-color);
    transition: all var(--animation-duration) ease-in-out;
  }
  .tile:hover .tile__badges:before,
  .tile:hover .tile__badges:after {
    border-color: var(--focus-color);
  }
  .tile__badges:before {
    top: 0;
    border-radius: 10px 10px 0 0;
    border-bottom: none;
  }
  .tile__badges:after {
    bottom: 0;
    border-radius: 0 0 10px 10px;
    border-top: none;
  }*/
.tile__badges_wrapper[data-v-7601bfe9] {
    display: grid;
    /*grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));*/
    grid-template-columns: minmax(40%, 1fr) 1px minmax(40%, 1fr);
    align-items: center;
    gap: 10px;
}
.tile__badge_item[data-v-7601bfe9] {
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    /*border: 1px solid var(--border-color);*/
    justify-content: center;
    align-items: center;
    /*padding: 12px;*/
    padding: .5rem 0;
    gap: 0.4rem;
    border-radius: 0.5rem;
    font-size: 0.85rem;
    cursor: default;
}
.tile__badge_sep[data-v-7601bfe9] {
    height: 50%;
    border-left: 1px solid var(--border-color);
    transition: all var(--animation-duration) ease-in-out;
}
 /* .tile:hover .tile__badge_sep {
    border-color: var(--focus-color);
  }*/
.tile__badge_icon[data-v-7601bfe9] {
    flex-shrink: 0;
}


.tiles-wrap[data-v-48b9d04e] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  gap: 10px;
}
.widget.widget-five.new-company[data-v-48b9d04e] {
  cursor: pointer;
  height: 200px;
}
.widget.widget-five.company-b[data-v-48b9d04e]:hover, .widget.widget-five.new-company[data-v-48b9d04e]:hover, .widget.widget-five[data-v-48b9d04e]:hover {
  border: 1px solid #027FF1;
  box-shadow: 0px 0px 9px 0px #027FF126;
}
.company-b .widget-content p[data-v-48b9d04e] {
  font-size: 14px;
  font-weight: 300;
}
.company-b.widget-five .widget-heading[data-v-48b9d04e] {
  margin-bottom: 10px;
}
.company-b.widget-five .widget-heading .w-title h5[data-v-48b9d04e] {
  font-size: 15px;
  font-weight: 500;
}
.widget-five .widget-heading .usr-avatar[data-v-48b9d04e] {
  border-radius: 6px;
  border: 1px solid #00000005;
  background-color: #ffffff;
}
.widget.widget-five.project-b .usr-avatar[data-v-48b9d04e] {
  background: #E4E3FE;
}
.widget.widget-five.project-b .usr-avatar svg[data-v-48b9d04e] {
  color: #6964F1;
}
.widget-five .widget-content .meta-info .avatar.more-group[data-v-48b9d04e] {
  opacity: 1;
}
.company-b .widget-content .desc-c[data-v-48b9d04e] {
  height: 55px;
}
.widget-five.project-b .widget-content .meta-info .avatar img[data-v-48b9d04e], .widget-five.project-b .widget-content .meta-info .avatar .avatar-title[data-v-48b9d04e], body.dark .widget-five .widget-content .meta-info .avatar img[data-v-48b9d04e], body.dark .widget-five .widget-content .meta-info .avatar .avatar-title[data-v-48b9d04e] {
  border-radius: 39px;
}



.avatars-list {
  position: relative;
  display: block;
}
.avatars-list__item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid var(--background-color);
  font: 500 1rem/1rem var(--font-family);
}
.avatars-list__item:not(:first-child) {
  margin-left: -10px;
}
.avatars-list__item.icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: var(--background-color);
  color: var(--text-color);
  border-color: var(--border-color);
  cursor: pointer;
  transition: all var(--animation-duration) ease-in-out;
}
.avatars-list__item.icon:hover {
  border-color: var(--focus-color);
  background: color-mix(in srgb, var(--focus-color) 20%, var(--background-main));
  z-index: 1;
}
.avatars-list__item.plus {
  background: var(--border-color);
  color: var(--title-color);
  border-color: var(--background-color);
}






.icon[data-v-3d9de656] {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  background: var(--icon-project-bg);
  color: var(--icon-project-color);
  border-radius: 6px;
}
.icon[data-v-3d9de656]:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  border: 1px solid rgba(0,0,0,0.05);
}
.icon svg[data-v-3d9de656] {
  max-width: 100%;
  max-height: 100%;
}
.icon.company[data-v-3d9de656] {
  background: var(--icon-company-bg);
  color: var(--icon-company-color);
}
.icon.project[data-v-3d9de656] {
  background: var(--icon-project-bg);
  color: var(--icon-project-color);
}
.icon.department[data-v-3d9de656] {
  background: var(--icon-department-bg);
  color: var(--icon-department-color);
}
.icon.dashboard[data-v-3d9de656] {
  background: var(--focus-color-2);
  color: var(--focus-color);
}
.icon.profile[data-v-3d9de656] {
  background: var(--focus-color-2);
  color: var(--focus-color);
}


.tile[data-v-1d835cbd] {
  align-items: stretch;
}
.title__sub[data-v-1d835cbd] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--text-pale-color);
  font-size: 0.85rem;
}
.tile__stakeholders[data-v-1d835cbd] {
  position: relative;
  display: block;
}


.tiles-wrap[data-v-454358bf] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
  grid-auto-rows: 1fr;
  gap: 10px;
}


:host,:root{--vs-colors--lightest:rgba(60,60,60,0.26);--vs-colors--light:rgba(60,60,60,0.5);--vs-colors--dark:#333;--vs-colors--darkest:rgba(0,0,0,0.15);--vs-search-input-color:inherit;--vs-search-input-bg:#fff;--vs-search-input-placeholder-color:inherit;--vs-font-size:1rem;--vs-line-height:1.4;--vs-state-disabled-bg:#f8f8f8;--vs-state-disabled-color:var(--vs-colors--light);--vs-state-disabled-controls-color:var(--vs-colors--light);--vs-state-disabled-cursor:not-allowed;--vs-border-color:var(--vs-colors--lightest);--vs-border-width:1px;--vs-border-style:solid;--vs-border-radius:4px;--vs-actions-padding:4px 6px 0 3px;--vs-controls-color:var(--vs-colors--light);--vs-controls-size:1;--vs-controls--deselect-text-shadow:0 1px 0 #fff;--vs-selected-bg:#f0f0f0;--vs-selected-color:var(--vs-colors--dark);--vs-selected-border-color:var(--vs-border-color);--vs-selected-border-style:var(--vs-border-style);--vs-selected-border-width:var(--vs-border-width);--vs-dropdown-bg:#fff;--vs-dropdown-color:inherit;--vs-dropdown-z-index:1000;--vs-dropdown-min-width:160px;--vs-dropdown-max-height:350px;--vs-dropdown-box-shadow:0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg:#000;--vs-dropdown-option-color:var(--vs-dropdown-color);--vs-dropdown-option-padding:3px 20px;--vs-dropdown-option--active-bg:#5897fb;--vs-dropdown-option--active-color:#fff;--vs-dropdown-option--deselect-bg:#fb5858;--vs-dropdown-option--deselect-color:#fff;--vs-transition-timing-function:cubic-bezier(1,-0.115,0.975,0.855);--vs-transition-duration:150ms}.v-select{font-family:inherit;position:relative}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function:cubic-bezier(1,0.5,0.8,1);--vs-transition-duration:0.15s}@-webkit-keyframes vSelectSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes vSelectSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg:var(--vs-state-disabled-bg);--vs-disabled-color:var(--vs-state-disabled-color);--vs-disabled-cursor:var(--vs-state-disabled-cursor)}.vs--disabled .vs__clear,.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__open-indicator,.vs--disabled .vs__search,.vs--disabled .vs__selected{background-color:var(--vs-disabled-bg);cursor:var(--vs-disabled-cursor)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--vs-search-input-bg);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);display:flex;padding:0 0 4px;white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{align-items:center;display:flex;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);background-color:transparent;border:0;cursor:pointer;margin-right:8px;padding:0}.vs__dropdown-menu{background:var(--vs-dropdown-bg);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);border-top-style:none;box-shadow:var(--vs-dropdown-box-shadow);box-sizing:border-box;color:var(--vs-dropdown-color);display:block;left:0;list-style:none;margin:0;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;padding:5px 0;position:absolute;text-align:left;top:calc(100% - var(--vs-border-width));width:100%;z-index:var(--vs-dropdown-z-index)}.vs__no-options{text-align:center}.vs__dropdown-option{clear:both;color:var(--vs-dropdown-option-color);cursor:pointer;display:block;line-height:1.42857143;padding:var(--vs-dropdown-option-padding);white-space:nowrap}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);display:flex;line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{fill:var(--vs-controls-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-flex;margin-left:4px;padding:0;text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--loading .vs__selected,.vs--single.vs--open .vs__selected{opacity:.4;position:absolute}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-ms-clear,.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration{display:none}.vs__search,.vs__search:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid transparent;border-left:none;box-shadow:none;color:var(--vs-search-input-color);flex-grow:1;font-size:var(--vs-font-size);line-height:var(--vs-line-height);margin:4px 0 0;max-width:100%;outline:none;padding:0 7px;width:0;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search:-ms-input-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;-webkit-animation:vSelectSpinner 1.1s linear infinite;animation:vSelectSpinner 1.1s linear infinite;border:.9em solid hsla(0,0%,39%,.1);border-left-color:rgba(60,60,60,.45);font-size:5px;opacity:0;overflow:hidden;text-indent:-9999em;transform:translateZ(0) scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;height:5em;transform:scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));width:5em}.vs--loading .vs__spinner{opacity:1}

.checkboxes-wrapper[data-v-67937ae4] {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 10px;
}



.checkboxes-wrapper[data-v-78f15555] {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 10px;
}
.custom-checkbox label[data-v-78f15555] {
  width: auto;
  padding: 0 20px;
}



.tree-tile[data-v-bcf71108] {
  position: relative;
  min-width: 370px;
  padding: 1.5rem;
  gap: 1rem;
  align-items: stretch;
  font: 500 1.18rem/1.18rem var(--font-family);
  text-align: left;
  border: 1px solid var(--border-color);
  cursor: default;
}
.tree-tile.tree-tile__company[data-v-bcf71108] {
  padding: 1.5rem 2rem;
  font: 500 1.375rem var(--font-family);
  border-radius: 92px;
}
.tree-tile__head[data-v-bcf71108] {
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: 10px;
}
.tree-tile__label[data-v-bcf71108] {
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  text-decoration: none;
  color: var(--text-color);
}
.tree-tile__company .tree-tile__label[data-v-bcf71108] {
  justify-content: center;
}
.tree-tile__link .icon[data-v-bcf71108] {
  outline: 0 solid transparent;
}
.tree-tile__link[data-v-bcf71108],
.tree-tile__link .icon[data-v-bcf71108]:before {
  transition: all var(--animation-duration) ease-in-out;
}
.tree-tile__link[data-v-bcf71108]:hover {
  color: var(--focus-color);
}
.tree-tile__link:hover .icon[data-v-bcf71108]:before {
  border-color: var(--focus-color);
}
.tree-tile__actions .btn[data-v-bcf71108] {
  flex-grow: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 0.5rem;
  background: var(--background-color);
}
.tree-tile__description[data-v-bcf71108] {
  font: 400 1rem/1.18rem var(--font-family);
  word-wrap: break-word;
}
.stakeholders[data-v-bcf71108] {
  display: flex;
}
.tree-tile__actions_wrapper[data-v-bcf71108] {
}
.tree-tile__actions[data-v-bcf71108] {
  position: absolute;
  z-index: 12;
  top: 90%;
  left: 0;
  right: 0;
  max-height: 0;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
  gap: 0.5rem;
  opacity: 0;
  transition: all var(--animation-duration) ease-in-out;
}
.tree-tile__actions.opened[data-v-bcf71108] {
  top: 100%;
  max-height: 85px;
  padding-top: .5rem;
  opacity: 1;
}
.toggle-buttons[data-v-bcf71108] {
  position: relative;
  width: 50%;
  height: 40px;
  margin: 0 auto -0.5rem;
  border-radius: .5rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--background-color);
  border: 1px solid var(--border-color);
  opacity: .7;
  transition: all var(--animation-duration) ease-in-out;
  cursor: pointer;
}
.tile:hover .toggle-buttons[data-v-bcf71108] {
  opacity: 1;
}
.toggle-buttons[data-v-bcf71108]:before,
.toggle-buttons[data-v-bcf71108]:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  height: 12px;
  margin-top: -6px;
  border-left: 2px solid var(--border-color);
  transition: all var(--animation-duration) ease-in-out;
}
.toggle-buttons[data-v-bcf71108]:before {
}
.toggle-buttons[data-v-bcf71108]:after {
  transform: rotate(90deg);
}
.toggle-buttons[data-v-bcf71108]:hover,
.toggle-buttons.active[data-v-bcf71108] {
  opacity: 1;
  border-color: var(--focus-color);
  color: var(--focus-color);
}
.toggle-buttons[data-v-bcf71108]:hover:before,
.toggle-buttons[data-v-bcf71108]:hover:after {
  border-color: var(--focus-color);
}
.toggle-buttons.active[data-v-bcf71108]:before,
.toggle-buttons.active[data-v-bcf71108]:after {
  height: 10px;
  border-color: var(--focus-color);
}
.toggle-buttons.active[data-v-bcf71108]:before {
  transform: rotate(-45deg);
  margin-left: -4px;
}
.toggle-buttons.active[data-v-bcf71108]:after {
  transform: rotate(45deg);
  margin-left: 3px;
}



.company-tree {
  flex-grow: 1;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: auto;
  display: flex;
  justify-content: center;


  cursor: grab;
  user-select: none;
}
.org-tree-container {
  min-width: 0;
  min-height: 0;
  padding: 50px var(--bs-gutter-x,.75rem) 0;
  background: none;
}
.company-tree .org-tree {
  min-width: 100%;
}
.company-tree .org-tree > .org-tree-node {
  padding-bottom: 50px;
}
.company-tree .org-tree-node-children:before,
.company-tree .org-tree-node:before,
.company-tree .org-tree-node:after {
  border-color: var(--border-color);
}
.org-tree-node-label .org-tree-node-label-inner {
  padding: 0;
  box-shadow: none;
}
/*
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}*/
.org-tree-node-children .org-tree-node-label {
  max-width: 400px;
}
.org-tree-node-label {
  min-width: 350px;
}
.org-tree-container {
  text-align: center;
}
.custom-content-wrapper .node-label .task-action {
  align-items: center;
  display: flex;
}
.custom-content-wrapper .desc {
  color: #303132;
}

/*.custom-content-wrapper .node-label .usr-avatar {
  display: inline-block;
  float: left;
  margin-right: 8px;
}*/
.custom-content-wrapper .node-label span:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1100px) {
.company-tree {
    overflow: hidden;
}
}


.stakeholders[data-v-13a0bcb2] {
  display: flex;
}
.table-company .stakeholders .icon[data-v-13a0bcb2] {
  color: var(--text-color);
}


.table-company {
  width: 100%;
  background: #fff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);

  margin-bottom: 6px;
  table-layout: auto;

  background: var(--background-main);
  color: var(--text-color);
}

/*.table-company thead {
  color: var(--text-color);
}*/
.table-company.table thead tr th {
  border-bottom: 1px solid var(--border-color);
}
.table-company.table label {
  max-width: 20vw;
}
.table-company.table tr .actions {
  opacity: 0;
}
.table-company.table tr:hover .actions {
  opacity: 1;
}
.table-company.table tr .actions,
.table-company.table tr:hover .actions {
  display: inline-flex;
}
.table-company.table .actions {
  display: inline-flex;
}
.table-company .btn-collapse-row {
  width: var(--controls-size);
  height: var(--controls-size);
  padding: 0;
}
.table-company .btn-collapse-row .icon {
  max-width: 100%;
  max-height: 100%;
}
.table-company tr:hover {
  background-color: color-mix(in srgb, var(--focus-color) 5%, transparent);
}
.table-company .stake .stakeholders {
  min-width: 225px;
  white-space: nowrap;
}
.table-company .actions {
  justify-content: flex-end;
}
.table-company .project-name {
  display: flex;
}
.table-company .cell-name {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  max-width: 280px;
}
.table-company label {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  vertical-align: middle;
}
.table-company .actions .icon {
  color: #5C91C2;
}
.table-company .actions .icon:hover {
  color: #3a70a0;
}
.table-company td:nth-child(1),
.table-company th:nth-child(1) {
  width: 54px;
  background: #FAFAFA;
}
.table-company td:nth-child(1):empty,
.table-company th:nth-child(1):empty {
  background: transparent;
}
.table-company td:nth-child(1) .icon, .table-company th:nth-child(1) .icon {
  color: #888888;
  font-size: 22px;
}
.table-company td:nth-child(1) i, .table-company th:nth-child(1) i {
  width: 54px;
}

/*.table-company .project-name label {
  color: #2c2c2c;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 60px);
  vertical-align: middle;
  cursor: pointer;
}*/
.table-company th:nth-child(2), .table-company td:nth-child(2) {
  width: 350px;
  white-space: nowrap;
}

/*
.table-company td:nth-child(4),
.table-company th:nth-child(4) {
  width: 50px;
  text-align: right;
  padding-right: 10px;
}
*/
.table-company .container-tail {
  display: inline;
  position: relative;
  padding-right: 10px;
}
.table-company .tail {
  border: 2px solid var(--border-color);
  border-right: 0;
  border-top: 0;
  position: absolute;
  border-radius: 0 0 0 4px;
  bottom: 8px;
  left: -12px;
  z-index: 0;

  width: 14px;
  height: 20px;
}


.table-company[data-v-14224518] {
  width: 100%;
  background: #fff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);

  margin-bottom: 6px;
  table-layout: auto;
}
.table-company label[data-v-14224518] {
  margin: 0px;
  font-weight: 400;

  color: #2C2C2C;
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  line-height: 24px;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  vertical-align: middle;
}
/*
.table-company tr, .table-company th {
  height: 54px;
  border-bottom: 1px solid #efefef;
  cursor: pointer;
}*/
/*

.table-company tr:hover,
.table-company thead:hover,
.table-company .selected {
  background: #F3FCFF;
}
*/

/*.table-company tr:hover .actions,
.table-company thead:hover .actions {
  display: block;
}*/
/*
.table-company .icon {
  color: #0081B7;
  font-size: 16px;
}*/
.table-company .actions[data-v-14224518] {
  display: none;
  margin-right: 10px;
}
.table-company .actions .icon[data-v-14224518] {
  color: #5C91C2;
}
.table-company .actions .icon[data-v-14224518]:hover {
  color: #3a70a0;
}
.table-company td[data-v-14224518]:nth-child(1),
.table-company th[data-v-14224518]:nth-child(1) {
  width: 54px;
  background: #FAFAFA;
}
.table-company td[data-v-14224518]:nth-child(1):empty,
.table-company th[data-v-14224518]:nth-child(1):empty {
  background: transparent;
}
.table-company td:nth-child(1) .icon[data-v-14224518], .table-company th:nth-child(1) .icon[data-v-14224518] {
  color: #888888;
  font-size: 22px;
}
.table-company td:nth-child(1) i[data-v-14224518], .table-company th:nth-child(1) i[data-v-14224518] {
  width: 54px;
}

/*
.table-company .project-name label {
  color: #2c2c2c;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 60px);
  vertical-align: middle;
  cursor: pointer;
}
*/
.table-company th[data-v-14224518]:nth-child(2), .table-company td[data-v-14224518]:nth-child(2) {
  width: 350px;
  white-space: nowrap;
}
.table-company td[data-v-14224518]:nth-child(4),
.table-company th[data-v-14224518]:nth-child(4) {
  width: 50px;
  text-align: right;
  padding-right: 10px;
}
.table-company .container-tail[data-v-14224518] {
  display: inline;
  position: relative;
  padding-right: 10px;
}
.table-company .tail[data-v-14224518] {
  border: 2px solid #D2D2D2;
  border-right: 0;
  border-top: 0;
  position: absolute;
  border-radius: 0 0 0 4px;
  bottom: 8px;
  left: -12px;
  z-index: 0;

  width: 14px;
  height: 20px;
}


.company[data-v-cd334572] {
  height: 100%;
  /*display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;*/
}
.toggle-view[data-v-cd334572] {
  position: fixed;
  right: var(--bs-gutter-x, .75rem);
  bottom: var(--bs-gutter-x, .75rem);
  padding: .5rem;
  border-radius: .75rem;
  background: var(--background-color);

  border: 1px solid var(--border-color);
}
.toggle-view__button[data-v-cd334572] {
  width: 3.25rem;
  height: 3.25rem;
  border: none;
  border-radius: .5rem;
  background: transparent;
  color: var(--text-color);
}
.toggle-view__button.active[data-v-cd334572] {
  background-color: color-mix(in srgb, var(--focus-color) 10%, transparent);
  color: var(--focus-color);
}
.company-list[data-v-cd334572] {
  padding: var(--bs-gutter-x, .75rem) var(--bs-gutter-x, .75rem) 5vh;
  background: var(--background-main);
}
.company-list .table-company.table[data-v-cd334572] {
  background: var(--background-main);
  border: 1px solid var(--border-color);
}
.body-table li[data-v-cd334572] {
  display: block;
}
.table.custm .body-table:hover > li.h-action button[data-v-cd334572], .table.custm .body-table .child-table:hover > li.h-action button[data-v-cd334572], .table.custm .body-table .child-table .project-table:hover > li.h-action button[data-v-cd334572] {
  display: inline-block;
}
.table.custm .body-table:hover > li[data-v-cd334572]:not(.child-table li), .table.custm .body-table .child-table:hover > li[data-v-cd334572]:not(.project-table li), .table.custm .body-table .child-table .project-table[data-v-cd334572]:hover {
  background: #027FF112;
}
.table.custm .body-table > li[data-v-cd334572]:not(.child-table li) {
  border-top: 1px solid #DEE2E4;
}
.table.custm .body-table.active > li[data-v-cd334572]:not(.child-table li) {
  border-bottom: 1px solid #DEE2E4;
}
.table tbody tr.active td[data-v-cd334572] {
  border-bottom: 1px solid #DEE2E4;
}
.project.dep .widget-five[data-v-cd334572] {
  padding: 0 !important;
  background: none;
}
.table tbody tr.active.dep td[data-v-cd334572] {
  border-bottom: 1px solid #DEE2E4;
}
.tree-c[data-v-cd334572] {
  font-size: 16px;
  color: #303132;
}
.project.dep td[data-v-cd334572] {
  padding-left: 115px;
}
.project svg[data-v-cd334572] {
  background: #E4E3FE;
  width: 40px !important;
  height: 40px !important;
  padding: 9px;
  border-radius: 4px;
}
.children.dep .btn-blck button[data-v-cd334572] {
  border: 1px solid #DEE2E4;
  background: none;
}
.children.dep .btn-blck svg[data-v-cd334572] {
  width: 20px !important;
  padding: 0;
  height: 20px !important;
  background: none !important;
}
.children.dep svg[data-v-cd334572] {
  background: #FEC5E099;
  width: 20px !important;
  height: 20px !important;
}
.children.dep td[data-v-cd334572] {
  padding-left: 70px;
}
.project-ico svg[data-v-cd334572] {
  stroke-width: 2.5px !important;
}

/*.table-company label {
  margin: 0px;
  font-weight: 400;

  color: #2C2C2C;
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  line-height: 24px;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  vertical-align: middle;
}*/
.table-company thead:hover .actions span[data-v-cd334572] {
  display: inline-block;
  float: right;
}
.table-company td[data-v-cd334572]:nth-child(1),
.table-company th[data-v-cd334572]:nth-child(1) {
  width: 54px;
  background: #FAFAFA;
}
.table-company td[data-v-cd334572]:nth-child(1):empty,
.table-company th[data-v-cd334572]:nth-child(1):empty {
  background: transparent;
}
.table-company td:nth-child(1) .icon[data-v-cd334572], .table-company th:nth-child(1) .icon[data-v-cd334572] {
  color: #888888;
  font-size: 22px;
}
.table-company td:nth-child(1) i[data-v-cd334572], .table-company th:nth-child(1) i[data-v-cd334572] {
  width: 54px;
}

/*.table-company .project-name label {
  color: #2c2c2c;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 60px);
  vertical-align: middle;
}*/
.table-company th[data-v-cd334572]:nth-child(2), .table-company td[data-v-cd334572]:nth-child(2) {
  width: 350px;
  white-space: nowrap;
}
.table-company td[data-v-cd334572]:nth-child(4),
.table-company th[data-v-cd334572]:nth-child(4) {
  width: 400px;
  text-align: right;
  padding-right: 10px;
}

/*.table-company .container-tail {
  display: inline;
  position: relative;
  padding-right: 10px;
}

.table-company .tail {
  border: 2px solid #D2D2D2;
  border-right: 0;
  border-top: 0;
  position: absolute;
  border-radius: 0 0 0 4px;
  bottom: 8px;
  left: -12px;
  z-index: 0;

  width: 14px;
  height: 20px;
}*/
.child-table li:hover .child-table li[data-v-cd334572] {
  background: #027FF112;
}
.head_table li.h-action[data-v-cd334572], .body-table li.h-action button[data-v-cd334572] {
  display: none;
}
.table.custm .body-table.active[data-v-cd334572] {
  border-bottom: none;
}
.table.custm li.h-action .btn svg[data-v-cd334572] {
  height: 15px;
  width: 15px;
}
.img-bp svg[data-v-cd334572] {
  stroke: #6964F1;
}



.tr-clearfix {
    height: 6px;
}
.org-title {
    width: 100%;
}
.org-title th {
    color: #888888;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding: 10px 0;
    text-transform: uppercase;
}
.org-title th:nth-child(2) {
    cursor: pointer;
}
.org-title .sorting-asc::after {
    content: '\e9c6';
    font-family: 'icomoon';
}
.org-title .sorting-desc::after {
    content: '\e9c5';
    font-family: 'icomoon';
}
.org-group-control {
    margin-top: 20px;
}
.org-group-control>div {
    margin-bottom: 6px;
}




.canvas-tooltip {
    position: absolute;
    border: 1px solid #333;
}


/*.nav-tabs li:first-child a{
  padding-left: 0px !important;
}*/
.stakeholders tr.children:hover{
  background: none;
}
.stakeholders tr.children td{
  border-bottom: none;
}
.project-person{
  width: 400px;
  border: 1px solid #DEE2E4;
  border-radius: 8px;
  padding: 12px;
  display: inline-block;
  margin-right: 10px;
}
.project-person .text-project{
  display: inline-block;
}
.project-person  .text-project h5{
  font-size: 15px;
  margin-bottom: 0;
}
.project-person  .text-project span{
  font-size: 14px;
  color: #717171;
}
.project-person .btn-project{
  display: inline-block;
  float: right;
}
.btn-project .form-switch-danger{
  background: #FBE6E9;
  padding: 6px 13px 6px 31px;
  border-radius: 6px;
  border: 1px solid #0000000D;
}
.btn-project .form-check-label{
  font-size: 13px;
  color: #D60128;
  font-weight: 600;
}
.project-person .btn-project button{
  padding: 5px;
  margin-bottom: 9px;
  border: 1px solid #0000000D;
}
.project-person .btn-project .btn-default{
  background: #F8F8F8;
}
.children.projects td{
  border-bottom: 1px solid #DEE2E4!important;
}
.project-person .btn-project .btn-warning{
  background: #FDF7E5;
}
.project-person .btn-project .btn-info{
  background: #E6F6FB;
}


.link-back {
  color: #679CCD;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 24px;
}
.link-back::before {
  content: '\eddf';
  font-family: 'icomoon';
  font-weight: 400;
  margin-right: 8px;
  font-size: 14px
}
h4 {
  color: #A1AEB7;
  font-size: 16px;
  font-weight: 600;
}


.canvas-sync {
    position: absolute;
    bottom: 15px;
    left: 30px;
}
.helper {
	position: absolute;
    left: 0; right: 0;
    margin: auto;
    top: 50%;
    width: 206px;
	color: #888888;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}
.fear-title {
	color: #333333;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
}
.fear-description {
	color: #333333;
	font-size: 14px;
	line-height: 20px;
}


.form-password {
    width: 360px;
    margin: auto
}
.password-helper {
    position: absolute;
    top: 115px;
    left: 400px;
    width: 100%;
}
.password-helper h4 {
    color: #888;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 4px;
}
.password-helper p {
    color: #B7B7B7;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    margin: 0px;
}


.btn[data-v-69419efb] {
  line-height: 33px;
}
.widget-content-area[data-v-69419efb] {
  padding: 1.5rem !important;
  border-radius: 1rem !important;
  background: var(--background-color) !important;
  border: 1px solid var(--border-color) !important;
}
.table thead tr th[data-v-69419efb]{
  border: none;
}
/*.table tbody tr td:first-child{
  !*padding: 13px 25px 13px 25px;*!
  padding: 14px;
}*/
.table tbody tr td[data-v-69419efb]{
  border-bottom: none;
}
.th-col-1[data-v-69419efb] {width: 80px}
.th-col-2[data-v-69419efb] {width: 30%; min-width: 120px}
.th-col-3[data-v-69419efb] {width: 25%; min-width: 100px}
.th-col-4[data-v-69419efb] {width: 10%; min-width: 100px}
.th-col-5[data-v-69419efb] {width: 10%; min-width: 100px}
.th-col-6[data-v-69419efb] {width: 15%; min-width: 120px}
.th-col-7[data-v-69419efb] {width: 80px}


.general-info .info h6, .social .info h5 {
  color: var(--text-color);
  margin: 5px 0 40px 0;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 1px;
}


.b-tree {
    margin-left: 15px;
}
.b-tree-item {
    position: relative;
    margin-bottom: 12px;
}
.b-tree-item>label {
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-color);
    /* white-space: nowrap; */
    
    padding: 6px 8px;
    box-sizing: border-box;	
    border: 1px solid #EAEAEA;
    border: 1px solid var(--border-color);
    border-radius: .5rem;
    background-color: var(--background-main);
    margin: 0px;
}
.b-tree-item>label.active {
    border-color: #0081B7;
    background: var(--focus-color-07);
}
.b-tree-item label::before {
    content: '\e9e4';
    font-family: 'icomoon';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: var(--background-main);
    background: var(--border-color);
    background: var(--background-element);
    line-height: 0;

    /*font-size: 16px;*/
    color: var(--focus-color);
    vertical-align: middle;
    margin-right: 8px;
}
.b-tree-item.show label::before {
    content: '\e9e7';
}
.b-tree-item.checked label::before {
    content: '\ee70';
}
.b-tree-item.checked.check label::before {
    content: '\ee6e';
}
.b-tree-item.checked.disabled label,
.b-tree-item.checked.disabled label::before{
    color: gray;
    cursor: no-drop;
}
.b-tree .tail {
    position: absolute;
    border: 2px solid var(--border-color);
    border-right: 0;
    border-top: 0;
    border-radius: 0 0 0 4px;
    bottom: 50%;
    left: -16px;
    z-index: 0;

    width: 14px;
    height: calc(50% + 12px);
}




.stakeholder-concern {
  padding: 30px 0;
}
.stakeholder-concern .widget-card-four .w-header {
  min-height: 51px;
}
.content-wd .form-group label svg{
  width: 15px;
}
.container-fear-list {
  max-height: 35vh;
  overflow-y: auto;
}
.icon-info-link::before {
  content: '\e9ba';
}
.icon-info-link {
  color: #0081B7;
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
  vertical-align: baseline;
}
.text-link {
  cursor: pointer;
  color: #0081B7;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.b-helper {
  box-sizing: border-box;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.b-helper-header {
  position: relative;
  padding: 12px;
  border-bottom: 1px solid #ECECF0;
}
.b-helper-header > h6 {
  overflow: hidden;
  padding-right: 20px;
  text-overflow: ellipsis;
}
.b-helper-close {
  position: absolute;
  top: 12px;
  right: 12px;

  color: #C7C7C7;
  font-size: 16px;
  cursor: pointer;
}
.helper_wrap {
  position: absolute;
  z-index: 12;

  /*position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: color-mix(in srgb, var(--background-main) 05%, transparent);
  backdrop-filter: blur(2px);*/
}
.b-helper-body {
  color: #333333;
  font-size: 12px;
  line-height: 20px;
  padding: 12px;

  max-height: 60vh;
  overflow: auto;
}
.b-helper-footer {
  color: #333333;
  font-size: 12px;
  line-height: 20px;
  padding: 12px;
  display: flex;
  /*flex-direction: column;*/
  gap: 1rem
}
.b-helper-footer__item {
  display: flex;
  flex-grow: 1;
  flex-basis: 50%;
  padding: .5rem;
  border-radius: 4px;
  align-items: flex-start;
}
.b-helper-footer__item.pros {
  background: rgb(84 206 117 / 10%);
}
.b-helper-footer__item.cons {
  background: rgb(215 99 99 / 10%);
}
.comparing__item > .icon,
.b-helper-footer__item > .icon {
  padding-top: 4px;
}
.comparing {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: .5rem 0;
  gap: .5rem;
  color: var(--text-pale-color);
  font-size: 14px;
  line-height: 20px;
  border-radius: 8px;
}
.comparing__item {
  display: flex;
  /*padding: .5rem;*/
  border-radius: 4px;
  align-items: flex-start;
}
.empty-wizard {
  color: #888888;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin-top: 64px;
}
.b-collapse-group {
  box-sizing: border-box;
  border: 1px solid #EAEAEA;
  border-radius: 2px 2px 0 0;
  background-color: #FFFFFF;
}
.b-collapse-header {
  background: #FFFFFF;
  padding: 10px 15px;
  line-height: 20px;
  border-top: 1px solid #EAEAEA;
  cursor: pointer;
}
.b-collapse-group .b-collapse:first-child .b-collapse-header {
  border-top: 0;
}
.b-collapse.show .b-collapse-header {
  background: #F2F5F7;
}
.b-collapse > .b-collapse-body {
  display: none;
}
.b-collapse.show > .b-collapse-body {
  display: block;
}
.b-collapse-body {
  padding: 16px;
}
.color-info {
  color: #679CCD;
}
.color-success {
  color: #54CE75;
}
.color-danger {
  color: #D76363;
}
.table-resist {
  /*background-color: #F2F5F7;*/
  /*border: 1px solid #EAEAEA;*/
  /*border-radius: 2px 0 0 0;*/
  margin-bottom: 10px;
}
.table-resist__row {
  display: flex;
  /*border-bottom: 1px solid #EAEAEA;*/
}
.table-resist__row > span,
.table-resist__footer > span {
  padding: 7px;
  font: 500 14px/120% var(--font-family);
  color: var(--text-pale-color);
  background: color-mix(in srgb, #F2F6FA 50%, transparent);
  text-transform: uppercase;
  text-align: center;
  border-radius: 12px;
  outline: 1px solid var(--border-color);
}
.table-resist__row > span {
  width: 30px;
  writing-mode: sideways-lr;
}
.table-resist__row > div {
  flex-grow: 2;
  padding: 15px;
  background: var(--background-color);
  border-radius: 12px;
  outline: 1px solid var(--border-color);
  /*border-left: 1px solid #EAEAEA;*/
}
.table-resist__footer {
  display: flex;
  justify-content: space-between;
}
.table-resist__footer > div {
  min-width: 30px;
  background: color-mix(in srgb, #F2F6FA 50%, transparent);
  border-radius: 12px;
  outline: 1px solid var(--border-color);
}
.table-resist__footer > span {
  display: inline-block;
  width: 50%;
  min-height: 30px;
}
.b-r {
  border-right: 1px solid #EAEAEA;
}
.border {
  border: 1px solid #EAEAEA !important;
  border-radius: 2px;
}
.border-danger {
  border: 2px solid #D60128;
  border-radius: 8px;
}
.header-fear {
  margin-left: 16px;
  margin-bottom: 16px;
  color: #333333;
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 20px;
}
.b-wizard-header {
  padding: 20px;
}
.b-wizard-header > h5 {
  color: #333333;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b-wizard-test {
  display: flex;
  justify-content: space-between;
  margin: 0 24px;
  background: #F2F5F7;
  border: 2px solid #FFFFFF;
  overflow: hidden;
  color: #888888;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.b-wizard-test div {
  position: relative;
  flex-grow: 1;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  padding: 12px 0;
}
.b-wizard-test > div.active {
  background: #e2f2f8;
  color: #0081B7;
}
.b-wizard-test div:not(:last-child)::after,
.b-wizard-test div:not(:first-child)::before {
  content: " ";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  top: 50%;
  margin-top: -50px;
}
.b-wizard-test div:not(:last-child):after {
  left: 100%;
  border-left: 30px solid #F2F5F7;
  z-index: 999;
}
.b-wizard-test div.active:not(:last-child):after {
  border-left: 30px solid #e2f2f8;
}
.b-wizard-test div:not(:first-child):before {
  left: 2px;
  border-left: 30px solid white;
}
.b-card-header {
  padding: 16px 0px 16px 16px;
  cursor: pointer;
}
.b-card-header:hover, .b-card-header.active{
  border-top-left-radius: 6px;
}
.b-card-title {
  color: #333333;
  font-size: 16px;
  line-height: 24px;
  padding-left: 10px;
  width: 66%;
}
.header-elements-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.b-card .header-elements > i {
  font-size: 18px;
  font-weight: 800;
  color: #999999;
  transition: transform .3s;
}
.collapse {
  transition: transform .3s;
}
.b-list-item__link {
  text-align: center;
  padding: 10px 0 15px 0;
  border-top: 0;
}
.b-list-item__link > button {
  color: #0081B7;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
}
.b-list-item__link > button:hover {
  color: #0081B7;
}



.nowrap[data-v-3780e3a9] {
  white-space: nowrap;
}
.table-summary-info[data-v-3780e3a9] {
  margin: 0;
  word-wrap: break-word;
}
.table-summary-info th[data-v-3780e3a9] {
  padding-top: 0;
  border-top: none;
}
.table-summary-info .sort[data-v-3780e3a9]:after {
  margin-left: .25rem;
}
.table-summary-info thead[data-v-3780e3a9] {
  height: auto;
}
.table-summary-info__unit[data-v-3780e3a9] {
  max-width: 240px;
}
.stakeholders-table[data-v-3780e3a9] {
  table-layout: fixed;
  background: var(--background-color);
  border-radius: 6px;
  border: 1px solid var(--border-color);
}
.stakeholders-table th[data-v-3780e3a9] {
  text-align: left;
}
.stakeholders-table .user-name[data-v-3780e3a9] {
  display: inline-block;
  vertical-align: middle;
  max-width: min(100%, 220px);
  word-wrap: break-word;
  white-space: normal;
  margin-right: 5px;
}
.stakeholders-table .accordeon-button[data-v-3780e3a9] {
  width: var(--controls-size);
  height: var(--controls-size);
  padding: 0;
  background: var(--background-color);
}
.stakeholders-table .root-row[data-v-3780e3a9] {
  font-size: 1.1rem;
}
.stakeholders-table .root-row td[data-v-3780e3a9]{
  border-top: 1px solid var(--border-color);
  border-bottom: none;
  vertical-align: middle;
}




.force-field-analysis[data-v-636c5a10] {
  --tails-quantity: 3;
  --tail-succ: rgba(229, 255, 234, 0.8);
  --tail-dang: rgba(255, 229, 229, 0.8);
}
.force-field-analysis .arrow-wrap[data-v-636c5a10] {
  display: flex;
  justify-content: stretch;
  min-height: 75px;
  padding: 0;
}
.force-field-analysis .arrow-wrap .tail[data-v-636c5a10] {
  min-height: 75px;
  flex-grow: 1;
  flex-shrink: 0;
  border: 1px solid var(--border-color-disabled);
  border-radius: 0.5rem;
  position: static;
  margin: 0;
}
.force-field-analysis .col-classification[data-v-636c5a10] {
  border: 1px solid var(--border-color-disabled);
  border-radius: .5rem;
  margin: 0;
}
.force-field-analysis .row-empty-classification .tail[data-v-636c5a10]::after {
  display: none;
}
.force-field-analysis .succ .tail.fill[data-v-636c5a10] {
  background: var(--tail-succ) url(/images/arrow-green.svg) no-repeat center left;
  background-size: auto 115%;
}
.force-field-analysis .succ .tail.fill[data-v-636c5a10]:last-child {
  background-position: center right;
}
.force-field-analysis .dang .tail.fill[data-v-636c5a10] {
  background: var(--tail-dang) url(/images/arrow-red.svg) no-repeat center right;
  background-size: auto 115%;
}
.force-field-analysis .dang .tail.fill[data-v-636c5a10]:first-child {
  background-position: center left;
}
.force-field-analysis .head-clasific[data-v-636c5a10] {
  padding: 0;
  min-height: 42px;
  border: 1px solid var(--border-color-disabled);
  border-radius: .5rem;
  color: var(--text-color);
}
.force-field-analysis .ruler[data-v-636c5a10] {
  height: 55px;
}
.force-field-analysis .ruler .tail[data-v-636c5a10] {
  bottom: 15px;
}
.force-field-analysis .ruler .tail.left-1[data-v-636c5a10] {
  left: calc(100% / 3);
}
.force-field-analysis .ruler .tail.left-2[data-v-636c5a10] {
  left: calc(100% / 3 * 2);
}
.force-field-analysis .ruler .tail.left-3[data-v-636c5a10] {
  left: 100%;
}
.force-field-analysis .ruler .tail[data-v-636c5a10]:after {
  display: block;
  bottom: auto;
  top: 100%;
  left: calc(50% - 1px);
  width: 2px;
  height: 15px;
  transform: none;
  background: var(--border-color-disabled);
}
.force-field-analysis .goal-bg .goal label[data-v-636c5a10] {
  font: italic 500 1.5rem var(--font-family-extra);
}
.force-field-analysis .table-footer .total-am[data-v-636c5a10] {
  width: auto;
  float: none;
  border: 1px solid var(--border-color-disabled);
  border-radius: .5rem;
  color: var(--text-color);
}
.force-field-analysis .table-footer .col-lg-5[data-v-636c5a10] {
  padding: 0;
}



.head-txt-b[data-v-26e2fdb0] {
  display: flex;
  justify-content: space-between;
  align-self: center;
  gap: .5rem;
}
.btn-info-r[data-v-26e2fdb0] {
  display: flex;
  gap: .5rem;
}
.project-info h4[data-v-26e2fdb0] {
  font: 500 1.5rem var(--font-family);
  margin-bottom: 0;
}
.project-info__section[data-v-26e2fdb0] {
  margin-bottom: 2rem;
}
.project-info .widget-content-area[data-v-26e2fdb0] {
  padding: 1.5rem;
  border-radius: 1rem;
  background: var(--background-color);
  border: 1px solid var(--border-color);
}
.project-info___basic[data-v-26e2fdb0] {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 1rem;
}
.project-info .widget-content-area__item[data-v-26e2fdb0] {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: calc(100%/3 - 2rem);
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.project-info blockquote.blockquote[data-v-26e2fdb0] {
  flex-grow: 1;
  min-width: 0;
  word-wrap: break-word;
  margin: 0;
  border-radius: 0 8px 8px 0;
  background: var(--background-color);
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
}
.project-info .project-info___title[data-v-26e2fdb0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.project-info .b-tabs__header.nav[data-v-26e2fdb0] {
  padding: 0 .35rem;
  border-radius: .5rem;
  border: 1px solid var(--border-color);
}
.project-info .name-c[data-v-26e2fdb0] {
  font: 500 1rem var(--font-family);
}
.project-info .title-desc[data-v-26e2fdb0] {
  font: 500 1rem var(--font-family);
}
.stakeholders-driver[data-v-26e2fdb0] {
  padding-bottom: .5rem;
}
.stakeholders-driver .table[data-v-26e2fdb0] {
  margin: 0;
}
.stakeholders-driver thead[data-v-26e2fdb0] {
  height: auto;
}
.stakeholders-driver th[data-v-26e2fdb0] {
  padding: 12px 1rem;
}
.stakeholders-driver__title[data-v-26e2fdb0] {
  width: 16%;
  font: 500 0.85rem var(--font-family);
  border: 1px solid var(--border-color);
  border-radius: .5rem;
}
.stakeholders-driver__title.small[data-v-26e2fdb0] {
  width: 14%;
}
.stakeholders-driver__title.wide[data-v-26e2fdb0] {
  width: 21%;
}
.stakeholders-driver tbody tr td[data-v-26e2fdb0] {
  border: 1px solid var(--border-color);
  border-radius: .5rem;
}
.table-driver .s-cell.high-bg[data-v-26e2fdb0],
.table-driver .s-cell.low-bg[data-v-26e2fdb0] {
  color: #303132;
}




.btn-checkbox[data-v-a2ab9898] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: var(--background-color);
  border-radius: 4px;
  border: 1px solid var(--border-color);
}
.btn-checkbox__icon[data-v-a2ab9898] {
  font-size: 0;
  /*opacity: 0;*/
  transition: all var(--animation-duration-fast) ease-in-out;
}
.btn-checkbox_active[data-v-a2ab9898] {
  background: var(--focus-color);
  border-color: var(--focus-color);
}

/*.btn-checkbox_active .btn-checkbox__icon {
  opacity: 1;
}*/
.b-checkbox[data-v-a2ab9898] {
    cursor: pointer;
    color: #0081B7!important;
    font-weight: normal!important;
}
.b-checkbox.disabled[data-v-a2ab9898] {
    cursor: none;
    color: gray;
}


.stakeholder-info-analysis {
  padding: 30px 0;
}
.stakeholder-info-analysis__driver {
  padding: 1rem;
  border-radius: .5rem;
  margin: 1rem 0;
  background: #fff;
}
.widget_sidebar_select-all {
  display: flex;
  align-items: center;
  gap: 10px;
  font: 500 0.85rem var(--font-family);
}
.widget_sidebar_select-all label {
  min-width: 0;
  margin: 0;
  color: var(--text-pale-color);
}
.stakeholder-info-analysis__title {
  font: 500 1.5rem var(--font-family);
  margin-bottom: 20px;
}
.fw-6 {
  font-weight: 600;
}
.attr {
  margin-bottom: 24px;
}
.attr h6 {
  color: #888888;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.attr span {
  font-size: 16px;
  line-height: 24px;
}


/** ISSUE */
.card-table-issue {
  box-sizing: border-box;
  border: 1px solid #EAEAEA;
  border-radius: 2px;
  background-color: #FFFFFF;
  margin-bottom: 24px;
}
.card-table-issue .card-table-header {
  background-color: #F2F5F7;
  border-bottom: 1px solid #EAEAEA;
}
.card-table-issue .card-table-header span {
  text-transform: uppercase;
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.card-table-issue .card-table-header,
.card-table-issue .card-table-row__label {
  padding: 16px;
}
.card-table-issue .card-table-row {
  display: flex;
  justify-content: space-between;
}
.card-table-header > .icon,
.card-table-row .icon {
  top: -2px;
  margin-right: 9px;
}
.card-table-row:not(:last-child) {
  border-bottom: 1px solid #EAEAEA;
}
.card-table-row .card-table-row__label {
  min-width: 200px;
  max-width: 200px;
  color: #888888;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  text-transform: uppercase;
  border-right: 1px solid #EAEAEA;
}
.card-table-row .card-table-row__body {
  flex-grow: 1;
}
.card-table-row .card-table-row__label div {
  padding: 16px;
  color: #888888;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.card-table-row .card-table-row__body div {
  padding: 16px;
  margin: 0;
  color: #333333;
  font-size: 14px;
  line-height: 20px;
}
.card-table-row .card-table-row__label div:not(:last-child),
.card-table-row .card-table-row__body div:not(:last-child) {
  border-bottom: 1px solid #EAEAEA;
}
.card-table-row .card-table-row__body h5 {
  color: #888888;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.card-table-row .card-table-row__type {
  position: relative;
  min-width: 32px;
  border-right: 1px solid #EAEAEA;
  background-color: #F2F5F7;
}
.card-table-row .card-table-row__type > span {
  color: #888888;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;



  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(-90deg)
}
.clf-positive {
  color: #089E17 !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  background-color: #E5FFEA;
  text-transform: uppercase;
}
.clf-negative {
  color: #9E0808 !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  background-color: #FFE5E5;
  text-transform: uppercase;
}



.stakeholders-table[data-v-09a41688] {
  table-layout: fixed;
  background: var(--background-color);
  border-radius: 6px;
  border: 1px solid var(--border-color);
  overflow-x: auto;
}
.stakeholders-table th[data-v-09a41688] {
  text-align: left;
}
.stakeholders-table .user-name[data-v-09a41688] {
  display: inline-block;
  vertical-align: middle;
  max-width: min(100%, 220px);
  word-wrap: break-word;
  white-space: normal;
  margin-right: 5px;
}
.stakeholders-table .accordeon-button[data-v-09a41688] {
  width: var(--controls-size);
  height: var(--controls-size);
  padding: 0;
  background: var(--background-color);
}
.stakeholders-table .root-row[data-v-09a41688] {
  font-size: 1.1rem;
}
.stakeholders-table .root-row td[data-v-09a41688]{
  border-top: 1px solid var(--border-color);
  border-bottom: none;
  vertical-align: middle;
}
.project-person-tiles[data-v-09a41688] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
  grid-auto-rows: 1fr;
  gap: 10px;
}
.stakeholders-table .name-wrap[data-v-09a41688] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.stakeholders-table .user-name[data-v-09a41688] {
  flex-grow: 1;
  max-width: none;
}
.stakeholders-table .child-row td[data-v-09a41688] {
  transition: all var(--animation-duration) ease-in-out;
}
.stakeholders-table .child-row td .row-wrap[data-v-09a41688] {
  opacity: 1;
  max-height: 1000px;
  transition: all var(--animation-duration) ease-in-out;
}
.stakeholders-table .child-row:not(.active) td[data-v-09a41688] {
  padding-top: 0;
  padding-bottom: 0;
}
.stakeholders-table .child-row:not(.active) td .row-wrap[data-v-09a41688] {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}
.root-row.inactive[data-v-09a41688] {
  background: color-mix(in srgb, var(--background-main) 75%, transparent);
}
.inactive .user-name[data-v-09a41688] {
  color: var(--text-pale-color);
  opacity: .7;
}
.stakeholders-table .child-row td[data-v-09a41688]{
  border: none;
}
.stakeholders-table .actions[data-v-09a41688] {
  display: flex;
  gap: .3rem;
}
.stakeholders-table .actions .btn[data-v-09a41688] {
  width: var(--controls-size);
  height: var(--controls-size);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: var(--background-color);
}
.stakeholders-table .accordeon-button[data-v-09a41688]:hover,
.stakeholders-table .actions .btn[data-v-09a41688]:hover {
  color: var(--focus-color);
}
.stakeholders-table .location span[data-v-09a41688]:not(:last-child):after {
  content: ',';
}
.stakeholders-table .row-name[data-v-09a41688] {
  font: 500 0.85rem var(--font-family);
  color: var(--text-pale-color);
  margin-bottom: .5rem;
}
.stakeholders-table .row-value[data-v-09a41688] {
}
.stakeholders-table .col-exp[data-v-09a41688] {
  width: 250px;
}
.project-person[data-v-09a41688] {
  /*width: min(491px, 100%);*/
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  border: 1px solid var(--border-color);
  margin: 0;
}
.project-person__name[data-v-09a41688] {
  flex-grow: 1;
  /*flex-shrink: 0;*/
  min-width: 0;
}
.project-person .btn-project[data-v-09a41688] {
  flex-shrink: 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: .3rem;
}
.project-person .btn-project button[data-v-09a41688] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  width: 32px;
  height: 32px;
  padding: 0;
}
.project-person .project-name[data-v-09a41688] {
  font: 500 1rem var(--font-family);
  color: var(--text-color);
}


.tab-content[data-v-54c899c2] {
  padding-top: 30px;
}
.account-settings-container[data-v-54c899c2] {
  padding-top: 30px;
}
.stakeholder-filters[data-v-54c899c2] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 12px;
  align-items: flex-end;
}
.stakeholder-filters .styled-tabs[data-v-54c899c2] {
  margin: 0;
}
.stakeholder-filters__checkboxes[data-v-54c899c2] {
  display: flex;
  flex-direction: row;
  margin-left: auto;
  gap: .5rem;
}
.stakeholder-filters .status-stakeholder[data-v-54c899c2] {
  width: auto;
  margin: 0;
}
.stakeholder-filters .form-check[data-v-54c899c2] {
  min-height: var(--input-height);
}
.custom-nav .nav-item[data-v-54c899c2] {
  margin-bottom: -1px;
}
.custom-nav[data-v-54c899c2] {
  transition: all 0.3s ease-in-out;
}
.custom-nav[data-v-54c899c2]:hover {
  border-color: var(--focus-color);
}
.custom-nav:hover .nav-item .nav-link[data-v-54c899c2] {
  color: var(--text-color);
}
.custom-menu[data-v-54c899c2] {
  min-width: 320px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  background: var(--background-color);
  z-index: 10;
}
.custom-menu .btn.active[data-v-54c899c2] {
  color: var(--focus-color);
  border-color: var(--focus-color);
}


.stakeholders-page[data-v-9fe040ee] {
  padding: var(--bs-gutter-x, .75rem) var(--bs-gutter-x, .75rem) 5vh;
}
.stakeholders-filter[data-v-9fe040ee] {
  padding-bottom: 20px;
}
.form-check.form-check-info[data-v-9fe040ee] {
  display: flex;
  align-items: center;
  min-height: var(--input-height);
  gap: .5rem;
  padding: .5rem 1rem;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  background: var(--background-main);
  color: var(--text-color);
}
.form-check.form-check-info label[data-v-9fe040ee] {
  color: var(--text-color);
  margin: 0;
  cursor: pointer;
}
.form-check .form-check-input[data-v-9fe040ee] {
  margin: 0;
  cursor: pointer;
}
.stakeholders-table[data-v-9fe040ee] {
  background: var(--background-color);
  border-radius: 6px;
  border: 1px solid var(--border-color);
}
@media screen and (min-width: 1100px) {
.stakeholders-filter[data-v-9fe040ee] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: .75rem;
}
.stakeholders-filter__item_subvision[data-v-9fe040ee] {
    width: 290px;
}
}



.title-line {
    overflow: hidden;
    margin: 36px 0 16px 0;
    color: #505D68;
}
.title-line:before,
.title-line:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    width: 100%;
    height: 1px;
    background-color: #C2D1D9;
    border: solid #FFF;
    border-width: 0 10px;
}
.title-line:before {
    margin-left: -100%;
}
.title-line:after {
    margin-right: -100%;
}
.auth-container{
  min-height: 100vh;
  background: url("/images/auth-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.auth-container .card{
  border-radius: 12px;
}
.auth-f{
  padding: 0;
}
.auth-f img{
  position: absolute;
  right: 25px;
  top: 12px;
  width: 24px;
}
.auth-f .inp{
  position: relative;
}
.head-auth{
  width: 250px;
  border-radius: 92px;
  border: 2px solid #30313208;
  background: #ffff;
  position: absolute;
  top: 7%;
  left: 38%;
  transform: translate(-50%, -50%);
}
.head-auth .logo-h, .head-auth .title-h{
  display: inline-block;
}
.head-auth .body-h{
  text-align: center;
  padding: 13px;
}
.head-auth .title-h{
  font-size: 20px;
  margin-left: 8px;
}
.info-text{
  color: #027FF1;
}


.back-btn{
  text-align: left;
  float: left;
  line-height: 32px;
}


.stakeholders-page[data-v-0e5f9ef6] {
  padding: var(--bs-gutter-x, .75rem) var(--bs-gutter-x, .75rem) 5vh;
}
.stakeholders-filter__item[data-v-0e5f9ef6] {
  padding-bottom: 20px;
}
.stakeholders-table[data-v-0e5f9ef6] {
  background: var(--background-color);
  border-radius: 6px;
  border: 1px solid var(--border-color);
}
@media screen and (min-width: 1100px) {
.stakeholders-filter[data-v-0e5f9ef6] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: .75rem;
}
.stakeholders-filter__item_subvision[data-v-0e5f9ef6] {
    width: 290px;
}
}



.p-content[data-v-066f0f26] {
  height: calc(100% - var(--tab-height));
}


/* .card-group-control>.collapsed .card-title::before {
  content: "\e9c9";
}

.card-group-control .card-title:before {
  content: "\e9ca";
  font-family: icomoon;
  font-size: 18px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -.5rem;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.card-group-control>.collapsed .card-body {
  display: none;
}

.card-group-control>.collapsed .card-header {
  border-bottom: 0;
}

.card-group-control .card-header {
  cursor: pointer;
}

.card-group-control .card.disabled .card-header {
	cursor: no-drop;
}

.card-group-control .card.disabled .card-header .card-title {
	color: #999999;
} */


.card {
  border-radius: 2px;
}
.card-header {
  padding: 12px 24px;
}
.card-header:not([class*=bg-]):not([class*=alpha-]) {
  background-color: transparent;
  border-bottom-width: 0;
}
.card-title {
  position: relative;
}
.card-header .card-title {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  color: #333;
  font-weight: 600;
}


.dropdown-menu {
    top: 38px;
    z-index: 9999;
    max-height: 300px;
    overflow-y: auto;
    border-top: 0;
    border-radius: 2px;
}
/* .dropdown.dropdown-select:focus {
    box-shadow: none;
    border: 1px solid #0081B7;
    box-sizing: border-box;
} */


.dropdown-select {
    cursor: pointer;
}
.dropdown-select>.dropdown-menu {
    width: 100%;
}
.dropdown-disabled>.form-control {
    cursor: no-drop;
    background: #e9ecef;
}


.b-checkbox {
    cursor: pointer;
    color: #0081B7!important;
    font-weight: normal!important;
}
.b-checkbox.disabled {
    cursor: none;
    color: gray;
}


.b-select {
  position: relative;
}
.b-input {
  position: relative;
  width: 100%;
}
.b-input__inner {
  width: 100%;
  height: var(--input-height);
  box-sizing: border-box;
  font: 500 1rem var(--font-family);
  cursor: pointer;
  color: var(--text-color);
  text-overflow: ellipsis;
  padding: .25rem 40px .25rem 1rem;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background: transparent;
}
/*
.b-input__inner:disabled {
  color: var(--text-pale-color);
  cursor: default;
  opacity: 0.5;
  background: transparent;
}*/
.b-input__inner:focus {
  outline: 0;
  box-shadow: none;
  border: 1px solid var(--focus-color);
}
.b-input__inner::placeholder {
  color: var(--placeholder-color);
  font-size: 14px;
}
.b-input__suffix {
  position: absolute;
  height: 40px;
  right: 5px;
  top: calc(50% - 20px);
  text-align: center;
  transition: all .3s;
}
.b-select .b-input .b-select__caret {
  width: 25px;
  height: 100%;
  line-height: 40px;
  transition: transform .3s;
  color: #999;
  font-size: 16px;
}
.b-select .b-dropdown {
  position: fixed;
  background: white;
  border: 1px solid #D2D2D2;
  z-index: 9999;
  max-height: 200px;
  overflow: auto;
  border-radius: 2px;
  transition: transform 0.2s ease-in-out;
}
.b-select .b-dropdown .dropdown-item {
  cursor: pointer;
  white-space: normal;
}
.b-select .b-dropdown .dropdown-item:hover {
  color: #303132;
  background-color: color-mix(in srgb, var(--focus-color) 5%, transparent);
}
.b-select .b-dropdown .dropdown-item.active,
.b-select .b-dropdown .dropdown-item:active {
  background: var(--focus-color);
  color: #fff;
}
.list-group {
  font-size: 14px;
  padding: 8px 0;
}
.select-selection>span {
  display: block;
  width: 90%;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select-selection>i {
  position:  absolute;
  top: 8px;
  right: 10px;
}
input[readonly] {
  caret-color: transparent; /* приховує курсор */
}


.nav-tabs {
    margin-bottom: 32px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}
.nav-tabs .nav-link {
    color: #888888;
    border: 0;
    padding: 14px 24px;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
    background-color: transparent;
    color: #0081B7;
}
.nav-tabs-bottom .nav-link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: background-color ease-in-out .15s;
}
.nav-tabs-bottom .nav-link {
    position: relative;
}
.nav-tabs-bottom .nav-link:before {
    height: 2px;
    top: auto;
    bottom: -1px;
}
.nav-tabs-bottom .nav-link.active:before,
.nav-tabs-bottom .nav-link:hover:before {
    background-color: #0081B7;
}
.nav-tabs-bottom .nav-link:before {
    background-color: #EEEEEE;
}