@font-face {
  font-family: din;
  src: url(/assets/fonts/din/DINNextLTPro-Regular.ttf);
  font-weight: 500;
}

@font-face {
  font-family: din;
  font-weight: 700;
  src: url(/assets/fonts/din/DINNextLTPro-Bold.ttf);
}

@font-face {
  font-family: din;
  font-weight: 300;
  src: url(/assets/fonts/din/DINNextLTPro-Light.ttf);
}


body.login{
  background: url('/assets/img/cms/swirl_pattern.png');
  min-height: 100%;
}

.roketin-banner .left-bar h1{
  font-family: din;
  font-weight: 700;
  font-size: 4.8em;
  padding: 100px;
  color: white;
}

.login-sidebar{
  width: 414px;
  height: 100%;
  background-color: white;
  position: fixed;
  top: 0px;
  right: 0px;
}

.panel-roketin-header{
  margin-left: 30px;
  margin-top:30px;
  color: #141429;
  text-shadow: 1px 1px 1px #DEDEDE;
  font-family: din;
  font-weight: 300;
  
}

.logo-header{
  background-image:
    linear-gradient(
      rgba(0,0,0,.9), rgba(0,0,0,.0)
    );
}

.floating-footer{
  position: absolute;
  bottom: 30px;
  left: 40px;
}

.btn-link{
  padding: 0px;
}

.logo{
  text-align: center;
}

.logo img{
  max-width: 200px; 
  width:100%;
}

.panel-roketin .panel-heading{
  background: transparent;
  text-align: left;
  text-transform: uppercase;
  font-size: x-large;
  color: #FF3030;
}

.panel-roketin .panel-body{
  padding: 15px !important;
}

.panel-roketin{
  margin-top: 0px;
  padding: 50px /*50px 50px 50px*/;
  max-height: 475px;
  overflow-y: auto;
}

.panel-roketin input, .roketin-form input, .panel-roketin textarea, .roketin-form textarea{
  background-color: rgba(255,255,255,.3);
  border: 1px solid #BBB;
  color: #333 !important;
}

.panel-roketin label, .roketin-form label{
  color: black;
}

/*choose companies*/

.register{
  margin-bottom: 30px;
}

.company-list{
  padding: 10px 10px;
  margin-bottom: 2px;
  transition: 0.3s;
  border-radius: 0px;
  border-left: 2px solid rgb(20, 20, 41);
  background-color: rgba(20, 20, 41,.2);
}

.company-list a, .company-list a:hover{
  color: rgb(20, 20, 41);
}

.company-list:hover{
  transition: 0.3s;
  color: #FF3030;
  background-color: #FCDBD9;
  border-color: #F75145;
}

.roketin-form .shadow{
  border-radius: 0px;
  background-color: transparent;
}

.r-btn{
  border-radius: 0px;
  transition: all 0.3s ease 0s;
  font-weight: normal;
}

.r-btn-red{
  background-color: transparent;
  border: 1px solid #FF3030;
  color: #FF3030;
}

.r-btn-red:hover{
  border: 1px solid #FF3030;
  background-color: rgba(255, 48, 48, 0.2);
  color: #FF3030;
}

.r-btn-grey{
  background-color: transparent;
  border: 1px solid #252525;
  color: #252525;
}

.r-btn-grey:hover{
  border: 1px solid #252525;
  background-color: rgba(37, 37, 37,.2);
  color: #252525;
}

.btn.disabled, .btn[disabled]{
  background-color: transparent;
  border: 1px solid #777;
}

.footer{
  margin-top: 20px;
}