@import url(https://fonts.googleapis.com/css2?family=Overpass:wght@300;400;600;700&,800display=swap);

:root {
  
  --tv-color-blue       : #0066f8;
  --tv-color-blue-hover : #1a78ff;
  --tv-color-blue-focus : #1a78ff;

  --tv-color-red        : #e5576c;
  --tv-color-red-hover  : #e97485;
  --tv-color-red-focus  : #e97485;

  --tv-color-green      : #06d79d;
  --tv-color-green-hover: #06d79d;
  --tv-color-green-focus: #06d79d;

  --tv-color-light-green: #e6f8f3;
  --tv-color-light-blue : #f4f7fc;

  --tv-color-light      : #f4f7fc;
  /*--tv-color-light      : #f8fafb;*/

  --tv-border-radius    : .8125rem;

  --tv-text-color       : #000;
  --tv-text-muted-color : #000;
  /*--tv-text-muted-color : #898989;*/

  --tv-box-shadow       : 0 0 15px rgba(0, 0, 0, .05);

}

body {

  font-weight: 400;
  font-family: 'Overpass', sans-serif;
  color: var(--tv-text-color);

  background-color: var(--tv-color-light) !important;
}



/* ------------------------------------------------------------------------------------------------------------------ *
 * Navigation
 * ------------------------------------------------------------------------------------------------------------------ */

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


.navbar .nav-link {
  color: var(--tv-text-muted-color);
}

.navbar .nav-link:hover {
  color: var(--tv-text-color);
}

.navbar .nav-link.nav-link-user {
  color: var(--tv-text-muted-color);
}

.navbar.active {
  background-color: var(--tv-color-light);
}
.navbar.active .nav-link {
  color: var(--tv-text-muted-color);
}
.navbar.active .nav-link:hover {
  color: var(--tv-text-color);
}
.navbar.active .nav-link.nav-link-user {
  color: var(--tv-text-muted-color);
}


/* ------------------------------------------------------------------------------------------------------------------ *
 * Card
 * ------------------------------------------------------------------------------------------------------------------ */

.card {
  /* overflow: hidden; */
  box-shadow: none;
  border: 1px solid #f4f4f4;
  border-radius: var(--tv-border-radius);
  box-shadow: var(--tv-box-shadow) !important;
}

.card .card-header h4 {
  color: #000;
}

.card-icon.bg-primary {
  background-color: var(--tv-color-light-green) !important;
}
.card-icon.bg-primary .fas {
  color: var(--tv-color-green) !important;
}

.card.card-hero .card-header {
  color: var(--tv-text-color);
  background: none !important;
}

.card.card-hero .card-header h4 {
  color: var(--tv-text-color);
}

.card.card-hero .card-header .card-icon {
  color: var(--tv-color-light);
}

.card-icon.text-primary {
  color: var(--tv-color-blue) !important;
}

.card.card-statistic-1 .card-header h4, .card.card-statistic-2 .card-header h4 {
  color: var(--tv-text-muted-color);
}

.card .card-stats .card-stats-title {
  border-top-left-radius: var(--tv-border-radius);
  border-top-right-radius: var(--tv-border-radius);
  background-color: transparent !important;
}


/* ------------------------------------------------------------------------------------------------------------------ *
 * Sidebar
 * ------------------------------------------------------------------------------------------------------------------ */

.main-sidebar .sidebar-menu li a {
  color: var(--tv-text-color);
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li a {
  color: var(--tv-text-color);
}

.main-sidebar .sidebar-menu li.active a {
  color: var(--tv-color-blue);
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
  color: var(--tv-color-blue);
}

.main-sidebar .sidebar-menu li.active > a .fa,
.main-sidebar .sidebar-menu li.active > a .fas {
  color: var(--tv-color-blue);
}

.main-sidebar .sidebar-menu li.active a {
  background-color: var(--tv-color-light);
}

.main-sidebar .sidebar-menu li.active ul.dropdown-menu {
  background-color: var(--tv-color-light);
}

body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
  color: var(--tv-color-blue);
  box-shadow: none;
  background-color: var(--tv-color-light) !important;
}

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 {
  color: var(--tv-color-blue);
  background-color: var(--tv-color-light) !important;
}

body.sidebar-mini .main-sidebar .sidebar-menu li:hover > ul.dropdown-menu li:hover > a {
  background-color: var(--tv-color-light);
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
  color: var(--tv-text-color);
}

.main-sidebar .sidebar-menu li.menu-header {
  color: var(--tv-color-blue);
}

.main-sidebar .sidebar-menu li a:hover,
.main-sidebar .sidebar-menu li.active > ul.dropdown-menu li a:hover {
  color: #fff;
  background-color: var(--tv-color-blue);
}

.main-sidebar .sidebar-menu li a:hover > a .fa,
.main-sidebar .sidebar-menu li a:hover > a .fas {
  color: #fff;
}
.main-sidebar .sidebar-menu li.active a:hover .fa,
.main-sidebar .sidebar-menu li.active a:hover .fas {
  color: #fff !important;
}


/* ------------------------------------------------------------------------------------------------------------------ *
 * Section
 * ------------------------------------------------------------------------------------------------------------------ */

.section .section-header {
  box-shadow: none;
}



/* ------------------------------------------------------------------------------------------------------------------ *
 * Buttons
 * ------------------------------------------------------------------------------------------------------------------ */

.btn {
  border-radius: var(--tv-border-radius);
}


.btn-primary {
  border-color:     var(--tv-color-green) !important;
  background-color: var(--tv-color-green) !important;
}
.btn-primary:hover,
.btn-primary:focus {
  border-color:     var(--tv-color-green-hover) !important;
  background-color: var(--tv-color-green-hover) !important;
}
.btn-primary:active {
  border-color:     var(--tv-color-green-active) !important;
  background-color: var(--tv-color-green-active) !important;
}
.btn-primary.btn:not(.btn-social):not(.btn-social-icon):active,
.btn-primary.btn:not(.btn-social):not(.btn-social-icon):focus,
.btn-primary.btn:not(.btn-social):not(.btn-social-icon):hover {
  border-color:     var(--tv-color-green-hover) !important;
  background-color: var(--tv-color-green-hover) !important;
}



.btn-success {
  border-color:     var(--tv-color-green) !important;
  background-color: var(--tv-color-green) !important;
}
.btn-success:hover,
.btn-success:focus {
  border-color:     var(--tv-color-green-hover) !important;
  background-color: var(--tv-color-green-hover) !important;
}
.btn-success:active {
  border-color:     var(--tv-color-green-active) !important;
  background-color: var(--tv-color-green-active) !important;
}
.btn-success.btn:not(.btn-social):not(.btn-social-icon):active,
.btn-success.btn:not(.btn-social):not(.btn-social-icon):focus,
.btn-success.btn:not(.btn-social):not(.btn-social-icon):hover {
  border-color:     var(--tv-color-green-hover) !important;
  background-color: var(--tv-color-green-hover) !important;
}



.btn-outline-primary {
  color:            var(--tv-color-green);
  border-color:     var(--tv-color-green) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  border-color:     var(--tv-color-green-hover) !important;
  background-color: var(--tv-color-green-hover) !important;
}
.btn-outline-primary:active {
  border-color:     var(--tv-color-green-active) !important;
  background-color: var(--tv-color-green-active) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.disabled:hover,
.btn-outline-primary.disabled:focus,
.btn-outline-primary.disabled:active {
  border-color:     var(--tv-color-green-hover) !important;
  background-color: var(--tv-color-green-hover) !important;
}
.btn-outline-primary.btn:not(.btn-social):not(.btn-social-icon):active,
.btn-outline-primary.btn:not(.btn-social):not(.btn-social-icon):focus,
.btn-outline-primary.btn:not(.btn-social):not(.btn-social-icon):hover {
  border-color:     var(--tv-color-green-hover) !important;
  background-color: var(--tv-color-green-hover) !important;
}



.btn-outline-info {
  color:            var(--tv-color-green);
  border-color:     var(--tv-color-green) !important;
}
.btn-outline-info:hover,
.btn-outline-info:focus {
  border-color:     var(--tv-color-green-hover) !important;
  background-color: var(--tv-color-green-hover) !important;
}
.btn-outline-info:active {
  border-color:     var(--tv-color-green-active) !important;
  background-color: var(--tv-color-green-active) !important;
}
.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active,
.btn-outline-info.disabled:hover,
.btn-outline-info.disabled:focus,
.btn-outline-info.disabled:active {
  border-color:     var(--tv-color-green-hover) !important;
  background-color: var(--tv-color-green-hover) !important;
}
.btn-outline-info.btn:not(.btn-social):not(.btn-social-icon):active,
.btn-outline-info.btn:not(.btn-social):not(.btn-social-icon):focus,
.btn-outline-info.btn:not(.btn-social):not(.btn-social-icon):hover {
  border-color:     var(--tv-color-green-hover) !important;
  background-color: var(--tv-color-green-hover) !important;
}



.btn-outline-warning {
  color:            var(--tv-color-blue);
  border-color:     var(--tv-color-blue) !important;
}
.btn-outline-warning:hover,
.btn-outline-warning:focus {
  border-color:     var(--tv-color-blue-hover) !important;
  background-color: var(--tv-color-blue-hover) !important;
}
.btn-outline-warning:active {
  border-color:     var(--tv-color-blue-active) !important;
  background-color: var(--tv-color-blue-active) !important;
}
.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active,
.btn-outline-warning.disabled:hover,
.btn-outline-warning.disabled:focus,
.btn-outline-warning.disabled:active {
  border-color:     var(--tv-color-blue-hover) !important;
  background-color: var(--tv-color-blue-hover) !important;
}
.btn-outline-warning.btn:not(.btn-social):not(.btn-social-icon):active,
.btn-outline-warning.btn:not(.btn-social):not(.btn-social-icon):focus,
.btn-outline-warning.btn:not(.btn-social):not(.btn-social-icon):hover {
  border-color:     var(--tv-color-blue-hover) !important;
  background-color: var(--tv-color-blue-hover) !important;
}



.btn-outline-danger {
  color:            var(--tv-color-red);
  border-color:     var(--tv-color-red) !important;
}
.btn-outline-danger:hover,
.btn-outline-danger:focus {
  border-color:     var(--tv-color-red-hover) !important;
  background-color: var(--tv-color-red-hover) !important;
}
.btn-outline-danger:active {
  border-color:     var(--tv-color-red-active) !important;
  background-color: var(--tv-color-red-active) !important;
}
.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active,
.btn-outline-danger.disabled:hover,
.btn-outline-danger.disabled:focus,
.btn-outline-danger.disabled:active {
  border-color:     var(--tv-color-red-hover) !important;
  background-color: var(--tv-color-red-hover) !important;
}
.btn-outline-danger.btn:not(.btn-social):not(.btn-social-icon):active,
.btn-outline-danger.btn:not(.btn-social):not(.btn-social-icon):focus,
.btn-outline-danger.btn:not(.btn-social):not(.btn-social-icon):hover {
  border-color:     var(--tv-color-red-hover) !important;
  background-color: var(--tv-color-red-hover) !important;
}



.btn-secondary {
  border-color:     var(--tv-color-red);
  background-color: var(--tv-color-red);
}
.btn-secondary:hover,
.btn-secondary:focus {
  border-color:     var(--tv-color-red-hover);
  background-color: var(--tv-color-red-hover);
}
.btn-secondary:active {
  border-color:     var(--tv-color-red-active);
  background-color: var(--tv-color-red-active);
}
.btn-secondary.btn:not(.btn-social):not(.btn-social-icon):active,
.btn-secondary.btn:not(.btn-social):not(.btn-social-icon):focus,
.btn-secondary.btn:not(.btn-social):not(.btn-social-icon):hover {
  border-color:     var(--tv-color-red-hover) !important;
  background-color: var(--tv-color-red-hover) !important;
}



.btn-danger {
  border-color:     var(--tv-color-red);
  background-color: var(--tv-color-red);
}
.btn-danger:hover,
.btn-danger:focus {
  border-color:     var(--tv-color-red-hover);
  background-color: var(--tv-color-red-hover);
}
.btn-danger:active {
  border-color:     var(--tv-color-red-active);
  background-color: var(--tv-color-red-active);
}
.btn-danger.btn:not(.btn-social):not(.btn-social-icon):active,
.btn-danger.btn:not(.btn-social):not(.btn-social-icon):focus,
.btn-danger.btn:not(.btn-social):not(.btn-social-icon):hover {
  border-color:     var(--tv-color-red-hover) !important;
  background-color: var(--tv-color-red-hover) !important;
}



/* MOVED in custom.css */
.btn.login_btn {
  border-color:     var(--tv-color-blue) !important;
  background-color: var(--tv-color-blue) !important;
}
.btn.login_btn:hover,
.btn.login_btn:focus {
  border-color:     var(--tv-color-blue-hover) !important;
  background-color: var(--tv-color-blue-hover) !important;
}
.btn.login_btn:active {
  border-color:     var(--tv-color-blue-active) !important;
  background-color: var(--tv-color-blue-active) !important;
}


.login-brand img {
  display: inline-block;
  border-radius: 1.25rem;
}


/* ------------------------------------------------------------------------------------------------------------------ *
 * Links
 * ------------------------------------------------------------------------------------------------------------------ */

a {
  color: var(--tv-color-blue);
}
a:hover {
  color: var(--tv-color-blue-hover);
}
a:focus {
  color: var(--tv-color-blue-focus);
}



/* ------------------------------------------------------------------------------------------------------------------ *
 * Backgrounds
 * ------------------------------------------------------------------------------------------------------------------ */

.bg-primary {
  background-color: var(--tv-color-green) !important;
}



/* ------------------------------------------------------------------------------------------------------------------ *
 * Shadows
 * ------------------------------------------------------------------------------------------------------------------ */

.shadowed {
  box-shadow: none !important;
}

.shadow-primary {
  box-shadow: none !important;
}


/* ------------------------------------------------------------------------------------------------------------------ *
 * OWLCarousel
 * ------------------------------------------------------------------------------------------------------------------ */

.owl-theme .owl-dots .owl-dot.active span {
  background-color: var(--tv-color-blue) !important;
}

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


/* ------------------------------------------------------------------------------------------------------------------ *
 * AJAX file upload
 * ------------------------------------------------------------------------------------------------------------------ */

.ajax-file-upload {
  background-color: var(--tv-color-blue) !important;
}


/* ------------------------------------------------------------------------------------------------------------------ *
 * Pagination
 * ------------------------------------------------------------------------------------------------------------------ */

.page-item.active .page-link {
  background-color: var(--tv-color-blue) !important;
}

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


/* ------------------------------------------------------------------------------------------------------------------ *
 * Tables
 * ------------------------------------------------------------------------------------------------------------------ */

.data-card .table:not(.table-sm) thead th {
  color: var(--tv-color-blue) !important;
}


/* ------------------------------------------------------------------------------------------------------------------ *
 * SelectGroup
 * ------------------------------------------------------------------------------------------------------------------ */

.selectgroup-input:focus + .selectgroup-button, .selectgroup-input:checked + .selectgroup-button {
  background-color: var(--tv-color-blue) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--tv-color-blue) !important;
}


/* ------------------------------------------------------------------------------------------------------------------ *
 * Empty State
 * ------------------------------------------------------------------------------------------------------------------ */

.empty-state .empty-state-icon {
  background-color: var(--tv-color-blue) !important;
}

.list-group-item {
  border-color: var(--tv-color-light);
}

.list-group-item.active {
  color: var(--tv-color-blue);
  border-color: var(--tv-color-light);
  background-color: var(--tv-color-light);
}

.multi_layout .list-group .list-group-item.active {
  color: var(--tv-text-color);
  border: .5px solid transparent !important;
}

.section .section-header h1 {
  color: var(--tv-text-color);
}


.data-card .table:not(.table-sm) thead th {
  background-color: var(--tv-color-light) !important;
}

.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: var(--tv-color-light) !important;
}


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



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

