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

.me-05 {
	margin-right: 0.5rem!important;
}

.text-ellipsis {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

::-webkit-scrollbar {
	width: 5px;
	height: 7px; /* Высота скроллбара */
}

/* Стилизация ползунка скроллбара (бегунок) */
::-webkit-scrollbar-thumb {
	background-color: #4747478f; /* Цвет ползунка */
	border-radius: 5px; /* Закругление углов ползунка */
}

::-webkit-scrollbar-corner {
    display: none;
}

.tippy-box[data-theme~='dark'] {
	background: rgb(39, 43, 49);
}

body.swal2-shown > [aria-hidden="true"] {
	transition: 0.1s filter;
	filter: blur(5px);
}

.swup-transition-main {
	opacity: 1;
	transition: opacity 0.3s, transform 0.4s;
	transform: translate3d(0, 0, 0);
  }
html.is-animating .swup-transition-main {
	opacity: 0;
	transform: translate3d(0, -60px, 0);
}
html.is-animating.is-leaving .swup-transition-main {
	opacity: 0;
	transform: translate3d(0, 60px, 0);
}
html.is-animating.swup-theme-reverse .swup-transition-main {
	opacity: 0;
	transform: translate3d(0, 60px, 0);
}
html.is-animating.swup-theme-reverse.is-leaving .swup-transition-main {
	opacity: 0;
	transform: translate3d(0, -60px, 0);
}

a {
	color: #ffffffda;
	text-decoration: none;
}

li a i {
	height: 20px;
	width: 20px;
	font-size: 1.45rem;
	margin-right: 1rem;
	flex-shrink: 0;
}
button {
	border: none;
}

.integr-content label,
.integr-select span,
.intgr-item span {
	display: flex;
	align-items: center;
}

.integr-instruction {
	display: flex;
	flex-direction: column;
	background-color: #00000052!important;
	padding: 10px 20px;
	border-radius: 10px;
}

.integr-instruction p {
    font-size: 14px;
    margin-bottom: 10px;
    font-family: system-ui;
}


.flex-end {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.width-100 {
    width: 100%!important;
}

.mr-5px {
	margin-right: 5px;
}
.color-red {
	color: #f14b4be0!important;
}
.color-warning {
	color: #ff9f43!important;
}
.color-green {
	color: #16c76ae6!important;
}
.color-primary {
    color: #7367f0!important;
}

.no-style {
	background-color: transparent;
	border: none;
	padding: 0;
}
.no-hover:hover {
	background-color: transparent!important;
}

.dropdown-group {
	position: relative!important;
}

.dropdown-menu[data-position='bottom-start'], 
.dropdown-menu[data-position='bottom-end'] {
	margin-top: 0.6rem !important; 
  }
.dropdown-menu[data-position='top-start'], 
.dropdown-menu[data-position='top-end'] {
	margin-bottom: 0.6rem !important;
  }
.dropdown-menu[data-position='top-start'],
.dropdown-menu[data-position='bottom-start'] {
	left: 0rem !important;
}
.dropdown-menu[data-position='bottom-end'],
.dropdown-menu[data-position='top-end'] {
	right: 0rem !important;
}

.input-transparent {
	border-radius: 0.42rem;
	color: #82868b;
	background-color: transparent!important;
	border: 0.01rem solid #404656;
}
.input-black-border {
	border-radius: 0.42rem;
    color: #82868b;
    background-color: #00000052!important;
    border: 0.01rem solid #4046564d;
}
.input-black-border span {
	white-space: nowrap;
}
.input-black-style {
	width: 100%;
	text-align: start;
    color: #82868b;
    background-color: #00000052!important;
    border-radius: 0.42rem;
    padding: 8px 13px;
	border: none!important;
}
.input-black-border,
.input-black-style.chevron {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
button.chevron::after {
    content: '\f107';
    font-family: 'Font Awesome 6 Pro';
	transition: transform 0.3s ease;
	margin-left: 5px;
}

.click-limit-input {
	width: 40px;
    height: 25px;
    padding: 3px 5px;
    margin-left: 5px;
    border: 1px solid #454545 !important;
	text-align: center;
}

.form-switch {
    display: flex;
    justify-content: end;
}

.utm-list,
.referrer-list {
	padding: 0px 12px!important;
}

textarea[name="utm_list"],
textarea[name="referrer_list"] {
    font-size: 14px;
    background: #00000052!important;
    border: 1px solid #454545 !important;
}
/* button.chevron:focus::after {
	transform: rotate(-180deg);
} */


/* .verify-mode::after {
	content: 'reCAPTCHA';
	cursor: default;
    font-family: Roboto,helvetica,arial,sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    margin-top: 5px;
    text-align: center;
} */

.badge-white-page {
	--bs-bg-opacity: 1;
    /* background-color: #ffffffb3;
    color: #000; */
	background-color: #ffffff0f;
    color: #cbc4c4;
	font-size: 12px;
    font-weight: 500;
}

.badge-offer-page {
	--bs-bg-opacity: 1;
    /* background-color: #79797938;
    color: #00BCD4; */
	background-color: #00000075;
    color: #28c76f;
	font-size: 12px;
    font-weight: 500;
}

.input_error_border {
	border: 1px solid #e93f3fc7!important;
	animation-name: error_border_animate;
	animation-duration: 0.2s;
	animation-iteration-count: 2;
}

.filters-item {
	display: flex;
	align-items: center;
	border: none;
}

.filters-item span {
	display: flex;
	align-items: center;
	height: 23px;
}

.list-filters-item-modal {
	display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    margin: 10px 30px;
    padding: 15px;
    background-color: #6e6b7b2e;
    border-radius: 10px;
	overflow: auto;
}

.qrcode_img {
    background-color: #fff;
	border-radius: 20px;
    padding: 10px;
}

.annual-pricing {
	font-size: 1rem;
}


.copy-pay {
	padding: 10px;
    position: absolute;
    right: 21px;
    background: #282a34;
    border-radius: 10px;
}

.copy-pay-btn {
    padding: 7px 10px;
    background: #00000047;
    border-radius: 7px;
}

.list-filters-item-modal span {
	display: flex;
}

.fa-circle-question {
	font-size: 15px;
	font-weight: 200;
}

.text-allow {
	height: 15px;
	color: #16c76ae6;
}

.text-banned, .fa-ban {
	color: #f14b4be0;
}

.filter_table_items .fa-circle-check {
	color: #28c76fe0;
}

.card-filter {
	width: 350px;
    height: 300px;
    margin: 15px 0px;
    margin-left: 15px;
    padding: 15px 15px 2px 15px;
    background-color: #31374730;
    overflow-x: auto;
}

.filter-switches {
    color: #b4b7bd;
    background-color: #56617b33;
    border-radius: 10px;
    padding: 5px;
    font-size: 16px;
}

.filter-option-container {
	display: flex;
	flex-wrap: wrap;
	padding: 0px 10px;
	margin-top: 5px;
}

.filter-option-switch {
	display: flex;
	font-size: 13px;
	font-weight: 300;
	justify-content: space-between;
	background-color: #00000052;
	border: 1px solid #2f2f2f;
	border-radius: 7px;
	padding: 4px;
	margin: 2px;
}

.filter-option-container .filter-option-switch span i {
	margin-right: 3px;
}

.multi-select {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	background-color: #56617b33;
	border-radius: 10px!important;
    padding: 13px 15px;
    font-size: 16px;
	max-height: 130px;
    overflow: auto;
}

.multi-select .selected_values {
	display: flex;
	flex-wrap: wrap;
	color: #9d9d9d; 
}

.selected_values i.m-right {
	padding: 4px;
	margin-right: 7px;
}

.multi-select .selected-item {
	background-color: #47474752;
    font-size: 14px;
    font-weight: 300;
    color: #fffffff0;
    border-radius: 5px;
    padding: 2px 5px;
    border: 1px solid #2f2f2f;
    margin: 3px;
}

.dropdown-list {
	display: none;
	width: 100%;
	padding: 10px;
    margin-top: 5px;
	border-radius: 10px!important;
	position: relative!important;
	background-color: #17191f!important;
}

.dropdown-list .input-group span,
.dropdown-list .input-group input {
	color: #e3e3e3;
	background-color: transparent;
	margin-right: 10px;
	padding: 0;
	height: auto;
}

#selected-country {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	margin-top: 20px;
    padding: 0;
}
#selected-country .selected-item {
	background-color: #00000052;
	font-size: 14px;
	font-weight: 300;
    color: #ffffffbd;
    border-radius: 5px;
    padding: 7px 10px;
    margin: 3px;
}
/* #selected-country .selected-item .icon-flag {
	margin-right: 0px;
} */
.select-options {
	height: 340px;
    display: flex;
    flex-direction: column;
    background-color: #00000052;
    overflow-y: scroll;
    border-radius: 10px;
    padding: 10px 20px;
	margin-top: 10px;
}
.select-chevron {
    right: 0;
    top: 10px;
    padding: 5px;
    padding-right: 18px;
    position: absolute;
}
.select-item {
	width: 100%;
    display: flex;
    list-style-type: none;
}

.overflow-hidden {
	overflow-y: hidden;
	overflow-x: hidden;
}

.match-height {
	display: flex;
	flex-wrap: wrap;
}

.mode-name {
	margin: 0px 5px;
	
}

.input-group-text .fa-magnifying-glass {
	margin-left: 10px;
}
input[type="radio"].customCheckbox:not(:checked) + label .mode-name {
	color: gray;
}

.custom-input {
    color: #b4b7bd;
	background-color: #56617b33;
	border-radius: 10px;
    padding: 10px;
    font-size: 16px;
}

.filters-title .fa-browser,
.filters-title .fa-filter {
	color: #8b80ff;
    font-size: 19px;
	margin-right: 8px;
}

.filter-title-icon {
	position: absolute;
	left: 35px;
}

.custom-list-data {
	resize: none;
	height: 260px;
}

.form-switches {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 12px;
}

.dropdown-domain {
	font-size: 15px;
	background-color: transparent;
	color: #fff;
	white-space: nowrap;
	border-radius: 5px;
    padding: 2px 10px;
	border: none;
}

.dropdown-item{
	font-size: 15px!important;
}

.dropdown-toggle::after {
	left: 0!important;
}

.card .card-header {
    flex-wrap: nowrap!important;
}

.card-text {
	white-space: nowrap;
}

.customCheckbox,
.customRadio {
	display: none;
}

/* ====== INTEGRATION =========*/

.intgr-php {
	content: '\f457';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 5px;
}


/* =========== CREATE STREAM FORM =============  */



.page-mode-load::before {
	content: '\e1d4';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 5px;
}
.page-mode-proxy::before {
	content: '\f0ac';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 5px;
}
.page-mode-redirect::before {
	content: '\f08e';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 5px;
}
.page-mode-iframe::before {
	content: '\f37e';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 5px;
}
.sMode {
	font-size: 13px;
	font-weight: 400;
	padding: 3px 8px;
    border-radius: 5px;
}
.mode-testing {
	color: #00cfe8;
	background-color: rgba(0, 207, 232, 0.12);
}
.mode-testing::before {
	content: '\f492';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 3px;
}

.mode-moderation {
	font-weight: 300;
	color: #ff9f43;
	background-color: rgba(255, 159, 67, 0.12);
}
.mode-moderation::before {
	content: '\f017';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 3px;
}

.mode-cloaking {
	color: #887dff;
	background-color: rgba(115, 103, 240, 0.12);
}
.mode-cloaking::before {
	content: '\f2f7';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 3px;
}

.mode-offer {
    background-color: rgba(40, 199, 111, 0.12);
    color: #28c76f !important;
}
.mode-offer::before {
	content: '\f05b';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 3px;
}

.mode-white {
	color: #fff;
	font-weight: 300;
	background-color: rgb(255 255 255 / 13%);
}
.mode-white::before {
	content: '\f058';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 3px;
}

.mode-pause {
	color: #ea5455;
	background-color: rgba(234, 84, 85, 0.12);
}
.mode-pause::before {
	content: '\f28b';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 3px;
}
  
/* =========== CREATE FILTER FORM =============  */

#filters_list, #add_filter {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: slideIn;
}

