/* ****************************************** COMMON SETTINGS *********************** */
BODY{
	MARGIN:0;
	PADDING:0;
}
/* **************************************** ENTRY TABLE ******************************** */
TABLE{
	BORDER-COLLAPSE:COLLAPSE;
	FONT-WEIGHT:600;
	BORDER-SPACING: 0;
}
@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%;
    }	
}
/* *********************** MARQUE DISPLAY ************** */
.marquee{
	FONT-SIZE:15PX;
	POSITION: RELATIVE;
	OVERFLOW: HIDDEN;
	FONT-FAMILY:ARIAL;
}
/* ********************************* 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;
}
/* **** DASHBOARD ********** */
.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 */
}
/*--------------------------------------------------------------
# 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;
}
/*---------------------------------------------------------------
# MODAL SIZE
----------------------------------------------------------------*/
.custom-modal-width {
  max-width: 350px;
}
@media (max-width: 767px) {
  .custom-modal-width {
    max-width: 100%; /* Override desktop width */
  }
}