@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

@import 'reset';
@import 'variables';
@import 'headers';
@import 'links';
@import 'alignment';
@import 'buttons';
@import 'alerts';
@import 'forms';
@import 'results';
@import 'detail';
@import 'trafficlight';

body{
  background-image: url('/images/equichecker/dale_pattern.png');
  background-color: $backgroundColor;
  font-family: $mainFont;
  font-weight: 400;
}

.panel{
  margin: 0 auto;
  padding: 25px 0px 15px 0px;
  background-color:$panelBackgroundColor;
  box-shadow: 0px 1px 15px 1px rgba(0, 0, 0, 0.1);
  width: $panelWidth;
}

.company-detail{
  margin: 0 auto;
  padding: 25px 0px 15px 0px;
  background-color:$panelBackgroundColor;
  box-shadow: 0px 1px 15px 1px rgba(0, 0, 0, 0.1);
  width: $tableWidth;
}

label{
  font-family: $mainFont;
  font-weight: 300;
}

.logo{
  margin-top: 20px;
  .logo-image{
    width: $panelWidth;
    margin: 0px auto 20px;
  }
  .logo-text{
    width: $panelWidth/2;
    margin: 0px auto 20px;
  }
  img{
    width: 100%;
  }
}

.seperator{
  height:20px;
}

.seperator-line{
  width: 85%;
  margin: 20px auto;
  border-top: 1px solid #bcc7ce;
}


.forgot-password{
  margin-top: 20px;
  font-weight: 100;
}

.sub-title{
  margin: 0 auto;
  padding: 25px 20px 35px 20px;
  background-color:$panelBackgroundColor;
  box-shadow: 0px 1px 15px 1px rgba(0, 0, 0, 0.1);
  width: $tableWidth;

  color: rgba(125, 126, 129, 1);
}

@import 'responsive';