.filter-title-input {
    border-radius: 10px;
}

.form-flex-row {
	display: flex;
}

.flex-input-group {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.filter-header {
    display: flex;
	justify-content: space-between;
    align-items: center;
	padding-left: 10px;
	padding-right: 10px;
}

.filter-submit-container {
	width: 100%;
	margin-top: 20px;
}

.custom-options-checkable .custom-option-item {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #82868b;
	background-color: #00000052;
	border: 0.01rem solid #00000052;
	border-radius: 0.42rem;
	padding: 8px 13px;
	cursor: pointer;
}

.custom-options-checkable .custom-radio-item {
	width: 100%;
	display: flex;
	align-items: center;
	color: #82868b;
	background-color: #00000052;
	border: 0.01rem solid #00000052;
	border-radius: 0.42rem;
	padding: 8px 13px;
	cursor: pointer;
}

.custom-options-checkable .custom-option-item .custom-option-item-title {
	color: #82868b; 
}

.custom-option-item-check {
	display: none;
}

.screen-size {
	display: flex;
	align-items: center;
}
.screen-size input {
    border-radius: 0.42rem;
    color: #82868b;
    background-color: #00000052!important;
    border: 0.01rem solid #00000052;
}

.screen-size-separator {
	margin: 0px 7px;
    color: gray;
}

.itemcheck:checked + .custom-radio-item  {
    border: 1px solid #56ff8299;
    color: #56ff8299;
}

.select-check:checked + .custom-option-item {
    color: #24cb6f;
    opacity: 0.9;
}
.select-check:checked + .custom-option-item::after {
	content: '\f00c';
	font-family: 'Font Awesome 6 Pro';
}

.select-label {
	width: 100%;
	padding: 5px 0px;
	cursor: pointer;
}

.allow-mode + .custom-option-item, 
.banned-mode + .custom-option-item {
	cursor: pointer;
}

input.allow-mode:checked + .custom-option-item {
	color: #24cb6f;
}
input.banned-mode:checked + .custom-option-item {
	color: #f14b4b;
}

.custom-input .mode_allow > div > input:checked + .custom-option-item {
	color: #28c76fe0;
}
.custom-input .mode_allow > div > input:checked + .custom-option-item::after {
	content: '\f058';
	font-family: 'Font Awesome 6 Pro';
}
.custom-input .mode_ban > div > input:checked + .custom-option-item {
    color: #f14b4be0;
}
.custom-input .mode_ban > div > input:checked + .custom-option-item::after {
	content: '\f05e';
	font-family: 'Font Awesome 6 Pro';
}

.input-search-icon {
	position: absolute;
	margin-left: 10px;
    margin-top: 3px;
}
.input-search {
    padding: 2px !important;
    padding-left: 30px !important;
    background-color: #45454557 !important;
    border-radius: 5px !important;
}
.btn-select-all {
	display: flex;
    align-items: center;
	background-color: rgba(130, 134, 139, 0.12);
	border: 1px solid #414141;
    color: #82868b !important;
	border-radius: 5px!important;
	padding: 3px 8px;
	font-size: 12px;
    font-weight: 400;
}
.btn-close-list {
	padding: 3px;
	margin-left: 7px;
}


/* MultiSelect Picker */



@keyframes error_border_animate {
	20% {
	  transform: translateX(-4px);
	}
	80% {
	  transform: translateX(4px);
	}
	50% {
	  transform: translateX(4px);
	}
  }
  
  @-moz-keyframes error_border_animate {
	25% {
	  transform: translateX(-3px);
	}
	75% {
	  transform: translateX(3px);
	}
}

.user-name {
	font-size: 19px;
}

.custom-loader {
    width: 30px;
    height: 30px;
    border-radius:50%;
    display: inline-flex;
    background: conic-gradient(#ffffff29 10%,#ffffff);
    -webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);
    animation:s3 1s infinite linear;
    margin-bottom: -6px;
	margin-top: -6px;
  }
  @keyframes s3 {to{transform: rotate(1turn)}}

  .custom-spinner {
    display: flex;
    width: 30px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 3px solid #ffffff;
    animation:
      s10-1 0.8s infinite linear alternate,
      s10-2 1.6s infinite linear;
  }
  @keyframes s10-1{
     0%    {clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}
     12.5% {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% )}
     25%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% )}
     50%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
     62.5% {clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
     75%   {clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% )}
     100%  {clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% )}
  }
  @keyframes s10-2{ 
    0%    {transform:scaleY(1)  rotate(0deg)}
    49.99%{transform:scaleY(1)  rotate(135deg)}
    50%   {transform:scaleY(-1) rotate(0deg)}
    100%  {transform:scaleY(-1) rotate(-135deg)}
  }
  

