.light-style .menu .app-brand.demo {height: 64px;}.dark-style .menu .app-brand.demo {height: 64px;}.app-brand-logo.demo {-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;display: -ms-flexbox;display: flex;width: 34px;height: 24px;}.app-brand-logo.demo svg {width: 35px;height: 24px;}.app-brand-text.demo {font-size: 1.375rem;}.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {padding-top: 64px !important;}.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {padding-top: 78px !important;}.content-wrapper .navbar {z-index: auto;}.demo-blocks > * {display: block !important;}.demo-inline-spacing > * {margin: 1rem 0.375rem 0 0 !important;}.demo-vertical-spacing > * {margin-top: 1rem !important;margin-bottom: 0 !important;}.demo-vertical-spacing.demo-only-element > :first-child {margin-top: 0 !important;}.demo-vertical-spacing-lg > * {margin-top: 1.875rem !important;margin-bottom: 0 !important;}.demo-vertical-spacing-lg.demo-only-element > :first-child {margin-top: 0 !important;}.demo-vertical-spacing-xl > * {margin-top: 5rem !important;margin-bottom: 0 !important;}.demo-vertical-spacing-xl.demo-only-element > :first-child {margin-top: 0 !important;}.rtl-only {display: none !important;text-align: left !important;direction: ltr !important;}[dir='rtl'] .rtl-only {display: block !important;}@media (max-width: 576px) {#dropdown-variation-demo .btn-group .text-truncate {width: 254px;position: relative;}#dropdown-variation-demo .btn-group .text-truncate::after {position: absolute;top: 45%;right: 0.65rem;}}.layout-demo-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-top: 1rem;}.layout-demo-placeholder img {width: 900px;}.layout-demo-info {text-align: center;margin-top: 1rem;}.loader {display: block;visibility: visible;position: fixed;z-index: 10060;top: 0px;left: 0px;width: 100%;height: 100%;background-color: black;vertical-align: bottom;padding-top: 20%;filter: opacity(75%);opacity: 0.75;font-size: large;color: blue;font-style: italic;font-weight: 400;overflow: hidden;}.loaderdot span {display: inline-block;width: 40px;height: 40px;border-radius: 100% !important;background-color: #034f73;margin: 35px 15px;opacity: 0;}.loaderdot span:nth-child(1) {animation: opacitychange 1s ease-in-out infinite;}.loaderdot span:nth-child(2) {animation: opacitychange 1s ease-in-out 0.2s infinite;}.loaderdot span:nth-child(3) {animation: opacitychange 1s ease-in-out 0.35s infinite;}.loaderdot span:nth-child(4) {animation: opacitychange 1s ease-in-out 0.45s infinite;}.loaderdot span:nth-child(5) {animation: opacitychange 1s ease-in-out 0.55s infinite;}.loaderdot span:nth-child(6) {animation: opacitychange 1s ease-in-out 0.65s infinite;}@keyframes opacitychange {0%, 100% {opacity: 0;}60% {opacity: 1;}}.unread, .unread:hover {background-color: #f4f3fe !important;font-weight: bold !important;}.read, .read:hover {background-color: white !important;}tr:hover {border: 1px solid lightgray !important;box-shadow: 1px 3px lightgray !important;}.errormsg {color: red;padding: 5px;}.top-15 {top: 15% !important;}