@import "/vendor/theme/assets/lib/stroke-7/style.css";
@import "/vendor/theme/assets/lib/perfect-scrollbar/css/perfect-scrollbar.min.css";
@import "/vendor/theme/assets/lib/datatables/datatables.net-bs4/css/dataTables.bootstrap4.css";
@import "/vendor/theme/assets/lib/jquery.gritter/css/jquery.gritter.css";
@import "/vendor/switchery-0.8.2/dist/switchery.min.css";
@import "/vendor/font-awesome-4.7.0/css/font-awesome.min.css";
@import "/vendor/flag-icon-css-master/css/flag-icon.min.css";
@import "/vendor/aehlke-tag-it-2.0/css/jquery.tagit.css";
@import "/vendor/aehlke-tag-it-2.0/css/tagit.ui-zendesk.css";
@import "/vendor/theme/assets/lib/dropzone/dist/dropzone.css";
@import "/vendor/theme/assets/lib/datepicker/css/bootstrap-datepicker3.min.css";
@import "/vendor/theme/assets/css/themes/emakers.css";
/**
 * Allows you to use retina images at various pixel densities.
 * Examples:
 *
 *   @include retina(/images/mypic.jpg, 2);
 *   @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 *
 * @param  {Value}  $path               The path to the file name minus extension.
 * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * @param  {Value}  $extras: null       Any other `background` values to be added.
 */
label.checkbox {
  margin-left: 10px;
}

.mai-sub-header .navbar-nav > .nav-item > .nav-link {
  font-size: 0.9rem;
  text-transform: uppercase;
}

.mai-sub-header > .container {
  padding-top: 20px;
}

.nav.navbar-nav.mai-top-nav .nav-item {
  margin-left: 20px;
}

.panel {
  box-shadow: none;
}

.legend {
  margin: -20px 0 27px 0;
  font-style: italic;
  color: #878787;
}

.panel-heading-color-primary a {
  color: #fff;
}

.display-record-informations p {
  font-size: 0.877rem;
}

.mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link .icon:hover {
  color: #b5c2ca;
}

.mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link.active .icon {
  color: #b5c2ca;
}

.panel-button {
  padding: 10px 25px 0 0;
}
.panel-button .btn {
  width: 185px;
}

.sortable li a .fa {
  font-size: 15px;
}

.uploaded-image {
  margin-bottom: 20px;
}

.img-thumbnail {
  border-radius: 0;
}

.image-type-name {
  margin: 40px 0 5px 0;
}

table .btn {
  height: 46px;
  margin-top: 11px;
}
table .btn.btn-immat {
  margin-top: -21px;
}

.table-primary a {
  color: #4b5d68;
}

.table .badge.active {
  border: 1px solid #97aab5;
  background-color: #b5c2ca;
  color: #fff;
}

select.form-control:not([size]):not([multiple]),
.select2-container--default .select2-selection--single:not([size]):not([multiple]) {
  height: inherit;
}

.page-item a {
  color: #fec54e;
  background-color: #fff;
  border: 1px solid #ddd;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
}

.page-item:hover a {
  background-color: #fec54e;
  color: #000;
}

.page-item a.active {
  background-color: #000;
  color: #fec54e;
}

label.error {
  margin-top: 10px;
  margin-bottom: 0;
  padding: 15px 20px;
  position: relative;
  background-color: #F45846;
  color: #FFFFFF;
  width: 100%;
}

label.error:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -6px;
  left: 20px;
  width: 0;
  height: 0;
  content: "";
  z-index: 2;
  border-bottom: 7px solid #F45846;
  -moz-transform: scale(0.9999);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.checkboxes-list {
  margin-bottom: 20px;
}

.id-infos {
  font-size: 25px;
}

span.required {
  color: #e40000;
}

ul.alert.alert-danger {
  list-style: none;
}

.fieldWithErrors input.form-control,
.fieldWithErrors select.form-control {
  border-color: #b10000;
}

.tagit.ui-widget {
  border: 2px solid #ebebeb;
  padding: 6px;
}

ul.tagit li.tagit-choice .tagit-label:not(a),
ul.tagit li.tagit-choice .tagit-close .text-icon {
  color: #fff;
}

ul.tagit li.tagit-choice {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #97aab5;
  background-color: #b5c2ca;
}

ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove {
  background-color: #d3dadf;
  border-color: #b5c2ca;
}

.user-table.table.table-striped.table-hover.dataTable .fa {
  font-size: 15px;
}
.user-table.table.table-striped.table-hover.dataTable .fa.publish {
  color: #34d896;
}
.user-table.table.table-striped.table-hover.dataTable .fa.unpublish {
  color: #f45846;
}
.user-table.table.table-striped.table-hover.dataTable a {
  color: #97aab5;
}

form.dropzone {
  margin-top: 50px;
  padding: 80px 60px 80px;
  position: relative;
}
form.dropzone.no-select {
  margin-top: 0;
}
form.dropzone .form-group {
  position: absolute;
  top: -85px;
  left: 0;
  width: 100%;
}

.video-container {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

.video-container iframe,
.video-container embed,
.video-container object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

.mai-nav-tabs-sub {
  z-index: 9;
}

.usage-counter {
  font-size: 1.76923rem;
}

/*# sourceMappingURL=app.css.map */