#preloader {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 100;
    transition: all 200ms ease;
	background-color: #0f11174d;
}

.preloader-hide {
    opacity: 0;
    pointer-events: none;
    transition: all 150ms ease !important;
}

.lds-roller {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	z-index: 110;
  }
  .lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 40px 40px;
  }
  .lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #ffffff7a!important;
	margin: -4px 0 0 -4px;
  }
  .lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
  }
  .lds-roller div:nth-child(1):after {
	top: 63px;
	left: 63px;
  }
  .lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
  }
  .lds-roller div:nth-child(2):after {
	top: 68px;
	left: 56px;
  }
  .lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
  }
  .lds-roller div:nth-child(3):after {
	top: 71px;
	left: 48px;
  }
  .lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
  }
  .lds-roller div:nth-child(4):after {
	top: 72px;
	left: 40px;
  }
  .lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
  }
  .lds-roller div:nth-child(5):after {
	top: 71px;
	left: 32px;
  }
  .lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
  }
  .lds-roller div:nth-child(6):after {
	top: 68px;
	left: 24px;
  }
  .lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
  }
  .lds-roller div:nth-child(7):after {
	top: 63px;
	left: 17px;
  }
  .lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
  }
  .lds-roller div:nth-child(8):after {
	top: 56px;
	left: 12px;
  }
  @keyframes lds-roller {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }

