:root {
  --accent-color: #619dbd;
}

/* Paddings */
.paddingTop5 {
    padding-top:5px !important;
}

.paddingTop40 {
    padding-top: 40px !important;
}

.paddingTop75 {
    padding-top: 75px !important;
}

.paddingTop120 {
    padding-top: 120px !important;
}

.paddingTop0 {
    padding-top: 0px !important;
}

/* Margins */

.marginAuto {
    margin: auto;
}

.marginTop20 {
    margin-top: 20px;
}

.marginTop40 {
    margin-top: 40px;
}

.marginTop30 {
    margin-top: 30px;
}

.marginTop50 {
    margin-top: 50px;
}

.marginTop2P {
    margin-top: 2%;
}

.marginTop5P {
    margin-top: 5%;
}

.marginTop10P {
    margin-top: 10%;
}

.marginLeft32 {
    margin-left: 32px;
}

.margin-left2P{
    margin-left: 2%;
}

.margin-left3P{
    margin-left: 3%;
}

.margin-left5P{
    margin-left: 5%;
}

.margin-left6P{
    margin-left: 6%;
}

.marginBottom6 {
    margin-bottom: 6px;
}

.marginBottom2P {
    margin-bottom: 2%;
}

/* fonts */

.fontXXL {
    font-size: xx-large;
}
.fontSize13 {
    font-size: 13px;
}

.fontSize16 {
    font-size: 16px;
}

/* fonts */
.fontSize20 {
    font-size: 20px;
}

.fontSize50 {
    font-size: 50px;
}

.fontSize30 {
    font-size: 30px;
}

/* widths */
.widthAuto {
    width: auto;
}

.width100P {
    width: 100%;
}

.width75P {
    width: 75%;
}

.width50P {
    width: 50%;
}

.width60P {
    width: 60%;
}

.width25P {
    width: 25%;
}

.minWidth100P{
    min-width: 100%;
}

/* heights */
.heightAuto {
    height: auto;
}

.height100P {
    height: 100%;
}

/* cursor */
.cursorPointer{
    cursor: pointer;
}

/* display */
.displayNone{
    display: none;
}

/* position */
.positionRelative {
    position:relative;
}

/* floats */

.floatNone {
    float: none;
}

.floatRight {
    float: right;
}

.floatleft {
    float: left;
}

/* colors */
.white {
    color: white;
}

/* Text Transform*/
.textCapitalize {
    text-transform: capitalize;
}

/*Grid Rows */
.grid-row1 { grid-row: 1 !important; }
.grid-row2 { grid-row: 2 !important; }
.grid-row3 { grid-row: 3 !important; }
.grid-row4 { grid-row: 4 !important; }
.grid-row5 { grid-row: 5 !important; }
.grid-row6 { grid-row: 6 !important; }
.grid-row7 { grid-row: 7 !important; }
.grid-row8 { grid-row: 8 !important; }
.grid-row9 { grid-row: 9 !important; }
.grid-row10 { grid-row: 10 !important; }


/*Visibility*/
.visibilityHidden {
    visibility: hidden !important;
}