@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
@font-face { font-family: Ethnocentric; src: url('../ethnocentric-rg.ttf'); } 
@font-face { font-family: Cordiai; src: url('../fonts/cordiai.ttf'); } 
@font-face { font-family: DilleniaUPC; src: url('../fonts/DilleniaUPC.ttf'); } 
@font-face { font-family: BrowalliaUPC; src: url('../fonts/BrowalliaUPC.ttf'); } 

body, html {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:13px;
	color: #000;
	background: #fff;
	 /*background: url('../../images/admin_uploads/38598.jpg'); background-repeat: no-repeat;background-size: 100%; */
	padding:0;
	height:100%;
}
body {
	margin:0;
	padding:90px 0 0 0;
	height:100%;
}
body.body_logo {
	background: #dfd url(../images/logo_bg.png) no-repeat top left fixed;
	background-size: contain;
}
body.body_logo .header {
	box-shadow:0 0 15px rgba(0,0,0,0.5); 
}
.man { 
	font-weight:bold; 
	color:#bb0000;
	margin:0 3px;
}
.man:before {
	content:'* ';
}
img {
	display:block;
	padding:0;
	margin:0;
}
b {
	font-weight:600;
}
a {
	cursor:pointer;
	color: #0066CC;
}
a:hover {
	color: #a00;
	text-decoration:none;
}
img {
	display:block;
}
.clear {
	clear:both;
}
.header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:50px;
	background-image:linear-gradient(#fff, #ccc);
	padding:0;
	margin:0;
	z-index:100;
}
.header .header_title {
	font-family:'Ethnocentric'; 
	font-size:22px;
}

