[v-cloak] {
    display: none;
}

body {    
    color: #444 !important;
    --ct-body-color: #444 !important;
}

.logo-lg img {
    height: 45px !important;
}


.container-fluid {
    max-width: 98% !important;
}

.pre-wrap {
    white-space: pre-wrap !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #2ab7ca !important;
}

.ql-snow .ql-tooltip {
    left: 0px !important;
}

.content-html p {
    margin-top: 0.4rem !important;
    margin-bottom: 0.4rem !important;
}

.table {
    --ct-body-color: #444 !important;
    color: #444 !important;
}

.card-body {
    padding: 1.3rem 1.3rem !important;
}

.progress {
    background-color: #42d29d !important;
}

.bg-secondary-light {
    --bs-bg-opacity: 1;
    background-color: #eef2f7 !important;
}

.form-control {
    --ct-body-color: #444;
    color: #444;
}

.form-select {
    --ct-body-color: #444;
    color: #444;
}

.alert-warning {
    --ct-body-color: #444;
    color: #444;
}

b {
    font-weight: 500 !important;
}

strong {
    font-weight: 500 !important;
}


th {
    font-weight: 600 !important;
}

.badge {
    font-weight: 400 !important;
}

.page-title-box .page-title {
    font-size: 20px !important;
    font-weight: 500 !important;
}

.text-grey {
    color: #838c96;
}

.unselectable {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div#ViewDescriptionTab img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.ql-container {
    font-family: Segoe UI, Quicksand, Nunito,sans-serif !important;
}

.badge.badge-xl {
    padding: .5em 1em;
    font-size: .98em
}

.code-panel {
    height: 100%;
}

.hljs-keyword, .hljs-selector-tag, .hljs-subst {
    color: #015692;
    font-weight: 500;
}

.hljs-section, .hljs-selector-id, .hljs-title {
    color: #b75501;
    font-weight: 500;
}

.hljs-doctag, .hljs-string {
    color: #54790d;
}

.new-line {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.logo-lg img {
    height: 45px !important;
}

.logo-topbar {
    padding: 0;
}

.logo-sm img {
    height: 30px !important;
}

@media (max-width:375px) {
    .logo-topbar {
        display: block !important
    }
}

.text-primary {
    color: #265ea8 !important;
}

.font-normal {
    font-weight: 400 !important;
}

.btn-primary {
    --ct-btn-color: #fff;
    --ct-btn-bg: #265ea8;
    --ct-btn-border-color: #265ea8;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #103c76;
    --ct-btn-hover-border-color: #103c76;
    --ct-btn-focus-shadow-rgb: 84, 154, 252;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #103c76;
    --ct-btn-active-border-color: #103c76;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #265ea8;
    --ct-btn-disabled-border-color: #265ea8;
}

.form-check-input {
    margin-top: 0;
}

.modal-title {   
    font-weight: 500 !important;
}

.modal-overflow-right {
    max-height: calc(100vh - 300px);
    overflow-y: auto;
}

.modal-overflow-left {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

.image_link img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}