/* BEG: Sticky Footer - https://css-tricks.com/couple-takes-sticky-footer/#there-is-flexbox */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap'); html, body { height: 100%; } body { display: flex; flex-direction: column; } .content-container { flex: 1 0 auto; } .footer-container { flex-shrink: 0; } @media (max-width: 716px) { .k-drawer-wrapper { transition: none; } } @media (max-width: 716px) { #dashboard-tilelayout div.k-tilelayout-item:nth-child(-n + 4) { grid-column-end: span 4 !important; } } @media (min-width: 717px) and (max-width: 1065px) { #dashboard-tilelayout div.k-tilelayout-item:nth-child(-n + 4) { grid-column-end: span 2 !important; } } /*END: Sticky Footer */ .navbar-brand:hover { background-color: white !important; } #bug-span { margin: 5px !important; border: 1px solid #dee2e6; border-radius: 4px; background-color: #f8f9fa !important; text-decoration: none !important; } #bug-span h3 { font-size: 1.5rem !important; } #bug-span .feedback-icon { width: 5rem !important; } #bug-span:hover { border: 3px solid #005598; } #support-span { margin: 5px !important; border: 1px solid #dee2e6; border-radius: 4px; background-color: #f8f9fa !important; } #support-span h3 { font-size: 1.5rem !important; } #support-span .feedback-icon { width: 5rem !important; } #support-span:hover { border: 3px solid #005598; } #feature-span { margin: 5px !important; border: 1px solid #dee2e6; border-radius: 4px; background-color: #f8f9fa !important; } #feature-span h3 { font-size: 1.5rem !important; } #feature-span .feedback-icon { width: 5rem !important; } #feature-span:hover { border: 3px solid #005598; } main.content-container { flex: 1 0 auto; margin-top: 44px; background-color: #f8f9fa; /* Sidebar sizes when expanded and expanded */ /* Separators */ } main.content-container .list-group-item.active { background-color: #0076d3; } main.content-container .layout-container { margin: 10px; background-color: white; border-radius: 5px; border: 1px solid #dee2e6; height: calc(100vh - 112px); overflow-y: auto; overflow-x: hidden; } main.content-container .layout-container.no-background { background-color: #f8f9fa; border: none; } main.content-container #body-row { margin-left: 0; margin-right: 0; } main.content-container #blue-sidebar-container::-webkit-scrollbar { display: none; } main.content-container #blue-sidebar-container { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ max-height: calc(100vh - 92px); overflow-y: scroll; background-color: #005598; padding: 0; /* Closed submenu icon */ /* Opened submenu icon */ } main.content-container #blue-sidebar-container .list-group { /* Menu item*/ top: 0px; } main.content-container #blue-sidebar-container .list-group a { color: white; text-decoration: none; } main.content-container #blue-sidebar-container .list-group .sidebar-submenu { /* Submenu item*/ } main.content-container #blue-sidebar-container .list-group .sidebar-submenu a { padding-left: 30px; text-decoration: none; } /* main.content-container #blue-sidebar-container .list-group-item[aria-expanded=" false"*/ /*] .submenu-icon::after { content: " \f0d7 " ; font-family: FontAwesome; display: inline; text-align: right; padding-left: 10px; }*/ /* main.content-container #blue-sidebar-container .list-group-item[aria-expanded=" true" ] .submenu-icon::after { content: " \f0da " ; font-family: FontAwesome; display: inline; text-align: right; padding-left: 10px; }*/ main.content-container .sidebar-expanded { width: 230px; transition: 0.3s width ease-in-out; } main.content-container .sidebar-collapsed { width: 60px; transition: 0.3s width ease-in-out; } main.content-container .blue-sidebar-link-background { background-color: #005598; } main.content-container .blue-sidebar-link-background:hover { background-color: #0076d3; } main.content-container .blue-sidebar-link-background[disabled] { pointer-events: none; cursor: not-allowed; text-decoration: none; color: slategray !important; } main.content-container .sidebar-submenu { font-size: 0.9rem; } main.content-container .sidebar-separator-title { background-color: #005598; height: 35px; } main.content-container .sidebar-separator { background-color: #005598; height: 25px; } main.content-container .logo-separator { background-color: #005598; height: 60px; } main.content-container .stickySideBar { position: sticky; top: 40px; } .side-menu-button { border: 1px solid white; background-color: black; color: white; } .side-menu-button:hover { background-color: gray; color: white; } .modalLink { display: none !important; } @media only screen and (max-width: 800px) { .feedbackDialogBody { flex-direction: column !important; } #feature-span { width: 50vw !important; } #support-span { width: 50vw !important; } #bug-span { width: 50vw !important; } } .version-box { color: gray; position: static; /* bottom: 0; */ /* right: 0; */ font-size: 9px; margin-left: 90% !important; } /* New ribbon - Big*/ .ribbontext { padding-top: 15px; color: white; } .ribbon { text-align: center; width: 50px; height: 50px; background-color: #43a447; position: absolute; right: 25px; top: -350px; animation: drop forwards 0.8s 1s cubic-bezier(0.165, 0.84, 0.44, 1); } .ribbon:before { content: ' position: absolute; z-index: 2; left: 0; bottom: -20px; border-left: 25px solid #43a447; border-right: 25px solid #43a447; border-bottom: 20px solid transparent; } /* New ribbon - Small */ .ribbontextSmall { font-size: 10px; padding-top: 7px; color: white; } .ribbonSmall { text-align: center; width: 30px; height: 30px; background-color: #43a447; position: absolute; right: 50px; top: -750px; animation: drop forwards 0.8s 1s cubic-bezier(0.165, 0.84, 0.44, 1); } .ribbonSmall:before { content: ' position: absolute; z-index: 2; left: 0; bottom: -10px; border-left: 15px solid #43a447; border-right: 15px solid #43a447; border-bottom: 10px solid transparent; } /* New ribbon - Calculator*/ .ribbontextCalculator { padding-top: 5px; color: white; } .ribbonCalculator { text-align: center; width: 50px; height: 25px; background-color: #43a447; position: absolute; right: 25px; top: -350px; animation: drop forwards 0.8s 1s cubic-bezier(0.165, 0.84, 0.44, 1); } .ribbonCalculator:before { content: ' position: absolute; z-index: 2; left: 0; bottom: -8px; border-left: 25px solid #43a447; border-right: 25px solid #43a447; border-bottom: 8px solid transparent; } @media only screen and (max-width: 1200px) { .ribbontextCalculator { display: none; } .ribbonCalculator { display: none; } .ribbonCalculator:before { display: none; } } #settingsButton-PlaceholderLeft { display: flex; width: 25em; } #settingsButton-PlaceholderLeft form { margin: auto; width: 100%; position: relative; } #settingsButton-PlaceholderLeft form input { width: 90%; padding-right: 50px; } #settingsButton-PlaceholderLeft form .new-label-search { position: absolute; right: 15px; top: 3px; color: #43a447; } .library-view-standard-document-caption { text-align: center; font-weight: bold; } /*Added by Kalan Bonnette to handle the rotation of the submenu-arrow icons*/ /* Closed submenu icon */ .list-group-item[aria-expanded="false"] .submenu-icon::after { content: " \f0d7"; font-family: FontAwesome; display: inline; text-align: right; padding-left: 10px; } /* Opened submenu icon */ .list-group-item[aria-expanded="true"] .submenu-icon::after { content: " \f0da"; font-family: FontAwesome; display: inline; text-align: right; padding-left: 10px; } .fa-arrow-down-animated { animation-name: collapse-icon-animation; animation-duration: 0.15s; animation-direction: normal; animation-timing-function: linear; animation-fill-mode: forwards; } .fa-arrow-up-animated { animation-name: collapse-icon-animation-reverse; animation-duration: 0.25s; animation-direction: normal; animation-timing-function: linear; animation-fill-mode: forwards; } @keyframes collapse-icon-animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(180deg); } } @keyframes collapse-icon-animation-reverse { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loader { width: 48px; height: 48px; border: 5px solid #005598; border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; } /*Notifications styling*/ /* Notifications */ .k-notification h3 { /* padding: 30px 10px 5px;*/ font-size: 1em; line-height: normal; } .k-notification img { margin: 20px; float: left; } /* Info template */ .info-notification { width: 300px; height: 50px; } /* Error template */ .error-notification { width: 300px; height: 50px; } /* Success template */ .success-notification { width: 250px; height: 75px; } /* For Bootstrap v4 theme */ .k-bootstrap-v4 .k-notification h3 { padding: 10px 10px 5px; } .k-bootstrap-v4 .k-notification img { margin: 10px 20px 0 0; } .k-bootstrap-v4 .info-notification, .k-bootstrap-v4 .error-notification, .k-bootstrap-v4 .success-notification { width: calc( 300px - 2.5rem ); height: calc( 100px - 1.5rem ); } /* For Material v2 theme */ .k-material-v2 .k-notification h3 { padding: 10px 10px 5px; } .k-material-v2 .k-notification img { margin: 10px 20px 0 0; } .k-material-v2 .info-notification, .k-material-v2 .error-notification, .k-material-v2 .success-notification { width: 270px; height: 70px; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }