html, body{
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
}

/*------------------------- default loader -------------------------*/
.loader{
    border: 8px solid grey; /* Light grey */
    border-top: 8px solid blue; /* Blue */
    border-bottom: 8px solid blue; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



/*--------------------- TEXT ADD-ONS   ---------------------------*/

.text-standard{
	font-size: 14px;	
}

.text-normal{
	font-size:14px;
}

.text-small{
	font-size: small;
}

.text-x-small{
	font-size: x-small;
}

.text-xx-small{
	font-size: xx-small;
}

.text-large{
	font-size: large;
}

.text-x-large{
	font-size: x-large;
}

.text-xx-large{
	font-size: xx-large;
}

.text-strong{
	font-weight: bold;
}

.text-italic{
	font-style: italic;
}

.text-danger{
	color:red;
}

.text-default{
	color:black;
}

.text-underline{
	text-decoration: underline
}

/* --- clickable class ---- */
.clickable{
	cursor:pointer;
}

/*--- space classes */
.space-left-10{
	margin-left:10px;
}

.space-right-10{
	margin-right:10px;
}

.space-top-10{
	margin-top:10px;
}

.space-bottom-10{
	margin-bottom:10px;
}

.space-left-20{
	margin-left:20px;
}

.space-right-20{
	margin-right:20px;
}

.space-top-20{
	margin-top:20px;
}

.space-bottom-20{
	margin-bottom:20px;
}

.space-left-30{
	margin-left:30px;
}

.space-right-30{
	margin-right:30px;
}

.space-top-30{
	margin-top:30px;
}

.space-bottom-30{
	margin-bottom:30px;
}

/* width classes */
.width-one-tenth{
	width:10%;
}

.width-one-fifth{
	width:20%;	
}

.width-one-fourth{
	width:25%;	
}

.width-one-third{
	width:33%;	
}

.width-one-half{
	width:50%;	
}

.width-nine-tenth{
	width:90%;
}

.width-four-fifth{
	width:80%;	
}

.width-three-fourth{
	width:75%;	
}

.width-two-third{
	width:66%;	
}

/* display classes */
.display-inline{
	display:inline;
}

.display-inline-block{
	display:inline-block;
}

.display-block{
	display:block;
}

/* transparent button */
.btn-transpared{
	margin:0;
	padding:0;
	background: none;
	border:none;
}


/*
 * Responsive text aligning
 * http://ohryan.ca/2014/08/14/set-responsive-text-alignment-bootstrap-3/
 */
.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

@media (min-width: 768px) {
  .text-sm-left { text-align: left; }
  .text-sm-right { text-align: right; }
  .text-sm-center { text-align: center; }
  .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) {
  .text-md-left { text-align: left; }
  .text-md-right { text-align: right; }
  .text-md-center { text-align: center; }
  .text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
  .text-lg-left { text-align: left; }
  .text-lg-right { text-align: right; }
  .text-lg-center { text-align: center; }
  .text-lg-justify { text-align: justify; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}