@import "d42-vars.css";
@import "bootstrap.css";
.hero-unit h2 {
  color: #000;
  font-family: var(--headline-font-bold);
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
  margin: 10px auto;
  letter-spacing: 2px;
  background: -webkit-linear-gradient(45deg, #F37033, #FFCE07 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  margin-top: -5px!important;
  float: right;
}
.hero-unit p{
  color: var(--help-txt-color);
margin-top: 0;
width: 100%;
display: block;
font-size: 12px;
float: left;
  font-family: var(--headline-font-bold);
}
.sidebar-nav {
  margin-top: 10px;
  width: 232px;
  border: 4px solid #2220;
}
.navbar .brand {
  margin: 0 auto;
  text-align: center;
  width: 240px;
}
.navbar-inner, .navbar .btn-group .btn, .nav-list{
  background: transparent;
}
.nav-list li, .navbar .brand h2, .navbar .btn-group .btn{
  color: var(--inverse-txt-color);
  font-family: var(--headline-font-bold)!important;
}
.navbar .brand h2{
  font-size: 15px;
  letter-spacing: 2px;
  background: -webkit-linear-gradient(45deg, #F37033, #FFCE07 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.navbar .brand img {
    height: 33px;
}
.navbar-fixed-top {
  top: 0;
  position: fixed;
  margin-top: 40px;
  width: 240px;
  border-bottom: solid 1px #ffffff4d;
  margin-left: 0px;
}
.navbar .btn-group .btn {
  margin: -24px auto 10px;
  float: none;
  width: 170px;
  border: solid 1px #ffffff4d;
  color: #fff;
}
.navbar .btn-group .btn i.fa-user-circle, .nav-list li.nav-cat i{
  color: #ffffff4d;
}
.nav-list li.nav-cat i[style="color: rgb(13, 148, 226);"], .nav-sublist li a i{
  background: -webkit-linear-gradient(45deg, #F37033, #FFCE07 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sidebar-nav{
  padding: 0;
  padding-top: 170px !important;
  height: calc(100% - 170px);
}
.sidebar-nav .nav-list{
  margin-left: 20px;
  margin-top: 0;
}
.nav-sublist li a{
  color: #ffffffc4;
}
.nav-sublist li.active a, .nav-sublist li a:hover{
  color: #fff;
  background: transparent;

}
.nav-sublist{
  border-color: #ffffff4d;
}
.navbar .btn-group.open .btn.dropdown-toggle, .navbar .pull-right .dropdown-menu, .navbar .dropdown-menu.pull-right,
.navbar .dropdown-menu li a:hover, .navbar .btn-group .btn:hover, .navbar .btn-group .btn:focus {
  background-color: #1a0430;
  border-color: #ffffff4d;
}
.navbar .btn-group .btn:focus i.fa-angle-down, .navbar .btn-group.open .btn.dropdown-toggle i.fa-angle-down{
  color: #fff;
}
h3{
  font-family: var(--headline-font-bold);
  color: var(--main-theme-color);
}
.btn, .btn:hover{
   font-family: var(--headline-font-bold);
   background-color: var(--highlight-color);
}
.btn.disabled, .btn[disabled], .btn.disabled:hover, .btn[disabled]:hover{
  background-color: var(--label-txt-color);
}
input[type="checkbox"] + span.cstmcheckbox{
  border-color: var(--border-color);
}
input[type="checkbox"]:checked + span.cstmcheckbox > svg path{
  fill: var(--highlight-color);
}
form.well{
  border-color: var(--border-color);
  border-width: 1px;
  background-color: var(--subheader-bg-color);
  margin-bottom: 10px;
}
body, label, p{
  color: var(--main-txt-color);
  font-family: var(--main-font);
}
a, a:hover {
  color: var(--hyperlink-color);
}
input, textarea{
  border: 0;
  box-shadow: var(--box-shadow);
}
.row-fluid .span9 {
  width: calc(100% - 258px);
  margin-left: 260px;
}
h4, h5{
  color: var(--label-txt-color);
  font-family: var(--headline-font-bold);
}

h2{
  font-family: var(--headline-font-bold);
  color: var(--highlight-color);
  font-size: 20px;
}
.span9 h2{
  margin: 10px 0;
}
.span9 > h4{
  color: var(--highlight-color);
}
.table-bordered{
  border:0;
  box-shadow: var(--box-shadow);
}
.table-bordered th{
  color: var(--main-theme-color);
  font-family: var(--headline-font-bold);
  background: var(--subheader-bg-color);
  background: #fff;
  border-color: transparent;
}
.table-bordered tr th:first-child, .table-bordered tr td:first-child{
  border-left:0;
}
.table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th{
  background-color: var(--subheader-bg-color);
}
#body-login{
  background: var(--gardient-theme-bg-color);
  height: 100vh;
  overflow: hidden;
}
#aplmgr-login {
      padding: 62px 30px;
    width: 280px;
    margin: auto;
    position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-sizing: border-box;
box-shadow: var(--box-shadow);
border-radius: 8px;
  background: linear-gradient(180deg, #20044d 0%, #5a1500 120%);
}
.login-header {
  border-bottom: 0;
  overflow: hidden;
  padding-bottom: 8px;
  padding: 30px 2px 0px;
  margin-bottom: -40px;
}
.login-header::after {
  content: " ";
  background: #ffffff6e;
  width: 180px;
  border-radius: 20px;
  height: 4px;
}
#aplmgr-login h2{
  background: -webkit-linear-gradient(45deg, #F37033, #FFCE07 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    float: right;
    margin-top: -6px;
}
.small.login{
  max-width: 100%;
}
#aplmgr-login form{
  width:100%;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
}
.loginfrm-row{
  width: 100%;
  box-sizing: border-box;
  margin: 4px 0;
  padding: 2px;
}
.loginfrm-row input {
  background-color: #0000006b;
  box-shadow: 0 0 4px 0px #ffffff54;
  border: 0;
  border-radius: 40px;
  font-family: var(--headline-font-bold);
  padding: 10px 20px;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  margin: 20px 0 4px;
  font-size: 11px;
  color: var(--inverse-txt-color);
}
.loginfrm-row input[type="password"]{
  margin-top: 0;
}
.small.login p{
  background: transparent;
  color: var(--inverse-txt-color);
  font-size: 12px;
  border: 0;
  font-family: var(--headline-font-bold);
  padding: 5px 6px;
  border-radius: 2px;
  margin: 30px auto;
  position: relative;
  margin-bottom: -24px;
}
.small.login p.alert-error{
  background: #fcfcfc24;
}
#aplmgr-login form button{
  border: 0;
  font-size: 14px;
  font-family: var(--headline-font-bold);
  padding: 4px 15px;
  margin-top: 8px;
  border-radius: 20px;
  background: -webkit-linear-gradient(45deg, #F37033, #FFCE07 99%);
  border: solid 0px #FFF;
  letter-spacing: .5px;
}
.login-footer {
     background: var(--theme-bg-color);
     position: absolute;
     width: 100%;
     bottom: 0px;
     z-index: 999;
     padding: 18px 42px;
     box-sizing: border-box;
     font-family: var(--main-font);
     box-shadow: var(--box-shadow);
     overflow: hidden;
 }
 .login-footer ul {
   padding: 0;margin: 0;
   float:left;
       margin: 0 0 -9px;

 }
 .login-footer ul li{
     float: left;
     list-style-type: none;
     font-weight: bold;
     font-size: 11px;
     font-family: var(--main-font);
     margin-right: 12px;
     color: var(--help-text-color);
     letter-spacing: 0.5px;
}
.login-footer ul li a:link, .login-footer ul li a:visited{
    color: var(--label-txt-color);
}
.login-footer ul li a:link:hover, .login-footer ul li a:visited:hover{
    color: var(--hyperlink-color);
    text-decoration: underline;
}
 .login-footer ul li.icon-li {
     float: left;
     list-style-type: none;
     font-weight: bold;
     font-size: 14px;
     font-family: var(--main-font);
     margin-right: 12px;
     color: var(--highlight-color);
     margin-top: 0;

 }
.login-footer h5{float:right;color: var(--label-txt-color);font-weight: bold;margin: 0;font-family: var(--main-font);font-size: 11px;text-transform: none;}
.login-footer h5 span{
  color: var(--hyperlink-color);
  text-decoration: underline;
}
 .login-footer h5 a{
        background: var(--highlight-color);
        color: #fff!important;
        padding: 4px 8px 5px;
        border-radius: 2px;
        float: right;
        margin: -5px 0 -20px 8px;
        font-size: 12px;
      }
 .login-footer h5 a i{margin-right: 3px;}