@charset "UTF-8";
/*! Alopex UI - v2.3.5.1 - 2016-06-16
* http://ui.alopex.io
* Copyright (c) 2016 alopex.ui; Licensed Copyright. FSK L&S. All rights reserved. */
/* Component
---------------------------------*/
/* theme color */
/* accordion */
/* button */
/* icon */
/* group button */
/* carousel */
/* checkbox */
/* radio */
/* dateinput */
/* datepicker */
.Accordion, .Accordion *,
.Button, .Button *,
.Carousel, .Carousel *,
.Checkbox, .Checkbox *,
.Dateinput, .Dateinput *,
.Datepicker, .Datepicker *,
.Daterange, .Daterange *,
.Dialog, .Dialog *,
.Divselect, .Divselect *,
.Dropdown, .Dropdown *,
.Dropdownbutton, .Dropdownbutton *,
.Group, .Group *,
.Groupbutton, .Groupbutton *,
.Icon, .Icon *,
.List, .List *,
.Navigationbar, .Navigationbar *,
.Navmenu, .Navmenu *,
.Paging, .Paging *,
.Panel, .Panel *,
.Progressbar, .Progressbar *,
.Radio, .Radio *,
.Searchinput, .Searchinput *,
.Select, .Select *,
.Slider, .Slider *,
.Spinner, .Spinner *,
.Switch, .Switch *,
.Table, .Table *,
.Tabs, .Tabs *,
.Textarea, .Textarea *,
.Textinput, .Textinput *,
.Tooltip, .Tooltip *,
.Tree, .Tree *,
.Label, .Label *,
.Quotation, .Quotation *,
.Cite, .Cite *,
.Mark, .Mark *,
.Code, .Code *,
.Small, .Small *,
.Strong, .Strong *,
.Del, .Del *,
.Alink, .Alink *,
.Splitter, .Splitter *,
.Hierarchical, .Hierarchical *,
.MultiSelect, .MultiSelect *,
.Autocomplete, .Autocomplete * {
  box-sizing: border-box;
  font-family: Arial, "돋움", "돋움체", dotum, sans-serif;
 
}

 
.Accordion {
  position: relative;
  width: 100%;
  padding: 0;
  list-style: none;
  border: 1px solid #9a9ea9;
  border-bottom: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.Accordion,
.Accordion * {
  padding: 0;
  font-size: 12px;
  line-height: 20px;
  color: #303030;
}

.Accordion ul > li {
  display: block;
  width: 100%;
  list-style: none;
  border-top: 1px solid #9a9ea9;
}
.Accordion ul > li:hover, .Accordion ul > li.Expanded {
  background: #fb6c07;
}

.Accordion li > a {
  display: block;
  width: 100%;
  padding: 9px 10px;
  text-decoration: none;
}
.Accordion li > a:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 5px;
  background: url("./images/accordion_sk.png") no-repeat 0 -162px;
}
.Accordion li > a:after {
  content: '';
  float: right;
  width: 10px;
  height: 5px;
  margin-top: 8px;
}
.Accordion li > a.Disabled {
  color: #dcdcdc;
  background: #e7e7e7;
  border: 1px solid #c8c8c8;
}

.Accordion > li {
  border-bottom: 1px solid #9a9ea9;
  background: #ffffff;
}
.Accordion > li > a {
  background: #ffffff;
  padding-left:8px;
}
.Accordion > li > a:before {
  content: none;
}
.Accordion > li > a:hover {
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  background: #fb6c07;
}

