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

:root {
  
  --blue                : #0066f8;
  
  --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-white       : #fff;
  --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;
}

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


.bg-info-light-alt.gradient {
   background: var(--tv-color-light) !important;
}



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

.bg-secondary.gradient {
    background: var(--tv-color-red) !important;
}
.text-secondary.gradient {
    color: var(--tv-color-red) !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);
}

.navbar .nav-link.notification-toggle, #collapse_me_plz {
    color: var(--tv-color-blue);
}


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

.card {
  border: 1px solid #f4f4f4;
  border-radius: var(--tv-border-radius);
  box-shadow: var(--tv-box-shadow);
}

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

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

.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);
}

.btn {
    padding: .3rem .8rem .1rem .8rem;
}

.btn.btn-social {
  padding: 12px 12px 12px 50px;
}

.card .card-header .btn {
    padding: 3px 15px 0px 15px;
}


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

.main-sidebar {
    background-color: var(--bg-color-light) !important;
}

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

.main-sidebar .sidebar-menu li .nav-link > i:not(.fa-facebook) {
    background-image: -webkit-linear-gradient(270deg, #0066f8, #0066f8) !important;
}
.main-sidebar .sidebar-menu li .nav-link > i.fa-facebook {
    color: var(--tv-color-blue) !important;
}

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


.main-sidebar .sidebar-menu li .nav-link:hover {
    color: #fff;
    background-color: var(--tv-color-blue);
}
.main-sidebar .sidebar-menu li .nav-link:hover span {
    color: #fff;
}
.main-sidebar .sidebar-menu li.active .nav-link:hover span {
    color: #fff !important;
}

.main-sidebar .sidebar-menu li .nav-link:hover > i:not(.fa-facebook) {
    background-image: -webkit-linear-gradient(270deg, #ffffff, #ffffff) !important;
}
.main-sidebar .sidebar-menu li.active .nav-link:hover > i:not(.fa-facebook) {
    background-image: -webkit-linear-gradient(270deg, #ffffff, #ffffff) !important;
}
.main-sidebar .sidebar-menu li.active .nav-link:hover > i.fa-facebook {
    color: #fff !important;
}
.main-sidebar .sidebar-menu li .nav-link:hover > i.fa-facebook {
    color: #fff !important;
}


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

.main-sidebar .sidebar-menu li.dropdown ul.dropdown-menu li .nav-link > i {
    color: var(--tv-color-blue) !important;
    background-image: none !important;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
    color: var(--tv-color-blue) !important;
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
    color: var(--tv-color-blue) !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;
}


.btn.btn-sm {
  padding: .12rem .4rem .0rem .4rem;
}


.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.disabled:hover, .btn-outline-light.disabled:focus, .btn-outline-light.disabled:active {
    background-color: var(--tv-color-light) !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;
}
a.text-primary:focus, a.text-primary:hover {
  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;
}



.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;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: var(--tv-text-white) !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;
}


/* ------------------------------------------------------------------------------------------------------------------ *
 * Visual Flow Builder
 * ------------------------------------------------------------------------------------------------------------------ */

.xit-flow-builder {
  background-color: var(--tv-color-light);
}
.xit-fb-dockmenu[data-v-9501c508] {
  width: 250px;
  border: none;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
}
.fb-dockmenu-header[data-v-9501c508] {
  background-color: transparent;
}
.fb-dockmenu-header .svg-inline--fa[data-v-9501c508] {
  color: var(--tv-color-blue) !important;
}
.btn-toolbar {
  background-color: #fff !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03) !important;
  border-bottom-left-radius: var(--tv-border-radius) !important;
  border-bottom-right-radius: var(--tv-border-radius) !important;
}

.swal2-container.swal2-top-end {
  border: none;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
}
.swal2-container.swal2-top-end .swal2-title {
  font-size: 1rem !important;
  font-weight: 700 !important;
  font-family: 'Overpass', sans-serif !important;
  color: var(--tv-text-color) !important;
}
.swal2-html-container .form-group .control-label, .swal2-html-container .form-group label {
  font-size: .875rem !important;
  color: var(--tv-text-color) !important;
  font-family: 'Overpass', sans-serif !important;
}

.xit-fb-template {
  background-color: #fff !important;
  border-radius: var(--tv-border-radius);
  box-shadow: var(--tv-box-shadow) !important;
}
.node.node--has-data {
  border-color: transparent !important;
  box-shadow: var(--tv-box-shadow) !important;
}
.node.node--selected {
  background-color: #fff !important;
  border-color: var(--tv-color-blue) !important;
}
.xit-fb-template .title-content {
  font-size: 1rem;
  font-weight: 700 !important;
  font-family: 'Overpass', sans-serif !important;
  color: var(--tv-text-color) !important;
}
.card-start-icon,
.card-button-icon,
.card-file-icon,
.card-video-icon,
.card-audio-icon,
.card-envelope-icon {
  color: var(--tv-color-blue) !important;
}
.xit-fb-template .title-content {
  padding-top: .25rem;
  line-height: 2.15rem !important;
}
.xit-fb-template .title-content .svg-inline--fa {
  width: 1.2rem !important;
  font-size: 1rem !important;
}
.postback_title[data-v-f8602d28],
.typing_delay[data-v-752f3d80],
.text_message[data-v-752f3d80] {
  background-color: var(--tv-color-light) !important;
}

.tabs-content-component {
  border-color: var(--tv-color-light) !important;
}
.tabs-content-component-icon .svg-inline--fa[data-v-037c56f2] {
  font-size: 1.4rem;
  color: var(--tv-color-blue) !important;
}
.tabs-content-component-icon .svg-inline--fa[data-v-9737957c] {
  font-size: 1.4rem;
  color: var(--tv-color-blue) !important;
}
.tabs-content-component-title[data-v-59c29d46] {
  color: var(--tv-text-color) !important;
}

.emojionearea, .emojionearea.form-control {
  box-shadow: none !important;
  border-color: var(--tv-color-light) !important;
  background-color: var(--tv-color-light) !important;
}
.swal2-container.swal2-top-end .text_message {
  box-shadow: none !important;
  border-color: var(--tv-color-light) !important;
  background-color: var(--tv-color-light) !important;
}

.connection .main-path {
  stroke: var(--tv-color-blue) !important;
}
.card-sockets .socket {
  border-color: var(--tv-color-green) !important;
}






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



.main-content {
    padding-left: 330px;
    padding-right: 25px;
}




.wizard-steps .wizard-step {
    border: 1px solid #f4f4f4;
    border-radius: var(--tv-border-radius);
    box-shadow: var(--tv-box-shadow);
}




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

.action_tag:hover .wizard-step-label {
    color: var(--tv-color-blue) !important;
}


.modal.show .modal-content {
    background: #fff !important;
}

.fc-scroller .fc-list-empty {
    background: #fff !important;
}