body{
	color: #000000 !important;
}

/* latin */
@font-face {
  font-family: 'Aclonica';
  font-style: normal;
  font-weight: 400;
  src: local('Aclonica'), local('Aclonica-Regular'), url("../../gc-b3/font/KL5OjqZGxkpCc9qpqsIjA_esZW2xOQ-xsNqO47m55DA.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.blue-alert{
	color: #3498db !important;
	font-size: 14px !important;
}

.red-alert{
	color: #8b1618 !important;
	font-size: 14px !important;
}

.normal-font
{
	font-weight: normal !important;
	font-size: normal !important;
}

.mini-font{
	font-size: 9px !important;
	font-weight:normal !important;
}

.mini-font2{
	font-size: 10px !important;
	font-weight:normal !important;
}

.small-font{
	font-size: 11px !important;
	font-weight:normal !important;
}

.small-font2{
	font-size: 12px !important;
	font-weight:normal !important;
}

.medium-font{
	font-size: 19px !important;
	font-weight:normal !important;
}

.medium-font2{
	font-size: 14px !important;
	font-weight:normal !important;
}

.medium-font3{
	font-size: 17px !important;
	font-weight:normal !important;
}

.large-font{
	font-size: 24px !important;
	font-weight:normal !important;
}


.i-hover:hover{
	color: green !important;
}

.c-hover:hover{
	color: teal !important;
	text-decoration: underline !important;
	cursor: pointer !important;
}

.letter-spacing{
	letter-spacing: 1px !important;	
}

.th-center
{
	text-align: center !important;
	vertical-align:middle !important;
}

.th-left
{
	text-align: left !important;
	vertical-align:middle !important;
}

.td-center
{
	text-align: center !important;
	vertical-align:middle !important;
}

.td-left
{
	text-align: left !important;
	vertical-align:middle !important;
}

.td-right
{
	text-align: right !important;
	vertical-align:middle !important;
}

.pointer{
	cursor: pointer !important;
}

.upper-case{
	text-transform: uppercase !important;
}

.lower-case{
	text-transform: lowercase !important;
}

.capitalize{
	text-transform: capitalize !important;
}
.color-hover{
	color: teal !important;
	cursor: pointer !important;
}

.color-hover:hover{
	color: red !important;
}

.color-yellow{
	color: yellow !important;
}

.color-maroon{
	color: maroon !important;
}

.color-light{
	color: silver !important;
}

.color-white{
	color: white !important;
}

.color-gray{
	color: gray !important;
}

.color-mega-dark{
	color: #000000 !important;
}

.color-light-dark{
	color: #484848 !important;
}


.grd-gainsboro{
	background-color: #DCDCDC !important;
}

.grd-lavender{
	background-color: #E6E6FA !important;
}

.grd-silver{
	background-color: silver !important;
}

.grd-red{
	background-color: red !important;
}

.grd-yellow{
	background-color: yellow !important;
}

.grd-bright-gold{
	background-color: #FDD017 !important;
}

.grd-harvest-gold{
	background-color: #EDE275 !important;
}


#screensaver{
	display: none  !important;
	width: 100%  !important;
	height: 100%  !important;
	position: fixed  !important;
	top: 0  !important;
	left: 0  !important;
	background-color: maroon  !important;
	z-index: 99999 !important;
} 

.bg-input{
	background : url("../../gc-b3/img/asterix.svg") right 15px center no-repeat !important;
}

.th-rf-width{
	width: 10% !important;
}

.error-message {
		-webkit-animation: fadeOut 5s forwards;
		animation: fadeOut 5s;
		-webkit-animation-delay: 8s forwards;
		animation-delay: 8s;
}

@-webkit-keyframes fadeOut {
		from {opacity: 1;}
		to {opacity: 0;}
}

@keyframes fadeOut {
		from {opacity: 1;}
		to {opacity: 0;}
}

.badge-width{
	width: 32px !important;
}


/*Add a simple ccs3 animation effect in here.
*If you want to increase/decrease blink time you can change it easily.
*add any interval amount instead of 2s.
*/

.blinking{
    -webkit-animation: blink 1s infinite;
    -moz-animation: blink 1s infinite;    
    animation: blink 1s infinite;
}

@-webkit-keyframes blink {

    0%{ opacity:0;}
    100%{opacity:1;}
}

@-moz-keyframes blink {

    0%{ opacity:0;}
    100%{opacity:1;}

}

@keyframes blink {
    0%{ opacity:0;}
    100%{opacity:1;}
}

.cborder{
	border: 1px solid silver !important;
}