.header table {
	border-collapse:collapse;
	width:100%;
	margin:0;
	white-space:nowrap;
	height:50px;
}
.header-logo {
	padding-left:5px;
	width:1px;
}
.header-logo img {
	height:40px;
	width:auto;
	padding:0px 0 0 0;
	cursor:default;
}
.header-rego {
	white-space:nowrap;
	vertical-align:middle;
	padding-left:5px;
	padding-right:10px;
}
.header-rego span {
	font-family:'Roboto Condensed';
	font-weight:400;
	font-size:24px;
	color:#333;
}
.header-client {
	font-family:'Ethnocentric';
	white-space:nowrap;
	vertical-align:middle;
	font-size:18px;
	font-weight:400;
	color:#900;
}
.header-date {
	white-space:nowrap;
	font-size:18px;
	color:#666;
	font-weight:600;
	text-align:right;
	padding:0 10px;
}
.btn.logbutton {
	padding:2px 8px !important;
	font-size:18px !important;
	color:#c00;
	margin:0;
	border:1px #aaa solid !important;
	box-shadow: none !important;
}
	.btn.btn-logout {
		color:#c00;
		font-size:18px;
		border:1px solid #999;
		line-height:22px;
		background-image:linear-gradient(#fff, #ccc);
	}
	.btn.btn-logout:hover {
		color:#b00;
		background-image:linear-gradient(#ddd, #eee);
	}

.langbutton {
	margin:0px 0 0 10px;
	padding:0px;
	float:right;
	border-radius:2px;
}
.langbutton img {
	margin:0;
	padding:0;
	height:26px;
	border-radius:2px;
	opacity:0.4;
	cursor:pointer;
}
.langbutton:hover > img, a.langbutton.activ > img {
	opacity:1;
}
.main {
	position:absolute;
	top:130px;
	right:0;
	bottom:0;
	left:0;
	padding:15px;
	overflow-y:auto;
}
.main.bread {
	top:90px;
}

.dashbox {
	display:block;
	float:left;
	width:20%;
	padding:5px;
	z-index:0 !important;
	xfont-family:Roboto;
	font-family: 'Roboto Condensed', sans-serif;
}
.dashbox .inner {
	display:block;
	height:120px;
	position:relative;
	padding:15px 20px 5px 20px;
	z-index:0 !important;
	border-radius:3px;
	background:#ddd;
	cursor:pointer;
	text-align:center;
}
.dashbox .inner:hover {
	box-shadow:2px 2px 8px rgba(0,0,0,0.4);
}
.dashbox .inner:hover i.fa {
	color:#fff;
}
.dashbox.disabled {
	pointer-events: none;
}
.dashbox.disabled .inner {
	opacity:0.6;
	cursor: not-allowed !important;
}
.dashbox .parent {
	display:table;
	height:55px;
	width:100%;
}
.dashbox .child {
	display:table-cell;
	vertical-align:middle
}
.dashbox .inner p {
	font-size:16px;
	color:#fff;
	padding:0;
	margin:0;
	font-weight:700;
	text-transform:uppercase;
	z-index:100 !important;
	text-align:center;
	width:100%;
	display:block;
}
.dashbox .inner i.fa {
	font-size:40px;
	transition: all 0.1s;
	z-index:0 !important;
	color:rgba(255,255,255,0.5);
}

.dashbox.green .inner {
	background:#00a65a;
}
.dashbox.orange .inner {
	background:#f39c12;
}
.dashbox.blue .inner {
	background:#39cccc;
}
.dashbox.reds .inner {
	background:#f56954;
}
.dashbox.dblue .inner {
	background: #0099CC;
}
.dashbox.purple .inner {
	background: #CC6699;
}
.dashbox.teal .inner {
	background: #099;
}
.dashbox.brown .inner {
	background: #C63;
}

.dashbox .inner.disabled {
	background: #ddd;
}
.dashbox .inner.disabled:hover {
	box-shadow:none;
	cursor:not-allowed;
}
.dashbox .inner.disabled:hover i.fa {
	color:rgba(255,255,255,0.5);
}
.dash-left {
	width:75%;
	float:left;
	padding:10px 5px 10px 10px;
}
.dash-right {
	width:25%;
	float:right;
	padding:15px 15px 15px 5px;
}

.dashboard .dash-left {
	width:75%;
	float:left;
	padding:10px 5px 5px 0px;
}
.dashboard .dash-right {
	width:25%;
	float:right;
	padding:55px 8px 15px 13px;
	padding:15px 0px 15px 5px;
}

.notify_box {
	width:100%;
	margin-bottom:10px;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	border-radius: 8px;
	border:0
}
.notify_box h2 {
	width:100%;
	border-radius:4px 4px 0 0;
	font-size:14px;
	padding:10px 12px;
	margin:0;
	background:#a00;
	color:#fff;
	font-weight:600;
	border:0;
	line-height:130%;
}
.notify_box .inner {
	xmin-height:100px;
	background:#fff;
	padding:10px 15px;
	border-radius: 0 0 4px 4px;
	font-size:13px;
	border:0
}

h2 {
	display:block;
	padding:1px 15px 0 15px;
	margin:0;
	font-size:16px;
	font-weight:600;
	background:#eee;
	border:0;
	line-height:38px;
	color:#900;
	border-bottom:1px #ddd solid;
}
h2 small {
	font-size:14px;
	color:#900;
}
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
/* Track */
::-webkit-scrollbar-track {
    x-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3); 
	 background:#eee;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background:rgba(0,0,0,0.1); 
    x-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,0.05); 
}

.openHelp {
	padding:0 0 3px 0;
	text-align:center;
	font-size:20px;
	cursor:pointer;
	color:#03c;
	line-height:40px;
	position:absolute; 
	top:90px; 
	right:15px;
	z-index:1; 
}
.closeHelp {
	padding:0;
	text-align:center;
	font-size:24px;
	cursor:pointer;
	color:#03c;
	line-height:38px;
	position:absolute; 
	top:0px; left:-45px; 
	padding:0 10px;
}
#help, #myhelp {
	position:fixed; 
	width:545px; 
	right:-625px; 
	top:90px; 
	bottom:0; 
	background:#fff; 
	z-index:9999; 
	box-shadow:0 0 5px rgba(0,0,0,0.2) !important; 
	padding:15px 10px 30px 25px;
}
.innerHelp {
	width:100%; 
	height:100%;
	overflow-y:auto;
	padding:0 20px 0 0;
}

.innerHelp p 
{
	margin-bottom: 0px;
}  

input[type=text], 
input[type=password], 
textarea, 
select {
	outline:none;
}
a, .btn, .btn-group {
	box-shadow:none !important;
}

.btn:active,
.btn:focus,
.btn.active,
.btn:active:focus {
   background-image: none !important;
   outline: 0 !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
}

