@import "_variables.scss";
@import "general.scss";
@import "_chartist.scss";

/*
 * Geneal
 */
.bsfp-widgets-list.bsfp-align-marquee {
  /*rtl:ignore*/
  direction: ltr;

}

body.rtl .bsfp-widgets-list.bsfp-align-marquee > * {
  /*rtl:ignore*/
  direction: rtl;
}

/*
 * Financial Pack Widget.
 */
.bsfp-widgets-list {
  display: inline-block;

  &.bsfp-align-marquee::-webkit-scrollbar {
	display: none;
  }
  &.bsfp-align-marquee,
  &.bsfp-align-auto {

	display: inline-block;
	overflow: hidden;
	max-width: 100%;

	.bsfp-list-inner {
	  margin: 0 -10px -15px;
	}

	.bs-fp {
	  margin: 0 10px 15px;
	}
  }

  &.bsfp-align-marquee {
	overflow: hidden;
	white-space: nowrap;

	.js-marquee {
	  overflow: hidden;
	}
  }

  &.bsfp-align-columned {
	display: block;

	.bsfp-list-inner.bsfp-list-inner {
	  display: block;
	  overflow: hidden;
	}

	.bs-fp {
	  float: left;
	  border-bottom: 1px dashed #eee;
	  margin-bottom: -1px;
	  padding: 5px 7.5px 15px;

	  .bs-fp-inner {
		margin-bottom: -10px;
	  }
	}

	&.bsfp-columns-1 {

	  .bs-fp {
		display: block;
		float: none;
	  }
	}

	&.bsfp-columns-2 {
	  .bs-fp {
		width: 50%;
	  }
	  .bs-fp:nth-child(odd) {
		clear: left;
	  }
	}

	&.bsfp-columns-3 {
	  .bs-fp {
		width: 33.33%;
	  }
	  .bs-fp:nth-child(3n-5) {
		clear: left;
	  }
	}

	&.bsfp-columns-4 {
	  .bs-fp {
		width: 25%;
	  }
	  .bs-fp:nth-child(4n-7) {
		clear: left;
	  }
	}

	&.bsfp-columns-5 {
	  .bs-fp {
		width: 20%;
	  }
	  .bs-fp:nth-child(5n-9) {
		clear: left;
	  }
	}

	&.bsfp-columns-6 {
	  .bs-fp {
		width: 16.666666667%;
	  }
	  .bs-fp:nth-child(6n-11) {
		clear: left;
	  }
	}

	&.bsfp-columns-7 {
	  .bs-fp {
		width: 14.285714286%;
	  }
	  .bs-fp:nth-child(7n-13) {
		clear: left;
	  }
	}

	&.bsfp-columns-8 {
	  .bs-fp {
		width: 12.5%;
	  }
	  .bs-fp:nth-child(8n-15) {
		clear: left;
	  }
	}

	&.bsfp-columns-9 {
	  .bs-fp {
		width: 11.111111111%;
	  }
	  .bs-fp:nth-child(9n-17) {
		clear: left;
	  }
	}

	&.bsfp-columns-10 {
	  .bs-fp {
		width: 10%;
	  }
	  .bs-fp:nth-child(10n-19) {
		clear: left;
	  }
	}
  }
}

