@icon-font-path: "~@blueprintjs/core/resources/icons";
@import "~@blueprintjs/core/dist/blueprint.css";
@import "~@blueprintjs/core/dist/variables";
@import "~@blueprintjs/table/dist/table.css";

// Oswald
@font-face {
  font-family: 'Oswald';
  font-weight: 300;
  font-style: normal;
  src: url('/assets/Oswald/Oswald-300/Oswald-300.eot');
  src: url('/assets/Oswald/Oswald-300/Oswald-300.eot?#iefix') format('embedded-opentype'),
       local('Oswald Light'),
       local('Oswald-300'),
       url('/assets/Oswald/Oswald-300/Oswald-300.woff2') format('woff2'),
       url('/assets/Oswald/Oswald-300/Oswald-300.woff') format('woff'),
       url('/assets/Oswald/Oswald-300/Oswald-300.ttf') format('truetype'),
       url('/assets/Oswald/Oswald-300/Oswald-300.svg#Oswald') format('svg');
}

@font-face {
  font-family: 'Oswald';
  font-weight: 400;
  font-style: normal;
  src: url('/assets/Oswald/Oswald-regular/Oswald-regular.eot');
  src: url('/assets/Oswald/Oswald-regular/Oswald-regular.eot?#iefix') format('embedded-opentype'),
       local('Oswald Regular'),
       local('Oswald-regular'),
       url('/assets/Oswald/Oswald-regular/Oswald-regular.woff2') format('woff2'),
       url('/assets/Oswald/Oswald-regular/Oswald-regular.woff') format('woff'),
       url('/assets/Oswald/Oswald-regular/Oswald-regular.ttf') format('truetype'),
       url('/assets/Oswald/Oswald-regular/Oswald-regular.svg#Oswald') format('svg');
}

@font-face {
  font-family: 'Oswald';
  font-weight: 700;
  font-style: normal;
  src: url('/assets/Oswald/Oswald-700/Oswald-700.eot');
  src: url('/assets/Oswald/Oswald-700/Oswald-700.eot?#iefix') format('embedded-opentype'),
       local('Oswald Bold'),
       local('Oswald-700'),
       url('/assets/Oswald/Oswald-700/Oswald-700.woff2') format('woff2'),
       url('/assets/Oswald/Oswald-700/Oswald-700.woff') format('woff'),
       url('/assets/Oswald/Oswald-700/Oswald-700.ttf') format('truetype'),
       url('/assets/Oswald/Oswald-700/Oswald-700.svg#Oswald') format('svg');
}

// Segoe UI
@font-face {
  font-family: 'Segoe UI';
  font-weight: normal;
  font-style: normal;
  src: url('/assets/fonts/Segoe-UI/segoeui.ttf') format('truetype');
}

@font-face {
  font-family: 'Segoe UI';
  font-weight: bold;
  font-style: normal;
  src: url('/assets/fonts/Segoe-UI/segoeuib.ttf') format('truetype');
}

@font-face {
  font-family: 'Segoe UI';
  font-weight: normal;
  font-style: italic;
  src: url('/assets/fonts/Segoe-UI/segoeuii.ttf') format('truetype');
}

@font-face {
  font-family: 'Segoe UI';
  font-weight: 300;
  font-style: normal;
  src: url('/assets/fonts/Segoe-UI/segoeuil.ttf') format('truetype');
}

@font-face {
  font-family: 'Segoe UI';
  font-weight: 400;
  font-style: normal;
  src: url('/assets/fonts/Segoe-UI/segoeuisl.ttf') format('truetype');
}

@font-face {
  font-family: 'Segoe UI';
  font-weight: bold;
  font-style: italic;
  src: url('/assets/fonts/Segoe-UI/segoeuiz.ttf') format('truetype');
}

@font-face {
  font-family: 'Segoe UI';
  font-weight: 300;
  font-style: italic;
  src: url('/assets/fonts/Segoe-UI/seguili.ttf') format('truetype');
}

