
:root {
	--dark-bg: #2B303B;
	--dark-bg-alt: #232830;
	--dark-border: #444444;
	--dark-text: rgba(255, 255, 255, 0.8);
	--dark-text-alt: rgba(255, 255, 255, 0.6);
	--dark-text-bright: rgba(255, 255, 255, 0.9);
	--dark-primary: #509AED; /* #87B2F3 */
	/* New Primary */
	--dark-keepblack: #3D4043;
	--dark-press: #edeff2;
	--dark-alert: #fcf1c5;;
}

body {
	background-color: var(--dark-bg) !important;
	color: var(--dark-text);
}

b,
strong,
h1,
h2,
h3,
h4,
h5 {
	color: var(--dark-text);
}

h6 {
	color: var(--dark-text-alt);
}

.bg-grey250 {
	background-color: var(--dark-bg) !important;
}

.text-boostrapblack {
	color: var(--dark-text) !important;
}
a.text-boostrapblack:hover {
	color: var(--dark-text) !important;
}

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

.text-black:hover {
	color: var(--dark-text-bright) !important;
}

a.text-black:hover,
a.text-black:focus {
	color: var(--dark-text-bright) !important;
}

.lnks-buttons-for-style .text-black {
	color: var(--dark-keepblack) !important;
}

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

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

a.text-newblack:hover,
a.text-newblack:focus {
	color: var(--dark-text-bright) !important;
}

a.btn.text-newblack:not(.gradient-half-left,.gradient-half-right,.gradient-whole):hover,
a.btn.text-newblack:focus {
	/* Todo */
	color: var(--dark-text-bright) !important;
}

.form-control,
.form-control:focus {
	background-color: var(--dark-bg-alt);
	color: var(--dark-text);
	border-color: var(--dark-border);
}

.form-control::placeholder {
	color:var(--dark-border) !important
}

.form-control:disabled, .form-control[readonly] {
	background-color: var(--dark-bg-alt);
	color: var(--dark-text-alt) !important;
	border-color: var(--dark-text-alt) !important;
}

.input-group-text {
	background-color: var(--dark-border);
	color: var(--dark-text);
	border-color: var(--dark-border);
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 30px var(--dark-bg-alt) inset !important;
	-webkit-text-fill-color: var(--dark-text);
}

body #navbar-top,
body #navbar-secondary {
	background-color: var(--dark-bg) !important;
	border-color: var(--dark-border) !important;
}

#navbar-top .header-menu-container a.px-4:hover,
#navbar-secondary a.px-4:hover {
	background-color: var(--dark-bg) !important;
}

#navbar-top .header-menu-container a.px-4:hover span,
#navbar-secondary a.px-4:hover span {
	color: var(--dark-text-bright) !important;
}

.navbar-light .navbar-brand {
	color: var(--dark-text) !important;
}

.card {
	border-color: var(--dark-border);
}

.card.border-phone {
	border-color: var(--dark-border) !important;
}

.table th,
.table td,
.table thead th {
	color: var(--dark-text)
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color: var(--dark-text)
}

.nav-tabs,
.nav-tabs .nav-link {
	color: var(--dark-text)
}

.table th,
.table td,
.table thead th {
	border-color: var(--dark-border);
}

.modal-content {
	background-color: var(--dark-bg-alt);
	border-color: var(--dark-bg-alt);
}

.modal-header,
.modal-footer {
	border-color: var(--dark-border);
}

.modal button.close.btn-close {
	text-shadow: none;
}

.bg-white {
	background-color: var(--dark-bg-alt) !important;
}

a.login-button.bg-white:hover,
a.login-button.bg-white:focus {
	background-color: var(--dark-bg) !important;
}

a.text-primary {
	color: var(--dark-primary) !important
}

a.text-primary:hover {
	color: var(--dark-primary) !important
}

a.login-button span.text-primary {
	color: var(--dark-text-bright) !important
}

.bg-newgray {
	background-color: var(--dark-border) !important;
}
.border-newgray {
	border-color: var(--dark-border) !important;
}

.navbar-light .navbar-nav .nav-link {
	color: var(--dark-text);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
	color: var(--dark-text-bright);
}

.intro-content .btn-big,
.btn-big.gradient-whole {
	color: var(--dark-keepblack) !important;
}

.intro-content .btn-big:hover,
.btn-big.gradient-whole:hover {
	color: #777 !important;
}

#video h1,
#video h3,
#video p {
	color: var(--dark-keepblack) !important;
}

#pricing .badge span {
	color: var(--dark-keepblack) !important;
}

#pricing .btn-ftimes {
	color: var(--dark-keepblack) !important;
}

