@front10/bootstrap/index.css

Style library based on bootstrap

* {
  box-sizing: border-box; }

/*
 * Bootstrap grid
 */
body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

.fr-container,
.fr-container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

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

@media (min-width: 992px) {
  .fr-container {
    width: 970px; } }

@media (min-width: 1200px) {
  .fr-container {
    width: 1170px; } }

.fr-row {
  margin-left: -15px;
  margin-right: -15px; }

.fr-col-xs-1,
.fr-col-sm-1,
.fr-col-md-1,
.fr-col-lg-1,
.fr-col-xs-2,
.fr-col-sm-2,
.fr-col-md-2,
.fr-col-lg-2,
.fr-col-xs-3,
.fr-col-sm-3,
.fr-col-md-3,
.fr-col-lg-3,
.fr-col-xs-4,
.fr-col-sm-4,
.fr-col-md-4,
.fr-col-lg-4,
.fr-col-xs-5,
.fr-col-sm-5,
.fr-col-md-5,
.fr-col-lg-5,
.fr-col-xs-6,
.fr-col-sm-6,
.fr-col-md-6,
.fr-col-lg-6,
.fr-col-xs-7,
.fr-col-sm-7,
.fr-col-md-7,
.fr-col-lg-7,
.fr-col-xs-8,
.fr-col-sm-8,
.fr-col-md-8,
.fr-col-lg-8,
.fr-col-xs-9,
.fr-col-sm-9,
.fr-col-md-9,
.fr-col-lg-9,
.fr-col-xs-10,
.fr-col-sm-10,
.fr-col-md-10,
.fr-col-lg-10,
.fr-col-xs-11,
.fr-col-sm-11,
.fr-col-md-11,
.fr-col-lg-11,
.fr-col-xs-12,
.fr-col-sm-12,
.fr-col-md-12,
.fr-col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.fr-col-xs-1,
.fr-col-xs-2,
.fr-col-xs-3,
.fr-col-xs-4,
.fr-col-xs-5,
.fr-col-xs-6,
.fr-col-xs-7,
.fr-col-xs-8,
.fr-col-xs-9,
.fr-col-xs-10,
.fr-col-xs-11 {
  float: left; }

.fr-col-xs-12 {
  float: left;
  width: 100%; }

.fr-col-xs-11 {
  width: 91.66666667%; }

.fr-col-xs-10 {
  width: 83.33333333%; }

.fr-col-xs-9 {
  width: 75%; }

.fr-col-xs-8 {
  width: 66.66666667%; }

.fr-col-xs-7 {
  width: 58.33333333%; }

.fr-col-xs-6 {
  width: 50%; }

.fr-col-xs-5 {
  width: 41.66666667%; }

.fr-col-xs-4 {
  width: 33.33333333%; }

.fr-col-xs-3 {
  width: 25%; }

.fr-col-xs-2 {
  width: 16.66666667%; }

.fr-col-xs-1 {
  width: 8.33333333%; }

.fr-col-xs-pull-12 {
  right: 100%; }

.fr-col-xs-pull-11 {
  right: 91.66666667%; }

.fr-col-xs-pull-10 {
  right: 83.33333333%; }

.fr-col-xs-pull-9 {
  right: 75%; }

.fr-col-xs-pull-8 {
  right: 66.66666667%; }

.fr-col-xs-pull-7 {
  right: 58.33333333%; }

.fr-col-xs-pull-6 {
  right: 50%; }

.fr-col-xs-pull-5 {
  right: 41.66666667%; }

.fr-col-xs-pull-4 {
  right: 33.33333333%; }

.fr-col-xs-pull-3 {
  right: 25%; }

.fr-col-xs-pull-2 {
  right: 16.66666667%; }

.fr-col-xs-pull-1 {
  right: 8.33333333%; }

.fr-col-xs-pull-0 {
  right: auto; }

.fr-col-xs-push-12 {
  left: 100%; }

.fr-col-xs-push-11 {
  left: 91.66666667%; }

.fr-col-xs-push-10 {
  left: 83.33333333%; }

.fr-col-xs-push-9 {
  left: 75%; }

.fr-col-xs-push-8 {
  left: 66.66666667%; }

.fr-col-xs-push-7 {
  left: 58.33333333%; }

.fr-col-xs-push-6 {
  left: 50%; }

.fr-col-xs-push-5 {
  left: 41.66666667%; }

.fr-col-xs-push-4 {
  left: 33.33333333%; }

.fr-col-xs-push-3 {
  left: 25%; }

.fr-col-xs-push-2 {
  left: 16.66666667%; }

.fr-col-xs-push-1 {
  left: 8.33333333%; }

.fr-col-xs-push-0 {
  left: auto; }

.fr-col-xs-offset-12 {
  margin-left: 100%; }

.fr-col-xs-offset-11 {
  margin-left: 91.66666667%; }

.fr-col-xs-offset-10 {
  margin-left: 83.33333333%; }

.fr-col-xs-offset-9 {
  margin-left: 75%; }

.fr-col-xs-offset-8 {
  margin-left: 66.66666667%; }

.fr-col-xs-offset-7 {
  margin-left: 58.33333333%; }

.fr-col-xs-offset-6 {
  margin-left: 50%; }

.fr-col-xs-offset-5 {
  margin-left: 41.66666667%; }

.fr-col-xs-offset-4 {
  margin-left: 33.33333333%; }

.fr-col-xs-offset-3 {
  margin-left: 25%; }

.fr-col-xs-offset-2 {
  margin-left: 16.66666667%; }

.fr-col-xs-offset-1 {
  margin-left: 8.33333333%; }

.fr-col-xs-offset-0 {
  margin-left: 0%; }

