@import url("../vendor/@fortawesome/fontawesome-free/css/all-e33528ec96ec5279d4f048233f183af0.css");
@import url("../vendor/simple-datatables/dist/style.min-041ba9501e284fb1b926b07df23bb544.css");
@import url("../vendor/notyf/notyf.min-6b4045bab8bcfa43a5179f2da45a6d27.css");
:root {
  --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-base: 13px;
  --body-bg: #b0c4de;
  --default-color: #100935;
  --border-radius: .175rem;
  --primary: var(--default-color);
  /**
  CARD -----
   */
  --card-flex-basis: 280px;
  --card-border-radius: var(--border-radius);
  --card-image-height: 200px;
  --card-box-shadow: 8px 8px 28px #d9d9d9, -8px -8px 28px #ffffff;
  /**
  CONTAINER
   */
  --container-max-width: 1320px;
  /**
  INPUT
   */
  --input-text-color: var(--primary);
  --input-border-radius: var(--border-radius);
  --input-bg-color: var(--white);
  --input-border-color: var(--secondary);
  --input-border-width: 1px;
  /**
  BADGE
   */
  --badge-font-size: 0.8em;
  --badge-font-weight: 600;
  /**
  BUTTON
   */
  --btn-border-radius: var(--border-radius);
  --text-color-in-secondary: var(--primary);
  --primary-dark: #131F45;
  --primary-light: #E3F1FC;
  --secondary: #b0c4de;
  --success: #28a745;
  --success-light: #ddffdd;
  --info: #269df0;
  --info-light: #e7f3fe;
  --warning: #ff9800;
  --warning-light: #ffffcc;
  --danger: #dc3545;
  --danger-light: #ffdddd;
  --light: #f8f9fa;
  --dark: #343a40;
  --white: #FFFFFF;
  --color-bg: #f5f5f5;
  --as-color-text: #363636;
  --as-color-border: #DDDDDD;
  --color-twitter: #4a9eec;
  --color-facebook: #415994;
  --color-dribbble: #ea4c89;
  --color-github: #24292e;
  --color-youtube: #ea3323;
  --color-linkedin: #0E76A8;
  --color-google: #c94536;
  --color-instagram: #e02d69;
  --font-primary: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
  --font-secondary: -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
  --space: 1em;
  --common-height: 2em;
  --space-sm: 0.5em;
  --btn-font-size: 1em;
  --btn-lg-font-size: 1.2em;
  --btn-sm-font-size: 0.9em;
  --light-gray: #f6f6f6;
  --blue: #0d6efd;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #d63384;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #198754;
  --teal: #20c997;
  --cyan: #0dcaf0;
  --gray: #6c757d;
  --gray-dark: #343a40;
}

.primary {
  background-color: var(--primary);
} /* Green */
.success {
  background-color: var(--success);
} /* Green */ /* Green */
.info {
  background-color: var(--info);
} /* Blue */
.warning {
  background-color: var(--warning);
} /* Orange */
.danger {
  background-color: var(--danger);
} /* Red */
.other {
  background-color: var(--dark);
  color: black;
} /* Gray */
.bg-white {
  background-color: var(--white);
}

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

body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100vh;
  background: var(--body-bg);
  overflow: hidden;
  color: var(--as-color-text);
  font-family: var(--font-family-base);
  font-size: var(--font-base);
  margin: 0;
  min-height: 100vh;
}

h1 {
  font-size: 2em;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}

h2 {
  font-size: 1.8em;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

h3 {
  font-size: 1.5em;
}

hr {
  width: 100%;
}

b, strong {
  font-weight: 600;
}

hr {
  border: 0;
  height: 1px;
  background-color: #6d6d6d;
}

[hidden] {
  display: none !important;
}

.small, small {
  font-size: 0.875em;
  font-weight: 400;
}
.small p, small p {
  margin: 0;
}

.help {
  display: block;
  font-size: 0.85em;
  margin-top: 0.25em;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.container {
  width: 100%;
  max-width: var(--container-max-width);
  margin-right: auto;
  margin-left: auto;
  padding: 0.5em;
}

.container-fluid {
  width: 100%;
  max-width: 1320px;
  margin-right: 2em;
  margin-left: 2em;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: var(--container-max-width);
  }
}
.is-fullheight {
  height: 100vh;
  overflow: auto;
}

.header {
  align-items: center;
  background-color: var(--default-color);
  color: var(--white);
  display: flex;
  justify-content: space-between;
  left: 0;
  min-height: 60px;
  padding: 0.5rem;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 100;
}

.login-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}
.login-container .login-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.m0 {
  margin: 0em;
}

.p0 {
  padding: 0em;
}

.mt-0 {
  margin-top: 0em;
}

.pt-0 {
  padding-top: 0em;
}

.mb-0 {
  margin-bottom: 0em;
}