.data-card .table-bordered td {
  border-color: var(--tv-color-light) !important;
}

.table.dataTable.no-footer {
  border-color: var(--tv-color-light) !important;
}

.data-card .table thead {
  border-color: var(--tv-color-light) !important;
}



.form-group .control-label, .form-group > label {
  color: var(--tv-text-color);
}

.form-control:focus, .input-group-text:focus, .custom-select:focus, .custom-file-label:focus {
  border-color: var(--tv-color-blue) !important;
  background-color: var(--tv-color-light) !important;
}


.custom-switch-description {
  color: var(--tv-text-color);
}

.custom-switch-input:checked ~ .custom-switch-indicator {
  background-color: var(--tv-color-blue) !important;
}

.selectric-items li.selected, .selectric-items li.highlighted {
  background-color: var(--tv-color-blue) !important;
}


.selectgroup-button {
  border-color: var(--tv-color-light) !important;
  background-color: var(--tv-color-light) !important;
}

.badge.badge-primary {
  background-color: var(--tv-color-blue) !important;
}

.badge.badge-light {
  background-color: var(--tv-color-light) !important;
}



.article .article-header .article-title {
  background: var(--tv-color-green) !important;

}
.article .article-header > .check_box_background {
  background-color: var(--tv-color-green);
}

