html {
  font-size: 62.5%;
}
body {
  font-size: 1.4rem;
  
}
html,
body {
  margin:0;
}
html,
body,
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
}
a:hover,
a:active,
.tile:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
#map_canvas img,
.google-maps img {
  max-width: none;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button:hover,
input:hover,
select:hover,
textarea:hover {
-webkit-box-shadow:  0px 0px 2px 1px rgba(255,161,177,1);
-moz-box-shadow:  0px 0px 2px 1px rgba(255,161,177,1);
box-shadow:  0px 0px 2px 1px rgba(255,161,177,1);
}

button,
input {
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
input[type=text]::-ms-clear,
input[type=email]::-ms-clear,
input[type=url]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=number]::-ms-clear,
input[type=time]::-ms-clear {
  display: none;
}
input[type=password]::-ms-reveal {
  display: none;
}
* {
  border-collapse: collapse;
}
a {
  text-decoration: none;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.metro .box-sizing-border {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.metro .box-sizing-content {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}
.metro .text-left {
  text-align: left;
}
.metro .text-right {
  text-align: right;
}
.metro .text-center {
  text-align: center;
}
.metro .text-justify {
  text-align: justify;
}
.metro .text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.metro .text-bold {
  font-weight: bold;
}
.metro .text-normal {
  font-weight: normal;
}
.metro .text-italic {
  font-style: italic;
}
.metro .no-border {
  border: 0 !important;
}
.metro .border {
  border: 1px #eaeaea solid;
}
.metro .border-left {
  border-left: 1px #eaeaea solid;
}
.metro .border-right {
  border-right: 1px #eaeaea solid;
}
.metro .border-top {
  border-top: 1px #eaeaea solid;
}
.metro .border-bottom {
  border-bottom: 1px #eaeaea solid;
}
.metro .collapse-separate {
  border-collapse: separate;
}
.metro .collapse-collapse {
  border-collapse: collapse;
}
.metro .pos-abs {
  position: absolute;
}
.metro .pos-rel {
  position: relative;
}
.metro .pos-fix {
  position: fixed;
}
.metro .place-left {
  float: left;
}
.metro .place-right {
  float: right;
}
.metro .place-top-left {
  position: absolute;
  top: 0;
  left: 0;
}
.metro .place-top-right {
  position: absolute;
  top: 0;
  right: 0;
}
.metro .place-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
}
.metro .place-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}
.metro .on-left {
  margin-right: 5px;
}
.metro .on-right {
  margin-left: 5px;
}
.metro .on-left-more {
  margin-right: 10px;
}
.metro .on-right-more {
  margin-left: 10px;
}
.metro .padding5 {
  padding: 5px;
}
.metro .padding10 {
  padding: 10px;
}
.metro .padding15 {
  padding: 0px;
}
.metro .padding20 {
  padding: 20px;
}
.metro .margin5 {
  margin: 5px;
}
.metro .margin10 {
  margin: 10px;
}
.metro .margin15 {
  margin: 15px;
}
.metro .margin20 {
  margin: 20px;
}
.metro .nlm {
  margin-left: 0 !important;
}
.metro .nrm {
  margin-right: 0 !important;
}
.metro .ntm {
  margin-top: 0 !important;
}
.metro .nbm {
  margin-bottom: 0 !important;
}
.metro .nlp {
  padding-left: 0 !important;
}
.metro .nrp {
  padding-right: 0 !important;
}
.metro .ntp {
  padding-top: 0 !important;
}
.metro .nbp {
  padding-bottom: 0 !important;
}
.metro .no-margin {
  margin: 0  !important;
}
.metro .no-padding {
  padding: 0  !important;
}
.metro .no-float {
  float: none !important;
}
.metro .block {
  display: block !important;
  float: none !important;
}
.metro .inline-block {
  display: inline-block !important;
}
.metro .hide,
.metro .no-display {
  display: none !important;
}
.metro .no-visible {
  visibility: hidden !important;
}
.metro .visible {
  visibility: visible !important;
}
.metro .scroll-y,
.metro .scroll-vertical {
  overflow-y: scroll;
}
.metro .scroll-x,
.metro .scroll-horizontal {
  overflow-x: scroll;
}
.metro .no-overflow {
  overflow: hidden;
}
.metro .overflow {
  overflow: scroll;
}
.metro .one-column {
  -moz-columns: 1;
  -webkit-columns: 1;
  -o-columns: 1;
  -ms-columns: 1;
  columns: 1;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  -o-column-gap: 20px;
  -ms-column-gap: 20px;
  column-gap: 20px;
}
.metro .two-columns {
  -moz-columns: 2;
  -webkit-columns: 2;
  -o-columns: 2;
  -ms-columns: 2;
  columns: 2;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  -o-column-gap: 20px;
  -ms-column-gap: 20px;
  column-gap: 20px;
}
.metro .three-columns {
  -moz-columns: 3;
  -webkit-columns: 3;
  -o-columns: 3;
  -ms-columns: 3;
  columns: 3;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  -o-column-gap: 20px;
  -ms-column-gap: 20px;
  column-gap: 20px;
}
.metro .four-columns {
  -moz-columns: 4;
  -webkit-columns: 4;
  -o-columns: 4;
  -ms-columns: 4;
  columns: 4;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  -o-column-gap: 20px;
  -ms-column-gap: 20px;
  column-gap: 20px;
}
.metro .five-columns {
  -moz-columns: 5;
  -webkit-columns: 5;
  -o-columns: 5;
  -ms-columns: 5;
  columns: 5;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  -o-column-gap: 20px;
  -ms-column-gap: 20px;
  column-gap: 20px;
}
.metro .square5 {
  width: 5px;
  height: 5px;
}
.metro .square10 {
  width: 10px;
  height: 10px;
}
.metro .square15 {
  width: 15px;
  height: 15px;
}
.metro .square20 {
  width: 20px;
  height: 20px;
}
.metro .shadow {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 3px 8px rgba(0, 0, 0, 0.2);
}
.metro .text-shadow {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.metro .opacity {
  opacity: .9;
}
.metro .half-opacity {
  opacity: .5;
}
.metro .hi-opacity {
  opacity: .2;
}
.metro .clearfix:before,
.metro .clearfix:after {
  display: table;
  content: "";
}
.metro .clearfix:after {
  clear: both;
}
.metro #element .selected {
  border: 4px #4390df solid;
}
.metro #element .selected:after {
  position: absolute;
  display: block;
  border-top: 28px solid #4390df;
  border-left: 28px solid transparent;
  right: 0;
  content: "";
  top: 0;
  z-index: 101;
}
.metro #element .selected:before {
  position: absolute;
  display: block;
  content: "\e003";
  color: #fff;
  right: 0;
  font-family: 'metroSysIcons';
  font-size: 9pt;
  font-weight: normal;
  z-index: 102;
  top: 0;
}

@font-face {
  font-family: "PT Serif Caption";
  font-style: normal;
  font-weight: 400;
  src: local("Cambria"), local("PT Serif Caption"), local("PTSerif-Caption"), url(https://themes.googleusercontent.com/static/fonts/ptserifcaption/v4/7xkFOeTxxO1GMC1suOUYWWhBabBbEjGd1iRmpyoZukE.woff) format('woff');
}
@font-face {
  font-family: "Open Sans Light";
  font-style: normal;
  font-weight: 300;
  src: local("Segoe UI Light"), local("Open Sans Light"), local("OpenSans-Light"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Segoe UI"), local("Open Sans"), local("OpenSans"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: "Open Sans Bold";
  font-style: normal;
  font-weight: 700;
  src: local("Segoe UI Bold"), local("Open Sans Bold"), local("OpenSans-Bold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
.metro .text-rest-state {
  color: #000000;
}
.metro .text-rest2-state {
  color: rgba(0, 0, 0, 0.6);
}
.metro .text-hover-state {
  color: rgba(0, 0, 0, 0.8);
}
.metro .text-pressed-state {
  color: rgba(0, 0, 0, 0.4);
}
.metro #font .light {
  font-weight: 300;
}
.metro #font .normal {
  font-weight: normal;
  font-style: normal;
}
.metro #font .bold {
  font-weight: bold;
}
.metro #font .italic {
  font-style: italic;
}
.metro #font .segoe {
  font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
}
.metro #font .segoe-bold {
  font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
}
.metro #font .segoe-light {
  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
}
.metro #font .cambria {
  font-family: 'Cambria_', 'PT Serif Caption', Verdana, Arial, Helvetica, sans-serif;
}
.metro #font .mono {
  font-family: 'Courier New', monospace;
}
.metro #font .serif {
  font-family: Georgia, "Times New Roman", Times, serif;
}
.metro #font .sans {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.metro .header,
.metro .subheader {
  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #000000;
  letter-spacing: 0.00em;
}
.metro .header {
  font-size: 4.8rem;
  line-height: 4.8rem;
}
.metro .subheader {
  font-size: 2.5rem;
  line-height: 2.5rem;
  letter-spacing: 0.01em;
}
.metro .subheader-secondary {
  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #000000;
  letter-spacing: 0.00em;
  font-size: 2.5rem;
  line-height: 2.5rem;
  letter-spacing: 0.01em;
  color: rgba(0, 0, 0, 0.6);
  font-size: 2.2rem;
  line-height: 2.2rem;
}
.metro .item-title {
  font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000;
  font-size: 1.6rem;
  line-height: 1.6rem;
  letter-spacing: 0.02em;
}
.metro .item-title-secondary {
  font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000;
  font-size: 1.6rem;
  line-height: 1.6rem;
  letter-spacing: 0.02em;
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.4rem;
  line-height: 1.4rem;
}
.metro .navigation {
  font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.2rem;
  line-height: 1.2rem;
  letter-spacing: 0.02em;
}
.metro .body-text {
  font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #000000;
  font-size: 11pt;
  line-height: 15pt;
  letter-spacing: 0.02em;
}
.metro .code-text {
  font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #000000;
  font-size: 11pt;
  line-height: 15pt;
  letter-spacing: 0.02em;
  font-family: 'Courier New', monospace;
}
.metro .tertiary-text {
  font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 1.3rem;
  line-height: 1.5rem;
  font-weight: normal !important;
}
.metro .tertiary-text-secondary {
  font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 1.3rem;
  line-height: 1.5rem;
  font-weight: normal !important;
  color: rgba(0, 0, 0, 0.6);
}
.metro .readable-text {
  font-family: 'Cambria_', 'PT Serif Caption', Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2rem;
}
.metro .menu-title {
  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #000000;
  letter-spacing: 0.00em;
  font-size: 2.5rem;
  line-height: 2.5rem;
  letter-spacing: 0.01em;
  font-size: 4rem;
}
.metro .menu-item {
  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #000000;
  letter-spacing: 0.00em;
  font-size: 2.5rem;
  line-height: 2.5rem;
  letter-spacing: 0.01em;
  color: rgba(0, 0, 0, 0.6);
  line-height: 2.2rem;
  font-size: 2.2rem;
}
.metro .menu-item-secondary {
  font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000;
  font-size: 1.6rem;
  line-height: 1.6rem;
  letter-spacing: 0.02em;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4rem;
}
.metro h1,
.metro h2,
.metro h3,
.metro h4,
.metro h5,
.metro h6 {
  padding: 0;
  margin: 10px 0;
}
.metro h1 {
  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #000000;
  letter-spacing: 0.00em;
  font-size: 4.8rem;
  line-height: 4.8rem;
}
.metro h2 {
  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #000000;
  letter-spacing: 0.00em;
  font-size: 2.5rem;
  line-height: 2.5rem;
  letter-spacing: 0.01em;
}
.metro h3 {
  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #000000;
  letter-spacing: 0.00em;
  font-size: 2.5rem;
  line-height: 2.5rem;
  letter-spacing: 0.01em;
  color: rgba(0, 0, 0, 0.6);
  font-size: 2.2rem;
  line-height: 2.2rem;
  font-weight: bold;
}
.metro h4 {
  font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000;
  font-size: 1.6rem;
  line-height: 1.6rem;
  letter-spacing: 0.02em;
}
.metro h5 {
  font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000;
  font-size: 1.6rem;
  line-height: 1.6rem;
  letter-spacing: 0.02em;
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.4rem;
  line-height: 1.4rem;
}
.metro h6 {
  font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #000000;
  font-size: 11pt;
  line-height: 15pt;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 9pt;
}
.metro h1 small {
  font-size: 19.25pt;
}
.metro h2 small {
  font-size: 13.75pt;
}
.metro h3 small {
  font-size: 11pt;
}
.metro h4 small {
  font-size: 11pt;
}
.metro a,
.metro .link {
  color: #2e92cf;
}
.metro a:hover,
.metro .link:hover {
  color: rgba(45, 173, 237, 0.8);
}
.metro a:focus,
.metro .link:focus,
.metro a:active,
.metro .link:active {
  color: rgba(45, 173, 237, 0.6);
}
.metro div,
.metro span,
.metro p {
  font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.metro p {
  margin: 0 0 7pt;
  font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #000000;
  font-size: 11pt;
  line-height: 15pt;
  letter-spacing: 0.02em;
}
.metro strong {
  font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.metro .text-muted {
  color: #999999 !important;
}
.metro .text-info {
  color: #1ba1e2 !important;
}
.metro .text-alert {
  color: #e51400 !important;
}
.metro .text-warning {
  color: #fa6800 !important;
}
.metro .text-success {
  color: #60a917 !important;
}
.metro abbr {
  text-decoration: none;
  border-bottom: 1px #999999 dotted;
  cursor: help;
}
.metro address {
  font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 7pt;
}
.metro blockquote {
  margin: 0;
  padding: 0;
  border-left: 4px #999999 solid;
  padding-left: 10px;
}
.metro blockquote small {
  color: #999999;
}
.metro blockquote small:before {
  content: "\2014 \00A0";
}
.metro blockquote.place-right {
  border: 0;
  border-right: 4px #999999 solid;
  padding-right: 10px;
  text-align: right;
}
.metro blockquote.place-right small:before {
  content: "";
}
.metro blockquote.place-right small:after {
  content: " \00A0 \2014";
}
.metro .unstyled {
  padding-left: 0;
  list-style: none;
}
.metro .unstyled li ul,
.metro .unstyled li ol {
  list-style: none;
  padding-left: 25px;
}
.metro .inline {
  list-style: none;
}
.metro .inline li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.metro ul,
.metro ol {
  margin-left: 5px;
  padding-left: 15px;
  font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #000000;
  font-size: 11pt;
  line-height: 15pt;
  letter-spacing: 0.02em;
}
.metro ul li,
.metro ol li {
  line-height: 20px;
}
.metro ul li ul,
.metro ol li ul,
.metro ul li ol,
.metro ol li ol {
  padding-left: 25px;
}
.metro ol.styled {
  counter-reset: li;
  margin-left: 0;
  padding-left: 0;
  font-family: 'Cambria_', 'PT Serif Caption', Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2rem;
}
.metro ol.styled > li {
  position: relative;
  margin: 0 0 6px 2em;
  padding: 4px 12px;
  list-style: none;
}
.metro ol.styled > li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: -2px;
  left: -2em;
  box-sizing: border-box;
  width: 2em;
  margin-right: 8px;
  padding: 4px;
  color: #fff;
  background: #666;
  font-weight: bold;
  font-family: "Helvetica Neue", Arial, sans-serif;
  text-align: center;
}
.metro ol.styled.rounded > li:before {
  border-radius: 100%;
}
.metro dl dt,
.metro dl dd {
  line-height: 20px;
}
.metro dl dt {
  font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
}
.metro dl dd {
  margin-left: 15px;
}
.metro dl.horizontal dt {
  float: left;
  width: 160px;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.metro dl.horizontal dd {
  margin-left: 180px;
}
.metro .prettyprint * {
  font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #000000;
  font-size: 11pt;
  line-height: 15pt;
  letter-spacing: 0.02em;
  font-family: 'Courier New', monospace;
  font-size: .9em !important;
  line-height: 10pt;
}
.metro .container {
  margin: 0 auto;
}
.metro .page {
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
}
.metro .page:before,
.metro .page:after {
  display: table;
  content: "";
}
.metro .page:after {
  clear: both;
}
.metro .page .page-header .page-header-content {
  min-height: auto;
}
.metro .page .page-header .page-header-content:before,
.metro .page .page-header .page-header-content:after {
  display: table;
  content: "";
}
.metro .page .page-header .page-header-content:after {
  clear: both;
}
.metro .page .page-header .page-header-content .branding {
  display: inline-block;
  width: auto;
  padding: 10px 0;
  margin-right: 20px;
}
.metro .page .page-header .page-header-content .branding .brand-title {
  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #000000;
  letter-spacing: 0.00em;
  font-size: 2.5rem;
  line-height: 2.5rem;
  letter-spacing: 0.01em;
  display: block;
}
.metro .page .page-header .page-header-content .branding .brand-slogan {
  font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000;
  font-size: 1.6rem;
  line-height: 1.6rem;
  letter-spacing: 0.02em;
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-weight: normal;
  font-style: normal;
  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
  display: block;
}
.metro .page .page-header .page-header-content .branding .brand-title,
.metro .page .page-header .page-header-content .branding .brand-slogan {
  margin: 0;
}
.metro .page .page-header .page-header-content .branding a + .brand-title,
.metro .page .page-header .page-header-content .branding a + .brand-slogan {
  text-decoration: none !important;
}
.metro .page .page-region .page-region-content {
  min-height: 500px;
}
.metro .page .page-region .page-region-content:before,
.metro .page .page-region .page-region-content:after {
  display: table;
  content: "";
}
.metro .page .page-region .page-region-content:after {
  clear: both;
}
.metro .page .page-footer .page-footer-content {
  height: 100px;
}
.metro .page .page-footer .page-footer-content:before,
.metro .page .page-footer .page-footer-content:after {
  display: table;
  content: "";
}
.metro .page .page-footer .page-footer-content:after {
  clear: both;
}
.metro .page.secondary .page-region-content,
.metro .page.secondary .page-header-content {
  padding-left: 80px;
}
.metro .app-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 100px;
  background-color: #1d1d1d;
  z-index: 1060;
}
.metro .charms {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  min-width: 200px;
  width: auto;
  z-index: 1060;
}
.metro .charms.place-left {
  left: 0;
  right: auto;
}
.metro .message-dialog {
  position: fixed;
  left: 0;
  right: 0;
  height: auto;
  min-height: 100px;
  top: 30%;
  padding: 10px 10px 0;
  z-index: 1050;
}
.metro .error-bar,
.metro .warning-bar,
.metro .info-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 10px 20px;
  color: #fff;
  min-height: 100px;
  z-index: 1050;
}
.metro .error-bar {
  background-color: #9a1616 !important;
}
.metro .warning-bar {
  background-color: #bf5a15 !important;
}
.metro .info-bar {
  background-color: #4390df !important;
}
.metro .s100,
.metro .size1 {
  width: 100px !important;
}
.metro .span1,
.metro .size1 {
  width: 60px !important;
}
.metro .span2,

