/* 
	+---------------------------------------------------+
	|				Xcelerator - by Sequel				|
	|					since May 2023					|
	+---------------------------------------------------+
*/

/* Custom CSS for Xcelerator */

/* 
	+-------------------------------------------------------+
	|						Loading							|
	+-------------------------------------------------------+
*/
#_XC_LOADER_ {
	z-index: 99;
}

#_XC_LOADER_TITLE_, #_XC_LOADER_MSG_ {
	color: rgb(51, 54, 77);
}

/* 
	+-------------------------------------------------------+
	|					Custom ScrollBar					|
	+-------------------------------------------------------+
*/

::-webkit-scrollbar {
	width: 20px;
}

::-webkit-scrollbar-track {
	background-color: transparent;
}

::-webkit-scrollbar-thumb {
	background-color: #d6dee1;
	border-radius: 20px;
	border: 6px solid transparent;
	background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #a8bbbf;
}


/* 
	+-------------------------------------------------------+
	|						Utils							|
	+-------------------------------------------------------+
*/

.text-2xs {
	font-size: 0.75rem;
	line-height: 1rem;
}

.text-xs {
	font-size: 0.85rem !important;
}

.bg-gray-15 {
	background-color: #F3F3F3;
}

.bg-gray-25 {
	background-color: #EAEAEA;
}

.w-fit {
	width: fit-content;
}

.max-w-128 {
	max-width: 32rem;
}

.shrink-0 {
	flex-shrink: 0;
}


.group:hover .group-hover\:block {
	display: block;
}

button {
	line-height: unset !important;
}

button:disabled {
	color: #404040 !important;
	cursor: not-allowed !important;
}

/* 
	+-------------------------------------------------------+
	|							Misc						|
	+-------------------------------------------------------+
*/

.step-number {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
}

.tag {
	display: inline-block;
	padding: 8px 16px;
	background: #F6F6F6;
	border-radius: 5px;
	margin: 4px;
}

.tag-red {
	color: rgb(239,68,68);
	background-color: rgb(254,242,242);
}


.tag-blue {
	color: rgb(68,68,239);
	background-color: rgb(242,242,254);
}

.btnPurgeJobs:disabled {
    color: gray !important;
    background-color: white !important;
    border: 1px solid rgb(170, 169, 169) !important;
	opacity:0.5
}

/* 
	+-------------------------------------------------------+
	|					Switch Button						|
	+-------------------------------------------------------+
*/

.dot {
	top: 0.225rem;
}

.slider {
	height: 1.2rem;
}

input:checked ~ .dot {
	transform: translateX(100%);
}

input:checked ~ .slider {
	background: rgb(28 100 242);
}

/* 
	+-------------------------------------------------------+
	|					Icon Checkbox						|
	+-------------------------------------------------------+
*/

.icheckbox input[type="checkbox"] {
	display: none;
}

.icheckbox :not(input[type="checkbox"]:checked) + label i:before {
	content: "\f057";
	color: rgb(209,213,219) !important;
}

.icheckbox input[type="checkbox"]:checked + label i:before {
	content: "\f058";
}

.icheckbox input[type="checkbox"]:disabled + label:hover  {
	cursor: not-allowed;
}

.icheckbox input[type="checkbox"]:disabled + label  {
	color: #EEE;
}

/* Checkbox icons */

.icheckbox.keys input[type="checkbox"]:checked + label i:before {
	content: "\f084";
	color: rgb(239, 68, 68);
}

.icheckbox.columns input[type="checkbox"]:checked + label i:before {
	content: "\e3c1";
	color: rgb(16,185,129);
}

.icheckbox.case-sensitive input[type="checkbox"]:checked + label i:before {
	content: "\f058";
	color: rgb(16,185,129);
}

.icheckbox.download input[type="checkbox"]:checked + label i:before {
	content: "\f358";
}

/* 
	+-------------------------------------------------------+
	|						Info Table						|
	+-------------------------------------------------------+
*/

.xc-info-table {
	width: 100%;
	border-spacing: 0px;
}

.xc-info-table td {
	padding: 0.3rem 0.75rem;
	font-size: 0.85rem;
}

.xc-info-table td.separator {
	padding: 1.25rem 0;
}

.xc-info-table tr td:nth-child(odd) {
	font-weight: 500;
	color: #555;
	text-align: right;
}

.xc-info-table tr td:nth-child(even) {
	font-style: italic;
	color: #777;
}

.xc-info-table tr td.section-title {
	font-weight: bold;
	color: #333;
	text-align: left;
}

/* 
	+-------------------------------------------------------+
	|						Data Table						|
	+-------------------------------------------------------+
*/

.xc-table {
	width: 100%;
	background: #FFF;
	border-spacing: 0px;
	border-collapse: inherit !important;
}

.xc-table th {
	text-align: left;
	padding: 12px 20px;
	font-weight: 500;
	color: #444;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: #FFF;
}

.xc-table thead th {
	position: sticky;
	z-index: 1;
	top: 0;
}	

.xc-table th {
	font-size: 0.8rem;
	line-height: 1rem;
	text-transform: uppercase;
}

.xc-table tr {
	background: #FFF;
}

.xc-table tbody td {
	padding: 6px 20px;
	text-align: left;
	white-space: nowrap; 
	/* overflow: hidden;  */
	/* text-overflow:ellipsis; */
	/* max-width: 250px; */
}

.xc-table.p-none tbody td {
	padding: 0px 20px;
}

.xc-table tbody tr:hover {
	background: #F6F6F6;
}

.xc-table tbody:before {
	content:"@";
	display:block;
	line-height:15px;
	text-indent:-99999px;
}

.xc-table td {
	font-size: 0.85rem;
	line-height: 1rem;
}

.xc-table tbody {
	color: rgb(55,65,81)	
}