$success_green: #429946;
$completed_grey: #999999;
$fail_red: #ce3434;
$on_blue: #417ef4;
$on_yellow: #ffcc00;
$brandon-font-medium: 'Brandon Text Medium';
$brandon-font-regular: 'Brandon Text Regular';
$brandon-font-bold: 'Brandon Text Bold';
$white: #FFF;
$app-header: #292e34;
$background-gray: #efefef; //#f2f2f2
$divider-color: #e9e9e9;
$border-color: #e7e7e7;
$gray-f4: #f4f4f4;
$gray-f5: #f5f5f5;
$gray-fa: #fafafa;
$gray-c0: #c0c0c0;
$gray-fa: #fafafa;
$gray-ee: #eeeeee;
$gray-c7: #c7c7c7;
$gray-d7: #d7d7d7;
$gray-e0: #e0e0e0;
$gray-f9: #f9f9f9;
$orange: #dd712f;
$green: #429946;
$red: #ce3434;
$red-d0: #d0021b;
$sky-blue: #4990e2;
$rest-blue: #4a90e2;
$black: rgb(0, 0, 0);
$black-10: rgba(0, 0, 0, 0.1);
$black-20: rgba(0, 0, 0, 0.2);
$black-25: rgba(0, 0, 0, 0.25);
$black-40: rgba(0, 0, 0, 0.4);
$black-50: rgba(0, 0, 0, 0.5);
$black-60: rgba(0, 0, 0, 0.6);
$black-70: rgba(0, 0, 0, 0.7);
$black-80: rgba(0, 0, 0, 0.8);
$black-90: rgba(0, 0, 0, 0.9);
$white: rgb(255,255,255);
$white-10: rgba(255,255,255, 0.1);
$white-40: rgba(255,255,255, 0.4);
$white-50: rgba(255,255,255, 0.5);
$white-70: rgba(255,255,255, 0.7);
$white-90: rgba(255,255,255, 0.9);
$color_boston_blue_approx: #428bca;
$color_mountain_mist_approx: #999999;

$brandon-font-medium: 'Brandon Text Medium';
$brandon-font-regular: 'Brandon Text Regular';
$brandon-font-bold: 'Brandon Text Bold';

body {
	margin:0;
	padding:0;
}

#app{
	background: rgba(0,0,0,0.1);
    min-height: 100vh;
}

$headerHeight: 64px;



@mixin background-image-retina($file, $type, $size, $repeat:no-repeat, $position:center) {
  background-image: url($file + '.' + $type);

  @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) {
    & {
      background-image: url($file + '@2x.' + $type);
      -webkit-background-size: $size;
      background-size: $size;
      background-repeat: $repeat;
      background-position: $position;
    }
  }
}

@mixin placeholder-color($color){
	&::-webkit-input-placeholder {
		color: $color;
	}
	&::-moz-placeholder {
		color: $color;
	}
	&:-ms-input-placeholder {
		color: $color;
	}
	&:-moz-placeholder {
		color: $color;
	}
}

.secondaryBtn{
	display:inline-block;
}
.primaryBtn{
	display:inline-block;
}
.lf{
	float:left;
}
.rf{
	float:right;
}
.mr20{
	margin-right:20px;
}
.ml20{
  margin-left:20px;
}

.top-class {
  transition: transform 0.5s, opacity 0.5s;

  &.transition-appear {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  &.transition-appear.transition-appear-active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  &.transition-leave {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  &.transition-leave.transition-leave-active {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.material-icons {
    direction: ltr;
    display: inline-block;
    font-family: 'Material Icons';
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
.closeBtn{
	position: absolute!important;
    right: 0px;
    top: 15px;
}

.table {
  display: table;
  table-layout: fixed;
  box-sizing: border-box;
}

.tableRow {
  display: table-row;
  vertical-align: top;
}

.tableCell {
  display: table-cell;
  vertical-align: top;
}

.stretch {
  width: 100%;
  height: 100%;
}

.flex-columns {
  display: flex;
  flex-direction: row;
  width: 100%;
  > {
    .flex-fixed {
      flex: 0 0 auto;
    }
    .flex-flexible {
      flex: 1;
      overflow: auto;
    }
  }
}

.flex-stack {
  display: flex;
  flex-direction: column;
  height: 100%;

  > {
    .flex-flexible {
      flex: 1;
      overflow: auto;
    }
  }
}

.flex-children {
  display: flex;
  > * {
    flex: 1;
  }
}

.Select-value-label{
  font-size:14px;
}

.relative{
  position: relative
}

.ml10px{
  margin-left:10px;
}

.hideImp{
  display: none !important;
}
textarea {
   resize: none;
}
.bold{
  font-weight:bold;
}
.right{
  text-align:right;
}
.left{
  text-align:left;
}
.Select-menu-outer{
  z-index:11;
}