@charset "UTF-8";
/*!
* Start Bootstrap - New Age v6.0.4 (https://startbootstrap.com/theme/new-age)
* Copyright 2013-2021 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-new-age/blob/master/LICENSE)
*/
/*!
 * Bootstrap v5.1.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
 
/* General */

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v103/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}
.content-list-head h3, .content-list-head h5 {
    margin: 0;
    display: inline-block;
}
.content-list-head {
    margin-bottom: 1.5rem;
}
.content-list-head > [class*='col'] {
    display: flex;
    align-items: center;
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
} 

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
h3 + .btn-round, h5 + .btn-round {
    margin-left: 0.75rem;
}
.btn-round i.material-icons {
    font-size: 1rem;
    color: #6c757d;
}
.btn-round {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 50%;
    padding: 0;
    background: #dee2e6;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* NAV */

.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link.active, .nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs.nav-line-tabs-2x .nav-item.show .nav-link {
    border-bottom-width: 2px;
}

.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link {
    border-bottom-width: 2px;
}
.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #00a3ff;
    transition: color .2s ease,background-color .2s ease;
}
.nav-line-tabs .nav-item:first-child .nav-link {
    margin-left: 0;
}
.nav-line-tabs .nav-item .nav-link {
    color: #a1a5b7;
    border: 0;
    border-bottom: 1px solid transparent;
    transition: color .2s ease,background-color .2s ease;
    padding: .5rem 0;
    margin: 0 1rem;
}
.nav-stretch .nav-link {
    display: flex;
    align-items: center;
}
.text-active-primary.active {
    transition: color .2s ease,background-color .2s ease;
    color: #00a3ff!important;
}
.text-active-primary {
    transition: color .2s ease,background-color .2s ease;
}
.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #00a3ff;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

/* view page */
.card .card-body {
    padding: 2rem 2.25rem;
}
.resize-triggers, .resize-triggers>div, .contract-trigger:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.resize-triggers>div {
    background: #eee;
    overflow: auto;
}
.resize-triggers {
    animation: 1ms resizeanim;
    visibility: hidden;
    opacity: 0;
}
.apexcharts-canvas {
    position: relative;
    user-select: none;
}
/* general */
@media (min-width: 1400px){
.mb-xxl-8 {
    margin-bottom: 2rem!important;
}
}
@media (min-width: 992px){
	.mw-lg-75px {
		max-width: 75px!important;
	}
	.h-lg-150px {
		height: 150px!important;
	}
	.w-lg-150px {
		width: 150px!important;
	}
}
img, svg {
    vertical-align: middle;
}
.flex-shrink-0 {
    flex-shrink: 0!important;
}
.mb-4 {
    margin-bottom: 1rem!important;
}
.me-7 {
    margin-right: 1.75rem!important;
}
.flex-shrink-0 {
    flex-shrink: 0!important;
}
.h-100px {
    height: 100px!important;
}
.w-100px {
    width: 100px!important;
}
.mw-50px {
    max-width: 50px!important;
}
.mb-5 {
    margin-bottom: 1.25rem!important;
}
.card-body .card-options {
    position: absolute;
    top: 1.5rem;
    right: 0.75rem;
}
.card-project .card-title, .card-kanban .card-title {
    margin-bottom: 0.75rem;
}
.card-info{
	max-width:80%;
}
.border-dashed {
    border-style: dashed!important;
    border-color: #e4e6ef;
}

.min-w-125px {
    min-width: 125px!important;
}
.rounded {
    border-radius: .475rem!important;
}

.border-gray-300 {
    border-color: #e4e6ef!important;
}

.text-gray-400 {
    color: #b5b5c3!important;
}
.fw-bold {
    font-weight: 500!important;
}
.py-3 {
    padding-top: .75rem!important;
    padding-bottom: .75rem!important;
}
.px-4 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
.pb-0 {
    padding-bottom: 0!important;
}
.pt-9 {
    padding-top: 2.25rem!important;
}
.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem;
}
.mb-6 {
    margin-bottom: 1.5rem!important;
}
.mb-2 {
    margin-bottom: .5rem!important;
}
.justify-content-between {
    justify-content: space-between!important;
}
.align-items-center {
    align-items: center!important;
}
.flex-wrap {
    flex-wrap: wrap!important;
}
.flex-grow-1 {
    flex-grow: 1!important;
}
.justify-content-start {
    justify-content: flex-start!important;
}
.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important;
}
.badge-light-primary {
    color: #00a3ff;
    background-color: #f1faff;
}
.border-dashed {
    border-style: dashed!important;
    border-color: #e4e6ef;
}

.border-gray-300 {
    border-color: #e4e6ef!important;
}
.min-w-125px {
    min-width: 125px!important;
}
.rounded {
    border-radius: .475rem!important;
}
.me-auto {
    margin-right: auto!important;
}
.py-3 {
    padding-top: .75rem!important;
    padding-bottom: .75rem!important;
}
.px-4 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
.mb-3 {
    margin-bottom: .75rem!important;
}
.me-6 {
    margin-right: 1.5rem!important;
}
.text-gray-700 {
    color: #5e6278!important;
}
.fs-4 {
    font-size: 1.25rem!important;
}
.fs-6 {
    font-size: 1.075rem!important;
}
.border {
    border: 1px solid #eff2f5!important;
}
.badge-light-primary {
    color: #00a3ff;
    background-color: #f1faff;
}
.btn.btn-light {
    color: #7e8299;
    border-color: #f5f8fa;
    background-color: #f5f8fa;
}
.btn {
    display: inline-block;
    font-weight: 500;
    line-height: 1.5;
    color: #181c32;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    padding: .75rem 1.5rem;
    font-size: 1.1rem;
    border-radius: .475rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.fw-boldest {
    font-weight: 700!important;
}
.me-auto {
    margin-right: auto!important;
}
.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    border: 0;
    padding: calc(.75rem + 1px) calc(1.5rem + 1px);
}

.btn:not(.btn-shadow):not(.shadow):not(.shadow-sm):not(.shadow-lg) {
    box-shadow: none!important;
}
.btn.btn-primary {
    color: #fff;
    border-color: #00a3ff;
    background-color: #00a3ff;
}
.badge {
    display: inline-block;
    padding: .5em .85em;
    font-size: .85rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .475rem;
}

/* symbol */
.symbol-group.symbol-hover .symbol {
    cursor: pointer;
}
.symbol-group .symbol {
    position: relative;
    z-index: 0;
    margin-left: -10px;
    border: 2px solid #fff;
    transition: all .3s ease;
}
.symbol.symbol-circle, .symbol.symbol-circle .symbol-label, .symbol.symbol-circle>img {
    border-radius: 50%;
}
.symbol {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    border-radius: .475rem;
}
.symbol.symbol-35px .symbol-label {
    width: 35px;
    height: 35px;
}

.symbol.symbol-circle, .symbol.symbol-circle .symbol-label, .symbol.symbol-circle>img {
    border-radius: 50%;
}
.symbol .symbol-label {
    width: 50px;
    height: 50px;
}
.symbol .symbol-label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    color: #3f4254;
    background-color: #f5f8fa;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: .475rem;
}
.text-inverse-warning {
    color: #fff!important;
}
.bg-warning {
    --bg-color: 255,199,0;
}
.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important;
}