
.table {
    display: table;
    width:   100%;
    margin-bottom: 0!important;
}

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
}

.mobile-table-cell {
    display: table-cell;
}

.mobile-table-cell {
    display: table-cell;
}

/*======= PADDING -- */

.padding-2 {
    padding: 2px;
}

.padding-3 {
    padding: 3px;
}

.padding-5 {
    padding: 5px;
}

.padding-10 {
    padding: 10px;
}

.padding-20 {
    padding: 20px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-left-20 {
    padding-left: 20px;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-right-20 {
    padding-right: 20px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-bottom-10 {
     padding-bottom: 10px;
 }


/*======= Width -- */


.width-3 {
    width: 3%;
}

.width-5 {
    width: 5%;
}

.width-10 {
    width: 10%;
}

.width-15 {
    width: 15%;
}

.width-16 {
    width: 16.3%;
}

.width-20 {
    width: 20%;
}

.width-25 {
    width: 25%;
}

.width-30 {
    width: 30%;
}

.width-33 {
    width: 33%;
}

.mobile-width-33 {
    width: 33%;
}

.width-40 {
    width: 40%;
}

.width-50 {
    width: 50%;
}

.width-60 {
    width: 60%;
}

.width-70 {
    width: 70%;
}

.width-80 {
    width: 80%;
}

.width-90 {
    width: 90%;
}

.width-100 {
    width: 100%;
}

/*-----------------------------*/

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.align-justify {
    text-align: justify;
}

.mobile-align-left {
    text-align: left;
}

.mobile-align-center {

 }


/*-------------------- ROUNDED CORNERS -----*/

.border-0 {
    border: 0;
}

.border-top-1px {
    border-top-width:          1px;
}

.border-round-5px {
    border-width:          1px;
    border-radius:         5px;
    -moz-border-radius:    5px;
    -webkit-border-radius: 5px;
}

.border-round-3px {
    border-width:          1px;
    border-radius:         3px;
    -moz-border-radius:    3px;
    -webkit-border-radius: 3px;
}

.border-solid {
    border-style: solid;
}

.border-dotted {
    border-style: dotted;
}

.border-color-gold {
    border-color: #557B97;
}

.border-color-grey {
    border-color: #CCCCCC;
}

.border-color-lt-grey {
    border-color: #EDEDED;
}

/*-----------------------------*/

.vertical-align-top {
    vertical-align: top !important;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

.vertical-align-bottom {
    vertical-align: bottom !important;
}

/*-----------------------------*/

.nowrap {
    white-space: nowrap;
}

.bold {
    font-weight: bold;
}

.hide {
    display: none !important;
}

.nowrap {
    white-space: nowrap;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}


.rotate-180 {
    -webkit-transform: rotate(180deg);
    -moz-transform:    rotate(180deg);
    filter:            progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

/*====================== Media Queries =========================*/

@media only screen and (max-width: 600px) {
    .mobile-table-cell {
        display: block;
    }

    .mobile-width-33 {
        width: 100%;
    }

    .mobile-align-left {
        text-align: center;
    }

    .mobile-align-center {
        text-align: center !important;
    }
}

