.menu-custom {
    background: transparent !important;
    box-shadow: unset !important;
}
td a {
    margin: 0px 5px;
}
.user-logo {
    width: 30%;
}
.user-logo img {
    width: 100%;
}
.radio-buttons-sub {
    margin-left: 20px;
}
.field-values-wrapper p {
    color: grey;
}
body, html {
    height:100%;
      background: #1c1e21;
        overflow-x: hidden;
      font-family: 'Dosis', sans-serif;
  }
  
  btn {
      border-radius: 0
  
    
  }
  .btn:focus, .btn:active, .btn.active, .btn:active:focus {
      outline: 0;
    border-radius: 0
  }
  
  
  
  .btn-larger {
      padding: 15px 40px !important;
      border:2px solid #F7CA18 !important;;
      border-radius: 0px !important;;
      text-transform: uppercase;
      font-family: 'Dosis', sans-serif;
      font-size: 18px;
      font-weight: 300;
      color: #F7CA18;
      background-color: transparent;
      -webkit-transition: all .6s;
      -moz-transition: all .6s;
      transition: all .6s;
    
  
  }
  .btn-larger:hover, .btn-larger:focus, .btn-larger:active, .btn-larger.active, .open .dropdown-toggle.btn-larger {
      border-color: #F7CA18;
      color: #fff;
      background-color: #F7CA18;
    border-radius: 0
  }
  .btn-larger:active, .btn-larger.active, .open .dropdown-toggle.btn-larger {
      background-image: none;
  }
  .btn-larger.disabled, .btn-larger[disabled], fieldset[disabled] .btn-larger, .btn-larger.disabled:hover, .btn-larger[disabled]:hover, fieldset[disabled] .btn-larger:hover, .btn-larger.disabled:focus, .btn-larger[disabled]:focus, fieldset[disabled] .btn-larger:focus, .btn-larger.disabled:active, .btn-larger[disabled]:active, fieldset[disabled] .btn-larger:active, .btn-larger.disabled.active, .btn-larger[disabled].active, fieldset[disabled] .btn-larger.active {
      border-color: #AEA8D3;
      background-color: #AEA8D3;
  }
  .btn-larger .badge {
      color: #AEA8D3;
      background-color: #fff;
  }
  
  div#form {
      color: #fff;
      background-attachment: scroll;
      background: #1c1e21 url(https://static.pexels.com/photos/8819/warsaw.jpg);
      background-position: center center;
      background-repeat: none;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;
    min-height:100%;
  
  }
  
  #userform p {
      font-size: 14px;
      margin-bottom: 5px;
  }
  #userform ul {
      list-style-type: none;
      padding: 0;
      margin-bottom: 0px;
  }
  #userform {
    border-radius: 50px;
      background: rgba(0,0,0,0.8);
      margin: 20px 0 20px 0
  }
   @media (min-width: 768px) {
  #userform {
      background: rgba(0,0,0,0.8);
      margin: 50px 0 20px 0
  }
  }
  #userform .nav-tabs.nav-justified > li > a {
      text-transform: uppercase;
      font-size: 20px;
      color: #F7CA18;
      background-color: rgba(90,90,90,0.5);
  }
  #userform .nav-tabs.nav-justified > .active > a, #userform .nav-tabs.nav-justified > .active > a:hover, #userform .nav-tabs.nav-justified > .active > a:focus {
      border: 0;
      background: #F7CA18;
      color: white;
      border-radius: 0;
  }
  #userform .nav-justified > li > a {
      margin-bottom: 0;
      -webkit-transition: all .6s;
      -moz-transition: all .6s;
      transition: all .6s;
  }
  #userform .nav-justified > li > a:hover {
      background: #AEA8D3;
      color: #FFF;
  }
  #userform .nav-tabs > li > a {
      border: 0px solid transparent;
      border-radius: 0
  }
  #userform .nav-tabs.nav-justified > li > a:hover {
      background: #F7CA18;
      color: #FFF;
      border-radius: 0;
      border: 0;
      -webkit-transition: all .6s;
      -moz-transition: all .6s;
      transition: all .6s;
  }
  #userform .nav-tabs > li.active > a, #userform .nav-tabs > li.active > a:hover, #userform .nav-tabs > li.active > a:focus {
      color: #F7CA18;
      cursor: default;
      background-color: transparent;
      border: 0;
      -webkit-transition: all .6s;
      -moz-transition: all .6s;
      transition: all .6s;
  }
   @media (min-width: 768px) {
  #userform .nav-tabs.nav-justified > li > a {
      border: 0;
      -webkit-transition: all .6s;
      -moz-transition: all .6s;
      transition: all .6s;
  }
  #userform .nav-tabs.nav-justified > li > a:hover {
      background-color: #F7CA18;
      border-color: transparent;
      border: 0;
      -webkit-transition: all .6s;
      -moz-transition: all .6s;
      transition: all .6s;
  }
  }
   @media (max-width: 768px) {
  .nav-justified > li {
      display: table-cell !important;
      width: 1% !important;
  }
  }
  #userform .nav-tabs {
      border-bottom: 0px solid #ddd;
  }
  #userform .tab-pane h2 {
      margin: 10px 0;
      color: #FFF;
  }
  #userform .tab-pane p.lead {
      margin-top: 20px;
  }
  #userform .tab-content {
      padding: 20px
  }
  #userform .form-group {
      margin-bottom: 0px;
      color: #FFF;
  }
  #userform .form-group input, #userform .form-group textarea {
      padding: 10px;
  }
  #userform .form-group input.form-control {
      height: auto;
      background-color: rgba(237, 235, 250, 0.1);
      color: #FFF;
  }
  #userform .form-control {
      border-radius: 0;
      border: 1px solid #fff;
  }
  #userform .form-control:focus {
      border-color: #F7CA18;
      box-shadow: none;
  }
   #userform::-webkit-input-placeholder {
   text-transform: uppercase;
  font-family: 'Dosis', sans-serif;
  font-weight: 700;
   color: #bbb;
  }
  #userform #signup .form-group label {
      position: relative;
      -webkit-transform: translateY(35px);
      -ms-transform: translateY(35px);
      transform: translateY(35px);
      left: 10px;
      top: 0px;
      color: rgba(255, 255, 255, 0.5);
      -webkit-transition: all 0.25s ease;
      transition: all 0.25s ease;
      -webkit-backface-visibility: hidden;
      pointer-events: none;
      font-size: 12px;
      font-weight: 300
  }
  #userform #signup .form-group label .req {
      margin: 2px;
      color: #F7CA18;
  }
  #userform #signup .form-group label.active {
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px);
      left: 2px;
      font-size: 12px;
  }
  #userform #signup .form-group label.active .req {
      opacity: 0;
  }
  #userform label.highlight {
      color: #ffffff;
  }
  #userform #login .form-group label {
      position: relative;
      -webkit-transform: translateY(35px);
      -ms-transform: translateY(35px);
      transform: translateY(35px);
      left: 10px;
      top: 0px;
      color: rgba(255, 255, 255, 0.5);
      -webkit-transition: all 0.25s ease;
      transition: all 0.25s ease;
      -webkit-backface-visibility: hidden;
      pointer-events: none;
      font-size: 12px;
      font-weight: 300
  }
  #userform #login .form-group label .req {
      margin: 2px;
      color: #F7CA18;
  }
  #userform #login .form-group label.active {
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px);
      left: 2px;
      font-size: 12px;
  }
  #userform #login .form-group label.active .req {
      opacity: 0;
  }
  
  .mrgn-30-top {
      margin-top: 30px
  }
  .login-form-container {
    display: flex;
    flex-wrap: wrap;
}
.user-img-container {
    width: 100%;
    padding: 20px;
    text-align: center;
}
.user-img-container img {
    width: 30%;
    padding: 10px;
}
.form-container {
    width: 100%;
    padding: 20px;
}
.login-error {
    text-align: center;
}
.radio-wrapper span{
    margin-right: 20px;
}