%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /mnt/tnb2/los/backend/css/
Upload File :
Create Path :
Current File : //mnt/tnb2/los/backend/css/dashboard.css

/* ============================= 
GOOGLE FONT
================================ */
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;500;600;700;800;900");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900");
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800;900");
@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700;900");
@import url("https://use.fontawesome.com/releases/v5.15.4/css/all.css");

:root {
color-scheme: light dark;
--bd-violet: #712cf9;
}

::-webkit-scrollbar {
width: 8px;
}

::-webkit-scrollbar-track {
background: #fcfcfc;
}
 
::-webkit-scrollbar-thumb {
background: #d2d2d2; 
}

html {
scrollbar-color:#d2d2d2 #fcfcfc;
scrollbar-width: thin;
position: relative;
min-height: 100%;
width: 100%;
}

body {
font-family: -apple-system, BlinkMacSystemFont, "Nunito Sans", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
margin: 0 0 60px;
padding-top: 4rem;
font-size: 14px;
color: #212529;
background-color: #fcfcfc;
}

h1, h2, h3, h4, h5, h6 {
font-family: -apple-system, BlinkMacSystemFont, "Raleway", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
font-weight: 600;
}

p {
text-align: justify;
}

.wrapper {
position: relative;
margin-top: 110px;
}

.main {
position: relative;
padding-bottom: 60px;
}

.header {
position: fixed;
left: 0;
top: 0;
right: 0;
/*transition: all 0.5s;*/
z-index: 997;
background-color: #fff;
}

.navbar {
padding: 0;
}

.nav-item {
font-family: -apple-system, BlinkMacSystemFont, "Raleway", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
font-size: 12px;
font-weight: 700;
text-transform: uppercase !important;
padding: 5px;
}

.nav-link {
color: #212529;
}

.nav-link.login {
background-color: #d2042d;
color: #f7f7f7 !important;
}

.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  background-color: var(--bd-callout-bg, var(--bs-gray-100));
  border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300));
}

.bd-callout.bc {
  border-left: 0.25rem solid #b52d15;
}

.bd-callout-info {
  --bd-callout-bg: rgba(var(--bs-info-rgb), .075);
  --bd-callout-border: rgba(var(--bs-info-rgb), .5);
}

.bd-callout-warning {
  --bd-callout-bg: rgba(var(--bs-warning-rgb), .075);
  --bd-callout-border: rgba(var(--bs-warning-rgb), .5);
}

.bd-callout-danger {
  --bd-callout-bg: rgba(var(--bs-danger-rgb), .075);
  --bd-callout-border: rgba(var(--bs-danger-rgb), .5);
}

.badge {
font-size: 11px;
font-weight: normal;
color: var(--bs-font-sans-serif);
border-radius: var(--bs-border-radius-sm);
}

.btn-add {
  background-color: blueviolet;
  border-color: blueviolet;
  color: #fff;
}

.btn-add:hover {
  background-color: blueviolet;
  border-color: blueviolet;
  color: #fff;
}

@media (max-width: 992px) {
.nav-link, .nav-link.login {
width: max-content;
padding: 5px 16px;
}

.line {
border-bottom: 1px solid #ccc;
}

.info {
text-align: inherit !important;
}

.badge {
margin-bottom: .5rem !important;
}
}


.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
color: #eb8100;
}

.navbar-toggler, .navbar-toggler:focus {
border: none;
box-shadow: none;
}

a {
color: #212529;
text-decoration: unset;
}

a:hover {
color: #eb8100;
text-decoration: unset;
}



/*
 * Footer
 */
footer {
position: absolute;
left: 0;
bottom: 0;
height: 60px;
width: 100%;
padding-top: 24px;
}

.copyright {
font-family: -apple-system, BlinkMacSystemFont, "Titillium Web", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
font-size: 10px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.15em;
}

@media (max-width: 1199px) {

.wrapper {
margin-top: 70px;
}
}

Zerion Mini Shell 1.0