@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);
:root {
  --bs-primary: #6dc4a1;
  --bs-primary-lite: #223c52;
  --bs-primary-dark: #152837;
  --adveits_blue: #152837;
  --adveits_green: #6dc4a1;
  --adveits_gray: #f2f2f2;
  --adveits_medium_blue: #1b3243;
  --adveits_light_blue: #223c52;
  --adveits_dark_gray: #bfbfbf;
  --adveits_medium_gray: #f6f6f6;
  --adveits_light_gray: #f8f8f8;
  --adveits_extra_light_gray: #fbfbfb;
  --cyan: #39808d;
  --green: #368649;
  --purple: #6c509d;
  --red: #dd2840;
  --orange: #be5a04;
  --blue: #223c52;
  --teal: #268569;
  --indigo: #7e4bd2;
  --pink: #e8006a;
  --yellow: #9a6f01;
  --purple: #6f42c1;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
}

body, .roboto {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-optical-sizing: auto;
  font-style: normal;
}

h1, h2, h3, h4, h5 {
  font-weight: bold;
}

h1 {
  font-size: 55px !important;
}

h2 {
  font-size: 44px !important;
}

h3 {
  font-size: 35px !important;
}

h4 {
  font-size: 28px !important;
}

h5 {
  font-size: 18px !important;
}

.section .section-header .section-header-breadcrumb .breadcrumb-item {
  font-size: 16px;
}

.dropdown-menu a {
  font-size: 16px;
}

.bg-success {
  background-color: var(--adveits_green) !important;
}

.bg-danger {
  background-color: var(--red) !important;
}

.text-primary,
.text-primary-all *,
.text-primary-all *:before,
.text-primary-all *:after {
  color: var(--adveits_green) !important;
}

.text-success,
.text-success-all *,
.text-success-all *:before,
.text-success-all *:after {
  color: var(--adveits_green) !important;
}

.text-danger,
.text-danger-all *,
.text-danger-all *:before,
.text-danger-all *:after {
  color: var(--red) !important;
}

.form-control:focus,
.input-group-text:focus,
.custom-select:focus,
.custom-file-label:focus {
  border-color: var(--adveits_medium_blue);
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--adveits_medium_blue);
}

.custom-file-input:focus + .custom-file-label {
  border-color: var(--adveits_medium_blue);
}

.selectgroup-input:checked + .selectgroup-button {
  background-color: var(--adveits_medium_blue);
  border-color: var(--adveits_medium_blue);
}

.list-group-item-success {
  background-color: var(--adveits_green);
}

.list-group-item-danger {
  background-color: var(--red);
}

.alert.alert-success {
  background-color: var(--adveits_green);
}

.alert.alert-danger {
  background-color: var(--red);
}

.card .card-header h4 {
  color: var(--adveits_medium_blue);
}

.card.card-success {
  border-top: 2px solid var(--adveits_green);
}

.card.card-danger {
  border-top: 2px solid var(--red);
}

.nav-pills .nav-item .nav-link.active {
  border-bottom: 5px solid var(--adveits_medium_blue);
}

/* 3.10 Pagination */
.page-item .page-link {
  color: var(--adveits_medium_blue);
}

.page-item.active .page-link {
  background-color: var(--adveits_medium_blue);
  border-color: var(--adveits_medium_blue);
}

.page-item.disabled .page-link {
  color: var(--adveits_medium_blue);
}

.page-link:hover {
  background-color: var(--adveits_medium_blue);
}

/* 3.11 Badge */
.badge.badge-success {
  background-color: var(--adveits_green);
}

.badge.badge-danger {
  background-color: var(--red);
}

/* 3.12 Button */
.btn-success,
.btn-success.disabled {
  background-color: var(--adveits_green);
  border-color: var(--adveits_green);
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active,
.btn-outline-success.disabled:hover,
.btn-outline-success.disabled:focus,
.btn-outline-success.disabled:active {
  background-color: var(--adveits_green);
}

.navbar-bg {
  background-color: var(--adveits_medium_blue);
}

a.dropdown-item:focus,
a.dropdown-item:active,
a.dropdown-item.active {
  background-color: var(--adveits_medium_blue);
}

a.dropdown-item:hover {
  background-color: var(--bs-primary-lite);
  color: var(--adveits_medium_blue) !important;
}

.is-online {
  background-color: var(--adveits_green);
}

/* 4.2 Section */
.section .section-title:before {
  background-color: var(--adveits_medium_blue);
}

/* 4.3 Page */
body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
  /* box-shadow: 0 4px 8px var(--bs-primary-lite); */
  background-color: var(--bs-primary-lite);
  color: var(--adveits_medium_blue);
}

body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li > a:focus,
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a,
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a:hover {
  background-color: var(--bs-primary-lite);
  color: var(--adveits_medium_blue) !important;
}

body.sidebar-mini .main-sidebar .sidebar-menu li:hover > ul.dropdown-menu li:hover > a {
  background-color: var(--adveits_medium_blue);
  color: #fff;
}