.pb-0 {
  padding-bottom: 0em;
}

.ml-0 {
  margin-left: 0em;
}

.pl-0 {
  padding-left: 0em;
}

.mr-0 {
  margin-right: 0em;
}

.pr-0 {
  padding-right: 0em;
}

.m1 {
  margin: 0.3em;
}

.p1 {
  padding: 0.3em;
}

.mt-1 {
  margin-top: 0.3em;
}

.pt-1 {
  padding-top: 0.3em;
}

.mb-1 {
  margin-bottom: 0.3em;
}

.pb-1 {
  padding-bottom: 0.3em;
}

.ml-1 {
  margin-left: 0.3em;
}

.pl-1 {
  padding-left: 0.3em;
}

.mr-1 {
  margin-right: 0.3em;
}

.pr-1 {
  padding-right: 0.3em;
}

.m2 {
  margin: 0.8em;
}

.p2 {
  padding: 0.8em;
}

.mt-2 {
  margin-top: 0.8em;
}

.pt-2 {
  padding-top: 0.8em;
}

.mb-2 {
  margin-bottom: 0.8em;
}

.pb-2 {
  padding-bottom: 0.8em;
}

.ml-2 {
  margin-left: 0.8em;
}

.pl-2 {
  padding-left: 0.8em;
}

.mr-2 {
  margin-right: 0.8em;
}

.pr-2 {
  padding-right: 0.8em;
}

.m3 {
  margin: 1.5em;
}

.p3 {
  padding: 1.5em;
}

.mt-3 {
  margin-top: 1.5em;
}

.pt-3 {
  padding-top: 1.5em;
}

.mb-3 {
  margin-bottom: 1.5em;
}

.pb-3 {
  padding-bottom: 1.5em;
}

.ml-3 {
  margin-left: 1.5em;
}

.pl-3 {
  padding-left: 1.5em;
}

.mr-3 {
  margin-right: 1.5em;
}

.pr-3 {
  padding-right: 1.5em;
}

.m4 {
  margin: 2em;
}

.p4 {
  padding: 2em;
}

.mt-4 {
  margin-top: 2em;
}

.pt-4 {
  padding-top: 2em;
}

.mb-4 {
  margin-bottom: 2em;
}

.pb-4 {
  padding-bottom: 2em;
}

.ml-4 {
  margin-left: 2em;
}

.pl-4 {
  padding-left: 2em;
}

.mr-4 {
  margin-right: 2em;
}

.pr-4 {
  padding-right: 2em;
}

.m5 {
  margin: 2.5em;
}

.p5 {
  padding: 2.5em;
}

.mt-5 {
  margin-top: 2.5em;
}

.pt-5 {
  padding-top: 2.5em;
}

.mb-5 {
  margin-bottom: 2.5em;
}

.pb-5 {
  padding-bottom: 2.5em;
}

.ml-5 {
  margin-left: 2.5em;
}

.pl-5 {
  padding-left: 2.5em;
}

.mr-5 {
  margin-right: 2.5em;
}

.pr-5 {
  padding-right: 2.5em;
}

.fw-light {
  font-weight: 300;
}

.fw-normal {
  font-weight: 400;
}

.fw-medium {
  font-weight: 500;
}

.fw-bold {
  font-weight: 700;
}

.fw-extra-bold {
  font-weight: 800;
}

.fw-ultra-bold {
  font-weight: 900;
}

.max-w-25 {
  max-width: 25px !important;
}

.max-w-50 {
  max-width: 50px !important;
}

.max-w-75 {
  max-width: 75px !important;
}

.max-w-100 {
  max-width: 100px !important;
}

.max-w-125 {
  max-width: 125px !important;
}

.max-w-150 {
  max-width: 150px !important;
}

.max-w-175 {
  max-width: 175px !important;
}

.max-w-200 {
  max-width: 200px !important;
}

.max-w-225 {
  max-width: 225px !important;
}

.max-w-250 {
  max-width: 250px !important;
}

.max-w-275 {
  max-width: 275px !important;
}

.max-w-300 {
  max-width: 300px !important;
}

.max-w-325 {
  max-width: 325px !important;
}

.max-w-350 {
  max-width: 350px !important;
}

.max-w-375 {
  max-width: 375px !important;
}

.max-w-400 {
  max-width: 400px !important;
}

.max-w-425 {
  max-width: 425px !important;
}

.max-w-450 {
  max-width: 450px !important;
}

.max-w-475 {
  max-width: 475px !important;
}

.max-w-500 {
  max-width: 500px !important;
}

.max-w-525 {
  max-width: 525px !important;
}

.max-w-550 {
  max-width: 550px !important;
}

.max-w-575 {
  max-width: 575px !important;
}

.max-w-600 {
  max-width: 600px !important;
}