#faq .accordion-content {
	background-color: var(--dark-bg-alt);
	border: 0;
}

footer,
footer .copyright {
	color: var(--dark-text);
}

.features-table th {
	background-color: var(--dark-bg) !important;
}

.price-gradient span {
	color: var(--dark-keepblack);
}

.payment-method span {
	color: var(--dark-text-bright) !important
}

.btn-outline-primary {
	border-color: var(--dark-primary);
	color: var(--dark-primary);
}

.press-badge {
	background-color: var(--dark-press);
}

.alert-light {
	background-color: transparent;
	border: transparent;
	color: var(--dark-text-bright);
}

.btn-layout-properties .btn-newgray {
	background-color: var(--dark-bg-alt);
	border: var(--dark-border);
	color: var(--dark-text-bright) !important;
}

.btn-layout-properties {
	color: var(--dark-text-bright) !important;
}
.btn-layout-properties.text-darkgrey:hover {
	color: var(--dark-text-bright) !important;
}

.btn-primary {
	background-color: var(--dark-primary);
	border-color: var(--dark-primary);
	color: var(--dark-text) !important;
}

.btn-primary:hover {
	background-color: var(--dark-primary);
	border-color: var(--dark-primary);
	color: var(--dark-text-bright) !important;
}

.text-primary {
	color: var(--dark-primary);
}

.add-block-choice-button .btn {
	background-color: var(--dark-bg);
	border-color: var(--dark-border);
}

.modal-fullscreen .modal-header {
	background-color: var(--dark-bg-alt);
}

.LL_link-line {
	background-color: var(--dark-bg) !important;
}

.LL_link-line-big span,
.LL_link-line-big-rect span,
.LL_grid-title,
.LL_grid-title-rect {
	background-color: var(--dark-bg) !important;
}

.font-size-sample {
	background-color: var(--dark-bg) !important;
	border-color: var(--dark-border) !important;
}

.font-size-sample.active {
	border-color: var(--dark-text-alt) !important;
}

.daterangepicker {
	background-color: var(--dark-bg-alt) !important;
	border-color: var(--dark-border) !important;
}

.daterangepicker .ranges li:hover {
	background-color: var(--dark-bg) !important;
}

.daterangepicker .calendar-table {
	background-color: var(--dark-bg) !important;
	border-color: var(--dark-border) !important;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
	background-color: var(--dark-bg) !important;
}

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

.daterangepicker td.in-range {
	background-color: var(--dark-bg-alt) !important;
	color: var(--dark-alert) !important
}

.accordion-content a {
	color: var(--dark-primary);
}

.accordion-title a,
.accordion-title a.active {
	background-color: var(--dark-bg);
	border-color: var(--dark-border);
	color: var(--dark-text);
}

.accordion-title a:after {
	color: var(--dark-text);
}

.dl-btn-wrapper .text-newblack {
	color: var(--dark-keepblack) !important;
}

.btn-agency-price .price-gradient {
	border: solid 2px transparent !important;
	box-shadow: 4px 1000px 1px var(--dark-bg) inset;
	color: var(--dark-text) !important
}

.btn-agency-price .price-gradient span {
	color: var(--dark-text) !important
}

.btn-agency-price .price-gradient:hover span {
	color: var(--dark-keepblack) !important
}

.btn-agency-price .price-gradient.bg-phone {
	border-color: var(--dark-border) !important;
	color: var(--dark-border) !important;
}
.btn-agency-price .price-gradient.bg-phone  span {
	color: var(--dark-border) !important;
}

#iubenda_policy p,
#iubenda_policy li {
	color: var(--dark-text-alt);
}

#iubenda_policy h1,
#iubenda_policy h1 strong,
#iubenda_policy h2,
#iubenda_policy h3,
#iubenda_policy h4,
#iubenda_policy h5,
#iubenda_policy h6 {
	color: var(--dark-text) !important;
}

#iubenda_policy a {
	color: var(--dark-text-bright) !important
}

#iubenda_policy h1 strong {
	text-transform: capitalize;
}

#iubenda_policy .box_primary {
	background-color: transparent !important;
}

.cookiepolicy-cookie-audit-table th, .cookiepolicy-cookie-audit-table td {
	background-color: var(--dark-bg-alt) !important;
	color: var(--dark-text) !important;
	border-color: var(--dark-border) !important;
}

.cookiepolicy-cookie-audit-table tr:nth-child(2n + 1) td {
	background-color: var(--dark-bg) !important;
}

.alert.alert-info strong {
	color: #0c5460 !important
}

.btn-outline-newgray:hover {
	background-color: transparent;
	color: var(--dark-text-bright);
}

