/* View Builder */
.widget-card {
  background-color: #ffffff;
}

.balin-dark .widget-card {
  background-color: #2d2d2d;
}

.abstract-design {
  background-color: #ffffff;
}

.balin-dark .abstract-design {
  background-color: #2d2d2d;
}

.progress-circle {
  background: conic-gradient(from 0deg, #9EAAB5 0%, #d5dadf 65%, #f5f5f5 65%);
}

.balin-dark .progress-circle {
  background: conic-gradient(from 0deg, #666666 0%, #888888 65%, #9e9e9e 65%);
}

.inner-circle {
  background-color: #ffffff;
}

.balin-dark .inner-circle {
  background-color: #2d2d2d;
}

.abstract-chart {
  background-color: #ffffff;
}

.balin-dark .abstract-chart {
  background-color: #2d2d2d;
}

.bar {
  background: linear-gradient(to top, #9EAAB5, #d5dadf);
}

.balin-dark .bar {
  background: linear-gradient(to top, #666666, #888888);
}

.abstract-table {
  background-color: #ffffff;
}

.balin-dark .abstract-table {
  background-color: #2d2d2d;
}

.table-cell {
  background: linear-gradient(to right, #9EAAB5, #d5dadf);
}

.balin-dark .table-cell {
  background: linear-gradient(to top, #666666, #888888);
}

.abstract-list {
  background-color: #ffffff;
}

.balin-dark .abstract-list {
  background-color: #2d2d2d;
}

.list-item {
  background: linear-gradient(to right, #9EAAB5, #d5dadf);
}

.balin-dark .list-item {
  background: linear-gradient(to top, #666666, #888888);
}

.gallery-item {
  background: linear-gradient(135deg, #9EAAB5, #d5dadf);
}

.gallery-item i {
  color: #ffffff;
}

.balin-dark .gallery-item i {
  color: #ffffff;
}

.balin-dark .gallery-item {
  background: linear-gradient(to top, #666666, #888888);
}

.video-container {
  background: linear-gradient(135deg, #9EAAB5, #d5dadf);
}

.balin-dark .video-container {
  background: linear-gradient(to top, #666666, #888888);
}

.video-placeholder {
  border: 4px solid #ffffff;
}

.balin-dark .video-placeholder {
  border: 4px solid #ffffff;
}

.video-placeholder::after {
  border-color: transparent transparent transparent #ffffff;
}

.balin-dark .video-placeholder::after {
  border-color: transparent transparent transparent #ffffff;
}

.abstract-form {
  background-color: #ffffff;
}

.balin-dark .abstract-form {
  background-color: #2d2d2d;
}

.form-field {
  background: linear-gradient(to right, #9EAAB5, #d5dadf);
}

.balin-dark .form-field {
  background: linear-gradient(to top, #666666, #888888);
}

.abstract-row {
  background-color: #ffffff;
}

.balin-dark .abstract-row {
  background-color: #2d2d2d;
}

.builder-row {
  background: linear-gradient(to right, #9EAAB5, #d5dadf);
}

.balin-dark .builder-row {
  background: linear-gradient(to top, #666666, #888888);
}

.widget-card-title {
  color: #656364;
}

.balin-dark .widget-card-title {
  color: #ffffff;
}

.widget-card-title i {
  color: #656364;
  border: 1px solid #d6d6d6;
  background-color: #efefef;
}

.balin-dark .widget-card-title i {
  color: #ffffff;
  border: 1px solid #3d3d3d;
  background-color: #232627;
}

.builder-row-layout {
  background-color: #ffffff;
  border: 2px dashed #dddddd;
}

.builder-row-layout .dismiss-row {
  color: #656364;
}

.balin-dark .builder-row-layout .dismiss-row {
  color: #ffffff;
}

.balin-dark .builder-row-layout {
  border-color: #3d3d3d;
  background-color: #2d2d2d;
}

.builder-row-layout-title {
  color: #656364;
}

.balin-dark .builder-row-layout-title {
  color: #ffffff;
}

.column-group .column-button svg {
  fill: #d5dadf;
}

.column-group .column-button:hover svg {
  fill: #9EAAB5;
}

.balin-dark .column-group .column-button svg {
  fill: #888888;
}

.balin-dark .column-group .column-button:hover svg {
  fill: #666666;
}


.balin-dark .apexcharts-title-text,
.balin-dark .apexcharts-subtitle-text,
.balin-dark .apexcharts-text.apexcharts-xaxis-label,
.balin-dark .apexcharts-text.apexcharts-yaxis-label {
  fill: #ffffff;
}

.pickr-wrapper .pickr .pcr-button {
  border: 1px solid #dddddd;
}

.balin-dark .pickr-wrapper .pickr .pcr-button {
  border: 1px solid #3d3d3d;
}
.pickr-wrapper.input .pickr .pcr-button {
  border-right: none;
}

.balin-dark .apexcharts-legend-text {
  color: #ffffff !important;
}

/* Social Icons */
.social-icon-group {
  border: 1px solid #d6d6d6;
  background-color: #f7f7f7;
}
.balin-dark .social-icon-group {
  border: 1px solid #2d2d2d;
  background-color: #3d3d3d;
}
.social-icon-group .social-icon {
  color: #8D8E93;
  background-color: transparent;
  transition: all 0.2s ease-in-out;
}
.social-icon-group .social-icon:hover {
  color: #ffffff;
  background-color: #8D8E93;
}
.social-icon-group .social-icon.remove {
  color: #f42300;
  background-color: transparent;
}
.social-icon-group .social-icon.remove:hover {
  color: #ffffff;
  background-color: #f42300;
}
.widget-social-icon-item a,
.widget-social-icon-item.show-text a {
  color: #ffffff;
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon {
  background-color: #f0f0f0;
  color: #444
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-amazon {
  background-color: #f90;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-bandcamp {
  background-color: #1ea0c3;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-behance {
  background-color: #0757fe;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-bluesky {
  background-color: #0a7aff;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-codepen {
  background-color: #1e1f26;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-deviantart {
  background-color: #02e49b;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-dribbble {
  background-color: #e94c89;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-dropbox {
  background-color: #4280ff;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-etsy {
  background-color: #f45800;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-facebook {
  background-color: #0866ff;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-fivehundredpx {
  background-color: #000;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-flickr {
  background-color: #0461dd;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-foursquare {
  background-color: #e65678;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-github {
  background-color: #24292d;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-goodreads {
  background-color: #eceadd;
  color: #382110
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-google {
  background-color: #ea4434;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-gravatar {
  background-color: #1d4fc4;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-instagram {
  background-color: #f00075;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-lastfm {
  background-color: #e21b24;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-linkedin {
  background-color: #0d66c2;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-mastodon {
  background-color: #3288d4;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-medium {
  background-color: #000;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-meetup {
  background-color: #f6405f;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-patreon {
  background-color: #000;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-pinterest {
  background-color: #e60122;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-pocket {
  background-color: #ef4155;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-reddit {
  background-color: #ff4500;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-skype {
  background-color: #0478d7;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-snapchat {
  background-color: #fefc00;
  color: #fff;
  stroke: #000
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-soundcloud {
  background-color: #ff5600;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-spotify {
  background-color: #1bd760;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-telegram {
  background-color: #2aabee;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-threads {
  background-color: #000;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-tiktok {
  background-color: #000;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-tumblr {
  background-color: #011835;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-twitch {
  background-color: #6440a4;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-twitter {
  background-color: #1da1f2;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-vimeo {
  background-color: #1eb7ea;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-vk {
  background-color: #4680c2;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-wordpress {
  background-color: #3499cd;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-whatsapp {
  background-color: #25d366;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-x {
  background-color: #000;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-yelp {
  background-color: #d32422;
  color: #fff
}
:where(.widget-social-icons-list:not(.is-style-logos-only)) .widget-social-icon-youtube {
  background-color: red;
  color: #fff
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon {
  background: none
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-amazon {
  color: #f90
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-bandcamp {
  color: #1ea0c3
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-behance {
  color: #0757fe
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-bluesky {
  color: #0a7aff
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-codepen {
  color: #1e1f26
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-deviantart {
  color: #02e49b
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-dribbble {
  color: #e94c89
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-dropbox {
  color: #4280ff
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-etsy {
  color: #f45800
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-facebook {
  color: #0866ff
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-fivehundredpx {
  color: #000
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-flickr {
  color: #0461dd
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-foursquare {
  color: #e65678
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-github {
  color: #24292d
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-goodreads {
  color: #382110
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-google {
  color: #ea4434
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-gravatar {
  color: #1d4fc4
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-instagram {
  color: #f00075
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-lastfm {
  color: #e21b24
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-linkedin {
  color: #0d66c2
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-mastodon {
  color: #3288d4
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-medium {
  color: #000
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-meetup {
  color: #f6405f
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-patreon {
  color: #000
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-pinterest {
  color: #e60122
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-pocket {
  color: #ef4155
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-reddit {
  color: #ff4500
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-skype {
  color: #0478d7
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-snapchat {
  color: #fff;
  stroke: #000
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-soundcloud {
  color: #ff5600
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-spotify {
  color: #1bd760
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-telegram {
  color: #2aabee
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-threads {
  color: #000
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-tiktok {
  color: #000
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-tumblr {
  color: #011835
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-twitch {
  color: #6440a4
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-twitter {
  color: #1da1f2
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-vimeo {
  color: #1eb7ea
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-vk {
  color: #4680c2
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-whatsapp {
  color: #25d366
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-wordpress {
  color: #3499cd
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-x {
  color: #000
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-yelp {
  color: #d32422
}
:where(.widget-social-icons-list.is-style-logos-only) .widget-social-icon-youtube {
  color: red
}
/* Social Icons */

/* Widget Actions */
.builder-admin .accordion-item.active {
  border: 1px solid #007bca !important;
}
.balin-dark .builder-admin .accordion-item.active {
  border: 1px solid #007bca !important;
}
.accordion-item + .accordion-item {
  border: 1px solid #ddd;
}
.balin-dark .accordion-item + .accordion-item {
  border: 1px solid #3d3d3d;
}
.accordion-header {
  background-color: #f7f7f7;
}
.balin-dark .accordion-header {
  background-color: #232627;
}
.accordion-header:hover {
  background-color: #e2e2e2;
}
.balin-dark .accordion-header:hover {
  background-color: #323337;
}
.accordion-content {
  background-color: #fff;
}
.balin-dark .accordion-content {
  background-color: #2a2d2f;
}
.kanban-header{
  background-color: #ffffff;
  border: 1px solid #dddddd;
  color: #232020;
}
.balin-dark .kanban-header {
  background-color: #2d2d2d;
  border: 1px solid #3d3d3d;
  color: #ffffff;
}
.kanban-card {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  color: #232020;
}
.balin-dark .kanban-card {
  background-color: #2d2d2d;
  border: 1px solid #3d3d3d;
  color: #ffffff;
}
.kanban-card-bottom {
  background-color: #ffffff;
  border-top: 1px solid #dddddd;
  color: #232020;
}
.balin-dark .kanban-card-bottom {
  background-color: #2d2d2d;
  border-top: 1px solid #3d3d3d;
  color: #ffffff;
}
/* Widget Actions */


.kanban-arrows .arrow-btn {
  color: #232020;
}
.balin-dark .kanban-arrows .arrow-btn {
  color: #ffffff;
}

/* Tab CSS */
.tabs-horizontal .tab-header {
  background-color: #EBEBEB;
  border: 1px solid #dddddd;
}
.balin-dark .tabs-horizontal .tab-header {
  background-color: #3d3d3d;
  border: 1px solid #3d3d3d;
}
.tabs-horizontal .tab-header.active {
  background-color: #ffffff;
}
.balin-dark .tabs-horizontal .tab-header.active {
  background-color: #2d2d2d;
}
.tabs-horizontal .tab-contents {
  border: 1px solid #dddddd;
  background-color: #ffffff;
}
.balin-dark .tabs-horizontal .tab-contents {
  border: 1px solid #3d3d3d;
  background-color: #2d2d2d;
}

.tabs-vertical .tab-header {
  background-color: #EBEBEB;
  border: 1px solid #dddddd;
}
.balin-dark .tabs-vertical .tab-header {
  background-color: #3d3d3d;
  border: 1px solid #3d3d3d;
}
.tabs-vertical .tab-header.active {
  background-color: #ffffff;
}
.balin-dark .tabs-vertical .tab-header.active {
  background-color: #2d2d2d;
}
.tabs-vertical .tab-contents {
  border: 1px solid #dddddd;
  background-color: #ffffff;
}
.balin-dark .tabs-vertical .tab-contents {
  border: 1px solid #3d3d3d;
  background-color: #2d2d2d;
}