.normal{

body{
	color: #000000 !important;
}

.blue-alert{
	color: #3498db !important;
	font-size: 14px !important;
}

.red-alert{
	color: #8b1618 !important;
	font-size: 14px !important;
}

.normal-font
{
	font-weight: normal !important;
	font-size: normal !important;
}

.mini-font{
	font-size: 9px !important;
	font-weight:normal !important;
}

.mini-font2{
	font-size: 10px !important;
	font-weight:normal !important;
}

.small-font{
	font-size: 11px !important;
	font-weight:normal !important;
}

.small-font2{
	font-size: 12px !important;
	font-weight:normal !important;
}

.medium-font{
	font-size: 19px !important;
	font-weight:normal !important;
}

.medium-font2{
	font-size: 14px !important;
	font-weight:normal !important;
}

.i-hover:hover{
	color: green !important;
}

.c-hover:hover{
	color: teal !important;
	text-decoration: underline !important;
	cursor: pointer !important;
}

.letter-spacing{
	letter-spacing: 1px !important;	
}

.th-center
{
	text-align: center !important;
	vertical-align:middle !important;
}

.th-left
{
	text-align: left !important;
	vertical-align:middle !important;
}

.td-center
{
	text-align: center !important;
	vertical-align:middle !important;
}

.td-left
{
	text-align: left !important;
	vertical-align:middle !important;
}

.td-right
{
	text-align: right !important;
	vertical-align:middle !important;
}

.pointer{
	cursor: pointer !important;
}

.upper-case{
	text-transform: uppercase !important;
}

.lower-case{
	text-transform: lowercase !important;
}

.capitalize{
	text-transform: capitalize !important;
}
.color-hover{
	color: teal !important;
	cursor: pointer !important;
}

.color-hover:hover{
	color: red !important;
}

.color-maroon{
	color: maroon !important;
}

.color-light{
	color: silver !important;
}

.color-white{
	color: white !important;
}

#screensaver{
	display: none  !important;
	width: 100%  !important;
	height: 100%  !important;
	position: fixed  !important;
	top: 0  !important;
	left: 0  !important;
	background-color: maroon  !important;
	z-index: 99999 !important;
} 

.bg-input{
	background : url("../../gc-b3/img/asterix.svg") right 15px center no-repeat !important;
}

.th-rf-width{
	width: 10% !important;
}

.error-message {
		-webkit-animation: fadeOut 5s forwards;
		animation: fadeOut 5s;
		-webkit-animation-delay: 8s forwards;
		animation-delay: 8s;
}

@-webkit-keyframes fadeOut {
		from {opacity: 1;}
		to {opacity: 0;}
}

@keyframes fadeOut {
		from {opacity: 1;}
		to {opacity: 0;}
}

.badge-width{
	width: 32px !important;
}


/*Add a simple ccs3 animation effect in here.
*If you want to increase/decrease blink time you can change it easily.
*add any interval amount instead of 2s.
*/

.blinking{
    -webkit-animation: blink 1s infinite;
    -moz-animation: blink 1s infinite;    
    animation: blink 1s infinite;
}

@-webkit-keyframes blink {

    0%{ opacity:0;}
    100%{opacity:1;}
}

@-moz-keyframes blink {

    0%{ opacity:0;}
    100%{opacity:1;}

}

@keyframes blink {
    0%{ opacity:0;}
    100%{opacity:1;}
}

.cborder{
	border: 1px solid silver !important;
}

.normal{
	font-weight: normal !important;
}

.td-bg-antique{
	background-color:	#FAEBD7 !important;
}

.td-bg-beige{
	background-color:	#F5F5DC !important;
}

.td-bg-cornsilk{
	background-color:	#FFF8DC !important;
}

.td-bg-honeydew{
	background-color:	#F0FFF0 !important;
}

.td-bg-ivory{
	background-color:	#FFFFF0 !important;
}

.td-bg-lavender{
	background-color:	#E6E6FA !important;
}

.td-bg-blush{
	background-color:	#FFF0F5 !important;
}

.td-bg-mint{
	background-color:	#F5FFFA !important;
}

.td-bg-seashell{
	background-color:	#FFF5EE !important;
}

.td-bg-whitesmoke{
	background-color:	#F5F5F5 !important;
}

.td-bg-steelblue{
	background-color:	#B0C4DE !important;
}

.td-bg-lightcayan{
	background-color:	#E0FFFF !important;
}

.x-border-green{
	border: 1px solid green !important;
}

.x-border-red{
	border: 1px solid red !important;
}

.x-border-blue{
	border: 1px solid blue !important;
}

.x-border-yellow{
	border: 1px solid yellow !important;
}