@font-face {
  font-family: "SVNGotham";
  src: url("../fonts/SVN-Gotham Book.otf") format("opentype");
}
body {
  font-family: "SVNGotham";
}

@font-face {
  font-family: "AmpleSoft Pro";
  src: url("../fonts/AmpleSoftPro-Bold.eot");
  src: local("AmpleSoftPro-Bold"), url("../fonts/AmpleSoftPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/AmpleSoftPro-Bold.woff2") format("woff2"), url("../fonts/AmpleSoftPro-Bold.woff") format("woff"), url("../fonts/AmpleSoftPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "AmpleSoft Pro";
  src: url("../fonts/AmpleSoftPro-Medium.eot");
  src: local("AmpleSoftPro-Medium"), url("../fonts/AmpleSoftPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/AmpleSoftPro-Medium.woff2") format("woff2"), url("../fonts/AmpleSoftPro-Medium.woff") format("woff"), url("../fonts/AmpleSoftPro-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "AmpleSoft Pro";
  src: url("../fonts/AmpleSoftPro-Light.eot");
  src: local("AmpleSoftPro-Light"), url("../fonts/AmpleSoftPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/AmpleSoftPro-Light.woff2") format("woff2"), url("../fonts/AmpleSoftPro-Light.woff") format("woff"), url("../fonts/AmpleSoftPro-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "AmpleSoft Pro";
  src: url("../fonts/AmpleSoftPro-Thin.eot");
  src: local("AmpleSoftPro-Thin"), url("../fonts/AmpleSoftPro-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/AmpleSoftPro-Thin.woff2") format("woff2"), url("../fonts/AmpleSoftPro-Thin.woff") format("woff"), url("../fonts/AmpleSoftPro-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "AmpleSoft Pro";
  src: url("../fonts/AmpleSoftPro-ExtraLight.eot");
  src: local("AmpleSoftPro-ExtraLight"), url("../fonts/AmpleSoftPro-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/AmpleSoftPro-ExtraLight.woff2") format("woff2"), url("../fonts/AmpleSoftPro-ExtraLight.woff") format("woff"), url("../fonts/AmpleSoftPro-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "AmpleSoft Pro";
  src: url("../fonts/AmpleSoftPro-Regular.eot");
  src: local("AmpleSoftPro-Regular"), url("../fonts/AmpleSoftPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/AmpleSoftPro-Regular.woff2") format("woff2"), url("../fonts/AmpleSoftPro-Regular.woff") format("woff"), url("../fonts/AmpleSoftPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.font-ample {
  font-family: "AmpleSoft Pro";
  font-weight: bold;
  font-style: normal;
}

.brand ~ label, .type-design ~ label {
  border: 1px solid #afafaf;
}

.brand:checked ~ label {
  border: 2px solid #1A62C5;
  box-shadow: 0 0.5px 1px #1A62C5;
  background: #1A62C5;
}

.type-design:checked ~ label {
  border: 2px solid #1A62C5;
  background: #1A62C5;
  color: white;
}

.rule ~ label {
  border: 1px solid #afafaf;
}

.rule:checked ~ label {
  border: 2px solid #1A62C5;
  background: #1A62C5;
  color: white;
}

.rule:checked ~ label img {
  filter: brightness(5);
}

/* For summernote override unordered and order list */
.note-editable ul {
  list-style: disc !important;
  list-style-position: inside !important;
  padding-left: 40px;
}
.note-editable ul li {
  display: list-item !important;
}

.note-editable ol {
  list-style: decimal !important;
  list-style-position: inside !important;
  padding-left: 40px;
}
.note-editable ol li {
  display: list-item !important;
}

:root {
  --star-size: 18px;
  --star-color: #000000;
  --star-background: #fc0;
}

.stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.stars::before {
  content: "\f005\f005\f005\f005\f005";
  letter-spacing: 3px;
  background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*
 *  Pure CSS star rating that works without reversing order
 *  of inputs
 *  -------------------------------------------------------
 *  NOTE: For the styling to work, there needs to be a radio
 *        input selected by default. There also needs to be a
 *        radio input before the first star, regardless of
 *        whether you offer a 'no rating' or 0 stars option
 *
 *  This codepen uses FontAwesome icons
 */
#full-stars-example {
  /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
  /* make hover effect work properly in IE */
  /* hide radio inputs */
  /* set icon padding and size */
  /* set default star color */
  /* set color of none icon when unchecked */
  /* if none icon is checked, make it red */
  /* if any input is checked, make its following siblings grey */
  /* make all stars orange on rating group hover */
  /* make hovered input's following siblings grey on hover */
  /* make none icon grey on rating group hover */
  /* make none icon red on hover */
}
#full-stars-example .rating-group {
  display: inline-flex;
}
#full-stars-example .rating__icon {
  pointer-events: none;
}
#full-stars-example .rating__input {
  position: absolute !important;
  left: -9999px !important;
}
#full-stars-example .rating__label {
  cursor: pointer;
  padding: 0 0.1em;
  font-size: 2rem;
}
#full-stars-example .rating__icon--star {
  color: orange;
}
#full-stars-example .rating__icon--none {
  color: #eee;
}
#full-stars-example .rating__input--none:checked + .rating__label .rating__icon--none {
  color: red;
}
#full-stars-example .rating__input:checked ~ .rating__label .rating__icon--star {
  color: #ddd;
}
#full-stars-example .rating-group:hover .rating__label .rating__icon--star {
  color: orange;
}
#full-stars-example .rating__input:hover ~ .rating__label .rating__icon--star {
  color: #ddd;
}
#full-stars-example .rating-group:hover .rating__input--none:not(:hover) + .rating__label .rating__icon--none {
  color: #eee;
}
#full-stars-example .rating__input--none:hover + .rating__label .rating__icon--none {
  color: red;
}