.metro .size2 {
  width: 140px !important;
}
.metro .span3,
.metro .size3 {
  width: 220px !important;
}
.metro .span4,
.metro .size4 {
  width: 300px !important;
}
.metro .span5,
.metro .size5 {
  width: 380px !important;
}
.metro .span6,
.metro .size6 {
  width: 460px !important;
}
.metro .span7,
.metro .size7 {
  width: 540px !important;
}
.metro .span8,
.metro .size8 {
  width: 620px !important;
}
.metro .span9,
.metro .size9 {
  width: 700px !important;
}
.metro .span10,
.metro .size10 {
  width: 780px !important;
}
.metro .span11,
.metro .size11 {
  width: 860px !important;
}
.metro .span12,
.metro .size12 {
  width: 940px !important;
}
.metro .grid {
  margin-bottom: 20px;
}
.metro .grid .row {
  display: block;
  margin-top: 20px;
}
.metro .grid .row:before,
.metro .grid .row:after {
  display: table;
  content: "";
}
.metro .grid .row:after {
  clear: both;
}
.metro .grid .row [class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 10px;
}
.metro .grid .row [class*="span"]:first-child {
  margin-left: 0;
}
.metro table {
  max-width: 100%;
  background-color: #ffffff;
  border-collapse: collapse;
  border-spacing: 0;
}
.metro .table {
  width: 100%;
  margin-bottom: 14pt;
}
.metro .table th,
.metro .table td {
  padding: 8px;
  font-size: 14px;
  line-height: 14pt;
  vertical-align: top;
  border-bottom: 1px #eaeaea solid;
}
.metro .table th[class*="span"],
.metro .table td[class*="span"] {
  display: table-cell !important;
  float: none !important;
  margin: 0;
}
.metro .table thead th {
  vertical-align: bottom;
}
.metro .table thead th,
.metro .table thead td {
  border-bottom: 1px solid #111111;
}
.metro .table tbody tr:last-child td {
  border-bottom: 0;
}
.metro .table tbody + tbody {
  border-top: 2px solid #eaeaea;
}
.metro .table tfoot th,
.metro .table tfoot td {
  border-top: 1px solid #111111;
}
.metro .table .table {
  background-color: #bfbfbf;
}
.metro .table.condensed th,
.metro .table.condensed td {
  padding: 4px 5px;
}
.metro .table.condensed th .input-control,
.metro .table.condensed td .input-control {
  margin: 0;
}
.metro .table.super-condensed th,
.metro .table.super-condensed td {
  padding: 2px;
}
.metro .table.super-condensed th .input-control,
.metro .table.super-condensed td .input-control {
  margin: 0;
}
.metro .table.striped tbody tr:nth-child(odd) {
  background: #eeeeee;
}
.metro .table.bordered {
  border: 1px #eaeaea solid;
  border-left: 0;
}
.metro .table.bordered td,
.metro .table.bordered th {
  border-left: 1px #eaeaea solid;
  border-bottom: 1px #eaeaea solid;
  vertical-align: top;
}
.metro .table.no-border td,
.metro .table.no-border th {
  border: 0;
}
.metro .table.border {
  border: 1px #eaeaea solid !important;
}
.metro .table.hovered tbody tr:hover {
  background-color: rgba(28, 183, 236, 0.1);
}
.metro .table tr.success {
  background-color: #60a917 !important;
}
.metro .table tr.error {
  background-color: #e51400 !important;
}
.metro .table tr.warning {
  background-color: #fa6800 !important;
}
.metro .table tr.info {
  background-color: #4390df !important;
}
.metro .table tr.info td,
.metro .table tr.warning td,
.metro .table tr.error td,
.metro .table tr.success td,
.metro .table tr.info td *,
.metro .table tr.warning td *,
.metro .table tr.error td *,
.metro .table tr.success td * {
  color: #ffffff !important;
}
.metro .table tr.selected {
  background-color: rgba(28, 183, 236, 0.1);
}
.metro .button {
  padding: 4px 12px;
  text-align: center;
  vertical-align: middle !important;
  background-color: #d9d9d9;
  border: 1px transparent solid;
  color: #222222;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
  margin: auto;
}
.metro .button.default {
  background-color: #008287;
  color: #fff;
}
.metro .button:focus {
  outline: 0;
  border: 1px #353535 dotted;
}
.metro .button:disabled,
.metro .button.disabled {
  background-color: #eaeaea !important;
  color: #bebebe !important;
  cursor: not-allowed !important;
}
.metro .button * {
  color: inherit;
}
.metro .button *:hover {
  color: inherit;
}
.metro a.button:hover {
  color: inherit;
}
.metro a.button * {
  color: inherit;
}
.metro a.button *:hover {
  color: inherit;
}

.metro .button.primary {
  background-color: #16499a !important;
  color: #ffffff !important;
}
.metro .button.info {
  background-color: #4390df !important;
  color: #ffffff !important;
}
.metro .button.success {
  background-color: #60a917 !important;
  color: #ffffff !important;
}
.metro .button.warning {
  background-color: #fa6800 !important;
  color: #ffffff !important;
}
.metro .button.danger {
  background-color: #9a1616 !important;
  color: #ffffff !important;
}
.metro .button.inverse {
  background-color: #1d1d1d !important;
  color: #ffffff !important;
}
.metro .button.link {
  background-color: transparent !important;
  color: #2e92cf !important;
}
.metro .button.link:hover {
  text-decoration: underline;
}
.metro .button.link:disabled,
.metro .button.link.disabled {
  background-color: transparent !important;
  color: #bebebe !important;
  cursor: not-allowed !important;
}
.metro .button.link [class*="icon-"] {
  text-decoration: none !important;
}
.metro button {
  padding: 4px 12px;
  text-align: center;
  vertical-align: middle !important;
  background-color: #d9d9d9;
  border: 1px transparent solid;
  color: #222222;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
  margin: auto;
}
.metro button.default {
  background-color: #008287;
  color: #fff;
}
.metro button:focus {
  outline: 0;
  border: 1px #353535 dotted;
}
.metro button:disabled,
.metro button.disabled {
  background-color: #eaeaea !important;
  color: #bebebe !important;
  cursor: not-allowed !important;
}
.metro button * {
  color: inherit;
}
.metro button *:hover {
  color: inherit;
}
.metro button.primary {
  background-color: #16499a !important;
  color: #ffffff !important;
}
.metro button.info {
  background-color: #4390df !important;
  color: #ffffff !important;
}
.metro button.success {
  background-color: #60a917 !important;
  color: #ffffff !important;
}
.metro button.warning {
  background-color: #fa6800 !important;
  color: #ffffff !important;
}
.metro button.danger {
  background-color: #9a1616 !important;
  color: #ffffff !important;
}
.metro button.inverse {
  background-color: #1d1d1d !important;
  color: #ffffff !important;
}
.metro button.link {
  background-color: transparent !important;
  color: #2e92cf !important;
}
.metro button.link:hover {
  text-decoration: underline;
}
.metro button.link:disabled,
.metro button.link.disabled {
  background-color: transparent !important;
  color: #bebebe !important;
  cursor: not-allowed !important;
}
.metro button.link [class*="icon-"] {
  text-decoration: none !important;
}
.metro button:active {
  background-color: #1d1d1d !important;
  color: #ffffff !important;
  border-color: transparent;
}
.metro button.large {
  padding: 11px 19px;
  font-size: 17.5px;
}
.metro button.small {
  padding: 2px 10px;
  font-size: 11.9px;
}
.metro button.mini {
  padding: 0px 6px;
  font-size: 10.5px;
}

.metro .button.micro,
.metro button.micro {

  padding: 0px 6px;
  font-size: 10.5px;
  background-color: orangered;
}



.metro .command-button {
  padding: 4px 12px;
  text-align: center;
  vertical-align: middle !important;
  background-color: #d9d9d9;
  border: 1px transparent solid;
  color: #222222;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
  margin: auto;
  text-align: left;
  font-size: 14pt;
  width: auto;
}
.metro .command-button.default {
  background-color: #008287;
  color: #fff;
}
.metro .command-button:focus {
  outline: 0;
  border: 1px #353535 dotted;
}
.metro .command-button:disabled,
.metro .command-button.disabled {
  background-color: #eaeaea !important;
  color: #bebebe !important;
  cursor: not-allowed !important;
}
.metro .command-button * {
  color: inherit;
}
.metro .command-button *:hover {
  color: inherit;
}
.metro .command-button.primary {
  background-color: #16499a !important;
  color: #ffffff !important;
}
.metro .command-button.info {
  background-color: #4390df !important;
  color: #ffffff !important;
}
.metro .command-button.success {
  background-color: #60a917 !important;
  color: #ffffff !important;
}
.metro .command-button.warning {
  background-color: #fa6800 !important;
  color: #ffffff !important;
}
.metro .command-button.danger {
  background-color: #9a1616 !important;
  color: #ffffff !important;
}
.metro .command-button.inverse {
  background-color: #1d1d1d !important;
  color: #ffffff !important;
}
.metro .command-button.link {
  background-color: transparent !important;
  color: #2e92cf !important;
}
.metro .command-button.link:hover {
  text-decoration: underline;
}
.metro .command-button.link:disabled,
.metro .command-button.link.disabled {
  background-color: transparent !important;
  color: #bebebe !important;
  cursor: not-allowed !important;
}
.metro .command-button.link [class*="icon-"] {
  text-decoration: none !important;
}
.metro .command-button:active {
  background-color: #1d1d1d !important;
  color: #ffffff !important;
  border-color: transparent;
}
.metro .command-button.large {
  padding: 11px 19px;
  font-size: 17.5px;
}
.metro .command-button.small {
  padding: 2px 10px;
  font-size: 11.9px;
}
.metro .command-button.mini {
  padding: 0px 6px;
  font-size: 10.5px;
}
.metro .command-button small {
  display: block;
  font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 1.3rem;
  line-height: 1.5rem;
  font-weight: normal !important;
  color: rgba(0, 0, 0, 0.6);
  color: inherit;
}
.metro .command-button [class*="icon-"] {
  font-size: 1.7em;
  margin-top: 0;
}
.metro .command-button [class*="icon-"].on-left {
  float: left;
}
.metro .command-button [class*="icon-"].on-right {
  float: right;
}
.metro .command-button [class*="icon-"].on-left + small {
  margin-left: 40px;
}
.metro .command-button [class*="icon-"].on-right + small {
  margin-right: 40px;
}
.metro .button-dropdown {
  position: relative;
  display: inline-block;
}
.metro .button-dropdown .dropdown-menu.place-right {
  right: 0;
  left: auto;
}
.metro button.dropdown-toggle,
.metro .button.dropdown-toggle {
  padding-right: 16px;
  border: 0;
}
.metro button.dropdown-toggle:before,
.metro .button.dropdown-toggle:before {
  position: absolute;
  font-family: metroSysIcons;
  font-size: 12px;
  right: 1px;
  z-index: 2;
}
.metro .image-button {
  padding: 4px 12px;
  text-align: center;
  vertical-align: middle !important;
  background-color: #d9d9d9;
  border: 1px transparent solid;
  color: #222222;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
  margin: auto;
  position: relative;
  border: 0;
  padding-right: 45px;
}
.metro .image-btn {
  padding: 4px 2px;
  text-align: center;
  vertical-align: middle !important;
  background-color: #d9d9d9;
  border: 1px transparent solid;
  color: #222222;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
  margin: auto;
  position: relative;
  border: 0;
  padding-right:2px;
  width:30px;
}

.metro .image-button.default {
  background-color: #008287;
  color: #fff;
}
.metro .image-button:focus {
  outline: 0;
  border: 1px #353535 dotted;
}
.metro .image-button:disabled,
.metro .image-button.disabled {
  background-color: #eaeaea !important;
  color: #bebebe !important;
  cursor: not-allowed !important;
}
.metro .image-button * {
  color: inherit;
}
.metro .image-button *:hover {
  color: inherit;
}
.metro .image-button.primary {
  background-color: #16499a !important;
  color: #ffffff !important;
}
.metro .image-button.info {
  background-color: #4390df !important;
  color: #ffffff !important;
}
.metro .image-button.success {
  background-color: #60a917 !important;
  color: #ffffff !important;
}
.metro .image-button.warning {
  background-color: #fa6800 !important;
  color: #ffffff !important;
}
.metro .image-button.danger {
  background-color: #9a1616 !important;
  color: #ffffff !important;
}
.metro .image-button.inverse {
  background-color: #1d1d1d !important;
  color: #ffffff !important;
}
.metro .image-button.link {
  background-color: transparent !important;
  color: #2e92cf !important;
}
.metro .image-button.link:hover {
  text-decoration: underline;
}
.metro .image-button.link:disabled,
.metro .image-button.link.disabled {
  background-color: transparent !important;
  color: #bebebe !important;
  cursor: not-allowed !important;
}
.metro .image-button.link [class*="icon-"] {
  text-decoration: none !important;
}
.metro .image-button:active {
  background-color: #1d1d1d !important;
  color: #ffffff !important;
  border-color: transparent;
}
.metro .image-button.large {
  padding: 11px 19px;
  font-size: 17.5px;
}
.metro .image-button.small {
  padding: 2px 10px;
  font-size: 11.9px;
}
.metro .image-button.mini {
  padding: 0px 6px;
  font-size: 10.5px;
}
.metro .image-button img,
.metro .image-button:active img,
.metro .image-button [class*="icon-"] {
  display: block;
  position: absolute;
  float: right;
  right: 0;
  top: 0;
  padding: 4px;
  height: 100%;
  margin-left: 0px;
  box-sizing: border-box;
  border: 1px transparent solid;
  z-index: 2;
  text-align: center;
}
.metro .image-button [class*="icon-"] {
  vertical-align: middle !important;
  font-size: 12pt;
  line-height: 12pt;
  top: 0;
  right: 0;
}
.metro .image-button.image-left {
  padding-right: 12px;
  padding-left: 45px;
}
.metro .image-button.image-left img,
.metro .image-button.image-left:active img,
.metro .image-button.image-left [class*="icon-"] {
  right: auto;
  left: 0;
}
.metro .image-button:focus {
  border: 0;
}
.metro .shortcut {
  background-color: #d9d9d9;

  color: #222222;

  cursor: pointer;

  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  margin: auto;
  height: 18px;
  width: 105px;
  border: 0;
  position: relative;
  
  text-align: left;
  vertical-align: central !important;
}
.metro .shortcut.default {
  background-color: #008287;
  color: #fff;
}
.metro .shortcut:focus {
  outline: 0;
  border: 1px #353535 dotted;
}
.metro .shortcut:disabled,
.metro .shortcut.disabled {
  background-color: #eaeaea !important;
  color: #bebebe !important;
  cursor: not-allowed !important;
}
.metro .shortcut * {
  color: inherit;
}
.metro .shortcut *:hover {
  color: inherit;
}
.metro .shortcut.primary {
  background-color: #16499a !important;
  color: #ffffff !important;
}
.metro .shortcut.info {
  background-color: #4390df !important;
  color: #ffffff !important;
}
.metro .shortcut.success {
  background-color: #60a917 !important;
  color: #ffffff !important;
}
.metro .shortcut.warning {
  background-color: #fa6800 !important;
  color: #ffffff !important;
}
.metro .shortcut.danger {
  background-color: #9a1616 !important;
  color: #ffffff !important;
}
.metro .shortcut.inverse {
  background-color: #1d1d1d !important;
  color: #ffffff !important;
}
.metro .shortcut.link {
  background-color: transparent !important;
  color: #2e92cf !important;
}
.metro .shortcut.link:hover {
  text-decoration: underline;
}
.metro .shortcut.link:disabled,
.metro .shortcut.link.disabled {
  background-color: transparent !important;
  color: #bebebe !important;
  cursor: not-allowed !important;
}
.metro .shortcut.link [class*="icon-"] {
  text-decoration: none !important;
}
.metro .shortcut:active {
  background-color: #1d1d1d !important;
  color: #ffffff !important;
  border-color: transparent;
}
.metro .shortcut.large {
  padding: 11px 19px;
  font-size: 17.5px;
}
.metro .shortcut.small {
  padding: 2px 10px;
  font-size: 11.9px;
}
.metro .shortcut.mini {
  padding: 0px 6px;
  font-size: 10.5px;
}
.metro .shortcut [class*="icon-"] {
  display: block;
  margin: 10px;
  font-size: 1.5em;
}
.metro .shortcut small {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 4px;
  min-height: 8px;
  
  min-width: 10px;
  text-align: center;
  vertical-align: middle;
  background-color: orangered;
  font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
}
.metro .shortcut:hover {
  border-color: #e51400;
}
.metro .shortcut.link {
  border: 1px #2e92cf solid;
  text-decoration: none !important;
}
.metro .shortcut.link:hover {
  border-bottom-width: 2px;
}
.metro a.shortcut {
  padding: 12px 0;
}
.metro a.shortcut:hover {
  color: inherit;
}
.metro .button-set:before,
.metro .button-set:after {
  display: table;
  content: "";
}
.metro .button-set:after {
  clear: both;
}
.metro .button-set .button,
.metro .button-set button {
  display: block;
  float: left;
  margin: 0;
  margin-right: 2px;
}
.metro .button-set .button.active,
.metro .button-set button.active {
  background-color: #555555;
  color: #ffffff;
}
.metro .button-set.no-spaces button,
.metro .button-set.no-spaces .button {
  margin-right: 0 !important;
}
.metro .button-set.no-spaces button:active,
.metro .button-set.no-spaces .button:active {
  background-color: #1d1d1d;
  color: #ffffff;
  top: auto;
  left: auto;
}
.metro .button-set.transparent .button,
.metro .button-set.transparent button {
  background-color: transparent;
}
.metro .button-set.transparent .button.active,
.metro .button-set.transparent button.active {
  background-color: #555555;
  color: #ffffff;
}
.metro .button:active {
  background-color: #1d1d1d !important;
  color: #ffffff !important;
  border-color: transparent;
}
.metro .button.large,
.metro button.large {
  padding: 11px 19px;
  font-size: 17.5px;
}
.metro .button.small,
.metro button.small {
  padding: 2px 10px;
  font-size: 11.9px;
}
.metro .button.mini,
.metro button.mini {
  padding: 0px 6px;
  font-size: 10.5px;
}
.metro form {
  margin: 0 0 14pt;
}
.metro fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
.metro legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 14pt;
  font-size: 16.5pt;
  line-height: 28pt;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.metro legend small {
  font-size: 10.5pt;
  color: #999999;
}

