@charset "UTF-8";
/* Additional Soft UI Elements */

@font-face {font-family: 'Master-Regular'; src: url('../fonts/Roboto/roboto-regular.ttf'); font-display: swap;}
@font-face {font-family: 'Master-Strong'; src: url('../fonts/Roboto/roboto-bold.ttf'); font-display: swap;}


@font-face {font-family: 'Krub-Regular'; src: url('../fonts/Krub/Krub-Regular.ttf'); font-display: swap;}
@font-face {font-family: 'Krub-Medium'; src: url('../fonts/Krub/Krub-Medium.ttf'); font-display: swap;}
@font-face {font-family: 'Krub-Strong'; src: url('../fonts/Krub/Krub-Bold.ttf'); font-display: swap;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {margin-top: 0; margin-bottom: 0.5rem; font-family: 'Master-Strong'; line-height: 1.2;}

h1, .h1 {font-size: calc(1rem + 1.2vw)!important;}
h2, .h2 {font-size: calc(1rem + 0.9vw)!important;}
h3, .h3 {font-size: calc(1rem + 0.6vw)!important;}
h4, .h4 {font-size: calc(1rem + 0.3vw)!important;}
h5, .h5 {font-size: 1.25rem!important;}
h6, .h6 {font-size: 1rem!important;}

@media (min-width: 1200px) {
	h1, .h1 {font-size: 2.4rem!important;}
	h2, .h2 {font-size: 2.0rem!important;}
	h3, .h3 {font-size: 1.6rem!important;}
	h4, .h4 {font-size: 1.2rem!important;}
	h5, .h5 {font-size: 1rem!important;}
	h6, .h6 {font-size: 1rem!important;}
}

b {font-family: 'Master-Strong';}

.padding-0 {padding: 0!important;}
.padding-3 {padding: 3rem!important;}

.text-right {text-align: right !important;}
.text-left {text-align: left !important;}

.min-h-36 {min-height: 36px; vertical-align: middle; line-height: 2;}

.white-space-normal {white-space: normal!important;}
.linebreak-anywhere {line-break: anywhere;}

.renalco-blue {color: rgb(0, 40, 160)!important;}
.bg-renalco-blue {background: rgba(0,40,160,1.0)!important;}
.bg-renalco-blue-50 {background: rgba(0,40,160,0.5)!important;}
.bg-renalco-blue-90 {background: rgba(100, 100, 100, 0.90)!important;}
.bg-black-10 {background: rgba(0,0,0,0.1)!important;}
tbody tr th p img.icon, tbody tr td p img.icon {width: 48px!important; height: auto!important;}

div.bg-white-light {background-image: linear-gradient(310deg, rgba(255,255,255,0.3) 0%, rgba(200,200,200,0.3) 100%);}
div.bg-info-light {background-image: linear-gradient(310deg, #2152ff 0%, #21d4fd 100%);}
div.shadow-it {box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.35);}
img.max-w-360 {max-width: 360px; margin: 0 auto;}

.sidenav-header {height: 4rem;}
aside.sidenav div.bg-curved {background-image: url("../images/curved-images/curved5-small-light.jpg"); background-position-x: 0%; background-position-y: 0%; background-size: contain; background-repeat: no-repeat; background-attachment: fixed; background-origin: border-box; background-clip: border-box; background-color: transparent; opacity: 0.33; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -15;}

.navbar-vertical .navbar-nav .nav-link {color: var(--txt-norm)!important;}
a.nav-link svg {height: 24px!important; width: 24px!important;}

.blur {box-shadow: inset 0px 0px 2px #fefefed1; -webkit-backdrop-filter: saturate(200%) blur(30px); backdrop-filter: saturate(200%) blur(10px); background-color: var(--box-dark-bg) !important;}


img.multiple-top-logo {margin: 0.5rem 1rem; height: 24px; width: auto;}
.navbar h1 {margin: 0.5rem 1rem;}
.navbar-vertical .navbar-brand>img, .navbar-vertical .navbar-brand-img {max-width: 100%; max-height: 2rem; margin-right: 0.5rem; height: 24px!important; width: auto!important;}
svg path.color-foreground-white.opacity-10 {fill:#ffffff!important;}
h5.key-number {font-size: 3.5rem;}
a.addnewbtn {font-family: 'Master-Strong'; box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05); border-radius: 0.5rem;}
.border-radius-xl {border-radius: 1rem;}
.mb-7 {margin-bottom: 6rem !important;}
.shadow-lg {box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06) !important;}
input.disabled {background-color: var(--main-dark-bg)!important; color: var(--bs-gray-700)!important;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65;}
select.dropdown-toggle {-webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); background-repeat: no-repeat; background-position-x: 98%; background-position-y: 7px;}
p.mb--4 {margin-bottom: -1.75rem!important; margin-top: 0.25rem; border-radius: 0.25rem;}
div.alert {margin-bottom: 0; margin-top: -15px; opacity: 0%; transition-delay: 1s; transition-duration: 8s; animation: fadeIn 8s ease-in-out;}
@keyframes fadeIn {0% {opacity: 0%;} 5% {opacity: 100%;} 85% {opacity: 100%;} 100% {opacity: 0%;}}
div.note-editor.note-frame {width: 100%;}
div.note-editor .btn.btn-sm i {font-size: .85rem!important;}

/*.form-control[type=file] {width: 100%; border-radius: 1rem; border: 1px solid var(--txt-norm); padding: 1.5rem; margin-right: 0; font-family: var(--bs-font-sans-serif); font-size: 1.25rem; color: var(--txt-high); background-color: var(--input-focus); display: none;}*/

input[type="file"], .form-control[type=file], input#filer_input.form-control {display: none;}
.custom-file-upload {width: 100%; border-radius: 1rem!important; border: 1px solid var(--txt-norm); padding: 1.5rem; margin-right: 0; font-family: var(--bs-font-sans-serif); font-size: 1.25rem; color: var(--txt-high); background-color: var(--input-focus);}

div.note-editable {font-family: 'Krub-Regular', sans-serif; font-size: 1rem; text-align: left; background-color: #FFFFFF;}
div.note-editing-area div.note-editable p {font-family: 'Krub-Regular', sans-serif; font-size: 1rem; line-height: 1.6; margin-top: 0; margin-bottom: 1rem;}
div.note-editing-area div.note-editable b, div.note-editing-area div.note-editable strong {font-family: 'Krub-Strong', sans-serif;}
div.note-editing-area div.note-editable h2 {ont-family: "Krub-Medium", sans-serif; font-size: 1.25rem; text-transform: uppercase; margin: 2rem 0 1rem 0; line-height: 1.5; color: rgba(0,40,160,0.75);}
div.note-editing-area div.note-editable h3 {font-family: "Krub-Medium", sans-serif; font-size: 1.15rem; text-transform: none; margin: 1.5rem 0; line-height: 1.5; color: rgba(0,40,160,0.75);}
div.note-editing-area div.note-editable blockquote, div.note-editable p.sub-title {font-family: 'Krub-Medium', sans-serif; font-size: 1.25rem; margin: 2rem 0 1rem 0; border-left: none;}
div.note-editing-area div.note-editable ul {list-style: circle;}
div.note-editing-area div.note-editable ul li {margin-bottom: 1rem; font-family: 'Krub-Regular', sans-serif; font-size: 1rem; margin-left: 1rem; padding-left: 0.5rem;}

div.note-editing-area div.note-editable table {width: 100%!important; overflow: hidden;}
.note-editor .note-editing-area .note-editable table td, .note-editor .note-editing-area .note-editable table th {text-wrap: wrap;}


/* News Section ------------------------------------ */

a, *::before, *::after, img, span, input, button, .navbar, .fixedmenu, .tp-bullet, .owl-dot, .owl-prev, .owl-next {-webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

.padding-news {padding: 1.5rem 5rem;}

.right9 {margin-right: 0.5rem;}
.right18 {margin-right: 1rem;}
.right36 {margin-right: 2rem;}
.left9 {margin-left: 0.5rem;}
.left18 {margin-left: 1rem;}
.left36 {margin-left: 2rem;}

div.filters {width:auto; margin: 1rem auto; text-align: center;}
div.filters a.filter-link {display: inline-block; padding: 1rem;}
div.filters a.filter-link img.filter-menu {width: 96px; height: auto;}

div.filters a.filter-link:hover {padding: 0;}
div.filters a.filter-link:hover img.filter-menu {width: 128px; height: auto;}

div.news-card, div.side-card {position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: 0.5rem; overflow: hidden; margin: 1.5rem 0;}
/*.card-header {padding: 0.5rem; background-color: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125); border-radius: 0.5rem 0.5rem 0 0!important;} */
.card-footer {padding: 0.5rem; background-color: rgba(0,0,0,.03); border-top: 1px solid rgba(0,0,0,.125); border-radius: 0 0 0.5rem 0.5rem!important;}
div.side-card h1 {font-size: 1.25rem!important;}
div.news-card h1 {font-size: 2.25rem!important;}
div.news-card p, div.side-card p {margin-bottom: 0;}
.card-img-top {width: 100%; border-radius: 0!important;}

div.news-card div.card-body.text-right a img.social-icon {height: 60px; width: auto; margin: 0; padding: 0; vertical-align: unset;}

.badge {display: inline-block; font-family: inherit; margin-right: 0.5rem; padding: 0.5rem; font-size: 0.85rem; line-height: 1; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 0.25rem;}

.badge-box {font-size: 0.66rem;}
#mini-box div.card-body h5 {font-size: 1rem; line-height: 1.25;}
#mini-box div.card-body p, #mini-box div.card-body p.postdate {font-size: 0.75rem; line-height: 1.15;}
#mini-box div.card-body a {font-size: 1rem; line-height: 1.15;}
div#post-box-effect {transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; background-position: center center!important; background-repeat: no-repeat; background-size: cover!important;}
div#post-box-effect:hover {-webkit-transform: scale(1.25); -o-transform: scale(1.25); -ms-transform: scale(1.25); -moz-transform: scale(1.25); transform: scale(1.25);}

.news-date {display: inline-block; font-family: inherit; color: #888888!important; margin: 0.5rem 0 0.5rem 0.5rem; font-size: 0.85rem; text-align: right; line-height: 1; white-space: nowrap; vertical-align: middle; border-radius: 0;}
.card-title {padding: 0rem; margin: 1rem 0.5rem;}
.button-mini {padding: 0.5rem 1rem!important;}


article {padding: 2.5rem;}
article.short {padding: 0rem;}
p.article-badge {position: absolute; top: 10px; right: 10px;}
div.article-text-section {padding: 1rem 0.5rem; text-align: left; font-family: 'Krub-Regular', sans-serif; color: #222; font-size: 1rem;}
div.article-text-section p {margin-bottom: 1rem;}
article hr {padding: 3rem 0 1rem 0;}
article h2 {font-family: "Krub-Medium", sans-serif; font-size: 1.25rem; text-transform: uppercase; margin: 2rem 0 1rem 0; line-height: 1.5; color: rgba(0,40,160,0.75);}
article p.footnote-1 {font-size: 0.8rem; margin: 1rem 0 0.5rem 0; line-height: 1.25; color: rgba(0,40,160,0.75);}
article p.footnote-2 {font-size: 0.8rem; margin: 0.5rem 0 3rem 0; line-height: 1.25;}


label, .form-label {text-transform: uppercase; font-size: 0.75rem; font-family: 'Master-Strong'; margin-bottom: 0.5rem; color: var(--txt-norm); margin-left: 0.25rem;}

ul#categories, ul#recentposts, ul#popularposts {margin: 0.5rem 0; padding: 0; list-style: none;}
ul#categories li, ul#recentposts li, ul#popularposts li {font-size: 1rem; font-family: 'Master-Strong'!important; margin-left: 1rem; padding-left: 0.5rem; margin-bottom: 0.5em;}
ul#categories li::before, ul#recentposts li::before, ul#popularposts li::before {content: ""; border-color: transparent rgba(0,40,160,.33); border-style: solid; border-width: 0.35em 0 0.35em 0.45em; display: block; height: 0; width: 0; left: -1em; top: 1.1em; position: relative;}

div.card-body form div.input-group input.form-control {display: block; width: 80%; padding: 0.375rem 0.75rem; font-size: 1.25rem; line-height: 1.25; color: var(--txt-norm); background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem 0 0 0.25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
div.input-group button {display: inline-block; width: 20%; margin: 0; padding: 0.375rem 0.75rem; font-size: 0.85rem; line-height: 1.5; color: #ffffff; background-color: rgb(0,40,160); background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0 0.25rem 0.25rem 0; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}

.fs-7 {font-size: 0.75rem !important;}
button.fs-7 i, a.fs-7 i {font-size: 1.5rem!important; vertical-align: middle; margin-left: 0.5rem;}

object.top-center-logo {width: 66vw; margin: 0 auto; filter: invert(95%) sepia(95%) saturate(19%) hue-rotate(2deg) brightness(106%) contrast(105%) drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}

div.note-btn-group button {display: inline-block; width: auto; margin: 0.25rem 0; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #333333; background-color: #21d4fd; background-clip: padding-box; border: 1px solid #333333; border-radius: 0 0.25rem 0.25rem 0; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}

.note-editable {font-family: "Open Sans", sans-serif !important; font-size: 1rem !important; text-align: left!important;}

.note-frame {font-family: inherit;}

.note-modal-content {position: relative; max-width: 36rem; width: auto; margin: 2rem auto; border: 1px solid rgba(0,0,0,.2); background: #fff; background-clip: border-box; outline: 0; border-radius: 1rem; box-shadow: 0 3px 9px rgba(0,0,0,.5);}

.note-modal-header {padding: 1rem; background: #ededef; border-radius: 1rem 1rem 0 0; min-height: 4rem;}
.note-modal-title {font-size: inherit; color: inherit; margin: 0; line-height: 1.4;}
div.note-modal-header button.close {display: inline-block; width: auto; margin: 0; padding: 0.25rem 0.5rem; font-size: 1rem; font-family: 'Master-Strong'; line-height: 1.5; color: #ffffff; background-color: transparent; background-image: linear-gradient(310deg, #ea0606 0%, #ff667c 100%); background-clip: padding-box; border: 1px solid #333333; border-radius: 0.25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; opacity: 1;}
div.note-modal-header button.close:hover {background-image: linear-gradient(310deg, #ea0606 0%, #ea0606 100%); border: 1px solid #FFFFFF;}

.note-modal-body {position: relative; padding: 2rem 3rem;}
.note-form-label {text-transform: uppercase; font-size: 0.75rem; font-family: 'Master-Strong'; margin-bottom: 0.5rem; color: var(--txt-norm); margin-left: 0.25rem;}
.note-input {display: block; width: 100%; padding: 0.5rem 0.75rem!important; font-size: 0.875rem; line-height: 1.4rem; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #d2d6da!important; appearance: none; border-radius: 0.5rem; transition: box-shadow 0.15s ease, border-color 0.15s ease;}

.note-modal-footer {padding: 1rem; background: #ededef; border-radius: 0 0 1rem 1rem; min-height: 4rem;}
.note-btn-primary {display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: all 0.15s ease-in; margin-bottom: 1rem; letter-spacing: -0.025rem; text-transform: uppercase; box-shadow: 0 4px 7px -1px rgba(0, 0, 0, 0.11), 0 2px 4px -1px rgba(0, 0, 0, 0.07); background-size: 150%; background-position-x: 25%; background-image: linear-gradient(310deg, #7928CA 0%, #FF0080 100%); font-size: 0.75rem !important;}
.note-btn-primary:hover {border-radius: 0.5rem!important; box-shadow: 0 4px 7px -1px rgba(0, 0, 0, 0.11), 0 2px 4px -1px rgba(0, 0, 0, 0.07); transform: scale(1.0)!important;}

.table>:not(caption)>*>* {color: var(--txt-high);}





.meter {box-sizing: content-box; height: 1.5rem; position: relative; margin: 3.75rem 0 1.25rem 0; border-radius: 1.5625rem; padding: 10px; box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); background: var(--input-focus);}
.narrow-meter {height: 1.25rem!important; margin: 0.25rem 0!important; padding: 0!important;}
.narrow-meter span {font-size: 0.875rem; text-align: center; font-family: var(--master-font-bold); font-weight: normal; color: var(--color-white);}
.meter label {font-size: 0.875rem;}
.meter > span {display: block; height: 100%; border-top-right-radius: 1.25rem; border-bottom-right-radius: 1.25rem; border-top-left-radius: 1.25rem; border-bottom-left-radius: 1.25rem; background-color: rgb(43, 194, 83); background-image: linear-gradient(center bottom, rgb(43, 194, 83) 37%, rgb(84, 240, 84) 69%); box-shadow: inset 0 2px 9px rgba(0, 0, 0, 0.3), inset 0 -2px 6px rgba(255, 255, 255, 0.4); position: relative; overflow: hidden; width: 0%;}
.meter > span:after, .animate > span > span {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); z-index: 1; background-size: 50px 50px; animation: progress 2s linear infinite; border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-top-left-radius: 1.25rem; border-bottom-left-radius: 1.25rem; overflow: hidden;}
.animate > span:after {display: none;}
@keyframes progress {0% {background-position: 0 0;} 100% {background-position: 50px 50px;}}
.orange > span {background-image: linear-gradient(#f1a165, #f36d0a);}
.lightblue > span {background-image: linear-gradient(var(--bs-yellow), var(--bs-orange));}
.red > span {background-image: linear-gradient(var(--bs-danger), var(--main-dark-bg));}
.green > span {background-image: linear-gradient(var(--bs-success), var(--main-dark-bg));}
.nostripes > span > span, .nostripes > span::after {background-image: none!important;}


@media (max-width: 1199.98px) {
	aside.sidenav div.bg-curved {background-size: cover;}
	.note-modal-body {padding: 2rem;}
}

@media (max-width: 991.98px) {
	a.btn i.text-lg {font-size: 0.75rem;}
	.padding-3 {padding: 0.75rem!important;}
	p.filename {font-size: 0.85rem;}
}

@media (max-width: 831.98px) {
	div.row.top-msg div.col-8, div.row.top-msg div.col-4 {width: 100%!important;}
}

@media (min-width: 768px) {
	.note-modal-content {position: relative; max-width: 50rem; width: auto; margin: 2rem auto; border: 1px solid rgba(0,0,0,.2); background: #fff; background-clip: border-box; outline: 0; border-radius: 1rem; box-shadow: 0 3px 9px rgba(0,0,0,.5);}
}

@media (max-width: 767.98px) {
	#breadcrumb {display: none;}
	article {padding: 0rem;}
	.note-modal-body {padding: 1rem;}
}

@media print {
	div.container {max-width: none;}
	header#header, section#filters, div#sidebar, aside, nav, div#dash-filter {display: none!important; height: 0!important; width: 0!important;}
	div#main-section {width: 100vw!important;}
	canvas {width: 98%!important; height: auto!important;}
	article {padding: 2.5rem 0.5rem;}
	section#other-posts, div#trend-graph {page-break-before: always;}
	div#mini-box {width: 33.333%; height: auto;}
}