@import url("./sistec-keys.css");
:root {
	--primary: #555299;
	--primary-opposit: #222d32;
	--white: #fff;
	--black: #000;
	--danger: #a94442;
	--success: #00a65a;
	--scrollbarBG: #CFD8DC;
  --thumbBG: #90A4AE;
  --gray: #ccc;
}
.text-white, .text-white a {
	color: var(--white) !important;
}
.text-primary-opposit {
	color: var(--primary-opposit);
}
* {
	outline: none !important;
}
input:focus,
select:focus,
textarea:focus {
	border: 1px dashed var(--primary) !important;
}
.select2-search__field {
	border-color: var(--primary) !important;
}
.bg-white {
	background-color: #fff;
}
.bg-gray {
	background-color: var(--gray);
}
button.sweet-danger-btn {
	margin-right: 20px !important;
}
.ml-5{
	margin-left: 5px !important;
}
.fw-bold {
	font-weight: bold;
}
#loading {
	width: 100%;
	height: 100%;
	top: 0;
	position: fixed;
	display: block;
	opacity: 0.5;
	background-color: var(--black);
	z-index: 99999;
}
#loading-image {
	position: absolute;
	top: 35%;
	left: 46%;
	justify-content: center;
	z-index: 9000000000;
}
.hide {
	display: none;
}
.mb-10 {
	margin-bottom: 10px !important;
}
.show {
	display: block;
}
.box-purple {
	border-top-color: var(--primary);
}
.border-top-primary{
	border-top:2px solid var(--primary);
}
.border-bottom-primary{
	border-bottom:2px solid var(--primary) !important;
}
.d-flex {
	display: flex !important;
}
.btn-primary,
.btn-primary:hover,
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	background-color: var(--primary) !important;
	border-color: var(--primary) !important;
}
.text-primary {
	color: var(--primary) !important;
}
.fs-12 {
	font-size: 12px;
}
.d-none {
	display: none;
}
.v-hidden {
	visibility: hidden;
}
.injectorLoading {
	padding: 60px 0;
}
.injectorLoading > #loading-image {
	position: relative;
}
.custom-radio {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
}
.custom-radio .item > input {
	display: none;
}
.custom-radio .item {
	width: 50%;
}
.custom-radio .item > input + label {
	border: 1px solid var(--primary);
	color: var(--primary);
	border-radius: 0.35rem;
	padding: 0.375rem 0.75rem;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0;
	cursor: pointer;
	width: 100%;
	text-align: center;
}
.uppercase{
	text-transform: uppercase !important;
}
.custom-radio .item > input:checked + label {
	background: var(--primary);
	color: var(--white);
}
.select2-container--default
	.select2-results__option--highlighted.select2-results__option--selectable {
	background-color: var(--primary) !important;
	color: var(--white) !important;
}
.select2-container--default .select2-selection--single {
	border-radius: 0px !important;
	border-color: #d2d6de !important;
}
.select2-container .select2-selection--single {
	height: 34px !important;
}
.opacity0-6 {
	opacity: 0.6;
}
.border-danger,
.border-danger:focus {
	border-color: var(--danger) !important;
	outline: 0 !important;
	caret-color: red !important;
}
.bg-danger{
	background-color: var(--danger) !important;
}
.bg-danger>.text-success, .bg-danger>.text-danger{
	color: var(--white) !important;
}
.bg-success{
	background-color: var(--success) !important;
}
.bg-success>.text-success, .bg-success>.text-danger{
	color: var(--white) !important;
}
.curson-ban {
	cursor: no-drop !important;
}
.py-10 {
	margin: 20px 0;
}
input[type="checkbox"][readonly] {
	pointer-events: none !important;
}
.nav-tabs-custom > .nav-tabs > li.active {
	border-top: none !important;
	border-bottom: 3px solid var(--primary) !important;
}
.m-14-0 {
	margin: 14px 0;
}
.select2-container {
	width: 100% !important;
}
label {
	display: block;
}
.select2-container--default
	.select2-selection--multiple
	.select2-selection__choice {
	background-color: var(--primary) !important;
}
.select2-container--default
	.select2-selection--multiple
	.select2-selection__choice__remove {
	color: #fff;
}
.d-flex {
	display: flex;
}
.justify-between {
	justify-content: space-between;
}
.text-upper {
	text-transform: uppercase;
}
.fs-18 {
	font-size: 18px;
}
.bg-primary {
	background-color: var(--primary) !important;
}
.bg-primary-opposit {
	background-color: var(--primary-opposit) !important;
}
.fs-14{
	font-size: 14px !important;
}
textarea {
	resize: none;
}
.btn-addon {
	padding: 0px !important;
}
#example1_filter {
	float: right !important;
}
.p-0 {
	padding: 0 !important;
}
.pl-0 {
	padding-left: 0;
}
.pr-0 {
	padding-right: 0;
}
.dt-button.buttons-csv {
	position: relative;
	float: left;
	content: "<span>Export to CSV</span>";
	background-color: var(--success);
	color: var(--white);
	border: none;
	padding: 3px 10px;
	border-radius: 5px;
}
.fee-str-input {
	min-width: 85px;
	max-width: 100px;
}
.fee-str-input2 {
	min-width: 85px;
	max-width: 120px;
}
.border-right-primary {
	border-right: 1px solid var(--primary) !important;
}
.cap-val{
	text-transform: uppercase !important;
}
.headcol {
	width:140px;
	/*text-align: left !important;*/
}
::-webkit-scrollbar {
	width: 5px;
}
body {
	scrollbar-width: thin;
	scrollbar-color: var(--primary) var(--scrollbarBG);
}
::-webkit-scrollbar-track {
	background: var(--scrollbarBG);
}
::-webkit-scrollbar-thumb {
	background-color: var(--primary);
	border-radius: 0px;
	border: 0px dashed var(--white);
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.dropdown-block{
	background-color: #eee;
}

.onoffswitch4 {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch4-checkbox {
    display: none;
}

.onoffswitch4-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid var(--primary); border-radius: 0px;
}

.onoffswitch4-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch4-inner:before, .onoffswitch4-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 26px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    border: 2px solid transparent;
    background-clip: padding-box;
}