.tooltip.show {
  opacity: 1 !important;
}
.tooltip {
	font-size: 13px !important;
	white-space:normal;
}
.tooltip-inner {
	max-width: 300px;
	padding:5px 12px 6px !important;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	border-radius: 3px;
	font-weight:400 !important;
}
.tooltip-inner img {
  border-radius:1px !important;
  max-width: 120px;
  min-width:120px;
  max-height:120px;
  min-height:120px;
  padding:0;
  margin:3px -4px 2px;
  display:block;
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
	xfont-weight:400 !important;
}
.xtooltip.in {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

.fa-mr {
	margin-right:5px
}
.flash {
  -webkit-animation: flicker 2s infinite;  /* Safari 4+ */
  -moz-animation: flicker 2s infinite;  /* Fx 5+ */
  -o-animation: flicker 2s infinite;  /* Opera 12+ */
  animation: flicker 2s infinite;  /* IE 10+, Fx 29+ */
}
.flash:hover {
	color:#fff !important;
}

@-webkit-keyframes flicker {
  0%, 49% {
   background-color: #c00;
	 border-color: #c00;
  }
  50%, 100% {
   background-color: #000;
	 border-color: #000;
  }
}

div.clockpicker {
	position:relative;
	width:100%;
	padding:0;
	margin:0;
	height:24px;
	xbackground:red;
}
div.clockpicker input[type="text"] {
	position:absolute !important; 
	padding:3px 35px 2px 0 !important; 
	width:100% !important;
	margin:0 !important;
	background:transparent !important;
	cursor:pointer !important;
	text-align:right;
}
div.clockpicker button {
	position:absolute !important;
	color:#999 !important;
	right:2px !important;
	top:0px !important;
	display:block !important;
	padding:0 5px !important;
	background:#eee;
	border:1px solid #ddd !important;
	line-height:21px !important;
}
xxxdiv.clockpicker input.timePic:hover > .clockpicker button {
	color:#999 !important;
	background:#000 !important;
}

.sel-field {
	padding:5px 2px;
	float:left;
	width:33.3%;
	margin-bottom:1px;
}
#modalExportFields .modal-dialog {
	max-width:900px;
}

.pannel {
	position:absolute; 
	top:130px; 
	bottom:10px; 
	border:0px solid red;
	padding:15px;
	box-size:border-box;
	overflow:hidden;
}
.left_pannel {
	left:0; 
	width:205px;
	padding-right:5px;
}
.main_pannel {
	left:205px; 
	right:0;
	padding-left:5px;
}
.totals_scroll {
	position:absolute; 
	top:90px; 
	right:40px; 
	display:block; 
	color:#b00; 
	font-weight:600; 
	font-size:14px; 
	padding:1px 10px; 
	background:#eee; 
}
.pr-btns-left {
}
.btns-group-left {
	float:left; 
	xwidth:50%;
	padding-right:4px;
	xbackground:red
}
.btns-group-right {
	float:right; 
	xwidth:50%;
	padding-left:4px;
	xbackground:red
}
.pr-btns-right {
	float:right; 
	width:50%;
	padding-left:4px;
}
/* Begin modalTable -----------------------------------------------------------------------------------------------------*/
table.modalTable {  
	width:100%;
	table-layout:auto;
	border-collapse:collapse;
	border:0;
	font-size:12px;
	color:#000;
}
table.modalTable thead tr {
	border-bottom:1px #ddd solid;
	background:#eee;
}
table.modalTable tbody tr {
	border-bottom:1px #eee solid;
	background:#fff;
}
table.modalTable th, 
table.modalTable td {
	padding:3px 7px;
}
table.modalTable thead th {
	text-align:left;
	color:#005588;
	border-right:1px solid #fff;
	font-weight:600;
	vertical-align:top;
	white-space:nowrap;
}
table.modalTable thead th.mw69 {
	min-width:55px !important;
}
table.modalTable.nowrap tbody td {
		white-space:nowrap;
}
table.modalTable thead th:last-child {
	border-right:0;
}
xtable.modalTable th label {
	font-weight:600;
}
table.modalTable td {
	text-align:left;
	font-weight:normal;
	white-space:normal;
	border-right:1px #eee solid;
}
table.modalTable tbody td:last-child,
table.modalTable tfoot td:last-child {
	border-right:0;
}
table.modalTable td b {
	font-weight:600;
	color:#005588;
}
table.modalTable tfoot td {
	font-weight:600;
	text-align:right;
	background:#800;
	color:#fff;
}
table.modalTable tbody tr.tar td {
	text-align:right;
}
table.modalTable tbody tr.igrey td {
	color:#999;
}
table.modalTable tbody tr.ired td {
	color:#900;
}

