.btn-fsg-primary {
	background-image: linear-gradient(to right, black , red);
	color: #FFF;
}
.btn-fsg-primary:hover {
	background-image: linear-gradient(to right, black , red);
	color: #FFF;
}

.auth-form-group-custom .auti-custom-input-icon {
    color: #000000 !important;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 19px;
    font-size: 24px;
}

.auth-form-group-custom .auti-custom-input-image {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 19px;
    font-size: 24px;
}

.authentication-bg {
    background-color: #000232;
}

.text-left {
	text-align: left;
}

.app-search .form-control {
    border-radius: 0px;
}

body[data-sidebar=dark] #sidebar-menu ul li a {
    color: #b2bdd3;
}

body[data-sidebar=dark] .mm-active {
    color: #d7e4ec!important;
}

.error-field {
	width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #ff3d60;
}

.border-red {
	border-color: #ff3d60;
    padding-right: calc(1.5em + .94rem);
    background-repeat: no-repeat;
    background-position: right calc(.375em + .235rem) center;
    background-size: calc(.75em + .47rem) calc(.75em + .47rem);
}

.auth-form-group-custom label {
    position: absolute;
    top: 7px;
    left: 60px;
}

.auth-form-group-custom .form-control {
    height: 60px;
    padding-top: 28px;
    padding-left: 60px;
}

.font-red {
	color: #ff3d60;
}

.text-right {
	text-align: right;
}

.border-bottom {
	border-bottom: 2px solid #000;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #00c4ff42;
    background: #00c4ff42;
    color: #000000;
}

.invoice-container {
    box-shadow: none;
    margin: 3px 0;
    border: 1px solid #CCC;
}

.invoice-title {
	background-color: #f1f5f7;
    border-bottom: 1px solid #DDD;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 5px;
}

.font-fsg {
	color: #6900c7 !important;
}

.table-title {
	background-color: #400080 !important;
	color: #FFFFFF;
}

.invoice-description {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f1f5f7;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}

.pull-right {
	float: right;
}

#qrcode-container {
    position: relative;
    width: 500px;
    height: 500px;
}

#qrcode-container img {
    width: 100%;
    height: 100%;
}

.qrcode-brand-logo {
    position: absolute;
    bottom: 240px;
    left: 28px;
    text-align: center;
    width: 250px;
    height: 60px;
    line-height: 60px;
}

.qrcode-generated {
    position: absolute;
    bottom: 185px;
    right: 25px;
    background-color: white;
    border: 8px solid white;
}

.chopsic {
	font-family: 'chopsic-font';
}

.debug {
	font-family: 'debug-font';
}

.emotionEngine {
	font-family: 'emotion-engine-font';
}

.evilEmpire {
	font-family: 'evil-empire-font';
}

.gvTime {
	font-family: 'gv-time-font';
}

.majorLeagueDuty {
	font-family: 'major-league-duty-font';
}

.moonhouse {
	font-family: 'moonhouse-font';
}

.poeRedcoatNew {
	font-family: 'poe-redcoat-new-font';
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:before {
    left: auto;
    right: 0.5rem;
    content: "\F0360";
    font-family: "Material Design Icons";
    font-size: 1rem;
    top: 9px;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after {
    left: auto;
    right: 0.5em;
    content: "\F035D";
    font-family: "Material Design Icons";
    top: 15px;
    font-size: 1rem;
}

.va-middle {
	vertical-align: middle;
}

.ui-grid-1 {
	background-color: #f3f570 !important;
}

.ui-grid-1-h {
	background-color: #EBED8D !important;
}

.ui-grid-2 {
	background-color: #9afda7fb !important;
}

.ui-grid-2-h {
	background-color: #6bfa7e !important;
}

.ui-grid-3 {
	background-color: #fac1c1 !important;
}

.ui-grid-3-h {
	background-color: #FBB3B3 !important;
}

.ui-grid-4 {
	background-color: #65CCFA !important;
}

.ui-grid-4-h {
	background-color: #3FC1FB !important;
}

.image-7 {
	max-width: 100px;
	max-height: 100px;
}

.image-3 {
	width: 100px;
	height: 100px;
}

table.dataTable>tbody>tr.child ul.dtr-details {
    width: 100%;
}

.w-10 {
	width: 10%;
}

.w-30 {
	width: 30%;
}

table.dataTable>tbody>tr.child span.dtr-title {
    display: block;
}

.scrollbar::-webkit-scrollbar {
	height: 12px;
	background-color: #F1F3F7;
}

.scrollbar::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
.scrollbar::-webkit-scrollbar-thumb {
  background: #888; 
}

.h0, h0 {
    font-size: calc(4.35rem + 1.2vw);
}

.bg-white {
	background-color: #FFFFFF;
}

.lockMsg {
	display: block;
    width: 100%;
    padding: 0.47rem 0.75rem;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #505d69;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.btn-chat {
	padding: 16px 20px;
	border: none;
	cursor: pointer;
	opacity: 0.8;
	position: fixed;
	bottom: 23px;
	right: 28px;
	width: 120px;
	z-index: 99999;
}

.badge {
	position: absolute !important;
    top: 22px !important;
    left: 30px !important;
}

.report-content {
	margin: 3% 10%;
}

.ellipsis {
	min-width: 30vw; 
	max-width: 50vw; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap;
}

.ellipsis2 {
	max-width: 5vw;
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap;
}