/* --- Source: bootstrap.css --- */
/*!
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
details,
header,
main,
nav,
section {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
b,
strong {
  font-weight: bold;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}

sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
hr {
  height: 0;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  pre {
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-size: 62.5%;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
img {
  vertical-align: middle;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
small,
.small {
  font-size: 85%;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dt {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  white-space: nowrap;
  background-color: #f9f2f4;
  border-radius: 4px;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
 .col-md-3, .col-xs-4, .col-md-4, .col-md-5, .col-xs-6, .col-md-6, .col-md-7, .col-xs-8, .col-md-8, .col-md-9, .col-xs-12, .col-md-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
 .col-xs-4, .col-xs-6, .col-xs-8, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-4 {
  width: 33.33333333%;
}
@media (min-width: 992px) {
   .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
}
table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {

}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"] {
  line-height: 34px;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  display: block;
  min-height: 20px;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  display: inline;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.checkbox[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .checkbox {
  cursor: not-allowed;
}

.has-error .control-label,
.has-error .radio,
.has-error .checkbox {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  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;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #999;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}
.btn-group > .btn:focus {
  outline: none;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn .caret {
  margin-left: 0;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-addon,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #428bca;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #999;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999;
  cursor: not-allowed;
  background-color: #fff;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
.label[href]:hover,
.label[href]:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-primary {
  background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.alert {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.media {
  overflow: hidden;
  zoom: 1;
}
.media,
.media .media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media > .pull-left {
  margin-right: 10px;
}
.media > .pull-right {
  margin-left: 10px;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel > .table,
.panel > .table-responsive > .table {
  margin-bottom: 0;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
     -moz-transition:    -moz-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  padding: 19px 20px 20px;
  margin-top: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.carousel {
  position: relative;
}

.container:before,
.container:after,
.row:before,
.row:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.pager:before,
.pager:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

.container:after,
.row:after,
.nav:after,
.navbar:after,
.pager:after,
.modal-footer:after {
  clear: both;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}

/* --- Source: bootstrap-style.css --- */

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}
.nav>li {
    position: relative;
    display: block;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #f8f9f9;
}
.nav>li.disabled>a {
    color: #f0f0f3;
}
.nav>li.disabled>a:hover, .nav>li.disabled>a:focus {
    color: #f0f0f3;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: #f8f9f9;
    border-color: #fff;
}
.nav>li>a>img {
    max-width: none;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 26px;
    border: 1px solid transparent;
}
@media(min-width:767px) {
    .navbar {
    border-radius: 4px;
}
}
.nav {
    font-weight: 300;
}
.navbar {
    -webkit-box-shadow: 0 0 100px 50px rgba(0, 0, 0, .03);
    box-shadow: 0 0 100px 50px rgba(0, 0, 0, .03);
}

@media(max-width:767px), (max-height:550px) {
body {
    clear: both;
}
}
/* --- Source: bootstrap-sm-ms-xs.css --- */
@media (min-width: 480px) and (max-width: 768px) {
  .container {
    max-width: 748px; } }
	
	
	

/*------------------------------------------------------------- 
               Right aligned depending size
---------------------------------------------------------------*/	


/*------------------------------------------------------------- 
              Visible
---------------------------------------------------------------*/
	 .visible-580 {
		display: none !important;
	}
	 .visible-480 {
		display: none !important;
	}


/***
	From  Up To Larger Devices
***/

@media  (max-width: 1200px) {
	 .visible-580 {
		display: none !important;
	}
	 .visible-480 {
		display: none !important;
	}
	
}




@media  (max-width: 991px) { 


	.hidden-991 {
		display: none !important;
	}
	 .visible-580 {
		display: none !important;
	}
	 .visible-480 {
		display: none !important;
	}
	
	
	
}

/* RESPONSIVE CSS
-------------------------------------------------- */

/* Extra Small Devices, Phones */

@media  (max-width: 768px) {



	.hidden-767 {
			display: none !important;
	}
	
	 .visible-580 {
		display: none !important;
	}
	 .visible-480 {
		display: none !important;
	}

		
	
}


@media  (max-width: 580px) {


	.visible-580 {
			display: block !important;
		}
	span.visible-580, a.visible-580  {
		display: inline-block !important;
	}
	
	.hidden-580 {
		display: none !important;
	}

	
	.visible-480 {
		display: none !important;
	}

	
}


/* Extra Small Devices, Phones */

@media  (max-width: 480px) {


	/***
	Hidden phone
	***/
	.hidden-480 {
		display: none !important;
	}
	
	.visible-480 {
		display: block !important;
	}
	
	span.visible-480, a.visible-480  {
		display: inline-block !important;
	}	
	
	.list-inline > li.visible-480 {
		display: inline-block !important;
	}

}



@media (max-width: 360px) {

	/***
	Hidden phone
	***/

}	





	
	
	
	
/* --- Source: bootstrap-select.css --- */
/*!
 * bootstrap-select v1.5.4
 * http://silviomoreto.github.io/bootstrap-select/
 *
 * Copyright 2013 bootstrap-select
 * Licensed under the MIT license
 */

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="span"] {
    float: none;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 0;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

.bootstrap-select.btn-group.pull-right,
.bootstrap-select.btn-group[class*="span"].pull-right {
    float: right;
}

.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px;
}

.bootstrap-select {
    /*width: 220px\9; IE8 and below*/
    width: 220px\0; /*IE9 and below*/
}

.bootstrap-select.form-control:not([class*="span"]) {
    width: 100%;
}

.bootstrap-select > .btn {
    width: 100%;
    padding-right: 25px;
}

.error .bootstrap-select .btn {
    border: 1px solid #b94a48;
}

.bootstrap-select .btn:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.bootstrap-select.btn-group .btn .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.bootstrap-select.btn-group > .disabled,
.bootstrap-select.btn-group .dropdown-menu li.disabled > a {
    cursor: not-allowed;
}

.bootstrap-select.btn-group > .disabled:focus {
    outline: none !important;
}

.bootstrap-select.btn-group[class*="span"] .btn {
    width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    z-index: 2000;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu dt {
    display: block;
    padding: 3px 20px;
    cursor: default;
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
}

.bootstrap-select.btn-group .dropdown-menu li > a.opt {
    position: relative;
    padding-left: 35px;
}

.bootstrap-select.btn-group .dropdown-menu li > a {
    cursor: pointer;
}

.bootstrap-select.btn-group .dropdown-menu li > dt small {
    font-weight: normal;
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: 0.5em;
}

.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) > a small {
    color: #64b1d8;
    color: rgba(255,255,255,0.4);
}

.bootstrap-select.btn-group .dropdown-menu li > dt small {
    font-weight: normal;
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
}

.bootstrap-select.btn-group .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;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
/* --- Source: bootstrap-datepicker3.css --- */
/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker {
  border-radius: 4px;
  direction: ltr;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #777777;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td.highlighted {
  color: #000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0;
}
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
  color: #000;
  background-color: #afd9ee;
  border-color: #298fc2;
}
.datepicker table tr td.highlighted:hover {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
  color: #000;
  background-color: #91cbe8;
  border-color: #298fc2;
}
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
  background-color: #d9edf7;
  border-color: #85c5e5;
}
.datepicker table tr td.highlighted.focused {
  background: #afd9ee;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #777777;
}
.datepicker table tr td.today {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
  color: #000;
  background-color: #ffc966;
  border-color: #b37400;
}
.datepicker table tr td.today:hover {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
  color: #000;
  background-color: #ffbc42;
  border-color: #b37400;
}
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today.focused {
  background: #ffc966;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #777777;
}
.datepicker table tr td.range {
  color: #000;
  background-color: #eeeeee;
  border-color: #bbbbbb;
  border-radius: 0;
}
.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
  color: #000;
  background-color: #d5d5d5;
  border-color: #7c7c7c;
}
.datepicker table tr td.range:hover {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
  color: #000;
  background-color: #c3c3c3;
  border-color: #7c7c7c;
}
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}
.datepicker table tr td.range.focused {
  background: #d5d5d5;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eeeeee;
  color: #777777;
}
.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
  color: #000;
  background-color: #c1d7e3;
  border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted:hover {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
  color: #000;
  background-color: #a8c8d8;
  border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #777777;
}
.datepicker table tr td.range.today {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
  color: #000;
  background-color: #f4b747;
  border-color: #815608;
}
.datepicker table tr td.range.today:hover {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
  color: #000;
  background-color: #f2aa25;
  border-color: #815608;
}
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #777777;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #777777;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #161616;
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
  color: #fff;
  background-color: #4c4c4c;
  border-color: #161616;
}
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
  background-color: #777777;
  border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #777777;
}

.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
/* --- Source: tachyons.css --- */
/*! TACHYONS v4.11.2 | http://tachyons.io */
/*
 *
 *      ________            ______
 *      ___  __/_____ _________  /______  ______________________
 *      __  /  _  __ `/  ___/_  __ \_  / / /  __ \_  __ \_  ___/
 *      _  /   / /_/ // /__ _  / / /  /_/ // /_/ /  / / /(__  )
 *      /_/    \__,_/ \___/ /_/ /_/_\__, / \____//_/ /_//____/
 *                                 /____/
 *
 *    TABLE OF CONTENTS
 *
 *    1. External Library Includes
 *       - Normalize.css | http://normalize.css.github.io
 *    2. Tachyons Modules
 *    3. Variables
 *       - Media Queries
 *       - Colors
 *    4. Debugging
 *       - Debug all
 *       - Debug children
 *
 */
/* External Library Includes */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html { 
	line-height: 1.15; /* 1 */ 
	/* -webkit-text-size-adjust: 100%; /* 2 */  
	font-size:50%;
}
 
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body { margin: 0; }
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 { font-size: 2rem; margin: .67rem 0; }
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a { background-color: transparent; }
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b, strong { font-weight: bolder; }
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
/**
 * Add the correct font size in all browsers.
 */
small { font-size: 80%; }
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
 sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img { border-style: none; }
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input {/* 1 */ overflow: visible; }
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select {/* 1 */ text-transform: none; }
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, [type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
/**
 * Correct the padding in Firefox.
 */
fieldset { padding: .35em .75em .625em; }
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress { vertical-align: baseline; }
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea { overflow: auto; }
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto; }
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details { display: block; }
/*
 * Add the correct display in all browsers.
 */
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template { display: none; }
/**
 * Add the correct display in IE 10.
 */
[hidden] { display: none; }
/* Modules */
/*
 
  BOX SIZING

*/
html, body, div, article, section, main, nav, header, form,
fieldset, legend, pre, code, a, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dt, textarea, table, td, th, tr,
input[type="email"], input[type="number"], input[type="password"],
input[type="tel"], input[type="text"], input[type="url"], .border-box { box-sizing: border-box; }
/*

   ASPECT RATIOS

*/
/* This is for fluid media that is embedded from third party sites like youtube, vimeo etc.
 * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e
 * Make sure there are no height and width attributes on the embedded media.
 * Adapted from: https://github.com/suitcss/components-flex-embed
 *
 * Example:
 *
 * <div class="aspect-ratio aspect-ratio--16x9">
 *  <iframe class="aspect-ratio--object"></iframe>
 * </div>
 *
 * */