.client-function {
	width: 260px;
	display: flex;
	justify-content: space-around;
}

.btn-icons {
    border-radius: 3px;
    padding: 2px 4px;
    font-weight: 300;
	font-size: 18px;
}

.icon-xs {
	width: 18px;
	height: 18px;
}
.icon-s {
	width: 20px;
	height: 20px;
}

.text-error {
	color: #EA5455;
	text-align: center;
	padding: 5px;
	display: none;
}

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.stat-container {
	width: 100%;
	margin: 5px;
	padding: 20px 0px;
	font-size: 18px;
	font-weight: 700;
	border-radius: 10px;
	text-align: center;
}

.api_method {
	font-weight: 500;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
	padding: 10px;
    border-radius: 0.358rem;
	background-color: rgba(115, 103, 240, 0.12);
    color: #7367f0 !important;
}

.result_query {
	background-color: rgb(0 0 0 / 48%);
	border-radius: 10px;
	font-size: 14px!important;
	font-weight: 300!important;
	margin: 10px!important;
	padding: 15px!important;
	text-align: start!important;
	color: rgba(255, 255, 255, 0.534)!important;
	font-family: 'Anonymous Pro';
}

.method_url {
	color: rgba(255, 255, 255, 0.658)!important;
}

.raund-5 {
	border-radius: 5px!important;
}
.border-none {
	border: none!important;
}
.border-1 {
	border: 1px solid!important;
}
#x-token-key {
	width: 230px;
	margin-left: 10px!important;
}
#input_alert {
	display: flex;
	align-items: center;
}

code#logs {
	display: block;
}

code#logs span.hljs-punctuation {
	color: #c9d1d9!important;
}

code#logs span.hljs-attr {
	color: #abe442!important;
}

code#logs span.hljs-string {
	color: #d4dfbfcc!important;
}

.dark-layout pre {
    background-color: transparent!important;
    border: 0;
}

.avatar-content i {
	font-size: 17px;
}

.btn-success-styling {
	background-color: rgba(40, 199, 111, 0.12);
	color: #28C76F;
}

.btn-success-styling:hover {
	background-color: rgba(40, 199, 111, 0.247);
	color: #19ff81;
}

.btn-danger-styling {
	background-color: rgba(234,84,85,.12);
	color: #EA5455;
}

.btn-danger-styling:hover {
	background-color: rgba(234, 84, 84, 0.247);
	color: #ff3d81;
}

.btn-warning-styling {
	background-color: rgba(255,159,67,.12);
	color: #FF9F43;
}

.btn-warning-styling:hover {
	background-color: rgba(255, 158, 67, 0.247);
	color: #ff9381;
}

.btn-primary-styling {
    background-color: rgba(115,103,240,.12);
    color: #7367F0!important;
}

.btn-primary-styling:hover {
    background-color: rgba(115,103,240, 0.247);
    color: #4a3bf8!important;
}

.bg-light-opacity-red {
    /* background: rgba(234, 84, 85, 0.12) !important; */
    color: #ff939385 !important;
}

.bg-light-opacity-green {
    /* background: rgba(40, 199, 111, 0.12) !important; */
    color: #28c76f !important;
}

.bg-light-gray {
	background-color: rgb(129 129 129 / 25%);
	color: gray!important;
}

.forestgreen {
	color: #28c76f!important;
	font-weight: 800;
}

.brand-text-auth {
	color: #7367f0!important;
	padding-left: 5px;
	margin-bottom: 0;
	font-weight: 500;
	font-size: 1.5rem;
}

.btn-grey {
	background-color: #3b42535e;
	border-radius: 5px;
}


.link_items {
	padding: 10px;
	font-size: 15px;
	line-height: 1.45;
}
.sub-menu li {
	font-size: 15px;
	line-height: 1.45;
	margin: 5px;
}
.sub-menu li a {
	padding: 10px;
}
li .active {
	background: linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7));
	border-radius: 5px;
}

.link_items a {
	color: #c9d1d9;
}
.color_table {
	color: #a4bbd3;
}

/* TABLE STYLES */

.dropdown-link {
	font-size: 14px!important;
	padding: 0.3rem 0.7rem!important;
}
table.dataTable td, table.dataTable th {
    padding: 0.5rem!important;
}

.custom-search-input {
    width: 100%;
    padding-left: 5px;
    background-color: #56617b33;
    color: #b4b7bd;
    border-radius: 3px;
    border: none;
}

.custom-search-input:focus {
    outline: none;
}

.table-container {
	width: 100%;
	height: auto;
    overflow-x: auto;
    min-height: 330px;
	background: #1010109c;
    border-radius: 10px;
	padding: 0px 10px;
}

