@FONT-FACE{ 
FONT-FAMILY:'Digital'; src:url('../fonts/digital.ttf');
} 
/* ****************************************** COMMON SETTINGS *********************** */
BODY
{
	MARGIN:0;
	PADDING:0;
	BACKGROUND-COLOR:#CEE3F6;
}
/* **************************************** ENTRY TABLE ******************************** */
TABLE{
	BORDER-COLLAPSE:COLLAPSE;
	FONT-WEIGHT:600;
}
.table-entry
{
		BACKGROUND-COLOR:#4682B4;
		BORDER:3PX SOLID #4682B4;
		BORDER-COLLAPSE:COLLAPSE;
		POSITION:STICKY;		
		BORDER-SPACING: 0;		
		BORDER-RADIUS:4PX;		
		TEXT-ALIGN: CENTER;		
}
.table-admin
{
	BACKGROUND-COLOR:#6082B6;
	BORDER: 5PX SOLID #6082B6;
	BORDER-COLLAPSE: SEPARATE;
	BORDER-SPACING: 0;
  	BORDER-RADIUS: 8PX;
	PADDING:1PX;
}

@media print
{
	.no__print
	{display:none}
	html
    {
		size: auto;   /* auto is the initial value */
		size: A4 portrait;
        zoom: 60%;
		margin-left:0%;
		margin-right:0%;
    }	
}

#BGC-INPUT{
	BACKGROUND-COLOR:#CEE3F6;
} 

#BGC-PANEL{
	BACKGROUND-COLOR:#A2CCF2;
	COLOR:#02164F;
}

.bgc-summary{background-color:#fadbd8}
#summary_table{border-collapse:collapse;font-family:Arial;font-size:15px}

#INPUT_PAYMENT{
FONT-SIZE:16px;
FONT-WEIGHT:600;
COLOR:RED;
FONT-FAMILY:Input-font;
TEXT-ALIGN:RIGHT;
}
#INPUT_RECEIPT{
FONT-SIZE:16px;
FONT-WEIGHT:600;
COLOR:GREEN;
FONT-FAMILY:Input-font;
TEXT-ALIGN:RIGHT;
}
#INPUT_AMOUNT{
FONT-SIZE:16PX;
FONT-WEIGHT:700;
COLOR:#2E86C1;
FONT-FAMILY:Input-font;
TEXT-ALIGN:RIGHT;
}
#RUNNING_AMOUNT{
FONT-SIZE:18PX;
FONT-WEIGHT:800;
COLOR:#FDFEFE;
BACKGROUND-COLOR:#0B5345;
FONT-FAMILY:"Arial Narrow";
TEXT-ALIGN:CENTER;
}
#STATUS_CHECK{
FONT-SIZE:16PX;
FONT-WEIGHT:600;
COLOR:#900C3F;
BACKGROUND-COLOR:SILVER;
TEXT-ALIGN:CENTER;
}
/* ********************************* REPORT SECTION ******************* */
.BGC-REPORT{
	BACKGROUND-COLOR:#F4B9B8
} 

/* ******************* INPUT BOX TEXT ALIGNMENT ********************** */
#NUMALIGN{
  TEXT-ALIGN: RIGHT;
}
#NUMALIGNCENTER{
  TEXT-ALIGN: CENTER;
}
#NUMALIGNLEFT{
  TEXT-ALIGN: LEFT;
}
#NUMALIGNRIGHT{
  TEXT-ALIGN: RIGHT;
}
/* *********************** MARQUE DISPLAY ************** */
.marquee
{
	FONT-SIZE:15PX;
	POSITION: RELATIVE;
	OVERFLOW: HIDDEN;
	FONT-FAMILY:ARIAL;
}
/* BUTTON SIZE */
.btn-company{
	BACKGROUND-COLOR:#F37022;
}
.btn-anchor{
	OUTLINE:NONE !IMPORTANT;
	PADDING:0;
	BORDER:0;
	VERTICAL-ALIGN:BASELINE;
	COLOR: #02164F;
	TEXT-DECORATION: NONE !IMPORTANT;
}