table.employee-info {
	width:100%;
}
table.employee-info td {
	padding:5px 0 2px 0;
	border-bottom:1px solid #ddd;
}

#formDate {
	padding:0 0 0 5px;
	display:inline-block;
	background:transparent;
	width:95px;
	font-size:16px;
	cursor:pointer;
	color:#039;
	border:0;
	font-weight:600;
}
.main.gov-forms {
	padding-top:20px; 
	top:130px;
	overflow-x:auto;
}
.main.export-center {
	padding-top:20px; 
	top:130px;
	overflow-x:auto;
}

.government-forms {
	padding:0 0 10px 20px;
	margin-left:370px;
}
.export-forms {
	padding:0 0 10px 20px;
	margin-left:300px;
}

.A4form {
	width:900px;
	margin:0;
	background:#fff; 
	padding:30px; 
	box-shadow:0 0 10px rgba(0,0,0,0.3) !important; 
	position:relative;
	min-height:500px;
}
.dashbox-sm {
	display:block;
	width:100%;
	padding:0 0 6px 0;
	z-index:0 !important;
}
.dashbox-sm .inner {
	display:block;
	padding:7px 5px 5px 10px !important;
	text-align:left;
	z-index:0 !important;
	border-radius:0px;
	background:#ddd;
	cursor:pointer;
}

.dashbox-sm .inner:hover {
	box-shadow:1px 1px 3px rgba(0,0,0,0.3);
}
.dashbox-sm .inner p {
	font-size:14px;
	color:#fff;
	padding:0;
	margin:0;
	font-weight:600;
	z-index:100 !important;
	display:inline-block;
}
.dashbox-sm .inner i.fa {
	font-size:18px;
	display:inline-block;
	transition: all 0.1s;
	z-index:0 !important;
	color:rgba(255,255,255,0.6);
	padding:0 7px 0 0;
}
.dashbox-sm .inner:hover i.fa {
	color:#fff;
}
.dashbox-sm .inner.active i.fa {
	color:#fff;
}
.dashbox-sm .inner i.fa-caret-right {
	color:transparent !important;
	float:right;
	margin-top:-2px;
	font-size:24px;
}
.dashbox-sm .inner.active i.fa-caret-right {
	color:rgba(255,255,255,0.9) !important;
	xfloat:right;
	xmargin-top:1px;
	xfont-size:26px;
}
.dashbox-sm.green .inner {
	background:#00a65a;
}
.dashbox-sm.orange .inner {
	background:#f39c12;
}
.dashbox-sm.blue .inner {
	background:#39cccc;
}
.dashbox-sm.reds .inner {
	background:#f56954;
}
.dashbox-sm.dblue .inner {
	background: #0099CC;
}
.dashbox-sm.purple .inner {
	background: #CC6699;
}
.dashbox-sm .inner.disabled {
	opacity:0.6;
	box-shadow:none;
	cursor: default;
}

#bank_filter {
	background:#fafafa;
	border:0;
	padding:8px 10px !important;
	border-radius: 3px 3px 0 0;
}

.tabletabs .month-btn {
	display:inline-block;
	border:1px #fafafa solid;
	border-bottom:0;
	background:#f9f9f9;
	padding:5px 12px;
	border-radius:3px 3px 0 0;
	margin:0 1px 0 0;
}
.tabletabs .month-btn:hover {
	border:1px #ddd solid;
	border-bottom:0;
}
.tabletabs .month-btn.activ {
	background:#ddd;
	border:1px #ddd solid;
	border-bottom:0;
	font-weight:600;
}