.no-wrap {
	white-space: nowrap;
}
table {
	width: 100%;
	border-spacing: 0px 10px;
}
.bottom {
	height: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
table.dataTable.row-border>tbody>tr>th, 
table.dataTable.row-border>tbody>tr>td, 
table.dataTable.display>tbody>tr>th, 
table.dataTable.display>tbody>tr>td {
    border: none!important;
}

table.dataTable>thead>tr>th, 
table.dataTable>thead>tr>td {
	font-weight: 300;
    padding: 0px 10px;
    border: none!important;
}
div.dataTables_wrapper div.dataTables_filter select, div.dataTables_wrapper div.dataTables_length select {
    background-position: calc(100% - 3px) 11px, calc(100% - 20px) 13px, 100% 0;
    width: 5rem;
    margin: 0 0.5rem;
}

.dataTables_wrapper .dataTables_length,
 .dataTables_wrapper .dataTables_filter, 
 .dataTables_wrapper .dataTables_info, 
 .dataTables_wrapper .dataTables_processing, 
 .dataTables_wrapper .dataTables_paginate {
    color: inherit;
}
.dataTables_wrapper .dataTables_length select {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    color: inherit;
    padding: 4px;
}
.dataTables_wrapper {
    position: relative;
    clear: both;
}
.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
}

.dataTables_empty {
	height: 290px;
	vertical-align: middle;
	background-color: #0d0d0d;
}
a.paginate_button {
	background-color: #191c24!important;
}

a.paginate_button {
	background-color: #191c24!important;
}
a.current {
	background-color: #384361!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0px 10px!important;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: inherit !important;
    border-radius: 3px;
    background: transparent;
}

.table-header-row th {
	font-weight: 300;
	text-align: center;
}

.table-body-row {
    background-color: #31374730;
    border-radius: 10px !important;
    text-align: center;
}
.table-body-row tr {
	border-radius: 10px!important;
}

td.stream-management {
	min-width: 170px;
	width: 170px;
	flex-direction: row;
	align-items: center;
	margin: 0rem 1.5rem;
}

.table_stat {
	width: 100px;
	min-width: 100px;
}

.filter_flag {
	width: 20px;
	height: 12px;
    margin-right: 7px;
}

.filter_table_items {
	padding: 3px;
}

.filter_table_items i {
	font-size: 16px;
    margin-right: 7px;
}
.color-allow {
	color: #16c76ae6;
}

.color-ban {
    color: #ea5455;
}

.instruction_card {
	width: 100%;
	text-align: start;
	margin-top: 10px;
	background-color: #00000042;
	border-radius: 7px;
	padding: 10px;
}

.instruction_card h5 {
	margin-bottom: 0px;
}

.pricing-standard-value {
	font-size: 40px;
}
.pricing-standard-value:hover {
	border: none!important;
}
.pricing-basic-value {
	font-size: 40px;
}
.pricing-basic-value {
	font-size: 40px;
}
.pricing-premium-value {
	font-size: 40px;
}
/* tr { text-align: center!important; }
tr th span {
	display: block;
	background-color: #22292f;
}
td { 
	text-align: center;
	border: 1px solid #ffffff1a;
	padding: 0px 10px;
}

th {
	color: #afc5db!important
} */
/* th.th-id {
	width: 50px;
}
th.th-os {
	width: 50px;
}
th.th-host {
	min-width: 200px;
}
th.th-ip span {
	width: 165px!important;
}
th.th-status {
	min-width: 120px;
}
th.th-login {
	width: 180px;
	min-width: 100px;
}
th.th-pass {
	width: 100%;
	max-width: 120px!important;
}
th.th-sms {
	width: 100px;
	min-width: 100px!important;
}
th.th-card {
	min-width: 200px;
}
th.th-functions {
	width: 100%;
	max-width: 200px;
}
th.th-expirydate {
	width: 80px;
	max-width: 80px!important;
}
th.th-cvv {
	width: 50px;
}

td.td-domain {
	color: #a4bbd3;
	text-align: start;
	letter-spacing: 0px;
	white-space: nowrap!important;
	overflow: hidden!important;
	text-overflow: ellipsis!important;
}

td.ip-address {
	text-align: start!important;
	width: 160px;
	white-space: nowrap;
	overflow: hidden; 
	text-overflow: ellipsis; 
} 

/* DOMAINS TABLE */



 /* Pricing Plans */

 .pricing-standard-value,
 .pricing-premium-value,
 .pricing-basic-value {
	font-size: 40px;
}

.list-position-item {
  list-style-type: none;
  font-weight: 300;
}

.list-group {
  padding: 10px;
}
.list-position-item .fa-check {
  color: #28c76f;
}
ul {
  list-style-type: none;
  padding: 0px;
}

.test-period {
  text-align: center;
}

.tabList {
    font-size: 12px;
    font-weight: 400;
    padding: 3px 8px;
    border-radius: 5px;
    white-space: nowrap;
}

.access_0 {
    background-color: rgba(130, 134, 139, 0.12);
    color: #82868b !important;
}

.clear_btn {
    background-color: rgba(130, 134, 139, 0.12);
    color: #82868b !important;
}