.max-w-625 {
  max-width: 625px !important;
}

.max-w-650 {
  max-width: 650px !important;
}

.max-w-675 {
  max-width: 675px !important;
}

.max-w-700 {
  max-width: 700px !important;
}

.max-w-725 {
  max-width: 725px !important;
}

.max-w-750 {
  max-width: 750px !important;
}

.max-w-775 {
  max-width: 775px !important;
}

.max-w-800 {
  max-width: 800px !important;
}

.max-w-825 {
  max-width: 825px !important;
}

.max-w-850 {
  max-width: 850px !important;
}

.max-w-875 {
  max-width: 875px !important;
}

.max-w-900 {
  max-width: 900px !important;
}

.max-w-925 {
  max-width: 925px !important;
}

.max-w-950 {
  max-width: 950px !important;
}

.max-w-975 {
  max-width: 975px !important;
}

.max-w-1000 {
  max-width: 1000px !important;
}

.min-w-25 {
  min-width: 25px !important;
}

.min-w-50 {
  min-width: 50px !important;
}

.min-w-75 {
  min-width: 75px !important;
}

.min-w-100 {
  min-width: 100px !important;
}

.min-w-125 {
  min-width: 125px !important;
}

.min-w-150 {
  min-width: 150px !important;
}

.min-w-175 {
  min-width: 175px !important;
}

.min-w-200 {
  min-width: 200px !important;
}

.min-w-225 {
  min-width: 225px !important;
}

.min-w-250 {
  min-width: 250px !important;
}

.min-w-275 {
  min-width: 275px !important;
}

.min-w-300 {
  min-width: 300px !important;
}

.min-w-325 {
  min-width: 325px !important;
}

.min-w-350 {
  min-width: 350px !important;
}

.min-w-375 {
  min-width: 375px !important;
}

.min-w-400 {
  min-width: 400px !important;
}

.min-w-425 {
  min-width: 425px !important;
}

.min-w-450 {
  min-width: 450px !important;
}

.min-w-475 {
  min-width: 475px !important;
}

.min-w-500 {
  min-width: 500px !important;
}

.min-w-525 {
  min-width: 525px !important;
}

.min-w-550 {
  min-width: 550px !important;
}

.min-w-575 {
  min-width: 575px !important;
}

.min-w-600 {
  min-width: 600px !important;
}

.min-w-625 {
  min-width: 625px !important;
}

.min-w-650 {
  min-width: 650px !important;
}

.min-w-675 {
  min-width: 675px !important;
}

.min-w-700 {
  min-width: 700px !important;
}

.min-w-725 {
  min-width: 725px !important;
}

.min-w-750 {
  min-width: 750px !important;
}

.min-w-775 {
  min-width: 775px !important;
}

.min-w-800 {
  min-width: 800px !important;
}

.min-w-825 {
  min-width: 825px !important;
}

.min-w-850 {
  min-width: 850px !important;
}

.min-w-875 {
  min-width: 875px !important;
}

.min-w-900 {
  min-width: 900px !important;
}

.min-w-925 {
  min-width: 925px !important;
}

.min-w-950 {
  min-width: 950px !important;
}

.min-w-975 {
  min-width: 975px !important;
}

.min-w-1000 {
  min-width: 1000px !important;
}

.m-auto {
  margin: 0 auto;
}

.w-100 {
  width: 100%;
}

.w-75 {
  width: 75%;
}

.min-w-85px {
  min-width: 85px;
}

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

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

.text-italic {
  font-style: italic;
}