.metro .input-control.checkbox,
.metro .input-control.radio,
.metro .input-control.switch,
.metro .input-control.text,
.metro .input-control.password,
.metro .input-control.select,
.metro .input-control.textarea {
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin-bottom: 2px;
}
.metro .input-control.checkbox input[type="checkbox"],
.metro .input-control.radio input[type="checkbox"],
.metro .input-control.checkbox input[type="radio"],
.metro .input-control.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.metro .input-control.checkbox input[type="checkbox"]:focus ~ .check,
.metro .input-control.radio input[type="checkbox"]:focus ~ .check,
.metro .input-control.checkbox input[type="radio"]:focus ~ .check,
.metro .input-control.radio input[type="radio"]:focus ~ .check {
  outline: 1px #999999 dotted !important;
}
.metro .input-control.checkbox .caption,
.metro .input-control.radio .caption {
  margin: 0 5px;
}
.metro .input-control.checkbox .check,
.metro .input-control.radio .check {
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border: 2px #d9d9d9 solid;
  padding: 0;
  margin: -3px 5px 0 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.metro .input-control.checkbox.text-left .check,
.metro .input-control.radio.text-left .check {
  margin: 0 0 0 5px;
}
.metro .input-control.checkbox:hover .check,
.metro .input-control.radio:hover .check {
  border-color: #919191;
}
.metro .input-control.checkbox .check:active,
.metro .input-control.radio .check:active {
  border-color: #1e1e1e;
}
.metro .input-control.checkbox .check:focus,
.metro .input-control.radio .check:focus {
  border-color: #919191;
}
.metro .input-control.checkbox .check:after,
.metro .input-control.radio .check:after {
  position: absolute;
  font-family: metroSysIcons;
  font-size: 8pt;
  line-height: 8pt;
}
.metro .input-control.checkbox input[type="checkbox"]:checked ~ .check:after,
.metro .input-control.radio input[type="checkbox"]:checked ~ .check:after,
.metro .input-control.checkbox input[type="radio"]:checked ~ .check:after,
.metro .input-control.radio input[type="radio"]:checked ~ .check:after {
  content: "\e003";
  margin: 2px;
  top: 0;
  color: #1d1d1d;
}
.metro .input-control.checkbox input[type="checkbox"]:disabled ~ .check,
.metro .input-control.radio input[type="checkbox"]:disabled ~ .check,
.metro .input-control.checkbox input[type="radio"]:disabled ~ .check,
.metro .input-control.radio input[type="radio"]:disabled ~ .check {
  border-color: #d9d9d9;
  background-color: #e6e6e6;
}
.metro .input-control.checkbox input[type="checkbox"]:disabled ~ .check:after,
.metro .input-control.radio input[type="checkbox"]:disabled ~ .check:after,
.metro .input-control.checkbox input[type="radio"]:disabled ~ .check:after,
.metro .input-control.radio input[type="radio"]:disabled ~ .check:after {
  color: #8a8a8a;
}
.metro .input-control.checkbox input[data-show="intermediate"] ~ .check:after,
.metro .input-control.radio input[data-show="intermediate"] ~ .check:after,
.metro .input-control.checkbox input[data-show="intermediate"]:checked ~ .check:after,
.metro .input-control.radio input[data-show="intermediate"]:checked ~ .check:after {
  display: block;
  content: "" !important;
  width: 10px;
  height: 10px;
  background-color: #1d1d1d;
  margin: 3px;
}
.metro .input-control.checkbox input[data-show="intermediate"]:disabled ~ .check:after,
.metro .input-control.radio input[data-show="intermediate"]:disabled ~ .check:after {
  background-color: #8a8a8a;
}
.metro .input-control.radio .check {
  border-radius: 50%;
}
.metro .input-control.radio.default-style input[type="radio"]:checked ~ .check:after {
  display: block;
  content: "" !important;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #1d1d1d;
  margin: 3px;
}
.metro .input-control.radio.default-style input[type="radio"]:checked:disabled ~ .check:after {
  background-color: #8a8a8a;
}

.metro .input-control.text,
.metro .input-control.password,
.metro .input-control.file,
.metro .input-control.email,
.metro .input-control.tel,
.metro .input-control.number {
  display: inline-block;
  cursor: pointer;
  position: relative;
  background-color: #fff;
  outline: 0;
  height: 20px;
  width: 100%;
}
.metro .input-control.text input[type="text"]{
  height: 21px;
  width: 92%;
}

.metro .input-control.text .btn-clear,
.metro .input-control.password .btn-clear,
.metro .input-control.file .btn-clear,
.metro .input-control.email .btn-clear,
.metro .input-control.tel .btn-clear,
.metro .input-control.number .btn-clear,
.metro .input-control.text .btn-reveal,
.metro .input-control.password .btn-reveal,
.metro .input-control.file .btn-reveal,
.metro .input-control.email .btn-reveal,
.metro .input-control.tel .btn-reveal,
.metro .input-control.number .btn-reveal,
.metro .input-control.text .btn-date,
.metro .input-control.password .btn-date,
.metro .input-control.file .btn-date,
.metro .input-control.email .btn-date,
.metro .input-control.tel .btn-date,
.metro .input-control.number .btn-date,
.metro .input-control.text .btn-file,
.metro .input-control.password .btn-file,
.metro .input-control.file .btn-file,
.metro .input-control.email .btn-file,
.metro .input-control.tel .btn-file,
.metro .input-control.number .btn-file,
.metro .input-control.text .btn-search,
.metro .input-control.password .btn-search,
.metro .input-control.file .btn-search,
.metro .input-control.email .btn-search,
.metro .input-control.tel .btn-search,
.metro .input-control.number .btn-search {
  background-color: #F0F0F0;
  position: absolute;
  top: 5px;
  z-index: 2;
  border: 0;
  right: 4px;
  width: 24px;
  height: 24px;
  min-height: 1px;
  min-width: 1px;
  padding: 0;
  margin: 0;
  display: none;
}
.metro .input-control.text .btn-clear:after,
.metro .input-control.password .btn-clear:after,
.metro .input-control.file .btn-clear:after,
.metro .input-control.email .btn-clear:after,
.metro .input-control.tel .btn-clear:after,
.metro .input-control.number .btn-clear:after,
.metro .input-control.text .btn-reveal:after,
.metro .input-control.password .btn-reveal:after,
.metro .input-control.file .btn-reveal:after,
.metro .input-control.email .btn-reveal:after,
.metro .input-control.tel .btn-reveal:after,
.metro .input-control.number .btn-reveal:after,
.metro .input-control.text .btn-date:after,
.metro .input-control.password .btn-date:after,
.metro .input-control.file .btn-date:after,
.metro .input-control.email .btn-date:after,
.metro .input-control.tel .btn-date:after,
.metro .input-control.number .btn-date:after,
.metro .input-control.text .btn-file:after,
.metro .input-control.password .btn-file:after,
.metro .input-control.file .btn-file:after,
.metro .input-control.email .btn-file:after,
.metro .input-control.tel .btn-file:after,
.metro .input-control.number .btn-file:after,
.metro .input-control.text .btn-search:after,
.metro .input-control.password .btn-search:after,
.metro .input-control.file .btn-search:after,
.metro .input-control.email .btn-search:after,
.metro .input-control.tel .btn-search:after,
.metro .input-control.number .btn-search:after {
  font-family: metroSysIcons;
  font-size: 1em;
}
.metro .input-control.text .btn-clear:not(:disabled):active,
.metro .input-control.password .btn-clear:not(:disabled):active,
.metro .input-control.file .btn-clear:not(:disabled):active,
.metro .input-control.email .btn-clear:not(:disabled):active,
.metro .input-control.tel .btn-clear:not(:disabled):active,
.metro .input-control.number .btn-clear:not(:disabled):active,
.metro .input-control.text .btn-reveal:not(:disabled):active,
.metro .input-control.password .btn-reveal:not(:disabled):active,
.metro .input-control.file .btn-reveal:not(:disabled):active,
.metro .input-control.email .btn-reveal:not(:disabled):active,
.metro .input-control.tel .btn-reveal:not(:disabled):active,
.metro .input-control.number .btn-reveal:not(:disabled):active,
.metro .input-control.text .btn-date:not(:disabled):active,
.metro .input-control.password .btn-date:not(:disabled):active,
.metro .input-control.file .btn-date:not(:disabled):active,
.metro .input-control.email .btn-date:not(:disabled):active,
.metro .input-control.tel .btn-date:not(:disabled):active,
.metro .input-control.number .btn-date:not(:disabled):active,
.metro .input-control.text .btn-file:not(:disabled):active,
.metro .input-control.password .btn-file:not(:disabled):active,
.metro .input-control.file .btn-file:not(:disabled):active,
.metro .input-control.email .btn-file:not(:disabled):active,
.metro .input-control.tel .btn-file:not(:disabled):active,
.metro .input-control.number .btn-file:not(:disabled):active,
.metro .input-control.text .btn-search:not(:disabled):active,
.metro .input-control.password .btn-search:not(:disabled):active,
.metro .input-control.file .btn-search:not(:disabled):active,
.metro .input-control.email .btn-search:not(:disabled):active,
.metro .input-control.tel .btn-search:not(:disabled):active,
.metro .input-control.number .btn-search:not(:disabled):active {
  background-color: #1d1d1d;
  color: #ffffff;
}
.metro .input-control.text .btn-clear:active,
.metro .input-control.password .btn-clear:active,
.metro .input-control.file .btn-clear:active,
.metro .input-control.email .btn-clear:active,
.metro .input-control.tel .btn-clear:active,
.metro .input-control.number .btn-clear:active,
.metro .input-control.text .btn-reveal:active,
.metro .input-control.password .btn-reveal:active,
.metro .input-control.file .btn-reveal:active,
.metro .input-control.email .btn-reveal:active,
.metro .input-control.tel .btn-reveal:active,
.metro .input-control.number .btn-reveal:active,
.metro .input-control.text .btn-date:active,
.metro .input-control.password .btn-date:active,
.metro .input-control.file .btn-date:active,
.metro .input-control.email .btn-date:active,
.metro .input-control.tel .btn-date:active,
.metro .input-control.number .btn-date:active,
.metro .input-control.text .btn-file:active,
.metro .input-control.password .btn-file:active,
.metro .input-control.file .btn-file:active,
.metro .input-control.email .btn-file:active,
.metro .input-control.tel .btn-file:active,
.metro .input-control.number .btn-file:active,
.metro .input-control.text .btn-search:active,
.metro .input-control.password .btn-search:active,
.metro .input-control.file .btn-search:active,
.metro .input-control.email .btn-search:active,
.metro .input-control.tel .btn-search:active,
.metro .input-control.number .btn-search:active {
  left: auto;
}
.metro .input-control.text .btn-clear:focus,
.metro .input-control.password .btn-clear:focus,
.metro .input-control.file .btn-clear:focus,
.metro .input-control.email .btn-clear:focus,
.metro .input-control.tel .btn-clear:focus,
.metro .input-control.number .btn-clear:focus,
.metro .input-control.text .btn-reveal:focus,
.metro .input-control.password .btn-reveal:focus,
.metro .input-control.file .btn-reveal:focus,
.metro .input-control.email .btn-reveal:focus,
.metro .input-control.tel .btn-reveal:focus,
.metro .input-control.number .btn-reveal:focus,
.metro .input-control.text .btn-date:focus,
.metro .input-control.password .btn-date:focus,
.metro .input-control.file .btn-date:focus,
.metro .input-control.email .btn-date:focus,
.metro .input-control.tel .btn-date:focus,
.metro .input-control.number .btn-date:focus,
.metro .input-control.text .btn-file:focus,
.metro .input-control.password .btn-file:focus,
.metro .input-control.file .btn-file:focus,
.metro .input-control.email .btn-file:focus,
.metro .input-control.tel .btn-file:focus,
.metro .input-control.number .btn-file:focus,
.metro .input-control.text .btn-search:focus,
.metro .input-control.password .btn-search:focus,
.metro .input-control.file .btn-search:focus,
.metro .input-control.email .btn-search:focus,
.metro .input-control.tel .btn-search:focus,
.metro .input-control.number .btn-search:focus {
  outline: 1px #ccc dotted ;
}
.metro .input-control.text input:focus ~ .btn-clear,
.metro .input-control.password input:focus ~ .btn-clear,
.metro .input-control.file input:focus ~ .btn-clear,
.metro .input-control.email input:focus ~ .btn-clear,
.metro .input-control.tel input:focus ~ .btn-clear,
.metro .input-control.number input:focus ~ .btn-clear,
.metro .input-control.text input:focus ~ .btn-reveal,
.metro .input-control.password input:focus ~ .btn-reveal,
.metro .input-control.file input:focus ~ .btn-reveal,
.metro .input-control.email input:focus ~ .btn-reveal,
.metro .input-control.tel input:focus ~ .btn-reveal,
.metro .input-control.number input:focus ~ .btn-reveal {
  display: block;
}
.metro .input-control.text input:not(:focus) ~ .btn-clear:active,
.metro .input-control.password input:not(:focus) ~ .btn-clear:active,
.metro .input-control.file input:not(:focus) ~ .btn-clear:active,
.metro .input-control.email input:not(:focus) ~ .btn-clear:active,
.metro .input-control.tel input:not(:focus) ~ .btn-clear:active,
.metro .input-control.number input:not(:focus) ~ .btn-clear:active,
.metro .input-control.text input:not(:focus) ~ .btn-reveal:active,
.metro .input-control.password input:not(:focus) ~ .btn-reveal:active,
.metro .input-control.file input:not(:focus) ~ .btn-reveal:active,
.metro .input-control.email input:not(:focus) ~ .btn-reveal:active,
.metro .input-control.tel input:not(:focus) ~ .btn-reveal:active,
.metro .input-control.number input:not(:focus) ~ .btn-reveal:active {
  display: block;
}
.metro .input-control.text .btn-clear:after,
.metro .input-control.password .btn-clear:after,
.metro .input-control.file .btn-clear:after,
.metro .input-control.email .btn-clear:after,
.metro .input-control.tel .btn-clear:after,
.metro .input-control.number .btn-clear:after {
  content: "\e00d";
}
.metro .input-control.text .btn-reveal:after,
.metro .input-control.password .btn-reveal:after,
.metro .input-control.file .btn-reveal:after,
.metro .input-control.email .btn-reveal:after,
.metro .input-control.tel .btn-reveal:after,
.metro .input-control.number .btn-reveal:after {
  content: "\e007";
}
.metro .input-control.text .btn-search:after,
.metro .input-control.password .btn-search:after,
.metro .input-control.file .btn-search:after,
.metro .input-control.email .btn-search:after,
.metro .input-control.tel .btn-search:after,
.metro .input-control.number .btn-search:after {
  content: "\e00e";
}
.metro .input-control.text .btn-date:after,
.metro .input-control.password .btn-date:after,
.metro .input-control.file .btn-date:after,
.metro .input-control.email .btn-date:after,
.metro .input-control.tel .btn-date:after,
.metro .input-control.number .btn-date:after {
  content: "\e013";
}
.metro .input-control.text .btn-file:after,
.metro .input-control.password .btn-file:after,
.metro .input-control.file .btn-file:after,
.metro .input-control.email .btn-file:after,
.metro .input-control.tel .btn-file:after,
.metro .input-control.number .btn-file:after {
  content: "\e008";
}
.metro .input-control.text .btn-search,
.metro .input-control.password .btn-search,
.metro .input-control.file .btn-search,
.metro .input-control.email .btn-search,
.metro .input-control.tel .btn-search,
.metro .input-control.number .btn-search {
  display: block;
}
.metro .input-control.text .btn-date,
.metro .input-control.password .btn-date,
.metro .input-control.file .btn-date,
.metro .input-control.email .btn-date,
.metro .input-control.tel .btn-date,
.metro .input-control.number .btn-date {
  display: block;
}
.metro .input-control.text .btn-file,
.metro .input-control.password .btn-file,
.metro .input-control.file .btn-file,
.metro .input-control.email .btn-file,
.metro .input-control.tel .btn-file,
.metro .input-control.number .btn-file {
  display: block;
}
.metro .input-control.text [class*="btn-"],
.metro .input-control.password [class*="btn-"],
.metro .input-control.file [class*="btn-"],
.metro .input-control.email [class*="btn-"],
.metro .input-control.tel [class*="btn-"],
.metro .input-control.number [class*="btn-"] {
  background-color: transparent;
}
.metro .input-control.text input::-ms-reveal,
.metro .input-control.password input::-ms-reveal,
.metro .input-control.file input::-ms-reveal,
.metro .input-control.email input::-ms-reveal,
.metro .input-control.tel input::-ms-reveal,
.metro .input-control.number input::-ms-reveal,
.metro .input-control.text input::-ms-clear,
.metro .input-control.password input::-ms-clear,
.metro .input-control.file input::-ms-clear,
.metro .input-control.email input::-ms-clear,
.metro .input-control.tel input::-ms-clear,
.metro .input-control.number input::-ms-clear {
  display: none;
}
.metro .input-control.text input,
.metro .input-control.password input,
.metro .input-control.file input,
.metro .input-control.email input,
.metro .input-control.tel input,
.metro .input-control.number input {
  border: 1px #d9d9d9 solid;
  width: 100%;
  height: 25px;
  padding: 5px;
  margin:0px;
  z-index: 1;
  -webkit-appearance: none;
}
.metro .input-control.text input:focus,
.metro .input-control.password input:focus,
.metro .input-control.file input:focus,
.metro .input-control.email input:focus,
.metro .input-control.tel input:focus,
.metro .input-control.number input:focus {
  outline: 0;
  border-color: #919191;
}
.metro .input-control.text input:disabled,
.metro .input-control.password input:disabled,
.metro .input-control.file input:disabled,
.metro .input-control.email input:disabled,
.metro .input-control.tel input:disabled,
.metro .input-control.number input:disabled {
  padding-right: 5px;
}
.metro .input-control.text input:disabled ~ .btn-clear,
.metro .input-control.password input:disabled ~ .btn-clear,
.metro .input-control.file input:disabled ~ .btn-clear,
.metro .input-control.email input:disabled ~ .btn-clear,
.metro .input-control.tel input:disabled ~ .btn-clear,
.metro .input-control.number input:disabled ~ .btn-clear,
.metro .input-control.text input:disabled ~ .btn-reveal,
.metro .input-control.password input:disabled ~ .btn-reveal,
.metro .input-control.file input:disabled ~ .btn-reveal,
.metro .input-control.email input:disabled ~ .btn-reveal,
.metro .input-control.tel input:disabled ~ .btn-reveal,
.metro .input-control.number input:disabled ~ .btn-reveal {
  display: none;
}
.metro .input-control.text input::-moz-placeholder,
.metro .input-control.password input::-moz-placeholder,
.metro .input-control.file input::-moz-placeholder,
.metro .input-control.email input::-moz-placeholder,
.metro .input-control.tel input::-moz-placeholder,
.metro .input-control.number input::-moz-placeholder {
  color: #999999;
}
.metro .input-control.text input::-webkit-input-placeholder,
.metro .input-control.password input::-webkit-input-placeholder,
.metro .input-control.file input::-webkit-input-placeholder,
.metro .input-control.email input::-webkit-input-placeholder,
.metro .input-control.tel input::-webkit-input-placeholder,
.metro .input-control.number input::-webkit-input-placeholder {
  color: #999999;
}
.metro .input-control.select,
.metro .input-control.textarea {
  display: inline-block;
  cursor: pointer;
  position: relative;
  width: 92%;
}
.metro .input-control.select select,
.metro .input-control.textarea select,
.metro .input-control.select textarea,
.metro .input-control.textarea textarea {
  border: 1px #d9d9d9 solid;
  width: 100%;
  padding: 1px;
  height:25px;
  margin-bottom:-3px;
}
.metro .input-control.select select:focus,
.metro .input-control.textarea select:focus,
.metro .input-control.select textarea:focus,
.metro .input-control.textarea textarea:focus {
  outline: 0;
  border-color: #919191;
}
.metro .input-control.select select:disabled,
.metro .input-control.textarea select:disabled,
.metro .input-control.select textarea:disabled,
.metro .input-control.textarea textarea:disabled {
  padding-right: 5px;
}
.metro .input-control.select textarea,
.metro .input-control.textarea textarea {
  min-height: 100px;
}
.metro .input-control.text.warning-state input,
.metro .input-control.password.warning-state input,
.metro .input-control.select.warning-state input,
.metro .input-control.textarea.warning-state input,
.metro .input-control.file.warning-state input,
.metro .input-control.email.warning-state input,
.metro .input-control.tel.warning-state input,
.metro .input-control.number.warning-state input,
.metro .input-control.text.warning-state select,
.metro .input-control.password.warning-state select,
.metro .input-control.select.warning-state select,
.metro .input-control.textarea.warning-state select,
.metro .input-control.file.warning-state select,
.metro .input-control.email.warning-state select,
.metro .input-control.tel.warning-state select,
.metro .input-control.number.warning-state select,
.metro .input-control.text.warning-state textarea,
.metro .input-control.password.warning-state textarea,
.metro .input-control.select.warning-state textarea,
.metro .input-control.textarea.warning-state textarea,
.metro .input-control.file.warning-state textarea,
.metro .input-control.email.warning-state textarea,
.metro .input-control.tel.warning-state textarea,
.metro .input-control.number.warning-state textarea {
  border-color: #fa6800;
}
.metro .input-control.text.error-state input,
.metro .input-control.password.error-state input,
.metro .input-control.select.error-state input,
.metro .input-control.textarea.error-state input,
.metro .input-control.file.error-state input,
.metro .input-control.email.error-state input,
.metro .input-control.tel.error-state input,
.metro .input-control.number.error-state input,
.metro .input-control.text.error-state select,
.metro .input-control.password.error-state select,
.metro .input-control.select.error-state select,
.metro .input-control.textarea.error-state select,
.metro .input-control.file.error-state select,
.metro .input-control.email.error-state select,
.metro .input-control.tel.error-state select,
.metro .input-control.number.error-state select,
.metro .input-control.text.error-state textarea,
.metro .input-control.password.error-state textarea,
.metro .input-control.select.error-state textarea,
.metro .input-control.textarea.error-state textarea,
.metro .input-control.file.error-state textarea,
.metro .input-control.email.error-state textarea,
.metro .input-control.tel.error-state textarea,
.metro .input-control.number.error-state textarea {
  border-color: #e51400;
}
.metro .input-control.text.info-state input,
.metro .input-control.password.info-state input,
.metro .input-control.select.info-state input,
.metro .input-control.textarea.info-state input,
.metro .input-control.file.info-state input,
.metro .input-control.email.info-state input,
.metro .input-control.tel.info-state input,
.metro .input-control.number.info-state input,
.metro .input-control.text.info-state select,
.metro .input-control.password.info-state select,
.metro .input-control.select.info-state select,
.metro .input-control.textarea.info-state select,
.metro .input-control.file.info-state select,
.metro .input-control.email.info-state select,
.metro .input-control.tel.info-state select,
.metro .input-control.number.info-state select,
.metro .input-control.text.info-state textarea,
.metro .input-control.password.info-state textarea,
.metro .input-control.select.info-state textarea,
.metro .input-control.textarea.info-state textarea,
.metro .input-control.file.info-state textarea,
.metro .input-control.email.info-state textarea,
.metro .input-control.tel.info-state textarea,
.metro .input-control.number.info-state textarea {
  border-color: #4390df;
}
.metro .input-control.text.success-state input,
.metro .input-control.password.success-state input,
.metro .input-control.select.success-state input,
.metro .input-control.textarea.success-state input,
.metro .input-control.file.success-state input,
.metro .input-control.email.success-state input,
.metro .input-control.tel.success-state input,
.metro .input-control.number.success-state input,
.metro .input-control.text.success-state select,
.metro .input-control.password.success-state select,
.metro .input-control.select.success-state select,
.metro .input-control.textarea.success-state select,
.metro .input-control.file.success-state select,
.metro .input-control.email.success-state select,
.metro .input-control.tel.success-state select,
.metro .input-control.number.success-state select,
.metro .input-control.text.success-state textarea,
.metro .input-control.password.success-state textarea,
.metro .input-control.select.success-state textarea,
.metro .input-control.textarea.success-state textarea,
.metro .input-control.file.success-state textarea,
.metro .input-control.email.success-state textarea,
.metro .input-control.tel.success-state textarea,
.metro .input-control.number.success-state textarea {
  border-color: #60a917;
}
.metro .input-control.text input[data-state="warning"],
.metro .input-control.password input[data-state="warning"],
.metro .input-control.select input[data-state="warning"],
.metro .input-control.textarea input[data-state="warning"],
.metro .input-control.file input[data-state="warning"],
.metro .input-control.email input[data-state="warning"],
.metro .input-control.tel input[data-state="warning"],
.metro .input-control.number input[data-state="warning"] {
  border-color: #fa6800;
}
.metro .input-control.text input[data-state="error"],
.metro .input-control.password input[data-state="error"],
.metro .input-control.select input[data-state="error"],
.metro .input-control.textarea input[data-state="error"],
.metro .input-control.file input[data-state="error"],
.metro .input-control.email input[data-state="error"],
.metro .input-control.tel input[data-state="error"],
.metro .input-control.number input[data-state="error"] {
  border-color: #e51400;
}
.metro .input-control.text input[data-state="info"],
.metro .input-control.password input[data-state="info"],
.metro .input-control.select input[data-state="info"],
.metro .input-control.textarea input[data-state="info"],
.metro .input-control.file input[data-state="info"],
.metro .input-control.email input[data-state="info"],
.metro .input-control.tel input[data-state="info"],
.metro .input-control.number input[data-state="info"] {
  border-color: #4390df;
}
.metro .input-control.text input[data-state="success"],
.metro .input-control.password input[data-state="success"],
.metro .input-control.select input[data-state="success"],
.metro .input-control.textarea input[data-state="success"],
.metro .input-control.file input[data-state="success"],
.metro .input-control.email input[data-state="success"],
.metro .input-control.tel input[data-state="success"],
.metro .input-control.number input[data-state="success"] {
  border-color: #60a917;
}
.metro .input-control.text[class*="span"],
.metro .input-control.password[class*="span"],
.metro .input-control.select[class*="span"],
.metro .input-control.textarea[class*="span"],
.metro .input-control.file[class*="span"],
.metro .input-control.email[class*="span"],
.metro .input-control.tel[class*="span"],
.metro .input-control.number[class*="span"] {
  margin-left: 0;
}
.metro .input-control.file {
  overflow: hidden;
}
.metro .input-control.file input[type="file"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  bottom: 0;
  right: 0;
}
.metro input[type="button"],
.metro input[type="submit"],
.metro input[type="reset"] {
  padding: 4px 12px;
  text-align: center;
  vertical-align: middle !important;
  background-color: #d9d9d9;
  border: 1px transparent solid;
  color: #222222;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
  margin: auto;
}
.metro input[type="button"].default,
.metro input[type="submit"].default,
.metro input[type="reset"].default {
  background-color: #008287;
  color: #fff;
}
.metro input[type="button"]:focus,
.metro input[type="submit"]:focus,
.metro input[type="reset"]:focus {
  outline: 0;
  border: 1px #353535 dotted;
}
.metro input[type="button"]:disabled,
.metro input[type="submit"]:disabled,
.metro input[type="reset"]:disabled,
.metro input[type="button"].disabled,
.metro input[type="submit"].disabled,
.metro input[type="reset"].disabled {
  background-color: #eaeaea !important;
  color: #bebebe !important;
  cursor: not-allowed !important;
}
.metro input[type="button"] *,
.metro input[type="submit"] *,
.metro input[type="reset"] * {
  color: inherit;
}
.metro input[type="button"] *:hover,
.metro input[type="submit"] *:hover,
.metro input[type="reset"] *:hover {
  color: inherit;
}
.metro input[type="button"].primary,
.metro input[type="submit"].primary,
.metro input[type="reset"].primary {
  background-color: #16499a !important;
  color: #ffffff !important;
}
.metro input[type="button"].info,
.metro input[type="submit"].info,
.metro input[type="reset"].info {
  background-color: #4390df !important;
  color: #ffffff !important;
}
.metro input[type="button"].success,
.metro input[type="submit"].success,
.metro input[type="reset"].success {
  background-color: #60a917 !important;
  color: #ffffff !important;
}
.metro input[type="button"].warning,
.metro input[type="submit"].warning,
.metro input[type="reset"].warning {
  background-color: #fa6800 !important;
  color: #ffffff !important;
}
.metro input[type="button"].danger,
.metro input[type="submit"].danger,
.metro input[type="reset"].danger {
  background-color: #9a1616 !important;
  color: #ffffff !important;
}
.metro input[type="button"].inverse,
.metro input[type="submit"].inverse,
.metro input[type="reset"].inverse {
  background-color: #1d1d1d !important;
  color: #ffffff !important;
}
.metro input[type="button"].link,
.metro input[type="submit"].link,
.metro input[type="reset"].link {
  background-color: transparent !important;
  color: #2e92cf !important;
}
.metro input[type="button"].link:hover,
.metro input[type="submit"].link:hover,
.metro input[type="reset"].link:hover {
  text-decoration: underline;
}
.metro input[type="button"].link:disabled,
.metro input[type="submit"].link:disabled,
.metro input[type="reset"].link:disabled,
.metro input[type="button"].link.disabled,
.metro input[type="submit"].link.disabled,
.metro input[type="reset"].link.disabled {
  background-color: transparent !important;
  color: #bebebe !important;
  cursor: not-allowed !important;
}
.metro input[type="button"].link [class*="icon-"],
.metro input[type="submit"].link [class*="icon-"],
.metro input[type="reset"].link [class*="icon-"] {
  text-decoration: none !important;
}
.metro input[type="button"]:active,
.metro input[type="submit"]:active,
.metro input[type="reset"]:active {
  background-color: #1d1d1d !important;
  color: #ffffff !important;
  border-color: transparent;
}
.metro input[type="button"].large,
.metro input[type="submit"].large,
.metro input[type="reset"].large {
  padding: 11px 19px;
  font-size: 17.5px;
}
.metro input[type="button"].small,
.metro input[type="submit"].small,
.metro input[type="reset"].small {
  padding: 2px 10px;
  font-size: 11.9px;
}
.metro input[type="button"].mini,
.metro input[type="submit"].mini,
.metro input[type="reset"].mini {
  padding: 0px 6px;
  font-size: 10.5px;
}
.metro input[type=number]::-webkit-inner-spin-button,
.metro input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.metro img {
  max-width: 100%;
}
.metro img.rounded,
.metro img.cycle,
.metro img.polaroid {
  background-color: #ffffff;
  border: 1px #eaeaea solid;
}
.metro img.rounded {
  border-radius: 10px;
}
.metro img.cycle {
  border-radius: 50%;
}
.metro img.polaroid {
  padding: 10px;
}
.metro .image-container {
  position: relative;
  padding: 0;
  background-color: #333333;
  width: 240px;
  overflow: hidden;
}
.metro .image-container.full-size {
  width: 100%;
}
.metro .image-container img {
  margin: 0;
  width: 100%;
  height: auto;
}
.metro .image-container > .overlay,
.metro .image-container > .overlay-fluid {
  position: absolute;
  width: 100%;
  height: 55px;
  overflow: hidden;
  background-color: #1e1e1e;
  padding: 5px 10px;
  opacity: .8;
  bottom: 0;
  font-size: 8pt;
  color: #fff;
}
.metro .image-container > .overlay-fluid {
  bottom: -55px;
  font-size: 8pt;
  color: #fff;
}
.metro .image-container:hover .overlay-fluid {
  -webkit-transform: translate(0, -55px);
  -ms-transform: translate(0, -55px);
  -o-transform: translate(0, -55px);
  -moz-transform: translate(0, -55px);
  transform: translate(0, -55px);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.metro .image-container.selected {
  border: 4px #4390df solid;
}
.metro .image-container.selected:after {
  position: absolute;
  display: block;
  border-top: 28px solid #4390df;
  border-left: 28px solid transparent;
  right: 0;
  content: "";
  top: 0;
  z-index: 101;
}
.metro .image-container.selected:before {
  position: absolute;
  display: block;
  content: "\e003";
  color: #fff;
  right: 0;
  font-family: 'metroSysIcons';
  font-size: 9pt;
  font-weight: normal;
  z-index: 102;
  top: 0;
}
.metro .dropdown-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  display: none;
  z-index: 1000;
  background: #ffffff;
  min-width: 200px;
  width: auto;
  border: 1px solid #dcddde;
    cursor: pointer;
}
.metro .dropdown-menu li {
  display: block;
  margin: 0px 0;
  min-height: 20px ;
  padding: 0;
  vertical-align: baseline;
  position: relative;
  font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
}
.metro .dropdown-menu li a {
  display: block;
  text-decoration: none;
  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #000000;
  letter-spacing: 0.00em;
  font-size: 2.5rem;
  line-height: 2.0rem;
  letter-spacing: 0.01em;
  color: rgba(0, 0, 0, 0.6);
  line-height: 2.0rem;
  font-size: 2.0rem;
  color: inherit;
  width: 100%;
}
.metro .dropdown-menu li.title {
  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #000000;
  letter-spacing: 0.00em;
  font-size: 2.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.01em;
  font-size: 4rem;
  margin-bottom: 10px;
}
.metro .dropdown-menu.compact a {
  font-weight: normal;
  font-size: 10.5pt;
  line-height: 12pt;
  color: inherit;
}
.metro .dropdown-menu.compact li.title {
  margin-bottom: 10px;
  font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000;
  font-size: 1.6rem;
  line-height: 1.6rem;
  letter-spacing: 0.02em;
}
.metro .dropdown-menu ul.secondary {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 15px;
}
.metro .dropdown-menu ul.secondary li a {
  font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000;
  font-size: 1.6rem;
  line-height: 1.6rem;
  letter-spacing: 0.02em;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4rem;
  color: inherit;
}
.metro .dropdown-menu.shadow {
  box-shadow: 3px 3px 0 rgba(236, 236, 236, 0.7);
}
.metro .dropdown-menu li {
  margin: 0px 0 0;
  width: 100%;
  border: 1px transparent solid;
}
.metro .dropdown-menu li:last-child {
  margin-bottom: 5px;
}
.metro .dropdown-menu li.disabled,
.metro .dropdown-menu li.disabled:hover {
  cursor: default !important;
  background: transparent !important;
  color: #eeeeee;
}
.metro .dropdown-menu li.disabled a,
.metro .dropdown-menu li.disabled:hover a {
  color: inherit;
  cursor: inherit;
  background: inherit;
}
.metro .dropdown-menu a {
  padding: 6px 12px !important;
  color: inherit;
  font-size: 14px !important;
  line-height: 10px !important;
  cursor: pointer;
}
.metro .dropdown-menu li:hover {
  background: #edf4fc;
  border-color: #a8d2fd;
}
.metro .dropdown-menu li.checked a:before,
.metro .dropdown-menu li.checked-partial a:before,
.metro .dropdown-menu li.unchecked a:before {
  font-family: metroSysIcons;
  position: absolute;
  left: 10px;
  content: "\e004";
}
.metro .dropdown-menu li.checked-partial a:before {
  content: "\e005";
}
.metro .dropdown-menu li.unchecked a:before {
  content: "\e005";
}
.metro .dropdown-menu.place-right {
  right: -15px;
  left: auto;
}
.metro .dropdown-menu .divider {
  padding: 0;
  height: 1px;
  margin: 4px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-width: 0;
}
.metro .dropdown-menu .divider:hover {
  background: #e5e5e5;
}
.metro .dropdown-menu.open {
  display: block !important;
}
.metro .dropdown-menu .dropdown-menu {
  left: 100%;
  top: -10%;
}
.metro .dropdown-menu > li:hover > .dropdown-menu[data-show="hover"] {
  display: block;
}
.metro .dropdown-menu > li > a.dropdown-toggle:after {
  font-family: metroSysIcons;
  font-size: .7em;
  content: "\e001";
  left: 90%;
  top: 50%;
  margin-top: -1.4em;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.metro .dropdown-menu.drop-left {
  left: -100%;
}
.metro .dropdown-menu.drop-up {
  top: auto;
  bottom: 0;
}
.metro .dropdown-menu .menu-title {
  background-color: #f6f7f8;
  font-size: 12px;
  line-height: 14px;
  padding: 4px 8px;
  border: 0;
  border-bottom: 1px #dcddde solid;
  border-top: 1px #dcddde solid;
  color: #646464;
}
.metro .dropdown-menu .menu-title:first-child {
  margin: 0;
  border-top-width: 0;
}
.metro .dropdown-menu .menu-title:first-child:hover {
  border-top-width: 0;
}
.metro .dropdown-menu .menu-title:hover {
  background-color: #f6f7f8;
  cursor: default;
  border: 0;
  border-bottom: 1px #dcddde solid;
  border-top: 1px #dcddde solid;
}
.metro .dropdown-menu.inverse {
  border: 2px #3b3b3b solid;
}
.metro .dropdown-menu.inverse li {
  border: 0;
}
.metro .dropdown-menu.inverse li a {
  padding: 9px 32px !important;
}
.metro .dropdown-menu.inverse li:hover {
  border: 0;
  background-color: #e5e5e5;
}
.metro .dropdown-menu.inverse .menu-title:hover {
  background-color: #f6f7f8;
}
.metro .dropdown-menu.inverse .divider {
  margin-left: 0;
  margin-right: 0;
}
.metro .dropdown-menu.dark {
  background-color: #333333;
  border: 2px #333333 solid;
  color: #ffffff;
}
.metro .dropdown-menu.dark.opacity {
  background-color: rgba(61, 61, 61, 0.9);
}
.metro .dropdown-menu.dark li {
  border: 0;
  color: inherit;
}
.metro .dropdown-menu.dark li a {
  padding: 9px 32px !important;
  color: inherit;
}
.metro .dropdown-menu.dark li.disabled,
.metro .dropdown-menu.dark li.disabled:hover {
  cursor: default !important;
  background: transparent !important;
  color: #555555;
}
.metro .dropdown-menu.dark li.disabled a,
.metro .dropdown-menu.dark li.disabled:hover a {
  color: inherit;
  cursor: inherit;
  background: inherit;
}
.metro .dropdown-menu.dark li:hover {
  border: 0;
  background-color: #201a1a;
  color: #ffffff;
}
.metro .dropdown-menu.dark .menu-title {
  background-color: #3b3b3b;
}
.metro .dropdown-menu.dark .menu-title:hover {
  background-color: #3b3b3b;
}
.metro .dropdown-menu.dark .divider {
  margin-left: 0;
  margin-right: 0;
  background-color: #555555;
}
.metro .dropdown-menu.dark .divider:hover {
  background: #555555;
}
.metro .dropdown-toggle:after {
  position: absolute;
  margin-left: .45em;
  bottom: 0;
  font-family: metroSysIcons;
  font-size: .7em;
  content: '\e001';
}
.metro .dropdown-toggle.no-marker:after {
  content: "";
}
.metro .contextmenu {
  z-index: 1000;
  position: absolute;
  background-color: #FFFFFF;
  border: 2.5px solid #2a2a2a;
  padding: 2px;
}
.metro .contextmenu .item:active {
  background-color: #000000;
  color: #ffffff;
}
.metro .contextmenu .item:hover {
  background-color: #dedede;
}
.metro .contextmenu .item {
  background-color: #FFFFFF;
  width: auto;
  padding: 12px;
  margin: -2px;
}
.metro .progress-bar {
  display: block;
  position: relative;
  height: 10px;
  width: 100%;
  margin-bottom: 10px;
  background-color: #eeeeee;
}
.metro .progress-bar:before,
.metro .progress-bar:after {
  display: table;
  content: "";
}
.metro .progress-bar:after {
  clear: both;
}
.metro .progress-bar .bar {
  position: relative;
  display: block;
  float: left;
  width: 0;
  background-color: #1ba1e2;
  height: 100%;
}
.metro .progress-bar.small {
  height: 5px;
}
.metro .progress-bar.large {
  height: 15px;
}
.metro .calendar {
  width: 250px;
  border: 1px #eeeeee solid;
  font-size: 10pt;
}
.metro .calendar table {
  width: 100%;
  border-collapse: collapse;
}
.metro .calendar td,
.metro .calendar th {
  padding: 0;
  width: 14.28%;
}
.metro .calendar td {
  border: 1px  solid;
  border-color: #e6f5fc;
}
.metro .calendar td:first-child {
  border-left: 0;
}
.metro .calendar td:last-child {
  border-right: 0;
}
.metro .calendar tr:last-child td {
  border-bottom: 0;
}
.metro .calendar .day-of-week {
  padding: 5px;
  cursor: default;
}
.metro .calendar a {
  display: block;
  padding: 5px;
}
.metro .calendar a:hover {
  background-color: #eeeeee;
  color: #1d1d1d;
}
.metro .calendar .calendar-header {
  background-color: #1ba1e2;
  color: #ffffff;
}
.metro .calendar .calendar-header td,
.metro .calendar .calendar-header th {
  border: 0 !important;
}
.metro .calendar .calendar-header td a,
.metro .calendar .calendar-header th a {
  color: #ffffff;
}
.metro .calendar .calendar-header td a:hover,
.metro .calendar .calendar-header th a:hover {
  background-color: #1ba1e2;
  color: #ffffff;
}
.metro .calendar .calendar-actions td,
.metro .calendar .calendar-actions th {
  padding: 10px;
}
.metro .calendar .today a {
  background-color: #a0e857;
  color: #1d1d1d;
}
.metro .calendar .today a:hover {
  background-color: #128023;
  color: #ffffff;
}
.metro .calendar .day a {
  display: block;
  position: relative;
  border: 2px transparent solid;
}
.metro .calendar .day a.selected {
  border: 4px #4390df solid;
  border-width: 1px;
}
.metro .calendar .day a.selected:after {
  position: absolute;
  display: block;
  border-top: 28px solid #4390df;
  border-left: 28px solid transparent;
  right: 0;
  content: "";
  top: 0;
  z-index: 101;
}
.metro .calendar .day a.selected:before {
  position: absolute;
  display: block;
  content: "\e003";
  color: #fff;
  right: 0;
  font-family: 'metroSysIcons';
  font-size: 9pt;
  font-weight: normal;
  z-index: 102;
  top: 0;
}
.metro .calendar .day a.selected:after {
  border-top-width: 12px;
  border-left-width: 12px;
}
.metro .calendar .day a.selected:before {
  font-size: 4pt;
}
.metro .calendar .month a,
.metro .calendar .year a {
  padding-top: 20px;
  padding-bottom: 20px;
}
.metro .calendar .other-day {
  display: block;
  text-align: center;
  color: #999999;
}
.metro .calendar-dropdown {
  border: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 3px 8px rgba(0, 0, 0, 0.2);
}
.metro.window-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1049;
}
.metro .window {
  border: 8px #6badf6 solid;
  position: relative;
  background-color: #ffffff;
  min-height: 200px;
  min-width: 200px;
  border-top: 0;
}
.metro .window .caption {
  position: absolute;
  top: 0;
  height: 32px;
  width: 100%;
  background-color: #6badf6;
  cursor: default;
  z-index: 2;
  border-top: 8px #6badf6 solid;
}
.metro .window .caption .icon {
  width: 16px;
  height: 16px;
  font-size: 16px;
  margin-top: 0;
  margin-left: 0px;
  margin-right: 5px;
  position: relative;
  float: left;
}
.metro .window .caption .title {
  font-size: 14px;
  margin-top: -2px;
  margin-left: 4px;
  position: relative;
  float: left;
}
.metro .window .caption .super-title {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 100%;
  text-align: center;
  z-index: 0;
}
.metro .window .content {
  position: relative;
  padding: 32px 0;
  width: auto;
  height: auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}
.metro .window .caption .btn-close,
.metro .window .caption .btn-min,
.metro .window .caption .btn-max {
  background-color: #c75050;
  color: #ffffff;
  position: absolute;
  top: -8px;
  right: 0;
  width: 48px;
  height: 24px;
  min-height: 24px;
  text-align: center;
  vertical-align: middle;
  font-family: 'Cambria_', 'PT Serif Caption', Verdana, Arial, Helvetica, sans-serif;
  font-size: 16pt;
  font-weight: normal;
  padding: 0 0 10px 0;
  z-index: 3;
  outline: none;
}
.metro .window .caption .btn-close:hover,
.metro .window .caption .btn-min:hover,
.metro .window .caption .btn-max:hover {
  background-color: #e04343;
}
.metro .window .caption .btn-close:active,
.metro .window .caption .btn-min:active,
.metro .window .caption .btn-max:active {
  background-color: #b01919 !important;
  top: -8px;
  right: 0;
  left: auto;
}
.metro .window .caption .btn-close:after,
.metro .window .caption .btn-min:after,
.metro .window .caption .btn-max:after {
  content: '\D7';
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -0.3em;
}
.metro .window .caption .btn-min,
.metro .window .caption .btn-max {
  background-color: transparent;
  color: #000;
  right: 75px;
  width: 24px;
  padding-bottom: 10px;
  font-weight: bold;
}
.metro .window .caption .btn-min:hover,
.metro .window .caption .btn-max:hover {
  background-color: #1b6eae;
  color: #ffffff;
}
.metro .window .caption .btn-min:hover:after,
.metro .window .caption .btn-max:hover:after {
  border-color: #fff;
}
.metro .window .caption .btn-min:active,
.metro .window .caption .btn-max:active {
  background-color: #1e7cc4 !important;
  color: #ffffff;
  top: -8px;
  right: 75px;
  left: auto;
}
.metro .window .caption .btn-min:after,
.metro .window .caption .btn-max:after {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  border: 0px #000 solid;
  border-bottom-width: 2px;
  content: ' ';
  bottom: 6px;
  left: 50%;
  margin-left: -6px;
  top: auto;
}
.metro .window .caption .btn-max {
  right: 50px;
}
.metro .window .caption .btn-max:active {
  right: 50px;
}
.metro .window .caption .btn-max:after {
  height: 6px;
  border: 1px #000 solid;
  border-top-width: 2px;
}
.metro .window.inactive {
  border-color: #ebebeb;
}
.metro .window.inactive .caption {
  background-color: #ebebeb;
  border-top: 8px #ebebeb solid;
}
.metro .window.inactive .content {
  border-color: #ebebeb;
}
.metro .window.inactive .btn-close {
  background-color: #bcbcbc;
}
.metro .window.flat {
  background-color: #ffffff;
  border: 1px #e9e9e9 solid;
}
.metro .window.flat .caption {
  height: 32px;
  background-color: #ffffff;
  padding: 7px 5px;
  border-bottom: 1px #e9e9e9 solid;
  border-top: 0;
}
.metro .window.flat .caption .btn-close,
.metro .window.flat .caption .btn-min,
.metro .window.flat .caption .btn-max {
  background-color: #ffffff;
  color: #777777;
  width: 24px;
  top: 4px;
  right: 4px;
}
.metro .window.flat .caption .btn-close:hover,
.metro .window.flat .caption .btn-min:hover,
.metro .window.flat .caption .btn-max:hover {
  background-color: #cde6f7;
  color: #2a8dd4;
}
.metro .window.flat .caption .btn-close:hover:after,
.metro .window.flat .caption .btn-min:hover:after,
.metro .window.flat .caption .btn-max:hover:after {
  border-color: #2a8dd4;
}
.metro .window.flat .caption .btn-close:active,
.metro .window.flat .caption .btn-min:active,
.metro .window.flat .caption .btn-max:active {
  background-color: #92c0e0 !important;
  color: #ffffff !important;
}
.metro .window.flat .caption .btn-close:after,
.metro .window.flat .caption .btn-min:after,
.metro .window.flat .caption .btn-max:after {
  border-color: #777777;
  width: 10px !important;
  height: 6px !important;
}
.metro .window.flat .caption .btn-max {
  right: 29px;
}
.metro .window.flat .caption .btn-min {
  right: 54px;
}
.metro .window.flat .caption .btn-close:after {
  margin-top: 2px;
}
.metro .window.flat .content {
  padding-top: 38px;
}
.metro p [data-hint] {
  border-bottom: 1px #373737 dotted;
  white-space: nowrap;
}
.metro .hint {
  position: fixed;
  color: #1d1d1d;
  padding: 10px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  width: auto;
  max-width: 220px;
  margin-top: 10px;
  z-index: 11030;
  display: none;
  border: 1px solid;
  border-color: #1a1a1a;
  	-webkit-box-shadow: 0 4px 20px rgba(0,0,0, 0.7);   
	-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7);
}
.metro .hint .hint-title,
.metro .hint .hint-text {
  color: inherit;
  text-align: left;
}
.metro .hint .hint-title {
  font-size: 1.2em;
  font-weight: bold;
}
.metro .hint:before,
.metro .hint:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
}
.metro .hint:before {
  z-index: 2;
}
.metro .hint:after {
  z-index: 1;
  border-color: inherit;
}
.metro .hint.bottom:before,
.metro .hint.bottom:after {
  top: 1px;
  left: 5px;
  margin: -10px 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #fffcc0;
}
.metro .hint.bottom:after {
  top: 0;
  border-bottom: 10px solid;
}
.metro .hint.top:before,
.metro .hint.top:after {
  top: 100%;
  margin-top: -1px;
  left: 5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #fffcc0;
}
.metro .hint.top:after {
  margin-top: 1px;
  border-top: 10px solid;
}
.metro .hint.left:before,
.metro .hint.left:after {
  top: 5px;
  left: 100%;
  margin-left: -1px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid #fffcc0;
}
.metro .hint.left:after {
  margin-left: 0;
  border-left: 10px solid;
}
.metro .hint.right:before,
.metro .hint.right:after {
  top: 5px;
  left: -9px;
  margin: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid #fffcc0;
}
.metro .hint.right:after {
  left: -10px;
  border-right: 10px solid;
}

