/*
 * Css Global
 */

body {
    font-family: 'Kameron', serif;
}

/* Margin Top */
.mt5 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt25 { margin-top: 25px!important; }
.mt30 { margin-top: 30px!important; }
.mt35 { margin-top: 35px!important; }
.mt40 { margin-top: 40px!important; }
.mt45 { margin-top: 45px!important; }
.mt50 { margin-top: 50px!important; }

/* Margin Bottom */
.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb25 { margin-bottom: 25px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb35 { margin-bottom: 35px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb45 { margin-bottom: 45px!important; }
.mb50 { margin-bottom: 50px!important; }

/* Margin left */
.ml5 { margin-left: 5px!important; }
.ml10 { margin-left: 10px!important; }
.ml15 { margin-left: 15px!important; }
.ml20 { margin-left: 20px!important; }
.ml25 { margin-left: 25px!important; }
.ml30 { margin-left: 30px!important; }
.ml35 { margin-left: 35px!important; }
.ml40 { margin-left: 40px!important; }
.ml45 { margin-left: 45px!important; }
.ml50 { margin-left: 50px!important; }

/* Margin Right */
.mr5 { margin-right: 5px!important; }
.mr10 { margin-right: 10px!important; }
.mr15 { margin-right: 15px!important; }
.mr20 { margin-right: 20px!important; }
.mr25 { margin-right: 25px!important; }
.mr30 { margin-right: 30px!important; }
.mr35 { margin-right: 35px!important; }
.mr40 { margin-right: 40px!important; }
.mr45 { margin-right: 45px!important; }
.mr50 { margin-right: 50px!important; }

/* Padding Top */
.pt5 { padding-top: 5px!important; }
.pt10 { padding-top: 10px!important; }
.pt15 { padding-top: 15px!important; }
.pt20 { padding-top: 20px!important; }
.pt25 { padding-top: 25px!important; }
.pt30 { padding-top: 30px!important; }
.pt35 { padding-top: 35px!important; }
.pt40 { padding-top: 40px!important; }
.pt45 { padding-top: 45px!important; }
.pt50 { padding-top: 50px!important; }

/* Padding Bottom */
.pb5 { padding-bottom: 5px!important; }
.pb10 { padding-bottom: 10px!important; }
.pb15 { padding-bottom: 15px!important; }
.pb20 { padding-bottom: 20px!important; }
.pb25 { padding-bottom: 25px!important; }
.pb30 { padding-bottom: 30px!important; }
.pb35 { padding-bottom: 35px!important; }
.pb40 { padding-bottom: 40px!important; }
.pb45 { padding-bottom: 45px!important; }
.pb50 { padding-bottom: 50px!important; }

/* BorderTop */
.borderTop { border-top-style: solid; }

/* Border Right */
.borderRight { border-right-style: solid; }

/* Border Bottom */
.borderBottom { border-bottom-style: solid; }

/* Border Left */
.borderLeft { border-left-style: solid; }

/* Border */
.borderW1 { border-width: 1px; }
.borderW2 { border-width: 2px; }
.borderW3 { border-width: 3px; }
.borderW4 { border-width: 4px; }
.borderW5 { border-width: 5px; }

/* Border Color */
.borderBlack { border-color: #0b0b0b; }

/* Fonts */
.font700 { font-weight: 700; }
.fontItalic { font-style: italic; }

.fs-10 { font-size: 10px; }
.fs-12 { font-size: 12px; }
.fs-14 { font-size: 14px; }
.fs-15 { font-size: 15px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }
.fs-20 { font-size: 20px; }
.fs-22 { font-size: 22px; }
.fs-24 { font-size: 24px; }
.fs-25 { font-size: 25px; }
.fs-26 { font-size: 26px; }
.fs-28 { font-size: 28px; }
.fs-30 { font-size: 30px; }
.fs-35 { font-size: 35px; }

/* */
.clearfix {
    clear: both;
}

/* Loader */
.loader-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 10%;
    text-align: center;
    background: #efefef;
    z-index: 999;
}

/* Animation */
a,
.btn,
.btn:focus,
.btn:active,
.btn:hover,
input[type="submit"] {
    -webkit-transition: all 0.8s ease-in-out 0s;
    -moz-transition: all 0.8s ease-in-out 0s;
    -ms-transition: all 0.8s ease-in-out 0s;
    -o-transition: all 0.8s ease-in-out 0s;
    transition: all 0.8s ease-in-out 0s;
}

/* Custom Text */
.text-uppercase { text-transform: uppercase; }

/* Menu User */
.sidenav .user-view .circle {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.navTitle {
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 700;
    padding: 10px 15px;
    border-bottom: solid 2px #0b0b0b;
}

.userPicThumb {
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

main.container {
    margin-top: 20px;
}
.commentText {
    font-size: 12px;
}
.commentText > div > span {
    font-weight: 700;
}
.award i,
.award svg{
    color: #891826;
}
.award span{
    display: block;
    text-transform: uppercase;
}
.link {
    color: #9e9e9e;
    font-size: 10px;
    font-weight: 700;
}
.link:hover { color: #891826; }

.resumeListing .resumeTitle {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: solid 1px #891826;
    color: #891826;
    text-align: center;
    padding: 0 10px 10px;
    margin-bottom: 10px;
}
.resumeListing .statsTitle {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #9e9e9e;
    text-shadow: -1px 0px #F1EBE9;
}
.resumeListing .statsPercent {
    font-size: 70px;
    line-height: 70px;
    font-weight: 700;
    text-transform: uppercase;
}
.resumeListing .statsPercent span {
    position: absolute;
    font-size: 20px;
    color: #9e9e9e;
    margin-top: 15px;
}
.errorList {
    font-size:14px;
    color: #9e9e9e;
}
.genderStyle {
    font-size: 40px;
}