.main-sidebar .sidebar-menu li a:hover {
  color: var(--adveits_medium_blue);
  background-color: var(--bs-primary-lite);
}

.main-sidebar .sidebar-menu li.active a {
  color: var(--adveits_medium_blue);
  background-color: var(--bs-primary-lite);
}

.main-sidebar .sidebar-menu li.active ul.dropdown-menu {
  color: var(--adveits_medium_blue);
  background-color: var(--bs-primary-lite);
}

.main-sidebar .sidebar-menu li.active > ul.dropdown-menu li a:hover {
  color: var(--adveits_medium_blue);
  background-color: var(--bs-primary-lite);
}

body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a:hover {
  background-color: var(--adveits_medium_blue);
}

body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a:before {
  background-color: var(--adveits_medium_blue);
}

/* 4.5 Animation */
.btn-custom,
.btn-custom.disabled {
  box-shadow: 0 2px 6px var(--bs-primary-lite);
  background-color: var(--adveits_green) !important;
  border-color: var(--adveits_green);
}

.btn-custom:focus,
.btn-custom.disabled:focus {
  background-color: var(--bs-primary-dark) !important;
}

.btn-custom:focus:active,
.btn-custom.disabled:focus:active {
  background-color: var(--bs-primary-dark) !important;
}

.btn-custom:active,
.btn-custom:hover,
.btn-custom.disabled:active,
.btn-custom.disabled:hover {
  background-color: var(--adveits_green) !important;
}

.btn-outline-custom,
.btn-outline-custom.disabled {
  border-color: var(--adveits_green);
  color: var(--adveits_green);
}

.btn-outline-custom:hover,
.btn-outline-custom:focus,
.btn-outline-custom:active,
.btn-outline-custom.disabled:hover,
.btn-outline-custom.disabled:focus,
.btn-outline-custom.disabled:active {
  background-color: var(--adveits_medium_blue) !important;
}

.text-custom {
  color: var(--adveits_medium_blue);
}

.bg-custom-login {
  background-color: var(--bs-primary-lite) !important;
  color: var(--adveits_medium_blue);
}

.bg-custom-login .nav-link {
  color: var(--adveits_medium_blue);
}

.bg-custom-login .nav-link:hover,
.bg-custom-login .nav-link:focus {
  color: var(--adveits_medium_blue);
}

.bg-custom-login .nav-link.active {
  color: var(--adveits_medium_blue);
}

.dorpdown-custom {
  color: var(--adveits_medium_blue);
}

.card.card-custom {
  border-top: 2px solid var(--adveits_medium_blue);
}

.list-group-item-custom {
  background-color: var(--adveits_medium_blue);
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-color: var(--adveits_medium_blue);
  /* green */
  /* this bg image SVG is just a white circle, you can replace it with any valid SVG code */
}

/* active state i.e. displayed while the mouse is being pressed down */
.custom-radio .custom-control-input:active ~ .custom-control-label::before {
  background-color: var(--adveits_medium_blue);
  /* red */
}

/* the shadow; displayed while the element is in focus */
.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem var(--bs-primary-lite);
}

.form-control:disabled,
.form-control[readonly] {
  background-color: var(--bs-primary-lite) !important;
  border-color: var(--bs-primary-lite);
}

.bg-custom-light {
  background-color: var(--bs-primary-lite) !important;
}

select:focus > option:checked {
  background: var(--bs-primary-lite) !important;
  color: var(--adveits_medium_blue);
}

.invoice-details {
  background-color: var(--bs-primary-lite) !important;
}

.card-invoice {
  border: 1px solid var(--adveits_medium_blue) !important;
}

.demo-alert {
  color: var(--adveits_extra_light_gray) !important;
  background-color: var(--yellow) !important;
}

.navbar-brand {
  color: var(--adveits_medium_blue) !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: var(--adveits_medium_blue) !important;
}

.range_inputs .btn-success {
  background-color: var(--adveits_medium_blue) !important;
  border-color: var(--adveits_medium_blue);
}

.icon-custom {
  color: var(--adveits_medium_blue);
}

/** New Edits **/
.logo {
  height: 38px;
}

.logo-small {
  height: 20px;
}

.btn {
  font-size: 1rem !important;
}

.btn:hover {
  background-color: #52b98f !important;
  border-color: #52b98f !important;
}

a {
  color: var(--adveits_blue);
}

a:hover {
  color: var(--adveits_green);
}

.main-sidebar .sidebar-menu li a:hover {
  color: var(--adveits_gray);
  background-color: var(--adveits_green);
}

a.dropdown-item:hover {
  background-color: var(--adveits_green);
  color: var(--adveits_gray) !important;
}

body label {
  font-size: 18px !important;
  font-weight: bold !important;
}

.btn, input, .card-icon, .alert {
  border-radius: 0 !important;
}

#app > div > div.main-content.main-sm-user.main-user.pl-md-5.pr-md-5 > section > div > div > div > div.card.card-custom > div.card-header > a > .fa-arrow-circle-right {
  display: none;
}