@media (min-width: 768px) {
  .fr-col-sm-1,
  .fr-col-sm-2,
  .fr-col-sm-3,
  .fr-col-sm-4,
  .fr-col-sm-5,
  .fr-col-sm-6,
  .fr-col-sm-7,
  .fr-col-sm-8,
  .fr-col-sm-9,
  .fr-col-sm-10,
  .fr-col-sm-11 {
    float: left; }
  .fr-col-sm-12 {
    float: left;
    width: 100%; }
  .fr-col-sm-11 {
    width: 91.66666667%; }
  .fr-col-sm-10 {
    width: 83.33333333%; }
  .fr-col-sm-9 {
    width: 75%; }
  .fr-col-sm-8 {
    width: 66.66666667%; }
  .fr-col-sm-7 {
    width: 58.33333333%; }
  .fr-col-sm-6 {
    width: 50%; }
  .fr-col-sm-5 {
    width: 41.66666667%; }
  .fr-col-sm-4 {
    width: 33.33333333%; }
  .fr-col-sm-3 {
    width: 25%; }
  .fr-col-sm-2 {
    width: 16.66666667%; }
  .fr-col-sm-1 {
    width: 8.33333333%; }
  .fr-col-sm-pull-12 {
    right: 100%; }
  .fr-col-sm-pull-11 {
    right: 91.66666667%; }
  .fr-col-sm-pull-10 {
    right: 83.33333333%; }
  .fr-col-sm-pull-9 {
    right: 75%; }
  .fr-col-sm-pull-8 {
    right: 66.66666667%; }
  .fr-col-sm-pull-7 {
    right: 58.33333333%; }
  .fr-col-sm-pull-6 {
    right: 50%; }
  .fr-col-sm-pull-5 {
    right: 41.66666667%; }
  .fr-col-sm-pull-4 {
    right: 33.33333333%; }
  .fr-col-sm-pull-3 {
    right: 25%; }
  .fr-col-sm-pull-2 {
    right: 16.66666667%; }
  .fr-col-sm-pull-1 {
    right: 8.33333333%; }
  .fr-col-sm-pull-0 {
    right: auto; }
  .fr-col-sm-push-12 {
    left: 100%; }
  .fr-col-sm-push-11 {
    left: 91.66666667%; }
  .fr-col-sm-push-10 {
    left: 83.33333333%; }
  .fr-col-sm-push-9 {
    left: 75%; }
  .fr-col-sm-push-8 {
    left: 66.66666667%; }
  .fr-col-sm-push-7 {
    left: 58.33333333%; }
  .fr-col-sm-push-6 {
    left: 50%; }
  .fr-col-sm-push-5 {
    left: 41.66666667%; }
  .fr-col-sm-push-4 {
    left: 33.33333333%; }
  .fr-col-sm-push-3 {
    left: 25%; }
  .fr-col-sm-push-2 {
    left: 16.66666667%; }
  .fr-col-sm-push-1 {
    left: 8.33333333%; }
  .fr-col-sm-push-0 {
    left: auto; }
  .fr-col-sm-offset-12 {
    margin-left: 100%; }
  .fr-col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .fr-col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .fr-col-sm-offset-9 {
    margin-left: 75%; }
  .fr-col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .fr-col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .fr-col-sm-offset-6 {
    margin-left: 50%; }
  .fr-col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .fr-col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .fr-col-sm-offset-3 {
    margin-left: 25%; }
  .fr-col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .fr-col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .fr-col-sm-offset-0 {
    margin-left: 0%; } }

@media (min-width: 992px) {
  .fr-col-md-1,
  .fr-col-md-2,
  .fr-col-md-3,
  .fr-col-md-4,
  .fr-col-md-5,
  .fr-col-md-6,
  .fr-col-md-7,
  .fr-col-md-8,
  .fr-col-md-9,
  .fr-col-md-10,
  .fr-col-md-11 {
    float: left; }
  .fr-col-md-12 {
    float: left;
    width: 100%; }
  .fr-col-md-11 {
    width: 91.66666667%; }
  .fr-col-md-10 {
    width: 83.33333333%; }
  .fr-col-md-9 {
    width: 75%; }
  .fr-col-md-8 {
    width: 66.66666667%; }
  .fr-col-md-7 {
    width: 58.33333333%; }
  .fr-col-md-6 {
    width: 50%; }
  .fr-col-md-5 {
    width: 41.66666667%; }
  .fr-col-md-4 {
    width: 33.33333333%; }
  .fr-col-md-3 {
    width: 25%; }
  .fr-col-md-2 {
    width: 16.66666667%; }
  .fr-col-md-1 {
    width: 8.33333333%; }
  .fr-col-md-pull-12 {
    right: 100%; }
  .fr-col-md-pull-11 {
    right: 91.66666667%; }
  .fr-col-md-pull-10 {
    right: 83.33333333%; }
  .fr-col-md-pull-9 {
    right: 75%; }
  .fr-col-md-pull-8 {
    right: 66.66666667%; }
  .fr-col-md-pull-7 {
    right: 58.33333333%; }
  .fr-col-md-pull-6 {
    right: 50%; }
  .fr-col-md-pull-5 {
    right: 41.66666667%; }
  .fr-col-md-pull-4 {
    right: 33.33333333%; }
  .fr-col-md-pull-3 {
    right: 25%; }
  .fr-col-md-pull-2 {
    right: 16.66666667%; }
  .fr-col-md-pull-1 {
    right: 8.33333333%; }
  .fr-col-md-pull-0 {
    right: auto; }
  .fr-col-md-push-12 {
    left: 100%; }
  .fr-col-md-push-11 {
    left: 91.66666667%; }
  .fr-col-md-push-10 {
    left: 83.33333333%; }
  .fr-col-md-push-9 {
    left: 75%; }
  .fr-col-md-push-8 {
    left: 66.66666667%; }
  .fr-col-md-push-7 {
    left: 58.33333333%; }
  .fr-col-md-push-6 {
    left: 50%; }
  .fr-col-md-push-5 {
    left: 41.66666667%; }
  .fr-col-md-push-4 {
    left: 33.33333333%; }
  .fr-col-md-push-3 {
    left: 25%; }
  .fr-col-md-push-2 {
    left: 16.66666667%; }
  .fr-col-md-push-1 {
    left: 8.33333333%; }
  .fr-col-md-push-0 {
    left: auto; }
  .fr-col-md-offset-12 {
    margin-left: 100%; }
  .fr-col-md-offset-11 {
    margin-left: 91.66666667%; }
  .fr-col-md-offset-10 {
    margin-left: 83.33333333%; }
  .fr-col-md-offset-9 {
    margin-left: 75%; }
  .fr-col-md-offset-8 {
    margin-left: 66.66666667%; }
  .fr-col-md-offset-7 {
    margin-left: 58.33333333%; }
  .fr-col-md-offset-6 {
    margin-left: 50%; }
  .fr-col-md-offset-5 {
    margin-left: 41.66666667%; }
  .fr-col-md-offset-4 {
    margin-left: 33.33333333%; }
  .fr-col-md-offset-3 {
    margin-left: 25%; }
  .fr-col-md-offset-2 {
    margin-left: 16.66666667%; }
  .fr-col-md-offset-1 {
    margin-left: 8.33333333%; }
  .fr-col-md-offset-0 {
    margin-left: 0%; } }