.metro.notify-container {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1060;
}
.metro.notify-container .notify {
  background-color: #ffffff;
  display: block;
  position: relative;
  min-width: 220px;
  font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  color: #1d1d1d;
  padding: 10px;
  margin: 2px 2px 2px 0;
}
.metro.notify-container .notify .caption {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 5px;
}
.metro.notify-container .notify .content {
  font-size: 14px;
  line-height: 16px;
}
.metro .notify-wrapper {
  position: relative;
  background-color: #1d1d1d;
  width: auto;
  height: auto;
  min-width: 250px;
  color: #ffffff;
}
@font-face {
  font-family: 'metroSysIcons';
  src: url('../fonts/metroSysIcons.woff') format('woff'), url('../fonts/metroSysIcons.ttf') format('truetype'), url('../fonts/metroSysIcons.svg#metroSysIcons') format('svg');
  font-weight: normal;
  font-style: normal;
}
.metro .label {
  display: inline-block;
  padding: 3px 5px;
  margin: 0;
  font-size: 90%;
  font-weight: normal !important;
  line-height: 90%;
  background: #eeeeee;
  color: #555555;
  font-weight: bold;
}
.metro .label.alert,
.metro .label.error {
  background-color: #e51400;
  color: #ffffff;
}
.metro .label.important,
.metro .label.warning {
  background-color: #fa6800;
  color: #ffffff;
}
.metro .label.success {
  background-color: #128023;
  color: #ffffff;
}
.metro .label.info {
  background-color: #1ba1e2;
  color: #ffffff;
}
.metro hr {
  height: 1px;
  margin: 20px 0;
  border: 0;
  color: #eeeeee;
  background-color: #eeeeee;
}
.metro .bg-black {
  background-color: #000000 !important;
}
.metro .bg-white {
  background-color: #ffffff !important;
}
.metro .bg-lime {
  background-color: #a4c400 !important;
}
.metro .bg-green {
  background-color: #60a917 !important;
}
.metro .bg-emerald {
  background-color: #008a00 !important;
}
.metro .bg-teal {
  background-color: #00aba9 !important;
}
.metro .bg-cyan {
  background-color: #1ba1e2 !important;
}
.metro .bg-cobalt {
  background-color: #0050ef !important;
}
.metro .bg-indigo {
  background-color: #6a00ff !important;
}
.metro .bg-violet {
  background-color: #aa00ff !important;
}
.metro .bg-pink {
  background-color: #dc4fad !important;
}
.metro .bg-magenta {
  background-color: #d80073 !important;
}
.metro .bg-crimson {
  background-color: #a20025 !important;
}
.metro .bg-red {
  background-color: #e51400 !important;
}
.metro .bg-orange {
  background-color: #fa6800 !important;
}
.metro .bg-amber {
  background-color: #f0a30a !important;
}
.metro .bg-yellow {
  background-color: #e3c800 !important;
}
.metro .bg-brown {
  background-color: #825a2c !important;
}
.metro .bg-olive {
  background-color: #6d8764 !important;
}
.metro .bg-steel {
  background-color: #647687 !important;
}
.metro .bg-mauve {
  background-color: #76608a !important;
}
.metro .bg-taupe {
  background-color: #87794e !important;
}
.metro .bg-gray {
  background-color: #555555 !important;
}
.metro .bg-dark {
  background-color: #333333 !important;
}
.metro .bg-darker {
  background-color: #222222 !important;
}
.metro .bg-transparent {
  background-color: transparent !important;
}
.metro .bg-darkBrown {
  background-color: #63362f !important;
}
.metro .bg-darkCrimson {
  background-color: #640024 !important;
}
.metro .bg-darkMagenta {
  background-color: #81003c !important;
}
.metro .bg-darkIndigo {
  background-color: #4b0096 !important;
}
.metro .bg-darkCyan {
  background-color: #1b6eae !important;
}
.metro .bg-darkCobalt {
  background-color: #00356a !important;
}
.metro .bg-darkTeal {
  background-color: #004050 !important;
}
.metro .bg-darkEmerald {
  background-color: #003e00 !important;
}
.metro .bg-darkGreen {
  background-color: #128023 !important;
}
.metro .bg-darkOrange {
  background-color: #bf5a15 !important;
}
.metro .bg-darkRed {
  background-color: #9a1616 !important;
}
.metro .bg-darkPink {
  background-color: #9a165a !important;
}
.metro .bg-darkViolet {
  background-color: #57169a !important;
}
.metro .bg-darkBlue {
  background-color: #16499a !important;
}
.metro .bg-lightBlue {
  background-color: #4390df !important;
}
.metro .bg-lightRed {
  background-color: #ff2d19 !important;
}
.metro .bg-lightGreen {
  background-color: #7ad61d !important;
}
.metro .bg-lighterBlue {
  background-color: #00ccff !important;
}
.metro .bg-lightTeal {
  background-color: #45fffd !important;
}
.metro .bg-lightOlive {
  background-color: #78aa1c !important;
}
.metro .bg-lightOrange {
  background-color: #c29008 !important;
}
.metro .bg-lightPink {
  background-color: #f472d0 !important;
}
.metro .bg-grayDark {
  background-color: #333333 !important;
}
.metro .bg-grayDarker {
  background-color: #222222 !important;
}
.metro .bg-grayLight {
  background-color: #999999 !important;
}
.metro .bg-grayLighter {
  background-color: #eeeeee !important;
}
.metro .bg-blue {
  background-color: #00aff0 !important;
}
.metro .fg-black {
  color: #000000 !important;
}
.metro .fg-white {
  color: #ffffff !important;
}
.metro .fg-lime {
  color: #a4c400 !important;
}
.metro .fg-green {
  color: #60a917 !important;
}
.metro .fg-emerald {
  color: #008a00 !important;
}
.metro .fg-teal {
  color: #00aba9 !important;
}
.metro .fg-cyan {
  color: #1ba1e2 !important;
}
.metro .fg-cobalt {
  color: #0050ef !important;
}
.metro .fg-indigo {
  color: #6a00ff !important;
}
.metro .fg-violet {
  color: #aa00ff !important;
}
.metro .fg-pink {
  color: #dc4fad !important;
}
.metro .fg-magenta {
  color: #d80073 !important;
}
.metro .fg-crimson {
  color: #a20025 !important;
}
.metro .fg-red {
  color: #e51400 !important;
}
.metro .fg-orange {
  color: #fa6800 !important;
}
.metro .fg-amber {
  color: #f0a30a !important;
}
.metro .fg-yellow {
  color: #e3c800 !important;
}
.metro .fg-brown {
  color: #825a2c !important;
}
.metro .fg-olive {
  color: #6d8764 !important;
}
.metro .fg-steel {
  color: #647687 !important;
}
.metro .fg-mauve {
  color: #76608a !important;
}
.metro .fg-taupe {
  color: #87794e !important;
}
.metro .fg-gray {
  color: #555555 !important;
}
.metro .fg-light {
  color: #eeeeee !important;
}
.metro .fg-dark {
  color: #333333 !important;
}
.metro .fg-darker {
  color: #222222 !important;
}
.metro .fg-transparent {
  color: transparent !important;
}
.metro .fg-darkBrown {
  color: #63362f !important;
}
.metro .fg-darkCrimson {
  color: #640024 !important;
}
.metro .fg-darkMagenta {
  color: #81003c !important;
}
.metro .fg-darkIndigo {
  color: #4b0096 !important;
}
.metro .fg-darkCyan {
  color: #1b6eae !important;
}
.metro .fg-darkCobalt {
  color: #00356a !important;
}
.metro .fg-darkTeal {
  color: #004050 !important;
}
.metro .fg-darkEmerald {
  color: #003e00 !important;
}
.metro .fg-darkGreen {
  color: #128023 !important;
}
.metro .fg-darkOrange {
  color: #bf5a15 !important;
}
.metro .fg-darkRed {
  color: #9a1616 !important;
}
.metro .fg-darkPink {
  color: #9a165a !important;
}
.metro .fg-darkViolet {
  color: #57169a !important;
}
.metro .fg-darkBlue {
  color: #16499a !important;
}
.metro .fg-lightBlue {
  color: #4390df !important;
}
.metro .fg-lighterBlue {
  color: #00ccff !important;
}
.metro .fg-lightTeal {
  color: #45fffd !important;
}
.metro .fg-lightOlive {
  color: #78aa1c !important;
}
.metro .fg-lightOrange {
  color: #c29008 !important;
}
.metro .fg-lightPink {
  color: #f472d0 !important;
}
.metro .fg-lightRed {
  color: #ff2d19 !important;
}
.metro .fg-lightGreen {
  color: #7ad61d !important;
}
.metro .fg-grayDark {
  color: #333333 !important;
}
.metro .fg-grayDarker {
  color: #222222 !important;
}
.metro .fg-grayLight {
  color: #999999 !important;
}
.metro .fg-grayLighter {
  color: #eeeeee !important;
}
.metro .fg-blue {
  color: #00aff0 !important;
}
.metro .dataTable {
  clear: both;
}
.metro .dataTable thead .sorting_asc,
.metro .dataTable thead .sorting_desc,
.metro .dataTable thead .sorting_disabled,
.metro .dataTable thead .sorting {
  cursor: pointer;
  background-color:#4390df;  
  text-align: center;
  color: white;
  vertical-align: middle !important;
}
.metro .dataTable thead .sorting_asc:after,
.metro .dataTable thead .sorting_desc:after,
.metro .dataTable thead .sorting:after {
  font-family: metroSysIcons;
  /*position: relative;
  float: right;
  right: 0;  */
  position: absolute;
  right: 0px;
  top: 0px;
  color: #999999;
  display : none;  
}
.metro .dataTable tfoot td {
      background-color:#4390df; 
      color: white;
}
.metro .dataTable thead .sorting {
  cursor:s-resize
}
.metro .dataTable thead .sorting_asc {
  cursor:n-resize
}
.metro .dataTable thead .sorting_desc {
  cursor:s-resize
}
.metro .dataTable thead .sorting_asc:after,
.metro .dataTable thead .sorting_desc:after {
  color: #1d1d1d;
}
.metro .dataTables_wrapper .dataTables_filter label,
.metro .dataTables_wrapper .dataTables_length label {
  vertical-align: middle;
}
.metro .dataTables_wrapper .dataTables_filter input,
.metro .dataTables_wrapper .dataTables_length input,
.metro .dataTables_wrapper .dataTables_filter select,
.metro .dataTables_wrapper .dataTables_length select {
  border: 1px #d9d9d9 solid;
  width: auto;
  height: 100%;
  padding: 5px;
  z-index: 1;
  position: relative;
}
.metro .dataTables_wrapper .dataTables_filter input:focus,
.metro .dataTables_wrapper .dataTables_length input:focus,
.metro .dataTables_wrapper .dataTables_filter select:focus,
.metro .dataTables_wrapper .dataTables_length select:focus {
  outline: 0;
  border-color: #919191;
}
.metro .dataTables_wrapper .dataTables_length {
  float: left;
}
.metro .dataTables_wrapper .dataTables_length select {
  margin: 0 5px;
}
.metro .dataTables_wrapper .dataTables_filter {
  /*float: right;*/
  float: left;
}
.metro .dataTables_wrapper .dataTables_filter input {
  margin-left: 5px;
}
.metro .dataTables_wrapper .dataTables_paginate {
  /*float: right;*/
  float: left;
  text-align: right;
}
.metro .dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 4px 12px;
  text-align: center;
  vertical-align: middle !important;
  background-color: #d9d9d9;
  border: 1px transparent solid;
  color: #222222;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
  margin: auto;
  color: inherit;
  display: block;
  float: left;
  margin-right: 1px;
}
.metro .dataTables_wrapper .dataTables_paginate .paginate_button.default {
  background-color: #008287;
  color: #fff;
}
.metro .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
  outline: 0;
  border: 1px #353535 dotted;
}
.metro .dataTables_wrapper .dataTables_paginate .paginate_button:disabled,
.metro .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  background-color: #eaeaea !important;
  color: #bebebe !important;
  cursor: not-allowed !important;
}
.metro .dataTables_wrapper .dataTables_paginate .paginate_button * {
  color: inherit;
}
.metro .dataTables_wrapper .dataTables_paginate .paginate_button *:hover {
  color: inherit;
}
.metro .dataTables_wrapper .dataTables_paginate .paginate_button.primary {
  background-color: #16499a !important;
  color: #ffffff !important;
}
.metro .dataTables_wrapper .dataTables_paginate .paginate_button.info {
  background-color: #4390df !important;
  color: #ffffff !important;
}
.metro .dataTables_wrapper .dataTables_paginate .paginate_button.success {
  background-color: #60a917 !important;
  color: #ffffff !important;
}
.metro .dataTables_wrapper .dataTables_paginate .paginate_button.warning {
  background-color: #fa6800 !important;
  color: #ffffff !important;
}
.metro .dataTables_wrapper .dataTables_paginate .paginate_button.danger {
  background-color: #9a1616 !important;
  color: #ffffff !important;
}
.metro .dataTables_wrapper .dataTables_paginate .paginate_button.inverse {
  background-color: #1d1d1d !important;
  color: #ffffff !important;
}
.metro .dataTables_wrapper .dataTables_paginate .paginate_button.link {
  background-color: transparent !important;
  color: #2e92cf !important;
}
.metro .dataTables_wrapper .dataTables_paginate .paginate_button.link:hover {
  text-decoration: underline;
}
.metro .dataTables_wrapper .dataTables_paginate .paginate_button.link:disabled,
.metro .dataTables_wrapper .dataTables_paginate .paginate_button.link.disabled {
  background-color: transparent !important;
  color: #bebebe !important;
  cursor: not-allowed !important;
}
.metro .dataTables_wrapper .dataTables_paginate .paginate_button.link [class*="icon-"] {
  text-decoration: none !important;
}
.metro .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  background-color: #1d1d1d !important;
  color: #ffffff !important;
  border-color: transparent;
}
.metro .dataTables_wrapper .dataTables_paginate .paginate_button.large {
  padding: 11px 19px;
  font-size: 17.5px;
}
.metro .dataTables_wrapper .dataTables_paginate .paginate_button.small {
  padding: 2px 10px;
  font-size: 11.9px;
}
.metro .dataTables_wrapper .dataTables_paginate .paginate_button.mini {
  padding: 0px 6px;
  font-size: 10.5px;
}
.metro .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: #4390df;
  color: #ffffff;
}
.metro .dataTables_wrapper .dataTables_info {
  margin:5px;
  float: left;
  font-size: 1.2rem;
}
.metro .dataTables_wrapper .dataTables_scrollHeadInner table {
  margin: 0 !important;
}
.metro .dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -100px;
  margin-top: -2em;
  width: 200px;
  padding: 20px;
  text-align: center;
  font-size: 1.2rem;
  background-color: #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 3px 8px rgba(0, 0, 0, 0.2);
}
.metro .dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.metro .dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;

}