.better-studio-shortcode {
  &.bsfp-scheme-dark {

	$color-up: #0adb67;
	$color-down: #de3034;

	.bsfp-widgets-list.bsfp-align-columned .bs-fp {
	  border-bottom: 1px dashed rgba(255, 255, 255, 0.16);
	}

	.bs-fp {
	  .fp-name {
		color: #FFFFFF;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	  }
	  .fp-up {
		color: $color-up;
	  }
	  .fp-down {
		color: $color-down;
	  }
	  .bs-fp-inner {
		border-color: rgba(255, 255, 255, 0.13);
	  }
	  &.bs-fp-t1 {
		.fp-price {
		  color: rgba(255, 255, 255, 0.63);
		}
	  }
	  &.bs-fp-t2 {
		.fp-price {
		  color: rgba(255, 255, 255, 0.53);
		}
	  }
	  &.bs-fp-t3 {
		.fp-price {
		  color: rgba(255, 255, 255, 0.63);
		}
		&.bs-fp-s2 {
		  .fp-price {
			background-color: rgba(255, 255, 255, 0.53);
			color: #000;
		  }
		}
		&.bs-fp-s3 {
		  .fp-price {
			color: #ffffff;
		  }

		  .fp-up {
			background-color: rgba($color-up, .21);
		  }

		  .fp-down {
			background-color: rgba($color-down, .21);
		  }
		}
	  }
	  &.bs-fp-t4 {
		.bs-fp-s0 {
		  .fp-price {
			color: rgba(255, 255, 255, 0.53);
		  }
		}
	  }
	  &.bs-fp-t5 {
		&.bs-fp-s0 {
		  .fp-price {
			color: #ffffff;
		  }
		}
	  }
	  &.bs-fp-t6 {
		&.bs-fp-s0 {
		  .fp-price {
			border-right-color: rgba(255, 255, 255, 0.1);
			color: rgba(255, 255, 255, 0.42);
		  }
		}
	  }
	  &.bs-fp-t8 {
		&.bs-fp-s0 {
		  .visualization {
			.fp-up {
			  .ct-line {
				opacity: .78;
				stroke: $color-up !important;
			  }
			  .ct-series-a .ct-area {
				fill: $color-up;
				fill-opacity: 0.24;
			  }
			}
			.fp-down {
			  .ct-line {
				opacity: .78;
				stroke: $color-down !important;
			  }
			  .ct-series-a .ct-area {
				fill: $color-down;
				fill-opacity: 0.24;
			  }
			}
		  }
		}
	  }
	  &.bs-fp-t9 {
		&.bs-fp-s0 {
		  .fp-price {
			color: #ffffff;
		  }
		  .fp-name {
			color: rgba(255, 255, 255, 0.4);
		  }
		  .visualization {
			.fp-up {
			  .ct-line {
				opacity: .68;
				stroke: $color-up !important;
			  }
			  .ct-series-a .ct-area {
				fill: $color-up;
				fill-opacity: 0.24;
			  }
			}
			.fp-down {
			  .ct-line {
				opacity: .68;
				stroke: $color-down !important;
			  }
			  .ct-series-a .ct-area {
				fill: $color-down;
				fill-opacity: 0.24;
			  }
			}
		  }
		}
	  }
	  &.bs-fp-t10 {
		&.bs-fp-s0 {
		  .fp-price {
			color: #ffffff;
		  }
		  .fp-name {
			color: rgba(255, 255, 255, 0.54);
		  }
		  .visualization {
			.fp-up {
			  .ct-line {
				opacity: 1;
				stroke: $color-up !important;
			  }
			  .ct-series-a .ct-area {
				fill: $color-up;
				fill-opacity: 0.24;
			  }
			}
			.fp-down {
			  .ct-line {
				opacity: 1;
				stroke: $color-down !important;
			  }
			  .ct-series-a .ct-area {
				fill: $color-down;
				fill-opacity: 0.24;
			  }
			}
		  }
		}
	  }
	  &.bs-fp-t11 {
		&.bs-fp-s0 {
		  .fp-price {
			color: #ffffff;
		  }
		  .fp-name {
			color: #ffffff;
		  }
		  .visualization {
			.fp-up {
			  .ct-line {
				opacity: 1;
				stroke: $color-up !important;
			  }
			  .ct-series-a .ct-area {
				fill: $color-up;
				fill-opacity: 0.24;
			  }
			}
			.fp-down {
			  .ct-line {
				opacity: 1;
				stroke: $color-down !important;
			  }
			  .ct-series-a .ct-area {
				fill: $color-down;
				fill-opacity: 0.24;
			  }
			}
		  }
		}
	  }
	  &.bs-fp-t12 {
		&.bs-fp-s0 {
		  .fp-price {
			color: #b2b2b2;
		  }

		  .fp-up {
			color: $color-up;
		  }
		  .fp-down {
			color: $color-down;
		  }
		}
	  }
	  &.bs-fp-t13 {
		&.bs-fp-s0 {
		  .fp-name,
		  .fp-price {
			color: #ffffff;
		  }
		}
	  }
	  &.bs-fp-t14 {
		&.bs-fp-s0 {
		  .fp-name,
		  .fp-price {
			color: #ffffff;
		  }
		}
	  }
	  &.bs-fp-t15 {
		&.bs-fp-s0 {
		  .fp-price {
			color: #000000;
			background-color: #848484;
		  }
		  .fp-s-name {
			color: rgba(255, 255, 255, 0.4);
		  }
		}
	  }
	  &.bs-fp-t16 {
		&.bs-fp-s0 {
		  .bs-fp-inner {
			background-color: rgba(255, 255, 255, 0.17);
		  }
		  .price-list {
			background-color: rgba(255, 255, 255, 0.78);
			border-color: transparent;
		  }
		}
	  }
	  &.bs-fp-t17 {
		&.bs-fp-s0 {
		  .fp-price {
			color: rgba(255, 255, 255, 0.54);
		  }
		}
	  }
	  &.bs-fp-t18 {
		&.bs-fp-s0 {
		  .fp-price {
			color: #ffffff;
		  }
		  .visualization {
			.fp-up {
			  .ct-line {
				opacity: 1;
				stroke: $color-up !important;
			  }
			  .ct-series-a .ct-area {
				fill: $color-up;
				fill-opacity: 0.24;
			  }
			}
			.fp-down {
			  .ct-line {
				opacity: 1;
				stroke: $color-down !important;
			  }
			  .ct-series-a .ct-area {
				fill: $color-down;
				fill-opacity: 0.24;
			  }
			}
		  }
		}
	  }
	  &.bs-fp-t19 {
		&.bs-fp-s0 {
		  .fp-price {
			color: #ffffff;
		  }
		}
	  }
	  &.bs-fp-t20 {
		&.bs-fp-s0 {
		  .visualization {
			.fp-up {
			  .ct-line {
				opacity: .78;
				stroke: $color-up !important;
			  }
			  .ct-series-a .ct-area {
				fill: $color-up;
				fill-opacity: 0.24;
			  }
			}
			.fp-down {
			  .ct-line {
				opacity: .78;
				stroke: $color-down !important;
			  }
			  .ct-series-a .ct-area {
				fill: $color-down;
				fill-opacity: 0.24;
			  }
			}
		  }
		}
	  }

	}

	//
	// Table
	//
	.bs-fpt {
	  &.bs-fpt-t1 {
		color: #FFFFFF;

		tbody tr + tr {
		  border-top-color: rgba(255, 255, 255, 0.16);
		}

		.fpt-name {
		  color: #FFFFFF;
		}

		.fpt-price,
		.fpt-s-name,
		.fpt-market-cap {
		  color: rgba(255, 255, 255, 0.7);
		}
	  }

	  &.bs-fpt-t2 {
		thead {
		  background-color: rgba(255, 255, 255, 0.05);
		  border-color: rgba(255, 255, 255, 0.07);
		}

		tbody tr + tr,
		tbody {
		  border-color: rgba(255, 255, 255, 0.07);
		}

		.fpt-name,
		thead tr td {
		  color: #FFFFFF;
		}

		.fpt-price,
		.fpt-market-cap,
		.fpt-s-name {
		  color: rgba(255, 255, 255, 0.7);
		}

		tbody tr:hover {
		  background-color: rgba(255, 255, 255, 0.04);
		}
	  }

	  &.bs-fpt-t3 {
		border-color: rgba(255, 255, 255, 0.16);

		.fpt-name,
		thead tr td {
		  color: #FFFFFF;
		}

		.fpt-changes,
		.fpt-price {
		  color: rgba(255, 255, 255, 0.7);
		}
	  }

	  &.bs-fpt-t3 {

		&.bs-fpt-s1 {
		  tbody {
			border-color: rgba(255, 255, 255, 0.16);
		  }
		}

		&.bs-fpt-s2 {
		  tbody tr + tr,
		  thead tr td {
			border-color: rgba(255, 255, 255, 0.16);
		  }

		  .fpt-name {
			color: #fff;
		  }

		  .fpt-price,
		  .fpt-s-name {
			color: rgba(255, 255, 255, 0.7);
		  }
		}
	  }
	}

	//
	// Events
	//
	.bs-fpe {

	  &.bs-fpe-t1 {
		thead {
		  background-color: rgba(255, 255, 255, 0.05);
		  border-color: rgba(255, 255, 255, 0.07);
		}

		tbody,
		tbody tr + tr {
		  border-color: rgba(255, 255, 255, 0.07);
		}

		thead tr td {
		  color: #fff;
		}

		tbody {
		  color: rgba(255, 255, 255, 0.7);
		}

		tbody tr:hover {
		  background-color: rgba(255, 255, 255, 0.04);
		}
	  }

	  &.bs-fpe-t2 {

		.fpe-location {
		  border-color: rgba(255, 255, 255, 0.07);
		}

		tbody,
		thead tr td {
		  border-color: rgba(255, 255, 255, 0.07);
		}

		tbody,
		tr td {
		  color: #fff;
		}

		tbody tr:hover,
		tbody tr:nth-child(odd) {
		  background-color: rgba(255, 255, 255, 0.035);
		}
	  }
	}

	//
	// Converter
	//
	.fpc-wrapper-body {

	  &.fpc-style-4 {
		background-color: rgba(255, 255, 255, 0.03);
	  }

	  &.fpc-style-6,
	  &.fpc-style-5,
	  &.fpc-style-4,
	  &.fpc-style-3,
	  &.fpc-style-2,
	  &.fpc-style-1 {
		border-color: rgba(255, 255, 255, 0.07);
	  }

	  .bs-fpc-t1 {

		.fpc-select-field,
		.fpc-input {
		  border-color: rgba(255, 255, 255, 0.07);
		  background: rgba(255, 255, 255, 0.07);
		  color: #fff;
		}

		.fpc-arrow,
		.fpc-select-field .fpc-input {
		  color: #fff;
		}

		.fpc-line-from-to {
		  border-color: rgba(255, 255, 255, 0.07);
		}

		.fpc-from-crypto {
		  color: rgba(255, 255, 255, 0.7);
		}

		.fpc-to-currency-label .unit,
		.fpc-to-currency-label .value {
		  color: rgba(255, 255, 255, 0.7);
		}

		&.bs-fpc-s0 {
		  .fpc-switch-arrow.bsfi-arrow-up-down:hover:before {
			color: #fff;
		  }
		}

		&.bs-fpc-s2 {
		  .fpc-label-input {
			color: #fff;
		  }
		}

		&.bs-fpc-s3 {
		  .fpc-label-input {
			color: #fff;
		  }

		  .fpc-result {
			background-color: rgba(255, 255, 255, 0.1);
		  }
		}

		&.bs-fpc-s4 {
		  .fpc-label-input {
			color: #fff;
		  }
		}

	  }

	}
  }
}

.fpc-select-field .fpc-input {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.fpc-select-field .fpc-input::-ms-expand {
  display: none;
}

@import "./styles/widget/type-1.scss"; // Type 1
@import "./styles/widget/type-1-style-0.scss";
@import "./styles/widget/type-1-style-1.scss";
@import "./styles/widget/type-1-style-2.scss";
@import "./styles/widget/type-1-style-3.scss";
@import "./styles/widget/type-2.scss"; // Type 2
@import "./styles/widget/type-2-style-1.scss";
@import "./styles/widget/type-3.scss"; // Type 3
@import "./styles/widget/type-3-style-1.scss";
@import "./styles/widget/type-3-style-2.scss";
@import "./styles/widget/type-3-style-3.scss";
@import "./styles/widget/type-4.scss"; // Type 4
@import "./styles/widget/type-5.scss"; // Type 5
@import "./styles/widget/type-6.scss"; // Type 6
@import "./styles/widget/type-7.scss"; // Type 7
@import "./styles/widget/type-8.scss"; // Type 8
@import "./styles/widget/type-9.scss"; // Type 9
@import "./styles/widget/type-10.scss"; // Type 10
@import "./styles/widget/type-11.scss"; // Type 11
@import "./styles/widget/type-12.scss"; // Type 12
@import "./styles/widget/type-13.scss"; // Type 13
@import "./styles/widget/type-14.scss"; // Type 14
@import "./styles/widget/type-15.scss"; // Type 15
@import "./styles/widget/type-16.scss"; // Type 16
@import "./styles/widget/type-17.scss"; // Type 17
@import "./styles/widget/type-18.scss"; // Type 18
@import "./styles/widget/type-19.scss"; // Type 19
@import "./styles/widget/type-20.scss"; // Type 20

/*
 * Financial Pack Converter.
 */
@import "./styles/converter/type-1.scss"; // Type 1
@import "./styles/converter/type-1-style-0.scss";
@import "./styles/converter/type-1-style-1.scss";
@import "./styles/converter/type-1-style-2.scss";
@import "./styles/converter/type-1-style-3.scss";
@import "./styles/converter/type-1-style-4.scss";
@import "./styles/converter/type-1-style-5.scss";

.fpc-wrapper-body {
  & + .fpc-wrapper-body {
	margin-left: 17px;
  }

  padding: 20px;
  border: solid 1px #e4e4e4;
  display: inline-block;
  margin-bottom: 20px;
}

/*
 * Financial Pack Table Widget.
 */
@import "./styles/table/type-1.scss"; // Type 1
@import "./styles/table/type-2.scss"; // Type 2
@import "./styles/table/type-3.scss"; // Type 3
@import "./styles/table/type-3-style-1.scss";
@import "./styles/table/type-3-style-2.scss";

/*
 * Financial Pack Events Widget.
 */
@import "./styles/events/type-1.scss"; // Type 1
@import "./styles/events/type-2.scss"; // Type 2

/*rtl:raw:
.bsfi-arrow-e:before,
.bsfi-arrow-ne:before,
.bsfi-arrow-se:before {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  display: inline-block;
}
*/