@media (min-width: 1200px) {
  .fr-col-lg-1,
  .fr-col-lg-2,
  .fr-col-lg-3,
  .fr-col-lg-4,
  .fr-col-lg-5,
  .fr-col-lg-6,
  .fr-col-lg-7,
  .fr-col-lg-8,
  .fr-col-lg-9,
  .fr-col-lg-10,
  .fr-col-lg-11 {
    float: left; }
  .fr-col-lg-12 {
    float: left;
    width: 100%; }
  .fr-col-lg-11 {
    width: 91.66666667%; }
  .fr-col-lg-10 {
    width: 83.33333333%; }
  .fr-col-lg-9 {
    width: 75%; }
  .fr-col-lg-8 {
    width: 66.66666667%; }
  .fr-col-lg-7 {
    width: 58.33333333%; }
  .fr-col-lg-6 {
    width: 50%; }
  .fr-col-lg-5 {
    width: 41.66666667%; }
  .fr-col-lg-4 {
    width: 33.33333333%; }
  .fr-col-lg-3 {
    width: 25%; }
  .fr-col-lg-2 {
    width: 16.66666667%; }
  .fr-col-lg-1 {
    width: 8.33333333%; }
  .fr-col-lg-pull-12 {
    right: 100%; }
  .fr-col-lg-pull-11 {
    right: 91.66666667%; }
  .fr-col-lg-pull-10 {
    right: 83.33333333%; }
  .fr-col-lg-pull-9 {
    right: 75%; }
  .fr-col-lg-pull-8 {
    right: 66.66666667%; }
  .fr-col-lg-pull-7 {
    right: 58.33333333%; }
  .fr-col-lg-pull-6 {
    right: 50%; }
  .fr-col-lg-pull-5 {
    right: 41.66666667%; }
  .fr-col-lg-pull-4 {
    right: 33.33333333%; }
  .fr-col-lg-pull-3 {
    right: 25%; }
  .fr-col-lg-pull-2 {
    right: 16.66666667%; }
  .fr-col-lg-pull-1 {
    right: 8.33333333%; }
  .fr-col-lg-pull-0 {
    right: auto; }
  .fr-col-lg-push-12 {
    left: 100%; }
  .fr-col-lg-push-11 {
    left: 91.66666667%; }
  .fr-col-lg-push-10 {
    left: 83.33333333%; }
  .fr-col-lg-push-9 {
    left: 75%; }
  .fr-col-lg-push-8 {
    left: 66.66666667%; }
  .fr-col-lg-push-7 {
    left: 58.33333333%; }
  .fr-col-lg-push-6 {
    left: 50%; }
  .fr-col-lg-push-5 {
    left: 41.66666667%; }
  .fr-col-lg-push-4 {
    left: 33.33333333%; }
  .fr-col-lg-push-3 {
    left: 25%; }
  .fr-col-lg-push-2 {
    left: 16.66666667%; }
  .fr-col-lg-push-1 {
    left: 8.33333333%; }
  .fr-col-lg-push-0 {
    left: auto; }
  .fr-col-lg-offset-12 {
    margin-left: 100%; }
  .fr-col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .fr-col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .fr-col-lg-offset-9 {
    margin-left: 75%; }
  .fr-col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .fr-col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .fr-col-lg-offset-6 {
    margin-left: 50%; }
  .fr-col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .fr-col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .fr-col-lg-offset-3 {
    margin-left: 25%; }
  .fr-col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .fr-col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .fr-col-lg-offset-0 {
    margin-left: 0%; } }

.fr-clearfix:before, .fr-clearfix:after {
  content: " ";
  display: table; }

.fr-container:before, .fr-container:after {
  content: " ";
  display: table; }

.fr-container-fluid:before, .fr-container-fluid:after {
  content: " ";
  display: table; }

.fr-row:before, .fr-row:after {
  content: " ";
  display: table; }

.fr-clearfix:after,
.fr-container:after,
.fr-container-fluid:after,
.fr-row:after {
  clear: both; }

.fr-center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.fr-visible-xs {
  display: none !important; }

.fr-visible-sm {
  display: none !important; }

.fr-visible-md {
  display: none !important; }

.fr-visible-lg {
  display: none !important; }

.fr-visible-xs-block,
.fr-visible-xs-inline,
.fr-visible-xs-inline-block,
.fr-visible-sm-block,
.fr-visible-sm-inline,
.fr-visible-sm-inline-block,
.fr-visible-md-block,
.fr-visible-md-inline,
.fr-visible-md-inline-block,
.fr-visible-lg-block,
.fr-visible-lg-inline,
.fr-visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .fr-visible-xs {
    display: block !important; }
  table.fr-visible-xs {
    display: table !important; }
  tr.fr-visible-xs {
    display: table-row !important; }
  th.fr-visible-xs,
  td.fr-visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .fr-visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .fr-visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .fr-visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 767px) and (max-width: 991px) {
  .fr-visible-sm {
    display: block !important; }
  table.fr-visible-sm {
    display: table !important; }
  tr.fr-visible-sm {
    display: table-row !important; }
  th.fr-visible-sm,
  td.fr-visible-sm {
    display: table-cell !important; } }

@media (min-width: 767px) and (max-width: 991px) {
  .fr-visible-sm-block {
    display: block !important; } }

@media (min-width: 767px) and (max-width: 991px) {
  .fr-visible-sm-inline {
    display: inline !important; } }

@media (min-width: 767px) and (max-width: 991px) {
  .fr-visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1999px) {
  .fr-visible-md {
    display: block !important; }
  table.fr-visible-md {
    display: table !important; }
  tr.fr-visible-md {
    display: table-row !important; }
  th.fr-visible-md,
  td.fr-visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1999px) {
  .fr-visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1999px) {
  .fr-visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1999px) {
  .fr-visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .fr-visible-lg {
    display: block !important; }
  table.fr-visible-lg {
    display: table !important; }
  tr.fr-visible-lg {
    display: table-row !important; }
  th.fr-visible-lg,
  td.fr-visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .fr-visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .fr-visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .fr-visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .fr-hidden-xs {
    display: none !important; } }

