/* 
GENERCI REUSALE CLASSES

#######################
# DO NOT DELETE AND CLASSES FROM HERE
#######################
*/

/* 
    Created on : Feb 25, 2015
    Author     : Dakota Sonnentag
*/

.uppercase {
    text-transform: uppercase;
}
.borderTop {
    border-top: 1px solid #E6E6E6;
}

.borderAll {
    border: 5px dashed #ff0000;
    border-radius: 15px;
    padding: 10px;
}

.displayBlock {
    display: block;
}

.displayFlex {
    display: flex;
}

.positionRelative {
    position: relative;
}

/* 
#####################
Commonly used classes
#####################
*/

.hidden {
    opacity:0;
}
.visible {
    opacity:1;
}

.overflowHidden {
    overflow: hidden;
}

.mylead {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 200;
    line-height: 25px;
}

.italic {
    font-style: italic;
}

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

.text-left {
    text-align: left;
}

.text-left-important {
    text-align: left !important;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.cursorPointer {
    cursor: pointer;
}

.img-responsive {
    max-width: 100%;
}

.width100 {
    width: 100%;
}
.height100 {
    height: 100%;
}

/*
###############
TABLE STUFF
###############
*/
.tableRow:nth-child(odd) {
    background-color: #F2F2F2;
}
/*
###############
END TABLE STUFF
###############
*/

/*
###############
BORDERS
###############
*/
.headerBotBorder{
    border-bottom: 1px solid #E6E6E6;
}
.borderRadius0 {
    border-radius: 0px;
}
.borderRadius50p {
    border-radius: 50%;
}
.borderRadius20 {
    border-radius: 20px;
}
/*
###############
END BORDERS
###############
*/

/*
###############
FONT SIZE
###############
*/
.fontSize12 {
    font-size: 12px;
}
.fontSize14 {
    font-size: 14px;
}
.fontSize16 {
    font-size: 16px;
}
.fontSize18 {
    font-size: 18px;
}
.fontSize20 {
    font-size: 20px;
}
.fontSize24 {
    font-size: 24px;
}
.fontSize36 {
    font-size: 36px;
}
/*
###############
END FONT SIZE
###############
*/

/*
###############
TEXT STYLES
###############
*/
.textPreWrap {
    white-space: pre-wrap;
}
.textNoWrap {
    white-space: nowrap
}
.textEllipsis {
    text-overflow: ellipsis;
    overflow: hidden;
}
.textUpper{
    text-transform: uppercase;
}
.textLower{
    text-transform: lowercase;
}
.wordBreak {
    word-break: break-word;
}
.displayNone{
    display: none;
}
.transitionNone {
    transition: none;
}
.floatNone {
    float: none !important;
}
.bold {
    font-weight: bold;
}
.boldImp {
    font-weight: bold !important;
}

.noHighlight {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
/*
###############
END TEXT STYLES
###############
*/





/*
###############
START MARGIN
###############
*/
.marginCenter {
    margin: 0 auto;
}
.marginReset {
    margin: 0px;
}

/* Margin Top */
.marginTop0{
    margin-top: 0px !important;
}
.marginTop5 {
    margin-top: 5px;
}
.marginTop10 {
    margin-top: 10px;
}
.marginTop15 {
    margin-top: 15px;
}
.marginTop20 {
    margin-top: 20px;
}
.marginTop30 {
    margin-top: 30px;
}
.marginTop40 {
    margin-top: 40px;
}
.marginTop50 {
    margin-top: 50px;
}
.marginTop60 {
    margin-top: 60px;
}
.marginTop70 {
    margin-top: 70px;
}
.marginTop80 {
    margin-top: 80px;
}
.marginTop150 {
    margin-top: 150px;
}

/* Margin Bot */
.marginBot0 {
    margin-bottom: 0px !important;
}
.marginBot5 {
    margin-bottom: 5px;
}
.marginBot10 {
    margin-bottom: 10px;
}
.marginBot20 {
    margin-bottom: 20px;
}
.marginBot30 {
    margin-bottom: 30px;
}
.marginBot40 {
    margin-bottom: 40px;
}
.marginBot50 {
    margin-bottom: 50px;
}
.marginBot60 {
    margin-bottom: 60px;
}
.marginBot70 {
    margin-bottom: 70px;
}
.marginBot150 {
    margin-bottom: 150px;
}

/* Margin Left */
.marginleftN15 {
    margin-left: -15px;
}
.marginLeft0 {
    margin-left: 0px;
}
.marginLeft15 {
    margin-left: 15px;
}
.marginLeft20 {
    margin-left: 20px;
}

/* Margin Right */
.marginRight10 {
    margin-right: 10px;
}
.marginRight15 {
    margin-right: 15px;
}

/* Margin Top/Bot */
.marginTopBot0 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.marginTopBot5 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.marginTopBot10 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.marginTopBot20 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.marginTopBot30 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.marginTopBot40 {
    margin-top: 40px;
    margin-bottom: 40px;
}
.marginTopBot50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.marginLeftRightN15 {
    margin-left: -15px;
    margin-right: -15px;
}
.marginLeftRight5 {
    margin-left: 5px;
    margin-right: 5px;
}
.marginLeftRight40 {
    margin-left: 40px;
    margin-right: 40px;
}

.removeRowMargin {
    margin-left: 0px;
    margin-right: 0px;
}

/* 
###################
END MARGIN
###################
*/


/*
###############
START PADDING
###############
*/
.pad0 {
    padding: 0px;
}
.pad25 {
    padding: 25px;
}

/* Padding Top */
.padTop0 {
    padding-top: 0px;
}
.padTop10 {
    padding-top: 10px;
}
.padTop20 {
    padding-top: 20px;
}
.padTop40 {
    padding-top: 40px;
}

/* Padding Bottom */
.padBot0 {
    padding-bottom: 0px;
}
.padBot10 {
    padding-bottom: 10px;
}
.padBot20 {
    padding-bottom: 20px;
}

/* Padding Left */
.padLeft0 {
    padding-left: 0px; 
}
.padLeft10 {
    padding-left: 10px;
}
.padLeft15 {
    padding-left: 15px;
}
.padLeft20 {
    padding-left: 20px;
}
.padLeft30 {
    padding-left: 30px;
}
.padLeft50 {
    padding-left: 50px;
}

/* Padding Left/Right */
.padLeftRight4p {
    padding-left: 4%;
    padding-right: 4%;
}
.padLeftRight15 {
    padding-left: 15px;
    padding-right: 15px;
}
.padLeftRight20 {
    padding-left: 20px;
    padding-right: 20px;
}
.padLeftRight30 {
    padding-left: 30px;
    padding-right: 30px;
}
.padLeftRight40 {
    padding-left: 40px;
    padding-right: 40px;
}

/* Padding Right */
.padRight0 {
    padding-right: 0px;
}
.padRight5 {
    padding-right: 5px;
}
.padRight10 {
    padding-right: 10px;
}

.padRight30 {
    padding-right: 30px;
}
.padRight50 {
    padding-right: 50px;
}

/* Padding Top/Bot */
.padTopBot10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.padTopBot20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
/*
###############
END PADDING
###############
*/



/*
###############
MAX WIDTH
###############
*/
.maxWidth400 {
    max-width: 400px;
}
.maxWidth480 {
    max-width: 480px;
}
.maxWidth500 {
    max-width: 500px;
}
.maxWidth600 {
    max-width: 600px;
}
.maxWidth700 {
    max-width: 700px;
}
.maxWidth800 {
    max-width: 800px;
}
.maxWidth900 {
    max-width: 900px;
}
.maxWidth1000 {
    max-width: 1000px;
}
.maxWidth1100 {
    max-width: 1100px;
}
.maxWidth1200 {
    max-width: 1200px;
}
.maxWidth1300 {
    max-width: 1300px;
}
.maxWidth1350 {
    max-width: 1350px;
}
.maxWidth1400 {
    max-width: 1400px;
}
.maxWidth1700 {
    max-width: 1700px;
}

.maxWidth1920 {
    max-width: 1920px;
}
/*
###############
END MAX WIDTH
###############
*/

.removeHover:hover {
    color: #fff;
    text-decoration: none;
}

@media (max-width: 1920px){
    .displayBlock1920 {
        display: block;
    }
}

@media (max-width: 1200px) {
    /* Display - 1200 */
    .displayNone1200 {
        display: none;
    }
    .displayFlex1200 {
        display: flex;
    }
    .displayBlock1200 {
        display: block;
    }
    
    .marginTop20-1200 {
        margin-top: 20px
    }
    .marginTop40-1200 {
        margin-top: 40px;
    }
    .marginTop80-1200 {
        margin-top: 80px;
    }
    .marginLeftRight20-1200 {
        margin-left: 20px;
        margin-right: 20px;
    }
    .marginCenter1200 {
        margin: 0 auto;
    }
    .pad0-1200 {
        padding: 0px;
    }
    .padLeftRight15-1200 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .padLeftRight20-1200 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .padLeftRight4p-1200 {
        padding-left: 4%;
        padding-right: 4%;
    }
}

@media (max-width: 992px) {
    .displayNone992 {
        display: none;
    }
    .pad0-992 {
        padding: 0px;
    }
    .marginTop0-992 {
        margin-top: 0px;
    }
    .marginTop10-992 {
        margin-top: 10px;
    }
    .marginTop20-992 {
        margin-top: 20px;
    }
    .marginTop40-992 {
        margin-top: 40px;
    }
}

@media (max-width: 768px) {
    /* Display - 768 */
    .displayNone768 {
        display: none;
    }
    .displayFlex768 {
        display: flex;
    }
    .displayBlock768 {
        display: block;
    }
    .displayInlineBlock768 {
        display: inline-block;
    }
    
    /* Margin Top - 768 */
    .marginTop0-768 {
        margin-top: 0px;
    }
    .marginTop10-768 {
        margin-top: 10px;
    }
    .marginTop20-768 {
        margin-top: 20px
    }
    .marginTop30-768 {
        margin-top: 30px;
    }
    .marginTop40-768 {
        margin-top: 40px;
    }
    .marginTop50-768 {
        margin-top: 50px;
    }
    
    .marginBot10-768 {
        margin-bottom: 10px;
    }
    .marginBot20-768 {
        margin-bottom: 20px;
    }
    .marginBot30-768 {
        margin-bottom: 30px;
    }
   
    
    .pad0-768 {
        padding: 0px;
    }
    
    .padBot10-768 {
        padding-bottom: 10px;
    }
    
    .padRight0-768 {
        padding-right: 0px;
    }
    
    .padLeftRight20-768 {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .center-block768 {
        display: block;
        margin: 0 auto;
    }
    
    .maxWidth400-768 {
        max-width: 400px;
    }

}

@media (max-width: 600px) {
    .displayNone600 {
        display: none;
    }
    .displayBlock600 {
        display: block;
    }
}

@media (max-width: 480px) {
    .displayNone480 {
        display: none;
    }
    .displayBlock480 {
        display: block;
    }
}