button.but-filter {
	color:#fff;
	font-size:13px;
	padding:4px 14px;
	line-height:normal;
	white-space:nowrap;
	border-radius:4px;
	border:1px #fff solid;
	box-shadow:none;
	margin:0 1px 5px 0;
	display:inline-block;
	float:none;
}
button.but-filter:hover, button.but-filter.activ {
	background:#000;
	border:1px #000 solid;
	border-radius:3px;
}
button.abutRJ {
	background:#c00;
}
button.abutRJ:before {
	font-family:'fontawesome';
	content: '\f088';
	padding-right:5px;
}
button.abutRQ {
	background: #9966FF;
}
button.abutRQ:before {
	font-family:'fontawesome';
	content: '\f059';
	padding-right:5px;
}
button.abutPE {
	background: #9966FF;
	background: #CC6633;
}
button.abutPE:before {
	font-family:'fontawesome';
	content: '\f252';
	padding-right:5px;
}
button.abutAP {
	background: #009900;
}
button.abutAP:before {
	font-family:'fontawesome';
	content: '\f087';
	padding-right:5px;
}
button.abutCA {
	background: #FF6633;
}
button.abutCA:before {
	font-family:'fontawesome';
	content: '\f057';
	padding-right:5px;
}
button.abutALL {
	background: #999;
}
button.abutTA {
	background: #3399CC;
}
button.warning {
	background:#a00;
	color:#fff;
}
button.warning:hover {
	background:#ffcc00;
	color:#000;
}

.nopadding {
	padding:0 !important;
}
.nomargin {
	margin:0 !important;
}

div.dpicker {
	position:relative
}
div.dpicker input {
	line-height:28px;
	padding:0 10px;
}
div.dpicker button {
	position:absolute;
	color:#999;
	right:1px;
	top:1px;
	display:block;
	padding:0 9px;
	background:#f6f6f6;
	border:0;
	border-left:1px #ddd solid;
	line-height:28px;
}

.pannel-left {
	width:50%;
	float:left;
	padding-right:10px;
	height:100%;
	position:relative;
}
.pannel-right {
	width:50%;
	float:right;
	padding-left:10px;
	height:100%;
	position:relative;
}
.pannel-left .tab-submit {
	position:absolute;
	right:10px;
	top:0px;
}
.vat {
	vertical-align:top;
}

.omiseForm {
	xpadding-top:40px;
}
.omiseForm label {
	margin-bottom:3px;
	color:#666;
	font-size:15px;
	font-weight:normal;
}
.omiseForm input[type="text"] {
	width:100%;
	padding:8px 12px;
	border-radius:5px;
	border:1px solid #ddd !important;
	margin-bottom:10px;
	font-size:16px;
}
.omiseForm input[type="text"]:hover {
	border:1px solid #0099dd !important;
}
.omiseForm .payButton {
	line-height:40px !important;
	font-size:16px !important;
	border-radius:5px;
	background: #3399dd;
	border:0;
	color:#fff;
	font-weight:600;
}
.omiseForm .payButton:hover {
	background: #0066cc;
}

