#fnz {
  font-family: Montserrat;
}

.fnz_header {
}

.fnz_nav1 {
}

.fnz_row {
  display: flex;
}

.fnz_positive {
  color: #198754;
}

.fnz_negative {
  color: #DC3545;
}

.fnz_button {
  width: 100%;
  border-radius: 3px;
  border: solid 1px #cccccc;
  background-color: #ffffff;
  color: #666666;
}

.fnz_buybutton {
  width: 100%;
  border-radius: 3px;
  border: solid 1px rgba(12, 174, 73, 0.2);
  background-color: rgba(12, 174, 73, 0.2);
  color: #0cae49;
}

.fnz_sellbutton {
  width: 100%;
  border-radius: 3px;
  border: solid 1px rgba(200, 8, 8, 0.2);
  background-color: rgba(200, 8, 8, 0.2);
  color: #c80808;
}

.fnz_okbutton {
  width: 100%;
  border-radius: 6px;
  border: solid 1px #FB0031;;
  color: #FB0031;
  background-image: url(/img/svg/flash-red.svg);
  background-position: 0.5rem 0.2rem;
  background-size: 2rem;
  text-align: center;
  background-repeat: no-repeat;
  font-size: 1.2rem;
  line-height: 2.4rem;
  font-weight: bold;
}

.fnz_input_name {
  font-weight:bold;
}

.fnz_input, .fnz_select {
  font-size: 1.4rem;
  padding: 10px;
  border-radius: 6px;
  border: solid 1px rgba(238, 240, 242, 0.7);
  background-color: rgba(238, 240, 242, 0.7);
  background-image: none;
}

.fnz_select select {
  padding: 4px 0;
  border: solid 1px #dddddd;
  background: #ffffff;
}

.fnz_input input {
  border: solid 1px #dddddd;
  background: #ffffff;
}

.fnz_calcer {
  border-radius: 3px;
  border: solid 1px #cccccc;
  background-color: #ffffff;
  color: #666666;
  text-align: center;
  margin: 2px 10px;
}

.fnz_search_result {
  position:absolute;
  z-index:10;
  cursor: pointer;
  border: 1px solid #cccccc;
  max-height: 400px;
  width: calc(100% - 24px);
  overflow-x: hidden;
  overflow-y: auto;
  display: none;
  font-size: 1rem;
}

.fnz_search_result > div:nth-of-type(odd) {
  background: #eeeeee;
  padding: 3px 6px;
  border-bottom: 1px solid #cccccc;
}

.fnz_search_result > div:nth-of-type(even) {
  background: #ffffff;
  padding: 3px 6px;
  border-bottom: 1px solid #cccccc;
}

.fnz_search_result > div:hover {
  background: #d3166a;
  color: #ffffff;
}

/* FNZ 2 DESIGN */
.fnz2_button {
  border-radius: 30px;
  font-size: 15px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  font-weight: 800;
  padding: 5px 15px;
  box-shadow: 0 3px 12px 0 rgba( 0, 0, 0, 0.3 );

  border: 1px solid #5d5d5d;
  background-color: #5d5d5d;
  color: #ffffff;
}

.fnz2_button_inactive {
  background-color: #ffffff;
  color: #5d5d5d;
}

.fnz2_button_big {
  padding: 15px 20px;
}

.fnz2_button_red {
  background-color: #e01722;
  border: 1px solid #e01722;
  color: #ffffff;
}

.fnz2_button_red_inactive {
  background-color: #ffffff;
  border: 1px solid #e01722;
  color: #e01722;
}

.fnz2_button_green {
  background-color: #198754;
  border: 1px solid #198754;
  color: #ffffff;
}

.fnz2_button_green_inactive {
  background-color: #ffffff;
  border: 1px solid #198754;
  color: #198754;
}

.fnz2_button_multiline {
  line-height: 17px;
}

.fnz2_button_row {
  display: flex;
}

.fnz2_button_row div {
  margin: 0 10px 0 0;
}

.fnz2_text_big {
  font-size: 20px;
  line-height: 22px;
  font-weight: 900;
}

.fnz2_text_medium {
  font-size:15px;
  line-height: 17px;
}

.fnz2_text_small2 {
  font-size: 12px;
  line-height: 14px;
}

.fnz2_text_small {
  font-size: 10px;
  line-height: 12px;
}

.fnz2_nav_row {
  display: flex;
  background-color: #d5d5d5;
}

.fnz2_nav_row div {
  color: #e01722;
  padding: 5px 0;
  font-weight: 700;
  text-align: center;
}

.fnz2_nav_row div.fnz2_active {
  color: #ffffff;
  border-radius: 30px;
  background-color: #e01722;
  padding: 5px;
}

.fnz2_h1 {
  font-weight: 900;
  color: #e01722;
  margin: 20px 0 10px 0;
}

.fnz2_h2 {
  font-weight: 900;
  margin: 0 0 10px 0;
}

.fnz2_th {
  border-bottom: 1px solid #cccccc;
  display: flex;
}

.fnz2_th div {
  font-size: 10px;
  font-weight: 900;
  text-align: center;
}

.fnz2_tr {
  border-bottom: 1px solid #cccccc;
  display: flex;
}

.fnz2_tr div {
  font-size: 10px;
  font-weight: 500;
  text-align: right;
  line-height: 30px;
}

.fnz2_row {
  display: flex;
}

.fnz2_row div {
  font-size: 10px;
  font-weight: 500;
  line-height: 20px;
}

.fnz2_row_medium {
  display: flex;
}

.fnz2_row_medium div {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.fnz2_itemrow {
  display: flex;
  align-items: center;
}

.fnz2_box {
  border-radius: 10px;
  box-shadow: 0 3px 6px 0 rgba( 0, 0, 0, 0.2 );
}

.fnz2_box .long {
  color: #198754;
}

.fnz2_box .short {
  color: #e01722;
}

.fnz2_input {
  border: 1px solid #E5E6E8;
  background-color: #E5E6E8;
  border-radius: 20px;
  padding: 5px 10px;
}

.fnz2_input input {
  border: none;
  background: none;
  font-size: 15px;
  font-weight: 700;
  width: 100%;
  padding: 5px;
}

.fnz2_input i {
  background-color: #ffffff;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url(https://cdn.traderfox.com/fonts/Montserrat3.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url(https://cdn.traderfox.com/fonts/Montserrat4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://cdn.traderfox.com/fonts/Montserrat2.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://cdn.traderfox.com/fonts/Montserrat.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(https://cdn.traderfox.com/fonts/Montserrat2.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(https://cdn.traderfox.com/fonts/Montserrat.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(https://cdn.traderfox.com/fonts/Montserrat2.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(https://cdn.traderfox.com/fonts/Montserrat.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url(https://cdn.traderfox.com/fonts/Montserrat2.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url(https://cdn.traderfox.com/fonts/Montserrat.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url(https://cdn.traderfox.com/fonts/Montserrat2.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url(https://cdn.traderfox.com/fonts/Montserrat.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}