.article-title .profile-widget-item1 {
  background-color: var(--tv-color-green);
}
.profile-widget-item-label .DD4B39_color {
  color: #fff !important;
}

.profile-widget .profile-widget-items .profile-widget-item .profile-widget-item-label {
  color: var(--tv-color-red);
}



.select2-container .select2-selection--multiple, .select2-container .select2-selection--single {
  border-color: var(--tv-color-light) !important;
  background-color: var(--tv-color-light) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: var(--tv-color-light) !important;
}

#custom_spinner .fas {
  color: var(--tv-color-blue) !important;
}


.ranges li {
  color: var(--tv-color-blue);
}

.ranges li:hover,
.ranges li.active {
  border-color: var(--tv-color-blue) !important;
  background-color: var(--tv-color-blue) !important;
}


.green {
  color: var(--tv-color-green) !important;
}


.dropzone {
  border-color: var(--tv-color-blue) !important;
}

.selectric {
  border-color: var(--tv-color-light) !important;
  background-color: var(--tv-color-light) !important;
}


.card.card-primary {
  border-top-color: var(--tv-color-blue) !important;
}

.nav-pills .nav-item .nav-link {
  color: var(--tv-color-blue);
}

.nav-tabs .nav-item .nav-link {
  color: var(--tv-color-blue);
}