// Roboto
@font-face {
  font-family: 'Roboto';
  font-weight: 300;
  font-style: normal;
  src: url('/assets/fonts/Roboto/Roboto-300/Roboto-300.eot');
  src: url('/assets/fonts/Roboto/Roboto-300/Roboto-300.eot?#iefix') format('embedded-opentype'),
       local('Roboto Light'),
       local('Roboto-300'),
       url('/assets/fonts/Roboto/Roboto-300/Roboto-300.woff2') format('woff2'),
       url('/assets/fonts/Roboto/Roboto-300/Roboto-300.woff') format('woff'),
       url('/assets/fonts/Roboto/Roboto-300/Roboto-300.ttf') format('truetype'),
       url('/assets/fonts/Roboto/Roboto-300/Roboto-300.svg#Roboto') format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  src: url('/assets/fonts/Roboto/Roboto-regular/Roboto-regular.eot');
  src: url('/assets/fonts/Roboto/Roboto-regular/Roboto-regular.eot?#iefix') format('embedded-opentype'),
       local('Roboto'),
       local('Roboto-regular'),
       url('/assets/fonts/Roboto/Roboto-regular/Roboto-regular.woff2') format('woff2'),
       url('/assets/fonts/Roboto/Roboto-regular/Roboto-regular.woff') format('woff'),
       url('/assets/fonts/Roboto/Roboto-regular/Roboto-regular.ttf') format('truetype'),
       url('/assets/fonts/Roboto/Roboto-regular/Roboto-regular.svg#Roboto') format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-weight: 500;
  font-style: normal;
  src: url('/assets/fonts/Roboto/Roboto-500/Roboto-500.eot');
  src: url('/assets/fonts/Roboto/Roboto-500/Roboto-500.eot?#iefix') format('embedded-opentype'),
       local('Roboto Medium'),
       local('Roboto-500'),
       url('/assets/fonts/Roboto/Roboto-500/Roboto-500.woff2') format('woff2'),
       url('/assets/fonts/Roboto/Roboto-500/Roboto-500.woff') format('woff'),
       url('/assets/fonts/Roboto/Roboto-500/Roboto-500.ttf') format('truetype'),
       url('/assets/fonts/Roboto/Roboto-500/Roboto-500.svg#Roboto') format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: normal;
  src: url('/assets/fonts/Roboto/Roboto-700/Roboto-700.eot');
  src: url('/assets/fonts/Roboto/Roboto-700/Roboto-700.eot?#iefix') format('embedded-opentype'),
       local('Roboto Bold'),
       local('Roboto-700'),
       url('/assets/fonts/Roboto/Roboto-700/Roboto-700.woff2') format('woff2'),
       url('/assets/fonts/Roboto/Roboto-700/Roboto-700.woff') format('woff'),
       url('/assets/fonts/Roboto/Roboto-700/Roboto-700.ttf') format('truetype'),
       url('/assets/fonts/Roboto/Roboto-700/Roboto-700.svg#Roboto') format('svg');
}
// Roboto Condensed

@font-face {
  font-family: 'Roboto Condensed';
  font-weight: 300;
  font-style: normal;
  src: url('/assets/fonts/Roboto-Condensed/Roboto-Condensed-300/Roboto-Condensed-300.eot');
  src: url('/assets/fonts/Roboto-Condensed/Roboto-Condensed-300/Roboto-Condensed-300.eot?#iefix') format('embedded-opentype'),
       local('Roboto Condensed Light'),
       local('Roboto-Condensed-300'),
       url('/assets/fonts/Roboto-Condensed/Roboto-Condensed-300/Roboto-Condensed-300.woff2') format('woff2'),
       url('/assets/fonts/Roboto-Condensed/Roboto-Condensed-300/Roboto-Condensed-300.woff') format('woff'),
       url('/assets/fonts/Roboto-Condensed/Roboto-Condensed-300/Roboto-Condensed-300.ttf') format('truetype'),
       url('/assets/fonts/Roboto-Condensed/Roboto-Condensed-300/Roboto-Condensed-300.svg#RobotoCondensed') format('svg');
}

@font-face {
  font-family: 'Roboto Condensed';
  font-weight: 400;
  font-style: normal;
  src: url('/assets/fonts/Roboto-Condensed/Roboto-Condensed-regular/Roboto-Condensed-regular.eot');
  src: url('/assets/fonts/Roboto-Condensed/Roboto-Condensed-regular/Roboto-Condensed-regular.eot?#iefix') format('embedded-opentype'),
       local('Roboto Condensed'),
       local('Roboto-Condensed-regular'),
       url('/assets/fonts/Roboto-Condensed/Roboto-Condensed-regular/Roboto-Condensed-regular.woff2') format('woff2'),
       url('/assets/fonts/Roboto-Condensed/Roboto-Condensed-regular/Roboto-Condensed-regular.woff') format('woff'),
       url('/assets/fonts/Roboto-Condensed/Roboto-Condensed-regular/Roboto-Condensed-regular.ttf') format('truetype'),
       url('/assets/fonts/Roboto-Condensed/Roboto-Condensed-regular/Roboto-Condensed-regular.svg#RobotoCondensed') format('svg');
}