.attachDiv { 
  color: #000; 
	xbackground:#eee;
	xbackground: linear-gradient(to bottom, #eee, #ddd);
  border:1px #ccc solid;
	border-radius:2px;
	padding:0;
	margin:0 5px 5px 0;
	white-space:nowrap;
	xdisplay:inline-block;
	float:left;
	font-size:0;
} 
.attachDiv a.link { 
  color: #000; 
	background:#eee;
	background: linear-gradient(to bottom, #eee, #ddd);
  border-right:1px #ccc solid;
	border-radius:2px 0 0 2px;
	padding:1px 10px;
	margin:0;
	white-space:nowrap;
	display:inline-block;
	font-size:13px;
} 
.attachDiv a.icon { 
  color: #000; 
	background:#eee;
	background: linear-gradient(to bottom, #eee, #ddd);
  border:0;
	border-radius:0 2px 2px 0;
	padding:1px 6px;
	margin:0;
	white-space:nowrap;
	display:inline-block;
	font-size:13px;
} 
.attachDiv a.link:hover { 
	background: linear-gradient(to bottom, #ddd, #eee);
	color:#000;
	text-decoration:none;
} 
.attachDiv a.icon:hover { 
	background: linear-gradient(to bottom, #ddd, #eee);
	color:#a00;
	text-decoration:none;
} 

div.msg_nopermit {
	line-height:40px;
	font-size:16px;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	margin-top:0px;
	background:#c00;
}
div.msg_nopermit:before {
	font-family:"fontawesome";
	content: "\f05e";
	margin-right:10px;
	font-weight:400;
}
.delColor {
	color:#ccc !important;
}

.pops {
	display:none;
	width: 100%;
	margin:0;
	padding:30px;
	background: rgba(0,0,0,0.5);
	position:fixed;
	top:50px;
	bottom:0;
	z-index:999;
}

table.summaryTable {
	width:100%;
} 
table.summaryTable thead tr {
	background:#eee;
	color:#a00;
	border-bottom:1px solid #ccc;
}
table.summaryTable thead th {
	padding:1px 8px;
	font-weight:600;
}
table.summaryTable tbody td {
	padding:0 8px;
}
table.summaryTable tbody th {
	padding:0 8px;
	font-weight:600;
}
table.summaryTable tbody td.pt3 {
	padding-top:3px;
}
table.summaryTable tbody th.pb5, 
table.summaryTable tbody td.pb5 {
	padding-bottom:5px;
}


@-webkit-keyframes customflicker {
  0%, 49% {
   background-color: #fff0f0;
   border-color: #c00;
  }
  50%, 100% {
   background-color: #000;
	 border-color: #000;
  }
}

.customflash {
  -webkit-animation: customflicker 2s infinite;  /* Safari 4+ */
  -moz-animation: customflicker 2s infinite;  /* Fx 5+ */
  -o-animation: customflicker 2s infinite;  /* Opera 12+ */
  animation: customflicker 2s infinite;  /* IE 10+, Fx 29+ */
}


.checkbox-custom-blue {
    position: relative;
    left: 16px;
    width: 16px;
    height: 16px;
    margin: 0;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
}

.checkbox-custom-blue:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    width: 16px;
    height: 16px;
    border: 1px solid #4475ff;
    border-radius: 2px;
}

.checkbox-custom-blue[type=checkbox]:before {
    background: #ffffff url("../images/tickblue.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 1px 0px;
    position: absolute;
    left: 2px;
    z-index: 2;
    opacity: 0;
    width: 16px;
    height: 100%;
    color: #f6ac4f;
}

.checkbox-custom-blue[type=checkbox]:checked:before {
    content: '';
    position: absolute;
    top: 0px;
    opacity: 1;
    left: 0px;
    border: 1px solid #4475ff;
    border-radius: 2px;
}



.checkbox-custom-black {
    position: relative;
    left: 16px;
    width: 16px;
    height: 16px;
    margin: 0;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
}

.checkbox-custom-black:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 2px;
}

.checkbox-custom-black[type=checkbox]:before {
    background: #ffffff url("../images/tickblack.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 1px 0px;
    position: absolute;
    left: 2px;
    z-index: 2;
    opacity: 0;
    width: 16px;
    height: 100%;
    color: #f6ac4f;
}

.checkbox-custom-black[type=checkbox]:checked:before {
    content: '';
    position: absolute;
    top: 0px;
    opacity: 1;
    left: 0px;
    border: 1px solid #000;
    border-radius: 2px;
}

.checkbox-custom-black-2 {
    position: relative;
    left: 0px;
    width: 16px;
    height: 16px;
    margin: 0;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
}

.checkbox-custom-black-2:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 2px;
}

.checkbox-custom-black-2[type=checkbox]:before {
    background: #ffffff url("../images/tickblack.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 1px 0px;
    position: absolute;
    left: 2px;
    z-index: 2;
    opacity: 0;
    width: 16px;
    height: 100%;
    color: #f6ac4f;
}

.checkbox-custom-black-2[type=checkbox]:checked:before {
    content: '';
    position: absolute;
    top: 0px;
    opacity: 1;
    left: 0px;
    border: 1px solid #000;
    border-radius: 2px;
}

.checkbox-custom-black-3 {
    position: relative;
    left: 0px;
    width: 16px;
    height: 16px;
    margin: 0;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
}

.checkbox-custom-black-3:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 2px;
}

.checkbox-custom-black-3[type=checkbox]:before {
    background: #ffffff url("../images/tickblack.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 1px 0px;
    position: absolute;
    left: 2px;
    z-index: 2;
    opacity: 0;
    width: 16px;
    height: 100%;
    color: #f6ac4f;
}

.checkbox-custom-black-3[type=checkbox]:checked:before {
    content: '';
    position: absolute;
    top: -1px;
    opacity: 1;
    left: 0px;
    border: 1px solid #000;
    border-radius: 2px;
}

.checkbox-custom-black-2[type=radio]:before {
    background: #ffffff url("../images/tickblack.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 1px 0px;
    position: absolute;
    left: 2px;
    z-index: 2;
    opacity: 0;
    width: 16px;
    height: 100%;
    color: #f6ac4f;
}

.checkbox-custom-black-2[type=radio]:checked:before {
    content: '';
    position: absolute;
    top: 2px;
    opacity: 1;
    left: 0px;
    border: 1px solid #000;
    border-radius: 2px;
}



.checkbox-custom-blue-2 {
    position: relative;
    left: 0px;
    width: 16px;
    height: 16px;
    margin: 0;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    background: #ffffff!important;
}

.checkbox-custom-blue-2:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    width: 16px;
    height: 16px;
    border: 1px solid #4475ff;
    border-radius: 2px;
}

