/*=============================================================*/
/* SHORTCUTS */
/*=============================================================*/

/*-------------------------------------------------------------*/
/* Others */

.horizontal {
	display: inline-flex;
}

.totheright {
	float: right;
}

.totheleft {
	float: left;
}

.full-width {
	width: 100%;
	box-sizing: border-box;
}

.half-width {
	width: 50%;
	box-sizing: border-box;
}
  
.max-full-width {
	max-width: 100%;
	box-sizing: border-box;
}

.block {
	display: block;
}


.hidden {
	display: none;
}

.hidden-vis {
	visibility: hidden;
}

.pointer {
	cursor: pointer;
}

.light, .white {
	color: white !important;
}

.dark, .black {
	color: rgb(65,65,65);
}

.gray {
	color: rgb(150,150,150);
}

.red {
	color:#ff3f3f !important;
}

.green {
	color:#64ad6c;
}

.red-bg {
	background-color:#ff3f3f !important;
}

.green-bg {
	background-color:#64ad6c !important;
}

/*-------------------------------------------------------------*/
/* Margins and Paddings */

/* .no-margin { */
	/* margin: 0px; */
/* } */

.m-0 {
	margin: 0px;
}

.m-1 {
	margin: 4px;
}

.m-2 {
	margin: 8px;
}

.m-3 {
	margin: 16px;
}

.m-4 {
	margin: 24px;
}

.mt-0 {
	margin-top: 0px;
}

.mt-1 {
	margin-top: 4px;
}

.mt-2 {
	margin-top: 8px;
}

.mt-3 {
	margin-top: 16px;
}

.mt-4 {
	margin-top: 24px;
}

.mr-0 {
	margin-right: 0px !important;
}

.mr-1 {
	margin-right: 4px;
}

.mr-2 {
	margin-right: 8px;
}

.mr-3 {
	margin-right: 16px;
}

.mr-4 {
	margin-right: 24px;
}

.mb-0 {
	margin-bottom: 0px;
}

.mb-1 {
	margin-bottom: 4px;
}

.mb-2 {
	margin-bottom: 8px;
}

.mb-3 {
	margin-bottom: 16px;
}

.mb-4 {
	margin-bottom: 24px;
}

.ml-0 {
	margin-left: 0px !important;
}

.ml-1 {
	margin-left: 4px;
}

.ml-2 {
	margin-left: 8px;
}

.ml-3 {
	margin-left: 16px;
}

.ml-4 {
	margin-left: 24px;
}


.pt-0 {
	padding-top: 0px;
}

.pt-1 {
	padding-top: 4px;
}

.pt-2 {
	padding-top: 8px;
}

.pt-3 {
	padding-top: 16px;
}

.pt-4 {
	padding-top: 24px;
}

.pr-0 {
	padding-right: 0px;
}

.pr-1 {
	padding-right: 4px;
}

.pr-2 {
	padding-right: 8px;
}

.pr-3 {
	padding-right: 16px;
}

.pr-4 {
	padding-right: 24px;
}

.pb-0 {
	padding-bottom: 0px;
}

.pb-1 {
	padding-bottom: 4px;
}

.pb-2 {
	padding-bottom: 8px;
}

.pb-3 {
	padding-bottom: 16px;
}

.pb-4 {
	padding-bottom: 24px;
}

.pl-0 {
	padding-left: 0px;
}

.pl-1 {
	padding-left: 4px;
}

.pl-2 {
	padding-left: 8px;
}

.pl-3 {
	padding-left: 16px;
}

.pl-4 {
	padding-left: 24px;
}

.p-0 {
	padding: 0px;
}

/*-------------------------------------------------------------*/

.t-0 {
	top: 0px;
}

.t-1 {
	top: 4px;
}

.t-2 {
	top: 8px;
}

.r-0 {
	right: 0px;
}

.r-1 {
	right: 4px;
}

.r-2 {
	right: 8px;
}

.b-0 {
	bottom: 0px;
}

.b-1 {
	bottom: 4px;
}

.b-2 {
	bottom: 8px;
}

.l-0 {
	left: 0px;
}

.l-1 {
	left: 4px;
}

.l-2 {
	left: 8px;
}