.badge-status {
  border: none;
  background: transparent !important;
}


.blue {
  color: var(--tv-color-blue) !important;
}

.card.card-large-icons.card-condensed a:not(.dropdown-item), .card.card-large-icons.card-condensed .dropdown-toggle, .card.card-large-icons.card-condensed .card-icon {
  color: var(--tv-color-blue) !important;
}

.card.card-large-icons.card-condensed {
  color: var(--tv-color-blue);
}

.card.card-large-icons.card-condensed.active {
  background-color: var(--tv-color-blue);
}

.list-unstyled .force_active {
  background-color: var(--tv-color-blue) !important;
}

.list-unstyled .force_active .media-body .media-title {
  background: var(--tv-color-blue) !important;
}


.text-info, .text-info-all *, .text-info-all ::before, .text-info-all ::after {
  color: var(--tv-color-blue);
}



.page-item .page-link {
  color: var(--tv-color-blue);
}
.page-link:hover {
  color: #fff;
  background-color: var(--tv-color-blue);
}
.page-item.disabled .page-link {
  opacity: 1;
}

.swal-button.swal-button--confirm {
  background-color: var(--tv-color-blue);
}
.swal-button.swal-button--confirm:hover,
.swal-button.swal-button--confirm:active {
  background-color: var(--tv-color-blue-hover);
}


.swal-button--cancel,
.swal-button--cancel:hover
.swal-button--cancel:focus {
  color: var(--tv-text-color);
  background-color: var(--tv-color-light);
}


.gray {
  color: var(--tv-text-color) !important;
}

div .c6777ef_color {
  color: var(--tv-color-blue) !important;
}

div ::placeholder {
  color: var(--tv-text-color) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--tv-text-color) !important;
}


.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: var(--tv-color-blue);
}


.swal-icon--success {
 border-color: var(--tv-color-blue) !important;
}

.swal-icon--success__ring {
 border: 4px solid var(--tv-color-blue) !important;
}
.swal-icon--success__line {
 background-color:var(--tv-color-blue) !important;
}