.metro .dataTable tbody tr.selected {
  background-color: #B0BED9;
}

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


.j:before, .v:before, .o:before {
  font-family: 'iconFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  text-decoration: inherit;
  line-height: 1;
  display: inline-block;
  vertical-align: -8%;
  -webkit-font-smoothing: antialiased;
  font-size: inherit;
  font-size: 1.2em;
  vertical-align: -15%;
}

.j:before{
  content: "\e134";
  color: #999999 !important;
}

.v:before{
  content: "\e079";
  color: #00aff0 !important;
}

.o:before{
  content: "\e134";
  color: #e51400 !important;
}

[data-icon]:before {
  font-family: 'iconFont';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.fn:before{
  font-family: 'iconFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  text-decoration: inherit;
  line-height: 1;
  display: inline-block;
  vertical-align: -8%;
  -webkit-font-smoothing: antialiased;
  font-size: inherit;
  content: "\e073";
  font-size: .9em;
  padding-top: 3px;
  padding-left: 3px;
  color:#aaa

}

.fy:before{
  font-family: 'iconFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  text-decoration: inherit;
  line-height: 1;
  display: inline-block;
  vertical-align: -8%;
  -webkit-font-smoothing: antialiased;
  font-size: inherit;
  content: "\e073";
  font-size: .9em;
  padding-top: 3px;
  padding-left: 3px;
  color:#229922;

}

[class*="icon-"] {
  font-family: 'iconFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  text-decoration: inherit;
  line-height: 1;
  display: inline-block;
  vertical-align: -8%;
  -webkit-font-smoothing: antialiased;
  font-size: inherit;
}
[class*="icon-"].smaller {
  font-size: .7em;
  vertical-align: 6%;
}
[class*="icon-"].large {
  font-size: 1.2em;
  vertical-align: -10%;
}
.icon-newspaper:before {
  content: "\e001";
}
.icon-pencil:before {
  content: "\e002";
}
.icon-droplet:before {
  content: "\e003";
}
.icon-pictures:before {
  content: "\e004";
}
.icon-camera:before {
  content: "\e005";
}
.icon-music:before {
  content: "\e006";
}
.icon-film:before {
  content: "\e007";
}
.icon-camera-2:before {
  content: "\e008";
}
.icon-spades:before {
  content: "\e009";
}
.icon-clubs:before {
  content: "\e00a";
}
.icon-diamonds:before {
  content: "\e00b";
}
.icon-broadcast:before {
  content: "\e00c";
}
.icon-mic:before {
  content: "\e00d";
}
.icon-book:before {
  content: "\e00e";
}
.icon-file:before {
  content: "\e00f";
}
.icon-new:before {
  content: "\e010";
}
.icon-copy:before {
  content: "\e011";
}
.icon-folder:before {
  content: "\e012";
}
.icon-folder-2:before {
  content: "\e013";
}
.icon-tag:before {
  content: "\e014";
}
.icon-cart:before {
  content: "\e015";
}
.icon-basket:before {
  content: "\e016";
}
.icon-calculate:before {
  content: "\e017";
}
.icon-support:before {
  content: "\e018";
}
.icon-phone:before {
  content: "\e019";
}
.icon-mail:before {
  content: "\e01a";
}
.icon-location:before {
  content: "\e01b";
}
.icon-compass:before {
  content: "\e01c";
}
.icon-history:before {
  content: "\e01d";
}
.icon-clock:before {
  content: "\e01e";
}
.icon-bell:before {
  content: "\e01f";
}
.icon-calendar:before {
  content: "\e020";
}
.icon-printer:before {
  content: "\e021";
}
.icon-mouse:before {
  content: "\e022";
}
.icon-screen:before {
  content: "\e023";
}
.icon-laptop:before {
  content: "\e024";
}
.icon-mobile:before {
  content: "\e025";
}
.icon-cabinet:before {
  content: "\e026";
}
.icon-drawer:before {
  content: "\e027";
}
.icon-drawer-2:before {
  content: "\e028";
}
.icon-box:before {
  content: "\e029";
}
.icon-box-add:before {
  content: "\e02a";
}
.icon-box-remove:before {
  content: "\e02b";
}
.icon-download:before {
  content: "\e02c";
}
.icon-upload:before {
  content: "\e02d";
}
.icon-database:before {
  content: "\e02e";
}
.icon-flip:before {
  content: "\e02f";
}
.icon-flip-2:before {
  content: "\e030";
}
.icon-undo:before {
  content: "\e031";
}
.icon-redo:before {
  content: "\e032";
}
.icon-forward:before {
  content: "\e033";
}
.icon-reply:before {
  content: "\e034";
}
.icon-reply-2:before {
  content: "\e035";
}
.icon-comments:before {
  content: "\e036";
}
.icon-comments-2:before {
  content: "\e037";
}
.icon-comments-3:before {
  content: "\e038";
}
.icon-comments-4:before {
  content: "\e039";
}
.icon-comments-5:before {
  content: "\e03a";
}
.icon-user:before {
  content: "\e03b";
}
.icon-user-2:before {
  content: "\e03c";
}
.icon-user-3:before {
  content: "\e03d";
}
.icon-busy:before {
  content: "\e03e";
}
.icon-loading:before {
  content: "\e03f";
}
.icon-loading-2:before {
  content: "\e040";
}
.icon-search:before {
  content: "\e041";
}
.icon-zoom-in:before {
  content: "\e042";
}
.icon-zoom-out:before {
  content: "\e043";
}
.icon-key:before {
  content: "\e044";
}
.icon-key-2:before {
  content: "\e045";
}
.icon-locked:before {
  content: "\e046";
}
.icon-unlocked:before {
  content: "\e047";
}
.icon-wrench:before {
  content: "\e048";
}
.icon-equalizer:before {
  content: "\e049";
}
.icon-cog:before {
  content: "\e04a";
}
.icon-pie:before {
  content: "\e04b";
}
.icon-bars:before {
  content: "\e04c";
}
.icon-stats-up:before {
  content: "\e04d";
}
.icon-gift:before {
  content: "\e04e";
}
.icon-trophy:before {
  content: "\e04f";
}
.icon-diamond:before {
  content: "\e050";
}
.icon-coffee:before {
  content: "\e051";
}
.icon-rocket:before {
  content: "\e052";
}
.icon-meter-slow:before {
  content: "\e053";
}
.icon-meter-medium:before {
  content: "\e054";
}
.icon-meter-fast:before {
  content: "\e055";
}
.icon-dashboard:before {
  content: "\e056";
}
.icon-fire:before {
  content: "\e057";
}
.icon-lab:before {
  content: "\e058";
}
.icon-remove:before {
  content: "\e059";
}
.icon-briefcase:before {
  content: "\e05a";
}
.icon-briefcase-2:before {
  content: "\e05b";
}
.icon-cars:before {
  content: "\e05c";
}
.icon-bus:before {
  content: "\e05d";
}
.icon-cube:before {
  content: "\e05e";
}
.icon-cube-2:before {
  content: "\e05f";
}
.icon-puzzle:before {
  content: "\e060";
}
.icon-glasses:before {
  content: "\e061";
}
.icon-glasses-2:before {
  content: "\e062";
}
.icon-accessibility:before {
  content: "\e063";
}
.icon-accessibility-2:before {
  content: "\e064";
}
.icon-target:before {
  content: "\e065";
}
.icon-target-2:before {
  content: "\e066";
}
.icon-lightning:before {
  content: "\e067";
}
.icon-power:before {
  content: "\e068";
}
.icon-power-2:before {
  content: "\e069";
}
.icon-clipboard:before {
  content: "\e06a";
}
.icon-clipboard-2:before {
  content: "\e06b";
}
.icon-playlist:before {
  content: "\e06c";
}
.icon-grid-view:before {
  content: "\e06d";
}
.icon-tree-view:before {
  content: "\e06e";
}
.icon-cloud:before {
  content: "\e06f";
}
.icon-cloud-2:before {
  content: "\e070";
}
.icon-download-2:before {
  content: "\e071";
}
.icon-upload-2:before {
  content: "\e072";
}
.icon-upload-3:before {
  content: "\e073";
}
.icon-link:before {
  content: "\e074";
}
.icon-link-2:before {
  content: "\e075";
}
.icon-flag:before {
  content: "\e076";
}
.icon-flag-2:before {
  content: "\e077";
}
.icon-attachment:before {
  content: "\e078";
}
.icon-eye:before {
  content: "\e079";
}
.icon-bookmark:before {
  content: "\e07a";
}
.icon-bookmark-2:before {
  content: "\e07b";
}
.icon-star:before {
  content: "\e07c";
}
.icon-star-2:before {
  content: "\e07d";
}
.icon-star-3:before {
  content: "\e07e";
}
.icon-heart:before {
  content: "\e07f";
}
.icon-heart-2:before {
  content: "\e080";
}
.icon-thumbs-up:before {
  content: "\e081";
}
.icon-thumbs-down:before {
  content: "\e082";
}
.icon-plus:before {
  content: "\e083";
}
.icon-minus:before {
  content: "\e084";
}
.icon-help:before {
  content: "\e085";
}
.icon-help-2:before {
  content: "\e086";
}
.icon-blocked:before {
  content: "\e087";
}
.icon-cancel:before {
  content: "\e088";
}
.icon-cancel-2:before {
  content: "\e089";
}
.icon-checkmark:before {
  content: "\e08a";
}
.icon-minus-2:before {
  content: "\e08b";
}
.icon-plus-2:before {
  content: "\e08c";
}
.icon-enter:before {
  content: "\e08d";
}
.icon-exit:before {
  content: "\e08e";
}
.icon-loop:before {
  content: "\e08f";
}
.icon-arrow-up-left:before {
  content: "\e090";
}
.icon-arrow-up:before {
  content: "\e091";
}
.icon-arrow-up-right:before {
  content: "\e092";
}
.icon-arrow-right:before {
  content: "\e093";
}
.icon-arrow-down-right:before {
  content: "\e094";
}
.icon-arrow-down:before {
  content: "\e095";
}
.icon-arrow-down-left:before {
  content: "\e096";
}
.icon-arrow-left:before {
  content: "\e097";
}
.icon-arrow-up-2:before {
  content: "\e098";
}
.icon-arrow-right-2:before {
  content: "\e099";
}
.icon-arrow-down-2:before {
  content: "\e09a";
}
.icon-arrow-left-2:before {
  content: "\e09b";
}
.icon-arrow-up-3:before {
  content: "\e09c";
}
.icon-arrow-right-3:before {
  content: "\e09d";
}
.icon-arrow-down-3:before {
  content: "\e09e";
}
.icon-arrow-left-3:before {
  content: "\e09f";
}
.icon-menu:before {
  content: "\e0a0";
}
.icon-enter-2:before {
  content: "\e0a1";
}
.icon-backspace:before {
  content: "\e0a2";
}
.icon-backspace-2:before {
  content: "\e0a3";
}
.icon-tab:before {
  content: "\e0a4";
}
.icon-tab-2:before {
  content: "\e0a5";
}
.icon-checkbox:before {
  content: "\e0a6";
}
.icon-checkbox-unchecked:before {
  content: "\e0a7";
}
.icon-checkbox-partial:before {
  content: "\e0a8";
}
.icon-radio-checked:before {
  content: "\e0a9";
}
.icon-radio-unchecked:before {
  content: "\e0aa";
}
.icon-font:before {
  content: "\e0ab";
}
.icon-paragraph-left:before {
  content: "\e0ac";
}
.icon-paragraph-center:before {
  content: "\e0ad";
}
.icon-paragraph-right:before {
  content: "\e0ae";
}
.icon-paragraph-justify:before {
  content: "\e0af";
}
.icon-left-to-right:before {
  content: "\e0b0";
}
.icon-right-to-left:before {
  content: "\e0b1";
}
.icon-share:before {
  content: "\e0b2";
}
.icon-new-tab:before {
  content: "\e0b3";
}
.icon-new-tab-2:before {
  content: "\e0b4";
}
.icon-embed:before {
  content: "\e0b5";
}
.icon-code:before {
  content: "\e0b6";
}
.icon-bluetooth:before {
  content: "\e0b7";
}
.icon-share-2:before {
  content: "\e0b8";
}
.icon-share-3:before {
  content: "\e0b9";
}
.icon-mail-2:before {
  content: "\e0ba";
}
.icon-google:before {
  content: "\e0bb";
}
.icon-google-plus:before {
  content: "\e0bc";
}
.icon-google-drive:before {
  content: "\e0bd";
}
.icon-facebook:before {
  content: "\e0be";
}
.icon-instagram:before {
  content: "\e0bf";
}
.icon-twitter:before {
  content: "\e0c0";
}
.icon-feed:before {
  content: "\e0c1";
}
.icon-youtube:before {
  content: "\e0c2";
}
.icon-vimeo:before {
  content: "\e0c3";
}
.icon-flickr:before {
  content: "\e0c4";
}
.icon-picassa:before {
  content: "\e0c5";
}
.icon-dribbble:before {
  content: "\e0c6";
}
.icon-deviantart:before {
  content: "\e0c7";
}
.icon-github:before {
  content: "\e0c8";
}
.icon-github-2:before {
  content: "\e0c9";
}
.icon-github-3:before {
  content: "\e0ca";
}
.icon-github-4:before {
  content: "\e0cb";
}
.icon-github-5:before {
  content: "\e0cc";
}
.icon-git:before {
  content: "\e0cd";
}
.icon-github-6:before {
  content: "\e0ce";
}
.icon-wordpress:before {
  content: "\e0cf";
}
.icon-joomla:before {
  content: "\e0d0";
}
.icon-blogger:before {
  content: "\e0d1";
}
.icon-tumblr:before {
  content: "\e0d2";
}
.icon-yahoo:before {
  content: "\e0d3";
}
.icon-amazon:before {
  content: "\e0d4";
}
.icon-tux:before {
  content: "\e0d5";
}
.icon-apple:before {
  content: "\e0d6";
}
.icon-finder:before {
  content: "\e0d7";
}
.icon-android:before {
  content: "\e0d8";
}
.icon-windows:before {
  content: "\e0d9";
}
.icon-soundcloud:before {
  content: "\e0da";
}
.icon-skype:before {
  content: "\e0db";
}
.icon-reddit:before {
  content: "\e0dc";
}
.icon-linkedin:before {
  content: "\e0dd";
}
.icon-lastfm:before {
  content: "\e0de";
}
.icon-delicious:before {
  content: "\e0df";
}
.icon-stumbleupon:before {
  content: "\e0e0";
}
.icon-pinterest:before {
  content: "\e0e1";
}
.icon-xing:before {
  content: "\e0e2";
}
.icon-flattr:before {
  content: "\e0e3";
}
.icon-foursquare:before {
  content: "\e0e4";
}
.icon-paypal:before {
  content: "\e0e5";
}
.icon-yelp:before {
  content: "\e0e6";
}
.icon-libreoffice:before {
  content: "\e0e7";
}
.icon-file-pdf:before {
  content: "\e0e8";
}
.icon-file-openoffice:before {
  content: "\e0e9";
}
.icon-file-word:before {
  content: "\e0ea";
}
.icon-file-excel:before {
  content: "\e0eb";
}
.icon-file-powerpoint:before {
  content: "\e0ec";
}
.icon-file-zip:before {
  content: "\e0ed";
}
.icon-file-xml:before {
  content: "\e0ee";
}
.icon-file-css:before {
  content: "\e0ef";
}
.icon-html5:before {
  content: "\e0f0";
}
.icon-html5-2:before {
  content: "\e0f1";
}
.icon-css3:before {
  content: "\e0f2";
}
.icon-chrome:before {
  content: "\e0f3";
}
.icon-firefox:before {
  content: "\e0f4";
}
.icon-IE:before {
  content: "\e0f5";
}
.icon-opera:before {
  content: "\e0f6";
}
.icon-safari:before {
  content: "\e0f7";
}
.icon-IcoMoon:before {
  content: "\e0f8";
}
.icon-sunrise:before {
  content: "\e0f9";
}
.icon-sun:before {
  content: "\e0fa";
}
.icon-moon:before {
  content: "\e0fb";
}
.icon-sun-2:before {
  content: "\e0fc";
}
.icon-windy:before {
  content: "\e0fd";
}
.icon-wind:before {
  content: "\e0fe";
}
.icon-snowflake:before {
  content: "\e0ff";
}
.icon-cloudy:before {
  content: "\e100";
}
.icon-cloud-3:before {
  content: "\e101";
}
.icon-weather:before {
  content: "\e102";
}
.icon-weather-2:before {
  content: "\e103";
}
.icon-weather-3:before {
  content: "\e104";
}
.icon-lines:before {
  content: "\e105";
}
.icon-cloud-4:before {
  content: "\e106";
}
.icon-lightning-2:before {
  content: "\e107";
}
.icon-lightning-3:before {
  content: "\e108";
}
.icon-rainy:before {
  content: "\e109";
}
.icon-rainy-2:before {
  content: "\e10a";
}
.icon-windy-2:before {
  content: "\e10b";
}
.icon-windy-3:before {
  content: "\e10c";
}
.icon-snowy:before {
  content: "\e10d";
}
.icon-snowy-2:before {
  content: "\e10e";
}
.icon-snowy-3:before {
  content: "\e10f";
}
.icon-weather-4:before {
  content: "\e110";
}
.icon-cloudy-2:before {
  content: "\e111";
}
.icon-cloud-5:before {
  content: "\e112";
}
.icon-lightning-4:before {
  content: "\e113";
}
.icon-sun-3:before {
  content: "\e114";
}
.icon-moon-2:before {
  content: "\e115";
}
.icon-cloudy-3:before {
  content: "\e116";
}
.icon-cloud-6:before {
  content: "\e117";
}
.icon-cloud-7:before {
  content: "\e118";
}
.icon-lightning-5:before {
  content: "\e119";
}
.icon-rainy-3:before {
  content: "\e11a";
}
.icon-rainy-4:before {
  content: "\e11b";
}
.icon-windy-4:before {
  content: "\e11c";
}
.icon-windy-5:before {
  content: "\e11d";
}
.icon-snowy-4:before {
  content: "\e11e";
}
.icon-snowy-5:before {
  content: "\e11f";
}
.icon-weather-5:before {
  content: "\e120";
}
.icon-cloudy-4:before {
  content: "\e121";
}
.icon-lightning-6:before {
  content: "\e122";
}
.icon-thermometer:before {
  content: "\e123";
}
.icon-compass-2:before {
  content: "\e124";
}
.icon-none:before {
  content: "\e125";
}
.icon-Celsius:before {
  content: "\e126";
}
.icon-Fahrenheit:before {
  content: "\e127";
}
.icon-forrst:before {
  content: "\e128";
}
.icon-headphones:before {
  content: "\e129";
}
.icon-bug:before {
  content: "\e12a";
}
.icon-cart-2:before {
  content: "\e12b";
}
.icon-earth:before {
  content: "\e12c";
}
.icon-battery:before {
  content: "\e12d";
}
.icon-list:before {
  content: "\e12e";
}
.icon-grid:before {
  content: "\e12f";
}
.icon-alarm:before {
  content: "\e130";
}
.icon-location-2:before {
  content: "\e131";
}
.icon-pointer:before {
  content: "\e132";
}
.icon-diary:before {
  content: "\e133";
}
.icon-eye-2:before {
  content: "\e134";
}
.icon-console:before {
  content: "\e135";
}
.icon-location-3:before {
  content: "\e136";
}
.icon-move:before {
  content: "\e137";
}
.icon-gift-2:before {
  content: "\e138";
}
.icon-monitor:before {
  content: "\e139";
}
.icon-mobile-2:before {
  content: "\e13a";
}
.icon-switch:before {
  content: "\e13b";
}
.icon-star-4:before {
  content: "\e13c";
}
.icon-address-book:before {
  content: "\e13d";
}
.icon-shit:before {
  content: "\e13e";
}
.icon-cone:before {
  content: "\e13f";
}
.icon-credit-card:before {
  content: "\e140";
}
.icon-type:before {
  content: "\e141";
}
.icon-volume:before {
  content: "\e142";
}
.icon-volume-2:before {
  content: "\e143";
}
.icon-locked-2:before {
  content: "\e144";
}
.icon-warning:before {
  content: "\e145";
}
.icon-info:before {
  content: "\e146";
}
.icon-filter:before {
  content: "\e147";
}
.icon-bookmark-3:before {
  content: "\e148";
}
.icon-bookmark-4:before {
  content: "\e149";
}
.icon-stats:before {
  content: "\e14a";
}
.icon-compass-3:before {
  content: "\e14b";
}
.icon-keyboard:before {
  content: "\e14c";
}
.icon-award-fill:before {
  content: "\e14d";
}
.icon-award-stroke:before {
  content: "\e14e";
}
.icon-beaker-alt:before {
  content: "\e14f";
}
.icon-beaker:before {
  content: "\e150";
}
.icon-move-vertical:before {
  content: "\e151";
}
.icon-move-horizontal:before {
  content: "\e152";
}
.icon-steering-wheel:before {
  content: "\e153";
}
.icon-volume-3:before {
  content: "\e154";
}
.icon-volume-mute:before {
  content: "\e155";
}
.icon-play:before {
  content: "\e156";
}
.icon-pause:before {
  content: "\e157";
}
.icon-stop:before {
  content: "\e158";
}
.icon-eject:before {
  content: "\e159";
}
.icon-first:before {
  content: "\e15a";
}
.icon-last:before {
  content: "\e15b";
}
.icon-play-alt:before {
  content: "\e15c";
}
.icon-battery-charging:before {
  content: "\e160";
}
.icon-left-quote:before {
  content: "\e161";
}
.icon-right-quote:before {
  content: "\e162";
}
.icon-left-quote-alt:before {
  content: "\e163";
}
.icon-right-quote-alt:before {
  content: "\e164";
}
.icon-smiley:before {
  content: "\e165";
}
.icon-umbrella:before {
  content: "\e166";
}
.icon-info-2:before {
  content: "\e167";
}
.icon-chart-alt:before {
  content: "\e168";
}
.icon-at:before {
  content: "\e169";
}
.icon-hash:before {
  content: "\e16a";
}
.icon-pilcrow:before {
  content: "\e16b";
}
.icon-fullscreen-alt:before {
  content: "\e16c";
}
.icon-fullscreen-exit-alt:before {
  content: "\e16d";
}
.icon-layers-alt:before {
  content: "\e16e";
}
.icon-layers:before {
  content: "\e16f";
}
.icon-floppy:before {
  content: "\e170";
}
.icon-rainbow:before {
  content: "\e000";
}
.icon-air:before {
  content: "\e171";
}
.icon-home:before {
  content: "\e172";
}
.icon-spin:before {
  content: "\e173";
}
.icon-auction:before {
  content: "\e174";
}
.icon-dollar:before {
  content: "\e175";
}
.icon-dollar-2:before {
  content: "\e176";
}
.icon-coins:before {
  content: "\e177";
}
.icon-file-2:before {
  content: "\e186";
}
.icon-file-3:before {
  content: "\e187";
}
.icon-file-4:before {
  content: "\e188";
}
.icon-files:before {
  content: "\e189";
}
.icon-phone-2:before {
  content: "\e18a";
}
.icon-tablet:before {
  content: "\e18b";
}
.icon-monitor-2:before {
  content: "\e18c";
}
.icon-window:before {
  content: "\e18d";
}
.icon-tv:before {
  content: "\e18e";
}
.icon-camera-3:before {
  content: "\e18f";
}
.icon-image:before {
  content: "\e190";
}
.icon-open:before {
  content: "\e191";
}
.icon-sale:before {
  content: "\e192";
}
.icon-direction:before {
  content: "\e193";
}
.icon-medal:before {
  content: "\e194";
}
.icon-medal-2:before {
  content: "\e195";
}
.icon-satellite:before {
  content: "\e196";
}
.icon-discout:before {
  content: "\e197";
}
.icon-barcode:before {
  content: "\e198";
}
.icon-ticket:before {
  content: "\e199";
}
.icon-shipping:before {
  content: "\e19a";
}
.icon-globe:before {
  content: "\e19b";
}
.icon-anchor:before {
  content: "\e19c";
}
.icon-pop-out:before {
  content: "\e19d";
}
.icon-pop-in:before {
  content: "\e19e";
}
.icon-resize:before {
  content: "\e178";
}
.icon-battery-2:before {
  content: "\e179";
}
.icon-battery-3:before {
  content: "\e17a";
}
.icon-battery-4:before {
  content: "\e17b";
}
.icon-battery-5:before {
  content: "\e17c";
}
.icon-tools:before {
  content: "\e17d";
}
.icon-alarm-2:before {
  content: "\e17e";
}
.icon-alarm-cancel:before {
  content: "\e17f";
}
.icon-alarm-clock:before {
  content: "\e180";
}
.icon-chronometer:before {
  content: "\e181";
}
.icon-ruler:before {
  content: "\e182";
}
.icon-lamp:before {
  content: "\e183";
}
.icon-lamp-2:before {
  content: "\e184";
}
.icon-scissors:before {
  content: "\e185";
}
.icon-volume-4:before {
  content: "\e19f";
}
.icon-volume-5:before {
  content: "\e1a0";
}
.icon-volume-6:before {
  content: "\e1a1";
}
.icon-battery-full:before {
  content: "\e15f";
}
.icon-battery-empty:before {
  content: "\e15d";
}
.icon-battery-half:before {
  content: "\e15e";
}
.icon-zip:before {
  content: "\e1a2";
}
.icon-zip-2:before {
  content: "\e1a3";
}
.icon-play-2:before {
  content: "\e1a4";
}
.icon-pause-2:before {
  content: "\e1a5";
}
.icon-record:before {
  content: "\e1a6";
}
.icon-stop-2:before {
  content: "\e1a7";
}
.icon-next:before {
  content: "\e1a8";
}
.icon-previous:before {
  content: "\e1a9";
}
.icon-first-2:before {
  content: "\e1aa";
}
.icon-last-2:before {
  content: "\e1ab";
}
.icon-arrow-left-4:before {
  content: "\e1ac";
}
.icon-arrow-down-4:before {
  content: "\e1ad";
}
.icon-arrow-up-4:before {
  content: "\e1ae";
}
.icon-arrow-right-4:before {
  content: "\e1af";
}
.icon-arrow-left-5:before {
  content: "\e1b0";
}
.icon-arrow-down-5:before {
  content: "\e1b1";
}
.icon-arrow-up-5:before {
  content: "\e1b2";
}
.icon-arrow-right-5:before {
  content: "\e1b3";
}
.icon-cc:before {
  content: "\e1b4";
}
.icon-cc-by:before {
  content: "\e1b5";
}
.icon-cc-nc:before {
  content: "\e1b6";
}
.icon-cc-nc-eu:before {
  content: "\e1b7";
}
.icon-cc-nc-jp:before {
  content: "\e1b8";
}
.icon-cc-sa:before {
  content: "\e1b9";
}
.icon-cc-nd:before {
  content: "\e1ba";
}
.icon-cc-pd:before {
  content: "\e1bb";
}
.icon-cc-zero:before {
  content: "\e1bc";
}
.icon-cc-share:before {
  content: "\e1bd";
}
.icon-cc-share-2:before {
  content: "\e1be";
}
.icon-cycle:before {
  content: "\e1bf";
}
.icon-stop-3:before {
  content: "\e1c0";
}
.icon-stats-2:before {
  content: "\e1c1";
}
.icon-stats-3:before {
  content: "\e1c2";
}

/* SELECT2 */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: .3125rem 0;
  position: relative;
  vertical-align: middle;
  height: 22px;
  border-color:#222222;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 1.301rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 1.301rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 998;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
}
.select2-container .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 0;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 2;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #eeeeee;
  border: 1px solid #999999;
  color: #1d1d1d;
  font-size: .875rem;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
  vertical-align: middle;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--focus .select2-selection--single {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container input {
  outline: none;
}
.select2-container .select2-search.select2-search--inline input {
  margin-top: 7px;
  padding: 0;
}
.input-control .select2-container {
  margin: 0;
}
.input-control.required .select2-selection {
  border: 1px dashed #1ba1e2;
}
.input-control.error .select2-selection {
  border: 1px solid #ce352c;
}
.input-control.warning .select2-selection {
  border: 1px solid #e3c800;
}
.input-control.success .select2-selection {
  border: 1px solid #60a917;
}
.input-control.info .select2-selection {
  border: 1px solid #1ba1e2;
}
/*       SELECT 2 END */



td.d {
background: url('/i/t.png') no-repeat center 2px;  cursor: pointer;}

td.i {
background: url('/i/i.png') no-repeat center 2px;  cursor: pointer;}

td.f {
background: url('/i/f.png') no-repeat center 2px;  cursor: pointer;}

td.w {
 cursor: pointer;}


tr.sh1 td.d { background: url('/i/s.png') no-repeat center 2px;
}
td.n{
      color: #ffffff !important;
  background-color: #3F68B7!important;
}

td.s{
  background-color: #60A917 !important;
  color: #ffffff !important;
}
td.p{
  background-color: #ABA8AD !important;
  color: #ffffff !important;
}

td.r{

}

td.a{
  background-color: red !important;
  color: #ffffff !important;
  }

td.b{
  background-color: #ffdddd!important;
  }


td.aa{
  background-color: #ccaacc !important;
  }

td.ab{
  background-color: #ffddff!important;
  }


td.x{
  background-color: #aaaaaa !important;
  color: #ffffff !important;
 }

  
.eu:before{
    content: url('/i/eu.png'); 
}

.ue:before{
    content: url('/i/ue.png') ; 
}


td.m{
  text-align: center;
  vertical-align: middle !important;
  width:20px;
  height:20px;
  cursor: pointer;
}

.saat td:nth-child(9){text-align:center;}
.saat td:nth-child(10){text-align:center;}
.saat td:nth-child(11){text-align:center;}
.saat td:nth-child(12){text-align:center;}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor : pointer;
}