.aspect-ratio { height: 0; position: relative; }
.aspect-ratio--1x1 { padding-bottom: 100%; }
.aspect-ratio--object { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
/*

   IMAGES
   Docs: http://tachyons.io/docs/elements/images/

*/
/* Responsive images! */
img { max-width: 100%; }
/*

   BACKGROUND SIZE
   Docs: http://tachyons.io/docs/themes/background-size/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*
  Often used in combination with background image set as an inline style
  on an html element.
*/
.cover { background-size: cover !important; }
.contain { background-size: contain !important; }
/*

    BACKGROUND POSITION

    Base:
    bg = background

    Modifiers:
    -center = center center
    -top = top center
    -right = center right
    -bottom = bottom center
    -left = center left

    Media Query Extensions:
      -ns = not-small
      -m  = medium
      -l  = large

 */
.bg-center { background-repeat: no-repeat; background-position: center center; }
/*

   OUTLINES

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.outline-0 { outline: 0; }
/*

    BORDERS
    Docs: http://tachyons.io/docs/themes/borders/

    Base:
      b = border

    Modifiers:
      a = all
      t = top
      r = right
      b = bottom
      l = left
      n = none

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.ba { border-style: solid; border-width: 1px; }
.bt { border-top-style: solid; border-top-width: 1px; }
.br { border-right-style: solid; border-right-width: 1px; }
.bb { border-bottom-style: solid; border-bottom-width: 1px; }
.bl { border-left-style: solid; border-left-width: 1px; }
.bn { border-style: none; border-width: 0; }

.mt--2px {
	margin-top:2px;
}
/*

   BORDER COLORS
   Docs: http://tachyons.io/docs/themes/borders/

   Border colors can be used to extend the base
   border classes ba,bt,bb,br,bl found in the _borders.css file.

   The base border class by default will set the color of the border
   to that of the current text color. These classes are for the cases
   where you desire for the text and border colors to be different.

   Base:
     b = border

   Modifiers:
   --color-name = each color variable name is also a border color name

*/
.b--black { border-color: #000; }
.b--mid-gray { border-color: #555; }
.b--gray { border-color: #777; }
.b--light-gray { border-color: #eee; }
.b--white { border-color: #fff; }
.b--white-20 { border-color: rgba( 255, 255, 255, .2 ); }
.b--white-10 { border-color: rgba( 255, 255, 255, .1 ); }
.b--black-80 { border-color: rgba( 0, 0, 0, .8 ); }
.b--black-50 { border-color: rgba( 0, 0, 0, .5 ); }
.b--black-20 { border-color: rgba( 0, 0, 0, .2 ); }
.b--black-10 { border-color: rgba( 0, 0, 0, .1 ); }
.b--black-05 { border-color: rgba( 0, 0, 0, .05 ); }
.b--dark-red { border-color: #e7040f; }
.b--red { border-color: #ff4136; }
.b--light-red { border-color: #ff725c; }
.b--orange { border-color: #ff6300; }
.b--gold { border-color: #ffb700; }
.b--hot-purple { border-color: #9c27b0; }
.b--light-purple { border-color: #a463f2; }
.b--pink { border-color: #ff80cc; }
.b--light-pink { border-color: #ffa3d7; }
.b--dark-green { border-color: #137752; }
.b--green { border-color: #19a974; }
.b--light-green { border-color: #9eebcf; }
.b--blue { border-color: #357edd; }
.b--light-blue { border-color: #96ccff; }
/*

   BORDER RADIUS
   Docs: http://tachyons.io/docs/themes/border-radius/

   Base:
     br   = border-radius

   Modifiers:
     0    = 0/none
     1    = 1st step in scale
     2    = 2nd step in scale
     3    = 3rd step in scale
     4    = 4th step in scale

   Literal values:
     -100 = 100%
     -pill = 9999px

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.br1 { border-radius: .125rem; }
.br2 { border-radius: .25rem; }
.br3 { border-radius: .5rem; }
.br4 { border-radius: 1rem; }
.br5 { border-radius: 2rem; }
.br-100 { border-radius: 100%; }
.br-pill { border-radius: 9999px; }
.br--bottom { border-top-left-radius: 0; border-top-right-radius: 0; }
.br--top { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.br--right { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.br--left { border-top-right-radius: 0; border-bottom-right-radius: 0; }
/*

   BORDER STYLES
   Docs: http://tachyons.io/docs/themes/borders/

   Depends on base border module in _borders.css

   Base:
     b = border-style

   Modifiers:
     --none   = none
     --dotted = dotted
     --dashed = dashed
     --solid  = solid

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

 */
.b--dotted { border-style: dotted; }
.b--dashed { border-style: dashed; }
.b--none { border-style: none; }
/*

   BORDER WIDTHS
   Docs: http://tachyons.io/docs/themes/borders/

   Base:
     bw = border-width

   Modifiers:
     0 = 0 width border
     1 = 1st step in border-width scale
     2 = 2nd step in border-width scale
     3 = 3rd step in border-width scale
     4 = 4th step in border-width scale
     5 = 5th step in border-width scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.bw0 { border-width: 0; }
.bw1 { border-width: .125rem; }
.bw2 { border-width: .25rem; }
.bw3 { border-width: .5rem; }
.bw4 { border-width: 1rem; }
/* Resets */
.bl-0 { border-left-width: 0; }
/*

  BOX-SHADOW
  Docs: http://tachyons.io/docs/themes/box-shadow/

  Media Query Extensions:
   -ns = not-small
   -m  = medium
   -l  = large

 */
.shadow-none { box-shadow: unset; }
.shadow-1 { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-3 { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-4 { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
.shadow-5 { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
/*

   CODE

*/
.pre { overflow-x: auto; overflow-y: hidden; overflow: scroll; }
/*

   COORDINATES
   Docs: http://tachyons.io/docs/layout/position/

   Use in combination with the position module.

   Base:
     top
     bottom
     right
     left

   Modifiers:
     -0  = literal value 0
     -1  = literal value 1
     -2  = literal value 2
     --1 = literal value -1
     --2 = literal value -2

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.top-0 { top: 0; }
.right-0 { right: 0; }
.bottom-0 { bottom: 0; }
.left-0 { left: 0; }
.top-100 { top: 100%; }

.top-1 { top: 1rem; }
.right-1 { right: 1rem; }
.bottom-1 { bottom: 1rem; }
.left-1 { left: 1rem; }
.top-2 { top: 2rem; }
.right-2 { right: 2rem; }
.left-2 { left: 2rem; }
.top--2 { top: -2rem; }
.absolute--fill { top: 0; right: 0; bottom: 0; left: 0; }
/*

   CLEARFIX
   http://tachyons.io/docs/layout/clearfix/

*/
/* Nicolas Gallaghers Clearfix solution
   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
.cl { clear: left; }
.cr { clear: right; }
/*

   DISPLAY
   Docs: http://tachyons.io/docs/layout/display

   Base:
    d = display

   Modifiers:
    n     = none
    b     = block
    ib    = inline-block
    it    = inline-table
    t     = table
    tc    = table-cell
    t-row          = table-row
    t-columm       = table-column
    t-column-group = table-column-group

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.dh { visibility: hidden; }
.dn { display: none; }
.di { display: inline; }
.db { display: block; }
.dib { display: inline-block; }
.dt { display: table; }
/*
  This will set table to full width and then
  all cells will be equal width
*/
/*

  FLEXBOX

  Media Query Extensions:
   -ns = not-small
   -m  = medium
   -l  = large

*/
.flex { display: flex; }
.inline-flex { display: inline-flex; }
/* 1. Fix for Chrome 44 bug.
 * https://code.google.com/p/chromium/issues/detail?id=506893 */
.flex-auto { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ }
.flex-none { flex: none; }
.flex-column { flex-direction: column; }
.flex-row { flex-direction: row; }
.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }
.flex-column-reverse { flex-direction: column-reverse; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.items-center { align-items: center; }
.items-baseline { align-items: baseline; }
.items-stretch { align-items: stretch; }
.self-start { align-self: flex-start; }
.self-end { align-self: flex-end; }
.self-center { align-self: center; }
.self-stretch { align-self: stretch; }
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }
.content-end { align-content: flex-end; }
.flex-grow-1 { flex-grow: 1; }
.flex-shrink-0 { flex-shrink: 0; }
/*

   FLOATS
   http://tachyons.io/docs/layout/floats/

   1. Floated elements are automatically rendered as block level elements.
      Setting floats to display inline will fix the double margin bug in
      ie6. You know... just in case.

   2. Don't forget to clearfix your floats with .cf

   Base:
     f = float

   Modifiers:
     l = left
     r = right
     n = none

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.fr { float: right; _display: inline; }
.fn { float: none; }
/*

   FONT FAMILY GROUPS
   Docs: http://tachyons.io/docs/typography/font-family/

*/
.sans-serif { font-family: -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, sans-serif; }
/* Monospaced Typefaces (for code) */
/* From http://cssfontstack.com */
code, .code { font-family: Consolas, monaco, monospace; }
/* Sans-Serif Typefaces */
/* Serif Typefaces */
.times { font-family: times, serif; }
.roboto { font-family: "Roboto", sans-serif; }
.roboto-condensed { font-family: "Roboto Condensed", sans-serif; }

/*

   FONT STYLE
   Docs: http://tachyons.io/docs/typography/font-style/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.i { font-style: italic; }
/*

   FONT WEIGHT
   Docs: http://tachyons.io/docs/typography/font-weight/

   Base
     fw = font-weight

   Modifiers:
     1 = literal value 100
     2 = literal value 200
     3 = literal value 300
     4 = literal value 400
     5 = literal value 500
     6 = literal value 600
     7 = literal value 700
     8 = literal value 800
     9 = literal value 900

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.normal { font-weight: normal; }
.b { font-weight: bold; }
.fw1 { font-weight: 100; }
.fw3 { font-weight: 300; }
.fw4 { font-weight: 400; }
.fw5 { font-weight: 500; }
.fw6 { font-weight: 600; }
.fw7 { font-weight: 700; }
.fw8 { font-weight: 800; }
.fw9 { font-weight: 900; }
/*

   FORMS
   
*/
.input-reset { -webkit-appearance: none; -moz-appearance: none; }
 .input-reset::-moz-focus-inner { border: 0; padding: 0; }
/*

   HEIGHTS
   Docs: http://tachyons.io/docs/layout/heights/

   Base:
     h = height
     min-h = min-height
     min-vh = min-height vertical screen height
     vh = vertical screen height

   Modifiers
     1 = 1st step in height scale
     2 = 2nd step in height scale
     3 = 3rd step in height scale
     4 = 4th step in height scale
     5 = 5th step in height scale

     -25   = literal value 25%
     -50   = literal value 50%
     -75   = literal value 75%
     -100  = literal value 100%

     -auto = string value of auto
     -inherit = string value of inherit

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Height Scale */
.h1 { height: 1rem; }
.h2 { height: 2rem; }
.h2-5 { height: 3rem; }
.h3 { height: 4rem; }
.h3-5 { height: 5rem; }
.h4 { height: 8rem; }
.h5 { height: 16rem; }
.h6 { height: 32rem; }


/* Height Percentages - Based off of height of parent */
.h-50 { height: 50%; }
.h-75 { height: 75%; }
/** Addon Franck */
.h-65 { height: 65%; }
.h-80 { height: 80%; }
.h-90 { height: 90%; }
.h-100 { height: 100%; }
.min-h-0 { min-height: 0; }
/** Addon Franck */


/* Screen Height Percentage */
.vh-25 { height: 25vh; }
.vh-50 { height: 50vh; }
.vh-100 { height: 100vh; }

/* Addons Franck */
.vh-30 { height: 30vh;}
.vh-35 { height: 35vh;}
.vh-60 { height: 60vh;}
.vh-90 { height: 90vh; }

/* Addons Franck */
.mvh-90 { max-height: 90vh; }
.mvh-95 { max-height: 95vh; }
.min-vh-100 { min-height: 100vh; }

/* Addons Franck */
.min-vh-6 { min-height: 6vh;}
.min-vh-15 { min-height: 15vh;}
.min-vh-30 { min-height: 30vh;}
.min-vh-100 { min-height: 100vh; }




/* String Properties */
/*

   LETTER SPACING
   Docs: http://tachyons.io/docs/typography/tracking/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.tracked { letter-spacing: .1em; }
/*

   LINE HEIGHT / LEADING
   Docs: http://tachyons.io/docs/typography/line-height

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.lh-solid { line-height: 1; }
.lh-title { line-height: 1.25; }
.lh-copy { line-height: 1.5; }
/*

   LINKS
   Docs: http://tachyons.io/docs/elements/links/

*/
.link { text-decoration: none; transition: color .15s ease-in; }
.link:link, .link:visited { transition: color .15s ease-in; }
.link:hover { transition: color .15s ease-in; }
.link:active { transition: color .15s ease-in; }
.link:focus { transition: color .15s ease-in; outline: 1px dotted currentColor; }
/*

   LISTS
   http://tachyons.io/docs/elements/lists/

*/
.list { list-style-type: none; }
/*

   MAX WIDTHS
   Docs: http://tachyons.io/docs/layout/max-widths/

   Base:
     mw = max-width

   Modifiers
     1 = 1st step in width scale
     2 = 2nd step in width scale
     3 = 3rd step in width scale
     4 = 4th step in width scale
     5 = 5th step in width scale
     6 = 6st step in width scale
     7 = 7nd step in width scale
     8 = 8rd step in width scale
     9 = 9th step in width scale

     -100 = literal value 100%

     -none  = string value none


   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Max Width Percentages */
.mw-100 { max-width: 100%; }
.mw-90 { max-width: 90%; }
.mw-50 { max-width: 50%; }

/* Max Width Percentages */
.mh-100 { max-height: 100%; }



/* Max Width Scale */
.mw5 { max-width: 16rem; }
.mw6 { max-width: 32rem; }
.mw8 { max-width: 64rem; }
.mw8-5 { max-width: 80rem; }
.mw8-9 { max-width: 90rem; }
.mw9 { max-width: 96rem; }
/* Max Width String Properties */
.min-w-0 { min-width: 0; }
.max-w-0 { max-width: 0; }


/* Max Width Scale */
.maxh5-5 { max-height: 24rem; }

/*

   WIDTHS
   Docs: http://tachyons.io/docs/layout/widths/

   Base:
     w = width

   Modifiers
     1 = 1st step in width scale
     2 = 2nd step in width scale
     3 = 3rd step in width scale
     4 = 4th step in width scale
     5 = 5th step in width scale

     -10  = literal value 10%
     -20  = literal value 20%
     -25  = literal value 25%
     -30  = literal value 30%
     -33  = literal value 33%
     -34  = literal value 34%
     -40  = literal value 40%
     -50  = literal value 50%
     -60  = literal value 60%
     -70  = literal value 70%
     -75  = literal value 75%
     -80  = literal value 80%
     -90  = literal value 90%
     -100 = literal value 100%

     -third      = 100% / 3 (Not supported in opera mini or IE8)
     -two-thirds = 100% / 1.5 (Not supported in opera mini or IE8)
     -auto       = string value auto


   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Width Scale */
.w1 { width: 1rem; }
.w2 { width: 2rem; }
.w2-5 { width: 3rem; }
.w3 { width: 4rem; }
.w3-5 { width: 5rem; }
.w4 { width: 8rem; }
.w4-5 { width: 12rem; }
.w5 { width: 16rem; }
.w6 { width: 32rem; }
.w8 { width: 64rem; }

.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-30 { width: 30%; }
.w-33 { width: 33%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-50 { width: 50%; }
.w-70 { width: 70%; }
.w-80 { width: 80%; }
.w-90 { width: 90%; }
.w-100 { width: 100%; }
.w-third { width: 33.33333%; }
.w-auto { width: auto; }
/*

    OVERFLOW

    Media Query Extensions:
      -ns = not-small
      -m  = medium
      -l  = large

 */
.overflow-visible { overflow: visible; }
.overflow-hidden { overflow: hidden; }
.overflow-x-hidden { overflow-x: hidden; }
.overflow-x-auto { overflow-x: auto; }
.overflow-y-scroll { overflow-y: scroll; }
/*

   POSITIONING
   Docs: http://tachyons.io/docs/layout/position/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.static { position: static; }
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
/*

    OPACITY
    Docs: http://tachyons.io/docs/themes/opacity/

*/
.o-100 { opacity: 1; }
.o-90 { opacity: .9; }
.o-80 { opacity: .8; }
.o-70 { opacity: .7; }
.o-60 { opacity: .6; }
.o-50 { opacity: .5; }
.o-40 { opacity: .4; }
.o-30 { opacity: .3; }
.o-20 { opacity: .2; }
.o-0 { opacity: 0; }

.hover-o-100:hover { opacity: 1; }

/*

   ROTATIONS

*/
/*

   SKINS
   Docs: http://tachyons.io/docs/themes/skins/

   Classes for setting foreground and background colors on elements.
   If you haven't declared a border color, but set border on an element, it will 
   be set to the current text color. 

*/
/* Text colors */
.black-80 { color: rgba( 0, 0, 0, .8 ); }
.black-70 { color: rgba( 0, 0, 0, .7 ); }
.black-60 { color: rgba( 0, 0, 0, .6 ); }
.black-50 { color: rgba( 0, 0, 0, .5 ); }
.black-30 { color: rgba( 0, 0, 0, .3 ); }
.black { color: #000; }
.dark-gray { color: #333; }
.gray { color: #777; }
.silver { color: #999; }
.light-gray { color: #eee; }
.white { color: #fff; }
.dark-red { color: #e7040f; }
.red { color: #ff4136; }
.orange { color: #ff6300; }
.gold { color: #ffb700; }
.yellow { color: #ffd700; }
.purple { color: #5e2ca5; }
.hot-pink { color: #ff41b4; }
.pink { color: #ff80cc; }
.dark-green { color: #137752; }
.green { color: #19a974; }
.dark-blue { color: #00449e; }
.dark-gold { color: #ce7c02; }
.blue { color: #357edd; }
/* Background colors */
.bg-black-90 { background-color: rgba( 0, 0, 0, .9 ); }
.bg-black-80 { background-color: rgba( 0, 0, 0, .8 ); }
.bg-black-70 { background-color: rgba( 0, 0, 0, .7 ); }
.bg-black-50 { background-color: rgba( 0, 0, 0, .5 ); }
.bg-black-20 { background-color: rgba( 0, 0, 0, .2 ); }
.bg-black-10 { background-color: rgba( 0, 0, 0, .1 ); }
.bg-black { background-color: #000; }
.bg-dark-gray { background-color: #333; }
.bg-mid-gray { background-color: #555; }
.bg-gray { background-color: #777; }
.bg-silver { background-color: #999; }
.bg-moon-gray { background-color: #ccc; }
.bg-light-gray { background-color: #eee; }
.bg-near-white { background-color: #f4f4f4; }
.bg-white { background-color: #fff; }
.bg-transparent { background-color: transparent; }
.bg-dark-red { background-color: #e7040f; }
.bg-red { background-color: #ff4136; }
.bg-light-red { background-color: #ff725c; }
.bg-orange { background-color: #ff6300; }
.bg-gold { background-color: #ffb700; }
.bg-yellow { background-color: #ffd700; }
.bg-light-yellow { background-color: #fbf1a9; }
.bg-purple { background-color: #5e2ca5; }
.hot-purple { color: #9c27b0; }
.bg-hot-purple { background-color: #9c27b0; }
.bg-light-purple { background-color: #a463f2; }
.bg-hot-pink { background-color: #ff41b4; }
.bg-pink { background-color: #ff80cc; }
.bg-light-pink { background-color: #ffa3d7; }
.bg-dark-green { background-color: #137752; }
.bg-green { background-color: #19a974; }
.bg-light-green { background-color: #9eebcf; }
.bg-dark-blue { background-color: #00449e; }
.bg-blue { background-color: #357edd; }
.bg-light-blue { background-color: #96ccff; }
.bg-washed-blue { background-color: #f6fffe; }
.bg-washed-green { background-color: #e8fdf5; }
.bg-washed-yellow { background-color: #fffceb; }
.bg-washed-red { background-color: #ffdfdf; }

.bg-striped-light-gray {
  background: repeating-linear-gradient(45deg, #eee, #eee 12px, transparent 12px, transparent 18px);
}


.bg-striped-washed-red {
  background: repeating-linear-gradient(45deg, #ffdfdf, #ffdfdf 12px, transparent 12px, transparent 18px);
}

.bg-striped-washed-green {
  background: repeating-linear-gradient(45deg, #e8fdf5, #e8fdf5 12px, transparent 12px, transparent 18px);
}


.bg-striped-near-white {
  background: repeating-linear-gradient(45deg, #f4f4f4, #f4f4f4 12px, transparent 12px, transparent 18px);
}


/* 
  
   SKINS:PSEUDO

   Customize the color of an element when
   it is focused or hovered over.
 
 */
.hover-black:hover { color: #000; }
.hover-black:focus { color: #000; }
.hover-white:hover { color: #fff; }
.hover-white:focus { color: #fff; }
.hover-bg-gray:hover { background-color: #777; }
.hover-bg-gray:focus { background-color: #777; }
.hover-bg-moon-gray:hover { background-color: #ccc; }
.hover-bg-moon-gray:focus { background-color: #ccc; }
.hover-bg-light-gray:hover { background-color: #eee; }
.hover-bg-light-gray:focus { background-color: #eee; }
.hover-bg-near-white:hover { background-color: #f4f4f4; }
.hover-bg-near-white:focus { background-color: #f4f4f4; }
.hover-bg-white:hover { background-color: #fff; }
.hover-bg-white:focus { background-color: #fff; }
.hover-bg-dark-green:hover { background-color: #137752; }
.hover-bg-dark-green:focus { background-color: #137752; }
.hover-bg-light-blue:hover { background-color: #96ccff; }
.hover-bg-light-blue:focus { background-color: #96ccff; }
.hover-bg-washed-blue:hover { background-color: #f6fffe; }
.hover-bg-washed-blue:focus { background-color: #f6fffe; }
.hover-bg-washed-green:hover { background-color: #e8fdf5; }
.hover-bg-washed-green:focus { background-color: #e8fdf5; }
.hover-bg-washed-red:hover { background-color: #ffdfdf; }
.hover-bg-washed-red:focus { background-color: #ffdfdf; }
/* Variables */
/*
   SPACING
   Docs: http://tachyons.io/docs/layout/spacing/

   An eight step powers of two scale ranging from 0 to 16rem.

   Base:
     p = padding
     m = margin

   Modifiers:
     a = all
     h = horizontal
     v = vertical
     t = top
     r = right
     b = bottom
     l = left

     0 = none
     1 = 1st step in spacing scale
     2 = 2nd step in spacing scale
     3 = 3rd step in spacing scale
     4 = 4th step in spacing scale
     5 = 5th step in spacing scale
     6 = 6th step in spacing scale
     7 = 7th step in spacing scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.pa1 { padding: .25rem; }
.pa2 { padding: .5rem; }
.pa3 { padding: 1rem; }
.pa4 { padding: 2rem; }
.pa5 { padding: 4rem; }
.pl0 { padding-left: 0; }
.pl1 { padding-left: .25rem; }
.pl2 { padding-left: .5rem; }
.pl3 { padding-left: 1rem; }
.pl4 { padding-left: 2rem; }
.pl5 { padding-left: 4rem; }
.pr1 { padding-right: .25rem; }
.pr2 { padding-right: .5rem; }
.pr3 { padding-right: 1rem; }
.pr4 { padding-right: 2rem; }
.pr5 { padding-right: 4rem; }
.pb0 { padding-bottom: 0; }
.pb1 { padding-bottom: .25rem; }
.pb2 { padding-bottom: .5rem; }
.pb3 { padding-bottom: 1rem; }
.pb4 { padding-bottom: 2rem; }
.pb5 { padding-bottom: 4rem; }
.pb6 { padding-bottom: 8rem; }
.pb7 { padding-bottom: 16rem; }
.pt0 { padding-top: 0; }
.pt1 { padding-top: .25rem; }
.pt2 { padding-top: .5rem; }
.pt3 { padding-top: 1rem; }
.pt4 { padding-top: 2rem; }
.pt5 { padding-top: 4rem; }
.pt6 { padding-top: 8rem; }
.pv0 { padding-top: 0; padding-bottom: 0; }
.pv1 { padding-top: .25rem; padding-bottom: .25rem; }
.pv2 { padding-top: .5rem; padding-bottom: .5rem; }
.pv3 { padding-top: 1rem; padding-bottom: 1rem; }
.pv4 { padding-top: 2rem; padding-bottom: 2rem; }
.pv5 { padding-top: 4rem; padding-bottom: 4rem; }
.pv6 { padding-top: 8rem; padding-bottom: 8rem; }
.ph1 { padding-left: .25rem; padding-right: .25rem; }
.ph2 { padding-left: .5rem; padding-right: .5rem; }
.ph3 { padding-left: 1rem; padding-right: 1rem; }
.ph4 { padding-left: 2rem; padding-right: 2rem; }
.ph5 { padding-left: 4rem; padding-right: 4rem; }
.ph6 { padding-left: 8rem; padding-right: 8rem; }
.ma0 { margin: 0; }
.ma1 { margin: .25rem; }
.ma1-5 { margin: .375rem; }
.ma2 { margin: .5rem; }
.ma3 { margin: 1rem; }
.ma4 { margin: 2rem; }
.ma5 { margin: 4rem; }
.ml0 { margin-left: 0; }
.ml1 { margin-left: .25rem; }
.ml2 { margin-left: .5rem; }
.ml3 { margin-left: 1rem; }
.ml4 { margin-left: 2rem; }
.ml5 { margin-left: 4rem; }
.mr1 { margin-right: .25rem; }
.mr2 { margin-right: .5rem; }
.mr3 { margin-right: 1rem; }
.mr4 { margin-right: 2rem; }
.mr5 { margin-right: 4rem; }
.mb0 { margin-bottom: 0; }
.mb1 { margin-bottom: .25rem; }
.mb2 { margin-bottom: .5rem; }
.mb3 { margin-bottom: 1rem; }
.mb4 { margin-bottom: 2rem; }
.mb5 { margin-bottom: 4rem; }
.mb6 { margin-bottom: 8rem; }
.mb7 { margin-bottom: 16rem; }
.mt0 { margin-top: 0; }
.mt1 { margin-top: .25rem; }
.mt2 { margin-top: .5rem; }
.mt3 { margin-top: 1rem; }
.mt4 { margin-top: 2rem; }
.mt5 { margin-top: 4rem; }
.mt6 { margin-top: 8rem; }
.mv0 { margin-top: 0; margin-bottom: 0; }
.mv2 { margin-top: .5rem; margin-bottom: .5rem; }
.mv3 { margin-top: 1rem; margin-bottom: 1rem; }
.mv4 { margin-top: 2rem; margin-bottom: 2rem; }
.mv5 { margin-top: 4rem; margin-bottom: 4rem; }
.mh1 { margin-left: .25rem; margin-right: .25rem; }
.mh2 { margin-left: .5rem; margin-right: .5rem; }
.mh3 { margin-left: 1rem; margin-right: 1rem; }
.mh4 { margin-left: 2rem; margin-right: 2rem; }
.mh5 { margin-left: 4rem; margin-right: 4rem; }
/*
   NEGATIVE MARGINS

   Base:
     n = negative

   Modifiers:
     a = all
     t = top
     r = right
     b = bottom
     l = left

     1 = 1st step in spacing scale
     2 = 2nd step in spacing scale
     3 = 3rd step in spacing scale
     4 = 4th step in spacing scale
     5 = 5th step in spacing scale
     6 = 6th step in spacing scale
     7 = 7th step in spacing scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.na2 { margin: -0.5rem; }
.nl1 { margin-left: -0.25rem; }
.nl3 { margin-left: -1rem; }
.nl6 { margin-left: -8rem; }
.nr1 { margin-right: -0.25rem; }
.nr3 { margin-right: -1rem; }
.nr6 { margin-right: -8rem; }
.nb3 { margin-bottom: -1rem; }
.nt1 { margin-top: -0.25rem; }
.nt2 { margin-top: -0.5rem; }
.nt3 { margin-top: -1rem; }
/*

  TABLES
  Docs: http://tachyons.io/docs/elements/tables/

*/
.collapse { border-collapse: collapse; border-spacing: 0; }
/*

   TEXT DECORATION
   Docs: http://tachyons.io/docs/typography/text-decoration/


   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.strike { text-decoration: line-through; }
.hover-underline:hover { text-decoration: underline; }
.no-underline { text-decoration: none; }
/*

  TEXT ALIGN
  Docs: http://tachyons.io/docs/typography/text-align/

  Base
    t = text-align

  Modifiers
    l = left
    r = right
    c = center
    j = justify

  Media Query Extensions:
    -ns = not-small
    -m  = medium
    -l  = large

*/
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
/*

   TEXT TRANSFORM
   Docs: http://tachyons.io/docs/typography/text-transform/

   Base:
     tt = text-transform

   Modifiers
     c = capitalize
     l = lowercase
     u = uppercase
     n = none

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.ttl { text-transform: lowercase; }
.ttu { text-transform: uppercase; }
/*

   TYPE SCALE
   Docs: http://tachyons.io/docs/typography/scale/

   Base:
    f = font-size

   Modifiers
     1 = 1st step in size scale
     2 = 2nd step in size scale
     3 = 3rd step in size scale
     4 = 4th step in size scale
     5 = 5th step in size scale
     6 = 6th step in size scale
     7 = 7th step in size scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large
*/
/*
 * For Hero/Marketing Titles
 *
 * These generally are too large for mobile
 * so be careful using them on smaller screens.
 * */
 .f-headline { font-size: 6rem; }
 .f-subheadline { font-size: 5rem; }
/* Type Scale */
.f0 { font-size: 4rem; }
.f1 { font-size: 3rem; }
.f2 { font-size: 2.25rem; }
.f3 { font-size: 1.5rem; }
.f4 { font-size: 1.25rem; }
.f5 { font-size: 1rem; }
.f6 { font-size: .875rem; }
.f7 { font-size: .75rem; }
/* Small and hard to read for many people so use with extreme caution */
/*

   TYPOGRAPHY
   http://tachyons.io/docs/typography/measure/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Measure is limited to ~66 characters */
/* Measure is limited to ~80 characters */
/* Measure is limited to ~45 characters */
/* Book paragraph style - paragraphs are indented with no vertical spacing. */
.indent { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
/* Combine this class with a width to truncate text (or just leave as is to truncate at width of containing element. */
.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.truncate-l2 {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Nombre de lignes souhaitées */
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.us-none {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none;      /* IE/Edge */
  user-select: none;         /* Standard */
}
/*
	Sticky
	*/
	.overflow-x-auto {
	  overflow-x: auto;
	  /* Pour Firefox */
	  scrollbar-width: none; 
	  /* Pour Internet Explorer et Edge */
	  -ms-overflow-style: none; 
	  -webkit-overflow-scrolling: touch; /* Scroll à inertie sur iOS */
	  scroll-snap-type: x proximity;    /* Optionnel : aimante le tableau sur les colonnes */
	}



	/* Pour Chrome, Safari et Opera */
	.overflow-x-auto::-webkit-scrollbar {
	  display: none;
	}

	.sticky-col {
	  position: sticky;
	  left: 0;
	  z-index: 2; /* Pour passer au-dessus des autres cellules pendant le scroll */
	  border-right: 1px solid #eee; /* Optionnel : une petite ligne de séparation */
	}

	/* Pour le header, on s'assure qu'il reste au-dessus aussi */
	thead th.sticky-col {
	  z-index: 3; 
	}

/*

   UTILITIES

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Equivalent to .overflow-y-scroll */
.center { margin-right: auto; margin-left: auto; }
/*

   VISIBILITY

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*
    Text that is hidden but accessible
    Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.clip { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
/*

   WHITE SPACE

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.nowrap { white-space: nowrap; }
.pre { white-space: pre; }
/*

   VERTICAL ALIGN

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.v-mid { vertical-align: middle; }
.v-top { vertical-align: top; }
/*

  HOVER EFFECTS
  Docs: http://tachyons.io/docs/themes/hovers/

    - Dim
    - Glow
    - Hide Child
    - Underline text
    - Grow
    - Pointer
    - Shadow

*/
/*

  Dim element on hover by adding the dim class.

*/
.dim { opacity: 1; transition: opacity .15s ease-in; }
.dim:hover, .dim:focus { opacity: .5; transition: opacity .15s ease-in; }
.dim:active { opacity: .8; transition: opacity .15s ease-out; }
/*

  Animate opacity to 100% on hover by adding the glow class.

*/
/*

  Hide child & reveal on hover:

  Put the hide-child class on a parent element and any nested element with the
  child class will be hidden and displayed on hover or focus.

  <div class="hide-child">
    <div class="child"> Hidden until hover or focus </div>
    <div class="child"> Hidden until hover or focus </div>
    <div class="child"> Hidden until hover or focus </div>
    <div class="child"> Hidden until hover or focus </div>
  </div>
*/
.hide-child .child { opacity: 0; transition: opacity .15s ease-in; }
.hide-child:hover  .child, .hide-child:focus  .child, .hide-child:active .child { opacity: 1; transition: opacity .15s ease-in; }
.underline-hover:hover, .underline-hover:focus { text-decoration: underline; }
/* Can combine this with overflow-hidden to make background images grow on hover
 * even if you are using background-size: cover */
.grow { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ( 0 ); transform: translateZ( 0 ); transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out, -webkit-transform .25s ease-out; }
.grow:hover { -webkit-transform: scale( 1.05 ); transform: scale( 1.05 ); }
.grow:active { -webkit-transform: scale( .90 ); transform: scale( .90 ); }
.grow-large { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ( 0 ); transform: translateZ( 0 ); transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; }
.grow-large:hover { -webkit-transform: scale( 1.2 ); transform: scale( 1.2 ); }
.grow-large:active { -webkit-transform: scale( .95 ); transform: scale( .95 ); }
.grow-small { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ( 0 ); transform: translateZ( 0 ); transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; }
.grow-small:hover { -webkit-transform: scale( 1.02 ); transform: scale( 1.02 ); }
.grow-small:active { -webkit-transform: scale( .95 ); transform: scale( .95 ); }
/* Add pointer on hover */
.pointer:hover { cursor: pointer; }
.pointer-loading { cursor: wait; }

.grab:hover { cursor: grab; }





@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.05);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* Utility class dans l'esprit Tachyons */



@keyframes pulse-shadow {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  
  100% {
    transform: scale(1.80);
    opacity: 0.3;
  }
}

/* Utility class dans l'esprit Tachyons */
.pulse-shadow {
  animation: pulse-shadow 1s infinite ease-in-out;
}




/* 
   Add shadow on hover.

   Performant box-shadow animation pattern from 
   http://tobiasahlin.com/blog/how-to-animate-box-shadow/ 
*/
/* Combine with classes in skins and skins-pseudo for 
 * many different transition possibilities. */
/*

  Z-INDEX

  Base
    z = z-index

  Modifiers
    -0 = literal value 0
    -1 = literal value 1
    -2 = literal value 2
    -3 = literal value 3
    -4 = literal value 4
    -5 = literal value 5
    -999 = literal value 999
    -9999 = literal value 9999

    -max = largest accepted z-index value as integer

    -inherit = string value inherit
    -initial = string value initial
    -unset = string value unset

  MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
  Spec: http://www.w3.org/TR/CSS2/zindex.html
  Articles:
    https://philipwalton.com/articles/what-no-one-told-you-about-z-index/

  Tips on extending:
  There might be a time worth using negative z-index values.
  Or if you are using tachyons with another project, you might need to
  adjust these values to suit your needs.

*/
.z-0 { z-index: 0; }
.z-1 { z-index: 1; }
.z-2 { z-index: 2; }
.z-3 { z-index: 3; }
.z-4 { z-index: 4; }
.z-5 { z-index: 5; }
.z-999 { z-index: 999; }
.z-9998 { z-index: 9998; }
.z-9999 { z-index: 9999; }
.z-max { z-index: 2147483647; }
/*

    NESTED
    Tachyons module for styling nested elements
    that are generated by a cms.

*/
/*

  STYLES

  Add custom styles here.

*/
/* Variables */
/* Importing here will allow you to override any variables in the modules */
/*

   Tachyons
   COLOR VARIABLES

   Grayscale
   - Solids
   - Transparencies
   Colors

*/
/*

  CUSTOM MEDIA QUERIES

  Media query values can be changed to fit your own content.
  There are no magic bullets when it comes to media query width values.
  They should be declared in em units - and they should be set to meet
  the needs of your content. You can also add additional media queries,
  or remove some of the existing ones.

  These media queries can be referenced like so:

  @media (--breakpoint-not-small) {
    .medium-and-larger-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-medium) {
    .medium-screen-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-large) {
    .large-and-larger-screen-specific-style {
      background-color: red;
    }
  }

*/
/* Media Queries */
/* Debugging */
/*

  DEBUG CHILDREN
  Docs: http://tachyons.io/docs/debug/

  Just add the debug class to any element to see outlines on its
  children.

*/
.debug * { outline: 1px solid gold; }
/*

   DEBUG GRID
   http://tachyons.io/docs/debug-grid/

   Can be useful for debugging layout issues
   or helping to make sure things line up perfectly.
   Just tack one of these classes onto a parent element.

*/
/* Uncomment out the line below to help debug layout issues */
/* @import './_debug'; */
@media screen and (min-width: 33em) {
	
  html {
    font-size: 60%; /* Réduit tout ton texte de 15% uniformément */
  }
 .br-ns { border-right-style: solid; border-right-width: 1px; }
 .br4-ns { border-radius: 1rem; }
 .dn-ns { display: none; }
 .db-ns { display: block; }
 .dib-ns { display: inline-block; }
 .dtc-ns { display: table-cell; }
 .flex-ns { display: flex; }
 .flex-auto-ns { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ }
 .flex-row-ns { flex-direction: row; }
 .items-start-ns { align-items: flex-start; }
 .items-center-ns { align-items: center; }
 .self-start-ns { align-self: flex-start; }
 .justify-start-ns { justify-content: flex-start; }
 .justify-end-ns { justify-content: flex-end; }
 .h3-5-ns { height: 5rem; }
 .h5-ns { height: 16rem; }
 .h5-5-ns { height: 24rem; }

 
 .h-100-ns { height: 100%; }
 
/* Addons Franck */
 .h-auto-ns { height: auto; }
 .mw6-ns { max-width: 32rem; }
 .mw7-ns { max-width: 48rem; }
 .w5-ns { width: 16rem; }
 .w6-ns { width: 32rem; }
 .w6-5-ns { width: 40rem; }
 .w8-ns { width: 64rem; }
 .w-33-ns { width: 33%; }
 .w-40-ns { width: 40%; }
 .w-50-ns { width: 50%; }
 .w-60-ns { width: 60%; }
 .w-100-ns { width: 100%; }
 .w-auto-ns { width: auto; }
 .pa4-ns { padding: 2rem; }
 .pl4-ns { padding-left: 2rem; }
 .pr3-ns { padding-right: 1rem; }
 .pt5-ns { padding-top: 4rem; }
 .ph4-ns { padding-left: 2rem; padding-right: 2rem; }
 .ph5-ns { padding-left: 4rem; padding-right: 4rem; }
 .ml0-ns { margin-left: 0; }
 .mr3-ns { margin-right: 1rem; }
 .mb0-ns { margin-bottom: 0; }
 .mb5-ns { margin-bottom: 4rem; }
 .mt6-ns { margin-top: 8rem; }
 .mh0-ns { margin-left: 0; margin-right: 0; }
 .tl-ns { text-align: left; }
 .f3-ns { font-size: 1.5rem; }
 .f4-ns { font-size: 1.25rem; }
 .f6-ns { font-size: .875rem; }
}




@media screen and (min-width: 33em) and (max-width: 1200px) {
 .dn-m { display: none; }
 .db-m { display: block; }
 .flex-column-m { flex-direction: column; }
 .flex-row-m { flex-direction: row; }
 .items-start-m { align-items: flex-start; }
  
/* Addons Franck */
.vh-40-m { height: 40vh;}
 .w6-m { width: 32rem; }
 .w-30-m { width: 30%; }
 .w-33-m { width: 33%; }
 .w-40-m { width: 40%; }
 .w-50-m { width: 50%; }
 .w-60-m { width: 60%; }

 .w-100-m { width: 100%; }
 .w-auto-m { width: auto; }
 .pv0-m { padding-top: 0; padding-bottom: 0; }
 .ph3-m { padding-left: 1rem; padding-right: 1rem; }
 .ph4-m { padding-left: 2rem; padding-right: 2rem; }
 .mr2-m { margin-right: .5rem; }
 .mb4-m { margin-bottom: 2rem; }
 .mh4-m { margin-left: 2rem; margin-right: 2rem; }
 .tl-m { text-align: left; }
}

@media screen and (min-width: 33em) and (max-width: 1200px) {
  
/* Addons Franck */
}


@media screen and (min-width: 62em) and (max-width: 1200px) {
 .br3-ml { border-radius: .5rem; }
 .db-ml { display: block; }
 .justify-center-ml { justify-content: center; }
  
/* Addons Franck */
 .minw8-ml { min-width: 64rem; }
 .w-33-ml { width: 33%; }
 .w-75-ml { width: 75%; }
 .w-90-ml { width: 90%; }
}



@media screen and (min-width: 1200px) {
	

  html {
    font-size: 60%; /* Réduit tout ton texte de 15% uniformément */
  }
 .br3-l { border-radius: .5rem; }
 .br--left-l { border-top-right-radius: 0; border-bottom-right-radius: 0; }
 .shadow-4-l { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
 .dn-l { display: none; }
 .di-l { display: inline; }
 .db-l { display: block; }
 .dib-l { display: inline-block; }
 .dtc-l { display: table-cell; }
 .flex-auto-l { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ }
 .flex-none-l { flex: none; }
 .flex-row-l { flex-direction: row; }
 .flex-nowrap-l { flex-wrap: nowrap; }
 .items-start-l { align-items: flex-start; }
 .items-end-l { align-items: flex-end; }
 .items-center-l { align-items: center; }
 .items-stretch-l { align-items: stretch; }
 .self-start-l { align-self: flex-start; }
 .justify-end-l { justify-content: flex-end; }
 .justify-center-l { justify-content: center; }
 .flex-shrink-0-l { flex-shrink: 0; }
 .h7-l { height: 48rem; }

/* Addons Franck */
 .vh-50-l { height: 50vh; }
 .h-auto-l { height: auto; }
 .mw6-l { max-width: 32rem; }
 .minw6-l { min-width: 32rem; }
 .minw8-l { min-width: 64rem; }
 .w6-l { width: 32rem; }
 .w7-l { width: 48rem; }
 .w8-l { width: 64rem; }
 .w9-l { width: 96rem; }
 .w-20-l { width: 20%; }
 .w-25-l { width: 25%; }
 .w-30-l { width: 30%; }
 .w-33-l { width: 33%; }
 .w-40-l { width: 40%; }
 .w-50-l { width: 50%; }
 .w-60-l { width: 60%; }
 .w-70-l { width: 70%; }
 .w-75-l { width: 75%; }
 .w-100-l { width: 100%; }
 .w-auto-l { width: auto; }
 .pa5-l { padding: 4rem; }
 .pa6-l { padding: 8rem; }
 .pl4-l { padding-left: 2rem; }
 .pb0-l { padding-bottom: 0; }
 .pt0-l { padding-top: 0; }
 .pv0-l { padding-top: 0; padding-bottom: 0; }
 .pv4-l { padding-top: 2rem; padding-bottom: 2rem; }
 .pv5-l { padding-top: 4rem; padding-bottom: 4rem; }
 .pv6-l { padding-top: 8rem; padding-bottom: 8rem; }
 .ph4-l { padding-left: 2rem; padding-right: 2rem; }
 .ph5-l { padding-left: 4rem; padding-right: 4rem; }
 .ph6-l { padding-left: 8rem; padding-right: 8rem; }
 .ph7-l { padding-left: 16rem; padding-right: 16rem; }
 .ml4-l { margin-left: 2rem; }
 .mr2-l { margin-right: .5rem; }
 .mb0-l { margin-bottom: 0; }
 .mb2-l { margin-bottom: .5rem; }
 .mb6-l { margin-bottom: 8rem; }
 .mt0-l { margin-top: 0; }
 .mt7-l { margin-top: 16rem; }
 .mh4-l { margin-left: 2rem; margin-right: 2rem; }
 .mh5-l { margin-left: 4rem; margin-right: 4rem; }
 .nl7-l { margin-left: -16rem; }
 .nr6-l { margin-right: -8rem; }
 .nr7-l { margin-right: -16rem; }
 .tl-l { text-align: left; }
 .tr-l { text-align: right; }
 .f3-l { font-size: 1.5rem; }
 .f5-l { font-size: 1rem; }
}




@media screen and (min-width: 1850px) {

/* Addons Franck */
 .w12-xl { width: 144rem; }
 .w-20-xl { width: 20%; }
 .w-25-xl { width: 25%; }
}

/* --- Source: flatpickr.css --- */
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
          animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
          box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57,57,57,0.15);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57,57,57,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57,57,57,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0,0,0,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
          box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
      -ms-flex-preferred-size: 14.2857143%;
          flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
          box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57,57,57,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
          box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
          box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57,57,57,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

/* --- Source: leaflet.css --- */
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */

.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */

.leaflet-pane         { z-index: 400; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-control {
	float: left;
	clear: both;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}

.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */

.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}


.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

/* --- Source: styles.css --- */
/*------------------------------------------------------------- 
Ver-Vert Studio 
https://www.ververt-studio.com
---------------------------------------------------------------*/
html, body {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-size-adjust:100%;
  cursor: default;
  text-rendering: geometricPrecision;
}

*:before, *:after {
    -moz-box-sizing: border-box;
}

*:before, *:after {
    -moz-box-sizing: border-box;
}

* {
  
}


body {
    color: #222;
    direction: ltr;
	-moz-box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: "Fjalla One script=all rev=2", "Roboto Condensed", Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8em;
}


div, input, select, textarea, span, img, table, td, th, p, a, button, ul, code, pre, li {

}


a {
	color:inherit;
}

a:hover, a:focus  {
	text-decoration:none;
	cursor:pointer;
}



h1, h2, h3, h4, h5 {
	font-weight: 300;
}

h1 {
	font-size:2em;
}

h2 {
	font-size:1.6em;
}

h3 {
	font-size:1.3em;
}


h4 {
	font-size:1.1em;
}


h5 {
	font-size:1em;
}

.body {
	margin:0 auto;
	position:relative;
	z-index:0;
}
.space10 {width: 100%;display: table;margin-bottom:10px; content:" ";}
.space15 {width: 100%;display: table;margin-bottom:15px; content:" ";}
.space20 {width: 100%;display: table;margin-bottom:20px; content:" ";}
.space25 {width: 100%;display: table;margin-bottom:25px; content:" ";}
.space30 {width: 100%;display: table;margin-bottom:30px; content:" ";}
.space40 {width: 100%;display: table;margin-bottom:40px; content:" ";}
.space50 {width: 100%;display: table;margin-bottom:50px; content:" ";}
.space60 {width: 100%;display: table;margin-bottom:60px; content:" ";}
.space80 {width: 100%;display: table;margin-bottom:80px; content:" ";}


/* no-select
-------------------------------------------------- */


/* Middle center
-------------------------------------------------- */
.list-inline > li {
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
}


.list-inline {
    list-style: none outside none;
}



.no-padding {
	padding-left:0px !important;
	padding-right:0px !important;
}


/*------------------------------------------------------------- 
                    HEADER STYLES
---------------------------------------------------------------*/




/*---------------------------------------------------------------
	Buttons
---------------------------------------------------------------------*/

.btn {
	font-family: "Roboto Condensed";

    border: 0px;
    padding: 15px 15px;
	text-align: center;
    vertical-align: middle;
}


.btn.btn-primary.active,
.btn.btn-primary {
	color: #333333;
    background-color: #393939;
	color: #FFFFFF;
}


.btn.full {

   width:100%;
	
}

.btn.small {
    font-size: 85% !important;
    line-height: 85% !important;
    padding: 10px 10px;
}

.btn.btn-default {
	background-color: #eee;
}



/*------------------------------------------------------------- 
                   Drop down
---------------------------------------------------------------*/
.btn.dropdown-toggle, .btn-group .btn.dropdown-toggle, .btn:hover, .btn:disabled, .btn[disabled], .btn:focus, .btn:active, .btn.active {
    background-image: none !important;
    box-shadow: none;
    filter: none;
    outline: medium none !important;
    text-shadow: none;
}

.blue.btn {
    background-color: #4B8DF8 !important;
    color: #FFFFFF !important;
}

.dark.btn {
    background-color: #333 !important;
    color: #FFFFFF !important;
}


.btn.dropdown-toggle, .btn-group .btn.dropdown-toggle, .btn:hover, .btn:disabled, .btn[disabled], .btn:focus, .btn:active, .btn.active {
    background-image: none !important;
    box-shadow: none;
    filter: none;
    outline: medium none !important;
    text-shadow: none;
}

.btn.dropdown-toggle, .btn-group .btn.dropdown-toggle, .btn:hover, .btn:disabled, .btn[disabled], .btn:focus, .btn:active, .btn.active {
    text-shadow: none;
}

.blue.btn {
    color: #FFFFFF !important;
}

.blue.btn .caret {
    color: #FFFFFF !important;
}

.btn > i {
  font-size: 1.2em;
  margin-right: 0.5em;
}

.btn > i {
  font-size: 1.2em;
  padding-top: 6px;
}

.btn.btn-primary > i {
  margin-right: 0.5em;
}

.btn.only-icon > i {
  margin-right: 0em;
}

.btn.dropdown-toggle i {
 /*   margin-left:15px;*/
}

.open .blue.btn.dropdown-toggle {
    background-color: #2e7af7;
    color: white;
}
.blue.btn:active, .blue.btn.active {
    background-image: none;
}
.open .blue.btn.dropdown-toggle {
    background-image: none;
}

.dropdown {
    position: relative;
}
.dropdown-toggle:focus {
    outline: 0 none;
}
.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: none outside none;
    /*margin: 2px 0 0;*/
    min-width: 160px;
    /*padding: 5px 0;*/
    position: absolute;
    top: 100%;
    z-index: 9;
}

.dropdown-menu.pull-right {
    left: auto;
    right: 0;
}
.dropdown-menu > li > a {
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus {
    background-color: #f5f5f5;
    color: #262626;
    text-decoration: none;
	border: 0px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #428bca;
    color: #fff;
    outline: 0 none;
    text-decoration: none;
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    color: #999;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    background-color: transparent;
    background-image: none;
    cursor: not-allowed;
    text-decoration: none;
}
.dropdown-menu.in {
    display: block;
}
.open  a {
    outline: 0 none;
}
.dropdown-header {
    color: #999;
    display: block;
    font-size: 12px;
    line-height: 1.42857;
    padding: 3px 20px;
}
.pull-right > .dropdown-menu {
    left: auto;
    right: 0;
}

 
  
/*------------------------------------------------------------- 
	                  ETXRAS
---------------------------------------------------------------*/

/*------------------------------------------------------------- 
	                  TABS STYLES
---------------------------------------------------------------*/


.btn {
    font-size: unset;
    line-height:  unset;
}

.form-control {
    height: unset;
     font-size: unset;
     line-height:unset; 
}

.form-group {

}

.form-group.disabled > * {
    color: #aaa !important;
}


.form-password,
.form-phone,
.form-teams,
.form-whatsapp,
.form-email,
.form-user  {
	position:relative;
}


.form-password .form-control,
.form-phone .form-control,
.form-teams .form-control,
.form-whatsapp .form-control,
.form-email .form-control,
.form-user .form-control  {
	background-color:#ffffff;
	padding-left: 30px;
}


.form-phone:before,
.form-teams:before,
.form-whatsapp:before,
.form-teams:before,
.form-password:before,
.form-email:before,
.form-user:before {
	display: inline;
    font-family: "Font Awesome 7 Pro";
    font-size: 18px !important;
    font-weight: 300;
    height: auto;
    margin-right: 5px;
    margin-top: 0;
    text-shadow: none;
    position: absolute;
    left: 7px;
	top: 7px;
	color: #999999;
}

.form-whatsapp:before {
	display: inline;
    font-family: "Font Awesome 5 Brands";
    font-size: 18px !important;
    font-weight: 300;
    height: auto;
    margin-right: 5px;
    margin-top: 0;
    text-shadow: none;
    position: absolute;
    left: 7px;
	top: 7px;
	color: #999999;
}

.form-email:before {
	content: "\f1fa";
}

.form-password:before {
	content: "\f084";
}

.form-phone:before {
	content: "\f095";
}

.form-teams:before {
	content: "\f007";
}

.form-whatsapp:before {
	content: "\f232";
}

.form-user:before {
	content: "\f2bb";
}


.form-control.has-error  {
    border-color: #d73232;
    outline: 0 none;
}

.form-control:focus.has-error  {
    border-color: #e3a52e;
    outline: 0 none;
}

.form-parent:has(.form-control.has-error) > input  {
    border: 1px solid #d73232;
}


.alert-danger p {
  color: #b94a48;
  font-size: 1em;
}



/*------------------------------------------------------------- 
	                   Dropdown toggle
---------------------------------------------------------------*/

.dropdown-toggle:hover
{
	cursor:pointer;
}
.dropdown-toggle   [class*=" fa-chevron-up"] 
{
	display:none;
}

.open .dropdown-toggle   [class*=" fa-chevron-up"] 
{
	display:inline-block;
}

.open .dropdown-toggle   [class*=" fa-chevron-down"] 
{
	display:none;
}


/*------------------------------------------------------------- 
	                   404PAGE  STYLES
---------------------------------------------------------------*/



/*---------------------------------------------------------------
	Login
---------------------------------------------------------------------*/

.logging {
	width:100%;
}


@media (max-width:580px) {

	.logging {
		text-align:center;
	}
	
}


/*------------------------------------------------------------- 
	                 FOOTER STYLES
---------------------------------------------------------------*/


.footer-widget  {
	position:relative;
	top:-25px;
	margin-bottom: 50px;
	color:#fff;
}

.footer-widget h4 {
	font-family:"Roboto condensed";

}


.footer-widget h6 {
    margin-bottom: 20px;
    margin-top: -18px !important;
	color:#fff;
    display: inline-block;
    padding: 10px;
	text-transform: uppercase;
}

.footer-widget h6 span {
	color: #FFFFFF;
    font-family: "arial";
    font-size: 12px;
    line-height: 19px;
}

.footer-widget h2 {
	color:#fff;

}

.footer-widget .btn-primary.active, .footer-widget  .btn-primary {
    background-color: #895f24 !important;
}


.footer-widget  .btn-primary.contact  {
    position: relative;
}

/*------------------------------------------------------------- 
                   FOOTER COPYRIGHT STYLES
---------------------------------------------------------------*/

.footer-bottom {
	background:#212529;
	position:relative;
}

.footer-bottom p {

	color:#a0a0a0;

	margin:0px;
	margin: 0px;
    text-align: center;
}

.footer-bottom a {
	color:#ffffff;
}

.footer-bottom a:underline {
	text-decoration:undeline;
}


/*------------------------------------------------------------- 
    ScrollBar
---------------------------------------------------------------*/


.iScrollVerticalScrollbar {
	  position: absolute;
	  z-index: 301;
	  width: 5px;
	  bottom: 2px;
	  top: 2px;
	  right: 3px;
	  opacity: 0;
	 -webkit-transition: opacity 1s ease 0.2s;
	 -moz-transition: opacity 1s ease 0.2s;
	 -ms-transition: opacity 1s ease 0.2s;
	 transition: opacity 1s ease 0.2s;
}

.iScrollVerticalScrollbar > .iScrollIndicator {
	  box-sizing: border-box;
	  position: absolute;
	  border: 0px;
	  background: #555;
	  width: 100%;
}

.rgba .iScrollVerticalScrollbar > .iScrollIndicator {
	  border: 0px;
	  background: rgba(20, 20, 20, 0.498039);
}



.iScrollVerticalScrollbar.scrolling,
.iScrollVerticalScrollbar.moving {
	opacity: 1;
}

.iScrollVerticalScrollbar.always-visible {
  	  -webkit-transition: opacity 0s ease 0s;
  	  -moz-transition: opacity 0s ease 0s;
  	  transition: opacity 0s ease 0s;
	 opacity: 1;
}



.iScrollVerticalScrollbar.interactive {
	  cursor: pointer;
}

/* --- Source: styles_my.css --- */
/*-------------------------------------------------------------
Ver-Vert Studio
https://www.ververt-studio.com
---------------------------------------------------------------*/

* {
    -moz-box-sizing: border-box;
}

html, body {
 display:block;
 overflow-x: hidden;
}

html {
 display:block;
 width:100%;
 height:100%;
}



html.ready {
	background-color: inherit !important;
}

.ready body {
	background-color: inherit !important;
}



body.fixed {
	position: fixed;
	top:0px;
	left:0px;
	width:100%;
	-ms-overflow-style: scrollbar;
	overflow-x: hidden;
	overflow-y:scroll;
}

body {
	min-width:320px;
	-ms-overflow-style: scrollbar;
	overflow-x: hidden;
	

}


.body-container {
    position: relative;
    display: block;
    touch-action: pan-y;
}

div, input, select, textarea, span, img, table, td, th, p, a, button, ul, code, pre, li {

}

input, input:focus, input:hover {
	outline: 0 none;
	text-decoration: none !important;
	text-decoration-line: none;
}

a {
    outline: 0 none;
	text-decoration: none;
	-webkit-touch-callout: none;
	-webkit-transition:  all .1s ease-in;
    transition: all  .1s ease-in;
	transition-property: color, opacity;
	-webkit-transition-property: color, opacity;
	-webkit-touch-callout: none !important;
}
  
  
.no-underline,  
.no-underline a,  
.no-underline a:hover,  
.no-underline a:focus,  
.no-underline a:visited,  
.no-underline a:active,  
a.no-underline,
a.no-underline:hover,
a.no-underline:focus,
a.no-underline:visited,
a.no-underline:active {
	outline: 0 none !important;
	text-decoration: none !important;
    border-bottom: 0px !important;
}	

a.dark {
  color:#333 !important;
  font-weight:400;
}

a.dark:hover,
a.dark:focus,
a.dark:visited {
  color:#333 !important;
}	



.link-light:focus, .link-light:hover, .link-light:active {
	color:#fff;
}
	
	
.inline {
  display:inline-block;
}


/*-------------------------------------------------------------
               Detending of user rights
---------------------------------------------------------------*/



/*-------------------------------------------------------------
               Detending of user rights
---------------------------------------------------------------*/

.when-can-install {
	display:none;
}

.can-install .when-can-install {
	display:block;
}


.when-can-notific {
	display:none;
}

.can-notific .when-can-notific {
	display:block;
}


/*-------------------------------------------------------------
               clipboard
---------------------------------------------------------------*/

/*-------------------------------------------------------------
              File download
---------------------------------------------------------------*/

/*-------------------------------------------------------------
      Empty
---------------------------------------------------------------*/
.when-empty {
	display:none;
}

.empty .when-empty {
	display:block;
}

/*-------------------------------------------------------------
      Workin
---------------------------------------------------------------*/

.working input {
	pointer-events:none;
    color:#AAA;
    background:#F5F5F5;
}

/*-------------------------------------------------------------
               clipboard
---------------------------------------------------------------*/


/*-------------------------------------------------------------
               updating
---------------------------------------------------------------*/

.updating,
.updating button,
button.updating {
	pointer-events:none;
}

.when-updating {
	display:none;
}

.updating i.when-updating {
	display:inline-block;
}


i.when-not-updating {
	display:inline-block;
}

.updating .when-not-updating {
	display:none;
}

.when-error {
	display:none;
}

.when-success {
	display:none;
}


.when-searching {
	display:none;
}

.when-not-searching {
}


.updating .when-normal {
	display:none;
}

.searching .when-normal {
	display:none;
}

.searching .when-searching {
	display:block;
}
.searching i.when-searching {
	display:inline-block;
}

.searching .when-not-searching {
	display:none;
}


.success .when-normal {
	display:none;
}

.success .when-updating {
	display:none;
}

.success .when-error {
	display:none;
}
.success i.when-success {
	display:inline-block;
}


.error .when-normal {
	display:none;
}

.error .when-updating {
	display:none;
}

.error .when-success {
	display:none;
}
.error i.when-error {
	display:inline-block;
}


.success .button-valide {
	background-color:#4caf50 !important;
}

.updating .button-valide {
	background-color: #ff9800 !important;
}

.error .button-valide {
	background-color:#e72626 !important;
}


.when-edit {
	display:none;
}

.when-not-edit {
}

.edit .when-edit {
	display:block;
}

.edit .when-not-edit {
	display:none;
}

.edit .flex .when-edit {
	display:flex;
}



/*-------------------------------------------------------------
             Testing 
---------------------------------------------------------------*/
.when-expanded {
	display:none;
}


.when-not-expanded {
}

.expanded .when-not-expanded {
	display:none;
}

.expanded .when-expanded {
	display:block;
}


/*-------------------------------------------------------------
             Testing 
---------------------------------------------------------------*/

.when-test-updating {
	display:none;
}
.when-test-error {
	display:none;
}

.when-test-success {
	display:none;
}


.button-test.updating > i.when-test-updating {
	display:inline-block;
}

.button-test.updating > .when-test-normal {
	display:none;
}

.button-test.success > .when-test-normal {
	display:none;
}

.button-test.success > .when-test-updating {
	display:none;
}

.button-test.success > .when-test-error {
	display:none;
}

.button-test.success > i.when-test-success {
	display:inline-block;
}

.button-test.error > .when-test-normal {
	display:none;
}

.button-test.error > .when-test-updating {
	display:none;
}

.button-test.error > .when-test-success {
	display:none;
}

.button-test.error > i.when-test-error {
	display:inline-block;
}

.success.button-test {
	background-color:#4caf50 !important;
	color:#fff;
}

.updating.button-test {
	background-color: #ff9800 !important;
	color:#fff;
}

.error.button-test {
	background-color:#e72626 !important;
	color:#fff;
}






.when-not-loading {
}

.when-loading {
	display:none;
}


.loading > .when-not-loading {
	display:none;
}


.loading > i.when-loading {
	display:inline-block;
}

.error .when-error {
	display:block;
}


/*-------------------------------------------------------------
               Col1, col2
---------------------------------------------------------------*/



/*-------------------------------------------------------------
               Scanning
---------------------------------------------------------------*/



label {

    font-weight: 400;
}

.label {
	display:inline-block;
	line-height:1.2em;
}

.label  a,
.label  a:focus {
	color:#fff;
}

.label  a:hover {
	color:#fff;
	text-decoration:underline;

}



.no-margin {
	margin-left:0px;
	margin-right:0px;
}

.full-width {
	width:100%;
}


.btn:hover,
.btn:focus  {
    border-bottom: 0px solid;
	outline:0;
	text-decoration:none;
}

/*-------------------------------------------------------------
               Container without size
---------------------------------------------------------------*/

/*-------------------------------------------------------------
               LI separated
---------------------------------------------------------------*/

.list-inline {
    margin-left: 0px;
}

/*-------------------------------------------------------------
               LI separated
---------------------------------------------------------------*/

.list-inline.separated
{
  color:#6B6B6B;
}


.list-inline.info {
  display:inline-block;
  text-transform:uppercase;
  font-weight:400;
}


.list-inline.full-width {
  width: 100%;
  display: block;
}


.list-inline.no-margin{
  margin-bottom: 0px !important;
}


.list-inline.info li {
    margin-right: 20px;
	display: inline-block;
	vertical-align: top;
 	cursor: default;
    vertical-align: middle;
	position: relative;
/*	float:left;*/
}



.list-inline.info li.small-font,
.list-inline.info.small-font  li {
      font-size: 11px;
}

.list-inline.info.small-font li i  {
      font-size: 11px;
}

.list-inline.info.small-font .btn {
      font-size: 11px;
}

.list-inline.info.gap-small li  {
    margin-right: 5px;
}
.list-inline.info.gap-small.dot li  {
    margin-right: 7px;
}

.list-inline.info.pull-right.gap-small li  {
    margin-left: 5px;
    margin-right: 0px;
}


.list-inline.info li:last-child {
    margin-right: 0px;
}

.list-inline.info strong {
	font-weight:900;
}

.list-inline.info li i {
    opacity: 0.8;
    margin-right: 5px;
}

.actions .list-inline.info li i {
}

.actions .list-inline.info li i  {
    margin-right: 5px !important;
}


.list-inline.info .label i {
	color: inherit;
}

.list-inline.info .btn {
   -moz-user-select: none;
    background-color: #fcfcfc;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.3) 60%, rgba(225, 225, 225, 0.6));
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02), 0 1px 0 rgba(255, 255, 255, 1) inset, -1px 0 0 rgba(255, 255, 255, 1) inset, 0 -1px 0 rgba(255, 255, 255, 0.5) inset, 1px 0 0 rgba(255, 255, 255, 1) inset;
    box-sizing: border-box;
    color: #444;
    cursor: pointer;
    display: inline-block;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Garuda,Verdana,Tahoma,sans-serif;
    font-weight: 100;
    padding: 0px 8px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
	position: relative;
}

.list-inline.info .btn > i {
	color: #333;
	margin-right: 0px;
}

.list-inline.separated li {
	border-right: 1px solid #ccc;
    padding-right: 9px;
	margin-right: 9px;
}


.list-inline.separated li:first-child {
    padding-left: 0px !important;
}

.list-inline.separated li:last-child {
   margin-right: 0px !important;
   border-right: 0px;
}

.list-inline.info.gap-small.separated  li  {
	padding-right: 5px;
}


.list-inline.dot li:after {
    content: "";
    background: url(../images/dot_gray.png) no-repeat;
    width: 13px;
    height: 12px;
    position: absolute;
    bottom: 0px;
    right: -22px;
}

.list-inline.dot li:last-child:after {
    content: "";
    background: "";
    width: 0px;
    height: 0px;
    right: 0px;
}

.list-inline.dot.gap-small li:not(:last-child):after {
    content: "";
    background: url(../images/dot_gray.png) no-repeat;
    width: 13px;
    height: 12px;
    position: absolute;
    bottom: 0px;
    right: -16px;
}


.list-inline.dot.small li:not(:last-child):after {
    content: "";
    background: url(../images/dot_gray.png) no-repeat;
    width: 13px;
    height: 12px;
    position: absolute;
    bottom: -2px;
}

/** */

.form-control .transparent {
	border: 1px solid #fff !important;
}


.form-control:focus-within {
   box-shadow: none !important;
   border: 1px solid #4b8df9 !important;
}


/*-------------------------------------------------------------
     Scrollable enabling
---------------------------------------------------------------*/


.scrollable {

    overflow-x: hidden;
    left: 0;
    overflow-y: scroll;
	height: 100%;
	width:calc(100% + 50px);
	padding-right: 0px;
	touch-action: pan-y;
 
}

.scrollable > div {

}


.scrollable.init {
	overflow: inherit;
	overflow-y: scroll;
	overflow: visible;
}

.scrollable-outer {
	width:100%;
	height:100%;
	position:relative;
}



/*-------------------------------------------con-------------------
                    to the top start
-------------------------------------------------------------javascript:--*/

.floater-tools {
	margin-top: 0px;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 999;

}

.floater-tools > div {
	position:relative;
    height: 60px;
    width: 60px;
	line-height: 60px;
	font-size: 1.1em;
	text-align: center;
	border:1px solid #fff;
	background-color: #333333;
    color: #FFFFFF;
	cursor: pointer;
    opacity: 0.3;
	outline: 0;
	outline: none;
	
	-webkit-transition: opacity 0.2s ease-in-out 0s !important;
	-moz-transition: opacity 0.2s ease-in-out 0s !important;
	-ms-transition: opacity 0.2s ease-in-out 0s !important;
	transition: opacity 0.2s ease-in-out 0s !important;

}

.floater-tools > div:hover {
  opacity: 0.8;
}

.floater-tools > div:active {
  opacity: 1;
}




@media (max-width: 580px) {

	.floater-tools > div {
		height: 50px;
		width: 50px;
		line-height: 50px;
		font-size: 0.9em;
	}
	
}

#to-the-back {
    display: none;
}







/*-------------------------------------------------------------
                    Page content
---------------------------------------------------------------*/

/*-------------------------------------------------------------
                    Tooltips -> Avoid mouse over pb
---------------------------------------------------------------*/
.tooltip {
  pointer-events:none;
  z-index: 99999;

}



/*-------------------------------------------------------------
                    Layers
---------------------------------------------------------------*/

.layer {
  position: absolute;
  overflow: hidden;
  display:none;
}

.layer.created {
}

.layer.updating {
	position: absolute;
}

.layer.show {
	display:block !important;
}

.layer .cmd-close {
	position: absolute;
    height: 44px;
	width: 44px;
	line-height: 44px;
	background-color: #0674ad;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
	pointer-events: auto;
	color:#999;
	text-align:center;

}

.layer-left .layer-frame-container-button  {
	left:-100%;
}

.layer-left.show.in .layer-frame-container-button  {
	left:0%;
}

/*
.csstransforms3d  .layer-left {
	-webkit-transition: transform 0.5s ease-in-out 0s !important;
	-moz-transition: transform 0.5s ease-in-out 0s !important;
	-ms-transition: transform 0.5s ease-in-out 0s !important;
	transition: transform 0.5s ease-in-out 0s !important;
}

.csstransforms3d  .layer-left.in  {
	-webkit-transform: translate3d(100%, 0px, 0px);
	-moz-transform: translate3d(100%, 0px, 0px);
	-ms-transform: translate3d(100%, 0px, 0px);
	transform: translate3d(100%, 0px, 0px);
}


.no-csstransforms3d .layer-left.in {
	left:0px;
}

.csstransforms3d  .layer-left.closed  {
	-webkit-transform: translate3d(0%, 0px, 0px);
	-moz-transform: translate3d(0%, 0px, 0px);
	-ms-transform: translate3d(0%, 0px, 0px);
	transform: translate3d(0%, 0px, 0px);
}


.no-csstransforms3d .layer-left.closed {
	left:-100%;
}

*/




.layer.layer-bottom {
	bottom: -100%;
}


.csstransforms3d .layer-bottom {
	bottom: 0px;
	transition: transform 0.5s ease-in-out 0s;
	-webkit-transition: transform 0.5s ease-in-out 0s;
	-moz-transition: transform 0.5s ease-in-out 0s;
	-ms-transition: transform 0.5s ease-in-out 0s;
	-webkit-transform: translate3d(0%, 100%, 0px);
	-moz-transform: translate3d(0%, 100%, 0px);
	-ms-transform: translate3d(0%, 100%, 0px);
	transform: translate3d(0%, 100%, 0px);
}

.csstransforms3d  .layer-bottom.closed  {
	transform: translate3d(0px, 100%, 0px);
	-webkit-transform: translate3d(0px, 100%, 0px);
	-moz-transform: translate3d(0px, 100%, 0px);
	-ms-transform: translate3d(0px, 100%, 0px);
}




.csstransforms3d .layer-bottom.in  {
	transform: translate3d(0px, 0%, 0px);
	-webkit-transform: translate3d(0px, 0%, 0px);
	-ms-transform: translate3d(0px, 0%, 0px);
	-moz-transform: translate3d(0px, 0%, 0px);

}




/*-------------------------------------------------------------
                  Layer-Frame for menu, genre on left size
---------------------------------------------------------------*/

.layer-frame {
    overflow: hidden;
    position: fixed !important;
	top: 0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0);
}

.layer-frame.in {
    background-color:rgba(0,0,0,0.3);
}


.layer-frame  .layer-frame-container {
	position:relative;
	overflow: hidden;
    background-color: #0674ad;
	display:block;
	width:100%;
	height:100%;
    padding: 10px;
	padding-left: 15px;
    padding-right: 15px;
	z-index: 2;
	pointer-events: auto;

}


.layer .layer-left-shadow {
	box-shadow: 0.5px 0.866px 13px 0 rgba(0, 0, 0, 0.48);
	height:100%;
}



.layer-frame.white .layer-frame-container {
    background-color:#f8f9fa;
}


.layer-frame.layer-left .cmd-close {
   
	box-shadow: 0.5px 0.866px 13px 0 rgba(0, 0, 0, 0.48);
}

.layer-frame.white.layer .cmd-close {
	background-color:#f8f9fa;
}


.layer-frame  .mobile-menu {
	padding-left:0px;
	padding-right:0px;
}


/*-------------------------------------------------------------
                    Layer page
---------------------------------------------------------------*/

.page-container {
	position:relative;
}

.main-scrollable-page {
	position: relative;
    display: block;
}

.layer-page {
	display: none;
    position: relative;
}

.layer-page > .page-container {
    width: 100%;
}


.layer-page.sliding,
.layer-page.active {
    display: block;
	visibility: visible;
}

.layer-page.lock {
    position: fixed;
	height:100%;
	width:100%;
	visibility: visible;
}

.layer-page.rendering {
    display: block;
}

.layer-page  > .overlay  {
  background-color : #252525;
  top:0px;
}

.layer-page.active.loading > .overlay  {
    display: block;
    height: 100%;
	top:0px;
	left:0px;
    width: 100%;
    opacity: 0.5;
    pointer-events: auto;
	touch-action:none;
}

.layer-page.active.loading.browse > .overlay {
    opacity: 1;
    z-index: 99999;
	position:fixed;
}



/*-------------------------------------------------------------
                   Right data info
---------------------------------------------------------------*/



/*-------------------------------------------------------------
                    Menu layer
---------------------------------------------------------------*/


.menu-container {
	z-index: 100;
	display:block;
	width:100%;
	top: 0px;
	z-index:500;
	height: 60px;
	position:relative;
	width:100%;
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
}

.menu-container {
	pointer-events:none;
} 
 
.menu-container .container {
	pointer-events:inherit;
	overflow:hidden;
}
 
.menu-container .container > .row,
.menu-container .ta-container > .ta-row {
	pointer-events:all;
} 


.csstransforms3d .menu-container.floater.animation {
	-webkit-transition:  transform 0.3s ease-in-out 0s;
	-moz-transition:  transform 0.3s ease-in-out 0s;
	-ms-transition:  transform 0.3s ease-in-out 0s;
	transition: transform 0.3s ease-in-out 0s;
}


.csstransforms3d .menu-container.floater  {

}

.csstransforms3d .menu-container.floater.floater-hide  {
	-webkit-transform: translate3d(0, -57px, 0px);
	-moz-transform: translate3d(0, -57px, 0px);
	-ms-transform: translate3d(0, -57px, 0px);
	transform: translate3d(0, -57px, 0px);
}


.csstransforms3d .menu-container.floater.forced,
.csstransforms3d .in-search .menu-container.floater,
.csstransforms3d .menu-container.floater.floater-show  {
	-webkit-transform: translate3d(0, 0px, 0px);
	-moz-transform: translate3d(0, 0px, 0px);
	-ms-transform: translate3d(0, 0px, 0px);
	transform: translate3d(0, 0px, 0px);
}


.menu-container {
	z-index:1000;
}

/*-------------------------------------------------------------
                    Page header
---------------------------------------------------------------*/

#page-heading {
    padding: 20px 0;
    width: 100%;
	position: relative;
	margin-top:1em;
}

#page-heading h1 {
    font-size: 2em;
    line-height: 1em;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: uppercase;
    font-weight: 900;
	/* opacity:0.7; */
}


#page-heading h1  a,
#page-heading h1  a:focus,
#page-heading h2  a,
#page-heading h2  a:focus
 {
}

#page-heading h2 {
    font-family: "Roboto Condensed" !important;
    font-size: 1.1em;
    margin-bottom: 0px;
    margin-top: 0px;
	font-weight: 200 !important;
	/* opacity:0.5; */
}

#page-heading h2 > .btn {
	padding-top:0px;
}

#page-heading ul {
	margin-bottom:0px;
    margin-left: 2px;
}

#page-heading ul > li {
	font-size:0.70em;
    line-height: normal;
}


#page-heading .head {
	float:left;
}

#page-heading .count {
    background-color: #8f8f8f;
    bottom: 0;
    color: #ffffff;
    font-family: "Roboto Condensed";
    font-size: 14px;
    font-weight: 300;
    padding: 5px 8px;
    position: absolute;
    right: 0;
}

#page-heading .count .items {
	font-weight:900;
}

#page-heading .search {
	margin-top:2.1em;
	float:right;
	display: inline-block;
	position: relative;
}


/** Tools */
#page-heading .tools {
	padding-right:10px;
	position:absolute;
	line-height: 30px;
    right:0;
    top:0;
	font-size:16px;
 }

 #page-heading .tools.block {
	padding-right:10px;
	position:relative;
	line-height: 30px;
    right:0;
    top:0;
	font-size:16px;
	float:right;
 }
 
#page-heading .tools a {
}

#page-heading .tools > ul {
   list-style: none outside none !important;
}

#page-heading .tools > ul > li {
   float:left;
   margin-left:10px;
   opacity:0.2;

}

#page-heading .tools .open {
	opacity:1;
}

#page-heading:hover  .tools > ul > li  {
	opacity:1;
}



#page-heading .tools  .dropdown-toggle   [class*=" fa-chevron-up"]
{
	display:none;
}

#page-heading .tools  .open .dropdown-toggle   [class*=" fa-chevron-up"]
{
	display:inline-block;
}

#page-heading .tools  .open .dropdown-toggle   [class*=" fa-chevron-down"]
{
	display:none;
}


#page-heading .tools .dropdown-menu  {
	font-size:12px;
 }

#page-heading .tools .dropdown-menu > li > a {
	color:#262626 !important;
 }

#page-heading .tools .dropdown-menu  > .disabled > a {
	color:#999999 !important;
	pointer-events: none;
    cursor: default;
}

#page-heading .tools .dropdown-menu  >  li  [class*=" fa-fw"]
{
	width: 2.5em;
}

@media (max-width: 580px) { 

	/*** Section title */
	#page-heading h1 {
		font-size: 1.6em;
	}
	
	#page-heading h2 {
		font-size: 1.2em !important;
	}
	
	#page-heading .tools.block {
		float: inherit;
	}

}


.page-heading-separator {
    border-top: 1px solid #D4D4D4;
	height: 30px;
}


.wrapper {
    font-size: 18px;
    line-height: 30px;
}


.wrapper h4 {
    font-family: "Roboto Condensed";
    font-size: 18px;
    line-height: 30px;
}

.wrapper p {
    margin: 0;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

.datas {
	position:relative;
}

/*---------------------------------------------------------------
	Some frames
---------------------------------------------------------------------*/


/*-------------------------------------------------------------
                  cap container
---------------------------------------------------------------*/

.cap-container {
	position: relative;
	color:#fff;
    font-weight:500;
}






/*---------------------------------------------------------------
	Vertical list
---------------------------------------------------------------------*/


.list-vertical {
	position: relative;
}

.list-vertical > li
{
 list-style: none outside none;
 display: block;
 position:relative;
 margin-top: 5px;
}

.list-vertical > li:first-child
{
 margin-top: 0px;
}

.list-vertical li.small-font,
.list-vertical .small-font  li {
      font-size: 11px;
}

/*---------------------------------------------------------------
	Horizontal list
---------------------------------------------------------------------*/


/*---------------------------------------------------------------
	Vertical inline menu
---------------------------------------------------------------------*/

.ver-inline-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.ver-inline-menu li {
  position:relative;
  margin-bottom:1px;
}

.ver-inline-menu li i {
  width: 37px;
  height: 37px;
  display: inline-block;
  color:#b9cbd5;
  font-size:15px;
  padding:12px 10px 10px 8px;
  margin:0 8px 0 0;
  text-align: center;
  background:#e0eaf0 !important;
}

.ver-inline-menu li a {
  font-size: 13px;
  color:#557386;
  display:block;
  background:#f0f6fa;
  border-left:solid 2px #c4d5df;
}

.ver-inline-menu li:hover a,
.ver-inline-menu li:hover i {
  background:#e0eaf0;
  text-decoration:none;
}

.ver-inline-menu li:hover i {
  color:#fff;
  background:#c4d5df !important;
}

.ver-inline-menu li.active a,
.ver-inline-menu li:hover a {
  font-size: 13px;
  border-bottom: 0px solid rgba(0, 0, 0, 0);
}

.ver-inline-menu li.active a {
  border-left:solid 2px #0c91e5;
}

.ver-inline-menu li.active a,
.ver-inline-menu li.active i {
  color:#fff;
  background:#169ef4;
  text-decoration:none;
}

.ver-inline-menu li.active i {
  background:#0c91e5 !important;
}

.ver-inline-menu li.active:after {
  content: '';
  display: inline-block;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 6px solid #169ef4;
  position: absolute;
  top: 12px;
  right: -5px;
}




/*-------------------------------------------------------------
                   Modals
---------------------------------------------------------------*/


.modal-backdrop {
    z-index: 10049 !important;
}


.modal {
    z-index: 10050 !important;
}


.modal-dialog-confirm  {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    width: 100%;
    right: 0;
    top: 0;
    z-index: 99998;
}

.modal-dialog-confirm .modal-dialog{
    margin: 80px auto;
	z-index: 99999;
}


/*-------------------------------------------------------------
                   Dialog
---------------------------------------------------------------*/
.modal-dialog-box  {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow-x: auto;
    position: fixed;
    overflow-y: auto !important;
    right: 0;
    top: 0;
    z-index: 99998;
    overflow: -moz-scrollbars-none; 
	-ms-overflow-style: none;
}

.modal-dialog-box::-webkit-scrollbar { 
    display: none; 
}

.modal-dialog-box .modal-dialog {
 	z-index: 99999;
}


.modal-title i {
	padding-right: 0.4em;
}


/*-------------------------------------------------------------
               Place holder
---------------------------------------------------------------*/

.placeholder {
  color: #999 !important;
}

.placeholder::-ms-clear {
    display: none;
}




/*---------------------------------------------------------------
	form-control addons
---------------------------------------------------------------------*/

.form-control {
    border-radius: 0px !important;
	-webkit-appearance: none; /* Supprime le style natif de Safari */
    -moz-appearance: none;    /* Pour Firefox (au cas où) */
    appearance: none;         /* Standard moderne */
}


select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent; /* Conserve ton fond transparent */
    
    /* Ajout d'une flèche SVG en arrière-plan (ici de couleur grise) */
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23666666' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center; /* Positionne la flèche à droite avec un léger décalage */
    background-size: 16px; /* Taille de la flèche */
    
    padding-right: 35px; /* Laisse de l'espace pour que le texte ne passe pas sous la flèche */
}

.form-group {

}

.form-group .dropdown-toggle  {
    background-color: #FFFFFF;
	border: 1px solid #CCCCCC !important;
    color: #333333;
}

form h3 {
    font-weight: 600;
}

form .separator {
    border-top: 1px solid #888;
    height: 20px;
}

/*---------------------------------------------------------------
	Text Aligns
---------------------------------------------------------------------*/

/*---------------------------------------------------------------
	loader
---------------------------------------------------------------------*/
.loader {
    display: block;
    margin-bottom: 25px;
    text-align: center;
    vertical-align: middle;
	padding-bottom: 10px;
    padding-top: 10px;
	font-size: 12px;
	background-color: transparent;
    border: 1px solid #858586;
    color: #292929;

}


.loader .inner i {

	margin-right:10px;

}


.loader.btn {
    border: 0px;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 4px;
    margin-bottom: 0px;
    height: 40px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #545454;
	border-radius: .5rem;
    border-style: solid;
    border-width: 1px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.0125), 0 1px 1px rgba(0,0,0,0.05);
    border-top-width: .0625rem;
    border-bottom-width: calc(.2rem + .0625rem);
	border-color: rgba(0,0,0,0.3);
	
}

.loader.btn:hover,
.loader.btn:focus,
.loader.btn:active {
	background:#333;
}



/*-------------------------------------------------------------
    Label
---------------------------------------------------------------*/

.badge {
    border-radius: 12px !important;
    font-size: 11px !important;
    font-weight: 300;
    height: 18px;
    padding: 4px 6px;
    text-align: center;
    text-shadow: none !important;
    vertical-align: middle;
}
.badge-primary {
    background-color: #428BCA;
    background-image: none;
}
.badge-info {
    background-color: #89C4F4;
    background-image: none;
}
.badge-danger {
    background-color: #F3565D;
    background-image: none;
}
.badge-warning {
    background-color: #ECBC29;
    background-image: none;
}

/*-------------------------------------------------------------
    Label
---------------------------------------------------------------*/


.label.label-sm {
    font-size: 12px;
	padding: 4px 18px;
}

.label, .badge {
    font-weight: 300;
    text-shadow: none !important;
}




/*-------------------------------------------------------------
               default form update overlay
---------------------------------------------------------------*/



.overlay
{
  position:absolute;
  width:100%;
  height:100%;
  opacity:0;
  pointer-events:none;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  backdrop-filter: grayscale(1) opacity(1) blur(1px);
  background: transparent; /* Crucial : pas de couleur ! */
 
}

form .overlay {
	z-index:1;
}


.updating  > .overlay,
.loading  > .overlay {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    opacity:0.5;
    pointer-events:auto;
	cursor: wait;
}




/*-------------------------------------------------------------
               form - display
---------------------------------------------------------------*/


form
{
	position:relative;
	color:#888;

}



form span {

}


	form label {
	color:#333;
}


form h1
{
    color: #383839;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 10px;
}

/*-------------------------------------------------------------
               form - classic
---------------------------------------------------------------*/


/*-------------------------------------------------------------
               form - frame
---------------------------------------------------------------*/

/*-------------------------------------------------------------
                    Image upload
---------------------------------------------------------------*/


/*-------------------------------------------------------------
    Image auto height
---------------------------------------------------------------*/


/*-------------------------------------------------------------
               Photo Tools
---------------------------------------------------------------*/

/*-------------------------------------------------------------
	                  ETXRAS
---------------------------------------------------------------*/


/*-------------------------------------------------------------
               Action spinner
---------------------------------------------------------------*/

.action [class^="fa-spin"],
.action [class*=" fa-spin"] {
	display:none !important;
}

.updating.action [class^="fa-"],
.updating.action [class*=" fa-"] {
	display:none !important;
}

.updating.action [class^="fa-spin"],
.updating.action [class*=" fa-spin"] {
	display:inline-block !important;
}

/*-------------------------------------------------------------
               TOP register
---------------------------------------------------------------*/




/*-------------------------------------------------------------
                    Admin stuff
---------------------------------------------------------------*/

/*-------------------------------------------------------------
               LI info
---------------------------------------------------------------*/


/*-------------------------------------------------------------
               Note
---------------------------------------------------------------*/


.note {
    border-left: 5px solid #EEEEEE;
    padding: 15px 30px 15px 15px;
}
.note h1, .note h2, .note h3, .note h4, .note h5, .note h6 {
    margin-top: 0;
}
.note p:last-child {
    margin-bottom: 0;
}
.note code, .note .highlight {
    background-color: #FFFFFF;
}
.note.note-info {
    background-color: #EEF7FB;
    border-color: #91D9E8;
}

.note.note-warning {
    background-color: #FCF8E3;
    border-color: #F2CF87;
}

.note.note-danger {
    background-color: #F9F0F0;
    border-color: #DCA7B0;
}

.note a {
	color:#333;
	font-weight: bold;
}




/*-------------------------------------------------------------
               Table
---------------------------------------------------------------*/
.table {
	clear: both;
}

.table tr.heading > th {
    background-color: #eee !important;
}

.table thead tr th {
    font-size: 14px;
    font-weight: 600;
}

.table tr.heading > th {
    background-color: #eee !important;
}


.table .details {
   padding: 8px;
   background-color: #eeeeee;
}

.table .loader {
	display: block;
}

.table .details .loader {
    background-color: #def1fe;
    border: 1px solid #6489a3;
	color: #6489a3;
}



/*-------------------------------------------------------------
       Open close 
---------------------------------------------------------------*/


/*-------------------------------------------------------------
               Found
---------------------------------------------------------------*/

.found {
    border-left: 0;
    margin: 0 0 20px;
    padding: 7px 30px 7px 15px;
	text-align:right;
	color:#424242;
}
.found h1, .note h2, .note h3, .note h4, .note h5, .note h6 {
    margin-top: 0;
}
.found p:last-child {
    margin-bottom: 0;
}
.found code, .found .highlight {
    background-color: #FFFFFF;
}

/*-------------------------------------------------------------
              Page bar
---------------------------------------------------------------*/




.page-bar:before, .page-bar:after {
    content: " ";
    display: table;
}

.page-bar:after {
    clear: both;
}
.page-bar:before, .page-bar:after {
    content: " ";
    display: table;
}



.page-bar  ul.list-inline {
	margin-bottom: 0px;
}


.page-bar .list-inline.info {
    color: #6b6b6b;
    display: inline-block;
	float:left;
    margin: 0px;
	padding:10px;
	height:100%;
	font-weight:400;
}

.page-bar .list-inline.info li {
	margin-bottom:0px;
}

@media (max-width:580px) {

	.page-bar .list-inline.info li {
		    margin-right: 5px;
	}
	
}


.page-bar .list-inline.info {
	color: #6b6b6b;
}

.page-bar .list-inline.info .label {
	line-height:inherit;
}

.page-bar .page-toolbar {
  padding: 0;
  height: 100%;
  float: right;

}


.page-bar .btn {
	height:44px;
    padding: 0px 19px;
}

.tools.search,
.page-bar .search  {
    padding: 0;
	height: 44px;

}


.tools.search .input-cont,
.page-bar .search  .input-cont {
	height: 44px;
}

.tools.search .input-cont .form-control:focus,
.page-bar .search .input-cont .form-control:focus {
    border: 1px solid #4b8df9 !important;
}

.tools.search .input-cont .form-control,
.page-bar .search  .input-cont .form-control {
    background-color: #fff !important;
    border: 1px solid #ddd;
    margin-top: 0;
   	height:100%;

}

.tools.search .btn-cont,
.page-bar .search .btn-cont {
    right: 0;
    top: 0px;
    width: 44px;
	height: 100%;
}

.tools.search .btn-cont .btn,
.page-bar .search  .btn-cont .btn {
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

.tools.search  .btn-cont .btn .default,
.page-bar .search  .btn-cont .btn .default {
	display:block;
}

.tools.search  .btn-cont .btn .searching,
.page-bar .search  .btn-cont .btn .searching {
	display:none;
}

.updating.search  .btn-cont .btn .searching,
.updating .search  .btn-cont .btn .searching {
	display:block;
}

.updating.search  .btn-cont .btn .default,
.updating .search  .btn-cont .btn .default {
	display:none;
}

.tools.search .btn-cont .arrow,
.page-bar .search .btn-cont .arrow {
    border-bottom: 8px solid transparent;
    border-right: 8px solid #4d90fe;
    border-top: 8px solid transparent;
    box-sizing: border-box;
    position: absolute;
    right: 43px;
    top: 14px;
}

.btn-cont.dark .arrow {
    border-right: 8px solid #333 !important;
}

.btn-cont.dark .btn {
	background-color: #333 !important;
	color: #fff !important;
}


.tools.search  .btn > i {
  font-size: 1em; 
  margin-right:0px;
}

.page-bar .page-toolbar > ul {
    display: inline-block;
    list-style: none outside none !important;
    padding-left: 0;
	margin-bottom:0;
	height: 100%;
}
.page-bar .page-toolbar > ul > li {
    color: #666;
    float: left;
    margin-left: 20px;
    position: relative;
	height: 100%;
}
.page-bar .page-toolbar .dropdown-menu {
    font-size: 12px;
}
.page-bar .page-toolbar .dropdown-menu > li > a {
}
.page-bar .page-toolbar .dropdown-menu > li [class*=" fa-fw"] {
    width: 2.5em;
}
.page-bar .page-toolbar .dropdown-menu > li > a {
    padding-left: 10px;
}

.page-bar .page-toolbar .dropdown-menu > .disabled > a {
    color: #999999 !important;
}

.page-bar .page-toolbar .btn  {
	font-size: 20px;
}

.page-bar .page-toolbar .command  {
	font-size: 20px;
}



.page-bar .page-toolbar .btn {
    padding: 0px 15px;
    flex-grow: 1;
    background-color: #f7f7f7;
    color: #555;
}



.page-bar .page-toolbar > ul > li {
	opacity:0.2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter : Alpha(opacity=20);
 }

.page-bar .page-toolbar > ul > li.always-visible {
	opacity:1 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter : Alpha(opacity=100);
 }


.page-toolbar .toggle.btn {
    background-color: #5f8fb8;
    color: #fafcfb;
}

.page-toolbar .toggle.btn:hover {
	background-color: #3a72a2;
}

.page-toolbar .toggle.btn.open {
	display:none !important;
}



.page-bar .page-toolbar > ul > li > a  {
     color: #666;
}


#page-heading .tools.search {
    padding-right: 0px;
    position: absolute;
    line-height: unset;
    right: 0;
    top: 0;
    font-size: inherit; 
}

/*-------------------------------------------------------------
              search layer
---------------------------------------------------------------*/


.search-container  {
  background-color: #fff;
  display: none;
  width: 100%;
}

.in-search .search-container  {
	display:block;
}


.sliding-up-search .search-container  {
   display:block;
   visibility: hidden;
}

.layer-page.in-search  > .page-container {
	 display: none;
}

.layer-page.sliding-down-search  > .page-container {
	 display: block;
}

.layer-page.in-search  > .overlay {
	display: none !important;
}

.layer-page .search-container > .overlay {
    top: 0;
    background-color: #252525;
}


.layer-page.in-search.updating > .search-container > .overlay  {
    opacity: 0.5;
}


/*-------------------------------------------------------------
              Notific plugin
---------------------------------------------------------------*/


.jquery-notific8-container { display: block; padding: 0; margin: 0; position: fixed; }
.jquery-notific8-container.top { top: 5px; }
.nav-show .jquery-notific8-container.top { top: 65px; }


.jquery-notific8-container.top.right { right: 0; }
.jquery-notific8-container.top.left { left: 0; }
.jquery-notific8-container.bottom { bottom: 30px; }
.jquery-notific8-container.bottom.right { right: 0; }
.jquery-notific8-container.bottom.left { left: 0; }

.jquery-notific8-notification {
		position: relative;
		display: none;
		overflow: hidden;
		border-style: solid;
		
		border: 0px;
		margin: 0 0 0px;
		padding: 15px 30px 15px 30px;
	
}


.jquery-notific8-notification:hover .jquery-notific8-close { display: block; }
.jquery-notific8-close { position: absolute; cursor: pointer; top: 0; display: none; }


.top .jquery-notific8-notification { margin-top: 1rem; }


.right .jquery-notific8-notification {
		float: right; clear: right; padding-right: px;
		right: 0px;
		position: relative;
	 }

.right .jquery-notific8-close-sticky,
.right .jquery-notific8-close {
		right: 13px;
		top: 10px;
		font-size:20px;
	}





.right .jquery-notific8-notification.teal {  }



.jquery-notific8-notification .jquery-notific8-message {
	font-size: 1em;
	opacity:1;
	display:block;
}

.jquery-notific8-notification.teal {
	background-color: #188c0f;
	border-color: #80ea78;
	color: #ffffff;
    right: -100%;
}


.jquery-notific8-notification.teal .jquery-notific8-close, .jquery-notific8-notification.teal .jquery-notific8-close-sticky {
}


.jquery-notific8-notification.ok {
	background-color: #17900b;
	border-color: #124e23;
	color: #ffffff;
    right: -100%;
}


.jquery-notific8-notification.error {
	background-color: #d41c21;
	border-color: #5f0c0e;
	color: #ffffff;
    right: -100%;
}


.jquery-notific8-notification.warning {
    background-color: #ff6300;
    border-color: #ff6300;
    color: #ffffff;
    right: -100%;
}

.jquery-notific8-notification.info {
	background-color: #0ca1bc;
	border-color: #0c525f;
	color: #ffffff;
    right: -100%;
}


/*-------------------------------------------------------------
    Nestable
---------------------------------------------------------------*/

/**
 * Nestable Draggable Handles
 */




/*-------------------------------------------------------------
     Select autocomplete - Ajax
---------------------------------------------------------------*/

.select-search {
    display: table;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
    position: relative;
    width: 100%;
	border: 1px solid #ccc;
}

.select-search .input-search {
	
}

.select-search .input-cont {
	display: block;
	position:relative;
	width: 100%;
	height: 100%;
}

.select-search  .input-cont {
    color: #555;
 	line-height:34px;
	height:34px;
    padding: 0px 0px 0px 34px;
    width: 100%;
	-ms-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	-webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

}



.select-search.searching  .input-cont {

}

.select-search  .input-cont:before {
	content: "\f03a";
    display: inline;
    font-family: "Font Awesome 7 Pro";
    font-size: 18px !important;
    font-weight: 300;
    height: auto;
    margin-right: 5px;
    margin-top: 0;
    text-shadow: none;
    position: absolute;
    left: 7px;
	color: #999999;
}


.select-search.searching .input-cont:before {
    content: "\f110" !important;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.select-search.has-error  {
    border-color: #d73232;
}

.select-search.focus  {
    border-color: #4b8df9;
    box-shadow: none !important;
    outline: 0 none;
}

.select-search  .input-cont input {
    background: transparent !important;
    border: 0px solid transparent !important;
	box-shadow: auto;
    padding: 0px;
	width: 100%;
	padding-top:7px;
	padding-bottom:7px;
	line-height: 20px;
	height:34px;
	float:left;

}



.select-search.items  .input-cont input {
	width: 30px;

}

.select-search.items  .input-cont input::-webkit-input-placeholder { color:transparent; }
.select-search.items  .input-cont input:-moz-placeholder { color:transparent; } /* FF 4-18 */
.select-search.items  .input-cont input::-moz-placeholder { color:transparent; } /* FF 19+ */
.select-search.items  .input-cont input:-ms-input-placeholder { color:transparent; } /* IE 10+ */


.select-search.searching  .input-cont input:focus {
    background: transparent !important;
    border: 0px !important;
	box-shadow: auto;
}

.select-search  .input-cont {
 /*  	height:100%;*/
}

.select-search .input-cont .form-control:focus {
    border: 1px solid #4b8df9 !important;
}

.select-search .input-cont .form-control {
    background-color: #fff !important;
    border: 1px solid #ddd;
    margin-top:0;
   	height:100%;
}

.select-search .btn-cont {
    float: right;
    position: absolute;
    right: 0;
    top: 0px;
    width: 43px;
	height: 100%;
}

.select-search  .btn-cont .btn {
    height: 100%;
    padding-top: 11px;
    vertical-align: middle;
}

.select-search .btn-cont .arrow {
    border-bottom: 8px solid transparent;
    border-right: 8px solid #4d90fe;
    border-top: 8px solid transparent;
    box-sizing: border-box;
    position: absolute;
    right: 43px;
    top: 14px;
}



/** Drop dowb part */

.select-search  .dropdown {
	border-radius: 0;
    display: block;
    margin: 0;
    position: absolute;
	left:0px;
    top: 38px;
    width: 100%;
	height:200px;
  	color:#ffffff;
    z-index: 10;
	margin-top: 5px;
	pointer-events: none;

}


.select-search  .dropdown .dropdown-strip-container {
	height:200px;
	padding: 15px;
	display:block;
	padding-right:0px;
    position: relative;
	background-color: #4b8df9 ;
    display:none;
	pointer-events: auto;
    
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	
}

.select-search  .dropdown .dropdown-strip-container .dropdown-strip-scroll {
	overflow:hidden;
}


.select-search  .dropdown .dropdown-strip-container .dropdown-strip {
	padding-right: 15px;
}

.select-search  .dropdown .dropdown-strip-container .dropdown-strip .item {
	display:inline-block;
	margin-right: 20px;
}

.select-search .iScrollVerticalScrollbar {
    right: 3px;
}


.select-search  .dropdown .dropdown-strip-container.in {
	top:0px;
	display:block;
}

.select-search  .dropdown .dropdown-strip-container.closing {
/*	display:none !important; */
}

.select-search .dropdown-strip-scroll {
    display: block;
	height:100%;
	position: relative;
 
}

.select-search  .dropdown .dropdown-strip {
	 display: block;
}



.select-search  .dropdown .dropdown-strip ul {
	list-style: none outside none;
	padding-left:0px;
	margin-bottom:0px;
}

.select-search  .dropdown .dropdown-strip li  {
	position:relative;
	padding-bottom: 6px;
	overflow:hidden;
}

.select-search  .dropdown .dropdown-strip li > label {
	font-weight: bold;
	margin:0;
	overflow:hidden;
	white-space: nowrap;
}

.select-search  .dropdown .dropdown-strip  span {
    font-size: 1em;
	color: #FFFFFF !important;
	white-space: nowrap;
}

.select-search  .dropdown .dropdown-strip  .highlight {
    font-weight: 900;
	color: #FFFFFF !important;

}

.select-search  .dropdown .dropdown-strip li > span {
    font-size: 0.8em;
    left: 0;
    position: relative;
    top: -7px;
	color: #FFFFFF;
	white-space: nowrap;
}

.select-search  .dropdown .dropdown-strip  a {
   color: #FFFFFF;

}

.select-search  .dropdown .dropdown-strip  a:hover {
   text-decoration:underline;
}

.select-search  .dropdown .dropdown-strip  a .highlight {
   color: #1C9DFB;
}

.select-search  .dropdown .dropdown-strip  div.more  {
   width:100%;
   margin-bottom:10px;
   color: #e77709;
}

.select-search  .dropdown .dropdown-strip  div.more a  {
   color: #e77709;
}

.rgba  .dropdown .dropdown-strip-container .iScrollVerticalScrollbar > .iScrollIndicator {
    background: rgba(255, 255, 255, 0.901961);
    border: 1px solid rgba(0, 0, 0, 0.498039)
}


/** ---- Selected items ------- */

.select-search  .select-item {
    background-color: #cbcbcb;
    border-radius: 3px !important;
    color: #5d5e63;
    cursor: pointer;
    display: inline;
    float: left;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Garuda,Verdana,Tahoma,sans-serif;
    margin: 5px 9px 0 0;
	font-size:12px;
	line-height:24px;
    padding: 0 33px 0 10px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.select-search  .select-item:before {
    font-family: "Font Awesome 7 Pro";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    top: 50%;
}

.select-search  .select-item:before {
    content: "\f057";
    font-size: 10px;
    margin-top: -11px;
    right: 0;
}

.select-search  .select-item:before {
    width: 30px !important;
}



/** ---- Loader -------- */
.select-search  .loader
{
 	margin-top:5px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
	 padding-bottom: 5px;
    padding-top: 5px;
	color: #FFF;
    background-color: transparent !important;
    border-color: #FFF;
	display: block;
	text-align: center;
	vertical-align: middle;
}



/*-------------------------------------------------------------
     upload
---------------------------------------------------------------*/


/*-------------------------------------------------------------
    Bootstrap button plugin modification according to ButtonWidget
---------------------------------------------------------------*/
.btn > input[type="radio"],
.btn > input[type="checkbox"] {
    display:none;
}

/*-------------------------------------------------------------
    Check
---------------------------------------------------------------*/



.has-switch {
  display: inline-block;
  cursor: pointer;
  border: 1px solid;
  border-color: #cccccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  vertical-align: middle;
  min-width: 100px;
  -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.has-switch:focus {
  border-color: #66afe9;
  outline: 0;
}
.has-switch.switch-mini {
  min-width: 72px;
}
.has-switch.switch-mini span,
.has-switch.switch-mini label {
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 10px;
  line-height: 9px;
}
.has-switch.switch-small {
  min-width: 80px;
  margin-left: 20px;
}
.has-switch.switch-small span,
.has-switch.switch-small label {
  padding-bottom: 3px;
  padding-top: 3px;
  font-size: 12px;
  line-height: 18px;
}
.has-switch.switch-large {
  min-width: 120px;
}
.has-switch.switch-large span,
.has-switch.switch-large label {
  padding-bottom: 9px;
  padding-top: 9px;
  font-size: 16px;
  line-height: normal;
}
.has-switch.switch-animate > div {
  -ms-transition: left 0.5s;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  transition: left 0.5s;
}
.has-switch.switch-off > div {
  left: -50%;
}
.has-switch.switch-on > div {
  left: 0%;
}
.has-switch.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.has-switch.disabled span,
.has-switch.disabled label {
  cursor: default !important;
}
.has-switch > div {
  display: inline-block;
  width: 150%;
  position: relative;
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.has-switch input[type=radio],
.has-switch input[type=checkbox] {
  display: none;
}
.has-switch span,
.has-switch label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  display: inline-block !important;
  height: 100%;
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 14px;
  line-height: 20px;
}
.has-switch label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  width: 33.333333333%;
  background: #ffffff;
}
.has-switch label i {
  color: #000;
  text-shadow: 0 1px 0 #fff;
  line-height: 18px;
  pointer-events: none;
}
.has-switch span {
  text-align: center;
  z-index: 1;
  width: 33.333333333%;
}
.has-switch span.switch-left {
  color: #f00;
}
.has-switch span.switch-right {
  color: #000;
  background: #eeeeee;
}

.has-switch span.switch-left {
  color: #fff;
  background: #428bca;
}
.checked.has-switch > div {
  left: 0%;
}

/*-------------------------------------------------------------
    Ads
---------------------------------------------------------------*/

.ads {

}


.ads .frame {
	height:72px;
	background-color: #c6cdd2;
	position:relative;
	line-height:72px;
	border: 3px dashed #696c6d;
	width:100%;
}

.ads .frame  span{
	color:#696c6d;
	font-family: "Roboto Condensed" !important;
	font-size:25px;
}

/*-------------------------------------------------------------
    Ververt-Studio
---------------------------------------------------------------*/


.startup h2 {
   color: #a7a5a5;
   text-transform: uppercase;
}

/*-------------------------------------------------------------
    Login button
---------------------------------------------------------------*/


.LogInButtons {
    width: 280px;
    margin: 0 auto;
}

.LogInButtons > button,
.LogInButtons > a
 {
	display: inline-block;
	width:100%;
    font-family: "Roboto Condensed";
    padding: 15px 15px;
    text-align: center;
    vertical-align: middle;
	margin-bottom: 10px;
	margin-bottom: 10px;
	padding-left: 55px;
	line-height: 35px;
	outline: 0!important;

}

.LogInButtons .facebook {
	color: #fff;
    background: #3b5998;
}

.LogInButtons .twitter {
	color: #fff;
    background: #55adee;
}

.LogInButtons .email {
    color: #fff;
    background: #888888;
}


.LogInButtons > *  {
    position:relative;
}


.LogInButtons * > i {
	position: absolute;
    left: 32px;
	line-height: 35px;
}





/*-------------------------------------------------------------
                   Layer frame - Message
---------------------------------------------------------------*/


.mainmessage-frame {
    width: 100%;
	z-index: 3000;
	min-height:50px;
	overflow:hidden;
	position:fixed;
	pointer-events:none;
	opacity: 0.95;
	-khtml-opacity: 0.95;
	-moz-opacity: 0.95;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	
}

.mainmessage-frame.in  .mainmessage-container {
  top:0% ;
}

.mainmessage-frame .mainmessage-container {
	position:relative;
    background-color: #c90808;
    border-bottom: 0px;
	pointer-events: auto;
	overflow:hidden;
	display:block;
	height:100%;
	z-index: 3;
	min-height: 50px;
	top: -120%;
	box-shadow: 0.5px 0.866px 13px 0 rgba(0, 0, 0, 0.48);

}

.mainmessage-frame .mainmessage-container .container {
	color:#ffffff;
	padding-top:15px;
	padding-bottom:35px;
	height:100%;
}

.mainmessage-frame  h4 {
	font-family: "Roboto Condensed" !important;
    text-transform: uppercase;
	color: #ffffff;

}

.mainmessage-frame .mainmessage-container .container  a,
.mainmessage-frame .mainmessage-container .container  a:focus {
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	color: #ffffff;
}

.mainmessage-frame .mainmessage-container .container  a:hover {
	border-color: #ffffff;
}


.mainmessage-frame .mainmessage-container .container  a.btn,
.mainmessage-frame .mainmessage-container .container  a.btn:focus {
	margin-top:10px;
	border: 1px solid #ffffff;
}


/*-------------------------------------------------------------
   Page section
---------------------------------------------------------------*/

/*-------------------------------------------------------------
                   Mobile menu
---------------------------------------------------------------*/

.mobile-menu  {
    position: relative;
    width: 100%;
    list-style: none outside none;
	padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px !important;
}

.mobile-menu > li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #04557e;
    border-bottom: 0 none;
    border-image: none;
    border-left: 0 none;
    border-radius: 0;
    border-right: 0 none;
    border-top: 1px solid #077dba !important;
    box-shadow: none;
    float: none !important;
    margin-bottom: 0;
}

.mobile-menu   li > a  {
    color: #ebf5ff;
    font-size: 14px;
    font-weight: 400;
    padding: 11px 25px;
	display: block;

	line-height: 120%;
    min-width: 200px;
	position: relative;
    text-decoration: none;
    text-transform: uppercase;
	white-space: nowrap;
}

.mobile-menu  li > a.openable,
.mobile-menu  li.closed > a.openable:hover,
.mobile-menu  li > a.closed.openable:hover,
.mobile-menu  li > a:visited,
.mobile-menu  li > a:hover,
.mobile-menu  li > a:focus {
    background-color: #033f5e !important;
    color: #ffffff !important;
	border-bottom: 0px solid;
	text-decoration: none !important;
}

.mobile-menu  > li.closed  > a.openable,
.mobile-menu  > li > a.openable.closed {
	background-color: transparent !important;
	color:#c8e7f7;
}

.mobile-menu    li > a > i {
    width: 1.5em;
	position:relative;
    right: 8px;
    top: 0px;
}

.mobile-menu     li > a > i {
	font-size:16px;
}

.mobile-menu    > li > a .arrow {
    position: absolute;
    right: 15px;
}

.mobile-menu    > li > a .arrow:before {
    content: "\f078";
    display: inline;
    font-family: "Font Awesome 7 Pro";
    font-size: 16px !important;
    font-weight: 300;
    height: auto;
    margin-right: 5px;
    margin-top: 0;
    text-shadow: none;
}

.mobile-menu   > li.closed > a  .arrow:before {
    content: "\f053";
}
.mobile-menu    > li > a .arrow {
    float: right;
    padding-left: 10px !important;
}

.mobile-menu  .open > .sub-menu {
	display:block;
}

.mobile-menu .sub-menu li:first-child {
    padding-top: 0;
}

.mobile-menu .sub-menu li {
    display: block;
    line-height: 20px;
    padding-left: 27px;
    position: relative;
	font-size:12px;
}

 .mobile-menu .sub-menu  li > a {
    font-size: 12px;
}

.mobile-menu .sub-menu > li:hover {
    background-color: #013d5c !important;
    color: #ffffff;
}


.mobile-menu .sub-menu  li > a.openable,
.mobile-menu .sub-menu  li.closed > a.openable:hover,
.mobile-menu .sub-menu  li > a:hover,
.mobile-menu .sub-menu  li > a:focus {
    background-color: #013d5c !important;
}

.mobile-menu .sub-menu > li > a > i {
    position: absolute;
    right: 18px;
    top: 11px;
	font-size:12px;
}

.mobile-menu  .badge {
	position:absolute;
	right: 45px;
	font-size:10px !important;
}

.mobile-menu  .badge.right {
	right: 15px;
}



/*---------------------------------------------------------------
	Sharing - social
---------------------------------------------------------------------*/



.posting.facebook  .facebook i  {
	display:none;
}


.posting.twitter  .twitter i  {
	display:none;
}




.application .layer-page  > .overlay  {
  display : none !important;
}

.application  .layer.search  {
  display : none !important;
}

h1 a {
	font-weight: 600;
}

.squizz-action {
}



.squizzed.open.end  > .squizz-action {
	opacity:0;
}


.item-squizz {
	position:relative;
}

.item-squizz > .squizz {
    overflow: hidden;
    position: relative;
}

.item-squizz .squizz-action {
    width: 100%;
	opacity: 0;
}

.squizzed  > .squizz-action {
	opacity:1;
}


.item-squizz .squizz-action.open {
	opacity:0;
}

.item-squizz.end .squizz-action.open {
	display:none;
}


.item-squizz .squizz-btn {
	cursor: pointer;

}




.squizzed.open  > .squizz-action {
	visibility:hidden;
	display:none;
}

.squizzed.open  > .squizz-btn {
	display:none;
}


/*-------------------------------------------------------------
        play commande
---------------------------------------------------------------*/ /* IE < 8 */

 /*--------------------------------------------------------------


 ---------------------------------------------------------------*/

/*-------------------------------------------------------------
        Floater
---------------------------------------------------------------*/

/*

.floater-btn > div > a {
	color: #fff;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    line-height: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0px;
	right: 0px;
	outline: 0 none;
    text-decoration: none !important;
    border-bottom: 0px solid rgba(0, 0, 0, 0);
}
 */

/*-------------------------------------------------------------
        reachable
---------------------------------------------------------------*/

.when-do {
	display:none;
}

.when-not-do {
	display:inline-block;
}

.btn-do .when-do {
	display:none;
}

.btn-do .when-not-do {
	display:inline-block;
}

.btn-do.do .when-do {
	display:inline-block;
}

.btn-do.do .when-not-do {
	display:none;
}


/*-------------------------------------------------------------
        when mains
---------------------------------------------------------------*/


.is-main .when-main {
  display: block;
}

.when-main {
  display: none; /* Caché par défaut */
}

/*-------------------------------------------------------------
       tweak must ready
---------------------------------------------------------------*/

@media (max-width: 480px) { 

}

.logging {
    position: absolute;
    bottom: 6em;
    width: 100%;
}

.must-ready {
    z-index: 2099;
    position: fixed;
    width: 100%;
    height: 100vh;
    bottom: 0px;
    top: 0px;
    background-color: #252525;
    overflow: hidden;
    z-index: 999998;

}


.must-ready .homecast {
	font-size: 1.8em;
    font-weight: 500;
}


.must-ready-inner {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	z-index: 9999;
	background-color: #252525;
}

.must-ready::before,
.must-ready::after {
  content: "";
  display: block;
  position: absolute;
  width: 200%;
  height: 50%;
  left: -50%;
  background: #252525;
  -ms-transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
}
.must-ready::before {
  top: 0;
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.must-ready::after {
  bottom: 0;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.must-ready.active::before,
.must-ready.active::after {
  height: 0;
  -webkit-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  -o-transform: rotate(25deg);
  transform: rotate(25deg);
}


.must-ready.active {
    background: rgba(0, 0, 0, 0);
}

@media (max-width:580px) {
	
	.must-ready .homecast {
		font-size: 1.3em;
		font-weight: 500;
	}
		
}

/*---------------------------------------------------------------
	Oblique
---------------------------------------------------------------------*/


/*-------------------------------------------------------------
       text-format
---------------------------------------------------------------*/


.uppercase {
	text-transform:uppercase;
}

.bold {
	font-weight:900;
}


/*-------------------------------------------------------------
       colors
---------------------------------------------------------------*/

.black {
	color: #000;
}

.dark {
	color: #333;
}

.white {
	color: #fff;
}

.pink {
	color: #f06595;
}



/*-------------------------------------------------------------
        Frames
---------------------------------------------------------------*/

.bg-strip-gray {
    background: repeating-linear-gradient(135deg, rgba(33,37,41,0.05), rgba(33,37,41,0.05) 5px, rgba(0,0,0,0) 5px, rgba(0,0,0,0) 10px);
}

.bg-pink {
    background: #f06595;
}

.bg-green {
	background:#12b886
}

/*-------------------------------------------------------------
                   Line wait
---------------------------------------------------------------*/

.loader-line {
  height: 4px;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #fff;
}

.loader-line:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  background-color: #ccc;
  animation: loading_line 2s linear infinite;
}

@keyframes loading_line {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}


/*-------------------------------------------------------------
    User picture
---------------------------------------------------------------*/




/*---------------------------------------------------------------
	Give
---------------------------------------------------------------------*/


.ads {
    all: initial;
    display: block !important;
}

.give {
  padding-bottom: 1.5em;
}


.give h3 {
	margin-bottom: 1.5em;
}

.give a > h4 {
	color: #e77709 !important;
    font-weight: 400;
	text-transform:uppercase;
}


.give .container {
  
}

.give .input-cont {
	position:relative;
	display:inline-block;
    color: #f06595;
    line-height: 34px;
    height: 50px;
    padding: 0px;
    width: 80px;
	font-size:1.2em;
	background-color:#fff;
	border:0px;
    line-height: 50px;
	float: left;
    -ms-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.give  .input-cont:before {
    content: "\f03a";
    display: inline;
    font-family: "Font Awesome 7 Pro";
    font-weight: 600;
    height: auto;
    margin-right: 5px;
    margin-top: 0;
    text-shadow: none;
    position: absolute;
    left: 7px;
    color: #f06595;
}



.give input {
	background: transparent !important;
    border: 0px solid transparent !important;
    box-shadow: auto;
    padding: 0px;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 7px;
    line-height: 20px;
    height: 100%;
    text-align: right;
    padding-left: 20px;
}


.give .btn {
    line-height: 20px;
    background-color: #c32058;
    color: #ffffff;
    top: 0px;
    float: left;
    left: 79px;	
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
	
}


.give .btn:focus,
.give .btn:hover,
.give .btn:active {
    background-color: #fdd0df;
    color: #f06595;
}


.give .why {
	margin-top: 0.5em;
	text-transform:uppercase;
	display:block;
}


@media (max-width:480px) {
	.give {
	    padding-bottom: 0em;
		margin-left: -5px;
		margin-right: -5px;
	}
	
	.give h3 {
		margin-bottom: 0.5em;
		margin-top: 0.5em;
	}
	
	.give .input-cont {
		width: 70px;
	}
}


/*---------------------------------------------------------------
	App
---------------------------------------------------------------------*/

@media (max-width:480px) {
	
	.give h3 {
		margin-bottom: 0.5em;
		margin-top: 0.5em;
	}
	
	.give .input-cont {
		width: 70px;
	}
}



/*---------------------------------------------------------------
	Directory tree
---------------------------------------------------------------------*/



.modal-dialog {
    max-height: 100vh;
    margin: 50px auto;
}


@media (max-width:480px) {

	.modal-dialog {
		margin: 25px auto;
	}

}

/*---------------------------------------------------------------
	Menu animation
---------------------------------------------------------------------*/

.menu.open .fa-lg {
	animation:spin-open 0.3s ease-in-out 0s  forwards;
  
}

.menu.closed .fa-lg {
	animation:spin-closed 0.3s ease-in-out 0s  forwards;
}

@keyframes spin-open { 100% { -webkit-transform: rotate(90deg); transform:rotate(90deg); } }

@keyframes spin-closed { 
	0% { -webkit-transform: rotate(90deg); transform:rotate(90deg); } 
	100% { -webkit-transform: rotate(0deg); transform:rotate(0deg); } 
}


/*---------------------------------------------------------------
	Application
---------------------------------------------------------------------*/



/*---------------------------------------------------------------
	Dialog frame show mode
---------------------------------------------------------------------*/


.show-bottom2top {
	bottom:-100%;
	transition: bottom 0.4s ease-out;
}

.in .show-bottom2top {
	bottom: 0%
}


.show-right {
	right:-100%;
	transition: right 0.4s ease-out;
}

.in .show-right {
	right: 0%
}

/*---------------------------------------------------------------
	Tachyon.io improve
---------------------------------------------------------------------*/
.gap-2 { gap: .5rem; }
.gap-3 { gap: 1rem; }
.gap-4 { gap: 2rem; }


/*
.g0 { gap: 0; }
.g1 { gap: .25rem; }
.g2 { gap: .5rem; }
.g3 { gap: 1rem; }
.g4 { gap: 2rem; }
.g5 { gap: 4rem; }
.g6 { gap: 8rem; }
.g7 { gap: 16rem; }
*/


.g1 { 
	margin-right: -0.25rem;
	margin-left: -0.25rem;
	margin-top: -0.25rem;
	margin-bottom: -0.25rem;
}


.g1 > * { 
/* Chaque enfant porte sa part du gap */
  padding-right: 0.25rem;
  padding-left: 0.25rem;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
  /* On s'assure que la largeur (ex: w-50) inclut le padding */
  box-sizing: border-box;
  box-sizing: border-box;
}

.g2 { 
	margin-right: -0.5rem;
	margin-left: -0.5rem;
	margin-top: -0.5rem;
	margin-bottom: -0.5rem;
}


.g2 > * { 
/* Chaque enfant porte sa part du gap */
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  /* On s'assure que la largeur (ex: w-50) inclut le padding */
  box-sizing: border-box;
  box-sizing: border-box;
}

.g3 { 
	margin-right: -1rem;
	margin-left: -1rem;
	margin-top: -1rem;
	margin-bottom: -1rem;
}


.g3 > * { 
/* Chaque enfant porte sa part du gap */
  padding-right: 1rem;
  padding-left: 1rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  /* On s'assure que la largeur (ex: w-50) inclut le padding */
  box-sizing: border-box;
  box-sizing: border-box;
}

/* NS */

/* m */

/* L */
@media screen and (min-width: 1200px) {

	.g3-l { 
		margin-right: -1rem;
		margin-left: -1rem;
		margin-top: -1rem;
		margin-bottom: -1rem;
	}


	.g3-l > * { 
	/* Chaque enfant porte sa part du gap */
	  padding-right: 1rem;
	  padding-left: 1rem;
	  padding-bottom: 1rem;
	  padding-top: 1rem;
	  /* On s'assure que la largeur (ex: w-50) inclut le padding */
	  box-sizing: border-box;
	  box-sizing: border-box;
	}



	.g4-l { 
		margin-right: -2rem;
		margin-left: -2rem;
		margin-top: -2rem;
		margin-bottom: -2rem;
	}


	.g4-l > * { 
	/* Chaque enfant porte sa part du gap */
	  padding-right: 2rem;
	  padding-left: 2rem;
	  padding-bottom: 2rem;
	  padding-top: 2rem;
	  /* On s'assure que la largeur (ex: w-50) inclut le padding */
	  box-sizing: border-box;
	  box-sizing: border-box;
	}

}

.user-select-none {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Standard */
}

		
.f2-5 { font-size: 2.0rem; }

.pointer-none { pointer-events: none; }
.pointer-auto { pointer-events: auto; }


.transition-all { transition: all .3s ease-in; }
.transition-bgcolor {  transition: background-color .3s ease-in-out;}


.hover-shadow-4-blue:hover,
.hover-shadow-4-blue:focus {
    box-shadow: 2px 2px 8px 0 #0089bc;
}


.focus-parent-blue:focus-within {
  border-color: #0089bc;
}

.ta-container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.ta-row {
  margin-right: -15px;
  margin-left: -15px;
}
 .ta-col-md-3, .ta-col-md-4, .ta-col-md-5, .ta-col-xs-6, .ta-col-md-6, .ta-col-lg-6, .ta-col-md-7, .ta-col-md-8, .ta-col-md-9, .ta-col-md-12, .ta-col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
 .ta-col-xs-6 {
  float: left;
}
.ta-col-xs-6 {
  width: 50%;
}
@media (min-width: 992px) {
   .ta-col-md-3, .ta-col-md-4, .ta-col-md-5, .ta-col-md-6, .ta-col-md-7, .ta-col-md-8, .ta-col-md-9, .ta-col-md-12 {
    float: left;
  }
  .ta-col-md-12 {
    width: 100%;
  }
  .ta-col-md-9 {
    width: 75%;
  }
  .ta-col-md-8 {
    width: 66.66666667%;
  }
  .ta-col-md-7 {
    width: 58.33333333%;
  }
  .ta-col-md-6 {
    width: 50%;
  }
  .ta-col-md-5 {
    width: 41.66666667%;
  }
  .ta-col-md-4 {
    width: 33.33333333%;
  }
  .ta-col-md-3 {
    width: 25%;
  }
}




@media (max-width: 480px) {

		
	/***
		Edge size
	***/
	.ta-row {
		margin-right: -5px;
		margin-left: -5px;
	}
	
	.ta-container {
		padding-right: 5px;
		padding-left: 5px;
	}
	
	
	 .ta-col-md-3, .ta-col-md-4, .ta-col-md-5,
	.ta-col-xs-6, .ta-col-md-6, .ta-col-lg-6, .ta-col-md-7, .ta-col-md-8, .ta-col-md-9, .ta-col-md-12, .ta-col-lg-12 {
		padding-right: 5px;
		padding-left: 5px;
	}
	
}	


@media (min-width: 768px) {
  .ta-container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .ta-container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .ta-container {
    width: 90%;
  }
}


@media (min-width: 1440px) {
  .ta-container {
    width: 1440px;
  }
}

@media (min-width: 1848px) {
  .ta-container {
    width: 1640px;
  }
}



@media (min-width: 1200px) {
   .ta-col-lg-6, .ta-col-lg-12 {
    float: left;
  }
  .ta-col-lg-12 {
    width: 100%;
  }
  .ta-col-lg-6 {
    width: 50%;
  }
}



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

.ta-row:after {
  clear: both;
}



/* Le trait rouge sous l'onglet actif */
 .js-tab-trigger.active {
    border-bottom: 8px solid #9c27b0; /* "red" dans la palette Tachyons */
    margin-bottom: -1px; /* Pour que le trait rouge recouvre la bordure grise du <ul> */
 }
  
  /* Transition optionnelle pour la douceur */
 .js-tab-trigger {
     transition: all 0.3s ease-in-out; 
	 border-bottom: 8px solid transparent;
  }

/*-------------------------------------------------------------

               bureau

---------------------------------------------------------------*/

.buro {
  width:330px;
  margin-left: 1em;
  margin-right: 1em;
}

 .buro .image {
   width:100%;
   height:200px;
   background-color: #ddd;
}

.buro .image > div {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
} 


/*-------------------------------------------------------------

               bureau

---------------------------------------------------------------*/

.fake-hidden {
  display:none;
  height: 0 !important;
  visibility: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}

.overflow-y-scroll::-webkit-scrollbar {
  width: 6px;
}

.overflow-y-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.2);
  border-radius: 10px;

}

.shadow-red {
    box-shadow: 2px 2px 8px 0 rgb(252 42 42 / 25%);
}

/* État caché sur mobile */

/* État affiché sur large screen (l) */

.w-7j {
	width: 14.28%;
}

.selected-outline {
    outline: 3px solid #ff000e;
}

.selected-blue {
    outline: 3px solid #357edd;
}

.br-round,
.br-2r {
	border-radius: 40px 40px 40px 40px;
}


.updown {

  max-height: 100%;
  scroll-margin-top: 20px;
  scroll-margin-bottom: 20px;
}

.updown.closed {
  max-height: 0;
  margin-top: 0;
}

.turn-animation i {
	display: inline-block;
    transition: transform 0.3s ease-in-out;
    transform: rotate(0deg);
}

.open.turn-animation i,
.open .turn-animation i {
	transform: rotate(180deg);
}


.down-animation i {
	display: inline-block;
    transition: transform 0.3s ease-in-out;
    transform: rotate(0deg);
}

.open.down-animation i,
.open .down-animation i {
	transform: rotate(-90deg);
}


.round-switch {
	
}

.round-switch .switch {
	left:0px;
	transition: all 0.2s ease;
}

.round-switch .switch .checkmark {
	opacity: 0;
}

.round-switch.checked .switch {
	left: 100%;
	transform: translateX(-100%);
}

.round-switch.checked .switch .checkmark {
	opacity: 1 !important;
}


.alert {
	margin-top:2rem;
	margin-bottom:2rem;
}

/* .note { */
	/* margin-top:2rem; */
	/* margin-bottom:2rem; */
/* } */


.alert-form-error p {
    margin-bottom: 0;
    margin-block-end: 0;
    margin-block-start: 0;
}


.form .alert {
	margin-bottom:0rem;
}

.main-search-button {
		
}

.onglet > li {
	opacity: 70%;
}

.onglet:hover > li {
	opacity: 100%;
}

.onglet > li.active {
	opacity: 100%;
}

.blue {
    color: #0089bc;
}

.bg-blue {
    background-color: #0089bc;
}

.b--blue { border-color: #0089bc; }

.bg-transparent {
    background-color: transparent;
}


/* Fake watermark pour input sur div */
.editable-div {
  
}

.editable-div:empty:before {
    content: attr(data-placeholder); /* On récupère le texte de l'attribut */
    color: #999; /* Couleur grise typique d'un placeholder */
    cursor: text;
}

/* Optionnel : cacher le placeholder dès qu'on clique dedans (focus) */

.editable-div:focus:before {
    content: "";
}


.items .editable-div:before {
    content: "";
}


.sortable .drag-item {
    cursor: pointer;
}


.sortable-drag  {
    cursor: grabbing !important;
}

.sortable-ghost {
    cursor: grabbing !important;
}

.edit .sortable .handle {
    cursor: grab;
}


.drag-item {
    user-select: none; /* Empêche la sélection de texte bleue pendant le drag */
    -webkit-user-select: none;
}


.slide-in-scroll {
    transform: translateY(100vh); /* Commence 30px plus bas */
}


.in .slide-in-scroll {
    transform: translateY(0);    /* Finit à sa position normale */
}

.in .slide-in-scroll {
    transform: translateY(0);    /* Finit à sa position normale */
}




/*-------------------------------------------------------------

               Custom box and shadow

---------------------------------------------------------------*/

.bg-lightest-gray {
	background-color:#f0f1f3;
}



.box-bg-yellow {
 background-color: #ffd43b;
}

.box-bg-yellow-shadow-color {
 background-color: #fab005;
}


.box-bg-green {
 background-color: #63e6be;
}

.box-bg-green-shadow-color {
 background-color: #0ca678;
}



.box-bg-red {
 background-color: #ff7d7d;
}

.box-bg-red-shadow-color {
 background-color: #a60c3a;
}


.box-bg-blue {
 background-color: #74c0fc;
}

.box-bg-blue-shadow-1 {
 border-style: solid;
 border-width: 1px;
 border-color: #146ebe; 
 border-bottom-width: 5px; 
 border-bottom-color: #146ebe;
}

.box-bg-blue-shadow-color {
 background-color: #146ebe;
}

.box-bg-pink {
 background-color: #E799FB;
}

.box-bg-pink-shadow-color {
 background-color: #9c36b5;
}

.box-bg-purple {
 background-color: #b197fc;
}

.box-bg-purple-shadow-color {
 background-color: #6741d9;
}

.box-bg-light-gray {
 background-color: #e6e6e3;
}

.box-bg-light-gray-shadow-color {
 background-color: #9a9a9c;
}

/* Présentation et fond fun */

.background-dot-light-gray {
/* Fond gris très clair */
  background-color: #eee; 
  /* Création du point : un cercle de 2px, noir avec 10% d'opacité */
  background-image: radial-gradient(#0000001a 2px, transparent 2px);
  /* Taille de la grille (espacement entre les points) */
  background-size: 30px 30px;
}

.background-dot-dark-gray {
    background-color: #4b616b;
    background-image: radial-gradient(#c3c3c37a 2px, transparent 2px);
    background-size: 30px 30px;
}



/* Force le premier header à épouser l'arrondi à gauche */
table.br4 tr:first-child th:first-child {
  border-top-left-radius: .5rem;
}

/* Force le dernier header à épouser l'arrondi à droite */
table.br4 tr:first-child th:last-child {
  border-top-right-radius: .5rem;
}





/* Style de base pour superposer les images et les cacher par défaut */

.header-slider .slide {
    opacity: 0;
    transition: opacity 1.5s ease-in-out; /* Durée du fondu enchaîné */
}

.header-slider .slide.active {
    opacity: 1;
    transition: opacity 1.5s ease-in-out, transform 6s linear; /* 6s = temps total d'affichage */
}



/* 1. Rend le conteneur scrollable sur mobile */
.table-responsive-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Scroll fluide sur iOS */
}

.table-responsive {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap; /* Empêche le texte de revenir à la ligne de force */
}

/* 2. Fige la première colonne */
.sticky-col {
    position: sticky;
    left: 0;
  
    z-index: 2;
}

/* Optionnel : Ajoute une petite ombre portée pour bien séparer la colonne fixe du reste */
.sticky-col::after {
    content: '';
    position: absolute;
    right: -5px;
    top: 0;
    bottom: 0;
    width: 5px;
    background: linear-gradient(to right, rgba(0,0,0,0.05), rgba(0,0,0,0));
    pointer-events: none;
}

/* Pensez aussi à mettre un fond sur le <th> sticky pour qu'il s'accorde avec votre bandeau rose */
thead th.sticky-col {
  
    z-index: 3; /* Au-dessus du tbody */
}

/* Redéfinit automatiquement le fond de la cellule sticky lors du hover sur la ligne */
tr:hover > td.sticky-col {
    background-color: inherit;
}

/* Pour Chrome, Safari, Edge */
.table-responsive-container::-webkit-scrollbar-button {
    display: none; /* Masque les flèches aux extrémités */
    width: 0;
    height: 0;
}

/* On garde le reste du style propre pour la barre */
.table-responsive-container::-webkit-scrollbar {
    height: 6px;
}

.table-responsive-container::-webkit-scrollbar-track {
    background: transparent;
}

.table-responsive-container::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

.table-responsive-container::-webkit-scrollbar-thumb:hover {
    background-color: #e95a8b;
}

/* Pour Firefox (il n'affiche pas de flèches par défaut avec 'thin') */
.table-responsive-container {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}


/* --- Source: styles_nookly.css --- */
/*-------------------------------------------------------------
Ver-Vert Studio
https://www.ververt-studio.com
---------------------------------------------------------------*/


.alert-info {
	color: #0e2c46;
    background-color: #d9e9f7;
    border-color: #5a95d2;
}




/*-------------------------------------------------------------
        btn click
---------------------------------------------------------------*/

.btn.btn-primary {
   background-color: #000;
}

.btn.btn-primary:focus {
    background-color: #1d2848;
}

.btn.btn-default:focus {
    background-color: #393939;
	color:#fff;
}

.dark.btn {
    background-color: #000 !important;
}



.form-control:focus {
  border-color: #0089bc !important;
}

.select-search.focus  {
    border-color: #0089bc;
}

.select-search .dropdown .dropdown-strip-container {
    background-color: #43a945;
}


.select-search .dropdown .iScrollVerticalScrollbar > .iScrollIndicator {
    background: #fff;
}


.list-inline li > a {
	color: #6b6b6b;
}


.must-ready-inner {
    background-color: #3c9efa;
}

/*-------------------------------------------------------------
                 Must ready color
---------------------------------------------------------------*/

.must-ready::before,
.must-ready::after {
  content: "";
  display: block;
  position: absolute;
  width: 200%;
  height: 50%;
  left: -50%;
  background: #3c9efa;
  -ms-transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
}

/*-------------------------------------------------------------
                  Radio check floater
---------------------------------------------------------------*/



/*-------------------------------------------------------------
                  Custom Tooltip
---------------------------------------------------------------*/

.tooltip {
	font-size:12px;
	font-family: "Roboto condensed";
	position:absolute;
}


.tooltip.right {
	margin-left:10px;
}

.tooltip.left {
	margin-left:-10px;
}
.tooltip.bottom {
	margin-top:5px;
}

/* ----------- List info  -----*/


/* ----------- Filter   -----*/

.filters a.clear-all {
	background-color: #0089bc;
}

.loader {
    background-color: transparent;
    border: 2px solid #858586;
    color: #292929;
}



/*-------------------------------------------------------------
    Color adapt
---------------------------------------------------------------*/



/*-------------------------------------------------------------
    Menu
---------------------------------------------------------------*/



.layer-menu .layer-frame-container {
    background-color:#2c3e50;
}

.layer-menu .cmd-close {
    background-color: #2c3e50;
	color: #999;
}





.mobile-menu > li {
    background-color: #1a2a3a;
	border-top: 1px solid #2c3e50 !important;
}


.mobile-menu  li > a.openable,
.mobile-menu  li.closed > a.openable:hover,
.mobile-menu  li > a.closed.openable:hover,
.mobile-menu  li > a:visited,
.mobile-menu  li > a:hover,
.mobile-menu  li > a:focus {
    background-color: #056488 !important;
 }
 
 .mobile-menu .sub-menu > li:hover {
    background-color: #056488 !important;
    color: #ffffff;
}


.mobile-menu .sub-menu  li > a.openable,
.mobile-menu .sub-menu  li.closed > a.openable:hover,
.mobile-menu .sub-menu  li > a:hover,
.mobile-menu .sub-menu  li > a:focus,
.mobile-menu .sub-menu  li:hover,
.mobile-menu .sub-menu  li:focus {
    background-color: #056488 !important;
}

.mobile-menu .badge-primary {
    background-color: #0089bc;
}




/*---------------------------------------------------------------
	Vertical inline menu
---------------------------------------------------------------------*/


.ver-inline-menu {
  padding: 0;
  margin: 0;
  list-style: none;

}

.ver-inline-menu li {
  position:relative;
  margin-bottom:1px;
}

.ver-inline-menu li i {
  width: 38px;
  height: 38px;
  display: inline-block;
  color:#226288;
  font-size:15px;
  padding:12px 10px 10px 8px;
  margin:0 8px 0 0;
  text-align: center;
  background:#dbe8f6 !important;
}

.ver-inline-menu li a {
  font-size: 13px;
  color:#666;
  display:block;
  background:#f7f7f7;
  border-left:solid 2px #226288;
}

.ver-inline-menu li:hover a,
.ver-inline-menu li:hover i {
  background:#e2f3ff;
  text-decoration:none;
}

.ver-inline-menu li:hover i {
  color:#fff;
  background:#226288 !important;
}

.ver-inline-menu li.active a,
.ver-inline-menu li:hover a {
  font-size: 13px;
}

.ver-inline-menu li.active a {
  border-left:solid 2px #226288;
}

.ver-inline-menu li.active a,
.ver-inline-menu li.active i {
  color:#fff;
  background:#0089bc;
  text-decoration:none;
}

.ver-inline-menu li.active i {
  background:#226288 !important;
}
.ver-inline-menu li.active:after {

    border-bottom: 0 none;
    border-left: 0 none;
    border-top: 0 none;
    content: "";
    display: inline-block;
    height: 38px;
    position: absolute;
    right: -9px;
    top: 0;
    width: 11px;
 }


/*-------------------------------------------------------------
                    Menu layer & top heading
---------------------------------------------------------------*/


/*-------------------------------------------------------------
                    Menu container
---------------------------------------------------------------*/


.csstransforms3d .menu-container {
	-webkit-transform: translate3d(0px,0px,0px);
	-moz-transform: translate3d(0px,0px,0px);
	-ms-transform: translate3d(0px,0px,0px);
	transform: translate3d(0px,0px,0px);
}

.menu-container {
	display:none;
}

.menu-container.floater {
	display:block;
}

.rgba .menu-container {
   background-color: transparent;
}


.menu-container .outer-container  {
    height:100%;
}



.csstransforms3d .menu-container.animation  {
	-webkit-transition: transform 0.3s ease-in-out 0s;
	-moz-transition:  transform 0.3s ease-in-out 0s;
	-ms-transition:  transform 0.3s ease-in-out 0s;
	transition: transform 0.3s ease-in-out 0s;
}


.csstransforms3d .animation.menu-container  .outer-container  {
	-webkit-transition: background-color 0.5s ease 0s;
	-moz-transition: background-color 0.5s ease 0s;
	-ms-transition: background-color 0.5s ease 0s;
	transition: background-color 0.5s ease 0s;
}


.menu-container .outer-container {
   background-color: transparent;
}


/* Effet au survol (PC / Souris) */
@media (hover: hover) {
  .menu-container .outer-container:hover {
    background-color: #0089bc;
    box-shadow: 0.5px 0.866px 13px 0 rgba(0, 0, 0, 0.48);
  }
}

/* Effet instantané au clic/toucher (Mobile + Desktop) */
.menu-container .outer-container:active {
  background-color: #0089bc;
  box-shadow: 0.5px 0.866px 13px 0 rgba(0, 0, 0, 0.48);
}


.upper.menu-container .outer-container,
.clicked.menu-container .outer-container,
.focused.menu-container .outer-container,
.search.menu-container .outer-container {
   background-color: #0089bc;
   box-shadow: 0.5px 0.866px 13px 0 rgba(0, 0, 0, 0.48);
}


.no-floater.floater.floater-show  .outer-container {
   background-color: transparent;

}


.menu-container a.focus {
	position:relative;
}

.menu-container a.focus:after {
  content: "";
  position: absolute;
  bottom: -19px; /* Contrôle la distance exacte sous le texte */
  left: 0;
  right: 0;
  height: 3px; /* Épaisseur du trait */
  background-color: red; /* Couleur du trait */
}

.mobile .menu-container a.focus:after {
  bottom: 0px; /* Contrôle la distance exacte sous le texte */
}

/* .menu-container .main-search-button.focus { */
	/* position: relative; */
	/* background-color: #e80000; */
/* } */

.menu-container .main-search-button.focus:after {
  content: "";
  position: absolute;
  bottom: -14px; /* Contrôle la distance exacte sous le texte */
  left: 0;
  right: 0;
  height: 3px; /* Épaisseur du trait */
  background-color: red; /* Couleur du trait */
}



/*-------------------------------------------------------------
                 Section title a
---------------------------------------------------------------*/




/*-------------------------------------------------------------
   play commabde
---------------------------------------------------------------*/

.label-info {
    background-color: #0089bc;
}

.label-primary {
    background-color: #0089bc;
}

/*---------------------------------------------------------------
	Vertical inline menu - select
---------------------------------------------------------------------*/

.list-item-select {
  padding: 0;
  margin: 0;
  list-style: none;
}

.list-item-select li {
  position:relative;
  background : transparent;
}

.list-item-select li i {
  width: 38px;
  height: 38px;
  display: inline-block;
  color:#b9cbd5;
  font-size:14px;
  padding:12px 10px 10px 8px;
  text-align: center;
}

.list-item-select li a {
	border-left:solid 2px transparent;
    height: 38px;
    line-height: 37px;
    color: #666;
	padding:0px 0px 0px 8px;
	display: block;
    font-size: 13px;
}


.list-item-select li:hover a {
	border-left: 2px solid #0089bc;
	color: #333;
	border-bottom: 0px solid;
 }

.list-item-select li:hover a,
.list-item-select li:hover i {
  background:#ddf6ff;
  text-decoration:none;
  border-bottom: 0px;
}

.list-item-select li:hover i {
  color:#fff;
  background:#c4d5df !important;
}


.list-item-select li.active a {
  border-left:solid 2px #0089bc;
  background:#b6f5c9;
}

.list-item-select li.active a,
.list-item-select li.active i {
  color:#fff;
  text-decoration:none;
}

.list-item-select li.active i {
  background:#ab5807 !important;
}
/*
.list-item-select li.active:after {
    border-bottom: 19px solid transparent;
    border-left: 16px solid #e77709;
    border-top: 19px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: -16px;
    top: 0;
}
*/

.list-item-select li.active {

}




/*---------------------------------------------------------------
	Slide bar
---------------------------------------------------------------------*/




/*---------------------------------------------------------------
	Fraction
---------------------------------------------------------------------*/


.fraction-slider {
	position:relative;
	width:100%;
	height:100%;
}

.fraction-slider .slide{
	width:100%;
	height:100%;
	position:absolute;
    transform:scale(1);
	opacity:0;
}



.fraction-slider .active-slide{
	display:block !important;
}

.fraction-slider .fs_obj{
	display:block;
	display:none;
	position:absolute;
	top:0px;
	left:100%;
	z-index:7;
}

.fraction-slider .fs_fixed_obj{
	z-index:6;
	left:0;
}

.fraction-slider .fs_obj *{
	display:inline-block;
	position:relative;
	top:0px; left:0px;
}

.fraction-slider .slide {
	width:100%;
	height:100%;
    position:absolute;
    background-size: cover;
	background-position: center center;
    background-repeat: none;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.fraction-slider .slide,
.fraction-slider .slide.end {
   opacity:0;
}

.fraction-slider .slide.start {

}


.fraction-slider .slide {
   transition: opacity 0.5s ease;
}

.fraction-slider .slide.start {
  transition: opacity 0.5s ease, transform 25s ease-in-out;
  transform: scale(1.25);
  opacity:1;
}


.no-animation .fraction-slider .slide {
   transition: none;
}

.no-animation .fraction-slider .slide {
   transition: none;
}

.no-animation .fraction-slider .slide.start {
  transition: none;
  transform: none;
  opacity:1;
}


.fraction-slider .active-slide {

}


.bg0 {
	
   background: url('../images/header/site_head_1.png');

    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
}


.header_overlay {
	
  /* L'astuce est ici : on place le centre du cercle en haut à gauche */
    background: radial-gradient(circle at 0% 0%, rgb(7 131 204) 0%, rgb(81 154 197 / 97%) 31%, rgb(100 177 223 / 77%) 56%, transparent 100%);

}



/*-------------------------------------------------------------
        Ce footer
---------------------------------------------------------------*/

.footer-widget h6 {
    color: #888;
    border-bottom: 2px solid #0089bc;
    padding-bottom: 5px;
    display: inline-block;
    padding: 10px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 20px;
    margin-top: 0px !important;
    color: #fff;
    text-transform: uppercase;
}

.footer-widget h6 span {
	font-size: 16px !important;
    margin-bottom: 5px;
    margin-top: 5px;
    white-space: nowrap;
    font-family: "Roboto Condensed" !important;
    text-transform: uppercase;
    overflow: hidden;
    text-align: left;
}

.footer-widget {
    top: 0px;
}

.footer-bottom {
    background: #10223a;
}

.footer-bottom .up {
    background: #183153;
}




footer-widget .btn-primary.active, .footer-widget .btn-primary {
    background-color: #0089bc !important;
}


.post .footer-widget h6 {
    background-color: #000;
}


/*-------------------------------------------------------------
        switch
---------------------------------------------------------------*/

 .has-switch span.switch-left {
    color: #fff;
    background: #000;
}

.has-switch:focus {
  border-color: #0089bc;

}



/*---------------------------------------------------------------
	Give
---------------------------------------------------------------------*/


.give .btn {
	background-color: #0089bc;
}

.cap-container {
    background-color:  #0089bc;
}


/*---------------------------------------------------------------
	Modal directory line color
---------------------------------------------------------------------*/

.modal-dialog.directories .loader-line:before {
	background-color: #34a756;
}



/* Panzoom */
/* L'élément qui contient l'image ou le contenu zoomable */
.panzoom-element {
    cursor: pointer !important; /* Curseur "main ouverte" au repos */
}

.in .panzoom-element {
    cursor: pointer !important; /* Curseur "main fermée" pendant le clic/déplacement */
}

.in .panzoom-element:active {
    cursor: grabbing !important; /* Curseur "main fermée" pendant le clic/déplacement */
}

/** Leaflet */

.leaflet-grab {
	 cursor: pointer !important; /* Curseur "main ouverte" au repos */
}

.in .leaflet-grab {
	 cursor: grab !important; /* Curseur "main ouverte" au repos */
}

/* --- Source: styles_nookly.css --- */
/*-------------------------------------------------------------
Ver-Vert Studio
https://www.ververt-studio.com
---------------------------------------------------------------*/


.alert-info {
	color: #0e2c46;
    background-color: #d9e9f7;
    border-color: #5a95d2;
}




/*-------------------------------------------------------------
        btn click
---------------------------------------------------------------*/

.btn.btn-primary {
   background-color: #000;
}

.btn.btn-primary:focus {
    background-color: #1d2848;
}

.btn.btn-default:focus {
    background-color: #393939;
	color:#fff;
}

.dark.btn {
    background-color: #000 !important;
}



.form-control:focus {
  border-color: #0089bc !important;
}

.select-search.focus  {
    border-color: #0089bc;
}

.select-search .dropdown .dropdown-strip-container {
    background-color: #43a945;
}


.select-search .dropdown .iScrollVerticalScrollbar > .iScrollIndicator {
    background: #fff;
}


.list-inline li > a {
	color: #6b6b6b;
}


.must-ready-inner {
    background-color: #3c9efa;
}

/*-------------------------------------------------------------
                 Must ready color
---------------------------------------------------------------*/

.must-ready::before,
.must-ready::after {
  content: "";
  display: block;
  position: absolute;
  width: 200%;
  height: 50%;
  left: -50%;
  background: #3c9efa;
  -ms-transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
}

/*-------------------------------------------------------------
                  Radio check floater
---------------------------------------------------------------*/



/*-------------------------------------------------------------
                  Custom Tooltip
---------------------------------------------------------------*/

.tooltip {
	font-size:12px;
	font-family: "Roboto condensed";
	position:absolute;
}


.tooltip.right {
	margin-left:10px;
}

.tooltip.left {
	margin-left:-10px;
}
.tooltip.bottom {
	margin-top:5px;
}

/* ----------- List info  -----*/


/* ----------- Filter   -----*/

.filters a.clear-all {
	background-color: #0089bc;
}

.loader {
    background-color: transparent;
    border: 2px solid #858586;
    color: #292929;
}



/*-------------------------------------------------------------
    Color adapt
---------------------------------------------------------------*/



/*-------------------------------------------------------------
    Menu
---------------------------------------------------------------*/



.layer-menu .layer-frame-container {
    background-color:#2c3e50;
}

.layer-menu .cmd-close {
    background-color: #2c3e50;
	color: #999;
}





.mobile-menu > li {
    background-color: #1a2a3a;
	border-top: 1px solid #2c3e50 !important;
}


.mobile-menu  li > a.openable,
.mobile-menu  li.closed > a.openable:hover,
.mobile-menu  li > a.closed.openable:hover,
.mobile-menu  li > a:visited,
.mobile-menu  li > a:hover,
.mobile-menu  li > a:focus {
    background-color: #056488 !important;
 }
 
 .mobile-menu .sub-menu > li:hover {
    background-color: #056488 !important;
    color: #ffffff;
}


.mobile-menu .sub-menu  li > a.openable,
.mobile-menu .sub-menu  li.closed > a.openable:hover,
.mobile-menu .sub-menu  li > a:hover,
.mobile-menu .sub-menu  li > a:focus,
.mobile-menu .sub-menu  li:hover,
.mobile-menu .sub-menu  li:focus {
    background-color: #056488 !important;
}

.mobile-menu .badge-primary {
    background-color: #0089bc;
}




/*---------------------------------------------------------------
	Vertical inline menu
---------------------------------------------------------------------*/


.ver-inline-menu {
  padding: 0;
  margin: 0;
  list-style: none;

}

.ver-inline-menu li {
  position:relative;
  margin-bottom:1px;
}

.ver-inline-menu li i {
  width: 38px;
  height: 38px;
  display: inline-block;
  color:#226288;
  font-size:15px;
  padding:12px 10px 10px 8px;
  margin:0 8px 0 0;
  text-align: center;
  background:#dbe8f6 !important;
}

.ver-inline-menu li a {
  font-size: 13px;
  color:#666;
  display:block;
  background:#f7f7f7;
  border-left:solid 2px #226288;
}

.ver-inline-menu li:hover a,
.ver-inline-menu li:hover i {
  background:#e2f3ff;
  text-decoration:none;
}

.ver-inline-menu li:hover i {
  color:#fff;
  background:#226288 !important;
}

.ver-inline-menu li.active a,
.ver-inline-menu li:hover a {
  font-size: 13px;
}

.ver-inline-menu li.active a {
  border-left:solid 2px #226288;
}

.ver-inline-menu li.active a,
.ver-inline-menu li.active i {
  color:#fff;
  background:#0089bc;
  text-decoration:none;
}

.ver-inline-menu li.active i {
  background:#226288 !important;
}
.ver-inline-menu li.active:after {

    border-bottom: 0 none;
    border-left: 0 none;
    border-top: 0 none;
    content: "";
    display: inline-block;
    height: 38px;
    position: absolute;
    right: -9px;
    top: 0;
    width: 11px;
 }


/*-------------------------------------------------------------
                    Menu layer & top heading
---------------------------------------------------------------*/


/*-------------------------------------------------------------
                    Menu container
---------------------------------------------------------------*/


.csstransforms3d .menu-container {
	-webkit-transform: translate3d(0px,0px,0px);
	-moz-transform: translate3d(0px,0px,0px);
	-ms-transform: translate3d(0px,0px,0px);
	transform: translate3d(0px,0px,0px);
}

.menu-container {
	display:none;
}

.menu-container.floater {
	display:block;
}

.rgba .menu-container {
   background-color: transparent;
}


.menu-container .outer-container  {
    height:100%;
}



.csstransforms3d .menu-container.animation  {
	-webkit-transition: transform 0.3s ease-in-out 0s;
	-moz-transition:  transform 0.3s ease-in-out 0s;
	-ms-transition:  transform 0.3s ease-in-out 0s;
	transition: transform 0.3s ease-in-out 0s;
}


.csstransforms3d .animation.menu-container  .outer-container  {
	-webkit-transition: background-color 0.5s ease 0s;
	-moz-transition: background-color 0.5s ease 0s;
	-ms-transition: background-color 0.5s ease 0s;
	transition: background-color 0.5s ease 0s;
}


.menu-container .outer-container {
   background-color: transparent;
}


/* Effet au survol (PC / Souris) */
@media (hover: hover) {
  .menu-container .outer-container:hover {
    background-color: #0089bc;
    box-shadow: 0.5px 0.866px 13px 0 rgba(0, 0, 0, 0.48);
  }
}

/* Effet instantané au clic/toucher (Mobile + Desktop) */
.menu-container .outer-container:active {
  background-color: #0089bc;
  box-shadow: 0.5px 0.866px 13px 0 rgba(0, 0, 0, 0.48);
}


.upper.menu-container .outer-container,
.clicked.menu-container .outer-container,
.focused.menu-container .outer-container,
.search.menu-container .outer-container {
   background-color: #0089bc;
   box-shadow: 0.5px 0.866px 13px 0 rgba(0, 0, 0, 0.48);
}


.no-floater.floater.floater-show  .outer-container {
   background-color: transparent;

}


.menu-container a.focus {
	position:relative;
}

.menu-container a.focus:after {
  content: "";
  position: absolute;
  bottom: -19px; /* Contrôle la distance exacte sous le texte */
  left: 0;
  right: 0;
  height: 3px; /* Épaisseur du trait */
  background-color: red; /* Couleur du trait */
}

.mobile .menu-container a.focus:after {
  bottom: 0px; /* Contrôle la distance exacte sous le texte */
}

/* .menu-container .main-search-button.focus { */
	/* position: relative; */
	/* background-color: #e80000; */
/* } */

.menu-container .main-search-button.focus:after {
  content: "";
  position: absolute;
  bottom: -14px; /* Contrôle la distance exacte sous le texte */
  left: 0;
  right: 0;
  height: 3px; /* Épaisseur du trait */
  background-color: red; /* Couleur du trait */
}



/*-------------------------------------------------------------
                 Section title a
---------------------------------------------------------------*/




/*-------------------------------------------------------------
   play commabde
---------------------------------------------------------------*/

.label-info {
    background-color: #0089bc;
}

.label-primary {
    background-color: #0089bc;
}

/*---------------------------------------------------------------
	Vertical inline menu - select
---------------------------------------------------------------------*/

.list-item-select {
  padding: 0;
  margin: 0;
  list-style: none;
}

.list-item-select li {
  position:relative;
  background : transparent;
}

.list-item-select li i {
  width: 38px;
  height: 38px;
  display: inline-block;
  color:#b9cbd5;
  font-size:14px;
  padding:12px 10px 10px 8px;
  text-align: center;
}

.list-item-select li a {
	border-left:solid 2px transparent;
    height: 38px;
    line-height: 37px;
    color: #666;
	padding:0px 0px 0px 8px;
	display: block;
    font-size: 13px;
}


.list-item-select li:hover a {
	border-left: 2px solid #0089bc;
	color: #333;
	border-bottom: 0px solid;
 }

.list-item-select li:hover a,
.list-item-select li:hover i {
  background:#ddf6ff;
  text-decoration:none;
  border-bottom: 0px;
}

.list-item-select li:hover i {
  color:#fff;
  background:#c4d5df !important;
}


.list-item-select li.active a {
  border-left:solid 2px #0089bc;
  background:#b6f5c9;
}

.list-item-select li.active a,
.list-item-select li.active i {
  color:#fff;
  text-decoration:none;
}

.list-item-select li.active i {
  background:#ab5807 !important;
}
/*
.list-item-select li.active:after {
    border-bottom: 19px solid transparent;
    border-left: 16px solid #e77709;
    border-top: 19px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: -16px;
    top: 0;
}
*/

.list-item-select li.active {

}




/*---------------------------------------------------------------
	Slide bar
---------------------------------------------------------------------*/




/*---------------------------------------------------------------
	Fraction
---------------------------------------------------------------------*/


.fraction-slider {
	position:relative;
	width:100%;
	height:100%;
}

.fraction-slider .slide{
	width:100%;
	height:100%;
	position:absolute;
    transform:scale(1);
	opacity:0;
}



.fraction-slider .active-slide{
	display:block !important;
}

.fraction-slider .fs_obj{
	display:block;
	display:none;
	position:absolute;
	top:0px;
	left:100%;
	z-index:7;
}

.fraction-slider .fs_fixed_obj{
	z-index:6;
	left:0;
}

.fraction-slider .fs_obj *{
	display:inline-block;
	position:relative;
	top:0px; left:0px;
}

.fraction-slider .slide {
	width:100%;
	height:100%;
    position:absolute;
    background-size: cover;
	background-position: center center;
    background-repeat: none;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.fraction-slider .slide,
.fraction-slider .slide.end {
   opacity:0;
}

.fraction-slider .slide.start {

}


.fraction-slider .slide {
   transition: opacity 0.5s ease;
}

.fraction-slider .slide.start {
  transition: opacity 0.5s ease, transform 25s ease-in-out;
  transform: scale(1.25);
  opacity:1;
}


.no-animation .fraction-slider .slide {
   transition: none;
}

.no-animation .fraction-slider .slide {
   transition: none;
}

.no-animation .fraction-slider .slide.start {
  transition: none;
  transform: none;
  opacity:1;
}


.fraction-slider .active-slide {

}


.bg0 {
	
   background: url('../images/header/site_head_1.png');

    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
}


.header_overlay {
	
  /* L'astuce est ici : on place le centre du cercle en haut à gauche */
    background: radial-gradient(circle at 0% 0%, rgb(7 131 204) 0%, rgb(81 154 197 / 97%) 31%, rgb(100 177 223 / 77%) 56%, transparent 100%);

}



/*-------------------------------------------------------------
        Ce footer
---------------------------------------------------------------*/

.footer-widget h6 {
    color: #888;
    border-bottom: 2px solid #0089bc;
    padding-bottom: 5px;
    display: inline-block;
    padding: 10px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 20px;
    margin-top: 0px !important;
    color: #fff;
    text-transform: uppercase;
}

.footer-widget h6 span {
	font-size: 16px !important;
    margin-bottom: 5px;
    margin-top: 5px;
    white-space: nowrap;
    font-family: "Roboto Condensed" !important;
    text-transform: uppercase;
    overflow: hidden;
    text-align: left;
}

.footer-widget {
    top: 0px;
}

.footer-bottom {
    background: #10223a;
}

.footer-bottom .up {
    background: #183153;
}




footer-widget .btn-primary.active, .footer-widget .btn-primary {
    background-color: #0089bc !important;
}


.post .footer-widget h6 {
    background-color: #000;
}


/*-------------------------------------------------------------
        switch
---------------------------------------------------------------*/

 .has-switch span.switch-left {
    color: #fff;
    background: #000;
}

.has-switch:focus {
  border-color: #0089bc;

}



/*---------------------------------------------------------------
	Give
---------------------------------------------------------------------*/


.give .btn {
	background-color: #0089bc;
}

.cap-container {
    background-color:  #0089bc;
}


/*---------------------------------------------------------------
	Modal directory line color
---------------------------------------------------------------------*/

.modal-dialog.directories .loader-line:before {
	background-color: #34a756;
}



/* Panzoom */
/* L'élément qui contient l'image ou le contenu zoomable */
.panzoom-element {
    cursor: pointer !important; /* Curseur "main ouverte" au repos */
}

.in .panzoom-element {
    cursor: pointer !important; /* Curseur "main fermée" pendant le clic/déplacement */
}

.in .panzoom-element:active {
    cursor: grabbing !important; /* Curseur "main fermée" pendant le clic/déplacement */
}

/** Leaflet */

.leaflet-grab {
	 cursor: pointer !important; /* Curseur "main ouverte" au repos */
}

.in .leaflet-grab {
	 cursor: grab !important; /* Curseur "main ouverte" au repos */
}

/* --- Source: styles_responsive.css --- */
/*------------------------------------------------------------- 
Ver-Vert Studio 
https://www.ververt-studio.com
---------------------------------------------------------------*/



/***
	From  Up To Larger Devices
***/


@media (max-width: 1200px) {
	

}

/***
Form Medium Devices Up To Large Devices
***/
@media (max-width: 991px) { 




	
}
/***
	From Small Devices Up To Medium Devices
***/

@media (max-width: 767px) { 


	
}



/***
	The Most Extra Small Devices Landscape Mode Only
***/


@media (max-width:580px) {


	

	
}





@media (max-width: 480px) {

	
	/***
		Edge size
	***/
	.row {
		margin-right: -5px;
		margin-left: -5px;
	}
	
	.container {
		padding-right: 5px;
		padding-left: 5px;
	}
	
	
	 .col-md-3,
	.col-xs-4, .col-md-4, .col-md-5,
	.col-xs-6, .col-md-6, .col-md-7,
	.col-xs-8, .col-md-8, .col-md-9,
	.col-xs-12, .col-md-12 {
		padding-right: 5px;
		padding-left: 5px;
	}
	
 	

	.cap-container h1 {
		font-size: 3.0rem;
	}
	

	#page-heading .search {
		margin-top:15px;
		float: left !important;
	}
	
	
	#mobile-menu > button > i {
			margin-right:0px;
	}

	

	
	

}


/***
The Most Extra Small Devices Portrait Mode Only
***/


@media (max-width: 380px) {


	
}	



/***
The Most Extra Small Devices Portrait Mode Only
***/


@media (max-width: 360px) {

	
	
	

	.page-bar .search {
		width: 100%;
	}
	
	.page-bar .search .input-cont .form-control {
		width: 100%;
	}
	
	
	.nav-menu.main {
		padding-right: 5px;
	}
	.nav-menu > ul > li {
		margin-left: 5px;
	}

	

}	







/****

	-------------------- MIN WIDTH -------------------
	-------------------- MIN WIDTH -------------------
	-------------------- MIN WIDTH -------------------
	-------------------- MIN WIDTH -------------------

***/




/***
From Small Devices Up To Medium Devices
***/ 


/***
	From Medium Devices Up To Larger Devices
***/

@media (min-width: 992px) {
	/** 
		Nav bar
		*/

	
}


/***
	From  Up To Larger Devices
***/