.unix-container {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.unix-card {
	height: 100%;
	min-height: 370px;
	border: 0.125em solid;
	border-radius: 10px;
	border-color: #191c24;
	background-color: #1c1c1c4a;
}

.unix-header {
	display: flex;
	border-radius: 10px 10px 0px 0px;
	padding: 10px;
}

.unix-header-btn {
	padding: 3px;
    width: 28px;
    text-align: center;
    border-radius: 5px;
	background-color: #000000;
	border: 1px solid #000000;
	margin-right: 6px;
}

.unix-header-btn:hover {
	border: 1px solid rgb(122, 122, 122);
}

.unix-body {
	background-color: #101010d1;
	border-radius: 0px 0px 10px 10px;
}

.unix-close {
	width: 15px;
    height: 15px;
    margin: 4px;
    border-radius: 50%;
}
.unix-close::after {
	content: "\f057";
	color: #ea5455;
	font-family: 'Font Awesome 6 Pro';
	font-size: 16px;
	font-weight: 900;
}

.header-el-center {
	width: 100%;
	justify-content: center;
	align-items: center;
}

.header-el-center h4 {
	margin-bottom: 0px;
}

.header-el-end {
	width: 200px;
	justify-content: end;
	align-items: center;
}

.mac-circle-btn {
	width: 15px;
	height: 15px;
	margin: 5px;
	border-radius: 50%;
}

.flex-icons {
	display: flex;
	justify-content: space-around;
}

.flex-icons i {
	margin: 0px 2px;
	font-size: 20px;
}

.unix-table {
	width: 100%!important;
	min-height: 400px;
	padding: 0px 10px 10px;
	overflow-x: scroll;
}

.unix-action-btn {
	padding: 5px;
}

a.unix-action-btn[data-action="edit"] {
	color: #ff9f43!important;
}

a.unix-action-btn[data-action="save"] {
	color: #28c76f!important;
}

.unix-btn-add {
    font-weight: 500;
	padding: 5px;
	white-space: nowrap;
    color: #8a7fff;
}

.unix-btn-add:hover {
    color: #8f85ff;
	font-weight: 700;
}

.unix-table-empty {
	width: 100%;
	height: 300px;
	display: flex;
    justify-content: center;
	align-items: center;
	/* background-color: #111318; */
	/* margin-top: 15px; */
}

.custom-spinner {
	display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: -0.125em;
    border: 0.15em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: 0.75s linear infinite spinner-border;
}


/* Dashboard */

.top-up-balance {
	color: #b4b7bd;
	background-color: #00000047;
	border-radius: 10px;
	padding: 10px;
	font-size: 16px;
}

input.input-amount {
	background-color: transparent!important;
	border: 0.02rem solid #ffffff12!important;
	position: relative;
}

input.input-amount:after {
    content: "$";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

.current_plan_img {
	position: absolute;
    top: 30px;
    right: 10px;
    width: 100px;
    height: 100px;
}

.current_plan_img_menu {
	width: 75px;
    height: 75px;
}

.user-nav {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    float: left;
    margin-right: 0.8rem;
}

.flag-icon {
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
}

.flag-icon-us {
    background-image: url(/assets/images/flags/us.png);
}

.flag-icon-ru {
    background-image: url(/assets/images/flags/ru.png);
}

.main-page-container {
	display: flex;
    justify-content: center;
    align-items: center;
}

#country-bar .progress-bar {
	/* background-image:
	linear-gradient(135deg,
	  transparent,
	  transparent 33%,
	  rgba(0,0,0,.1) 33%,
	  rgba(0,0,0,.1) 66%,
	  transparent 66%),
	linear-gradient(to bottom,
	  rgba(255, 255, 255, .25),
	  rgba(0,0,0,.2)),
	linear-gradient(to right, #09c, #ff0); */
	background-image:
  linear-gradient(135deg,
    transparent,
    transparent 33%,
    rgba(0,0,0,.1) 33%,
    rgba(0,0,0,.1) 66%,
    transparent 66%),
  linear-gradient(to bottom,
    rgba(255,255,255,.25),
    rgba(0,0,0,.2)),
  linear-gradient(to right, #09c, #687fff);
}

#browser-bar .progress-bar {
	background-image:
  linear-gradient(135deg,
    transparent,
    transparent 33%,
    rgba(0,0,0,.1) 33%,
    rgba(0,0,0,.1) 66%,
    transparent 66%),
  linear-gradient(to bottom,
    rgba(255,255,255,.25),
    rgba(0,0,0,.2)),
  linear-gradient(to right, #2196f3, #9c27b0);
}

#platform-bar .progress-bar {
	/* background-image:
	linear-gradient(135deg,
	  transparent,
	  transparent 33%,
	  rgba(0,0,0,.1) 33%,
	  rgba(0,0,0,.1) 66%,
	  transparent 66%),
	linear-gradient(to bottom,
	  rgba(255, 255, 255, .25),
	  rgba(0,0,0,.2)),
	linear-gradient(to right, #09c, #f44); */
	background-image:
	linear-gradient(135deg,
	  transparent,
	  transparent 33%,
	  rgba(0,0,0,.1) 33%,
	  rgba(0,0,0,.1) 66%,
	  transparent 66%),
	linear-gradient(to bottom,
	  rgba(255, 255, 255, .25),
	  rgba(0,0,0,.2)),
	linear-gradient(to right, #09c, rgb(153, 0, 64));
}

@media (max-width: 576px) {
	.modal-container {
	  padding: 0px!important;
	}
	.card-filter {
		width: 93%;
	}
	.statistics-body {
		padding: 0rem!important;
	}
	.visitors-title {
		display: none;
	}
	.content-body {
		padding: 10px 0px!important;
	}
	#createFilter .row .col-md-6,
	#editFilter .row .col-md-6,
	.table-container {
		padding: 0px;
	}
	#DataTables_Table_0_wrapper {
		min-height: 400px;
	}
	.visits-static .col-12 .card,
	.visits-filter div {
		margin-bottom: 12px!important;
	}
	.visits-filter {
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

@media (max-width: 410px) {
	.select-lang {
		display: none!important;
	}
	.col-md-12 {
		padding: 0px;
	}
	.custom-input {
		padding: 5px;
		font-size: 13px;
	}
	#streamMode {
		padding: 10px!important;
	}
	button[name="filter_dropdown"],
	div[data-id="filtersList"] a,
	#createStream .form-label,
	#editFilter .form-label,
	#createFilter .form-label,
	.filter-switches .form-switches span,
	.multi-select .selected_values,
	.filter-header span label,
	.mode-items .mode-name {
		font-size: 14px!important;
	}

	.unix-card .unix-header h4 {
		font-size: 16px;
	}

	.header-navbar.floating-nav {
	  width: 100%!important;
	  border-radius: 0px 0px 10px 10px;
	  margin: 0px;
	}
	.navbar-floating .header-navbar-shadow {
		height: 0px;
	}
	.card-statistics .card-header {
		padding-left: 1rem!important;
		padding-right: 1rem!important;
	}
	.card-statistics .card-header .dropdown-group {
		margin-right: 0rem !important;
	}
}


@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.rotate {
    animation: rotate 2s linear infinite;
}


/* ==================================== */

@import url(https://fonts.googleapis.com/css?family=Lato:400,700|Montserrat:400,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);

body {
	background: #40E0D0;
}

/*/ start count stats /*/

section#counter-stats {
	display: flex;
	justify-content: center;
	margin-top: 100px;
}

.stats {
  text-align: center;
  font-size: 35px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.stats .fa {
  color: #008080;
  font-size: 60px;
}

/* ======================================== */


/* loader */

.infinityLoader {
	width: 150px;
}

#infinity-outline {
	stroke-dasharray: 2.42777px, 242.77666px;
	stroke-dashoffset: 0;
	-webkit-animation: infinity 1.6s linear infinite;
	animation: infinity 1.6s linear infinite;
  }
  
  @-webkit-keyframes infinity {
	12.5% {
	  stroke-dasharray: 33.98873px, 242.77666px;
	  stroke-dashoffset: -26.70543px;
	}
  
	43.75% {
	  stroke-dasharray: 84.97183px, 242.77666px;
	  stroke-dashoffset: -84.97183px;
	}
  
	100% {
	  stroke-dasharray: 2.42777px, 242.77666px;
	  stroke-dashoffset: -240.34889px;
	}
  }
  
  @keyframes infinity {
	12.5% {
	  stroke-dasharray: 33.98873px, 242.77666px;
	  stroke-dashoffset: -26.70543px;
	}
  
	43.75% {
	  stroke-dasharray: 84.97183px, 242.77666px;
	  stroke-dashoffset: -84.97183px;
	}
  
	100% {
	  stroke-dasharray: 2.42777px, 242.77666px;
	  stroke-dashoffset: -240.34889px;
	}
  }
  


  /* Fake reCaptcha */

  .fkrc-checkbox {
    position: relative;
    background-color: #fff;
    border-radius: 2px;
    height: 100%;
    width: 100%;
    border: 2px solid #c1c1c1;
    margin: 21px 0 0 12px;
    outline: none;
    font-family: Arial, Helvetica, sans-serif;
    transition: width 500ms, height 500ms, border-radius 500ms, margin-top 500ms, margin-left 500ms, opacity 700ms;
	line-height: normal;
	padding: 0;
    margin: 0;
    height: 28px;
    width: 28px;
	}
  .verify-checkbox {
	position: relative;
    background-color: #fff;
    border-radius: 2px;
    height: 100%;
    width: 100%;
    border: 2px solid #c1c1c1;
    margin: 21px 0 0 12px;
    outline: none;
    font-family: Arial, Helvetica, sans-serif;
    transition: width 500ms, height 500ms, border-radius 500ms, margin-top 500ms, margin-left 500ms, opacity 700ms;
}

.verify-mode {
    background: url(/assets/images/logo_48.png);
    background-repeat: no-repeat;
	-webkit-background-size: 32px;
    -o-background-size: 32px;
    background-size: 32px;
    height: 32px;
    /* margin: 0 13px 0 13px; */
	margin-right: 13px;
    width: 32px;
}

.recaptcha-checkbox-spinner {
    background-color: #f9f9f9;
    border: 6px solid #4d90fe;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    border-bottom-color: transparent;
    border-left-color: transparent;
    height: 36px;
    left: -4px;
    outline: 0;
    position: absolute;
    top: -4px;
    width: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -webkit-animation: spinner-spin linear 2.5s infinite;
    -o-animation: spinner-spin linear 2.5s infinite;
    animation: spinner-spin linear 2.5s infinite;
    animation-play-state: paused;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

@keyframes spinner-spin {
    0% {
        -webkit-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg)
    }

    10% {
        -webkit-transform: rotateZ(135deg);
        -ms-transform: rotateZ(135deg);
        -o-transform: rotateZ(135deg);
        transform: rotateZ(135deg)
    }

    25% {
        -webkit-transform: rotateZ(245deg);
        -ms-transform: rotateZ(245deg);
        -o-transform: rotateZ(245deg);
        transform: rotateZ(245deg)
    }

    60% {
        -webkit-transform: rotateZ(700deg);
        -ms-transform: rotateZ(700deg);
        -o-transform: rotateZ(700deg);
        transform: rotateZ(700deg)
    }

    75% {
        -webkit-transform: rotateZ(810deg);
        -ms-transform: rotateZ(810deg);
        -o-transform: rotateZ(810deg);
        transform: rotateZ(810deg)
    }

    to {
        -webkit-transform: rotateZ(1080deg);
        -ms-transform: rotateZ(1080deg);
        -o-transform: rotateZ(1080deg);
        transform: rotateZ(1080deg)
    }
}

.recaptcha-checkbox-spinner-overlay {
    content: "";
    position: absolute;
    top: -7px;
    left: -7px;
    width: 38px;
    height: 19px;
    background-color: #f9f9f9;
    -webkit-animation: overlay-spin linear 1s;
    -o-animation: overlay-spin linear 1s;
    animation: overlay-spin linear 1s;
    animation-play-state: paused;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-border-radius: 38px 38px 0 0;
    -moz-border-radius: 38px 38px 0 0;
    border-radius: 38px 38px 0 0;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    opacity: 0
}

@keyframes overlay-spin {
    0% {
        opacity: 1;
        -webkit-transform: rotateZ(45deg);
        -ms-transform: rotateZ(45deg);
        -o-transform: rotateZ(45deg);
        transform: rotateZ(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: rotateZ(225deg);
        -ms-transform: rotateZ(225deg);
        -o-transform: rotateZ(225deg);
        transform: rotateZ(225deg)
    }
}


/* CODE STYLE */

code {
	background-color: transparent;
	color: #c5c5c5!important;
	padding-bottom: 10px;
	white-space: nowrap;
	overflow-x: auto;
	max-width: 340px;
	font-size: 13px;
  }
code tag {color: #ea548a;}
code attr {color: #ffb060;}
code val {color: #48e3e6;}
code vlt {color: #7d6ef7;}
code comment {color: #808080;}



.input-error-border {
	border: 1px solid #e93f3fc7!important;
	animation-name: inputErrorAnimate;
	animation-duration: 0.2s;
	animation-iteration-count: 2;
	}

.container {
	display: grid;
	grid-template-columns: repeat(1, 160px);
	grid-gap: 80px;
	margin: auto 0;
	}

	@media (max-width: 1082px) {
	#payment-card {
		margin-top: 80px;
	}
	}

	@media (max-width: 768px) {
	#payment-card {
		margin-top: 50px;
	}
	#createFilter .row .filter-column-2,
	#editFilter .row .filter-column-2 {
		margin-top: 20px;
	}
	#dashboard .stat-row {
		flex-direction: column-reverse!important;
	}
	}
	
	@media (min-width: 420px) and (max-width: 659px) {
	.container {
		grid-template-columns: repeat(2, 160px);
	}
	}
	
	@media (min-width: 660px) and (max-width: 899px) {
	.container {
		grid-template-columns: repeat(3, 160px);
	}
	}
	
	@media (min-width: 900px) {
	.container {
		grid-template-columns: repeat(4, 160px);
	}
	}
	
	.container .box {
	width: 100px;
	}
	
	.container .box h2 {
	display: block;
	text-align: center;
	color: #fff;
	}
	
	.container .box .chart {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 25px;
	line-height: 100px;
	height: 100px;
	color: #fff;
	}
	
	.container .box canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	width: 100%;
	}

	.card-countryes-states {
	height: 366px;
	margin-top: 1.20rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	}

	.main-menu-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-right: 1px solid #22252f;
	}

	.telegram-btn {
	width: 100%;
	border-radius: 7px;
	border: 1px solid;
	padding: 5px;
	background-color: #4baef300;
	color: #4baef3;
	}

	.telegram-btn:hover {
	border: none;
	background-color: #4badf3;
	color: #fff;
	}

	.telegram-btn i {
	font-size: 1.45rem; 
	margin-right: 0.9rem;
	} 



/* AI-Loader */
.ai-loader-wrapper {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 180px;
height: 180px;
font-family: "Inter", sans-serif;
font-size: 1.2em;
font-weight: 300;
color: white;
border-radius: 50%;
background-color: transparent;
user-select: none;
}

.ai-loader {
position: absolute;
top: 0;
left: 0;
width: 100%;
aspect-ratio: 1 / 1;
border-radius: 50%;
background-color: transparent;
animation: ai-loader-rotate 2s linear infinite;
z-index: 0;
}

@keyframes ai-loader-rotate {
0% {
	transform: rotate(90deg);
	box-shadow:
	0 10px 20px 0 #fff inset,
	0 20px 30px 0 #ad5fff inset,
	0 60px 60px 0 #471eec inset;
}
50% {
	transform: rotate(270deg);
	box-shadow:
	0 10px 20px 0 #fff inset,
	0 20px 10px 0 #d60a47 inset,
	0 40px 60px 0 #311e80 inset;
}
100% {
	transform: rotate(450deg);
	box-shadow:
	0 10px 20px 0 #fff inset,
	0 20px 30px 0 #ad5fff inset,
	0 60px 60px 0 #471eec inset;
}
}

.ai-loader-letter {
display: inline-block;
opacity: 0.4;
transform: translateY(0);
animation: ai-loader-letter-anim 2s infinite;
z-index: 1;
border-radius: 50ch;
border: none;
}

.ai-loader-letter:nth-child(1) {
animation-delay: 0s;
}
.ai-loader-letter:nth-child(2) {
animation-delay: 0.1s;
}
.ai-loader-letter:nth-child(3) {
animation-delay: 0.2s;
}
.ai-loader-letter:nth-child(4) {
animation-delay: 0.3s;
}
.ai-loader-letter:nth-child(5) {
animation-delay: 0.4s;
}
.ai-loader-letter:nth-child(6) {
animation-delay: 0.5s;
}
.ai-loader-letter:nth-child(7) {
animation-delay: 0.6s;
}
.ai-loader-letter:nth-child(8) {
animation-delay: 0.7s;
}
.ai-loader-letter:nth-child(9) {
animation-delay: 0.8s;
}
.ai-loader-letter:nth-child(10) {
animation-delay: 0.9s;
}

@keyframes ai-loader-letter-anim {
0%,
100% {
	opacity: 0.4;
	transform: translateY(0);
}
20% {
	opacity: 1;
	transform: scale(1.15);
}
40% {
	opacity: 0.7;
	transform: translateY(0);
}
}


.period-style {
	background-color: #5f5f5f24!important;
	color: #b8b7c1 !important;
	padding: 5px 10px;
	border: none;
	border-radius: 5px;
	font-size: 12px;
}

#rangeInput {
	width: 0px;
	border: none!important;
	opacity: 0 !important;
}

.visits-filter div {
	margin-bottom: 28px;
}

.table-header-row th {
	white-space: nowrap!important;
}