/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
font-family: 'Raleway Regular';
font-style: normal;
font-weight: normal;
src: local('Raleway Regular'), url('../fonts/Raleway/Raleway-Regular.woff') format('woff');
}


@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: normal;
src: local('Raleway'), url('../fonts/Raleway/Raleway-Regular.woff') format('woff');
}


@font-face {
font-family: 'Raleway Italic';
font-style: normal;
font-weight: normal;
src: local('Raleway Italic'), url('../fonts/Raleway/Raleway-Italic.woff') format('woff');
}


@font-face {
font-family: 'Raleway Thin';
font-style: normal;
font-weight: normal;
src: local('Raleway Thin'), url('../fonts/Raleway/Raleway-Thin.woff') format('woff');
}


@font-face {
font-family: 'Raleway Thin Italic';
font-style: normal;
font-weight: normal;
src: local('Raleway Thin Italic'), url('../fonts/Raleway/Raleway-ThinItalic.woff') format('woff');
}


@font-face {
font-family: 'Raleway ExtraLight';
font-style: normal;
font-weight: normal;
src: local('Raleway ExtraLight'), url('../fonts/Raleway/Raleway-ExtraLight.woff') format('woff');
}


@font-face {
font-family: 'Raleway ExtraLight Italic';
font-style: normal;
font-weight: normal;
src: local('Raleway ExtraLight Italic'), url('../fonts/Raleway/Raleway-ExtraLightItalic.woff') format('woff');
}


@font-face {
font-family: 'Raleway Light';
font-style: normal;
font-weight: normal;
src: local('Raleway Light'), url('../fonts/Raleway/Raleway-Light.woff') format('woff');
}


@font-face {
font-family: 'Raleway Light Italic';
font-style: normal;
font-weight: normal;
src: local('Raleway Light Italic'), url('../fonts/Raleway/Raleway-LightItalic.woff') format('woff');
}


@font-face {
font-family: 'Raleway Medium';
font-style: normal;
font-weight: normal;
src: local('Raleway Medium'), url('../fonts/Raleway/Raleway-Medium.woff') format('woff');
}


@font-face {
font-family: 'Raleway Medium Italic';
font-style: normal;
font-weight: normal;
src: local('Raleway Medium Italic'), url('../fonts/Raleway/Raleway-MediumItalic.woff') format('woff');
}


@font-face {
font-family: 'Raleway SemiBold';
font-style: normal;
font-weight: normal;
src: local('Raleway SemiBold'), url('../fonts/Raleway/Raleway-SemiBold.woff') format('woff');
}


@font-face {
font-family: 'Raleway SemiBold Italic';
font-style: normal;
font-weight: normal;
src: local('Raleway SemiBold Italic'), url('../fonts/Raleway/Raleway-SemiBoldItalic.woff') format('woff');
}


@font-face {
font-family: 'Raleway Bold';
font-style: normal;
font-weight: normal;
src: local('Raleway Bold'), url('../fonts/Raleway/Raleway-Bold.woff') format('woff');
}


@font-face {
font-family: 'Raleway Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Raleway Bold Italic'), url('../fonts/Raleway/Raleway-BoldItalic.woff') format('woff');
}


@font-face {
font-family: 'Raleway ExtraBold';
font-style: normal;
font-weight: normal;
src: local('Raleway ExtraBold'), url('../fonts/Raleway/Raleway-ExtraBold.woff') format('woff');
}


@font-face {
font-family: 'Raleway ExtraBold Italic';
font-style: normal;
font-weight: normal;
src: local('Raleway ExtraBold Italic'), url('../fonts/Raleway/Raleway-ExtraBoldItalic.woff') format('woff');
}


@font-face {
font-family: 'Raleway Black';
font-style: normal;
font-weight: normal;
src: local('Raleway Black'), url('../fonts/Raleway/Raleway-Black.woff') format('woff');
}


@font-face {
font-family: 'Raleway Black Italic';
font-style: normal;
font-weight: normal;
src: local('Raleway Black Italic'), url('../fonts/Raleway/Raleway-BlackItalic.woff') format('woff');
}