.ui-sortable-placeholder {
	background-color: var(--dark-alert) !important;
	border-color: var(--dark-alert) !important;
}

.effect-example.bg-white {
	box-shadow: 2px 1000px 1px var(--dark-bg-alt) inset !important;
}
.list-group-item {
	border-color: var(--dark-border);
}

#intercom-help-top {
	font-family: "Font Awesome 5 Pro" !important;
	font-weight: 300 !important;
}
.border:not(.border-milka,.border-darkfix), .border-phone:not(.border-milka) {
	border-color: var(--dark-border) !important;
}
.border-darkfix {
	border-color: var(--dark-bg-alt) !important;
}

.text-darkgrey {
	color: var(--dark-text) !important;
}
a.text-darkgrey:hover {
	color: var(--dark-text-bright) !important;
}

.btn-outline-primary:active, .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled):active  {
	background-color: var(--dark-primary) !important;
	color: var(--dark-text) !important
}

.btn-outline-boostrapgrey:hover {
	color: var(--dark-bg) !important
}
#autovideo a img {
	content:url("https://cdn2.lnk.bi/img/yt_logo_rgb_dark.svg");
}
.icon-donationbox i.active {
	background-color: var(--dark-bg) !important
}
#donate_info_container {
	background-color: var(--dark-bg) !important
}
.agency-user-lists .bg-white {
	background-color: var(--dark-bg) !important
}
.agency-active-container .card-body {
	box-shadow: 4px 1000px 1px var(--dark-bg) inset;
}
.embed-logo-EMBED_AMAZON {
	content:url("/202006/img/embeds/amazon-dark.svg");
}
.embed-logo-EMBED_BANDCAMP {
	content:url("/202006/img/embeds/bandcamp-dark.svg");
}
.embed-logo-EMBED_RCAST {
	content:url("/202006/img/embeds/rcast-dark.svg");
}
.embed-logo-EMBED_HEARTHIS {
	content:url("/202006/img/embeds/hearthis-dark.svg");
}
.embed-logo-EMBED_TIDAL, .embed-logo-EMBED_MIXCLOUD, .embed-logo-EMBED_APPLE {
	filter: invert(80%);
}
.btn-user-price .price-gradient {
	box-shadow:2px 1000px 1px var(--dark-bg-alt) inset;
	color: var(--dark-text-bright) !important;
	border: solid 2px transparent;
}
.btn-user-price .price-gradient span {
	color: var(--dark-text) !important
}

.btn-user-price .price-gradient:hover span {
	color: var(--dark-keepblack) !important
}
.btn-user-price .price-gradient.bg-phone {
	border-color: var(--dark-border);
	color: var(--dark-border) !important;
}
.btn-user-price .price-gradient.bg-phone  span {
	color: var(--dark-border) !important;
}
.pr-loading-overlay {
	background: rgba(0, 0, 0, 0.7);;
}
.invoice-container .border-bottom,
.invoice-container .border-top {
	border-color: var(--dark-border) !important;
}
footer a {
	color: var(--dark-text)
}
footer .align-items-end  {
	color: var(--dark-text)
}
.popover {
	background-color: var(--dark-bg);
	border-color: var(--dark-border);
}
.popover a {
	color: var(--dark-text)
}
.popover a:hover {
	color: var(--dark-text-bright)
}
.bs-popover-top>.arrow::after, .bs-popover-auto[x-placement^=top]>.arrow::after {
	border-top-color: var(--dark-border);
}
.text-black333 {
	color: var(--dark-text) !important
}
.features-table td {
	border-color: var(--dark-border) !important
}
table.dataTable tbody tr {
	background-color:var(--dark-bg) !important;
}
.table-striped tbody tr:nth-of-type(odd) {
	background-color:var(--dark-bg-alt) !important;
}
.color-example.color-selected {
	border-color: var(--dark-text) !important;
}
#navbar-top .header-menu-container a:not(.badge):hover {
	background-color: var(--dark-bg-alt) !important;
}
a.text-boostrapblack:hover, a.text-boostrapblack:focus {
	color: var(--dark-text-alt) !important
}
.text-dark-ribbon-fix {
	color: var(--dark-bg) !important
}
.domain-step-inner.border-greydee {
	background-color: var(--dark-border) !important;
}
.domain-step-inner.border-greydee.bg-white {
	background-color: var(--dark-bg-alt) !important;
}
.btn-paypalblack {
	background-color: white !important;
	color: var(--paypalblack) !important
}
.btn-paypalblack span {
	color: var(--paypalblack) !important
}
.btn-outline-paypalblack {
	border-color: white !important;
	color: var(--dark-text-bright) !important
}
.payment-method .shadow-sm {
	box-shadow: none !important
}