@media (min-width: 767px) and (max-width: 991px) {
  .fr-hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1999px) {
  .fr-hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .fr-hidden-lg {
    display: none !important; } }

.fr-visible-print {
  display: none !important; }

@media print {
  .fr-visible-print {
    display: block !important; }
  table.fr-visible-print {
    display: table !important; }
  tr.fr-visible-print {
    display: table-row !important; }
  th.fr-visible-print,
  td.fr-visible-print {
    display: table-cell !important; } }

.fr-visible-print-block {
  display: none !important; }
  @media print {
    .fr-visible-print-block {
      display: block !important; } }

.fr-visible-print-inline {
  display: none !important; }
  @media print {
    .fr-visible-print-inline {
      display: inline !important; } }

.fr-visible-print-inline-block {
  display: none !important; }
  @media print {
    .fr-visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .fr-hidden-print {
    display: none !important; } }

/*
 * Commun utilities
 */
.fr-align-baseline {
  vertical-align: baseline; }

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

.fr-align-middle {
  vertical-align: middle; }

.fr-align-bottom {
  vertical-align: bottom; }

.fr-align-text-top {
  vertical-align: text-top; }

.fr-align-text-bottom {
  vertical-align: text-bottom; }

.fr-bg-primary {
  background-color: #007bff !important; }

a.fr-bg-primary:hover,
a.fr-bg-primary:focus,
button.fr-bg-primary:hover,
button.fr-bg-primary:focus {
  background-color: #0062cc !important; }

.fr-bg-secondary {
  background-color: #6c757d !important; }

a.fr-bg-secondary:hover,
a.fr-bg-secondary:focus,
button.fr-bg-secondary:hover,
button.fr-bg-secondary:focus {
  background-color: #545b62 !important; }

.fr-bg-success {
  background-color: #28a745 !important; }

a.fr-bg-success:hover,
a.fr-bg-success:focus,
button.fr-bg-success:hover,
button.fr-bg-success:focus {
  background-color: #1e7e34 !important; }

.fr-bg-info {
  background-color: #17a2b8 !important; }

a.fr-bg-info:hover,
a.fr-bg-info:focus,
button.fr-bg-info:hover,
button.fr-bg-info:focus {
  background-color: #117a8b !important; }

.fr-bg-warning {
  background-color: #ffc107 !important; }

a.fr-bg-warning:hover,
a.fr-bg-warning:focus,
button.fr-bg-warning:hover,
button.fr-bg-warning:focus {
  background-color: #d39e00 !important; }

.fr-bg-danger {
  background-color: #dc3545 !important; }

a.fr-bg-danger:hover,
a.fr-bg-danger:focus,
button.fr-bg-danger:hover,
button.fr-bg-danger:focus {
  background-color: #bd2130 !important; }

.fr-bg-light {
  background-color: #f8f9fa !important; }

a.fr-bg-light:hover,
a.fr-bg-light:focus,
button.fr-bg-light:hover,
button.fr-bg-light:focus {
  background-color: #dae0e5 !important; }

.fr-bg-dark {
  background-color: #343a40 !important; }

a.fr-bg-dark:hover,
a.fr-bg-dark:focus,
button.fr-bg-dark:hover,
button.fr-bg-dark:focus {
  background-color: #1d2124 !important; }

.fr-bg-white {
  background-color: #fff !important; }

.fr-bg-transparent {
  background-color: transparent !important; }

.fr-border {
  border: 1px solid #969696 !important; }

.fr-border-top {
  border-top: 1px solid #969696 !important; }

.fr-border-bottom {
  border-bottom: 1px solid #969696 !important; }

.fr-border-0 {
  border: 0 !important; }

.fr-btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }

.fr-btn-outline-primary {
  color: #007bff;
  background-color: transparent;
  background-image: none;
  border-color: #007bff; }

.fr-btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }

.fr-btn-outline-primary:focus,
.fr-btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.fr-btn-outline-primary.disabled,
.fr-btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent; }

.fr-btn-outline-primary:not(:disabled):not(.disabled):active,
.fr-btn-outline-primary:not(:disabled):not(.disabled).fr-active,
.show > .fr-btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }

.fr-btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.fr-btn-outline-primary:not(:disabled):not(.disabled).fr-active:focus,
.show > .fr-btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.fr-btn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border-color: #6c757d; }

.fr-btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d; }

.fr-btn-outline-secondary:focus,
.fr-btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }

.fr-btn-outline-secondary.disabled,
.fr-btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent; }

.fr-btn-outline-secondary:not(:disabled):not(.disabled):active,
.fr-btn-outline-secondary:not(:disabled):not(.disabled).fr-active,
.show > .fr-btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d; }

.fr-btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.fr-btn-outline-secondary:not(:disabled):not(.disabled).fr-active:focus,
.show > .fr-btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }

.fr-btn-outline-success {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745; }

.fr-btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745; }

.fr-btn-outline-success:focus,
.fr-btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }

.fr-btn-outline-success.disabled,
.fr-btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent; }

.fr-btn-outline-success:not(:disabled):not(.disabled):active,
.fr-btn-outline-success:not(:disabled):not(.disabled).fr-active,
.show > .fr-btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745; }

.fr-btn-outline-success:not(:disabled):not(.disabled):active:focus,
.fr-btn-outline-success:not(:disabled):not(.disabled).fr-active:focus,
.show > .fr-btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }

.fr-btn-outline-info {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8; }

.fr-btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8; }

.fr-btn-outline-info:focus,
.fr-btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.fr-btn-outline-info.disabled,
.fr-btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent; }

.fr-btn-outline-info:not(:disabled):not(.disabled):active,
.fr-btn-outline-info:not(:disabled):not(.disabled).fr-active,
.show > .fr-btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8; }

.fr-btn-outline-info:not(:disabled):not(.disabled):active:focus,
.fr-btn-outline-info:not(:disabled):not(.disabled).fr-active:focus,
.show > .fr-btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.fr-btn-outline-warning {
  color: #ffc107;
  background-color: transparent;
  background-image: none;
  border-color: #ffc107; }

.fr-btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107; }

.fr-btn-outline-warning:focus,
.fr-btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }

.fr-btn-outline-warning.disabled,
.fr-btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent; }

.fr-btn-outline-warning:not(:disabled):not(.disabled):active,
.fr-btn-outline-warning:not(:disabled):not(.disabled).fr-active,
.show > .fr-btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107; }

.fr-btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.fr-btn-outline-warning:not(:disabled):not(.disabled).fr-active:focus,
.show > .fr-btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }

.fr-btn-outline-danger {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545; }

.fr-btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545; }

.fr-btn-outline-danger:focus,
.fr-btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.fr-btn-outline-danger.disabled,
.fr-btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent; }

.fr-btn-outline-danger:not(:disabled):not(.disabled):active,
.fr-btn-outline-danger:not(:disabled):not(.disabled).fr-active,
.show > .fr-btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545; }

.fr-btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.fr-btn-outline-danger:not(:disabled):not(.disabled).fr-active:focus,
.show > .fr-btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.fr-btn-outline-light {
  color: #f8f9fa;
  background-color: transparent;
  background-image: none;
  border-color: #f8f9fa; }

.fr-btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa; }

.fr-btn-outline-light:focus,
.fr-btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.fr-btn-outline-light.disabled,
.fr-btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent; }

.fr-btn-outline-light:not(:disabled):not(.disabled):active,
.fr-btn-outline-light:not(:disabled):not(.disabled).fr-active,
.show > .fr-btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa; }

.fr-btn-outline-light:not(:disabled):not(.disabled):active:focus,
.fr-btn-outline-light:not(:disabled):not(.disabled).fr-active:focus,
.show > .fr-btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.fr-btn-outline-dark {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40; }

.fr-btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40; }

.fr-btn-outline-dark:focus,
.fr-btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.fr-btn-outline-dark.disabled,
.fr-btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent; }

.fr-btn-outline-dark:not(:disabled):not(.disabled):active,
.fr-btn-outline-dark:not(:disabled):not(.disabled).fr-active,
.show > .fr-btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40; }

.fr-btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.fr-btn-outline-dark:not(:disabled):not(.disabled).fr-active:focus,
.show > .fr-btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.fr-btn-link {
  font-weight: 400;
  color: #007bff;
  background-color: transparent; }

.fr-btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent; }

.fr-btn-link:focus,
.fr-btn-link.focus {
  text-decoration: underline;
  border-color: transparent;
  box-shadow: none; }

.fr-btn-link:disabled,
.fr-btn-link.disabled {
  color: #6c757d;
  pointer-events: none; }

.fr-btn-lg,
.fr-btn-group-lg > .fr-btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem; }

.fr-btn-sm,
.fr-btn-group-sm > .fr-btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

.fr-btn-block {
  display: block;
  width: 100%; }

.fr-btn-block + .fr-btn-block {
  margin-top: 0.5rem; }

input[type="submit"].fr-btn-block,
input[type="reset"].fr-btn-block,
input[type="button"].fr-btn-block {
  width: 100%; }

.fr-float-none {
  float: none !important; }

@media (min-width: 576px) {
  .fr-float-sm-none {
    float: none !important; } }

@media (min-width: 768px) {
  .fr-float-md-none {
    float: none !important; } }

@media (min-width: 992px) {
  .fr-float-lg-none {
    float: none !important; } }

@media (min-width: 1200px) {
  .fr-float-xl-none {
    float: none !important; } }

/*font size*/
.fr-font-size-1-x {
  font-size: 1rem; }

.fr-font-size-2-x {
  font-size: 1.5rem; }

.fr-font-size-3-x {
  font-size: 2rem; }

.fr-font-size-4-x {
  font-size: 2.5rem; }

.fr-font-size-5-x {
  font-size: 3rem; }

.fr-font-size-6-x {
  font-size: 3.5rem; }

.fr-font-size-7-x {
  font-size: 4rem; }

.fr-font-size-8-x {
  font-size: 4.5rem; }

.fr-font-size-9-x {
  font-size: 5rem; }

@media (min-width: 576px) {
  .fr-font-size-sm-1-x {
    font-size: 1rem; }
  .fr-font-size-sm-2-x {
    font-size: 1.5rem; }
  .fr-font-size-sm-3-x {
    font-size: 2rem; }
  .fr-font-size-sm-4-x {
    font-size: 2.5rem; }
  .fr-font-size-sm-5-x {
    font-size: 3rem; }
  .fr-font-size-sm-6-x {
    font-size: 3.5rem; }
  .fr-font-size-sm-7-x {
    font-size: 4rem; }
  .fr-font-size-sm-8-x {
    font-size: 4.5rem; }
  .fr-font-size-sm-9-x {
    font-size: 5rem; } }

@media (min-width: 768px) {
  .fr-font-size-md-1-x {
    font-size: 1rem; }
  .fr-font-size-md-2-x {
    font-size: 1.5rem; }
  .fr-font-size-md-3-x {
    font-size: 2rem; }
  .fr-font-size-md-4-x {
    font-size: 2.5rem; }
  .fr-font-size-md-5-x {
    font-size: 3rem; }
  .fr-font-size-md-6-x {
    font-size: 3.5rem; }
  .fr-font-size-md-7-x {
    font-size: 4rem; }
  .fr-font-size-md-8-x {
    font-size: 4.5rem; }
  .fr-font-size-md-9-x {
    font-size: 5rem; } }

@media (min-width: 992px) {
  .fr-font-size-lg-1-x {
    font-size: 1rem; }
  .fr-font-size-lg-2-x {
    font-size: 1.5rem; }
  .fr-font-size-lg-3-x {
    font-size: 2rem; }
  .fr-font-size-lg-4-x {
    font-size: 2.5rem; }
  .fr-font-size-lg-5-x {
    font-size: 3rem; }
  .fr-font-size-lg-6-x {
    font-size: 3.5rem; }
  .fr-font-size-lg-7-x {
    font-size: 4rem; }
  .fr-font-size-lg-8-x {
    font-size: 4.5rem; }
  .fr-font-size-lg-9-x {
    font-size: 5rem; } }