/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
font-family: 'Avenir Next LT Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Regular'), url('../fonts/AvenirNext/AvenirNextLTPro-Regular.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Condensed';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Condensed'), url('../fonts/AvenirNext/AvenirNextLTPro-Cn.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Condensed Italic'), url('../fonts/AvenirNext/AvenirNextLTPro-CnIt.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Italic'), url('../fonts/AvenirNext/AvenirNextLTPro-It.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Ultra Light';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Ultra Light'), url('../fonts/AvenirNext/AvenirNextLTPro-UltLt.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Ultra Light Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Ultra Light Italic'), url('../fonts/AvenirNext/AvenirNextLTPro-UltLtIt.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Ultra Light Condensed';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Ultra Light Condensed'), url('../fonts/AvenirNext/AvenirNextLTPro-UltLtCn.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Ultra Light Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Ultra Light Condensed Italic'), url('../fonts/AvenirNext/AvenirNextLTPro-UltLtCnIt.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Medium Condensed';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Medium Condensed'), url('../fonts/AvenirNext/AvenirNextLTPro-MediumCn.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Medium Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Medium Italic'), url('../fonts/AvenirNext/AvenirNextLTPro-MediumIt.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Medium Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Medium Condensed Italic'), url('../fonts/AvenirNext/AvenirNextLTPro-MediumCnIt.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Demi';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Demi'), url('../fonts/AvenirNext/AvenirNextLTPro-Demi.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Demi Condensed';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Demi Condensed'), url('../fonts/AvenirNext/AvenirNextLTPro-DemiCn.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Demi Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Demi Condensed Italic'), url('../fonts/AvenirNext/AvenirNextLTPro-DemiCnIt.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Demi Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Demi Italic'), url('../fonts/AvenirNext/AvenirNextLTPro-DemiIt.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Bold';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Bold'), url('../fonts/AvenirNext/AvenirNextLTPro-Bold.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Bold Condensed';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Bold Condensed'), url('../fonts/AvenirNext/AvenirNextLTPro-BoldCn.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Bold Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Bold Condensed Italic'), url('../fonts/AvenirNext/AvenirNextLTPro-BoldCnIt.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Heavy';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Heavy'), url('../fonts/AvenirNext/AvenirNextLTPro-Heavy.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Heavy Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Heavy Italic'), url('../fonts/AvenirNext/AvenirNextLTPro-HeavyIt.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Heavy Condensed';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Heavy Condensed'), url('../fonts/AvenirNext/AvenirNextLTPro-HeavyCn.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Heavy Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Heavy Condensed Italic'), url('../fonts/AvenirNext/AvenirNextLTPro-HeavyCnIt.woff') format('woff');
}

html, body{
	font-family: 'Raleway';
	height: 100%;
  font-size: 12px;
}
.wrap{
	min-height: 100%;
	padding-bottom:60px;
}
.header{
	background-color: #00b4ef;
	color:#fff;
	padding: 2%;
	text-align: center;
}
.header img{
	display: inline-block;
	float: left;
	max-height: 100px;
}
.header h1{
	display: inline-block;
  margin-top: .5%;
}
#innerContainer{
	padding: 2% .5%;
}

header{
	font-size: -webkit-xxx-large;
}
nav{
  background-color: #004153;
  border-top: 4px solid #f67f21;
  font-weight: bold;
}
footer{

	position: relative;
	margin-top: -60px; /* negative value of footer height */
  height: 60px;
  clear:both;
  padding-top:20px;
  width: 100%;
  text-align: center;
  color:#fff;
  background-color: #006382;

}
.btn-primary{
	background-color: #006382;
	border: 1px solid #004153;
}
.mapping .preview{
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;  
  height: 85%;
  max-height: 350px;
  margin-bottom: 20px;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  &::-webkit-scrollbar {
    display: none;
  }

}
.mapping .preview table{
	font-size: 10px;
	ffont-weight: bold;
  flex: 0 0 auto;  
}
.mapping table th select option{
	font-size: 7px;
}
.mapping table th, .mapping table tr{
	text-align: center;
}
.mapping table th td{
	font-size: 11px;
	font-weight: bold;
}
.mapping table tr td{
	font-size: 9px;
}

/****************LOADER************************/
.loader-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100vh;

  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */  
}

.loader-container .loader {
  max-width: 15rem;
  width: 100%;
  height: auto;
  stroke-linecap: round;
}
.loader-container .loader-msg{
  background-color: #004153;
  color: #fff;
  padding: 5px;
}
.loader-container circle {
  fill: none;
  stroke-width: 3.5;
  -webkit-animation-name: preloader;
          animation-name: preloader;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-transform-origin: 170px 170px;
          transform-origin: 170px 170px;
  will-change: transform;
}
.loader-container circle:nth-of-type(1) {
  stroke-dasharray: 550;
}
.loader-container circle:nth-of-type(2) {
  stroke-dasharray: 500;
}
.loader-container circle:nth-of-type(3) {
  stroke-dasharray: 450;
}
.loader-container circle:nth-of-type(4) {
  stroke-dasharray: 300;
}
.loader-container circle:nth-of-type(1) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
}
.loader-container circle:nth-of-type(2) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.loader-container circle:nth-of-type(3) {
  -webkit-animation-delay: -0.45s;
  -moz-animation-delay:  -0.45s;
          animation-delay: -0.45s;
}
.loader-container circle:nth-of-type(4) {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
          animation-delay: -0.6s;
}

@-webkit-keyframes preloader {
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes preloader {
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/****************LOADER************************/