.caps-lock{
    font-variant: small-caps;
}

.font-size-3 {
    font-size: 3vw;
}

.font-size-5 {
    font-size: 5vw;
}

.no-background {
    background-color: transparent;
}

/* PANELS */
.panel-100 {
    height: 100%;
    width: 100%;
}

/* BUTTONS */
.button-100 {
    height: 100%;
    width: 100%;
}

/* CUSTOM HEIGHT */
.height-100 {
    height: 100%;
}

/* CUSTOM ROWS */

.custom-row-no-margin {
    margin: 0;
}

.custom-row-10 {
    height: 10%;
    margin: 0;
}

.custom-row-15 {
    height: 15%;
    margin: 0;
}

.custom-row-20 {
    height: 20%;
    margin: 0;
}

.custom-row-25 {
    height: 25%;
    margin: 0;
}

.custom-row-30 {
    height: 30%;
    margin: 0;
}

.custom-row-33 {
    height: 33%;
    margin: 0;
}

.custom-row-40 {
    height: 40%;
    margin: 0;
}

.custom-row-45 {
    height: 45%;
    margin: 0;
}

.custom-row-50 {
    height: 50%;
    margin: 0;
}

.custom-row-55 {
    height: 55%;
    margin: 0;
}

.custom-row-60 {
    height: 60%;
    margin: 0;
}

.custom-row-67 {
    height: 67%;
    margin: 0;
}

.custom-row-70 {
    height: 70%;
    margin: 0;
}

.custom-row-75 {
    height: 75%;
    margin: 0;
}

.custom-row-92 {
    height: 92%;
    margin: 0;
    padding: 0;
}

.custom-row-100 {
    height: 100%;
    margin: 0;
    padding: 0;
}

/* CUSTOM COLUMNS */
.custom-column-100 {
    min-height: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.custom-column-no-padding-right {
    padding-right: 0 !important;
}

/* CUSTOM HEADER - FOOTER */
.header-5 {
    min-height: 5%;
    height: 5% !important;
    padding: 0;
}

.footer-5 {
    min-height: 5%;
    height: 5%;
    padding: 0;
}

/* CUSTOM BORDER */
.border-03-white {
    border-width: 0.2vw;
    border-color: white;
    border-style: solid;
}

.border-left-white {
    border-color: white !important;
    border-left: solid;
}

.border-right-white {
    border-color: white !important;
    border-right: solid;
}

.border-top-white {
    border-color: white;
    border-top: solid;
}

.border-bottom-white {
    border-color: white !important;
    border-bottom: solid;
}

/* CUSTOM PADDING - MARGIN */
.pad-1 {
    padding: 1%;
}

.pad-2 {
    padding: 2%;
}

.pad-0-6-bottom {
    padding-bottom: 0.6%;
}

.pad-2-3 {
    padding: 2.3%;
}

.pad-2-3-laterale {
    padding-left: 2.3%;
    padding-right: 2.3%;
}

.pad-3 {
    padding: 3%;
}

.pad-5 {
    padding: 5%;
}

.pad-top-1 {
    padding-top: 1%;
}

.pad-top-5 {
    padding-top: 5%;
}

.pad-left-3 {
    padding-left: 3%;
}

.pad-left-5 {
    padding-left: 5%;
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}

/* BACKGROUNDS */
.background-green {
    background-color: #4CAF50;
}

.background-yellow {
    background-color: #FF9800;
}

.background-red {
    background-color: #F44336;
}

/* CUSTOM CONTAINERS */
.container-full-size {
    min-height: 100%;
    min-width: 100%;
    height: 100%;
    padding: 0;
}

.container-colored {
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-color: #303030;
    color: #efefef;
}

.container-85 {
    min-height: 85%;
    width: 100%;
    height: 85%;
    padding: 0;
}