@media (min-width: 1200px) {
  .fr-font-size-xlg-1-x {
    font-size: 1rem; }
  .fr-font-size-xlg-2-x {
    font-size: 1.5rem; }
  .fr-font-size-xlg-3-x {
    font-size: 2rem; }
  .fr-font-size-xlg-4-x {
    font-size: 2.5rem; }
  .fr-font-size-xlg-5-x {
    font-size: 3rem; }
  .fr-font-size-xlg-6-x {
    font-size: 3.5rem; }
  .fr-font-size-xlg-7-x {
    font-size: 4rem; }
  .fr-font-size-xlg-8-x {
    font-size: 4.5rem; }
  .fr-font-size-xlg-9-x {
    font-size: 5rem; } }

.fr-font-weight-light {
  font-weight: 300 !important; }

.fr-font-weight-normal {
  font-weight: 400 !important; }

.fr-font-weight-bold {
  font-weight: 700 !important; }

.fr-font-italic {
  font-style: italic !important; }

.fr-focus:focus,
.fr-input.front10-input--focus.fr-focus,
.DayPicker-Day--frFocus:focus {
  outline: double !important;
  -webkit-box-shadow: 0 0 31px rgba(102, 175, 233, 0.8) !important;
  box-shadow: 0 0 31px rgba(102, 175, 233, 0.8) !important; }

.fr-h-0 {
  height: 0%; }

.fr-h-5 {
  height: 5%; }

.fr-h-10 {
  height: 10%; }

.fr-h-15 {
  height: 15%; }

.fr-h-20 {
  height: 20%; }

.fr-h-25 {
  height: 25%; }

.fr-h-30 {
  height: 30%; }

.fr-h-35 {
  height: 35%; }

.fr-h-40 {
  height: 40%; }

.fr-h-45 {
  height: 45%; }

.fr-h-50 {
  height: 50%; }

.fr-h-55 {
  height: 55%; }

.fr-h-60 {
  height: 60%; }

.fr-h-65 {
  height: 65%; }

.fr-h-70 {
  height: 70%; }

.fr-h-75 {
  height: 75%; }

.fr-h-80 {
  height: 80%; }

.fr-h-85 {
  height: 85%; }

.fr-h-90 {
  height: 90%; }

.fr-h-95 {
  height: 95%; }

.fr-h-100 {
  height: 100%; }