@font-face {
  font-family: 'Roboto Condensed';
  font-weight: 700;
  font-style: normal;
  src: url('/assets/fonts/Roboto-Condensed/Roboto-Condensed-700/Roboto-Condensed-700.eot');
  src: url('/assets/fonts/Roboto-Condensed/Roboto-Condensed-700/Roboto-Condensed-700.eot?#iefix') format('embedded-opentype'),
       local('Roboto Condensed Bold'),
       local('Roboto-Condensed-700'),
       url('/assets/fonts/Roboto-Condensed/Roboto-Condensed-700/Roboto-Condensed-700.woff2') format('woff2'),
       url('/assets/fonts/Roboto-Condensed/Roboto-Condensed-700/Roboto-Condensed-700.woff') format('woff'),
       url('/assets/fonts/Roboto-Condensed/Roboto-Condensed-700/Roboto-Condensed-700.ttf') format('truetype'),
       url('/assets/fonts/Roboto-Condensed/Roboto-Condensed-700/Roboto-Condensed-700.svg#RobotoCondensed') format('svg');
}

// Montserrat
@font-face {
  font-family: 'Montserrat';
  font-weight: 400;
  font-style: normal;
  src: url('/assets/fonts/Montserrat/Montserrat-regular/Montserrat-regular.eot');
  src: url('/assets/fonts/Montserrat/Montserrat-regular/Montserrat-regular.eot?#iefix') format('embedded-opentype'),
       local('Montserrat-Regular'),
       local('Montserrat-regular'),
       url('/assets/fonts/Montserrat/Montserrat-regular/Montserrat-regular.woff2') format('woff2'),
       url('/assets/fonts/Montserrat/Montserrat-regular/Montserrat-regular.woff') format('woff'),
       url('/assets/fonts/Montserrat/Montserrat-regular/Montserrat-regular.ttf') format('truetype'),
       url('/assets/fonts/Montserrat/Montserrat-regular/Montserrat-regular.svg#Montserrat') format('svg');
}

@font-face {
  font-family: 'Montserrat';
  font-weight: 700;
  font-style: normal;
  src: url('/assets/fonts/Montserrat/Montserrat-700/Montserrat-700.eot');
  src: url('/assets/fonts/Montserrat/Montserrat-700/Montserrat-700.eot?#iefix') format('embedded-opentype'),
       local('Montserrat-Bold'),
       local('Montserrat-700'),
       url('/assets/fonts/Montserrat/Montserrat-700/Montserrat-700.woff2') format('woff2'),
       url('/assets/fonts/Montserrat/Montserrat-700/Montserrat-700.woff') format('woff'),
       url('/assets/fonts/Montserrat/Montserrat-700/Montserrat-700.ttf') format('truetype'),
       url('/assets/fonts/Montserrat/Montserrat-700/Montserrat-700.svg#Montserrat') format('svg');
}



// cmu
@font-face {
  font-family: 'Computer Modern Serif';
  src: url('/assets/fonts/cmu/cmunrm.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Computer Modern Serif';
  src: url('/assets/fonts/cmu/cmunbx.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Computer Modern Serif';
  src: url('/assets/fonts/cmu/cmunbx.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Computer Modern Serif';
  src: url('/assets/fonts/cmu/cmunti.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Computer Modern Serif';
  src: url('/assets/fonts/cmu/cmunbi.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Computer Modern Serif';
  src: url('/assets/fonts/cmu/cmunbi.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}


.cmu {
  font-family: 'Computer Modern Serif', 'Roboto', 'Helvetica Neue, Helvetica, Arial', sans-serif;
}

.Select.is-focused:not(.is-open) > .Select-control {
  border-color: #d9d9d9 #cccccc #b3b3b3;
  box-shadow: none;
}

// Work Sans
@font-face {
  font-family: 'Work Sans';
  font-weight: light;
  font-style: normal;
  src: url('/assets/fonts/WorkSans/WorkSans-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Work Sans';
  font-weight: normal;
  font-style: normal;
  src: url('/assets/fonts/WorkSans/WorkSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Work Sans';
  font-weight: bold;
  font-style: normal;
  src: url('/assets/fonts/WorkSans/WorkSans-Bold.ttf') format('truetype');
}




.react-resizable {
  position: relative;
}
.react-resizable-handle {
  position: absolute;
  border-radius: 2px;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  padding: 0 3px 3px 0;
  box-sizing: border-box;
  cursor: se-resize;
  outline: none;
  &:hover {
    border: 1px solid #eee;
  }
  &:focus, &:active {
    background-color: rgba(255, 255, 255, 0.5);
  }
}

