/*! * Start Bootstrap - SB Admin v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/sb-admin) * Copyright 2013-2017 Start Bootstrap * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-sb-admin/blob/master/LICENSE) */ a.users:hover{ color:purple; text-decoration: none; } html { position: relative; min-height: 100%; } body { overflow-x: hidden; } body.sticky-footer { margin-bottom: 56px; } body.sticky-footer .content-wrapper { min-height: calc(100vh - 56px - 56px); } body.fixed-nav { padding-top: 56px; } .content-wrapper { min-height: calc(100vh - 56px); padding-top: 1rem; } .scroll-to-top { position: fixed; right: 15px; bottom: 3px; display: none; width: 50px; height: 50px; text-align: center; color: white; background: rgba(52, 58, 64, 0.5); line-height: 45px; } .scroll-to-top:focus, .scroll-to-top:hover { color: white; } .scroll-to-top:hover { background: #343a40; } .scroll-to-top i { font-weight: 800; } .smaller { font-size: 0.7rem; } .o-hidden { overflow: hidden !important; } .z-0 { z-index: 0; } .z-1 { z-index: 1; } #mainNav .navbar-collapse { overflow: auto; max-height: 75vh; } #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link { cursor: pointer; } #mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after { float: right; content: '\f107'; font-family: 'FontAwesome'; } #mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse.collapsed:after { content: '\f105'; } #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level, #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level { padding-left: 0; } #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a, #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a { display: block; padding: 0.5em 0; } #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:focus, #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:hover, #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:focus, #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:hover { text-decoration: none; } #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a { padding-left: 1em; } #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a { padding-left: 2em; } #mainNav .navbar-collapse .sidenav-toggler { display: none; } #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link { position: relative; min-width: 45px; } #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after { float: right; width: auto; content: '\f105'; border: none; font-family: 'FontAwesome'; } #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link .indicator { position: absolute; top: 5px; left: 21px; font-size: 10px; } #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown.show > .nav-link:after { content: '\f107'; } #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message { overflow: hidden; max-width: none; text-overflow: ellipsis; } @media (min-width: 992px) { #mainNav .navbar-brand { width: 250px; } #mainNav .navbar-collapse { overflow: visible; max-height: none; } #mainNav .navbar-collapse .navbar-sidenav { position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 56px; } #mainNav .navbar-collapse .navbar-sidenav > .nav-item { width: 250px; padding: 0; } #mainNav .navbar-collapse .navbar-sidenav > .nav-item > .nav-link { padding: 1em; } #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level, #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level { padding-left: 0; list-style: none; } #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li, #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li { width: 250px; } #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a, #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a { padding: 1em; } #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a { padding-left: 2.75em; } #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a { padding-left: 3.75em; } #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link { min-width: 0; } #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after { width: 24px; text-align: center; } #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message { max-width: 300px; } } #mainNav.fixed-top .sidenav-toggler { display: none; } @media (min-width: 992px) { #mainNav.fixed-top .navbar-sidenav { height: calc(100vh - 112px); } #mainNav.fixed-top .sidenav-toggler { position: absolute; top: 0; left: 0; display: flex; overflow-x: hidden; overflow-y: auto; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: calc(100vh - 56px); } #mainNav.fixed-top .sidenav-toggler > .nav-item { width: 250px; padding: 0; } #mainNav.fixed-top .sidenav-toggler > .nav-item > .nav-link { padding: 1em; } } #mainNav.fixed-top.navbar-dark .sidenav-toggler { background-color: #212529; } #mainNav.fixed-top.navbar-dark .sidenav-toggler a i { color: #adb5bd; } #mainNav.fixed-top.navbar-light .sidenav-toggler { background-color: #dee2e6; } #mainNav.fixed-top.navbar-light .sidenav-toggler a i { color: rgba(0, 0, 0, 0.5); } body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler { overflow-x: hidden; width: 55px; } body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-item, body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-link { width: 55px !important; } body.sidenav-toggled #mainNav.fixed-top #sidenavToggler i { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: 'FlipH'; } #mainNav.static-top .sidenav-toggler { display: none; } @media (min-width: 992px) { #mainNav.static-top .sidenav-toggler { display: flex; } } body.sidenav-toggled #mainNav.static-top #sidenavToggler i { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: 'FlipH'; } .content-wrapper { overflow-x: hidden; background: white; } @media (min-width: 992px) { .content-wrapper { margin-left: 250px; } } #sidenavToggler i { font-weight: 800; } .navbar-sidenav-tooltip.show { display: none; } @media (min-width: 992px) { body.sidenav-toggled .content-wrapper { margin-left: 55px; } } body.sidenav-toggled .navbar-sidenav { overflow-x: hidden; width: 55px; } body.sidenav-toggled .navbar-sidenav .nav-link-text { display: none; } body.sidenav-toggled .navbar-sidenav .nav-item, body.sidenav-toggled .navbar-sidenav .nav-link { width: 55px !important; } body.sidenav-toggled .navbar-sidenav .nav-item:after, body.sidenav-toggled .navbar-sidenav .nav-link:after { display: none; } body.sidenav-toggled .navbar-sidenav-tooltip.show { display: flex; } #mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-link-collapse:after { color: #868e96; } #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link { color: #868e96; } #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover { color: #adb5bd; } #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a { color: #868e96; } #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover { color: #adb5bd; } #mainNav.navbar-dark .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after { color: #adb5bd; } @media (min-width: 992px) { #mainNav.navbar-dark .navbar-collapse .navbar-sidenav { background: #343a40; } #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a { color: white !important; background-color: #495057; } #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:hover { color: white; } #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level { background: #343a40; } } #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link-collapse:after { color: rgba(0, 0, 0, 0.5); } #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link { color: rgba(0, 0, 0, 0.5); } #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover { color: rgba(0, 0, 0, 0.7); } #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a { color: rgba(0, 0, 0, 0.5); } #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover { color: rgba(0, 0, 0, 0.7); } #mainNav.navbar-light .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after { color: rgba(0, 0, 0, 0.5); } @media (min-width: 992px) { #mainNav.navbar-light .navbar-collapse .navbar-sidenav { background: #f8f9fa; } #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a { color: #000 !important; background-color: #e9ecef; } #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:hover { color: #000; } #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level { background: #f8f9fa; } } .card-body-icon { position: absolute; z-index: 0; top: -25px; right: -25px; font-size: 5rem; -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } @media (min-width: 576px) { .card-columns { column-count: 1; } } @media (min-width: 768px) { .card-columns { column-count: 2; } } @media (min-width: 1200px) { .card-columns { column-count: 2; } } .card-login { max-width: 25rem; } .card-register { max-width: 40rem; } footer.sticky-footer { position: absolute; right: 0; bottom: 0; width: 100%; height: 56px; background-color: #e9ecef; line-height: 55px; } @media (min-width: 992px) { footer.sticky-footer { width: calc(100% - 250px); } } @media (min-width: 992px) { body.sidenav-toggled footer.sticky-footer { width: calc(100% - 55px); } }