#half-stars-example {
  /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
  /* make hover effect work properly in IE */
  /* hide radio inputs */
  /* set icon padding and size */
  /* add padding and positioning to half star labels */
  /* set default star color */
  /* set color of none icon when unchecked */
  /* if none icon is checked, make it red */
  /* if any input is checked, make its following siblings grey */
  /* make all stars orange on rating group hover */
  /* make hovered input's following siblings grey on hover */
  /* make none icon grey on rating group hover */
  /* make none icon red on hover */
}
#half-stars-example .rating-group {
  display: inline-flex;
}
#half-stars-example .rating__icon {
  pointer-events: none;
}
#half-stars-example .rating__input {
  position: absolute !important;
  left: -9999px !important;
}
#half-stars-example .rating__label {
  cursor: pointer;
  /* if you change the left/right padding, update the margin-right property of .rating__label--half as well. */
  padding: 0 0.1em;
  font-size: 2rem;
}
#half-stars-example .rating__label--half {
  padding-right: 0;
  margin-right: -38px;
  z-index: 2;
}
#half-stars-example .rating__icon--star {
  color: orange;
}
#half-stars-example .rating__icon--none {
  color: #eee;
}
#half-stars-example .rating__input--none:checked + .rating__label .rating__icon--none {
  color: red;
}
#half-stars-example .rating__input:checked ~ .rating__label .rating__icon--star {
  color: #ddd;
}
#half-stars-example .rating-group:hover .rating__label .rating__icon--star,
#half-stars-example .rating-group:hover .rating__label--half .rating__icon--star {
  color: orange;
}
#half-stars-example .rating__input:hover ~ .rating__label .rating__icon--star,
#half-stars-example .rating__input:hover ~ .rating__label--half .rating__icon--star {
  color: #ddd;
}
#half-stars-example .rating-group:hover .rating__input--none:not(:hover) + .rating__label .rating__icon--none {
  color: #eee;
}
#half-stars-example .rating__input--none:hover + .rating__label .rating__icon--none {
  color: red;
}

#half-stars-example {
  /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
  /* make hover effect work properly in IE */
  /* hide radio inputs */
  /* set icon padding and size */
  /* add padding and positioning to half star labels */
  /* set default star color */
  /* set color of none icon when unchecked */
  /* if none icon is checked, make it red */
  /* if any input is checked, make its following siblings grey */
  /* make all stars orange on rating group hover */
  /* make hovered input's following siblings grey on hover */
  /* make none icon grey on rating group hover */
  /* make none icon red on hover */
}
#half-stars-example .rating-group {
  display: inline-flex;
}
#half-stars-example .rating__icon {
  pointer-events: none;
}
#half-stars-example .rating__input {
  position: absolute !important;
  left: -9999px !important;
}
#half-stars-example .rating__label {
  cursor: pointer;
  /* if you change the left/right padding, update the margin-right property of .rating__label--half as well. */
  padding: 0 0.1em;
  font-size: 2rem;
}
#half-stars-example .rating__label--half {
  padding-right: 0;
  margin-right: -38px;
  z-index: 2;
}
#half-stars-example .rating__icon--star {
  color: orange;
}
#half-stars-example .rating__icon--none {
  color: #eee;
}
#half-stars-example .rating__input--none:checked + .rating__label .rating__icon--none {
  color: red;
}
#half-stars-example .rating__input:checked ~ .rating__label .rating__icon--star {
  color: #ddd;
}
#half-stars-example .rating-group:hover .rating__label .rating__icon--star,
#half-stars-example .rating-group:hover .rating__label--half .rating__icon--star {
  color: orange;
}
#half-stars-example .rating__input:hover ~ .rating__label .rating__icon--star,
#half-stars-example .rating__input:hover ~ .rating__label--half .rating__icon--star {
  color: #ddd;
}
#half-stars-example .rating-group:hover .rating__input--none:not(:hover) + .rating__label .rating__icon--none {
  color: #eee;
}
#half-stars-example .rating__input--none:hover + .rating__label .rating__icon--none {
  color: red;
}

.menu-user ~ .nav_user {
  display: none;
}

.menu-user.active ~ .nav_user {
  display: block;
}

table th, table td {
  font-size: 14px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #5454ba;
  border: 1px solid #5454ba;
  color: white;
}

.select2-container .select2-selection--single {
  height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px;
}

.datepicker .datepicker-days tr td.active ~ td,
.datepicker .datepicker-days tr td.active {
  color: #af1623 !important;
  background: transparent !important;
}

.datepicker .datepicker-days tr:hover td {
  color: #000;
  background: #e5e2e3;
  border-radius: 0;
}

.input-group .el-range-editor--large.el-input__wrapper {
  height: 37px !important;
}

/*# sourceMappingURL=styles.css.map */