/* Tools */

.noPad			        { padding:0px !important; }
.noMarg			      	{ margin:0px !important; }
.noFontSize         { font-size: unset !important; }
.noBorderRadius     { border-radius: 0px;}
.pad5			         	{ padding:5px;}
.pad10			        { padding:10px;}
.pad15			        { padding:15px;}
.pad20			        { padding:20px;}
.pad30			      	{ padding:30px;}
.pad10t        	    { padding-top:10px;}
.pad10b        	    { padding-bottom:10px;}
.pad10l        	    { padding-left:10px;}
.pad10r        	    { padding-right:10px;}
.pad20l        	    { padding-left:20px;}
.pad20b       	    { padding-bottom:20px;}
.pad20r       	    { padding-right:20px;}
.pad0l			    { padding-left:0px !important;}
.ghost              { opacity: 0.2;}

.marginLeft0		{ margin-left:0px;  }
.marginRight0		{ margin-right:0px !important; }
.marginLeft20		{ margin-left:20px; }
.marginRight10	{ margin-right:10px; }
.marginTop150		{ margin-top:150px; }
.marginTop100		{ margin-top:100px; }
.marginTop50		{ margin-top:50px; }
.marginTop25		{ margin-top:25px; }
.marginTop10		{ margin-top:10px; }
.marginBot25		{ margin-bottom:25px; }
.marginBot10		{ margin-bottom:10px; }

.mt-n-10	    	{ margin-top: -10px !important }
.mt-n-8		      { margin-top: -8px !important }
.mt-n-5	      	{ margin-top: -5px !important }
.mb-n-5		      { margin-bottom: -5px !important }
.mb-n-10	    	{ margin-bottom: -10px !important }

.alignRight			{ text-align:right !important;}
.alignLeft			{ text-align:left !important;}
.alignCenter		{ text-align:center;}

.hideThis           { display: none !important; }
.shadow_diffuse	    { text-shadow: 0 0 40px rgba(0, 0, 0, 0.49);}
.floatright			{ float:right !important;}

.border-top		  { border-top:1px solid #69696942    !important;}
.border-right		{ border-right:1px solid #69696942  !important;}
.border-left		{ border-left:1px solid #69696942   !important;}
.border-bottom	{ border-bottom:1px solid #69696942 !important;}

.border-none		{ border:0px !important}

.box-shadow-subtle li	{ box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.33);}
.box-shadow-medium 		{ box-shadow: 0px -3px 17px rgba(0, 0, 0, 0.3);}
.box-shadow-normal		{ box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3); }

.fullWidth   { width:100%  }
.fullWeight  { height:100% }

.bck-color01 { background-color:tomato}
.bck-color02 { background-color:darkcyan}
.bck-color03 { background-color: crimson}

.i-small { font-size:12px; }

.Aligner                 { display: flex; align-items: center; justify-content: center;  }
.Aligner-center-left     { display: flex; align-items: center; justify-content: flex-start;  }
.Aligner-center-right    { display: flex; align-items: center; justify-content: flex-end;  }
.Aligner-left            { display: flex; align-items: flex-start; justify-content: center;  }
.Aligner-right           { display: flex; align-items: flex-end; justify-content: center;  }
.Aligner-justify-between { display: flex; align-items: center; justify-content: space-between;  }
.Aligner-justify-around { display: flex; align-items: center; justify-content: space-around;  }
.Aligner-justify-even { display: flex; align-items: center; justify-content: space-evenly;  }
.Aligner-item            { flex: 1;  }
.Aligner-item--column    { flex-direction: column }
.Aligner-item--top       { align-self: flex-start; }
.Aligner-item--center    { align-self: center; }
.Aligner-item--bottom    { align-self: flex-end; } 
.Aligner-item--fixed     { flex: none; max-width: 50%; }
.flex-grown			         { flex-grow:1}
.flex-wrap               { flex: wrap}

.aligner-center          { display: flex; align-items: center; justify-content: center;        }
.aligner-left            { display: flex;   align-items: center; justify-content: flex-start;  }
.aligner-right           { display: flex;  align-items: center; justify-content: flex-end;     }

.percent-10  { width: 10% !important; }
.percent-20  { width: 20% !important; }
.percent-30  { width: 30% !important; }
.percent-40  { width: 40% !important; }
.percent-50  { width: 50% !important; }
.percent-60  { width: 60% !important; }
.percent-70  { width: 70% !important; }
.percent-80  { width: 80% !important; }
.percent-90  { width: 90% !important; }
.percent-100 { width:100% !important; }


/* helpers */    
.w-500px { width: 500px;}
.w-250px { width: 250px;}
.w-125px { width: 125px;}
.w-100px { width: 100px;}
.w-80    { width: 80%;}
.w-90    { width: 90%;}

.zIndex-1   { z-index: 1;}

.absolutePosition { position: absolute; left: 0px; right: 0px; bottom: 0px; top:0px;}
.pos-t-r     {  position: absolute; top:0px; right:0px }
.pos-t-r-b-l {  top:0px; right:0px; bottom:0px; left: 0px; }

.centering-wrapp {
  display: flex;
  justify-content: center;
  align-items: center;
  height:100%;
}

.centering-wrapp-column {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}


@media (max-width: 767px)  
{
 

    .Aligner-sm-block    { display: block !important;}
    .border-sm-top		   { border-top:1px solid #69696942    !important;}
    .border-sm-right		 { border-right:1px solid #69696942  !important;}
    .border-sm-left		   { border-left:1px solid #69696942   !important;}
    .border-sm-bottom	   { border-bottom:1px solid #69696942 !important;}
}

@media (min-width:767px) and (max-width: 992px)  
{ 
 
  .Aligner-md-block    { display: block !important;} 
}

@media (min-width: 992px) and (max-width: 1200px)  
{ 
    .Aligner-lg-block    { display: block !important; } 
}