/**
 * @author zhixin wen <wenzhixin2010@gmail.com>
 */

.ms-parent {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background:white;
}

.ms-choice {
    display: block;
    width: 100%;
    height: 22px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #aaa;
    text-align: left;
    white-space: nowrap;
    line-height: 22px;
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
}

.ms-choice button {
    background-color: #fff;
}

.ms-choice.disabled {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.ms-choice > span {
/*    position: absolute;*/
    top: 0;
    left: 0;
    right: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
/*    padding-left: 8px;*/
}

.ms-choice > span.placeholder {
    color: #999;
}

.ms-choice > div {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 25px;
   /* background: url('multiple-select.png') left top no-repeat;*/
}

.ms-choice > div.open {
 /*   background: url('multiple-select.png') right top no-repeat;*/
}

.ms-drop {
    width: 100%;
    overflow: hidden;
    display: none;
    margin-top: -1px;
    padding: 0;
    position: absolute;
    z-index: 10000;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: white;
    
}

.ms-drop.bottom {
    top: 100%;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.ms-drop.top {
    bottom: 100%;
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.ms-search {
    display: inline-block;
    margin: 0;
    min-height: 22px;
    padding: 4px;
    margin-right: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.ms-search input {
    width: 100%;
    height: auto !important;
    min-height: 24px;
    padding: 0 20px 0 5px;
    margin: 0px;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    /*background: #fff url('multiple-select.png') no-repeat 100% -22px;
    background: url('multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url('multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);*/
}

.ms-search, .ms-search input {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.ms-drop ul {
    overflow: auto;
    margin: 0;
    padding: 5px 8px;
}

.ms-drop ul > li {
    list-style: none;
    display: list-item;
    background-image: none;
    position: static;
}

.ms-drop ul > li:hover {
    background-color: #cfd;
}

.ms-drop ul > li .disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
}

.ms-drop ul > li.multiple {
    display: block;
    float: left;
}

.ms-drop ul > li.group {
    clear: both;
}

.ms-drop ul > li.multiple label {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ms-drop ul > li label {
    font-weight: normal;
    display: block;
    white-space: nowrap;
}

.ms-drop ul > li span {
    padding-left: 4px;
}


.ms-drop ul > li label.optgroup {
    font-weight: bold;
}

.ms-drop input[type="checkbox"] {
        margin-bottom: 2px;
}

.ms-drop .ms-no-results {
    display: none;
}

.ms-selected {
    background-color: #cfd;
}

.ms-drop input[type="checkbox"]:checked + span {
    font-weight: bold;
}

.ms-drop label:focus-within {
    background-color: #cfd;
}

.ms-container{width: 350px;}.search-input{width: 100%;}.custom-header{text-align: center;background-color: #eeeeff;height: 22px;margin-top: -4px;}.ms-container:after{content: ".";display: block;height: 0;line-height: 0;font-size: 0;clear: both;min-height: 0;visibility: hidden;}.ms-container .ms-selectable, .ms-container .ms-selection{background: #fff;color: #555555;float: left;width: 50%;}.ms-selection{margin-top: 3px;}.ms-container .ms-list{-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;-moz-transition: border linear 0.2s, box-shadow linear 0.2s;-ms-transition: border linear 0.2s, box-shadow linear 0.2s;-o-transition: border linear 0.2s, box-shadow linear 0.2s;transition: border linear 0.2s, box-shadow linear 0.2s;border: 1px solid #ccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;position: relative;height: 250px;padding: 0;overflow-y: auto;}.ms-container .ms-list.ms-focus{border-color: rgba(82, 168, 236, 0.8);-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);outline: 0;outline: thin dotted 9;}.ms-container ul{margin: 0;list-style-type: none;padding: 0;}.ms-container .ms-optgroup-container{width: 100%;}.ms-container .ms-optgroup-label{margin: 0;padding: 5px 0px 0px 5px;cursor: pointer;color: #999;}.ms-container .ms-selectable li.ms-elem-selectable,.ms-container .ms-selection li.ms-elem-selection{border-bottom: 1px #eee solid;padding: 2px 10px;color: #555;font-size: 14px;}.ms-container .ms-selectable li.ms-hover,.ms-container .ms-selection li.ms-hover{cursor: pointer;color: #fff;text-decoration: none;background-color: #08c;}.ms-container .ms-selectable li.disabled,.ms-container .ms-selection li.disabled{background-color: #eee;color: #aaa;cursor: text;} 
.metro .rating {
  color: #2784a7;
  cursor: pointer;
  display: inline-block;
  width: auto;
  margin: 0 10px 10px 0;
  height: 28px;
}
.metro .rating:before,
.metro .rating:after {
  display: table;
  content: "";
}
.metro .rating:after {
  clear: both;
}
.metro .rating ul {
  list-style: none;
  color: inherit;
  display: block;
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
}
.metro .rating ul:before,
.metro .rating ul:after {
  display: table;
  content: "";
}
.metro .rating ul:after {
  clear: both;
}
.metro .rating ul li {
  display: block;
  float: left;
  position: relative;
  font-family: metroSysIcons;
  font-size: 28px;
  line-height: 28px;
  color: inherit;
}
.metro .rating ul li:before {
  content: '\e014';
}
.metro .rating ul li.rated:before {
  content: '\e016';
}
.metro .rating ul li.rated.half:before {
  content: '\e015';
}
.metro .rating ul li.half:before {
  content: '\e015';
}
.metro .rating .score-hint {
  display: block;
  font-size: 12px;
  color: #1d1d1d;
}
.metro .rating.active ul:hover > li:before {
  content: '\e016';
}
.metro .rating.active ul li:hover ~ li:before {
  content: '\e014' !important;
}
.metro .rating.active ul li:hover:before {
  content: '\e016' !important;
}
.metro .rating.small li {
  font-size: 18.66666667px;
  line-height: 18.66666667px;
}
.metro .rating.small .score-hint {
  margin-top: -5px;
  font-size: 12px;
}
.metro .rating.large li {
  font-size: 42px;
}
.metro .rating.large .score-hint {
  margin-top: 10px;
  font-size: 16px;
}

.wrapper{
border-width:1px;border-style: ridge;border-color: #00aa00 ;margin-bottom:5px;
display:none;
}