.fr-invalid {
  color: #dc3545; }

.fr-input.fr-invalid {
  border-color: #dc3545 !important; }

.fr-input input {
  width: 100%;
  height: 34px;
  line-height: 1.42857143;
  border: none;
  padding: 0px 10px; }
  .fr-input input:focus {
    outline: 0; }

.fr-input .fr-input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  border: none; }

.fr-input[disabled] {
  background-color: #ebebe4; }

.fr-input.fr-input-group {
  position: relative;
  display: table;
  border-collapse: separate; }

.fr-input .fr-input-group-addon {
  display: table-cell;
  min-width: 40px;
  width: 10px; }

.fr-m-0 {
  margin: 0 !important; }

.fr-mt-0,
.fr-my-0 {
  margin-top: 0 !important; }

.fr-mb-0,
.fr-my-0 {
  margin-bottom: 0 !important; }

.fr-m-1 {
  margin: 0.25rem !important; }

.fr-mt-1,
.fr-my-1 {
  margin-top: 0.25rem !important; }

.fr-mb-1,
.fr-my-1 {
  margin-bottom: 0.25rem !important; }

.fr-m-2 {
  margin: 0.5rem !important; }

.fr-mt-2,
.fr-my-2 {
  margin-top: 0.5rem !important; }

.fr-mb-2,
.fr-my-2 {
  margin-bottom: 0.5rem !important; }

.fr-m-3 {
  margin: 1rem !important; }

.fr-mt-3,
.fr-my-3 {
  margin-top: 1rem !important; }

.fr-mb-3,
.fr-my-3 {
  margin-bottom: 1rem !important; }

.fr-m-4 {
  margin: 1.5rem !important; }

.fr-mt-4,
.fr-my-4 {
  margin-top: 1.5rem !important; }

.fr-mb-4,
.fr-my-4 {
  margin-bottom: 1.5rem !important; }

.fr-m-5 {
  margin: 3rem !important; }

.fr-mt-5,
.fr-my-5 {
  margin-top: 3rem !important; }

.fr-mb-5,
.fr-my-5 {
  margin-bottom: 3rem !important; }

.fr-m-auto {
  margin: auto !important; }

.fr-mt-auto,
.fr-my-auto {
  margin-top: auto !important; }

.fr-mb-auto,
.fr-my-auto {
  margin-bottom: auto !important; }

.fr-p-0 {
  padding: 0 !important; }

.fr-pt-0,
.fr-py-0 {
  padding-top: 0 !important; }

.fr-pb-0,
.fr-py-0 {
  padding-bottom: 0 !important; }

.fr-p-1 {
  padding: 0.25rem !important; }

.fr-pt-1,
.fr-py-1 {
  padding-top: 0.25rem !important; }

.fr-pb-1,
.fr-py-1 {
  padding-bottom: 0.25rem !important; }

.fr-p-2 {
  padding: 0.5rem !important; }

.fr-pt-2,
.fr-py-2 {
  padding-top: 0.5rem !important; }

.fr-pb-2,
.fr-py-2 {
  padding-bottom: 0.5rem !important; }

.fr-p-3 {
  padding: 1rem !important; }

.fr-pt-3,
.fr-py-3 {
  padding-top: 1rem !important; }

.fr-pb-3,
.fr-py-3 {
  padding-bottom: 1rem !important; }

.fr-p-4 {
  padding: 1.5rem !important; }

.fr-pt-4,
.fr-py-4 {
  padding-top: 1.5rem !important; }

.fr-pb-4,
.fr-py-4 {
  padding-bottom: 1.5rem !important; }

.fr-p-5 {
  padding: 3rem !important; }

.fr-pt-5,
.fr-py-5 {
  padding-top: 3rem !important; }

.fr-pb-5,
.fr-py-5 {
  padding-bottom: 3rem !important; }

.fr-rounded-circle {
  border-radius: 50% !important; }

.fr-rounded-0-x {
  border-radius: 0rem; }

.fr-rounded-1-x {
  border-radius: 0.5rem; }

.fr-rounded-2-x {
  border-radius: 1rem; }

.fr-rounded-3-x {
  border-radius: 1.5rem; }

.fr-rounded-4-x {
  border-radius: 2rem; }

.fr-rounded-5-x {
  border-radius: 2.5rem; }

.fr-rounded-6-x {
  border-radius: 3rem; }

.fr-rounded-7-x {
  border-radius: 3.5rem; }

.fr-rounded-8-x {
  border-radius: 4rem; }

.fr-rounded-9-x {
  border-radius: 4.5rem; }

.fr-rounded-left-0-x {
  border-bottom-left-radius: 0rem;
  border-top-left-radius: 0rem; }

.fr-rounded-left-1-x {
  border-bottom-left-radius: 0.5rem;
  border-top-left-radius: 0.5rem; }

.fr-rounded-left-2-x {
  border-bottom-left-radius: 1rem;
  border-top-left-radius: 1rem; }

.fr-rounded-left-3-x {
  border-bottom-left-radius: 1.5rem;
  border-top-left-radius: 1.5rem; }

.fr-rounded-left-4-x {
  border-bottom-left-radius: 2rem;
  border-top-left-radius: 2rem; }

.fr-rounded-left-5-x {
  border-bottom-left-radius: 2.5rem;
  border-top-left-radius: 2.5rem; }

.fr-rounded-left-6-x {
  border-bottom-left-radius: 3rem;
  border-top-left-radius: 3rem; }

.fr-rounded-left-7-x {
  border-bottom-left-radius: 3.5rem;
  border-top-left-radius: 3.5rem; }

.fr-rounded-left-8-x {
  border-bottom-left-radius: 4rem;
  border-top-left-radius: 4rem; }

.fr-rounded-left-9-x {
  border-bottom-left-radius: 4.5rem;
  border-top-left-radius: 4.5rem; }

.fr-rounded-right-0-x {
  border-bottom-right-radius: 0rem;
  border-top-right-radius: 0rem; }

.fr-rounded-right-1-x {
  border-bottom-right-radius: 0.5rem;
  border-top-right-radius: 0.5rem; }

.fr-rounded-right-2-x {
  border-bottom-right-radius: 1rem;
  border-top-right-radius: 1rem; }

.fr-rounded-right-3-x {
  border-bottom-right-radius: 1.5rem;
  border-top-right-radius: 1.5rem; }

.fr-rounded-right-4-x {
  border-bottom-right-radius: 2rem;
  border-top-right-radius: 2rem; }

.fr-rounded-right-5-x {
  border-bottom-right-radius: 2.5rem;
  border-top-right-radius: 2.5rem; }

.fr-rounded-right-6-x {
  border-bottom-right-radius: 3rem;
  border-top-right-radius: 3rem; }

.fr-rounded-right-7-x {
  border-bottom-right-radius: 3.5rem;
  border-top-right-radius: 3.5rem; }

.fr-rounded-right-8-x {
  border-bottom-right-radius: 4rem;
  border-top-right-radius: 4rem; }

.fr-rounded-right-9-x {
  border-bottom-right-radius: 4.5rem;
  border-top-right-radius: 4.5rem; }

.fr-rounded-top-0-x {
  border-top-right-radius: 0rem;
  border-top-left-radius: 0rem; }

.fr-rounded-top-1-x {
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem; }

.fr-rounded-top-2-x {
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem; }

.fr-rounded-top-3-x {
  border-top-right-radius: 1.5rem;
  border-top-left-radius: 1.5rem; }

.fr-rounded-top-4-x {
  border-top-right-radius: 2rem;
  border-top-left-radius: 2rem; }

.fr-rounded-top-5-x {
  border-top-right-radius: 2.5rem;
  border-top-left-radius: 2.5rem; }

.fr-rounded-top-6-x {
  border-top-right-radius: 3rem;
  border-top-left-radius: 3rem; }

.fr-rounded-top-7-x {
  border-top-right-radius: 3.5rem;
  border-top-left-radius: 3.5rem; }

.fr-rounded-top-8-x {
  border-top-right-radius: 4rem;
  border-top-left-radius: 4rem; }

.fr-rounded-top-9-x {
  border-top-right-radius: 4.5rem;
  border-top-left-radius: 4.5rem; }

.fr-rounded-bottom-0-x {
  border-bottom-right-radius: 0rem;
  border-bottom-left-radius: 0rem; }

.fr-rounded-bottom-1-x {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem; }

.fr-rounded-bottom-2-x {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem; }

.fr-rounded-bottom-3-x {
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem; }

.fr-rounded-bottom-4-x {
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem; }

.fr-rounded-bottom-5-x {
  border-bottom-right-radius: 2.5rem;
  border-bottom-left-radius: 2.5rem; }

.fr-rounded-bottom-6-x {
  border-bottom-right-radius: 3rem;
  border-bottom-left-radius: 3rem; }

.fr-rounded-bottom-7-x {
  border-bottom-right-radius: 3.5rem;
  border-bottom-left-radius: 3.5rem; }

.fr-rounded-bottom-8-x {
  border-bottom-right-radius: 4rem;
  border-bottom-left-radius: 4rem; }

.fr-rounded-bottom-9-x {
  border-bottom-right-radius: 4.5rem;
  border-bottom-left-radius: 4.5rem; }

.fr-shadow-0 {
  box-shadow: none; }

.fr-shadow-1 {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }

.fr-shadow-2 {
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12); }

.fr-shadow-3 {
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12); }

.fr-shadow-4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }

.fr-shadow-5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }

.fr-shadow-6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }

.fr-shadow-7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }

.fr-shadow-8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }

.fr-shadow-9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }

.fr-text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

.fr-text-justify {
  text-align: justify !important; }

.fr-text-nowrap {
  white-space: nowrap !important; }

.fr-text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.fr-text-center {
  text-align: center !important; }

.fr-text-lowercase {
  text-transform: lowercase !important; }

.fr-text-uppercase {
  text-transform: uppercase !important; }

.fr-text-capitalize {
  text-transform: capitalize !important; }

