/* Width settings */
.width10 {
    width: 10%;
}
.width15 {
    width: 15%;
}
.width20 {
    width: 20%;
}
.width25 {
    width: 25%;
}
.width30 {
    width: 30%;
}
.width35 {
    width: 35%;
}
.width40 {
    width: 40%;
}
.width45 {
    width: 45%;
}
.width50 {
    width: 50%;
}
.width55 {
    width: 55%;
}
.width60 {
    width: 60%;
}
.width65 {
    width: 65%;
}
.width70 {
    width: 70%;
}
.width75 {
    width: 75%;
}
.width80 {
    width: 80%;
}
.width85 {
    width: 85%;
}
.width90 {
    width: 90%;
}
.width95 {
    width: 95%;
}
.width100 {
    width: 100%;
}

.width50px {
    width: 50px;
}
.width65px {
    width: 65px;
}
.width75px {
    width: 75px;
}
.width85px {
    width: 85px;
}
.width100px {
    width: 100px;
}
.width125px {
    width: 125px;
}
.width150px {
    width: 150px;
}
.width175px {
    width: 175px;
}
.width200px {
    width: 200px;
}
.width225px {
    width: 225px;
}
.width250px {
    width: 250px;
}
.width275px {
    width: 275px;
}
.width300px {
    width: 300px;
}
.width325px {
    width: 325px;
}
.width350px {
    width: 350px;
}
.width375px {
    width: 375px;
}
.width400px {
    width: 400px;
}
.width425px {
    width: 425px;
}
.width450px {
    width: 450px;
}
.width475px {
    width: 475px;
}
.width500px {
    width: 500px;
}
.width550px {
    width: 550px;
}
.width650px {
    width: 650px;
}
.width675px {
    width: 675px;
}
.width750px {
    width: 750px;
}
.width1000px {
    width: 1000px;
}
.width1250px {
    width: 1250px;
}

.minWidth75px {
    min-width: 75px;
}
.minWidth125px {
    min-width: 125px;
}
.minWidth1250px {
    min-width: 1250px;
}
.maxWidth250px {
    max-width: 250px;
}

/* Height settings */
.height60px {
    height: 60px
}
.height24px {
    height: 24px
}
.height50px {
    height: 50px
}
.height250px {
    height: 250px
}
/* Paddings */
.pad-0 {
    padding: 0px !important;
}
.pad-3 {
    padding: 3px;
}
.pad-5 {
    padding: 5px;
}
.pad-10 {
    padding: 10px;
}
.pad-15 {
    padding: 15px;
}
.pad-20 {
    padding: 20px;
}
.pad-t-3 {
    padding-top: 3px;
}
.pad-t-5 {
    padding-top: 5px;
}
.pad-t-10 {
    padding-top: 10px;
}
.pad-t-15 {
    padding-top: 15px;
}
.pad-t-20 {
    padding-top: 20px;
}
.pad-t-50 {
    padding-top: 50px;
}
.pad-t-125 {
    padding-top: 125px;
}
.pad-b-5 {
    padding-bottom: 5px;
}
.pad-b-10 {
    padding-bottom: 10px;
}
.pad-b-15 {
    padding-bottom: 15px;
}
.pad-b-20 {
    padding-bottom: 20px;
}
.pad-l-0 {
    padding-left: 0px;
}
.pad-l-5 {
    padding-left: 5px;
}
.pad-l-10 {
    padding-left: 10px;
}
.pad-l-15 {
    padding-left: 15px;
}
.pad-l-20 {
    padding-left: 20px;
}
.pad-r-0 {
    padding-right: 0px;
}
.pad-r-5 {
    padding-right: 5px;
}
.pad-r-10 {
    padding-right: 10px;
}
.pad-r-15 {
    padding-right: 15px;
}
.pad-r-20 {
    padding-right: 20px;
}

.pad-v-2i {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

/* Margins */
.mar-t-3 {
    margin-top: 3px;
}
.mar-t-5 {
    margin-top: 5px;
}
.mar-t-10 {
    margin-top: 10px;
}
.mar-t-15 {
    margin-top: 15px;
}
.mar-t-20 {
    margin-top: 20px;
}
.mar-t-25 {
    margin-top: 25px;
}
.mar-b-10 {
    margin-bottom: 10px;
}
.mar-l-8 {
    margin-left: 8px;
}
.mar-l-15 {
    margin-left: 15px;
}
.mar-v-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.mar-3 {
    margin: 3px;
}
.mar-5 {
    margin: 5px;
}
.mar-10 {
    margin: 10px;
}
.mar-12 {
    margin: 12px;
}
.mar-15 {
    margin: 15px;
}

/* Alignments */
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.valign-bottom {
    vertical-align: bottom;
}
.valign-middle {
    vertical-align: middle;
}
.valign-top {
    vertical-align: top;
}

/* Other */
.underline {
    text-decoration: underline;
}
.no-underline {
    text-decoration: none;
}
.clearBoth {
    clear: both;
}
.lineHeight20 {
    line-height: 20px
}
.lineHeight24 {
    line-height: 24px
}

.colorRed {
    color: red;
}
.colorOrange {
    color: darkorange;
}
.colorOrchid {
    color: mediumorchid;
}
.colorGreen {
    color: #34C334;
}
.colorGrey {
    color: darkgrey;
}
.colorSlate {
    color: darkorange;
}
.boldText {
    font-weight: bold;
}
.lightBorder {
    border: 1px solid lightGrey;
}

.dropShadow {
    -webkit-box-shadow: 1px 1px 3px rgba (0, 0, 255, .2);
box-shadow: 1px 1px 3px rgba (0, 0, 255, .2);
}

.activated {
    color: limegreen;
    -webkit-box-shadow: 1px 1px 2px rgba (200, 255, 200, .2);
box-shadow: 1px 1px 2px rgba (200, 255, 200, .2);
}

.deactivated {
    color: red;
    -webkit-box-shadow: 1px 1px 2px rgba (200, 255, 200, .2);
box-shadow: 1px 1px 2px rgba (200, 255, 200, .2);
}

.addTab {
    color: blue !important;
}

.noUnderline {
    text-decoration: none !important;
}

.modal-header-info {
    background-color: #3399f3;
}

.display-inline {
    display: inline !important;
}

.highlight {
    background-color: yellow !important;
}

.borderRightSolid {
    border-right: 1px solid black;
    border-left: 1px solid black;
}

.borderBottomBold {
    border-bottom: 2px solid black;
}

.lineHeight125 {
    line-height: 1.25;
}

.lineHeightNormal {
    line-height: normal !important;
}

.autoScroll {
    overflow-y: auto;
}

.front {
    z-index: 1000;
}

.fontSmall {
    font-size: small;
}
.fontMedium{
    font-size: medium;
}
.fontLarge {
    font-size: large;
}