#sidebar-menu{
  margin: 10px;
  padding: 5px;
 }

 a{
  text-decoration: none !important;
 }
 
 li.title-color a.text-color{
  color:#000;
 }
 li.title-color a:visited{
  background-color: #cc0033;
  }
.ibaligncenter {
  margin: 0 auto;
  text-align: center;
  }

#img_op {
    opacity: 1;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}


/*  ANIMATE FLICKER */

.animate-flicker {
 animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s infinite;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}
@keyframes fadeIn {
  0% {opacity:1;}
  50% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

/* NARRATION */

#NARRATION
{
	FONT-SIZE:12PX;
	FONT-FAMILY: TREBUCHET MS;
	FONT-VARIANT: NORMAL;
	COLOR:BLUE;
}
/* ******************************************* NAVBAR ***************************** */
@media (max-width: 991.98px) {
  .offcanvas-collapse {
    position: fixed;
    top: 56px; /* Height of navbar */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #343a40;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
  }
  .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(-100%);
  }
}
/* ********************************* CARD DESIGN ***************************** */
.card {
	MARGIN-BOTTOM: 10PX;
	BORDER: NONE;
	BORDER-RADIUS: 5PX;
	BOX-SHADOW: 0PX 0 30PX RGBA(1, 41, 112, 0.2);
	OVERFLOW: HIDDEN;
	FONT-SIZE:1REM;
}
.card .card-header{
	  PADDING: 2PX;
}
.card-report{
	  FONT-FAMILY:ARIAL;
	  FONT-WEIGHT:BOLD;
}
/* **** DASHBOARD ********** */
.dashboard .toprow-card{
	HEIGHT:160PX;
	BORDER-RADIUS: 10PX;
}
.dashboard .middlerow-card{
	HEIGHT:320PX;
}
.dashboard .customer-marquee{
	FONT-SIZE:15PX;
	POSITION: RELATIVE;
	OVERFLOW: HIDDEN;
	FONT-FAMILY:ARIAL;
}
.dashboard .remainder-marquee{
	FONT-SIZE:14PX;
	POSITION: RELATIVE;
	OVERFLOW: HIDDEN;
	FONT-FAMILY:ARIAL;
}
/* ** MODAL *****************************************/
.modal{
	FONT-FAMILY:ARIAL;
  POSITION: FIXED; /* STAY IN PLACE */
  BORDER-RADIUS: 10PX;
  LEFT: 0;
  TOP: 0;
  WIDTH: 100%; /* FULL WIDTH */
  HEIGHT: 100%; /* FULL HEIGHT */
  OVERFLOW: AUTO; /* ENABLE SCROLL IF NEEDED */
  BACKGROUND-COLOR: RGB(0,0,0); /* FALLBACK COLOR */
  BACKGROUND-COLOR: RGBA(0,0,0,0.4); /* BLACK W/ OPACITY */
}	
.modal-header {
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #0480be;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
 }
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 2px;
  border: 1px solid #888;
  width: 100%; /* Could be more or less, depending on screen size */
}

/* ** BACK-TO-TOP */
#BackToTop {
  display: none;
  position: fixed;
  bottom: 60px;
  LEFT: 30px;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px;
  border-radius: 5px;
}

#BackToTop:hover {
  background-color: green;
}
/* **** DASHBOARD-FLOAT ******** */
.remainder-float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:60px;
	RIGHT:40px;
	color:#FFF;
	border-radius:30px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
}

.notify-float{
	margin-top:5px;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
  padding: 20px 0;
  font-size: 14px;
  transition: all 0.3s;
  border-top: 1px solid #cddfff;
}
.footer .copyright {
  text-align: center;
  color: #012970;
}
.footer .credits {
  padding-top: 5px;
  text-align: center;
  font-size: 13px;
  color: #012970;
}
div.scrollmenu {
  overflow: auto;
  white-space: nowrap;
}
/* HIDE TEXT */
.hide-message{
	display: none;
}