.fr-font-weight-light {
  font-weight: 300 !important; }

.fr-font-weight-normal {
  font-weight: 400 !important; }

.fr-font-weight-bold {
  font-weight: 700 !important; }

.fr-font-italic {
  font-style: italic !important; }

.fr-text-white {
  color: #fff !important; }

.fr-text-primary {
  color: #007bff !important; }

.fr-text-secondary {
  color: #6c757d !important; }

.fr-text-success {
  color: #28a745 !important; }

.fr-text-info {
  color: #17a2b8 !important; }

.fr-text-warning {
  color: #ffc107 !important; }

.fr-text-danger {
  color: #dc3545 !important; }

.fr-text-light {
  color: #f8f9fa !important; }

.fr-text-dark {
  color: #343a40 !important; }

.fr-text-body {
  color: #212529 !important; }

.fr-text-muted {
  color: #6c757d !important; }

.fr-text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important; }

.fr-text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important; }

.fr-text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

@media (min-width: 576px) {
  .fr-text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .fr-text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .fr-text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .fr-text-xl-center {
    text-align: center !important; } }

.fr-visible-none,
.fr-hidden {
  display: none; }

.fr-visible-block {
  display: block; }

.fr-visible-inline {
  display: inline; }

.fr-visible-inline-block {
  display: inline-block; }

.fr-w-0 {
  width: 0%; }

.fr-w-5 {
  width: 5%; }

.fr-w-10 {
  width: 10%; }

.fr-w-15 {
  width: 15%; }

.fr-w-20 {
  width: 20%; }

.fr-w-25 {
  width: 25%; }

.fr-w-30 {
  width: 30%; }

.fr-w-35 {
  width: 35%; }

.fr-w-40 {
  width: 40%; }

.fr-w-45 {
  width: 45%; }

.fr-w-50 {
  width: 50%; }

.fr-w-55 {
  width: 55%; }

.fr-w-60 {
  width: 60%; }

.fr-w-65 {
  width: 65%; }

.fr-w-70 {
  width: 70%; }

.fr-w-75 {
  width: 75%; }

.fr-w-80 {
  width: 80%; }

.fr-w-85 {
  width: 85%; }

.fr-w-90 {
  width: 90%; }

.fr-w-95 {
  width: 95%; }

.fr-w-100 {
  width: 100%; }

/*
 * LTR styles.
 */
.fr-border-right {
  border-right: 1px solid #969696 !important; }

.fr-border-left {
  border-left: 1px solid #969696 !important; }

.fr-float-left {
  float: left !important; }

.fr-float-right {
  float: right !important; }

@media (min-width: 576px) {
  .fr-float-sm-left {
    float: left !important; }
  .fr-float-sm-right {
    float: right !important; } }

@media (min-width: 768px) {
  .fr-float-md-left {
    float: left !important; }
  .fr-float-md-right {
    float: right !important; } }

@media (min-width: 992px) {
  .fr-float-lg-left {
    float: left !important; }
  .fr-float-lg-right {
    float: right !important; } }

@media (min-width: 1200px) {
  .fr-float-xl-left {
    float: left !important; }
  .fr-float-xl-right {
    float: right !important; } }

.fr-mr-0,
.fr-mx-0 {
  margin-right: 0 !important; }

.fr-ml-0,
.fr-mx-0 {
  margin-left: 0 !important; }

.fr-mr-1,
.fr-mx-1 {
  margin-right: 0.25rem !important; }

.fr-ml-1,
.fr-mx-1 {
  margin-left: 0.25rem !important; }

.fr-mr-2,
.fr-mx-2 {
  margin-right: 0.5rem !important; }

.fr-ml-2,
.fr-mx-2 {
  margin-left: 0.5rem !important; }

.fr-mr-3,
.fr-mx-3 {
  margin-right: 1rem !important; }

.fr-ml-3,
.fr-mx-3 {
  margin-left: 1rem !important; }

.fr-mr-4,
.fr-mx-4 {
  margin-right: 1.5rem !important; }

.fr-ml-4,
.fr-mx-4 {
  margin-left: 1.5rem !important; }

.fr-mr-5,
.fr-mx-5 {
  margin-right: 3rem !important; }

.fr-ml-5,
.fr-mx-5 {
  margin-left: 3rem !important; }

.fr-mr-auto,
.fr-mx-auto {
  margin-right: auto !important; }

.fr-ml-auto,
.fr-mx-auto {
  margin-left: auto !important; }

.fr-pr-0,
.fr-px-0 {
  padding-right: 0 !important; }

.fr-pl-0,
.fr-px-0 {
  padding-left: 0 !important; }

.fr-pr-1,
.fr-px-1 {
  padding-right: 0.25rem !important; }

.fr-pl-1,
.fr-px-1 {
  padding-left: 0.25rem !important; }

.fr-pr-2,
.fr-px-2 {
  padding-right: 0.5rem !important; }

.fr-pl-2,
.fr-px-2 {
  padding-left: 0.5rem !important; }

.fr-pr-3,
.fr-px-3 {
  padding-right: 1rem !important; }

.fr-pl-3,
.fr-px-3 {
  padding-left: 1rem !important; }

.fr-pr-4,
.fr-px-4 {
  padding-right: 1.5rem !important; }

.fr-pl-4,
.fr-px-4 {
  padding-left: 1.5rem !important; }

.fr-pr-5,
.fr-px-5 {
  padding-right: 3rem !important; }

.fr-pl-5,
.fr-px-5 {
  padding-left: 3rem !important; }

.fr-rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important; }

.fr-rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important; }

.fr-rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.fr-rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.fr-text-left {
  text-align: left !important; }

.fr-text-right {
  text-align: right !important; }

@media (min-width: 576px) {
  .fr-text-sm-left {
    text-align: left !important; }
  .fr-text-sm-right {
    text-align: right !important; } }

@media (min-width: 768px) {
  .fr-text-md-left {
    text-align: left !important; }
  .fr-text-md-right {
    text-align: right !important; } }

@media (min-width: 992px) {
  .fr-text-lg-left {
    text-align: left !important; }
  .fr-text-lg-right {
    text-align: right !important; } }

@media (min-width: 1200px) {
  .fr-text-xl-left {
    text-align: left !important; }
  .fr-text-xl-right {
    text-align: right !important; } }