.Accordion > li > a + * {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.Accordion > li.Expandable > a:before {
  content: none;
}

.Accordion li.Expandable > a {
  display: block;
  cursor: pointer;
  text-decoration: none;
  background: #ffffff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.Accordion li.Expandable > a:after {
  background: url("./images/accordion_sk.png") no-repeat right 0px;
}

.Accordion > li.Expandable.Expanded > a,
.Accordion > li.Expandable > a:hover {
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  background: #fb6c07;
}
.Accordion > li.Expandable.Expanded > a:before,
.Accordion > li.Expandable > a:hover:before {
  content: none;
}

.Accordion > li.Expandable.Expanded > a:after,
.Accordion > li.Expandable.Expanded > a:hover:after {
  background: url("./images/accordion_sk.png") no-repeat right -54px;
}

.Accordion > li.Expandable > a:hover:after {
  background: url("./images/accordion_sk.png") no-repeat right -214px;
}

.Accordion li > div {
  display: block;
  width: 100%;
  padding: 3px 0px;
  padding-bottom:7px;
  line-height: 20px;
  background: #fbdfcb;
  border-top: 1px solid #819dc8;
  /*border-top: 1px solid #9a9ea9;*/
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  
}

/*.Accordion  li > div * {
	margin: 0;
	padding: 0;
	line-height: $accrd-lineheight;
}*/
.Accordion > li.Expandable > ul > li > a,
.Accordion > li.Expandable > ul > li > a:hover {
  background: #fcd3b7;
}

.Accordion li.Expandable > ul > li.Expandable > a {
  cursor: pointer;
  display: block;
  text-decoration: none;
  background: #fcd3b7;
}
.Accordion li.Expandable > ul > li.Expandable > a:after {
  background: url("./images/accordion_sk.png") no-repeat right 0px;
}

.Accordion li.Expandable.Expanded > ul > li.Expandable.Expanded > a {
  background: #fcd3b7;
}
.Accordion li.Expandable.Expanded > ul > li.Expandable.Expanded > a:after {
  background: url("./images/accordion_sk.png") no-repeat right -108px;
}

.Accordion > li > ul > li li a,
.Accordion > li.Expanded > ul > li.Expanded li a,
.Accordion > li > ul > li li a:hover,
.Accordion > li.Expanded > ul > li.Expanded li a:hover {
  padding-left: 20px;
  background: #fbdfcb;
}

.Accordion > li.Expandable > ul > li.Expandable li.Expandable a {
  background: #fbdfcb;
}

.Accordion li.Expandable.Expanded > ul > li.Expandable.Expanded > ul > li.Expandable.Expanded > a {
  background: #fbdfcb;
}
.Accordion li.Expandable.Expanded > ul > li.Expandable.Expanded > ul > li.Expandable.Expanded > a:after {
  background: url("./images/accordion_sk.png") no-repeat right -108px;
}

.Accordion > li > ul > li li li a,
.Accordion > li.Expandable > ul > li.Expandable li li a,
.Accordion > li.Expanded > ul > li.Expanded li li a,
.Accordion > li > ul > li li li a:hover,
.Accordion > li.Expandable > ul > li.Expandable li li a:hover,
.Accordion > li.Expanded > ul > li.Expanded li li a:hover {
  padding-left: 30px;
  background: #fcebdf;
}

.Accordion > li.Expandable > ul > li.Expandable li.Expandable li a,
.Accordion > li.Expandable > ul > li.Expandable li.Expandable li a:hover {
  background: #fcebdf;
}

.Accordion > li > ul {
  position: relative;
  width: 100%;
  margin: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.Autocomplete {
  position: relative;
  display: inline-block;
}

.Autocomplete .Dropdown li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.Autocomplete > .Clear {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 15px;
  text-indent: -99999px;
  background: #ffffff url("./images/component_hynix.png") no-repeat -173px -293px;
}

.Autocomplete > .Clear:hover,
.Autocomplete > .Clear:focus,
.Autocomplete > .Clear:active {
  background: #ffffff url("./images/component_hynix.png") no-repeat -319px -293px;
}

.Button, .Dropdownbutton {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: visible;
  vertical-align: middle;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 22px;
  text-decoration: none;
  text-align: center;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.Button {
  color: #ffffff;
  background: #ccd2de;
  /*background: #6b6059;*/
}
.Button:focus, .Button:hover {
  color: #ffffff;
  border: 0;
  filter: none;
  background: #4b443e;
}
.Button:active, .Button.Checked {
  padding: 2px 8px;
  line-height: 22px;
  color: #ffffff;
  border: 0;
  background: #4b443e;
}

.Button {
  font-weight: bold;
}

.Button.Disabled,
.Dropdownbutton.Disabled {
  color: #dcdcdc;
  background: #b3b9c0;
  border: 0;
}

.Button.White,
.Dropdownbutton.White {
  color: #303030;
  background: #ffffff;
  border: 1px solid #040404;
}

.Button.Default,
.Dropdownbutton.Default {
  color: #ffffff;
  border: 0;
  background: #979390;
}

.Button.Default:focus,
.Dropdownbutton.Default:focus,
.Button.Default:hover,
.Dropdownbutton.Default:hover,
.Button.Default:active,
.Dropdownbutton.Default:active {
  background: #797673;
}

.Button.Primary,
.Dropdownbutton.Primary {
  color: #ffffff;
  border: 0;
  background: #e60724;
}

.Button.Primary:focus,
.Dropdownbutton.Primary:focus,
.Button.Primary:hover,
.Dropdownbutton.Primary:hover,
.Button.Primary:active,
.Dropdownbutton.Primary:active {
  background: #c60000;
}

.Button.Confirm,
.Dropdownbutton.Confirm {
  color: #ffffff;
  border: 0;
  background: #006cff;
}

.Button.Confirm:focus,
.Dropdownbutton.Confirm:focus,
.Button.Confirm:hover,
.Dropdownbutton.Confirm:hover,
.Button.Confirm:active,
.Dropdownbutton.Confirm:active {
  background: #005ad5;
}

.Button.Success,
.Dropdownbutton.Success {
  color: #ffffff;
  border: 0;
  background: #6bc600;
}

.Button.Success:focus,
.Dropdownbutton.Success:focus,
.Button.Success:hover,
.Dropdownbutton.Success:hover,
.Button.Success:active,
.Dropdownbutton.Success:active {
  background: #61b300;
}

.Button.Warning,
.Dropdownbutton.Warning {
  color: #ffffff;
  border: 0;
  background: #fd6901;
}

.Button.Warning:focus,
.Dropdownbutton.Warning:focus,
.Button.Warning:hover,
.Dropdownbutton.Warning:hover,
.Button.Warning:active,
.Dropdownbutton.Warning:active {
  background: #dc601e;
}

.Button.Danger,
.Dropdownbutton.Danger {
  color: #ffffff;
  border: 0;
  background: #e60724;
}

.Button.Danger:focus,
.Dropdownbutton.Danger:focus,
.Button.Danger:hover,
.Dropdownbutton.Danger:hover,
.Button.Danger:active,
.Dropdownbutton.Danger:active {
  background: #a9171c;
}

.Button.Large,
.Dropdownbutton.Large {
  padding: 1px 15px;
  font-size: 12px;
  line-height: 28px;
}

.Button.Extra,
.Dropdownbutton.Extra {
  padding: 1px 20px;
  font-size: 12px;
  line-height: 36px;
}

.Button.Typeb {
  color: #ffffff;
  background: #029ce4;
  /*
  color: #6b6059;
  background: #ffffff;
  border: 1px solid #6b6059;
  */
  border: 1px solid #059ade;
  line-height: 20px;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
.Select.Typeb{
	color: #6b6059;
  background: #ffffff;
  border: 1px solid #6b6059;
  line-height: 20px;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
  z-index : 99;
  height:28px;
   font-weight: bold;
} 

.Button.Typeb.Disabled {
  
    cursor: not-allowed;
}
.Button.Typeb:focus, .Button.Typeb:hover, .Button.Typeb:active, .Button.Typeb.Checked {
  /*
  color: #6b6059;
  border: 1px solid #6b6059;
  background: #eaeaea;
  */
  color: #ffffff;
  border: 1px solid #007BE5;
  background: #007BE5;
  filter: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.Button.Typeb.Default,
.Dropdownbutton.Typeb.Default {
  /*
  color: #979390;
  border: 1px solid #979390;
  */
  color: #ffffff;
  border: 1px solid #029ce4;
}

.Button.Typeb.Default:focus,
.Dropdownbutton.Typeb.Default:focus,
.Button.Typeb.Default:hover,
.Dropdownbutton.Typeb.Default:hover,
.Button.Typeb.Default:active,
.Dropdownbutton.Typeb.Default:active {
  border: 1px solid #797673;
}

.Button.Typeb.Primary,
.Dropdownbutton.Typeb.Primary {
  color: #e60724;
  border: 1px solid #e60724;
}

.Button.Typeb.Primary:focus,
.Dropdownbutton.Typeb.Primary:focus,
.Button.Typeb.Primary:hover,
.Dropdownbutton.Typeb.Primary:hover,
.Button.Typeb.Primary:active,
.Dropdownbutton.Typeb.Primary:active {
  border: 1px solid #c60000;
}

.Button.Typeb.Confirm,
.Dropdownbutton.Typeb.Confirm {
  /*
  color: #006cff;
  */
  color: #ffffff;
  border: 1px solid #006cff;
}

.Button.Typeb.Confirm:focus,
.Dropdownbutton.Typeb.Confirm:focus,
.Button.Typeb.Confirm:hover,
.Dropdownbutton.Typeb.Confirm:hover,
.Button.Typeb.Confirm:active,
.Dropdownbutton.Typeb.Confirm:active {
  border: 1px solid #005ad5;
}

.Button.Typeb.Success,
.Dropdownbutton.Typeb.Success {
  color: #6bc600;
  border: 1px solid #6bc600;
}

.Button.Typeb.Success:focus,
.Dropdownbutton.Typeb.Success:focus,
.Button.Typeb.Success:hover,
.Dropdownbutton.Typeb.Success:hover,
.Button.Typeb.Success:active,
.Dropdownbutton.Typeb.Success:active {
  border: 1px solid #61b300;
}

.Button.Typeb.Warning,
.Dropdownbutton.Typeb.Warning {
  color: #fd6901;
  border: 1px solid #fd6901;
}

.Button.Typeb.Warning:focus,
.Dropdownbutton.Typeb.Warning:focus,
.Button.Typeb.Warning:hover,
.Dropdownbutton.Typeb.Warning:hover,
.Button.Typeb.Warning:active,
.Dropdownbutton.Typeb.Warning:active {
  border: 1px solid #dc601e;
}

.Button.Typeb.Danger,
.Dropdownbutton.Typeb.Danger {
  color: #e60724;
  border: 1px solid #e60724;
}

.Button.Typeb.Danger:focus,
.Dropdownbutton.Typeb.Danger:focus,
.Button.Typeb.Danger:hover,
.Dropdownbutton.Typeb.Danger:hover,
.Button.Typeb.Danger:active,
.Dropdownbutton.Typeb.Danger:active {
  border: 1px solid #a9171c;
}

/* Accordion하위의 label버튼 폰트색 정의 */
.Button.Typeb label {
	color:#ffffff;
}

.Button.Large,
.Dropdownbutton.Large {
  padding: 1px 2px;
  font-size: 12px;
  line-height: 28px;
  width: 70px;
}

.Button.Small,
.Dropdownbutton.Small {
  padding: 1px 2px;
  font-size: 12px;
  line-height: 24px;
  width: 50px;
}

.Button.Extra,
.Dropdownbutton.Extra {
  padding: 1px 20px;
  font-size: 12px;
  line-height: 36px;
}

.Button .Icon {
  background: url("./images/glyphicons-halflings-white.png") no-repeat 10000px 10000px;
}

.Button.Large .Icon {
  margin: -4px 0;
}

.Button.Extra .Icon {
  margin: 0 0;
}

.Button.Onlyicon {
  height: 22px;
  padding: 0 12px;
}

.Button.Extra.Onlyicon {
  height: 34px;
  padding: 1px 20px;
}

.Carousel {
  position: relative;
  overflow: hidden;
  height: 304px;
  width: 600px;
  z-index: 0;
}

.Carousel > .Paging {
  position: absolute;
  z-index: 1;
  width: 100%;
  bottom: 0;
}

.Carousel > .Paging .Link {
  float: none;
}

.Carousel .Prev,
.Carousel .Next {
  position: absolute;
  cursor: pointer;
  top: 50%;
  z-index: 2;
  width: 28px;
  height: 50px;
  margin-top: -23px;
  line-height: 30px;
}

.Carousel .Prev {
  left: 20px;
  background: url("./images/component_hynix.png") no-repeat -112px 0px;
}

.Carousel .Next {
  right: 20px;
  background: url("./images/component_hynix.png") no-repeat -47px 0px;
}

.Checkbox {
  position: relative;
  top: -1px;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
  border: 0;
}

.ImageCheckbox {
  position: relative;
}
.ImageCheckbox:after {
  content: '';
  position: absolute;
  left: 2px;
  left: 0px \0/IE8;
  top: 40%;
  width: 16px;
  height: 16px;
  margin-top: -7px;
  background: url("./images/component_hynix.png") no-repeat 0px -72px;
}
.ImageCheckbox.Checked:after {
  background: url("./images/component_hynix.png") no-repeat -48px -72px;
}
.ImageCheckbox.Disabled:after {
  background: url("./images/component_hynix.png") no-repeat -96px -72px;
}
.ImageCheckbox > .Checkbox {
  _noFocusLine: expression(this.hideFocus = true);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

.Dateinput, .Daterange {
  display: inline-block;
  position: relative;
}

.Dateinput > input,
.Daterange .Startdate > input,
.Daterange .Enddate > input {
  overflow: hidden;
  width: 96px;
  height: 26px;
  padding: 0 8px;
  vertical-align: middle;
  font-size: 12px;
  line-height: 26px;
  color: #303030;
  background: #ffffff;
  border: 1px solid #d5d5d5;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.Dateinput > input:hover,
.Daterange .Startdate > input:hover,
.Daterange .Enddate > input:hover,
.Dateinput > input:focus,
.Daterange .Startdate > input:focus,
.Daterange .Enddate > input:focus {
  background: #ffffff;
  border: 1px solid #fd6901;
}

.Dateinput > input:active,
.Daterange .Startdate > input:active,
.Daterange .Enddate > input:active {
  background: #ffffff;
  border: 1px solid #fd6901;
}

.Dateinput > input.Disabled,
.Daterange .Startdate > input.Disabled,
.Daterange .Enddate > input.Disabled {
  background: #f2f2f2;
  border: 1px solid #d7d9db;
}

.Dateinput > .Calendar,
.Daterange .Calendar {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  /*
  width: 29px;
  height: 26px;
  */
  width: 22px;
  height: 22px;
  margin-left: 0;
  background-color: #ffffff;
  /*background-image: url("./images/component_hynix.png");*/
  background-image: url("../../../html/login/images/btn/b_calendar.png");
  background-repeat: no-repeat;
  /*background-position: -170px -237px;*/
  background-position: -1px -1px;
  border: 0;
  /*
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -ms-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  */
}

.Dateinput > .Calendar.Single,
.Daterange .Calendar.Single {
  margin-left: -4px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.Dateinput > .Calendar:hover,
.Daterange .Calendar:hover,
.Dateinput > .Calendar:active,
.Daterange .Calendar:active {
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  /*background-image: url("./images/component_hynix.png");*/
  background-image: url("../../../html/login/images/btn/b_calendar.png");
  background-repeat: no-repeat;
  /*background-position: -314px -237px;*/
  background-position: -1px -1px;
  border: 0;
  /*
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  */
}

.Dateinput > .Clear,
.Daterange .Clear {
  cursor: pointer;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 1px 14px 0px -28px;
  text-indent: -99999px;
  background: url("./images/component_hynix.png") no-repeat -177px -293px;
}

.Dateinput > .Clear:hover,
.Daterange .Clear:hover,
.Dateinput > .Clear:active,
.Daterange .Clear:active {
  background: url("./images/component_hynix.png") no-repeat -323px -293px;
}

.Datepicker {
  width: 273px;
  padding: 10px;
  font-size: 12px;
  background: #ffffff;
  border: 1px solid #afb3b8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 1px 1px 5px #afb3b8;
  -moz-box-shadow: 1px 1px 5px #afb3b8;
  box-shadow: 1px 1px 5px #afb3b8;
}

.Datepicker a {
  display: block;
  cursor: pointer;
  width: 100%;
  height: 26px;
  font-size: 12px;
  line-height: 26px;
  text-decoration: none;
}

.Datepicker .Header {
  height: 28px;
}
.Datepicker .Header .Control {
  display: inline-block;
  text-decoration: none;
}

.Datepicker .PrevYear,
.Datepicker .PrevMonth {
  display: inline-block;
  float: left;
  width: 17px;
  height: 17px;
  padding: 0;
}

.Datepicker .PrevYear .Control,
.Datepicker .PrevMonth .Control {
  width: 17px;
  height: 17px;
}

.Datepicker .NextYear,
.Datepicker .NextMonth {
  display: inline-block;
  float: right;
  padding: 0;
  width: 17px;
  height: 17px;
}

.Datepicker .NextYear .Control,
.Datepicker .NextMonth .Control {
  width: 17px;
  height: 17px;
}

.Datepicker .PrevYear .Control,
.Datepicker .PrevMonth .Control {
  background: url("./images/component_hynix.png") no-repeat 0px -129px;
}

.Datepicker .PrevYear .Control:hover,
.Datepicker .PrevMonth .Control:hover {
  background: url("./images/component_hynix.png") no-repeat -109px -129px;
}

.Datepicker .PrevYear .Control:active,
.Datepicker .PrevMonth .Control:active {
  background: url("./images/component_hynix.png") no-repeat -109px -129px;
}

/*
.Datepicker .PrevYear .Control.Disabled, 
.Datepicker .PrevMonth .Control.Disabled {
	cursor: default;
	background: url($component-image) no-repeat -48px -129px;
}*/
.Datepicker .NextYear .Control,
.Datepicker .NextMonth .Control {
  background: url("./images/component_hynix.png") no-repeat -48px -129px;
}

.Datepicker .NextYear .Control:hover,
.Datepicker .NextMonth .Control:hover {
  background: url("./images/component_hynix.png") no-repeat -161px -129px;
}

.Datepicker .NextYear .Control:active,
.Datepicker .NextMonth .Control:active {
  background: url("./images/component_hynix.png") no-repeat -161px -129px;
}

/*.Datepicker .NextYear .Control.Disabled, 
.Datepicker .NextMonth .Control.Disabled {
	cursor: default;
	background: url($component-image) no-repeat 0px -129px;
}*/
.Datepicker .BtnClose {
  position: absolute;
  top: 11px;
  right: 10px;
  width: 17px;
  height: 17px;
}
.Datepicker .BtnClose .Control {
  display: block;
  width: 17px;
  height: 17px;
}

.Datepicker .BtnClose .Control {
  background: url("./images/component_hynix.png") no-repeat -59px -241px;
}
.Datepicker .BtnClose .Control:hover, .Datepicker .BtnClose .Control:active {
  background: url("./images/component_hynix.png") no-repeat 0px -241px;
}

.Datepicker .SubheaderYear {
  float: left;
  width: 110px;
  height: 100%;
  margin-right: 10px;
}

.Datepicker .SubheaderYearWide {
  float: left;
  width: 220px;
  height: 100%;
  text-align: center;
}

.Datepicker .SubheaderMonth {
  float: left;
  width: 100px;
  height: 100%;
  text-align: center;
}

.Datepicker.Inline .SubheaderYearWide {
  float: left;
  width: 100%;
  height: 100%;
}
.Datepicker.Inline .SubheaderYear, .Datepicker.Inline .SubheaderMonth {
  width: 120px;
}

.Datepicker .CurrentYear {
  display: inline-block;
  padding: 0 14px 0 18px;
  text-align: center;
  line-height: 19px;
  font-size: 12px;
  font-weight: bold;
}

.Datepicker .CurrentMonth {
  display: inline-block;
  line-height: 19px;
  font-size: 12px;
  font-weight: bold;
}

.Datepicker .CurrentYearSelect,
.Datepicker .CurrentMonthSelect {
  display: inline-block;
  margin-right: 3px;
  margin-left: 3px;
  font-size: 12px;
}

.Datepicker.Inline .CurrentYearSelect,
.Datepicker.Inline .CurrentMonthSelect {
  width: 60%;
}

.Datepicker.Inline .CurrentYear,
.Datepicker.Inline .CurrentMonth {
  width: 65%;
}

.Datepicker table {
  border-collapse: collapse;
  width: 100%;
  padding: 0;
}

.Datepicker thead th {
  height: 26px;
  background: #dadcdf;
  border: 1px solid #a4a8ae;
  border-left: 0;
  font-size: 12px;
}

.Datepicker thead th:first-child {
  border-left: 1px solid #a4a8ae;
}

.Datepicker .Cell {
  width: 35px;
  height: 26px;
  padding: 0;
  text-align: center;
  border: 1px solid #d2d2d2;
}

.Datepicker .Day,
.Datepicker .PrevMonthDay,
.Datepicker .NextMonthDay {
  display: block;
}

.Datepicker .Month {
  display: block;
}

.Datepicker .Weekdays {
  width: 35px;
  font-size: 12px;
}

.Datepicker .Bottom {
  display: block;
  width: 100%;
  height: 26px;
}
.Datepicker .Bottom .BottomButton {
  margin: 5px;
}
.Datepicker .Bottom .BottomText {
  vertical-align: middle;
}

.Datepicker .Day,
.Datepicker .Month {
  color: #303030;
  background: #ffffff;
}

.Datepicker .Day.Holiday {
  background: #eceeef;
}
.Datepicker .Day.Disabled {
  cursor: default;
  color: #d2d5d9;
}

.Datepicker .Day:hover,
.Datepicker .Month:hover {
  font-weight: bold;
  color: #ffffff;
  background: #596068;
}

.Datepicker .Day:active,
.Datepicker .Month:active {
  background: #596068;
}

.Datepicker .Today {
  color: #ffffff;
  background: #000000;
}

.Datepicker .PrevMonthDay,
.Datepicker .NextMonthDay {
  color: #afafaf;
  background: #e9edf0;
}

.Datepicker .PrevMonthDay.Disabled,
.Datepicker .NextMonthDay.Disabled {
  color: #d3d3d3;
  cursor: default;
}

.Datepicker .PrevMonthDay:hover,
.Datepicker .NextMonthDay:hover {
  color: #afafaf;
  background: #00bede;
}

.Datepicker .PrevMonthDay:active,
.Datepicker .NextMonthDay:active {
  color: #ffffff;
  background: #0099c5;
}

.Datepicker .Bottom {
  background: #ffffff;
  border-color: #04bfe0;
}
.Datepicker .Bottom .BottomButton {
  width: 30%;
}
.Datepicker .Bottom .BottomText {
  color: #ff0000;
}

.Datepicker tr a:hover,
.Datepicker.Weekly tr:hover a {
  color: #303030;
  background: #00bede;
}

.Datepicker tr a:active,
.Datepicker.Weekly tr:active a {
  color: #ffffff;
  background-color: #0099c5;
}

.Daterange, .Daterange > .Startdate, .Daterange > .Enddate {
  display: inline-block;
}
.Dateinput > input.Warning{ 
  border:1px solid #fd6901;
}

.Dialog {
  width: 270px;
  /*min-height: $dialog-minheight;*/
  font-size: 12px;
  color: #303030;
  background: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 1px 1px 5px #303030;
  -moz-box-shadow: 1px 1px 5px #303030;
  box-shadow: 1px 1px 5px #303030;
}

.Dialog .Header {
  position: relative;
  width: 100%;
  height: 36px;
  font-size: 15px;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
  color: #303030;
  /*
  border-bottom: 1px solid #f7b4bd;
  background:#fd6901;
  */
  background:rgb(40, 83, 158);
  color:#fff;	
}

.Dialog .Header .DialogBtn {
  position: absolute;
  cursor: pointer;
  top: 5px;
  right: 8px;
  width: 25px;
  height: 25px;
  padding: 0;
  border: 0;
  background: url("./images/component_hynix.png") no-repeat -54px -236px;
}
.Dialog .Header .DialogBtn:hover {
  background: url("./images/component_hynix.png") no-repeat 4px -236px;
}
.Dialog .Header .DialogBtn:active {
  background: url("./images/component_hynix.png") no-repeat -106px -236px;
}

.Dialog .DialogToggle {
  position: absolute;
  cursor: pointer;
  top: 8px;
  left: 8px;
  width: 19px;
  height: 19px;
  padding: 0;
  border: 0;
  background: url("./images/dialog_toggle.png") no-repeat 0 -117px;
}
.Dialog .DialogToggle:hover {
  background: url("./images/dialog_toggle.png") no-repeat 0 -78px;
}
.Dialog .DialogToggle.Expanded {
  background: url("./images/dialog_toggle.png") no-repeat 0 -39px;
}
.Dialog .DialogToggle.Expanded:hover {
  background: url("./images/dialog_toggle.png") no-repeat 0 0;
}

.Dialog.Confirm {
  border: 1px solid #006cff;
}
.Dialog.Confirm .Header {
  color: #006cff;
  border-bottom: 1px solid #b2d3ff;
}

.Dialog.Success {
  border: 1px solid #6bc600;
}
.Dialog.Success .Header {
  color: #198600;
  border-bottom: 1px solid #d2eeb2;
}

.Dialog.Warning {
  border: 1px solid #fd6901;
}
.Dialog.Warning .Header {
  color: #f15500;
  border-bottom: 1px solid #ffd0b6;
}

.Dialog.Danger {
  border: 1px solid #e60724;
}
.Dialog.Danger .Header {
  color: #e60724;
  border-bottom: 1px solid #ffd0b6;
}

.Dialog .ResizeBtn {
  position: absolute;
  cursor: se-resize;
  right: 4px;
  bottom: 4px;
  width: 8px;
  height: 8px;
  background: url("./images/component_hynix.png") no-repeat -160px -496px;
}

.Dialog-mask {
  background: #000000;
}

.Dialog-contents {
  padding: 14px;
}

.Dialog-btnwrap {
  margin-bottom: 16px;
  text-align: center;
}
.Dialog-btnwrap button {
  margin: 0 2px;
}

.Divselect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  min-width: 90px;
/*   padding: 4px 16px 5px 8px; */
  font-size: 12px;
  color: #303030;
  text-align: left;
  background: url("./images/multi_btn_off_hynix.png") no-repeat right 3px;
  border: 1px solid #d5d5d5;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.Divselect:hover, .Divselect:active, .Divselect.ui-state-active {
  background: url("./images/multi_btn_off_hynix.png") no-repeat right 3px;
  border: 1px solid #fd6901;
}

.Divselect.Disabled {
  _noFocusLine: expression(this.hideFocus = true);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.Divselect > select {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  height: 100%;
  background: transparent;
  border: 0;
  _noFocusLine: expression(this.hideFocus = true);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.Divselect span {
  margin-right: 12px;
}

.Dropdown, .Dropdown * {
  list-style: none;
  font-size: 12px;
}

.Dropdown, .Dropdown ul {
  z-index: 10;
  padding: 6px 0;
  margin: 0;
  display:none;
  background: #fff;
  min-width: 170px;
  border: 1px solid #c3c3c3;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.Dropdown, .Dropdown ul2 {
  z-index: 10;
  padding: 6px 0;
  margin: 0;
  background: #fff;
  min-width: 70px;
  border: 1px solid #c3c3c3;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.Dropdown .Header a {
  color: #337AB7;
}

.Dropdown > li.Header:hover,
.Dropdown > li.Header.Focused {
  cursor: auto;
  background: none;
}
.Dropdown > li.Header:hover > a,
.Dropdown > li.Header.Focused > a {
  color: #337AB7;
}

.Dropdown .Divider {
  margin: 0;
  padding: 0;
}

.Dropdown ul {
  display: none;
  position: absolute;
  top: 0px;
  left: 100%;
}

.Dropdown li {
  position: relative;
  padding: 0 10px;
  line-height: 26px;
  color: #303030;
}
.Dropdown li > a {
  width: 100%;
  height: 100%;
  display: inline-block;
  color: #303030;
  text-decoration: none;
}
.Dropdown li > a:hover {
  color: #ffffff;
  text-decoration: none;
}
.Dropdown li.Disabled, .Dropdown li.Disabled * {
  color: #aaaaaa;
}

.Dropdown > li:hover,
.Dropdown > li.Focused {
  cursor: pointer;
  background: #fb6c07;
  color: #ffffff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.Dropdown > li:hover.Disabled, .Dropdown > li:hover.Disabled > a, .Dropdown > li:hover.Disabled > a:hover,
.Dropdown > li.Focused.Disabled,
.Dropdown > li.Focused.Disabled > a,
.Dropdown > li.Focused.Disabled > a:hover {
  background: #fff;
  color: #aaaaaa;
}
.Dropdown > li:hover > a,
.Dropdown > li.Focused > a {
  color: #ffffff;
}

.Dropdown > li > ul > li:hover,
.Dropdown > li > ul > li.Focused {
  background: #fb6c07;
  color: #ffffff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.Dropdown > li > ul > li > ul > li:hover,
.Dropdown > li > ul > li > ul > li.Focused {
  background: #fb6c07;
  color: #ffffff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.Dropdown .Expandable {
  position: relative;
}
.Dropdown .Expandable:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 6px;
  height: 8px;
  margin-top: -4px;
  background: url("./images/component_hynix.png") no-repeat -293px -846px;
}
.Dropdown .Expandable:hover:after, .Dropdown .Expandable.Focused:after {
  background: url("./images/component_hynix.png") no-repeat -293px -893px;
}

.Dropdown .Expandable .Expandable.af-expanded {
  color: #ffffff;
}

.Dropdownbutton {
  color: #ffffff;
  border: 0;
  background: #6b6059;
}
.Dropdownbutton:hover {
  color: #ffffff;
  filter: none;
  background: #4b443e;
}

.Dropdownbutton {
  padding-right: 30px;
}
.Dropdownbutton:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 6px;
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-top: -2px;
  background: url("./images/component_hynix.png") no-repeat 0 -846px;
  background-repeat: no-repeat;
}

.Grid-wrapper {
  margin: 0 auto;
  overflow: hidden;
  width: 1170px;
}

.Grid-wrapper.Lg {
  margin: 0 auto;
  overflow: hidden;
  width: 970px;
}

.Grid-wrapper.Md {
  margin: 0 auto;
  overflow: hidden;
  width: 750px;
}

.Grid-sm-1, .Grid-md-1, .Grid-lg-1, .Grid-ex-1, .Push-1, .Grid-sm-2, .Grid-md-2, .Grid-lg-2, .Grid-ex-2, .Push-2, .Grid-sm-3, .Grid-md-3, .Grid-lg-3, .Grid-ex-3, .Push-3, .Grid-sm-4, .Grid-md-4, .Grid-lg-4, .Grid-ex-4, .Push-4, .Grid-sm-5, .Grid-md-5, .Grid-lg-5, .Grid-ex-5, .Push-5, .Grid-sm-6, .Grid-md-6, .Grid-lg-6, .Grid-ex-6, .Push-6, .Grid-sm-7, .Grid-md-7, .Grid-lg-7, .Grid-ex-7, .Push-7, .Grid-sm-8, .Grid-md-8, .Grid-lg-8, .Grid-ex-8, .Push-8, .Grid-sm-9, .Grid-md-9, .Grid-lg-9, .Grid-ex-9, .Push-9, .Grid-sm-10, .Grid-md-10, .Grid-lg-10, .Grid-ex-10, .Push-10, .Grid-sm-11, .Grid-md-11, .Grid-lg-11, .Grid-ex-11, .Push-11, .Grid-sm-12, .Grid-md-12, .Grid-lg-12, .Grid-ex-12, .Push-12 {
  float: left;
  position: relative;
  min-height: 1px;
}

.Grid-container {
  margin: 0 auto;
  padding: 0 15px;
}
.Grid-container:before {
  content: " ";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
.Grid-container:after {
  content: " ";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}

.Grid-sm-1 {
  width: 8.33333%;
}

.Grid-sm-2 {
  width: 16.66667%;
}

.Grid-sm-3 {
  width: 25%;
}

.Grid-sm-4 {
  width: 33.33333%;
}

.Grid-sm-5 {
  width: 41.66667%;
}

.Grid-sm-6 {
  width: 50%;
}

.Grid-sm-7 {
  width: 58.33333%;
}

.Grid-sm-8 {
  width: 66.66667%;
}

.Grid-sm-9 {
  width: 75%;
}

.Grid-sm-10 {
  width: 83.33333%;
}

.Grid-sm-11 {
  width: 91.66667%;
}

.Grid-sm-12 {
  width: 100%;
}

@media (min-width: 768px) {
  .Grid-container {
    width: 750px;
  }

  .Grid-md-1 {
    width: 8.33333%;
  }

  .Grid-md-2 {
    width: 16.66667%;
  }

  .Grid-md-3 {
    width: 25%;
  }

  .Grid-md-4 {
    width: 33.33333%;
  }

  .Grid-md-5 {
    width: 41.66667%;
  }

  .Grid-md-6 {
    width: 50%;
  }

  .Grid-md-7 {
    width: 58.33333%;
  }

  .Grid-md-8 {
    width: 66.66667%;
  }

  .Grid-md-9 {
    width: 75%;
  }

  .Grid-md-10 {
    width: 83.33333%;
  }

  .Grid-md-11 {
    width: 91.66667%;
  }

  .Grid-md-12 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .Grid-container {
    width: 970px;
  }

  .Grid-lg-1 {
    width: 8.33333%;
  }

  .Grid-lg-2 {
    width: 16.66667%;
  }

  .Grid-lg-3 {
    width: 25%;
  }

  .Grid-lg-4 {
    width: 33.33333%;
  }

  .Grid-lg-5 {
    width: 41.66667%;
  }

  .Grid-lg-6 {
    width: 50%;
  }

  .Grid-lg-7 {
    width: 58.33333%;
  }

  .Grid-lg-8 {
    width: 66.66667%;
  }

  .Grid-lg-9 {
    width: 75%;
  }

  .Grid-lg-10 {
    width: 83.33333%;
  }

  .Grid-lg-11 {
    width: 91.66667%;
  }

  .Grid-lg-12 {
    width: 100%;
  }
}
@media (min-width: 1180px) {
  .Grid-container {
    width: 1170px;
  }

  .Grid-ex-1 {
    width: 8.33333%;
  }

  .Grid-ex-2 {
    width: 16.66667%;
  }

  .Grid-ex-3 {
    width: 25%;
  }

  .Grid-ex-4 {
    width: 33.33333%;
  }

  .Grid-ex-5 {
    width: 41.66667%;
  }

  .Grid-ex-6 {
    width: 50%;
  }

  .Grid-ex-7 {
    width: 58.33333%;
  }

  .Grid-ex-8 {
    width: 66.66667%;
  }

  .Grid-ex-9 {
    width: 75%;
  }

  .Grid-ex-10 {
    width: 83.33333%;
  }

  .Grid-ex-11 {
    width: 91.66667%;
  }

  .Grid-ex-12 {
    width: 100%;
  }
}
.Push-1 {
  margin-left: 8.33333%;
}

.Push-2 {
  margin-left: 16.66667%;
}

.Push-3 {
  margin-left: 25%;
}

.Push-4 {
  margin-left: 33.33333%;
}

.Push-5 {
  margin-left: 41.66667%;
}

.Push-6 {
  margin-left: 50%;
}

.Push-7 {
  margin-left: 58.33333%;
}

.Push-8 {
  margin-left: 66.66667%;
}

.Push-9 {
  margin-left: 75%;
}

.Push-10 {
  margin-left: 83.33333%;
}

.Push-11 {
  margin-left: 91.66667%;
}

.Push-12 {
  margin-left: 100%;
}

.Groupbutton, .Groupbutton * {
  box-sizing: border-box;
}

.Groupbutton {
  position: relative;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  Vertical-align: middle;
  text-align: center;
  line-height: 22px;
  text-decoration: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.Groupbutton .Button {
  float: left;
  margin: 0px;
  border: 0;
  border-left: 1px solid #fff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.Groupbutton > .Button:first-child {
  border: 0;
}

.Groupbutton > .Button:first-child:hover {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -ms-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}

.Groupbutton > .Button:last-child:hover {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -ms-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}

.Groupbutton.Typeb {
  position: relative;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
  Vertical-align: middle;
  line-height: 22px;
  text-decoration: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.Groupbutton.Typeb .Button {
  float: left;
  margin: 0;
  margin-left: 0;
  color: #6b6059;
  background: #ffffff;
  border: 1px solid #6b6059;
  border-left: 0;
  filter: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}

.Groupbutton.Typeb > .Button:first-child {
  margin-left: 0;
  border-left: 1px solid #6b6059;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -ms-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}

.Groupbutton.Typeb > .Button:last-child {
  border: 1px solid #6b6059;
  border-left: 0;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -ms-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}

.Groupbutton.Typeb .Button:hover,
.Groupbutton.Typeb .Button:active,
.Groupbutton.Typeb .Button.Selected,
.Groupbutton.Typeb .Button.Checked {
  margin-left: -1px;
  z-index: 2;
  color: #6b6059;
  background: #eaeaea;
  border: 1px solid #6b6059;
}

.Groupbutton.Typeb .Button:first-child:hover,
.Groupbutton.Typeb .Button:first-child:active,
.Groupbutton.Typeb .Button:first-child.Selected,
.Groupbutton.Typeb .Button:first-child.Checked {
  margin-left: 0;
  z-index: 2;
  color: #6b6059;
  background: #eaeaea;
  border-color: #6b6059;
}

.Groupbutton.Typeb .Button:hover + a,
.Groupbutton.Typeb .Button:active + a,
.Groupbutton.Typeb .Button.Selected + a,
.Groupbutton.Typeb .Button.Checked + a {
  margin-right: 0;
}

.Groupbutton .Radio,
.Groupbutton .Checkbox,
.Groupbutton .Radio.Checked,
.Groupbutton .Checkbox.Checked {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  line-height: 22px;
  _noFocusLine: expression(this.hideFocus = true);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

.Groupbutton.Vertical .Button {
  float: left;
  clear: both;
  width: 100%;
  border: 0;
  border-top: 1px solid #fff;
}

.Groupbutton.Vertical .Button:first-child {
  border: 0;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -ms-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}

.Groupbutton.Vertical.Typeb .Button {
  float: left;
  width: 100%;
  margin: 0;
  color: #6b6059;
  background: #ffffff;
  border: 1px solid #6b6059;
  border-top: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.Groupbutton.Vertical.Typeb > .Button:first-child {
  margin-top: 0;
  border-top: 1px solid #6b6059;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -ms-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}

.Groupbutton.Vertical.typeb > .Button:last-child {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -ms-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}

.Groupbutton.Vertical.Typeb .Button:hover,
.Groupbutton.Vertical.Typeb .Button:active,
.Groupbutton.Vertical.Typeb .Button.Selected,
.Groupbutton.Vertical.Typeb .Button.Checked {
  margin-top: -1px;
  z-index: 2;
  background: #eaeaea;
  color: #6b6059;
  border: 1px solid #6b6059;
}

.Groupbutton.Vertical.Typeb .Button:first-child:hover,
.Groupbutton.Vertical.Typeb .Button:first-child:active,
.Groupbutton.Vertical.Typeb .Button:first-child.Selected,
.Groupbutton.Vertical.Typeb .Button:first-child.Checked {
  margin-top: 0;
  z-index: 2;
  color: #6b6059;
  background: #eaeaea;
  border-color: #6b6059;
}

.Groupbutton.Vertical.Typeb .Button:hover + a,
.Groupbutton.Vertical.Typeb .Button:active + a,
.Groupbutton.Vertical.Typeb .Button.Selected + a,
.Groupbutton.Vertical.Typeb .Button.Checked + a {
  margin-bottom: 0;
}

/* Common Style */
.Hierarchical {
  position: relative;
  list-style: none;
  font-size: 12px;
  color: #303030;
}

.Hierarchical li {
  position: relative;
  cursor: pointer;
  list-style: none;
}

.Hierarchical a {
  display: block;
  width: 100%;
  text-decoration: none;
  color: #303030;
}

.Hierarchical > li {
  display: inline-block;
  float: left;
  padding: 4px 30px 10px 20px;
  background: url("./images/hierach_icon.png") no-repeat 0 -87px;
}
.Hierarchical > li:first-child {
  background: none;
}
.Hierarchical > li:first-child > a {
  content: '';
  display: inline-block;
  width: 19px;
  height: 19px;
  padding: 3px 20px 0 25px;
  margin-top: -3px;
  background: url("./images/hierach_icon.png") no-repeat 0 0px;
}
.Hierarchical > li:first-child > a:after {
  background: none;
}

.Hierarchical > li.Expandable > .ArrowIcon {
  position: absolute;
  top: 0px;
  right: 0px;
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-right: 5px;
  background: url("./images/hierach_icon.png") no-repeat 0 -30px;
}

.Hierarchical > li.Expandable:hover > .ArrowIcon {
  background: url("./images/hierach_icon.png") no-repeat 0 -60px;
}

.Hierarchical > li.Expanded > ul > li:hover {
  background: #fb6c07;
}
.Hierarchical > li.Expanded > ul > li:hover a {
  color: #ffffff;
}

/* 대 메뉴 바로 아래 sub menu */
.Hierarchical > li > ul {
  top: 25px;
  left: 20px;
}

/* 3 depth 이상 sub menu */
.Hierarchical ul {
  position: absolute;
  top: 10px;
  left: 100%;
  width: 160px;
  margin: 0;
  padding: 6px 0;
  border: 1px solid #c3c3c3;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.Hierarchical ul > li {
  display: block;
  height: 26px;
  padding: 0 18px;
  list-style: none;
  line-height: 24px;
  background: #ffffff;
}

.Icon {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  margin: -5px 0;
  background: url("./images/glyphicons-halflings.png") no-repeat 1000px 1000px;
}

.Icon.White {
  background: url("./images/glyphicons-halflings-white.png") no-repeat 1000px 1000px;
}

.Icon.Glass {
  background-position: 0 0;
}

.Icon.Music {
  background-position: -24px 0;
}

.Icon.Search {
  background-position: -48px 0;
}

.Icon.Envelope {
  background-position: -72px 0;
}

.Icon.Heart {
  background-position: -96px 0;
}

.Icon.Star {
  background-position: -120px 0;
}

.Icon.Star-empty {
  background-position: -144px 0;
}

.Icon.User {
  background-position: -168px 0;
}

.Icon.Film {
  background-position: -192px 0;
}

.Icon.Th-large {
  background-position: -216px 0;
}

.Icon.Th {
  background-position: -240px 0;
}

.Icon.Th-list {
  background: url("./images/glyphicons-halflings.png") no-repeat 10000px 10000px;
  background-position: -264px -2px;
}

.Icon.Ok {
  background-position: -288px 0;
}

.Icon.Remove {
  background-position: -312px 0;
}

.Icon.Zoom-in {
  background-position: -336px 0;
}

.Icon.Zoom-out {
  background-position: -360px 0;
}

.Icon.Off {
  background-position: -384px 0;
}

.Icon.Signal {
  background-position: -408px 0;
}

.Icon.Cog {
  background-position: -432px 0;
}

.Icon.Trash {
  background-position: -456px 0;
}

.Icon.Home {
  background-position: 0 -24px;
}

.Icon.File {
  background-position: -24px -24px;
}

.Icon.Time {
  background-position: -48px -24px;
}

.Icon.Road {
  background-position: -72px -24px;
}

.Icon.Download-alt {
  background-position: -96px -24px;
}

.Icon.Download {
  background-position: -120px -24px;
}

.Icon.Upload {
  background-position: -144px -24px;
}

.Icon.Inbox {
  background-position: -168px -24px;
}

.Icon.Play-circle {
  background-position: -192px -24px;
}

.Icon.Repeat {
  background-position: -216px -24px;
}

.Icon.Refresh {
  background-position: -240px -24px;
}

.Icon.List-alt {
  background-position: -264px -24px;
}

.Icon.Lock {
  background-position: -287px -24px;
}

.Icon.Flag {
  background-position: -312px -24px;
}

.Icon.Headphones {
  background-position: -336px -24px;
}

.Icon.Volume-off {
  background-position: -360px -24px;
}

.Icon.Volume-down {
  background-position: -384px -24px;
}

.Icon.Volume-up {
  background-position: -408px -24px;
}

.Icon.Qrcode {
  background-position: -432px -24px;
}

.Icon.Barcode {
  background-position: -456px -24px;
}

.Icon.Tag {
  background-position: 0 -48px;
}

.Icon.Tags {
  background-position: -25px -48px;
}

.Icon.Book {
  background-position: -48px -48px;
}

.Icon.Bookmark {
  background-position: -72px -48px;
}

.Icon.Print {
  background-position: -96px -48px;
}

.Icon.Camera {
  background-position: -120px -48px;
}

.Icon.Font {
  background-position: -144px -48px;
}

.Icon.Bold {
  background: url("./images/glyphicons-halflings.png") no-repeat 10000px 10000px;
  background-position: -167px -49px;
}

.Icon.Italic {
  background: url("./images/glyphicons-halflings.png") no-repeat 10000px 10000px;
  background-position: -192px -49px;
}

.Icon.Text-height {
  background-position: -216px -48px;
}

.Icon.Text-width {
  background-position: -240px -48px;
}

.Icon.Align-left {
  background: url("./images/glyphicons-halflings.png") no-repeat 10000px 10000px;
  background-position: -264px -50px;
}

.Icon.Align-center {
  background: url("./images/glyphicons-halflings.png") no-repeat 10000px 10000px;
  background-position: -288px -50px;
}

.Icon.Align-right {
  background: url("./images/glyphicons-halflings.png") no-repeat 10000px 10000px;
  background-position: -312px -50px;
}

.Icon.Align-justify {
  background: url("./images/glyphicons-halflings.png") no-repeat 10000px 10000px;
  background-position: -336px -50px;
}

.Icon.List {
  background-position: -360px -48px;
}

.Icon.Indent-left {
  background: url("./images/glyphicons-halflings.png") no-repeat 10000px 10000px;
  background-position: -384px -50px;
}

.Icon.Indent-right {
  background: url("./images/glyphicons-halflings.png") no-repeat 10000px 10000px;
  background-position: -408px -50px;
}

.Icon.Facetime-video {
  background-position: -432px -48px;
}

.Icon.Picture {
  background-position: -456px -48px;
}

.Icon.Pencil {
  background-position: 0 -72px;
}

.Icon.Map-marker {
  background-position: -24px -72px;
}

.Icon.Adjust {
  background-position: -48px -72px;
}

.Icon.Tint {
  background-position: -72px -72px;
}

.Icon.Edit {
  background-position: -96px -72px;
}

.Icon.Share {
  background-position: -120px -72px;
}

.Icon.Check {
  background-position: -144px -72px;
}

.Icon.Move {
  background-position: -168px -72px;
}

.Icon.Step-backward {
  background-position: -192px -72px;
}

.Icon.Fast-backward {
  background-position: -216px -72px;
}

.Icon.Backward {
  background-position: -240px -72px;
}

.Icon.Play {
  background-position: -264px -72px;
}

.Icon.Pause {
  background-position: -288px -72px;
}

.Icon.Stop {
  background-position: -312px -72px;
}

.Icon.Forward {
  background-position: -336px -72px;
}

.Icon.Fast-forward {
  background-position: -360px -72px;
}

.Icon.Step-forward {
  background-position: -384px -72px;
}

.Icon.Eject {
  background-position: -408px -72px;
}

.Icon.Chevron-left {
  background-position: -432px -72px;
}

.Icon.Chevron-right {
  background-position: -456px -72px;
}

.Icon.Plus-sign {
  background-position: 0 -96px;
}

.Icon.Minus-sign {
  background-position: -24px -96px;
}

.Icon.Remove-sign {
  background-position: -48px -96px;
}

.Icon.Ok-sign {
  background-position: -72px -96px;
}

.Icon.Question-sign {
  background-position: -96px -96px;
}

.Icon.Info-sign {
  background-position: -120px -96px;
}

.Icon.Screenshot {
  background-position: -144px -96px;
}

.Icon.Remove-circle {
  background-position: -168px -96px;
}

.Icon.Ok-circle {
  background-position: -192px -96px;
}

.Icon.Ban-circle {
  background-position: -216px -96px;
}

.Icon.Arrow-left {
  background-position: -240px -96px;
}

.Icon.Arrow-right {
  background-position: -264px -96px;
}

.Icon.Arrow-up {
  background-position: -289px -96px;
}

.Icon.Arrow-down {
  background-position: -312px -96px;
}

.Icon.Share-alt {
  background-position: -336px -96px;
}

.Icon.Resize-full {
  background-position: -360px -96px;
}

.Icon.Resize-small {
  background-position: -384px -96px;
}

.Icon.Plus {
  background-position: -408px -96px;
}

.Icon.Minus {
  background-position: -433px -96px;
}

.Icon.Asterisk {
  background-position: -456px -96px;
}

.Icon.Exclamation-sign {
  background-position: 0 -120px;
}

.Icon.Gift {
  background-position: -24px -120px;
}

.Icon.Leaf {
  background-position: -48px -120px;
}

.Icon.Fire {
  background-position: -72px -120px;
}

.Icon.Eye-open {
  background-position: -96px -120px;
}

.Icon.Eye-close {
  background-position: -120px -120px;
}

.Icon.Warning-sign {
  background-position: -144px -120px;
}

.Icon.Plane {
  background-position: -168px -120px;
}

.Icon.Calendar {
  background-position: -192px -120px;
}

.Icon.Random {
  width: 16px;
  background-position: -216px -120px;
}

.Icon.Comment {
  background-position: -240px -120px;
}

.Icon.Magnet {
  background-position: -264px -120px;
}

.Icon.Chevron-up {
  background-position: -288px -120px;
}

.Icon.Chevron-down {
  background-position: -313px -119px;
}

.Icon.Retweet {
  background-position: -336px -120px;
}

.Icon.Shopping-cart {
  background-position: -360px -120px;
}

.Icon.Folder-close {
  width: 16px;
  background-position: -384px -120px;
}

.Icon.Folder-open {
  width: 16px;
  background-position: -408px -120px;
}

.Icon.Resize-vertical {
  background-position: -432px -119px;
}

.Icon.Resize-horizontal {
  background-position: -456px -118px;
}

.Icon.Hdd {
  background-position: 0 -144px;
}

.Icon.Bullhorn {
  background-position: -24px -144px;
}

.Icon.Bell {
  background-position: -48px -144px;
}

.Icon.Certificate {
  background-position: -72px -144px;
}

.Icon.Thumbs-up {
  background-position: -96px -144px;
}

.Icon.Thumbs-down {
  background-position: -120px -144px;
}

.Icon.Hand-right {
  background-position: -144px -144px;
}

.Icon.Hand-left {
  background-position: -168px -144px;
}

.Icon.Hand-up {
  background-position: -192px -144px;
}

.Icon.Hand-down {
  background-position: -216px -144px;
}

.Icon.Circle-arrow-right {
  background-position: -240px -144px;
}

.Icon.Circle-arrow-left {
  background-position: -264px -144px;
}

.Icon.Circle-arrow-up {
  background-position: -288px -144px;
}

.Icon.Circle-arrow-down {
  background-position: -312px -144px;
}

.Icon.Globe {
  background-position: -336px -144px;
}

.Icon.Wrench {
  background-position: -360px -144px;
}

.Icon.Tasks {
  background-position: -384px -144px;
}

.Icon.Filter {
  background-position: -408px -144px;
}

.Icon.Briefcase {
  background-position: -432px -144px;
}

.Icon.Fullscreen {
  background-position: -456px -144px;
}

.Icon.Underline {
  background: url("./images/glyphicons-halflings.png") no-repeat 10000px 10000px;
  background-position: -24px -171px;
}

.Icon.Remove-font-style {
  background: url("./images/glyphicons-halflings.png") no-repeat 10000px 10000px;
  background-position: -48px -171px;
}

.Icon.Editor-arrow {
  background: url("./images/glyphicons-halflings.png") no-repeat 10000px 10000px;
  background-position: -452px -171px;
}

.Icon.Editor-align-left {
  background: url("./images/glyphicons-halflings.png") no-repeat 10000px 10000px;
  background-position: -313px -170px;
  width:25px;
}

.Icon.Ordered-list {
  background: url("./images/glyphicons-halflings.png") no-repeat 10000px 10000px;
  background-position: -72px -172px;
}

.Icon.Editor-text-height {
  background: url("./images/glyphicons-halflings.png") no-repeat 10000px 10000px;
  background-position: -263px -170px;
  width:25px;
}

.Icon.Down-arrow {
  background-position: -264px -72px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.Icon.note-icon-table{
  background: url("./images/icon_table.png") no-repeat ;
}

.Label {
  display: inline-block;
  padding: 2px 6px;
  font-size: 12px;
  color: #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.Label.Default {
  background: #979390;
}

.Label.Primary {
  color: #ffffff;
  border: 0;
  background: #e60724;
}

.Label.Success {
  background: #6bc600;
}

.Label.Warning {
  background: #fd6901;
}

.Label.Danger {
  background: #e60724;
}

.Label.Confirm {
  background: #006cff;
}

.List {
  height: auto;
  padding: 0;
  list-style: none;
  background: #ffffff;
  border: 1px solid #9a9ea9;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.List span {
  display: inline-block;
}

.List > li {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 10px 14px;
  font-size: 12px;
  line-height: 16px;
  color: #303030;
  background: #ffffff;
  border-top: 1px solid #eeeeee;
}

.List > li:first-child {
  border-top: 0;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -ms-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}

.List > li:last-child {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -ms-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}

.List > li.Link > a {
  cursor: pointer;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 10px 14px;
  margin: -10px -14px;
  color: #303030;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.List > li.Link > a:hover, .List > li.Link > a:active {
  color: #ffffff;
  background: #fb6c07;
}
.List > li.Link > a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 4px;
  height: 7px;
  margin-top: -3px;
  background: url("./images/component_hynix.png") no-repeat 0 -950px;
}

.List > li.Link:hover > a:after,
.List > li.Link:active > a:after,
.List > li.Link:focus > a:after {
  background: url("./images/component_hynix.png") no-repeat 0 -990px;
}

.List .Title {
  margin: 0;
  color: #303030;
  font-size: 12px;
  font-weight: bold;
}

/*.List > li .Icon{
	position: absolute;
	top: 50%;
	right:15px;
	height:30px;
	width:30px;
	margin-top: -9px;
	background-size:100% 100%;
}*/
.List > li.Divider {
  padding: 10px 14px;
  font-weight: bold;
  line-height: 16px;
  background: #ffffff;
}

.List > li img.Thumbnail {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 0;
}

.List > li img.Thumbnail.Small {
  top: 50%;
  width: 16px;
  height: 16px;
}

.List > li img.Thumbnail + span {
  margin-left: 10px;
}

.Navmenu {
  position: relative;
  height: 45px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  color: #ffffff;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background: #444853;
}

.Navmenu li {
  position: relative;
  cursor: pointer;
  list-style: none;
}
.Navmenu li:hover {
  color: #ffffff;
  background: #e60724;
}

.Navmenu a {
  display: block;
  width: 100%;
  height: 45px;
  line-height: 45px;
  text-decoration: none;
}

.Navmenu > li {
  display: inline-block;
  height: 45px;
  line-height: 45px;
}
.Navmenu > li > a {
  display: inline-block;
  color: #ffffff;
  padding: 0 24px 0 20px;
}
.Navmenu > li:hover > a {
  color: #ffffff;
}

.Navmenu > li.Expandable > .ArrowIcon {
  /*display:inline-block;*/
  position: absolute;
  top: 18.5px;
  right: 8px;
  width: 8px;
  height: 8px;
  margin-left: 6px;
  background: url("./images/component_hynix.png") no-repeat -197px -846px;
  border: 0;
}

.Navmenu > li.Expandable:hover > .ArrowIcon {
  background: url("./images/component_hynix.png") no-repeat -197px -896px;
}

.Navmenu > li.Expanded {
  /*padding: 0 20px;*/
  background: #e60724;
}
.Navmenu > li.Expanded > a {
  display: inline-block;
  color: #ffffff;
}

.Navmenu > li.Expanded > ul > li:hover > a {
  color: #ffffff;
}

/* 대 메뉴 바로 아래 sub menu */
.Navmenu > li > ul {
  top: 102%;
  left: 0%;
}

/* 3 depth 이상 sub menu */
.Navmenu ul {
  position: absolute;
  top: 3px;
  left: 100%;
  width: 160px;
  margin: 0;
  padding: 6px 0;
  background: #ffffff;
  border: 1px solid #c3c3c3;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0px 0px 5px #c3c3c3;
  -moz-box-shadow: 0px 0px 5px #c3c3c3;
  box-shadow: 0px 0px 5px #c3c3c3;
}

.Navmenu ul > li {
  display: block;
  height: 26px;
  padding: 0 18px;
  list-style: none;
  line-height: 24px;
  background: #ffffff;
}

.Navmenu ul li:hover, .Navmenu ul li a:hover, .Navmenu ul li.Expanded {
  color: #ffffff;
  background: #e60724;
}

.Navmenu ul > .Expanded > .ArrowIcon {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url("./images/component_hynix.png") no-repeat -293px -893px;
  border: 0;
}

.Navmenu ul .Expandable > a,
.Navmenu ul li > a {
  display: inline-block;
  width: 100%;
  height: 26px;
  color: #303030;
  line-height: 24px;
}

.Navmenu ul > .Expanded > a, .Navmenu ul > .Expanded > li > a {
  color: #ffffff;
}

.Navmenu ul .Expanded > ul > li.Expanded,
.Navmenu ul .Expanded > ul > li:hover {
  background: #e60724;
  color: #ffffff;
}

.Navmenu ul .Expanded > ul > .Expanded > ul > li:hover,
.Navmenu ul .Expanded > ul > .Expanded > ul > li:hover a {
  background: #e60724;
  color: #ffffff;
}

.Navmenu ul .Expanded > ul > li:hover > a,
.Navmenu ul .Expanded > ul > .Expanded > ul > li:hover a {
  color: #ffffff;
  background: none;
}

.Paging, .Paging * {
  vertical-align: middle;
}

.Paging {
  display: inline-block;
  cursor: pointer;
  padding: 0px;
  font-size: 12px;
  text-align: center;
}

.Paging .Link {
  display: inline-block;
  float: left;
  padding: 1px 10px;
  color: #808080;
}
.Paging .Link:focus, .Paging .Link:hover, .Paging .Link:active, .Paging .Link.Selected {
  color: #303030;
  font-weight: bold;
}

.Paging .Link.Prev {
  margin-right: 10px;
  border-right: 1px solid #e2e4e7;
}
.Paging .Link.Prev span {
  display: inline-block;
  width: 4px;
  height: 7px;
  padding-left: 14px;
  text-indent: -9999px;
  background: url("./images/component_hynix.png") no-repeat -38px -749px;
}
.Paging .Link.Prev:focus span, .Paging .Link.Prev:hover span, .Paging .Link.Prev:active span {
  background: url("./images/component_hynix.png") no-repeat -38px -793px;
}

.Paging .Link.Prev-group span {
  display: inline-block;
  width: 8px;
  height: 7px;
  text-indent: -9999px;
  background: url("./images/component_hynix.png") no-repeat 0px -749px;
}
.Paging .Link.Prev-group:focus span, .Paging .Link.Prev-group:hover span, .Paging .Link.Prev-group:active span {
  background: url("./images/component_hynix.png") no-repeat 0px -793px;
}

.Paging .Link.Next {
  margin-left: 10px;
  border-left: 1px solid #e2e4e7;
}
.Paging .Link.Next span {
  display: inline-block;
  width: 4px;
  height: 7px;
  margin-left: 14px;
  text-indent: -9999px;
  background: url("./images/component_hynix.png") no-repeat -84px -749px;
}
.Paging .Link.Next:focus span, .Paging .Link.Next:hover span, .Paging .Link.Next:active span {
  background: url("./images/component_hynix.png") no-repeat -84px -793px;
}

.Paging .Link.Next-group span {
  display: inline-block;
  width: 8px;
  height: 7px;
  text-indent: -9999px;
  background: url("./images/component_hynix.png") no-repeat -118px -749px;
}
.Paging .Link.Next-group:focus span, .Paging .Link.Next-group:hover span, .Paging .Link.Next-group:active span {
  background: url("./images/component_hynix.png") no-repeat -118px -793px;
}

.Paging .Link.First span {
  display: inline-block;
  width: 9px;
  height: 9px;
  text-indent: -9999px;
  background: url("./images/component_hynix.png") no-repeat -156px -748px;
}
.Paging .Link.First:focus span, .Paging .Link.First:hover span, .Paging .Link.First:active span {
  background: url("./images/component_hynix.png") no-repeat -156px -792px;
}

.Paging .Link.Last span {
  display: inline-block;
  width: 9px;
  height: 9px;
  text-indent: -9999px;
  background: url("./images/component_hynix.png") no-repeat -195px -748px;
}
.Paging .Link.Last:focus span, .Paging .Link.Last:hover span, .Paging .Link.Last:active span {
  background: url("./images/component_hynix.png") no-repeat -195px -792px;
}

.Paging.Typeb .Link {
  display: inline-block;
  float: left;
  padding: 5px 9px;
  color: #808080;
  border: 1px solid #e2e4e7;
  border-right: 0;
}
.Paging.Typeb .Link:focus, .Paging.Typeb .Link:hover, .Paging.Typeb .Link:active, .Paging.Typeb .Link.Selected {
  color: #303030;
  font-weight: bold;
}

.Paging.Typeb .Link.Prev {
  border: 1px solid #afb3b8;
  margin: 0;
  padding: 0;
}

.Paging.Typeb .Link.Prev span {
  display: inline-block;
  width: 25px;
  height: 24px;
  text-indent: -9999px;
  background-image: url("./images/component_hynix.png");
  background-repeat: no-repeat;
  background-position: -321px -741px;
}

.Paging.Typeb .Link.Prev:focus span,
.Paging.Typeb .Link.Prev:hover span,
.Paging.Typeb .Link.Prev:active span {
  background-color: #fb6c07;
  background-image: url("./images/component_hynix.png");
  background-repeat: no-repeat;
  background-position: -321px -785px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.Paging.Typeb .Link.Prev-group {
  padding: 0;
  margin: 0;
  border: 1px solid #afb3b8;
  border-right: 0;
  -webkit-border-radius: 12px 0 0 12px;
  -moz-border-radius: 12px 0 0 12px;
  -ms-border-radius: 12px 0 0 12px;
  border-radius: 12px 0 0 12px;
}

.Paging.Typeb .Link.Prev-group span {
  display: inline-block;
  width: 25px;
  height: 24px;
  text-indent: -9999px;
  background-image: url("./images/component_hynix.png");
  background-repeat: no-repeat;
  background-position: -284px -741px;
}

.Paging.Typeb .Link.Prev-group:focus span,
.Paging.Typeb .Link.Prev-group:hover span,
.Paging.Typeb .Link.Prev-group:active span {
  background-color: #fb6c07;
  background-image: url("./images/component_hynix.png");
  background-repeat: no-repeat;
  background-position: -284px -785px;
  -webkit-border-radius: 11px 0 0 11px;
  -moz-border-radius: 11px 0 0 11px;
  -ms-border-radius: 11px 0 0 11px;
  border-radius: 11px 0 0 11px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.Paging.Typeb .Link.Next {
  margin: 0;
  padding: 0;
  border: 1px solid #afb3b8;
}

.Paging.Typeb .Link.Next span {
  display: inline-block;
  width: 25px;
  height: 24px;
  margin: 0;
  text-indent: -9999px;
  background-image: url("./images/component_hynix.png");
  background-repeat: no-repeat;
  background-position: -354px -741px;
}

.Paging.Typeb .Link.Next:focus span,
.Paging.Typeb .Link.Next:hover span,
.Paging.Typeb .Link.Next:active span {
  background-color: #fb6c07;
  background-image: url("./images/component_hynix.png");
  background-repeat: no-repeat;
  background-position: -354px -785px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.Paging.Typeb .Link.Next-group {
  padding: 0;
  margin: 0;
  border: 1px solid #afb3b8;
  border-left: 0;
  -webkit-border-radius: 0 12px 12px 0;
  -moz-border-radius: 0 12px 12px 0;
  -ms-border-radius: 0 12px 12px 0;
  border-radius: 0 12px 12px 0;
}

.Paging.Typeb .Link.Next-group span {
  display: inline-block;
  width: 25px;
  height: 24px;
  text-indent: -9999px;
  background-image: url("./images/component_hynix.png");
  background-repeat: no-repeat;
  background-position: -390px -741px;
}

.Paging.Typeb .Link.Next-group:focus span,
.Paging.Typeb .Link.Next-group:hover span,
.Paging.Typeb .Link.Next-group:active span {
  background-color: #fb6c07;
  background-image: url("./images/component_hynix.png");
  background-repeat: no-repeat;
  background-position: -390px -785px;
  -webkit-border-radius: 0 11px 11px 0;
  -moz-border-radius: 0 11px 11px 0;
  -ms-border-radius: 0 11px 11px 0;
  border-radius: 0 11px 11px 0;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.Paging.Typeb .Link.First {
  padding: 0;
  margin: 0;
  border: 1px solid #afb3b8;
  border-right: 0;
  -webkit-border-radius: 12px 0 0 12px;
  -moz-border-radius: 12px 0 0 12px;
  -ms-border-radius: 12px 0 0 12px;
  border-radius: 12px 0 0 12px;
}

.Paging.Typeb .Link.First span {
  display: inline-block;
  width: 25px;
  height: 24px;
  text-indent: -9999px;
  background-image: url("./images/component_hynix.png");
  background-repeat: no-repeat;
  background-position: -428px -741px;
}

.Paging.Typeb .Link.First:focus span,
.Paging.Typeb .Link.First:hover span,
.Paging.Typeb .Link.First:active span {
  background-color: #fb6c07;
  background-image: url("./images/component_hynix.png");
  background-repeat: no-repeat;
  background-position: -428px -785px;
  -webkit-border-radius: 11px 0 0 11px;
  -moz-border-radius: 11px 0 0 11px;
  -ms-border-radius: 11px 0 0 11px;
  border-radius: 11px 0 0 11px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.Paging.Typeb .Link.Last {
  padding: 0;
  margin: 0;
  border: 1px solid #afb3b8;
  border-left: 0;
  -webkit-border-radius: 0 12px 12px 0;
  -moz-border-radius: 0 12px 12px 0;
  -ms-border-radius: 0 12px 12px 0;
  border-radius: 0 12px 12px 0;
}

.Paging.Typeb .Link.Last span {
  display: inline-block;
  width: 25px;
  height: 24px;
  text-indent: -9999px;
  background-image: url("./images/component_hynix.png");
  background-repeat: no-repeat;
  background-position: -469px -741px;
}

.Paging.Typeb .Link.Last:focus span,
.Paging.Typeb .Link.Last:hover span,
.Paging.Typeb .Link.NLast:active span {
  background-color: #fb6c07;
  background-image: url("./images/component_hynix.png");
  background-repeat: no-repeat;
  background-position: -469px -785px;
  -webkit-border-radius: 0 11px 11px 0;
  -moz-border-radius: 0 11px 11px 0;
  -ms-border-radius: 0 11px 11px 0;
  border-radius: 0 11px 11px 0;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.Paging.Mobile {
  border: 0;
}

.Paging.Mobile .Link {
  width: 5px;
  height: 5px;
  margin: 14px 1px;
  padding: 4px;
  font-size: 0px;
  background: #e60724;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.Paging.Mobile .Link.Selected, .Paging.Mobile .Link:focus, .Paging.Mobile .Link:hover, .Paging.Mobile .Link:active {
  font-weight: normal;
  background: #fb6c07;
}

.Paging.Mobile.Left {
  top: 0;
  left: 20px;
  text-align: left;
}

.Paging.Mobile.Right {
  top: 0;
  right: 20px;
  text-align: right;
}

.Panel {
  margin-bottom: 20px;
  font-size: 12px;
  color: #303030;
  background: #fff;
  border: 1px solid #9a9ea9;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.Panel .Panel-content {
  padding: 15px 13px;
}
.Panel .Panel-content:before {
  content: " ";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
.Panel .Panel-content:after {
  content: " ";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}

.Panel .Panel-header {
  padding: 13px;
  font-weight: bold;
  border-bottom: 1px solid #9a9ea9;
  background: #fbf0f1;
}

.Panel .Panel-footer {
  padding: 13px;
  font-weight: bold;
  border-top: 1px solid #9a9ea9;
  background: #fbf0f1;
}

.Panel.Primary {
  border: 1px solid #444853;
}

.Panel.Primary .Panel-header {
  color: #ffffff;
  background: #444853;
  border-bottom: 1px solid #444853;
  background: #444853;
}

.Panel.Primary .Panel-footer {
  color: #ffffff;
  background: #e60724;
  border-top: 1px solid #e60724;
}

.Panel.Success {
  border: 1px solid #6bc600;
}

.Panel.Success .Panel-header {
  color: #ffffff;
  border-bottom: 1px solid #6bc600;
  background: #6bc600;
}

.Panel.Success .Panel-footer {
  color: #ffffff;
  border-top: 1px solid #6bc600;
  background: #6bc600;
}

.Panel.Warning {
  border: 1px solid #fd6901;
}

.Panel.Warning .Panel-header {
  color: #ffffff;
  border-bottom: 1px solid #fd6901;
  background: #fd6901;
}

.Panel.Warning .Panel-footer {
  color: #ffffff;
  border-top: 1px solid #fd6901;
  background: #fd6901;
}

.Panel.Danger {
  border: 1px solid #e60724;
}

.Panel.Danger .Panel-header {
  color: #ffffff;
  border-bottom: 1px solid #e60724;
  background: #e60724;
}

.Panel.Danger .Panel-footer {
  color: #ffffff;
  border-top: 1px solid #e60724;
  background: #e60724;
}

.Panel.Info {
  border: 1px solid #006cff;
}

.Panel.Info .Panel-header {
  color: #ffffff;
  border-bottom: 1px solid #006cff;
  background: #006cff;
}

.Panel.Info .Panel-footer {
  color: #ffffff;
  border-top: 1px solid #006cff;
  background: #006cff;
}

.Progressbar {
  overflow: hidden;
  height: 8px;
  background: #e60724;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.Progressbar div {
  background: #fb6c07;
}

.Progressbar.Progress-text {
  height: 16px;
  font-size: 12px;
}

.Progressbar.Progress-text span {
  padding-top: 1px;
  text-align: center;
  color: #ffffff;
}

.Progressbar.Progress-img div {
  background: url("./images/progressbar_sk.gif");
}

.Radio {
  position: relative;
  top: -2px;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
  border: 0;
}

.ImageRadio {
  position: relative;
}
.ImageRadio:after {
  content: '';
  position: absolute;
  top: 40%;
  left: 2px;
  left: 0px \0/IE8;
  width: 16px;
  height: 16px;
  margin-top: -7px;
  background: url("./images/component_hynix.png") no-repeat -260px -72px;
}
.ImageRadio.Checked:after {
  background: url("./images/component_hynix.png") no-repeat -304px -72px;
}
.ImageRadio.Disabled:after {
  background: url("./images/component_hynix.png") no-repeat -353px -72px;
}
.ImageRadio > .Radio {
  _noFocusLine: expression(this.hideFocus = true);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

.Select {
  cursor: pointer;
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 4px;
  vertical-align: middle;
  font-size: 12px;
  line-height: normal;
  color: #303030;
  border: 1px solid #d5d5d5;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.Select:hover, .Select:active, .Select:focus {
  color: #303030;
  border: 1px solid #fd6901;
}

.Select.Confirm {
  border: 1px solid #006cff;
}
.Select.Confirm:hover, .Select.Confirm:focus, .Select.Confirm:active {
  border: 1px solid #005ad5;
}

.Select.Warning {
  border: 1px solid #fd6901;
}
.Select.Warning:hover, .Select.Warning:focus, .Select.Warning:active {
  border: 1px solid #dc601e;
}

.Select.Danger {
  border: 1px solid #e60724;
}
.Select.Danger:hover, .Select.Danger:focus, .Select.Danger:active {
  border: 1px solid #a9171c;
}

.Select.Success {
  border: 1px solid #6bc600;
}
.Select.Success:hover, .Select.Success:focus, .Select.Success:active {
  border: 1px solid #61b300;
}

/*button.MultiSelect {
	cursor: pointer;
	overflow: hidden;
	padding: 6px 8px;
	font-size: $font-size-base;
	text-align: left;
	color: $base-text-gray;
	background: url($divselect-img) no-repeat 96% 12px;
	border: $select-style;
	@include border-radius($border-radius-base);
	@include transition(all 0.3s);
	
	&:hover, &:active, &.ui-state-active {
		background: url($divselect-img-hover) no-repeat 96% 12px;
		border: $select-hover-style;
	}
}*/
/*.ui-multiselect-menu {display: none;}
.MultiSelect {
	overflow: hidden;
	color: $base-text-gray;
	background: $body-bg;
	border: $select-style;
	@include border-radius($border-radius-base);
}

.MultiSelect .ui-helper-reset {
	margin:0;
	padding:0;
	text-decoration:none;
	list-style: none;
	border:0;
}
.MultiSelect .ui-widget-header {
	overflow: hidden;
	height: $select-multi-columheight;
	background: $select-multi-headerbg;
	border-bottom: $select-style;
}

.MultiSelect .ui-widget-header ul li {
	position: relative; 
	float:left;
	
	&:before {
		content:'';
		position:absolute;
		top:12px;
		left:10px;
		display:inline-block;
		width: 2px;
		height: 2px;
		background : #596068;
		
	}
}
.MultiSelect .ui-widget-header ul li.ui-multiselect-close {
	&:before {
		background: transparent;
	}
}
.MultiSelect .ui-widget-header ul a.ui-multiselect-close {
	display:block; 
	width: 8px;
	height: 8px;
	margin: 7px 0 0 16px;
	padding : 8px;
	background: url($component-image) no-repeat -483px 2px;
}
.MultiSelect .ui-multiselect-all,  
.MultiSelect .ui-multiselect-none {
	display: block;
	padding: 7px 0px 7px 20px;
	color: $base-text-gray;
	font-size: $font-size-base;
	text-decoration: none;
	
	& a {
		text-decoration: none;
	}
}
.MultiSelect .ui-multiselect-checkboxes {
	position:relative;
	overflow-y:auto;
	height: $select-multi-height;
	color: $base-text-gray;
	font-size: $font-size-base; 
}

.MultiSelect .ui-multiselect-checkboxes li {
	height: $select-multi-columheight;
	line-height: $select-multi-columheight;
	border-top: $select-style;
	
	&:first-child {border-top: 0}
}
*/
.Spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  height: 30px;
  padding-right: 23px;
  line-height: 26px;
  font-size: 12px;
  color: #303030;
  border: 1px solid #afb3b8;
  background: #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.Spinner.Disabled {
  color: #cccccc;
  background: #f2f2f2;
  border: 1px solid #d7d9db;
}

.Spinner > input {
  height: 100%;
  padding: 0 8px;
  border: 0;
}

.Spinner > .Up {
  top: 0;
  text-indent: -9999px;
  background: url("./images/component_hynix.png") no-repeat -149px -667px;
}

.Spinner > .Up:hover {
  background: #fb6c07 url("./images/component_hynix.png") no-repeat -266px -667px;
}

.Spinner > .Down {
  bottom: 0;
  text-indent: -9999px;
  background: url("./images/component_hynix.png") no-repeat -90px -668px;
}

.Spinner > .Down:hover {
  background: #fb6c07 url("./images/component_hynix.png") no-repeat -207px -667px;
}

.Spinner > .Up, .Spinner > .Down {
  position: absolute;
  right: 0px;
  cursor: pointer;
  display: block;
  width: 23px;
  height: 50%;
  border-left: 1px solid #afb3b8;
}

.Table-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.Table-scroller {
  display: inline-block;
  overflow: auto;
}

.Table {
  border-collapse: collapse;
  font-size: 12px;
  color: #303030;
  border: 1px solid #ccd2de;
  border: 0;
  border-bottom: 1px solid #ccd2de;
}

.Table thead tr {
  border-top: 1px solid #4b4750;
}

.Table tr {
  border-top: 1px solid #ccd2de;
}
.Table tr:nth-child(odd) {
  background: #ffffff;
}
.Table tr:nth-child(even) {
  background: #ffffff;
}

.Table th {
  height: 28px;
  padding: 8px 0;
  color: #333333;
  line-height: 14px;
  border-left: 1px solid #ccd2de;
  background: #eef3fd;
}
.Table th:first-of-type {
  border-left: 0;
}

.Table tbody {
  border-top: 1px solid #ccd2de;
}
.Table tbody th {
  color: #303030;
  font-weight: normal;
  border-top: 1px solid #ccd2de;
  border-left: 1px solid #ccd2de;
  filter: none;
  background: #f8f1f2;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.Table tbody th:first-of-type {
  border-left: 0;
}
.Table tbody tr {
  text-align: center;
}

.Table td {
  height: 28px;
	padding: 3px 4px; 
  line-height: 14px;
  border-left: 1px solid #ccd2de;
}
.Table td.Disabled {
  color: #cccccc;
  background: #f2f2f2;
}
.Table td.Disabled Select{
  color: #cccccc;
  background: #f2f2f2;
} 


.Table td:first-of-type {
  border-left: 0;
}

.Table .Left-line {
  border-left: 1px solid #ccd2de;
}

.Table .Right-line {
  border-right: 1px solid #ccd2de;
}

.Table tr .Color-typea {
  background: #f8eeef;
}

.Table tr .Color-typeb {
  background: #f8f3ed;
}

.Table tr .Color-typec {
  background: #f2f5e4;
}

.Table tr .Color-typed {
  background: #e4f4f1;
}

.Table.Form-type tr {
  border-top: 1px solid #ccd2de;
}
.Table.Form-type tr:nth-child(even) td {
  background: #fff;
}
.Table.Form-type tr:nth-child(even) td.Disabled {
  color: #cccccc;
  background: #f2f2f2;
 
}
 
.Table.Form-type {
  border: 1px solid #ccd2de;
}

.Table.Form-type tbody {
  border-top: 0;
}

.Table.Form-type tbody th {
  padding: 10px;
  color: #333333;
  font-weight: bold;
  text-align: right;
  border: 1px solid #ccd2de;
  background-clip: padding-box !important;
  background: #eef3fd;
}

.Table.Form-type .Table th {
  text-align: center;
}

.Table.Form-type td {
  text-align: left;
}

.Table .AscendingOrder,
.Table .DescendingOrder {
  position: relative;
}

.Table .AscendingOrder .Icon,
.Table .DescendingOrder .Icon {
  position: absolute;
  top: 50%;
  right: 5px;
  display: inline-block;
  margin-top: -8px;
  _noFocusLine: expression(this.hideFocus = true);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.Table .AscendingOrder .Icon {
  background-position: -312px -96px;
}

.Table .DescendingOrder .Icon {
  background-position: -289px -96px;
}

.Table .ResizeIcon {
  position: absolute;
  right: 1px;
  bottom: 1px;
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-bottom: 5px solid black;
}

.Table .Editor {
  cursor: text;
  background: url("./images/icon_table_edit_normal.png") no-repeat 93% center;
}

.Table tr:nth-child(even) td.Editor {
  background: url("./images/icon_table_edit_normal.png") no-repeat 93% center #ffffff;
}
.Table tr:nth-child(odd) td.Editor {
  background: url("./images/icon_table_edit_normal.png") no-repeat 93% center #ffffff;
}
.Table tr:nth-child(even) td.Editor.Editing {
  background: #ffffff;
}
.Table tr:nth-child(odd) td.Editor.Editing {
  background: #ffffff;
}

.Table .Editor input {
  overflow: hidden;
  width: 97%;
  padding: 2px;
  margin: 0;
  vertical-align: middle;
  line-height: 12px;
  border: 0;
}

.Tabs {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
}

.Tabs > ul {
  display: table;
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  table-layout: fixed;
  border-bottom: 0;
}
.Tabs > ul:before {
  content: '';
  display: table-cell;
  width: 1px;
  background: url(./images/hynix_tab_type01.png) center bottom no-repeat;
  background-position: left bottom;
}

.Tabs > .Scroller {
/*   overflow-x: auto; */
  padding: 0;
  margin-top: 3px;
  border: 0;
}

.Tabs > .Scroller > ul {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 0;
}
.Tabs > .Scroller > ul:before {
  content: '';
  display: table-cell;
  width: 1px;
  background: url(./images/hynix_tab_type01.png) center bottom no-repeat;
  background-position: left bottom;
}

.Tabs > ul > li,
.Tabs > .Scroller > ul > li {
  position: relative;
  cursor: pointer;
  display: table-cell;
  margin: 0;
  padding: 10px 16px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  color: #808080;
  line-height: 19px;
  background: url(./images/hynix_tab_type01.png) center bottom no-repeat;
  background-position: right bottom;
}

.Tabs > ul > li:first-child,
.Tabs > .Scroller > ul > li:first-child {
  border-left: 0;
}

.Tabs > ul > li:hover,
.Tabs > .Scroller > ul > li:hover,
.Tabs > ul > li:active,
.Tabs > .Scroller > ul > li:active,
.Tabs > ul > li.Selected,
.Tabs > .Scroller > ul > li.Selected {
  color: #ffffff;
  font-weight: bold;
  border: 0;
  border-bottom: 0;
  background: url(./images/hynix_tab_type01_on.png) center bottom no-repeat;
}

.Tabs > ul > li.Disabled,
.Tabs > .Scroller > ul > li.Disabled {
  color: #d3d4d4;
  border: 1px solid #e0e0e0;
  border-bottom-color: #c3c3c3;
}

.Tabs > ul > li.Tabs-ellipsis,
.Tabs > .Scroller > ul > li.Tabs-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.Tabs > ul > li img,
.Tabs > .Scroller > ul > li img {
  display: block;
  height: 20px;
  margin: auto;
  text-align: center;
  border: 0px;
}

.Tabs ul > li .RemoveButton {
  position: absolute;
  cursor: pointer;
  top: 13px;
  right: 10px;
  width: 11px;
  height: 11px;
  padding: 0px;
  border: 0;
  text-align: center;
  background: url("./images/component_hynix.png") no-repeat -61px -243px;
}

.Tabs ul > li .RemoveButton:hover,
.Tabs ul > li .RemoveButton:active {
  background: url("./images/component_hynix.png") no-repeat -113px -243px;
}

.Tabs ul > li .RemoveButton.Disabled {
  background: url("./images/component_hynix.png") no-repeat 0px -243px;
}

.Tabs ul > li.Selected .RemoveButton {
  background: url("./images/component_hynix.png") no-repeat -485px -243px;
}

.Tabs div iframe {
  width: 100%;
  height: 100%;
  border: 0px;
  overflow: scroll;
}

.Tabs.Edit {
  position: relative;
}

.Tabs.Edit > ul {
  padding-right: 33px;
}

.Tabs.Edit > div {
  margin-right: 33px;
}

.Tabs.Edit > .Tabs-btn__edit,
.Tabs.Edit > .Scroller > .Tabs-btn__edit {
  position: absolute;
  top: 9px;
  right: 0;
  margin: 0;
  padding: 0;
}

.Tabs.Edit > .Tabs-btn__edit > button,
.Tabs.Edit > .Scroller > .Tabs-btn__edit > button {
  width: 21px;
  height: 21px;
  text-indent: -9999px;
  background: url("./images/component_hynix.png") no-repeat -479px -879px;
  border: 0;
}

.Tabs.Sub-tabs > div {
  padding: 10px;
  border-top: 0;
}

.Tabs.Sub-tabs > ul {
  border-bottom: 1px solid #d3d4d7;
}

.Tabs.Sub-tabs > ul:before {
  display: inline;
}

.Tabs.Sub-tabs > ul > li {
  float: left;
  padding: 10px 16px;
  font-weight: normal;
  background: #ffffff;
  border: 0;
  filter: none;
}
.Tabs.Sub-tabs > ul > li:hover, .Tabs.Sub-tabs > ul > li:active, .Tabs.Sub-tabs > ul > li.Selected {
  color: #000000;
}

.Tabs.Fixed > ul,
.Tabs.Fixed > .Scroller > ul {
  background: url(./images/hynix_tab_fixedline.png) center bottom repeat-x;
}
.Tabs.Fixed > ul:before,
.Tabs.Fixed > .Scroller > ul:before {
  content: '';
  float: left;
  position: relative;
  top: 3px;
  width: 1px;
  height: 36px;
  background: url(./images/hynix_tab_type01.png) center bottom no-repeat;
  background-position: left bottom;
}

.Tabs.Fixed > ul > li,
.Tabs.Fixed > .Scroller > ul > li {
  float: left;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.Textarea {
  overflow: auto;
  padding: 8px;
  line-height: 21px;
  vertical-align: middle;
  font-size: 12px;
  color: #303030;
  scrollbar-face-color: #eeeef4;
  scrollbar-shadow-color: #afb3b8;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #afb3b8;
  scrollbar-darkshadow-color: #afb3b8;
  scrollbar-track-color: #5c6269;
  scrollbar-arrow-color: #ffffff;
  background: #ffffff;
  border: 1px solid #afb3b8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.Textarea:hover, .Textarea:focus {
  border: 1px solid #fb6c07;
}
.Textarea.Disabled {
  color: #cccccc;
  background: #f2f2f2;
  border: 1px solid #d7d9db;
}

.Textarea.Confirm {
  border: 1px solid #006cff;
}
.Textarea.Confirm:hover, .Textarea.Confirm:focus, .Textarea.Confirm:active {
  border: 1px solid #005ad5;
}

.Textarea.Warning {
  border: 1px solid #fd6901;
}
.Textarea.Warning:hover, .Textarea.Warning:focus, .Textarea.Warning:active {
  border: 1px solid #dc601e;
}

.Textarea.Danger {
  border: 1px solid #e60724;
}
.Textarea.Danger:hover, .Textarea.Danger:focus, .Textarea.Danger:active {
  border: 1px solid #a9171c;
}

.Textarea.Success {
  border: 1px solid #6bc600;
}
.Textarea.Success:hover, .Textarea.Success:focus, .Textarea.Success:active {
  border: 1px solid #61b300;
}

.Textinput {
  position: relative;
  overflow: hidden;
  height: 26px;
  padding: 0px 8px;
  line-height: 26px;
  vertical-align: middle;
  font-size: 12px;
  color: #303030;
  background: #ffffff;
  border: 1px solid #d5d5d5;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.Textinput:hover, .Textinput:focus, .Textinput:active {
  border: 1px solid #fd6901;
}
.Textinput.Disabled {
  background: #f2f2f2;
  border: 1px solid #d7d9db;
}

.Textinput.Confirm {
  border: 1px solid #006cff;
}
.Textinput.Confirm:hover, .Textinput.Confirm:focus, .Textinput.Confirm:active {
  border: 1px solid #005ad5;
}

.Textinput.Warning {
  border: 1px solid #fd6901;
}
.Textinput.Warning:hover, .Textinput.Warning:focus, .Textinput.Warning:active {
  border: 1px solid #dc601e;
}

.Textinput.Danger {
  border: 1px solid #e60724;
}
.Textinput.Danger:hover, .Textinput.Danger:focus, .Textinput.Danger:active {
  border: 1px solid #a9171c;
}

.Textinput.Success {
  border: 1px solid #6bc600;
}
.Textinput.Success:hover, .Textinput.Success:focus, .Textinput.Success:active {
  border: 1px solid #61b300;
}

.Tooltip {
  position: absolute;
  z-index: 10;
  padding: 5px 10px;
  font-size: 12px;
  color: #ffffff;
  background: #e60724;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.Tooltip:before {
  content: "";
  position: absolute;
  z-index: 10;
  display: block;
}

.Tooltip.Top:before {
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border-top: 6px solid #e60724;
  border-right: 6px solid transparent;
  border-bottom: 0;
  border-left: 6px solid transparent;
}

.Tooltip.Bottom:before {
  top: -5px;
  left: 50%;
  margin-left: -6px;
  border-width: 0px 6px 6px;
  border-top: 0;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #e60724;
  border-left: 6px solid transparent;
}

.Tooltip.Left:before {
  left: 100%;
  top: 50%;
  margin-top: -6px;
  border-top: 6px solid transparent;
  border-right: 0;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #e60724;
}

.Tooltip.Right:before {
  left: -5px;
  top: 50%;
  margin-top: -6px;
  border: 0;
  border-top: 6px solid transparent;
  border-right: 6px solid #e60724;
  border-bottom: 6px solid transparent;
  border-left: 0;
}

.Tree, .Tree * {
  list-style: none;
  font-size: 12px;
  color: #303030;
}

.Tree {
  position: relative;
  height: auto;
  display: block;
  padding-left: 0;
}

.Tree li,
.Tree .Expanded li {
  line-height: 10px;
}

.Tree li > span.Arrow {
  position: relative;
  z-index: 3;
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 2px;
  margin-left: 0;
  margin-top: 0;
  background: url("./images/component_hynix.png") no-repeat -200px -560px;
}

.Tree li.expandable > span.Arrow {
  visibility: visible;
}

.Tree li.Expanded > span.Arrow {
  background: url("./images/component_hynix.png") no-repeat -152px -560px;
}

.Tree ul {
  padding-left: 14px;
}
.Tree ul:before {
  content: '';
  position: absolute;
  top: 14px;
  left: 5px;
  bottom: 9px;
  display: block;
  width: 0;
  border-left: 1px solid #e2e4e7;
}
.Tree ul li:before {
  content: '';
  position: absolute;
  left: 5px;
  z-index: 1;
  display: block;
  width: 18px;
  height: 0;
  margin-top: 10px;
  border-top: 1px solid #e2e4e7;
}

.Tree li > a {
  display: inline-block;
  cursor: pointer;
  margin: 3px 0;
  width: auto;
  padding: 2px;
}
.Tree li > a.Selected {
  padding-top: 1px;
  font-weight: bold;
  color: #e60724;
  border-bottom: 1px dotted #e60724;
}

.Tree img {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 3px;
}

.Tree li.expandable li[data-expand="false"] > a {
  width: auto;
  padding-left: 10px;
  background: url("./images/component_hynix.png") no-repeat -250px -555px;
}

.Tree li.expandable li.expandable[data-expand="false"] > a {
  padding-left: 0;
  background: transparent;
}

.Quotation {
  position: relative;
  color: #303030;
  font-weight: bold;
  font-style: italic;
}

.Quotation.Block-typea {
  font-style: normal;
  font-weight: normal;
}
.Quotation.Block-typea:before {
  position: absolute;
  content: '';
  display: inline-block;
  width: 24px;
  height: 18px;
  background: url("./images/typo_img.png") no-repeat 0 0;
}
.Quotation.Block-typea:after {
  position: absolute;
  content: '';
  display: inline-block;
  width: 24px;
  height: 18px;
  background: url("./images/typo_img.png") no-repeat 0 -50px;
}
.Quotation.Block-typea span {
  display: inline-block;
  padding: 4px 20px 4px 40px;
  line-height: 18px;
}

.Quotation.Block-typeb {
  font-style: normal;
  font-weight: normal;
}
.Quotation.Block-typeb:before {
  position: absolute;
  content: '';
  display: inline-block;
  width: 12px;
  height: 77px;
  background: url("./images/typo_img.png") no-repeat 0 -94px;
}
.Quotation.Block-typeb:after {
  position: absolute;
  content: '';
  display: inline-block;
  width: 12px;
  height: 77px;
  background: url("./images/typo_img.png") no-repeat 0 -198px;
}
.Quotation.Block-typeb span {
  display: inline-block;
  padding: 4px 10px 4px 20px;
  line-height: 18px;
  width: 300px;
  height: 50px;
}

.Cite {
  display: block;
  padding: 0px 20px;
  font-style: normal;
  color: #919191;
  font-size: 12px;
  background: url("./images/typo_img.png") no-repeat 0 -326px;
}

.Quotation.Block-typea + .Cite {
  margin: 4px 40px;
}

.Quotation.Block-typeb + .Cite {
  margin: 4px 22px;
}

.Mark {
  color: #303030;
  background: #fdf870;
}

.Small {
  font-size: 11px;
}

.Strong {
  font-weight: bold;
}

.Del {
  text-decoration: line-through;
}

.Alink {
  color: #9b9b9b;
  text-decoration: none;
}
.Alink:hover {
  text-decoration: underline;
}
.Alink:active {
  color: #303030;
  text-decoration: none;
}

.Code {
  overflow: hidden;
  padding: 20px;
  margin-bottom: 24px;
  font-size: 12px;
  color: #303030;
  line-height: 16px;
  background: #f7f7f7;
  border: 1px solid #d3d3db;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

/*.Splitter {
	overflow: hidden;
	width: 100%;
	height: 2px;
	background: url('./images/splitter_bg.png') repeat-x; 
}*/
h1 {
  font-size: 40px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 29px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 12px;
}

.Header-1 {
  font-size: 40px;
}

.Header-2 {
  font-size: 32px;
}

.Header-3 {
  font-size: 29px;
}

.Header-4 {
  font-size: 20px;
}

.Header-5 {
  font-size: 16px;
}

.Header-6 {
  font-size: 12px;
}

.Disabled {
/*   cursor: not-allowed !important; */
}

.Flexlayout {
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
}

.Clearfix:before {
  content: " ";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
.Clearfix:after {
  content: " ";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}

.Ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.Clearboth {
  clear: both;
}

.Float-left {
  float: left;
}

.Float-right {
  float: right;
}

.Pos-abs {
  position: absolute;
}

.Pos-rel {
  position: relative;
}

.Pos-fix {
  position: fix;
}

.Valign-top {
  vertical-align: top;
}

.Valign-md {
  vertical-align: middle;
}

.Valign-bot {
  vertical-align: bottom;
}

.Text-underline {
  text-decoration: underline;
}

.Text-through {
  text-decoration: line-through;
}

.Text-none {
  text-decoration: none;
}

.Text-left {
  text-align: left;
}

.Text-right {
  text-align: right;
}

.Text-center {
  text-align: center;
}

.Display-none {
  display: none;
}

.Display-inblock {
  display: inline-block;
}

.Display-inline {
  display: inline;
}

.Display-block {
  display: block;
}

.Overflow-hid {
  overflow: hidden;
}

.Overflow-x {
  overflow-x: auto;
}

.Overflow-y {
  overflow-y: auto;
}

.Font-default {
  font-size: 12px;
}

.Font-normal {
  font-weight: normal;
}

.Font-bold {
  font-weight: bold;
}

.Font-italic {
  font-style: italic;
}

.Font-big {
  font-size: 20px;
}

.Font-small {
  font-size: 11px;
}

.List-style-none {
  list-style: none;
}

.Color-default {
  color: #979390;
}

.Color-primary {
  color: #e60724;
}

.Color-confirm {
  color: #006cff;
}

.Color-success {
  color: #6bc600;
}

.Color-warning {
  color: #fd6901;
}

.Color-danger {
  color: #e60724;
}

.Color-info {
  color: #006cff;
}

.Color-white {
  color: #ffffff;
}

.Bg-default {
  background: #979390;
}

.Bg-primary {
  background: #e60724;
}

.Bg-confirm {
  background: #006cff;
}

.Bg-success {
  background: #6bc600;
}

.Bg-warning {
  background: #fd6901;
}

.Bg-danger {
  background: #e60724;
}

.Bg-info {
  background: #006cff;
}

.Bg-white {
  background: #ffffff;
}

.Margin-auto {
  margin: auto;
}

.Margin-0 {
  margin: 0;
}

.Padding-0 {
  padding: 0;
}

.Padding-left-0 {
  padding-left: 0px;
}

.Padding-left-5 {
  padding-left: 5px;
}

.Padding-left-10 {
  padding-left: 10px;
}

.Padding-left-15 {
  padding-left: 15px;
}

.Padding-left-20 {
  padding-left: 20px;
}

.Padding-left-25 {
  padding-left: 25px;
}

.Padding-left-30 {
  padding-left: 30px;
}

.Padding-left-35 {
  padding-left: 35px;
}

.Padding-left-40 {
  padding-left: 40px;
}

.Padding-left-45 {
  padding-left: 45px;
}

.Padding-left-50 {
  padding-left: 50px;
}

.Padding-left-55 {
  padding-left: 55px;
}

.Padding-left-60 {
  padding-left: 60px;
}

.Padding-left-65 {
  padding-left: 65px;
}

.Padding-left-70 {
  padding-left: 70px;
}

.Padding-left-75 {
  padding-left: 75px;
}

.Padding-left-80 {
  padding-left: 80px;
}

.Padding-left-85 {
  padding-left: 85px;
}

.Padding-left-90 {
  padding-left: 90px;
}

.Padding-left-95 {
  padding-left: 95px;
}

.Padding-left-100 {
  padding-left: 100px;
}

.Padding-right-0 {
  padding-right: 0px;
}

.Padding-right-5 {
  padding-right: 5px;
}

.Padding-right-10 {
  padding-right: 10px;
}

.Padding-right-15 {
  padding-right: 15px;
}

.Padding-right-20 {
  padding-right: 20px;
}

.Padding-right-25 {
  padding-right: 25px;
}

.Padding-right-30 {
  padding-right: 30px;
}

.Padding-right-35 {
  padding-right: 35px;
}

.Padding-right-40 {
  padding-right: 40px;
}

.Padding-right-45 {
  padding-right: 45px;
}

.Padding-right-50 {
  padding-right: 50px;
}

.Padding-right-55 {
  padding-right: 55px;
}

.Padding-right-60 {
  padding-right: 60px;
}

.Padding-right-65 {
  padding-right: 65px;
}

.Padding-right-70 {
  padding-right: 70px;
}

.Padding-right-75 {
  padding-right: 75px;
}

.Padding-right-80 {
  padding-right: 80px;
}

.Padding-right-85 {
  padding-right: 85px;
}

.Padding-right-90 {
  padding-right: 90px;
}

.Padding-right-95 {
  padding-right: 95px;
}

.Padding-right-100 {
  padding-right: 100px;
}

.Padding-top-0 {
  padding-top: 0px;
}

.Padding-top-5 {
  padding-top: 5px;
}

.Padding-top-10 {
  padding-top: 10px;
}

.Padding-top-15 {
  padding-top: 15px;
}

.Padding-top-20 {
  padding-top: 20px;
}

.Padding-top-25 {
  padding-top: 25px;
}

.Padding-top-30 {
  padding-top: 30px;
}

.Padding-top-35 {
  padding-top: 35px;
}

.Padding-top-40 {
  padding-top: 40px;
}

.Padding-top-45 {
  padding-top: 45px;
}

.Padding-top-50 {
  padding-top: 50px;
}

.Padding-top-55 {
  padding-top: 55px;
}

.Padding-top-60 {
  padding-top: 60px;
}

.Padding-top-65 {
  padding-top: 65px;
}

.Padding-top-70 {
  padding-top: 70px;
}

.Padding-top-75 {
  padding-top: 75px;
}

.Padding-top-80 {
  padding-top: 80px;
}

.Padding-top-85 {
  padding-top: 85px;
}

.Padding-top-90 {
  padding-top: 90px;
}

.Padding-top-95 {
  padding-top: 95px;
}

.Padding-top-100 {
  padding-top: 100px;
}

.Padding-bottom-0 {
  padding-bottom: 0px;
}

.Padding-bottom-5 {
  padding-bottom: 5px;
}

.Padding-bottom-10 {
  padding-bottom: 10px;
}

.Padding-bottom-15 {
  padding-bottom: 15px;
}

.Padding-bottom-20 {
  padding-bottom: 20px;
}

.Padding-bottom-25 {
  padding-bottom: 25px;
}

.Padding-bottom-30 {
  padding-bottom: 30px;
}

.Padding-bottom-35 {
  padding-bottom: 35px;
}

.Padding-bottom-40 {
  padding-bottom: 40px;
}

.Padding-bottom-45 {
  padding-bottom: 45px;
}

.Padding-bottom-50 {
  padding-bottom: 50px;
}

.Padding-bottom-55 {
  padding-bottom: 55px;
}

.Padding-bottom-60 {
  padding-bottom: 60px;
}

.Padding-bottom-65 {
  padding-bottom: 65px;
}

.Padding-bottom-70 {
  padding-bottom: 70px;
}

.Padding-bottom-75 {
  padding-bottom: 75px;
}

.Padding-bottom-80 {
  padding-bottom: 80px;
}

.Padding-bottom-85 {
  padding-bottom: 85px;
}

.Padding-bottom-90 {
  padding-bottom: 90px;
}

.Padding-bottom-95 {
  padding-bottom: 95px;
}

.Padding-bottom-100 {
  padding-bottom: 100px;
}

.Margin-left-0 {
  margin-left: 0px;
}

.Margin-left-5 {
  margin-left: 5px;
}

.Margin-left-10 {
  margin-left: 10px;
}

.Margin-left-15 {
  margin-left: 15px;
}

.Margin-left-20 {
  margin-left: 20px;
}

.Margin-left-25 {
  margin-left: 25px;
}

.Margin-left-30 {
  margin-left: 30px;
}

.Margin-left-35 {
  margin-left: 35px;
}

.Margin-left-40 {
  margin-left: 40px;
}

.Margin-left-45 {
  margin-left: 45px;
}

.Margin-left-50 {
  margin-left: 50px;
}

.Margin-left-55 {
  margin-left: 55px;
}

.Margin-left-60 {
  margin-left: 60px;
}

.Margin-left-65 {
  margin-left: 65px;
}

.Margin-left-70 {
  margin-left: 70px;
}

.Margin-left-75 {
  margin-left: 75px;
}

.Margin-left-80 {
  margin-left: 80px;
}

.Margin-left-85 {
  margin-left: 85px;
}

.Margin-left-90 {
  margin-left: 90px;
}

.Margin-left-95 {
  margin-left: 95px;
}

.Margin-left-100 {
  margin-left: 100px;
}

.Margin-right-0 {
  margin-right: 0px;
}

.Margin-right-5 {
  margin-right: 5px;
}

.Margin-right-10 {
  margin-right: 10px;
}

.Margin-right-15 {
  margin-right: 15px;
}

.Margin-right-20 {
  margin-right: 20px;
}

.Margin-right-25 {
  margin-right: 25px;
}

.Margin-right-30 {
  margin-right: 30px;
}

.Margin-right-35 {
  margin-right: 35px;
}

.Margin-right-40 {
  margin-right: 40px;
}

.Margin-right-45 {
  margin-right: 45px;
}

.Margin-right-50 {
  margin-right: 50px;
}

.Margin-right-55 {
  margin-right: 55px;
}

.Margin-right-60 {
  margin-right: 60px;
}

.Margin-right-65 {
  margin-right: 65px;
}

.Margin-right-70 {
  margin-right: 70px;
}

.Margin-right-75 {
  margin-right: 75px;
}

.Margin-right-80 {
  margin-right: 80px;
}

.Margin-right-85 {
  margin-right: 85px;
}

.Margin-right-90 {
  margin-right: 90px;
}

.Margin-right-95 {
  margin-right: 95px;
}

.Margin-right-100 {
  margin-right: 100px;
}

.Margin-top-0 {
  margin-top: 0px;
}

.Margin-top-5 {
  margin-top: 5px;
}

.Margin-top-10 {
  margin-top: 10px;
}

.Margin-top-15 {
  margin-top: 15px;
}

.Margin-top-20 {
  margin-top: 20px;
}

.Margin-top-25 {
  margin-top: 25px;
}

.Margin-top-30 {
  margin-top: 30px;
}

.Margin-top-35 {
  margin-top: 35px;
}

.Margin-top-40 {
  margin-top: 40px;
}

.Margin-top-45 {
  margin-top: 45px;
}

.Margin-top-50 {
  margin-top: 50px;
}

.Margin-top-55 {
  margin-top: 55px;
}

.Margin-top-60 {
  margin-top: 60px;
}

.Margin-top-65 {
  margin-top: 65px;
}

.Margin-top-70 {
  margin-top: 70px;
}

.Margin-top-75 {
  margin-top: 75px;
}

.Margin-top-80 {
  margin-top: 80px;
}

.Margin-top-85 {
  margin-top: 85px;
}

.Margin-top-90 {
  margin-top: 90px;
}

.Margin-top-95 {
  margin-top: 95px;
}

.Margin-top-100 {
  margin-top: 100px;
}

.Margin-bottom-0 {
  margin-bottom: 0px;
}

.Margin-bottom-5 {
  margin-bottom: 5px;
}

.Margin-bottom-10 {
  margin-bottom: 10px;
}

.Margin-bottom-15 {
  margin-bottom: 15px;
}

.Margin-bottom-20 {
  margin-bottom: 20px;
}

.Margin-bottom-25 {
  margin-bottom: 25px;
}

.Margin-bottom-30 {
  margin-bottom: 30px;
}

.Margin-bottom-35 {
  margin-bottom: 35px;
}

.Margin-bottom-40 {
  margin-bottom: 40px;
}

.Margin-bottom-45 {
  margin-bottom: 45px;
}

.Margin-bottom-50 {
  margin-bottom: 50px;
}

.Margin-bottom-55 {
  margin-bottom: 55px;
}

.Margin-bottom-60 {
  margin-bottom: 60px;
}

.Margin-bottom-65 {
  margin-bottom: 65px;
}

.Margin-bottom-70 {
  margin-bottom: 70px;
}

.Margin-bottom-75 {
  margin-bottom: 75px;
}

.Margin-bottom-80 {
  margin-bottom: 80px;
}

.Margin-bottom-85 {
  margin-bottom: 85px;
}

.Margin-bottom-90 {
  margin-bottom: 90px;
}

.Margin-bottom-95 {
  margin-bottom: 95px;
}

.Margin-bottom-100 {
  margin-bottom: 100px;
}

.Width-2 {
  width: 2%;
}

.Width-5 {
  width: 5%;
}

.Width-10 {
  width: 10%;
}

.Width-15 {
  width: 15%;
}

.Width-20 {
  width: 20%;
}

.Width-25 {
  width: 25%;
}

.Width-30 {
  width: 30%;
}

.Width-35 {
  width: 35%;
}

.Width-40 {
  width: 40%;
}

.Width-45 {
  width: 45%;
}

.Width-49 {
  width: 49%;
}

.Width-50 {
  width: 50%;
}

.Width-55 {
  width: 55.0%;
}

.Width-60 {
  width: 60%;
}

.Width-65 {
  width: 65%;
}

.Width-70 {
  width: 70%;
}

.Width-75 {
  width: 75%;
}

.Width-80 {
  width: 80%;
}

.Width-85 {
  width: 85%;
}

.Width-90 {
  width: 90%;
}

.Width-95 {
  width: 95%;
}

.Width-96 {
  width: 96%;
}

.Width-97 {
  width: 97%;
}

.Width-98 {
  width: 98%;
}

.Width-99 {
  width: 99%;
}

.Width-100 {
  width: 100%;
}

.inputHalf{width:49%}

.codeHelperNM{width:60%}
.codeHelperCD{width:25%}
.codeHelperNM_4th{width:35%}
.codeHelperCD_4th{width:30%}
.codeHelperNM_5th{width:60%}
.codeHelperCD_5th{width:25%}



.locationHelperSelect{width:10%}
.locationHelperNM{width:35%}
.locationHelperCD{width:20%}