html,body{
	width: 100%;
	/* height: 100%; */
	margin: 0;
	padding: 0;
	overflow-x: hidden !important;
	list-style: none;
}

input, textarea, button{font-family: inherit;}

/* Disallow content copy, content selection, doubleclick content selection */
body{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Apply box-sizing to all elements and their pseudo-elements */
/* *:before, *:after, Outdated */ 
*,
*::before, 
*::after{
 	/* margin: 0;
	padding: 0; commented bcoz of title page*/
	box-sizing: border-box;
	user-select: none;
}

.absolute{position: absolute;}
.fixed{position: fixed;}
.relative{position: relative;}

.width100{width: 100%;}
.height_auto{height: auto;}
.height100{height: 100%;}
.width_height100{width: 100%; height: 100%;}
.width80{width: 80%;}
.height80{height: 80%;}

.overflowH{overflow: hidden;}
.overflowA{overflow-y: auto; overflow-x: hidden;}
.overflowV{overflow: visible;}

.margin_auto{margin-left: auto; margin-right: auto;}
.margin0{margin: 0;}
.padding5px{padding: 5px;}
.padding5{padding: 5%;}
.padding10px{padding: 10px;}

.table{display: table;}
.middle{display: table-cell; vertical-align: middle;}
.center_section{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.flex_center{display: flex; justify-content: center; align-items: center;}
.flex_left{display: flex; justify-content: left; align-items: center;}
.flex_right{display: flex; justify-content: right; align-items: center;}
.none{display: none;}
.block{display: block;}
.inline_block{display: inline-block;}

.clear{clear: both;}
h1, h2, h3, h4, h5, h5, h6, p, figure{margin: 0; padding: 0;}
a{text-decoration: none;}

.larg_font1{font-size: 20px; line-height: 26px;}
.larg_font{font-size: 18px; line-height: 26px;}
.standard_font{font-size: 16px; line-height: 26px;}
.small_font{font-size: 14px; line-height: 26px;}
.light_font{font-size: 12px; line-height: 26px;}
.thin_font{font-size: 10px; line-height: 26px;}
.font10px{font-size: 10px;}
.font12px{font-size: 12px;}
.font14px{font-size: 14px;}
.font16px{font-size: 16px;}
.font18px{font-size: 18px;}
.font20px{font-size: 20px;}

.text_white{color: #ffffff;}
.text_red{color: #FF0000;}

.text_justify{text-align: justify;}
.text_left{text-align: left;}
.text_center{text-align: center;}
.text_right{text-align: right;}
.bold{font-weight: bold;}
.normal{font-weight: normal;}
.font100{font-weight: 100;}
.italic{font-style: italic;}
.uppercase{text-transform: uppercase;}
.lowercase{text-transform: lowercase;}
.capitalize{text-transform: capitalize;}
.firstcap:first-letter{text-transform: capitalize;}
.underline{text-decoration: underline;}

.letter_spacing3px{letter-spacing: 3px;}
.letter_spacing2px{letter-spacing: 2px;}
.letter_spacing1px{letter-spacing: 1px;}

.word_break{word-break: break-word;}
.word_wrap{word-wrap: break-word;}
.word_newLine{white-space: initial;}
.word_spacing5px{word-spacing: 5px;}

.float_left{float: left;}
.float_right{float: right;}

.pointer_cursor{cursor: pointer;}
.default_cursor {cursor: default;}
button, img, input{border: 0; outline: none;}
input:focus, select, textarea:focus{outline:none;}
textarea{resize: none;}

/* When image not load, broken icon not displaying -- it is mostly helpfule when image loading in bg after DOM */
img[src=""],
img:not([src]){
	visibility: hidden;
	/* display: none; */ /* Completely hide the broken images */
}

ul, ol{list-style: none; margin: 0; padding: 0;}
.border_radius5px{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}
.transition{
	transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
}
.disabled{
	pointer-events: none;
    cursor: default;
    opacity: 0.5;	
}