/*@import "compass/css3";*/

@font-face {

    font-family: 'PromptBold';
    src: url('fonts/Kittithada/webfontkit-20160223-psl245pro/psl245pro-webfont.eot');
    src: url('fonts/Kittithada/webfontkit-20160223-psl245pro/psl245pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Kittithada/webfontkit-20160223-psl245pro/psl245pro-webfont.woff2') format('woff2'),
         url('fonts/Kittithada/webfontkit-20160223-psl245pro/psl245pro-webfont.woff') format('woff'),
         url('fonts/Kittithada/webfontkit-20160223-psl245pro/psl245pro-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Kittithada';
   src: url('fonts/Kittithada/webfontkit-20160223-psl239pro/psl239pro-webfont.eot');
    src: url('fonts/Kittithada/webfontkit-20160223-psl239pro/psl239pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Kittithada/webfontkit-20160223-psl239pro/psl239pro-webfont.woff2') format('woff2'),
         url('fonts/Kittithada/webfontkit-20160223-psl239pro/psl239pro-webfont.woff') format('woff'),
         url('fonts/Kittithada/webfontkit-20160223-psl239pro/psl239pro-webfont.ttf') format('truetype'),
         url('fonts/Kittithada/webfontkit-20160223-psl239pro/psl239pro-webfont.svg#kittithada_thin_35regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KittithadaHead';
    src: url('fonts/Kittithada/webfontkit-20160223-psl243pro/psl243pro-webfont.eot');
    src: url('fonts/Kittithada/webfontkit-20160223-psl243pro/psl243pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Kittithada/webfontkit-20160223-psl243pro/psl243pro-webfont.woff2') format('woff2'),
         url('fonts/Kittithada/webfontkit-20160223-psl243pro/psl243pro-webfont.woff') format('woff'),
         url('fonts/Kittithada/webfontkit-20160223-psl243pro/psl243pro-webfont.ttf') format('truetype'),
         url('fonts/Kittithada/webfontkit-20160223-psl243pro/psl243pro-webfont.svg#kittithada_roman_55italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Prompt';
    src: url('fonts/Prompt/prompt-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'PromptSemiBold';
    src: url('fonts/Prompt/prompt-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'PromptLight';
    src: url('fonts/Prompt/prompt-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'BarlowCondensed';
    src: url('fonts/BarlowCondensed/BarlowCondensed-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'BarlowCondensedSemiBold';
    src: url('fonts/BarlowCondensed/BarlowCondensed-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'BarlowCondensedLight';
    src: url('fonts/BarlowCondensed/BarlowCondensed-Light.ttf') format('truetype');
}

body
{
    font-family: BarlowCondensedLight !important;
    /*background-color:whitesmoke;*/
    /*background-color:aliceblue;*/
    /*background-color:#2f3238;*/
    /*background-color:rgb(204, 214, 151);*/
    /*background: url(../Images/BG/bg10.jpg)no-repeat center center fixed;*/
    /*background: url(../Images/Background/DSC_0015.JPG)no-repeat center center fixed;*/
    background-size:cover;
}

#panel
{
    display:none;
}

h1, h2, h3, h4, h5, h6
{
    font-family:BarlowCondensedSemiBold !important;
    /*text-shadow: -1px -1px 2px white !important;*/
    padding:10px !important;
}

h1
{
    font-size:30px;
}
h2
{
    font-size:28px;;
}
h3
{
    font-size:25px;
}
h4
{
    font-size:22px;
}
h5
{
    font-size:20px;
}
h6
{
    font-size:18px;
    text-shadow:none !important;
}

.LoginHead
{
    font-family:PromptLight !important;
    font-size:1.5em;
    color:white;
    text-align:center;
    vertical-align:middle;
}


.LoginBox
{
    margin-top:10px;
    padding-top:10px;
    padding-bottom:10px;
    width:100%;
    /*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;*/
    background-color: rgba(0,0,0,0.6);
	color:chocolate;
	position:static;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    float:right;
    height:35%;
    display:block;
}

#Username
{
    font-family: BarlowCondensed !important;
    font-size:18px !important;
    color:#002bff !important;
    vertical-align:middle !important;
    float:right !important;
    text-align:right !important;
    display:table !important;
    height:25px;
}

.noMargin {
    margin:0px !important;
}
.noPadding {
    padding:0px !important;
}
.content
{
    margin: 10px;
    text-align:center !important;
    vertical-align:middle !important;
    /*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;*/
    width:96%;
}
.Block
{
    display:block;
}
.Inline
{
    display:block;
    float:left;
    /*position:absolute;*/
}

.Header
{
    margin-top:5px;
    margin-bottom:5px;
    padding-top:1px;
    padding-bottom:1px;
    color:#000000;
    /*font-weight:300;*/
    text-align:center;
    font-family: BarlowCondensed;
    font-size:1.7em;
    text-align:center;
}

.BlockField
{
    display: table !important;
    text-align:right !important;
    /*width:100%;
    height:25px;*/
}

.BlockValue
{
    display: table !important;
    padding-top:4px !important;
    padding-left:1px !important;
    padding-right:1px !important;
    padding-bottom:1px !important;
    text-align:right !important;
    background-color:rgb(156, 156, 156);
    width:100%;
    height:35px;
    color:white;
    text-align:left;
    /*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;*/
    margin-bottom:1px !important;
}

.Title
{
    display:block  !important;
    text-align:left  !important;
    /*margin:0;*/
    margin:2px !important;
    padding:2px !important;
    text-align:center  !important;
    font-family: BarlowCondensed !important;
    color:#000000 !important;
    text-align:right  !important;
    font-size:16px !important;
}

.SubTitle
{
    display:block  !important;
    text-align:left  !important;
    margin:0px !important;
    padding:0px !important;
    text-align:center  !important;
    font-family: BarlowCondensed !important;
    color:white !important;
    text-align:right  !important;
    font-size:0.8em !important;
}

.current a{
    background:#B6AF9A;
	color:#fff;
}

.ClearBottom
{
    margin-bottom:0px !important;
    padding-bottom:0px !important;
}

.FirstMenu {
    border-radius:10px 0px 0px 0px;
}

.LastMenu {
    border-radius:0px 10px 0px 0px;
}

.Detail
{
    font-family:BarlowCondensed !important;
    color:white;
    display:table;
    margin:2px !important;
    padding:2px !important;
    font-size:16px !important;
}

.DetailNumber
{
    font-family:BarlowCondensedSemiBold !important;
    color:white;
    display:table;
    margin:2px !important;
    padding:2px !important;
    font-size:20px !important;
    float:right !important;
}
.DetailNumberText {
    font-family:BarlowCondensedSemiBold !important;
    background-color : rgba(0,0,0,0.6) !important;
    color:white;
    display:table;
    margin:2px !important;
    padding:2px !important;
    font-size:1.3em !important;
    text-align:right !important;
    float:right !important;
}
ctl00_ContentPlaceHolderBody_PnInfo_ASPxCallbackQuotation_PnQuotation_ASPxPanelGridQTY_txtKCETHToolingCost {
      background-color : rgba(0,0,0,0.6) !important;
}
.DetailBox
{
    /*background:rgba(0,0,0,0.6);*/
    font-family:BarlowCondensed !important;
    color:black !Important;
    display:table;
    margin:0px !important;
    padding:3px !important;
    font-size:1.3em !important;
    width:100%;
    /*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;*/
    border:0px;
}

.Star
{
    color:red;
    font-family:BarlowCondensed;
    font-size:22px;
    font-weight:400;
    display:inline;
    float:right;
    margin-top:0px;
    padding:0px;
    border:0px;
    vertical-align:top;
    position:relative;
}

.PopupLogin
{
    display: table;
    padding-top: 1px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    padding-bottom:60px !important;
    padding-top:50px !important;
    text-align:right !important;
    background-color:rgb(190, 190, 190) !important;
    /*background:rgb(43, 43, 43);*/
    /*background: steelblue;*/
    /*border-color:rgb(43, 43, 43);
    border-width:1px;
    border-style:solid;*/
    border:0;
    width:100%;
    /*height:50%;*/
    color:white;
    text-align:left;
    /*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;*/
    left:0;
    top:20%;
    position: fixed;
    z-index:2;
}

.FrameBlind {
    background:rgb(30, 30, 30) !important;
    width:100%;
    height:100%;
    z-index:1;
    border:0;
    padding:0;
    margin:0;
    left:0;
    top:0;
    z-index:1;
    position:fixed;
}


/*#FrameLogin
{
    background:rgba(0,0,0,.7) !important;
    width:100%;
    height:100%;
    z-index:1;
    border:0;
    padding:0;
    margin:0;
    left:0;
    top:0;
    z-index:1;
    position:fixed;
}*/

.PopupLoginHeader
{
    color:white;
    font-family: BarlowCondensed;
    font-size:42px;
    font-weight:900;
}

.PopupCustomer {
    display: table;
    padding-top: 1px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    padding-bottom: 10px !important;
    text-align: right !important;
    /*background:rgba(255, 97, 75, 0.96);*/
    background-color: rgb(125, 185, 136);
    border-color: rgb(162, 162, 162);
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    width: 75%;
    /*height:20%;*/
    color: rgb(113, 113, 113);
    text-align: left;
    /*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;*/
    left: 13%;
    top: 10%;
    position: fixed;
    z-index: 1;
}

.NotAuthorize
{
    display:table;
    height:220px;
    padding:20px;
    margin:20px;
}

.LoadingBlock
{
    display: table;
    padding: 3px !important;
    text-align:right !important;
    background:rgba(0, 0, 0, 1);
    border:0;
    /*border-color:wheat;
    border-width:1px;
    border-style:solid;*/
    width:80px;
    height:77px;
    color:white;
    text-align:left;
    /*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;*/
    left:48%;
    top:40%;
    position: fixed;
    z-index:99999 !important;
}

.LoadingMessage
{
    font-family:BarlowCondensedLight !important;
    font-size:14px !important;
    color:white !important;
    text-align:center !important;
    text-wrap:normal !important;
    width:100% !important;
}

.AlertBlockSAPError
{
    display: table;
    padding-top: 1px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    padding-bottom:10px !important;
    text-align:right !important;
    /*background:rgba(255, 97, 75, 0.96);*/
    background-color:rgba(140, 180, 100,1) ;
    border-color:rgba(140, 180, 100,1) ;
    border-width:1px;
    border-style:solid;
    width:70%;
    /*height:20%;*/
    color:white;
    text-align:left;
    /*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;*/
    left:15%;
    top:15%;
    position: fixed;
    z-index:1;
}

.AlertBlock
{
    display: table;
    padding-top: 1px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    padding-bottom:10px !important;
    text-align:right !important;
    /*background:rgba(255, 97, 75, 0.96);*/
    background-color:rgba(140, 180, 100,1);
    border-color:rgba(140, 180, 100,1);
    border-width:1px;
    border-style:solid;
    width:50%;
    /*height:20%;*/
    color:white;
    text-align:left;
    /*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;*/
    left:28%;
    top:30%;
    position: fixed;
    z-index:1;
}
.AlertBlockHeader
{
    border-bottom:1px;
    border-color:#043704;
    border-bottom-style:solid;
}
.AlertHeader
{
    font-family:BarlowCondensedSemiBold !important;
    font-size:30px !important;
    color:#ffffff !important;
    font-weight:900 !important;
    text-wrap:normal !important;
    margin-top:0px !important;
}
.AlertMessage
{
    font-family: BarlowCondensed !important;
    font-size:1.9em !important;
    color:white !important;
    text-align:center !important;
    /*font-weight:100 !important;*/
    text-wrap:normal !important;
}

.Relative
{
    position:relative;
    overflow:hidden;
}

.Absolute
{
    position:absolute;
}

.Top
{
    margin-top:10px !important;
}

.Bottom
{
  background-color:#f00;
  position:absolute;
  left:20px;
  bottom:20px;   
}

.TopGap
{
    margin-top:2px !important;
    display:table !important;
}

.BottomGap
{
    margin-bottom:5px !important;
    display:table !important;
}


.PositionAB
{
    position:absolute;
    float:right;
}

.PositionFix
{
    position:absolute;
    float:right;
}

.Login
{
    text-align:center;
    font-family: BarlowCondensed;
    width:100px;
    padding-top:10px;
    padding-bottom:10px;
	font-size: 100%;
    vertical-align:middle;
    text-align:center;
    height:35px;
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;*/
    border:0;
    z-index: 10;
	background-color: rgba(0,0,0,0.6);
	color:white;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:right;
    display:block;
    margin-top:18px;
}

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    /*background-color: rgba(32, 152, 209, 0.75);*/
    background-color:#043704;
  }
}

@keyframes hvr-back-pulse {
  50% {
    /*background-color: rgba(32, 152, 209, 0.75);*/
    background-color:#043704;
  }
}

.hvr-back-pulse {
   text-align:center;
    font-family: BarlowCondensed;
    width:100px;
    padding-top:10px;
    padding-bottom:10px;
	font-size: 100%;
    vertical-align:middle;
    text-align:center;
    height:35px;
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;*/
    border:0;
    z-index: 10;
	/*background-color: rgba(0,0,0,0.6);*/
    background-color:rgba(204, 204, 140,1);
	color:white;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:right;
    display:block;
    margin-top:18px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active,.buttonLogin:hover , .action-button:hover ,button:hover {
  /*-webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color:rgba(204, 204, 140,1);
  color: white;*/
  background-color:#545454;
}

.Login p
{
    font-weight: bold;
    color: white;
    font-family: BarlowCondensed;
}

.InputBox
{
    /*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;*/
    padding:10px;
    height:20px;
    width:100%;
    font-family:BarlowCondensed;
    font-size:16px;
    color:rgb(113, 113, 113);
    border-radius:10px;
}

.right
{
    float:right;
}

.content-area{
	z-index: 10;
	height: 220px;
	background-color: rgba(0,0,0,0.2);
	color: #fff;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
    border-radius:10px;
}

.content-area .faces.for-class {
	/*-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-ms-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;*/
	/*-webkit-border-bottom-left-radius: 5px;
	-ms-border-bottom-left-radius: 5px;
	-o-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;*/
	margin-right: 5px
}

.text
{
    display:block;
    margin-top:60px;
    position:relative;
    z-index:0;
    text-align:center;
}

.header
{
    font-size:34px;
    font-family: BarlowCondensed;
    font-weight:400;
    font-style:normal;
}

.button
{

    font-family: BarlowCondensed;/*"Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Arial, sans-serif;*/
	font-weight: 800;
	font-style: normal;
    width:30%;
    /*height:25px;*/
    margin-top:5px;
    margin-bottom:5px;
    text-align:center;
    vertical-align:middle;
    background: #cf3b47;
	color: #fff;
	font-size:1.3em;
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;*/
    border:0;
	
}

.buttonLogin
{

    font-family: BarlowCondensedLight;/*"Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Arial, sans-serif;*/
	font-size: 16px;
    width:100%;
    height:45px;
    padding:0px;
    text-align:center;
    vertical-align:middle;
    background:#2e2e2e;
    /*background: #cf3b47;*/
	color: #fff;
	border:0px;
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;*/
    border-radius:10px;
}

.frameImage
{
    width:100%;
    height:170px;
    margin-bottom:10px;
    margin-top:0px;
    border:0;
}

.frameText
{
    /*background-color: rgba(192,192,192,0.5);*/
    color:white;
    height:100%;
    width:100%;
    display: flex;
    padding:0px 15px 15px 15px;
    /*border-left:1px !important;
    border-right:1px !important;
    border-bottom:0px !important;
    border-top:0px !important;
    border-color: rgb(255, 255, 255) !important;
    border-style:solid !important;*/
}

.frameHeader
{
    /*background-color:white !important;*/
    /*color:#0099ff;*/
    color:#05880d;
    height:100%;
    width:100%;
    display: inline;
    padding:0;
    margin:0;
    /*border-left:1px !important;
    border-right:1px !important;
    border-bottom:0px !important;
    border-top:0px !important;
    border-color: rgb(255, 255, 255) !important;
    border-style:solid !important;*/
}

/*.action-button {
    background:darkorange;
	color: #fff;
	font-size: 90%;
    border:0;
	font-family: Prompt;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
    width:90%;
   cursor: pointer;
    padding:0px !important;
    margin:0px !important;
}

.action-button:hover
{
    color:lightblue;
    padding:5px;

}*/

a
{
    text-decoration:none !important;
    list-style-type:none !important;
}


#hero,
#page-header{
    /*background:linear-gradient(to bottom, rgba(255, 255, 255,.8) 0%,rgba(204, 214, 151,.5) 50%,rgba(204, 214, 151,.4) 51%,rgba(204, 214, 151,.3) 100%);
    margin:0;
    position:static;
      -webkit-border-radius: 10px 10px 0px 0px !important;
	-moz-border-radius: 10px 10px 0px 0px !important;
	-ms-border-radius: 10px 10px 0px 0px !important;
	-o-border-radius: 10px 10px 0px 0px !important;
	border-radius: 10px 10px 0px 0px !important;*/
}
#hero h1{ 
	line-height:1.2em;
	margin-top:0px;
	margin-bottom:10px;}

#BodyArea
{
    /*background:rgba(52, 52, 52, 0.3);*/
    /*background:rgba(0,0,0, 0.1);*/
    /*background:linear-gradient(to bottom, rgba(204, 214, 151,.8) 0%,rgba(255, 255, 255,.4) 50%,rgba(255, 255, 255,.4) 51%,rgba(204, 214, 151,.3) 100%);*/
    /*display:inline-table !important;*/
    /*background: url(../Images/pattern_40.gif);*/
    background-color:#eaeaea;
    border-radius:10px;
}
#emptyfooter
{
    height:120px;
    display:inline-block;
}

/*FOOTER*/
footer{  
	clear:both;
	font-size:100%;
	padding-top:10px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    font-family:BarlowCondensed;
    letter-spacing:1px;
    /*color:white;*/
    color:#717171;
    /*-webkit-border-radius: 0px 0px 10px 10px !important;
	-moz-border-radius: 0px 0px 10px 10px !important;
	-ms-border-radius: 0px 0px 10px 10px !important;
	-o-border-radius: 0px 0px 10px 10px !important;
	border-radius:0px 0px 10px 10px !important;*/
    /*position:relative;
    display:table !important;
    width:100%;*/
    /*position:fixed;
    bottom:0;
    width:100%;*/

}
footer ul{
	margin:0;
	padding:0;
}

footer h1, h2, h3, h4, h5, h6
{
    font-family: BarlowCondensed;
    text-shadow: none;
    margin:0;
    padding:0;
}
/*colors and backgrounds*/


footer{ 
	/*background:rgba(0,0,0, 0.4);*/
    /*background:linear-gradient(to bottom, rgba(204, 214, 151,.3) 0%,rgba(204, 214, 151,.4) 50%,rgba(204, 214, 151,.5) 51%,rgba(255, 255, 255,.8) 100%);*/
    background-color:white;
    /*border-radius:0px 0px 10px 10px;*/
}
footer h1, footer h2, footer h3, footer h4{ 
	color:white !important;
	/*margin-bottom:10px;*/
}
footer ul{
	margin:0 0 0 8%;
}

line
{
    border-color:#cacaca;
    border-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#cacaca;
    margin-bottom:15px;
}

/*SPACE GRID ELEMENTS VERTICALLY, SINCE THEY ARE ONE UNDER ANOTHER SO FAR*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12{
    text-align:center;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
    vertical-align:middle;
    /*margin: 0 auto;*/
    color:rgb(113, 113, 113) !important;
    margin:0px;
}

.PowerBy
{
    font-size:1em;
    color:#353535 !important;
    margin:0 !important;
}
.white
{
   text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    margin-left: 1.5%;
	margin-right: 1.5%;
	float: left;
    color:white !important;
    /*font-size:1.7em;*/
	/*display: block;*/
    font-family: BarlowCondensed;
    opacity:1;
}

.Black
{
    color:black;
}

.box
{
    height:10px;
}

.shadow
{
    -moz-box-shadow:3px 4px 5px rgba(0,0,0,.2);
    -webkit-box-shadow:3px 4px 5px rgba(0,0,0,.2);
    box-shadow: 3px 4px 5px rgba(0,0,0,.2);
    border-collapse: separate;
    border-radius:10px;
}

#citylights h1 { 
    color: #fff; 
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95; 
    letter-spacing: 5px; 
    font-family: BarlowCondensed;

}
#citylights h3 { 
    color: #fff; 
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95; 
    letter-spacing: 5px; 
    font-family: BarlowCondensed;

}
#Header
{
    display:block !important;
    text-align:left;
}
#Header h1
{
    /*text-shadow: -1px -1px 10px #9c8468;*/
    font-family: BarlowCondensed; 
    color:#256703 !important;
    font-weight:900;
    text-shadow: 2px 5px 5px rgba(74, 74, 74, 0.48);
}

#Header h3
{
    text-shadow: -1px -1px 10px #9c8468;
    font-family: BarlowCondensed; color:#0099ff !important;
}
#Header h4
{
    /*text-shadow: -1px -1px 10px #9c8468;
    font-family: BarlowCondensed; 
    color:darkgreen !important;*/
}

#embossed h1 { /*text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000; color: #9c8468; opacity: 0.3; font-family: BarlowCondensed; font-size:3.5em; color:black;*/}
#embossed h3 { /*text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000; color: #9c8468; opacity: 0.3; font-family: BarlowCondensed; font-size:3em; color:black;*/}
.hidden
{
    display:none;
}
/*GRID*/
/*
 & Columns : 12 

 */
.grid_1 { width: 5% !important; }
.grid_2 { width: 13.333333333333% !important; }
.grid_3 { width: 21.666666666667% !important; }
.grid_4 { width: 30% !important; }
.grid_5 { width: 38.333333333333% !important; }
.grid_6 { width: 46.666666666667% !important; }
.grid_7 { width: 55% !important; }
.grid_8 { width: 63.333333333333% !important; }
.grid_9 { width: 71.666666666667% !important; }
.grid_10 { width: 80% !important; }
.grid_11 {width: 88.333333333333% !important; }
.grid_12 {width: 96.666666666667% !important;}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin-left: 1.6666666666667%;
	margin-right: 1.6666666666667%;
	float: left;
	display: block;
}

.alpha{margin-left:0px;}
.omega{margin-right:0px;}
.rightfloat{float:right;}
.full
{
    margin:0;
    padding:0;
    border:0;
    width:100%;
}
/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear
{
    clear:none;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
}
.rightfloat{
	float:right;
}
.leftfloat{
	float:left;
}

.Gradient1
{

   background: rgb(228,239,192); /* Old browsers */

    background: -moz-linear-gradient(top, rgba(228,239,192,1) 48%, rgba(171,189,115,1) 87%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(228,239,192,1) 48%,rgba(171,189,115,1) 87%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(228,239,192,1) 48%,rgba(171,189,115,1) 87%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efc0', endColorstr='#abbd73',GradientType=0 ); 
    margin-bottom:10px !important;
    
    /*border-radius:5px !important;*/
}

.Gradient2
{
      background: rgb(255,255,255);  /*Old browsers*/ 

    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
    /*border-radius:5px !important;*/
    margin-bottom:10px !important;
}

.Gradient3
{
    background: rgb(255,255,255); /* Old browsers */

    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */

    background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,.5) 50%,rgba(237,237,237,.4) 51%,rgba(255,255,255,.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );

    /*border-radius:5px !important;*/
    margin-bottom:10px !important;
    color:#232323 !important;
}

.Gradient4
{
     background: rgb(235,241,246); /* Old browsers */

    background: -moz-linear-gradient(top, rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 51%, rgba(213,235,251,1) 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 );
    /*border-radius:5px !important;*/
    margin-bottom:10px !important;
   
}

.Gradient5
{
    background: rgb(225,255,255); /* Old browsers */

    background: -moz-linear-gradient(top, rgba(225,255,255,1) 0%, rgba(225,255,255,1) 7%, rgba(225,255,255,1) 12%, rgba(253,255,255,1) 12%, rgba(230,248,253,1) 30%, rgba(200,238,251,1) 54%, rgba(190,228,248,1) 75%, rgba(177,216,245,1) 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(225,255,255,1) 0%,rgba(225,255,255,1) 7%,rgba(225,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(225,255,255,1) 0%,rgba(225,255,255,1) 7%,rgba(225,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=0 );
    /*border-radius:5px !important;*/
    margin-bottom:10px !important;
}

.button_Gradient6{
border: 1px solid #F77C00;
    /*-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;*/
    font-size:12px;font-family:'Prompt 35'; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(247,124,0,0.3);font-weight:bold; color: #F77C00;
    background-color: #000000; background-image: linear-gradient(to bottom, #000000, #000000);
 }

.button_Gradient6:hover{
 border:1px solid #333333;
 background-color: #1a1a1a; background-image: linear-gradient(to bottom, #1a1a1a, #1a1a1a);
 }
.menu{
    /*margin-left:5%;*/
    margin: 0px;
    padding: 0px;
    width: 100% !important;
    display: inline-block;
}

.menublock{
    background: white;
    padding: 0px;
    margin: 0px;
    width: 15% !important;
    line-height: 45px;
}
.tabPO{
    width:150px !important;
}

.ReportDetail {
    margin-top : 20px;
    margin-bottom : 10px;
    padding-top : 5px;
    padding-bottom : 5px;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-success {
    color: #006400;
    background-color: #ced898;
    border-color: #006400;
    font-size:2em;
}
.maginTop20{
    margin-top:20px;
}
.GridCellStyleRFQ{
    vertical-align:middle !important;
}
.exportTitle{
    margin-top: 6px !important;
    font-size: 1em !important;
}
.summarySection{
    background: rgb(215, 223, 173);
    border: 1px !important;
    border-color: rgb(172, 195, 47) !important;
    border-style: solid !important;
    padding-top: 2%;
    padding-bottom: 2%;
    display: table;
    height: 100%;
    border-radius: 5px;
    position: relative;
    left: 0;
    overflow-x: hidden;
    box-shadow: 0px 0px 20px 0px white;
    border-collapse: separate;
    margin-bottom: 30px;
    padding-right: 3%;
    padding-left: 3%;
}
.NewFont{
    font-size:1.2em !important;
}
.HeaderFrame{
    -webkit-box-shadow: 0 10px 50px 10px rgba(255, 255, 255, 1);
    box-shadow: 0 10px 50px 10px rgba(0, 0, 0, 0.3);
    background-color: rgba(192, 192, 192, 0.56);
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
}