body {
     background: #f9f9f9;
     font-family: 'Roboto Light', Arial, Helvetica, sans-serif;
     font-weight: 300;
     min-height: 100%;
     overflow-x: hidden;
     position: relative;
 }
 header.header-default {
     background: #1f1f1f;
     color: #fff;
 }
 header {
     background: #222222;
     min-height: 50px;
     position: relative;
 }
 header .brand a {
     display: inline-block;
     min-height: 24px;
     white-space: nowrap;
 }
 header .brand img.logo {
     height: 24px;
 }
 header .brand h1 {
     display: inline-block;
     line-height: 1;
     font-size: 18px;
     margin: 0 0 0 5px;
     font-weight: 300;
     color: #fff;
 }
 header .brand h1 em {
     font-weight: 500;
     font-size: 17px;
     margin: 0;
     color: #ffffff;
     padding: 3px 0 0 0;
     font-style: normal;
     text-transform: uppercase;
 }
 footer {
     position: fixed;
     bottom: 0;
     width: 100%;
     min-height: 40px;
     overflow: hidden;
     color: #cbcbcb;
     background: #222222;
 }
 footer > .container, footer > .container-fluid {
     padding-right: 15px;
     padding-left: 15px;
 }
 footer > .container p, footer > .container-fluid p {
     line-height: 40px;
     margin-bottom: 0;
 }
 footer a, footer a:hover {
     color: #cbcbcb;
 }

 .col-centered{
     float: none;
     margin: 0 auto;
 }
 .boarder-bottom-black {
     border-bottom: 2px solid #222222;
 }
 .padding-double {
     padding: 20px;
 }
 .white {
     color: #FFF;
 }
 .gray-bg {
     background-color: #525252 !important;
 }
 .uppercase {
     text-transform: uppercase;
 }
 .boarder-all {
     border: 1px solid #d8d8d8;
     background: #FFF;
     margin-top: -10px;
 }
 .font-large {
     font-size: 16px;
 }
 .wr-login {
     padding-top: 50px;

 }

 .wr-login input[type=text], .wr-login input[type=password]{
     border: 1px #d2d2d2 solid;
     width: 100%;
     padding: 6px 10px;
     z-index: 1;
     -webkit-appearance: none;
     line-height: 30px;
     border-radius: 0px;
 }
 .padding-left {padding-left:10px;}
 .padding-right {padding-right:10px;}
 .padding-top {padding-top:10px;}
 .padding-bottom {padding-bottom:10px;}
 .padding{padding:10px;}
 .padding-none{ padding:0px !important;}

 .padding-left-double {padding-left:20px;}
 .padding-right-double {padding-right:20px;}
 .padding-top-double {padding-top:20px;}
 .padding-bottom-double {padding-bottom:20px;}
 .padding-double{padding:20px;}

 .margin-left {margin-left:10px;}
 .margin-right {margin-right:10px;}
 .margin-top {margin-top:10px;}
 .margin-bottom {margin-bottom:10px;}
 .margin-bottom-half {margin-bottom:5px;}
 .margin{margin:10px;}
 .margin-none{margin: 0px !important;}

 .margin-left-double {margin-left:20px;}
 .margin-right-double {margin-right:20px;}
 .margin-top-double {margin-top:20px;}
 .margin-bottom-double {margin-bottom:20px;}
 .margin-double{margin:20px;}
 .font-small{font-size:12px;}
 .font-medium{font-size:16px;}
 .font-large{font-size:1.3em;}
 .font-extra-large{font-size:20px !important;}

 .border-top{
     border-top: 1px solid #d8d8d8;
 }
.padding-bottom-100{
    padding-bottom: 100px;
}
 .padding-10{
     padding: 10px;
}
.margin-bottom-3{
    margin-bottom: 3px;
}
.table-of-contents {
    margin-top: 50px;
    background: #eeeeee;
    border: 1px solid #d8d8d8;
    padding: 1em 2em;
}
.table-of-contents ul {
    padding: 0;
}
.table-of-contents li {
    margin: 0 0 0.25em 0;
}
.table-of-contents li.sub{
    text-indent: 20px;
    list-style-type: circle;
    list-style-position: inside;
}
.table-of-contents a {
    text-decoration: none;
}
.table-of-contents a:hover,
.table-of-contents a:active {
    text-decoration: underline;
}

h2:target {
    animation: highlight 2s ease;
}
.display-block-xs {
  display: block !important;
}