/*------------------------------------------------------------------------------
    coded, must be at bottom
------------------------------------------------------------------------------*/
.display-none{ display: none; }
.display-none-imp{ display: none !important; }
.display-inline-block{ display: inline-block;}
.display-block{ display: block; }
.display-inline{ display: inline; }
.visible{ visibility: visible; }
.hidden{ visibility: hidden; }
.position-absolute{ position: absolute; }
.center{ text-align: center; }
/*
.left{ text-align: left; }
.right{ text-align: right; }
*/
.f-left{ float: left; }
.f-right{ float: right; }
.height-100{ height: 100%; }
.padding-top-0{ padding-top: 0; }
.overflow-x-visible{ overflow-x: visible; }
.overflow-x-auto{ overflow-x: auto; }

/* text case transform */
.uppercase{ text-transform: uppercase; }
.lowercase{ text-transform: lowercase; }
.capitalize{ text-transform: capitalize; }

/* known usage */
.transparent{
    background-color: transparent;
}

/* font misc
============================*/
.half-space{
    /* imp: <span class="half-space">&nbsp;</span> */
    font-size: 6px;
}