.checkbox-custom-blue-2[type=checkbox]:before {
    background: #ffffff url("../images/tickblue.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 1px 0px;
    position: absolute;
    left: 2px;
    z-index: 2;
    opacity: 0;
    width: 16px;
    height: 100%;
    color: #f6ac4f;
}

.checkbox-custom-blue-2[type=checkbox]:checked:before {
    content: '';
    position: absolute;
    top: 0px;
    opacity: 1;
    left: 0px;
    border: 1px solid #4475ff;
    border-radius: 2px;
}

.checkbox-custom-blue-3 {
    position: relative;
    left: 0px;
    width: 16px;
    height: 16px;
    margin: 0;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    background: #ffffff!important;
}

.checkbox-custom-blue-3:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    width: 16px;
    height: 16px;
    border: 1px solid #4475ff;
    border-radius: 2px;
}

.checkbox-custom-blue-3[type=checkbox]:before {
    background: #ffffff url("../images/tickblue.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 1px 0px;
    position: absolute;
    left: 2px;
    z-index: 2;
    opacity: 0;
    width: 16px;
    height: 100%;
    color: #f6ac4f;
}

.checkbox-custom-blue-3[type=checkbox]:checked:before {
    content: '';
    position: absolute;
    top: -1px;
    opacity: 1;
    left: 0px;
    border: 1px solid #4475ff;
    border-radius: 2px;
}

.checkbox-custom-blue-2[type=radio]:checked:before {
    content: '';
    position: absolute;
    top: -1px;
    opacity: 1;
    left: 0px;
    border: 1px solid #4475ff;
    border-radius: 2px;
}

.checkbox-custom-blue-2[type=radio]:before {
    background: #ffffff url("../images/tickblue.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 1px 0px;
    position: absolute;
    left: 2px;
    z-index: 2;
    opacity: 0;
    width: 16px;
    height: 100%;
    color: #f6ac4f;
}

.radioCheckboxCss:after 
{
	position: absolute;
	top: 3px;
}






/*NEW /////////////////////////////////////////////////////////////////////////////////*/

	.subheader {
		position:absolute;
		top:90px;
		left:0;
		right:0;
		display:block;
		padding:1px 15px 0 15px;
		margin:0;
		font-size:18px;
		font-weight:600;
		background:#eee;
		border:0;
		line-height:38px;
		color:#900;
		box-shadow: 0px 0px 5px rgba(0,0,0,.3) !important;
		z-index:1 !important;
	}
	
	/* CONTENT --------------------------------------------------------------------------------- */
	.content {
		height:100% !important;
		padding:0 15px 15px;
		overflow-y:auto;
		z-index:-1 !important;
	}
	.content.dashboard {
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center center;
	}
	.content.page {
		padding-top:55px;
	}
	
	/* THEME --------------------------------------------------------------------------------- */
		.theme-corners * {
			border-radius:0 !important;	
		}
		.theme-small .btn, 
		.theme-small .btn-group > .btn {
			font-size:14px;
			padding:4px 12px;
			line-height: 150%;
		}
		.overhang-no-option,
		.overhang-yes-option {
			border-radius: 3px !important;
		}
	/* THEME --------------------------------------------------------------------------------- */
	
	
	/* NOTIFY BOX ----------------------------------------------------------------------- */
	.xnotify_box {
		width:100%;
		margin-bottom:10px;
		xbox-shadow: 0 0 10px rgba(0,0,0,.2);
		border-radius:4px;
	}
	.xnotify_box h2 {
		width:100%;
		border-radius:4px 4px 0 0;
		font-size:16px !important;
		padding:8px 15px;
		margin:0;
		background:#a00;
		color:#fff;
		border:0;
		font-weight:500;
	}
	.xnotify_box .inner {
		xmin-height:100px;
		background:#fff;
		padding:10px;
		border-radius: 0 0 4px 4px;
		border:1px #ddd solid !important;
		border-top:0 !important;
		font-size:14px;
	}

