html {
    height: 100%; /* показва грида по пълната височина на екрана и фиксира footer в дъното на прозореца (footerfix.js) */
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none; /* Не позволява промяна на размера на текста при завъртане на екрана (landscape/portrait) */
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* Remove Gray Highlight When Tapping Links in Mobile Safari */
}

body {
    /*height: 100%;  показва грида по пълната височина на екрана. Ако го има НЕ фиксира footer в дъното на прозореца (footerfix.js) */
    margin: 0;
    padding: 36px 0 0 0; /* padding-top: 36px; INFO: for userbar */
    overflow-y: scroll; /* показва вертикален scrolbar независимо от съдържанието / предотвратява подскачането на съдържанието при динамично зареждане на съдържание */

    min-width: 320px;
/*    min-height: 100%;*/

/*    display: flex;
    flex-direction: column;
    align-items: stretch;*/

    max-width: 1440px;
    margin: 0 auto;
}

/*body header,
body footer,
body main {
    flex-shrink: 0;
}

body main { flex-grow: 1; }*/

a,
img,
*:focus {
    outline: 0; /* Removing The Dotted Outline */
    -webkit-tap-highlight-color: rgba(0,0,0,0);  /* Remove Gray Highlight When Tapping Links in Mobile Safari */
}

img {
    border: none;
    line-height: 0;
    vertical-align: middle; /* TODO: da se testwa */
    max-width: 100%; /* TODO: da se testwa */
}

.c { text-align: center; }

.r { text-align: right; }

.hide { display: none !important; }

.cf { overflow: auto; }

.cf .fl { float: left; }

.cf .fr { float: right; }