:root {
	--primary: #3d54c8;
	--white: #fff;
	--black: #000;
	--red: red;
	--green: green;
	--dark-green: darkgreen;
}

html, body {padding: 0 !important; margin:  0 !important;}
ul li {list-style: none;}
ul, li {padding: 0;}
button, a.btn {cursor: pointer;}
/*---------------------------------------------------------------------------------------------------------
FONT-SIZE
---------------------------------------------------------------------------------------------------------*/
	.fontsize8 {font-size: 8px}
	.fontsize9 {font-size: 9px}
	.fontsize10 {font-size: 10px}
	.fontsize11 {font-size: 11px}
	.fontsize12 {font-size: 12px}
/*---------------------------------------------------------------------------------------------------------
POSITIONS
---------------------------------------------------------------------------------------------------------*/
	.relative {position: relative;}
	.absolute {position: absolute;}
	.fixed {position: fixed;}	
/*---------------------------------------------------------------------------------------------------------
DISPLAY
---------------------------------------------------------------------------------------------------------*/

	.show {display: block !important}
	.inline {display: inline !important;}
	.visible, .showTabel {visibility: visible !important}
	.not-visible, .hideTabel {visibility: hidden !important}
	/*.hide {display: none !important}*/
	.showTabel {display: table-row !important}
	.hideTabel {display: none !important}
	.w100 {width: 100% !important;}
	.h100 {height: 100% !important;}
	.w80 {width: 80% !important;}
	.w50 {width: 50% !important} .w50px {width: 50px;} .h150px {height: 150px;}
	.w25 {width: 25% !important}
	.auto-center {max-height: 100%; max-width: 100%; width: auto; height: auto; margin: auto;}
	.pointer {cursor: pointer;}
/*---------------------------------------------------------------------------------------------------------
FLOAT
---------------------------------------------------------------------------------------------------------*/
	.clear {float:  none !important;clear: both !important;}
	.fright {float: right !important;}
	.fleft {float: left !important;}
/*---------------------------------------------------------------------------------------------------------
TEXT-ALIGN
---------------------------------------------------------------------------------------------------------*/
.txtright {text-align: right !important;}
.txtleft {text-align: left !important;}
.txtcenter {text-align: center !important;}
.valign {vertical-align: middle !important;}
/*---------------------------------------------------------------------------------------------------------
MARGIN
---------------------------------------------------------------------------------------------------------*/ 
	.m0, .nomargin {margin: 0 !important;}
	.p0, .nopadding {padding: 0 !important;}
	.mauto {margin: auto !important}
	.margin5 {margin: 5px;}

	.mt5 {margin-top: 5px !important}
	.mt10 {margin-top: 10px !important}
	.mt20 {margin-top: 20px !important}
	.mt30 {margin-top: 30px !important}
	.mt50 {margin-top: 50px !important}
	.mt80 {margin-top: 80px !important}
	.mt100 {margin-top: 100px !important}
	.mt125 {margin-top: 125px !important}
	.mt150 {margin-top: 150px !important}

	.mb5 {margin-bottom: 5px  !important;}
	.mb10 {margin-bottom: 10px  !important;}
	.mb20 {margin-bottom: 20px  !important;}
	.mb30 {margin-bottom: 30px  !important;}
	.mb50 {margin-bottom: 50px  !important;}
	.mb80 {margin-bottom: 80px  !important;}
	.mb100 {margin-bottom: 100px !important}
	.mb125 {margin-bottom: 125px !important}
	.mb150 {margin-bottom: 150px !important}

	.mtb5 {margin-bottom: 5px !important; margin-top: 5px !important}

	.ml5 {margin-left: 5px !important;}
	.ml10 {margin-left: 10px !important;}
	.mr5 {margin-right: 5px  !important}
	.mr10 {margin-right: 10px  !important}

/*---------------------------------------------------------------------------------------------------------
PADDING
---------------------------------------------------------------------------------------------------------*/ 
	.padding5 {padding: 5px !important}
	.padding3 {padding: 5px !important}
	.p10 {padding: 10px !important}
	.p20 {padding: 20px !important}

	.pt10 {padding-top: 10px !important}
	.pt20 {padding-top: 20px !important}
	.pt30 {padding-top: 30px !important}

	.pb15 {padding-bottom: 10px !important}
	.pb20 {padding-bottom: 20px !important}
	.pb30 {padding-bottom: 30px !important}

	.pl10 {padding-left: 10px !important}
	.pl20 {padding-left: 20px !important}
	.pl30 {padding-left: 30px !important}
	.pr10 {padding-right: 10px !important;}
	.pr20 {padding-right: 20px !important;}
	.pr30 {padding-right: 30px !important;}
/*---------------------------------------------------------------------------------------------------------
/* colors 																							
---------------------------------------------------------------------------------------------------------*/ 
	.txt-black {color: var(--black);}
	.txt-white {color: var(--white) !important;}
	.txt-red {color: var(--red) !important;}
	.txt-green {color: var(--green) !important;}
	.txt-darkgreen {color: var(--dark-green) !important;}
/*-------------------------------------------------------------------------------------------------------*/ 
	.btn.btn-sm {font-size: 12px;padding: 5px 7px;}
	.btn-default {background: #333; color: #fff !important;}

	.btn-custom {padding: 2px; font-size: 10px;}
	.btn-primary {background: #0d6efd;}
/*---------------------------------------------------------------------------------------------------------
/* table 																							
---------------------------------------------------------------------------------------------------------*/ 
	table.txt-white td, table.txt-white th {color: #fff;}
/*---------------------------------------------------------------------------------------------------------
/* RESPONSIVE 																							
---------------------------------------------------------------------------------------------------------*/ 
	.show {visibility: visible;}
	.hide {visibility: hidden};
	@media (max-width: 767px) {
		.show-mobile, .show-mobile.hide, .hide.show-mobile {visibility: visible !important};
		.hide-mobile, .hide-mobile.show, .show.hide-mobile {visibility: hidden !important};
	}
/*-------------------------------------------------------------------------------------------------------*/