/* WRAPPER --------------------------------------------------------------------------------- */
.xpage_wrapper {
	background-size:cover !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	height:100%;
	padding:55px 15px 15px;
	overflow-y:auto;
}

/* ADMIN BREADCRUMBS ----------------------------------------------------------------------- */
.xsetup_breadcrumbs {
	display:block;
	padding:0 15px 0 15px;
	margin:0 5px 0 5px;
	font-size:16px;
	font-weight:500;
	background: linear-gradient(to right, #333,transparent);
	border:0;
	border-radius:3px;
	line-height:28px;
	color:#fff;
	margin-top:10px;
}
#sAlert {
	float:right;
	display:none;
	font-size:16px;
	font-style:italic;
	color:#b00;
	padding-right:5px;
}
.sHelp {
	padding-right:45px !important;
}

.hidden {
	display:none;
}

.vert_devider {
	border-right:1px solid #ddd
}
.mt-10 {
	margin-top: 10px !important;
}
.mt-8 {
	margin-top: 8px !important;
}

	td.selInput, 
	input.selInput {
		background:#fffff0 !important;
		xvisibility:visible;
		height:100%;
	}
	.inptbkg {
		background: #fffff0 !important;
	}
	.redbold {
		color:#c00 !important;
		font-weight:600 !important;
	}

	.checkbox-blue {
		position: relative;
		left: 0;
		width: 16px;
		height: 16px;
		margin: 0;
		display: inline-block;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: 0;
	}
	.checkbox-blue:disabled {
		opacity:0.5;
	}
	.checkbox-blue:after {
		content: '';
		position: absolute;
		display: block;
		z-index: 1;
		width: 16px;
		height: 16px;
		border: 1px solid #4475ff;
		border-radius: 2px;
	}
	.checkbox-blue[type=checkbox]:before, 
	.checkbox-blue[type=radio]:before {
		background: #fff url(../../assets/images/tickblue.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 1px 0px;
		position: absolute;
		left: 2px;
		z-index: 2;
		opacity: 0;
		width: 16px;
		height: 100%;
		color: #f6ac4f;
	}
	.checkbox-blue[type=checkbox]:checked:before, 
	.checkbox-blue[type=radio]:checked:before {
		content: '';
		position: absolute;
		top: 0px;
		opacity: 1;
		left: 0px;
		border: 1px solid #4475ff;
		border-radius: 2px;
	}
	.vert_devider {
		border-right:1px solid #ddd;
	}
	.redBody {
		background:rgba(255,200,200,0.08);
	}
	.border_color_theme {
		border:1px solid #eee;
	}

	.bottom-left-container {
		position: fixed;
		bottom: 9px;
		left: 9px;
		margin: 10px; /* Adjust margin as needed */
	}

	.bottom-left-container img {
		width: 100px; /* Set the width of the image as needed */
		height: auto; /* Maintain aspect ratio */
		border-radius: 5px; /* Optional: Add border-radius for rounded corners */
	}
		
	.floating {  
		animation-name: floating;
		animation-duration: 3s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
		margin-left: 12px;
		margin-top: 2px;
	}
	.floating:hover {
		animation-iteration-count: inherit;
	}

	@keyframes floating {
		from { transform: translate(0,  0px); }
		65%  { transform: translate(0, 15px); }
		to   { transform: translate(0, -0px); }    
	}
	.disableDiv
	{
		pointer-events: none;
		background:#ddd!important;
		padding-left: 10px;
    padding-right: 10px;
	}