.onoffswitch4-inner:before {
    content: "Yes";
    padding-left: 10px;
    background-color: #FFFFFF; color: var(--primary);
}

.onoffswitch4-inner:after {
    content: "No";
    padding-right: 10px;
    background-color: #FFFFFF; color: var(--primary-opposit);
    text-align: right;
}

.onoffswitch4-switch {
    display: block; width: 25px; margin: 0px;
    background: var(--primary-opposit);
    position: absolute; top: 0; bottom: 0; right: 65px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch4-checkbox:checked + .onoffswitch4-label .onoffswitch4-inner {
    margin-left: 0;
}

.onoffswitch4-checkbox:checked + .onoffswitch4-label .onoffswitch4-switch {
    right: 0px; 
	background: var(--primary);
}
tr.sub-tr > td{
	padding: 2px 8px !important;
	background-color: lightyellow;
}
.pulse {
	animation: pulse-animation 1s infinite;
}
@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0px rgba(255, 0, 0, 0.2);
	}
	100% {
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
	}
}
.top-fixed{
	position: fixed;
	top: 0;
}
/* Animation */
.btn{
	animation: btn .4s ease-in-out;
	transition: all .1s ease-in-out;
	position: relative;
}
.btn:hover{
	transform: translateY(-1px);
	box-shadow: 0 5px 5px rgba(0, 0, 0, .4) !important;
}
.btn:active{
	transform: translate(0);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .4) !important;
}
.btn-primary::after{
	content: "";
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: inherit;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 3px;
	transition: all .4s ease-in-out;
}
.btn-primary:hover::after{
	transform: scale(1.6);
	opacity: 0;
}
.moveToRight, h1, h3{
	animation: moveToRight .6s ease-in-out;
	animation-iteration-count: 1;
}
.moveToLeft, .box{
	animation: moveToLeft .6s ease-in-out;
	animation-iteration-count: 1;
}
/* End.. Animation */
.daterange, .daterange:focus{
	height: 30px;
    outline: 0 !important;
	border-bottom: 1px solid var(--primary) !important;
}