From 08b320b051d90ff405d89a400515243c60fef630 Mon Sep 17 00:00:00 2001 From: Rohan Sircar Date: Sat, 30 Jan 2021 13:50:43 +0530 Subject: [PATCH] many changes --- assets/app/index.html | 3 + build.sbt | 26 +- .../scala/outwatch/util/MonixWebSocket.scala | 4 +- src/main/scala/outwatch/util/WebSocket2.scala | 4 +- src/main/scala/outwatchapp/MainApp.scala | 143 +- .../components/{todo => }/Chartjs.scala | 0 .../components/{todo => }/ChartjsDemo.scala | 33 +- .../components/DatatablesDemo.scala | 141 + .../components/ExampleDataTable.scala | 492 + .../components/{todo => }/Fusejs.scala | 2 +- .../outwatchapp/components/RequestDemo.scala | 6 +- .../components/SweetAlertDemo.scala | 104 + .../scala/outwatchapp/implicits/package.scala | 30 +- .../scala/outwatchapp/pages/HomePage.scala | 65 +- .../scala/outwatchapp/util/ParallelDemo.scala | 34 + .../outwatchapp/util/SubtleCryptoTest.scala | 14 + .../scala/outwatchapp/util/WorkerTest.scala | 44 + .../util/reactive/DedicatedWorker.scala | 77 + .../util/reactive/Exceptions.scala | 16 + .../util/reactive/ReconnectingWebSocket.scala | 165 + .../outwatchapp/util/reactive/WebSocket.scala | 94 +- .../outwatchapp/util/reactive/WebWorker.scala | 111 +- .../outwatchapp/util/reactive/package.scala | 1 + .../outwatchapp/util/reactive/store/test.css | 23690 ++++++++++++++++ yarn.lock | 67 +- 25 files changed, 25211 insertions(+), 155 deletions(-) rename src/main/scala/outwatchapp/components/{todo => }/Chartjs.scala (100%) rename src/main/scala/outwatchapp/components/{todo => }/ChartjsDemo.scala (78%) create mode 100644 src/main/scala/outwatchapp/components/DatatablesDemo.scala create mode 100644 src/main/scala/outwatchapp/components/ExampleDataTable.scala rename src/main/scala/outwatchapp/components/{todo => }/Fusejs.scala (92%) create mode 100644 src/main/scala/outwatchapp/components/SweetAlertDemo.scala create mode 100644 src/main/scala/outwatchapp/util/ParallelDemo.scala create mode 100644 src/main/scala/outwatchapp/util/SubtleCryptoTest.scala create mode 100644 src/main/scala/outwatchapp/util/WorkerTest.scala create mode 100644 src/main/scala/outwatchapp/util/reactive/DedicatedWorker.scala create mode 100644 src/main/scala/outwatchapp/util/reactive/Exceptions.scala create mode 100644 src/main/scala/outwatchapp/util/reactive/ReconnectingWebSocket.scala create mode 100644 src/main/scala/outwatchapp/util/reactive/store/test.css diff --git a/assets/app/index.html b/assets/app/index.html index 396b535..9610186 100644 --- a/assets/app/index.html +++ b/assets/app/index.html @@ -6,6 +6,9 @@ Outwatch App + + diff --git a/build.sbt b/build.sbt index 5c772e4..a8bd6d4 100644 --- a/build.sbt +++ b/build.sbt @@ -35,18 +35,28 @@ libraryDependencies ++= Seq( "com.beachape" %%% "enumeratum-circe" % "1.6.1", "com.github.valskalla" %%% "odin-core" % "0.7.0+95-ab4381ae+20201227-1831-SNAPSHOT", "io.github.cquiroz" %%% "scala-java-time" % "2.1.0", - "io.github.cquiroz" %%% "scala-java-time-tzdb" % "2.1.0" + "io.github.cquiroz" %%% "scala-java-time-tzdb" % "2.1.0", + "com.lihaoyi" %%% "scalatags" % "0.9.2" // "com.clovellytech" %%% "outwatch-router" % "0.0.9+7-5be0b1a2+20201227-2019-SNAPSHOT" ) Compile / npmDependencies ++= Seq( - "jquery" -> "3.3.1", + "jquery" -> "3.5.1", + "@types/jquery" -> "3.5.5", "blk-design-system" -> "1.0.2", "bootstrap" -> "4.5.3", "@types/chart.js" -> "2.9.11", "chart.js" -> "2.9.3", "snabbdom" -> "git://github.com/outwatch/snabbdom.git#semver:0.7.5", - "fuse.js" -> "6.4.3" + "fuse.js" -> "6.4.3", + "datatables.net-bs4" -> "1.10.23", + // "datatables.net-dt" -> "1.10.23", + "@types/datatables.net" -> "1.10.19", + "sweetalert2" -> "10.12.6", + "@sweetalert2/themes" -> "4.0.1", + "reconnecting-websocket" -> "4.4.0", + "paralleljs" -> "1.1.0", + "@types/paralleljs" -> "0.0.20" ) Compile / npmDevDependencies ++= Seq( @@ -57,8 +67,14 @@ Compile / npmDevDependencies ++= Seq( "url-loader" -> "1.1.2" ) -stIgnore ++= List("jquery", "blk-design-system", "bootstrap") -stIgnore ++= List("snabbdom") +stIgnore ++= List( + "datatables.net-bs4", + "datatables.net-dt", + "blk-design-system", + "bootstrap", + "snabbdom", + "@sweetalert2/themes" +) stStdlib := List("es6") stUseScalaJsDom := false diff --git a/src/main/scala/outwatch/util/MonixWebSocket.scala b/src/main/scala/outwatch/util/MonixWebSocket.scala index 993586f..51f3e28 100644 --- a/src/main/scala/outwatch/util/MonixWebSocket.scala +++ b/src/main/scala/outwatch/util/MonixWebSocket.scala @@ -25,7 +25,7 @@ object MonixWS { class MonixWS[F[_], S](val url: String)(implicit F: Sync[F], S: Show[S]) { val ws = new org.scalajs.dom.WebSocket(url) - lazy val source: Observable[MessageEvent] = + val source: Observable[MessageEvent] = Observable.create[MessageEvent](OverflowStrategy.Unbounded) { sub => ws.onmessage = (e: MessageEvent) => sub.onNext(e) ws.onerror = @@ -33,7 +33,7 @@ class MonixWS[F[_], S](val url: String)(implicit F: Sync[F], S: Show[S]) { Cancelable(() => ws.close()) } - lazy val sink: F[Observer[S]] = { + val sink: F[Observer[S]] = { F.delay { new Observer[S] { override def onNext(elem: S): Future[Ack] = { diff --git a/src/main/scala/outwatch/util/WebSocket2.scala b/src/main/scala/outwatch/util/WebSocket2.scala index dc26ef4..7786883 100644 --- a/src/main/scala/outwatch/util/WebSocket2.scala +++ b/src/main/scala/outwatch/util/WebSocket2.scala @@ -20,7 +20,7 @@ object WebSocketF { class WebSocketF[F[_]](val url: String)(implicit F: Sync[F]) { val ws = new org.scalajs.dom.WebSocket(url) - lazy val source: Observable[MessageEvent] = + val source: Observable[MessageEvent] = Observable.create[MessageEvent] { observer => ws.onmessage = (e: MessageEvent) => observer.onNext(e) ws.onerror = @@ -28,7 +28,7 @@ class WebSocketF[F[_]](val url: String)(implicit F: Sync[F]) { Cancelable(() => ws.close()) } - lazy val sink: F[Observer[String]] = { + val sink: F[Observer[String]] = { F.delay { new Observer[String] { override def onNext(elem: String): Unit = ws.send(elem) diff --git a/src/main/scala/outwatchapp/MainApp.scala b/src/main/scala/outwatchapp/MainApp.scala index fa17bb9..27ae046 100644 --- a/src/main/scala/outwatchapp/MainApp.scala +++ b/src/main/scala/outwatchapp/MainApp.scala @@ -8,28 +8,47 @@ import io.odin.consoleLogger import monix.bio.Task import monix.eval.Coeval import monix.reactive.Observable +import monix.{eval => me} import org.scalajs.dom.raw.Element import outwatch._ import outwatch.dsl._ import outwatch.router._ +import outwatchapp.components.ChartjsDemo import outwatchapp.components.CounterDemo +import outwatchapp.components.DatatablesDemo +import outwatchapp.components.FusejsDemo import outwatchapp.components.RequestDemo -import outwatchapp.components.todo.ChartjsDemo -import outwatchapp.components.todo.FusejsDemo import outwatchapp.pages.HomePage import outwatchapp.ui.components.todo.TodoListStore +import outwatchapp.util.IOUtils +import outwatchapp.util.reactive.WebSocket import outwatchapp.util.reactive.WebWorker +import outwatchapp.util.reactive.WebsocketData import outwatchapp.util.reactive.WorkerData +import outwatchapp.util.reactive.ReconnectingWebSocket +import cats.syntax.eq._ +import monix.execution.Ack +import monix.reactive.Observer class MainApp(el: Element)(implicit backend: AppTypes.Backend, store: RouterStore[Page] ) { + + import MainApp._ + def run: Task[Unit] = for { resolver <- resolver _ <- OutWatch.renderInto[Task](el, Router(resolver)) } yield () + def producer(data: Long, ws: Observer[WebsocketData]): me.Task[Unit] = + me.Task.deferFuture(ws.onNext(WebsocketData(data))).flatMap { + case Ack.Continue => producer(data + 1, ws) + // .delayExecution(3.seconds) + case Ack.Stop => me.Task.unit + } + def resolver: Task[PartialFunction[Page, VDomModifier]] = Task.deferAction(implicit s => for { @@ -38,35 +57,131 @@ class MainApp(el: Element)(implicit todoStore <- TodoListStore(consoleLogger[Task]()) requestDemo <- RequestDemo(todoStore) demoWorker <- WebWorker[WorkerData]("/worker.js") + dtDemo <- DatatablesDemo() + _ <- IOUtils + .toIO( + Observable + .interval(1.second) + .take(2) + .doOnNextF(i => Coeval(println(s"Producer emitted $i"))) + .doOnNextF(i => + me.Task.deferFuture(demoWorker.onNext(WorkerData(i))).void + ) + .completedL >> + me.Task.deferFuture(demoWorker.onNext(WorkerData(999))) + // .delayExecution(6.seconds) + ) + .startAndForget + _ <- + ReconnectingWebSocket[WebsocketData]("ws://localhost:6789").flatMap { + case (source, sink) => + IOUtils + .toIO( + me.Task.parZip2( + // Observable + // .interval(3.seconds) + // .doOnNext(_ => me.Task(println("Sending websocket data"))) + // .doOnNext(i => + // me.Task.deferFuture( + // ws.onNext(WebsocketData(i)) + // ) >> me.Task.unit + // ) + // .completedL, + producer(0, sink.value), + source.value + .doOnNext(data => me.Task(println(s"Received : $data"))) + .completedL + ) + ) + } + // .onErrorRestartIf { + // case e: Exception => + // e.getMessage() === "Websocket closed" + // case _ => false + // } + // .onErrorRestartLoop(Backoff(3, 1.second)) { (err, state, retry) => + // val Backoff(maxRetries, delay) = state + // if (maxRetries > 0) + // retry(Backoff(maxRetries - 1, delay * 2)).delayExecution(delay) + // else + // // No retries left, rethrow the error + // Task.raiseError(err) + // } + .startAndForget + // .start + // .startAndForget + // _ <- SweetAlertDemo.dumbNotif + // _ <- Task(println(s"Notif result: $notifRes")) } yield { case Page.Home => wire[HomePage].render case Page.SomePage => div( div(cls := "title", "SomePage"), // RequestDemo(todoStore), - Observable - .interval(1.second) - .doOnNextF(i => Coeval(println(s"Producer emitted $i"))) - .doOnNextF(i => - Coeval(demoWorker.onNext(WorkerData(i))) >> Coeval.unit - ) - .map(_ => div()), + // Observable + // .interval(1.second) + // .doOnNextF(i => Coeval(println(s"Producer emitted $i"))) + // .doOnNextF(i => + // Coeval(demoWorker.onNext(WorkerData(i))) >> Coeval.unit + // ) + // .take(2) + // .map(_ => div()), demoWorker.map(_.toString).map(v => p(cls := "text-white", v)), requestDemo, div(cls := "slider") ) case Page.UserHome(id) => div( - cls := "text-white", + // cls := "text-white", div(cls := "title", "UserHome"), s"User id: $id", - div(FusejsDemo.y.map(_.item.toString).mkString(" ")) + div(FusejsDemo.y.map(_.item.toString).mkString(" ")), + // ExampleDataTable.value( + // onDomMount.asHtml.foreachSync(el => + // Coeval(DatatablesDemo.init(el)) >> Coeval.unit + // ) + // ) + dtDemo ) case Page.NotFound => - div( - div(cls := "title", "NotFound"), - p(cls := "text-white", "notfound") + Task( + div( + cls := "page-header error-page header-filter", + div( + cls := "page-header-image" + // style := js.Dictionary( + // "background-image" -> "url('../assets/img/braden-collum.jpg')" + // ) + ), + div( + cls := "container", + cls := "text-center", + div( + cls := "row", + div( + cls := "col-md-12", + h1( + fontSize := "12em", + color := "#fff", + letterSpacing := "14px", + fontWeight := 700, + cls := "title", + "404" + ), + h2(cls := "description", "Page not found :("), + h4( + cls := "description", + "Ooooups! Looks like you got lost." + ) + ) + ) + ) + ) ) } ) } + +object MainApp { + final case class Backoff(maxRetries: Long, delay: FiniteDuration) +} diff --git a/src/main/scala/outwatchapp/components/todo/Chartjs.scala b/src/main/scala/outwatchapp/components/Chartjs.scala similarity index 100% rename from src/main/scala/outwatchapp/components/todo/Chartjs.scala rename to src/main/scala/outwatchapp/components/Chartjs.scala diff --git a/src/main/scala/outwatchapp/components/todo/ChartjsDemo.scala b/src/main/scala/outwatchapp/components/ChartjsDemo.scala similarity index 78% rename from src/main/scala/outwatchapp/components/todo/ChartjsDemo.scala rename to src/main/scala/outwatchapp/components/ChartjsDemo.scala index d400f0f..197210a 100644 --- a/src/main/scala/outwatchapp/components/todo/ChartjsDemo.scala +++ b/src/main/scala/outwatchapp/components/ChartjsDemo.scala @@ -1,4 +1,4 @@ -package outwatchapp.components.todo +package outwatchapp.components import scala.scalajs.js.| import scala.util.Random @@ -6,9 +6,10 @@ import colibri.ext.monix._ import com.softwaremill.tagging._ import monix.bio.Task import monix.eval.Coeval +import monix.execution.Cancelable import outwatch.HtmlVNode +import outwatch.ManagedSubscriptions.managedElement import outwatch.dsl._ -import outwatch.reactive.handlers.monix._ import typings.chartJs.mod._ import typings.chartJs.mod.{^ => Chart} import typings.moment.mod.Moment @@ -20,29 +21,19 @@ import scalajs.js sealed trait ChartjsDemo object ChartjsDemo { val random = new Random() - def apply(): Task[HtmlVNode @@ ChartjsDemo] = Task.deferAction(implicit s => - for { - canvasH <- Handler.createF[Task, HTMLCanvasElement] - } yield div( + def apply(): Task[HtmlVNode @@ ChartjsDemo] = Coeval( + div( canvas( - onDomMount.asHtml.map(a => - a.asInstanceOf[HTMLCanvasElement] - ) --> canvasH - ), - div( - canvasH - .doOnNextF(el => - Coeval( - new Chart( - el, - chartConfig(ChartType.bar, randomData(100, random.nextInt())) - ) - ) >> Coeval.unit + managedElement { el => + val chart = new Chart( + el.asInstanceOf[HTMLCanvasElement], + chartConfig(ChartType.bar, randomData(100, random.nextInt())) ) - .map(_ => div()) + Cancelable(() => chart.destroy()) + } ) ).taggedWith[ChartjsDemo] - ) + ).to[Task] def randomData( max: Int, diff --git a/src/main/scala/outwatchapp/components/DatatablesDemo.scala b/src/main/scala/outwatchapp/components/DatatablesDemo.scala new file mode 100644 index 0000000..e377ac6 --- /dev/null +++ b/src/main/scala/outwatchapp/components/DatatablesDemo.scala @@ -0,0 +1,141 @@ +package outwatchapp.components + +import scala.annotation.unused +import scala.scalajs.js.annotation.JSExportAll +import scala.scalajs.js.annotation.JSImport + +import colibri.ext.monix._ +import monix.bio.Task +import monix.eval.Coeval +import monix.execution.Cancelable +import org.scalajs.dom.raw.HTMLElement +import outwatch.ManagedSubscriptions.managedElement +import typings.datatablesNet.DataTables.ColumnSettings +import typings.datatablesNet.DataTables.FunctionColumnRender +import typings.datatablesNet.DataTables.Settings +import typings.datatablesNet.datatablesNetRequire +import typings.jquery.JQuery_ +import typings.jquery.{mod => $} + +import scalajs.js + +@js.native +@JSImport( + "datatables.net-bs4/css/dataTables.bootstrap4.min.css", + JSImport.Namespace +) +object DataTablesBs4Css extends js.Object +@js.native +@JSImport( + "datatables.net-bs4/js/dataTables.bootstrap4.min.js", + JSImport.Namespace +) +object DataTablesBs4Js extends js.Object + +object DatatablesDemo { + implicit def isJQueryDT[T](x: JQuery_[T]): typings.datatablesNet.JQuery = + x.asInstanceOf[typings.datatablesNet.JQuery] + + datatablesNetRequire + DataTablesBs4Css + DataTablesBs4Js + + @unused + private def _test(tableElement: HTMLElement) = $(tableElement) + .DataTable( + Settings().setColumnsVarargs( + ColumnSettings().setData("name").setRender(nameRenderFn) + ) + ) + .destroy() + + val nameRenderFn: FunctionColumnRender = (_data, tpe, row, d) => { + if (tpe.toString == "display") println("Matched") + else println("Did not match") + // this can be done with scalatags instead + s""" +
${_data.toString.toUpperCase}
+ """ + // with scalatags + // import scalatags.Text.all._ + // div(_data.toString.toUpperCase).render + } + + @JSExportAll + case class TestData( + name: String, + position: String, + location: String, + id: String, + date: String, + salary: String + ) + + val dataset = js + .Array( + TestData( + "Tiger Nixon", + "System Architect", + "Edinburgh", + "5421", + "2011/04/25", + "$320,800" + ), + TestData( + "Garrett Winters", + "Accountant", + "Tokyo", + "8422", + "2011/07/25", + "$170,750" + ), + TestData( + "Ashton Cox", + "Junior Technical Author", + "San Francisco", + "1562", + "2009/01/12", + "$86,000" + ), + TestData( + "Cedric Kelly", + "Senior Javascript Developer", + "Edinburgh", + "6224", + "2012/03/29", + "$433,060" + ) + ) + + // $(document).ready(_ => $(tableElement).DataTable()) + + def apply() = { + import outwatch.dsl._ + Coeval( + div( + table(idAttr := "myTable")(managedElement { el => + val dt = $(el).DataTable( + Settings() + .setColumnsVarargs( + ColumnSettings() + .setTitle("Name") + .setData("name") + .setRender(nameRenderFn), + ColumnSettings().setData("position"), + ColumnSettings().setData("location"), + ColumnSettings().setData("id"), + ColumnSettings().setData("date"), + ColumnSettings().setData("salary") + ) + .setDom("Blfrtip") + .setData(dataset) + ) + Cancelable { () => + println("Destroying") + dt.destroy() + } + }) + ) + ).to[Task] + } +} diff --git a/src/main/scala/outwatchapp/components/ExampleDataTable.scala b/src/main/scala/outwatchapp/components/ExampleDataTable.scala new file mode 100644 index 0000000..07e6670 --- /dev/null +++ b/src/main/scala/outwatchapp/components/ExampleDataTable.scala @@ -0,0 +1,492 @@ +package outwatchapp.components + +import outwatch.dsl._ + +object Table { + val value = table( + idAttr := "myTable", + cls := "display", + cls := "table", + // style := "width: 100%", + width := "100%", + // style("width") := "100%", + thead( + tr( + th("Name"), + th("Position"), + th("Office"), + th("Age"), + th("Start date"), + th("Salary") + ) + ), + tbody( + tr( + td("Tiger Nixon"), + td("System Architect"), + td("Edinburgh"), + td("61"), + td("2011/04/25"), + td("$320,800") + ), + tr( + td("Garrett Winters"), + td("Accountant"), + td("Tokyo"), + td("63"), + td("2011/07/25"), + td("$170,750") + ), + tr( + td("Ashton Cox"), + td("Junior Technical Author"), + td("San Francisco"), + td("66"), + td("2009/01/12"), + td("$86,000") + ), + tr( + td("Cedric Kelly"), + td("Senior Javascript Developer"), + td("Edinburgh"), + td("22"), + td("2012/03/29"), + td("$433,060") + ), + tr( + td("Airi Satou"), + td("Accountant"), + td("Tokyo"), + td("33"), + td("2008/11/28"), + td("$162,700") + ), + tr( + td("Brielle Williamson"), + td("Integration Specialist"), + td("New York"), + td("61"), + td("2012/12/02"), + td("$372,000") + ), + tr( + td("Herrod Chandler"), + td("Sales Assistant"), + td("San Francisco"), + td("59"), + td("2012/08/06"), + td("$137,500") + ), + tr( + td("Rhona Davidson"), + td("Integration Specialist"), + td("Tokyo"), + td("55"), + td("2010/10/14"), + td("$327,900") + ), + tr( + td("Colleen Hurst"), + td("Javascript Developer"), + td("San Francisco"), + td("39"), + td("2009/09/15"), + td("$205,500") + ), + tr( + td("Sonya Frost"), + td("Software Engineer"), + td("Edinburgh"), + td("23"), + td("2008/12/13"), + td("$103,600") + ), + tr( + td("Jena Gaines"), + td("Office Manager"), + td("London"), + td("30"), + td("2008/12/19"), + td("$90,560") + ), + tr( + td("Quinn Flynn"), + td("Support Lead"), + td("Edinburgh"), + td("22"), + td("2013/03/03"), + td("$342,000") + ), + tr( + td("Charde Marshall"), + td("Regional Director"), + td("San Francisco"), + td("36"), + td("2008/10/16"), + td("$470,600") + ), + tr( + td("Haley Kennedy"), + td("Senior Marketing Designer"), + td("London"), + td("43"), + td("2012/12/18"), + td("$313,500") + ), + tr( + td("Tatyana Fitzpatrick"), + td("Regional Director"), + td("London"), + td("19"), + td("2010/03/17"), + td("$385,750") + ), + tr( + td("Michael Silva"), + td("Marketing Designer"), + td("London"), + td("66"), + td("2012/11/27"), + td("$198,500") + ), + tr( + td("Paul Byrd"), + td("Chief Financial Officer (CFO)"), + td("New York"), + td("64"), + td("2010/06/09"), + td("$725,000") + ), + tr( + td("Gloria Little"), + td("Systems Administrator"), + td("New York"), + td("59"), + td("2009/04/10"), + td("$237,500") + ), + tr( + td("Bradley Greer"), + td("Software Engineer"), + td("London"), + td("41"), + td("2012/10/13"), + td("$132,000") + ), + tr( + td("Dai Rios"), + td("Personnel Lead"), + td("Edinburgh"), + td("35"), + td("2012/09/26"), + td("$217,500") + ), + tr( + td("Jenette Caldwell"), + td("Development Lead"), + td("New York"), + td("30"), + td("2011/09/03"), + td("$345,000") + ), + tr( + td("Yuri Berry"), + td("Chief Marketing Officer (CMO)"), + td("New York"), + td("40"), + td("2009/06/25"), + td("$675,000") + ), + tr( + td("Caesar Vance"), + td("Pre-Sales Support"), + td("New York"), + td("21"), + td("2011/12/12"), + td("$106,450") + ), + tr( + td("Doris Wilder"), + td("Sales Assistant"), + td("Sydney"), + td("23"), + td("2010/09/20"), + td("$85,600") + ), + tr( + td("Angelica Ramos"), + td("Chief Executive Officer (CEO)"), + td("London"), + td("47"), + td("2009/10/09"), + td("$1,200,000") + ), + tr( + td("Gavin Joyce"), + td("Developer"), + td("Edinburgh"), + td("42"), + td("2010/12/22"), + td("$92,575") + ), + tr( + td("Jennifer Chang"), + td("Regional Director"), + td("Singapore"), + td("28"), + td("2010/11/14"), + td("$357,650") + ), + tr( + td("Brenden Wagner"), + td("Software Engineer"), + td("San Francisco"), + td("28"), + td("2011/06/07"), + td("$206,850") + ), + tr( + td("Fiona Green"), + td("Chief Operating Officer (COO)"), + td("San Francisco"), + td("48"), + td("2010/03/11"), + td("$850,000") + ), + tr( + td("Shou Itou"), + td("Regional Marketing"), + td("Tokyo"), + td("20"), + td("2011/08/14"), + td("$163,000") + ), + tr( + td("Michelle House"), + td("Integration Specialist"), + td("Sydney"), + td("37"), + td("2011/06/02"), + td("$95,400") + ), + tr( + td("Suki Burks"), + td("Developer"), + td("London"), + td("53"), + td("2009/10/22"), + td("$114,500") + ), + tr( + td("Prescott Bartlett"), + td("Technical Author"), + td("London"), + td("27"), + td("2011/05/07"), + td("$145,000") + ), + tr( + td("Gavin Cortez"), + td("Team Leader"), + td("San Francisco"), + td("22"), + td("2008/10/26"), + td("$235,500") + ), + tr( + td("Martena Mccray"), + td("Post-Sales support"), + td("Edinburgh"), + td("46"), + td("2011/03/09"), + td("$324,050") + ), + tr( + td("Unity Butler"), + td("Marketing Designer"), + td("San Francisco"), + td("47"), + td("2009/12/09"), + td("$85,675") + ), + tr( + td("Howard Hatfield"), + td("Office Manager"), + td("San Francisco"), + td("51"), + td("2008/12/16"), + td("$164,500") + ), + tr( + td("Hope Fuentes"), + td("Secretary"), + td("San Francisco"), + td("41"), + td("2010/02/12"), + td("$109,850") + ), + tr( + td("Vivian Harrell"), + td("Financial Controller"), + td("San Francisco"), + td("62"), + td("2009/02/14"), + td("$452,500") + ), + tr( + td("Timothy Mooney"), + td("Office Manager"), + td("London"), + td("37"), + td("2008/12/11"), + td("$136,200") + ), + tr( + td("Jackson Bradshaw"), + td("Director"), + td("New York"), + td("65"), + td("2008/09/26"), + td("$645,750") + ), + tr( + td("Olivia Liang"), + td("Support Engineer"), + td("Singapore"), + td("64"), + td("2011/02/03"), + td("$234,500") + ), + tr( + td("Bruno Nash"), + td("Software Engineer"), + td("London"), + td("38"), + td("2011/05/03"), + td("$163,500") + ), + tr( + td("Sakura Yamamoto"), + td("Support Engineer"), + td("Tokyo"), + td("37"), + td("2009/08/19"), + td("$139,575") + ), + tr( + td("Thor Walton"), + td("Developer"), + td("New York"), + td("61"), + td("2013/08/11"), + td("$98,540") + ), + tr( + td("Finn Camacho"), + td("Support Engineer"), + td("San Francisco"), + td("47"), + td("2009/07/07"), + td("$87,500") + ), + tr( + td("Serge Baldwin"), + td("Data Coordinator"), + td("Singapore"), + td("64"), + td("2012/04/09"), + td("$138,575") + ), + tr( + td("Zenaida Frank"), + td("Software Engineer"), + td("New York"), + td("63"), + td("2010/01/04"), + td("$125,250") + ), + tr( + td("Zorita Serrano"), + td("Software Engineer"), + td("San Francisco"), + td("56"), + td("2012/06/01"), + td("$115,000") + ), + tr( + td("Jennifer Acosta"), + td("Junior Javascript Developer"), + td("Edinburgh"), + td("43"), + td("2013/02/01"), + td("$75,650") + ), + tr( + td("Cara Stevens"), + td("Sales Assistant"), + td("New York"), + td("46"), + td("2011/12/06"), + td("$145,600") + ), + tr( + td("Hermione Butler"), + td("Regional Director"), + td("London"), + td("47"), + td("2011/03/21"), + td("$356,250") + ), + tr( + td("Lael Greer"), + td("Systems Administrator"), + td("London"), + td("21"), + td("2009/02/27"), + td("$103,500") + ), + tr( + td("Jonas Alexander"), + td("Developer"), + td("San Francisco"), + td("30"), + td("2010/07/14"), + td("$86,500") + ), + tr( + td("Shad Decker"), + td("Regional Director"), + td("Edinburgh"), + td("51"), + td("2008/11/13"), + td("$183,000") + ), + tr( + td("Michael Bruce"), + td("Javascript Developer"), + td("Singapore"), + td("29"), + td("2011/06/27"), + td("$183,000") + ), + tr( + td("Donna Snider"), + td("Customer Support"), + td("New York"), + td("27"), + td("2011/01/25"), + td("$112,000") + ) + ), + tfoot( + tr( + th("Name"), + th("Position"), + th("Office"), + th("Age"), + th("Start date"), + th("Salary") + ) + ) + ) +} diff --git a/src/main/scala/outwatchapp/components/todo/Fusejs.scala b/src/main/scala/outwatchapp/components/Fusejs.scala similarity index 92% rename from src/main/scala/outwatchapp/components/todo/Fusejs.scala rename to src/main/scala/outwatchapp/components/Fusejs.scala index bf46f30..7ba24b2 100644 --- a/src/main/scala/outwatchapp/components/todo/Fusejs.scala +++ b/src/main/scala/outwatchapp/components/Fusejs.scala @@ -1,4 +1,4 @@ -package outwatchapp.components.todo +package outwatchapp.components import outwatchapp.ui.components.todo.Todo import typings.fuseJs.mod.Fuse.IFuseOptions diff --git a/src/main/scala/outwatchapp/components/RequestDemo.scala b/src/main/scala/outwatchapp/components/RequestDemo.scala index a6305e7..5027e66 100644 --- a/src/main/scala/outwatchapp/components/RequestDemo.scala +++ b/src/main/scala/outwatchapp/components/RequestDemo.scala @@ -5,14 +5,14 @@ import com.softwaremill.tagging._ import monix.bio._ import monix.eval.Coeval import monix.{eval => me} -import outwatchapp.ui.components.todo.Todo -import outwatchapp.ui.components.todo.TodoListStore -import outwatchapp.util.reactive.store.Store import outwatch._ import outwatch.dsl._ import outwatch.reactive.handlers.monix._ import outwatchapp.AppTypes import outwatchapp.implicits._ +import outwatchapp.ui.components.todo.Todo +import outwatchapp.ui.components.todo.TodoListStore +import outwatchapp.util.reactive.store.Store import sttp.client._ sealed trait RequestDemo diff --git a/src/main/scala/outwatchapp/components/SweetAlertDemo.scala b/src/main/scala/outwatchapp/components/SweetAlertDemo.scala new file mode 100644 index 0000000..a6b5d1d --- /dev/null +++ b/src/main/scala/outwatchapp/components/SweetAlertDemo.scala @@ -0,0 +1,104 @@ +package outwatchapp.components +import scala.scalajs.js.annotation.JSImport + +import monix.bio.Task +import outwatchapp.implicits._ +import typings.sweetalert2.mod.SweetAlertIcon +import typings.sweetalert2.mod.SweetAlertOptions +import typings.sweetalert2.mod.SweetAlertPosition + +import scalajs.js + +object SweetAlertDemo { + @JSImport( + "@sweetalert2/themes/borderless/borderless.min.css", + JSImport.Namespace + ) + @js.native + object SweetAlertBorderlessTheme extends js.Object + @JSImport("@sweetalert2/themes/dark/dark.min.css", JSImport.Namespace) + @js.native + object SweetAlertDarkTheme extends js.Object + @JSImport("sweetalert2/dist/sweetalert2.js", JSImport.Namespace) + @js.native + object SweetAlertJs extends js.Object + + SweetAlertDarkTheme + val Swal = SweetAlertJs.asInstanceOf[typings.sweetalert2.mod.default.type] + + val loginPrompt = { + import scalatags.JsDom.all._ + + val nameInput = input( + tpe := "text", + `id` := "loginName", + cls := "swal-input", + placeholder := "Username" + ).render + val passInput = input( + tpe := "password", + `id` := "loginPass", + cls := "swal-input", + placeholder := "Password" + ).render + val html = div(nameInput, passInput).render.asST + + def nameAndPass(a: js.Any) = (nameInput.value, passInput.value) + + Swal.fireL( + SweetAlertOptions() + .setTitle("Login Form") + .setHtml(html) + .setFocusConfirm(false) + .setConfirmButtonText("Sign In") + .setPreConfirm(nameAndPass _) + ) + + } + + val successPrompt = + Swal.fireL( + SweetAlertOptions() + .setPosition(SweetAlertPosition.`top-end`) + .setIcon(SweetAlertIcon.success) + .setTitle("Login Success") + .setShowConfirmButton(false) + .setTimer(1500) + ) >> Task.unit + + val failurePrompt = + Swal.fireL( + SweetAlertOptions() + .setPosition(SweetAlertPosition.`top-end`) + .setIcon(SweetAlertIcon.error) + .setTitle("Login Failure") + .setShowConfirmButton(false) + .setTimer(1500) + ) >> Task.unit + + val dumbNotif = + Swal + .fireL( + SweetAlertOptions() + .setTitle("Hello there") + .setText("Welcome to outwatch app") + // .setInput(SweetAlertInput.text) + // .setShowCancelButton(true) + .setIcon(SweetAlertIcon.info) + // .setToast(true) + // .setPreConfirm { res: String => + // val username = Swal.getPopup().asOption + // username match { + // case Some(value) => + // println(s"Got value: $value") + // 1 + // case None => + // println("Got none") + // 2 + // } + // res + // } + ) >> Task.unit + // .map(_.value.toOption) + +} diff --git a/src/main/scala/outwatchapp/implicits/package.scala b/src/main/scala/outwatchapp/implicits/package.scala index b321243..ad23752 100644 --- a/src/main/scala/outwatchapp/implicits/package.scala +++ b/src/main/scala/outwatchapp/implicits/package.scala @@ -1,11 +1,19 @@ package outwatchapp +import scala.util.Try + import colibri.LiftSink import colibri.LiftSource import colibri.ext.monix._ +import monix.bio.Task import monix.execution.Scheduler import monix.reactive.Observable import monix.reactive.Observer +import org.scalajs.dom.raw.HTMLElement +import typings.sweetalert2.mod.SweetAlertOptions +import typings.sweetalert2.mod.{default => Swal} + +import scalajs.js.| package object implicits { // implicit def sinkForMyMonixProSub[A, M] = @@ -20,10 +28,26 @@ package object implicits { // ) // } - implicit class Ops[A](val sink: Observer[A]) { + implicit class Ops[A](val sink: Observer[A]) extends AnyVal { @inline def liftSink[G[_]: LiftSink]: G[A] = LiftSink[G].lift(sink) } - implicit class Ops2[A](val source: Observable[A])(implicit s: Scheduler) { - @inline def liftSource[G[_]: LiftSource]: G[A] = LiftSource[G].lift(source) + implicit class Ops2[A](val source: Observable[A]) extends AnyVal { + @inline def liftSource[G[_]: LiftSource](implicit s: Scheduler): G[A] = + LiftSource[G].lift(source) + } + + implicit class HTMLElementOps[T <: HTMLElement](private val el: T) + extends AnyVal { + def asST = el.asInstanceOf[typings.std.HTMLElement] + } + implicit class SweetAlertOps(private val sw: Swal.type) extends AnyVal { + def fireL[T](options: SweetAlertOptions[T, _]) = + Task.deferFuture(sw.fire(options).toFuture) + } + implicit class NullUnionOps[A, B](private val union: A | B) extends AnyVal { + @scala.inline + def asOption(implicit ev: B =:= scala.Null) = Try( + union.asInstanceOf[A] + ).toOption } } diff --git a/src/main/scala/outwatchapp/pages/HomePage.scala b/src/main/scala/outwatchapp/pages/HomePage.scala index bda8cef..b627e9c 100644 --- a/src/main/scala/outwatchapp/pages/HomePage.scala +++ b/src/main/scala/outwatchapp/pages/HomePage.scala @@ -1,36 +1,59 @@ package outwatchapp.pages +import cats.syntax.eq._ import com.softwaremill.tagging._ +import monix.bio.Task import outwatch._ import outwatch.dsl._ +import outwatchapp.components.ChartjsDemo import outwatchapp.components.CounterDemo -import outwatchapp.components.todo.ChartjsDemo +import outwatchapp.components.SweetAlertDemo class HomePage( counterDemo: VNode @@ CounterDemo, chartDemo: VNode @@ ChartjsDemo ) { - def render = div( - div(cls := "title", "Home"), - div( - cls := "card", + val loginDemo = for { + res <- SweetAlertDemo.loginPrompt.map(_.value.toOption) + _ <- Task(println(s"Got $res")) + _ <- + if (res === Some("foo" -> "bar")) SweetAlertDemo.successPrompt + else SweetAlertDemo.failurePrompt + } yield () + + def render = Task.deferAction(implicit s => + Task( div( - cls := "card-body", - counterDemo, - chartDemo, - p( - cls := "text-white", + div(cls := "title", "Home"), + div( + cls := "card", div( - "hm", - htmlTag("blockQuote")( - cls := "blockquote", - p( - cls := "mb-0", - "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante." - ), - footer( - cls := "blockquote-footer", - "Someone famous in ", - cite(title := "Source Title", "Source Title") + cls := "card-body", + counterDemo, + chartDemo, + div( + cls := "text-center", + button( + cls := "btn btn-primary", + onClick.preventDefault.doAsync(loginDemo), + "Login" + ) + ), + p( + cls := "text-white", + div( + "hm", + htmlTag("blockQuote")( + cls := "blockquote", + p( + cls := "mb-0", + "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante." + ), + footer( + cls := "blockquote-footer", + "Someone famous in ", + cite(title := "Source Title", "Source Title") + ) + ) ) ) ) diff --git a/src/main/scala/outwatchapp/util/ParallelDemo.scala b/src/main/scala/outwatchapp/util/ParallelDemo.scala new file mode 100644 index 0000000..ed16704 --- /dev/null +++ b/src/main/scala/outwatchapp/util/ParallelDemo.scala @@ -0,0 +1,34 @@ +package outwatchapp.util +import scala.concurrent.Future + +import typings.paralleljs.ParallelOptions +import typings.paralleljs.mod.{^ => Parallel} + +import scalajs.js +import scalajs.js.| + +object ParallelDemo { + val p = + new Parallel(js.Array(1, 2, 3, 4, 5), ParallelOptions().setMaxWorkers(2)) + // val pr = new js.Promise() + + // p.map((_: Int) * 2) + + def toFuture[A](p: Parallel[A]): Future[A] = { + val p2 = scala.concurrent.Promise[A]() + p.`then`( + { (v: A) => + p2.success(v) + (): Unit | js.Thenable[Unit] + }, + { (e: typings.std.Error) => + p2.failure(e match { + case th: Throwable => th + case _ => js.JavaScriptException(e) + }) + (): Unit | js.Thenable[Unit] + } + ) + p2.future + } +} diff --git a/src/main/scala/outwatchapp/util/SubtleCryptoTest.scala b/src/main/scala/outwatchapp/util/SubtleCryptoTest.scala new file mode 100644 index 0000000..d85758b --- /dev/null +++ b/src/main/scala/outwatchapp/util/SubtleCryptoTest.scala @@ -0,0 +1,14 @@ +package outwatchapp.util + +// import typings.std.{SubtleCrypto => TS} +// import org.scalajs.dom.crypto.SubtleCrypto +import typings.std.global.Uint8Array +import typings.std.global.{SubtleCrypto => TS} + +object SubtleCryptoTest { + val sc = new TS() +// Algorithm + // sc.deriveKey +// val n = WindowBase64 + new Uint8Array(10) +} diff --git a/src/main/scala/outwatchapp/util/WorkerTest.scala b/src/main/scala/outwatchapp/util/WorkerTest.scala new file mode 100644 index 0000000..3addbb2 --- /dev/null +++ b/src/main/scala/outwatchapp/util/WorkerTest.scala @@ -0,0 +1,44 @@ +// package outwatchapp.util + +// import org.scalajs.dom + +// import scala.scalajs.js +// import scala.scalajs.js.annotation.JSExport +// import org.scalajs.dom.webworkers.DedicatedWorkerGlobalScope +// import scala.scalajs.js.annotation.JSGlobalScope +// import scala.scalajs.js.annotation.JSExportTopLevel + +// // @js.native +// // object WorkerGlobal extends js.GlobalScope { +// // def addEventListener(`type`: String, f: js.Function): Unit = js.native +// // def postMessage(data: js.Any): Unit = js.native +// // } + +// @js.native +// @JSGlobalScope +// object WorkerGlobal extends DedicatedWorkerGlobalScope + +// @JSExportTopLevel("WorkerMain") +// object WorkerMain { +// @JSExport +// def main(): Unit = { +// // WorkerGlobal.addEventListener("message", onMessage _) +// WorkerGlobal.onmessage = onMessage _ +// WorkerGlobal.postMessage(s"Started") +// } + +// val timeMessage = """Time.*""".r +// var count = 0 + +// def onMessage(msg: dom.MessageEvent) = { +// val s = msg.data.asInstanceOf[String] +// s match { +// case timeMessage() => +// count += 1 +// if (count % 600 == 0) +// WorkerGlobal.postMessage("60fps") +// case _ => +// WorkerGlobal.postMessage(s"Received: $s") +// } +// } +// } diff --git a/src/main/scala/outwatchapp/util/reactive/DedicatedWorker.scala b/src/main/scala/outwatchapp/util/reactive/DedicatedWorker.scala new file mode 100644 index 0000000..259ca33 --- /dev/null +++ b/src/main/scala/outwatchapp/util/reactive/DedicatedWorker.scala @@ -0,0 +1,77 @@ +package outwatchapp.util.reactive + +import io.circe.Decoder +import io.circe.Encoder +import io.circe.Printer +import io.circe.parser._ +import io.circe.syntax._ +import monix.execution.Ack +import monix.execution.Cancelable +import monix.execution.cancelables.SingleAssignCancelable +import monix.reactive.Observable +import monix.reactive.Observer +import monix.reactive.OverflowStrategy +import org.scalajs.dom.raw.MessageEvent +import org.scalajs.dom.webworkers.DedicatedWorkerGlobalScope +import scala.concurrent.Future +import outwatchapp.util.reactive.Exceptions.WrongTypeException +// @js.native +// @JSGlobalScope +// object WorkerGlobal extends DedicatedWorkerGlobalScope + +// class DedicatedWorkerImpl[T: Encoder: Decoder](wg: DedicatedWorkerGlobalScope) { +// def run = Task.deferAction(implicit s => +// for { +// _ <- Task.unit +// sub <- Task(ConcurrentSubject.publish[T]) +// } yield () +// ) +// } + +object DedicatedWorker { + def source[T: Decoder](wg: DedicatedWorkerGlobalScope) = + Observable.create[T](OverflowStrategy.DropOld(50)) { sub => + val c = SingleAssignCancelable() + def onmessageFn(event: MessageEvent): Unit = { + event.data match { + case s: String => + decode[T](s) + .map { res => + if (sub.onNext(res) == Ack.Stop) c.cancel() + res + } + .left + .foreach(err => + sub.onError( + new Exception(s"Failed to decode $s. Error was $err") + ) + ) + case other => + sub.onError(WrongTypeException(s"Received wrong type: $other")) + } + } + wg.onmessage = onmessageFn _ + + c := Cancelable(() => wg.onmessage = _ => ()) + } + + def sink[T: Encoder](wg: DedicatedWorkerGlobalScope) = + new Observer[T] { + val printer = Printer.noSpaces + + override def onNext(elem: T): Future[Ack] = { + // wg.onoffline + wg.postMessage(printer.print(elem.asJson)) + Ack.Continue + } + + override def onError(ex: Throwable): Unit = ex.printStackTrace() + + override def onComplete(): Unit = println("Worker observer completed") + + } + + def apply[T: Encoder: Decoder]( + wg: DedicatedWorkerGlobalScope + ): DedicatedWorker[T] = MonixProSubject.from(sink(wg), source(wg)) +} diff --git a/src/main/scala/outwatchapp/util/reactive/Exceptions.scala b/src/main/scala/outwatchapp/util/reactive/Exceptions.scala new file mode 100644 index 0000000..8389b9a --- /dev/null +++ b/src/main/scala/outwatchapp/util/reactive/Exceptions.scala @@ -0,0 +1,16 @@ +package outwatchapp.util.reactive + +object Exceptions { + //cause: Option[Throwable]) extends Exception(message, cause.orNull) + sealed abstract class ReactiveException(val message: String) + extends Throwable(message) + final case class DecodeException(override val message: String) + extends ReactiveException(message) + final case class WrongTypeException(override val message: String) + extends ReactiveException(message) + final case class UseAfterClose(override val message: String) + extends ReactiveException(message) + final case class TerminatedException(override val message: String) + extends ReactiveException(message) + +} diff --git a/src/main/scala/outwatchapp/util/reactive/ReconnectingWebSocket.scala b/src/main/scala/outwatchapp/util/reactive/ReconnectingWebSocket.scala new file mode 100644 index 0000000..4be8733 --- /dev/null +++ b/src/main/scala/outwatchapp/util/reactive/ReconnectingWebSocket.scala @@ -0,0 +1,165 @@ +package outwatchapp.util.reactive + +import scala.concurrent.Future + +import io.circe.Decoder +import io.circe.Encoder +import io.circe.Printer +import io.circe.parser._ +import io.circe.syntax._ +import monix.bio.Task +import monix.execution.Ack +import monix.execution.Cancelable +import monix.execution.CancelablePromise +import monix.execution.cancelables.SingleAssignCancelable +import monix.reactive.Observable +import monix.reactive.Observer +import monix.reactive.OverflowStrategy +import typings.reconnectingWebsocket.eventsMod.CloseEvent +import typings.reconnectingWebsocket.eventsMod.ErrorEvent +import typings.reconnectingWebsocket.eventsMod.Event +import typings.reconnectingWebsocket.mod.{default => RW} + +import scalajs.js +import typings.std.MessageEvent +import typings.reconnectingWebsocket.mod.Options +import outwatchapp.util.reactive.Exceptions.DecodeException +import outwatchapp.util.reactive.Exceptions.WrongTypeException +import monix.reactive.observers.Subscriber +import monix.reactive.observers.BufferedSubscriber +import outwatchapp.util.reactive.Exceptions.UseAfterClose +import monix.bio.IO + +class ReconnectingWebSocketImpl[T: Encoder: Decoder]( + ws: RW, + overflowStrategy: OverflowStrategy.Synchronous[T] +) { + val printer = Printer.noSpaces + + /** @throws ReactiveException + */ + val source: Task[Observable[T]] = + Task.deferAction(implicit s => + for { + obs <- Task( + Observable + .create[T](overflowStrategy) { sub => + val c = SingleAssignCancelable() + val onmessage: js.Function1[MessageEvent[_], Unit] = + _.data match { + case s: String => + decode[T](s) + .map { res => + if (sub.onNext(res) == Ack.Stop) c.cancel() + res + } + .left + .foreach(err => + sub.onError( + DecodeException( + s"Failed to decode $s. Error was $err" + ) + ) + ) + case other => + sub.onError( + WrongTypeException(s"Received wrong type: $other") + ) + } + val emptyMsgFn: js.Function1[MessageEvent[_], Unit] = + _ => println("message fn not initialized") + ws.onmessage = onmessage + + val onclose: js.Function1[CloseEvent, Unit] = a => { + println( + s"Websocket closing - ${a.code} ${a.wasClean} ${a.reason}" + ) + sub.onComplete() + } + ws.onclose = onclose + + val onerror: js.Function1[ErrorEvent, Unit] = (e: Event) => + sub.onError(new Exception(s"Error in WebSocket: $e")) + + ws.onerror = onerror + + c := Cancelable { () => ws.onmessage = emptyMsgFn } + } + .publish + .refCount + ) + _ <- Task(obs.subscribe(Observer.empty)) + } yield obs + ) + + val sink: Task[Observer[T]] = + Task.deferAction(implicit s => + Task( + BufferedSubscriber( + new Subscriber[T] { + import monix.execution.FutureUtils + import scala.concurrent.duration._ + override def scheduler = s + override def onNext(elem: T): Future[Ack] = { + val msg = printer.print(elem.asJson) + if (ws.readyState == 2 || ws.readyState == 3) + Ack.Stop + else { + FutureUtils + .delayedResult(2.second)(ws.send(msg)) + .flatMap(_ => Ack.Continue) + } + } + override def onError(ex: Throwable): Unit = s.reportFailure(ex) + override def onComplete(): Unit = println("CLOSING WEBSOCKET 2 ") + }, + OverflowStrategy.Default + ) + ) + ) + +} +object ReconnectingWebSocket { + sealed trait Error + final case object Error extends Error + + /** @throws ReactiveException + */ + final case class Source[T](value: Observable[T]) + + /** A buffered Observer + * + * @param value + */ + final case class Sink[T](value: Observer[T]) { + def send(t: T) = + IO.deferFuture(value.onNext(t)).flatMap { + case Ack.Continue => Task.unit + case Ack.Stop => IO.raiseError(UseAfterClose("Websocket was closed")) + } + } + + private val defaultOptions = Options() + .setMinReconnectionDelay(5000) + .setMaxRetries(2) + .setMaxEnqueuedMessages(50) + + def onopen[A](op: => A): js.Function1[Event, Unit] = _ => op + + def apply[T <: Product: Encoder: Decoder]( + path: String, + options: Options = defaultOptions, + overflowStrategy: OverflowStrategy.Synchronous[T] = + OverflowStrategy.DropOld(50) + ) = for { + websocket <- Task(new RW(path, js.undefined, options)) + p = CancelablePromise[Unit]() + _ <- Task(websocket.onopen = onopen(p.success(()))) + _ <- Task.deferFuture(p.future) + _ <- Task(websocket.onopen = onopen(())) + impl = new ReconnectingWebSocketImpl[T](websocket, overflowStrategy) + source <- impl.source + sink <- impl.sink + // _ <- Task.deferAction(implicit s => Task(source.subscribe(sink))) + } yield Source(source) -> Sink(sink) +} diff --git a/src/main/scala/outwatchapp/util/reactive/WebSocket.scala b/src/main/scala/outwatchapp/util/reactive/WebSocket.scala index 75a999b..3f4d8c0 100644 --- a/src/main/scala/outwatchapp/util/reactive/WebSocket.scala +++ b/src/main/scala/outwatchapp/util/reactive/WebSocket.scala @@ -1,6 +1,7 @@ package outwatchapp.util.reactive -import org.scalajs.dom.{raw => sjsdr} +import scala.concurrent.Future + import io.circe.Decoder import io.circe.Encoder import io.circe.Printer @@ -10,13 +11,20 @@ import io.circe.syntax._ import monix.bio.Task import monix.execution.Ack import monix.execution.Cancelable +import monix.execution.CancelablePromise +import monix.execution.cancelables.SingleAssignCancelable import monix.reactive.Observable import monix.reactive.Observer import monix.reactive.OverflowStrategy -import outwatchapp.util.reactive.MonixProSubject import org.scalajs.dom.raw.Event import org.scalajs.dom.raw.MessageEvent -import scala.concurrent.Future +import org.scalajs.dom.{raw => sjsdr} +import outwatchapp.util.reactive.MonixProSubject +import monix.reactive.observers.Subscriber +import monix.execution.Scheduler +import monix.reactive.observers.BufferedSubscriber +import monix.execution.cancelables.CompositeCancelable +import scala.concurrent.duration._ class WebSocketImpl[T: Encoder: Decoder]( ws: sjsdr.WebSocket, @@ -24,49 +32,84 @@ class WebSocketImpl[T: Encoder: Decoder]( ) { val printer = Printer.noSpaces - lazy val source: Task[Observable[T]] = + val source: Task[Observable[T]] = Task.deferAction(implicit s => for { + c <- Task(CompositeCancelable()) obs <- Task( Observable .create[T](overflowStrategy) { sub => + // val c = SingleAssignCancelable() ws.onmessage = (e: MessageEvent) => e.data match { case s: String => - decode[T](s).map(sub.onNext).left.foreach(println) - case other => println(other) + decode[T](s) + .map { res => + if (sub.onNext(res) == Ack.Stop) c.cancel() + res + } + .left + .foreach(err => + sub.onError( + new Exception(s"Failed to decode $s. Error was $err") + ) + ) + case other => + sub.onError(new Exception(s"Received wrong type: $other")) } - ws.onerror = (e: Event) => + ws.onclose = a => { + println( + s"Websocket closing - ${a.code} ${a.wasClean} ${a.reason}" + ) + sub.onComplete() + } + ws.onerror = (e: Event) => { + println("Error in websocket") sub.onError(new Exception(s"Error in WebSocket: $e")) - Cancelable(() => ws.close()) + } + c += Cancelable { () => + println("Closing websocket") + ws.close() + } } .publish .refCount ) - _ <- Task(obs.subscribe(Observer.empty)) + // empty subscription because otherwise ouwtatch kills the observable when + // the dom containing this observable is unmounted + _ <- Task(c += obs.subscribe(Observer.empty)) } yield obs ) - lazy val sink: Task[Observer[T]] = - Task( - new Observer[T] { - override def onNext(elem: T): Future[Ack] = { - val msg = printer.print(elem.asJson) - ws.send(msg) - Future.successful(Ack.Continue) - } - override def onError(ex: Throwable): Unit = println(ex) - override def onComplete(): Unit = () - } + val sink: Task[Subscriber[T]] = + Task.deferAction(implicit s => + Task( + BufferedSubscriber( + new Subscriber[T] { + override implicit def scheduler: Scheduler = s + + override def onNext(elem: T): Future[Ack] = { + val msg = printer.print(elem.asJson) + if (ws.readyState == 2 || ws.readyState == 3) + // Future.failed(new Exception("Websocket closed")) + Future.successful(Ack.Stop) + else { + ws.send(msg) + Future.successful(Ack.Continue) + } + } + override def onError(ex: Throwable): Unit = println(ex) + override def onComplete(): Unit = () + }, + OverflowStrategy.BackPressure(50) + ) + ) ) } object WebSocket { sealed trait Error final case object Error extends Error - // val w = new sjsdr.Worker("/worker.js").asInstanceOf[Worker] - - // type MonixWebWorker[T] = MonixProSubject[T, T] def apply[T <: Product: Encoder: Decoder]( path: String, @@ -74,6 +117,11 @@ object WebSocket { OverflowStrategy.DropOld(50) ): Task[WebSocket[T]] = for { websocket <- Task(new sjsdr.WebSocket(path)) + p <- Task(CancelablePromise[Unit]()) + // wait for websocket to open + _ <- Task(websocket.onopen = _ => p.success(())) + _ <- Task.deferFuture(p.future).timeout(10.seconds) + _ <- Task(websocket.onopen = _ => ()) impl = new WebSocketImpl[T](websocket, overflowStrategy) source <- impl.source sink <- impl.sink diff --git a/src/main/scala/outwatchapp/util/reactive/WebWorker.scala b/src/main/scala/outwatchapp/util/reactive/WebWorker.scala index 2d9c2ff..94b5610 100644 --- a/src/main/scala/outwatchapp/util/reactive/WebWorker.scala +++ b/src/main/scala/outwatchapp/util/reactive/WebWorker.scala @@ -11,99 +11,98 @@ import io.circe.syntax._ import monix.bio.Task import monix.execution.Ack import monix.execution.Cancelable +import monix.execution.cancelables.SingleAssignCancelable import monix.reactive.Observable import monix.reactive.Observer import monix.reactive.OverflowStrategy -import outwatchapp.util.reactive.MonixProSubject import org.scalajs.dom.raw.Event import org.scalajs.dom.raw.MessageEvent import org.scalajs.dom.{raw => sjsdr} +import outwatchapp.util.reactive.MonixProSubject +import monix.execution.cancelables.CompositeCancelable +import monix.eval.Coeval +import monix.reactive.observers.Subscriber +import monix.execution.Scheduler +import monix.reactive.observers.BufferedSubscriber +import outwatchapp.util.reactive.Exceptions.DecodeException +import outwatchapp.util.reactive.Exceptions.WrongTypeException +import outwatchapp.util.reactive.Exceptions.TerminatedException class WebWorkerImpl[T <: Product: Encoder: Decoder]( worker: sjsdr.Worker, overflowStrategy: OverflowStrategy.Synchronous[T] ) { -// private def parseFn(data: T) = { -// data match { -// case _: AnyRef => parseRef(data) -// case s: String => -// case other => -// println(other) -// Left(WebWorker.Error) -// } -// } - -// private def parseRef(data: T): Either[WebWorker.Error, T] = { -// data match { -// case s: String => decode[T](s).leftMap(_ => WebWorker.Error) -// case a: Int => -// println(a) -// Left(WebWorker.Error) -// case other => -// println(other) -// Left(WebWorker.Error) -// } -// } -// private def parsePrimitive(data: T): Either[WebWorker.Error, T] = { -// data match { -// case s: String => decode[T](s).leftMap(_ => WebWorker.Error) -// case a: Int => -// println(a) -// Left(WebWorker.Error) -// case other => -// println(other) -// Left(WebWorker.Error) -// } -// } -// println(s"Got data $a") -// .map(sub.onNext).left.foreach(println) - val printer = Printer.noSpaces - lazy val source: Task[Observable[T]] = + val source: Task[Observable[T]] = Task.deferAction(implicit s => for { + c <- Task(CompositeCancelable()) obs <- Task( Observable .create[T](overflowStrategy) { sub => + // val c = SingleAssignCancelable() worker.onmessage = (e: MessageEvent) => e.data match { case s: String => - decode[T](s).map(sub.onNext).left.foreach(println) - case other => println(other) + decode[T](s) + .map { res => + if (sub.onNext(res) == Ack.Stop) c.cancel() + res + } + .left + .foreach(err => + sub.onError( + DecodeException( + s"Failed to decode $s. Error was $err" + ) + ) + ) + case other => + sub.onError( + WrongTypeException(s"Received wrong type: $other") + ) } worker.onerror = (e: Event) => - sub.onError(new Exception(s"Error in WebSocket: $e")) - Cancelable(() => worker.terminate()) + sub.onError( + TerminatedException(s"Worker terminated with error: $e") + ) + c += Cancelable(() => worker.terminate()) } + .doOnSubscriptionCancelF(Coeval(println("Worker cancelled"))) .publish .refCount ) - _ <- Task(obs.subscribe(Observer.empty)) + _ <- Task(c += obs.subscribe(Observer.empty)) } yield obs ) - lazy val sink: Task[Observer[T]] = - Task( - new Observer[T] { - override def onNext(elem: T): Future[Ack] = { - val msg = printer.print(elem.asJson) - worker.postMessage(msg) - Future.successful(Ack.Continue) - } - override def onError(ex: Throwable): Unit = println(ex) - override def onComplete(): Unit = () - } + val sink: Task[Observer[T]] = + Task.deferAction(implicit s => + Task( + BufferedSubscriber( + new Subscriber[T] { + + override implicit def scheduler: Scheduler = s + + override def onNext(elem: T): Future[Ack] = { + val msg = printer.print(elem.asJson) + worker.postMessage(msg) + Ack.Continue + } + override def onError(ex: Throwable): Unit = s.reportFailure(ex) + override def onComplete(): Unit = () + }, + OverflowStrategy.Default + ) + ) ) } object WebWorker { sealed trait Error final case object Error extends Error - // val w = new sjsdr.Worker("/worker.js").asInstanceOf[Worker] - - // type MonixWebWorker[T] = MonixProSubject[T, T] def apply[T <: Product: Encoder: Decoder]( path: String, diff --git a/src/main/scala/outwatchapp/util/reactive/package.scala b/src/main/scala/outwatchapp/util/reactive/package.scala index 29db70a..d1e7732 100644 --- a/src/main/scala/outwatchapp/util/reactive/package.scala +++ b/src/main/scala/outwatchapp/util/reactive/package.scala @@ -8,4 +8,5 @@ package object reactive { type MonixSubject[A] = MonixProSubject[A, A] type WebWorker[A] = MonixSubject[A] type WebSocket[A] = MonixSubject[A] + type DedicatedWorker[A] = MonixSubject[A] } diff --git a/src/main/scala/outwatchapp/util/reactive/store/test.css b/src/main/scala/outwatchapp/util/reactive/store/test.css new file mode 100644 index 0000000..186d49c --- /dev/null +++ b/src/main/scala/outwatchapp/util/reactive/store/test.css @@ -0,0 +1,23690 @@ +/*! + + ========================================================= + * Black Kit Pro - v1.0.0 + ========================================================= + + * Product Page: https://www.creative-tim.com/product/blk-design-system-pro + * Copyright 2019 Creative Tim (http://www.creative-tim.com) + + * Designed by www.invisionapp.com Coded by www.creative-tim.com + + ========================================================= + + * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + + */ +@keyframes a { + 0% { + transform: translateX(-10px); + } + 50% { + transform: translateX(10px); + } + to { + transform: translateX(-10px); + } +} +:root { + --blue: #5e72e4; + --indigo: #5603ad; + --purple: #8965e0; + --pink: #f3a4b5; + --red: #f5365c; + --orange: #fb6340; + --yellow: #ffd600; + --green: #2dce89; + --teal: #11cdef; + --cyan: #2bffc6; + --gray: #6c757d; + --gray-dark: #32325d; + --light: #ced4da; + --lighter: #e9ecef; + --primary: #e14eca; + --secondary: #f4f5f7; + --success: #00f2c3; + --info: #1d8cf8; + --warning: #ff8d72; + --danger: #fd5d93; + --light: #adb5bd; + --dark: #212529; + --default: #344675; + --white: #fff; + --neutral: #fff; + --darker: #000; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", + Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, + "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, + "Liberation Mono", "Courier New", monospace; +} +*, +:after, +:before { + box-sizing: border-box; +} +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(34, 42, 66, 0); +} +article, +aside, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section { + display: block; +} +body { + margin: 0; + font-family: Poppins, sans-serif; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + color: #525f7f; + text-align: left; + background-color: #171941; +} +[tabindex="-1"]:focus { + outline: 0 !important; +} +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} +h1, +h2, +h3, +h4, +h5, +h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} +p { + margin-top: 0; + margin-bottom: 1rem; +} +abbr[data-original-title], +abbr[title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} +address { + font-style: normal; + line-height: inherit; +} +address, +dl, +ol, +ul { + margin-bottom: 1rem; +} +dl, +ol, +ul { + margin-top: 0; +} +ol ol, +ol ul, +ul ol, +ul ul { + margin-bottom: 0; +} +dt { + font-weight: 600; +} +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} +blockquote { + margin: 0 0 1rem; +} +b, +strong { + font-weight: bolder; +} +small { + font-size: 80%; +} +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} +sub { + bottom: -0.25em; +} +sup { + top: -0.5em; +} +a { + color: #e14eca; + background-color: transparent; +} +a, +a:hover { + text-decoration: none; +} +a:hover { + color: #c221a9; +} +a:not([href]):not([tabindex]), +a:not([href]):not([tabindex]):focus, +a:not([href]):not([tabindex]):hover { + color: inherit; + text-decoration: none; +} +a:not([href]):not([tabindex]):focus { + outline: 0; +} +code, +kbd, +pre, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, + Courier New, monospace; + font-size: 1em; +} +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} +figure { + margin: 0 0 1rem; +} +img { + border-style: none; +} +img, +svg { + vertical-align: middle; +} +svg { + overflow: hidden; +} +table { + border-collapse: collapse; +} +caption { + padding-top: 1rem; + padding-bottom: 1rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} +th { + text-align: inherit; +} +label { + display: inline-block; + margin-bottom: 0.5rem; +} +button { + border-radius: 0; +} +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} +button, +input, +optgroup, +select, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} +button, +input { + overflow: visible; +} +button, +select { + text-transform: none; +} +select { + word-wrap: normal; +} +[type="button"], +[type="reset"], +[type="submit"], +button { + -webkit-appearance: button; +} +[type="button"]:not(:disabled), +[type="reset"]:not(:disabled), +[type="submit"]:not(:disabled), +button:not(:disabled) { + cursor: pointer; +} +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner, +button::-moz-focus-inner { + padding: 0; + border-style: none; +} +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} +input[type="date"], +input[type="datetime-local"], +input[type="month"], +input[type="time"] { + -webkit-appearance: listbox; +} +textarea { + overflow: auto; + resize: vertical; +} +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} +progress { + vertical-align: baseline; +} +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} +[type="search"] { + outline-offset: -2px; + -webkit-appearance: none; +} +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} +output { + display: inline-block; +} +summary { + display: list-item; + cursor: pointer; +} +template { + display: none; +} +[hidden] { + display: none !important; +} +.h1, +.h2, +.h3, +.h4, +.h5, +.h6, +h1, +h2, +h3, +h4, +h5, +h6 { + margin-bottom: 0.5rem; + font-family: inherit; + font-weight: 400; + color: #32325d; +} +.h1, +h1 { + font-size: 2.0625rem; +} +.h2, +h2 { + font-size: 1.6875rem; +} +.h3, +h3 { + font-size: 1.4375rem; +} +.h4, +h4 { + font-size: 1.0625rem; +} +.h5, +h5 { + font-size: 0.8125rem; +} +.h6, +h6 { + font-size: 0.75rem; +} +.lead { + font-size: 0.78125rem; + font-weight: 300; +} +.display-1 { + font-size: 3.3rem; +} +.display-1, +.display-2 { + font-weight: 600; + line-height: 1.2; +} +.display-2 { + font-size: 2.75rem; +} +.display-3 { + font-size: 2.1875rem; +} +.display-3, +.display-4 { + font-weight: 600; + line-height: 1.2; +} +.display-4 { + font-size: 1.6275rem; +} +hr { + margin-top: 2rem; + margin-bottom: 2rem; + border: 0; + border-top: 0.0625rem solid rgba(34, 42, 66, 0.1); +} +.small, +small { + font-size: 80%; + font-weight: 400; +} +.mark, +mark { + padding: 0.2em; + background-color: #fcf8e3; +} +.list-inline, +.list-unstyled { + padding-left: 0; + list-style: none; +} +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} +.initialism { + font-size: 90%; + text-transform: uppercase; +} +.blockquote { + margin-bottom: 1rem; +} +.blockquote-footer { + display: block; + font-size: 80%; + color: #6c757d; +} +.blockquote-footer:before { + content: "\2014\00A0"; +} +.img-fluid, +.img-thumbnail { + max-width: 100%; + height: auto; +} +.img-thumbnail { + padding: 0.25rem; + background-color: #171941; + border: 0.0625rem solid #e3e3e3; + border-radius: 0.25rem; + box-shadow: 0 1px 2px rgba(34, 42, 66, 0.075); +} +.figure { + display: inline-block; +} +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} +.figure-caption { + font-size: 90%; + color: #6c757d; +} +code { + font-size: 87.5%; + word-break: break-word; +} +a > code { + color: inherit; +} +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #fff; + background-color: #212529; + border-radius: 0.2857rem; + box-shadow: inset 0 -0.1rem 0 rgba(34, 42, 66, 0.25); +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 600; + box-shadow: none; +} +pre { + display: block; + font-size: 87.5%; + color: #212529; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} +.container-fluid { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*="col-"] { + padding-right: 0; + padding-left: 0; +} +.col, +.col-1, +.col-2, +.col-3, +.col-4, +.col-5, +.col-6, +.col-7, +.col-8, +.col-9, +.col-10, +.col-11, +.col-12, +.col-auto, +.col-lg, +.col-lg-1, +.col-lg-2, +.col-lg-3, +.col-lg-4, +.col-lg-5, +.col-lg-6, +.col-lg-7, +.col-lg-8, +.col-lg-9, +.col-lg-10, +.col-lg-11, +.col-lg-12, +.col-lg-auto, +.col-md, +.col-md-1, +.col-md-2, +.col-md-3, +.col-md-4, +.col-md-5, +.col-md-6, +.col-md-7, +.col-md-8, +.col-md-9, +.col-md-10, +.col-md-11, +.col-md-12, +.col-md-auto, +.col-sm, +.col-sm-1, +.col-sm-2, +.col-sm-3, +.col-sm-4, +.col-sm-5, +.col-sm-6, +.col-sm-7, +.col-sm-8, +.col-sm-9, +.col-sm-10, +.col-sm-11, +.col-sm-12, +.col-sm-auto, +.col-xl, +.col-xl-1, +.col-xl-2, +.col-xl-3, +.col-xl-4, +.col-xl-5, +.col-xl-6, +.col-xl-7, +.col-xl-8, +.col-xl-9, +.col-xl-10, +.col-xl-11, +.col-xl-12, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} +.col-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; +} +.col-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; +} +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} +.col-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; +} +.col-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; +} +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} +.col-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; +} +.col-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; +} +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} +.col-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; +} +.col-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; +} +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} +.order-first { + order: -1; +} +.order-last { + order: 13; +} +.order-0 { + order: 0; +} +.order-1 { + order: 1; +} +.order-2 { + order: 2; +} +.order-3 { + order: 3; +} +.order-4 { + order: 4; +} +.order-5 { + order: 5; +} +.order-6 { + order: 6; +} +.order-7 { + order: 7; +} +.order-8 { + order: 8; +} +.order-9 { + order: 9; +} +.order-10 { + order: 10; +} +.order-11 { + order: 11; +} +.order-12 { + order: 12; +} +.offset-1 { + margin-left: 8.333333%; +} +.offset-2 { + margin-left: 16.666667%; +} +.offset-3 { + margin-left: 25%; +} +.offset-4 { + margin-left: 33.333333%; +} +.offset-5 { + margin-left: 41.666667%; +} +.offset-6 { + margin-left: 50%; +} +.offset-7 { + margin-left: 58.333333%; +} +.offset-8 { + margin-left: 66.666667%; +} +.offset-9 { + margin-left: 75%; +} +.offset-10 { + margin-left: 83.333333%; +} +.offset-11 { + margin-left: 91.666667%; +} +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-sm-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-sm-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-sm-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-sm-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-sm-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-sm-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-sm-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-sm-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-sm-first { + order: -1; + } + .order-sm-last { + order: 13; + } + .order-sm-0 { + order: 0; + } + .order-sm-1 { + order: 1; + } + .order-sm-2 { + order: 2; + } + .order-sm-3 { + order: 3; + } + .order-sm-4 { + order: 4; + } + .order-sm-5 { + order: 5; + } + .order-sm-6 { + order: 6; + } + .order-sm-7 { + order: 7; + } + .order-sm-8 { + order: 8; + } + .order-sm-9 { + order: 9; + } + .order-sm-10 { + order: 10; + } + .order-sm-11 { + order: 11; + } + .order-sm-12 { + order: 12; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.333333%; + } + .offset-sm-2 { + margin-left: 16.666667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.333333%; + } + .offset-sm-5 { + margin-left: 41.666667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.333333%; + } + .offset-sm-8 { + margin-left: 66.666667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.333333%; + } + .offset-sm-11 { + margin-left: 91.666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-md-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-md-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-md-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-md-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-md-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-md-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-md-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-md-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-md-first { + order: -1; + } + .order-md-last { + order: 13; + } + .order-md-0 { + order: 0; + } + .order-md-1 { + order: 1; + } + .order-md-2 { + order: 2; + } + .order-md-3 { + order: 3; + } + .order-md-4 { + order: 4; + } + .order-md-5 { + order: 5; + } + .order-md-6 { + order: 6; + } + .order-md-7 { + order: 7; + } + .order-md-8 { + order: 8; + } + .order-md-9 { + order: 9; + } + .order-md-10 { + order: 10; + } + .order-md-11 { + order: 11; + } + .order-md-12 { + order: 12; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.333333%; + } + .offset-md-2 { + margin-left: 16.666667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.333333%; + } + .offset-md-5 { + margin-left: 41.666667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.333333%; + } + .offset-md-8 { + margin-left: 66.666667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.333333%; + } + .offset-md-11 { + margin-left: 91.666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-lg-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-lg-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-lg-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-lg-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-lg-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-lg-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-lg-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-lg-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-lg-first { + order: -1; + } + .order-lg-last { + order: 13; + } + .order-lg-0 { + order: 0; + } + .order-lg-1 { + order: 1; + } + .order-lg-2 { + order: 2; + } + .order-lg-3 { + order: 3; + } + .order-lg-4 { + order: 4; + } + .order-lg-5 { + order: 5; + } + .order-lg-6 { + order: 6; + } + .order-lg-7 { + order: 7; + } + .order-lg-8 { + order: 8; + } + .order-lg-9 { + order: 9; + } + .order-lg-10 { + order: 10; + } + .order-lg-11 { + order: 11; + } + .order-lg-12 { + order: 12; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.333333%; + } + .offset-lg-2 { + margin-left: 16.666667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.333333%; + } + .offset-lg-5 { + margin-left: 41.666667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.333333%; + } + .offset-lg-8 { + margin-left: 66.666667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.333333%; + } + .offset-lg-11 { + margin-left: 91.666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-xl-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-xl-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-xl-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-xl-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-xl-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-xl-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-xl-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-xl-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-xl-first { + order: -1; + } + .order-xl-last { + order: 13; + } + .order-xl-0 { + order: 0; + } + .order-xl-1 { + order: 1; + } + .order-xl-2 { + order: 2; + } + .order-xl-3 { + order: 3; + } + .order-xl-4 { + order: 4; + } + .order-xl-5 { + order: 5; + } + .order-xl-6 { + order: 6; + } + .order-xl-7 { + order: 7; + } + .order-xl-8 { + order: 8; + } + .order-xl-9 { + order: 9; + } + .order-xl-10 { + order: 10; + } + .order-xl-11 { + order: 11; + } + .order-xl-12 { + order: 12; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.333333%; + } + .offset-xl-2 { + margin-left: 16.666667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.333333%; + } + .offset-xl-5 { + margin-left: 41.666667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.333333%; + } + .offset-xl-8 { + margin-left: 66.666667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.333333%; + } + .offset-xl-11 { + margin-left: 91.666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #525f7f; + background-color: transparent; +} +.table td, +.table th { + padding: 1rem; + vertical-align: top; + border-top: 0.0625rem solid #e3e3e3; +} +.table thead th { + vertical-align: bottom; + border-bottom: 0.125rem solid #e3e3e3; +} +.table tbody + tbody { + border-top: 0.125rem solid #e3e3e3; +} +.table-sm td, +.table-sm th { + padding: 0.3rem; +} +.table-bordered, +.table-bordered td, +.table-bordered th { + border: 0.0625rem solid #e3e3e3; +} +.table-bordered thead td, +.table-bordered thead th { + border-bottom-width: 0.125rem; +} +.table-borderless tbody + tbody, +.table-borderless td, +.table-borderless th, +.table-borderless thead th { + border: 0; +} +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(34, 42, 66, 0.05); +} +.table-hover tbody tr:hover { + color: #525f7f; + background-color: rgba(34, 42, 66, 0.075); +} +.table-primary, +.table-primary > td, +.table-primary > th { + background-color: #f7cdf0; +} +.table-primary tbody + tbody, +.table-primary td, +.table-primary th, +.table-primary thead th { + border-color: #efa3e3; +} +.table-hover .table-primary:hover, +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f3b7e9; +} +.table-secondary, +.table-secondary > td, +.table-secondary > th { + background-color: #fcfcfd; +} +.table-secondary tbody + tbody, +.table-secondary td, +.table-secondary th, +.table-secondary thead th { + border-color: #f9fafb; +} +.table-hover .table-secondary:hover, +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ededf3; +} +.table-success, +.table-success > td, +.table-success > th { + background-color: #b8fbee; +} +.table-success tbody + tbody, +.table-success td, +.table-success th, +.table-success thead th { + border-color: #7af8e0; +} +.table-hover .table-success:hover, +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a0fae8; +} +.table-info, +.table-info > td, +.table-info > th { + background-color: #c0dffd; +} +.table-info tbody + tbody, +.table-info td, +.table-info th, +.table-info thead th { + border-color: #89c3fb; +} +.table-hover .table-info:hover, +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a7d2fc; +} +.table-warning, +.table-warning > td, +.table-warning > th { + background-color: #ffdfd8; +} +.table-warning tbody + tbody, +.table-warning td, +.table-warning th, +.table-warning thead th { + border-color: #ffc4b6; +} +.table-hover .table-warning:hover, +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ffcabf; +} +.table-danger, +.table-danger > td, +.table-danger > th { + background-color: #fed2e1; +} +.table-danger tbody + tbody, +.table-danger td, +.table-danger th, +.table-danger thead th { + border-color: #feabc7; +} +.table-hover .table-danger:hover, +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #fdb9d0; +} +.table-light, +.table-light > td, +.table-light > th { + background-color: #e8eaed; +} +.table-light tbody + tbody, +.table-light td, +.table-light th, +.table-light thead th { + border-color: #d4d9dd; +} +.table-hover .table-light:hover, +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #dadde2; +} +.table-dark, +.table-dark > td, +.table-dark > th { + background-color: #c1c2c3; +} +.table-dark tbody + tbody, +.table-dark td, +.table-dark th, +.table-dark thead th { + border-color: #8c8e90; +} +.table-hover .table-dark:hover, +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b4b5b6; +} +.table-default, +.table-default > td, +.table-default > th { + background-color: #c6cbd8; +} +.table-default tbody + tbody, +.table-default td, +.table-default th, +.table-default thead th { + border-color: #959fb7; +} +.table-hover .table-default:hover, +.table-hover .table-default:hover > td, +.table-hover .table-default:hover > th { + background-color: #b7bdce; +} +.table-white, +.table-white > td, +.table-white > th { + background-color: #fff; +} +.table-white tbody + tbody, +.table-white td, +.table-white th, +.table-white thead th { + border-color: #fff; +} +.table-hover .table-white:hover, +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #f2f2f2; +} +.table-neutral, +.table-neutral > td, +.table-neutral > th { + background-color: #fff; +} +.table-neutral tbody + tbody, +.table-neutral td, +.table-neutral th, +.table-neutral thead th { + border-color: #fff; +} +.table-hover .table-neutral:hover, +.table-hover .table-neutral:hover > td, +.table-hover .table-neutral:hover > th { + background-color: #f2f2f2; +} +.table-darker, +.table-darker > td, +.table-darker > th { + background-color: #b8b8b8; +} +.table-darker tbody + tbody, +.table-darker td, +.table-darker th, +.table-darker thead th { + border-color: #7a7a7a; +} +.table-hover .table-darker:hover, +.table-hover .table-darker:hover > td, +.table-hover .table-darker:hover > th { + background-color: #ababab; +} +.table-active, +.table-active > td, +.table-active > th { + background-color: rgba(34, 42, 66, 0.075); +} +.table-hover .table-active:hover, +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(25, 31, 49, 0.075); +} +.table .thead-dark th { + color: #171941; + background-color: #212529; + border-color: #32383e; +} +.table .thead-light th { + color: #525f7f; + background-color: #e9ecef; + border-color: #e3e3e3; +} +.table-dark { + color: #171941; + background-color: #212529; +} +.table-dark td, +.table-dark th, +.table-dark thead th { + border-color: #32383e; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: hsla(0, 0%, 100%, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #171941; + background-color: hsla(0, 0%, 100%, 0.075); +} +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} +.form-control { + display: block; + width: 100%; + height: calc(2.25rem + 2px); + padding: 0.5rem 0.7rem; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.428571; + color: hsla(0, 0%, 100%, 0.8); + background-color: transparent; + background-clip: padding-box; + border: 1px solid #cad1d7; + border-radius: 0.25rem; + box-shadow: none; + transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:focus { + color: hsla(0, 0%, 100%, 0.8); + background-color: #fff; + border-color: rgba(50, 151, 211, 0.25); + outline: 0; + box-shadow: none, none; +} +.form-control::placeholder { + color: #adb5bd; + opacity: 1; +} +.form-control:disabled, +.form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} +select.form-control:focus::-ms-value { + color: hsla(0, 0%, 100%, 0.8); + background-color: transparent; +} +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} +.col-form-label { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.428571; +} +.col-form-label-lg { + padding-top: calc(0.875rem + 1px); + padding-bottom: calc(0.875rem + 1px); + font-size: 0.875rem; + line-height: 1.35; +} +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.75rem; + line-height: 1.35; +} +.form-control-plaintext { + display: block; + width: 100%; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + margin-bottom: 0; + line-height: 1.428571; + color: #525f7f; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-lg, +.form-control-plaintext.form-control-sm { + padding-right: 0; + padding-left: 0; +} +.form-control-sm { + height: calc(1.35em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.75rem; + line-height: 1.35; + border-radius: 0.2857rem; +} +.form-control-lg { + height: calc(1.35em + 1.75rem + 2px); + padding: 0.875rem 1rem; + font-size: 0.875rem; + line-height: 1.35; + border-radius: 0.4285rem; +} +select.form-control[multiple], +select.form-control[size], +textarea.form-control { + height: auto; +} +.form-group { + margin-bottom: 1rem; +} +.form-text { + display: block; + margin-top: 0.25rem; +} +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*="col-"] { + padding-right: 5px; + padding-left: 5px; +} +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input:disabled ~ .form-check-label { + color: #6c757d; +} +.form-check-label { + margin-bottom: 0; +} +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #00f2c3; +} +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.75rem; + line-height: 1.5; + color: #fff; + background-color: rgba(0, 242, 195, 0.9); + border-radius: 0.25rem; +} +.form-control.is-valid, +.was-validated .form-control:valid { + border-color: #00f2c3; + padding-right: 2.25rem; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300f2c3' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: 100% calc(0.357143em + 0.25rem); + background-size: calc(0.714286em + 0.5rem) calc(0.714286em + 0.5rem); +} +.form-control.is-valid:focus, +.was-validated .form-control:valid:focus { + border-color: #00f2c3; + box-shadow: 0 0 0 0 rgba(0, 242, 195, 0.25); +} +.form-control.is-valid ~ .valid-feedback, +.form-control.is-valid ~ .valid-tooltip, +.was-validated .form-control:valid ~ .valid-feedback, +.was-validated .form-control:valid ~ .valid-tooltip { + display: block; +} +.was-validated textarea.form-control:valid, +textarea.form-control.is-valid { + padding-right: 2.25rem; + background-position: top calc(0.357143em + 0.25rem) right + calc(0.357143em + 0.25rem); +} +.custom-select.is-valid, +.was-validated .custom-select:valid { + border-color: #00f2c3; + padding-right: calc((1em + 1rem) * 3 / 4 + 1.7rem); + background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%2332325d' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") + no-repeat right 0.7rem center/8px 10px, + url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300f2c3' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") + transparent no-repeat center right 1.7rem / calc(0.714286em + 0.5rem) + calc(0.714286em + 0.5rem); +} +.custom-select.is-valid:focus, +.was-validated .custom-select:valid:focus { + border-color: #00f2c3; + box-shadow: 0 0 0 0 rgba(0, 242, 195, 0.25); +} +.custom-select.is-valid ~ .valid-feedback, +.custom-select.is-valid ~ .valid-tooltip, +.form-control-file.is-valid ~ .valid-feedback, +.form-control-file.is-valid ~ .valid-tooltip, +.was-validated .custom-select:valid ~ .valid-feedback, +.was-validated .custom-select:valid ~ .valid-tooltip, +.was-validated .form-control-file:valid ~ .valid-feedback, +.was-validated .form-control-file:valid ~ .valid-tooltip { + display: block; +} +.form-check-input.is-valid ~ .form-check-label, +.was-validated .form-check-input:valid ~ .form-check-label { + color: #00f2c3; +} +.form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip, +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip { + display: block; +} +.custom-control-input.is-valid ~ .custom-control-label, +.was-validated .custom-control-input:valid ~ .custom-control-label { + color: #00f2c3; +} +.custom-control-input.is-valid ~ .custom-control-label:before, +.was-validated .custom-control-input:valid ~ .custom-control-label:before { + border-color: #00f2c3; +} +.custom-control-input.is-valid ~ .valid-feedback, +.custom-control-input.is-valid ~ .valid-tooltip, +.was-validated .custom-control-input:valid ~ .valid-feedback, +.was-validated .custom-control-input:valid ~ .valid-tooltip { + display: block; +} +.custom-control-input.is-valid:checked ~ .custom-control-label:before, +.was-validated + .custom-control-input:valid:checked + ~ .custom-control-label:before { + border-color: #26ffd5; + background-color: #26ffd5; +} +.custom-control-input.is-valid:focus ~ .custom-control-label:before, +.was-validated + .custom-control-input:valid:focus + ~ .custom-control-label:before { + box-shadow: 0 0 0 0 rgba(0, 242, 195, 0.25); +} +.custom-control-input.is-valid:focus:not(:checked) + ~ .custom-control-label:before, +.custom-file-input.is-valid ~ .custom-file-label, +.was-validated + .custom-control-input:valid:focus:not(:checked) + ~ .custom-control-label:before, +.was-validated .custom-file-input:valid ~ .custom-file-label { + border-color: #00f2c3; +} +.custom-file-input.is-valid ~ .valid-feedback, +.custom-file-input.is-valid ~ .valid-tooltip, +.was-validated .custom-file-input:valid ~ .valid-feedback, +.was-validated .custom-file-input:valid ~ .valid-tooltip { + display: block; +} +.custom-file-input.is-valid:focus ~ .custom-file-label, +.was-validated .custom-file-input:valid:focus ~ .custom-file-label { + border-color: #00f2c3; + box-shadow: 0 0 0 0 rgba(0, 242, 195, 0.25); +} +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #ff8d72; +} +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.75rem; + line-height: 1.5; + color: #fff; + background-color: rgba(255, 141, 114, 0.9); + border-radius: 0.25rem; +} +.form-control.is-invalid, +.was-validated .form-control:invalid { + border-color: #ff8d72; + padding-right: 2.25rem; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff8d72' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23ff8d72' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: 100% calc(0.357143em + 0.25rem); + background-size: calc(0.714286em + 0.5rem) calc(0.714286em + 0.5rem); +} +.form-control.is-invalid:focus, +.was-validated .form-control:invalid:focus { + border-color: #ff8d72; + box-shadow: 0 0 0 0 rgba(255, 141, 114, 0.25); +} +.form-control.is-invalid ~ .invalid-feedback, +.form-control.is-invalid ~ .invalid-tooltip, +.was-validated .form-control:invalid ~ .invalid-feedback, +.was-validated .form-control:invalid ~ .invalid-tooltip { + display: block; +} +.was-validated textarea.form-control:invalid, +textarea.form-control.is-invalid { + padding-right: 2.25rem; + background-position: top calc(0.357143em + 0.25rem) right + calc(0.357143em + 0.25rem); +} +.custom-select.is-invalid, +.was-validated .custom-select:invalid { + border-color: #ff8d72; + padding-right: calc((1em + 1rem) * 3 / 4 + 1.7rem); + background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%2332325d' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") + no-repeat right 0.7rem center/8px 10px, + url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff8d72' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23ff8d72' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E") + transparent no-repeat center right 1.7rem / calc(0.714286em + 0.5rem) + calc(0.714286em + 0.5rem); +} +.custom-select.is-invalid:focus, +.was-validated .custom-select:invalid:focus { + border-color: #ff8d72; + box-shadow: 0 0 0 0 rgba(255, 141, 114, 0.25); +} +.custom-select.is-invalid ~ .invalid-feedback, +.custom-select.is-invalid ~ .invalid-tooltip, +.form-control-file.is-invalid ~ .invalid-feedback, +.form-control-file.is-invalid ~ .invalid-tooltip, +.was-validated .custom-select:invalid ~ .invalid-feedback, +.was-validated .custom-select:invalid ~ .invalid-tooltip, +.was-validated .form-control-file:invalid ~ .invalid-feedback, +.was-validated .form-control-file:invalid ~ .invalid-tooltip { + display: block; +} +.form-check-input.is-invalid ~ .form-check-label, +.was-validated .form-check-input:invalid ~ .form-check-label { + color: #ff8d72; +} +.form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip, +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip { + display: block; +} +.custom-control-input.is-invalid ~ .custom-control-label, +.was-validated .custom-control-input:invalid ~ .custom-control-label { + color: #ff8d72; +} +.custom-control-input.is-invalid ~ .custom-control-label:before, +.was-validated .custom-control-input:invalid ~ .custom-control-label:before { + border-color: #ff8d72; +} +.custom-control-input.is-invalid ~ .invalid-feedback, +.custom-control-input.is-invalid ~ .invalid-tooltip, +.was-validated .custom-control-input:invalid ~ .invalid-feedback, +.was-validated .custom-control-input:invalid ~ .invalid-tooltip { + display: block; +} +.custom-control-input.is-invalid:checked ~ .custom-control-label:before, +.was-validated + .custom-control-input:invalid:checked + ~ .custom-control-label:before { + border-color: #ffb6a5; + background-color: #ffb6a5; +} +.custom-control-input.is-invalid:focus ~ .custom-control-label:before, +.was-validated + .custom-control-input:invalid:focus + ~ .custom-control-label:before { + box-shadow: 0 0 0 0 rgba(255, 141, 114, 0.25); +} +.custom-control-input.is-invalid:focus:not(:checked) + ~ .custom-control-label:before, +.custom-file-input.is-invalid ~ .custom-file-label, +.was-validated + .custom-control-input:invalid:focus:not(:checked) + ~ .custom-control-label:before, +.was-validated .custom-file-input:invalid ~ .custom-file-label { + border-color: #ff8d72; +} +.custom-file-input.is-invalid ~ .invalid-feedback, +.custom-file-input.is-invalid ~ .invalid-tooltip, +.was-validated .custom-file-input:invalid ~ .invalid-feedback, +.was-validated .custom-file-input:invalid ~ .invalid-tooltip { + display: block; +} +.custom-file-input.is-invalid:focus ~ .custom-file-label, +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label { + border-color: #ff8d72; + box-shadow: 0 0 0 0 rgba(255, 141, 114, 0.25); +} +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + justify-content: center; + } + .form-inline .form-group, + .form-inline label { + display: flex; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-group { + flex: 0 0 auto; + flex-flow: row wrap; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .custom-select, + .form-inline .input-group { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} +.btn { + display: inline-block; + font-weight: 400; + color: #525f7f; + text-align: center; + vertical-align: middle; + user-select: none; + background-color: transparent; + border: 1px solid transparent; + padding: 11px 40px; + font-size: 0.875rem; + line-height: 1.35em; + border-radius: 0.25rem; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } +} +.btn:hover { + color: #525f7f; + text-decoration: none; +} +.btn.focus, +.btn:focus { + outline: 0; + box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); +} +.btn.disabled, +.btn:disabled { + opacity: 0.65; + box-shadow: none; +} +.btn:not(:disabled):not(.disabled).active, +.btn:not(:disabled):not(.disabled):active { + box-shadow: none; +} +.btn:not(:disabled):not(.disabled).active:focus, +.btn:not(:disabled):not(.disabled):active:focus { + box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} +.btn-primary { + border-color: #e14eca; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} +.btn-primary:hover { + color: #fff; + background-color: #db2dc0; + border-color: #d725bb; +} +.btn-primary.focus, +.btn-primary:focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), + 0 0 0 0 rgba(230, 105, 210, 0.5); +} +.btn-primary.disabled, +.btn-primary:disabled { + color: #fff; + background-color: #e14eca; + border-color: #e14eca; +} +.btn-primary:not(:disabled):not(.disabled).active, +.btn-primary:not(:disabled):not(.disabled):active, +.show > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #d725bb; + border-color: #cd23b2; +} +.btn-primary:not(:disabled):not(.disabled).active:focus, +.btn-primary:not(:disabled):not(.disabled):active:focus, +.show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(230, 105, 210, 0.5); +} +.btn-secondary { + color: #212529; + background-color: #f4f5f7; + border-color: #f4f5f7; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} +.btn-secondary:hover { + color: #212529; + background-color: #dee1e7; + border-color: #d6dae2; +} +.btn-secondary.focus, +.btn-secondary:focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), + 0 0 0 0 hsla(210, 5%, 84%, 0.5); +} +.btn-secondary.disabled, +.btn-secondary:disabled { + color: #212529; + background-color: #f4f5f7; + border-color: #f4f5f7; +} +.btn-secondary:not(:disabled):not(.disabled).active, +.btn-secondary:not(:disabled):not(.disabled):active, +.show > .btn-secondary.dropdown-toggle { + color: #212529; + background-color: #d6dae2; + border-color: #cfd3dc; +} +.btn-secondary:not(:disabled):not(.disabled).active:focus, +.btn-secondary:not(:disabled):not(.disabled):active:focus, +.show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0 hsla(210, 5%, 84%, 0.5); +} +.btn-success { + border-color: #00f2c3; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} +.btn-success:hover { + color: #fff; + background-color: #00cca4; + border-color: #00bf9a; +} +.btn-success.focus, +.btn-success:focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), + 0 0 0 0 rgba(38, 244, 204, 0.5); +} +.btn-success.disabled, +.btn-success:disabled { + color: #fff; + background-color: #00f2c3; + border-color: #00f2c3; +} +.btn-success:not(:disabled):not(.disabled).active, +.btn-success:not(:disabled):not(.disabled):active, +.show > .btn-success.dropdown-toggle { + color: #fff; + background-color: #00bf9a; + border-color: #00b290; +} +.btn-success:not(:disabled):not(.disabled).active:focus, +.btn-success:not(:disabled):not(.disabled):active:focus, +.show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(38, 244, 204, 0.5); +} +.btn-info { + border-color: #1d8cf8; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} +.btn-info:hover { + color: #fff; + background-color: #0779e8; + border-color: #0772db; +} +.btn-info.focus, +.btn-info:focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), + 0 0 0 0 rgba(63, 157, 249, 0.5); +} +.btn-info.disabled, +.btn-info:disabled { + color: #fff; + background-color: #1d8cf8; + border-color: #1d8cf8; +} +.btn-info:not(:disabled):not(.disabled).active, +.btn-info:not(:disabled):not(.disabled):active, +.show > .btn-info.dropdown-toggle { + color: #fff; + background-color: #0772db; + border-color: #066ccf; +} +.btn-info:not(:disabled):not(.disabled).active:focus, +.btn-info:not(:disabled):not(.disabled):active:focus, +.show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(63, 157, 249, 0.5); +} +.btn-warning { + border-color: #ff8d72; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} +.btn-warning:hover { + color: #fff; + background-color: #ff6e4c; + border-color: #ff643f; +} +.btn-warning.focus, +.btn-warning:focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), + 0 0 0 0 rgba(255, 158, 135, 0.5); +} +.btn-warning.disabled, +.btn-warning:disabled { + color: #fff; + background-color: #ff8d72; + border-color: #ff8d72; +} +.btn-warning:not(:disabled):not(.disabled).active, +.btn-warning:not(:disabled):not(.disabled):active, +.show > .btn-warning.dropdown-toggle { + color: #fff; + background-color: #ff643f; + border-color: #ff5932; +} +.btn-warning:not(:disabled):not(.disabled).active:focus, +.btn-warning:not(:disabled):not(.disabled):active:focus, +.show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(255, 158, 135, 0.5); +} +.btn-danger { + border-color: #fd5d93; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} +.btn-danger:hover { + color: #fff; + background-color: #fd377a; + border-color: #fc2b71; +} +.btn-danger.focus, +.btn-danger:focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), + 0 0 0 0 rgba(253, 117, 163, 0.5); +} +.btn-danger.disabled, +.btn-danger:disabled { + color: #fff; + background-color: #fd5d93; + border-color: #fd5d93; +} +.btn-danger:not(:disabled):not(.disabled).active, +.btn-danger:not(:disabled):not(.disabled):active, +.show > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #fc2b71; + border-color: #fc1e69; +} +.btn-danger:not(:disabled):not(.disabled).active:focus, +.btn-danger:not(:disabled):not(.disabled):active:focus, +.show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(253, 117, 163, 0.5); +} +.btn-light { + color: #fff; + background-color: #adb5bd; + border-color: #adb5bd; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} +.btn-light:hover { + color: #fff; + background-color: #98a2ac; + border-color: #919ca6; +} +.btn-light.focus, +.btn-light:focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), + 0 0 0 0 rgba(185, 192, 199, 0.5); +} +.btn-light.disabled, +.btn-light:disabled { + color: #fff; + background-color: #adb5bd; + border-color: #adb5bd; +} +.btn-light:not(:disabled):not(.disabled).active, +.btn-light:not(:disabled):not(.disabled):active, +.show > .btn-light.dropdown-toggle { + color: #fff; + background-color: #919ca6; + border-color: #8a95a1; +} +.btn-light:not(:disabled):not(.disabled).active:focus, +.btn-light:not(:disabled):not(.disabled):active:focus, +.show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(185, 192, 199, 0.5); +} +.btn-dark { + color: #fff; + background-color: #212529; + border-color: #212529; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} +.btn-dark:hover { + color: #fff; + background-color: #101214; + border-color: #0a0c0d; +} +.btn-dark.focus, +.btn-dark:focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), + 0 0 0 0 rgba(66, 70, 73, 0.5); +} +.btn-dark.disabled, +.btn-dark:disabled { + color: #fff; + background-color: #212529; + border-color: #212529; +} +.btn-dark:not(:disabled):not(.disabled).active, +.btn-dark:not(:disabled):not(.disabled):active, +.show > .btn-dark.dropdown-toggle { + color: #fff; + background-color: #0a0c0d; + border-color: #050506; +} +.btn-dark:not(:disabled):not(.disabled).active:focus, +.btn-dark:not(:disabled):not(.disabled):active:focus, +.show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(66, 70, 73, 0.5); +} +.btn-default { + color: #fff; + background-color: #344675; + border-color: #344675; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} +.btn-default:hover { + color: #fff; + background-color: #28365b; + border-color: #243152; +} +.btn-default.focus, +.btn-default:focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), + 0 0 0 0 rgba(82, 98, 138, 0.5); +} +.btn-default.disabled, +.btn-default:disabled { + color: #fff; + background-color: #344675; + border-color: #344675; +} +.btn-default:not(:disabled):not(.disabled).active, +.btn-default:not(:disabled):not(.disabled):active, +.show > .btn-default.dropdown-toggle { + color: #fff; + background-color: #243152; + border-color: #202c49; +} +.btn-default:not(:disabled):not(.disabled).active:focus, +.btn-default:not(:disabled):not(.disabled):active:focus, +.show > .btn-default.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(82, 98, 138, 0.5); +} +.btn-white { + color: #212529; + background-color: #fff; + border-color: #fff; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} +.btn-white:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} +.btn-white.focus, +.btn-white:focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), + 0 0 0 0 hsla(240, 2%, 87%, 0.5); +} +.btn-white.disabled, +.btn-white:disabled { + color: #212529; + background-color: #fff; + border-color: #fff; +} +.btn-white:not(:disabled):not(.disabled).active, +.btn-white:not(:disabled):not(.disabled):active, +.show > .btn-white.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} +.btn-white:not(:disabled):not(.disabled).active:focus, +.btn-white:not(:disabled):not(.disabled):active:focus, +.show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0 hsla(240, 2%, 87%, 0.5); +} +.btn-neutral { + color: #212529; + border-color: #fff; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} +.btn-neutral:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} +.btn-neutral.focus, +.btn-neutral:focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), + 0 0 0 0 hsla(240, 2%, 87%, 0.5); +} +.btn-neutral.disabled, +.btn-neutral:disabled { + color: #212529; + background-color: #fff; + border-color: #fff; +} +.btn-neutral:not(:disabled):not(.disabled).active, +.btn-neutral:not(:disabled):not(.disabled):active, +.show > .btn-neutral.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} +.btn-neutral:not(:disabled):not(.disabled).active:focus, +.btn-neutral:not(:disabled):not(.disabled):active:focus, +.show > .btn-neutral.dropdown-toggle:focus { + box-shadow: 0 0 0 0 hsla(240, 2%, 87%, 0.5); +} +.btn-darker { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} +.btn-darker, +.btn-darker:hover { + color: #fff; + background-color: #000; + border-color: #000; +} +.btn-darker.focus, +.btn-darker:focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), + 0 0 0 0 rgba(38, 38, 38, 0.5); +} +.btn-darker.disabled, +.btn-darker:disabled, +.btn-darker:not(:disabled):not(.disabled).active, +.btn-darker:not(:disabled):not(.disabled):active, +.show > .btn-darker.dropdown-toggle { + color: #fff; + background-color: #000; + border-color: #000; +} +.btn-darker:not(:disabled):not(.disabled).active:focus, +.btn-darker:not(:disabled):not(.disabled):active:focus, +.show > .btn-darker.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); +} +.btn-outline-primary { + color: #e14eca; + border-color: #e14eca; +} +.btn-outline-primary:hover { + color: #fff; + background-color: #e14eca; + border-color: #e14eca; +} +.btn-outline-primary.focus, +.btn-outline-primary:focus { + box-shadow: 0 0 0 0 rgba(225, 78, 202, 0.5); +} +.btn-outline-primary.disabled, +.btn-outline-primary:disabled { + color: #e14eca; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled).active, +.btn-outline-primary:not(:disabled):not(.disabled):active, +.show > .btn-outline-primary.dropdown-toggle { + color: #fff; + background-color: #e14eca; + border-color: #e14eca; +} +.btn-outline-primary:not(:disabled):not(.disabled).active:focus, +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(225, 78, 202, 0.5); +} +.btn-outline-secondary { + color: #f4f5f7; + border-color: #f4f5f7; +} +.btn-outline-secondary:hover { + color: #212529; + background-color: #f4f5f7; + border-color: #f4f5f7; +} +.btn-outline-secondary.focus, +.btn-outline-secondary:focus { + box-shadow: 0 0 0 0 rgba(244, 245, 247, 0.5); +} +.btn-outline-secondary.disabled, +.btn-outline-secondary:disabled { + color: #f4f5f7; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled).active, +.btn-outline-secondary:not(:disabled):not(.disabled):active, +.show > .btn-outline-secondary.dropdown-toggle { + color: #212529; + background-color: #f4f5f7; + border-color: #f4f5f7; +} +.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(244, 245, 247, 0.5); +} +.btn-outline-success { + color: #00f2c3; + border-color: #00f2c3; +} +.btn-outline-success:hover { + color: #fff; + background-color: #00f2c3; + border-color: #00f2c3; +} +.btn-outline-success.focus, +.btn-outline-success:focus { + box-shadow: 0 0 0 0 rgba(0, 242, 195, 0.5); +} +.btn-outline-success.disabled, +.btn-outline-success:disabled { + color: #00f2c3; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled).active, +.btn-outline-success:not(:disabled):not(.disabled):active, +.show > .btn-outline-success.dropdown-toggle { + color: #fff; + background-color: #00f2c3; + border-color: #00f2c3; +} +.btn-outline-success:not(:disabled):not(.disabled).active:focus, +.btn-outline-success:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(0, 242, 195, 0.5); +} +.btn-outline-info { + color: #1d8cf8; + border-color: #1d8cf8; +} +.btn-outline-info:hover { + color: #fff; + background-color: #1d8cf8; + border-color: #1d8cf8; +} +.btn-outline-info.focus, +.btn-outline-info:focus { + box-shadow: 0 0 0 0 rgba(29, 140, 248, 0.5); +} +.btn-outline-info.disabled, +.btn-outline-info:disabled { + color: #1d8cf8; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled).active, +.btn-outline-info:not(:disabled):not(.disabled):active, +.show > .btn-outline-info.dropdown-toggle { + color: #fff; + background-color: #1d8cf8; + border-color: #1d8cf8; +} +.btn-outline-info:not(:disabled):not(.disabled).active:focus, +.btn-outline-info:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(29, 140, 248, 0.5); +} +.btn-outline-warning { + color: #ff8d72; + border-color: #ff8d72; +} +.btn-outline-warning:hover { + color: #fff; + background-color: #ff8d72; + border-color: #ff8d72; +} +.btn-outline-warning.focus, +.btn-outline-warning:focus { + box-shadow: 0 0 0 0 rgba(255, 141, 114, 0.5); +} +.btn-outline-warning.disabled, +.btn-outline-warning:disabled { + color: #ff8d72; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled).active, +.btn-outline-warning:not(:disabled):not(.disabled):active, +.show > .btn-outline-warning.dropdown-toggle { + color: #fff; + background-color: #ff8d72; + border-color: #ff8d72; +} +.btn-outline-warning:not(:disabled):not(.disabled).active:focus, +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(255, 141, 114, 0.5); +} +.btn-outline-danger { + color: #fd5d93; + border-color: #fd5d93; +} +.btn-outline-danger:hover { + color: #fff; + background-color: #fd5d93; + border-color: #fd5d93; +} +.btn-outline-danger.focus, +.btn-outline-danger:focus { + box-shadow: 0 0 0 0 rgba(253, 93, 147, 0.5); +} +.btn-outline-danger.disabled, +.btn-outline-danger:disabled { + color: #fd5d93; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled).active, +.btn-outline-danger:not(:disabled):not(.disabled):active, +.show > .btn-outline-danger.dropdown-toggle { + color: #fff; + background-color: #fd5d93; + border-color: #fd5d93; +} +.btn-outline-danger:not(:disabled):not(.disabled).active:focus, +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(253, 93, 147, 0.5); +} +.btn-outline-light { + color: #adb5bd; + border-color: #adb5bd; +} +.btn-outline-light:hover { + color: #fff; + background-color: #adb5bd; + border-color: #adb5bd; +} +.btn-outline-light.focus, +.btn-outline-light:focus { + box-shadow: 0 0 0 0 rgba(173, 181, 189, 0.5); +} +.btn-outline-light.disabled, +.btn-outline-light:disabled { + color: #adb5bd; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled).active, +.btn-outline-light:not(:disabled):not(.disabled):active, +.show > .btn-outline-light.dropdown-toggle { + color: #fff; + background-color: #adb5bd; + border-color: #adb5bd; +} +.btn-outline-light:not(:disabled):not(.disabled).active:focus, +.btn-outline-light:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(173, 181, 189, 0.5); +} +.btn-outline-dark { + color: #212529; + border-color: #212529; +} +.btn-outline-dark:hover { + color: #fff; + background-color: #212529; + border-color: #212529; +} +.btn-outline-dark.focus, +.btn-outline-dark:focus { + box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5); +} +.btn-outline-dark.disabled, +.btn-outline-dark:disabled { + color: #212529; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled).active, +.btn-outline-dark:not(:disabled):not(.disabled):active, +.show > .btn-outline-dark.dropdown-toggle { + color: #fff; + background-color: #212529; + border-color: #212529; +} +.btn-outline-dark:not(:disabled):not(.disabled).active:focus, +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5); +} +.btn-outline-default { + color: #344675; + border-color: #344675; +} +.btn-outline-default:hover { + color: #fff; + background-color: #344675; + border-color: #344675; +} +.btn-outline-default.focus, +.btn-outline-default:focus { + box-shadow: 0 0 0 0 rgba(52, 70, 117, 0.5); +} +.btn-outline-default.disabled, +.btn-outline-default:disabled { + color: #344675; + background-color: transparent; +} +.btn-outline-default:not(:disabled):not(.disabled).active, +.btn-outline-default:not(:disabled):not(.disabled):active, +.show > .btn-outline-default.dropdown-toggle { + color: #fff; + background-color: #344675; + border-color: #344675; +} +.btn-outline-default:not(:disabled):not(.disabled).active:focus, +.btn-outline-default:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-default.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(52, 70, 117, 0.5); +} +.btn-outline-white { + color: #fff; + border-color: #fff; +} +.btn-outline-white:hover { + color: #212529; + background-color: #fff; + border-color: #fff; +} +.btn-outline-white.focus, +.btn-outline-white:focus { + box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0.5); +} +.btn-outline-white.disabled, +.btn-outline-white:disabled { + color: #fff; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled).active, +.btn-outline-white:not(:disabled):not(.disabled):active, +.show > .btn-outline-white.dropdown-toggle { + color: #212529; + background-color: #fff; + border-color: #fff; +} +.btn-outline-white:not(:disabled):not(.disabled).active:focus, +.btn-outline-white:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0.5); +} +.btn-outline-neutral { + color: #fff; + border-color: #fff; +} +.btn-outline-neutral:hover { + color: #212529; + background-color: #fff; + border-color: #fff; +} +.btn-outline-neutral.focus, +.btn-outline-neutral:focus { + box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0.5); +} +.btn-outline-neutral.disabled, +.btn-outline-neutral:disabled { + color: #fff; + background-color: transparent; +} +.btn-outline-neutral:not(:disabled):not(.disabled).active, +.btn-outline-neutral:not(:disabled):not(.disabled):active, +.show > .btn-outline-neutral.dropdown-toggle { + color: #212529; + background-color: #fff; + border-color: #fff; +} +.btn-outline-neutral:not(:disabled):not(.disabled).active:focus, +.btn-outline-neutral:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-neutral.dropdown-toggle:focus { + box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0.5); +} +.btn-outline-darker { + color: #000; + border-color: #000; +} +.btn-outline-darker:hover { + color: #fff; + background-color: #000; + border-color: #000; +} +.btn-outline-darker.focus, +.btn-outline-darker:focus { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); +} +.btn-outline-darker.disabled, +.btn-outline-darker:disabled { + color: #000; + background-color: transparent; +} +.btn-outline-darker:not(:disabled):not(.disabled).active, +.btn-outline-darker:not(:disabled):not(.disabled):active, +.show > .btn-outline-darker.dropdown-toggle { + color: #fff; + background-color: #000; + border-color: #000; +} +.btn-outline-darker:not(:disabled):not(.disabled).active:focus, +.btn-outline-darker:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-darker.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); +} +.btn-link { + font-weight: 400; + color: #e14eca; + text-decoration: none; +} +.btn-link:hover { + color: #c221a9; + text-decoration: none; +} +.btn-link.focus, +.btn-link:focus { + text-decoration: none; + box-shadow: none; +} +.btn-link.disabled, +.btn-link:disabled { + color: #6c757d; + pointer-events: none; +} +.btn-group-lg > .btn, +.btn-lg { + font-size: 1em; + line-height: 1.35; +} +.btn-group-sm > .btn, +.btn-sm { + font-size: 0.75rem; + line-height: 1.35; + border-radius: 0.25rem; +} +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} +input[type="button"].btn-block, +input[type="reset"].btn-block, +input[type="submit"].btn-block { + width: 100%; +} +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} +.collapse:not(.show) { + display: none; +} +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} +.dropdown, +.dropleft, +.dropright, +.dropup { + position: relative; +} +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle:after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty:after { + margin-left: 0; +} +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 0.875rem; + color: #525f7f; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 0 solid rgba(34, 42, 66, 0.15); + box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), + 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1); +} +.dropdown-menu-left { + right: auto; + left: 0; +} +.dropdown-menu-right { + right: 0; + left: auto; +} +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle:after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty:after { + margin-left: 0; +} +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle:after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty:after { + margin-left: 0; +} +.dropright .dropdown-toggle:after { + vertical-align: 0; +} +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle:after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + display: none; +} +.dropleft .dropdown-toggle:before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty:after { + margin-left: 0; +} +.dropleft .dropdown-toggle:before { + vertical-align: 0; +} +.dropdown-menu[x-placement^="bottom"], +.dropdown-menu[x-placement^="left"], +.dropdown-menu[x-placement^="right"], +.dropdown-menu[x-placement^="top"] { + right: auto; + bottom: auto; +} +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #e9ecef; +} +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:focus, +.dropdown-item:hover { + color: #16181b; + text-decoration: none; + background-color: #f6f9fc; +} +.dropdown-item.active, +.dropdown-item:active { + color: #fff; + text-decoration: none; + background-color: #e14eca; +} +.dropdown-item.disabled, +.dropdown-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: transparent; +} +.dropdown-menu.show { + display: block; +} +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.75rem; + color: #6c757d; + white-space: nowrap; +} +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group-vertical > .btn, +.btn-group > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group-vertical > .btn.active, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:hover, +.btn-group > .btn.active, +.btn-group > .btn:active, +.btn-group > .btn:focus, +.btn-group > .btn:hover { + z-index: 1; +} +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} +.btn-group > .btn-group:not(:first-child), +.btn-group > .btn:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn-group:not(:last-child) > .btn, +.btn-group > .btn:not(:last-child):not(.dropdown-toggle) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn-group:not(:first-child) > .btn, +.btn-group > .btn:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.dropdown-toggle-split { + padding-right: 30px; + padding-left: 30px; +} +.dropdown-toggle-split:after, +.dropright .dropdown-toggle-split:after, +.dropup .dropdown-toggle-split:after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split:before { + margin-right: 0; +} +.btn-group-sm > .btn + .dropdown-toggle-split, +.btn-sm + .dropdown-toggle-split { + padding-right: 11.25px; + padding-left: 11.25px; +} +.btn-group-lg > .btn + .dropdown-toggle-split, +.btn-lg + .dropdown-toggle-split { + padding-right: 36px; + padding-left: 36px; +} +.btn-group.show .dropdown-toggle, +.btn-group.show .dropdown-toggle.btn-link { + box-shadow: none; +} +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn-group:not(:first-child), +.btn-group-vertical > .btn:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn-group:not(:last-child) > .btn, +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn-group:not(:first-child) > .btn, +.btn-group-vertical > .btn:not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn-group > .btn input[type="checkbox"], +.btn-group-toggle > .btn-group > .btn input[type="radio"], +.btn-group-toggle > .btn input[type="checkbox"], +.btn-group-toggle > .btn input[type="radio"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .custom-file, +.input-group > .custom-select, +.input-group > .form-control, +.input-group > .form-control-plaintext { + position: relative; + flex: 1 1 auto; + width: 1%; + margin-bottom: 0; +} +.input-group > .custom-file + .custom-file, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .form-control, +.input-group > .custom-select + .custom-file, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .form-control, +.input-group > .form-control + .custom-file, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .form-control, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .form-control { + margin-left: -1px; +} +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, +.input-group > .custom-select:focus, +.input-group > .form-control:focus { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .custom-select:not(:last-child), +.input-group > .form-control:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-select:not(:first-child), +.input-group > .form-control:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, +.input-group > .custom-file:not(:last-child) .custom-file-label:after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group-append, +.input-group-prepend { + display: flex; +} +.input-group-append .btn, +.input-group-prepend .btn { + position: relative; + z-index: 2; +} +.input-group-append .btn:focus, +.input-group-prepend .btn:focus { + z-index: 3; +} +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .btn, +.input-group-append .input-group-text + .input-group-text, +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-prepend .input-group-text + .input-group-text { + margin-left: -1px; +} +.input-group-prepend { + margin-right: -1px; +} +.input-group-append { + margin-left: -1px; +} +.input-group-text { + display: flex; + align-items: center; + padding: 0.5rem 0.7rem; + margin-bottom: 0; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.428571; + color: #adb5bd; + text-align: center; + white-space: nowrap; + background-color: transparent; + border: 1px solid #cad1d7; + border-radius: 0.25rem; +} +.input-group-text input[type="checkbox"], +.input-group-text input[type="radio"] { + margin-top: 0; +} +.input-group-lg > .custom-select, +.input-group-lg > .form-control:not(textarea) { + height: calc(1.35em + 1.75rem + 2px); +} +.input-group-lg > .custom-select, +.input-group-lg > .form-control, +.input-group-lg > .input-group-append > .btn, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-prepend > .input-group-text { + padding: 0.875rem 1rem; + font-size: 0.875rem; + line-height: 1.35; + border-radius: 0.4285rem; +} +.input-group-sm > .custom-select, +.input-group-sm > .form-control:not(textarea) { + height: calc(1.35em + 0.5rem + 2px); +} +.input-group-sm > .custom-select, +.input-group-sm > .form-control, +.input-group-sm > .input-group-append > .btn, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-prepend > .input-group-text { + padding: 0.25rem 0.5rem; + font-size: 0.75rem; + line-height: 1.35; + border-radius: 0.2857rem; +} +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.7rem; +} +.input-group + > .input-group-append:last-child + > .btn:not(:last-child):not(.dropdown-toggle), +.input-group + > .input-group-append:last-child + > .input-group-text:not(:last-child), +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group + > .input-group-prepend:first-child + > .input-group-text:not(:first-child), +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.custom-control { + position: relative; + display: block; + min-height: 1.3125rem; + padding-left: 3rem; +} +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} +.custom-control-input { + position: absolute; + z-index: -1; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label:before { + color: #fff; + border-color: #e14eca; + background-color: #e14eca; + box-shadow: none; +} +.custom-control-input:focus ~ .custom-control-label:before { + box-shadow: none, none; +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label:before { + border-color: rgba(50, 151, 211, 0.25); +} +.custom-control-input:not(:disabled):active ~ .custom-control-label:before { + color: #fff; + background-color: #e14eca; + border-color: #e14eca; + box-shadow: none; +} +.custom-control-input:disabled ~ .custom-control-label { + color: #6c757d; +} +.custom-control-input:disabled ~ .custom-control-label:before { + background-color: #e9ecef; +} +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label:before { + pointer-events: none; + background-color: transparent; + border: 1px solid #cad1d7; + box-shadow: none; +} +.custom-control-label:after, +.custom-control-label:before { + position: absolute; + top: 0.03125rem; + left: -3rem; + display: block; + width: 1.25rem; + height: 1.25rem; + content: ""; +} +.custom-control-label:after { + background: no-repeat 50%/50% 50%; +} +.custom-checkbox .custom-control-label:before { + border-radius: 0.2857rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E"); +} +.custom-checkbox + .custom-control-input:indeterminate + ~ .custom-control-label:before { + border-color: #e14eca; + background-color: #e14eca; + box-shadow: none; +} +.custom-checkbox + .custom-control-input:indeterminate + ~ .custom-control-label:after { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); +} +.custom-checkbox + .custom-control-input:disabled:checked + ~ .custom-control-label:before { + background-color: rgba(225, 78, 202, 0.5); +} +.custom-checkbox + .custom-control-input:disabled:indeterminate + ~ .custom-control-label:before { + background-color: rgba(225, 78, 202, 0.5); +} +.custom-radio .custom-control-label:before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label:after { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); +} +.custom-radio + .custom-control-input:disabled:checked + ~ .custom-control-label:before { + background-color: rgba(225, 78, 202, 0.5); +} +.custom-switch { + padding-left: 3.9375rem; +} +.custom-switch .custom-control-label:before { + left: -3.9375rem; + width: 2.1875rem; + pointer-events: all; + border-radius: 0.625rem; +} +.custom-switch .custom-control-label:after { + top: calc(0.03125rem + 2px); + left: calc(-3.9375rem + 2px); + width: calc(1.25rem - 4px); + height: calc(1.25rem - 4px); + background-color: #cad1d7; + border-radius: 0.625rem; + transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label:after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label:after { + background-color: transparent; + transform: translateX(0.9375rem); +} +.custom-switch + .custom-control-input:disabled:checked + ~ .custom-control-label:before { + background-color: rgba(225, 78, 202, 0.5); +} +.custom-select { + display: inline-block; + width: 100%; + height: calc(2.25rem + 2px); + padding: 0.5rem 1.7rem 0.5rem 0.7rem; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.428571; + color: hsla(0, 0%, 100%, 0.8); + vertical-align: middle; + background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%2332325d' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") + no-repeat right 0.7rem center/8px 10px; + background-color: transparent; + border: 1px solid #cad1d7; + border-radius: 0.25rem; + box-shadow: inset 0 1px 2px rgba(34, 42, 66, 0.075); + appearance: none; +} +.custom-select:focus { + border-color: rgba(50, 151, 211, 0.25); + outline: 0; + box-shadow: inset 0 1px 2px rgba(34, 42, 66, 0.075), 0 0 0 0 #e14eca; +} +.custom-select:focus::-ms-value { + color: hsla(0, 0%, 100%, 0.8); + background-color: transparent; +} +.custom-select[multiple], +.custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.7rem; + background-image: none; +} +.custom-select:disabled { + color: #6c757d; + background-color: #e9ecef; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select-sm { + height: calc(1.35em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.75rem; +} +.custom-select-lg { + height: calc(1.35em + 1.75rem + 2px); + padding-top: 0.875rem; + padding-bottom: 0.875rem; + padding-left: 1rem; + font-size: 0.875rem; +} +.custom-file { + display: inline-block; + margin-bottom: 0; +} +.custom-file, +.custom-file-input { + position: relative; + width: 100%; + height: calc(2.25rem + 2px); +} +.custom-file-input { + z-index: 2; + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: rgba(50, 151, 211, 0.25); + box-shadow: none; +} +.custom-file-input:disabled ~ .custom-file-label { + background-color: #e9ecef; +} +.custom-file-input:lang(en) ~ .custom-file-label:after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]:after { + content: attr(data-browse); +} +.custom-file-label { + left: 0; + z-index: 1; + height: calc(2.25rem + 2px); + font-weight: 400; + border: 1px solid #cad1d7; + border-radius: 0.25rem; + box-shadow: none; +} +.custom-file-label, +.custom-file-label:after { + position: absolute; + top: 0; + right: 0; + padding: 0.5rem 0.7rem; + line-height: 1.428571; + color: hsla(0, 0%, 100%, 0.8); + background-color: transparent; +} +.custom-file-label:after { + bottom: 0; + z-index: 3; + display: block; + height: 2.25rem; + content: "Browse"; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} +.custom-range { + width: 100%; + height: 1rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #171941, none; +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #171941, none; +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #171941, none; +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #e14eca; + border: 0; + border-radius: 1rem; + box-shadow: 0 0.1rem 0.25rem rgba(34, 42, 66, 0.1); + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: #fbe7f8; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #e3e3e3; + border-color: transparent; + border-radius: 1rem; + box-shadow: inset 0 0.25rem 0.25rem rgba(34, 42, 66, 0.1); +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #e14eca; + border: 0; + border-radius: 1rem; + box-shadow: 0 0.1rem 0.25rem rgba(34, 42, 66, 0.1); + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: #fbe7f8; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #e3e3e3; + border-color: transparent; + border-radius: 1rem; + box-shadow: inset 0 0.25rem 0.25rem rgba(34, 42, 66, 0.1); +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0; + margin-left: 0; + background-color: #e14eca; + border: 0; + border-radius: 1rem; + box-shadow: 0 0.1rem 0.25rem rgba(34, 42, 66, 0.1); + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: #fbe7f8; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; + box-shadow: inset 0 0.25rem 0.25rem rgba(34, 42, 66, 0.1); +} +.custom-range::-ms-fill-lower, +.custom-range::-ms-fill-upper { + background-color: #e3e3e3; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #adb5bd; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #adb5bd; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #adb5bd; +} +.custom-control-label:before, +.custom-file-label, +.custom-select { + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .custom-control-label:before, + .custom-file-label, + .custom-select { + transition: none; + } +} +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:focus, +.nav-link:hover { + text-decoration: none; +} +.nav-link.disabled { + color: #6c757d; + pointer-events: none; + cursor: default; +} +.nav-tabs { + border-bottom: 0.0625rem solid #e3e3e3; +} +.nav-tabs .nav-item { + margin-bottom: -0.0625rem; +} +.nav-tabs .nav-link { + border: 0.0625rem solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:focus, +.nav-tabs .nav-link:hover { + border-color: #e9ecef #e9ecef #e3e3e3; +} +.nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-item.show .nav-link, +.nav-tabs .nav-link.active { + color: #525f7f; + background-color: #171941; + border-color: #e3e3e3 #e3e3e3 #171941; +} +.nav-tabs .dropdown-menu { + margin-top: -0.0625rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #fff; + background-color: #e14eca; +} +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} +.navbar { + position: relative; + padding: 0.625rem 0.9375rem; +} +.navbar, +.navbar > .container, +.navbar > .container-fluid { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.406813rem; + padding-bottom: 0.406813rem; + margin-right: 0.9375rem; + font-size: 0.99925rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:focus, +.navbar-brand:hover { + text-decoration: none; +} +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link:not(.btn) { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 0.99925rem; + line-height: 1; + background-color: transparent; + border: 0.0625rem solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:focus, +.navbar-toggler:hover { + text-decoration: none; +} +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat 50%; + background-size: 100% 100%; +} +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, + .navbar-expand-sm > .container-fluid { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 1rem; + padding-left: 1rem; + } + .navbar-expand-sm > .container, + .navbar-expand-sm > .container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 1rem; + padding-left: 1rem; + } + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 1rem; + padding-left: 1rem; + } + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 1rem; + padding-left: 1rem; + } + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 1rem; + padding-left: 1rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} +.navbar-light .navbar-brand, +.navbar-light .navbar-brand:focus, +.navbar-light .navbar-brand:hover { + color: rgba(34, 42, 66, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(34, 42, 66, 0.5); +} +.navbar-light .navbar-nav .nav-link:focus, +.navbar-light .navbar-nav .nav-link:hover { + color: rgba(34, 42, 66, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(34, 42, 66, 0.3); +} +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.active, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .show > .nav-link { + color: rgba(34, 42, 66, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(34, 42, 66, 0.5); + border-color: transparent; +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml !default;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(34, 42, 66, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); +} +.navbar-light .navbar-text { + color: rgba(34, 42, 66, 0.5); +} +.navbar-light .navbar-text a, +.navbar-light .navbar-text a:focus, +.navbar-light .navbar-text a:hover { + color: rgba(34, 42, 66, 0.9); +} +.navbar-dark .navbar-brand, +.navbar-dark .navbar-brand:focus, +.navbar-dark .navbar-brand:hover { + color: hsla(0, 0%, 100%, 0.65); +} +.navbar-dark .navbar-nav .nav-link { + color: hsla(0, 0%, 100%, 0.95); +} +.navbar-dark .navbar-nav .nav-link:focus, +.navbar-dark .navbar-nav .nav-link:hover { + color: hsla(0, 0%, 100%, 0.65); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: hsla(0, 0%, 100%, 0.25); +} +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.active, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .show > .nav-link { + color: hsla(0, 0%, 100%, 0.65); +} +.navbar-dark .navbar-toggler { + color: hsla(0, 0%, 100%, 0.95); + border-color: transparent; +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.95)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); +} +.navbar-dark .navbar-text { + color: hsla(0, 0%, 100%, 0.95); +} +.navbar-dark .navbar-text a, +.navbar-dark .navbar-text a:focus, +.navbar-dark .navbar-text a:hover { + color: hsla(0, 0%, 100%, 0.65); +} +.card { + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: border-box; + border: 0.0625rem solid rgba(34, 42, 66, 0.05); + border-radius: 0.2857rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.2857rem; + border-top-right-radius: 0.2857rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.2857rem; + border-bottom-left-radius: 0.2857rem; +} +.card-body { + flex: 1 1 auto; + padding: 1.5rem; +} +.card-title { + margin-bottom: 1.25rem; +} +.card-subtitle { + margin-top: -0.625rem; +} +.card-subtitle, +.card-text:last-child { + margin-bottom: 0; +} +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.5rem; +} +.card-header { + padding: 1.25rem 1.5rem; + margin-bottom: 0; + background-color: #f6f9fc; + border-bottom: 0.0625rem solid rgba(34, 42, 66, 0.05); +} +.card-header:first-child { + border-radius: 0.2232rem 0.2232rem 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} +.card-footer { + padding: 1.25rem 1.5rem; + background-color: #f6f9fc; + border-top: 0.0625rem solid rgba(34, 42, 66, 0.05); +} +.card-footer:last-child { + border-radius: 0 0 0.2232rem 0.2232rem; +} +.card-header-tabs { + margin-bottom: -1.25rem; + border-bottom: 0; +} +.card-header-pills, +.card-header-tabs { + margin-right: -0.75rem; + margin-left: -0.75rem; +} +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} +.card-img { + width: 100%; + border-radius: 0.2232rem; +} +.card-img-top { + width: 100%; + border-top-left-radius: 0.2232rem; + border-top-right-radius: 0.2232rem; +} +.card-img-bottom { + width: 100%; + border-bottom-right-radius: 0.2232rem; + border-bottom-left-radius: 0.2232rem; +} +.card-deck { + display: flex; + flex-direction: column; +} +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + display: flex; + flex: 1 0 0%; + flex-direction: column; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} +.card-group { + display: flex; + flex-direction: column; +} +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-header, + .card-group > .card:not(:last-child) .card-img-top { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-footer, + .card-group > .card:not(:last-child) .card-img-bottom { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-header, + .card-group > .card:not(:first-child) .card-img-top { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-footer, + .card-group > .card:not(:first-child) .card-img-bottom { + border-bottom-left-radius: 0; + } +} +.card-columns .card { + margin-bottom: 1.25rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:first-of-type) .card-header:first-child { + border-radius: 0; +} +.accordion > .card:not(:first-of-type):not(:last-of-type) { + border-bottom: 0; + border-radius: 0; +} +.accordion > .card:first-of-type { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:last-of-type { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card .card-header { + margin-bottom: -0.0625rem; +} +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #1d253b; + border-radius: 0.25rem; +} +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item:before { + display: inline-block; + padding-right: 0.5rem; + color: #fff; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover:before { + text-decoration: underline; + text-decoration: none; +} +.breadcrumb-item.active { + color: #fff; +} +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} +.page-link { + position: relative; + display: block; + padding: 0 0.6875rem; + margin-left: -0.0625rem; + line-height: 1.25; + color: #fff; + background-color: transparent; + border: 0.0625rem solid #e3e3e3; +} +.page-link:hover { + z-index: 2; + color: #6c757d; + text-decoration: none; + background-color: #e3e3e3; + border-color: #e3e3e3; +} +.page-link:focus { + z-index: 2; + outline: 0; + box-shadow: none; +} +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 1; + color: #fff; + background-color: #e14eca; + border-color: #e14eca; +} +.page-item.disabled .page-link { + color: #6c757d; + pointer-events: none; + cursor: auto; + background-color: transparent; + border-color: #e3e3e3; +} +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 0.99925rem; + line-height: 1.625rem; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.4285rem; + border-bottom-left-radius: 0.4285rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.4285rem; + border-bottom-right-radius: 0.4285rem; +} +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.75rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2857rem; + border-bottom-left-radius: 0.2857rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2857rem; + border-bottom-right-radius: 0.2857rem; +} +.badge { + display: inline-block; + padding: 0.25rem 0.5rem; + font-size: 0.62475rem; + font-weight: 700; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25rem; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .badge { + transition: none; + } +} +a.badge:focus, +a.badge:hover { + text-decoration: none; +} +.badge:empty { + display: none; +} +.btn .badge { + position: relative; + top: -1px; +} +.badge-pill { + padding-right: 0.875em; + padding-left: 0.875em; + border-radius: 0.875rem; +} +.badge-primary { + color: #fff; + background-color: #e14eca; +} +a.badge-primary:focus, +a.badge-primary:hover { + color: #fff; + background-color: #d725bb; +} +a.badge-primary.focus, +a.badge-primary:focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(225, 78, 202, 0.5); +} +.badge-secondary { + color: #212529; + background-color: #f4f5f7; +} +a.badge-secondary:focus, +a.badge-secondary:hover { + color: #212529; + background-color: #d6dae2; +} +a.badge-secondary.focus, +a.badge-secondary:focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(244, 245, 247, 0.5); +} +.badge-success { + background-color: #00f2c3; +} +a.badge-success:focus, +a.badge-success:hover { + background-color: #00bf9a; +} +a.badge-success.focus, +a.badge-success:focus { + box-shadow: 0 0 0 0 rgba(0, 242, 195, 0.5); +} +.badge-info { + color: #fff; + background-color: #1d8cf8; +} +a.badge-info:focus, +a.badge-info:hover { + color: #fff; + background-color: #0772db; +} +a.badge-info.focus, +a.badge-info:focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(29, 140, 248, 0.5); +} +.badge-warning { + color: #fff; + background-color: #ff8d72; +} +a.badge-warning:focus, +a.badge-warning:hover { + color: #fff; + background-color: #ff643f; +} +a.badge-warning.focus, +a.badge-warning:focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(255, 141, 114, 0.5); +} +.badge-danger { + color: #fff; + background-color: #fd5d93; +} +a.badge-danger:focus, +a.badge-danger:hover { + color: #fff; + background-color: #fc2b71; +} +a.badge-danger.focus, +a.badge-danger:focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(253, 93, 147, 0.5); +} +.badge-light { + color: #fff; + background-color: #adb5bd; +} +a.badge-light:focus, +a.badge-light:hover { + color: #fff; + background-color: #919ca6; +} +a.badge-light.focus, +a.badge-light:focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(173, 181, 189, 0.5); +} +.badge-dark { + color: #fff; + background-color: #212529; +} +a.badge-dark:focus, +a.badge-dark:hover { + color: #fff; + background-color: #0a0c0d; +} +a.badge-dark.focus, +a.badge-dark:focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5); +} +.badge-default { + color: #fff; + background-color: #344675; +} +a.badge-default:focus, +a.badge-default:hover { + color: #fff; + background-color: #243152; +} +a.badge-default.focus, +a.badge-default:focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(52, 70, 117, 0.5); +} +.badge-white { + color: #212529; + background-color: #fff; +} +a.badge-white:focus, +a.badge-white:hover { + color: #212529; + background-color: #e6e6e6; +} +a.badge-white.focus, +a.badge-white:focus { + outline: 0; + box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0.5); +} +.badge-neutral { + color: #212529; + background-color: #fff; +} +a.badge-neutral:focus, +a.badge-neutral:hover { + color: #212529; + background-color: #e6e6e6; +} +a.badge-neutral.focus, +a.badge-neutral:focus { + outline: 0; + box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0.5); +} +.badge-darker, +a.badge-darker:focus, +a.badge-darker:hover { + color: #fff; + background-color: #000; +} +a.badge-darker.focus, +a.badge-darker:focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); +} +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #e9ecef; + border-radius: 0.4285rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} +.alert { + position: relative; + padding: 0.9rem 1.25rem; + margin-bottom: 1rem; + border: 0.0625rem solid transparent; + border-radius: 0.2857rem; +} +.alert-heading { + color: inherit; +} +.alert-link { + font-weight: 600; +} +.alert-dismissible { + padding-right: 3.8125rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.9rem 1.25rem; + color: inherit; +} +.alert-primary { + color: #e14eca; + background-color: #e66ad2; + border-color: #e66ad2; +} +.alert-primary hr { + border-top-color: #e254cb; +} +.alert-primary .alert-link { + color: #d725bb; +} +.alert-secondary { + color: #f4f5f7; + background-color: #f6f7f8; + border-color: #f6f7f8; +} +.alert-secondary hr { + border-top-color: #e8eaed; +} +.alert-secondary .alert-link { + color: #d6dae2; +} +.alert-success { + color: #00f2c3; + background-color: #29f4cd; + border-color: #29f4cd; +} +.alert-success hr { + border-top-color: #11f3c7; +} +.alert-success .alert-link { + color: #00bf9a; +} +.alert-info { + color: #1d8cf8; + background-color: #419ef9; + border-color: #419ef9; +} +.alert-info hr { + border-top-color: #2891f8; +} +.alert-info .alert-link { + color: #0772db; +} +.alert-warning { + color: #ff8d72; + background-color: #ff9f89; + border-color: #ff9f89; +} +.alert-warning hr { + border-top-color: #ff8a70; +} +.alert-warning .alert-link { + color: #ff643f; +} +.alert-danger { + color: #fd5d93; + background-color: #fd77a4; + border-color: #fd77a4; +} +.alert-danger hr { + border-top-color: #fd5e93; +} +.alert-danger .alert-link { + color: #fc2b71; +} +.alert-light { + color: #adb5bd; + background-color: #bac1c8; + border-color: #bac1c8; +} +.alert-light hr { + border-top-color: #acb4bd; +} +.alert-light .alert-link { + color: #919ca6; +} +.alert-dark { + color: #212529; + background-color: #45484b; + border-color: #45484b; +} +.alert-dark hr { + border-top-color: #393b3e; +} +.alert-dark .alert-link { + color: #0a0c0d; +} +.alert-default { + color: #344675; + background-color: #54648b; + border-color: #54648b; +} +.alert-default hr { + border-top-color: #4a597b; +} +.alert-default .alert-link { + color: #243152; +} +.alert-white { + color: #fff; + background-color: #fff; + border-color: #fff; +} +.alert-white hr { + border-top-color: #f2f2f2; +} +.alert-white .alert-link { + color: #e6e6e6; +} +.alert-neutral { + color: #fff; + background-color: #fff; + border-color: #fff; +} +.alert-neutral hr { + border-top-color: #f2f2f2; +} +.alert-neutral .alert-link { + color: #e6e6e6; +} +.alert-darker { + color: #000; + background-color: #292929; + border-color: #292929; +} +.alert-darker hr { + border-top-color: #1c1c1c; +} +.alert-darker .alert-link { + color: #000; +} +@keyframes b { + 0% { + background-position: 0.5rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 0.5rem; + overflow: hidden; + font-size: 0.65625rem; + background-color: rgba(0, 0, 0, 0.3); + border-radius: 0.875rem; + box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3); +} +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + color: #fff; + text-align: center; + white-space: nowrap; + background-color: #e14eca; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} +.progress-bar-striped { + background-image: linear-gradient( + 45deg, + hsla(0, 0%, 100%, 0.15) 25%, + transparent 0, + transparent 50%, + hsla(0, 0%, 100%, 0.15) 0, + hsla(0, 0%, 100%, 0.15) 75%, + transparent 0, + transparent + ); + background-size: 0.5rem 0.5rem; +} +.progress-bar-animated { + animation: b 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} +.media { + display: flex; + align-items: flex-start; +} +.media-body { + flex: 1; +} +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} +.list-group-item-action { + width: 100%; + color: #525f7f; + text-align: inherit; +} +.list-group-item-action:focus, +.list-group-item-action:hover { + z-index: 1; + color: #525f7f; + text-decoration: none; + background-color: #f6f9fc; +} +.list-group-item-action:active { + color: #525f7f; + background-color: #e9ecef; +} +.list-group-item { + position: relative; + display: block; + padding: 1rem; + margin-bottom: -0.0625rem; + background-color: #fff; + border: 0.0625rem solid #e9ecef; +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, +.list-group-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: #fff; +} +.list-group-item.active { + z-index: 2; + color: #fff; + background-color: #e14eca; + border-color: #e14eca; +} +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item { + margin-right: -0.0625rem; + margin-bottom: 0; +} +.list-group-horizontal .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + margin-right: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item { + margin-right: -0.0625rem; + margin-bottom: 0; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + margin-right: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item { + margin-right: -0.0625rem; + margin-bottom: 0; + } + .list-group-horizontal-md .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + margin-right: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item { + margin-right: -0.0625rem; + margin-bottom: 0; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + margin-right: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item { + margin-right: -0.0625rem; + margin-bottom: 0; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + margin-right: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } +} +.list-group-flush .list-group-item { + border-right: 0; + border-left: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:last-child { + margin-bottom: -0.0625rem; +} +.list-group-flush:first-child .list-group-item:first-child { + border-top: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + margin-bottom: 0; + border-bottom: 0; +} +.list-group-item-primary { + color: #853d89; + background-color: #f7cdf0; +} +.list-group-item-primary.list-group-item-action:focus, +.list-group-item-primary.list-group-item-action:hover { + color: #853d89; + background-color: #f3b7e9; +} +.list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #853d89; + border-color: #853d89; +} +.list-group-item-secondary { + color: #8f94a0; + background-color: #fcfcfd; +} +.list-group-item-secondary.list-group-item-action:focus, +.list-group-item-secondary.list-group-item-action:hover { + color: #8f94a0; + background-color: #ededf3; +} +.list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #8f94a0; + border-color: #8f94a0; +} +.list-group-item-success { + color: #109285; + background-color: #b8fbee; +} +.list-group-item-success.list-group-item-action:focus, +.list-group-item-success.list-group-item-action:hover { + color: #109285; + background-color: #a0fae8; +} +.list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #109285; + border-color: #109285; +} +.list-group-item-info { + color: #1f5da1; + background-color: #c0dffd; +} +.list-group-item-info.list-group-item-action:focus, +.list-group-item-info.list-group-item-action:hover { + color: #1f5da1; + background-color: #a7d2fc; +} +.list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #1f5da1; + border-color: #1f5da1; +} +.list-group-item-warning { + color: #955d5b; + background-color: #ffdfd8; +} +.list-group-item-warning.list-group-item-action:focus, +.list-group-item-warning.list-group-item-action:hover { + color: #955d5b; + background-color: #ffcabf; +} +.list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #955d5b; + border-color: #955d5b; +} +.list-group-item-danger { + color: #94456c; + background-color: #fed2e1; +} +.list-group-item-danger.list-group-item-action:focus, +.list-group-item-danger.list-group-item-action:hover { + color: #94456c; + background-color: #fdb9d0; +} +.list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #94456c; + border-color: #94456c; +} +.list-group-item-light { + color: #6a7282; + background-color: #e8eaed; +} +.list-group-item-light.list-group-item-action:focus, +.list-group-item-light.list-group-item-action:hover { + color: #6a7282; + background-color: #dadde2; +} +.list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #6a7282; + border-color: #6a7282; +} +.list-group-item-dark { + color: #212735; + background-color: #c1c2c3; +} +.list-group-item-dark.list-group-item-action:focus, +.list-group-item-dark.list-group-item-action:hover { + color: #212735; + background-color: #b4b5b6; +} +.list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #212735; + border-color: #212735; +} +.list-group-item-default { + color: #2b395d; + background-color: #c6cbd8; +} +.list-group-item-default.list-group-item-action:focus, +.list-group-item-default.list-group-item-action:hover { + color: #2b395d; + background-color: #b7bdce; +} +.list-group-item-default.list-group-item-action.active { + color: #fff; + background-color: #2b395d; + border-color: #2b395d; +} +.list-group-item-white { + color: #9599a4; + background-color: #fff; +} +.list-group-item-white.list-group-item-action:focus, +.list-group-item-white.list-group-item-action:hover { + color: #9599a4; + background-color: #f2f2f2; +} +.list-group-item-white.list-group-item-action.active { + color: #fff; + background-color: #9599a4; + border-color: #9599a4; +} +.list-group-item-neutral { + color: #9599a4; + background-color: #fff; +} +.list-group-item-neutral.list-group-item-action:focus, +.list-group-item-neutral.list-group-item-action:hover { + color: #9599a4; + background-color: #f2f2f2; +} +.list-group-item-neutral.list-group-item-action.active { + color: #fff; + background-color: #9599a4; + border-color: #9599a4; +} +.list-group-item-darker { + color: #101420; + background-color: #b8b8b8; +} +.list-group-item-darker.list-group-item-action:focus, +.list-group-item-darker.list-group-item-action:hover { + color: #101420; + background-color: #ababab; +} +.list-group-item-darker.list-group-item-action.active { + color: #fff; + background-color: #101420; + border-color: #101420; +} +.close { + float: right; + font-size: 1.3125rem; + font-weight: 600; + line-height: 1; + text-shadow: none; + opacity: 0.5; +} +.close, +.close:hover { + color: rgba(0, 0, 0, 0.6); +} +.close:hover { + text-decoration: none; +} +.close:not(:disabled):not(.disabled):focus, +.close:not(:disabled):not(.disabled):hover { + opacity: 0.75; +} +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} +a.close.disabled { + pointer-events: none; +} +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translateY(-50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-footer, +.modal-dialog-scrollable .modal-header { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered:before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable:before { + content: none; +} +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(34, 42, 66, 0.2); + border-radius: 0.2857rem; + box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.5); + outline: 0; +} +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #222a42; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.16; +} +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 24px 24px 0; + border-bottom: 1px solid #e9ecef; + border-top-left-radius: 0.2857rem; + border-top-right-radius: 0.2857rem; +} +.modal-header .close { + padding: 24px 24px 0; + margin: -1rem -1rem -1rem auto; +} +.modal-title { + margin-bottom: 0; + line-height: 1.1; +} +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 24px 24px 16px; +} +.modal-footer { + display: flex; + align-items: center; + justify-content: flex-end; + padding: 24px 24px 16px; + border-top: 1px solid #e9ecef; + border-bottom-right-radius: 0.2857rem; + border-bottom-left-radius: 0.2857rem; +} +.modal-footer > :not(:first-child) { + margin-left: 0.25rem; +} +.modal-footer > :not(:last-child) { + margin-right: 0.25rem; +} +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered:before { + height: calc(100vh - 3.5rem); + } + .modal-content { + box-shadow: 0 15px 35px rgba(50, 50, 93, 0.2), + 0 5px 15px rgba(0, 0, 0, 0.17); + } + .modal-sm { + max-width: 380px; + } +} +@media (min-width: 992px) { + .modal-lg, + .modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: Poppins, sans-serif; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.75rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow:before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} +.bs-tooltip-auto[x-placement^="top"], +.bs-tooltip-top { + padding: 0.4rem 0; +} +.bs-tooltip-auto[x-placement^="top"] .arrow, +.bs-tooltip-top .arrow { + bottom: 0; +} +.bs-tooltip-auto[x-placement^="top"] .arrow:before, +.bs-tooltip-top .arrow:before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #fff; +} +.bs-tooltip-auto[x-placement^="right"], +.bs-tooltip-right { + padding: 0 0.4rem; +} +.bs-tooltip-auto[x-placement^="right"] .arrow, +.bs-tooltip-right .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-auto[x-placement^="right"] .arrow:before, +.bs-tooltip-right .arrow:before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #fff; +} +.bs-tooltip-auto[x-placement^="bottom"], +.bs-tooltip-bottom { + padding: 0.4rem 0; +} +.bs-tooltip-auto[x-placement^="bottom"] .arrow, +.bs-tooltip-bottom .arrow { + top: 0; +} +.bs-tooltip-auto[x-placement^="bottom"] .arrow:before, +.bs-tooltip-bottom .arrow:before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #fff; +} +.bs-tooltip-auto[x-placement^="left"], +.bs-tooltip-left { + padding: 0 0.4rem; +} +.bs-tooltip-auto[x-placement^="left"] .arrow, +.bs-tooltip-left .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-auto[x-placement^="left"] .arrow:before, +.bs-tooltip-left .arrow:before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #fff; +} +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #222a42; + text-align: center; + background-color: #fff; + border-radius: 0.25rem; +} +.popover { + top: 0; + left: 0; + z-index: 1060; + max-width: 276px; + font-family: Poppins, sans-serif; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.75rem; + word-wrap: break-word; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(34, 42, 66, 0.05); + border-radius: 0.4285rem; + box-shadow: 0 0.5rem 2rem 0 rgba(34, 42, 66, 0.2); +} +.popover, +.popover .arrow { + position: absolute; + display: block; +} +.popover .arrow { + width: 1.5rem; + height: 0.75rem; + margin: 0 0.4285rem; +} +.popover .arrow:after, +.popover .arrow:before { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} +.bs-popover-auto[x-placement^="top"], +.bs-popover-top { + margin-bottom: 0.75rem; +} +.bs-popover-auto[x-placement^="top"] > .arrow, +.bs-popover-top > .arrow { + bottom: calc((0.75rem + 1px) * -1); +} +.bs-popover-auto[x-placement^="top"] > .arrow:before, +.bs-popover-top > .arrow:before { + bottom: 0; + border-width: 0.75rem 0.75rem 0; + border-top-color: transparent; +} +.bs-popover-auto[x-placement^="top"] > .arrow:after, +.bs-popover-top > .arrow:after { + bottom: 1px; + border-width: 0.75rem 0.75rem 0; + border-top-color: #fff; +} +.bs-popover-auto[x-placement^="right"], +.bs-popover-right { + margin-left: 0.75rem; +} +.bs-popover-auto[x-placement^="right"] > .arrow, +.bs-popover-right > .arrow { + left: calc((0.75rem + 1px) * -1); + width: 0.75rem; + height: 1.5rem; + margin: 0.4285rem 0; +} +.bs-popover-auto[x-placement^="right"] > .arrow:before, +.bs-popover-right > .arrow:before { + left: 0; + border-width: 0.75rem 0.75rem 0.75rem 0; + border-right-color: transparent; +} +.bs-popover-auto[x-placement^="right"] > .arrow:after, +.bs-popover-right > .arrow:after { + left: 1px; + border-width: 0.75rem 0.75rem 0.75rem 0; + border-right-color: #fff; +} +.bs-popover-auto[x-placement^="bottom"], +.bs-popover-bottom { + margin-top: 0.75rem; +} +.bs-popover-auto[x-placement^="bottom"] > .arrow, +.bs-popover-bottom > .arrow { + top: calc((0.75rem + 1px) * -1); +} +.bs-popover-auto[x-placement^="bottom"] > .arrow:before, +.bs-popover-bottom > .arrow:before { + top: 0; + border-width: 0 0.75rem 0.75rem; + border-bottom-color: transparent; +} +.bs-popover-auto[x-placement^="bottom"] > .arrow:after, +.bs-popover-bottom > .arrow:after { + top: 1px; + border-width: 0 0.75rem 0.75rem; + border-bottom-color: #fff; +} +.bs-popover-auto[x-placement^="bottom"] .popover-header:before, +.bs-popover-bottom .popover-header:before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1.5rem; + margin-left: -0.75rem; + content: ""; + border-bottom: 1px solid #fff; +} +.bs-popover-auto[x-placement^="left"], +.bs-popover-left { + margin-right: 0.75rem; +} +.bs-popover-auto[x-placement^="left"] > .arrow, +.bs-popover-left > .arrow { + right: calc((0.75rem + 1px) * -1); + width: 0.75rem; + height: 1.5rem; + margin: 0.4285rem 0; +} +.bs-popover-auto[x-placement^="left"] > .arrow:before, +.bs-popover-left > .arrow:before { + right: 0; + border-width: 0.75rem 0 0.75rem 0.75rem; + border-left-color: transparent; +} +.bs-popover-auto[x-placement^="left"] > .arrow:after, +.bs-popover-left > .arrow:after { + right: 1px; + border-width: 0.75rem 0 0.75rem 0.75rem; + border-left-color: #fff; +} +.popover-header { + padding: 0.75rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #32325d; + background-color: #fff; + border-bottom: 1px solid #f2f2f2; + border-top-left-radius: calc(0.4285rem - 1px); + border-top-right-radius: calc(0.4285rem - 1px); +} +.popover-header:empty { + display: none; +} +.popover-body { + padding: 0.75rem; + color: #525f7f; +} +.carousel { + position: relative; +} +.carousel.pointer-event { + touch-action: pan-y; +} +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner:after { + display: block; + clear: both; + content: ""; +} +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} +.carousel-item-next, +.carousel-item-prev, +.carousel-item.active { + display: block; +} +.active.carousel-item-right, +.carousel-item-next:not(.carousel-item-left) { + transform: translateX(100%); +} +.active.carousel-item-left, +.carousel-item-prev:not(.carousel-item-right) { + transform: translateX(-100%); +} +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right, +.carousel-fade .carousel-item.active { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, + .carousel-fade .active.carousel-item-right { + transition: none; + } +} +.carousel-control-next, +.carousel-control-prev { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #fff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-next, + .carousel-control-prev { + transition: none; + } +} +.carousel-control-next:focus, +.carousel-control-next:hover, +.carousel-control-prev:focus, +.carousel-control-prev:hover { + color: #fff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} +.carousel-control-prev { + left: 0; +} +.carousel-control-next { + right: 0; +} +.carousel-control-next-icon, +.carousel-control-prev-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E"); +} +.carousel-control-next-icon { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E"); +} +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; +} +.align-baseline { + vertical-align: baseline !important; +} +.align-top { + vertical-align: top !important; +} +.align-middle { + vertical-align: middle !important; +} +.align-bottom { + vertical-align: bottom !important; +} +.align-text-bottom { + vertical-align: text-bottom !important; +} +.align-text-top { + vertical-align: text-top !important; +} +.bg-primary { + background-color: #e14eca !important; +} +a.bg-primary:focus, +a.bg-primary:hover, +button.bg-primary:focus, +button.bg-primary:hover { + background-color: #d725bb !important; +} +.bg-secondary { + background-color: #f4f5f7 !important; +} +a.bg-secondary:focus, +a.bg-secondary:hover, +button.bg-secondary:focus, +button.bg-secondary:hover { + background-color: #d6dae2 !important; +} +.bg-success { + background-color: #00f2c3 !important; +} +a.bg-success:focus, +a.bg-success:hover, +button.bg-success:focus, +button.bg-success:hover { + background-color: #00bf9a !important; +} +.bg-info { + background-color: #1d8cf8 !important; +} +a.bg-info:focus, +a.bg-info:hover, +button.bg-info:focus, +button.bg-info:hover { + background-color: #0772db !important; +} +.bg-warning { + background-color: #ff8d72 !important; +} +a.bg-warning:focus, +a.bg-warning:hover, +button.bg-warning:focus, +button.bg-warning:hover { + background-color: #ff643f !important; +} +.bg-danger { + background-color: #fd5d93 !important; +} +a.bg-danger:focus, +a.bg-danger:hover, +button.bg-danger:focus, +button.bg-danger:hover { + background-color: #fc2b71 !important; +} +.bg-light { + background-color: #adb5bd !important; +} +a.bg-light:focus, +a.bg-light:hover, +button.bg-light:focus, +button.bg-light:hover { + background-color: #919ca6 !important; +} +.bg-dark { + background-color: #212529 !important; +} +a.bg-dark:focus, +a.bg-dark:hover, +button.bg-dark:focus, +button.bg-dark:hover { + background-color: #0a0c0d !important; +} +.bg-default { + background-color: #344675 !important; +} +a.bg-default:focus, +a.bg-default:hover, +button.bg-default:focus, +button.bg-default:hover { + background-color: #243152 !important; +} +a.bg-white:focus, +a.bg-white:hover, +button.bg-white:focus, +button.bg-white:hover { + background-color: #e6e6e6 !important; +} +.bg-neutral { + background-color: #fff !important; +} +a.bg-neutral:focus, +a.bg-neutral:hover, +button.bg-neutral:focus, +button.bg-neutral:hover { + background-color: #e6e6e6 !important; +} +.bg-darker, +a.bg-darker:focus, +a.bg-darker:hover, +button.bg-darker:focus, +button.bg-darker:hover { + background-color: #000 !important; +} +.bg-white { + background-color: #fff !important; +} +.bg-transparent { + background-color: transparent !important; +} +.border { + border: 0.0625rem solid #e9ecef !important; +} +.border-top { + border-top: 0.0625rem solid #e9ecef !important; +} +.border-right { + border-right: 0.0625rem solid #e9ecef !important; +} +.border-bottom { + border-bottom: 0.0625rem solid #e9ecef !important; +} +.border-left { + border-left: 0.0625rem solid #e9ecef !important; +} +.border-0 { + border: 0 !important; +} +.border-top-0 { + border-top: 0 !important; +} +.border-right-0 { + border-right: 0 !important; +} +.border-bottom-0 { + border-bottom: 0 !important; +} +.border-left-0 { + border-left: 0 !important; +} +.border-primary { + border-color: #e14eca !important; +} +.border-secondary { + border-color: #f4f5f7 !important; +} +.border-success { + border-color: #00f2c3 !important; +} +.border-info { + border-color: #1d8cf8 !important; +} +.border-warning { + border-color: #ff8d72 !important; +} +.border-danger { + border-color: #fd5d93 !important; +} +.border-light { + border-color: #adb5bd !important; +} +.border-dark { + border-color: #212529 !important; +} +.border-default { + border-color: #344675 !important; +} +.border-neutral { + border-color: #fff !important; +} +.border-darker { + border-color: #000 !important; +} +.border-white { + border-color: #fff !important; +} +.rounded-sm { + border-radius: 0.2857rem !important; +} +.rounded { + border-radius: 0.25rem !important; +} +.rounded-top { + border-top-left-radius: 0.25rem !important; +} +.rounded-right, +.rounded-top { + border-top-right-radius: 0.25rem !important; +} +.rounded-bottom, +.rounded-right { + border-bottom-right-radius: 0.25rem !important; +} +.rounded-bottom, +.rounded-left { + border-bottom-left-radius: 0.25rem !important; +} +.rounded-left { + border-top-left-radius: 0.25rem !important; +} +.rounded-lg { + border-radius: 0.4285rem !important; +} +.rounded-circle { + border-radius: 50% !important; +} +.rounded-pill { + border-radius: 50rem !important; +} +.rounded-0 { + border-radius: 0 !important; +} +.clearfix:after { + display: block; + clear: both; + content: ""; +} +.d-none { + display: none !important; +} +.d-inline { + display: inline !important; +} +.d-inline-block { + display: inline-block !important; +} +.d-block { + display: block !important; +} +.d-table { + display: table !important; +} +.d-table-row { + display: table-row !important; +} +.d-table-cell { + display: table-cell !important; +} +.d-flex { + display: flex !important; +} +.d-inline-flex { + display: inline-flex !important; +} +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: flex !important; + } + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-row { + display: table-row !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-flex { + display: flex !important; + } + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-row { + display: table-row !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-flex { + display: flex !important; + } + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-row { + display: table-row !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-flex { + display: flex !important; + } + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + .d-print-inline { + display: inline !important; + } + .d-print-inline-block { + display: inline-block !important; + } + .d-print-block { + display: block !important; + } + .d-print-table { + display: table !important; + } + .d-print-table-row { + display: table-row !important; + } + .d-print-table-cell { + display: table-cell !important; + } + .d-print-flex { + display: flex !important; + } + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive:before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive embed, +.embed-responsive iframe, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} +.embed-responsive-21by9:before { + padding-top: 42.857143%; +} +.embed-responsive-16by9:before { + padding-top: 56.25%; +} +.embed-responsive-4by3:before { + padding-top: 75%; +} +.embed-responsive-1by1:before { + padding-top: 100%; +} +.flex-row { + flex-direction: row !important; +} +.flex-column { + flex-direction: column !important; +} +.flex-row-reverse { + flex-direction: row-reverse !important; +} +.flex-column-reverse { + flex-direction: column-reverse !important; +} +.flex-wrap { + flex-wrap: wrap !important; +} +.flex-nowrap { + flex-wrap: nowrap !important; +} +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} +.flex-fill { + flex: 1 1 auto !important; +} +.flex-grow-0 { + flex-grow: 0 !important; +} +.flex-grow-1 { + flex-grow: 1 !important; +} +.flex-shrink-0 { + flex-shrink: 0 !important; +} +.flex-shrink-1 { + flex-shrink: 1 !important; +} +.justify-content-start { + justify-content: flex-start !important; +} +.justify-content-end { + justify-content: flex-end !important; +} +.justify-content-center { + justify-content: center !important; +} +.justify-content-between { + justify-content: space-between !important; +} +.justify-content-around { + justify-content: space-around !important; +} +.align-items-start { + align-items: flex-start !important; +} +.align-items-end { + align-items: flex-end !important; +} +.align-items-center { + align-items: center !important; +} +.align-items-baseline { + align-items: baseline !important; +} +.align-items-stretch { + align-items: stretch !important; +} +.align-content-start { + align-content: flex-start !important; +} +.align-content-end { + align-content: flex-end !important; +} +.align-content-center { + align-content: center !important; +} +.align-content-between { + align-content: space-between !important; +} +.align-content-around { + align-content: space-around !important; +} +.align-content-stretch { + align-content: stretch !important; +} +.align-self-auto { + align-self: auto !important; +} +.align-self-start { + align-self: flex-start !important; +} +.align-self-end { + align-self: flex-end !important; +} +.align-self-center { + align-self: center !important; +} +.align-self-baseline { + align-self: baseline !important; +} +.align-self-stretch { + align-self: stretch !important; +} +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + .flex-sm-column { + flex-direction: column !important; + } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + .flex-sm-wrap { + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-sm-fill { + flex: 1 1 auto !important; + } + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-sm-start { + justify-content: flex-start !important; + } + .justify-content-sm-end { + justify-content: flex-end !important; + } + .justify-content-sm-center { + justify-content: center !important; + } + .justify-content-sm-between { + justify-content: space-between !important; + } + .justify-content-sm-around { + justify-content: space-around !important; + } + .align-items-sm-start { + align-items: flex-start !important; + } + .align-items-sm-end { + align-items: flex-end !important; + } + .align-items-sm-center { + align-items: center !important; + } + .align-items-sm-baseline { + align-items: baseline !important; + } + .align-items-sm-stretch { + align-items: stretch !important; + } + .align-content-sm-start { + align-content: flex-start !important; + } + .align-content-sm-end { + align-content: flex-end !important; + } + .align-content-sm-center { + align-content: center !important; + } + .align-content-sm-between { + align-content: space-between !important; + } + .align-content-sm-around { + align-content: space-around !important; + } + .align-content-sm-stretch { + align-content: stretch !important; + } + .align-self-sm-auto { + align-self: auto !important; + } + .align-self-sm-start { + align-self: flex-start !important; + } + .align-self-sm-end { + align-self: flex-end !important; + } + .align-self-sm-center { + align-self: center !important; + } + .align-self-sm-baseline { + align-self: baseline !important; + } + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + .flex-md-column { + flex-direction: column !important; + } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + .flex-md-wrap { + flex-wrap: wrap !important; + } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-md-fill { + flex: 1 1 auto !important; + } + .flex-md-grow-0 { + flex-grow: 0 !important; + } + .flex-md-grow-1 { + flex-grow: 1 !important; + } + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-md-start { + justify-content: flex-start !important; + } + .justify-content-md-end { + justify-content: flex-end !important; + } + .justify-content-md-center { + justify-content: center !important; + } + .justify-content-md-between { + justify-content: space-between !important; + } + .justify-content-md-around { + justify-content: space-around !important; + } + .align-items-md-start { + align-items: flex-start !important; + } + .align-items-md-end { + align-items: flex-end !important; + } + .align-items-md-center { + align-items: center !important; + } + .align-items-md-baseline { + align-items: baseline !important; + } + .align-items-md-stretch { + align-items: stretch !important; + } + .align-content-md-start { + align-content: flex-start !important; + } + .align-content-md-end { + align-content: flex-end !important; + } + .align-content-md-center { + align-content: center !important; + } + .align-content-md-between { + align-content: space-between !important; + } + .align-content-md-around { + align-content: space-around !important; + } + .align-content-md-stretch { + align-content: stretch !important; + } + .align-self-md-auto { + align-self: auto !important; + } + .align-self-md-start { + align-self: flex-start !important; + } + .align-self-md-end { + align-self: flex-end !important; + } + .align-self-md-center { + align-self: center !important; + } + .align-self-md-baseline { + align-self: baseline !important; + } + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + .flex-lg-column { + flex-direction: column !important; + } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + .flex-lg-wrap { + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-lg-fill { + flex: 1 1 auto !important; + } + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-lg-start { + justify-content: flex-start !important; + } + .justify-content-lg-end { + justify-content: flex-end !important; + } + .justify-content-lg-center { + justify-content: center !important; + } + .justify-content-lg-between { + justify-content: space-between !important; + } + .justify-content-lg-around { + justify-content: space-around !important; + } + .align-items-lg-start { + align-items: flex-start !important; + } + .align-items-lg-end { + align-items: flex-end !important; + } + .align-items-lg-center { + align-items: center !important; + } + .align-items-lg-baseline { + align-items: baseline !important; + } + .align-items-lg-stretch { + align-items: stretch !important; + } + .align-content-lg-start { + align-content: flex-start !important; + } + .align-content-lg-end { + align-content: flex-end !important; + } + .align-content-lg-center { + align-content: center !important; + } + .align-content-lg-between { + align-content: space-between !important; + } + .align-content-lg-around { + align-content: space-around !important; + } + .align-content-lg-stretch { + align-content: stretch !important; + } + .align-self-lg-auto { + align-self: auto !important; + } + .align-self-lg-start { + align-self: flex-start !important; + } + .align-self-lg-end { + align-self: flex-end !important; + } + .align-self-lg-center { + align-self: center !important; + } + .align-self-lg-baseline { + align-self: baseline !important; + } + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + .flex-xl-column { + flex-direction: column !important; + } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xl-wrap { + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-xl-fill { + flex: 1 1 auto !important; + } + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-xl-start { + justify-content: flex-start !important; + } + .justify-content-xl-end { + justify-content: flex-end !important; + } + .justify-content-xl-center { + justify-content: center !important; + } + .justify-content-xl-between { + justify-content: space-between !important; + } + .justify-content-xl-around { + justify-content: space-around !important; + } + .align-items-xl-start { + align-items: flex-start !important; + } + .align-items-xl-end { + align-items: flex-end !important; + } + .align-items-xl-center { + align-items: center !important; + } + .align-items-xl-baseline { + align-items: baseline !important; + } + .align-items-xl-stretch { + align-items: stretch !important; + } + .align-content-xl-start { + align-content: flex-start !important; + } + .align-content-xl-end { + align-content: flex-end !important; + } + .align-content-xl-center { + align-content: center !important; + } + .align-content-xl-between { + align-content: space-between !important; + } + .align-content-xl-around { + align-content: space-around !important; + } + .align-content-xl-stretch { + align-content: stretch !important; + } + .align-self-xl-auto { + align-self: auto !important; + } + .align-self-xl-start { + align-self: flex-start !important; + } + .align-self-xl-end { + align-self: flex-end !important; + } + .align-self-xl-center { + align-self: center !important; + } + .align-self-xl-baseline { + align-self: baseline !important; + } + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} +.float-right { + float: right !important; +} +.float-none { + float: none !important; +} +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + .float-sm-right { + float: right !important; + } + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + .float-md-right { + float: right !important; + } + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + .float-lg-right { + float: right !important; + } + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + .float-xl-right { + float: right !important; + } + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} +.overflow-hidden { + overflow: hidden !important; +} +.position-static { + position: static !important; +} +.position-relative { + position: relative !important; +} +.position-absolute { + position: absolute !important; +} +.position-fixed { + position: fixed !important; +} +.position-sticky { + position: sticky !important; +} +.fixed-top { + top: 0; +} +.fixed-bottom, +.fixed-top { + position: fixed; + right: 0; + left: 0; + z-index: 1030; +} +.fixed-bottom { + bottom: 0; +} +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(34, 42, 66, 0.075) !important; +} +.shadow { + box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1) !important; +} +.shadow-lg { + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4) !important; +} +.shadow-none { + box-shadow: none !important; +} +.w-25 { + width: 25% !important; +} +.w-50 { + width: 50% !important; +} +.w-75 { + width: 75% !important; +} +.w-100 { + width: 100% !important; +} +.w-auto { + width: auto !important; +} +.h-25 { + height: 25% !important; +} +.h-50 { + height: 50% !important; +} +.h-75 { + height: 75% !important; +} +.h-100 { + height: 100% !important; +} +.h-auto { + height: auto !important; +} +.mw-100 { + max-width: 100% !important; +} +.mh-100 { + max-height: 100% !important; +} +.min-vw-100 { + min-width: 100vw !important; +} +.min-vh-100 { + min-height: 100vh !important; +} +.vw-100 { + width: 100vw !important; +} +.vh-100 { + height: 100vh !important; +} +.stretched-link:after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + pointer-events: auto; + content: ""; + background-color: transparent; +} +.m-0 { + margin: 0 !important; +} +.mt-0, +.my-0 { + margin-top: 0 !important; +} +.mr-0, +.mx-0 { + margin-right: 0 !important; +} +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} +.ml-0, +.mx-0 { + margin-left: 0 !important; +} +.m-1 { + margin: 0.25rem !important; +} +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} +.m-2 { + margin: 0.5rem !important; +} +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} +.m-3 { + margin: 1rem !important; +} +.mt-3, +.my-3 { + margin-top: 1rem !important; +} +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} +.m-4 { + margin: 1.5rem !important; +} +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} +.m-5 { + margin: 3rem !important; +} +.mt-5, +.my-5 { + margin-top: 3rem !important; +} +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} +.m-sm { + margin: 2rem !important; +} +.mt-sm, +.my-sm { + margin-top: 2rem !important; +} +.mr-sm, +.mx-sm { + margin-right: 2rem !important; +} +.mb-sm, +.my-sm { + margin-bottom: 2rem !important; +} +.ml-sm, +.mx-sm { + margin-left: 2rem !important; +} +.m-md { + margin: 4rem !important; +} +.mt-md, +.my-md { + margin-top: 4rem !important; +} +.mr-md, +.mx-md { + margin-right: 4rem !important; +} +.mb-md, +.my-md { + margin-bottom: 4rem !important; +} +.ml-md, +.mx-md { + margin-left: 4rem !important; +} +.m-lg { + margin: 6rem !important; +} +.mt-lg, +.my-lg { + margin-top: 6rem !important; +} +.mr-lg, +.mx-lg { + margin-right: 6rem !important; +} +.mb-lg, +.my-lg { + margin-bottom: 6rem !important; +} +.ml-lg, +.mx-lg { + margin-left: 6rem !important; +} +.m-xl { + margin: 8rem !important; +} +.mt-xl, +.my-xl { + margin-top: 8rem !important; +} +.mr-xl, +.mx-xl { + margin-right: 8rem !important; +} +.mb-xl, +.my-xl { + margin-bottom: 8rem !important; +} +.ml-xl, +.mx-xl { + margin-left: 8rem !important; +} +.p-0 { + padding: 0 !important; +} +.pt-0, +.py-0 { + padding-top: 0 !important; +} +.pr-0, +.px-0 { + padding-right: 0 !important; +} +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} +.pl-0, +.px-0 { + padding-left: 0 !important; +} +.p-1 { + padding: 0.25rem !important; +} +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} +.p-2 { + padding: 0.5rem !important; +} +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} +.p-3 { + padding: 1rem !important; +} +.pt-3, +.py-3 { + padding-top: 1rem !important; +} +.pr-3, +.px-3 { + padding-right: 1rem !important; +} +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} +.pl-3, +.px-3 { + padding-left: 1rem !important; +} +.p-4 { + padding: 1.5rem !important; +} +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} +.p-5 { + padding: 3rem !important; +} +.pt-5, +.py-5 { + padding-top: 3rem !important; +} +.pr-5, +.px-5 { + padding-right: 3rem !important; +} +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} +.pl-5, +.px-5 { + padding-left: 3rem !important; +} +.p-sm { + padding: 2rem !important; +} +.pt-sm, +.py-sm { + padding-top: 2rem !important; +} +.pr-sm, +.px-sm { + padding-right: 2rem !important; +} +.pb-sm, +.py-sm { + padding-bottom: 2rem !important; +} +.pl-sm, +.px-sm { + padding-left: 2rem !important; +} +.p-md { + padding: 4rem !important; +} +.pt-md, +.py-md { + padding-top: 4rem !important; +} +.pr-md, +.px-md { + padding-right: 4rem !important; +} +.pb-md, +.py-md { + padding-bottom: 4rem !important; +} +.pl-md, +.px-md { + padding-left: 4rem !important; +} +.p-lg { + padding: 6rem !important; +} +.pt-lg, +.py-lg { + padding-top: 6rem !important; +} +.pr-lg, +.px-lg { + padding-right: 6rem !important; +} +.pb-lg, +.py-lg { + padding-bottom: 6rem !important; +} +.pl-lg, +.px-lg { + padding-left: 6rem !important; +} +.p-xl { + padding: 8rem !important; +} +.pt-xl, +.py-xl { + padding-top: 8rem !important; +} +.pr-xl, +.px-xl { + padding-right: 8rem !important; +} +.pb-xl, +.py-xl { + padding-bottom: 8rem !important; +} +.pl-xl, +.px-xl { + padding-left: 8rem !important; +} +.m-n1 { + margin: -0.25rem !important; +} +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} +.m-n2 { + margin: -0.5rem !important; +} +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} +.m-n3 { + margin: -1rem !important; +} +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} +.m-n4 { + margin: -1.5rem !important; +} +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} +.m-n5 { + margin: -3rem !important; +} +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} +.m-nsm { + margin: -2rem !important; +} +.mt-nsm, +.my-nsm { + margin-top: -2rem !important; +} +.mr-nsm, +.mx-nsm { + margin-right: -2rem !important; +} +.mb-nsm, +.my-nsm { + margin-bottom: -2rem !important; +} +.ml-nsm, +.mx-nsm { + margin-left: -2rem !important; +} +.m-nmd { + margin: -4rem !important; +} +.mt-nmd, +.my-nmd { + margin-top: -4rem !important; +} +.mr-nmd, +.mx-nmd { + margin-right: -4rem !important; +} +.mb-nmd, +.my-nmd { + margin-bottom: -4rem !important; +} +.ml-nmd, +.mx-nmd { + margin-left: -4rem !important; +} +.m-nlg { + margin: -6rem !important; +} +.mt-nlg, +.my-nlg { + margin-top: -6rem !important; +} +.mr-nlg, +.mx-nlg { + margin-right: -6rem !important; +} +.mb-nlg, +.my-nlg { + margin-bottom: -6rem !important; +} +.ml-nlg, +.mx-nlg { + margin-left: -6rem !important; +} +.m-nxl { + margin: -8rem !important; +} +.mt-nxl, +.my-nxl { + margin-top: -8rem !important; +} +.mr-nxl, +.mx-nxl { + margin-right: -8rem !important; +} +.mb-nxl, +.my-nxl { + margin-bottom: -8rem !important; +} +.ml-nxl, +.mx-nxl { + margin-left: -8rem !important; +} +.m-auto { + margin: auto !important; +} +.mt-auto, +.my-auto { + margin-top: auto !important; +} +.mr-auto, +.mx-auto { + margin-right: auto !important; +} +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} +.ml-auto, +.mx-auto { + margin-left: auto !important; +} +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + .mt-sm-0, + .my-sm-0 { + margin-top: 0 !important; + } + .mr-sm-0, + .mx-sm-0 { + margin-right: 0 !important; + } + .mb-sm-0, + .my-sm-0 { + margin-bottom: 0 !important; + } + .ml-sm-0, + .mx-sm-0 { + margin-left: 0 !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .mt-sm-1, + .my-sm-1 { + margin-top: 0.25rem !important; + } + .mr-sm-1, + .mx-sm-1 { + margin-right: 0.25rem !important; + } + .mb-sm-1, + .my-sm-1 { + margin-bottom: 0.25rem !important; + } + .ml-sm-1, + .mx-sm-1 { + margin-left: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .mt-sm-2, + .my-sm-2 { + margin-top: 0.5rem !important; + } + .mr-sm-2, + .mx-sm-2 { + margin-right: 0.5rem !important; + } + .mb-sm-2, + .my-sm-2 { + margin-bottom: 0.5rem !important; + } + .ml-sm-2, + .mx-sm-2 { + margin-left: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem !important; + } + .mt-sm-3, + .my-sm-3 { + margin-top: 1rem !important; + } + .mr-sm-3, + .mx-sm-3 { + margin-right: 1rem !important; + } + .mb-sm-3, + .my-sm-3 { + margin-bottom: 1rem !important; + } + .ml-sm-3, + .mx-sm-3 { + margin-left: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem !important; + } + .mt-sm-4, + .my-sm-4 { + margin-top: 1.5rem !important; + } + .mr-sm-4, + .mx-sm-4 { + margin-right: 1.5rem !important; + } + .mb-sm-4, + .my-sm-4 { + margin-bottom: 1.5rem !important; + } + .ml-sm-4, + .mx-sm-4 { + margin-left: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem !important; + } + .mt-sm-5, + .my-sm-5 { + margin-top: 3rem !important; + } + .mr-sm-5, + .mx-sm-5 { + margin-right: 3rem !important; + } + .mb-sm-5, + .my-sm-5 { + margin-bottom: 3rem !important; + } + .ml-sm-5, + .mx-sm-5 { + margin-left: 3rem !important; + } + .m-sm-sm { + margin: 2rem !important; + } + .mt-sm-sm, + .my-sm-sm { + margin-top: 2rem !important; + } + .mr-sm-sm, + .mx-sm-sm { + margin-right: 2rem !important; + } + .mb-sm-sm, + .my-sm-sm { + margin-bottom: 2rem !important; + } + .ml-sm-sm, + .mx-sm-sm { + margin-left: 2rem !important; + } + .m-sm-md { + margin: 4rem !important; + } + .mt-sm-md, + .my-sm-md { + margin-top: 4rem !important; + } + .mr-sm-md, + .mx-sm-md { + margin-right: 4rem !important; + } + .mb-sm-md, + .my-sm-md { + margin-bottom: 4rem !important; + } + .ml-sm-md, + .mx-sm-md { + margin-left: 4rem !important; + } + .m-sm-lg { + margin: 6rem !important; + } + .mt-sm-lg, + .my-sm-lg { + margin-top: 6rem !important; + } + .mr-sm-lg, + .mx-sm-lg { + margin-right: 6rem !important; + } + .mb-sm-lg, + .my-sm-lg { + margin-bottom: 6rem !important; + } + .ml-sm-lg, + .mx-sm-lg { + margin-left: 6rem !important; + } + .m-sm-xl { + margin: 8rem !important; + } + .mt-sm-xl, + .my-sm-xl { + margin-top: 8rem !important; + } + .mr-sm-xl, + .mx-sm-xl { + margin-right: 8rem !important; + } + .mb-sm-xl, + .my-sm-xl { + margin-bottom: 8rem !important; + } + .ml-sm-xl, + .mx-sm-xl { + margin-left: 8rem !important; + } + .p-sm-0 { + padding: 0 !important; + } + .pt-sm-0, + .py-sm-0 { + padding-top: 0 !important; + } + .pr-sm-0, + .px-sm-0 { + padding-right: 0 !important; + } + .pb-sm-0, + .py-sm-0 { + padding-bottom: 0 !important; + } + .pl-sm-0, + .px-sm-0 { + padding-left: 0 !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .pt-sm-1, + .py-sm-1 { + padding-top: 0.25rem !important; + } + .pr-sm-1, + .px-sm-1 { + padding-right: 0.25rem !important; + } + .pb-sm-1, + .py-sm-1 { + padding-bottom: 0.25rem !important; + } + .pl-sm-1, + .px-sm-1 { + padding-left: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .pt-sm-2, + .py-sm-2 { + padding-top: 0.5rem !important; + } + .pr-sm-2, + .px-sm-2 { + padding-right: 0.5rem !important; + } + .pb-sm-2, + .py-sm-2 { + padding-bottom: 0.5rem !important; + } + .pl-sm-2, + .px-sm-2 { + padding-left: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem !important; + } + .pt-sm-3, + .py-sm-3 { + padding-top: 1rem !important; + } + .pr-sm-3, + .px-sm-3 { + padding-right: 1rem !important; + } + .pb-sm-3, + .py-sm-3 { + padding-bottom: 1rem !important; + } + .pl-sm-3, + .px-sm-3 { + padding-left: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem !important; + } + .pt-sm-4, + .py-sm-4 { + padding-top: 1.5rem !important; + } + .pr-sm-4, + .px-sm-4 { + padding-right: 1.5rem !important; + } + .pb-sm-4, + .py-sm-4 { + padding-bottom: 1.5rem !important; + } + .pl-sm-4, + .px-sm-4 { + padding-left: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem !important; + } + .pt-sm-5, + .py-sm-5 { + padding-top: 3rem !important; + } + .pr-sm-5, + .px-sm-5 { + padding-right: 3rem !important; + } + .pb-sm-5, + .py-sm-5 { + padding-bottom: 3rem !important; + } + .pl-sm-5, + .px-sm-5 { + padding-left: 3rem !important; + } + .p-sm-sm { + padding: 2rem !important; + } + .pt-sm-sm, + .py-sm-sm { + padding-top: 2rem !important; + } + .pr-sm-sm, + .px-sm-sm { + padding-right: 2rem !important; + } + .pb-sm-sm, + .py-sm-sm { + padding-bottom: 2rem !important; + } + .pl-sm-sm, + .px-sm-sm { + padding-left: 2rem !important; + } + .p-sm-md { + padding: 4rem !important; + } + .pt-sm-md, + .py-sm-md { + padding-top: 4rem !important; + } + .pr-sm-md, + .px-sm-md { + padding-right: 4rem !important; + } + .pb-sm-md, + .py-sm-md { + padding-bottom: 4rem !important; + } + .pl-sm-md, + .px-sm-md { + padding-left: 4rem !important; + } + .p-sm-lg { + padding: 6rem !important; + } + .pt-sm-lg, + .py-sm-lg { + padding-top: 6rem !important; + } + .pr-sm-lg, + .px-sm-lg { + padding-right: 6rem !important; + } + .pb-sm-lg, + .py-sm-lg { + padding-bottom: 6rem !important; + } + .pl-sm-lg, + .px-sm-lg { + padding-left: 6rem !important; + } + .p-sm-xl { + padding: 8rem !important; + } + .pt-sm-xl, + .py-sm-xl { + padding-top: 8rem !important; + } + .pr-sm-xl, + .px-sm-xl { + padding-right: 8rem !important; + } + .pb-sm-xl, + .py-sm-xl { + padding-bottom: 8rem !important; + } + .pl-sm-xl, + .px-sm-xl { + padding-left: 8rem !important; + } + .m-sm-n1 { + margin: -0.25rem !important; + } + .mt-sm-n1, + .my-sm-n1 { + margin-top: -0.25rem !important; + } + .mr-sm-n1, + .mx-sm-n1 { + margin-right: -0.25rem !important; + } + .mb-sm-n1, + .my-sm-n1 { + margin-bottom: -0.25rem !important; + } + .ml-sm-n1, + .mx-sm-n1 { + margin-left: -0.25rem !important; + } + .m-sm-n2 { + margin: -0.5rem !important; + } + .mt-sm-n2, + .my-sm-n2 { + margin-top: -0.5rem !important; + } + .mr-sm-n2, + .mx-sm-n2 { + margin-right: -0.5rem !important; + } + .mb-sm-n2, + .my-sm-n2 { + margin-bottom: -0.5rem !important; + } + .ml-sm-n2, + .mx-sm-n2 { + margin-left: -0.5rem !important; + } + .m-sm-n3 { + margin: -1rem !important; + } + .mt-sm-n3, + .my-sm-n3 { + margin-top: -1rem !important; + } + .mr-sm-n3, + .mx-sm-n3 { + margin-right: -1rem !important; + } + .mb-sm-n3, + .my-sm-n3 { + margin-bottom: -1rem !important; + } + .ml-sm-n3, + .mx-sm-n3 { + margin-left: -1rem !important; + } + .m-sm-n4 { + margin: -1.5rem !important; + } + .mt-sm-n4, + .my-sm-n4 { + margin-top: -1.5rem !important; + } + .mr-sm-n4, + .mx-sm-n4 { + margin-right: -1.5rem !important; + } + .mb-sm-n4, + .my-sm-n4 { + margin-bottom: -1.5rem !important; + } + .ml-sm-n4, + .mx-sm-n4 { + margin-left: -1.5rem !important; + } + .m-sm-n5 { + margin: -3rem !important; + } + .mt-sm-n5, + .my-sm-n5 { + margin-top: -3rem !important; + } + .mr-sm-n5, + .mx-sm-n5 { + margin-right: -3rem !important; + } + .mb-sm-n5, + .my-sm-n5 { + margin-bottom: -3rem !important; + } + .ml-sm-n5, + .mx-sm-n5 { + margin-left: -3rem !important; + } + .m-sm-nsm { + margin: -2rem !important; + } + .mt-sm-nsm, + .my-sm-nsm { + margin-top: -2rem !important; + } + .mr-sm-nsm, + .mx-sm-nsm { + margin-right: -2rem !important; + } + .mb-sm-nsm, + .my-sm-nsm { + margin-bottom: -2rem !important; + } + .ml-sm-nsm, + .mx-sm-nsm { + margin-left: -2rem !important; + } + .m-sm-nmd { + margin: -4rem !important; + } + .mt-sm-nmd, + .my-sm-nmd { + margin-top: -4rem !important; + } + .mr-sm-nmd, + .mx-sm-nmd { + margin-right: -4rem !important; + } + .mb-sm-nmd, + .my-sm-nmd { + margin-bottom: -4rem !important; + } + .ml-sm-nmd, + .mx-sm-nmd { + margin-left: -4rem !important; + } + .m-sm-nlg { + margin: -6rem !important; + } + .mt-sm-nlg, + .my-sm-nlg { + margin-top: -6rem !important; + } + .mr-sm-nlg, + .mx-sm-nlg { + margin-right: -6rem !important; + } + .mb-sm-nlg, + .my-sm-nlg { + margin-bottom: -6rem !important; + } + .ml-sm-nlg, + .mx-sm-nlg { + margin-left: -6rem !important; + } + .m-sm-nxl { + margin: -8rem !important; + } + .mt-sm-nxl, + .my-sm-nxl { + margin-top: -8rem !important; + } + .mr-sm-nxl, + .mx-sm-nxl { + margin-right: -8rem !important; + } + .mb-sm-nxl, + .my-sm-nxl { + margin-bottom: -8rem !important; + } + .ml-sm-nxl, + .mx-sm-nxl { + margin-left: -8rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mt-sm-auto, + .my-sm-auto { + margin-top: auto !important; + } + .mr-sm-auto, + .mx-sm-auto { + margin-right: auto !important; + } + .mb-sm-auto, + .my-sm-auto { + margin-bottom: auto !important; + } + .ml-sm-auto, + .mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + .mt-md-0, + .my-md-0 { + margin-top: 0 !important; + } + .mr-md-0, + .mx-md-0 { + margin-right: 0 !important; + } + .mb-md-0, + .my-md-0 { + margin-bottom: 0 !important; + } + .ml-md-0, + .mx-md-0 { + margin-left: 0 !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .mt-md-1, + .my-md-1 { + margin-top: 0.25rem !important; + } + .mr-md-1, + .mx-md-1 { + margin-right: 0.25rem !important; + } + .mb-md-1, + .my-md-1 { + margin-bottom: 0.25rem !important; + } + .ml-md-1, + .mx-md-1 { + margin-left: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .mt-md-2, + .my-md-2 { + margin-top: 0.5rem !important; + } + .mr-md-2, + .mx-md-2 { + margin-right: 0.5rem !important; + } + .mb-md-2, + .my-md-2 { + margin-bottom: 0.5rem !important; + } + .ml-md-2, + .mx-md-2 { + margin-left: 0.5rem !important; + } + .m-md-3 { + margin: 1rem !important; + } + .mt-md-3, + .my-md-3 { + margin-top: 1rem !important; + } + .mr-md-3, + .mx-md-3 { + margin-right: 1rem !important; + } + .mb-md-3, + .my-md-3 { + margin-bottom: 1rem !important; + } + .ml-md-3, + .mx-md-3 { + margin-left: 1rem !important; + } + .m-md-4 { + margin: 1.5rem !important; + } + .mt-md-4, + .my-md-4 { + margin-top: 1.5rem !important; + } + .mr-md-4, + .mx-md-4 { + margin-right: 1.5rem !important; + } + .mb-md-4, + .my-md-4 { + margin-bottom: 1.5rem !important; + } + .ml-md-4, + .mx-md-4 { + margin-left: 1.5rem !important; + } + .m-md-5 { + margin: 3rem !important; + } + .mt-md-5, + .my-md-5 { + margin-top: 3rem !important; + } + .mr-md-5, + .mx-md-5 { + margin-right: 3rem !important; + } + .mb-md-5, + .my-md-5 { + margin-bottom: 3rem !important; + } + .ml-md-5, + .mx-md-5 { + margin-left: 3rem !important; + } + .m-md-sm { + margin: 2rem !important; + } + .mt-md-sm, + .my-md-sm { + margin-top: 2rem !important; + } + .mr-md-sm, + .mx-md-sm { + margin-right: 2rem !important; + } + .mb-md-sm, + .my-md-sm { + margin-bottom: 2rem !important; + } + .ml-md-sm, + .mx-md-sm { + margin-left: 2rem !important; + } + .m-md-md { + margin: 4rem !important; + } + .mt-md-md, + .my-md-md { + margin-top: 4rem !important; + } + .mr-md-md, + .mx-md-md { + margin-right: 4rem !important; + } + .mb-md-md, + .my-md-md { + margin-bottom: 4rem !important; + } + .ml-md-md, + .mx-md-md { + margin-left: 4rem !important; + } + .m-md-lg { + margin: 6rem !important; + } + .mt-md-lg, + .my-md-lg { + margin-top: 6rem !important; + } + .mr-md-lg, + .mx-md-lg { + margin-right: 6rem !important; + } + .mb-md-lg, + .my-md-lg { + margin-bottom: 6rem !important; + } + .ml-md-lg, + .mx-md-lg { + margin-left: 6rem !important; + } + .m-md-xl { + margin: 8rem !important; + } + .mt-md-xl, + .my-md-xl { + margin-top: 8rem !important; + } + .mr-md-xl, + .mx-md-xl { + margin-right: 8rem !important; + } + .mb-md-xl, + .my-md-xl { + margin-bottom: 8rem !important; + } + .ml-md-xl, + .mx-md-xl { + margin-left: 8rem !important; + } + .p-md-0 { + padding: 0 !important; + } + .pt-md-0, + .py-md-0 { + padding-top: 0 !important; + } + .pr-md-0, + .px-md-0 { + padding-right: 0 !important; + } + .pb-md-0, + .py-md-0 { + padding-bottom: 0 !important; + } + .pl-md-0, + .px-md-0 { + padding-left: 0 !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .pt-md-1, + .py-md-1 { + padding-top: 0.25rem !important; + } + .pr-md-1, + .px-md-1 { + padding-right: 0.25rem !important; + } + .pb-md-1, + .py-md-1 { + padding-bottom: 0.25rem !important; + } + .pl-md-1, + .px-md-1 { + padding-left: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .pt-md-2, + .py-md-2 { + padding-top: 0.5rem !important; + } + .pr-md-2, + .px-md-2 { + padding-right: 0.5rem !important; + } + .pb-md-2, + .py-md-2 { + padding-bottom: 0.5rem !important; + } + .pl-md-2, + .px-md-2 { + padding-left: 0.5rem !important; + } + .p-md-3 { + padding: 1rem !important; + } + .pt-md-3, + .py-md-3 { + padding-top: 1rem !important; + } + .pr-md-3, + .px-md-3 { + padding-right: 1rem !important; + } + .pb-md-3, + .py-md-3 { + padding-bottom: 1rem !important; + } + .pl-md-3, + .px-md-3 { + padding-left: 1rem !important; + } + .p-md-4 { + padding: 1.5rem !important; + } + .pt-md-4, + .py-md-4 { + padding-top: 1.5rem !important; + } + .pr-md-4, + .px-md-4 { + padding-right: 1.5rem !important; + } + .pb-md-4, + .py-md-4 { + padding-bottom: 1.5rem !important; + } + .pl-md-4, + .px-md-4 { + padding-left: 1.5rem !important; + } + .p-md-5 { + padding: 3rem !important; + } + .pt-md-5, + .py-md-5 { + padding-top: 3rem !important; + } + .pr-md-5, + .px-md-5 { + padding-right: 3rem !important; + } + .pb-md-5, + .py-md-5 { + padding-bottom: 3rem !important; + } + .pl-md-5, + .px-md-5 { + padding-left: 3rem !important; + } + .p-md-sm { + padding: 2rem !important; + } + .pt-md-sm, + .py-md-sm { + padding-top: 2rem !important; + } + .pr-md-sm, + .px-md-sm { + padding-right: 2rem !important; + } + .pb-md-sm, + .py-md-sm { + padding-bottom: 2rem !important; + } + .pl-md-sm, + .px-md-sm { + padding-left: 2rem !important; + } + .p-md-md { + padding: 4rem !important; + } + .pt-md-md, + .py-md-md { + padding-top: 4rem !important; + } + .pr-md-md, + .px-md-md { + padding-right: 4rem !important; + } + .pb-md-md, + .py-md-md { + padding-bottom: 4rem !important; + } + .pl-md-md, + .px-md-md { + padding-left: 4rem !important; + } + .p-md-lg { + padding: 6rem !important; + } + .pt-md-lg, + .py-md-lg { + padding-top: 6rem !important; + } + .pr-md-lg, + .px-md-lg { + padding-right: 6rem !important; + } + .pb-md-lg, + .py-md-lg { + padding-bottom: 6rem !important; + } + .pl-md-lg, + .px-md-lg { + padding-left: 6rem !important; + } + .p-md-xl { + padding: 8rem !important; + } + .pt-md-xl, + .py-md-xl { + padding-top: 8rem !important; + } + .pr-md-xl, + .px-md-xl { + padding-right: 8rem !important; + } + .pb-md-xl, + .py-md-xl { + padding-bottom: 8rem !important; + } + .pl-md-xl, + .px-md-xl { + padding-left: 8rem !important; + } + .m-md-n1 { + margin: -0.25rem !important; + } + .mt-md-n1, + .my-md-n1 { + margin-top: -0.25rem !important; + } + .mr-md-n1, + .mx-md-n1 { + margin-right: -0.25rem !important; + } + .mb-md-n1, + .my-md-n1 { + margin-bottom: -0.25rem !important; + } + .ml-md-n1, + .mx-md-n1 { + margin-left: -0.25rem !important; + } + .m-md-n2 { + margin: -0.5rem !important; + } + .mt-md-n2, + .my-md-n2 { + margin-top: -0.5rem !important; + } + .mr-md-n2, + .mx-md-n2 { + margin-right: -0.5rem !important; + } + .mb-md-n2, + .my-md-n2 { + margin-bottom: -0.5rem !important; + } + .ml-md-n2, + .mx-md-n2 { + margin-left: -0.5rem !important; + } + .m-md-n3 { + margin: -1rem !important; + } + .mt-md-n3, + .my-md-n3 { + margin-top: -1rem !important; + } + .mr-md-n3, + .mx-md-n3 { + margin-right: -1rem !important; + } + .mb-md-n3, + .my-md-n3 { + margin-bottom: -1rem !important; + } + .ml-md-n3, + .mx-md-n3 { + margin-left: -1rem !important; + } + .m-md-n4 { + margin: -1.5rem !important; + } + .mt-md-n4, + .my-md-n4 { + margin-top: -1.5rem !important; + } + .mr-md-n4, + .mx-md-n4 { + margin-right: -1.5rem !important; + } + .mb-md-n4, + .my-md-n4 { + margin-bottom: -1.5rem !important; + } + .ml-md-n4, + .mx-md-n4 { + margin-left: -1.5rem !important; + } + .m-md-n5 { + margin: -3rem !important; + } + .mt-md-n5, + .my-md-n5 { + margin-top: -3rem !important; + } + .mr-md-n5, + .mx-md-n5 { + margin-right: -3rem !important; + } + .mb-md-n5, + .my-md-n5 { + margin-bottom: -3rem !important; + } + .ml-md-n5, + .mx-md-n5 { + margin-left: -3rem !important; + } + .m-md-nsm { + margin: -2rem !important; + } + .mt-md-nsm, + .my-md-nsm { + margin-top: -2rem !important; + } + .mr-md-nsm, + .mx-md-nsm { + margin-right: -2rem !important; + } + .mb-md-nsm, + .my-md-nsm { + margin-bottom: -2rem !important; + } + .ml-md-nsm, + .mx-md-nsm { + margin-left: -2rem !important; + } + .m-md-nmd { + margin: -4rem !important; + } + .mt-md-nmd, + .my-md-nmd { + margin-top: -4rem !important; + } + .mr-md-nmd, + .mx-md-nmd { + margin-right: -4rem !important; + } + .mb-md-nmd, + .my-md-nmd { + margin-bottom: -4rem !important; + } + .ml-md-nmd, + .mx-md-nmd { + margin-left: -4rem !important; + } + .m-md-nlg { + margin: -6rem !important; + } + .mt-md-nlg, + .my-md-nlg { + margin-top: -6rem !important; + } + .mr-md-nlg, + .mx-md-nlg { + margin-right: -6rem !important; + } + .mb-md-nlg, + .my-md-nlg { + margin-bottom: -6rem !important; + } + .ml-md-nlg, + .mx-md-nlg { + margin-left: -6rem !important; + } + .m-md-nxl { + margin: -8rem !important; + } + .mt-md-nxl, + .my-md-nxl { + margin-top: -8rem !important; + } + .mr-md-nxl, + .mx-md-nxl { + margin-right: -8rem !important; + } + .mb-md-nxl, + .my-md-nxl { + margin-bottom: -8rem !important; + } + .ml-md-nxl, + .mx-md-nxl { + margin-left: -8rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mt-md-auto, + .my-md-auto { + margin-top: auto !important; + } + .mr-md-auto, + .mx-md-auto { + margin-right: auto !important; + } + .mb-md-auto, + .my-md-auto { + margin-bottom: auto !important; + } + .ml-md-auto, + .mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + .mt-lg-0, + .my-lg-0 { + margin-top: 0 !important; + } + .mr-lg-0, + .mx-lg-0 { + margin-right: 0 !important; + } + .mb-lg-0, + .my-lg-0 { + margin-bottom: 0 !important; + } + .ml-lg-0, + .mx-lg-0 { + margin-left: 0 !important; + } + .m-lg-1 { + margin: 0.25rem !important; + } + .mt-lg-1, + .my-lg-1 { + margin-top: 0.25rem !important; + } + .mr-lg-1, + .mx-lg-1 { + margin-right: 0.25rem !important; + } + .mb-lg-1, + .my-lg-1 { + margin-bottom: 0.25rem !important; + } + .ml-lg-1, + .mx-lg-1 { + margin-left: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .mt-lg-2, + .my-lg-2 { + margin-top: 0.5rem !important; + } + .mr-lg-2, + .mx-lg-2 { + margin-right: 0.5rem !important; + } + .mb-lg-2, + .my-lg-2 { + margin-bottom: 0.5rem !important; + } + .ml-lg-2, + .mx-lg-2 { + margin-left: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem !important; + } + .mt-lg-3, + .my-lg-3 { + margin-top: 1rem !important; + } + .mr-lg-3, + .mx-lg-3 { + margin-right: 1rem !important; + } + .mb-lg-3, + .my-lg-3 { + margin-bottom: 1rem !important; + } + .ml-lg-3, + .mx-lg-3 { + margin-left: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem !important; + } + .mt-lg-4, + .my-lg-4 { + margin-top: 1.5rem !important; + } + .mr-lg-4, + .mx-lg-4 { + margin-right: 1.5rem !important; + } + .mb-lg-4, + .my-lg-4 { + margin-bottom: 1.5rem !important; + } + .ml-lg-4, + .mx-lg-4 { + margin-left: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem !important; + } + .mt-lg-5, + .my-lg-5 { + margin-top: 3rem !important; + } + .mr-lg-5, + .mx-lg-5 { + margin-right: 3rem !important; + } + .mb-lg-5, + .my-lg-5 { + margin-bottom: 3rem !important; + } + .ml-lg-5, + .mx-lg-5 { + margin-left: 3rem !important; + } + .m-lg-sm { + margin: 2rem !important; + } + .mt-lg-sm, + .my-lg-sm { + margin-top: 2rem !important; + } + .mr-lg-sm, + .mx-lg-sm { + margin-right: 2rem !important; + } + .mb-lg-sm, + .my-lg-sm { + margin-bottom: 2rem !important; + } + .ml-lg-sm, + .mx-lg-sm { + margin-left: 2rem !important; + } + .m-lg-md { + margin: 4rem !important; + } + .mt-lg-md, + .my-lg-md { + margin-top: 4rem !important; + } + .mr-lg-md, + .mx-lg-md { + margin-right: 4rem !important; + } + .mb-lg-md, + .my-lg-md { + margin-bottom: 4rem !important; + } + .ml-lg-md, + .mx-lg-md { + margin-left: 4rem !important; + } + .m-lg-lg { + margin: 6rem !important; + } + .mt-lg-lg, + .my-lg-lg { + margin-top: 6rem !important; + } + .mr-lg-lg, + .mx-lg-lg { + margin-right: 6rem !important; + } + .mb-lg-lg, + .my-lg-lg { + margin-bottom: 6rem !important; + } + .ml-lg-lg, + .mx-lg-lg { + margin-left: 6rem !important; + } + .m-lg-xl { + margin: 8rem !important; + } + .mt-lg-xl, + .my-lg-xl { + margin-top: 8rem !important; + } + .mr-lg-xl, + .mx-lg-xl { + margin-right: 8rem !important; + } + .mb-lg-xl, + .my-lg-xl { + margin-bottom: 8rem !important; + } + .ml-lg-xl, + .mx-lg-xl { + margin-left: 8rem !important; + } + .p-lg-0 { + padding: 0 !important; + } + .pt-lg-0, + .py-lg-0 { + padding-top: 0 !important; + } + .pr-lg-0, + .px-lg-0 { + padding-right: 0 !important; + } + .pb-lg-0, + .py-lg-0 { + padding-bottom: 0 !important; + } + .pl-lg-0, + .px-lg-0 { + padding-left: 0 !important; + } + .p-lg-1 { + padding: 0.25rem !important; + } + .pt-lg-1, + .py-lg-1 { + padding-top: 0.25rem !important; + } + .pr-lg-1, + .px-lg-1 { + padding-right: 0.25rem !important; + } + .pb-lg-1, + .py-lg-1 { + padding-bottom: 0.25rem !important; + } + .pl-lg-1, + .px-lg-1 { + padding-left: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .pt-lg-2, + .py-lg-2 { + padding-top: 0.5rem !important; + } + .pr-lg-2, + .px-lg-2 { + padding-right: 0.5rem !important; + } + .pb-lg-2, + .py-lg-2 { + padding-bottom: 0.5rem !important; + } + .pl-lg-2, + .px-lg-2 { + padding-left: 0.5rem !important; + } + .p-lg-3 { + padding: 1rem !important; + } + .pt-lg-3, + .py-lg-3 { + padding-top: 1rem !important; + } + .pr-lg-3, + .px-lg-3 { + padding-right: 1rem !important; + } + .pb-lg-3, + .py-lg-3 { + padding-bottom: 1rem !important; + } + .pl-lg-3, + .px-lg-3 { + padding-left: 1rem !important; + } + .p-lg-4 { + padding: 1.5rem !important; + } + .pt-lg-4, + .py-lg-4 { + padding-top: 1.5rem !important; + } + .pr-lg-4, + .px-lg-4 { + padding-right: 1.5rem !important; + } + .pb-lg-4, + .py-lg-4 { + padding-bottom: 1.5rem !important; + } + .pl-lg-4, + .px-lg-4 { + padding-left: 1.5rem !important; + } + .p-lg-5 { + padding: 3rem !important; + } + .pt-lg-5, + .py-lg-5 { + padding-top: 3rem !important; + } + .pr-lg-5, + .px-lg-5 { + padding-right: 3rem !important; + } + .pb-lg-5, + .py-lg-5 { + padding-bottom: 3rem !important; + } + .pl-lg-5, + .px-lg-5 { + padding-left: 3rem !important; + } + .p-lg-sm { + padding: 2rem !important; + } + .pt-lg-sm, + .py-lg-sm { + padding-top: 2rem !important; + } + .pr-lg-sm, + .px-lg-sm { + padding-right: 2rem !important; + } + .pb-lg-sm, + .py-lg-sm { + padding-bottom: 2rem !important; + } + .pl-lg-sm, + .px-lg-sm { + padding-left: 2rem !important; + } + .p-lg-md { + padding: 4rem !important; + } + .pt-lg-md, + .py-lg-md { + padding-top: 4rem !important; + } + .pr-lg-md, + .px-lg-md { + padding-right: 4rem !important; + } + .pb-lg-md, + .py-lg-md { + padding-bottom: 4rem !important; + } + .pl-lg-md, + .px-lg-md { + padding-left: 4rem !important; + } + .p-lg-lg { + padding: 6rem !important; + } + .pt-lg-lg, + .py-lg-lg { + padding-top: 6rem !important; + } + .pr-lg-lg, + .px-lg-lg { + padding-right: 6rem !important; + } + .pb-lg-lg, + .py-lg-lg { + padding-bottom: 6rem !important; + } + .pl-lg-lg, + .px-lg-lg { + padding-left: 6rem !important; + } + .p-lg-xl { + padding: 8rem !important; + } + .pt-lg-xl, + .py-lg-xl { + padding-top: 8rem !important; + } + .pr-lg-xl, + .px-lg-xl { + padding-right: 8rem !important; + } + .pb-lg-xl, + .py-lg-xl { + padding-bottom: 8rem !important; + } + .pl-lg-xl, + .px-lg-xl { + padding-left: 8rem !important; + } + .m-lg-n1 { + margin: -0.25rem !important; + } + .mt-lg-n1, + .my-lg-n1 { + margin-top: -0.25rem !important; + } + .mr-lg-n1, + .mx-lg-n1 { + margin-right: -0.25rem !important; + } + .mb-lg-n1, + .my-lg-n1 { + margin-bottom: -0.25rem !important; + } + .ml-lg-n1, + .mx-lg-n1 { + margin-left: -0.25rem !important; + } + .m-lg-n2 { + margin: -0.5rem !important; + } + .mt-lg-n2, + .my-lg-n2 { + margin-top: -0.5rem !important; + } + .mr-lg-n2, + .mx-lg-n2 { + margin-right: -0.5rem !important; + } + .mb-lg-n2, + .my-lg-n2 { + margin-bottom: -0.5rem !important; + } + .ml-lg-n2, + .mx-lg-n2 { + margin-left: -0.5rem !important; + } + .m-lg-n3 { + margin: -1rem !important; + } + .mt-lg-n3, + .my-lg-n3 { + margin-top: -1rem !important; + } + .mr-lg-n3, + .mx-lg-n3 { + margin-right: -1rem !important; + } + .mb-lg-n3, + .my-lg-n3 { + margin-bottom: -1rem !important; + } + .ml-lg-n3, + .mx-lg-n3 { + margin-left: -1rem !important; + } + .m-lg-n4 { + margin: -1.5rem !important; + } + .mt-lg-n4, + .my-lg-n4 { + margin-top: -1.5rem !important; + } + .mr-lg-n4, + .mx-lg-n4 { + margin-right: -1.5rem !important; + } + .mb-lg-n4, + .my-lg-n4 { + margin-bottom: -1.5rem !important; + } + .ml-lg-n4, + .mx-lg-n4 { + margin-left: -1.5rem !important; + } + .m-lg-n5 { + margin: -3rem !important; + } + .mt-lg-n5, + .my-lg-n5 { + margin-top: -3rem !important; + } + .mr-lg-n5, + .mx-lg-n5 { + margin-right: -3rem !important; + } + .mb-lg-n5, + .my-lg-n5 { + margin-bottom: -3rem !important; + } + .ml-lg-n5, + .mx-lg-n5 { + margin-left: -3rem !important; + } + .m-lg-nsm { + margin: -2rem !important; + } + .mt-lg-nsm, + .my-lg-nsm { + margin-top: -2rem !important; + } + .mr-lg-nsm, + .mx-lg-nsm { + margin-right: -2rem !important; + } + .mb-lg-nsm, + .my-lg-nsm { + margin-bottom: -2rem !important; + } + .ml-lg-nsm, + .mx-lg-nsm { + margin-left: -2rem !important; + } + .m-lg-nmd { + margin: -4rem !important; + } + .mt-lg-nmd, + .my-lg-nmd { + margin-top: -4rem !important; + } + .mr-lg-nmd, + .mx-lg-nmd { + margin-right: -4rem !important; + } + .mb-lg-nmd, + .my-lg-nmd { + margin-bottom: -4rem !important; + } + .ml-lg-nmd, + .mx-lg-nmd { + margin-left: -4rem !important; + } + .m-lg-nlg { + margin: -6rem !important; + } + .mt-lg-nlg, + .my-lg-nlg { + margin-top: -6rem !important; + } + .mr-lg-nlg, + .mx-lg-nlg { + margin-right: -6rem !important; + } + .mb-lg-nlg, + .my-lg-nlg { + margin-bottom: -6rem !important; + } + .ml-lg-nlg, + .mx-lg-nlg { + margin-left: -6rem !important; + } + .m-lg-nxl { + margin: -8rem !important; + } + .mt-lg-nxl, + .my-lg-nxl { + margin-top: -8rem !important; + } + .mr-lg-nxl, + .mx-lg-nxl { + margin-right: -8rem !important; + } + .mb-lg-nxl, + .my-lg-nxl { + margin-bottom: -8rem !important; + } + .ml-lg-nxl, + .mx-lg-nxl { + margin-left: -8rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mt-lg-auto, + .my-lg-auto { + margin-top: auto !important; + } + .mr-lg-auto, + .mx-lg-auto { + margin-right: auto !important; + } + .mb-lg-auto, + .my-lg-auto { + margin-bottom: auto !important; + } + .ml-lg-auto, + .mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + .mt-xl-0, + .my-xl-0 { + margin-top: 0 !important; + } + .mr-xl-0, + .mx-xl-0 { + margin-right: 0 !important; + } + .mb-xl-0, + .my-xl-0 { + margin-bottom: 0 !important; + } + .ml-xl-0, + .mx-xl-0 { + margin-left: 0 !important; + } + .m-xl-1 { + margin: 0.25rem !important; + } + .mt-xl-1, + .my-xl-1 { + margin-top: 0.25rem !important; + } + .mr-xl-1, + .mx-xl-1 { + margin-right: 0.25rem !important; + } + .mb-xl-1, + .my-xl-1 { + margin-bottom: 0.25rem !important; + } + .ml-xl-1, + .mx-xl-1 { + margin-left: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .mt-xl-2, + .my-xl-2 { + margin-top: 0.5rem !important; + } + .mr-xl-2, + .mx-xl-2 { + margin-right: 0.5rem !important; + } + .mb-xl-2, + .my-xl-2 { + margin-bottom: 0.5rem !important; + } + .ml-xl-2, + .mx-xl-2 { + margin-left: 0.5rem !important; + } + .m-xl-3 { + margin: 1rem !important; + } + .mt-xl-3, + .my-xl-3 { + margin-top: 1rem !important; + } + .mr-xl-3, + .mx-xl-3 { + margin-right: 1rem !important; + } + .mb-xl-3, + .my-xl-3 { + margin-bottom: 1rem !important; + } + .ml-xl-3, + .mx-xl-3 { + margin-left: 1rem !important; + } + .m-xl-4 { + margin: 1.5rem !important; + } + .mt-xl-4, + .my-xl-4 { + margin-top: 1.5rem !important; + } + .mr-xl-4, + .mx-xl-4 { + margin-right: 1.5rem !important; + } + .mb-xl-4, + .my-xl-4 { + margin-bottom: 1.5rem !important; + } + .ml-xl-4, + .mx-xl-4 { + margin-left: 1.5rem !important; + } + .m-xl-5 { + margin: 3rem !important; + } + .mt-xl-5, + .my-xl-5 { + margin-top: 3rem !important; + } + .mr-xl-5, + .mx-xl-5 { + margin-right: 3rem !important; + } + .mb-xl-5, + .my-xl-5 { + margin-bottom: 3rem !important; + } + .ml-xl-5, + .mx-xl-5 { + margin-left: 3rem !important; + } + .m-xl-sm { + margin: 2rem !important; + } + .mt-xl-sm, + .my-xl-sm { + margin-top: 2rem !important; + } + .mr-xl-sm, + .mx-xl-sm { + margin-right: 2rem !important; + } + .mb-xl-sm, + .my-xl-sm { + margin-bottom: 2rem !important; + } + .ml-xl-sm, + .mx-xl-sm { + margin-left: 2rem !important; + } + .m-xl-md { + margin: 4rem !important; + } + .mt-xl-md, + .my-xl-md { + margin-top: 4rem !important; + } + .mr-xl-md, + .mx-xl-md { + margin-right: 4rem !important; + } + .mb-xl-md, + .my-xl-md { + margin-bottom: 4rem !important; + } + .ml-xl-md, + .mx-xl-md { + margin-left: 4rem !important; + } + .m-xl-lg { + margin: 6rem !important; + } + .mt-xl-lg, + .my-xl-lg { + margin-top: 6rem !important; + } + .mr-xl-lg, + .mx-xl-lg { + margin-right: 6rem !important; + } + .mb-xl-lg, + .my-xl-lg { + margin-bottom: 6rem !important; + } + .ml-xl-lg, + .mx-xl-lg { + margin-left: 6rem !important; + } + .m-xl-xl { + margin: 8rem !important; + } + .mt-xl-xl, + .my-xl-xl { + margin-top: 8rem !important; + } + .mr-xl-xl, + .mx-xl-xl { + margin-right: 8rem !important; + } + .mb-xl-xl, + .my-xl-xl { + margin-bottom: 8rem !important; + } + .ml-xl-xl, + .mx-xl-xl { + margin-left: 8rem !important; + } + .p-xl-0 { + padding: 0 !important; + } + .pt-xl-0, + .py-xl-0 { + padding-top: 0 !important; + } + .pr-xl-0, + .px-xl-0 { + padding-right: 0 !important; + } + .pb-xl-0, + .py-xl-0 { + padding-bottom: 0 !important; + } + .pl-xl-0, + .px-xl-0 { + padding-left: 0 !important; + } + .p-xl-1 { + padding: 0.25rem !important; + } + .pt-xl-1, + .py-xl-1 { + padding-top: 0.25rem !important; + } + .pr-xl-1, + .px-xl-1 { + padding-right: 0.25rem !important; + } + .pb-xl-1, + .py-xl-1 { + padding-bottom: 0.25rem !important; + } + .pl-xl-1, + .px-xl-1 { + padding-left: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .pt-xl-2, + .py-xl-2 { + padding-top: 0.5rem !important; + } + .pr-xl-2, + .px-xl-2 { + padding-right: 0.5rem !important; + } + .pb-xl-2, + .py-xl-2 { + padding-bottom: 0.5rem !important; + } + .pl-xl-2, + .px-xl-2 { + padding-left: 0.5rem !important; + } + .p-xl-3 { + padding: 1rem !important; + } + .pt-xl-3, + .py-xl-3 { + padding-top: 1rem !important; + } + .pr-xl-3, + .px-xl-3 { + padding-right: 1rem !important; + } + .pb-xl-3, + .py-xl-3 { + padding-bottom: 1rem !important; + } + .pl-xl-3, + .px-xl-3 { + padding-left: 1rem !important; + } + .p-xl-4 { + padding: 1.5rem !important; + } + .pt-xl-4, + .py-xl-4 { + padding-top: 1.5rem !important; + } + .pr-xl-4, + .px-xl-4 { + padding-right: 1.5rem !important; + } + .pb-xl-4, + .py-xl-4 { + padding-bottom: 1.5rem !important; + } + .pl-xl-4, + .px-xl-4 { + padding-left: 1.5rem !important; + } + .p-xl-5 { + padding: 3rem !important; + } + .pt-xl-5, + .py-xl-5 { + padding-top: 3rem !important; + } + .pr-xl-5, + .px-xl-5 { + padding-right: 3rem !important; + } + .pb-xl-5, + .py-xl-5 { + padding-bottom: 3rem !important; + } + .pl-xl-5, + .px-xl-5 { + padding-left: 3rem !important; + } + .p-xl-sm { + padding: 2rem !important; + } + .pt-xl-sm, + .py-xl-sm { + padding-top: 2rem !important; + } + .pr-xl-sm, + .px-xl-sm { + padding-right: 2rem !important; + } + .pb-xl-sm, + .py-xl-sm { + padding-bottom: 2rem !important; + } + .pl-xl-sm, + .px-xl-sm { + padding-left: 2rem !important; + } + .p-xl-md { + padding: 4rem !important; + } + .pt-xl-md, + .py-xl-md { + padding-top: 4rem !important; + } + .pr-xl-md, + .px-xl-md { + padding-right: 4rem !important; + } + .pb-xl-md, + .py-xl-md { + padding-bottom: 4rem !important; + } + .pl-xl-md, + .px-xl-md { + padding-left: 4rem !important; + } + .p-xl-lg { + padding: 6rem !important; + } + .pt-xl-lg, + .py-xl-lg { + padding-top: 6rem !important; + } + .pr-xl-lg, + .px-xl-lg { + padding-right: 6rem !important; + } + .pb-xl-lg, + .py-xl-lg { + padding-bottom: 6rem !important; + } + .pl-xl-lg, + .px-xl-lg { + padding-left: 6rem !important; + } + .p-xl-xl { + padding: 8rem !important; + } + .pt-xl-xl, + .py-xl-xl { + padding-top: 8rem !important; + } + .pr-xl-xl, + .px-xl-xl { + padding-right: 8rem !important; + } + .pb-xl-xl, + .py-xl-xl { + padding-bottom: 8rem !important; + } + .pl-xl-xl, + .px-xl-xl { + padding-left: 8rem !important; + } + .m-xl-n1 { + margin: -0.25rem !important; + } + .mt-xl-n1, + .my-xl-n1 { + margin-top: -0.25rem !important; + } + .mr-xl-n1, + .mx-xl-n1 { + margin-right: -0.25rem !important; + } + .mb-xl-n1, + .my-xl-n1 { + margin-bottom: -0.25rem !important; + } + .ml-xl-n1, + .mx-xl-n1 { + margin-left: -0.25rem !important; + } + .m-xl-n2 { + margin: -0.5rem !important; + } + .mt-xl-n2, + .my-xl-n2 { + margin-top: -0.5rem !important; + } + .mr-xl-n2, + .mx-xl-n2 { + margin-right: -0.5rem !important; + } + .mb-xl-n2, + .my-xl-n2 { + margin-bottom: -0.5rem !important; + } + .ml-xl-n2, + .mx-xl-n2 { + margin-left: -0.5rem !important; + } + .m-xl-n3 { + margin: -1rem !important; + } + .mt-xl-n3, + .my-xl-n3 { + margin-top: -1rem !important; + } + .mr-xl-n3, + .mx-xl-n3 { + margin-right: -1rem !important; + } + .mb-xl-n3, + .my-xl-n3 { + margin-bottom: -1rem !important; + } + .ml-xl-n3, + .mx-xl-n3 { + margin-left: -1rem !important; + } + .m-xl-n4 { + margin: -1.5rem !important; + } + .mt-xl-n4, + .my-xl-n4 { + margin-top: -1.5rem !important; + } + .mr-xl-n4, + .mx-xl-n4 { + margin-right: -1.5rem !important; + } + .mb-xl-n4, + .my-xl-n4 { + margin-bottom: -1.5rem !important; + } + .ml-xl-n4, + .mx-xl-n4 { + margin-left: -1.5rem !important; + } + .m-xl-n5 { + margin: -3rem !important; + } + .mt-xl-n5, + .my-xl-n5 { + margin-top: -3rem !important; + } + .mr-xl-n5, + .mx-xl-n5 { + margin-right: -3rem !important; + } + .mb-xl-n5, + .my-xl-n5 { + margin-bottom: -3rem !important; + } + .ml-xl-n5, + .mx-xl-n5 { + margin-left: -3rem !important; + } + .m-xl-nsm { + margin: -2rem !important; + } + .mt-xl-nsm, + .my-xl-nsm { + margin-top: -2rem !important; + } + .mr-xl-nsm, + .mx-xl-nsm { + margin-right: -2rem !important; + } + .mb-xl-nsm, + .my-xl-nsm { + margin-bottom: -2rem !important; + } + .ml-xl-nsm, + .mx-xl-nsm { + margin-left: -2rem !important; + } + .m-xl-nmd { + margin: -4rem !important; + } + .mt-xl-nmd, + .my-xl-nmd { + margin-top: -4rem !important; + } + .mr-xl-nmd, + .mx-xl-nmd { + margin-right: -4rem !important; + } + .mb-xl-nmd, + .my-xl-nmd { + margin-bottom: -4rem !important; + } + .ml-xl-nmd, + .mx-xl-nmd { + margin-left: -4rem !important; + } + .m-xl-nlg { + margin: -6rem !important; + } + .mt-xl-nlg, + .my-xl-nlg { + margin-top: -6rem !important; + } + .mr-xl-nlg, + .mx-xl-nlg { + margin-right: -6rem !important; + } + .mb-xl-nlg, + .my-xl-nlg { + margin-bottom: -6rem !important; + } + .ml-xl-nlg, + .mx-xl-nlg { + margin-left: -6rem !important; + } + .m-xl-nxl { + margin: -8rem !important; + } + .mt-xl-nxl, + .my-xl-nxl { + margin-top: -8rem !important; + } + .mr-xl-nxl, + .mx-xl-nxl { + margin-right: -8rem !important; + } + .mb-xl-nxl, + .my-xl-nxl { + margin-bottom: -8rem !important; + } + .ml-xl-nxl, + .mx-xl-nxl { + margin-left: -8rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mt-xl-auto, + .my-xl-auto { + margin-top: auto !important; + } + .mr-xl-auto, + .mx-xl-auto { + margin-right: auto !important; + } + .mb-xl-auto, + .my-xl-auto { + margin-bottom: auto !important; + } + .ml-xl-auto, + .mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, + Courier New, monospace !important; +} +.text-justify { + text-align: justify !important; +} +.text-wrap { + white-space: normal !important; +} +.text-nowrap { + white-space: nowrap !important; +} +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.text-left { + text-align: left !important; +} +.text-right { + text-align: right !important; +} +.text-center { + text-align: center !important; +} +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + .text-sm-right { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + .text-md-right { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + .text-lg-right { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + .text-xl-right { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} +.text-uppercase { + text-transform: uppercase !important; +} +.text-capitalize { + text-transform: capitalize !important; +} +.font-weight-light { + font-weight: 300 !important; +} +.font-weight-lighter { + font-weight: lighter !important; +} +.font-weight-normal { + font-weight: 400 !important; +} +.font-weight-bold { + font-weight: 600 !important; +} +.font-weight-bolder { + font-weight: bolder !important; +} +.font-italic { + font-style: italic !important; +} +.text-primary { + color: #e14eca !important; +} +a.text-primary:focus, +a.text-primary:hover { + color: #c221a9 !important; +} +.text-secondary { + color: #f4f5f7 !important; +} +a.text-secondary:focus, +a.text-secondary:hover { + color: #c8cdd7 !important; +} +.text-success { + color: #00f2c3 !important; +} +a.text-success:focus, +a.text-success:hover { + color: #00a685 !important; +} +.text-info { + color: #1d8cf8 !important; +} +a.text-info:focus, +a.text-info:hover { + color: #0666c2 !important; +} +.text-warning { + color: #ff8d72 !important; +} +a.text-warning:focus, +a.text-warning:hover { + color: #ff4f26 !important; +} +.text-danger { + color: #fd5d93 !important; +} +a.text-danger:focus, +a.text-danger:hover { + color: #fc1161 !important; +} +.text-light { + color: #adb5bd !important; +} +a.text-light:focus, +a.text-light:hover { + color: #838f9b !important; +} +.text-dark { + color: #212529 !important; +} +a.text-dark:focus, +a.text-dark:hover { + color: #000 !important; +} +.text-default { + color: #344675 !important; +} +a.text-default:focus, +a.text-default:hover { + color: #1c2640 !important; +} +.text-white { + color: #fff !important; +} +a.text-white:focus, +a.text-white:hover { + color: #d9d9d9 !important; +} +.text-neutral { + color: #fff !important; +} +a.text-neutral:focus, +a.text-neutral:hover { + color: #d9d9d9 !important; +} +.text-darker, +a.text-darker:focus, +a.text-darker:hover { + color: #000 !important; +} +.text-body { + color: #525f7f !important; +} +.text-muted { + color: #6c757d !important; +} +.text-black-50 { + color: rgba(34, 42, 66, 0.5) !important; +} +.text-white-50 { + color: hsla(0, 0%, 100%, 0.5) !important; +} +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.text-decoration-none { + text-decoration: none !important; +} +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} +.text-reset { + color: inherit !important; +} +.visible { + visibility: visible !important; +} +.invisible { + visibility: hidden !important; +} +@media print { + *, + :after, + :before { + text-shadow: none !important; + box-shadow: none !important; + } + a:not(.btn) { + text-decoration: underline; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + pre { + white-space: pre-wrap !important; + } + blockquote, + pre { + border: 0.0625rem solid #adb5bd; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + img, + tr { + page-break-inside: avoid; + } + h2, + h3, + p { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + @page { + size: a3; + } + .container, + body { + min-width: 992px !important; + } + .navbar { + display: none; + } + .badge { + border: 0.0625rem solid #222a42; + } + .table { + border-collapse: collapse !important; + } + .table td, + .table th { + background-color: #fff !important; + } + .table-bordered td, + .table-bordered th { + border: 1px solid #e3e3e3 !important; + } + .table-dark { + color: inherit; + } + .table-dark tbody + tbody, + .table-dark td, + .table-dark th, + .table-dark thead th { + border-color: #e3e3e3; + } + .table .thead-dark th { + color: inherit; + border-color: #e3e3e3; + } +} +.alert { + border: 0; +} +.alert, +.alert .alert-link { + color: #fff; +} +.alert.alert-success { + background-color: #00bf9a; +} +.alert i.fa, +.alert i.tim-icons { + font-size: 1rem; +} +.alert .close { + color: #fff; + opacity: 0.9; + text-shadow: none; + line-height: 0; + outline: 0; +} +.alert span[data-notify="icon"] { + font-size: 22px; + display: block; + left: 19px; + position: absolute; + top: 50%; + margin-top: -11px; +} +.alert button.close { + position: absolute; + right: 15px; + top: 50%; + margin-top: -13px; + width: 25px; + height: 25px; + padding: 3px; +} +.alert .close ~ span { + display: block; + max-width: 89%; +} +.alert.alert-with-icon { + padding-left: 65px; +} +.alert-dismissible .close { + top: 50%; + right: 1.25rem; + padding: 0; + transform: translateY(-50%); + color: hsla(0, 0%, 100%, 0.6); + opacity: 1; +} +.alert-dismissible .close:focus, +.alert-dismissible .close:hover { + color: hsla(0, 0%, 100%, 0.9); + opacity: 1 !important; +} +@media (max-width: 575.98px) { + .alert-dismissible .close { + top: 1rem; + right: 0.5rem; + } +} +.alert-dismissible .close > span:not(.sr-only) { + font-size: 1.5rem; + background-color: transparent; + color: hsla(0, 0%, 100%, 0.6); +} +.alert-dismissible .close:focus > span:not(.sr-only), +.alert-dismissible .close:hover > span:not(.sr-only) { + background-color: transparent; + color: hsla(0, 0%, 100%, 0.9); +} +.btn, +.navbar .navbar-nav > a.btn { + border-width: 2px; + border: none; + position: relative; + overflow: hidden; + margin: 4px 1px; + padding: 11px 30px; + border-radius: 0.4285rem; + cursor: pointer; + background: #344675; + background-image: linear-gradient(to bottom left, #344675, #263148, #344675); + background-size: 210% 210%; + background-position: 100% 0; + background-color: #344675; + transition: all 0.15s ease; + box-shadow: none; + color: #fff; +} +.btn.animation-on-hover:hover, +.navbar .navbar-nav > a.btn.animation-on-hover:hover { + background-position: 0 100%; + transition: 0.3s ease-in-out; +} +.btn.active, +.btn.active:focus, +.btn.active:hover, +.btn:active, +.btn:active:focus, +.btn:active:hover, +.btn:focus, +.btn:hover, +.navbar .navbar-nav > a.btn.active, +.navbar .navbar-nav > a.btn.active:focus, +.navbar .navbar-nav > a.btn.active:hover, +.navbar .navbar-nav > a.btn:active, +.navbar .navbar-nav > a.btn:active:focus, +.navbar .navbar-nav > a.btn:active:hover, +.navbar .navbar-nav > a.btn:focus, +.navbar .navbar-nav > a.btn:hover { + background-color: #263148 !important; + background-image: linear-gradient( + to bottom left, + #344675, + #263148, + #344675 + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #344675, + #263148, + #344675 + ) !important; + color: #fff; + box-shadow: none; +} +.btn:active, +.navbar .navbar-nav > a.btn:active { + box-shadow: none !important; + transform: translateY(1px) !important; + transition: all 0.15s ease; +} +.btn:not([data-action]):hover, +.navbar .navbar-nav > a.btn:not([data-action]):hover { + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); + transform: translateY(-1px); + -webkit-transform: translateY(-1px); +} +.btn.disabled, +.btn.disabled.active, +.btn.disabled.focus, +.btn.disabled:active, +.btn.disabled:focus, +.btn.disabled:hover, +.btn:disabled, +.btn:disabled.active, +.btn:disabled.focus, +.btn:disabled:active, +.btn:disabled:focus, +.btn:disabled:hover, +.btn[disabled], +.btn[disabled].active, +.btn[disabled].focus, +.btn[disabled]:active, +.btn[disabled]:focus, +.btn[disabled]:hover, +.navbar .navbar-nav > a.btn.disabled, +.navbar .navbar-nav > a.btn.disabled.active, +.navbar .navbar-nav > a.btn.disabled.focus, +.navbar .navbar-nav > a.btn.disabled:active, +.navbar .navbar-nav > a.btn.disabled:focus, +.navbar .navbar-nav > a.btn.disabled:hover, +.navbar .navbar-nav > a.btn:disabled, +.navbar .navbar-nav > a.btn:disabled.active, +.navbar .navbar-nav > a.btn:disabled.focus, +.navbar .navbar-nav > a.btn:disabled:active, +.navbar .navbar-nav > a.btn:disabled:focus, +.navbar .navbar-nav > a.btn:disabled:hover, +.navbar .navbar-nav > a.btn[disabled], +.navbar .navbar-nav > a.btn[disabled].active, +.navbar .navbar-nav > a.btn[disabled].focus, +.navbar .navbar-nav > a.btn[disabled]:active, +.navbar .navbar-nav > a.btn[disabled]:focus, +.navbar .navbar-nav > a.btn[disabled]:hover, +fieldset[disabled] .btn, +fieldset[disabled] .btn.active, +fieldset[disabled] .btn.focus, +fieldset[disabled] .btn:active, +fieldset[disabled] .btn:focus, +fieldset[disabled] .btn:hover, +fieldset[disabled] .navbar .navbar-nav > a.btn, +fieldset[disabled] .navbar .navbar-nav > a.btn.active, +fieldset[disabled] .navbar .navbar-nav > a.btn.focus, +fieldset[disabled] .navbar .navbar-nav > a.btn:active, +fieldset[disabled] .navbar .navbar-nav > a.btn:focus, +fieldset[disabled] .navbar .navbar-nav > a.btn:hover { + background-color: #344675; + border-color: #344675; +} +.btn.btn-simple, +.navbar .navbar-nav > a.btn.btn-simple { + color: #344675; + border-color: #344675; + background: transparent; +} +.btn.btn-simple:active, +.btn.btn-simple:focus, +.btn.btn-simple:hover, +.btn.btn-simple:not(:disabled):not(.disabled):active, +.navbar .navbar-nav > a.btn.btn-simple:active, +.navbar .navbar-nav > a.btn.btn-simple:focus, +.navbar .navbar-nav > a.btn.btn-simple:hover, +.navbar .navbar-nav > a.btn.btn-simple:not(:disabled):not(.disabled):active { + color: #344675; + border-color: #344675; + background-color: transparent !important; + background-image: none !important; + box-shadow: none; +} +.btn.btn-simple.active, +.navbar .navbar-nav > a.btn.btn-simple.active { + border-color: #344675 !important; +} +.btn.btn-simple.active:active, +.btn.btn-simple.active:focus, +.btn.btn-simple.active:hover, +.btn.btn-simple.active:not(:disabled):not(.disabled):active, +.navbar .navbar-nav > a.btn.btn-simple.active:active, +.navbar .navbar-nav > a.btn.btn-simple.active:focus, +.navbar .navbar-nav > a.btn.btn-simple.active:hover, +.navbar + .navbar-nav + > a.btn.btn-simple.active:not(:disabled):not(.disabled):active { + color: #fff; + border-color: #344675; + background-image: linear-gradient( + to bottom left, + #344675, + #263148, + #344675 + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #344675, + #263148, + #344675 + ) !important; + background-color: #263148 !important; + box-shadow: none; +} +.btn.btn-link, +.navbar .navbar-nav > a.btn.btn-link { + color: #344675; +} +.btn.btn-link:active, +.btn.btn-link:focus, +.btn.btn-link:hover, +.navbar .navbar-nav > a.btn.btn-link:active, +.navbar .navbar-nav > a.btn.btn-link:focus, +.navbar .navbar-nav > a.btn.btn-link:hover { + background-color: transparent !important; + background-image: none !important; + color: #fff !important; + text-decoration: none; + box-shadow: none; +} +.btn:focus, +.btn:hover, +.navbar .navbar-nav > a.btn:focus, +.navbar .navbar-nav > a.btn:hover { + opacity: 1; + filter: alpha(opacity=100); + outline: 0 !important; +} +.btn.active, +.btn:active, +.navbar .navbar-nav > a.btn.active, +.navbar .navbar-nav > a.btn:active, +.open > .btn.dropdown-toggle, +.open > .navbar .navbar-nav > a.btn.dropdown-toggle { + box-shadow: none; + outline: 0 !important; +} +.btn .badge, +.navbar .navbar-nav > a.btn .badge { + margin: 0; +} +.btn.btn-icon, +.navbar .navbar-nav > a.btn.btn-icon { + height: 2.375rem; + min-width: 2.375rem; + width: 2.375rem; + padding: 0; + font-size: 0.9375rem; + overflow: hidden; + position: relative; + line-height: normal; +} +.btn.btn-icon.btn-simple, +.navbar .navbar-nav > a.btn.btn-icon.btn-simple { + padding: 0; +} +.btn-group-sm > .btn.btn-icon, +.btn.btn-icon.btn-sm, +.navbar .btn-group-sm.navbar-nav > a.btn.btn-icon, +.navbar .navbar-nav > a.btn.btn-icon.btn-sm { + height: 1.875rem; + min-width: 1.875rem; + width: 1.875rem; +} +.btn-group-sm > .btn.btn-icon .fa, +.btn-group-sm > .btn.btn-icon .far, +.btn-group-sm > .btn.btn-icon .fas, +.btn-group-sm > .btn.btn-icon .tim-icons, +.btn.btn-icon.btn-sm .fa, +.btn.btn-icon.btn-sm .far, +.btn.btn-icon.btn-sm .fas, +.btn.btn-icon.btn-sm .tim-icons, +.navbar .btn-group-sm.navbar-nav > a.btn.btn-icon .fa, +.navbar .btn-group-sm.navbar-nav > a.btn.btn-icon .far, +.navbar .btn-group-sm.navbar-nav > a.btn.btn-icon .fas, +.navbar .btn-group-sm.navbar-nav > a.btn.btn-icon .tim-icons, +.navbar .navbar-nav > a.btn.btn-icon.btn-sm .fa, +.navbar .navbar-nav > a.btn.btn-icon.btn-sm .far, +.navbar .navbar-nav > a.btn.btn-icon.btn-sm .fas, +.navbar .navbar-nav > a.btn.btn-icon.btn-sm .tim-icons { + font-size: 0.6875rem; +} +.btn-group-lg > .btn.btn-icon, +.btn.btn-icon.btn-lg, +.navbar .btn-group-lg.navbar-nav > a.btn.btn-icon, +.navbar .navbar-nav > a.btn.btn-icon.btn-lg { + height: 3.7rem; + min-width: 3.7rem; + width: 3.7rem; +} +.btn-group-lg > .btn.btn-icon .fa, +.btn-group-lg > .btn.btn-icon .fab, +.btn-group-lg > .btn.btn-icon .far, +.btn-group-lg > .btn.btn-icon .fas, +.btn-group-lg > .btn.btn-icon .tim-icons, +.btn.btn-icon.btn-lg .fa, +.btn.btn-icon.btn-lg .fab, +.btn.btn-icon.btn-lg .far, +.btn.btn-icon.btn-lg .fas, +.btn.btn-icon.btn-lg .tim-icons, +.navbar .btn-group-lg.navbar-nav > a.btn.btn-icon .fa, +.navbar .btn-group-lg.navbar-nav > a.btn.btn-icon .fab, +.navbar .btn-group-lg.navbar-nav > a.btn.btn-icon .far, +.navbar .btn-group-lg.navbar-nav > a.btn.btn-icon .fas, +.navbar .btn-group-lg.navbar-nav > a.btn.btn-icon .tim-icons, +.navbar .navbar-nav > a.btn.btn-icon.btn-lg .fa, +.navbar .navbar-nav > a.btn.btn-icon.btn-lg .fab, +.navbar .navbar-nav > a.btn.btn-icon.btn-lg .far, +.navbar .navbar-nav > a.btn.btn-icon.btn-lg .fas, +.navbar .navbar-nav > a.btn.btn-icon.btn-lg .tim-icons { + font-size: 1.325rem !important; +} +.btn.btn-icon:not(.btn-footer) .fa, +.btn.btn-icon:not(.btn-footer) .fab, +.btn.btn-icon:not(.btn-footer) .far, +.btn.btn-icon:not(.btn-footer) .fas, +.btn.btn-icon:not(.btn-footer) .tim-icons, +.navbar .navbar-nav > a.btn.btn-icon:not(.btn-footer) .fa, +.navbar .navbar-nav > a.btn.btn-icon:not(.btn-footer) .fab, +.navbar .navbar-nav > a.btn.btn-icon:not(.btn-footer) .far, +.navbar .navbar-nav > a.btn.btn-icon:not(.btn-footer) .fas, +.navbar .navbar-nav > a.btn.btn-icon:not(.btn-footer) .tim-icons { + position: absolute; + font-size: 1em; + top: 50%; + left: 50%; + transform: translate(-12px, -12px); + line-height: 1.5626rem; + width: 24px; +} +.btn:not(.btn-icon) .tim-icons, +.navbar .navbar-nav > a.btn:not(.btn-icon) .tim-icons { + position: relative; + top: -1px; +} +.btn span, +.navbar .navbar-nav > a.btn span { + position: relative; + display: block; +} +.btn.btn-link.dropdown-toggle, +.navbar .navbar-nav > a.btn.btn-link.dropdown-toggle { + color: #9a9a9a; +} +.btn.dropdown-toggle:after, +.navbar .navbar-nav > a.btn.dropdown-toggle:after { + margin-left: 30px !important; +} +.btn-primary { + background: #e14eca; + background-image: linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca); + background-size: 210% 210%; + background-position: 100% 0; + background-color: #e14eca; + transition: all 0.15s ease; + box-shadow: none; + color: #fff; +} +.btn-primary.animation-on-hover:hover { + background-position: 0 100%; + transition: 0.3s ease-in-out; +} +.btn-primary.active, +.btn-primary.active:focus, +.btn-primary.active:hover, +.btn-primary:active, +.btn-primary:active:focus, +.btn-primary:active:hover, +.btn-primary:focus, +.btn-primary:hover { + background-color: #ba54f5 !important; + background-image: linear-gradient( + to bottom left, + #e14eca, + #ba54f5, + #e14eca + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #e14eca, + #ba54f5, + #e14eca + ) !important; + color: #fff; + box-shadow: none; +} +.btn-primary:active { + box-shadow: none !important; + transform: translateY(1px) !important; + transition: all 0.15s ease; +} +.btn-primary:not([data-action]):hover { + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); + transform: translateY(-1px); + -webkit-transform: translateY(-1px); +} +.btn-primary.disabled, +.btn-primary.disabled.active, +.btn-primary.disabled.focus, +.btn-primary.disabled:active, +.btn-primary.disabled:focus, +.btn-primary.disabled:hover, +.btn-primary:disabled, +.btn-primary:disabled.active, +.btn-primary:disabled.focus, +.btn-primary:disabled:active, +.btn-primary:disabled:focus, +.btn-primary:disabled:hover, +.btn-primary[disabled], +.btn-primary[disabled].active, +.btn-primary[disabled].focus, +.btn-primary[disabled]:active, +.btn-primary[disabled]:focus, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary, +fieldset[disabled] .btn-primary.active, +fieldset[disabled] .btn-primary.focus, +fieldset[disabled] .btn-primary:active, +fieldset[disabled] .btn-primary:focus, +fieldset[disabled] .btn-primary:hover { + background-color: #e14eca; + border-color: #e14eca; +} +.btn-primary.btn-simple { + color: #e14eca; + border-color: #e14eca; + background: transparent; +} +.btn-primary.btn-simple:active, +.btn-primary.btn-simple:focus, +.btn-primary.btn-simple:hover, +.btn-primary.btn-simple:not(:disabled):not(.disabled):active { + color: #e14eca; + border-color: #e14eca; + background-color: transparent !important; + background-image: none !important; + box-shadow: none; +} +.btn-primary.btn-simple.active { + border-color: #e14eca !important; +} +.btn-primary.btn-simple.active:active, +.btn-primary.btn-simple.active:focus, +.btn-primary.btn-simple.active:hover, +.btn-primary.btn-simple.active:not(:disabled):not(.disabled):active { + color: #fff; + border-color: #e14eca; + background-image: linear-gradient( + to bottom left, + #e14eca, + #ba54f5, + #e14eca + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #e14eca, + #ba54f5, + #e14eca + ) !important; + background-color: #ba54f5 !important; + box-shadow: none; +} +.btn-primary.btn-link { + color: #e14eca; +} +.btn-primary.btn-link:active, +.btn-primary.btn-link:focus, +.btn-primary.btn-link:hover { + background-color: transparent !important; + background-image: none !important; + color: #fff !important; + text-decoration: none; + box-shadow: none; +} +.btn-success { + background: #00f2c3; + background-image: linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3); + background-size: 210% 210%; + background-position: 100% 0; + background-color: #00f2c3; + transition: all 0.15s ease; + box-shadow: none; + color: #fff; +} +.btn-success.animation-on-hover:hover { + background-position: 0 100%; + transition: 0.3s ease-in-out; +} +.btn-success.active, +.btn-success.active:focus, +.btn-success.active:hover, +.btn-success:active, +.btn-success:active:focus, +.btn-success:active:hover, +.btn-success:focus, +.btn-success:hover { + background-color: #0098f0 !important; + background-image: linear-gradient( + to bottom left, + #00f2c3, + #0098f0, + #00f2c3 + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #00f2c3, + #0098f0, + #00f2c3 + ) !important; + color: #fff; + box-shadow: none; +} +.btn-success:active { + box-shadow: none !important; + transform: translateY(1px) !important; + transition: all 0.15s ease; +} +.btn-success:not([data-action]):hover { + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); + transform: translateY(-1px); + -webkit-transform: translateY(-1px); +} +.btn-success.disabled, +.btn-success.disabled.active, +.btn-success.disabled.focus, +.btn-success.disabled:active, +.btn-success.disabled:focus, +.btn-success.disabled:hover, +.btn-success:disabled, +.btn-success:disabled.active, +.btn-success:disabled.focus, +.btn-success:disabled:active, +.btn-success:disabled:focus, +.btn-success:disabled:hover, +.btn-success[disabled], +.btn-success[disabled].active, +.btn-success[disabled].focus, +.btn-success[disabled]:active, +.btn-success[disabled]:focus, +.btn-success[disabled]:hover, +fieldset[disabled] .btn-success, +fieldset[disabled] .btn-success.active, +fieldset[disabled] .btn-success.focus, +fieldset[disabled] .btn-success:active, +fieldset[disabled] .btn-success:focus, +fieldset[disabled] .btn-success:hover { + background-color: #00f2c3; + border-color: #00f2c3; +} +.btn-success.btn-simple { + color: #00f2c3; + border-color: #00f2c3; + background: transparent; +} +.btn-success.btn-simple:active, +.btn-success.btn-simple:focus, +.btn-success.btn-simple:hover, +.btn-success.btn-simple:not(:disabled):not(.disabled):active { + color: #00f2c3; + border-color: #00f2c3; + background-color: transparent !important; + background-image: none !important; + box-shadow: none; +} +.btn-success.btn-simple.active { + border-color: #00f2c3 !important; +} +.btn-success.btn-simple.active:active, +.btn-success.btn-simple.active:focus, +.btn-success.btn-simple.active:hover, +.btn-success.btn-simple.active:not(:disabled):not(.disabled):active { + color: #fff; + border-color: #00f2c3; + background-image: linear-gradient( + to bottom left, + #00f2c3, + #0098f0, + #00f2c3 + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #00f2c3, + #0098f0, + #00f2c3 + ) !important; + background-color: #0098f0 !important; + box-shadow: none; +} +.btn-success.btn-link { + color: #00f2c3; +} +.btn-success.btn-link:active, +.btn-success.btn-link:focus, +.btn-success.btn-link:hover { + background-color: transparent !important; + background-image: none !important; + color: #fff !important; + text-decoration: none; + box-shadow: none; +} +.btn-info { + background: #1d8cf8; + background-image: linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8); + background-size: 210% 210%; + background-position: 100% 0; + background-color: #1d8cf8; + transition: all 0.15s ease; + box-shadow: none; + color: #fff; +} +.btn-info.animation-on-hover:hover { + background-position: 0 100%; + transition: 0.3s ease-in-out; +} +.btn-info.active, +.btn-info.active:focus, +.btn-info.active:hover, +.btn-info:active, +.btn-info:active:focus, +.btn-info:active:hover, +.btn-info:focus, +.btn-info:hover { + background-color: #3358f4 !important; + background-image: linear-gradient( + to bottom left, + #1d8cf8, + #3358f4, + #1d8cf8 + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #1d8cf8, + #3358f4, + #1d8cf8 + ) !important; + color: #fff; + box-shadow: none; +} +.btn-info:active { + box-shadow: none !important; + transform: translateY(1px) !important; + transition: all 0.15s ease; +} +.btn-info:not([data-action]):hover { + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); + transform: translateY(-1px); + -webkit-transform: translateY(-1px); +} +.btn-info.disabled, +.btn-info.disabled.active, +.btn-info.disabled.focus, +.btn-info.disabled:active, +.btn-info.disabled:focus, +.btn-info.disabled:hover, +.btn-info:disabled, +.btn-info:disabled.active, +.btn-info:disabled.focus, +.btn-info:disabled:active, +.btn-info:disabled:focus, +.btn-info:disabled:hover, +.btn-info[disabled], +.btn-info[disabled].active, +.btn-info[disabled].focus, +.btn-info[disabled]:active, +.btn-info[disabled]:focus, +.btn-info[disabled]:hover, +fieldset[disabled] .btn-info, +fieldset[disabled] .btn-info.active, +fieldset[disabled] .btn-info.focus, +fieldset[disabled] .btn-info:active, +fieldset[disabled] .btn-info:focus, +fieldset[disabled] .btn-info:hover { + background-color: #1d8cf8; + border-color: #1d8cf8; +} +.btn-info.btn-simple { + color: #1d8cf8; + border-color: #1d8cf8; + background: transparent; +} +.btn-info.btn-simple:active, +.btn-info.btn-simple:focus, +.btn-info.btn-simple:hover, +.btn-info.btn-simple:not(:disabled):not(.disabled):active { + color: #1d8cf8; + border-color: #1d8cf8; + background-color: transparent !important; + background-image: none !important; + box-shadow: none; +} +.btn-info.btn-simple.active { + border-color: #1d8cf8 !important; +} +.btn-info.btn-simple.active:active, +.btn-info.btn-simple.active:focus, +.btn-info.btn-simple.active:hover, +.btn-info.btn-simple.active:not(:disabled):not(.disabled):active { + color: #fff; + border-color: #1d8cf8; + background-image: linear-gradient( + to bottom left, + #1d8cf8, + #3358f4, + #1d8cf8 + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #1d8cf8, + #3358f4, + #1d8cf8 + ) !important; + background-color: #3358f4 !important; + box-shadow: none; +} +.btn-info.btn-link { + color: #1d8cf8; +} +.btn-info.btn-link:active, +.btn-info.btn-link:focus, +.btn-info.btn-link:hover { + background-color: transparent !important; + background-image: none !important; + color: #fff !important; + text-decoration: none; + box-shadow: none; +} +.btn-warning { + background: #ff8d72; + background-image: linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72); + background-size: 210% 210%; + background-position: 100% 0; + background-color: #ff8d72; + transition: all 0.15s ease; + box-shadow: none; + color: #fff; +} +.btn-warning.animation-on-hover:hover { + background-position: 0 100%; + transition: 0.3s ease-in-out; +} +.btn-warning.active, +.btn-warning.active:focus, +.btn-warning.active:hover, +.btn-warning:active, +.btn-warning:active:focus, +.btn-warning:active:hover, +.btn-warning:focus, +.btn-warning:hover { + background-color: #ff6491 !important; + background-image: linear-gradient( + to bottom left, + #ff8d72, + #ff6491, + #ff8d72 + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #ff8d72, + #ff6491, + #ff8d72 + ) !important; + color: #fff; + box-shadow: none; +} +.btn-warning:active { + box-shadow: none !important; + transform: translateY(1px) !important; + transition: all 0.15s ease; +} +.btn-warning:not([data-action]):hover { + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); + transform: translateY(-1px); + -webkit-transform: translateY(-1px); +} +.btn-warning.disabled, +.btn-warning.disabled.active, +.btn-warning.disabled.focus, +.btn-warning.disabled:active, +.btn-warning.disabled:focus, +.btn-warning.disabled:hover, +.btn-warning:disabled, +.btn-warning:disabled.active, +.btn-warning:disabled.focus, +.btn-warning:disabled:active, +.btn-warning:disabled:focus, +.btn-warning:disabled:hover, +.btn-warning[disabled], +.btn-warning[disabled].active, +.btn-warning[disabled].focus, +.btn-warning[disabled]:active, +.btn-warning[disabled]:focus, +.btn-warning[disabled]:hover, +fieldset[disabled] .btn-warning, +fieldset[disabled] .btn-warning.active, +fieldset[disabled] .btn-warning.focus, +fieldset[disabled] .btn-warning:active, +fieldset[disabled] .btn-warning:focus, +fieldset[disabled] .btn-warning:hover { + background-color: #ff8d72; + border-color: #ff8d72; +} +.btn-warning.btn-simple { + color: #ff8d72; + border-color: #ff8d72; + background: transparent; +} +.btn-warning.btn-simple:active, +.btn-warning.btn-simple:focus, +.btn-warning.btn-simple:hover, +.btn-warning.btn-simple:not(:disabled):not(.disabled):active { + color: #ff8d72; + border-color: #ff8d72; + background-color: transparent !important; + background-image: none !important; + box-shadow: none; +} +.btn-warning.btn-simple.active { + border-color: #ff8d72 !important; +} +.btn-warning.btn-simple.active:active, +.btn-warning.btn-simple.active:focus, +.btn-warning.btn-simple.active:hover, +.btn-warning.btn-simple.active:not(:disabled):not(.disabled):active { + color: #fff; + border-color: #ff8d72; + background-image: linear-gradient( + to bottom left, + #ff8d72, + #ff6491, + #ff8d72 + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #ff8d72, + #ff6491, + #ff8d72 + ) !important; + background-color: #ff6491 !important; + box-shadow: none; +} +.btn-warning.btn-link { + color: #ff8d72; +} +.btn-warning.btn-link:active, +.btn-warning.btn-link:focus, +.btn-warning.btn-link:hover { + background-color: transparent !important; + background-image: none !important; + color: #fff !important; + text-decoration: none; + box-shadow: none; +} +.btn-warning:not(:disabled):not(.disabled):active { + color: #fff; +} +.btn-danger { + background: #fd5d93; + background-image: linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93); + background-size: 210% 210%; + background-position: 100% 0; + background-color: #fd5d93; + transition: all 0.15s ease; + box-shadow: none; + color: #fff; +} +.btn-danger.animation-on-hover:hover { + background-position: 0 100%; + transition: 0.3s ease-in-out; +} +.btn-danger.active, +.btn-danger.active:focus, +.btn-danger.active:hover, +.btn-danger:active, +.btn-danger:active:focus, +.btn-danger:active:hover, +.btn-danger:focus, +.btn-danger:hover { + background-color: #ec250d !important; + background-image: linear-gradient( + to bottom left, + #fd5d93, + #ec250d, + #fd5d93 + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #fd5d93, + #ec250d, + #fd5d93 + ) !important; + color: #fff; + box-shadow: none; +} +.btn-danger:active { + box-shadow: none !important; + transform: translateY(1px) !important; + transition: all 0.15s ease; +} +.btn-danger:not([data-action]):hover { + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); + transform: translateY(-1px); + -webkit-transform: translateY(-1px); +} +.btn-danger.disabled, +.btn-danger.disabled.active, +.btn-danger.disabled.focus, +.btn-danger.disabled:active, +.btn-danger.disabled:focus, +.btn-danger.disabled:hover, +.btn-danger:disabled, +.btn-danger:disabled.active, +.btn-danger:disabled.focus, +.btn-danger:disabled:active, +.btn-danger:disabled:focus, +.btn-danger:disabled:hover, +.btn-danger[disabled], +.btn-danger[disabled].active, +.btn-danger[disabled].focus, +.btn-danger[disabled]:active, +.btn-danger[disabled]:focus, +.btn-danger[disabled]:hover, +fieldset[disabled] .btn-danger, +fieldset[disabled] .btn-danger.active, +fieldset[disabled] .btn-danger.focus, +fieldset[disabled] .btn-danger:active, +fieldset[disabled] .btn-danger:focus, +fieldset[disabled] .btn-danger:hover { + background-color: #fd5d93; + border-color: #fd5d93; +} +.btn-danger.btn-simple { + color: #fd5d93; + border-color: #fd5d93; + background: transparent; +} +.btn-danger.btn-simple:active, +.btn-danger.btn-simple:focus, +.btn-danger.btn-simple:hover, +.btn-danger.btn-simple:not(:disabled):not(.disabled):active { + color: #fd5d93; + border-color: #fd5d93; + background-color: transparent !important; + background-image: none !important; + box-shadow: none; +} +.btn-danger.btn-simple.active { + border-color: #fd5d93 !important; +} +.btn-danger.btn-simple.active:active, +.btn-danger.btn-simple.active:focus, +.btn-danger.btn-simple.active:hover, +.btn-danger.btn-simple.active:not(:disabled):not(.disabled):active { + color: #fff; + border-color: #fd5d93; + background-image: linear-gradient( + to bottom left, + #fd5d93, + #ec250d, + #fd5d93 + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #fd5d93, + #ec250d, + #fd5d93 + ) !important; + background-color: #ec250d !important; + box-shadow: none; +} +.btn-danger.btn-link { + color: #fd5d93; +} +.btn-danger.btn-link:active, +.btn-danger.btn-link:focus, +.btn-danger.btn-link:hover { + background-color: transparent !important; + background-image: none !important; + color: #fff !important; + text-decoration: none; + box-shadow: none; +} +.btn-neutral { + background: #fff; + background-image: linear-gradient(to bottom left, #fff, #fff, #fff); + background-size: 210% 210%; + background-position: 100% 0; + background-color: #fff; + transition: all 0.15s ease; + box-shadow: none; + color: #e14eca; +} +.btn-neutral.animation-on-hover:hover { + background-position: 0 100%; + transition: 0.3s ease-in-out; +} +.btn-neutral.active, +.btn-neutral.active:focus, +.btn-neutral.active:hover, +.btn-neutral:active, +.btn-neutral:active:focus, +.btn-neutral:active:hover, +.btn-neutral:focus, +.btn-neutral:hover { + background-color: #fff !important; + background-image: linear-gradient( + to bottom left, + #fff, + #fff, + #fff + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #fff, + #fff, + #fff + ) !important; + color: #fff; + box-shadow: none; +} +.btn-neutral:active { + box-shadow: none !important; + transform: translateY(1px) !important; + transition: all 0.15s ease; +} +.btn-neutral:not([data-action]):hover { + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); + transform: translateY(-1px); + -webkit-transform: translateY(-1px); +} +.btn-neutral.disabled, +.btn-neutral.disabled.active, +.btn-neutral.disabled.focus, +.btn-neutral.disabled:active, +.btn-neutral.disabled:focus, +.btn-neutral.disabled:hover, +.btn-neutral:disabled, +.btn-neutral:disabled.active, +.btn-neutral:disabled.focus, +.btn-neutral:disabled:active, +.btn-neutral:disabled:focus, +.btn-neutral:disabled:hover, +.btn-neutral[disabled], +.btn-neutral[disabled].active, +.btn-neutral[disabled].focus, +.btn-neutral[disabled]:active, +.btn-neutral[disabled]:focus, +.btn-neutral[disabled]:hover, +fieldset[disabled] .btn-neutral, +fieldset[disabled] .btn-neutral.active, +fieldset[disabled] .btn-neutral.focus, +fieldset[disabled] .btn-neutral:active, +fieldset[disabled] .btn-neutral:focus, +fieldset[disabled] .btn-neutral:hover { + background-color: #fff; + border-color: #fff; +} +.btn-neutral.btn-danger { + color: #fd5d93; +} +.btn-neutral.btn-danger:active, +.btn-neutral.btn-danger:active:focus, +.btn-neutral.btn-danger:focus, +.btn-neutral.btn-danger:hover { + color: #ec250d; +} +.btn-neutral.btn-info { + color: #1d8cf8; +} +.btn-neutral.btn-info:active, +.btn-neutral.btn-info:active:focus, +.btn-neutral.btn-info:focus, +.btn-neutral.btn-info:hover { + color: #3358f4; +} +.btn-neutral.btn-warning { + color: #ff8d72; +} +.btn-neutral.btn-warning:active, +.btn-neutral.btn-warning:active:focus, +.btn-neutral.btn-warning:focus, +.btn-neutral.btn-warning:hover { + color: #ff6491; +} +.btn-neutral.btn-success { + color: #00f2c3; +} +.btn-neutral.btn-success:active, +.btn-neutral.btn-success:active:focus, +.btn-neutral.btn-success:focus, +.btn-neutral.btn-success:hover { + color: #0098f0; +} +.btn-neutral.btn-default { + color: #344675; +} +.btn-neutral.btn-default:active, +.btn-neutral.btn-default:active:focus, +.btn-neutral.btn-default:focus, +.btn-neutral.btn-default:hover { + color: #263148; +} +.btn-neutral.active, +.btn-neutral.active:focus, +.btn-neutral.active:hover, +.btn-neutral:active, +.btn-neutral:active:focus, +.btn-neutral:active:hover, +.show > .btn-neutral.dropdown-toggle, +.show > .btn-neutral.dropdown-toggle:focus, +.show > .btn-neutral.dropdown-toggle:hover { + background-color: #fff; + color: #ba54f5; + box-shadow: none; +} +.btn-neutral:focus, +.btn-neutral:hover { + color: #ba54f5; +} +.btn-neutral:focus:not(.nav-link), +.btn-neutral:hover:not(.nav-link) { + box-shadow: none; +} +.btn-neutral.btn-simple { + color: #fff; + border-color: #fff; + background: transparent; +} +.btn-neutral.btn-simple:active, +.btn-neutral.btn-simple:focus, +.btn-neutral.btn-simple:hover, +.btn-neutral.btn-simple:not(:disabled):not(.disabled):active { + color: #fff; + border-color: #fff; + background-color: transparent !important; + background-image: none !important; + box-shadow: none; +} +.btn-neutral.btn-simple.active { + border-color: #fff !important; +} +.btn-neutral.btn-simple.active:active, +.btn-neutral.btn-simple.active:focus, +.btn-neutral.btn-simple.active:hover, +.btn-neutral.btn-simple.active:not(:disabled):not(.disabled):active { + color: #fff; + border-color: #fff; + background-image: linear-gradient( + to bottom left, + #fff, + #fff, + #fff + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #fff, + #fff, + #fff + ) !important; + background-color: #fff !important; + box-shadow: none; +} +.btn-neutral.btn-link { + color: #fff; +} +.btn-neutral.btn-link:active, +.btn-neutral.btn-link:focus, +.btn-neutral.btn-link:hover { + background-color: transparent !important; + background-image: none !important; + color: #fff !important; + text-decoration: none; + box-shadow: none; +} +.btn.disabled, +.btn:disabled, +.btn[disabled] { + opacity: 0.5; + filter: alpha(opacity=50); + pointer-events: none; +} +.btn-simple { + border: 1px solid; + border-color: #344675; + box-shadow: none; + padding: 10px 22px; + background-color: transparent; +} +.btn-link.disabled, +.btn-link.disabled.active, +.btn-link.disabled.focus, +.btn-link.disabled:active, +.btn-link.disabled:focus, +.btn-link.disabled:hover, +.btn-link:disabled, +.btn-link:disabled.active, +.btn-link:disabled.focus, +.btn-link:disabled:active, +.btn-link:disabled:focus, +.btn-link:disabled:hover, +.btn-link[disabled], +.btn-link[disabled].active, +.btn-link[disabled].focus, +.btn-link[disabled]:active, +.btn-link[disabled]:focus, +.btn-link[disabled]:hover, +.btn-simple.disabled, +.btn-simple.disabled.active, +.btn-simple.disabled.focus, +.btn-simple.disabled:active, +.btn-simple.disabled:focus, +.btn-simple.disabled:hover, +.btn-simple:disabled, +.btn-simple:disabled.active, +.btn-simple:disabled.focus, +.btn-simple:disabled:active, +.btn-simple:disabled:focus, +.btn-simple:disabled:hover, +.btn-simple[disabled], +.btn-simple[disabled].active, +.btn-simple[disabled].focus, +.btn-simple[disabled]:active, +.btn-simple[disabled]:focus, +.btn-simple[disabled]:hover, +fieldset[disabled] .btn-link, +fieldset[disabled] .btn-link.active, +fieldset[disabled] .btn-link.focus, +fieldset[disabled] .btn-link:active, +fieldset[disabled] .btn-link:focus, +fieldset[disabled] .btn-link:hover, +fieldset[disabled] .btn-simple, +fieldset[disabled] .btn-simple.active, +fieldset[disabled] .btn-simple.focus, +fieldset[disabled] .btn-simple:active, +fieldset[disabled] .btn-simple:focus, +fieldset[disabled] .btn-simple:hover { + background: transparent; +} +.btn:not(:disabled):not(.disabled).active, +.btn:not(:disabled):not(.disabled):active { + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); +} +.btn-link { + border: 0; + box-shadow: none; + padding: 0.5rem 0.7rem; + background: transparent; + color: #e3e3e3; + font-weight: 600; +} +.btn-link:hover { + box-shadow: none !important; + transform: none !important; +} +.btn-group-lg > .btn, +.btn-lg { + font-size: 0.875rem; + border-radius: 0.4285rem; + padding: 15px 48px; +} +.btn-group-lg > .btn-simple.btn, +.btn-lg.btn-simple { + padding: 14px 47px; +} +.btn-group-sm > .btn, +.btn-sm { + font-size: 0.875rem; + border-radius: 0.2857rem; + padding: 5px 15px; +} +.btn-group-sm > .btn-simple.btn, +.btn-sm.btn-simple { + padding: 4px 14px; +} +.btn-wd { + min-width: 140px; +} +.btn-group.select { + width: 100%; +} +.btn-group.select .btn { + text-align: left; +} +.btn-group.select .caret { + position: absolute; + top: 50%; + margin-top: -1px; + right: 8px; +} +.btn-group .btn.active { + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); + transform: translateY(-1px); + -webkit-transform: translateY(-1px); +} +.btn-round { + border-width: 1px; + border-radius: 30px; +} +.btn-round.btn-simple { + padding: 10px 22px; +} +.no-caret.dropdown-toggle:after { + display: none; +} +.btn-secondary:not(:disabled):not(.disabled).active, +.btn-secondary:not(:disabled):not(.disabled):active, +.show > .btn-secondary.dropdown-toggle { + color: #fff; +} +.btn-group label.btn.active { + transform: translateY(0); + -webkit-transform: translateY(0); +} +.dropdown-menu { + border: 0; + box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.2); + border-radius: 0.1428rem; + transition: all 0.15s linear; +} +.dropdown-menu.dropdown-menu-right:after, +.dropdown-menu.dropdown-menu-right:before { + left: auto; + right: 10px; +} +.dropdown-menu.dropdown-black { + background: linear-gradient(180deg, #222a42 0, #1d253b); + border: 1px solid #344675; +} +.dropdown-menu.dropdown-black .dropdown-item { + color: hsla(0, 0%, 100%, 0.7); +} +.dropdown-menu.dropdown-black .dropdown-divider { + border-color: #344675; +} +.dropdown-menu.dropdown-black:before { + color: #222a42; + z-index: 2; +} +.dropdown-menu.dropdown-black:after { + display: inline-block; + position: absolute; + width: 0; + height: 0; + z-index: 1; + vertical-align: middle; + content: ""; + top: -6px; + left: 10px; + right: auto; + color: #344675; + border-bottom: 0.4em solid; + border-right: 0.4em solid transparent; + border-left: 0.4em solid transparent; +} +.dropdown-menu.dropdown-black.dropdown-menu-right:after { + left: auto; + right: 10px; +} +.dropup .dropdown-menu.dropdown-black:after { + color: #1d253b; + z-index: 2; +} +.dropup .dropdown-menu.dropdown-black:before { + display: inline-block; + position: absolute; + width: 0; + height: 0; + vertical-align: middle; + content: ""; + top: auto; + bottom: -6px; + right: auto; + left: 10px; + color: #555; + border-top: 0.4em solid; + border-right: 0.4em solid transparent; + border-left: 0.4em solid transparent; + border-bottom: none; + z-index: 1; +} +.dropdown-menu .tim-icons { + margin-top: -10px; +} +.dropup .dropdown-menu:after { + border-bottom: none; +} +.dropup .dropdown-menu.dropdown-menu-right:after, +.dropup .dropdown-menu.dropdown-menu-right:before { + right: 10px; + left: auto; +} +.dropdown-menu:before { + display: inline-block; + position: absolute; + width: 0; + height: 0; + vertical-align: middle; + content: ""; + top: -5px; + left: 10px; + right: auto; + color: #fff; + border-bottom: 0.4em solid; + border-right: 0.4em solid transparent; + border-left: 0.4em solid transparent; +} +.dropdown-menu.dropdown-menu-right { + right: 0 !important; + left: auto !important; +} +.bootstrap-select .dropdown-menu.inner li a, +.dropdown-menu .dropdown-item { + transition: all 0.15s linear; +} +.bootstrap-select .dropdown-menu.inner li a.disabled:focus, +.bootstrap-select .dropdown-menu.inner li a.disabled:hover, +.bootstrap-select .dropdown-menu.inner li a:disabled:focus, +.bootstrap-select .dropdown-menu.inner li a:disabled:hover, +.dropdown-menu .dropdown-item.disabled:focus, +.dropdown-menu .dropdown-item.disabled:hover, +.dropdown-menu .dropdown-item:disabled:focus, +.dropdown-menu .dropdown-item:disabled:hover { + box-shadow: none; +} +.dropdown-menu .dropdown-divider { + background-color: hsla(0, 0%, 87%, 0.5); +} +.dropdown-menu .dropdown-header:not([href]):not([tabindex]) { + color: hsla(0, 0%, 71%, 0.6); + font-size: 0.62475rem; + text-transform: uppercase; + font-weight: 600; +} +.dropdown-menu.dropdown-primary { + background-color: #df41c6; +} +.dropdown-menu.dropdown-primary:before { + color: #df41c6; +} +.dropdown-menu.dropdown-primary .dropdown-header:not([href]):not([tabindex]) { + color: hsla(0, 0%, 100%, 0.8); +} +.dropdown-menu.dropdown-primary .dropdown-item { + color: #fff; +} +.dropdown-menu.dropdown-primary .dropdown-divider, +.dropdown-menu.dropdown-primary .dropdown-item:focus, +.dropdown-menu.dropdown-primary .dropdown-item:hover { + background-color: hsla(0, 0%, 100%, 0.2); +} +.dropdown-menu.dropdown-info { + background-color: #0e84f8; +} +.dropdown-menu.dropdown-info:before { + color: #0e84f8; +} +.dropdown-menu.dropdown-info .dropdown-header:not([href]):not([tabindex]) { + color: hsla(0, 0%, 100%, 0.8); +} +.dropdown-menu.dropdown-info .dropdown-item { + color: #fff; +} +.dropdown-menu.dropdown-info .dropdown-divider, +.dropdown-menu.dropdown-info .dropdown-item:focus, +.dropdown-menu.dropdown-info .dropdown-item:hover { + background-color: hsla(0, 0%, 100%, 0.2); +} +.dropdown-menu.dropdown-danger { + background-color: #fd4e89; +} +.dropdown-menu.dropdown-danger:before { + color: #fd4e89; +} +.dropdown-menu.dropdown-danger .dropdown-header:not([href]):not([tabindex]) { + color: hsla(0, 0%, 100%, 0.8); +} +.dropdown-menu.dropdown-danger .dropdown-item { + color: #fff; +} +.dropdown-menu.dropdown-danger .dropdown-divider, +.dropdown-menu.dropdown-danger .dropdown-item:focus, +.dropdown-menu.dropdown-danger .dropdown-item:hover { + background-color: hsla(0, 0%, 100%, 0.2); +} +.dropdown-menu.dropdown-success { + background-color: #00e3b7; +} +.dropdown-menu.dropdown-success:before { + color: #00e3b7; +} +.dropdown-menu.dropdown-success .dropdown-header:not([href]):not([tabindex]) { + color: hsla(0, 0%, 100%, 0.8); +} +.dropdown-menu.dropdown-success .dropdown-item { + color: #fff; +} +.dropdown-menu.dropdown-success .dropdown-divider, +.dropdown-menu.dropdown-success .dropdown-item:focus, +.dropdown-menu.dropdown-success .dropdown-item:hover { + background-color: hsla(0, 0%, 100%, 0.2); +} +.dropdown-menu.dropdown-warning { + background-color: #ff8163; +} +.dropdown-menu.dropdown-warning:before { + color: #ff8163; +} +.dropdown-menu.dropdown-warning .dropdown-header:not([href]):not([tabindex]) { + color: hsla(0, 0%, 100%, 0.8); +} +.dropdown-menu.dropdown-warning .dropdown-item { + color: #fff; +} +.dropdown-menu.dropdown-warning .dropdown-divider, +.dropdown-menu.dropdown-warning .dropdown-item:focus, +.dropdown-menu.dropdown-warning .dropdown-item:hover { + background-color: hsla(0, 0%, 100%, 0.2); +} +.bootstrap-select .dropdown-menu:not(.inner), +.dropdown-menu.bootstrap-datetimepicker-widget.bottom, +.dropdown .dropdown-menu, +.dropup:not(.bootstrap-select) .dropdown-menu { + transform: translate3d(0, -20px, 0) !important; + visibility: hidden; + display: block; + opacity: 0; + filter: alpha(opacity=0); + top: 100% !important; +} +.dropdown-menu.bootstrap-datetimepicker-widget.top { + transform: translate3d(0, -20px, 0) !important; + visibility: hidden; + display: block; + opacity: 0; + filter: alpha(opacity=0); +} +.dropdown-menu.bootstrap-datetimepicker-widget.bottom, +.dropdown-menu.bootstrap-datetimepicker-widget.top { + transform: translate3d(0, -20px, 0) !important; +} +.bootstrap-select.dropup .dropdown-menu:not(.inner) { + transform: translate3d(0, 25px, 0) !important; +} +.dropup:not(.bootstrap-select) .dropdown-menu { + transform: translate3d(0, 20px, 0) !important; + top: auto !important; + bottom: 100%; +} +.bootstrap-select.show .dropdown-menu:not(.inner), +.dropdown-menu.bootstrap-datetimepicker-widget.bottom.open, +.dropdown-menu.bootstrap-datetimepicker-widget.top.open, +.dropdown.show .dropdown-menu, +.dropup.show:not(.bootstrap-select) .dropdown-menu, +.navbar .dropdown.show .dropdown-menu { + opacity: 1; + filter: alpha(opacity=100); + visibility: visible; + transform: translate3d(0, 1px, 0) !important; +} +.dropdown-menu.bootstrap-datetimepicker-widget.bottom.open, +.dropdown-menu.bootstrap-datetimepicker-widget.top.open { + transform: translateZ(0) !important; +} +.dropup.show:not(.bootstrap-select) .dropdown-menu { + transform: translate3d(0, -2px, 0) !important; +} +.dropdown-menu.dropdown-navbar { + left: -80px; +} +.dropdown-menu.dropdown-navbar:after, +.dropdown-menu.dropdown-navbar:before { + left: auto; + right: 17px; +} +.btn { + cursor: pointer; +} +.btn.dropdown-toggle[data-toggle="dropdown"] { + padding: 10px; + margin: 0; + margin-bottom: 5px; +} +.btn.dropdown-toggle[data-toggle="dropdown"]:after { + content: ""; + margin-left: 5px; +} +.btn span.bs-caret { + display: none; +} +.btn.btn-link.dropdown-toggle { + height: 22px; + padding: 0; + margin-right: 5px; +} +.navbar .dropdown-toggle:after { + margin-top: 10px; + height: 0; +} +.btn:not(:disabled):not(.disabled).active:focus, +.btn:not(:disabled):not(.disabled):active:focus, +.show > .btn.dropdown-toggle:focus { + box-shadow: none; +} +.dropdown-menu-sm { + min-width: 100px; + border: 0.4285rem; +} +.dropdown-menu-lg { + min-width: 260px; + border-radius: 0.4285rem; +} +.dropdown-menu-xl { + min-width: 450px; + border-radius: 0.4285rem; +} +@media screen and (max-width: 991px) { + .dropdown-toggle:after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; + } +} +@media screen and (min-width: 992px) { + .dropdown-menu .dropdown-item { + color: #9a9a9a; + } +} +.footer { + padding: 50px 0; + border-top: 2px solid #435db5; + background: radial-gradient(ellipse at bottom, #292d61 30%, #171941 80%); +} +.footer [class*="container-"] { + padding: 0; +} +.footer .nav { + float: left; + margin-bottom: 0; + padding-top: 25px; + list-style: none; +} +.footer .nav, +.footer .nav-item { + display: block; +} +.footer .nav-link { + color: #fff; + padding: 10px 5px; + font-size: 0.75rem; + text-transform: uppercase; +} +.footer .nav-link, +.footer .nav-link:hover { + text-decoration: none; +} +.footer .copyright { + line-height: 1.8; + color: #fff; +} +@media screen and (max-width: 991px) { + .footer { + padding-left: 0; + } + .footer .copyright { + text-align: right; + margin-right: 15px; + } +} +@media screen and (min-width: 992px) { + .footer .copyright { + float: right; + padding-right: 30px; + } +} +@media screen and (min-width: 769px) { + .footer .title { + text-align: left !important; + } +} +@media screen and (max-width: 768px) { + .footer nav { + display: block; + margin-bottom: 5px; + float: none; + } +} +@media screen and (max-width: 576px) { + .footer, + .footer .copyright { + text-align: center; + } + .footer .nav { + float: none; + padding-left: 0; + } +} +.form-control:-moz-placeholder, +.form-control::-moz-placeholder { + color: #6c757c; + opacity: 1; + filter: alpha(opacity=100); +} +.form-control::-webkit-input-placeholder { + color: #6c757c; + opacity: 1; + filter: alpha(opacity=100); +} +.form-control:-ms-input-placeholder { + color: #6c757c; + opacity: 1; + filter: alpha(opacity=100); +} +.form-control { + border-color: #2b3553; + border-radius: 0.4285rem; + font-size: 0.75rem; + transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, + background-color 0.3s ease-in-out; +} +.form-control:focus { + border-color: #e14eca; + background-color: transparent; + box-shadow: none; +} +.form-control:focus + .input-group-append .input-group-text, +.form-control:focus + .input-group-prepend .input-group-text, +.form-control:focus ~ .input-group-append .input-group-text, +.form-control:focus ~ .input-group-prepend .input-group-text { + border: 1px solid #e14eca; + border-left: none; + background-color: transparent; +} +.has-error .form-control, +.has-error .form-control:focus, +.has-success .form-control, +.has-success .form-control:focus { + box-shadow: none; +} +.has-danger .form-control.form-control-danger, +.has-danger .form-control.form-control-success, +.has-success .form-control.form-control-danger, +.has-success .form-control.form-control-success { + background-image: none; +} +.form-control + .form-control-feedback { + border-radius: 0.4285rem; + margin-top: -7px; + position: absolute; + right: 10px; + top: 50%; + vertical-align: middle; +} +.open .form-control { + border-radius: 0.4285rem 0.4285rem 0 0; + border-bottom-color: transparent; +} +.has-success .form-control, +.has-success .input-group-append .input-group-text, +.has-success .input-group-prepend .input-group-text { + border-color: #2b3553; +} +.has-success .form-control:focus, +.has-success.input-group-focus .input-group-append .input-group-text, +.has-success.input-group-focus .input-group-prepend .input-group-text { + border-color: #00bf9a; +} +.has-danger .form-control, +.has-danger .input-group-append .input-group-text, +.has-danger.input-group-focus .input-group-append .input-group-text, +.has-danger.input-group-focus .input-group-prepend .input-group-text, +.has-danger .input-group-prepend .input-group-text { + border-color: #f33620; + color: #ec250d; + background-color: hsla(0, 0%, 87%, 0.1); +} +.has-danger .form-control:focus, +.has-danger .input-group-append .input-group-text:focus, +.has-danger.input-group-focus .input-group-append .input-group-text:focus, +.has-danger.input-group-focus .input-group-prepend .input-group-text:focus, +.has-danger .input-group-prepend .input-group-text:focus { + background-color: transparent; +} +.has-danger:after, +.has-success:after { + font-family: nucleo; + content: "\ea1b"; + display: inline-block; + position: absolute; + right: 20px; + top: 13px; + color: #00f2c3; + font-size: 11px; +} +.has-danger.form-control-lg:after, +.has-success.form-control-lg:after { + font-size: 13px; + top: 24px; +} +.has-danger.has-label:after, +.has-success.has-label:after { + top: 37px; +} +.has-danger.form-check:after, +.has-success.form-check:after { + display: none !important; +} +.has-danger.form-check .form-check-label, +.has-success.form-check .form-check-label { + color: #00f2c3; +} +.has-danger:after { + content: "\ea48"; + color: #ec250d; +} +.has-danger.form-check .form-check-label { + color: #ec250d; +} +img { + max-width: 100%; + border-radius: 0.2857rem; +} +.img-raised { + box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.3); +} +.img-center { + display: block; + margin-right: auto; + margin-left: auto; +} +.modal-content .card { + margin-top: 0; + border-radius: 3px; +} +.modal-content .modal-header { + border-bottom: none; +} +.modal-content .modal-header button { + position: absolute; + right: 27px; + top: 24px; + outline: 0; + padding: 1rem; + margin: -1rem -1rem -1rem auto; +} +.modal-content .modal-header .title { + color: #222a42; + margin-top: 5px; + margin-bottom: 0; +} +.modal-content .modal-header .modal-title { + color: #222a42; +} +.modal-content .modal-header i.tim-icons { + font-size: 16px; +} +.modal-content .modal-header .modal-profile { + width: 70px; + height: 70px; + background-color: #fff; + border-radius: 50%; + text-align: center; + line-height: 5.7; + box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.3); +} +.modal-content .modal-header .modal-profile i { + color: #e14eca; + font-size: 21px; + margin-top: -10px; +} +.modal-content .modal-header .modal-profile[class*="modal-profile-"] i { + color: #fff; +} +.modal-content .modal-header .modal-profile.modal-profile-primary { + background-color: #e14eca; +} +.modal-content .modal-header .modal-profile.modal-profile-danger { + background-color: #fd5d93; +} +.modal-content .modal-header .modal-profile.modal-profile-warning { + background-color: #ff8d72; +} +.modal-content .modal-header .modal-profile.modal-profile-success { + background-color: #00f2c3; +} +.modal-content .modal-header .modal-profile.modal-profile-info { + background-color: #1d8cf8; +} +.modal-content .modal-body { + line-height: 1.9; +} +.modal-content .modal-body p { + color: #222a42; +} +.modal-content .modal-body form .form-check { + padding-left: 19px; +} +.modal-content .modal-body form .form-check .form-check-label { + padding-left: 35px; +} +.modal-content .modal-footer { + border-top: 0; + justify-content: space-between; +} +.modal-content .modal-footer button { + margin: 0; + padding-left: 16px; + padding-right: 16px; + width: auto; +} +.modal-content .modal-footer button.pull-left { + padding-left: 5px; + padding-right: 5px; + position: relative; + left: -5px; +} +.modal-content .modal-body + .modal-footer { + padding-top: 0; +} +.modal-backdrop { + background: rgba(0, 0, 0, 0.3); +} +.modal.modal-default .modal-content { + background-color: #fff; + color: #222a42; +} +.modal.modal-default .modal-body p { + color: hsla(0, 0%, 100%, 0.8); +} +.modal.modal-default .form-control:-moz-placeholder, +.modal.modal-default .form-control::-moz-placeholder { + color: hsla(0, 0%, 100%, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} +.modal.modal-default .form-control::-webkit-input-placeholder { + color: hsla(0, 0%, 100%, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} +.modal.modal-default .form-control:-ms-input-placeholder { + color: hsla(0, 0%, 100%, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} +.modal.modal-default .form-control { + border-color: hsla(0, 0%, 100%, 0.5); + color: #fff; +} +.modal.modal-default .form-control:focus { + border-color: #fff; + background-color: transparent; + color: #fff; +} +.modal.modal-default .has-danger:after, +.modal.modal-default .has-success:after { + color: #fff; +} +.modal.modal-default .has-danger .form-control { + background-color: transparent; +} +.modal.modal-default .input-group-prepend { + margin-right: 0; +} +.modal.modal-default .input-group-append .input-group-text, +.modal.modal-default .input-group-prepend .input-group-text { + background-color: rgba(23, 25, 65, 0.2); + border-color: hsla(0, 0%, 100%, 0.5); + color: #fff; +} +.modal.modal-default .input-group-focus .input-group-append .input-group-text, +.modal.modal-default .input-group-focus .input-group-prepend .input-group-text { + background-color: rgba(23, 25, 65, 0.3); + border-color: #fff; + color: #fff; +} +.modal.modal-default .form-group.no-border .form-control, +.modal.modal-default .input-group.no-border .form-control { + background-color: rgba(23, 25, 65, 0.2); + color: #fff; +} +.modal.modal-default .form-group.no-border .form-control:active, +.modal.modal-default .form-group.no-border .form-control:focus, +.modal.modal-default .input-group.no-border .form-control:active, +.modal.modal-default .input-group.no-border .form-control:focus { + background-color: rgba(23, 25, 65, 0.3); + color: #fff; +} +.modal.modal-default + .form-group.no-border + .form-control + + .input-group-append + .input-group-text, +.modal.modal-default + .form-group.no-border + .form-control + + .input-group-prepend + .input-group-text, +.modal.modal-default + .input-group.no-border + .form-control + + .input-group-append + .input-group-text, +.modal.modal-default + .input-group.no-border + .form-control + + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.2); +} +.modal.modal-default + .form-group.no-border + .form-control + + .input-group-append + .input-group-text:active, +.modal.modal-default + .form-group.no-border + .form-control + + .input-group-append + .input-group-text:focus, +.modal.modal-default + .form-group.no-border + .form-control + + .input-group-prepend + .input-group-text:active, +.modal.modal-default + .form-group.no-border + .form-control + + .input-group-prepend + .input-group-text:focus, +.modal.modal-default + .form-group.no-border + .form-control:focus + + .input-group-append + .input-group-text, +.modal.modal-default + .form-group.no-border + .form-control:focus + + .input-group-prepend + .input-group-text, +.modal.modal-default + .input-group.no-border + .form-control + + .input-group-append + .input-group-text:active, +.modal.modal-default + .input-group.no-border + .form-control + + .input-group-append + .input-group-text:focus, +.modal.modal-default + .input-group.no-border + .form-control + + .input-group-prepend + .input-group-text:active, +.modal.modal-default + .input-group.no-border + .form-control + + .input-group-prepend + .input-group-text:focus, +.modal.modal-default + .input-group.no-border + .form-control:focus + + .input-group-append + .input-group-text, +.modal.modal-default + .input-group.no-border + .form-control:focus + + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.3); + color: #fff; +} +.modal.modal-default + .form-group.no-border + .input-group-append + .input-group-text, +.modal.modal-default + .form-group.no-border + .input-group-prepend + .input-group-text, +.modal.modal-default + .input-group.no-border + .input-group-append + .input-group-text, +.modal.modal-default + .input-group.no-border + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.2); + border: none; + color: #fff; +} +.modal.modal-default + .form-group.no-border.input-group-focus + .input-group-append + .input-group-text, +.modal.modal-default + .form-group.no-border.input-group-focus + .input-group-prepend + .input-group-text, +.modal.modal-default + .input-group.no-border.input-group-focus + .input-group-append + .input-group-text, +.modal.modal-default + .input-group.no-border.input-group-focus + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.3); + color: #fff; +} +.modal.modal-primary .modal-content { + background-color: #e14eca; + color: #fff; +} +.modal.modal-primary .modal-body p { + color: hsla(0, 0%, 100%, 0.8); +} +.modal.modal-primary .form-control:-moz-placeholder, +.modal.modal-primary .form-control::-moz-placeholder { + color: hsla(0, 0%, 100%, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} +.modal.modal-primary .form-control::-webkit-input-placeholder { + color: hsla(0, 0%, 100%, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} +.modal.modal-primary .form-control:-ms-input-placeholder { + color: hsla(0, 0%, 100%, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} +.modal.modal-primary .form-control { + border-color: hsla(0, 0%, 100%, 0.5); + color: #fff; +} +.modal.modal-primary .form-control:focus { + border-color: #fff; + background-color: transparent; + color: #fff; +} +.modal.modal-primary .has-danger:after, +.modal.modal-primary .has-success:after { + color: #fff; +} +.modal.modal-primary .has-danger .form-control { + background-color: transparent; +} +.modal.modal-primary .input-group-prepend { + margin-right: 0; +} +.modal.modal-primary .input-group-append .input-group-text, +.modal.modal-primary .input-group-prepend .input-group-text { + background-color: rgba(23, 25, 65, 0.2); + border-color: hsla(0, 0%, 100%, 0.5); + color: #fff; +} +.modal.modal-primary .input-group-focus .input-group-append .input-group-text, +.modal.modal-primary .input-group-focus .input-group-prepend .input-group-text { + background-color: rgba(23, 25, 65, 0.3); + border-color: #fff; + color: #fff; +} +.modal.modal-primary .form-group.no-border .form-control, +.modal.modal-primary .input-group.no-border .form-control { + background-color: rgba(23, 25, 65, 0.2); + color: #fff; +} +.modal.modal-primary .form-group.no-border .form-control:active, +.modal.modal-primary .form-group.no-border .form-control:focus, +.modal.modal-primary .input-group.no-border .form-control:active, +.modal.modal-primary .input-group.no-border .form-control:focus { + background-color: rgba(23, 25, 65, 0.3); + color: #fff; +} +.modal.modal-primary + .form-group.no-border + .form-control + + .input-group-append + .input-group-text, +.modal.modal-primary + .form-group.no-border + .form-control + + .input-group-prepend + .input-group-text, +.modal.modal-primary + .input-group.no-border + .form-control + + .input-group-append + .input-group-text, +.modal.modal-primary + .input-group.no-border + .form-control + + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.2); +} +.modal.modal-primary + .form-group.no-border + .form-control + + .input-group-append + .input-group-text:active, +.modal.modal-primary + .form-group.no-border + .form-control + + .input-group-append + .input-group-text:focus, +.modal.modal-primary + .form-group.no-border + .form-control + + .input-group-prepend + .input-group-text:active, +.modal.modal-primary + .form-group.no-border + .form-control + + .input-group-prepend + .input-group-text:focus, +.modal.modal-primary + .form-group.no-border + .form-control:focus + + .input-group-append + .input-group-text, +.modal.modal-primary + .form-group.no-border + .form-control:focus + + .input-group-prepend + .input-group-text, +.modal.modal-primary + .input-group.no-border + .form-control + + .input-group-append + .input-group-text:active, +.modal.modal-primary + .input-group.no-border + .form-control + + .input-group-append + .input-group-text:focus, +.modal.modal-primary + .input-group.no-border + .form-control + + .input-group-prepend + .input-group-text:active, +.modal.modal-primary + .input-group.no-border + .form-control + + .input-group-prepend + .input-group-text:focus, +.modal.modal-primary + .input-group.no-border + .form-control:focus + + .input-group-append + .input-group-text, +.modal.modal-primary + .input-group.no-border + .form-control:focus + + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.3); + color: #fff; +} +.modal.modal-primary + .form-group.no-border + .input-group-append + .input-group-text, +.modal.modal-primary + .form-group.no-border + .input-group-prepend + .input-group-text, +.modal.modal-primary + .input-group.no-border + .input-group-append + .input-group-text, +.modal.modal-primary + .input-group.no-border + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.2); + border: none; + color: #fff; +} +.modal.modal-primary + .form-group.no-border.input-group-focus + .input-group-append + .input-group-text, +.modal.modal-primary + .form-group.no-border.input-group-focus + .input-group-prepend + .input-group-text, +.modal.modal-primary + .input-group.no-border.input-group-focus + .input-group-append + .input-group-text, +.modal.modal-primary + .input-group.no-border.input-group-focus + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.3); + color: #fff; +} +.modal.modal-danger .modal-content { + background-color: #fd5d93; + color: #fff; +} +.modal.modal-danger .modal-body p { + color: hsla(0, 0%, 100%, 0.8); +} +.modal.modal-danger .form-control:-moz-placeholder, +.modal.modal-danger .form-control::-moz-placeholder { + color: hsla(0, 0%, 100%, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} +.modal.modal-danger .form-control::-webkit-input-placeholder { + color: hsla(0, 0%, 100%, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} +.modal.modal-danger .form-control:-ms-input-placeholder { + color: hsla(0, 0%, 100%, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} +.modal.modal-danger .form-control { + border-color: hsla(0, 0%, 100%, 0.5); + color: #fff; +} +.modal.modal-danger .form-control:focus { + border-color: #fff; + background-color: transparent; + color: #fff; +} +.modal.modal-danger .has-danger:after, +.modal.modal-danger .has-success:after { + color: #fff; +} +.modal.modal-danger .has-danger .form-control { + background-color: transparent; +} +.modal.modal-danger .input-group-prepend { + margin-right: 0; +} +.modal.modal-danger .input-group-append .input-group-text, +.modal.modal-danger .input-group-prepend .input-group-text { + background-color: rgba(23, 25, 65, 0.2); + border-color: hsla(0, 0%, 100%, 0.5); + color: #fff; +} +.modal.modal-danger .input-group-focus .input-group-append .input-group-text, +.modal.modal-danger .input-group-focus .input-group-prepend .input-group-text { + background-color: rgba(23, 25, 65, 0.3); + border-color: #fff; + color: #fff; +} +.modal.modal-danger .form-group.no-border .form-control, +.modal.modal-danger .input-group.no-border .form-control { + background-color: rgba(23, 25, 65, 0.2); + color: #fff; +} +.modal.modal-danger .form-group.no-border .form-control:active, +.modal.modal-danger .form-group.no-border .form-control:focus, +.modal.modal-danger .input-group.no-border .form-control:active, +.modal.modal-danger .input-group.no-border .form-control:focus { + background-color: rgba(23, 25, 65, 0.3); + color: #fff; +} +.modal.modal-danger + .form-group.no-border + .form-control + + .input-group-append + .input-group-text, +.modal.modal-danger + .form-group.no-border + .form-control + + .input-group-prepend + .input-group-text, +.modal.modal-danger + .input-group.no-border + .form-control + + .input-group-append + .input-group-text, +.modal.modal-danger + .input-group.no-border + .form-control + + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.2); +} +.modal.modal-danger + .form-group.no-border + .form-control + + .input-group-append + .input-group-text:active, +.modal.modal-danger + .form-group.no-border + .form-control + + .input-group-append + .input-group-text:focus, +.modal.modal-danger + .form-group.no-border + .form-control + + .input-group-prepend + .input-group-text:active, +.modal.modal-danger + .form-group.no-border + .form-control + + .input-group-prepend + .input-group-text:focus, +.modal.modal-danger + .form-group.no-border + .form-control:focus + + .input-group-append + .input-group-text, +.modal.modal-danger + .form-group.no-border + .form-control:focus + + .input-group-prepend + .input-group-text, +.modal.modal-danger + .input-group.no-border + .form-control + + .input-group-append + .input-group-text:active, +.modal.modal-danger + .input-group.no-border + .form-control + + .input-group-append + .input-group-text:focus, +.modal.modal-danger + .input-group.no-border + .form-control + + .input-group-prepend + .input-group-text:active, +.modal.modal-danger + .input-group.no-border + .form-control + + .input-group-prepend + .input-group-text:focus, +.modal.modal-danger + .input-group.no-border + .form-control:focus + + .input-group-append + .input-group-text, +.modal.modal-danger + .input-group.no-border + .form-control:focus + + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.3); + color: #fff; +} +.modal.modal-danger .form-group.no-border .input-group-append .input-group-text, +.modal.modal-danger + .form-group.no-border + .input-group-prepend + .input-group-text, +.modal.modal-danger + .input-group.no-border + .input-group-append + .input-group-text, +.modal.modal-danger + .input-group.no-border + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.2); + border: none; + color: #fff; +} +.modal.modal-danger + .form-group.no-border.input-group-focus + .input-group-append + .input-group-text, +.modal.modal-danger + .form-group.no-border.input-group-focus + .input-group-prepend + .input-group-text, +.modal.modal-danger + .input-group.no-border.input-group-focus + .input-group-append + .input-group-text, +.modal.modal-danger + .input-group.no-border.input-group-focus + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.3); + color: #fff; +} +.modal.modal-warning .modal-content { + background-color: #ff8d72; + color: #fff; +} +.modal.modal-warning .modal-body p { + color: hsla(0, 0%, 100%, 0.8); +} +.modal.modal-warning .form-control:-moz-placeholder, +.modal.modal-warning .form-control::-moz-placeholder { + color: hsla(0, 0%, 100%, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} +.modal.modal-warning .form-control::-webkit-input-placeholder { + color: hsla(0, 0%, 100%, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} +.modal.modal-warning .form-control:-ms-input-placeholder { + color: hsla(0, 0%, 100%, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} +.modal.modal-warning .form-control { + border-color: hsla(0, 0%, 100%, 0.5); + color: #fff; +} +.modal.modal-warning .form-control:focus { + border-color: #fff; + background-color: transparent; + color: #fff; +} +.modal.modal-warning .has-danger:after, +.modal.modal-warning .has-success:after { + color: #fff; +} +.modal.modal-warning .has-danger .form-control { + background-color: transparent; +} +.modal.modal-warning .input-group-prepend { + margin-right: 0; +} +.modal.modal-warning .input-group-append .input-group-text, +.modal.modal-warning .input-group-prepend .input-group-text { + background-color: rgba(23, 25, 65, 0.2); + border-color: hsla(0, 0%, 100%, 0.5); + color: #fff; +} +.modal.modal-warning .input-group-focus .input-group-append .input-group-text, +.modal.modal-warning .input-group-focus .input-group-prepend .input-group-text { + background-color: rgba(23, 25, 65, 0.3); + border-color: #fff; + color: #fff; +} +.modal.modal-warning .form-group.no-border .form-control, +.modal.modal-warning .input-group.no-border .form-control { + background-color: rgba(23, 25, 65, 0.2); + color: #fff; +} +.modal.modal-warning .form-group.no-border .form-control:active, +.modal.modal-warning .form-group.no-border .form-control:focus, +.modal.modal-warning .input-group.no-border .form-control:active, +.modal.modal-warning .input-group.no-border .form-control:focus { + background-color: rgba(23, 25, 65, 0.3); + color: #fff; +} +.modal.modal-warning + .form-group.no-border + .form-control + + .input-group-append + .input-group-text, +.modal.modal-warning + .form-group.no-border + .form-control + + .input-group-prepend + .input-group-text, +.modal.modal-warning + .input-group.no-border + .form-control + + .input-group-append + .input-group-text, +.modal.modal-warning + .input-group.no-border + .form-control + + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.2); +} +.modal.modal-warning + .form-group.no-border + .form-control + + .input-group-append + .input-group-text:active, +.modal.modal-warning + .form-group.no-border + .form-control + + .input-group-append + .input-group-text:focus, +.modal.modal-warning + .form-group.no-border + .form-control + + .input-group-prepend + .input-group-text:active, +.modal.modal-warning + .form-group.no-border + .form-control + + .input-group-prepend + .input-group-text:focus, +.modal.modal-warning + .form-group.no-border + .form-control:focus + + .input-group-append + .input-group-text, +.modal.modal-warning + .form-group.no-border + .form-control:focus + + .input-group-prepend + .input-group-text, +.modal.modal-warning + .input-group.no-border + .form-control + + .input-group-append + .input-group-text:active, +.modal.modal-warning + .input-group.no-border + .form-control + + .input-group-append + .input-group-text:focus, +.modal.modal-warning + .input-group.no-border + .form-control + + .input-group-prepend + .input-group-text:active, +.modal.modal-warning + .input-group.no-border + .form-control + + .input-group-prepend + .input-group-text:focus, +.modal.modal-warning + .input-group.no-border + .form-control:focus + + .input-group-append + .input-group-text, +.modal.modal-warning + .input-group.no-border + .form-control:focus + + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.3); + color: #fff; +} +.modal.modal-warning + .form-group.no-border + .input-group-append + .input-group-text, +.modal.modal-warning + .form-group.no-border + .input-group-prepend + .input-group-text, +.modal.modal-warning + .input-group.no-border + .input-group-append + .input-group-text, +.modal.modal-warning + .input-group.no-border + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.2); + border: none; + color: #fff; +} +.modal.modal-warning + .form-group.no-border.input-group-focus + .input-group-append + .input-group-text, +.modal.modal-warning + .form-group.no-border.input-group-focus + .input-group-prepend + .input-group-text, +.modal.modal-warning + .input-group.no-border.input-group-focus + .input-group-append + .input-group-text, +.modal.modal-warning + .input-group.no-border.input-group-focus + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.3); + color: #fff; +} +.modal.modal-success .modal-content { + background-color: #00f2c3; + color: #fff; +} +.modal.modal-success .modal-body p { + color: hsla(0, 0%, 100%, 0.8); +} +.modal.modal-success .form-control:-moz-placeholder, +.modal.modal-success .form-control::-moz-placeholder { + color: hsla(0, 0%, 100%, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} +.modal.modal-success .form-control::-webkit-input-placeholder { + color: hsla(0, 0%, 100%, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} +.modal.modal-success .form-control:-ms-input-placeholder { + color: hsla(0, 0%, 100%, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} +.modal.modal-success .form-control { + border-color: hsla(0, 0%, 100%, 0.5); + color: #fff; +} +.modal.modal-success .form-control:focus { + border-color: #fff; + background-color: transparent; + color: #fff; +} +.modal.modal-success .has-danger:after, +.modal.modal-success .has-success:after { + color: #fff; +} +.modal.modal-success .has-danger .form-control { + background-color: transparent; +} +.modal.modal-success .input-group-prepend { + margin-right: 0; +} +.modal.modal-success .input-group-append .input-group-text, +.modal.modal-success .input-group-prepend .input-group-text { + background-color: rgba(23, 25, 65, 0.2); + border-color: hsla(0, 0%, 100%, 0.5); + color: #fff; +} +.modal.modal-success .input-group-focus .input-group-append .input-group-text, +.modal.modal-success .input-group-focus .input-group-prepend .input-group-text { + background-color: rgba(23, 25, 65, 0.3); + border-color: #fff; + color: #fff; +} +.modal.modal-success .form-group.no-border .form-control, +.modal.modal-success .input-group.no-border .form-control { + background-color: rgba(23, 25, 65, 0.2); + color: #fff; +} +.modal.modal-success .form-group.no-border .form-control:active, +.modal.modal-success .form-group.no-border .form-control:focus, +.modal.modal-success .input-group.no-border .form-control:active, +.modal.modal-success .input-group.no-border .form-control:focus { + background-color: rgba(23, 25, 65, 0.3); + color: #fff; +} +.modal.modal-success + .form-group.no-border + .form-control + + .input-group-append + .input-group-text, +.modal.modal-success + .form-group.no-border + .form-control + + .input-group-prepend + .input-group-text, +.modal.modal-success + .input-group.no-border + .form-control + + .input-group-append + .input-group-text, +.modal.modal-success + .input-group.no-border + .form-control + + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.2); +} +.modal.modal-success + .form-group.no-border + .form-control + + .input-group-append + .input-group-text:active, +.modal.modal-success + .form-group.no-border + .form-control + + .input-group-append + .input-group-text:focus, +.modal.modal-success + .form-group.no-border + .form-control + + .input-group-prepend + .input-group-text:active, +.modal.modal-success + .form-group.no-border + .form-control + + .input-group-prepend + .input-group-text:focus, +.modal.modal-success + .form-group.no-border + .form-control:focus + + .input-group-append + .input-group-text, +.modal.modal-success + .form-group.no-border + .form-control:focus + + .input-group-prepend + .input-group-text, +.modal.modal-success + .input-group.no-border + .form-control + + .input-group-append + .input-group-text:active, +.modal.modal-success + .input-group.no-border + .form-control + + .input-group-append + .input-group-text:focus, +.modal.modal-success + .input-group.no-border + .form-control + + .input-group-prepend + .input-group-text:active, +.modal.modal-success + .input-group.no-border + .form-control + + .input-group-prepend + .input-group-text:focus, +.modal.modal-success + .input-group.no-border + .form-control:focus + + .input-group-append + .input-group-text, +.modal.modal-success + .input-group.no-border + .form-control:focus + + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.3); + color: #fff; +} +.modal.modal-success + .form-group.no-border + .input-group-append + .input-group-text, +.modal.modal-success + .form-group.no-border + .input-group-prepend + .input-group-text, +.modal.modal-success + .input-group.no-border + .input-group-append + .input-group-text, +.modal.modal-success + .input-group.no-border + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.2); + border: none; + color: #fff; +} +.modal.modal-success + .form-group.no-border.input-group-focus + .input-group-append + .input-group-text, +.modal.modal-success + .form-group.no-border.input-group-focus + .input-group-prepend + .input-group-text, +.modal.modal-success + .input-group.no-border.input-group-focus + .input-group-append + .input-group-text, +.modal.modal-success + .input-group.no-border.input-group-focus + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.3); + color: #fff; +} +.modal.modal-info .modal-content { + background-color: #1d8cf8; + color: #fff; +} +.modal.modal-info .modal-body p { + color: hsla(0, 0%, 100%, 0.8); +} +.modal.modal-info .form-control:-moz-placeholder, +.modal.modal-info .form-control::-moz-placeholder { + color: hsla(0, 0%, 100%, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} +.modal.modal-info .form-control::-webkit-input-placeholder { + color: hsla(0, 0%, 100%, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} +.modal.modal-info .form-control:-ms-input-placeholder { + color: hsla(0, 0%, 100%, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} +.modal.modal-info .form-control { + border-color: hsla(0, 0%, 100%, 0.5); + color: #fff; +} +.modal.modal-info .form-control:focus { + border-color: #fff; + background-color: transparent; + color: #fff; +} +.modal.modal-info .has-danger:after, +.modal.modal-info .has-success:after { + color: #fff; +} +.modal.modal-info .has-danger .form-control { + background-color: transparent; +} +.modal.modal-info .input-group-prepend { + margin-right: 0; +} +.modal.modal-info .input-group-append .input-group-text, +.modal.modal-info .input-group-prepend .input-group-text { + background-color: rgba(23, 25, 65, 0.2); + border-color: hsla(0, 0%, 100%, 0.5); + color: #fff; +} +.modal.modal-info .input-group-focus .input-group-append .input-group-text, +.modal.modal-info .input-group-focus .input-group-prepend .input-group-text { + background-color: rgba(23, 25, 65, 0.3); + border-color: #fff; + color: #fff; +} +.modal.modal-info .form-group.no-border .form-control, +.modal.modal-info .input-group.no-border .form-control { + background-color: rgba(23, 25, 65, 0.2); + color: #fff; +} +.modal.modal-info .form-group.no-border .form-control:active, +.modal.modal-info .form-group.no-border .form-control:focus, +.modal.modal-info .input-group.no-border .form-control:active, +.modal.modal-info .input-group.no-border .form-control:focus { + background-color: rgba(23, 25, 65, 0.3); + color: #fff; +} +.modal.modal-info + .form-group.no-border + .form-control + + .input-group-append + .input-group-text, +.modal.modal-info + .form-group.no-border + .form-control + + .input-group-prepend + .input-group-text, +.modal.modal-info + .input-group.no-border + .form-control + + .input-group-append + .input-group-text, +.modal.modal-info + .input-group.no-border + .form-control + + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.2); +} +.modal.modal-info + .form-group.no-border + .form-control + + .input-group-append + .input-group-text:active, +.modal.modal-info + .form-group.no-border + .form-control + + .input-group-append + .input-group-text:focus, +.modal.modal-info + .form-group.no-border + .form-control + + .input-group-prepend + .input-group-text:active, +.modal.modal-info + .form-group.no-border + .form-control + + .input-group-prepend + .input-group-text:focus, +.modal.modal-info + .form-group.no-border + .form-control:focus + + .input-group-append + .input-group-text, +.modal.modal-info + .form-group.no-border + .form-control:focus + + .input-group-prepend + .input-group-text, +.modal.modal-info + .input-group.no-border + .form-control + + .input-group-append + .input-group-text:active, +.modal.modal-info + .input-group.no-border + .form-control + + .input-group-append + .input-group-text:focus, +.modal.modal-info + .input-group.no-border + .form-control + + .input-group-prepend + .input-group-text:active, +.modal.modal-info + .input-group.no-border + .form-control + + .input-group-prepend + .input-group-text:focus, +.modal.modal-info + .input-group.no-border + .form-control:focus + + .input-group-append + .input-group-text, +.modal.modal-info + .input-group.no-border + .form-control:focus + + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.3); + color: #fff; +} +.modal.modal-info .form-group.no-border .input-group-append .input-group-text, +.modal.modal-info .form-group.no-border .input-group-prepend .input-group-text, +.modal.modal-info .input-group.no-border .input-group-append .input-group-text, +.modal.modal-info + .input-group.no-border + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.2); + border: none; + color: #fff; +} +.modal.modal-info + .form-group.no-border.input-group-focus + .input-group-append + .input-group-text, +.modal.modal-info + .form-group.no-border.input-group-focus + .input-group-prepend + .input-group-text, +.modal.modal-info + .input-group.no-border.input-group-focus + .input-group-append + .input-group-text, +.modal.modal-info + .input-group.no-border.input-group-focus + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.3); + color: #fff; +} +.modal .modal-header .close { + color: #fd5d93; + text-shadow: none; +} +.modal .modal-header .close:focus, +.modal .modal-header .close:hover { + opacity: 1; +} +.modal.modal-mini p { + text-align: center; +} +.modal.modal-mini .modal-dialog { + max-width: 255px; + margin: 0 auto; +} +.modal.modal-mini.show .modal-dialog { + transform: translateY(30%); +} +.modal.modal-mini .modal-footer button { + text-transform: uppercase; + color: #fff; +} +.modal.modal-mini .modal-footer button:first-child { + opacity: 0.5; +} +.modal.modal-black .modal-content { + background: #1f2251; + color: hsla(0, 0%, 100%, 0.8); +} +.modal.modal-black .modal-content .modal-header .modal-title, +.modal.modal-black .modal-content .modal-header .title { + color: hsla(0, 0%, 100%, 0.9); +} +.modal.modal-black .modal-content .modal-body p { + color: hsla(0, 0%, 100%, 0.8); +} +.modal.modal-black h1, +.modal.modal-black h2, +.modal.modal-black h3, +.modal.modal-black h4, +.modal.modal-black h5, +.modal.modal-black h6, +.modal.modal-black p { + color: #fff; +} +.modal-search .modal-dialog { + max-width: 650px; +} +.modal-search .modal-dialog input { + border: none; + font-size: 17px; + font-weight: 100; +} +.modal-search .modal-dialog span { + font-size: 35px; + color: #b7b7b7; +} +.modal-search .modal-content .modal-header { + padding: 24px; +} +.modal-search .modal-header .close { + color: #555; + top: 30px !important; +} +.modal-search .modal-footer { + border-top: 2px solid #f9f9f9; + margin: 0 25px 20px; +} +.navbar { + padding: 0.9375rem; + width: 100%; + z-index: 1050; + background: #e14eca; +} +.navbar .photo { + display: inline-block; + height: 30px; + width: 30px; + border-radius: 50%; + vertical-align: middle; + overflow: hidden; +} +.navbar .photo img { + width: 100%; +} +.navbar .navbar-nav .nav-item .nav-link { + position: relative; + color: inherit; + line-height: 20px; + display: inline-flex; +} +.navbar .navbar-nav .nav-item .nav-link:hover { + color: hsla(0, 0%, 100%, 0.8); +} +.navbar .navbar-wrapper { + display: flex; + align-items: center; +} +.navbar .navbar-text { + color: #fff; +} +.navbar .btn { + margin: 0 5px 0 10px; +} +.navbar p { + margin: 0; +} +.navbar.navbar-absolute { + z-index: 1050; +} +.navbar.navbar-transparent { + background: transparent !important; + padding-top: 25px; +} +.navbar.bg-white .navbar-nav .search-bar.input-group i { + color: #222a42; +} +.navbar.bg-white .navbar-nav .search-bar.input-group .form-control { + background: rgba(34, 42, 66, 0.1); + border-radius: 4px; +} +.navbar.bg-white .navbar-nav a.nav-link { + color: #222a42 !important; +} +.navbar.bg-white .navbar-brand, +.navbar.bg-white .navbar-nav a.nav-link p, +.navbar.bg-white .navbar-text { + color: #222a42; +} +.navbar.bg-white .form-control { + color: #222a42 !important; +} +.navbar.bg-white .form-control::placeholder { + color: #9a9a9a !important; +} +.navbar.bg-dark { + background: #222a42 !important; +} +.navbar.bg-primary { + background-color: #e14eca !important; +} +.navbar.bg-warning { + background-color: #ff8d72 !important; +} +.navbar.bg-info { + background-color: #1d8cf8 !important; +} +.navbar.bg-success { + background-color: #00bf9a !important; +} +.navbar.bg-danger { + background-color: #fd5d93 !important; +} +.navbar .navbar-brand { + position: relative; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + color: #fff; + text-transform: capitalize; + font-size: 1rem; +} +.navbar .navbar-brand span { + font-weight: 600; +} +.navbar .navbar-toggle button:focus, +.navbar .navbar-toggler { + outline: none; +} +.navbar-minimize-fixed { + position: fixed; + margin-left: 40px; + margin-top: 14px; + transition: 0.3s ease; + color: #fff; + z-index: 20; + opacity: 0; + transition: 0.2s ease; +} +.navbar-minimize-fixed button i { + font-size: 18px; +} +.notification { + background: #fd5d93; + color: #fff; + border-radius: 0.875rem; + height: 6px; + width: 6px; + position: absolute; + text-align: center; + font-size: 12px; + font-weight: 800; + top: 10px; + right: 10px; + border: 1px solid #fd5d93; +} +.navbar-nav li { + padding: 0 10px; +} +.navbar-nav li a { + color: #fff; +} +.navbar-nav li i { + vertical-align: middle; + font-size: 18px; + padding-right: 5px; +} +.navbar-collapse-header { + display: none; +} +@media screen and (max-width: 991px) { + .navbar .container-fluid { + padding-right: 15px; + padding-left: 15px; + } + .navbar .navbar-collapse { + animation: c 0.2s ease forwards; + } + .navbar .navbar-collapse .input-group { + margin: 0; + margin-top: 5px; + } + .navbar .navbar-collapse.collapse, + .navbar .navbar-collapse.collapsing { + animation: c 0.2s ease forwards; + } + .navbar .navbar-collapse.collapsing-out { + animation: d 0.2s ease forwards; + } + .navbar .navbar-collapse .navbar-collapse-header { + display: block; + padding-bottom: 1rem; + } + .navbar .navbar-collapse .navbar-collapse-header .collapse-brand { + font-size: 1.2495rem; + color: #fff; + } + .navbar .navbar-collapse .navbar-collapse-header .collapse-brand a { + font-weight: 600; + } + .navbar + .navbar-collapse + .navbar-collapse-header + .collapse-close + .navbar-toggler { + color: #fff; + font-size: 1.2495rem; + } + .navbar .navbar-collapse .navbar-nav li { + padding: 0; + } + .navbar .navbar-nav .btn { + margin-left: -3px; + display: flex; + } + .navbar .navbar-nav .btn i { + margin-right: 12px; + } + .navbar .navbar-nav .btn span { + margin: 0; + text-transform: uppercase; + font-weight: 300; + } + .navbar .navbar-nav .btn span, + .navbar .navbar-nav .btn span:active, + .navbar .navbar-nav .btn span:active:focus, + .navbar .navbar-nav .btn span:focus, + .navbar .navbar-nav .btn span:hover { + color: #222a42 !important; + } + .navbar .navbar-nav a.nav-link i { + opacity: 1; + margin-right: 5px; + } + .navbar .navbar-nav a.nav-link p { + display: inline-block; + margin-left: 7px; + color: #fff; + } + .navbar .navbar-nav .modal-search .modal-dialog { + padding: 0 40px; + } + .navbar .navbar-nav .dropdown { + margin: 5px 0; + } + .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item { + margin-top: 0; + padding-left: 24px; + } + .navbar .dropdown.show .dropdown-menu { + display: block; + } + .navbar .dropdown .dropdown-menu { + display: none; + } + .navbar .dropdown .dropdown-menu li a { + color: #222a42; + } + .navbar .dropdown .dropdown-menu, + .navbar .dropdown.show .dropdown-menu { + background-color: transparent; + border: 0; + transition: none; + box-shadow: none; + width: auto; + margin: 0 0.7rem; + margin-top: 0; + } + .navbar .dropdown .dropdown-menu:before, + .navbar .dropdown.show .dropdown-menu:before { + display: none; + } + .navbar .dropdown-menu .dropdown-item:focus, + .navbar .dropdown-menu .dropdown-item:hover { + color: #fff; + } + .navbar.bg-white .dropdown-menu .dropdown-item:focus, + .navbar.bg-white .dropdown-menu .dropdown-item:hover { + color: #344675; + } + .navbar button.navbar-toggler[data-target="#navigation"] { + padding-top: 0; + } + .navbar .navbar-toggler-bar { + display: block; + position: relative; + width: 22px; + height: 1px; + border-radius: 1px; + background: #fff; + } + .navbar .navbar-toggler-bar.navbar-kebab { + height: 4px; + width: 4px; + margin-bottom: 3px; + border-radius: 50%; + } + .navbar .navbar-toggler-bar + .navbar-toggler-bar { + margin-top: 7px; + } + .navbar .navbar-toggler-bar + .navbar-toggler-bar.navbar-kebab { + margin-top: 0; + } + .navbar .navbar-toggler-bar.bar2 { + width: 17px; + transition: width 0.2s linear; + } + .navbar.bg-white:not(.navbar-transparent) .navbar-toggler-bar { + background-color: #344675; + } + .navbar .navbar-brand { + margin-left: 20px; + position: relative; + } + .navbar-nav .nav-link i.fa, + .navbar-nav .nav-link i.tim-icons { + opacity: 0.5; + } +} +@media screen and (min-width: 992px) { + .navbar-collapse { + background: none !important; + } + .navbar .navbar-toggle { + display: none; + } + .navbar-nav .nav-link.profile-photo { + padding: 0; + margin: 7px 0.7rem; + } + .navbar .caret { + position: absolute; + left: 80%; + top: 55%; + margin-left: 0; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } +} +@media screen and (max-width: 991px) { + .navbar .navbar-translate { + width: 100%; + position: relative; + display: flex; + justify-content: space-between !important; + } + .navbar-collapse { + padding: 1.4rem; + height: auto !important; + } + .navbar-toggler.toggled + .navbar-collapse { + display: block !important; + } +} +@media screen and (max-width: 576px) { + .navbar[class*="navbar-toggleable-"] .container { + margin-left: 0; + margin-right: 0; + } +} +.navigation-example .navbar { + z-index: auto; +} +.navigation-example .navbar .navbar-collapse { + z-index: 1050; +} +@keyframes c { + 0% { + opacity: 0; + transform: scale(0.95); + transform-origin: 100% 0; + } + to { + opacity: 1; + transform: scale(1); + } +} +@keyframes d { + 0% { + opacity: 1; + transform: scale(1); + transform-origin: 100% 0; + } + to { + opacity: 0; + transform: scale(0.95); + } +} +body { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; +} +.h1, +.h2, +.h3, +.h4, +.h5, +.h6, +h1, +h2, +h3, +h4, +h5, +h6 { + line-height: 1.2; +} +p { + font-weight: 300; +} +button, +input, +optgroup, +select, +textarea { + font-family: Poppins, sans-serif; +} +.card h1, +.card h2, +.card h3, +.card h4, +.card h5, +.card h6, +.card p, +h1, +h2, +h3, +h4, +h5, +h6 { + color: hsla(0, 0%, 100%, 0.8); +} +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: 400; +} +a { + color: #ba54f5; + font-weight: 300; +} +a:focus, +a:hover { + color: #e14eca; +} +.h1, +h1 { + line-height: 1.05; + margin-bottom: 30px; +} +.h1 small, +h1 small { + font-weight: 600; + text-transform: uppercase; + opacity: 0.8; +} +.h2, +h2 { + line-height: 1.2; +} +.h2, +.h3, +h2, +h3 { + margin-bottom: 30px; +} +.h3, +h3 { + line-height: 1.4em; +} +.h4, +h4 { + line-height: 1.45em; + margin-bottom: 15px; +} +.h4 + .category, +.h4.title + .category, +h4 + .category, +h4.title + .category { + margin-top: -10px; +} +.h5, +h5 { + line-height: 1.4em; + margin-bottom: 15px; +} +.h6, +h6 { + text-transform: uppercase; + font-weight: 600; +} +p { + color: hsla(0, 0%, 100%, 0.8); + margin-bottom: 5px; +} +p.description { + font-size: 1.14em; +} +.title { + margin-top: 30px; + margin-bottom: 25px; + font-weight: 600; + color: hsla(0, 0%, 100%, 0.8); +} +.title.title-up { + text-transform: uppercase; +} +.title.title-up a { + color: #222a42; + text-decoration: none; +} +.title + .category { + margin-top: -10px; +} +.card-description, +.card .footer .stats, +.description { + color: #9a9a9a; + font-weight: 300; +} +.card-category, +.category { + text-transform: capitalize; + font-weight: 400; + color: hsla(0, 0%, 100%, 0.6); + font-size: 0.75rem; +} +.card-category { + font-size: 0.75rem; +} +.blockquote { + border-left: 2px solid #344675; + padding: 20px; + font-size: 0.9625rem; + line-height: 1.8; +} +.blockquote small { + color: #344675; + font-size: 0.75rem; + text-transform: uppercase; +} +.blockquote.blockquote-primary { + border-color: #e14eca; + color: #e14eca; +} +.blockquote.blockquote-primary small { + color: #e14eca; +} +.blockquote.blockquote-danger { + border-color: #fd5d93; + color: #fd5d93; +} +.blockquote.blockquote-danger small { + color: #fd5d93; +} +.blockquote.blockquote-white { + border-color: hsla(0, 0%, 100%, 0.8); + color: #fff; +} +.blockquote.blockquote-white small { + color: hsla(0, 0%, 100%, 0.8); +} +ol li, +ul li { + color: #fff; +} +pre { + color: hsla(0, 0%, 100%, 0.8); +} +hr { + border-top: 1px solid rgba(0, 0, 0, 0.1); + margin-top: 1rem; + margin-bottom: 1rem; +} +.icon { + width: auto; + height: auto; +} +.icon i, +.icon svg { + font-size: auto-0.75; +} +.icon + .icon-text { + padding-left: 1rem; + width: calc(1 - auto - 1); +} +.icon-xl { + width: 5rem; + height: 5rem; +} +.icon-xl i, +.icon-xl svg { + font-size: 4.25rem; +} +.icon-xl + .icon-text { + width: calc(1 - $icon-size-xl - 1); +} +.icon-lg { + width: 3.7rem; + height: 3.7rem; +} +.icon-lg i, +.icon-lg svg { + font-size: 2.95rem; +} +.icon-lg + .icon-text { + width: calc(1 - $icon-size-lg - 1); +} +.icon-sm { + width: 1.875rem; + height: 1.875rem; +} +.icon-sm i, +.icon-sm svg { + font-size: 1.125rem; +} +.icon-sm + .icon-text { + width: calc(1 - $icon-size-sm - 1); +} +.icon-shape { + padding: 12px; + text-align: center; + display: inline-flex; + align-items: center; + justify-content: center; + border-radius: 50%; +} +.icon-shape i, +.icon-shape svg { + font-size: 1.25rem; +} +.icon-shape.icon-lg i, +.icon-shape.icon-lg svg { + font-size: 1.625rem; +} +.icon-shape.icon-sm i, +.icon-shape.icon-sm svg { + font-size: 0.875rem; +} +.icon-shape svg { + width: 30px; + height: 30px; +} +.icon-shape-primary { + color: #e418c4; + background-color: rgba(232, 122, 215, 0.5); +} +.icon-shape-secondary { + color: #d3d9e5; + background-color: hsla(0, 0%, 100%, 0.5); +} +.icon-shape-success { + color: #00bf9a; + background-color: rgba(38, 255, 213, 0.5); +} +.icon-shape-info { + color: #0073e2; + background-color: rgba(78, 165, 250, 0.5); +} +.icon-shape-warning { + color: #ff643f; + background-color: rgba(255, 182, 165, 0.5); +} +.icon-shape-danger { + color: #ff2871; + background-color: rgba(254, 143, 181, 0.5); +} +.icon-shape-light { + color: #879cb0; + background-color: rgba(201, 207, 212, 0.5); +} +.icon-shape-dark { + color: #090c0e; + background-color: rgba(56, 63, 69, 0.5); +} +.icon-shape-default { + color: #1e2e58; + background-color: rgba(68, 91, 152, 0.5); +} +.icon-shape-neutral, +.icon-shape-white { + color: #e8e3e3; + background-color: hsla(0, 0%, 100%, 0.5); +} +.icon-shape-darker { + color: #000; + background-color: rgba(26, 26, 26, 0.5); +} +.form-check { + margin-top: 0.5rem; + padding-left: 0; +} +.form-check .form-check-label { + display: inline-block; + position: relative; + cursor: pointer; + padding-left: 25px; + line-height: 18px; + margin-bottom: 0; + transition: color 0.3s linear; + color: hsla(0, 0%, 100%, 0.6); +} +.radio .form-check-sign { + padding-left: 28px; +} +.form-check-radio.form-check-inline .form-check-label { + padding-left: 5px; + margin-right: 10px; +} +.form-check .form-check-sign:after, +.form-check .form-check-sign:before { + content: " "; + display: inline-block; + position: absolute; + width: 17px; + height: 17px; + left: 0; + cursor: pointer; + border-radius: 3px; + top: 0; + border: 1px solid #818181; + transition: opacity 0.3s linear; +} +.form-check input[type="checkbox"]:checked + .form-check-sign:before { + border: none; + background-color: #e14eca; +} +.form-check .form-check-sign:after { + font-family: nucleo; + content: "\ea1b"; + top: 0; + text-align: center; + font-size: 14px; + opacity: 0; + color: #fff; + font-weight: 600; + border: 0; + background-color: inherit; +} +.form-check.disabled .form-check-label { + color: #9a9a9a; + opacity: 0.5; + cursor: not-allowed; +} +.form-check input[type="checkbox"], +.radio input[type="radio"] { + opacity: 0; + position: absolute; + visibility: hidden; +} +.form-check input[type="checkbox"]:checked + .form-check-sign:after { + opacity: 1; + font-size: 10px; + margin-top: 0; +} +.form-check input[type="checkbox"] + .form-check-sign:after { + opacity: 0; + font-size: 10px; + margin-top: 0; +} +.checkbox input[type="checkbox"]:disabled + .form-check-sign:after, +.form-control input[type="checkbox"]:disabled + .form-check-sign:before { + cursor: not-allowed; +} +.form-check input[type="checkbox"]:disabled + .form-check-sign, +.form-check input[type="radio"]:disabled + .form-check-sign { + pointer-events: none; +} +.form-check-radio .form-check-label { + padding-top: 3px; +} +.form-check-radio .form-check-sign:after, +.form-check-radio .form-check-sign:before { + content: " "; + width: 18px; + height: 18px; + border-radius: 50%; + border: 1px solid #818181; + display: inline-block; + position: absolute; + left: 0; + top: 3px; + padding: 1px; + transition: opacity 0.3s linear; +} +.form-check-radio input[type="radio"], +.form-check-radio input[type="radio"] + .form-check-sign:after { + opacity: 0; +} +.form-check-radio input[type="radio"]:checked + .form-check-sign:after { + width: 6px; + height: 6px; + background-color: #e14eca; + border-color: #e14eca; + top: 9px; + left: 6px; +} +.form-check-radio input[type="radio"]:checked + .form-check-sign:before { + border-color: #e14eca; +} +.form-check-radio input[type="radio"]:checked + .form-check-sign:after { + opacity: 1; +} +.form-check-radio input[type="radio"]:disabled + .form-check-sign, +.form-check-radio input[type="radio"]:disabled + .form-check-sign:after, +.form-check-radio input[type="radio"]:disabled + .form-check-sign:before { + color: #9a9a9a; +} +.fixed-plugin { + position: fixed; + right: 0; + width: 64px; + background: rgba(0, 0, 0, 0.3); + z-index: 1031; + border-radius: 8px 0 0 8px; + text-align: center; + top: 130px; +} +.fixed-plugin .badge, +.fixed-plugin li > a { + transition: all 0.34s; + -webkit-transition: all 0.34s; + -moz-transition: all 0.34s; +} +.fixed-plugin .fa-cog { + color: #fff; + padding: 10px; + border-radius: 0 0 6px 6px; + width: auto; +} +.fixed-plugin .dropdown-menu { + right: 80px; + left: auto !important; + top: -52px !important; + width: 290px; + border-radius: 0.1875rem; + padding: 0 10px; + background: linear-gradient(#222a42, #1d253b); +} +.fixed-plugin .dropdown .dropdown-menu .tim-icons { + top: 5px; +} +.fixed-plugin .dropdown-menu:after, +.fixed-plugin .dropdown-menu:before { + right: 10px; + margin-left: auto; + left: auto; +} +.fixed-plugin .fa-circle-thin { + color: #fff; +} +.fixed-plugin .active .fa-circle-thin { + color: #0bf; +} +.fixed-plugin .dropdown-menu > .active > a, +.fixed-plugin .dropdown-menu > .active > a:focus, +.fixed-plugin .dropdown-menu > .active > a:hover { + color: #777; + text-align: center; +} +.fixed-plugin img { + border-radius: 0; + width: 100%; + height: 100px; + margin: 0 auto; +} +.fixed-plugin .dropdown-menu li > a:focus, +.fixed-plugin .dropdown-menu li > a:hover { + box-shadow: none; +} +.fixed-plugin .badge { + border: 2px solid #fff; + border-radius: 50%; + cursor: pointer; + display: inline-block; + height: 23px; + margin-right: 5px; + position: relative; + width: 23px; +} +.fixed-plugin .badge.active, +.fixed-plugin .badge:hover { + border-color: #1d253b; +} +.fixed-plugin .dark-badge, +.fixed-plugin .light-badge { + margin: 0; + border: 1px solid #1d8cf8; +} +.fixed-plugin .dark-badge:hover, +.fixed-plugin .light-badge:hover { + border: 1px solid #1d8cf8; +} +.fixed-plugin .light-badge, +.fixed-plugin .light-badge:hover { + background: #fff; +} +.fixed-plugin .dark-badge, +.fixed-plugin .dark-badge:hover { + background: #222a42; +} +.fixed-plugin h5 { + margin: 10px; +} +.fixed-plugin .dropdown-menu li { + display: block; + padding: 18px 2px; + width: 25%; + float: left; +} +.fixed-plugin li.adjustments-line, +.fixed-plugin li.button-container, +.fixed-plugin li.header-title { + width: 100%; + height: 50px; + min-height: inherit; +} +.fixed-plugin li.button-container { + height: auto; +} +.fixed-plugin li.button-container div { + margin-bottom: 5px; +} +.fixed-plugin #sharrreTitle { + text-align: center; + padding: 10px 0; + height: 50px; +} +.fixed-plugin li.header-title { + color: #fff; + height: 30px; + line-height: 25px; + font-size: 12px; + font-weight: 600; + text-align: center; + text-transform: uppercase; +} +.fixed-plugin .adjustments-line a { + color: transparent; +} +.fixed-plugin .adjustments-line a .badge-colors { + position: relative; + top: -2px; +} +.fixed-plugin .adjustments-line a a:focus, +.fixed-plugin .adjustments-line a a:hover { + color: transparent; +} +.fixed-plugin .adjustments-line .togglebutton { + text-align: center; +} +.fixed-plugin .adjustments-line .togglebutton .label-switch { + position: relative; + left: -10px; + font-size: 0.62475rem; + color: #fff; +} +.fixed-plugin .adjustments-line .togglebutton .label-switch.label-right { + left: 10px; +} +.fixed-plugin .adjustments-line .togglebutton .toggle { + margin-right: 0; +} +.fixed-plugin .adjustments-line .color-label { + position: relative; + top: -7px; + font-size: 0.62475rem; + color: #fff; +} +.fixed-plugin .adjustments-line .dropdown-menu > li.adjustments-line > a { + padding-right: 0; + padding-left: 0; + border-bottom: 1px solid #ddd; + border-radius: 0; + margin: 0; +} +.fixed-plugin .dropdown-menu > li > a.img-holder { + font-size: 1rem; + text-align: center; + border-radius: 10px; + background-color: #fff; + border: 3px solid #fff; + padding-left: 0; + padding-right: 0; + opacity: 1; + cursor: pointer; + display: block; + max-height: 100px; + overflow: hidden; + padding: 0; +} +.fixed-plugin .dropdown-menu > li > a.img-holder img { + margin-top: auto; +} +.fixed-plugin .dropdown-menu > li > a.switch-trigger:focus, +.fixed-plugin .dropdown-menu > li a.switch-trigger:hover { + background-color: transparent; +} +.fixed-plugin .dropdown-menu > li:focus > a.img-holder, +.fixed-plugin .dropdown-menu > li:hover > a.img-holder { + border-color: rgba(0, 187, 255, 0.53); +} +.fixed-plugin .dropdown-menu > .active > a.img-holder { + border-color: #0bf; + background-color: #fff; +} +.fixed-plugin .btn-social { + width: 50%; + display: block; + width: 48%; + float: left; + font-weight: 600; +} +.fixed-plugin .btn-social i { + margin-right: 5px; +} +.fixed-plugin .btn-social:first-child { + margin-right: 2%; +} +.fixed-plugin .dropdown .dropdown-menu { + transform: translateY(-15%); + top: 27px; + opacity: 0; + transform-origin: 0 0; +} +.fixed-plugin .dropdown .dropdown-menu:before { + border-bottom: 0.4em solid transparent; + border-left: 0.4em solid rgba(0, 0, 0, 0.2); + border-top: 0.4em solid transparent; + right: -16px; + top: 46px; +} +.fixed-plugin .dropdown .dropdown-menu:after { + border-bottom: 0.4em solid transparent; + border-left: 0.4em solid #222a42; + border-top: 0.4em solid transparent; + right: -16px; +} +.fixed-plugin .dropdown .dropdown-menu:after, +.fixed-plugin .dropdown .dropdown-menu:before { + content: ""; + display: inline-block; + position: absolute; + top: 74px; + width: 16px; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); +} +.fixed-plugin .dropdown.show .dropdown-menu { + opacity: 1; + transform: translateY(-13%); + transform-origin: 0 0; +} +.fixed-plugin .bootstrap-switch { + margin: 0; +} +.pagination .page-item .page-link { + border: 0; + border-radius: 30px !important; + transition: all 0.3s; + margin: 0 3px; + min-width: 30px; + text-align: center; + height: 30px; + line-height: 30px; + cursor: pointer; + text-transform: uppercase; + outline: none; +} +.pagination .page-item .page-link:focus, +.pagination .page-item .page-link:hover { + background-color: hsla(0, 0%, 100%, 0.1); + color: #fff; + border: none; + box-shadow: none; +} +.pagination .arrow-margin-left, +.pagination .arrow-margin-right { + position: absolute; +} +.pagination .arrow-margin-right { + right: 0; +} +.pagination .arrow-margin-left { + left: 0; +} +.pagination .page-item.active > .page-link { + color: #fff; + box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1); +} +.pagination .page-item.active > .page-link, +.pagination .page-item.active > .page-link:focus, +.pagination .page-item.active > .page-link:hover { + background: #e14eca; + background-image: linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca); + background-size: 210% 210%; + background-position: 100% 0; + color: #fff; +} +.pagination .page-item.disabled > .page-link { + opacity: 0.5; +} +.pagination.pagination-info .page-item.active > .page-link, +.pagination.pagination-info .page-item.active > .page-link:focus, +.pagination.pagination-info .page-item.active > .page-link:hover { + background: #1d8cf8; + background-image: linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8); + background-size: 210% 210%; + background-position: 100% 0; +} +.pagination.pagination-success .page-item.active > .page-link, +.pagination.pagination-success .page-item.active > .page-link:focus, +.pagination.pagination-success .page-item.active > .page-link:hover { + background: #00f2c3; + background-image: linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3); + background-size: 210% 210%; + background-position: 100% 0; +} +.pagination.pagination-primary .page-item.active > .page-link, +.pagination.pagination-primary .page-item.active > .page-link:focus, +.pagination.pagination-primary .page-item.active > .page-link:hover { + background: #e14eca; + background-image: linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca); + background-size: 210% 210%; + background-position: 100% 0; +} +.pagination.pagination-warning .page-item.active > .page-link, +.pagination.pagination-warning .page-item.active > .page-link:focus, +.pagination.pagination-warning .page-item.active > .page-link:hover { + background: #ff8d72; + background-image: linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72); + background-size: 210% 210%; + background-position: 100% 0; +} +.pagination.pagination-danger .page-item.active > .page-link, +.pagination.pagination-danger .page-item.active > .page-link:focus, +.pagination.pagination-danger .page-item.active > .page-link:hover { + background: #fd5d93; + background-image: linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93); + background-size: 210% 210%; + background-position: 100% 0; +} +.pagination.pagination-neutral .page-item > .page-link { + color: #fff; +} +.pagination.pagination-neutral .page-item > .page-link:focus, +.pagination.pagination-neutral .page-item > .page-link:hover { + background-color: hsla(0, 0%, 100%, 0.2); + color: #fff; +} +.pagination.pagination-neutral .page-item.active > .page-link, +.pagination.pagination-neutral .page-item.active > .page-link:focus, +.pagination.pagination-neutral .page-item.active > .page-link:hover { + background-color: #fff; + border-color: #fff; + color: #e14eca; +} +@media (max-width: 767.98px) { + div.dataTables_paginate ul.pagination .page-item:first-of-type, + div.dataTables_paginate ul.pagination .page-item:last-of-type, + div.dataTables_paginate ul.pagination .page-item:nth-of-type(2), + div.dataTables_paginate ul.pagination .page-item:nth-of-type(8) { + display: none !important; + } +} +.animation-transition-general, +.nav-pills .nav-link, +.nav-tabs .nav-link, +.navbar, +.navbar-collapse .navbar-nav .nav-link, +.sidebar .nav a, +.sidebar .nav a i, +.sidebar .nav p, +.tag, +.tag [data-role="remove"] { + transition: all 0.3s ease 0s; +} +.bootstrap-switch-label:before, +.caret { + transition: all 0.15s ease 0s; +} +.card-collapse .card a[data-toggle="collapse"].expanded i, +.card-collapse .card a[data-toggle="collapse"][aria-expanded="true"] i, +.dropdown-toggle[aria-expanded="true"]:after, +a[data-toggle="collapse"][aria-expanded="true"] .caret { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); + transform: rotate(180deg); +} +.caret { + width: 0; + height: 0; + vertical-align: middle; + border-top: 4px dashed; + border-right: 4px solid transparent; + border-left: 4px solid transparent; + margin-top: -5px; + position: absolute; + top: 30px; + margin-left: 5px; +} +.pull-left { + float: left; +} +.pull-right { + float: right; +} +.card form label + .form-control { + margin-bottom: 20px; +} +.card .map-title { + color: #fff; +} +.card.card-chart .gm-style-cc, +.card.card-chart .gmnoprint { + display: none !important; +} +.bd-docs h1, +.bd-docs h2, +.bd-docs h3, +.bd-docs h4, +.bd-docs h5, +.bd-docs h6, +.bd-docs ol li, +.bd-docs p, +.bd-docs ul li { + color: #2c2c2c; +} +.bd-docs .bd-content > table > thead > tr > th { + color: #222a42; +} +.bd-docs .blockquote, +.bd-docs .blockquote p, +.bd-docs .card p { + color: hsla(0, 0%, 100%, 0.8); +} +.bd-docs .bd-example { + background: linear-gradient(#1e1e2f, #1e1e24); +} +.bd-docs .navbar { + border-top: none; +} +.bd-docs .navbar .navbar-nav .nav-link { + color: hsla(0, 0%, 100%, 0.8) !important; +} +.bd-docs .bd-example .btn { + margin: 4px 0; +} +.bd-docs .bd-example .btn .badge { + display: inline-block; +} +.bd-docs .bd-example .tim-icons { + color: #fff; +} +.bd-docs .bd-example .popover .popover-header { + color: hsla(0, 0%, 71%, 0.6); +} +.bd-docs .bd-example .popover-body p { + color: #212529; +} +.bd-docs .bd-example.tooltip-demo p, +.bd-docs .card.card-body, +.bd-docs .card .card-body, +.bd-docs .form-check, +.bd-docs label { + color: hsla(0, 0%, 100%, 0.8); +} +.bd-docs .form-check + .btn { + margin-top: 20px; +} +.bd-docs .bd-example .h1, +.bd-docs .bd-example .h2, +.bd-docs .bd-example .h3, +.bd-docs .bd-example .h4, +.bd-docs .bd-example .h5, +.bd-docs .bd-example .h6, +.bd-docs .bd-example h1, +.bd-docs .bd-example h2, +.bd-docs .bd-example h3, +.bd-docs .bd-example h4, +.bd-docs .bd-example h5, +.bd-docs .bd-example h6, +.bd-docs .bd-example thead th, +.bd-docs table .h1, +.bd-docs table .h2, +.bd-docs table .h3, +.bd-docs table .h4, +.bd-docs table .h5, +.bd-docs table .h6, +.bd-docs table h1, +.bd-docs table h2, +.bd-docs table h3, +.bd-docs table h4, +.bd-docs table h5, +.bd-docs table h6, +.bd-docs table thead th { + color: hsla(0, 0%, 100%, 0.8); +} +.bd-docs .bd-example .datepicker .tim-icons, +.bd-docs .bd-example .datepicker table thead th, +.bd-docs .bd-example .datepicker thead th, +.bd-docs .bd-example .picker-switch .tim-icons, +.bd-docs table .datepicker .tim-icons, +.bd-docs table .datepicker table thead th, +.bd-docs table .datepicker thead th, +.bd-docs table .picker-switch .tim-icons { + color: #e14eca; +} +.bd-docs .footer .container-fluid > nav { + display: inline-block; +} +.modal.show .modal-dialog { + transform: translateY(30%); +} +code { + color: #f3a4b5; +} +.ct-widget.ct-widget_theme_dark { + background: transparent !important; +} +@media screen and (max-width: 991px) { + .profile-photo .profile-photo-small { + margin-left: -2px; + } + .button-dropdown { + display: none; + } + #searchModal .modal-dialog { + margin: 20px; + } + #minimizeSidebar { + display: none; + } +} +@media screen and (max-width: 768px) { + .landing-page .section-story-overview .image-container:nth-child(2) { + margin-left: 0; + margin-bottom: 30px; + } +} +@media screen and (max-width: 576px) { + .page-header .container h6.category-absolute { + width: 90%; + } + .form-horizontal .col-form-label, + .form-horizontal .label-on-right { + text-align: inherit; + padding-top: 0; + } + .form-horizontal .col-form-label code, + .form-horizontal .label-on-right code { + padding: 0 10px; + } +} +.profile-page .btcwdgt { + background-color: #171941 !important; +} +.profile-page .btcwdgt .btcwdgt-header { + background-color: transparent !important; +} +.profile-page .btcwdgt-headlines .btcwdgt-body ul li:nth-child(2n) { + background-color: #2a2f63 !important; +} +.rtl .bootstrap-navbar, +.rtl .sidebar { + right: 0; + left: auto; + margin-right: 20px; + margin-left: 0; +} +.rtl .bootstrap-navbar .nav i, +.rtl .sidebar .nav i { + float: right; + margin-left: 15px; + margin-right: 0; +} +.rtl .bootstrap-navbar .nav p, +.rtl .sidebar .nav p { + margin-right: 45px; + text-align: right; +} +.rtl .bootstrap-navbar .nav .caret, +.rtl .sidebar .nav .caret { + left: 11px; + right: auto; +} +.rtl .bootstrap-navbar .logo a.logo-mini, +.rtl .sidebar .logo a.logo-mini { + float: right; + margin-right: 20px; + margin-left: 10px; +} +.rtl .bootstrap-navbar .logo .simple-text, +.rtl .sidebar .logo .simple-text { + text-align: right; +} +.rtl + .bootstrap-navbar + .sidebar-wrapper + .nav + [data-toggle="collapse"] + ~ div + > ul + > li + > a + .sidebar-mini-icon, +.rtl + .bootstrap-navbar + .sidebar-wrapper + .user + .info + [data-toggle="collapse"] + ~ div + > ul + > li + > a + .sidebar-mini-icon, +.rtl + .sidebar + .sidebar-wrapper + .nav + [data-toggle="collapse"] + ~ div + > ul + > li + > a + .sidebar-mini-icon, +.rtl + .sidebar + .sidebar-wrapper + .user + .info + [data-toggle="collapse"] + ~ div + > ul + > li + > a + .sidebar-mini-icon { + float: right; + margin-left: 15px; + margin-right: 0; +} +.rtl + .bootstrap-navbar + .sidebar-wrapper + .user + .info + [data-toggle="collapse"] + ~ div + > ul + > li + > a + .sidebar-normal, +.rtl + .bootstrap-navbar + .sidebar-wrapper + > .nav + [data-toggle="collapse"] + ~ div + > ul + > li + > a + .sidebar-normal, +.rtl + .sidebar + .sidebar-wrapper + .user + .info + [data-toggle="collapse"] + ~ div + > ul + > li + > a + .sidebar-normal, +.rtl + .sidebar + .sidebar-wrapper + > .nav + [data-toggle="collapse"] + ~ div + > ul + > li + > a + .sidebar-normal { + text-align: right; +} +.rtl .bootstrap-navbar:before, +.rtl .sidebar:before { + right: 30px; + left: auto; +} +.rtl .main-panel .content { + padding: 80px 280px 30px 30px; +} +.rtl .footer { + padding: 24px 300px 24px 0; +} +.rtl .dropdown-toggle:after { + margin-right: 0.255em; + margin-left: 0; +} +.rtl .dropdown-menu.dropdown-menu-right.dropdown-navbar { + right: -220px !important; + left: auto; +} +.rtl .dropdown-menu.dropdown-menu-right.dropdown-navbar:before { + right: auto; + left: 35px; +} +.rtl .notification { + left: 40px; + right: auto; +} +.rtl .dropdown-menu { + right: auto; + left: 0; +} +.rtl .minimize-sidebar { + float: right; +} +.rtl .alert { + left: 0; + margin-left: 0; + margin-right: 0; +} +.rtl .alert button.close { + left: 10px !important; + right: auto !important; +} +.rtl .alert span[data-notify="icon"] { + right: 15px; + left: auto; +} +.rtl .alert.alert-with-icon { + padding-right: 65px; + padding-left: 15px; +} +.rtl .alert.alert-with-icon i[data-notify="icon"] { + right: 15px; + left: auto; +} +.rtl .search-bar { + margin-left: 0; +} +.rtl .modal-search .modal-header .close { + margin-right: auto; + left: 10px; +} +@media (min-width: 991px) { + .rtl.sidebar-mini .main-panel .content, + .rtl.sidebar-mini footer { + padding-right: 130px; + padding-left: 50px; + } + .rtl .navbar-minimize button { + margin-right: -5px; + } +} +@media screen and (max-width: 991px) { + .rtl .sidebar { + margin-right: 0; + } + .rtl .main-panel .content { + padding-right: 50px; + } + .rtl #bodyClick { + right: 260px; + left: auto; + } + .rtl .footer { + padding-right: 15px; + } +} +.rtl .navbar .navbar-nav { + padding-right: 0; +} +.rtl .navbar .navbar-nav a.nav-link { + text-align: right; +} +.rtl .navbar .navbar-nav a.nav-link p { + margin-right: 7px; +} +.rtl .navbar .navbar-nav .btn { + margin-right: 0; + padding: 0; +} +.rtl .navbar .navbar-nav .btn i { + margin-left: 4px; + margin-right: 5px; +} +.rtl .navbar .navbar-nav .search-bar span { + margin-right: 10px; +} +.rtl .ps__rail-y { + right: auto !important; + left: 0; +} +.rtl .main-panel { + position: fixed; + height: 100%; + overflow-y: scroll; + overflow-x: hidden; +} +@media screen and (max-width: 768px) { + .rtl .main-panel .content { + padding-left: 15px; + padding-right: 15px; + } +} +.form-group.has-danger .error, +.input-group.has-danger .error { + color: #ec250d; +} +.form-group.has-success .error, +.input-group.has-success .error { + color: #00f2c3; +} +.form-group.no-border.form-control-lg .input-group-append .input-group-text, +.input-group.no-border.form-control-lg .input-group-append .input-group-text { + padding: 15px 0 15px 19px; +} +.form-group.no-border.form-control-lg .form-control, +.input-group.no-border.form-control-lg .form-control { + padding: 15px 19px; +} +.form-group.no-border.form-control-lg + .form-control + + .input-group-append + .input-group-text, +.form-group.no-border.form-control-lg + .form-control + + .input-group-prepend + .input-group-text, +.input-group.no-border.form-control-lg + .form-control + + .input-group-append + .input-group-text, +.input-group.no-border.form-control-lg + .form-control + + .input-group-prepend + .input-group-text { + padding: 15px 19px 15px 0; +} +.form-group.form-control-lg .form-control, +.input-group.form-control-lg .form-control { + padding: 14px 18px; + height: 100%; +} +.form-group.form-control-lg + .form-control + + .input-group-append + .input-group-text, +.form-group.form-control-lg + .form-control + + .input-group-prepend + .input-group-text, +.input-group.form-control-lg + .form-control + + .input-group-append + .input-group-text, +.input-group.form-control-lg + .form-control + + .input-group-prepend + .input-group-text { + padding: 14px 18px 14px 0; +} +.form-group.form-control-lg .input-group-append .input-group-text, +.form-group.form-control-lg .input-group-prepend .input-group-text, +.input-group.form-control-lg .input-group-append .input-group-text, +.input-group.form-control-lg .input-group-prepend .input-group-text { + padding: 14px 0 15px 18px; +} +.form-group.form-control-lg + .input-group-append + .input-group-text + + .form-control, +.form-group.form-control-lg + .input-group-prepend + .input-group-text + + .form-control, +.input-group.form-control-lg + .input-group-append + .input-group-text + + .form-control, +.input-group.form-control-lg + .input-group-prepend + .input-group-text + + .form-control { + padding: 15px 18px 15px 16px; +} +.form-group.no-border .form-control, +.input-group.no-border .form-control { + padding: 11px 19px; +} +.form-group.no-border .form-control + .input-group-append .input-group-text, +.form-group.no-border .form-control + .input-group-prepend .input-group-text, +.input-group.no-border .form-control + .input-group-append .input-group-text, +.input-group.no-border .form-control + .input-group-prepend .input-group-text { + padding: 11px 19px 11px 0; +} +.form-group.no-border .input-group-append .input-group-text, +.form-group.no-border .input-group-prepend .input-group-text, +.input-group.no-border .input-group-append .input-group-text, +.input-group.no-border .input-group-prepend .input-group-text { + padding: 11px 0 11px 19px; +} +.form-group .form-control, +.input-group .form-control { + padding: 10px 18px; +} +.form-group .form-control + .input-group-append .input-group-text, +.form-group .form-control + .input-group-prepend .input-group-text, +.input-group .form-control + .input-group-append .input-group-text, +.input-group .form-control + .input-group-prepend .input-group-text { + padding: 10px 18px 10px 0; +} +.form-group .input-group-append .input-group-text, +.form-group .input-group-prepend .input-group-text, +.input-group .input-group-append .input-group-text, +.input-group .input-group-prepend .input-group-text { + padding: 10px 0 10px 18px; +} +.form-group .input-group-append .input-group-text + .form-control, +.form-group .input-group-append .input-group-text ~ .form-control, +.form-group .input-group-prepend .input-group-text + .form-control, +.form-group .input-group-prepend .input-group-text ~ .form-control, +.input-group .input-group-append .input-group-text + .form-control, +.input-group .input-group-append .input-group-text ~ .form-control, +.input-group .input-group-prepend .input-group-text + .form-control, +.input-group .input-group-prepend .input-group-text ~ .form-control { + padding: 10px 19px 11px 16px; +} +.form-group.no-border .form-control, +.form-group.no-border .form-control + .input-group-append .input-group-text, +.form-group.no-border .form-control + .input-group-prepend .input-group-text, +.input-group.no-border .form-control, +.input-group.no-border .form-control + .input-group-append .input-group-text, +.input-group.no-border .form-control + .input-group-prepend .input-group-text { + background-color: #242c45; + border: medium none; +} +.form-group.no-border + .form-control + + .input-group-append + .input-group-text:active, +.form-group.no-border + .form-control + + .input-group-append + .input-group-text:focus, +.form-group.no-border + .form-control + + .input-group-prepend + .input-group-text:active, +.form-group.no-border + .form-control + + .input-group-prepend + .input-group-text:focus, +.form-group.no-border .form-control:active, +.form-group.no-border .form-control:focus, +.input-group.no-border + .form-control + + .input-group-append + .input-group-text:active, +.input-group.no-border + .form-control + + .input-group-append + .input-group-text:focus, +.input-group.no-border + .form-control + + .input-group-prepend + .input-group-text:active, +.input-group.no-border + .form-control + + .input-group-prepend + .input-group-text:focus, +.input-group.no-border .form-control:active, +.input-group.no-border .form-control:focus { + border: medium none; + background-color: #252e49; +} +.form-group.no-border + .form-control:focus + + .input-group-append + .input-group-text, +.form-group.no-border + .form-control:focus + + .input-group-prepend + .input-group-text, +.input-group.no-border + .form-control:focus + + .input-group-append + .input-group-text, +.input-group.no-border + .form-control:focus + + .input-group-prepend + .input-group-text { + background-color: #252e49; +} +.form-group.no-border .input-group-append .input-group-text, +.form-group.no-border .input-group-prepend .input-group-text, +.input-group.no-border .input-group-append .input-group-text, +.input-group.no-border .input-group-prepend .input-group-text { + background-color: #242c45; + border: none; +} +.has-error .control-label, +.has-error .form-control-feedback { + color: #ec250d; +} +.has-success .control-label, +.has-success .form-control-feedback { + color: #00f2c3; +} +.input-group-append .input-group-text, +.input-group-prepend .input-group-text { + background-color: transparent; + border: 1px solid #2b3553; + border-radius: 0.4285rem; + color: #fff; + transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, + background-color 0.3s ease-in-out; +} +.input-group-append .input-group-text i, +.input-group-prepend .input-group-text i { + opacity: 0.5; +} +.has-danger.input-group-focus .input-group-append .input-group-text, +.has-danger.input-group-focus .input-group-prepend .input-group-text, +.has-success .input-group-append .input-group-text, +.has-success .input-group-prepend .input-group-text { + background-color: transparent; +} +.has-danger .form-control:focus + .input-group-append .input-group-text, +.has-danger .form-control:focus + .input-group-prepend .input-group-text { + color: #ec250d; +} +.has-success .form-control:focus + .input-group-append .input-group-text, +.has-success .form-control:focus + .input-group-prepend .input-group-text { + color: #00f2c3; +} +.input-group-append .input-group-text + .form-control, +.input-group-append .input-group-text ~ .form-control, +.input-group-prepend .input-group-text + .form-control, +.input-group-prepend .input-group-text ~ .form-control { + padding: -0.5rem 0.7rem; + padding-left: 18px; +} +.input-group-append .input-group-text i, +.input-group-prepend .input-group-text i { + width: 17px; +} +.input-group-prepend .input-group-text { + background-color: transparent; + border: 1px solid #2b3553; + border-radius: 0.4285rem; + color: #fff; + margin: 0; +} +.input-group-append .input-group-text { + border-left: none; +} +.input-group-prepend .input-group-text { + border-right: none; +} +.input-group-focus .input-group-append .input-group-text, +.input-group-focus .input-group-prepend .input-group-text { + background-color: #fff; + background-color: transparent; + border-color: #e14eca; +} +.input-group-focus.no-border .input-group-append .input-group-text, +.input-group-focus.no-border .input-group-prepend .input-group-text { + background-color: #252e49; +} +.form-group, +.input-group { + margin-bottom: 10px; + position: relative; +} +.form-group .form-control-static, +.input-group .form-control-static { + margin-top: 9px; +} +.input-group[disabled] .input-group-append .input-group-text, +.input-group[disabled] .input-group-prepend .input-group-text { + background-color: #e3e3e3; +} +.input-group-btn:not(:first-child):not(:last-child), +.input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0.4285rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group .form-control:first-child { + border-right: 0 none; +} +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:last-child > .dropdown-toggle, +.input-group .form-control:last-child { + border-left: 0 none; +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + background-color: #1d253b; + color: #344675; + cursor: not-allowed; +} +.input-group-btn .btn { + border-width: 1px; + padding: 11px 0.7rem; +} +.input-group-btn .btn-default:not(.btn-fill) { + border-color: #ddd; +} +.input-group-btn:last-child > .btn { + margin-left: 0; +} +textarea.form-control { + padding: -0.5rem 0.7rem; + max-width: 100%; + max-height: 80px; + resize: none; + border-radius: 0.4285rem; + line-height: 2; +} +.has-danger.form-group .form-control, +.has-danger.form-group.no-border .form-control, +.has-success.form-group .form-control, +.has-success.form-group.no-border .form-control { + padding-right: 40px; +} +.form.form-newsletter .form-group { + float: left; + width: 78%; + margin-right: 2%; + margin-top: 9px; +} +.input-group .input-group-btn { + padding: 0 12px; +} +.form-group input[type="file"] { + opacity: 0; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 100; +} +.form-text { + font-size: 0.75rem; + color: hsla(0, 0%, 100%, 0.8); +} +.form-control-lg { + padding: 0; + font-size: inherit; + line-height: 0; +} +.form-control-lg .form-control { + height: calc(2.875rem + 2px); +} +.form-horizontal .col-form-label, +.form-horizontal .label-on-right { + padding: 10px 5px 0 15px; + text-align: right; + max-width: 180px; +} +.form-horizontal .checkbox-radios { + margin-bottom: 15px; +} +.form-horizontal .checkbox-radios .form-check:first-child { + margin-top: 8px; +} +.form-horizontal .label-on-right { + text-align: left; + padding: 10px 15px 0 5px; +} +.form-horizontal .form-check-inline { + margin-top: 6px; +} +.form-horizontal .form-check-inline .form-check-label { + margin-right: 1.5rem; +} +.search-bar { + margin-left: 30px; +} +.search-bar .btn { + margin: 0; +} +.search-bar.input-group { + border-radius: 25px; + z-index: 4; + margin-bottom: 0; + height: 43px; + padding-right: 5px; +} +.search-bar.input-group .input-group-addon { + padding: 10px; + background: transparent; + border: none; + color: hsla(0, 0%, 100%, 0.7); +} +.search-bar.input-group i { + font-size: 20px; + color: #fff; + margin-top: 0 !important; +} +.search-bar.input-group input { + background: transparent; + border: none !important; + border-radius: 0; + padding: 12px !important; + font-size: 12px; + opacity: 0.5; +} +.search-bar.input-group input:focus { + background: transparent; +} +.search-bar.input-group .form-control { + opacity: 1; + color: #fff; +} +.search-bar.input-group .form-control::placeholder { + color: #fff; +} +.modal-search .modal-dialog { + max-width: 1000px; + margin: 20px auto; +} +.modal-search .modal-dialog .form-control { + border: none; + color: #222a42; +} +.modal-search .modal-dialog .form-control::placeholder { + color: #222a42; +} +.input-group-prepend { + margin-right: 0; +} +.input-group-append .tim-icons, +.input-group-prepend .tim-icons { + font-size: 1rem; +} +.progress-container { + position: relative; +} +.progress-container.progress-sm { + margin-top: 10px; +} +.progress-container.progress-sm .progress .progress-value { + position: absolute; + top: -3px; + left: -27px; + color: #fff; + font-size: 0.62475rem; +} +.progress-container + .progress-container, +.progress-container ~ .progress-container { + margin-top: 15px; +} +.progress-container .progress-badge { + color: #fff; + font-size: 0.75rem; + text-transform: uppercase; +} +.progress-container .progress-badge.float-left { + margin-right: 20px; +} +.progress-container .progress { + margin: 10px 0; + box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3); +} +.progress-container .progress .progress-bar { + border-radius: 0.875rem; + box-shadow: none; + background: #1f2251; +} +.progress-container .progress .progress-bar .progress-value { + position: absolute; + top: 2px; + right: 0; + color: #fff; + font-size: 0.62475rem; +} +.progress-container .progress.progress-bar-sm { + height: 3px; +} +.progress-container.progress-neutral .progress { + background: hsla(0, 0%, 100%, 0.3); +} +.progress-container.progress-neutral .progress-bar { + background: #fff; +} +.progress-container.progress-primary .progress-bar { + background: #ba54f5; + background-image: linear-gradient(to bottom left, #ba54f5, #e14eca, #ba54f5); + background-size: 210% 210%; + background-position: 100% 0; +} +.progress-container.progress-info .progress-bar { + background: #3358f4; + background-image: linear-gradient(to bottom left, #3358f4, #1d8cf8, #3358f4); + background-size: 210% 210%; + background-position: 100% 0; +} +.progress-container.progress-success .progress-bar { + background: #0098f0; + background-image: linear-gradient(to bottom left, #0098f0, #00f2c3, #0098f0); + background-size: 210% 210%; + background-position: 100% 0; +} +.progress-container.progress-warning .progress-bar { + background: #ff6491; + background-image: linear-gradient(to bottom left, #ff6491, #ff8d72, #ff6491); + background-size: 210% 210%; + background-position: 100% 0; +} +.progress-container.progress-danger .progress-bar { + background: #ec250d; + background-image: linear-gradient(to bottom left, #ec250d, #fd5d93, #ec250d); + background-size: 210% 210%; + background-position: 100% 0; +} +.card-chart .progress-container + .progress-container, +.card-chart .progress-container ~ .progress-container { + margin-top: 25px; +} +.badge { + text-transform: uppercase; + line-height: 12px; + border: none; + margin-bottom: 5px; +} +.badge, +.badge:focus, +.badge:hover { + text-decoration: none; +} +.badge-icon { + padding: 0.4em 0.55em; +} +.badge-icon i { + font-size: 0.8em; +} +.badge-success { + color: #fff; + background-color: #00bf9a; +} +a.badge-success:focus, +a.badge-success:hover { + color: #fff; + background-color: #008c71; +} +a.badge-success.focus, +a.badge-success:focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(0, 191, 154, 0.5); +} +.nav-pills.nav-pills:not(.flex-column) .nav-item:not(:last-child) .nav-link { + margin-right: 10px; + margin-bottom: 5px; +} +.nav-pills.nav-pills-just-icons .nav-item .nav-link { + border-radius: 50%; + height: 80px; + max-width: 80px; + min-width: auto; + padding: 0; + width: 80px; +} +.nav-pills.nav-pills-just-icons .nav-item .nav-link .tim-icons { + font-size: 24px; + line-height: 80px; +} +.nav-pills .nav-item .nav-link { + padding: 0 15.5px; + text-align: center; + padding: 11px 23px; + min-width: 100px; + font-weight: 400; + color: hsla(0, 0%, 100%, 0.5); + background-color: #1f2251; +} +.nav-pills .nav-item .nav-link:hover { + background-color: #1c1f4a; +} +.nav-pills .nav-item .nav-link.active, +.nav-pills .nav-item .nav-link.active:focus, +.nav-pills .nav-item .nav-link.active:hover { + background-color: #9a9a9a; + color: #fff; + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); +} +.nav-pills .nav-item .nav-link.disabled, +.nav-pills .nav-item .nav-link:disabled, +.nav-pills .nav-item .nav-link[disabled] { + opacity: 0.5; +} +.nav-pills .nav-item i { + display: block; + font-size: 24px; + line-height: 60px; +} +.nav-pills.nav-pills-neutral .nav-item .nav-link { + background-color: hsla(0, 0%, 100%, 0.2); + color: #fff; +} +.nav-pills.nav-pills-neutral .nav-item .nav-link.active, +.nav-pills.nav-pills-neutral .nav-item .nav-link.active:focus, +.nav-pills.nav-pills-neutral .nav-item .nav-link.active:hover { + background-color: #fff; + color: #e14eca; +} +.nav-pills.nav-pills-primary .nav-item .nav-link.active, +.nav-pills.nav-pills-primary .nav-item .nav-link.active:focus, +.nav-pills.nav-pills-primary .nav-item .nav-link.active:hover { + background: #e14eca; + background-image: linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca); + background-size: 210% 210%; + background-position: 100% 0; +} +.nav-pills.nav-pills-info .nav-item .nav-link.active, +.nav-pills.nav-pills-info .nav-item .nav-link.active:focus, +.nav-pills.nav-pills-info .nav-item .nav-link.active:hover { + background: #1d8cf8; + background-image: linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8); + background-size: 210% 210%; + background-position: 100% 0; +} +.nav-pills.nav-pills-success .nav-item .nav-link.active, +.nav-pills.nav-pills-success .nav-item .nav-link.active:focus, +.nav-pills.nav-pills-success .nav-item .nav-link.active:hover { + background: #00f2c3; + background-image: linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3); + background-size: 210% 210%; + background-position: 100% 0; +} +.nav-pills.nav-pills-warning .nav-item .nav-link.active, +.nav-pills.nav-pills-warning .nav-item .nav-link.active:focus, +.nav-pills.nav-pills-warning .nav-item .nav-link.active:hover { + background: #ff8d72; + background-image: linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72); + background-size: 210% 210%; + background-position: 100% 0; +} +.nav-pills.nav-pills-danger .nav-item .nav-link.active, +.nav-pills.nav-pills-danger .nav-item .nav-link.active:focus, +.nav-pills.nav-pills-danger .nav-item .nav-link.active:hover { + background: #fd5d93; + background-image: linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93); + background-size: 210% 210%; + background-position: 100% 0; +} +.tab-space { + padding: 20px 0 50px; +} +.tab-content.tab-subcategories { + margin-top: 20px; + background-color: transparent; + padding-left: 15px; + padding-right: 15px; +} +.tab-content .tab-pane { + color: hsla(0, 0%, 100%, 0.5); +} +.nav-align-center { + text-align: center; +} +.nav-align-center .nav-pills { + display: inline-flex; +} +.nav-tabs { + border: 0; + padding: 0.5rem 0.7rem; +} +.nav-tabs > .nav-item > .nav-link { + color: #fff; + margin: 0; + margin-right: 5px; + background-color: transparent; + border-radius: 30px; + padding: 11px 23px; + line-height: 1.5; +} +.nav-tabs > .nav-item > .nav-link:hover { + background-color: transparent; + border: 1px solid #191f31; + color: hsla(0, 0%, 100%, 0.8); +} +.nav-tabs > .nav-item > .nav-link.active { + border: 1px solid #fff; + border-radius: 30px; +} +.nav-tabs > .nav-item > .nav-link i.tim-icons { + font-size: 14px; + position: relative; + top: -1px; + margin-right: 3px; +} +.nav-tabs > .nav-item.disabled > .nav-link, +.nav-tabs > .nav-item.disabled > .nav-link:hover { + color: hsla(0, 0%, 100%, 0.5); +} +.nav-tabs.nav-tabs-neutral > .nav-item > .nav-link { + color: #fff; +} +.nav-tabs.nav-tabs-neutral > .nav-item > .nav-link.active { + border-color: hsla(0, 0%, 100%, 0.5); + color: #fff; +} +.nav-tabs.nav-tabs-primary > .nav-item > .nav-link.active { + border-color: #e14eca; + color: #e14eca; +} +.nav-tabs.nav-tabs-info > .nav-item > .nav-link.active { + border-color: #1d8cf8; + color: #1d8cf8; +} +.nav-tabs.nav-tabs-danger > .nav-item > .nav-link.active { + border-color: #fd5d93; + color: #fd5d93; +} +.nav-tabs.nav-tabs-warning > .nav-item > .nav-link.active { + border-color: #ff8d72; + color: #ff8d72; +} +.nav-tabs.nav-tabs-success > .nav-item > .nav-link.active { + border-color: #00f2c3; + color: #00f2c3; +} +.info { + max-width: 360px; + margin: 0 auto; + padding: 70px 10px 30px; + text-align: center; + border-radius: 3px; +} +.info.info-default:hover { + background-color: #344675; + box-shadow: 13px 13px 50px -24px #344675; +} +.info.info-primary:hover { + background-color: #e14eca; + box-shadow: 13px 13px 50px -24px #e14eca; +} +.info.info-info:hover { + background-color: #1d8cf8; + box-shadow: 13px 13px 50px -24px #1d8cf8; +} +.info.info-warning:hover { + background-color: #ff8d72; + box-shadow: 13px 13px 50px -24px #ff8d72; +} +.info.info-danger:hover { + background-color: #fd5d93; + box-shadow: 13px 13px 50px -24px #fd5d93; +} +.info.info-success:hover { + background-color: #00f2c3; + box-shadow: 13px 13px 50px -24px #00f2c3; +} +.info .icon { + color: #344675; + transition: transform 0.4s, box-shadow 0.4s; +} +.info .icon > i { + font-size: 3em; +} +.info .icon.icon-circle { + max-width: 80px; + width: 80px; + height: 80px; + margin: 0 auto; + border-radius: 50%; + box-shadow: 0 9px 35px -6px rgba(0, 0, 0, 0.3); + font-size: 0.62475rem; + background-color: #fff; + position: relative; +} +.info .icon.icon-circle i { + line-height: 2.7; +} +.info .icon .bg-blob { + position: absolute; + opacity: 0.2; + width: 56px; + margin-top: -30px; + margin-left: -8px; +} +.info .info-title { + margin: 25px 0 15px; + padding: 0 15px; + color: #fff; +} +.info p { + color: #9a9a9a; + padding: 0 15px; + font-size: 1.1em; +} +.info.info-horizontal .bg-blob { + margin-left: -15px; +} +.info hr { + margin: 15px auto; +} +.info-horizontal { + max-width: 500px !important; + text-align: left !important; +} +.info-horizontal .icon { + width: 40px; + height: 40px; + float: left; + margin: 30px 0 0 15px; +} +.info-horizontal .icon > i { + font-size: 2em; +} +.info-horizontal .icon.icon-circle { + width: 65px; + height: 65px; + max-width: 65px; + margin-top: 8px; +} +.info-horizontal .icon.icon-circle i { + display: table; + margin: 0 auto; + line-height: 3.5; + font-size: 1.9em; +} +.info-horizontal .description { + overflow: hidden; + text-align: justify; +} +.icon.icon-primary { + color: #e14eca; +} +.icon.icon-primary.icon-circle { + box-shadow: 0 9px 30px -6px rgba(209, 49, 193, 0.3); +} +.icon.icon-info { + color: #1d8cf8; +} +.icon.icon-info.icon-circle { + box-shadow: 0 9px 30px -6px rgba(44, 168, 255, 0.3); +} +.icon.icon-success { + color: #00f2c3; +} +.icon.icon-success.icon-circle { + box-shadow: 0 9px 30px -6px rgba(24, 206, 15, 0.3); +} +.icon.icon-warning { + color: #ff8d72; +} +.icon.icon-warning.icon-circle { + box-shadow: 0 9px 30px -6px rgba(255, 178, 54, 0.3); +} +.icon.icon-danger { + color: #fd5d93; +} +.icon.icon-danger.icon-circle { + box-shadow: 0 9px 30px -6px rgba(255, 54, 54, 0.3); +} +.icon.icon-white { + color: #fff; +} +.card .info { + padding: 40px 0; + text-align: center; + position: relative; +} +hr { + width: 10%; + height: 1px; + border-radius: 3px; + margin-left: 0; +} +hr.line-primary { + background-color: #e14eca; +} +hr.line-info { + background-color: #1d8cf8; +} +hr.line-success { + background-color: #00f2c3; +} +hr.line-warning { + background-color: #ff8d72; +} +hr.line-danger { + background-color: #fd5d93; +} +hr.line-deafult { + background-color: #344675; +} +html { + scroll-behavior: smooth; +} +.error-page > .container { + text-align: center; + color: #fff; + padding: 0 15px; + width: 100%; + max-width: 880px; +} +.error-page > .container .title { + font-size: 12em; + color: #fff; + letter-spacing: 14px; + font-weight: 700; +} +.dropdown.show + .dropdown-menu.show + .dropdown-item.dropdown-toggle + + .dropdown-menu.show, +.dropdown.show + .dropdown-menu.show + .dropdown-item.dropdown-toggle + + .dropdown-menu.show + li.show + .dropdown-menu.show { + left: 100% !important; +} +.navbar + .navbar-collapse + .nav-item + .dropdown-menu.show + .dropdown-toggle + + .dropdown-menu { + opacity: 0; +} +.navbar + .navbar-collapse + .nav-item + .dropdown-menu.show + .dropdown-toggle.open + + .dropdown-menu.show { + opacity: 1; +} +.nav-up { + top: -80px; +} +.nav-down { + position: fixed; + top: 0; + transition: top 0.5s ease-in-out; + width: 100%; + z-index: 9999; +} +.bd-docs .form-group:after { + top: 40px !important; +} +.bd-docs .slick-slide img { + width: 100% !important; +} +.bd-docs .table tr td { + color: #344675; +} +.accordion-1 .accordion { + margin-top: 80px; + margin-bottom: 100px; +} +.accordion-1 .accordion .card { + margin-top: 0; + box-shadow: none; + border-bottom: 1px solid !important; +} +.accordion-1 .accordion .card:last-child { + border-bottom: none !important; +} +.accordion-1 .accordion .card .card-header { + padding: 10px 15px; +} +.accordion-1 + .accordion + .card + .card-header + .btn[aria-expanded="true"] + .tim-icons { + transform: rotate(180deg); +} +.accordion-1 .accordion .card .card-header .tim-icons { + transition: 0.1s ease; +} +.accordion-1 .accordion .card .card-body { + padding: 10px 30px 30px; +} +.accordion-1 .accordion .card .btn.btn-link { + color: hsla(0, 0%, 100%, 0.7); +} +.table-pricing .btn { + margin-bottom: 25px !important; +} +.table-pricing .desc { + margin-bottom: 10px; +} +.table-pricing td { + border-top: none; +} +.table-pricing tbody tr:nth-child(odd) { + background: #1f2251; +} +.table-pricing .background { + width: 260px; +} +.table-pricing .man { + position: absolute; + width: 18%; + left: 18%; + top: 35%; +} +.table-pricing .girl { + position: absolute; + width: 18%; + left: 58%; + top: 29%; +} +.tables-2 .card .card-body { + padding: 0; +} +.tables-2 .table-pricing { + margin-bottom: 0; +} +.tables-2 .table-pricing th { + border-right: 1px solid #344675; + padding-bottom: 40px; +} +.tables-2 .table-pricing th:last-child { + border: none; +} +.tables-2 .table-pricing tr td { + border-right: 1px solid #344675; + border-bottom: 1px solid #344675; + padding: 15px 30px; +} +.tables-2 .table-pricing tr.bg-primary td { + border: none; +} +.tables-2 .table-pricing tr:last-child td { + border-bottom: none; +} +.tables-2 .table-pricing .btn { + display: block; + margin-left: 50%; + margin-top: 30px; + transform: translate(-50%); + position: relative; + width: 70%; +} +.tables-2 thead th { + position: relative; +} +@media screen and (max-width: 768px) { + .tables-2 .table-pricing .btn { + padding: 5px 0; + } +} +.page-header { + display: flex; + align-items: center; +} +.page-header .container, +.page-header .container-fluid { + padding-top: 12vh; + padding-bottom: 40px; +} +.header-filter:before { + position: absolute; + z-index: 0; + width: 100%; + height: 100%; + display: block; + left: 0; + top: 0; + content: ""; + background-color: rgba(0, 0, 0, 0.5); +} +.header-1 .page-header .buttons p { + display: inline; +} +@media screen and (min-width: 1024px) { + .header-2 .navbar.navbar-mini { + position: absolute; + max-width: 76%; + margin: 50px 12%; + } +} +.header-2 .navbar { + z-index: 2; +} +.header-2 .page-header .form-group { + margin: 0 15px 10px; +} +.header-2 .page-header .description { + margin: 35px 0 40px; +} +.header-2 .customer-logos .slick-list { + width: 1150px; +} +.header-2 .customer-logos .slick-slide img { + background: #fff; + padding: 20px 30px; +} +.header-3 .positioned { + position: absolute; + top: 30%; + left: 4%; +} +.header-3 .positioned .btn, +.header-3 .positioned .description, +.header-3 .positioned .title { + z-index: 1; +} +.header-3 .slick-slider .slick-arrow { + margin-top: 20px; +} +.header-3 .slick-track { + margin-left: auto; + margin-right: auto; + margin-top: 50px; +} +.header-3 .slick-slide { + display: none; + float: left; + margin: 0 10px; + margin-top: -20px; + min-height: 1px; + opacity: 0.1; + transition: all 0.3s ease 0s; +} +.header-3 .slick-slide.slick-current.slick-active { + opacity: 1; + transition: all 0.3s ease 0s; + -webkit-transition: all 0.2s ease-in; + -webkit-transform: scale(1.2); + -ms-transition: all 0.2s ease-in; + -ms-transform: scale(1.2); + -moz-transition: all 0.2s ease-in; + -moz-transform: scale(1.2); + transition: all 0.2s ease-in; + transform: scale(1.2); +} +.header-3 .slick-slide img { + width: 400px; + margin-bottom: 30px; +} +.header-4 .navbar { + z-index: 2; + position: absolute; +} +.header-4 .header-video video { + position: absolute; + top: 50%; + left: 50%; + min-width: 100%; + min-height: 100%; + width: auto; + height: auto; + z-index: 0; + transform: translateX(-50%) translateY(-50%); +} +.header-4 .header-video .overlay { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + background-color: #000; + opacity: 0.5; + z-index: 1; +} +.header-4 .video-text .title { + text-transform: uppercase; +} +.header-5 .logo { + text-align: left; + margin-bottom: 50px; +} +.header-5 .logo .logo-image img { + height: 60px; + width: 250px; +} +.header-5 .btn { + float: left; +} +.header-5 .phone { + position: relative; + z-index: 2; + width: auto; + height: 600px; +} +.header-5 .shape, +.header-5 .shape2, +.header-5 .shape3 { + position: absolute; + opacity: 0.07; + z-index: 0; +} +.header-5 .shape { + left: 46%; + width: 50%; + top: 5%; + transform: rotate(45deg); +} +.header-5 .shape2 { + right: 74%; + top: 86%; + width: 35%; +} +.header-5 .shape3 { + right: 30%; + top: 7%; +} +.header-5 .input-group { + margin-top: 100px; +} +.header-6 { + background-image: url(../../assets/img/dots.png); + background-size: contain; +} +.header-6 .path { + right: 3%; + top: 15%; +} +.header-6 .dots, +.header-6 .shape { + position: absolute; + opacity: 0.07; + z-index: 2; +} +.header-6 .shape { + width: 52%; + right: 3%; + top: 16%; +} +.header-6 .page-header-image { + width: 50% !important; + right: 0; +} +.header-6 .title { + margin-bottom: 25px; +} +.header-6 .description { + margin-bottom: 35px; + margin-top: 25px; +} +.header-6 .row-input { + margin-bottom: 35px; +} +.header-6 .hidden { + position: absolute; + overflow: hidden; + width: 0; + height: 0; + pointer-events: none; +} +@media screen and (max-width: 1200px) { + .header-3 .positioned { + position: relative; + margin-top: 30%; + } +} +@media screen and (max-width: 576px) { + .page-header .logo { + text-align: center; + margin-top: 50px; + } + .header-3 a.btn { + margin-top: 30px; + } + .header-3 .description { + margin-top: 20px; + } + .header-3 .page-header .content-center img, + .header-3 div.positioned { + margin-top: 0; + } +} +.phone-container img { + width: 100%; +} +.features-1, +.features-2, +.features-3 { + text-align: center; +} +.features-2 .container .description { + margin-bottom: 20px; +} +.features-2 .info { + padding: 30px 10px; + margin: 30px auto 0; + opacity: 0.9; +} +.features-2 .info:hover { + opacity: 1; +} +.features-2 .info.info-raised { + margin-top: -5px; +} +.features-2 .info .icon { + margin-left: 15px; +} +.features-2 .info .icon i { + font-size: 2.5em; +} +.features-2 .info .info-title { + font-weight: 700; +} +.features-2 .info .description { + color: #fff; + opacity: 0.8; +} +.features-4 .info { + text-align: left; + padding: 30px; +} +.features-4 .info .info-title { + padding: 0; +} +.features-4 .info .description { + padding-left: 0; +} +.features-4 .info i { + font-size: 2.5em; +} +.features-4 .info:hover { + transition: all 0.3s ease 0s; +} +.features-4 .info:hover .description { + color: #fff; +} +.features-5 .category, +.features-5 .title { + margin-left: 25px; +} +.features-5 h6 { + text-transform: uppercase; +} +.features-5 .info { + text-align: left; + padding: 10px; +} +.features-6 .info { + padding: 10px 10px 30px; +} +.features-6 .shape { + opacity: 0.02; + position: absolute; +} +@media screen and (max-width: 768px) { + .features-2 .info { + margin-bottom: 25px; + } +} +@media screen and (max-width: 576px) { + .features-6 { + overflow: hidden; + } +} +[class*="blogs-"] { + padding: 50px 0; +} +[class*="blogs-"] .title { + margin-bottom: 70px; +} +.blogs-1 .card.card-background .card-category, +.blogs-1 .card.card-background .card-title { + bottom: 0; +} +.blogs-4 .card { + margin-bottom: 60px; + text-align: center; +} +.blogs-4 [class^="col-"] { + padding: 0; +} +.team-2 .card .card-title { + margin: 10px 0 0; +} +.team-2 .card h6 { + margin-top: 5px; +} +.team-3 .card.card-profile .card-image a > img { + border-radius: 0; + border-bottom-left-radius: 0.2857rem; + border-top-left-radius: 0.2857rem; +} +.team-3 .card.card-profile .card-title { + margin-top: 15px; +} +.team-3 .card.card-profile[data-background="full"] .card-body { + z-index: 1; +} +.team-4 .card { + text-align: left; +} +.team-4 .card .footer { + margin-top: 0; +} +.team-5 h5.description { + margin-bottom: 100px; +} +.team-5 [class*="col-md-"] { + margin-top: 50px; +} +.team-5 [class*="col-md-"]:nth-child(2) { + margin-top: 95px; +} +.team-5 .card.card-profile .card-title + .category { + margin-bottom: 0.625rem; +} +.carousel-team { + margin-top: 100px; +} +.carousel-team [class*="col-md-"] { + padding: 0; +} +.carousel-team .carousel-inner { + height: 550px; +} +.carousel-team .carousel-inner .title { + text-align: right; + font-size: 3.8rem; + margin: 70px; +} +.carousel-team .carousel-inner img { + width: 100%; + border-radius: 0; +} +.carousel-team .carousel-inner .wrapper { + padding: 15%; +} +.carousel-team .carousel-inner .wrapper .category { + text-align: right; + padding-right: 30px; + font-size: 0.9rem; + text-transform: uppercase; +} +.carousel-team .carousel-inner .wrapper .description { + padding: 30px; + text-align: justify; +} +.carousel-team .carousel-inner .wrapper .footer { + border: none; + background: none; +} +.carousel-team .carousel-control-next, +.carousel-team .carousel-control-prev { + top: auto; + left: 15%; + bottom: 8%; + opacity: 1; + width: 0; + cursor: pointer; +} +.carousel-team .carousel-control-next { + left: 20%; +} +@media screen and (max-width: 991px) { + .team-1 .carousel-team .wrapper { + margin-top: 0; + } + .team-1 .carousel-team .carousel-inner .wrapper .description { + padding: 15px; + } + .team-3 .card-profile[data-background="full"] { + height: 550px; + } + .team-5 .card .card-footer { + text-align: center; + } + .team-5 .card .card-footer div { + float: none !important; + } +} +@media screen and (max-width: 768px) { + .team-1 .carousel-team .carousel-control-next, + .team-1 .carousel-team .carousel-control-prev { + top: 96%; + } + .team-2 .card-image img { + width: 100%; + } + .team-3 .card-profile[data-background="full"] { + height: auto; + } + .team-3 .card-profile[data-background="full"] a { + height: 100%; + } +} +@media screen and (max-width: 576px) { + .team-1 .carousel-team .wrapper { + margin-top: 15px; + } +} +.projects-1 .card-title { + margin-top: 10px; +} +.projects-2 h2.title { + margin-top: 5px; + margin-bottom: 15px; +} +.projects-2 .card-title { + margin-bottom: 5px; +} +.projects-2 .category { + color: #344675; + margin-top: 5px; +} +.projects-2 .card-description { + margin-top: 20px; +} +.projects-2 .card { + text-align: center; +} +.projects-3 .card.card-blog .card-header .title { + float: left; + margin-top: 0; + margin-right: 20px; +} +.projects-3 .card.card-blog .card-header .badge:first-child { + margin-left: 20px; +} +.projects-3 .card.card-blog .card-header .badge:not(:first-child) { + margin-left: 5px; + margin-top: 8px; +} +.projects-4 .card-background { + padding: 50px 65px; +} +.projects-4 .card-background .card-category { + margin-bottom: 35px; +} +.projects-4 .card-background .card-category i { + font-size: 30px; +} +.projects-4 .card-background .btn { + margin-top: 20px; +} +@media screen and (max-width: 1200px) { + .projects-4 .card-background { + padding: 50px 40px; + } +} +@media screen and (max-width: 991px) { + .projects-1 .navbar .navbar-translate { + margin-left: 15px; + } + .projects-1 .navbar-nav { + margin-left: 0 !important; + } + .projects-2 .card .card-footer .stats.stats-right { + margin-bottom: 10px; + float: left; + } +} +@media screen and (max-width: 768px) { + .nav-pills.nav-pills:not(.flex-column) .nav-item:not(:last-child) .nav-link { + margin-bottom: 15px; + } + .projects-2 .card .card-footer .stats.stats-right { + float: right; + margin-bottom: 0; + } +} +.pricing-1 .card-pricing ul li { + text-align: left; +} +.pricing-2 .card-pricing .card-header { + position: relative; +} +.pricing-3 .card { + border-radius: 0; + margin-bottom: 0; + margin-top: 0; +} +.pricing-3 .card .title { + margin-bottom: 10px; +} +.pricing-3 .card .card:not(.last-child) { + border-right: 1px solid rgba(52, 70, 117, 0.3); +} +.pricing-3 .card-header { + margin-bottom: 20px; +} +.pricing-3 .card-body { + border-top: 1px solid rgba(52, 70, 117, 0.3); +} +.pricing-3 .card-pricing ul li, +.pricing-4 .card-pricing ul li { + text-align: left; + border: none; +} +.pricing-4 .card-pricing .card-body .description, +.pricing-4 .card-pricing .card-body .title { + margin-left: 40px; + text-align: left; +} +.pricing-4 .card-pricing .card-body .title { + margin-bottom: 5px; +} +.pricing-4 .card-pricing .card-body .title .badge { + position: relative; + top: -5px; + margin-left: 10px; +} +.pricing-4 .card-pricing .card-body .description { + font-weight: 600; + color: #fff; + margin-bottom: 25px; +} +.pricing-4 .card-pricing .card-body .btn { + margin-top: 20px; +} +.pricing-5 .card-pricing .card-body .title .badge { + position: relative; + top: -5px; + margin-left: 10px; +} +.pricing-6 .nav-pills { + margin-top: 50px; + margin-bottom: 50px; +} +.pricing-6 .card-pricing ul li b { + color: #fff; +} +@media screen and (max-width: 991px) { + .pricing-4 .card ul li { + text-align: center; + } +} +@media screen and (max-width: 768px) { + .pricing-4 .card.card-pricing .card-body .description, + .pricing-4 .card.card-pricing .card-body .title { + text-align: center; + margin-left: 0; + } +} +.testimonials-1 .carousel-team .carousel-control-next, +.testimonials-1 .carousel-team .carousel-control-prev { + left: 35%; +} +.testimonials-1 .carousel-team .carousel-control-next { + left: 40%; +} +.testimonials-1 .carousel-inner img { + height: 100%; +} +.section-testimonials .info, +.testimonials-2 .info { + margin-bottom: 50px; + padding-top: 30px; +} +.section-testimonials .info:hover p, +.testimonials-2 .info:hover p { + color: #fff; +} +.section-testimonials .card-avatar, +.testimonials-2 .card-avatar { + max-height: 100px; + max-width: 100px; + margin: auto; +} +.section-testimonials .card-avatar img.rounded, +.testimonials-2 .card-avatar img.rounded { + border-radius: 50% !important; +} +.testimonials-3 { + overflow: hidden; +} +.testimonials-3 .carousel { + width: 100%; +} +.testimonials-3 .carousel .carousel-inner { + overflow: visible; +} +.testimonials-3 .info { + max-width: 500px; + padding: 80px 40px; + margin-left: -50px; + position: relative; + z-index: 2; +} +.testimonials-3 .info .icon > i { + font-size: 1.5em; + margin-left: 40px; +} +.testimonials-3 .info .description { + padding: 30px 40px; + font-weight: 500; + line-height: 25px; +} +.testimonials-3 .info .author img { + width: 35px; + height: 35px; + margin-left: 40px; + border-radius: 50%; +} +.testimonials-3 .info .author span { + color: #fff; + margin-left: 10px; +} +.testimonials-3 .card-background.card-blog { + height: 400px; + margin-top: -260px; + margin-left: 50px; +} +.testimonials-3 .card-background.card-blog .full-background { + height: 100%; +} +.testimonials-3 .card-background.card-blog .card-body .content-bottom { + bottom: 60px; + right: 40px; +} +.testimonials-4 .info { + max-width: 500px; + border: 1px solid #fff; + padding-top: 10px; +} +.testimonials-4 .info .description { + padding: 30px 40px; + font-weight: 500; + line-height: 25px; +} +.testimonials-4 .info .author img { + width: 35px; + height: 35px; + margin-left: 40px; + border-radius: 50%; + display: inline-block; +} +.testimonials-4 .info .author span { + color: #fff; + margin-left: 10px; +} +.testimonials-4 .positioned { + position: absolute; + left: 10%; + margin-top: 140px; +} +.testimonials-4 .slick-slide { + opacity: 0.1; +} +.testimonials-4 .slick-slide.slick-current.slick-active { + opacity: 1; +} +.testimonials-4 .slick-arrow { + margin-left: 35%; +} +@media screen and (max-width: 1200px) { + .testimonials-4 .info .description { + padding: 30px 5px; + } + .testimonials-4 .info .author img { + margin-left: 5px; + } + .testimonials-3 .card-background.card-blog { + margin-left: 0; + } + .testimonials-4 .info .author span { + margin-left: 5px; + } +} +@media screen and (max-width: 768px) { + .testimonials-1 .carousel-team .carousel-control-next .tim-icons, + .testimonials-1 .carousel-team .carousel-control-prev .tim-icons { + border: 1px solid #fff; + border-radius: 50%; + padding: 5px; + } + .testimonials-4 .positioned { + margin-top: 0; + } +} +@media screen and (max-width: 576px) { + .slick-list, + .slick-slider { + margin-top: 50px; + } +} +.contactus-1 .info { + padding: 0; + margin: 0; +} +.contactus-1 .info:first-child { + margin-top: 30px; +} +.contactus-1 .info .info-title { + margin-top: 20px; + color: #fff; +} +.contactus-1 .info .icon { + margin-top: 19px; + color: #fff; +} +.contactus-1 .card-contact { + margin-top: 30px; +} +.contactus-2 { + padding: 0; + position: relative; +} +.contactus-2 .card-contact { + max-width: 560px; + margin: 80px 0 80px 150px; +} +.contactus-2 .card-contact .info { + padding: 0; + margin: 0; +} +.contactus-2 .map { + width: 100%; + height: 100%; + position: absolute; +} +.contactus-2 .info-horizontal .icon { + margin-top: 28px; +} +.contactus-2 .info-horizontal .icon > i { + font-size: 2.2em; + max-width: 45px; +} +.contactus-3 .title { + font-size: 5em; +} +.contactus-3 .page-header-image { + height: 400px !important; +} +.contactus-3 .page-header .container, +.contactus-3 .page-header .container-fluid { + padding-top: 13vh; +} +.contactus-3 .page-header { + height: 400px; + min-height: 400px; + margin-bottom: 50px; +} +.contactus-3 [class*="col-"] { + border-right: 1px solid; +} +.contactus-3 [class*="col-"]:last-child { + border: none; +} +.contactus-4 .map { + position: absolute; + width: 100%; + height: 700px; +} +.contactus-4 .map:after { + content: ""; + position: absolute; + height: 100%; + width: 100%; + background: radial-gradient( + 400px circle at 70% 50%, + transparent 0, + #1d8cf8 100% + ); + background-position: 23% 10%; + left: 0; + top: 0; +} +.contactus-4 .title { + margin-top: 250px; +} +.contactus-4 .description { + margin-bottom: 75px; +} +.contactus-4 .info { + height: 100%; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + padding: 35px; +} +.contactus-4 .info .info { + padding: 0; + max-height: 80px; +} +.contactus-4 .info .info .info-title { + margin-top: 30px; +} +.contactus-4 .info .info .icon { + color: #fff; +} +@media screen and (max-width: 991px) { + .contactus-3 [class*="col-"] { + border: none; + } + .contactus-4 .info .info { + max-height: 120px; + } +} +@media screen and (max-width: 768px) { + .contactus-4 .info { + border-top-left-radius: 3px; + border-bottom-right-radius: 0; + } +} +.social-line-big-icons [class*="col-"] { + border-right: 1px solid #222a42; +} +.social-line-big-icons [class*="col-"]:last-child { + border: 0; +} +.social-line-big-icons .btn { + margin: 0; + width: 100%; + padding-top: 30px !important; + padding-bottom: 30px !important; + height: auto; +} +.social-line-big-icons .btn i { + font-size: 25px; +} +.social-line { + padding: 0.85rem 0; +} +.subscribe-line { + padding: 30px 0; +} +.subscribe-line .card { + margin-top: 54px; +} +.subscribe-line .card .card-block { + min-height: auto; +} +.subscribe-line .card .input-group { + margin-bottom: 0; +} +.subscribe-line .btn { + margin: 0; +} +[data-background-color] .social-line h1, +[data-background-color] .social-line h2, +[data-background-color] .social-line h3, +[data-background-color] .social-line h4, +[data-background-color] .social-line h5, +[data-background-color] .social-line h6 { + color: initial; +} +[data-background-color] .social-line .btn.btn-simple { + border: 0; +} +.footer { + padding: 1.125rem 0; + text-align: center; +} +.footer.footer-default { + background-color: #f2f2f2; +} +.footer.footer-simple { + background: transparent; +} +.footer nav { + display: inline-block; + float: left; +} +.footer .content { + text-align: left; +} +.footer .nav-link { + display: inline; +} +.footer.footer-big { + padding: 30px 0; +} +.footer.footer-big .social-feed i { + font-size: 20px; + float: left; + padding-right: 10px; + color: #fff; +} +.footer.footer-big .gallery-feed img { + width: 20%; + margin-right: 5%; + margin-bottom: 5%; + float: left; +} +.footer.footer-big hr { + width: 100%; +} +.footer .footer-brand { + float: left; + font-size: 0.875rem; + line-height: 44px; +} +.footer ul { + margin-bottom: 0; + padding: 0; + list-style: none; +} +.footer ul:not(.links-vertical) { + line-height: 3.1; +} +.footer ul.links-vertical { + line-height: 1.6; +} +.footer ul.links-vertical li { + display: block; + margin-left: -5px; + margin-right: -5px; + margin-bottom: 0; +} +.footer ul.links-vertical li a { + padding: 5px; + display: block; +} +.footer ul li { + display: inline-block; +} +.footer ul li a { + color: inherit; + padding: 13px 0.5rem; + font-size: 0.75rem; + text-transform: uppercase; +} +.footer ul li a, +.footer ul li a:hover { + text-decoration: none; +} +.footer .social-buttons { + text-align: center; +} +.footer .social-buttons .btn, +.footer .social-buttons a { + margin: 0; +} +.footer .pull-center { + display: inline-block; + float: none; +} +.footer .copyright { + font-size: 0.75rem; + line-height: 3.5; +} +.footer:after { + display: table; + clear: both; + content: " "; +} +@media screen and (max-width: 768px) { + .footer .btn-wrapper.profile, + footer .title { + text-align: center !important; + } +} +.table td { + border-top-color: #1f2251; +} +.table > thead > tr > th { + border-bottom-width: 1px; + font-size: 0.8125rem; + font-weight: 300; + border: 0; +} +.table .btn { + margin: 0; +} +.table .form-check, +.table .form-check.form-check-radio { + margin: 0; + padding: 0; + width: 15px; +} +.table .form-check.form-check-radio .icons, +.table .form-check .icons { + position: relative; +} +.table .form-check .form-check-label { + position: static !important; +} +.table > tbody > tr > td, +.table > tbody > tr > th, +.table > tfoot > tr > td, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > thead > tr > th { + padding: 12px 7px; + vertical-align: middle; + color: hsla(0, 0%, 100%, 0.7); +} +.table .th-description { + max-width: 150px; +} +.table .td-price { + font-size: 26px; + font-weight: 300; + margin-top: 5px; + position: relative; + top: 4px; + text-align: right; +} +.table .td-total { + font-weight: 600; + font-size: 0.8125rem; + padding-top: 20px; + text-align: right; +} +.table .td-actions .btn { + margin: 0; +} +.table > tbody > tr { + position: relative; +} +.table-shopping > thead > tr > th { + font-size: 0.75rem; + text-transform: uppercase; +} +.table-shopping > tbody > tr > td { + font-size: 1rem; +} +.table-shopping > tbody > tr > td b { + display: block; + margin-bottom: 5px; +} +.table-shopping .td-name { + font-weight: 400; + font-size: 1.5em; +} +.table-shopping .td-name small { + color: #9a9a9a; + font-size: 0.75em; + font-weight: 300; +} +.table-shopping .td-number { + font-weight: 300; + font-size: 1.0625rem; +} +.table-shopping .td-name { + min-width: 200px; +} +.table-shopping .td-number { + text-align: right; + min-width: 145px; +} +.table-shopping .td-number small { + margin-right: 3px; +} +.table-shopping .img-container { + width: 120px; + max-height: 160px; + overflow: hidden; + display: block; +} +.table-shopping .img-container img { + width: 100%; +} +#tables .table-responsive { + margin-bottom: 30px; +} +.contact-page .page-header { + height: 400px; + min-height: 400px; + margin-bottom: 50px; +} +.contact-page .page-header .container { + padding-top: 8vh; +} +.contact-page form { + margin-bottom: 100px; +} +.contact-page .infos { + border-bottom: 1px solid; + padding-bottom: 50px; +} +.contact-page .infos [class*="col-"] { + border-right: 1px solid; +} +.contact-page .infos [class*="col-"]:last-child { + border: none; +} +.contact-page .title { + margin: 15px 0; +} +.ecommerce-page .page-header .title { + font-size: 5em; +} +.ecommerce-page .card-background.card-blog[data-animation="true"]:after, +.ecommerce-page .card-background.card-blog[data-animation="zooming"]:after { + height: 100%; +} +.ecommerce-page .page-header { + min-height: 95vh; +} +.ecommerce-page .carousel-team .carousel-control-next, +.ecommerce-page .carousel-team .carousel-control-prev { + z-index: 2; + cursor: pointer; +} +.about-us .path { + position: absolute; + opacity: 0.02; +} +.about-us .page-header .path3 { + height: 380px; + right: 20%; + top: 33%; + transform: rotate(-85deg); +} +.about-us .about-description .path4 { + left: 9%; + top: 0; + width: 77%; +} +.about-us .about-pricing .description { + margin-bottom: 25px; +} +.pricing .pricing-2.project-raised { + padding-top: 0; + margin-top: -10vh; +} +.pricing .pricing-2.project-raised [class*="col-"] { + padding-left: 0; + padding-right: 0; +} +@media screen and (min-width: 991px) { + .pricing .pricing-2.project-raised [class*="col-"]:nth-of-type(2) { + transform: scale(1.1); + z-index: 1; + } +} +.pricing .page-header-image { + background-position: top !important; +} +.blog-post .page-header .author { + margin-top: 100px; +} +.blog-post .slick-slide { + display: none; + float: left; + margin: 0 10px; + margin-top: -20px; + min-height: 1px; + transition: all 0.3s ease 0s; +} +.blog-post .slick-slide img { + width: 100% !important; + margin-bottom: 30px; +} +.blog-posts .page-header-small { + min-height: 70vh !important; +} +.blog-posts .main-raised { + margin-top: -100px; +} +.index-page .page-header { + height: 100vh; +} +.index-page .page-header .container > .content-center.brand .h1-seo, +.index-page .page-header .container > .content-center.brand h3 { + color: #fff; + font-weight: 600; + text-transform: capitalize; +} +.index-page .page-header .container > .content-center.brand .h1-seo span, +.index-page .page-header .container > .content-center.brand h3 span { + font-weight: 600; +} +.index-page .page-header .container > .content-center.brand .h1-seo { + font-size: 5em; +} +.index-page .page-header .category-absolute { + position: absolute; + top: 100vh; + margin-top: -60px; + padding: 0 15px; + width: 100%; + color: hsla(0, 0%, 100%, 0.5); +} +.index-page .card-coins { + padding-top: 100px; +} +.index-page .card.card-background[data-animation="true"] { + height: 380px; +} +.index-page .section-navbars .navbar { + margin-bottom: 20px; +} +.index-page .squares, +.login-page .squares, +.reset-page .squares { + animation: a 1s infinite; + background: #ba54f5; + background: linear-gradient(0deg, #ba54f5, #e14eca); + position: absolute; + transition: 0.5s ease-out; + overflow: hidden; + border-radius: 20%; +} +.index-page .squares.square1, +.login-page .squares.square1, +.reset-page .squares.square1 { + animation: a 4s infinite; + height: 300px; + width: 300px; + opacity: 0.5; + left: 3%; + top: -21%; +} +.index-page .squares.square2, +.login-page .squares.square2, +.reset-page .squares.square2 { + animation: a 6s infinite; + height: 400px; + width: 400px; + opacity: 0.4; + right: -5%; + top: -12%; +} +.index-page .squares.square3, +.login-page .squares.square3, +.reset-page .squares.square3 { + animation: a 5s infinite; + height: 200px; + width: 200px; + opacity: 0.1; + left: -5%; + bottom: 0; +} +.index-page .squares.square4, +.login-page .squares.square4, +.reset-page .squares.square4 { + animation: a 10s infinite; + height: 100px; + width: 100px; + opacity: 0.9; + right: 27%; + top: 70%; +} +.index-page .squares.square5, +.login-page .squares.square5, +.reset-page .squares.square5 { + animation: a 6s infinite; + height: 250px; + width: 250px; + opacity: 0.1; + left: 32%; + bottom: 29%; +} +.index-page .squares.square6, +.login-page .squares.square6, +.reset-page .squares.square6 { + animation: a 9s infinite; + left: 10%; + top: 35%; + height: 80px; + width: 80px; + opacity: 0.8; +} +.index-page .squares.square7, +.login-page .squares.square7, +.reset-page .squares.square7 { + animation: a 3s infinite; + width: 300px; + height: 300px; + right: -5%; + bottom: 0; + opacity: 0.1; +} +.landing-page { + overflow-x: hidden; +} +.landing-page .page-header:after { + background: radial-gradient(ellipse at top right, #292d61 23%, #171941 65%); + position: absolute; + height: 100vh; + width: 100%; + opacity: 0.5; +} +.landing-page .page-header .path { + max-width: 65%; + right: 0; + top: 30px; +} +.landing-page .page-header .path2 { + position: absolute; + opacity: 0.02; + max-width: 41%; + right: -60px; + top: -50px; +} +.landing-page .page-header .squares { + top: 50%; + right: 18%; + max-height: 200px; +} +.landing-page .page-header .wave { + top: 45%; + right: 30%; + max-height: 90px; +} +.landing-page .page-header .circle { + top: 20%; + right: 36%; + max-height: 75px; +} +.landing-page .page-header .triangle { + top: 35%; + left: 5%; + max-height: 200px; +} +.landing-page .section:first-of-type .path { + left: -110px; + max-width: 60%; + top: -50px; +} +.landing-page .section:nth-of-type(2) .path { + left: auto; + right: -250px; + max-width: 70%; + top: 0; +} +.landing-page .section:nth-of-type(2) .path2 { + position: absolute; + opacity: 0.02; + right: auto; + left: 420px; + max-width: 10%; + top: 420px; +} +.landing-page .section:nth-of-type(2) .path3 { + position: absolute; + opacity: 0.02; + left: auto; + right: 500px; + max-width: 10%; + top: -90px; +} +.landing-page .section:nth-of-type(3) { + padding-top: 200px; +} +.landing-page .section:nth-of-type(3) .path { + right: auto; + left: 50px; + max-width: 45%; + top: 60px; +} +.landing-page .section:nth-of-type(4) .path { + max-width: 60%; + right: 3%; + top: 15%; +} +.landing-page .section:nth-of-type(4) .path2 { + position: absolute; + opacity: 0.02; + left: 25%; + right: auto; + max-width: 10%; + top: 100px; +} +.landing-page .section:nth-of-type(5) .path { + max-width: 50%; + left: 5%; + top: 3%; +} +.landing-page .header { + height: 100vh; + position: relative; +} +.landing-page .header .container { + padding-top: 26vh; + color: #fff; + z-index: 2; + position: relative; +} +.landing-page .header .share { + margin-top: 150px; +} +.landing-page .header h1 { + font-weight: 600; +} +.landing-page .header .title { + color: #fff; +} +.landing-page .section-team .team .team-player img { + max-width: 100px; +} +.landing-page .section-contact-us .title, +.landing-page .section-team .team-player { + margin-bottom: 15px; +} +.landing-page .section-contact-us .description { + margin-bottom: 30px; +} +.landing-page .section-contact-us .input-group, +.landing-page .section-contact-us .send-button, +.landing-page .section-contact-us .textarea-container { + padding: 0 40px; +} +.landing-page .section-contact-us .textarea-container { + margin: 40px 0; +} +.landing-page .section-contact-us a.btn { + margin-top: 35px; +} +.landing-page .section-safe .icon i { + font-size: 21px; +} +.landing-page .section-lg, +.profile-page { + overflow-x: hidden; +} +.profile-page .page-header { + min-height: 550px; +} +.profile-page .page-header .container { + padding-top: 30vh; +} +.profile-page .page-header .path { + max-width: 65%; + right: 0; + top: 100px; +} +.profile-page .info { + padding: 40px 0 0; +} +.profile-page .info .description { + text-align: left; + padding-left: 20px; +} +.profile-page .profile-title { + position: absolute; + top: 110px; + left: 60px; +} +.profile-page .profile-description { + margin-top: -30px; + max-width: 450px; + font-size: 0.875rem; + line-height: 26px; +} +.profile-page .profile-container { + color: #fff; +} +.profile-page .photo-container { + max-width: 400px; + overflow: hidden; + box-shadow: -15px 20px 60px 0 rgba(0, 0, 0, 0.3); +} +.profile-page .title { + text-align: center; + margin-top: 30px; +} +.profile-page .category, +.profile-page .description { + text-align: center; +} +.profile-page h5.description { + max-width: 700px; + margin: 20px auto 75px; +} +.profile-page .nav-align-center { + margin-top: 30px; +} +.profile-page .content .social-description { + display: inline-block; + max-width: 150px; + width: 145px; + text-align: center; + margin: 15px 0 0; +} +.profile-page .content .social-description h2 { + margin-bottom: 15px; +} +.profile-page .collections img { + margin-bottom: 30px; +} +.profile-page .gallery { + margin-top: 45px; + padding-bottom: 50px; +} +.profile-page .card-coin .list-group { + margin: 0 !important; + text-align: left !important; + color: hsla(0, 0%, 100%, 0.5); +} +.profile-page .card .card-header .profile-title { + top: 125px; +} +.section-full-page:after, +.section-full-page:before { + display: block; + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 2; +} +.section-full-page:before { + background-color: rgba(0, 0, 0, 0.5); +} +.section-full-page[data-image]:after { + opacity: 0.5; +} +.section-full-page > .content, +.section-full-page > .footer { + position: relative; + z-index: 4; +} +.section-full-page > .content { + min-height: calc(100vh - 80px); +} +.section-full-page .full-page-background { + position: absolute; + z-index: 1; + height: 100%; + width: 100%; + display: block; + top: 0; + left: 0; + background-size: cover; + background-position: 50%; +} +.section-full-page .footer, +.section-full-page .footer .copyright a, +.section-full-page .footer nav > ul a:not(.btn) { + color: #fff; +} +.presentation-page .page-header { + height: 100vh; +} +.presentation-page .page-header .h1-seo { + font-size: 5em; +} +.presentation-page .page-header:after { + background: radial-gradient(ellipse at top right, #292d61 23%, #171941 65%); + position: absolute; + height: 100vh; + width: 100%; + opacity: 0.5; +} +.presentation-page .page-header .path { + max-width: 65%; + right: 0; + top: 30px; +} +.presentation-page .page-header .path2 { + position: absolute; + opacity: 0.02; + max-width: 41%; + right: -60px; + top: -50px; +} +.presentation-page .page-header .squares { + top: 50%; + right: 18%; + max-height: 200px; +} +.presentation-page .page-header .wave { + top: 45%; + right: 30%; + max-height: 90px; +} +.presentation-page .page-header .circle { + top: 20%; + right: 36%; + max-height: 75px; +} +.presentation-page .page-header .triangle { + top: 35%; + left: 5%; + max-height: 200px; +} +.presentation-page .slick-slider .slick-arrow { + position: absolute; + top: 45%; + left: 25%; +} +.presentation-page .slick-slider .btn.slick-next { + margin-left: 50px; +} +.presentation-page .slick-initialized .slick-slide { + opacity: 0.05; + transition: 0.2s ease; +} +.presentation-page .slick-slide.slick-active { + opacity: 0.05; +} +.presentation-page .slick-slide.slick-current.slick-active.slick-center { + opacity: 1; +} +.presentation-page .section-content img { + border: 1px solid #344675; +} +.presentation-page .section-free-demo .card-pricing { + text-align: left; +} +.presentation-page .section-free-demo .card-pricing ul { + margin: 0; +} +.presentation-page .section-free-demo .card-pricing ul li { + text-align: left; +} +.presentation-page .carousel-control-next, +.presentation-page .carousel-control-prev { + margin-top: 220px; + font-size: 30px; +} +.presentation-page .card-pricing ul li b { + color: #fff; +} +.presentation-page .section-pricing .card-pricing ul.b-left:after { + position: absolute; + height: 90%; + top: 10%; + right: 104%; + border-radius: 10px; + content: ""; + width: 2px; + background: #e14eca; +} +.presentation-page .section-pricing .card-pricing ul.b-left li:after { + content: ""; + position: absolute; + height: 15px; + width: 15px; + background: red; + right: 103%; + transform: translate(20%); + border-radius: 50%; + z-index: 2; + border: 2px solid #e14eca; + background: #171941; +} +.presentation-page .section-examples img { + border: 1px solid #344675; +} +.presentation-page .features-7 { + overflow: hidden; +} +.presentation-page .features-7 img { + max-width: 125%; +} +.presentation-page .section-sections img { + border: 1px solid #344675; + margin-top: 20px; +} +.register-page { + background-color: #171941; +} +.register-page .link { + font-size: 10px; + color: #fff; + text-decoration: none; +} +.register-page .register-bg { + height: 700px; + background: linear-gradient(180deg, transparent 0, #1f2251); + width: 700px; + position: relative; + right: -600px; + top: -750px; + border-radius: 20%; + transform: rotate(-15deg); +} +.register-page .square { + position: absolute; + transition: 0.5s ease-out; + border-radius: 2px; + background-size: 100%; + border-radius: 20%; +} +.register-page .square-1 { + height: 300px; + width: 300px; + background-image: url(../../assets/img/square1.png); + top: 175px; + right: 150px; + opacity: 0.8; +} +.register-page .square-2 { + height: 120px; + width: 120px; + background-image: url(../../assets/img/square2.png); + opacity: 0.9; + top: 310px; + right: 390px; +} +.register-page .square-3 { + width: 200px; + height: 200px; + background-image: url(../../assets/img/square3.png); + opacity: 0.3; + top: -50px; + right: 400px; +} +.register-page .square-4 { + height: 200px; + width: 200px; + background-image: url(../../assets/img/square4.png); + right: -50px; + top: 525px; +} +.register-page .square-5 { + height: 150px; + width: 150px; + opacity: 0.5; + top: 500px; + right: 470px; +} +.register-page .square-5, +.register-page .square-6 { + background-image: url(../../assets/img/square5.png); +} +.register-page .square-6 { + height: 70px; + width: 70px; + opacity: 0.9; + top: 105px; + right: 20px; +} +.register-page .square-7 { + height: 200px; + width: 200px; + background-image: url(../../assets/img/square5.png); + left: -100px; + top: 100px; + opacity: 0.4; +} +.register-page .square-8 { + height: 100px; + width: 100px; + background-image: url(../../assets/img/square1.png); + left: 300px; + top: 400px; + opacity: 0.4; +} +.product-page .stars i { + cursor: pointer; +} +.product-page .input-group .input-number { + border: none; + font-size: 24px; + max-width: 80px; + padding: 25px 20px; + text-align: center; +} +.product-page .input-group .input-group-btn { + padding: 0; +} +.product-page .input-group .input-group-btn .btn { + padding: 11px 13px; +} +.product-page .page-header .shape { + width: 70%; +} +.product-page .carousel .carousel-item img { + height: 500px; + margin: 0 auto; +} +.product-page .carousel .carousel-control-next { + right: -50px; +} +.product-page .carousel .carousel-control-prev { + left: -50px; +} +@media screen and (max-width: 576px) { + .product-page .carousel-item img { + height: auto !important; + } + .product-page .carousel-control-next { + right: 0 !important; + } + .product-page .carousel-control-prev { + left: 0 !important; + } + .product-page .carousel-indicators { + bottom: -3vh; + } +} +.reset-page { + overflow-x: hidden; +} +.reset-page .squares { + background: #ff6491; + background: linear-gradient(0deg, #ff6491, #ff8d72); +} +.reset-page .card-login .card-header img { + width: 450px; + opacity: 0.5; + margin-top: -80px; +} +.reset-page .card-login .card-header .card-title { + font-size: 4em; + margin-top: 20px; + line-height: 1.3em; + color: #fff; +} +.reset-page .card-login .input-group { + margin: 30px 0; +} +.account-settings .labels { + color: #adb5bd; +} +.account-settings .nav .nav-link { + font-size: 0.99925rem; + color: #fff; + padding-left: 0; +} +.account-settings .nav .nav-link.active { + color: #e14eca; +} +.account-settings .nav .nav-link i { + margin-right: 5px; +} +.account-settings .nav hr { + width: 100%; + height: auto; +} +.account-settings .table .avatar { + background: transparent; + border-radius: 0; +} +.account-settings .table .form-check.form-check-radio { + margin-bottom: 20px; +} +.invoice-page .table th, +.invoice-page .table tr, +.invoice-page .table tr td { + color: #fff !important; +} +.invoice-page .btn-print { + margin-left: 30px; +} +.invoice-page .card-invoice .card-footer { + padding: 15px; +} +.checkout-page .code-validate .input-group .form-control { + height: auto; +} +.checkout-page .code-validate .input-group .input-group-append .btn { + margin: 0; +} +.checkout-page .btn-group { + padding-left: 0; +} +.checkout-page .tab-content { + min-height: 270px; + max-height: 270px; +} +.checkout-page .labels { + color: #adb5bd; +} +@media screen and (min-width: 991px) { + .chat-page .section { + min-height: 100vh; + max-height: 999px; + } +} +.chat-page .path { + width: 70%; + transform: rotate(90deg); +} +.chat-page .list-group .list-group-item:not(.active) { + background: transparent; +} +.chat-page .list-group .avatar { + width: 40px; + height: 40px; +} +.chat-page .list-group .badge { + padding: 4px; + margin-top: 3px; + display: inline-block; + float: right; +} +.chat-page .list-group .list-group-item.active { + border-radius: 0.4285rem; +} +.chat-page .list-group .list-group-item:nth-of-type(2) { + border-top: 0; +} +.chat-page .card { + max-height: 70vh; + overflow: auto; +} +.chat-page .card .card-footer, +.chat-page .card .card-header { + background: transparent; + display: flex; +} +.chat-page .card .far { + margin-right: 3px; +} +.chat-page .spinner { + width: 70px; + text-align: center; + display: inline-block; +} +.chat-page .spinner > div { + width: 7px; + height: 7px; + background-color: #e3e3e3; + border-radius: 100%; + display: inline-block; + animation: e 1.4s infinite ease-in-out both; +} +.chat-page .spinner .bounce1 { + animation-delay: -0.32s; +} +.chat-page .spinner .bounce2 { + animation-delay: -0.16s; +} +@keyframes e { + 0%, + 80%, + to { + transform: scale(0); + } + 40% { + transform: scale(1); + } +} +.about-us, +.account-settings, +.chat-page, +.checkout-page, +.index-page, +.invoice-page, +.landing-page, +.login-page, +.presentation-page, +.product-page, +.profile-page, +.register-page, +.reset-page { + background-image: url(../../assets/img/dots.png); + background-size: contain; +} +.login-page .footer { + position: relative; +} +@media (max-width: 991.98px) { + .section:nth-of-type(2) .path { + left: 10% !important; + } + .section:nth-of-type(2) .path2 { + left: 20% !important; + } + .info:first-of-type { + padding-top: 10% !important; + } + .presentation-page .section-free-demo .github-background-container { + position: absolute; + right: -100px !important; + top: -501px !important; + } + .contact-page .infos [class*="col-"] { + border-right: none; + } + .testimonials-1 .carousel-team .carousel-control-next { + left: 42% !important; + } + .presentation-page .section-cards .card .card-footer .stats.stats-right { + float: none; + margin-top: 10px; + margin-left: 10px; + } + .presentation-page .section-pricing .card-pricing ul.b-left:after, + .presentation-page .section-pricing .card-pricing ul.b-left li:after { + content: none; + } + .index-page .table td .btn { + margin-bottom: 5px; + } +} +@media (max-width: 767.98px) { + .card-login img { + width: 70%; + } + .section:nth-of-type(2) .path, + .section:nth-of-type(2) .path2 { + left: 0 !important; + } + .section-coins { + margin-top: 0 !important; + } + .section-icons i { + display: none; + } + .contactus-3 .title { + font-size: 4em; + } + .carousel-team .carousel-control-prev, + .ecommerce-page .carousel-team .carousel-control-next { + top: 100%; + } + .carousel-team .carousel-control-prev .tim-icons, + .ecommerce-page .carousel-team .carousel-control-next .tim-icons { + border: 1px solid #fff; + border-radius: 50%; + padding: 5px; + } + .carousel-team { + margin-top: 0; + } + .testimonials-1 .carousel-inner img { + margin-top: 50px; + } + .ecommerce-page .card-product .card-image { + text-align: center; + } + .testimonials-1 .carousel-team .carousel-control-next { + left: 47% !important; + } + .presentation-page .info { + margin-top: 50px !important; + } + .checkout-page .tab-content { + margin-bottom: 50px; + } + .about-us .carousel-team .carousel-control-next, + .about-us .carousel-team .carousel-control-prev { + top: 103%; + } + .about-us .carousel-team .carousel-control-next .tim-icons, + .about-us .carousel-team .carousel-control-prev .tim-icons { + border: 1px solid #fff; + border-radius: 50%; + padding: 5px; + } + .about-us .carousel-team .carousel-control-prev { + left: 44% !important; + } + .about-us .carousel-team .carousel-control-next { + left: 55% !important; + } +} +@media (max-width: 575.98px) { + .card-login { + margin-top: 100px; + } + .card-login img { + width: 350px; + } + .profile-page .page-header { + max-height: unset; + } + .landing-page .page-header h1 { + margin-top: 100px; + } + .ecommerce-page .card .card-image { + text-align: center; + } + .ecommerce-page .card-product .btn { + margin-top: -25px; + } + .presentation-page .page-header .h1-seo { + margin-top: 150px; + } + .presentation-page .slick-slider .slick-arrow { + top: -5%; + left: 38%; + } + .presentation-page .section.section-sections { + padding-top: 50px; + } + .presentation-page .section-pricing .our-clients { + display: none; + } + .error-page > .container .title { + font-size: 9em; + } + .reset-page .card-login .card-header .card-title { + font-size: 3.5em; + } + .checkout-page .nav-tabs { + padding-right: 60px; + } + .about-us .page-header .title { + margin-top: 200px; + } +} +@media (min-width: 768px) { + .info:first-of-type { + z-index: 2; + } +} +.btn.btn-facebook { + background: #3b5998; + background-image: linear-gradient(to bottom left, #3b5998, #1e2e4f, #3b5998); + color: #fff; + background-size: 210% 210%; + background-position: 100% 0; + background-repeat: space; +} +.btn.btn-facebook:active, +.btn.btn-facebook:focus, +.btn.btn-facebook:hover { + background-color: #344e86; + background-image: linear-gradient( + to bottom left, + #3b5998, + #1e2e4f, + #3b5998 + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #3b5998, + #1e2e4f, + #3b5998 + ) !important; + color: #fff; +} +.btn.btn-facebook.btn-simple { + background-color: transparent; + background-image: none !important; + box-shadow: none; +} +.btn.btn-facebook.btn-simple, +.btn.btn-facebook.btn-simple:active, +.btn.btn-facebook.btn-simple:focus, +.btn.btn-facebook.btn-simple:hover { + color: #344e86; + border-color: #344e86; +} +.btn.btn-facebook.btn-neutral { + color: #3b5998; + background-color: #fff; +} +.btn.btn-facebook.btn-neutral:active, +.btn.btn-facebook.btn-neutral:focus, +.btn.btn-facebook.btn-neutral:hover { + color: #344e86; +} +.btn.btn-twitter { + background: #55acee; + background-image: linear-gradient(to bottom left, #55acee, #147bc9, #55acee); + color: #fff; + background-size: 210% 210%; + background-position: 100% 0; + background-repeat: space; +} +.btn.btn-twitter:active, +.btn.btn-twitter:focus, +.btn.btn-twitter:hover { + background-color: #3ea1ec; + background-image: linear-gradient( + to bottom left, + #55acee, + #147bc9, + #55acee + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #55acee, + #147bc9, + #55acee + ) !important; + color: #fff; +} +.btn.btn-twitter.btn-simple { + background-color: transparent; + background-image: none !important; + box-shadow: none; +} +.btn.btn-twitter.btn-simple, +.btn.btn-twitter.btn-simple:active, +.btn.btn-twitter.btn-simple:focus, +.btn.btn-twitter.btn-simple:hover { + color: #3ea1ec; + border-color: #3ea1ec; +} +.btn.btn-twitter.btn-neutral { + color: #55acee; + background-color: #fff; +} +.btn.btn-twitter.btn-neutral:active, +.btn.btn-twitter.btn-neutral:focus, +.btn.btn-twitter.btn-neutral:hover { + color: #3ea1ec; +} +.btn.btn-pinterest { + background: #cc2127; + background-image: linear-gradient(to bottom left, #cc2127, #741316, #cc2127); + color: #fff; + background-size: 210% 210%; + background-position: 100% 0; + background-repeat: space; +} +.btn.btn-pinterest:active, +.btn.btn-pinterest:focus, +.btn.btn-pinterest:hover { + background-color: #dd2e34; + background-image: linear-gradient( + to bottom left, + #cc2127, + #741316, + #cc2127 + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #cc2127, + #741316, + #cc2127 + ) !important; + color: #fff; +} +.btn.btn-pinterest.btn-simple { + background-color: transparent; + background-image: none !important; + box-shadow: none; +} +.btn.btn-pinterest.btn-simple, +.btn.btn-pinterest.btn-simple:active, +.btn.btn-pinterest.btn-simple:focus, +.btn.btn-pinterest.btn-simple:hover { + color: #dd2e34; + border-color: #dd2e34; +} +.btn.btn-pinterest.btn-neutral { + color: #cc2127; + background-color: #fff; +} +.btn.btn-pinterest.btn-neutral:active, +.btn.btn-pinterest.btn-neutral:focus, +.btn.btn-pinterest.btn-neutral:hover { + color: #dd2e34; +} +.btn.btn-google { + background: #dd4b39; + background-image: linear-gradient(to bottom left, #dd4b39, #96271a, #dd4b39); + color: #fff; + background-size: 210% 210%; + background-position: 100% 0; + background-repeat: space; +} +.btn.btn-google:active, +.btn.btn-google:focus, +.btn.btn-google:hover { + background-color: #d73925; + background-image: linear-gradient( + to bottom left, + #dd4b39, + #96271a, + #dd4b39 + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #dd4b39, + #96271a, + #dd4b39 + ) !important; + color: #fff; +} +.btn.btn-google.btn-simple { + background-color: transparent; + background-image: none !important; + box-shadow: none; +} +.btn.btn-google.btn-simple, +.btn.btn-google.btn-simple:active, +.btn.btn-google.btn-simple:focus, +.btn.btn-google.btn-simple:hover { + color: #d73925; + border-color: #d73925; +} +.btn.btn-google.btn-neutral { + color: #dd4b39; + background-color: #fff; +} +.btn.btn-google.btn-neutral:active, +.btn.btn-google.btn-neutral:focus, +.btn.btn-google.btn-neutral:hover { + color: #d73925; +} +.btn.btn-linkedin { + background: #0077b5; + background-image: linear-gradient(to bottom left, #0077b5, #00344f, #0077b5); + color: #fff; + background-size: 210% 210%; + background-position: 100% 0; + background-repeat: space; +} +.btn.btn-linkedin:active, +.btn.btn-linkedin:focus, +.btn.btn-linkedin:hover { + background-color: #00669c; + background-image: linear-gradient( + to bottom left, + #0077b5, + #00344f, + #0077b5 + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #0077b5, + #00344f, + #0077b5 + ) !important; + color: #fff; +} +.btn.btn-linkedin.btn-simple { + background-color: transparent; + background-image: none !important; + box-shadow: none; +} +.btn.btn-linkedin.btn-simple, +.btn.btn-linkedin.btn-simple:active, +.btn.btn-linkedin.btn-simple:focus, +.btn.btn-linkedin.btn-simple:hover { + color: #00669c; + border-color: #00669c; +} +.btn.btn-linkedin.btn-neutral { + color: #0077b5; + background-color: #fff; +} +.btn.btn-linkedin.btn-neutral:active, +.btn.btn-linkedin.btn-neutral:focus, +.btn.btn-linkedin.btn-neutral:hover { + color: #00669c; +} +.btn.btn-dribbble { + background: #ea4c89; + background-image: linear-gradient(to bottom left, #ea4c89, #ba1655, #ea4c89); + color: #fff; + background-size: 210% 210%; + background-position: 100% 0; + background-repeat: space; +} +.btn.btn-dribbble:active, +.btn.btn-dribbble:focus, +.btn.btn-dribbble:hover { + background-color: #ed679b; + background-image: linear-gradient( + to bottom left, + #ea4c89, + #ba1655, + #ea4c89 + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #ea4c89, + #ba1655, + #ea4c89 + ) !important; + color: #fff; +} +.btn.btn-dribbble.btn-simple { + background-color: transparent; + background-image: none !important; + box-shadow: none; +} +.btn.btn-dribbble.btn-simple, +.btn.btn-dribbble.btn-simple:active, +.btn.btn-dribbble.btn-simple:focus, +.btn.btn-dribbble.btn-simple:hover { + color: #ed679b; + border-color: #ed679b; +} +.btn.btn-dribbble.btn-neutral { + color: #ea4c89; + background-color: #fff; +} +.btn.btn-dribbble.btn-neutral:active, +.btn.btn-dribbble.btn-neutral:focus, +.btn.btn-dribbble.btn-neutral:hover { + color: #ed679b; +} +.btn.btn-github { + background: #333; + background-image: linear-gradient(to bottom left, #333, #000, #333); + color: #fff; + background-size: 210% 210%; + background-position: 100% 0; + background-repeat: space; +} +.btn.btn-github:active, +.btn.btn-github:focus, +.btn.btn-github:hover { + background-color: #ccc; + background-image: linear-gradient( + to bottom left, + #333, + #000, + #333 + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #333, + #000, + #333 + ) !important; + color: #fff; +} +.btn.btn-github.btn-simple { + background-color: transparent; + background-image: none !important; + box-shadow: none; +} +.btn.btn-github.btn-simple, +.btn.btn-github.btn-simple:active, +.btn.btn-github.btn-simple:focus, +.btn.btn-github.btn-simple:hover { + color: #ccc; + border-color: #ccc; +} +.btn.btn-github.btn-neutral { + color: #333; + background-color: #fff; +} +.btn.btn-github.btn-neutral:active, +.btn.btn-github.btn-neutral:focus, +.btn.btn-github.btn-neutral:hover { + color: #ccc; +} +.btn.btn-youtube { + background: #e52d27; + background-image: linear-gradient(to bottom left, #e52d27, #941612, #e52d27); + color: #fff; + background-size: 210% 210%; + background-position: 100% 0; + background-repeat: space; +} +.btn.btn-youtube:active, +.btn.btn-youtube:focus, +.btn.btn-youtube:hover { + background-color: #e84842; + background-image: linear-gradient( + to bottom left, + #e52d27, + #941612, + #e52d27 + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #e52d27, + #941612, + #e52d27 + ) !important; + color: #fff; +} +.btn.btn-youtube.btn-simple { + background-color: transparent; + background-image: none !important; + box-shadow: none; +} +.btn.btn-youtube.btn-simple, +.btn.btn-youtube.btn-simple:active, +.btn.btn-youtube.btn-simple:focus, +.btn.btn-youtube.btn-simple:hover { + color: #e84842; + border-color: #e84842; +} +.btn.btn-youtube.btn-neutral { + color: #e52d27; + background-color: #fff; +} +.btn.btn-youtube.btn-neutral:active, +.btn.btn-youtube.btn-neutral:focus, +.btn.btn-youtube.btn-neutral:hover { + color: #e84842; +} +.btn.btn-instagram { + background: #125688; + background-image: linear-gradient(to bottom left, #125688, #061d2e, #125688); + color: #fff; + background-size: 210% 210%; + background-position: 100% 0; + background-repeat: space; +} +.btn.btn-instagram:active, +.btn.btn-instagram:focus, +.btn.btn-instagram:hover { + background-color: #1667a3; + background-image: linear-gradient( + to bottom left, + #125688, + #061d2e, + #125688 + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #125688, + #061d2e, + #125688 + ) !important; + color: #fff; +} +.btn.btn-instagram.btn-simple { + background-color: transparent; + background-image: none !important; + box-shadow: none; +} +.btn.btn-instagram.btn-simple, +.btn.btn-instagram.btn-simple:active, +.btn.btn-instagram.btn-simple:focus, +.btn.btn-instagram.btn-simple:hover { + color: #1667a3; + border-color: #1667a3; +} +.btn.btn-instagram.btn-neutral { + color: #125688; + background-color: #fff; +} +.btn.btn-instagram.btn-neutral:active, +.btn.btn-instagram.btn-neutral:focus, +.btn.btn-instagram.btn-neutral:hover { + color: #1667a3; +} +.btn.btn-reddit { + background: #ff4500; + background-image: linear-gradient(to bottom left, #ff4500, #992900, #ff4500); + color: #fff; + background-size: 210% 210%; + background-position: 100% 0; + background-repeat: space; +} +.btn.btn-reddit:active, +.btn.btn-reddit:focus, +.btn.btn-reddit:hover { + background-color: #ff5b1f; + background-image: linear-gradient( + to bottom left, + #ff4500, + #992900, + #ff4500 + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #ff4500, + #992900, + #ff4500 + ) !important; + color: #fff; +} +.btn.btn-reddit.btn-simple { + background-color: transparent; + background-image: none !important; + box-shadow: none; +} +.btn.btn-reddit.btn-simple, +.btn.btn-reddit.btn-simple:active, +.btn.btn-reddit.btn-simple:focus, +.btn.btn-reddit.btn-simple:hover { + color: #ff5b1f; + border-color: #ff5b1f; +} +.btn.btn-reddit.btn-neutral { + color: #ff4500; + background-color: #fff; +} +.btn.btn-reddit.btn-neutral:active, +.btn.btn-reddit.btn-neutral:focus, +.btn.btn-reddit.btn-neutral:hover { + color: #ff5b1f; +} +.btn.btn-tumblr { + background: #35465c; + background-image: linear-gradient(to bottom left, #35465c, #10151b, #35465c); + color: #fff; + background-size: 210% 210%; + background-position: 100% 0; + background-repeat: space; +} +.btn.btn-tumblr:active, +.btn.btn-tumblr:focus, +.btn.btn-tumblr:hover { + background-color: #40556f; + background-image: linear-gradient( + to bottom left, + #35465c, + #10151b, + #35465c + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #35465c, + #10151b, + #35465c + ) !important; + color: #fff; +} +.btn.btn-tumblr.btn-simple { + background-color: transparent; + background-image: none !important; + box-shadow: none; +} +.btn.btn-tumblr.btn-simple, +.btn.btn-tumblr.btn-simple:active, +.btn.btn-tumblr.btn-simple:focus, +.btn.btn-tumblr.btn-simple:hover { + color: #40556f; + border-color: #40556f; +} +.btn.btn-tumblr.btn-neutral { + color: #35465c; + background-color: #fff; +} +.btn.btn-tumblr.btn-neutral:active, +.btn.btn-tumblr.btn-neutral:focus, +.btn.btn-tumblr.btn-neutral:hover { + color: #40556f; +} +.btn.btn-behance { + background: #1769ff; + background-image: linear-gradient(to bottom left, #1769ff, #003eb0, #1769ff); + color: #fff; + background-size: 210% 210%; + background-position: 100% 0; + background-repeat: space; +} +.btn.btn-behance:active, +.btn.btn-behance:focus, +.btn.btn-behance:hover { + background-color: #367dff; + background-image: linear-gradient( + to bottom left, + #1769ff, + #003eb0, + #1769ff + ) !important; + background-image: -moz-linear-gradient( + to bottom left, + #1769ff, + #003eb0, + #1769ff + ) !important; + color: #fff; +} +.btn.btn-behance.btn-simple { + background-color: transparent; + background-image: none !important; + box-shadow: none; +} +.btn.btn-behance.btn-simple, +.btn.btn-behance.btn-simple:active, +.btn.btn-behance.btn-simple:focus, +.btn.btn-behance.btn-simple:hover { + color: #367dff; + border-color: #367dff; +} +.btn.btn-behance.btn-neutral { + color: #1769ff; + background-color: #fff; +} +.btn.btn-behance.btn-neutral:active, +.btn.btn-behance.btn-neutral:focus, +.btn.btn-behance.btn-neutral:hover { + color: #367dff; +} +.media .avatar { + margin: 0 auto; + width: 64px; + height: 64px; + margin-right: 15px; +} +.media .avatar img { + width: 100%; + border-radius: 50%; +} +.media textarea { + margin-bottom: 20px; +} +.media .media-heading small { + font-family: Poppins, sans-serif; +} +.media .media-body { + padding-right: 10px; +} +.media .media-body .media .media-body { + padding-right: 0; +} +.media.media-post .form-group, +.media.media-post .input-group { + margin-top: 25px; +} +.media .media-footer .btn { + margin-bottom: 20px; +} +.media .media-footer:after { + display: table; + content: " "; + clear: both; +} +.media p { + color: hsla(0, 0%, 87%, 0.5); + font-size: 0.92rem; + line-height: 1.61em; +} +.media-left, +.media > .pull-left { + padding: 10px; +} +.modal .modal-login { + max-width: 320px; + background: #1f2251; +} +.modal .modal-login .card-login .logo-container { + width: 65px; + margin-bottom: 38px; + margin-top: 27px; +} +.modal .card { + margin-bottom: 0; +} +.modal .card .card-header .close { + position: absolute; + right: 5px; + color: #fff; + top: 5px; + font-size: 14px; + cursor: pointer; + z-index: 9; +} +.modal.modal-mini.show .modal-dialog { + transform: translateY(100%) !important; +} +@media (max-width: 575.98px) { + .modal .modal-dialog.modal-login { + margin: 0.5rem auto; + } +} +.navbar p { + line-height: 1.8em; + font-size: 1em; + font-weight: 400; +} +.navbar.navbar-absolute { + position: absolute; + width: 100%; + z-index: 1029; +} +.navbar .navbar-toggler { + vertical-align: middle; +} +.navbar .navbar-toggler.navbar-toggler-left { + top: 0; +} +.navbar .navbar-toggler.navbar-toggler-right { + padding-right: 0; + top: 8px; +} +@media screen and (max-width: 991px) { + .navbar .navbar-translate { + width: 100%; + position: relative; + display: flex; + justify-content: space-between !important; + } + .navbar-collapse { + position: absolute; + width: calc(100% - 1.4rem); + height: auto !important; + left: 0; + top: 0; + margin: 0.7rem; + background: #1f2251; + border-radius: 0.2857rem; + padding: 1.4rem; + } + .navbar.bg-white .navbar-nav .nav-item a.nav-link { + color: #fff !important; + } +} +.pulse { + display: inline; + width: 100%; + height: 100%; + border-radius: 50%; + cursor: pointer; + box-shadow: 0 0 0 hsla(0, 0%, 100%, 0.4); + animation: f 2s infinite; + padding: 15px 18px; +} +.pulse:hover { + animation: none; +} +@keyframes f { + 0% { + box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0.4); + } + 70% { + box-shadow: 0 0 0 10px hsla(0, 0%, 100%, 0); + } + to { + box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0); + } +} +.nav-pills.flex-column li > a { + margin-bottom: 15px; +} +.nav-pills:not(.nav-pills-icons):not(.nav-pills-just-icons) + .nav-item + .nav-link { + border-radius: 30px; +} +.nav-pills.nav-pills-icons .nav-item i { + font-size: 20px; +} +.nav-pills.nav-pills-lg .nav-item .nav-link { + padding: 11px 60px; +} +.navbar .dropdown.show .dropdown-menu .dropdown-menu { + display: none; + height: 200px; + overflow: auto; +} +.navbar .dropdown.show .dropdown-menu .dropdown-menu.show { + display: block; +} +.dropdown-menu i { + margin-right: 5px; + position: relative; + top: 1px; +} +.dropdown-menu .tim-icons { + margin-right: 10px; + position: relative; + top: 4px; + font-size: 18px; + margin-top: -5px; + opacity: 0.5; +} +.dropdown-menu .dropdown-item.active, +.dropdown-menu .dropdown-item:active { + color: inherit; +} +.dropup .dropdown-menu:before { + display: none; +} +.dropup .dropdown-menu:after { + display: inline-block; + position: absolute; + width: 0; + height: 0; + vertical-align: middle; + content: ""; + top: auto; + bottom: -5px; + right: auto; + left: 10px; + color: #fff; + border-top: 0.4em solid; + border-right: 0.4em solid transparent; + border-left: 0.4em solid transparent; +} +.dropup .dropdown-menu.dropdown-menu-right:after { + right: 10px; + left: auto; +} +.bootstrap-select .dropdown-menu.inner li a, +.dropdown-menu .dropdown-item { + font-size: 0.75rem; + padding-top: 0.6rem; + padding-bottom: 0.6rem; + margin-top: 5px; + transition: 0.15s, linear; +} +@media (prefers-reduced-motion: reduce) { + .bootstrap-select .dropdown-menu.inner li a, + .dropdown-menu .dropdown-item { + transition: none; + } +} +.bootstrap-select .dropdown-menu.inner li a:focus, +.bootstrap-select .dropdown-menu.inner li a:hover, +.dropdown-menu .dropdown-item:focus, +.dropdown-menu .dropdown-item:hover { + background-color: hsla(0, 0%, 87%, 0.3); +} +.bootstrap-select .dropdown-menu.inner li a.disabled, +.bootstrap-select .dropdown-menu.inner li a:disabled, +.dropdown-menu .dropdown-item.disabled, +.dropdown-menu .dropdown-item:disabled { + color: hsla(0, 0%, 71%, 0.6); +} +.bootstrap-select .dropdown-menu.inner li a.disabled:focus, +.bootstrap-select .dropdown-menu.inner li a.disabled:hover, +.bootstrap-select .dropdown-menu.inner li a:disabled:focus, +.bootstrap-select .dropdown-menu.inner li a:disabled:hover, +.dropdown-menu .dropdown-item.disabled:focus, +.dropdown-menu .dropdown-item.disabled:hover, +.dropdown-menu .dropdown-item:disabled:focus, +.dropdown-menu .dropdown-item:disabled:hover { + background-color: transparent; +} +.bootstrap-select .dropdown-menu:not(.inner), +.dropdown-menu.bootstrap-datetimepicker-widget, +.dropup:not(.bootstrap-select) .dropdown-menu { + transform: translate3d(0, -25px, 0) !important; + visibility: hidden; + display: block; + opacity: 0; + filter: alpha(opacity=0); + top: 100% !important; +} +.bootstrap-select.show .dropdown-menu:not(.inner), +.dropdown-menu.bootstrap-datetimepicker-widget.bottom.open, +.dropdown-menu.bootstrap-datetimepicker-widget.top.open, +.dropup.show:not(.bootstrap-select) .dropdown-menu { + opacity: 1; + filter: alpha(opacity=100); + visibility: visible; + transform: translateZ(0) !important; +} +.dropdown-menu.bootstrap-datetimepicker-widget.top, +.dropup:not(.bootstrap-select) .dropdown-menu { + transform: translate3d(0, 25px, 0) !important; + bottom: 100% !important; + top: auto !important; +} +.dropdown-menu.bootstrap-datetimepicker-widget.top.open, +.dropup.show:not(.bootstrap-select) .dropdown-menu { + transform: translate3d(0, -1px, 0) !important; +} +.section { + padding: 70px 0; + position: relative; +} +.section .row + .category { + margin-top: 15px; +} +.section .carousel { + width: 100%; +} +.path { + position: absolute; + opacity: 0.02; +} +.dots { + opacity: 0.07; +} +.dots, +.shapes { + position: absolute; + z-index: 2; +} +.shapes { + opacity: 0.02; +} +.main { + position: relative; + width: 100%; +} +.section-navbars { + padding-bottom: 0; + overflow: hidden; +} +.section-navbars img.path { + left: -400px; +} +.section-typo { + overflow: hidden; +} +.section-typo .path { + right: -400px; +} +.section-typo .path1 { + bottom: 5%; + width: 70%; + left: -200px; +} +.section-pagination .path { + width: 65%; + right: 0; + top: 48%; +} +.section-pagination .path1 { + width: 30%; + top: 0; + left: 3%; +} +.section-javascript { + overflow: hidden; +} +.section-javascript .path { + right: -300px; + width: 80%; +} +.section-javascript .path1 { + width: 25%; + left: 3%; + top: 0; +} +.section-full-screen { + height: 100vh; +} +.section-signup { + padding-top: 20vh; + overflow: hidden; +} +.section-signup .square { + background-size: cover; +} +.section-signup .square-1 { + height: 300px; + width: 300px; + background-image: url(../../assets/img/square1.png); + top: 80px; + left: 100px; + opacity: 0.3; + animation-duration: 5s; +} +.section-signup .square-2 { + height: 200px; + width: 200px; + background: url(../../assets/img/square3.png); + background-size: cover; + bottom: 40px; + left: 600px; + opacity: 0.1; + animation-duration: 8s; +} +.section-signup .square-3 { + height: 100px; + width: 100px; + background: url(../../assets/img/square2.png); + background-size: cover; + top: 300px; + left: 700px; + animation-duration: 5s; +} +.section-signup .square-4 { + height: 250px; + width: 250px; + background: url(../../assets/img/square3.png); + background-size: cover; + top: 0; + right: 100px; + opacity: 0.8; + animation-duration: 9s; +} +.parallax-s { + overflow: hidden; + height: 500px; + width: 100%; +} +.section-image { + background-size: cover; + background-position: 50%; + position: relative; + width: 100%; +} +.section-image .card-plain .card-title, +.section-image .card-pricing.card-plain ul li, +.section-image .info-title, +.section-image .info.info-horizontal .icon i, +.section-image .title { + color: #fff; +} +.section-image .description, +.section-image .info .icon:not(.icon-circle) { + color: hsla(0, 0%, 100%, 0.8); +} +.section-image .card:not(.card-plain) .description, +.section-image .card:not(.card-plain) .info .icon, +.section-image .card:not(.card-plain) .info p { + color: #9a9a9a; +} +.section-image .card-plain [class*="text-"], +.section-image .card-plain ul li b, +.section-image .footer { + color: #fff; +} +.section-image .card-plain .category { + color: hsla(0, 0%, 100%, 0.5); +} +.section-image:after { + position: absolute; + z-index: 1; + width: 100%; + height: 100%; + display: block; + left: 0; + top: 0; + content: ""; + background-color: rgba(23, 24, 66, 0.89); +} +.section-image .container { + z-index: 2; + position: relative; +} +.page-header { + min-height: 100vh; + max-height: 999px; + padding: 0; + color: #fff; + position: relative; + overflow: hidden; +} +.page-header .page-header-image { + position: absolute; + background-size: cover; + background-position: 50%; + width: 100%; + height: 100%; + z-index: -1; +} +.page-header > .content { + margin-top: 11%; + text-align: center; + margin-bottom: 50px; +} +.signup-page .page-header { + max-height: fit-content; +} +.page-header .content-center { + position: absolute; + top: 50%; + left: 50%; + z-index: 2; + transform: translate(-50%, -50%); + text-align: center; + color: #fff; + padding: 0 15px; + width: 100%; +} +.page-header .content-center.brand { + width: 47%; +} +.page-header footer { + position: absolute; + bottom: 0; + width: 100%; +} +.page-header .container { + height: 100%; + z-index: 1; +} +.page-header .category, +.page-header .description { + color: hsla(0, 0%, 100%, 0.8); +} +.page-header.page-header-small { + min-height: 60vh; + max-height: 440px; +} +.page-header.page-header-mini { + min-height: 40vh; + max-height: 340px; +} +.page-header .title { + margin-bottom: 15px; +} +.page-header .title + h4 { + margin-top: 10px; +} +.page-header.header-filter:after { + background: rgba(0, 0, 0, 0.5); +} +.clear-filter:after, +.clear-filter:before { + display: none; +} +.section-basic { + overflow: hidden; +} +.section-basic .category { + margin-bottom: 10px; +} +.section-basic img.path { + right: -400px; +} +.section-story-overview { + padding: 50px 0; +} +.section-story-overview .image-container { + height: 335px; + position: relative; + background-position: 50%; + background-size: cover; + box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.3); + border-radius: 0.25rem; +} +.section-story-overview .image-container + .category { + padding-top: 15px; +} +.section-story-overview .image-container.image-right { + z-index: 2; +} +.section-story-overview .image-container.image-right + h3.title { + margin-top: 120px; +} +.section-story-overview .image-container.image-left { + z-index: 1; +} +.section-story-overview .image-container img { + width: 100%; + left: 0; + top: 0; + height: auto; + position: absolute; +} +.section-story-overview .image-container:nth-child(2) { + margin-top: 420px; + margin-left: -105px; +} +.section-story-overview p.blockquote { + width: 220px; + min-height: 180px; + text-align: left; + position: absolute; + top: 376px; + right: 155px; + z-index: 0; +} +.section-coins { + margin-top: 200px; +} +.section-coins h1 { + margin-bottom: 150px; +} +.section-nucleo-icons { + --icon-size: 5rem; + --icon-sm-size: 3.75rem; + --gutter: 7rem; + overflow: hidden; +} +.section-nucleo-icons .btn-wrapper, +.section-nucleo-icons .description, +.section-nucleo-icons .title { + text-align: center; +} +.section-nucleo-icons .btn-wrapper { + margin: 3rem auto; +} +.section-nucleo-icons .icons-container { + position: relative; + z-index: 1; + max-width: 100%; + height: 360px; + margin: 0 auto; +} +.section-nucleo-icons .icons-container i { + position: absolute; + display: inline-flex; + align-items: center; + justify-content: center; + border-radius: 50%; + background: #fff; + z-index: 1; + transform: translate(-50%, -50%); + box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1); + transition: all 0.2s cubic-bezier(0.25, 0.65, 0.9, 0.75); +} +.section-nucleo-icons .icons-container i.icon { + width: var(--icon-size); + height: var(--icon-size); + font-size: 2em; +} +.section-nucleo-icons .icons-container i.icon-sm { + width: var(--icon-sm-size); + height: var(--icon-sm-size); + font-size: 1.7em; +} +.section-nucleo-icons .icons-container i:first-child { + font-size: 42px; + z-index: 2; +} +.section-nucleo-icons .icons-container:not(.on-screen) i { + transform: translate(-50%, -50%); + left: 50%; + top: 50%; +} +.section-nucleo-icons .icons-container:not(.on-screen) i:not(:first-child) { + opacity: 0; +} +.section-nucleo-icons .icons-container.on-screen i { + opacity: 1; +} +.section-nucleo-icons .icons-container.on-screen i:first-child { + left: 50%; + top: 50%; + font-size: 42px; +} +.section-nucleo-icons .icons-container.on-screen i:nth-child(2) { + left: calc(50% + (var(--gutter) * 1.7)); + top: 50%; +} +.section-nucleo-icons .icons-container.on-screen i:nth-child(3) { + left: calc(50% + var(--gutter)); + top: calc(50% + var(--gutter)); +} +.section-nucleo-icons .icons-container.on-screen i:nth-child(4) { + left: calc(50% + var(--gutter)); + top: calc(50% - var(--gutter)); +} +.section-nucleo-icons .icons-container.on-screen i:nth-child(5) { + left: calc(50% + (var(--gutter) * 4)); + top: 50%; +} +.section-nucleo-icons .icons-container.on-screen i:nth-child(6) { + left: calc(50% + (var(--gutter) * 2.7)); + top: calc(50% + (var(--gutter) * 1.5)); +} +.section-nucleo-icons .icons-container.on-screen i:nth-child(7) { + left: calc(50% + (var(--gutter) * 2.7)); + top: calc(50% - (var(--gutter) * 1.5)); +} +.section-nucleo-icons .icons-container.on-screen i:nth-child(8) { + left: calc(50% - (var(--gutter) * 1.7)); + top: 50%; +} +.section-nucleo-icons .icons-container.on-screen i:nth-child(9) { + left: calc(50% - var(--gutter)); + top: calc(50% + var(--gutter)); +} +.section-nucleo-icons .icons-container.on-screen i:nth-child(10) { + left: calc(50% - var(--gutter)); + top: calc(50% - var(--gutter)); +} +.section-nucleo-icons .icons-container.on-screen i:nth-child(11) { + left: calc(50% - (var(--gutter) * 4)); + top: 50%; +} +.section-nucleo-icons .icons-container.on-screen i:nth-child(12) { + left: calc(50% - (var(--gutter) * 2.7)); + top: calc(50% + (var(--gutter) * 1.5)); +} +.section-nucleo-icons .icons-container.on-screen i:nth-child(13) { + left: calc(50% - (var(--gutter) * 2.7)); + top: calc(50% - (var(--gutter) * 1.5)); +} +.section-nucleo-icons .path { + left: -300px; + top: 0; + width: 80%; +} +.section-examples .path { + width: 55%; +} +.section-examples .container .col-sm-6 img { + border: 1px solid #e14eca; +} +.section-download { + overflow: hidden; +} +.section-download .path { + right: -400px; +} +.blur-hover { + position: relative; + padding-bottom: 100px; +} +.blur-hover .blur-item { + transition: 1s cubic-bezier(0.19, 1, 0.22, 1); + will-change: transform; + filter: blur(0); + opacity: 1; +} +.blur-hover .blur-hidden { + position: absolute; + top: calc(50% + 7px); + left: 50%; + transform: translate(-50%, -50%); + opacity: 0; + transition: all 0.15s ease; + z-index: 100; +} +.blur-hover:hover .blur-item { + opacity: 0.8; + filter: blur(10px); + transform: scale(0.95); + z-index: 1; +} +.blur-hover:hover .blur-hidden { + opacity: 1; + top: 50%; +} +.section-images { + max-height: 670px; + height: 670px; +} +.section-images .hero-images-container, +.section-images .hero-images-container-1, +.section-images .hero-images-container-2 { + margin-top: -38vh; +} +.section-images .hero-images-container { + max-width: 670px; +} +.section-images .hero-images-container-1 { + max-width: 390px; + position: absolute; + top: 55%; + right: 18%; +} +.section-images .hero-images-container-2 { + max-width: 225px; + position: absolute; + top: 68%; + right: 12%; +} +[data-background-color]:not([data-background-color="gray"]) { + color: #fff; +} +[data-background-color]:not([data-background-color="gray"]) .separator-line { + background-color: hsla(0, 0%, 100%, 0.5); +} +[data-background-color]:not([data-background-color="gray"]) + .footer.footer-white + .footer-brand, +[data-background-color]:not([data-background-color="gray"]) + .footer.footer-white + ul + li + > a.nav-link:not(.btn-icon) { + color: initial; +} +[data-background-color]:not([data-background-color="gray"]) + .card:not(.card-plain) + .card-description, +[data-background-color]:not([data-background-color="gray"]) + .card:not(.card-plain) + .category { + color: #9a9a9a; +} +[data-background-color]:not([data-background-color="gray"]) + .card:not(.card-plain) + .card-title { + color: initial; +} +[data-background-color]:not([data-background-color="gray"]) + .carousel + .carousel-inner { + box-shadow: none; +} +[data-background-color]:not([data-background-color="gray"]) + .card-pricing.card-plain + ul + li, +[data-background-color]:not([data-background-color="gray"]).card-pricing ul li, +[data-background-color]:not([data-background-color="gray"]).card + a:not(.btn):not(.dropdown-item), +[data-background-color]:not([data-background-color="gray"]) .icons-container i, +[data-background-color]:not([data-background-color="gray"]) + .info.info-horizontal + .icon + i, +[data-background-color]:not([data-background-color="gray"]) + .social-description + h2, +[data-background-color]:not([data-background-color="gray"]) .title, +[data-background-color]:not([data-background-color="gray"]) + a:not(.btn):not(.dropdown-item):not(.card-link), +[data-background-color]:not([data-background-color="gray"]) h1, +[data-background-color]:not([data-background-color="gray"]) h2, +[data-background-color]:not([data-background-color="gray"]) h3, +[data-background-color]:not([data-background-color="gray"]) h4, +[data-background-color]:not([data-background-color="gray"]) h5, +[data-background-color]:not([data-background-color="gray"]) h6, +[data-background-color]:not([data-background-color="gray"]) p, +[data-background-color]:not([data-background-color="gray"]) p.blockquote, +[data-background-color]:not([data-background-color="gray"]) p.blockquote small { + color: #fff; +} +[data-background-color]:not([data-background-color="gray"]).card + a:not(.btn):not(.dropdown-item):focus, +[data-background-color]:not([data-background-color="gray"]).card + a:not(.btn):not(.dropdown-item):hover { + border-color: #fff; +} +[data-background-color]:not([data-background-color="gray"]).card-pricing + .icon + i, +[data-background-color]:not([data-background-color="gray"]).card-pricing ul li, +[data-background-color]:not([data-background-color="gray"]).footer hr { + border-color: hsla(0, 0%, 100%, 0.2); +} +[data-background-color]:not([data-background-color="gray"]) + .card-footer + .stats + i, +[data-background-color]:not([data-background-color="gray"]) .card-header:after, +[data-background-color]:not([data-background-color="gray"]).card-plain + .category, +[data-background-color]:not([data-background-color="gray"]) + .card-plain + .category { + color: hsla(0, 0%, 100%, 0.5); +} +[data-background-color]:not([data-background-color="gray"]) .author span, +[data-background-color]:not([data-background-color="gray"]) .card-category, +[data-background-color]:not([data-background-color="gray"]) + .card-pricing.card-plain + ul + li + b, +[data-background-color]:not([data-background-color="gray"]) + .card-pricing.card-plain + ul + li + i, +[data-background-color]:not([data-background-color="gray"]).card-pricing + ul + li + b, +[data-background-color]:not([data-background-color="gray"]).card-pricing + ul + li + i { + color: hsla(0, 0%, 100%, 0.8) !important; +} +[data-background-color]:not([data-background-color="gray"]) .separator { + background-color: #fff; +} +[data-background-color]:not([data-background-color="gray"]) .navbar.bg-white p { + color: #344675; +} +[data-background-color]:not([data-background-color="gray"]) .description, +[data-background-color]:not([data-background-color="gray"]) + .social-description + p { + color: hsla(0, 0%, 100%, 0.8); +} +[data-background-color]:not([data-background-color="gray"]) + .checkbox + label:after, +[data-background-color]:not([data-background-color="gray"]) + .checkbox + label:before, +[data-background-color]:not([data-background-color="gray"]) .radio label:after, +[data-background-color]:not([data-background-color="gray"]) .radio label:before, +[data-background-color]:not([data-background-color="gray"]) p.blockquote { + border-color: hsla(0, 0%, 100%, 0.2); +} +[data-background-color]:not([data-background-color="gray"]) + .checkbox + input[type="checkbox"]:disabled + + label, +[data-background-color]:not([data-background-color="gray"]) .checkbox label, +[data-background-color]:not([data-background-color="gray"]) + .checkbox + label:after, +[data-background-color]:not([data-background-color="gray"]) + .radio + input[type="radio"]:disabled + + label, +[data-background-color]:not([data-background-color="gray"]) .radio label { + color: #fff; +} +[data-background-color]:not([data-background-color="gray"]) + .radio + input[type="radio"]:checked + + label:after, +[data-background-color]:not([data-background-color="gray"]) + .radio + input[type="radio"]:not(:disabled):hover + + label:after { + background-color: #fff; + border-color: #fff; +} +[data-background-color]:not([data-background-color="gray"]) + .form-control:-moz-placeholder, +[data-background-color]:not([data-background-color="gray"]) + .form-control::-moz-placeholder { + color: hsla(0, 0%, 100%, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} +[data-background-color]:not([data-background-color="gray"]) + .form-control::-webkit-input-placeholder { + color: hsla(0, 0%, 100%, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} +[data-background-color]:not([data-background-color="gray"]) + .form-control:-ms-input-placeholder { + color: hsla(0, 0%, 100%, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} +[data-background-color]:not([data-background-color="gray"]) .form-control { + border-color: hsla(0, 0%, 100%, 0.5); + color: #fff; +} +[data-background-color]:not([data-background-color="gray"]) + .form-control:focus { + border-color: #fff; + background-color: transparent; + color: #fff; +} +[data-background-color]:not([data-background-color="gray"]) .has-danger:after, +[data-background-color]:not([data-background-color="gray"]) .has-success:after { + color: #fff; +} +[data-background-color]:not([data-background-color="gray"]) + .has-danger + .form-control { + background-color: transparent; +} +[data-background-color]:not([data-background-color="gray"]) + .input-group-prepend { + margin-right: 0; +} +[data-background-color]:not([data-background-color="gray"]) + .input-group-append + .input-group-text, +[data-background-color]:not([data-background-color="gray"]) + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.2); + border-color: hsla(0, 0%, 100%, 0.5); + color: #fff; +} +[data-background-color]:not([data-background-color="gray"]) + .input-group-focus + .input-group-append + .input-group-text, +[data-background-color]:not([data-background-color="gray"]) + .input-group-focus + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.3); + border-color: #fff; + color: #fff; +} +[data-background-color]:not([data-background-color="gray"]) + .form-group.no-border + .form-control, +[data-background-color]:not([data-background-color="gray"]) + .input-group.no-border + .form-control { + background-color: rgba(23, 25, 65, 0.2); + color: #fff; +} +[data-background-color]:not([data-background-color="gray"]) + .form-group.no-border + .form-control:active, +[data-background-color]:not([data-background-color="gray"]) + .form-group.no-border + .form-control:focus, +[data-background-color]:not([data-background-color="gray"]) + .input-group.no-border + .form-control:active, +[data-background-color]:not([data-background-color="gray"]) + .input-group.no-border + .form-control:focus { + background-color: rgba(23, 25, 65, 0.3); + color: #fff; +} +[data-background-color]:not([data-background-color="gray"]) + .form-group.no-border + .form-control + + .input-group-append + .input-group-text, +[data-background-color]:not([data-background-color="gray"]) + .form-group.no-border + .form-control + + .input-group-prepend + .input-group-text, +[data-background-color]:not([data-background-color="gray"]) + .input-group.no-border + .form-control + + .input-group-append + .input-group-text, +[data-background-color]:not([data-background-color="gray"]) + .input-group.no-border + .form-control + + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.2); +} +[data-background-color]:not([data-background-color="gray"]) + .form-group.no-border + .form-control + + .input-group-append + .input-group-text:active, +[data-background-color]:not([data-background-color="gray"]) + .form-group.no-border + .form-control + + .input-group-append + .input-group-text:focus, +[data-background-color]:not([data-background-color="gray"]) + .form-group.no-border + .form-control + + .input-group-prepend + .input-group-text:active, +[data-background-color]:not([data-background-color="gray"]) + .form-group.no-border + .form-control + + .input-group-prepend + .input-group-text:focus, +[data-background-color]:not([data-background-color="gray"]) + .form-group.no-border + .form-control:focus + + .input-group-append + .input-group-text, +[data-background-color]:not([data-background-color="gray"]) + .form-group.no-border + .form-control:focus + + .input-group-prepend + .input-group-text, +[data-background-color]:not([data-background-color="gray"]) + .input-group.no-border + .form-control + + .input-group-append + .input-group-text:active, +[data-background-color]:not([data-background-color="gray"]) + .input-group.no-border + .form-control + + .input-group-append + .input-group-text:focus, +[data-background-color]:not([data-background-color="gray"]) + .input-group.no-border + .form-control + + .input-group-prepend + .input-group-text:active, +[data-background-color]:not([data-background-color="gray"]) + .input-group.no-border + .form-control + + .input-group-prepend + .input-group-text:focus, +[data-background-color]:not([data-background-color="gray"]) + .input-group.no-border + .form-control:focus + + .input-group-append + .input-group-text, +[data-background-color]:not([data-background-color="gray"]) + .input-group.no-border + .form-control:focus + + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.3); + color: #fff; +} +[data-background-color]:not([data-background-color="gray"]) + .form-group.no-border + .input-group-append + .input-group-text, +[data-background-color]:not([data-background-color="gray"]) + .form-group.no-border + .input-group-prepend + .input-group-text, +[data-background-color]:not([data-background-color="gray"]) + .input-group.no-border + .input-group-append + .input-group-text, +[data-background-color]:not([data-background-color="gray"]) + .input-group.no-border + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.2); + border: none; + color: #fff; +} +[data-background-color]:not([data-background-color="gray"]) + .form-group.no-border.input-group-focus + .input-group-append + .input-group-text, +[data-background-color]:not([data-background-color="gray"]) + .form-group.no-border.input-group-focus + .input-group-prepend + .input-group-text, +[data-background-color]:not([data-background-color="gray"]) + .input-group.no-border.input-group-focus + .input-group-append + .input-group-text, +[data-background-color]:not([data-background-color="gray"]) + .input-group.no-border.input-group-focus + .input-group-prepend + .input-group-text { + background-color: rgba(23, 25, 65, 0.3); + color: #fff; +} +[data-background-color]:not([data-background-color="gray"]) + .form-group.form-group-no-border + .input-group-text, +[data-background-color]:not([data-background-color="gray"]) .input-group-text, +[data-background-color]:not([data-background-color="gray"]) + .input-group.form-group-no-border + .input-group-text { + color: hsla(0, 0%, 100%, 0.8); +} +[data-background-color]:not([data-background-color="gray"]) + .subscribe-line + .form-control { + background-color: transparent; + border: 1px solid #e3e3e3; + color: #222a42; +} +[data-background-color]:not([data-background-color="gray"]) + .subscribe-line + .form-control:last-child { + border-left: 0 none; +} +[data-background-color]:not([data-background-color="gray"]) + .subscribe-line + .form-group.form-group-no-border + .input-group-text, +[data-background-color]:not([data-background-color="gray"]) + .subscribe-line + .input-group-text, +[data-background-color]:not([data-background-color="gray"]) + .subscribe-line + .input-group.form-group-no-border + .input-group-text { + color: #555; + border: 1px solid #e3e3e3; +} +[data-background-color]:not([data-background-color="gray"]) .btn.btn-simple { + background-color: transparent; + border-color: hsla(0, 0%, 100%, 0.5); + color: #fff; +} +[data-background-color]:not([data-background-color="gray"]) + .btn.btn-simple:active, +[data-background-color]:not([data-background-color="gray"]) + .btn.btn-simple:focus, +[data-background-color]:not([data-background-color="gray"]) + .btn.btn-simple:hover { + background-color: transparent; + border-color: #fff; +} +[data-background-color]:not([data-background-color="gray"]) + .nav-tabs + > .nav-item + > .nav-link + i.now-ui-icons, +[data-background-color]:not([data-background-color="gray"]).section-nucleo-icons + .icons-container + i:nth-child(6) { + color: #fff; +} +[class*="contactus-"], +[class*="features-"], +[class*="pricing-"], +[class*="projects-"], +[class*="team-"], +[class*="testimonials-"] { + padding: 80px 0; +} +@media screen and (min-width: 991px) { + .section-safe .card.card-stats { + position: absolute; + } + .section-safe .card.card-stats:first-of-type { + width: 140px; + top: -55px; + left: 200px; + } + .section-safe .card.card-stats:nth-of-type(2) { + width: 200px; + top: 150px; + left: -81px; + } + .section-safe .card.card-stats:nth-of-type(3) { + width: 130px; + top: 240px; + left: 300px; + } + .section-safe .card.card-stats .numbers { + text-align: center; + } +} +@media screen and (max-width: 991px) { + .section-signup .card-register { + margin-top: 50px; + } + .landing-page .section:nth-of-type(3) { + padding-top: 100px; + } + .section-safe img.img-fluid { + display: none; + } + .section-coins { + margin-top: 100px; + } + #carouselExampleIndicators { + margin-top: 210px; + } +} +@media screen and (max-width: 768px) { + .section-safe .card.card-stats { + margin-top: 10px; + } + .section-safe .card.card-stats:first-of-type, + .section-safe .card.card-stats:nth-of-type(2), + .section-safe .card.card-stats:nth-of-type(3) { + width: auto; + } +} +@media screen and (max-width: 768px) { + .section-examples .container .col-sm-6:nth-child(2) img { + border: 1px solid #e14eca; + } +} +.color-swatch { + margin: 1rem 0; + border-radius: 0.25rem; + background-color: #f4f5f7; + width: 100% !important; + height: auto !important; + margin-bottom: 20px; +} +.color-swatch:after { + content: " "; + display: table; + clear: both; +} +.color-swatch-header { + position: relative; + height: 0; + padding-bottom: 50%; + border-radius: 0.25rem 0.25rem 0 0; + border: 1px solid transparent; +} +.color-swatch-header.is-light { + border-color: #c1c7d0; +} +.color-swatch-header .pass-fail { + position: absolute; + width: 100%; + bottom: 0; +} +.color-swatch-header .pass-fail-item-wrap { + position: relative; + float: left; + left: 50%; + transform: translateX(-50%); +} +.color-swatch-header .pass-fail-item-group { + display: inline-block; + padding: 0 5px; +} +.color-swatch-header .pass-fail-item { + float: left; + display: inline-block; + text-align: center; + padding: 2px; +} +.color-swatch-header .pass-fail-item.white .example { + color: #fff; +} +.color-swatch-header .pass-fail-item.small .example { + font-size: 10px; +} +.color-swatch-header .pass-fail-item .lozenge { + font-size: 11px; + text-transform: uppercase; + font-weight: 600; + background: #000; + color: #fff; + padding: 2px 4px; + line-height: 10px; + border-radius: 4px; + letter-spacing: 0.05em; +} +.color-swatch-body { + position: relative; + left: 50%; + float: left; + padding: 10px 0; + transform: translateX(-50%); +} +.color-swatch-body .prop-item-wrap { + float: left; + padding: 0 15px; + min-width: 65px; +} +.color-swatch-body .prop-item { + padding: 15px 0; +} +.color-swatch-body .prop-item .label { + font-size: 11px; + color: #62748c; + text-transform: uppercase; + line-height: 16px; +} +.color-swatch-body .prop-item .value { + font-size: 14px; +} +.table-colors .swatch { + display: inline-block; + float: left; + width: 40px; + height: 40px; + margin-right: 20px; + border: 1px solid transparent; + border-radius: 4px; +} +.table-colors:first-child td:first-child, +.table-colors td:first-child { + line-height: 40px; +} +.table-colors .lozenge { + font-size: 10px; + font-weight: 600; + line-height: 10px; + display: inline-block; + float: left; + margin: 5px 10px 0 0; + padding: 2px 4px; + letter-spacing: 0.05em; + text-transform: uppercase; + color: #042a53; + border-radius: 4px; + background: #97a0af; +} +.bd-example .row > .col span, +.bd-example .row > [class^="col-"] span { + font-size: 0.75rem; + display: block; + margin: 1rem 0; + padding: 0.75rem; + color: #393f49; + background-color: #fff; + border-radius: 0.2857rem; +} +.page-header .carousel .carousel-indicators { + bottom: 60px; +} +.page-header .container, +.page-header .title { + color: #fff; +} +.page-header.header-small { + height: 65vh; + min-height: 65vh; +} +.page-header.header-small .container { + padding-top: 20vh; +} +.landing-page .content-center img { + height: 300px; +} +.header-filter { + position: relative; +} +.header-filter .container { + z-index: 2; + position: relative; +} +.clear-filter:before { + display: none; +} +.iframe-container iframe { + width: 100%; + box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.3); +} +.header-1 .wrapper, +.header-2 .wrapper, +.header-3 .wrapper { + background: #ccc; +} +.header-1 .content-center, +.header-2 .content-center, +.header-3 .content-center { + max-width: none !important; +} +.header-1 .page-header .card, +.header-2 .page-header .card { + margin-top: 60px; +} +.header-3 .btn { + margin: 0; +} +.header-3 h6 { + margin-bottom: 0; +} +@media screen and (max-width: 768px) { + .page-header .content-center .row { + text-align: center !important; + } + .page-header .content-center img { + height: 150px; + margin-top: 40px; + } +} +.ps { + overflow: hidden !important; + overflow-anchor: none; + -ms-overflow-style: none; + touch-action: auto; + -ms-touch-action: auto; +} +.ps__rail-x { + height: 15px; + bottom: 0; +} +.ps__rail-x, +.ps__rail-y { + display: none; + opacity: 0; + transition: background-color 0.2s linear, opacity 0.2s linear; + -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; + position: absolute; +} +.ps__rail-y { + width: 15px; + right: 0; +} +.ps--active-x > .ps__rail-x, +.ps--active-y > .ps__rail-y { + display: block; + background-color: transparent; +} +.ps--focus > .ps__rail-x, +.ps--focus > .ps__rail-y, +.ps--scrolling-x > .ps__rail-x, +.ps--scrolling-y > .ps__rail-y, +.ps:hover > .ps__rail-x, +.ps:hover > .ps__rail-y { + opacity: 0.6; +} +.ps .ps__rail-x.ps--clicking, +.ps .ps__rail-x:focus, +.ps .ps__rail-x:hover, +.ps .ps__rail-y.ps--clicking, +.ps .ps__rail-y:focus, +.ps .ps__rail-y:hover { + background-color: #eee; + opacity: 0.9; +} +.ps__thumb-x { + transition: background-color 0.2s linear, height 0.2s ease-in-out; + -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out; + height: 6px; + bottom: 2px; +} +.ps__thumb-x, +.ps__thumb-y { + background-color: #aaa; + border-radius: 6px; + position: absolute; +} +.ps__thumb-y { + transition: background-color 0.2s linear, width 0.2s ease-in-out; + -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out; + width: 6px; + right: 2px; +} +.ps__rail-x.ps--clicking .ps__thumb-x, +.ps__rail-x:focus > .ps__thumb-x, +.ps__rail-x:hover > .ps__thumb-x { + background-color: #999; + height: 11px; +} +.ps__rail-y.ps--clicking .ps__thumb-y, +.ps__rail-y:focus > .ps__thumb-y, +.ps__rail-y:hover > .ps__thumb-y { + background-color: #999; + width: 11px; +} +@supports (-ms-overflow-style: none) { + .ps { + overflow: auto !important; + } +} +@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { + .ps { + overflow: auto !important; + } +} + +/*! +Animate.css - http://daneden.me/animate +Licensed under the MIT license - http://opensource.org/licenses/MIT + +Copyright (c) 2015 Daniel Eden +*/ +.animated { + animation-duration: 1s; + animation-fill-mode: both; +} +.animated.infinite { + animation-iteration-count: infinite; +} +.animated.hinge { + animation-duration: 2s; +} +.animated.bounceIn, +.animated.bounceOut, +.animated.flipOutX, +.animated.flipOutY { + animation-duration: 0.75s; +} +@keyframes g { + 0%, + to { + transform: translateZ(0); + } + 10%, + 30%, + 50%, + 70%, + 90% { + transform: translate3d(-10px, 0, 0); + } + 20%, + 40%, + 60%, + 80% { + transform: translate3d(10px, 0, 0); + } +} +.shake { + animation-name: g; +} +@keyframes h { + 0% { + opacity: 0; + transform: translate3d(0, -100%, 0); + } + to { + opacity: 1; + transform: none; + } +} +.fadeInDown { + animation-name: h; +} +@keyframes i { + 0% { + opacity: 1; + } + to { + opacity: 0; + } +} +.fadeOut { + animation-name: i; +} +@keyframes j { + 0% { + opacity: 1; + } + to { + opacity: 0; + transform: translate3d(0, 100%, 0); + } +} +.fadeOutDown { + animation-name: j; +} +@keyframes k { + 0% { + opacity: 1; + } + to { + opacity: 0; + transform: translate3d(0, -100%, 0); + } +} +.fadeOutUp { + animation-name: k; +} +.bootstrap-switch { + display: inline-block; + direction: ltr; + cursor: pointer; + border-radius: 30px; + border: 0; + position: relative; + text-align: left; + overflow: hidden; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); + margin-bottom: 10px; + line-height: 8px; + width: 59px !important; + height: 22px; + outline: none; + z-index: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + background: url(https://d2v9y0dukr6mq2.cloudfront.net/video/thumbnail/J9H9WF0/night-sky-full-of-stars-fantasy-animation-made-of-magical-sparkly-light-particles-flickering-on-a-purple-blue-gradient-background_bajacpz7x_thumbnail-full01.png); + background-position: 50%; + background-size: cover; +} +.bootstrap-switch .bootstrap-switch-container { + display: inline-flex; + top: 0; + height: 22px; + border-radius: 4px; + transform: translateZ(0); + width: 100px !important; +} +.bootstrap-switch .bootstrap-switch-handle-off, +.bootstrap-switch .bootstrap-switch-handle-on, +.bootstrap-switch .bootstrap-switch-label { + box-sizing: border-box; + cursor: pointer; + display: inline-block !important; + height: 100%; + color: #fff; + padding: 6px 10px; + font-size: 11px; + text-indent: -5px; + line-height: 15px; + transition: 0.25s ease-out; +} +.bootstrap-switch .bootstrap-switch-handle-off, +.bootstrap-switch .bootstrap-switch-handle-on { + text-align: center; + z-index: 1; + float: left; + line-height: 11px; + width: 50% !important; +} +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-brown, +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-brown { + color: #fff; + background: #e14eca; +} +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue, +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue { + color: #fff; + background: #1d8cf8; +} +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-green, +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green { + color: #fff; + background: #00f2c3; +} +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orange, +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orange { + background: #ff8d72; + color: #fff; +} +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-red, +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-red { + color: #fff; + background: #fd5d93; +} +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default { + color: #fff; +} +.bootstrap-switch .bootstrap-switch-label { + text-align: center; + z-index: 100; + color: #333; + background: #fff; + width: 18px !important; + height: 18px !important; + margin: 0 -11px; + border-radius: 20px; + position: absolute; + float: left; + top: 2px; + left: 51%; + padding: 0; + box-shadow: 0 1px 11px rgba(0, 0, 0, 0.25); +} +.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label { + background-color: hsla(0, 0%, 61%, 0.9); + left: 52%; +} +.bootstrap-switch.bootstrap-switch-on:hover .bootstrap-switch-label { + width: 27px !important; + margin-left: -20px; +} +.bootstrap-switch.bootstrap-switch-off:hover .bootstrap-switch-label { + width: 27px !important; + margin-left: -11px; +} +.bootstrap-switch .bootstrap-switch-handle-on { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} +.bootstrap-switch .bootstrap-switch-handle-off { + text-indent: 6px; +} +.bootstrap-switch input[type="checkbox"], +.bootstrap-switch input[type="radio"] { + position: absolute !important; + top: 0; + left: 0; + opacity: 0; + filter: alpha(opacity=0); + z-index: -1; +} +.bootstrap-switch input[type="checkbox"].form-control, +.bootstrap-switch input[type="radio"].form-control { + height: auto; +} +.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, +.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, +.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; +} +.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, +.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, +.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; +} +.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, +.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, +.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label { + padding: 6px 16px; + font-size: 18px; + line-height: 1.33; +} +.bootstrap-switch.bootstrap-switch-disabled, +.bootstrap-switch.bootstrap-switch-indeterminate, +.bootstrap-switch.bootstrap-switch-readonly { + cursor: default !important; +} +.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, +.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, +.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, +.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, +.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, +.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label, +.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, +.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, +.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label { + opacity: 0.5; + filter: alpha(opacity=50); + cursor: default !important; +} +.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { + transition: margin-left 0.5s; +} +.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; +} +.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} +.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container { + margin-left: -2px !important; +} +.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container { + margin-left: -39px !important; +} +.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label:before { + background-color: #fff; +} +.bootstrap-switch.bootstrap-switch-on + .bootstrap-switch-red + ~ .bootstrap-switch-default { + background-color: #fd5d93; +} +.bootstrap-switch.bootstrap-switch-on + .bootstrap-switch-orange + ~ .bootstrap-switch-default { + background-color: #ff8d72; +} +.bootstrap-switch.bootstrap-switch-on + .bootstrap-switch-green + ~ .bootstrap-switch-default { + background-color: #00f2c3; +} +.bootstrap-switch.bootstrap-switch-on + .bootstrap-switch-brown + ~ .bootstrap-switch-default { + background-color: #e14eca; +} +.bootstrap-switch.bootstrap-switch-on + .bootstrap-switch-blue + ~ .bootstrap-switch-default { + background-color: #1d8cf8; +} +.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-blue, +.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-brown, +.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-green, +.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-orange, +.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-red { + background-color: #e3e3e3; +} +.bootstrap-switch-off .bootstrap-switch-handle-on, +.bootstrap-switch-on .bootstrap-switch-handle-off { + opacity: 0; + visibility: hidden; +} +.bootstrap-switch-off:before { + position: absolute; + content: ""; + height: 100%; + width: 100%; + top: 0; + right: 0; + background: hsla(0, 0%, 6%, 0.7); +} + +/*! nouislider - 13.1.1 - 2/14/2019 */ +.noUi-target, +.noUi-target * { + -webkit-touch-callout: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-user-select: none; + -ms-touch-action: none; + touch-action: none; + -ms-user-select: none; + -moz-user-select: none; + user-select: none; + box-sizing: border-box; +} +.noUi-target { + position: relative; + direction: ltr; +} +.noUi-base, +.noUi-connects { + width: 100%; + height: 100%; + position: relative; + z-index: 1; +} +.noUi-connects { + overflow: hidden; + z-index: 0; +} +.noUi-connect, +.noUi-origin { + will-change: transform; + position: absolute; + z-index: 1; + top: 0; + left: 0; + height: 100%; + width: 100%; + transform-origin: 0 0; +} +html:not([dir="rtl"]) .noUi-horizontal .noUi-origin { + left: auto; + right: 0; +} +.noUi-vertical .noUi-origin { + width: 0; +} +.noUi-horizontal .noUi-origin { + height: 0; +} +.noUi-handle { + position: absolute; +} +.noUi-state-tap .noUi-connect, +.noUi-state-tap .noUi-origin { + transition: transform 0.3s; +} +.noUi-state-drag * { + cursor: inherit !important; +} +.noUi-horizontal { + height: 1px; +} +.noUi-horizontal .noUi-handle { + border-radius: 50%; + background-color: #fff; + box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.2); + height: 15px; + width: 15px; + cursor: pointer; + margin-left: -10px; + margin-top: -7px; +} +.noUi-vertical { + width: 18px; +} +.noUi-vertical .noUi-handle { + width: 28px; + height: 34px; + left: -6px; + top: -17px; +} +html:not([dir="rtl"]) .noUi-horizontal .noUi-handle { + right: -15px; + left: auto; + outline: none; +} +.noUi-target { + background-color: hsla(0, 0%, 71%, 0.3); +} +.noUi-connect, +.noUi-connects, +.noUi-target { + border-radius: 3px; +} +.noUi-connect { + background: #344675; + transition: background 0.45s; +} +.noUi-draggable { + cursor: ew-resize; +} +.noUi-vertical .noUi-draggable { + cursor: ns-resize; +} +.noUi-handle { + border-radius: 3px; + background: #fff; + cursor: default; + box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; + -webkit-transition: 0.3s ease 0s; + -moz-transition: 0.3s ease 0s; + -ms-transition: 0.3s ease 0s; + -o-transform: 0.3s ease 0s; + transition: 0.3s ease 0s; +} +.noUi-active { + transform: scale3d(1.5, 1.5, 1); +} +[disabled] .noUi-connect { + background: #b8b8b8; +} +[disabled].noUi-handle, +[disabled] .noUi-handle, +[disabled].noUi-target { + cursor: not-allowed; +} +.noUi-pips, +.noUi-pips * { + box-sizing: border-box; +} +.noUi-pips { + position: absolute; + color: #999; +} +.noUi-value { + position: absolute; + white-space: nowrap; + text-align: center; +} +.noUi-value-sub { + color: #ccc; + font-size: 10px; +} +.noUi-marker { + position: absolute; + background: #ccc; +} +.noUi-marker-large, +.noUi-marker-sub { + background: #aaa; +} +.noUi-pips-horizontal { + padding: 10px 0; + height: 80px; + top: 100%; + left: 0; + width: 100%; +} +.noUi-value-horizontal { + transform: translate(-50%, 50%, 0); +} +.noUi-rtl .noUi-value-horizontal { + transform: translate(50%, 50%); +} +.noUi-marker-horizontal.noUi-marker { + margin-left: -1px; + width: 2px; + height: 5px; +} +.noUi-marker-horizontal.noUi-marker-sub { + height: 10px; +} +.noUi-marker-horizontal.noUi-marker-large { + height: 15px; +} +.noUi-pips-vertical { + padding: 0 10px; + height: 100%; + top: 0; + left: 100%; +} +.noUi-value-vertical { + transform: translate3d(0, 50%, 0); + padding-left: 25px; +} +.noUi-rtl .noUi-value-vertical { + transform: translateY(50%); +} +.noUi-marker-vertical.noUi-marker { + width: 5px; + height: 2px; + margin-top: -1px; +} +.noUi-marker-vertical.noUi-marker-sub { + width: 10px; +} +.noUi-marker-vertical.noUi-marker-large { + width: 15px; +} +.noUi-tooltip { + display: block; + position: absolute; + border: 1px solid #d9d9d9; + border-radius: 3px; + background: #fff; + color: #000; + padding: 5px; + text-align: center; + white-space: nowrap; +} +.noUi-horizontal .noUi-tooltip { + transform: translate(-50%); + left: 50%; + bottom: 120%; +} +.noUi-vertical .noUi-tooltip { + transform: translateY(-50%); + top: 50%; + right: 120%; +} +.slider.slider-neutral.noUi-connect, +.slider.slider-neutral .noUi-connect { + background-color: #fff; +} +.slider.slider-neutral.noUi-target { + background-color: hsla(0, 0%, 100%, 0.3); +} +.slider.slider-neutral .noUi-handle { + background-color: #fff; +} +.slider.slider-primary.noUi-connect, +.slider.slider-primary .noUi-connect { + background-color: #e14eca; +} +.slider.slider-primary.noUi-target { + background-color: rgba(209, 49, 193, 0.3); +} +.slider.slider-primary .noUi-handle { + background-color: #e14eca; + box-shadow: 0 0 10px 0 #e14eca; +} +.slider.slider-info.noUi-connect, +.slider.slider-info .noUi-connect { + background-color: #1d8cf8; +} +.slider.slider-info.noUi-target { + background-color: rgba(44, 168, 255, 0.3); +} +.slider.slider-info .noUi-handle { + background-color: #1d8cf8; + box-shadow: 0 0 10px 0 #1d8cf8; +} +.slider.slider-success.noUi-connect, +.slider.slider-success .noUi-connect { + background-color: #00f2c3; +} +.slider.slider-success.noUi-target { + background-color: rgba(24, 206, 15, 0.3); +} +.slider.slider-success .noUi-handle { + background-color: #00f2c3; + box-shadow: 0 0 10px 0 #00f2c3; +} +.slider.slider-warning.noUi-connect, +.slider.slider-warning .noUi-connect { + background-color: #ff8d72; +} +.slider.slider-warning.noUi-target { + background-color: rgba(255, 178, 54, 0.3); +} +.slider.slider-warning .noUi-handle { + background-color: #ff8d72; + box-shadow: 0 0 10px 0 #ff8d72; +} +.slider.slider-danger.noUi-connect, +.slider.slider-danger .noUi-connect { + background-color: #fd5d93; +} +.slider.slider-danger.noUi-target { + background-color: rgba(255, 54, 54, 0.3); +} +.slider.slider-danger .noUi-handle { + background-color: #fd5d93; + box-shadow: 0 0 10px 0 #fd5d93; +} +.bootstrap-datetimepicker-widget .btn[data-action="clear"]:after, +.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]:after, +.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]:after, +.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]:after, +.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]:after, +.bootstrap-datetimepicker-widget .btn[data-action="showHours"]:after, +.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]:after, +.bootstrap-datetimepicker-widget .btn[data-action="today"]:after, +.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]:after, +.bootstrap-datetimepicker-widget .picker-switch:after, +.bootstrap-datetimepicker-widget table th.next:after, +.bootstrap-datetimepicker-widget table th.prev:after, +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +.bootstrap-datetimepicker-widget { + list-style: none; +} +.bootstrap-datetimepicker-widget a .btn:hover { + background-color: transparent; +} +.bootstrap-datetimepicker-widget.dropdown-menu { + padding: 8px 6px; + width: 254px; + max-width: 254px; +} +.bootstrap-datetimepicker-widget.dropdown-menu .tim-icons { + opacity: 1; +} +.bootstrap-datetimepicker-widget.dropdown-menu + .picker-switch + .table-condensed:hover { + background: #eee; + border-radius: 3px; +} +.bootstrap-datetimepicker-widget.dropdown-menu + .timepicker-picker + .table-condensed { + margin-top: 10px; + margin-bottom: 5px; +} +.bootstrap-datetimepicker-widget.dropdown-menu + .timepicker-picker + .table-condensed + .btn[data-action="togglePeriod"]:hover, +.bootstrap-datetimepicker-widget.dropdown-menu + .timepicker-picker + .table-condensed + .separator { + color: #9a9a9a !important; +} +.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .decade, +.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .month, +.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .year { + color: #9a9a9a; +} +.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .decade.active, +.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .month.active, +.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .year.active { + color: #fff; +} +@media (min-width: 768px) { + .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { + width: 38em; + } +} +@media (min-width: 992px) { + .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { + width: 38em; + } +} +@media (min-width: 1200px) { + .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { + width: 38em; + } +} +.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { + display: inline-block; + position: absolute; + width: 0; + height: 0; + vertical-align: middle; + content: ""; + right: auto; + border-bottom: 0.4em solid; + border-right: 0.4em solid transparent; + border-left: 0.4em solid transparent; +} +.bootstrap-datetimepicker-widget.dropdown-menu.top:before { + display: none; +} +.bootstrap-datetimepicker-widget.dropdown-menu.top:after { + display: inline-block; + position: absolute; + width: 0; + height: 0; + vertical-align: middle; + content: ""; + top: auto; + bottom: -6px; + right: auto; + left: 10px; + color: #fff; + border-top: 0.4em solid; + border-right: 0.4em solid transparent; + border-left: 0.4em solid transparent; +} +.bootstrap-datetimepicker-widget.dropdown-menu.top { + margin-top: auto; + margin-bottom: -20px; +} +.bootstrap-datetimepicker-widget.dropdown-menu.top.open { + margin-top: auto; + margin-bottom: 3px; +} +.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { + left: auto; + right: 6px; +} +.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { + left: auto; + right: 7px; +} +.bootstrap-datetimepicker-widget .list-unstyled { + margin: 0; +} +.bootstrap-datetimepicker-widget a[data-action] { + padding: 0; + border-width: 0; + color: #fff; + background-color: transparent; +} +.bootstrap-datetimepicker-widget a[data-action="togglePicker"], +.bootstrap-datetimepicker-widget a[data-action="togglePicker"]:hover { + color: #e14eca; +} +.bootstrap-datetimepicker-widget a[data-action]:hover { + background-color: transparent; +} +.bootstrap-datetimepicker-widget a[data-action]:active { + box-shadow: none; +} +.bootstrap-datetimepicker-widget .timepicker-hour, +.bootstrap-datetimepicker-widget .timepicker-minute, +.bootstrap-datetimepicker-widget .timepicker-second { + width: 40px; + height: 40px; + line-height: 40px; + font-weight: 300; + font-size: 1.5em; + margin: 3px; + border-radius: 50%; + color: #9a9a9a; +} +.bootstrap-datetimepicker-widget button[data-action] { + width: 38px; + height: 38px; + padding: 0; + box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2); +} +.bootstrap-datetimepicker-widget .btn { + margin: 0 !important; +} +.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]:after { + content: "Increment Hours"; +} +.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]:after { + content: "Increment Minutes"; +} +.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]:after { + content: "Decrement Hours"; +} +.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]:after { + content: "Decrement Minutes"; +} +.bootstrap-datetimepicker-widget .btn[data-action="showHours"]:after { + content: "Show Hours"; +} +.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]:after { + content: "Show Minutes"; +} +.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]:after { + content: "Toggle AM/PM"; +} +.bootstrap-datetimepicker-widget .btn[data-action="clear"]:after { + content: "Clear the picker"; +} +.bootstrap-datetimepicker-widget .btn[data-action="today"]:after { + content: "Set the date to today"; +} +.bootstrap-datetimepicker-widget .picker-switch { + text-align: center; + border-radius: 3px; + color: #e14eca; +} +.bootstrap-datetimepicker-widget .picker-switch:after { + content: "Toggle Date and Time Screens"; +} +.bootstrap-datetimepicker-widget .picker-switch td { + padding: 0; + margin: 0; + height: auto; + width: auto; + line-height: inherit; +} +.bootstrap-datetimepicker-widget .picker-switch td span { + line-height: 2.5; + height: 2.5em; + width: 100%; + border-radius: 3px; + margin: 2px 0 !important; +} +.bootstrap-datetimepicker-widget table { + width: 100%; + margin: 0; + text-align: center; +} +.bootstrap-datetimepicker-widget table td > div, +.bootstrap-datetimepicker-widget table th > div { + text-align: center; +} +.bootstrap-datetimepicker-widget table th { + height: 20px; + line-height: 20px; + width: 20px; + font-weight: 300; +} +.bootstrap-datetimepicker-widget table th.picker-switch { + width: 145px; +} +.bootstrap-datetimepicker-widget table th.disabled, +.bootstrap-datetimepicker-widget table th.disabled:hover { + background: none; + color: #cfcfca; + cursor: not-allowed; +} +.bootstrap-datetimepicker-widget table th.next span, +.bootstrap-datetimepicker-widget table th.prev span { + border-radius: 4px; + height: 27px; + width: 27px; + line-height: 28px; + font-size: 12px; + border-radius: 50%; + text-align: center; + color: #e14eca; +} +.bootstrap-datetimepicker-widget table th.prev:after { + content: "Previous Month"; +} +.bootstrap-datetimepicker-widget table th.next:after { + content: "Next Month"; +} +.bootstrap-datetimepicker-widget table th.dow { + text-align: center; + color: #e14eca; + padding-bottom: 5px; + padding-top: 10px; +} +.bootstrap-datetimepicker-widget table thead tr:first-child th { + cursor: pointer; +} +.bootstrap-datetimepicker-widget + table + thead + tr:first-child + th.picker-switch:hover, +.bootstrap-datetimepicker-widget table thead tr:first-child th:hover span { + background: #eee; +} +.bootstrap-datetimepicker-widget table td.cw > div { + font-size: 0.8em; + height: 20px; + line-height: 20px; + color: #cfcfca; +} +.bootstrap-datetimepicker-widget table td.day > div, +.bootstrap-datetimepicker-widget table td.hour > div, +.bootstrap-datetimepicker-widget table td.minute > div { + height: 30px; + line-height: 2.2; + width: 30px; + text-align: center; + padding: 0; + border-radius: 50%; + margin: 0 auto; + z-index: -1; + color: #344675; + position: relative; + font-weight: 300; + font-size: 14px; + border: none; + cursor: pointer; + transition: all 0.3s ease 0s; +} +.bootstrap-datetimepicker-widget table td.day:hover > div, +.bootstrap-datetimepicker-widget table td.hour:hover > div, +.bootstrap-datetimepicker-widget table td.minute:hover > div, +.bootstrap-datetimepicker-widget table td.second:hover > div { + background: #eee; + cursor: pointer; +} +.bootstrap-datetimepicker-widget table td.new > div, +.bootstrap-datetimepicker-widget table td.old > div { + color: #9a9a9a; +} +.bootstrap-datetimepicker-widget table td.today > div:before { + content: ""; + display: inline-block; + border: 7px solid transparent; + border-bottom-color: #68b3c8; + border-top-color: rgba(0, 0, 0, 0.2); + position: absolute; + bottom: 4px; + right: 4px; +} +.bootstrap-datetimepicker-widget table td.active:hover > div, +.bootstrap-datetimepicker-widget table td.active > div { + background-color: #e14eca; + color: #fff; + box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2); +} +.bootstrap-datetimepicker-widget table td.active.today:before > div { + border-bottom-color: #fff; +} +.bootstrap-datetimepicker-widget table td.disabled:hover > div, +.bootstrap-datetimepicker-widget table td.disabled > div { + background: none; + color: #cfcfca; + cursor: not-allowed; +} +.bootstrap-datetimepicker-widget table td span { + display: inline-block; + width: 40px; + height: 40px; + line-height: 40px; + margin: 0 3px; + cursor: pointer; + border-radius: 50%; + text-align: center; +} +.bootstrap-datetimepicker-widget table td span.active { + background-color: #e14eca; + color: #fff; +} +.bootstrap-datetimepicker-widget table td span.old { + color: #cfcfca; +} +.bootstrap-datetimepicker-widget table td span.disabled, +.bootstrap-datetimepicker-widget table td span.disabled:hover { + background: none; + color: #cfcfca; + cursor: not-allowed; +} +.bootstrap-datetimepicker-widget .timepicker-hours span, +.bootstrap-datetimepicker-widget .timepicker-minutes span, +.bootstrap-datetimepicker-widget .timepicker-picker span { + border-radius: 50% !important; +} +.bootstrap-datetimepicker-widget.usetwentyfour td.hour { + height: 27px; + line-height: 27px; +} +.input-group.date .input-group-addon { + cursor: pointer; +} +.table-condensed > tbody > tr > td, +.table-condensed > tbody > tr > th, +.table-condensed > tfoot > tr > td, +.table-condensed > tfoot > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > thead > tr > th { + padding: 1px; + text-align: center; + z-index: 1; + cursor: pointer; +} +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + .picker-switch, +input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget .separator, +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + .timepicker-hours + span, +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + .timepicker-minutes + span, +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + a[data-action="togglePicker"], +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + a[data-action="togglePicker"]:hover, +input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget span, +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + table + td.day + > div, +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + table + td.hour + > div, +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + table + td.minute + > div, +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + table + th.next + span, +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + table + th.prev + span { + color: #9a9a9a; +} +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + table + th.dow { + color: hsla(0, 0%, 100%, 0.8); +} +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + table + td.new + > div, +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + table + td.old + > div { + color: hsla(0, 0%, 100%, 0.4); +} +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + button[data-action], +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + table + td.active:hover + > div, +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + table + td.active + > div { + background-color: #fff; +} +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + table + td.hour:hover + > div, +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + table + td.minute:hover + > div, +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + table + td.second:hover + > div, +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + table + td:not(.active).day:hover + > div, +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + table + td + span:hover { + background: hsla(0, 0%, 100%, 0.2); +} +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + table + thead + tr:first-child + th.picker-switch:hover, +input.datetimepicker[data-color] + + .bootstrap-datetimepicker-widget + table + thead + tr:first-child + th:hover + span { + background-color: hsla(0, 0%, 100%, 0.2); +} +input.datetimepicker[data-color="orange"] + .bootstrap-datetimepicker-widget { + background-color: #e14eca; +} +input.datetimepicker[data-color="orange"] + + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, +input.datetimepicker[data-color="orange"] + + .bootstrap-datetimepicker-widget.dropdown-menu.top:after, +input.datetimepicker[data-color="orange"] + + .bootstrap-datetimepicker-widget + button[data-action], +input.datetimepicker[data-color="orange"] + + .bootstrap-datetimepicker-widget + table + td.active:hover + > div, +input.datetimepicker[data-color="orange"] + + .bootstrap-datetimepicker-widget + table + td.active + > div { + color: #e14eca; +} +input.datetimepicker[data-color="blue"] + .bootstrap-datetimepicker-widget { + background-color: #1d8cf8; +} +input.datetimepicker[data-color="blue"] + + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, +input.datetimepicker[data-color="blue"] + + .bootstrap-datetimepicker-widget.dropdown-menu.top:after, +input.datetimepicker[data-color="blue"] + + .bootstrap-datetimepicker-widget + button[data-action], +input.datetimepicker[data-color="blue"] + + .bootstrap-datetimepicker-widget + table + td.active:hover + > div, +input.datetimepicker[data-color="blue"] + + .bootstrap-datetimepicker-widget + table + td.active + > div { + color: #1d8cf8; +} +input.datetimepicker[data-color="green"] + .bootstrap-datetimepicker-widget { + background-color: #00f2c3; +} +input.datetimepicker[data-color="green"] + + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, +input.datetimepicker[data-color="green"] + + .bootstrap-datetimepicker-widget.dropdown-menu.top:after, +input.datetimepicker[data-color="green"] + + .bootstrap-datetimepicker-widget + button[data-action], +input.datetimepicker[data-color="green"] + + .bootstrap-datetimepicker-widget + table + td.active:hover + > div, +input.datetimepicker[data-color="green"] + + .bootstrap-datetimepicker-widget + table + td.active + > div { + color: #00f2c3; +} +input.datetimepicker[data-color="red"] + .bootstrap-datetimepicker-widget { + background-color: #fd5d93; +} +input.datetimepicker[data-color="red"] + + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, +input.datetimepicker[data-color="red"] + + .bootstrap-datetimepicker-widget.dropdown-menu.top:after, +input.datetimepicker[data-color="red"] + + .bootstrap-datetimepicker-widget + button[data-action], +input.datetimepicker[data-color="red"] + + .bootstrap-datetimepicker-widget + table + td.active:hover + > div, +input.datetimepicker[data-color="red"] + + .bootstrap-datetimepicker-widget + table + td.active + > div { + color: #fd5d93; +} +input.datetimepicker[data-color="yellow"] + .bootstrap-datetimepicker-widget { + background-color: #ff8d72; +} +input.datetimepicker[data-color="yellow"] + + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, +input.datetimepicker[data-color="yellow"] + + .bootstrap-datetimepicker-widget.dropdown-menu.top:after, +input.datetimepicker[data-color="yellow"] + + .bootstrap-datetimepicker-widget + button[data-action], +input.datetimepicker[data-color="yellow"] + + .bootstrap-datetimepicker-widget + table + td.active:hover + > div, +input.datetimepicker[data-color="yellow"] + + .bootstrap-datetimepicker-widget + table + td.active + > div { + color: #ff8d72; +} +.bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .day, +.bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .minute { + color: hsla(0, 0%, 100%, 0.7); +} +.bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .day:hover, +.bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .minute:hover { + color: #212529; +} +.bootstrap-datetimepicker-widget.dropdown-black table td.hour, +.bootstrap-datetimepicker-widget.dropdown-black table td.minute, +.bootstrap-datetimepicker-widget.dropdown-black table td span { + color: hsla(0, 0%, 100%, 0.7); +} +.bootstrap-datetimepicker-widget.dropdown-black table td.hour:hover, +.bootstrap-datetimepicker-widget.dropdown-black table td.minute:hover, +.bootstrap-datetimepicker-widget.dropdown-black table td span:hover { + background: transparent; + color: hsla(0, 0%, 100%, 0.4); +} +.bootstrap-datetimepicker-widget.dropdown-black table td.hour:hover div, +.bootstrap-datetimepicker-widget.dropdown-black table td.minute:hover div, +.bootstrap-datetimepicker-widget.dropdown-black table td span:hover div { + background: transparent; +} +.bootstrap-datetimepicker-widget.dropdown-black table td .btn[data-action] { + color: #fff; +} +.bootstrap-datetimepicker-widget.dropdown-black + table + td + .btn[data-action="togglePeriod"] { + background: transparent; +} +.bootstrap-tagsinput { + display: inline-block; + padding: 4px 6px; + max-width: 100%; + line-height: 22px; +} +.bootstrap-tagsinput input { + color: #9a9a9a; + outline: none; + background-color: transparent; + margin: 0; + width: 74px; + max-width: inherit; +} +.bootstrap-tagsinput input, +.bootstrap-tagsinput input:focus { + border: none; + box-shadow: none; +} +.bootstrap-tagsinput.form-control input::-moz-placeholder { + color: #777; + opacity: 1; +} +.bootstrap-tagsinput.form-control input:-ms-input-placeholder, +.bootstrap-tagsinput.form-control input::-webkit-input-placeholder { + color: #777; +} +.bootstrap-tagsinput .badge { + cursor: pointer; + margin: 5px 3px 5px 0; + position: relative; + padding: 3px 8px; + border-radius: 12px; + font-weight: 500; + font-size: 0.75em; + text-transform: uppercase; + display: inline-block; + line-height: 1.5em; + padding-left: 0.8em; +} +.bootstrap-tagsinput .badge:hover { + padding-right: 22px; +} +.bootstrap-tagsinput .badge:hover [data-role="remove"] { + opacity: 1; + padding-right: 4px; +} +.bootstrap-tagsinput .badge [data-role="remove"] { + cursor: pointer; + position: absolute; + top: 3px; + right: 0; + opacity: 0; + background-color: transparent; +} +.bootstrap-tagsinput .badge [data-role="remove"]:after { + font-family: Nucleo; + content: "\ea48"; + padding: 0 2px; +} + +/*! + * Bootstrap-select v1.13.2 (https://developer.snapappointments.com/bootstrap-select) + * + * Copyright 2012-2018 SnapAppointments, LLC + * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE) + */ +.bootstrap-select > select.bs-select-hidden, +select.bs-select-hidden, +select.selectpicker { + display: none !important; +} +.bootstrap-select { + width: 100% !important; +} +.bootstrap-select .dropdown-menu { + overflow: visible !important; + min-width: 100% !important; +} +.bootstrap-select .dropdown-menu .dropdown-item:focus { + outline: none; +} +.bootstrap-select .dropdown-menu .dropdown-item.active:hover { + background-color: #e14eca; +} +.bootstrap-select > .dropdown-toggle { + position: relative; + width: 100%; + z-index: 1; + text-align: right; + white-space: nowrap; +} +.bootstrap-select > .dropdown-toggle:after { + margin-top: 0; +} +.bootstrap-select > .dropdown-toggle.bs-placeholder, +.bootstrap-select > .dropdown-toggle.bs-placeholder:active, +.bootstrap-select > .dropdown-toggle.bs-placeholder:focus, +.bootstrap-select > .dropdown-toggle.bs-placeholder:hover { + color: #999; +} +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, +.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover { + color: hsla(0, 0%, 100%, 0.5); +} +.bootstrap-select > select { + position: absolute !important; + bottom: 0; + left: 50%; + display: block !important; + width: 0.5px !important; + height: 100% !important; + padding: 0 !important; + opacity: 0 !important; + border: none; +} +.bootstrap-select > select.mobile-device { + top: 0; + left: 0; + display: block !important; + width: 100% !important; + z-index: 2; +} +.bootstrap-select.is-invalid .dropdown-toggle, +.error .bootstrap-select .dropdown-toggle, +.has-error .bootstrap-select .dropdown-toggle, +.was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle { + border-color: #b94a48; +} +.bootstrap-select.is-valid .dropdown-toggle, +.was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle { + border-color: #28a745; +} +.bootstrap-select.fit-width { + width: auto !important; +} +.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { + width: 220px; +} +.bootstrap-select .dropdown-toggle:focus { + outline: thin dotted #333 !important; + outline: 5px auto -webkit-focus-ring-color !important; + outline-offset: -2px; +} +.bootstrap-select.form-control { + margin-bottom: 0; + padding: 0; + border: none; +} +:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) { + width: 100%; +} +.bootstrap-select.form-control.input-group-btn { + z-index: auto; +} +.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) + > .btn { + border-radius: 0; +} +.bootstrap-select:not(.input-group-btn), +.bootstrap-select[class*="col-"] { + float: none; + display: inline-block; + margin-left: 0; +} +.bootstrap-select.dropdown-menu-right, +.bootstrap-select[class*="col-"].dropdown-menu-right, +.row .bootstrap-select[class*="col-"].dropdown-menu-right { + float: right; +} +.form-group .bootstrap-select, +.form-horizontal .bootstrap-select, +.form-inline .bootstrap-select { + margin-bottom: 0; +} +.form-group-lg .bootstrap-select.form-control, +.form-group-sm .bootstrap-select.form-control { + padding: 0; +} +.form-group-lg .bootstrap-select.form-control .dropdown-toggle, +.form-group-sm .bootstrap-select.form-control .dropdown-toggle { + height: 100%; + font-size: inherit; + line-height: inherit; + border-radius: inherit; +} +.bootstrap-select.form-control-lg .dropdown-toggle, +.bootstrap-select.form-control-sm .dropdown-toggle { + font-size: inherit; + line-height: inherit; + border-radius: inherit; +} +.bootstrap-select.form-control-sm .dropdown-toggle { + padding: 0.25rem 0.5rem; +} +.bootstrap-select.form-control-lg .dropdown-toggle { + padding: 0.5rem 1rem; +} +.form-inline .bootstrap-select .form-control { + width: 100%; +} +.bootstrap-select.disabled, +.bootstrap-select > .disabled { + cursor: not-allowed; +} +.bootstrap-select.disabled:focus, +.bootstrap-select > .disabled:focus { + outline: none !important; +} +.bootstrap-select.bs-container { + position: absolute; + top: 0; + left: 0; + height: 0 !important; + padding: 0 !important; +} +.bootstrap-select.bs-container .dropdown-menu { + z-index: 1060; +} +.bootstrap-select .dropdown-toggle:before { + content: ""; + display: inline-block; +} +.bootstrap-select .dropdown-toggle .filter-option { + position: absolute; + top: 0; + left: 0; + padding-top: inherit; + padding-right: inherit; + padding-bottom: inherit; + padding-left: inherit; + height: 100%; + width: 100%; + text-align: left; +} +.bootstrap-select .dropdown-toggle .filter-option-inner { + padding-right: inherit; +} +.bootstrap-select .dropdown-toggle .filter-option-inner-inner { + overflow: hidden; +} +.bootstrap-select .dropdown-toggle .caret { + position: absolute; + top: 50%; + right: 12px; + margin-top: -2px; + vertical-align: middle; +} +.input-group .bootstrap-select.form-control .dropdown-toggle { + border-radius: inherit; +} +.bootstrap-select[class*="col-"] .dropdown-toggle { + width: 100%; +} +.bootstrap-select .dropdown-menu { + min-width: 100%; + box-sizing: border-box; +} +.bootstrap-select .dropdown-menu > .inner:focus, +.bootstrap-select .dropdown-toggle:focus, +.bootstrap-select .dropdown-toggle:focus:active { + outline: none !important; +} +.bootstrap-select .dropdown-menu.inner { + position: static; + float: none; + border: 0; + padding: 0; + margin: 0; + border-radius: 0; + box-shadow: none; +} +.bootstrap-select .dropdown-menu li { + position: relative; +} +.bootstrap-select .dropdown-menu li.active small { + color: hsla(0, 0%, 100%, 0.5) !important; +} +.bootstrap-select .dropdown-menu li.disabled a { + cursor: not-allowed; +} +.bootstrap-select .dropdown-menu li a { + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.bootstrap-select .dropdown-menu li a.opt { + position: relative; + padding-left: 2.25em; +} +.bootstrap-select .dropdown-menu li a span.check-mark { + display: none; +} +.bootstrap-select .dropdown-menu li a span.text { + display: inline-block; +} +.bootstrap-select .dropdown-menu li small { + padding-left: 0.5em; +} +.bootstrap-select .dropdown-menu .notify { + position: absolute; + bottom: 5px; + width: 96%; + margin: 0 2%; + min-height: 26px; + padding: 3px 5px; + background: #f5f5f5; + border: 1px solid #e3e3e3; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + pointer-events: none; + opacity: 0.9; + box-sizing: border-box; +} +.bootstrap-select .no-results { + padding: 3px; + background: #f5f5f5; + margin: 0 5px; + white-space: nowrap; +} +.bootstrap-select.fit-width .dropdown-toggle .filter-option { + position: static; + display: inline; + padding: 0; +} +.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, +.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner { + display: inline; +} +.bootstrap-select.fit-width .dropdown-toggle .caret { + position: static; + top: auto; + margin-top: -1px; +} +.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { + position: absolute; + display: inline-block; + right: 15px; + top: 5px; +} +.bootstrap-select.show-tick .dropdown-menu li a span.text { + margin-right: 34px; +} +.bootstrap-select .bs-ok-default:after { + content: ""; + display: block; + width: 0.5em; + height: 1em; + border-style: solid; + border-width: 0 0.26em 0.26em 0; + transform: rotate(45deg); +} +.bootstrap-select.show-menu-arrow.open > .dropdown-toggle, +.bootstrap-select.show-menu-arrow.show > .dropdown-toggle { + z-index: 1061; +} +.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before { + content: ""; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid hsla(0, 0%, 80%, 0.2); + position: absolute; + bottom: -4px; + left: 9px; + display: none; +} +.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after { + content: ""; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid #fff; + position: absolute; + bottom: -4px; + left: 10px; + display: none; +} +.bootstrap-select.show-menu-arrow.dropup + .dropdown-toggle + .filter-option:before { + bottom: auto; + top: -4px; + border-top: 7px solid hsla(0, 0%, 80%, 0.2); + border-bottom: 0; +} +.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after { + bottom: auto; + top: -4px; + border-top: 6px solid #fff; + border-bottom: 0; +} +.bootstrap-select.show-menu-arrow.pull-right + .dropdown-toggle + .filter-option:before { + right: 12px; + left: auto; +} +.bootstrap-select.show-menu-arrow.pull-right + .dropdown-toggle + .filter-option:after { + right: 13px; + left: auto; +} +.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after, +.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, +.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after, +.bootstrap-select.show-menu-arrow.show + > .dropdown-toggle + .filter-option:before { + display: block; +} +.bs-actionsbox, +.bs-donebutton, +.bs-searchbox { + padding: 4px 8px; +} +.bs-actionsbox { + width: 100%; + box-sizing: border-box; +} +.bs-actionsbox .btn-group button { + width: 50%; +} +.bs-donebutton { + float: left; + width: 100%; + box-sizing: border-box; +} +.bs-donebutton .btn-group button { + width: 100%; +} +.bs-searchbox + .bs-actionsbox { + padding: 0 8px 4px; +} +.bs-searchbox .form-control { + margin-bottom: 0; + width: 100%; + float: none; +} +.btn-file { + position: relative; + overflow: hidden; + vertical-align: middle; +} +.btn-file > input { + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; + margin: 0; + font-size: 23px; + cursor: pointer; + filter: alpha(opacity=0); + opacity: 0; + direction: ltr; +} +.fileinput { + display: inline-block; + margin-bottom: 9px; +} +.fileinput .form-control { + display: inline-block; + padding-top: 7px; + padding-bottom: 5px; + margin-bottom: 0; + vertical-align: middle; + cursor: text; +} +.fileinput .thumbnail { + display: inline-block; + margin-bottom: 10px; + overflow: hidden; + text-align: center; + vertical-align: middle; + max-width: 250px; + box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1); +} +.fileinput .thumbnail.img-circle { + border-radius: 50%; + max-width: 100px; +} +.fileinput .thumbnail > img { + max-height: 100%; +} +.fileinput .btn { + vertical-align: middle; +} +.fileinput-exists .fileinput-new, +.fileinput-new .fileinput-exists { + display: none; +} +.fileinput-inline .fileinput-controls { + display: inline; +} +.fileinput-filename { + display: inline-block; + overflow: hidden; + vertical-align: middle; +} +.form-control .fileinput-filename { + vertical-align: bottom; +} +.fileinput.input-group { + display: table; +} +.fileinput.input-group > * { + position: relative; + z-index: 2; +} +.fileinput.input-group > .btn-file { + z-index: 1; +} +.fileinput-new.input-group .btn-file, +.fileinput-new .input-group .btn-file { + border-radius: 0 4px 4px 0; +} +.fileinput-new.input-group .btn-file.btn-sm, +.fileinput-new .input-group .btn-file.btn-sm, +.fileinput-new.input-group .btn-file.btn-xs, +.fileinput-new .input-group .btn-file.btn-xs, +.fileinput-new.input-group .btn-group-sm > .btn-file.btn, +.fileinput-new .input-group .btn-group-sm > .btn-file.btn { + border-radius: 0 3px 3px 0; +} +.fileinput-new.input-group .btn-file.btn-lg, +.fileinput-new .input-group .btn-file.btn-lg, +.fileinput-new.input-group .btn-group-lg > .btn-file.btn, +.fileinput-new .input-group .btn-group-lg > .btn-file.btn { + border-radius: 0 6px 6px 0; +} +.form-group.has-warning .fileinput .fileinput-preview { + color: #ff8d72; +} +.form-group.has-warning .fileinput .thumbnail { + border-color: #ff8d72; +} +.form-group.has-error .fileinput .fileinput-preview { + color: #fd5d93; +} +.form-group.has-error .fileinput .thumbnail { + border-color: #fd5d93; +} +.form-group.has-success .fileinput .fileinput-preview { + color: #00f2c3; +} +.form-group.has-success .fileinput .thumbnail { + border-color: #00f2c3; +} +.input-group-addon:not(:first-child) { + border-left: 0; +} +.thumbnail { + border: 0 none; + border-radius: 3px; + padding: 0; +} +.slick-slider .btn.slick-next { + margin-left: 10px; +} +.slick-slide { + margin: 0 20px; +} +.slick-slide img { + width: 200px; +} +.slick-slider { + box-sizing: border-box; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-touch-callout: none; + -khtml-user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; +} +.slick-list, +.slick-slider { + position: relative; + display: block; +} +.slick-list { + overflow: hidden; + margin: 0; + padding: 0; + margin-top: 100px; +} +.slick-list:focus { + outline: none; +} +.slick-list.dragging { + cursor: pointer; + cursor: hand; +} +.slick-slider .slick-list, +.slick-slider .slick-track { + transform: translateZ(0); +} +.slick-track { + position: relative; + top: 0; + left: 0; + display: block; +} +.slick-track:after, +.slick-track:before { + display: table; + content: ""; +} +.slick-track:after { + clear: both; +} +.slick-loading .slick-track { + visibility: hidden; +} +.slick-slide { + float: left; + height: 100%; + min-height: 1px; +} +[dir="rtl"] .slick-slide { + float: right; +} +.slick-slide img { + display: block; +} +.slick-slide.slick-loading img { + display: none; +} +.slick-slide.dragging img { + pointer-events: none; +} +.slick-initialized .slick-slide { + display: block; +} +.slick-loading .slick-slide { + visibility: hidden; +} +.slick-vertical .slick-slide { + display: block; + height: auto; + border: 1px solid transparent; +} +.slick-arrow.slick-hidden { + display: none; +} +.card { + background: #1f2251; + border: 0; + position: relative; + width: 100%; + box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1); + border-radius: 7px; + margin-top: 30px; +} +.card label { + color: hsla(0, 0%, 100%, 0.6); +} +.card .card-title { + margin-bottom: 0.75rem; +} +.card .card-body { + padding: 15px; +} +.card .card-body.table-full-width { + padding-left: 0; + padding-right: 0; +} +.card .card-body .card-title { + color: #fff; + text-transform: inherit; + font-weight: 300; + margin-bottom: 0.75rem; + margin-top: 15px; + line-height: 1.25em; +} +.card .card-body .card-category, +.card .card-body .card-description { + color: hsla(0, 0%, 100%, 0.6); +} +.card .category-social .tim-icons, +.card .category .tim-icons { + margin-right: 3px; +} +.card .card-header { + padding: 15px 15px 0; + border: 0; + color: hsla(0, 0%, 100%, 0.8); +} +.card .card-header:not([data-background-color]) { + background-color: transparent; +} +.card .card-header .card-title { + color: #fff; + font-weight: 100; +} +.card .card-header .card-category { + color: #9a9a9a; + margin-bottom: 5px; + font-weight: 300; +} +.card .map { + border-radius: 0.2857rem; +} +.card .map.map-big { + height: 420px; +} +.card.card-plain { + background: transparent; + box-shadow: none; +} +.card .image { + overflow: hidden; + height: 200px; + position: relative; +} +.card .avatar { + width: 30px; + height: 30px; + overflow: hidden; + border-radius: 50%; + margin-right: 5px; +} +.card label { + font-size: 0.75rem; + margin-bottom: 5px; +} +.card .card-footer { + background-color: transparent; + border: 0; + padding: 0; + margin-top: 15px; +} +.card .card-footer .stats i { + margin-right: 5px; + position: relative; +} +.card .card-footer .stats.stats-right { + float: right; + line-height: 30px; +} +.card .card-footer h6 { + margin-bottom: 0; + padding: 7px 0; +} +.card .card-footer div { + display: inline-block; +} +.card.card-coin { + border: 2px solid #344675; +} +.card.card-coin .card-header { + margin: -100px auto 20px; +} +.card.card-coin img { + width: 150px; +} +.card.card-coin hr { + width: 20%; + margin: 15px auto; +} +.card.card-coin .list-group { + margin: 0 auto; + text-align: center; +} +.card.card-coin .list-group .list-group-item { + background-color: transparent; + border: none; + padding: 0.4rem 1rem; +} +.card.card-coin .card-footer { + padding-bottom: 15px; +} +.card[data-background-color="gray"] { + background-color: #344675; +} +.card[data-background-color="purple"] { + background-color: #e14eca; +} +.card[data-background-color="red"] { + background-color: #fd5d93; +} +.card[data-background-color="yellow"] { + background-color: #ff8d72; +} +.card[data-background-color="blue"] { + background-color: #1d8cf8; +} +.card[data-background-color="green"] { + background-color: #00d9ae; +} +.card-body { + padding: 1.25rem; +} +@media (max-width: 767.98px) { + .card.card-chart .card-header .btn-group-toggle .tim-icons { + font-size: 0.875rem; + top: -1px; + } +} +@media (max-width: 575.98px) { + .card.card-coin { + margin-top: 80px; + } +} +.text-on-back { + position: relative; + z-index: 1; + font-size: 9.5em; + margin-left: -4px; + font-weight: 900; + color: hsla(0, 0%, 100%, 0.2) !important; +} +.map { + height: 500px; +} +.card-user { + overflow: hidden; +} +.card-user .image { + height: 120px; +} +.card-user .author { + text-align: center; + text-transform: none; + margin-top: 25px; +} +.card-user .author a + p.description { + margin-top: -7px; +} +.card-user .author .block { + position: absolute; + height: 100px; + width: 250px; +} +.card-user .author .block.block-one { + transform: rotate(150deg); + margin-top: -90px; + margin-left: -50px; +} +.card-user .author .block.block-one, +.card-user .author .block.block-two { + background: rgba(225, 78, 202, 0.6); + background: linear-gradient( + 90deg, + rgba(225, 78, 202, 0.6) 0, + rgba(225, 78, 202, 0) + ); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10); +} +.card-user .author .block.block-two { + transform: rotate(30deg); + margin-top: -40px; + margin-left: -100px; +} +.card-user .author .block.block-three { + transform: rotate(170deg); + margin-top: -70px; +} +.card-user .author .block.block-four, +.card-user .author .block.block-three { + background: rgba(225, 78, 202, 0.6); + background: linear-gradient( + 90deg, + rgba(225, 78, 202, 0.6) 0, + rgba(225, 78, 202, 0) + ); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10); + right: -45px; +} +.card-user .author .block.block-four { + transform: rotate(150deg); + margin-top: -25px; +} +.card-user .avatar { + width: 124px; + height: 124px; + border: 5px solid #2b3553; + border-bottom-color: transparent; + background-color: transparent; + position: relative; +} +.card-user .card-body { + min-height: 240px; +} +.card-user hr { + margin: 5px 15px; +} +.card-user .button-container { + margin-bottom: 6px; + text-align: center; +} +.card-user .card-description { + margin-top: 30px; +} +.card-tasks { + height: 473px; +} +.card-tasks .table-full-width { + max-height: 410px; + position: relative; +} +.card-tasks .card-header .title { + margin-right: 20px; + font-weight: 400; +} +.card-tasks .card-header .dropdown { + float: right; + color: #ccc; +} +.card-tasks .card-body i { + color: #9a9a9a; + font-size: 1.4em; +} +.card-tasks .card-body i:hover { + color: #fff; +} +.card-plain { + background: transparent; + box-shadow: none; +} +.card-plain .card-footer, +.card-plain .card-header { + margin-left: 0; + margin-right: 0; + background-color: transparent; +} +.card-plain:not(.card-subcategories).card-body { + padding-left: 0; + padding-right: 0; +} +.card-register { + overflow: hidden; + text-align: left; + z-index: 9999; +} +.card-register .card-header img { + position: absolute; + margin-left: -50px; + margin-top: -150px; + border-radius: 20%; + width: 350px; +} +.card-register .header { + margin-left: 20px; + margin-right: 20px; + padding: 30px 0; +} +.card-register .text-divider { + margin-top: 30px; + margin-bottom: 0; + text-align: center; +} +.card-register .content { + padding: 0 30px; +} +.card-register .form-check { + margin-top: 20px; + margin-left: 20px; +} +.card-register .form-check label:not(.form-check-label) { + padding-left: 38px; +} +.card-register .card-header { + padding: 0 0 50px; + overflow: hidden; +} +.card-register .card-header .card-title { + position: relative; + font-size: 5em; + font-weight: 900; + color: #222a42; + text-transform: lowercase; + margin-left: -5px; + z-index: 1; +} +.card-register .card-img { + position: absolute; + left: 0; + top: -15%; + width: 70%; +} +.card-register .social-line { + margin-top: 20px; + text-align: center; +} +.card-register .social-line .btn.btn-icon, +.card-register .social-line .btn.btn-icon .btn-icon { + margin-left: 5px; + margin-right: 5px; + box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.2); +} +.card-register .card-footer { + margin-bottom: 10px; + margin-top: 24px; + padding: 15px; +} +@media (max-width: 991.98px) { + .card.card-register .card-img { + margin-left: -45px; + } +} +@media (max-width: 575.98px) { + .card.card-register { + margin-top: 50px; + } +} +.card-stats { + margin-bottom: 0; +} +.card-stats.upper { + box-shadow: 2px 7px 11px rgba(0, 0, 0, 0.4); + transform: translate(-20px, -25px); + position: absolute; + padding: 10px; + z-index: 2; + min-width: 260px; +} +.card-stats .card-body .numbers { + text-align: right; + font-size: 2em; +} +.card-stats .card-body .numbers p { + margin-bottom: 0; +} +.card-stats .card-body .numbers .card-category { + color: #9a9a9a; + font-size: 16px; + line-height: 1.4em; +} +.card-stats .card-footer { + padding: 0 15px 15px; +} +.card-stats .card-footer .stats { + color: #9a9a9a; +} +.card-stats .card-footer hr { + margin-top: 10px; + margin-bottom: 15px; +} +.card-stats .icon-big { + font-size: 3em; + min-height: 64px; +} +.card-stats .icon-big i { + line-height: 59px; +} +@media screen and (max-width: 991px) { + .card.card-stats.upper { + position: relative; + transform: translate(0); + } +} +.card-chart { + overflow: hidden; +} +.card-chart .card-header .card-title i { + font-size: 16px; + margin-right: 5px; + margin-bottom: 3px; +} +.card-chart .card-header .card-category { + margin-bottom: 5px; +} +.card-chart .card-body { + padding-left: 5px; + padding-right: 5px; +} +.card-chart .card-body .tab-space { + padding: 0; +} +.card-chart .table { + margin-bottom: 0; +} +.card-chart .table td { + border-top: none; + border-bottom: 1px solid hsla(0, 0%, 100%, 0.1); +} +.card-chart .card-progress { + margin-top: 30px; + padding: 0 10px; +} +.card-chart .chart-area { + width: 100%; + height: 500px; +} +.card-chart .card-footer { + margin-top: 15px; +} +.card-chart .card-footer .stats { + color: #9a9a9a; +} +.card-chart .dropdown { + position: absolute; + right: 20px; + top: 20px; +} +.card-chart .dropdown .btn { + margin: 0; +} +.card-background { + background-position: 50%; + background-size: cover; + text-align: center; +} +.card-background .card-body { + position: relative; + z-index: 2; + min-height: 330px; + padding-top: 60px; + padding-bottom: 60px; +} +.card-background .card-body .content-bottom { + position: absolute; + bottom: 10px; + text-align: left; +} +.card-background.card-blog { + overflow: hidden; + height: 330px; +} +.card-background.card-blog[data-animation="true"]:after, +.card-background.card-blog[data-animation="zooming"]:after { + height: 74%; + top: auto; + border-radius: 0.4285rem; + background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.65)); +} +.card-background.card-grande { + height: 550px; +} +.card-background.card-grande .card-body { + height: 550px; + text-align: left; + padding-left: 30px; +} +.card-background.card-grande .card-body .author { + margin-top: 50px; +} +.card-background.card-grande .card-body .card-title { + margin-bottom: 40px; + margin-top: 15px; +} +.card-background.card-grande .card-body .card-description { + margin-bottom: 70px; +} +.card-background.card-grande .full-background { + height: 550px; +} +.card-background.card-grande:after { + position: absolute; + top: 0; + bottom: 0; + left: 0; + height: 100%; + z-index: 1; + width: 100%; + display: block; + content: ""; + background: rgba(0, 0, 0, 0.63); +} +@media screen and (min-width: 991px) { + .card-background.card-grande .card-body { + padding: 60px; + } +} +.card-background .full-background { + background-position: 50%; + background-size: cover; + text-align: center; + margin-bottom: 30px; + width: 100%; + height: 100%; + position: absolute; + border-radius: 0.4285rem; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + transition: all 1s cubic-bezier(0.2, 1, 0.22, 1); + -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.22, 1); +} +.card-background[data-animation="true"]:hover .full-background, +.card-background[data-animation="zooming"]:hover .full-background { + transform: scale(1.07); + -webkit-transform: scale(1.07); +} +.card-background[data-animation="zooming"] { + transition: all 1s cubic-bezier(0.2, 1, 0.22, 1); + -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.22, 1); +} +.card-background[data-animation="zooming"] .card-body { + padding-bottom: 30px; + margin: initial; +} +.card-background[data-animation="zooming"]:hover { + transform: scale(1.07); + -webkit-transform: scale(1.07); + z-index: 2; +} +.card-background[data-animation="zooming"]:hover:after { + background: none; +} +.card-background.card-background-product .card-body .card-title { + margin-top: 30px; +} +.card-background .stats { + color: #fff; +} +.card-background .card-footer .stats-link > a { + color: #fff; + line-height: 1.9; +} +.card-background .card-description, +.card-background .category, +.card-background small { + color: hsla(0, 0%, 100%, 0.8); +} +.card-background .card-title { + color: #fff; + margin-top: 130px; +} +.card-background:not(.card-pricing) .btn { + margin-bottom: 0; +} +.card-background:after { + position: absolute; + top: 0; + bottom: 0; + left: 0; + height: 100%; + z-index: 1; + width: 100%; + display: block; + content: ""; + background: rgba(0, 0, 0, 0.63); +} +.card-background .content-center { + margin-top: 120px; +} +.card-background .content-center .card-category { + margin: 30px auto 5px; +} +.card-background .content-center .avatar { + width: 40px; + height: 40px; +} +.card-header.card-background:after { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.card-header.card-background .badge, +.card-header.card-background .card-title, +.card-header.card-background h1, +.card-header.card-background h2, +.card-header.card-background h3, +.card-header.card-background h4, +.card-header.card-background h5, +.card-header.card-background h6, +.card-header.card-background p { + position: relative; + z-index: 2; +} +.card-blog { + min-height: 550px; +} +.card-blog .card-image { + height: 380px; +} +.card-blog .card-image img { + height: 100%; + width: 100%; +} +.card-blog.blog-horizontal .card-image { + height: auto; + width: auto; +} +.card-blog.blog-horizontal .card-image img { + height: 100%; + width: 100%; +} +.card-blog.blog-horizontal .card-body .card-title { + margin-top: 30px; +} +.card-blog.blog-horizontal .card-body .card-description { + margin: 30px auto; +} +.card-blog.blog-horizontal .author { + position: relative; + display: inline-block; + text-align: left; + margin: 20px auto 0; +} +.card-blog.blog-horizontal .author .avatar { + width: 40px; + height: 40px; + position: absolute; +} +.card-blog.blog-horizontal .author .text { + position: relative; + left: 55px; + top: 1px; +} +.card-blog.blog-horizontal .author .name { + font-size: 1.1em; + font-weight: 700; + line-height: 1.15; + max-width: 11em; + overflow: hidden; + padding-top: 3px; + text-overflow: ellipsis; +} +.card-blog.blog-horizontal .author .meta { + color: #a49e9e; + font-size: 0.8em; +} +.card-blog .row .category { + margin-bottom: 0; +} +.card-blog .card-image + .category { + margin-top: 20px; +} +.card-blog .stars i { + margin-top: -5px; + margin-right: 2px !important; +} +.card-blog .text .name { + color: hsla(0, 0%, 100%, 0.8); +} +.card-profile, +.card-testimonial { + margin-top: 30px; + text-align: center; +} +.card-profile .card-body .card-title, +.card-testimonial .card-body .card-title { + margin-top: 0; +} +.card-profile [class*="col-"] .card-description, +.card-testimonial [class*="col-"] .card-description { + margin-bottom: 0; +} +.card-profile [class*="col-"] .card-description + .card-footer, +.card-testimonial [class*="col-"] .card-description + .card-footer { + margin-top: 8px; +} +.card-profile .card-avatar, +.card-testimonial .card-avatar { + max-width: 130px; + max-height: 130px; + margin: -60px auto 0; +} +.card-profile .card-avatar img, +.card-testimonial .card-avatar img { + border-radius: 50% !important; +} +.card-profile .card-avatar + .card-body, +.card-testimonial .card-avatar + .card-body { + margin-top: 15px; +} +.card-plain.card-profile .card-avatar, +.card-plain.card-testimonial .card-avatar { + margin-top: 0; +} +.card-profile .card-body .card-avatar, +.card-testimonial .card-body .card-avatar { + margin: 0 auto 30px; +} +.card-profile.card-horizontal .card-image .img { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0.2857rem !important; +} +.card-profile .card-image { + position: relative; +} +.card-profile .card-image .title { + position: absolute; + left: 20px; + top: -20px; +} +.card-profile .card-image .dropdown { + position: absolute; + right: 10px; + top: 10px; +} +.card-profile .card-image img { + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} +.card-profile .card-image .dropdown, +.card-profile .card-image .title { + z-index: 2; +} +.card-profile .card-image .dropdown .btn, +.card-profile .card-image .title .btn { + color: #fff; +} +.card-profile .card-image:after { + position: absolute; + top: 0; + bottom: 0; + left: 0; + height: 100%; + z-index: 1; + width: 100%; + display: block; + content: ""; + background: rgba(0, 0, 0, 0.6); + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} +.card-profile .card-image.no-mask:after { + background: none; +} +.card-profile hr { + margin-right: 0; + margin-left: auto; +} +.card-profile .job-title { + text-align: right; + margin-bottom: 10px; +} +.card-profile .table { + margin-bottom: 0; +} +.card-profile .table td { + border: none; + padding: 7px; + padding-right: 0; +} +.card-profile .table td i { + margin-right: 5px; + font-size: 17px; + color: #e14eca; + margin-top: -3px; +} +.card-profile[data-background="full"] img { + height: 100%; + width: 100%; +} +.card-profile[data-background="full"] .card-image { + position: absolute; + top: 0; + width: 100%; + height: 100%; +} +.card-profile[data-background="full"] .card-body { + position: absolute; + bottom: 15px; + background: #fff; + width: 88%; + margin: 0 20px; + z-index: 2; + border-radius: 6px; + opacity: 0.9; +} +.card-profile[data-background="full"] .card-body .job-title, +.card-profile[data-background="full"] .card-body .table td { + color: #344675 !important; +} +.card-profile .card-footer { + padding: 15px; + margin-top: 0; +} +.card-profile.profile-bg .card-header { + background-position: 50%; + background-size: cover; + margin-bottom: 60px; + width: 100%; + height: 150px; +} +.card-profile.profile-bg .card-header .card-avatar { + margin: 70px auto 0; +} +.card-profile.profile-bg .card-header .card-avatar .img { + border: 2px solid #fff; +} +.card-profile.profile-bg .card-body { + margin-top: 25px; +} +.card-pricing { + text-align: center; +} +.card-pricing .card-title { + margin-top: 15px; + margin-bottom: 0; + font-size: 55px; +} +.card-pricing .icon { + padding: 10px 0 0; +} +.card-pricing .icon i { + font-size: 30px; + line-height: 2.7; + max-width: 80px; + color: #344675; + width: 80px; + height: 80px; + margin: 0 auto; + border-radius: 50%; + box-shadow: 0 9px 35px -6px rgba(0, 0, 0, 0.3); + background-color: #fff; + position: relative; +} +.card-pricing h1 small { + font-size: 18px; +} +.card-pricing h1 small:first-child { + position: relative; + top: -30px; + font-size: 26px; +} +.card-pricing ul { + list-style: none; + padding: 0; + max-width: 240px; + margin: 10px auto; +} +.card-pricing ul li { + text-align: center; + padding: 12px 0; + border-bottom: 1px solid rgba(52, 70, 117, 0.3); +} +.card-pricing ul li:last-child { + border: 0; +} +.card-pricing ul li b { + color: #222a42; +} +.card-pricing ul li i { + top: -1px; + right: 3px; + position: relative; + font-size: 16px; +} +.card-pricing.card-background ul li { + color: #fff; + border-color: hsla(0, 0%, 100%, 0.3); +} +.card-pricing.card-background ul li b { + color: #fff; +} +.card-pricing.card-background [class*="text-"] { + color: #fff !important; +} +.card-pricing.card-background .card-body { + padding-top: 1.25rem; + padding-bottom: 1.25rem; +} +.card-pricing.card-background:after { + background-color: rgba(0, 0, 0, 0.65); +} +.card-pricing.card-plain { + transition: 0.2s ease; +} +.card-pricing.card-plain.card-primary:hover { + background: #e14eca; + box-shadow: 13px 13px 77px -24px #e14eca; +} +.card-pricing.card-plain.card-info:hover { + background: #1d8cf8; + box-shadow: 13px 13px 77px -24px #1d8cf8; +} +.card-pricing.card-plain.card-warning:hover { + background: #ff8d72; + box-shadow: 13px 13px 77px -24px #ff8d72; +} +.card-pricing.card-plain.card-danger:hover { + background: #fd5d93; + box-shadow: 13px 13px 77px -24px #fd5d93; +} +.card-pricing.card-plain.card-success:hover { + background: #00f2c3; + box-shadow: 13px 13px 77px -24px #00f2c3; +} +.card-pricing.card-plain:hover ul li { + border-color: transparent; + color: #fff; +} +.card-login { + overflow: hidden; + text-align: left; + z-index: 2; +} +.card-login .card-header { + padding: 0 0 50px; + overflow: hidden; +} +.card-login .card-header img { + position: absolute; + margin-left: -50px; + margin-top: -220px; + border-radius: 20%; + width: 350px; +} +.card-login .card-header .card-title { + position: relative; + font-size: 5em; + font-weight: 900; + color: #222a42; + text-transform: lowercase; + margin-left: -5px; + z-index: 1; +} +.card-login .card-footer { + padding: 15px; +} +@media (max-width: 991.98px) { + .card.card-login .card-img { + margin-left: -45px; + } +} +@media (max-width: 575.98px) { + .card.card-login { + margin-top: 50px; + } + .modal-content .card.card-login { + margin-top: 0; + } +} +.card-testimonial .card-body { + padding-top: 25px; +} +.card-testimonial .card-avatar { + max-width: 100px; + max-height: 100px; + margin-top: -50px; +} +.card-testimonial .card-footer { + margin-bottom: 1.5rem; +} +.card-testimonial .card-description + .card-title { + margin-top: 30px; +} +.card-testimonial .icon i { + font-size: 32px; +} +.card-testimonial .icon.icon-primary i { + color: #e14eca; +} +.card-testimonial .icon.icon-info i { + color: #1d8cf8; +} +.card-testimonial .icon.icon-danger i { + color: #fd5d93; +} +.card-testimonial .icon.icon-warning i { + color: #ff8d72; +} +.card-testimonial .icon.icon-success i { + color: #00f2c3; +} +.card-testimonial .card-description + .card-title { + margin-top: 20px; +} +@media screen and (max-width: 991px) { + .testimonials-4 .positioned { + position: relative; + } +} +.card-product { + margin-top: 30px; +} +.card-product .btn { + margin: 0; +} +.card-product .image { + overflow: hidden; + border-radius: 0.4285rem; +} +.card-product .card-body .card-title { + margin-bottom: 0; +} +.card-product .card-footer { + margin-top: 10px; +} +.card-product .card-footer .price h4 { + margin-bottom: 0; + margin-top: 0; +} +.card-product .card-footer .stats { + margin-top: 5px; +} +.card-product .card-footer .stats .btn { + position: relative; + top: -3px; +} +.card-product .category { + margin-bottom: 0; +} +.card-product .category ~ .card-title { + margin-top: 0; +} +.card-product .price { + font-size: 16px; + color: hsla(0, 0%, 100%, 0.7); +} +.card-product .price-old { + text-decoration: line-through; + font-size: 16px; + color: #344675; +} +.card-product .price-new { + color: #fd5d93; +} +.card-product:not(.card-plain) .card-image { + padding: 15px; +} +.avatar-group .avatar { + position: relative; + z-index: 2; + border: 2px solid #1f2251; +} +.avatar-group .avatar:hover { + z-index: 3; +} +.avatar-group .avatar + .avatar { + margin-left: -1rem; +} +.avatar { + color: #fff; + background-color: #adb5bd; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 1rem; + border-radius: 50%; + height: 48px; + width: 48px; +} +.avatar img { + width: 100%; + border-radius: 50%; +} +.avatar + .avatar-content { + display: inline-block; + margin-left: 0.75rem; +} +.avatar-lg { + width: 58px; + height: 58px; + font-size: 0.75rem; +} +.avatar-sm { + width: 36px; + height: 36px; + font-size: 0.75rem; +} +@media screen and (max-width: 1200px) { + .nav-pills.nav-pills-lg .nav-item .nav-link { + padding: 11px 45px; + } +} +@media screen and (max-width: 991px) { + .profile-photo .profile-photo-small { + margin-left: -2px; + } + [class*="navbar-toggleable-"] .navbar-collapse { + width: 300px; + } + .button-dropdown { + display: none; + } + .section-nucleo-icons .container .row > [class*="col-"]:first-child { + text-align: center; + } + .footer .copyright { + text-align: right; + } + .section-nucleo-icons .icons-container { + margin-top: 65px; + } + .section-images { + height: 500px; + max-height: 500px; + } + .section-images .hero-images-container { + max-width: 500px; + } + .section-images .hero-images-container-1 { + right: 10%; + top: 68%; + max-width: 269px; + } + .section-images .hero-images-container-2 { + right: 5%; + max-width: 135px; + top: 93%; + } + .carousel-team .carousel-inner { + height: auto; + } + .carousel-team .title { + font-size: 2.5rem !important; + margin: 20px !important; + } + .carousel-team img { + height: auto !important; + } + .carousel-team .wrapper { + padding: initial !important; + margin-top: 30px; + } + .carousel-team .carousel-control-next { + left: 27% !important; + } + .card-profile[data-background="full"] a { + height: 100%; + } + .card-profile[data-background="full"] .card-body { + margin: 0 auto; + width: 100%; + border-radius: 0; + bottom: 10px; + } + .card-background .content-center { + margin-top: 80px; + } + .nav-pills.nav-pills-lg .nav-item .nav-link { + padding: 11px 25px; + } +} +@media screen and (min-width: 992px) { + .navbar-nav .nav-link.profile-photo { + padding: 0; + margin: 7px 0.7rem; + } + .navbar-nav .nav-link.btn:not(.btn-sm) { + margin: 0; + } + .navbar-nav .nav-item:not(:last-child) { + margin-right: 5px; + } + .card.card-form-horizontal [class*="col-md-"]:not(:last-child), + .card.card-form-horizontal [class*="col-sm-"]:not(:last-child) { + padding-right: 0; + } + .card-profile[data-background="full"], + .card-profile[data-background="full"] img { + height: 500px; + } + .burger-menu .navbar-collapse { + display: block !important; + } + .burger-menu .navbar-collapse .navbar-nav { + max-height: calc(100vh - 75px); + min-height: 100%; + overflow: auto; + margin-top: 53px; + height: 100%; + z-index: 2; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + } + .burger-menu .navbar-collapse .navbar-nav .nav-item { + margin: 0; + } + .burger-menu.menu-on-left .navbar-collapse { + right: auto; + left: 0; + transform: translate3d(-300px, 0, 0); + } + .burger-menu .navbar-toggleable-md .navbar-nav .dropdown-menu { + position: static; + float: none; + } + .burger-menu .navbar-toggleable-md .navbar-toggler { + display: inline-block; + } + .burger-menu.menu-on-left .navbar-brand { + float: right; + margin-right: 0; + margin-left: 1rem; + } + .section-nucleo-icons .icons-container { + margin: 0 0 0 auto; + } + .footer:not(.footer-big) .copyright { + float: right; + } +} +@media screen and (min-width: 768px) { + .image-container.image-right { + top: 80px; + margin-left: -100px; + margin-bottom: 130px; + } + .image-container.image-left { + margin-right: -100px; + } + .positioned .description { + margin: 3rem 0; + } +} +@media screen and (max-width: 768px) { + .positioned { + position: relative !important; + } + .phone-container { + max-width: 260px; + margin: 0 auto; + } + .phone-container .phone { + height: 500px; + } + .card-blog.blog-horizontal .card-image { + height: auto; + width: auto; + } + .card-blog.card-background { + height: auto; + } + .card-blog.card-background .full-background { + height: 100%; + } + .card-blog .card-image { + height: 250px; + } + .customer-logos .slick-list { + width: 870px !important; + } + .image-container.image-left { + margin-bottom: 260px; + } + .image-container.image-left p.blockquote { + margin: 0 auto; + position: relative; + right: 0; + } + .header-2 .card-form-horizontal .form-group, + .header-2 .card-form-horizontal .input-group { + margin-bottom: 10px; + } + .contactus-2 .card-contact { + max-width: inherit; + margin: 0; + margin-top: 15px; + } + .section-story-overview .image-container + .category { + padding-top: 50px; + } + .features-7 .image-container img { + left: 0; + top: 0; + max-width: inherit; + width: 100%; + height: auto; + position: relative; + } + .footer.footer-big .social-feed i { + padding-bottom: 10px; + } + .nav-tabs { + display: inline-block; + width: 100%; + padding-left: 100px; + padding-right: 100px; + text-align: center; + } + .nav-tabs .nav-item > .nav-link { + margin-bottom: 5px; + } + .landing-page .section-story-overview .image-container:nth-child(2) { + margin-left: 0; + margin-bottom: 30px; + } +} +@media screen and (max-width: 580px) { + .blog-posts .social-line .btn { + margin-bottom: 15px; + } + .slider .slick-list { + margin-top: -15px; + } +} +@media screen and (max-width: 350px) { + .header-3 .page-header { + min-height: 130vh; + } + .header-3 .slick-slider .slick-arrow { + margin-top: 0; + } + .header-6 .page-header { + min-height: 115vh; + } + .card-background.card-grande .card-body { + height: auto; + } + .media .media { + margin-left: -40px; + } + .media .media .pull-left { + padding: 0; + } +} +@media screen and (max-width: 576px) { + .features .featured-image { + margin-left: 0 !important; + } + .positioned { + top: 0 !important; + left: 0 !important; + padding-top: 12vh; + } + .header-5 .phone { + height: 450px; + } + .features-2 .info.info-raised { + margin-top: 30px; + } + .card-blog .card-image { + height: auto; + } + .navbar[class*="navbar-toggleable-"] .container { + margin-left: 0; + margin-right: 0; + } + .typography-line span { + margin-left: 0; + } + .customer-logos .slick-list { + width: 570px !important; + } + .footer .copyright { + text-align: center; + } + .projects-1 .nav-pills { + display: block; + } + .projects-1 .nav-pills .nav-item .nav-link { + margin: 0 auto; + margin-bottom: 15px; + } + .subscribe-line .card-form-horizontal .btn { + margin-top: 10px; + } + .modal .modal-dialog .modal-header button.close { + font-size: 18px; + right: 12px; + top: 10px; + } + .header-3 .btn { + margin-bottom: 10px; + } + .card.card-fashion:not(.card-background):before { + display: none; + } + .profile-page .content-center { + margin: 10px 0 0; + } + .profile-page .content-center .content .social-description { + width: 105px; + max-width: 105px; + } + .section-nucleo-icons .icons-container i { + font-size: 30px; + } + .section-nucleo-icons .icons-container i:nth-child(6) { + font-size: 48px; + } + .page-header .container h6.category-absolute { + width: 90%; + } + .blogs-3 + .card.card-blog:not(:first-of-type).blog-horizontal + [class^="col-"]:first-of-type { + margin-top: 100px; + } + .nav-tabs { + padding-left: 70px; + padding-right: 70px; + } +} +@media screen and (min-width: 991px) and (max-width: 1200px) { + .section-images .hero-images-container-1 { + right: 9%; + max-width: 370px; + } + .section-images .hero-images-container-2 { + right: 2%; + max-width: 216px; + } + .card.card-blog { + min-height: 350px; + } +} +@media screen and (min-width: 1200px) and (max-width: 1400px) { + .card.card-blog { + min-height: 450px; + } +} +@media screen and (max-width: 768px) { + .features .featured-image { + margin-left: 25px; + } + .features .category { + margin-top: 30px; + } + .section-images { + height: 300px; + max-height: 300px; + } + .section-images .hero-images-container { + max-width: 380px; + } + .section-images .hero-images-container-1 { + right: 7%; + top: 87%; + max-width: 210px; + } + .section-images .hero-images-container-2 { + right: 1%; + max-width: 133px; + top: 99%; + } + .footer nav { + display: block; + float: none; + } + #social-buttons > .row .col-md-1:nth-child(2) p, + #social-buttons > .row .col-md-1:nth-child(3) p, + #social-buttons > .row .col-md-3 p { + display: none; + } +} +@media screen and (max-width: 517px) { + .alert .alert-icon { + margin-top: 10px; + } +} +@media screen and (min-width: 1200px) { + .section-images .hero-images-container-1 { + top: 51%; + right: 21%; + } + .section-images .hero-images-container-2 { + top: 66%; + right: 14%; + } +} +@media only screen and (min-height: 950px) { + .index-page .page-header .category-absolute { + margin-top: -330px; + } +} diff --git a/yarn.lock b/yarn.lock index 86fe9d9..edc45dc 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2,6 +2,11 @@ # yarn lockfile v1 +"@sweetalert2/themes@4.0.1": + version "4.0.1" + resolved "https://registry.yarnpkg.com/@sweetalert2/themes/-/themes-4.0.1.tgz#ba07a40743fd439663341480c20360116c2e1f27" + integrity sha512-dE+SXd0ym2RUkDQT/rVyBIwe6QIKl1cfBF3133XdLeXVKUR+XEtkr1uVBK821uX5DRQfN9doJmVCd2jFdG/qXw== + "@types/chart.js@2.9.11": version "2.9.11" resolved "https://registry.yarnpkg.com/@types/chart.js/-/chart.js-2.9.11.tgz#2b73fe59e78dfe31c2f8d6c6d0c169e98e65c16b" @@ -9,6 +14,13 @@ dependencies: moment "^2.10.2" +"@types/datatables.net@1.10.19": + version "1.10.19" + resolved "https://registry.yarnpkg.com/@types/datatables.net/-/datatables.net-1.10.19.tgz#17c5f94433f761086131c6c8dc055a0e1099d1f9" + integrity sha512-WuzgytEmsIpVYZbkce+EvK1UqBI7/cwcC/WgYeAtXdq2zi+yWzJwMT5Yb6irAiOi52DBjeAEeRt3bYzFYvHWCQ== + dependencies: + "@types/jquery" "*" + "@types/glob@^7.1.1": version "7.1.3" resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.1.3.tgz#e6ba80f36b7daad2c685acd9266382e68985c183" @@ -17,6 +29,13 @@ "@types/minimatch" "*" "@types/node" "*" +"@types/jquery@*", "@types/jquery@3.5.5": + version "3.5.5" + resolved "https://registry.yarnpkg.com/@types/jquery/-/jquery-3.5.5.tgz#2c63f47c9c8d96693d272f5453602afd8338c903" + integrity sha512-6RXU9Xzpc6vxNrS6FPPapN1SxSHgQ336WC6Jj/N8q30OiaBZ00l1GBgeP7usjVZPivSkGUfL1z/WW6TX989M+w== + dependencies: + "@types/sizzle" "*" + "@types/json-schema@^7.0.6": version "7.0.6" resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.6.tgz#f4c7ec43e81b319a9815115031709f26987891f0" @@ -32,6 +51,16 @@ resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.16.tgz#3cc351f8d48101deadfed4c9e4f116048d437b4b" integrity sha512-naXYePhweTi+BMv11TgioE2/FXU4fSl29HAH1ffxVciNsH3rYXjNP2yM8wqmSm7jS20gM8TIklKiTen+1iVncw== +"@types/paralleljs@0.0.20": + version "0.0.20" + resolved "https://registry.yarnpkg.com/@types/paralleljs/-/paralleljs-0.0.20.tgz#5013416ccb05d2fec5e2bcf5331d37bd203abe44" + integrity sha512-+1y+7aNWEvsXfdubI9y5aUFYU7RiUgVqAo+Px9siGLPUq4RZodvrP2EdoCV+oPQdcgKuQnW+CuikWcUSZuAkhA== + +"@types/sizzle@*": + version "2.3.2" + resolved "https://registry.yarnpkg.com/@types/sizzle/-/sizzle-2.3.2.tgz#a811b8c18e2babab7d542b3365887ae2e4d9de47" + integrity sha512-7EJYyKTL7tFR8+gDbB6Wwz/arpGa0Mywk1TJbNzKzHtzbwVmY4HR9WqS5VV7dsBUKQmPNr192jHr/VpBluj/hg== + "@webassemblyjs/ast@1.9.0": version "1.9.0" resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.9.0.tgz#bd850604b4042459a5a41cd7d338cbed695ed964" @@ -1010,6 +1039,21 @@ cyclist@^1.0.1: resolved "https://registry.yarnpkg.com/cyclist/-/cyclist-1.0.1.tgz#596e9698fd0c80e12038c2b82d6eb1b35b6224d9" integrity sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk= +datatables.net-bs4@1.10.23: + version "1.10.23" + resolved "https://registry.yarnpkg.com/datatables.net-bs4/-/datatables.net-bs4-1.10.23.tgz#bdd5d0dcb1bd68a7afe649a4424ba20647523b52" + integrity sha512-ChUB8t5t5uzPnJYTPXx2DOvnlm2shz8OadXrKoFavOadB308OuwHVxSldYq9+KGedCeiVxEjNqcaV4nFSXkRsw== + dependencies: + datatables.net "1.10.23" + jquery ">=1.7" + +datatables.net@1.10.23: + version "1.10.23" + resolved "https://registry.yarnpkg.com/datatables.net/-/datatables.net-1.10.23.tgz#59f7d7b12845183b1b379530d1385077e113ec01" + integrity sha512-we3tlNkzpxvgkKKlTxTMXPCt35untVXNg8zUYWpQyC1U5vJc+lT0+Zdc1ztK8d3lh5CfdnuFde2p8n3XwaGl3Q== + dependencies: + jquery ">=1.7" + debug@2.6.9, debug@^2.2.0, debug@^2.3.3: version "2.6.9" resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f" @@ -2190,10 +2234,10 @@ isobject@^3.0.0, isobject@^3.0.1: resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df" integrity sha1-TkMekrEalzFjaqH5yNHMvP2reN8= -jquery@3.3.1: - version "3.3.1" - resolved "https://registry.yarnpkg.com/jquery/-/jquery-3.3.1.tgz#958ce29e81c9790f31be7792df5d4d95fc57fbca" - integrity sha512-Ubldcmxp5np52/ENotGxlLe6aGMvmF4R8S6tZjsP6Knsaxd/xp3Zrh50cG93lR6nPXyUFwzN3ZSOQI0wRJNdGg== +jquery@3.5.1, jquery@>=1.7: + version "3.5.1" + resolved "https://registry.yarnpkg.com/jquery/-/jquery-3.5.1.tgz#d7b4d08e1bfdb86ad2f1a3d039ea17304717abb5" + integrity sha512-XwIBPqcMn57FxfT+Go5pzySnm4KWkT1Tv7gjrpT1srtf8Weynl6R273VJ5GjkRb51IzMp5nbaPjJXMWeju2MKg== json-parse-better-errors@^1.0.2: version "1.0.2" @@ -2836,6 +2880,11 @@ parallel-transform@^1.1.0: inherits "^2.0.3" readable-stream "^2.1.5" +paralleljs@1.1.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/paralleljs/-/paralleljs-1.1.0.tgz#d0cd5540fe4dd8e80fa94d3cb6a530510dbe6e70" + integrity sha512-5sYLAEzM+qMDYzQeVWyNdqINU4h+/Fhr0CrZs3+HCYPIhOWuA2BCzn74js2qzX+LKFwRQR6sSJBZhgT+WWhbfw== + parse-asn1@^5.0.0, parse-asn1@^5.1.5: version "5.1.6" resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.6.tgz#385080a3ec13cb62a62d39409cb3e88844cdaed4" @@ -3176,6 +3225,11 @@ readdirp@~3.5.0: dependencies: picomatch "^2.2.1" +reconnecting-websocket@4.4.0: + version "4.4.0" + resolved "https://registry.yarnpkg.com/reconnecting-websocket/-/reconnecting-websocket-4.4.0.tgz#3b0e5b96ef119e78a03135865b8bb0af1b948783" + integrity sha512-D2E33ceRPga0NvTDhJmphEgJ7FUYF0v4lr1ki0csq06OdlxKfugGzN0dSkxM/NfqCxYELK4KcaTOUOjTV6Dcng== + regex-not@^1.0.0, regex-not@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/regex-not/-/regex-not-1.0.2.tgz#1f4ece27e00b0b65e0247a6810e6a85d83a5752c" @@ -3751,6 +3805,11 @@ supports-color@^6.1.0: dependencies: has-flag "^3.0.0" +sweetalert2@10.12.6: + version "10.12.6" + resolved "https://registry.yarnpkg.com/sweetalert2/-/sweetalert2-10.12.6.tgz#249b95fecb28986a1aff82710a460ecb4717e2a9" + integrity sha512-kkPRpNqP0wF9tAVu1Ygp4pQx4pXY/pgseyW3dOXXRu0S6s7HKfHEmpBUIZrBylRfeJFPOsSEk6sALSwKzNZ9RQ== + tapable@^1.0.0, tapable@^1.1.3: version "1.1.3" resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"