.d-block {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

.d-flex {
  display: flex;
}
.d-flex.wrap {
  flex-wrap: wrap;
}
.d-flex.center {
  justify-content: center;
}
.d-flex.end {
  justify-content: flex-end;
}
.d-flex.start {
  justify-content: start;
}
.d-flex.direction-column {
  flex-direction: column;
}
.d-flex.space-between {
  justify-content: space-between;
}
.d-flex.space-around {
  justify-content: space-around;
}
.d-flex.space-evenly {
  justify-content: space-evenly;
}
.d-flex.align-items-center {
  align-items: center;
}
.d-flex.align-items-end {
  align-items: flex-end;
}
.d-flex.align-items-baseline {
  align-items: baseline;
}
.d-flex.align-items-stretch {
  align-items: stretch;
}
.d-flex.row-reverse {
  flex-direction: row-reverse;
}
.d-flex .flex-grow-1 {
  flex: 1;
}

.flex-1-1-0 {
  flex: 1 1 0;
}

.flex-2-1-0 {
  flex: 2 1 0;
}

@media screen and (max-width: 1150px) {
  .flex-column-media-1150 {
    flex-direction: column;
  }
}

.pointer {
  cursor: pointer;
}

[disabled], .__disabled {
  pointer-events: none;
  opacity: 0.4;
}

.is-full-h {
  min-height: 100vh;
}

.subtitle {
  font-size: 1.1em;
}

.is-hidden {
  display: none;
}

a {
  text-decoration: none;
}

.h-100 {
  height: 100%;
}

kbd {
  background-color: #eee;
  border-radius: 3px;
  border: 1px solid #b4b4b4;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
  color: #333;
  display: inline-block;
  font-size: 0.85em;
  font-weight: 700;
  line-height: 1;
  padding: 2px 4px;
  white-space: nowrap;
}

[readonly=readonly] {
  background-color: #f0f0f0 !important;
}

.cursor-pointer {
  cursor: pointer;
}

.spinner {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.overflow-auto {
  overflow: auto;
}

.vertical-baseline {
  vertical-align: baseline;
}

.white-space-nowrap {
  white-space: nowrap;
}

.card {
  text-decoration: none;
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  background-color: var(--white);
  border-radius: var(--card-border-radius);
}
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.card .card-header {
  width: 100%;
}
.card .card-image {
  height: var(--card-image-height, 200px);
}
.card .card-image img {
  object-position: center;
  border-top-left-radius: var(--card-border-radius);
  border-top-right-radius: var(--card-border-radius);
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.card .card-body {
  width: 100%;
  flex: 1;
  font-size: 1em;
  line-height: 1.25em;
  padding: 1em;
}
.card .card-body h2 {
  font-size: 1.25em;
  line-height: 1.75em;
  font-weight: 500;
}
.card .card-body small {
  font-size: 0.75em;
  line-height: 1em;
}
.card .card-footer {
  width: 100%;
}

.cards {
  display: flex;
  flex-wrap: wrap;
}
.cards .card {
  flex-grow: 1;
  flex-basis: var(--card-flex-basis, 280px);
}

.bg-primary {
  background-color: var(--primary, var(--primary)) !important;
  color: var(--text-color-in-primary, #FFF);
}

.bg-secondary {
  background-color: var(--secondary, var(--secondary)) !important;
  color: var(--text-color-in-secondary, #FFF);
}

.bg-success {
  background-color: var(--success, var(--success)) !important;
  color: var(--text-color-in-success, #FFF);
}

.bg-danger {
  background-color: var(--danger, var(--danger)) !important;
  color: var(--text-color-in-danger, #FFF);
}

.bg-warning {
  background-color: var(--warning, var(--warning)) !important;
  color: var(--text-color-in-warning, #FFF);
}

.bg-info {
  background-color: var(--info, var(--info)) !important;
  color: var(--text-color-in-info, #FFF);
}

.bg-light {
  background-color: var(--light, var(--light)) !important;
  color: var(--text-color-in-light, #FFF);
}

.bg-dark {
  background-color: var(--dark, var(--dark)) !important;
  color: var(--text-color-in-dark, #FFF);
}

.bg-white {
  background-color: var(--white, var(--white)) !important;
  color: var(--text-color-in-white, #FFF);
}

.special-bg-radial-gradiant {
  background-image: radial-gradient(circle at 13% 47%, rgba(140, 140, 140, 0.03) 0%, rgba(140, 140, 140, 0.03) 25%, transparent 25%, transparent 100%), radial-gradient(circle at 28% 63%, rgba(143, 143, 143, 0.03) 0%, rgba(143, 143, 143, 0.03) 16%, transparent 16%, transparent 100%), radial-gradient(circle at 81% 56%, rgba(65, 65, 65, 0.03) 0%, rgba(65, 65, 65, 0.03) 12%, transparent 12%, transparent 100%), radial-gradient(circle at 26% 48%, rgba(60, 60, 60, 0.03) 0%, rgba(60, 60, 60, 0.03) 6%, transparent 6%, transparent 100%), radial-gradient(circle at 97% 17%, rgba(150, 150, 150, 0.03) 0%, rgba(150, 150, 150, 0.03) 56%, transparent 56%, transparent 100%), radial-gradient(circle at 50% 100%, rgba(25, 25, 25, 0.03) 0%, rgba(25, 25, 25, 0.03) 36%, transparent 36%, transparent 100%), radial-gradient(circle at 55% 52%, rgba(69, 69, 69, 0.03) 0%, rgba(69, 69, 69, 0.03) 6%, transparent 6%, transparent 100%);
}

.field {
  margin-bottom: 0.5em;
}

table.small td {
  padding: 2px;
}
table .field {
  margin: 0;
}

.required::after {
  content: " *";
  color: red;
}

input:not([type=checkbox], [type=radio]), .input {
  display: block;
  width: 100%;
  padding: 0.275rem 0.75rem;
  font-size: 0.9em;
  font-weight: 500;
  line-height: 1.5;
  color: var(--input-text-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--input-bg-color);
  background-clip: padding-box;
  border: var(--input-border-width) solid var(--input-border-color);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
input:not([type=checkbox], [type=radio]).w-none, .input.w-none {
  width: initial;
}

select, .select {
  width: 100%;
  padding: 0.275rem 0.75rem;
  font-size: 0.9em;
  line-height: 1.5;
  cursor: pointer;
  display: block;
  color: var(--input-text-color);
  background-color: var(--input-bg-color);
  border: var(--input-border-width, 1px) solid var(--input-border-color);
  max-width: 100%;
  outline: none;
}
select:focus, .select:focus {
  border: black solid 2px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: gray;
}

::-moz-placeholder { /* Firefox 19+ */
  color: gray;
}

:-ms-input-placeholder { /* IE 10+ */
  color: gray;
}

:-moz-placeholder { /* Firefox 18- */
  color: gray;
}

textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  width: 100%;
  padding: calc(0.75em - 1px);
  resize: vertical;
}
textarea[rows] {
  height: auto;
}

label, .label {
  display: block;
  font-size: 1em;
}
label:not(:last-child), .label:not(:last-child) {
  margin-bottom: 0.2em;
}

.error-input {
  border: 1px solid red !important;
  background-color: #ffe8e8 !important;
}

.valid-input {
  border: 1px solid green !important;
  background-color: #e5ffe5 !important;
}

._form_error_message {
  color: red;
  font-size: 1.1em;
}

._form_info_message {
  font-size: 1.1em;
}

.form-error {
  color: red;
  font-size: 1em;
}

.badge-primary {
  background-color: var(--primary);
  color: var(--text-color-in-primary, #FFF);
}

.badge-secondary {
  background-color: var(--secondary);
  color: var(--text-color-in-secondary, #FFF);
}

.badge-success {
  background-color: var(--success);
  color: var(--text-color-in-success, #FFF);
}

.badge-danger {
  background-color: var(--danger);
  color: var(--text-color-in-danger, #FFF);
}

.badge-warning {
  background-color: var(--warning);
  color: var(--text-color-in-warning, #FFF);
}

.badge-info {
  background-color: var(--info);
  color: var(--text-color-in-info, #FFF);
}

.badge-light {
  background-color: var(--light);
  color: var(--text-color-in-light, #FFF);
}

.badge-dark {
  background-color: var(--dark);
  color: var(--text-color-in-dark, #FFF);
}

.badge-white {
  background-color: var(--white);
  color: var(--text-color-in-white, #FFF);
}

.badge {
  display: inline-block;
  font-size: var(--badge-font-size);
  font-weight: var(--badge-font-weight);
  border-radius: var(--border-radius);
  padding: 0.25rem 0.5rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}

.dashboard {
  height: 100vh;
  display: flex;
}
.dashboard .sidebar {
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  overflow-y: auto;
  background-color: var(--default-color);
  z-index: 1000;
  padding: 2em 0.65em;
}
.dashboard .sidebar .logo-container img {
  width: 100px;
}
.dashboard .sidebar.big {
  width: 250px;
}
.dashboard .sidebar.small {
  display: none;
}
.dashboard .sidebar a {
  color: var(--white);
  padding: 0.4em;
  margin: 0.1em 0;
  border-radius: 2px;
}
.dashboard .sidebar a.active {
  color: var(--default-color);
  background: #93add5;
}
.dashboard .sidebar a:hover {
  color: var(--default-color);
  background: #93add5;
}
.dashboard .sidebar a i {
  font-size: 0.9em;
}
.dashboard .sidebar .info-sidebar-menu {
  font-weight: 500;
  color: var(--white);
}
.dashboard .sidebar .user-information {
  font-weight: 500;
  color: var(--white);
  text-align: center;
}
.dashboard .sidebar .header-sidebar-menu {
  display: flex;
  justify-content: center;
}
.dashboard .sidebar .content-sidebar-menu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dashboard .sidebar .footer-sidebar-menu {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@container (min-width: 0px) and (max-width: 80px) {
  .dashboard .sidebar .big-sidebar {
    display: none;
  }
}
.dashboard .dashboard-content {
  overflow: auto;
  margin: 0;
  flex: 1;
  height: 100vh;
}
.dashboard .header_block {
  background: var(--default-color);
  color: var(--white);
  height: 75px;
  display: flex;
  align-items: center;
}
.dashboard .header_block a {
  color: var(--white);
  padding: 0.4em 0.5em;
  margin: 0 0.5em;
  border-radius: 2px;
}
.dashboard .header_block a:hover {
  color: var(--default-color);
  background: #93add5;
}
.dashboard .header_block a i {
  font-size: 1.2em;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid var(--tab-border-color, #ccc);
  background-color: var(--tab-background-color, #f1f1f1);
  display: flex;
  align-items: center;
  width: 100%;
}
.tab.tab-sm {
  font-size: 0.9em;
}
.tab .tab-button {
  text-transform: uppercase;
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 8px 14px;
  transition: 0.3s;
  font-size: var(--tab-button-font-size, 1em);
}
.tab .tab-button:hover {
  background-color: var(--tab-background-hover-color, #ddd);
}
.tab .tab-button.active {
  background-color: var(--tab-border-color, #ccc);
}
.tab .tab-button.error-tab {
  background: #ed3d3d;
  color: white;
  animation: animation-error-tab 0.25s 2;
}
.tab.primary {
  border: 1px solid var(--tab-primary-border-color, #d0dff8);
  background-color: var(--tab-primary-background-color, #dae7f7);
}
.tab.primary .tab-button.active {
  background-color: var(--default-color);
  color: var(--white);
}
.tab.primary .tab-button:hover {
  background-color: var(--default-color);
  color: var(--white);
}

.tab-content {
  padding: 6px 6px;
  border: 1px solid var(--tab-content-border-color, #ccc);
  border-top: none;
  display: none;
}
.tab-content.active {
  display: block;
}

@keyframes animation-error-tab {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}
.pilote_app_select {
  display: block;
}
.pilote_app_select:hover {
  box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
  background: #b8cbe2;
  border-radius: 5px;
}

.btn-primary {
  background-color: var(--primary, var(--primary));
  color: var(--text-color-in-primary, #FFF);
  border: 1px solid var(--btn-border-color-primary, var(--primary));
}

.btn-secondary {
  background-color: var(--secondary, var(--secondary));
  color: var(--text-color-in-secondary, #FFF);
  border: 1px solid var(--btn-border-color-secondary, var(--secondary));
}

.btn-success {
  background-color: var(--success, var(--success));
  color: var(--text-color-in-success, #FFF);
  border: 1px solid var(--btn-border-color-success, var(--success));
}

.btn-danger {
  background-color: var(--danger, var(--danger));
  color: var(--text-color-in-danger, #FFF);
  border: 1px solid var(--btn-border-color-danger, var(--danger));
}

.btn-warning {
  background-color: var(--warning, var(--warning));
  color: var(--text-color-in-warning, #FFF);
  border: 1px solid var(--btn-border-color-warning, var(--warning));
}

.btn-info {
  background-color: var(--info, var(--info));
  color: var(--text-color-in-info, #FFF);
  border: 1px solid var(--btn-border-color-info, var(--info));
}

.btn-light {
  background-color: var(--light, var(--light));
  color: var(--text-color-in-light, #FFF);
  border: 1px solid var(--btn-border-color-light, var(--light));
}

.btn-dark {
  background-color: var(--dark, var(--dark));
  color: var(--text-color-in-dark, #FFF);
  border: 1px solid var(--btn-border-color-dark, var(--dark));
}

.btn-white {
  background-color: var(--white, var(--white));
  color: var(--text-color-in-white, #FFF);
  border: 1px solid var(--btn-border-color-white, var(--white));
}

.btn {
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  box-shadow: var(--btn-box-shadow, rgba(225, 228, 232, 0.2) 0 1px 0 inset);
  font-size: var(--btn-font-size, 1em);
  border-radius: var(--btn-border-radius);
  font-weight: 600;
  padding: 7px 12px;
  border: 1px solid #bababa;
}
.btn.btn-sm {
  padding: 2px 5px;
  font-size: var(--btn-font-size-sm, 0.8em);
}
.btn.btn-md {
  padding: 2px 5px;
  font-size: var(--btn-font-size-sm, 0.9em);
}
.btn.disabled {
  opacity: 0.5;
}
.btn:hover {
  opacity: 0.8;
}
.btn.btn-block {
  display: block;
  width: 100%;
}
.btn.btn-link {
  box-shadow: none;
  cursor: pointer;
  text-decoration: none;
  padding: initial;
  border-radius: 0;
}

.btn-as-link {
  display: inline-block;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  text-decoration: none;
  cursor: pointer;
  font-size: inherit;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  width: 100%;
  display: none;
  position: absolute;
  z-index: 100;
}

.dropdown-content a {
  display: block;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.table-responsive {
  overflow-x: auto;
  display: block;
}

table {
  border-collapse: collapse;
  width: 100%;
  color: var(--primary);
}
table.padding-sm td, table.padding-sm th {
  padding: 4px;
}
table.table-sm {
  font-size: 11px;
  font-weight: 500;
}
table .table-icon {
  width: 20px;
  height: 20px;
}
table .table-icon.xl {
  width: 50px;
  height: auto;
}
table thead {
  background-color: #eeeeee;
  z-index: 10;
  position: sticky;
  top: 0;
  text-transform: uppercase;
}
table thead tr {
  background-color: #eeeeee;
  white-space: nowrap;
}

td, th {
  border: 1px solid var(--light-gray);
  text-align: left;
  padding: 6px;
}

.text-no-wrap {
  white-space: nowrap;
}

tr.tr-data {
  background-color: var(--light-gray);
}

.datatable-pagination-list button {
  background-color: var(--secondary);
  color: var(--primary);
}
.datatable-pagination-list button:hover, .datatable-pagination-list button:focus {
  background-color: var(--primary) !important;
  color: var(--secondary) !important;
}

.datatable-pagination .datatable-active button {
  background-color: var(--primary);
  color: var(--secondary);
}

.datatable-table > tbody > tr > td, .datatable-table > tbody > tr > th, .datatable-table > tfoot > tr > td, .datatable-table > tfoot > tr > th, .datatable-table > thead > tr > td, .datatable-table > thead > tr > th {
  padding: 5px 8px;
}

.pagination {
  margin-top: 0.2em;
  display: flex;
}
.pagination .pagination-btn {
  padding: 5px 10px;
  text-decoration: none;
  background-color: var(--secondary);
  color: var(--primary);
}
.pagination .pagination-btn.active {
  background-color: var(--primary) !important;
  color: var(--secondary) !important;
}
.pagination .pagination-btn:hover, .pagination .pagination-btn:focus {
  background-color: var(--primary) !important;
  color: var(--secondary) !important;
}

.text-primary {
  color: var(--primary, var(--primary));
}

.text-secondary {
  color: var(--secondary, var(--secondary));
}

.text-success {
  color: var(--success, var(--success));
}

.text-danger {
  color: var(--danger, var(--danger));
}

.text-warning {
  color: var(--warning, var(--warning));
}

.text-info {
  color: var(--info, var(--info));
}

.text-light {
  color: var(--light, var(--light));
}

.text-dark {
  color: var(--dark, var(--dark));
}

.text-white {
  color: var(--white, var(--white));
}

ul.ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  border: 1px solid #ccc !important;
}
ul.ul li.li {
  padding: 0.2em 0.5em;
  background-color: #f9f9f9;
}
ul.ul li.li:last-child {
  border-bottom: none;
}
ul.ul li.li.info-item:nth-child(even) {
  background-color: var(--info-light);
}
ul.ul li.li.info-item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
}
ul.ul li.li .info-title {
  min-width: 90px;
  display: inline-block;
}
ul.ul li.li .info-value {
  flex-grow: 1;
}

.info-title {
  text-transform: uppercase;
  font-weight: 700;
  background: rgba(176, 196, 222, 0.1215686275);
  white-space: nowrap;
}

.menu-display-hover ul {
  background-color: #f9f9f9;
  list-style-type: none;
  padding: 0;
  margin: 0;
  border: 1px solid #ccc !important;
}

.menu-display-hover ul li div.children {
  display: none;
  position: absolute;
  top: 0;
  z-index: 1000;
  left: 100%;
}
@media screen and (max-width: 905px) {
  .menu-display-hover ul li div.children {
    left: auto;
    right: 100%;
  }
}

.menu-display-hover ul li {
  position: relative;
  white-space: nowrap;
}

.menu-display-hover ul li label {
  margin: 0;
  padding: 5px;
  cursor: pointer;
}

.menu-display-hover ul li:hover > div.children {
  display: block;
  max-height: 200px;
  overflow-y: auto;
}

.menu-display-hover ul li:hover > ul {
  display: block;
  max-height: 200px;
  overflow-y: auto;
}

.menu-display-hover ul li:hover {
  background-color: #e9e9e9;
}

.split-screen {
  display: flex;
  flex-direction: column;
  height: 95vh;
}

.split-screen .bottom-half {
  max-height: 100vh;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.loader {
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
  display: none;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
.loader.active {
  display: block;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
a.card_index_passage {
  color: black;
  font-size: 2em;
  text-decoration: none;
}
a.card_index_passage img {
  height: 50%;
}
a.card_index_passage .card {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem;
  border-radius: 0.8rem;
  height: 25vh;
}
a.card_index_passage .card:hover {
  filter: brightness(75%);
}
a.card_index_passage .inscription {
  background: rgb(236, 138, 46);
  background: linear-gradient(135deg, rgb(236, 138, 46) 0%, rgb(255, 255, 255) 100%);
}
a.card_index_passage .candidats {
  background: rgb(163, 0, 128);
  background: linear-gradient(135deg, rgb(163, 0, 128) 0%, rgb(255, 255, 255) 100%);
}
a.card_index_passage .clients {
  background: rgb(0, 164, 232);
  background: linear-gradient(135deg, rgb(0, 164, 232) 0%, rgb(255, 255, 255) 100%);
}

table.table_pre_candidates,
table.table_candidates,
table.table_client {
  font-size: 11px;
  font-weight: 500;
}
table.table_pre_candidates thead tr th,
table.table_candidates thead tr th,
table.table_client thead tr th {
  padding: 2px;
}
table.table_pre_candidates tbody tr,
table.table_candidates tbody tr,
table.table_client tbody tr {
  height: 30px;
}
table.table_pre_candidates tbody tr td,
table.table_candidates tbody tr td,
table.table_client tbody tr td {
  padding: 0 0.5em;
}

fieldset {
  margin: 0.2em 0;
  border: 1px solid #adc1db;
}
fieldset.responsive {
  overflow-x: auto;
  max-width: 100%;
  min-width: 500px;
}
fieldset legend {
  background: #b0c4de;
  font-weight: 500;
}

.hover-effect {
  position: relative;
}
.hover-effect span:hover {
  cursor: help;
}
.hover-effect span:hover .data {
  opacity: 1;
  visibility: visible;
}
.hover-effect .data {
  z-index: 1000;
  opacity: 0;
  padding: 1em;
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  background: #100935;
  visibility: hidden;
  color: white;
  transition: opacity 0.5s ease;
}
.hover-effect .data.left {
  right: 0;
}

.ellipsis {
  text-overflow: ellipsis;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

a.tel {
  color: var(--primary);
  text-decoration: underline;
}

.mailing-list {
  max-height: 175px;
  overflow-y: auto;
}

.dotted {
  text-decoration: underline dotted;
}

.html-emoji {
  font-size: 7px;
}

.trash-qualification {
  color: #dc6f6f;
  cursor: pointer;
}
.trash-qualification:hover {
  text-decoration: underline;
  color: rgba(255, 0, 0, 0.5);
}

a.card_index_planning {
  color: black;
  font-size: 2em;
  text-decoration: none;
}
a.card_index_planning img {
  height: 50%;
}
a.card_index_planning .card {
  border: 1px solid black;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem;
  border-radius: 0.8rem;
  height: 25vh;
}
a.card_index_planning .card:hover {
  filter: brightness(75%);
}
a.card_index_planning .planning-list {
  background: #B3CBD3;
}
a.card_index_planning .planning-order {
  background: #FFFFF4;
}
a.card_index_planning .planning-calendar {
  background: #FDF3E6;
}

.autocomplete {
  width: 100%;
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items li {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items li:hover {
  background-color: #e9e9e9;
}

.autocomplete-active {
  background-color: DodgerBlue !important;
  color: #ffffff;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
/* The Close Button */
.close {
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

.modal-body {
  padding: 2px 16px;
}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

table.calendar {
  width: 100%;
  border-collapse: collapse;
  /*-webkit-user-select: none;*/
  /*-webkit-user-drag: none;*/
  /*-moz-user-select: none;*/
}

table.calendar th, table.calendar td {
  border: 1px solid #ccc;
  text-align: center;
  padding: 5px;
}

table.calendar th {
  user-select: none;
  background-color: #0c0032;
  color: white;
}

table.calendar td {
  background: white;
}

table.calendar td.hover:hover {
  background: #f0f0f0;
  cursor: pointer;
}

table.calendar td.selected {
  background: #0c5460 !important;
  color: white;
}

table.calendar td.active {
  background: rgba(255, 0, 0, 0.4980392157) !important;
  color: white;
}
table.calendar td.active.orderNotServed {
  background: rgba(255, 0, 0, 0.4980392157) !important;
  color: white;
}

table.calendar td.orderNotServed {
  background: rgba(255, 235, 59, 0.4980392157) !important;
}

.container, .container-fluid {
  margin-right: auto;
  margin-left: auto;
}

.container-fluid {
  padding-right: 2rem;
  padding-left: 2rem;
}

.row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.col.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.col-xs {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  -ms-flex-preferred-size: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}

.col-xs-2 {
  -ms-flex-preferred-size: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  -ms-flex-preferred-size: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}

.col-xs-5 {
  -ms-flex-preferred-size: 41.66666667%;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  -ms-flex-preferred-size: 58.33333333%;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}

.col-xs-8 {
  -ms-flex-preferred-size: 66.66666667%;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  -ms-flex-preferred-size: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}

.col-xs-11 {
  -ms-flex-preferred-size: 91.66666667%;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.start-xs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.end-xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.middle-xs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bottom-xs {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.between-xs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.first-xs {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.last-xs {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

@media only screen and (min-width: 48em) {
  .container {
    width: 49rem;
  }
  .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .first-sm {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-sm {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media only screen and (min-width: 64em) {
  .container {
    width: 65rem;
  }
  .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-offset-0, .col-md-offset-1, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .first-md {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-md {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media only screen and (min-width: 75em) {
  .container {
    width: 76rem;
  }
  .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .first-lg {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-lg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

/*# sourceMappingURL=app.output.css.map */