@font-face {
    font-family: "UVN-Bay-Buom-Bold";
    src:url('UVN-Bay-Buom-Bold.ttf.woff') format('woff'),
        url('UVN-Bay-Buom-Bold.ttf.svg#UVN-Bay-Buom-Bold') format('svg'),
        url('UVN-Bay-Buom-Bold.ttf.eot'),
        url('UVN-Bay-Buom-Bold.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;	
}

/*FIX: because of layout issues, DEV only*/
#codeigniter_profiler {margin-top:600px;}

body {
	background:#ffffff;
	margin:0;
	/*font-family:Helvetica, Verdana, Arial, sans-serif;*/
	/*Adriattica, UVN-Bay-Buom-Bold*/
	font-family:"Kulim Park,", sans-serif; /*Kulim Park, Permanent Marker*/
	font-style: normal;
	font-weight: 300;
	scroll-behavior: smooth;
	
}

img {border:none;}
table {border-collapse:collapse;margin:auto;width:100%;}

a {text-decoration:none;}

.order_online_link {
	background-color:#b22222;
	color:#ffffff !important;
	font-weight:bold;
	margin:3px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	text-align:center;
	display:inline-block;
	border-radius:10px;
	animation-name: FADE_IN_ANIMATION;
    animation-duration: 2.0s;
}

/* Fading animation */
.ORDER_ONLINE_GLOW_ANIMATION {
  -webkit-animation-name: ORDER_ONLINE_GLOW_ANIMATION;
  -webkit-animation-duration: 0.2s;
  animation-name: ORDER_ONLINE_GLOW_ANIMATION;
  animation-iteration-count: 1;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
}
/*  */
@-webkit-keyframes ORDER_ONLINE_GLOW_ANIMATION {
  from {background-color:#b22222;} 
  to {background-color:#dc143c;}
}
@keyframes ORDER_ONLINE_GLOW_ANIMATION {
  from {background-color:#b22222;} 
  to {background-color:#dc143c;} /*#dc143c*/
}

/* Fading animation */
.global_popup_div_animation {
  -webkit-animation-name: global_popup_div_animation;
  -webkit-animation-duration: 1.0s;
  animation-name: global_popup_div_animation;
  animation-iteration-count: 1;
  animation-duration: 1.0s;
  animation-fill-mode: forwards;
}

@-webkit-keyframes global_popup_div_animation {
  from {opacity:0;} 
  to {opacity:1.0;}
}
@keyframes global_popup_div_animation {
  from {opacity:0;} 
  to {opacity:1.0;}
}

/*BEGIN: FORM ELMENTS*/
.text_input {
 	height:35px;
 	border:2px solid #cccccc;
 	border-radius:5px;
 	/*background-color:#eaeaea;*/
 	width:100%;
 	font-size:1.2em;
}
/*.text_input:focus {background-color:#ffffff;}*/  


/*input object overflow in td objects*/
.text_input_container_left {
	padding:0px 8px 0px 0px !important;
}
.text_input_container_right {
	padding:0px 0px 0px 10px;
	/*border:1px solid green;*/
}

.dropdown_input, .multiselect_input {
	border:2px solid #cccccc;
	border-radius:5px;
	width:100%;
	font-size:1.2em;
	/*background-color:#eaeaea;*/
}
.dropdown_input {height:35px;}

/*.dropdown_input:focus {background-color:#ffffff;}*/

/*applies to both radio and checkbox inputs*/
.radio_input {width:25px;height:25px;}
.radio_label {font-size:1.2em;vertical-align:top;height:25px;}

.textarea_input {
	border:2px solid #cccccc;
 	border-radius:5px;
 	width:100%;
 	font-size:1.2em;
 	/*background-color:#fafafa;*/
}
/*.textarea_input:focus {background-color:#ffffff;}*/

/*.form_submit*/
.form_submit_button {
	background-color:black;
	border:1px solid black;
	color:white;
	border-radius:30px;
	cursor:pointer;
	height:60px;
	width:100%;
	font-size:2.0em;
}
.form_submit_button.disabled {background-color:#656565;border:1px solid #656565;cursor:auto;}

.italic {font-style:italic;}
.bold {font-weight:bold;}
.bolder {font-weight:bolder;}

.larger {font-size:2.1em;}
.large {font-size:1.55em;}
.small {font-size:0.8em;}
.smaller {font-size:0.6em;}

.uppercase {text-transform:uppercase;}

.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.justify {text-align: justify;}

.fleft {float:left;}
.fcenter {float:center;}
.fright {float:right;}

.top {vertical-align:top;}
.bottom {vertical-align:bottom;}

.wide {width:100%;}

.highlight {color:#54cacf;}
.green {color:green;}
.yellow {color:gold;}
.red {color:red;}
.blue {color:blue;}

.black {color:black;}
.dark {color:#333377;}
.white {color:white;}
.silver {color:silver;}
.google_blue {color:#4285f4;}
.google_red {color:#ea4335;}

.google_yellow {color:#fbbc05;}
.google_green {color:#34a853;}

.required {color:#b22222;} /*red*/
.disabled {color:#A1A1A1;} /*#d3d3d3*/
.hidden {display:none;}
.zero_padding {padding:0px 0px 0px 0px !important;}
/*status messages*/
.field-error {
	/*font-style: italic;*/
    color: #ffffff !important;
    background-color: #b22222;
    font-size: 0.83em;
    border-radius: 7px;
	padding: 5px 15px 5px 25px;
	font-weight:bold;
}
.field-success {
    color: green !important;
    /*background-color:green;*/
    border:3px solid green;
    font-size: 0.83em;
    border-radius: 7px;
	padding: 5px 10px 5px 20px;
	font-weight:bold;
	
}
.field-error a:active, .field-error a:link, .field-error a:visited {color:#ffffff !important;text-decoration:underline;} 
.field-error a:hover {color:#ffffff;} /*#515151*/

.stdlist td, th {color:#616161;vertical-align:top;border:1px solid #d3d3d3;}
.stdlist td {padding:5px 5px 5px 5px;}

.stdgrid td, th {vertical-align:top;/*border:1px solid #787878;*/}
.stdgrid td {padding:0px 0px 5px 0px;color:#616161;} /*#373F51*/
.stdgrid .header {
	/*color:#5e5e5e;*/
	font-size:2.1em;
	padding:0px 0px 20px 0px;
}
.stdgrid .title {
	/*color:#3e3e3e;*/
	font-size:1.55em;
	padding:0px 0px 20px 0px;
}
.stdgrid .subtitle {
	/*color:#2d2d2d;*/
	font-size:1.2em;
	padding:0px 0px 5px 0px;
}

#standard_list_filters {
	border:1px solid #d3d3d3;
	border-bottom:none;
	height:35px;
}


.std_list_filters_grid {
	border-top:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	border-bottom:none;
	border-left:1px solid #d3d3d3;
}
.std_list_filters_grid td {padding:5px;}

.caption {
	color:#797979;
	font-size:0.8em;
}

.references {
	border:1px solid #797979;
	padding:10px;
	color:#797979;
	font-size:0.9em;
}

.product_thumbnail {
	border:1px solid #d3d3d3;
	width:100%;
	/*padding:0px 3px 0px 3px;*/
}

.creditcard_icon {width:55px;height:35px;}
.google_icon_small {width:15px;height:15px;}
.google_icon_medium {width:30px;height:30px;}

/*overrides google declaration*/

.google-solid-heart-icon {
	font-size:20px; /*24px*/
}
.google-solid-heart-icon.off {
	color: rgba(0, 0, 0, 0.26); /*dark*/
	/*color: rgba(255, 255, 255, 0.3); light*/
}
.google-solid-heart-icon.on {
	color: rgba(0, 0, 0, 0.54); /*dark*/
	/*color: rgba(255, 255, 255, 1); light*/
}
.google-exclamation-icon {
	color:#b22222;
	font-size:20px;
	cursor:pointer;
}
.google-arrow-back-icon {
	color:#b22222;
	font-size:20px;
	cursor:pointer;
}
.google-delete-item-icon {
	color:#b22222;
	font-size:20px;
	cursor:pointer;
}