/* ############### FONTS IMPORT ############### */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Archivo:400,500,600,700");

/* ############### BOOTSTRAP FRAMEWORK ############### */
/*
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
   --blue: #007bff;
   --indigo: #6610f2;
   --purple: #6f42c1;
   --pink: #f10075;
   --red: #dc3545;
   --orange: #fd7e14;
   --yellow: #ffc107;
   --green: #3bb001;
   --teal: #00cccc;
   --cyan: #17a2b8;
   --white: #fff;
   --gray: #70737c;
   --gray-dark: #343640;
   --primary: #007bff;
   --secondary: #70737c;
   --success: #3bb001;
   --info: #17a2b8;
   --warning: #ffc107;
   --danger: #dc3545;
   --light: #f8f9fa;
   --dark: #343640;
   --breakpoint-xs: 0;
   --breakpoint-sm: 576px;
   --breakpoint-md: 768px;
   --breakpoint-lg: 992px;
   --breakpoint-xl: 1200px;
   --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

html {
   font-family: sans-serif;
   line-height: 1.15;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -ms-overflow-style: scrollbar;
   -webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
   width: device-width;
}


figure,
footer,
header,
main,
nav,
section {
   display: block;
}

body {
   margin: 0;
   font-family: "Roboto", "Helvetica Neue", "Helvetica", sans-serif;
   font-size: 0.8125rem;
   font-weight: 400;
   line-height: 1.5;
   color: #494c57;
   text-align: left;
   background-color: #fff;
}

hr {
   box-sizing: content-box;
   height: 0;
   overflow: visible;
}

h1,
h2,
h4,
h5,
h6 {
   margin-top: 0;
   margin-bottom: 0.5rem;
}

p {
   margin-top: 0;
   margin-bottom: 1rem;
}

address {
   margin-bottom: 1rem;
   font-style: normal;
   line-height: inherit;
}


ul {
   margin-top: 0;
   margin-bottom: 1rem;
}


ul ul {
   margin-bottom: 0;
}

dd {
   margin-bottom: .5rem;
   margin-left: 0;
}

b,
strong {
   font-weight: bolder;
}

small {
   font-size: 80%;
}

sub {
   position: relative;
   font-size: 75%;
   line-height: 0;
   vertical-align: baseline;
}

sub {
   bottom: -.25em;
}

a {
   color: #007bff;
   text-decoration: none;
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
}

a:hover {
   color: #096A61;
   text-decoration: none;
}

a:not([href]):not([tabindex]) {
   color: inherit;
   text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
   color: inherit;
   text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
   outline: 0;
}

figure {
   margin: 0 0 1rem;
}

img {
   vertical-align: middle;
   border-style: none;
}

table {
   border-collapse: collapse;
}

th {
   text-align: inherit;
}

label {
   display: inline-block;
   margin-bottom: 0.5rem;
}

button {
   border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   -o-border-radius: 0;
}

button:focus {
   outline: 1px dotted;
   outline: 1px auto -webkit-focus-ring-color;
}

input,
button,
select,
textarea {
   margin: 0;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
}

button,
input {
   overflow: visible;
}

button,
select {
   text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
   -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
   padding: 0;
   border-style: none;
}


input[type="checkbox"] {
   box-sizing: border-box;
   padding: 0;
}

input[type="date"],
input[type="time"],
input[type="month"] {
   -webkit-appearance: listbox;
}

textarea {
   overflow: auto;
   resize: vertical;
}

legend {
   display: block;
   width: 100%;
   max-width: 100%;
   padding: 0;
   margin-bottom: .5rem;
   font-size: 1.5rem;
   line-height: inherit;
   color: inherit;
   white-space: normal;
}

progress {
   vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
   height: auto;
}

[type="search"] {
   outline-offset: -2px;
   -webkit-appearance: none;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
}

::-webkit-file-upload-button {
   font: inherit;
   -webkit-appearance: button;
}

[hidden] {
   display: none !important;
}

h1,
h2,
h4,
h5,
h6,
.h1,
.h2,
.h4,
.h5,
.h6 {
   margin-bottom: 0.5rem;
   font-family: inherit;
   font-weight: 500;
   line-height: 1.2;
   color: inherit;
}

h1,
.h1 {
   font-size: 2.03125rem;
}

h2,
.h2 {
   font-size: 1.625rem;
}

h4,
.h4 {
   font-size: 1.21875rem;
}

h5,
.h5 {
   font-size: 1.01563rem;
}

h6,
.h6 {
   font-size: 0.8125rem;
}

hr {
   margin-top: 1rem;
   margin-bottom: 1rem;
   border: 0;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
   font-size: 80%;
   font-weight: 400;
}

.img-thumbnail {
   padding: 0;
   background-color: #fff;
   border-radius: 6px;
   max-width: 100%;
   height: auto;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   -ms-border-radius: 6px;
   -o-border-radius: 6px;
}

.figure {
   display: inline-block;
}

.container {
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
}

@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;
   }
}

.container-fluid {
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
}

.row {
   display: flex;
   flex-wrap: wrap;
   margin-right: -15px;
   margin-left: -15px;
}


.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.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-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.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-10,
.col-md-12,
.col-lg-4,
.col-lg-8,
.col-xl-3,
.col-xl-9 {
   position: relative;
   width: 100%;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
}

.col {
   flex-basis: 0;
   flex-grow: 1;
   max-width: 100%;
}

.col-auto {
   flex: 0 0 auto;
   width: auto;
   max-width: none;
}

.col-1 {
   flex: 0 0 8.33333%;
   max-width: 8.33333%;
}

.col-2 {
   flex: 0 0 16.66667%;
   max-width: 16.66667%;
}

.col-3 {
   flex: 0 0 25%;
   max-width: 25%;
}

.col-4 {
   flex: 0 0 33.33333%;
   max-width: 33.33333%;
}

.col-5 {
   flex: 0 0 41.66667%;
   max-width: 41.66667%;
}

.col-6 {
   flex: 0 0 50%;
   max-width: 50%;
}

.col-7 {
   flex: 0 0 58.33333%;
   max-width: 58.33333%;
}

.col-8 {
   flex: 0 0 66.66667%;
   max-width: 66.66667%;
}

.col-9 {
   flex: 0 0 75%;
   max-width: 75%;
}

.col-10 {
   flex: 0 0 83.33333%;
   max-width: 83.33333%;
}

.col-11 {
   flex: 0 0 91.66667%;
   max-width: 91.66667%;
}

.col-12 {
   flex: 0 0 100%;
   max-width: 100%;
}

@media (min-width: 120px) {

   .col-sm {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
   }

   .col-sm-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: none;
   }

   .col-sm-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%;
   }

   .col-sm-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%;
   }

   .col-sm-3 {
      flex: 0 0 25%;
      max-width: 25%;
   }

   .col-sm-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
   }

   .col-sm-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%;
   }

   .col-sm-6 {
      flex: 0 0 50%;
      max-width: 50%;
   }

   .col-sm-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%;
   }

   .col-sm-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%;
   }

   .col-sm-9 {
      flex: 0 0 75%;
      max-width: 75%;
   }

   .col-sm-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%;
   }

   .col-sm-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%;
   }

   .col-sm-12 {
      flex: 0 0 100%;
      max-width: 100%;
   }
}

@media (min-width: 768px) {

   .col-md-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%;
   }

   .col-md-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%;
   }

   .col-md-3 {
      flex: 0 0 25%;
      max-width: 25%;
   }

   .col-md-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
   }

   .col-md-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%;
   }

   .col-md-6 {
      flex: 0 0 50%;
      max-width: 50%;
   }

   .col-md-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%;
   }

   .col-md-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%;
   }

   .col-md-9 {
      flex: 0 0 75%;
      max-width: 75%;
   }

   .col-md-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%;
   }

   .col-md-12 {
      flex: 0 0 100%;
      max-width: 100%;
   }
}

@media (min-width: 992px) {

   .col-lg-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
   }

   .col-lg-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%;
   }
}

@media (min-width: 1200px) {

   .col-xl-3 {
      flex: 0 0 25%;
      max-width: 25%;
   }

   .col-xl-9 {
      flex: 0 0 75%;
      max-width: 75%;
   }
}

.table {
   width: 100%;
   margin-bottom: 1rem;
   background-color: transparent;
}

.table th,
.table td {
   padding: 0.75rem;
   vertical-align: top;
   border-top: 1px solid #dee2e6;
}

.table thead th {
   vertical-align: bottom;
   border-bottom: 2px solid #dee2e6;
}

.table tbody+tbody {
   border-top: 2px solid #dee2e6;
}

.table .table {
   background-color: #fff;
}

.table-striped tbody tr:nth-of-type(odd) {
   background-color: rgba(0, 0, 0, 0.05);
}

.table-warning,
.table-warning>th,
.table-warning>td {
   background-color: #ffeeba;
}

.table-responsive {
   display: block;
   width: 100%;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: -ms-autohiding-scrollbar;
}

.form-control {
   display: block;
   width: 100%;
   height: calc(1.96875rem + 2px);
   padding: 0.35rem 0.75rem;
   font-size: 0.8125rem;
   line-height: 1.35;
   color: #4a5568;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: 3px;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -moz-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -ms-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
}

@media screen and (prefers-reduced-motion: reduce) {

   .form-control {
      transition: none;
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
   }
}

.form-control::-ms-expand {
   background-color: transparent;
   border: 0;
}

.form-control:focus {
   color: #494c57;
   background-color: #fff;
   border-color: rgba(0, 0, 0, 0.3);
   outline: 0;
}

.form-control::placeholder {
   color: #70737c;
   opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
   background-color: rgba(0, 0, 0, 0.03);
   opacity: 1;
}

select.form-control:focus::-ms-value {
   color: #494c57;
   background-color: #fff;
}

select.form-control[size],
select.form-control[multiple] {
   height: auto;
}

textarea.form-control {
   height: auto;
}

.form-group {
   margin-bottom: .88rem;
}

.form-text {
   display: block;
   margin-top: 0.25rem;
}

.boton {
   font-size: 12px !important;
   font-weight: 500 !important;
   padding: 0.375rem 0.75rem !important;
   min-height: 32px !important;
   border-radius: 0.2rem !important;
   -webkit-border-radius: 0.2rem !important;
   -moz-border-radius: 0.2rem !important;
   -ms-border-radius: 0.2rem !important;
   -o-border-radius: 0.2rem !important;
}

.btn {
   display: inline-block;
   font-weight: 400;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   user-select: none;
   border: 1px solid transparent;
   padding: 0.375rem 0.75rem;
   font-size: 0.8125rem;
   line-height: 1.5;
   border-radius: 3px;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {

   .btn {
      transition: none;
   }
}

.btn:hover,
.btn:focus {
   text-decoration: none;
}

.btn:focus,
.btn.focus {
   outline: 0;
   box-shadow: none;
}

.btn.disabled,
.btn:disabled {
   opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
   cursor: pointer;
}

a.btn.disabled {
   pointer-events: none;
}

.btn-success {
   color: #fff;
   background-color: #3bb001;
   border-color: #3bb001;
}

.btn-success:hover {
   color: #fff;
   background-color: #2e8a01;
   border-color: #2a7d01;
}

.btn-success:focus,
.btn-success.focus {
   box-shadow: 0 0 0 0.1rem rgba(59, 176, 1, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
   color: #fff;
   background-color: #3bb001;
   border-color: #3bb001;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active {
   color: #fff;
   background-color: #2a7d01;
   border-color: #267101;
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus {
   box-shadow: 0 0 0 0.1rem rgba(59, 176, 1, 0.5);
}

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

.btn-info:hover {
   color: #fff;
   background-color: #138496;
   border-color: #117a8b;
}

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

.btn-info.disabled,
.btn-info:disabled {
   color: #fff;
   background-color: #17a2b8;
   border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active {
   color: #fff;
   background-color: #117a8b;
   border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus {
   box-shadow: 0 0 0 0.1rem rgba(23, 162, 184, 0.5);
}

.btn-light {
   color: #212229;
   background-color: #f8f9fa;
   border-color: #f8f9fa;
}

.btn-light:hover {
   color: #212229;
   background-color: #e2e6ea;
   border-color: #dae0e5;
}

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

.btn-light.disabled,
.btn-light:disabled {
   color: #212229;
   background-color: #f8f9fa;
   border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active {
   color: #212229;
   background-color: #dae0e5;
   border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus {
   box-shadow: 0 0 0 0.1rem rgba(248, 249, 250, 0.5);
}

.btn-dark {
   color: #fff;
   background-color: #343640;
   border-color: #343640;
}

.btn-dark:hover {
   color: #fff;
   background-color: #23242b;
   border-color: #1d1e24;
}

.btn-dark:focus,
.btn-dark.focus {
   box-shadow: 0 0 0 0.1rem rgba(52, 54, 64, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
   color: #fff;
   background-color: #343640;
   border-color: #343640;
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active {
   color: #fff;
   background-color: #1d1e24;
   border-color: #17181d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus {
   box-shadow: 0 0 0 0.1rem rgba(52, 54, 64, 0.5);
}

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

.btn-danger:hover {
   color: #fff;
   background-color: #c82333;
   border-color: #bd2130;
}

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

.btn-danger.disabled,
.btn-danger:disabled {
   color: #fff;
   background-color: #dc3545;
   border-color: #dc3545;
}

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

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

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

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

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

.fade {
   transition: opacity 0.15s linear;
}

@media screen and (prefers-reduced-motion: reduce) {
   .fade {
      transition: none;
   }
}

.fade:not(.show) {
   opacity: 0;
}

.collapse:not(.show) {
   display: none;
}


.dropdown {
   position: relative;
}

.dropdown-menu {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1000;
   display: none;
   float: left;
   min-width: 10rem;
   padding: 0.5rem 0;
   margin: 0.125rem 0 0;
   font-size: 0.8125rem;
   color: #494c57;
   text-align: left;
   list-style: none;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 3px;
}

.dropdown-item {
   display: block;
   width: 100%;
   padding: 0.25rem 1.5rem;
   clear: both;
   font-weight: 400;
   color: #212229;
   text-align: inherit;
   white-space: nowrap;
   background-color: transparent;
   border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
   color: #16161b;
   text-decoration: none;
   background-color: #f8f9fa;
}

.dropdown-item.active,
.dropdown-item:active {
   color: #fff;
   text-decoration: none;
   background-color: #007bff;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
   color: #70737c;
   background-color: transparent;
}

.dropdown-menu.show {
   display: block;
}

.btn-group {
   position: relative;
   display: inline-flex;
   vertical-align: middle;
}

.btn-group>.btn {
   position: relative;
   flex: 0 1 auto;
}

.btn-group>.btn:hover {
   z-index: 1;
}

.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active {
   z-index: 1;
}

.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:first-child {
   margin-left: 0;
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}

.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child)>.btn {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}

.input-group {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
   width: 100%;
}

.input-group>.form-control {
   position: relative;
   flex: 1 1 auto;
   width: 1%;
   margin-bottom: 0;
}

.input-group>.form-control+.form-control {
   margin-left: -1px;
}

.input-group>.form-control:focus {
   z-index: 3;
}

.input-group>.form-control:not(:last-child) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}

.input-group>.form-control:not(:first-child) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}

.input-group-prepend {
   display: flex;
}

.input-group-prepend .btn {
   position: relative;
   z-index: 2;
}

.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.input-group-text,
.input-group-prepend .input-group-text+.btn {
   margin-left: -1px;
}

.input-group-prepend {
   margin-right: -1px;
}

.input-group-text {
   display: flex;
   align-items: center;
   padding: 0.375rem 0.75rem;
   margin-bottom: 0;
   font-size: 0.8125rem;
   font-weight: 400;
   line-height: 1.5;
   color: #494c57;
   text-align: center;
   white-space: nowrap;
   background-color: #e9ecef;
   border: 1px solid #ced4da;
   border-radius: 3px;
}


.input-group-text input[type="checkbox"] {
   margin-top: 0;
}

.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}


.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}

.nav {
   display: flex;
   flex-wrap: wrap;
   padding-left: 0;
   margin-bottom: 0;
   list-style: none;
}

.nav-link {
   display: block;
   padding: 0.5rem 1rem;
}

.nav-link:hover,
.nav-link:focus {
   text-decoration: none;
}

.nav-link.disabled {
   color: #70737c;
}

.card {
   position: relative;
   display: flex;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border: 1px solid rgba(0, 0, 0, 0.125);
   border-radius: 3px;
}

.card>hr {
   margin-right: 0;
   margin-left: 0;
}

.card>.list-group:first-child .list-group-item:first-child {
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
}

.card>.list-group:last-child .list-group-item:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
}

.card-body {
   flex: 1 1 auto;
   padding: 1.25rem;
}

.card-title {
   margin-bottom: 0.75rem;
}

.card-subtitle {
   margin-top: -0.375rem;
   margin-bottom: 0;
}

.card-text:last-child {
   margin-bottom: 0;
}

.card-header {
   padding: 0.75rem 1.25rem;
   margin-bottom: 0;
   background-color: rgba(0, 0, 0, 0.03);
   border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
   border-radius: calc(3px - 1px) calc(3px - 1px) 0 0;
}

.card-header+.list-group .list-group-item:first-child {
   border-top: 0;
}

.card-footer {
   padding: 0.75rem 1.25rem;
   background-color: rgba(0, 0, 0, 0.03);
   border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
   border-radius: 0 0 calc(3px - 1px) calc(3px - 1px);
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
   border-bottom: 0;
   border-radius: 0;
}

.accordion .card:not(:first-of-type) .card-header:first-child {
   border-radius: 0;
}

.accordion .card:first-of-type {
   border-bottom: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
}

.accordion .card:last-of-type {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
}

.badge {
   display: inline-block;
   padding: 0.25em 0.4em;
   font-size: 75%;
   font-weight: 700;
   line-height: 1;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: 3px;
}

.badge:empty {
   display: none;
}

.btn .badge {
   position: relative;
   top: -1px;
}

.alert {
   position: relative;
   padding: 0.75rem 1.25rem;
   margin-bottom: 1rem;
   border: 1px solid transparent;
   border-radius: 3px;
}

.alert-dismissible {
   padding-right: 3.71875rem;
}

.alert-dismissible .close {
   position: absolute;
   top: 7px;
   right: 7px;
   padding: 0.75rem 1.25rem;
   color: inherit;
}

.alert-info {
   color: #0c5460;
   background-color: #d1ecf1;
   border-color: #bee5eb;
}

.alert-info hr {
   border-top-color: #abdde5;
}

.alert-warning {
   color: #856404;
   background-color: #fff3cd;
   border-color: #ffeeba;
}

.alert-warning hr {
   border-top-color: #ffe8a1;
}

.alert-danger {
   color: #721c24;
   background-color: #f8d7da;
   border-color: #f5c6cb;
}

.alert-danger hr {
   border-top-color: #f1b0b7;
}

@keyframes progress-bar-stripes {
   from {
      background-position: 1rem 0;
   }

   to {
      background-position: 0 0;
   }
}

.progress {
   display: flex;
   height: 1rem;
   overflow: hidden;
   font-size: 0.60938rem;
   background-color: #e9ecef;
   border-radius: 3px;
}

.progress-bar {
   display: flex;
   flex-direction: column;
   justify-content: center;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   background-color: #007bff;
   transition: width 0.6s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
   .progress-bar {
      transition: none;
   }
}

.media {
   display: flex;
   align-items: flex-start;
}

.media-body {
   flex: 1;
}

.list-group {
   display: flex;
   flex-direction: column;
   padding-left: 0;
   margin-bottom: 0;
}

.list-group-item {
   position: relative;
   display: block;
   padding: 0.75rem 1.25rem;
   margin-bottom: -1px;
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
}

.list-group-item:last-child {
   margin-bottom: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
}

.list-group-item:hover,
.list-group-item:focus {
   z-index: 1;
   text-decoration: none;
}

.list-group-item.disabled,
.list-group-item:disabled {
   color: #70737c;
   background-color: #fff;
}

.list-group-item.active {
   z-index: 2;
   color: #fff;
   background-color: #007bff;
   border-color: #007bff;
}

.close {
   float: right;
   font-size: 1.21875rem;
   font-weight: 700;
   line-height: 1;
   color: #000;
   text-shadow: 0 1px 0 #fff;
   opacity: .5;
}

.close:not(:disabled):not(.disabled) {
   cursor: pointer;
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
   color: #000;
   text-decoration: none;
   opacity: .75;
}

button.close {
   padding: 0;
   background-color: transparent;
   border: 0;
   -webkit-appearance: none;
}

.modal {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1050;
   display: none;
   overflow: hidden;
   outline: 0;
}

.modal-dialog {
   position: relative;
   width: auto;
   margin: 0.5rem;
   pointer-events: none;
}

.modal.fade .modal-dialog {
   transition: transform 0.3s ease-out;
   transform: translate(0, -25%);
}

@media screen and (prefers-reduced-motion: reduce) {
   .modal.fade .modal-dialog {
      transition: none;
   }
}

.modal.show .modal-dialog {
   transform: translate(0, 0);
}

.modal-dialog-centered {
   display: flex;
   align-items: center;
   min-height: calc(100% - (0.5rem * 2));
}

.modal-dialog-centered::before {
   display: block;
   height: calc(100vh - (0.5rem * 2));
   content: "";
}

.modal-content {
   position: relative;
   display: flex;
   flex-direction: column;
   width: 100%;
   pointer-events: auto;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 0.3rem;
   outline: 0;
}

.modal-backdrop {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1040;
   background-color: #000;
}

.modal-backdrop.fade {
   opacity: 0;
}

.modal-backdrop.show {
   opacity: 0.5;
}

@media (min-width: 576px) {
   .modal-dialog {
      max-width: 500px;
      margin: 1.75rem auto;
   }

   .modal-dialog-centered {
      min-height: calc(100% - (1.75rem * 2));
   }

   .modal-dialog-centered::before {
      height: calc(100vh - (1.75rem * 2));
   }

   .modal-sm {
      max-width: 300px;
   }
}

@media (min-width: 992px) {
   .modal-lg {
      max-width: 800px;
   }
}

.tooltip {
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   font-family: "Roboto", "Helvetica Neue", "Helvetica", sans-serif;
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
   word-break: normal;
   word-spacing: normal;
   white-space: normal;
   line-break: auto;
   font-size: 0.71094rem;
   word-wrap: break-word;
   opacity: 0;
}

.tooltip.show {
   opacity: 0.9;
}

.bg-success {
   background-color: #3bb001 !important;
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
   background-color: #2a7d01 !important;
}

.border {
   border: 1px solid #dee2e6 !important;
}

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

.d-none {
   display: none !important;
}

.d-block {
   display: block !important;
}

.d-flex {
   display: flex !important;
}

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

.flex-wrap {
   flex-wrap: wrap !important;
}

.justify-content-between {
   justify-content: space-between !important;
}

.w-100 {
   width: 100% !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {

   .mb-lg-2 {
      margin-bottom: 0.5rem !important;
   }
}

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

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

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

.text-secondary {
   color: #70737c !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
   color: #585a61 !important;
}

.text-success {
   color: #3bb001 !important;
}

a.text-success:hover,
a.text-success:focus {
   color: #2a7d01 !important;
}

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

a.text-danger:hover,
a.text-danger:focus {
   color: #bd2130 !important;
}

.text-indigo {
   color: green !important;
}

.text-muted {
   color: #70737c !important;
}

@media print {

   *,
   *::before,
   *::after {
      text-shadow: none !important;
      box-shadow: none !important;
   }

   a:not(.btn):not(.sp-container button) {
      text-decoration: underline;
   }

   thead {
      display: table-header-group;
   }

   tr,
   img {
      page-break-inside: avoid;
   }

   p,
   h2 {
      orphans: 3;
      widows: 3;
   }

   h2 {
      page-break-after: avoid;
   }

   @page {
      size: a3;
   }

   body {
      min-width: 992px !important;
   }

   .container {
      min-width: 992px !important;
   }

   .badge {
      border: 1px solid #000;
   }

   .table {
      border-collapse: collapse !important;
   }

   .table td,
   .table th {
      background-color: #fff !important;
   }
}

/* ########## BOOTSTRAP OVERRIDES ########## */
/* ###### 3.1 Accordion ###### */
.accordion .card {
   border-width: 0;
}

.accordion .card+.card {
   margin-top: 1px;
}

.accordion .card-header {
   padding: 0;
   background-color: transparent;
   font-weight: 500;
}

.accordion .card-header a {
   display: block;
   padding: 7px 20px;
   color: #212229;
   position: relative;
   font-weight: 600;
   font-size: 11px;
   text-transform: uppercase;
   background-color: #dee2e6;
}

.accordion .card-header a:hover,
.accordion .card-header a:focus {
   color: #212229;
}

.accordion .card-header a.collapsed {
   color: #494c57;
   background-color: #e9ecef;
   border-bottom-color: transparent;
}

.accordion .card-header a.collapsed:hover,
.accordion .card-header a.collapsed:focus {
   color: #212229;
   background-color: #dee2e6;
}

.accordion .card-body .label-input {
   font-size: 13px !important;
   font-weight: 600;
}

.accordion .card-body {
   padding: 0 20px 14px;
   background-color: #f8f9fa;
   transition: none;
}

/* ###### 3.2 Alerts ###### */
.alert {
   border-width: 0;
   padding: 12px 15px;
   border-radius: 0;
}

.alert .close {
   text-shadow: none;
   opacity: .2;
}

.alert strong {
   font-weight: 600;
}

[class*=alert-outline-] {
   border: 1px solid transparent;
}

.alert-outline-success {
   border-color: #65fe19;
   color: #3bb001;
}

.alert-outline-info {
   border-color: #1ab6cf;
   color: #17a2b8;
}

.alert-outline-danger {
   border-color: #eb8c95 !important;
   color: #bd2130 !important;
}

/* ###### 3.3 Buttons ###### */
.btn {
   border-width: 0;
   line-height: 1.538;
   padding: 9px 20px;
   border-radius: 0;
   transition: none;
   min-height: 38px;
}

.btn:active,
.btn:focus {
   box-shadow: none;
}

.btn-light {
   color: #212229;
   background-color: #dee2e6;
   border-color: #cfd5db;
}

.btn-light:hover {
   color: #212229;
   background-color: #c8cfd6;
   border-color: #b2bcc5;
}

.btn-light:focus,
.btn-light.focus {
   box-shadow: 0 0 0 0.2rem rgba(207, 213, 219, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
   color: #212229;
   background-color: #dee2e6;
   border-color: #cfd5db;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active {
   color: #212229;
   background-color: #c1c9d0;
   border-color: #abb5c0;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus {
   box-shadow: 0 0 0 0.2rem rgba(207, 213, 219, 0.5);
}

.btn-indigo {
   color: #fff;
   background-color: #6610f2;
   border-color: #5b0cdd;
}

.btn-indigo:hover {
   color: #fff;
   background-color: #560bd0;
   border-color: #4709ac;
}

.btn-indigo:focus,
.btn-indigo.focus {
   box-shadow: 0 0 0 0.2rem rgba(91, 12, 221, 0.5);
}

.btn-indigo.disabled,
.btn-indigo:disabled {
   color: #fff;
   background-color: #6610f2;
   border-color: #5b0cdd;
}

.btn-indigo:not(:disabled):not(.disabled):active,
.btn-indigo:not(:disabled):not(.disabled).active {
   color: #fff;
   background-color: #510bc4;
   border-color: #4209a0;
}

.btn-indigo:not(:disabled):not(.disabled):active:focus,
.btn-indigo:not(:disabled):not(.disabled).active:focus {
   box-shadow: 0 0 0 0.2rem rgba(91, 12, 221, 0.5);
}

.btn-indigo-f {
   color: #fff !important;
   background-color: #096A61 !important;
   border-color: #277C5A !important;
}

.btn-indigo-f:hover {
   color: #fff !important;
   background-color: #277C5A !important;
   border-color: #277C5A !important;
}

.btn-indigo-f:focus,
.btn-indigo-f.focus {
   background-color: #277C5A !important;
   border-color: #277C5A !important;
}

.btn-indigo-f.disabled,
.btn-indigo-f:disabled {
   color: #fff !important;
   background-color: #277C5A !important;
   border-color: #277C5A !important;
}

.btn-indigo-f:not(:disabled):not(.disabled):active,
.btn-indigo-f:not(:disabled):not(.disabled).active {
   color: #fff !important;
   background-color: #277C5A !important;
   border-color: #277C5A !important;
}

.btn-indigo-f:not(:disabled):not(.disabled):active:focus,
.btn-indigo-f:not(:disabled):not(.disabled).active:focus {
   background-color: #277C5A !important;
   border-color: #277C5A !important;
}

.btn-purple {
   color: #fff;
   background-color: #096A61;
   border-color: #277C5A;
}

.btn-purple:hover {
   color: #fff;
   background-color: #277C5A;
   border-color: #277C5A;
}

.btn-purple:focus,
.btn-purple.focus {
   box-shadow: 0 0 0 0.2rem rgba(9, 106, 97, 0.5);
}

.btn-purple.disabled,
.btn-purple:disabled {
   color: #fff;
   background-color: #277C5A;
   border-color: #277C5A;
}

.btn-purple:not(:disabled):not(.disabled):active,
.btn-purple:not(:disabled):not(.disabled).active {
   color: #fff;
   background-color: #277C5A;
   border-color: #277C5A;
}

.btn-purple:not(:disabled):not(.disabled):active:focus,
.btn-purple:not(:disabled):not(.disabled).active:focus {
   box-shadow: 0 0 0 0.2rem rgba(9, 106, 97, 0.5);
}

[class*=btn-outline-] {
   padding: 0.4rem 1rem;
   line-height: 1.657;
   border-width: 1px;
   background-color: transparent;
}

[class*=btn-outline-]:hover,
[class*=btn-outline-]:focus {
   color: #fff;
}

.btn-outline-prepol {
   border-color: #096A61;
   color: #096A61;
}

.btn-outline-prepol:hover,
.btn-outline-prepol:focus {
   background-color: #096A61;
}

.card {
   border-radius: .5rem;
   padding: .5rem .5rem 0;
}

.card-header,
.card-footer {
   position: relative;
   border-color: #dee2e6;
   padding-left: 15px;
   padding-right: 15px;
}

.card-header {
   border-bottom: 0;
}

.card-header:first-child {
   border-radius: 0;
}

.card-title {
   font-weight: 700;
   color: #212229;
}

/* ###### 3.5 Dropdown ###### */
.dropdown-menu {
   padding: 0;
   border-width: 2px;
   border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   -o-border-radius: 0;
}

.dropdown-item {
   padding: 8px 15px;
   font-size: 13px;
}

/* ###### 3.6 Forms ###### */
.form-control {
   height: 28px;
   border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   -o-border-radius: 0;
}

.form-control:focus {
   border-color: #969dab;
   box-shadow: none;
}

/* ###### 3.7 Grid ###### */
.row-sm {
   margin-left: -10px;
   margin-right: -10px;
}

.row-sm>div {
   padding-left: 10px;
   padding-right: 10px;
}

/* ###### 3.8 Input Group ###### */
.input-group-prepend {
   border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   -o-border-radius: 0;
}

.input-group-text {
   padding-top: 0;
   padding-bottom: 0;
   align-items: center;
   border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   -o-border-radius: 0;
}

/* ###### 3.9 Modal ###### */
.modal-backdrop {
   background-color: #0a0b0d;
}

.modal-backdrop.show {
   opacity: .8;
}

.modal-content {
   border-radius: 1rem;
   border-width: 0;
   -webkit-border-radius: 1rem;
   -moz-border-radius: 1rem;
   -ms-border-radius: 1rem;
   -o-border-radius: 1rem;
}

.modal-content .close {
   font-size: 28px;
   padding: 0;
   margin: 0;
   line-height: .5;
}

/* ###### 3.10 Nav ###### */
.nav-link:hover,
.nav-link:focus,
.nav-link:active {
   outline: none;
}

/* ###### 3.11 Pagination ###### */

/* ###### 3.12 Popover ###### */

/* ###### 3.13 Progress ###### */
.progress {
   height: auto;
}

.progress,
.progress-bar {
   border-radius: 0;
}

.progress-bar {
   height: 10px;
   font-size: 11px;
}

/* ###### 3.14 Table ###### */
.table {
   color: #596275;
}

.table thead th,
.table thead td {
   color: #70737c;
   font-weight: 700;
   font-size: 11px;
   letter-spacing: .5px;
   text-transform: uppercase;
   border-bottom-width: 1px;
   border-top-width: 0;
   padding: 0 15px 5px;
}

.table tbody tr {
   background-color: rgba(255, 255, 255, 0.5);
}

.table tbody tr th {
   font-weight: 500;
}

.table th,
.table td {
   padding: 9px 15px;
   line-height: 1.462;
}

.table-striped tbody tr:nth-of-type(2n+1) {
   background-color: rgba(150, 157, 171, 0.1);
}

/* ###### 3.15 Tooltip ###### */
.tooltip {
   top: 0;
}

/* ############### CUSTOM VENDOR STYLES ############### */

/* ###### 4.1 Datatables ###### */
table.dataTable {
   border: 1px solid #dee2e6;
   margin-bottom: 15px;
}

table.dataTable thead th,
table.dataTable thead td {
   color: #494c57;
   font-weight: 700;
   font-size: 11px;
   letter-spacing: .5px;
   text-transform: uppercase;
   padding: 0.75rem;
   border-bottom: 1px solid #dee2e6;
   position: relative;
}

table.dataTable thead th {
   color: #494c57 !important;
   font-weight: 700px;
}

table thead th {
   color: #494c57;
   font-weight: 700;
   font-size: 11px;
   letter-spacing: .5px;
   text-transform: uppercase;
   padding: 0.5rem;
   position: relative;
}

table.dataTable thead th.sorting,
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc,
table.dataTable thead td.sorting,
table.dataTable thead td.sorting_asc,
table.dataTable thead td.sorting_desc {
   background-image: none;
}

table.dataTable thead th.sorting::after,
table.dataTable thead th.sorting_asc::after,
table.dataTable thead th.sorting_desc::after,
table.dataTable thead td.sorting::after,
table.dataTable thead td.sorting_asc::after,
table.dataTable thead td.sorting_desc::after {
   content: '';
   border: 4px solid transparent;
   border-top-color: #ced4da;
   position: absolute;
   z-index: 10;
   top: 22px;
   right: 8px;
}

table.dataTable thead th.sorting::before,
table.dataTable thead th.sorting_asc::before,
table.dataTable thead th.sorting_desc::before,
table.dataTable thead td.sorting::before,
table.dataTable thead td.sorting_asc::before,
table.dataTable thead td.sorting_desc::before {
   content: '';
   border: 4px solid transparent;
   border-bottom-color: #ced4da;
   position: absolute;
   z-index: 10;
   top: 12px;
   right: 8px;
}

table.dataTable thead th.sorting_asc::before,
table.dataTable thead td.sorting_asc::before {
   border-bottom-color: #343640;
}

table.dataTable thead th.sorting_desc::after,
table.dataTable thead td.sorting_desc::after {
   border-top-color: #343640;
}

table.dataTable tbody th,
table.dataTable tbody td {
   padding: 0.5rem;
   font-size: 0.718rem;
   vertical-align: middle;
   word-wrap: normal;
   font-weight: 500;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
   border-top-color: #dee2e6;
}

table.dataTable.no-footer {
   border-bottom-color: #dee2e6;
}

.dataTables_length {
   padding-bottom: 10px;
}

.dataTables_length .select2-container {
   width: 72px !important;
   margin-left: 0;
   margin-right: 10px;
}

.dataTables_filter {
   padding-bottom: 10px;
   padding-right: 5px;
}

.form-control,
.dataTables_filter input {
   display: block;
   width: 100%;
   height: calc(1.96875rem + 2px);
   padding: 0.35rem 0.75rem;
   font-size: 0.8125rem;
   line-height: 1.35;
   color: #4a5568;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: 3px;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -moz-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -ms-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
}

.dataTables_filter input {
   height: 38px;
   border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   -o-border-radius: 0;
}

.form-control:focus,
.dataTables_filter input:focus {
   border-color: #969dab;
   box-shadow: none;
}

@media screen and (prefers-reduced-motion: reduce) {

   .form-control,
   .dataTables_filter input {
      transition: none;
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
   }
}

.form-control::-ms-expand,
.dataTables_filter input::-ms-expand {
   background-color: transparent;
   border: 0;
}

.form-control:focus,
.dataTables_filter input:focus {
   color: #494c57;
   background-color: #fff;
   border-color: rgba(0, 0, 0, 0.3);
   outline: 0;
}

.form-control::placeholder,
.dataTables_filter input::placeholder {
   color: #70737c;
   opacity: 1;
}

.form-control:disabled,
.dataTables_filter input:disabled,
.form-control[readonly],
.dataTables_filter input[readonly] {
   background-color: rgba(0, 0, 0, 0.03);
   opacity: 1;
}

.dataTables_wrapper .dataTables_info {
   height: 40px;
   display: flex;
   align-items: center;
   padding-top: 0;
}

.dataTables_wrapper .dataTables_paginate {
   padding-top: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
   padding-top: 0.54rem;
   padding-bottom: 0.54rem;
   background-color: #e9ecef;
   border-color: transparent;
   border-radius: 0;
   line-height: 1.481;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
   background-color: #ced4da;
   background-image: none;
   border-color: transparent;
   color: #343640 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
   box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
   background-color: #007bff;
   background-image: none;
   border-color: transparent;
   color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:focus {
   background-color: #e9ecef;
   color: #969dab !important;
}

table.dataTable tbody tr.selected {
   color: #856404 !important;
   background-color: #fff3cd !important;
   border-color: #ffeeba !important;
}

/* ###### 3.2 Datepicker ###### */
.ui-datepicker {
   background-color: #fff;
   border: 1px solid rgba(33, 34, 41, 0.2);
   font-family: inherit;
   font-size: inherit;
   padding: 10px;
   margin: 1px 0 0;
   display: none;
   width: auto !important;
   z-index: 5;
}

.ui-datepicker .ui-datepicker-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
   font-weight: 500;
   font-size: 12px;
   text-transform: uppercase;
   color: #494c57;
   padding: 0 0 5px;
   letter-spacing: 1px;
   border: 0;
   background-color: transparent;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
   text-indent: -99999px;
   color: #70737c;
   top: 3px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
   font-size: 16px;
   font-family: 'Ionicons';
   position: absolute;
   top: -2px;
   text-indent: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before {
   color: #343640;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
   order: 3;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
   right: 5px;
   content: '\f3d1';
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
   left: 5px;
   content: '\f3cf';
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
   color: #494c57;
   cursor: pointer;
   top: 1px;
   border: 0;
   background-color: transparent;
}

.ui-datepicker .ui-datepicker-title {
   color: #343640;
   font-weight: 700;
   font-size: 13px;
   font-family: "Open Sans", "Helvetica Neue", "Helvetica", sans-serif;
}

.ui-datepicker .ui-datepicker-calendar {
   margin: 0;
   background-color: transparent;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
}

.ui-datepicker .ui-datepicker-calendar th {
   text-transform: uppercase;
   font-size: 12px;
   font-weight: 700;
   letter-spacing: 1px;
   padding: 6px 9px;
   color: #343640;
}

@media (max-width: 320px) {
   .ui-datepicker .ui-datepicker-calendar th {
      padding: 4px 0;
      letter-spacing: normal;
   }
}

.ui-datepicker .ui-datepicker-calendar td {
   border: 1px solid #fff;
   padding: 0;
   background-color: #fff;
   text-align: right;
}

.ui-datepicker .ui-datepicker-calendar td:last-child {
   border-right: 0;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
   color: #ccc;
}

.ui-datepicker .ui-datepicker-calendar td span,
.ui-datepicker .ui-datepicker-calendar td a {
   transition: all 0.2s ease-in-out;
   padding: 5px;
   color: #494c57;
   padding: 6px 10px;
   display: block;
   font-weight: 400;
   font-size: 12px;
   border: 0;
   background-color: transparent;
   border-radius: 1px;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   -ms-border-radius: 1px;
   -o-border-radius: 1px;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {

   .ui-datepicker .ui-datepicker-calendar td span,
   .ui-datepicker .ui-datepicker-calendar td a {
      transition: none;
   }
}

.ui-datepicker .ui-datepicker-calendar td a:hover {
   background-color: #fff;
   color: #494c57;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a,
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:hover,
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:focus {
   background-color: #007bff;
   color: #fff;
}

.ui-datepicker-multi .ui-datepicker-group {
   padding-right: 15px;
   width: auto;
   float: left;
}

.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-title {
   margin: auto;
}

.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev::before {
   left: 10px;
}

.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next::before {
   right: 10px;
}

.ui-datepicker-multi .ui-datepicker-group table {
   margin: 0;
}

.ui-datepicker-multi .ui-datepicker-group-last {
   padding-right: 0;
}

.ui-datepicker-inline {
   border-color: #ced4da;
}

@media (min-width: 576px) {
   .ui-datepicker-inline {
      max-width: 270px;
   }
}

.select2-results__option {
   border-radius: 0;
   margin-bottom: 1px;
   font-size: 13px;
}

.select2-container--default .select2-selection--single {
   background-color: #fff;
   border-color: #ced4da;
   border-radius: 3px;
   height: 38px;
   outline: none;
   border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
   color: #494c57;
   line-height: calc(1.96875rem + 2px)-0.1rem;
   padding-left: 0.75rem;
   height: 100%;
   display: flex;
   align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
   color: #70737c;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
   width: 30px;
   height: 38px;
   line-height: calc(1.96875rem + 2px);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
   margin-top: -3px;
}

.select2-container--default .select2-selection--multiple {
   background-color: #fff;
   border-color: #ced4da;
   border-radius: 0;
   min-height: 38px;
   outline: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
   padding: 0 4px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
   position: relative;
   margin-top: 5px;
   margin-right: 4px;
   padding: 3px 10px 3px 20px;
   border-color: transparent;
   border-radius: 0;
   color: #212229;
   background-color: #dee2e6;
   border-color: #cfd5db;
   line-height: 1.45;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
   color: #111;
   opacity: .5;
   font-size: 12px;
   display: inline-block;
   position: absolute;
   top: 4px;
   left: 7px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
   border-color: #ced4da;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
   border-color: #ced4da;
   border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   -o-border-radius: 0;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
   background-color: white;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
   background-color: #dee2e6;
   color: #111;
}

.select2-container--default .select2-results>.select2-results__options {
   margin: 4px;
}

.select2-container--default .select2-search--inline .select2-search__field {
   margin-top: 7px;
   line-height: 26px;
   padding-left: 7px;
   opacity: 1;
}

.select2-container--default.select2-container--disabled .select2-selection__choice {
   padding-left: 10px;
   background-color: #969dab;
}

.select2-container--default.select2-container--disabled .select2-selection__choice .select2-selection__choice__remove {
   display: none;
}

.select2-container--open .select2-selection--single,
.select2-container--open .select2-selection--multiple {
   background-color: #fff;
   border-color: #ced4da;
}

.select2-container--open .select2-dropdown--above {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
   top: 0;
}

.select2-dropdown {
   border-color: #ced4da;
   z-index: 200;
}

.select2-search--dropdown {
   padding-bottom: 0;
}

.select2-results__option {
   padding: 6px 10px;
   font-size: 0.8125rem;
}

/* ###### 4.3 jQuery Steps ###### */
/***** DEFAULT STYLE WIZARD *****/

/****** EQUAL COLUMN WIDTH STEP INDICATOR *****/

/****** EQUAL COLUMN WIDTH STEP INDICATOR *****/

/***** CUSTOM STYLES *****/

/* ###### 4.5 Morris ###### */

/* ###### 4.6 Parsley ###### */

/***** CUSTOM STYLED ERROR MESSAGE *****/

/* ###### 4.4 jQVMap ###### */

/* Setup basic CSS for Label */

/* Hide Whichever Labels you want */

/* Reposition Labels that are not quite right ( labels are centered in shape, and sometimes need tweaking ) */

/* Add responsibe support to resize labels for difference screen sizes */

/* ###### 4.7 Quill ###### */

/* ###### 4.8 RangeSlider ###### */

/* #################### COLOR VARIANT SKINS #################### */

/* #################### MODERN SKIN #################### */

/* #################### OUTLINE SKIN #################### */

/* ###### 4.9 Perfect Scrollbar ###### */

/* ###### 4.10 Select2 ###### */

/* ###### 4.11 Spectrum ###### */

/* ############### CUSTOM ELEMENT STYLES ############### */
/* ###### 5.1 Buttons  ###### */
.btn-az-prepol {
   color: #fff;
   background-color: #096A61;
   border-color: #277C5D;
   height: 40px;
   font-size: 13.5px;
   padding-top: 10px;
   border-radius: 7px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   -ms-border-radius: 7px;
   -o-border-radius: 7px;
}

.btn-az-prepol:hover {
   color: #fff;
   background-color: #277C5D;
   border-color: #277C5A;
}

.btn-with-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 38px;
}

.btn-with-icon i {
   line-height: 0;
   font-size: 20px;
   margin-right: 5px;
}

.btn-with-icon i.typcn {
   line-height: .9;
}

.btn-with-icon i.fas {
   font-size: 15px;
}

.btn-with-icon i.icon {
   font-size: 18px;
}

/* ###### 5.2 Charts  ###### */

/* ###### 5.3 Forms   ###### */
/* Checkbox */
.ckbox {
   font-weight: normal;
   position: relative;
   display: block;
   line-height: 1;
   margin-bottom: 0;
}

.ckbox span {
   padding-left: 15px;
}

.ckbox span:empty {
   float: left;
}

.ckbox span:before,
.ckbox span:after {
   line-height: 18px;
   position: absolute;
}

.ckbox span:before {
   content: '';
   width: 16px;
   height: 16px;
   background-color: #fff;
   border: 1px solid #969dab;
   top: 1px;
   left: 0;
}

.ckbox span:after {
   top: 1px;
   left: 0;
   width: 16px;
   height: 16px;
   content: '';
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
   background-size: 65%;
   background-repeat: no-repeat;
   background-position: 55% 45%;
   background-color: #007bff;
   line-height: 17px;
   display: none;
}

.ckbox span:empty {
   padding-left: 0;
   width: 3px;
}

.ckbox input[type='checkbox'] {
   opacity: 0;
   margin: 0;
}

.ckbox input[type='checkbox']:checked+span:after {
   display: block;
}

.ckbox input[type='checkbox'][disabled]+span,
.ckbox input[type='checkbox'][disabled]+span:before,
.ckbox input[type='checkbox'][disabled]+span:after {
   opacity: .75;
}

/* Radio Box */

.az-toggle {
   pointer-events: auto !important;
   cursor: pointer;
   width: 60px;
   height: 16px;
   background-color: #ced4da;
   padding: 2px;
   position: relative;
   overflow: hidden;
}

.az-toggle span {
   position: absolute;
   top: 3px;
   bottom: 3px;
   left: 3px;
   display: block;
   width: 20px;
   background-color: #fff;
   cursor: pointer;
   transition: all 0.2s ease-in-out;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
   .az-toggle span {
      transition: none;
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
   }
}

.az-toggle span::before,
.az-toggle span::after {
   position: absolute;
   font-size: 10px;
   font-weight: 500;
   letter-spacing: .5px;
   text-transform: uppercase;
   color: #fff;
   top: 0;
   line-height: 1.2;
}

.az-toggle span::before {
   content: 'on';
   left: -25px;
}

.az-toggle span::after {
   content: 'off';
   right: -29px;
}

.az-toggle.on {
   background-color: #6610f2;
}

.az-toggle.on span {
   left: 37px;
}

.az-toggle-success.on {
   background-color: #3bb001;
}

/* ###### 5.4 Image   ###### */
.az-img-user {
   display: block;
   position: relative;
   width: 36px;
   height: 36px;
   border-radius: 100%;
}

.az-img-user img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 100%;
}

.az-img-user::after {
   content: '';
   position: absolute;
   bottom: 0;
   right: 3px;
   width: 6px;
   height: 6px;
   background-color: #969dab;
   box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95);
   border-radius: 100%;
}

.az-img-user.online::after {
   background-color: #3bb001;
}

/* ###### 5.5 List   ###### */

/* ###### 5.6 Modal   ###### */

/* ###### 5.7 Nav   ###### */

/* ############### PAGE LAYOUT STYLES ############### */
/* ###### 6.1 Content  ###### */

@media (min-width: 992px) {
   .az-content {
      padding: 25px 0;
   }
}

.az-content .container,
.az-content .container-fluid {
   display: flex;
   padding-left: 20px;
   padding-right: 20px;
}

@media (min-width: 992px) {
   .az-content .container {
      padding: 0;
   }
}

@media (max-width: 991.98px) {
   .az-content .container {
      max-width: none;
   }
}

.az-content-header {
   height: 60px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 10px;
}

.az-content-header .az-header-menu-icon {
   margin-right: 0;
}

.az-content-header .az-logo {
   flex: 1;
   text-align: center;
}

.az-content-body {
   flex: 1;
}

.az-content-label,
.card-table-two .card-title {
   color: #212229;
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
   line-height: 1;
}

.az-content-label-sm {
   font-size: .7rem;
   font-weight: 400;
   color: #70737c;
   background-color: whitesmoke;
   margin-bottom: 0rem;
   padding: 0.1rem 0.25rem 0;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
}

.az-content-text {
   font-size: 12px;
   line-height: 1.4;
   display: block;
   color: #70737c;
}

/* ###### 6.2 Footer  ###### */
.az-footer {
   height: 40px;
   margin-top: auto;
   display: none;
}

@media (min-width: 992px) {
   .az-footer {
      display: block;
   }
}

.az-footer .container,
.az-footer .container-fluid {
   border-top: 1px solid #ced4da;
   font-size: 12px;
   padding: 0 20px;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   color: #70737c;
}

@media (min-width: 992px) {
   .az-footer .container {
      padding: 0;
   }
}

.az-footer .container-fluid {
   padding-left: 20px;
   padding-right: 20px;
}

/* ###### 6.3 Global  ###### */
.az-body {
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   position: relative;
}

.az-body::before {
   content: 'az';
   position: fixed;
   top: 45%;
   left: 70%;
   transform: translate3d(-50%, -58%, 0);
   font-size: 1300px;
   font-weight: 600;
   letter-spacing: -10px;
   line-height: .5;
   opacity: .02;
   z-index: -1;
   display: none;
}

/* ###### 6.4 Header  ###### */
.az-header {
   height: 60px;
   position: relative;
   z-index: 100;
}

@media (min-width: 992px) {
   .az-header {
      height: 64px;
      border-bottom: 1px solid transparent;
   }
}

.az-header .container,
.az-header .container-fluid {
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-left: 20px;
   padding-right: 20px;
}

@media (min-width: 992px) {
   .az-header .container {
      padding: 0;
   }
}

@media (max-width: 991.98px) {
   .az-header .container {
      max-width: none;
   }
}

.az-header .az-logo {
   display: none;
}

@media (min-width: 992px) {
   .az-header .az-logo {
      display: block;
   }
}

.az-header-left {
   display: flex;
   align-items: center;
}

.az-header-left .az-header-arrow {
   display: none;
   position: relative;
   top: -2px;
}

.az-logo {
   font-size: 28px;
   font-family: 'Poppins', sans-serif;
   font-weight: 700;
   color: #212229;
   letter-spacing: -1.8px;
}

.az-logo span {
   color: #096A61;
}

.az-logo:hover,
.az-logo:focus {
   color: #212229;
}

.az-sidebar-header .az-logo {
   display: block;
   width: 100%;
}

.az-sidebar-header .az-logo img {
   width: 80%;
   margin-top: 5px;
}

.az-header-menu-icon {
   margin-right: 10px;
   width: 20px;
   height: 30px;
   display: flex;
   align-items: center;
}

@media (min-width: 992px) {
   .az-header-menu-icon {
      margin-right: 25px;
   }
}

.az-header-menu-icon span {
   display: block;
   position: relative;
   width: 15px;
   height: 2px;
   background-color: #212229;
   border-radius: 3px;
   transition: all 0.2s ease-in-out;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
   .az-header-menu-icon span {
      transition: none;
   }
}

.az-header-menu-icon span::before,
.az-header-menu-icon span::after {
   content: '';
   position: absolute;
   left: 0;
   width: 20px;
   height: 2px;
   background-color: #212229;
   border-radius: 3px;
   transition: all 0.2s ease-in-out;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {

   .az-header-menu-icon span::before,
   .az-header-menu-icon span::after {
      transition: none;
   }
}

.az-header-menu-icon span::before {
   top: -6px;
}

.az-header-menu-icon span::after {
   bottom: -6px;
}

.az-header-center {
   flex: 1;
   margin: 0 50px;
   position: relative;
   display: none;
}

@media (min-width: 992px) {
   .az-header-center {
      display: block;
   }
}

.az-header-center .form-control {
   border-color: #e9ecef;
   border-width: 2px;
   background-color: #fcfcfc;
   transition: none;
   height: 40px;
   -webkit-transition: none;
   -moz-transition: none;
   -ms-transition: none;
   -o-transition: none;
}

.az-header-center .form-control:focus {
   background-color: #fff;
   border-color: #ced4da;
   box-shadow: none !important;
}

.az-header-center .form-control:focus+.btn {
   color: #70737c;
}

.az-header-center .btn {
   position: absolute;
   top: 0;
   right: 0;
   background-color: transparent;
   height: 40px;
   color: #ced4da;
   transition: none;
   font-size: 16px;
   padding-right: 13px;
   -webkit-transition: ;
   -moz-transition: ;
   -ms-transition: ;
   -o-transition: ;
}

.az-header-center .btn:hover,
.az-header-center .btn:focus {
   color: #212229;
}

.az-header-right {
   display: flex;
   align-items: center;
}

.az-header-arrow {
   font-size: 27px;
   color: #212229;
   display: inline-block;
   line-height: 0;
}

.az-header-arrow i {
   line-height: 0;
}

.az-header-arrow:hover,
.az-header-arrow:focus {
   color: #494c57;
}

.az-header-message,
.az-header-notification {
   position: relative;
}

.az-header-message>a,
.az-header-notification>a {
   display: block;
   font-size: 24px;
   color: #212229;
   position: relative;
   line-height: .9;
   outline: none;
}

.az-header-message>a.new::before,
.az-header-notification>a.new::before {
   content: '';
   position: absolute;
   top: -2px;
   right: 2px;
   width: 7px;
   height: 7px;
   background-color: #dc3545;
   border-radius: 100%;
}

.az-header-notification {
   margin-left: 15px;
}

.az-header-notification>a::after {
   content: '';
   position: absolute;
   top: 47px;
   left: 50%;
   margin-left: -7px;
   width: 14px;
   height: 14px;
   border: 2px solid transparent;
   border-top-color: #dee2e6;
   border-left-color: #dee2e6;
   transform: rotate(45deg);
   background-color: #fff;
   z-index: 901;
   display: none;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
}

@media (min-width: 992px) {
   .az-header-notification>a::after {
      bottom: -36px;
   }
}

.az-header-notification .dropdown-menu {
   background-color: #fff;
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   padding: 15px 20px;
   border-width: 0;
   margin-top: 0;
   z-index: 900;
   border-radius: 0;
}

@media (min-width: 576px) {
   .az-header-notification .dropdown-menu {
      width: 300px;
      position: absolute;
      top: 52px;
      left: auto;
      right: -10px;
      bottom: auto;
      padding: 20px 20px 15px;
      border-color: #dee2e6;
      border-width: 2px;
   }
}

.az-header-notification .dropdown-footer {
   text-align: center;
   padding-top: 10px;
   font-size: 13px;
   border-top: 1px dotted #ced4da;
}

@media (min-width: 576px) {
   .az-header-notification.show>a::after {
      display: block;
   }
}

.az-header-notification.show .dropdown-menu {
   display: block;
}

.az-notification-title {
   font-size: 18px;
   font-weight: 700;
   color: #212229;
   margin-bottom: 5px;
   line-height: 1;
}

.az-notification-text {
   font-size: 13px;
   margin-bottom: 15px;
}

.az-notification-list .media {
   padding: 10px 0;
   position: relative;
}

.az-notification-list .media+.media {
   border-top: 1px dotted #ced4da;
}

.az-notification-list .media.new {
   color: #212229;
}

.az-notification-list .media:hover,
.az-notification-list .media:focus {
   cursor: pointer;
   z-index: 1;
}

.az-notification-list .media:hover::before,
.az-notification-list .media:focus::before {
   content: '';
   position: absolute;
   top: -1px;
   left: -20px;
   bottom: -1px;
   right: -20px;
   background-color: #f8f9fa;
   border-top: 1px solid #dee2e6;
   border-bottom: 1px solid #dee2e6;
   z-index: -1;
}

.az-notification-list .media-body {
   margin-left: 15px;
   font-size: 13px;
}

.az-notification-list .media-body p {
   margin-bottom: 5px;
   line-height: 1.3;
}

.az-notification-list .media-body strong {
   font-weight: 500;
}

.az-notification-list .media-body span {
   display: block;
   font-size: 11px;
   color: #969dab;
}

.az-profile-menu {
   position: relative;
   margin-left: 15px;
}

.az-profile-menu>.az-img-user {
   outline: none;
   width: 32px;
   height: 32px;
}

.az-profile-menu>.az-img-user::before {
   content: '';
   position: absolute;
   bottom: -33px;
   left: 50%;
   margin-left: -7px;
   width: 14px;
   height: 14px;
   border: 2px solid transparent;
   border-top-color: #dee2e6;
   border-left-color: #dee2e6;
   transform: rotate(45deg);
   background-color: #fff;
   z-index: 901;
   display: none;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
}

.az-profile-menu>.az-img-user::after {
   display: none;
}

.az-profile-menu .dropdown-menu {
   background-color: #fff;
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   padding: 15px 20px 5px;
   border-width: 0;
   margin-top: 0;
   z-index: 900;
   border-radius: 0;
}

@media (min-width: 576px) {
   .az-profile-menu .dropdown-menu {
      padding-top: 20px;
      position: absolute;
      top: 56px;
      left: auto;
      right: -10px;
      bottom: auto;
      width: 230px;
      border-color: #dee2e6;
      border-width: 2px;
   }
}

.az-profile-menu .dropdown-item {
   position: relative;
   padding: 0;
   height: 38px;
   display: flex;
   align-items: center;
   font-size: 13px;
   color: #494c57;
}

.az-profile-menu .dropdown-item i {
   font-size: 24px;
   margin-right: 10px;
   width: 24px;
   text-align: center;
}

.az-profile-menu .dropdown-item i.typcn {
   line-height: .9;
}

.az-profile-menu .dropdown-item:hover,
.az-profile-menu .dropdown-item:focus {
   background-color: transparent;
   color: #096A61;
}

.az-profile-menu .dropdown-item+.dropdown-item {
   border-top: 1px dotted #ced4da;
}

.az-profile-menu .dropdown-item:last-child {
   margin-bottom: 10px;
}

@media (min-width: 576px) {
   .az-profile-menu.show .az-img-user::before {
      display: block;
   }
}

.az-profile-menu.show .dropdown-menu {
   display: block;
}

.az-header-profile {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 20px;
}

.az-header-profile .az-img-user {
   width: 120px;
   height: 120px;
   margin-bottom: 20px;
}

@media (min-width: 576px) {
   .az-header-profile .az-img-user {
      width: 80px;
      height: 80px;
   }
}

.az-header-profile .az-img-user::after {
   display: none;
}

.az-header-profile h6 {
   font-size: 24px;
   font-weight: 700;
   color: #212229;
   margin-bottom: 0;
}

@media (min-width: 576px) {
   .az-header-profile h6 {
      font-size: 18px;
   }
}

.az-header-profile span {
   display: block;
   font-size: 13px;
}

/* ###### 6.5 Iconbar  ###### */

/* ###### 6.6 Navbar  ###### */

/* ###### 6.7 Navbar Variant  ###### */

/* ###### 6.8 Sidebar  ###### */
@media (max-width: 991.98px) {
   .az-sidebar-show {
      overflow: hidden;
   }

   .az-sidebar-show .az-sidebar {
      display: flex;
      overflow-y: auto;
   }

   .az-sidebar-show .az-content {
      transform: translateX(280px);
      -webkit-transform: translateX(280px);
      -moz-transform: translateX(280px);
      -ms-transform: translateX(280px);
      -o-transform: translateX(280px);
   }
}

@media (min-width: 992px) {
   .az-sidebar-hide .az-sidebar {
      display: none;
   }
}

.az-body-sidebar {
   display: block;
}

@media (min-width: 992px) {
   .az-body-sidebar {
      display: flex;
      flex-direction: row;
   }
}

.az-body-sidebar .az-content {
   flex: 1;
   padding: 0;
   display: flex;
   flex-direction: column;
}

@media (min-width: 992px) {
   .az-body-sidebar .az-header .container-fluid {
      padding-left: 20px;
      padding-right: 20px;
   }
}

.az-body-sidebar .az-content-header {
   height: auto;
   padding: 5px 20px 20px;
   margin-bottom: 0;
}

@media (min-width: 1200px) {
   .az-body-sidebar .az-content-header {
      padding: 10px 20px 20px;
   }
}

.az-body-sidebar .az-content-body {
   padding: 0 20px 20px;
}

.az-body-sidebar .az-footer {
   margin-top: auto;
}

.az-sidebar {
   width: 280px;
   display: none;
   flex-direction: column;
   border-right: 1px solid #ced4da;
   flex-shrink: 0;
   background: rgba(0, 0, 0, 0.03);
   box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
   .az-sidebar {
      width: 220px;
   }
}

@media (max-width: 991.98px) {
   .az-sidebar {
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      z-index: 100;
      background-color: #fcfcfc;
      border-right: 1px solid #ced4da;
      box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
   }
}

@media (min-width: 992px) {
   .az-sidebar {
      display: flex;
   }
}

.az-sidebar-header {
   flex-shrink: 0;
   height: 64px;
   display: flex;
   align-items: center;
   padding: 0 20px;
}

.az-sidebar-loggedin {
   padding: 10px 20px;
   display: flex;
   flex-shrink: 0;
   margin-top: 15px;
}

.az-sidebar-loggedin .az-img-user {
   width: 36px;
   height: 36px;
}

.az-sidebar-loggedin .media-body {
   margin-left: 12px;
}

.az-sidebar-loggedin .media-body h6 {
   font-weight: 700;
   font-size: 14px;
   color: #212229;
   margin-bottom: 2px;
}

.az-sidebar-loggedin .media-body span {
   display: block;
   color: #70737c;
}

.az-sidebar-body {
   padding: 20px;
}

@media (min-width: 1200px) {
   .az-sidebar-body {
      padding: 20px;
   }
}

.az-sidebar-body .nav {
   flex-direction: column;
}

.az-sidebar-body .nav-label {
   text-transform: uppercase;
   font-size: 10px;
   font-weight: 500;
   letter-spacing: .5px;
   color: #70737c;
   padding-bottom: 5px;
   border-bottom: 1px dotted #ced4da;
}

.az-sidebar-body .nav-item {
   position: relative;
   display: block;
}

.az-sidebar-body .nav-item.active .nav-link {
   color: #6610f2;
}

.az-sidebar-body .nav-item.show .nav-sub {
   display: block;
}

.az-sidebar-body .nav-item+.nav-item {
   margin-top: -1px;
}

.az-sidebar-body .nav-link {
   height: 38px;
   display: flex;
   align-items: center;
   padding: 0;
   font-weight: 500;
   font-size: 13.2px;
   color: #494c57;
}

.az-sidebar-body .nav-link i {
   font-size: 24px;
   line-height: 0;
   margin-right: 5px;
   width: 24px;
}

.az-sidebar-body .nav-sub .nav-link {
   font-size: 13px;
   height: 32px;
}

.az-sidebar-body .nav-sub .nav-link i {
   font-size: 21px;
}

.az-sidebar-body .nav-link i.typcn {
   line-height: .9;
}

.az-sidebar-body .nav-link i.typcn::before {
   width: auto;
}

.az-sidebar-body .nav-link.with-sub {
   position: relative;
}

.az-sidebar-body .nav-link.with-sub::after {
   content: '\f3d0';
   font-family: 'Ionicons';
   font-weight: 400;
   font-size: 12px;
   position: absolute;
   top: 10px;
   right: 0;
   color: #ced4da;
}

.az-sidebar-body .nav-sub {
   display: none;
   padding-left: 21px;
   padding-bottom: 4px;
   margin-left: 7px;
   border-left: 1px solid #e9ecef;
}

.az-sidebar-body .nav-sub-link {
   height: 29px;
   display: flex;
   align-items: center;
   color: #494c57;
   font-size: 13px;
}

.az-sidebar-body .nav-sub-link img {
   width: 20px;
}

.az-sidebar-body .nav-sub-link:hover,
.az-sidebar-body .nav-sub-link:focus {
   color: #096A61;
   font-weight: 400;
}

.az-sidebar-body .nav-sub-link.active {
   color: #096A61;
}

.az-sidebar-body .nav-sub-link+.nav-sub-link {
   border-top: 1px dotted #ced4da;
}

/* ############### TEMPLATE STYLES ############### */
/* ###### 7.1 Demo  ###### */

.btn-icon-list {
   display: flex;
   align-items: center;
}

.btn-icon-list .btn+.btn {
   margin-left: 5px;
}

/* ###### 7.2 Calendar  ###### */

/* ###### 7.3 Chat  ###### */

/* ###### 7.4 Contacts  ###### */

/* ###### 7.5 Invoice  ###### */

/* ###### 7.6 Mail  ###### */

/* ###### 7.7 Profile  ###### */

.az-profile-overview .az-img-user {
   width: 120px;
   height: 120px;
   margin-bottom: 20px;
}

.az-profile-overview .az-img-user::after {
   display: none;
}

.az-profile-overview .btn-icon-list .btn {
   border-radius: 100%;
}

.az-profile-name {
   color: #212229;
   font-weight: 700;
   font-size: 20px;
   margin-bottom: 2px;
}

.az-profile-name-text {
   color: #70737c;
   font-size: 13px;
   margin-bottom: 0;
}

.az-profile-bio {
   font-size: 13px;
   margin-bottom: 20px;
}

.az-profile-social-list .media {
   align-items: center;
}

.az-profile-social-list .media+.media {
   margin-top: 12px;
}

.az-profile-social-list .media-icon {
   font-size: 20px;
   width: 10px;
   line-height: 0;
   height: 15px;
}

.az-profile-social-list .media-body {
   margin-left: 12px;
}

.az-profile-social-list .media-body span {
   display: block;
   font-size: 12px;
}

.az-profile-social-list .media-body a {
   font-size: 13px;
}

/* ###### 7.8 Signin  ###### */

.az-signin-footer p {
   color: #70737c;
}

.az-signin-footer p:first-child {
   margin-bottom: 5px;
}

.az-signin-footer p:last-child {
   margin-bottom: 0;
}

.az-signin-footer a {
   color: #212229;
   font-weight: 700;
}

.az-signin-footer a:hover,
.az-signin-footer a:focus {
   color: #6610f2;
}

/* ###### 7.9 Signup  ###### */
.az-signup-wrapper {
   flex: 1;
   display: flex;
   justify-content: center;
   background-color: rgba(248, 249, 250, 0.2);
}

@media (min-width: 992px) {
   .az-signup-wrapper {
      justify-content: flex-end;
   }
}

.az-column-signup-left {
   flex: 1;
   padding: 30px;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   display: none;
}

@media (min-width: 576px) {
   .az-column-signup-left {
      padding: 40px;
   }
}

@media (min-width: 992px) {
   .az-column-signup-left {
      display: flex;
   }
}

.az-column-signup-left>div {
   max-width: 500px;
}

.az-column-signup-left .typcn {
   font-size: 80px;
   margin-bottom: 50px;
}

.az-column-signup-left .typcn::before {
   width: auto;
}

.az-column-signup-left .az-logo {
   font-size: 40px;
   line-height: 1;
}

.az-column-signup-left h5 {
   color: #212229;
   font-weight: 500;
   font-size: 18px;
   margin-bottom: 25px;
}

.az-column-signup-left p {
   line-height: 1.7;
   margin-bottom: 25px;
}

.az-column-signup-left .btn {
   border-width: 2px;
   padding-left: 25px;
   padding-right: 25px;
   font-weight: 700;
   text-transform: uppercase;
   height: 38px;
}

.az-column-signup {
   background-color: #fff;
   padding: 30px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

@media (min-width: 576px) {
   .az-column-signup {
      padding: 40px;
      width: 500px;
   }
}

@media (min-width: 992px) {
   .az-column-signup {
      border-left: 1px solid #ced4da;
   }
}

.az-column-signup .xlogo {
   font-size: 12px;
   font-weight: 600;
}

.az-column-signup .xlogo span {
   color: #096A61;
}

.az-signup-header h2 {
   font-weight: 600;
   color: #096A61;
   letter-spacing: -1px;
   font-size: 32px;
   text-align: center;
}

.az-signup-header h4 {
   font-size: 14px;
   font-weight: 400;
   color: #212229;
   margin-bottom: 25px;
   text-align: center;
}

.az-signup-header label {
   color: #70737c;
}

.az-signup-header .form-control {
   color: #212229;
   font-weight: 500;
   border-width: 2px;
   border-color: #dee2e6;
   height: 40px;
   background-color: #fbfbfb;
   border-radius: 7px;
   margin-top: 20px;
   border: 1px solid #ced4da;
}

.az-signup-header .form-control:focus {
   border-color: #ced4da;
   box-shadow: none;
}

.az-signup-header .form-control::placeholder {
   font-weight: 400;
   color: #969dab;
}

.az-signup-header>.btn {
   margin-top: 25px;
}

.az-signup-header .row {
   margin-top: 20px;
}

.az-signup-header .row>div .btn i {
   font-size: 15px;
   line-height: 0;
   margin-right: 5px;
}

.az-signup-header .row>div:first-child .btn {
   background-color: #4267b2;
   color: #fff;
}

.az-signup-header .row>div:first-child .btn:hover,
.az-signup-header .row>div:first-child .btn:focus {
   background-color: #375694;
   color: #fff;
}

.az-signup-footer p {
   text-align: center;
   color: #b2bcc5;
   margin-bottom: 0;
}

.az-signup-footer a {
   color: #212229;
   font-weight: 700;
}

.az-signup-footer a:hover,
.az-signup-footer a:focus {
   color: #6610f2;
}

/* ###### 7.10 Error  ###### */

/* ############### DASHBOARD STYLES ############### */
/* ###### 8.1 Dashboard One  ###### */

.az-dashboard-one-title {
   margin-bottom: 20px;
}

@media (min-width: 576px) {
   .az-dashboard-one-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
   }
}

@media (min-width: 992px) {
   .az-dashboard-one-title {
      margin-bottom: 30px;
   }
}

.az-dashboard-title {
   font-size: 22px;
   font-weight: 700;
   color: #212229;
   letter-spacing: -1px;
   margin-bottom: 3px;
}

.az-dashboard-text {
   font-size: 13px;
   margin-bottom: 0;
}

.card-dashboard-one {
   position: relative;
   border-color: #ced4da;
}

.card-dashboard-one .card-header {
   padding: 20px 20px 0;
   background-color: transparent;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 576px) {
   .card-dashboard-one .card-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
   }
}

.card-dashboard-one .card-header .card-title {
   color: #212229;
   font-weight: 700;
   font-size: 14px;
   line-height: 1;
   margin-bottom: 3px;
}

.card-dashboard-one .card-header .card-text {
   margin-bottom: 0;
}

.card-dashboard-one .card-header .btn-group {
   margin-top: 15px;
}

@media (min-width: 576px) {
   .card-dashboard-one .card-header .btn-group {
      margin-top: 0;
   }
}

.card-dashboard-one .card-header .btn-group .btn,
.card-dashboard-one .card-footer .btn-group .btn {
   font-size: 12px;
   font-weight: 500;
   padding: 5px 10px;
   min-height: inherit;
   background-color: #fff;
   color: #70737c;
   border: 1px solid #dee2e6;
}

.card-dashboard-one .card-header .btn-group .btn:hover,
.card-dashboard-one .card-footer .btn-group .btn:hover,
.card-dashboard-one .card-header .btn-group .btn:focus {
   background-color: #f8f9fa;
   border-color: #ced4da;
}

.card-dashboard-one .card-header .btn-group .btn+.btn,
.card-dashboard-one .card-footer .btn-group .btn+.btn {
   margin-left: -1px;
}

.card-dashboard-one .card-header .btn-group .btn.active,
.card-dashboard-one .card-footer .btn-group .btn.active {
   color: #212229;
   background-color: #e9ecef;
   border-color: #ced4da;
}

.card-dashboard-one .card-body {
   padding: 10px 0 20px;
   position: relative;
   overflow: hidden;
}

/* ###### 8.2 Dashboard Two  ###### */

.card-table-two {
   border-color: #ced4da;
   padding: 20px;
}

.card-table-two .card-title {
   font-size: 13px;
   margin-bottom: 5px;
}

.card-table-two .table-responsive {
   width: calc(100vw - 62px);
}

@media (min-width: 576px) {
   .card-table-two .table-responsive {
      width: 100%;
   }
}

.table-dashboard-two thead>tr>th,
.table-dashboard-two thead>tr>td,
.table-dashboard-two tbody>tr>th,
.table-dashboard-two tbody>tr>td {
   white-space: nowrap;
}

.table-dashboard-two tbody>tr>th:not(:first-child),
.table-dashboard-two tbody>tr>td:not(:first-child) {
   font-family: "Archivo", "Roboto", "Helvetica Neue", "Helvetica", sans-serif;
   font-weight: 600;
   font-size: 13px;
}

/* ###### 8.3 Dashboard Three  ###### */

.card-dashboard-nine {
   border-color: #ced4da;
   background-color: rgba(255, 255, 255, 0.5);
   position: relative;
   padding: 20px 20px 15px;
}

.card-dashboard-nine .card-header {
   position: absolute;
   top: 20px;
   left: 20px;
   right: 20px;
   padding: 0;
   background-color: transparent;
   z-index: 5;
}

.card-dashboard-nine .card-header h1 {
   font-size: 32px;
   font-family: "Archivo", "Roboto", "Helvetica Neue", "Helvetica", sans-serif;
   margin-bottom: 8px;
   line-height: 1;
   letter-spacing: -.5px;
   color: #212229;
}

.card-dashboard-nine .az-content-label,
.card-dashboard-nine .card-table-two .card-title,
.card-table-two .card-dashboard-nine .card-title {
   font-size: 13px;
   margin-bottom: 10px;
   color: #494c57;
}

.card-dashboard-nine .card-title {
   font-weight: 600;
}

.card-dashboard-nine .az-content-text {
   color: #70737c;
}

.card-dashboard-nine .bar-chart {
   position: relative;
   width: auto;
   height: 200px;
}

@media (min-width: 992px) {
   .card-dashboard-nine .bar-chart {
      height: 210px;
   }
}

.card-dashboard-eleven {
   border-color: #ced4da;
   position: relative;
   overflow: hidden;
}

.card-dashboard-eleven .card-header {
   padding: 20px;
   background-color: transparent;
   position: relative;
   z-index: 200;
}

.card-dashboard-eleven .az-content-label,
.card-dashboard-eleven .card-table-two .card-title,
.card-table-two .card-dashboard-eleven .card-title {
   display: block;
   font-size: 13px;
   margin-bottom: 5px;
   color: #343640;
   line-height: 1.4;
}

.card-dashboard-eleven .card-text {
   color: #70737c;
}

.card-dashboard-eleven .card-body {
   padding: 0 0 5px;
   margin-left: 20px;
   position: relative;
   z-index: 200;
}

.card-dashboard-eleven .card-footer {
   z-index: 200;
   background-color: transparent;
   padding: 0;
   border-width: 0;
}

@media (min-width: 768px) {
   .card-dashboard-eleven .card-footer {
      display: flex;
      align-items: stretch;
   }
}

.card-dashboard-eleven .card-footer>div {
   flex: 1;
   padding: 15px 20px;
   position: relative;
}

@media (min-width: 768px) {
   .card-dashboard-eleven .card-footer>div+div {
      border-left: 1px solid #ced4da;
   }
}

.card-dashboard-eleven .card-footer label {
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 10px;
   color: #494c57;
   display: block;
}

.card-dashboard-eleven .card-footer h6 {
   font-size: 28px;
   font-weight: 600;
   font-family: "Archivo", "Roboto", "Helvetica Neue", "Helvetica", sans-serif;
   color: #212229;
   line-height: .7;
   letter-spacing: -1px;
   margin-bottom: 10px;
   display: flex;
   align-items: baseline;
}

.card-dashboard-eleven .card-footer h6 span {
   margin-left: 5px;
   font-size: 11px;
   font-weight: 500;
   display: block;
   padding: 4px 6px;
   color: #fff;
   line-height: .8;
   position: relative;
   bottom: 3px;
   letter-spacing: normal;
}

.card-dashboard-eleven .card-footer h6 span.up {
   background-color: #3bb001;
}

.card-dashboard-eleven .card-footer small {
   display: block;
   font-size: 13px;
   color: #494c57;
}

/* ###### 8.4 Dashboard Four  ###### */

.az-content-header-right {
   display: none;
}

@media (min-width: 992px) {
   .az-content-header-right {
      display: flex;
      align-items: center;
   }
}

.az-content-header-right .media label {
   margin-bottom: 2px;
   font-size: 10px;
   font-weight: 500;
   letter-spacing: .5px;
   text-transform: uppercase;
   color: #969dab;
}

.az-content-header-right .media h6 {
   color: #212229;
   margin-bottom: 0;
}

.az-content-header-right .media+.media {
   margin-left: 20px;
   padding-left: 20px;
   border-left: 1px solid #ced4da;
}

.az-content-header-right .btn:first-of-type {
   margin-left: 30px;
}

.az-content-header-right .btn+.btn {
   margin-left: 5px;
}

.card-dashboard-thirteen {
   border-color: #dee2e6;
   padding: 20px;
   box-shadow: 0 0 10px rgba(33, 34, 41, 0.1);
}

.card-dashboard-thirteen .az-content-label,
.card-dashboard-thirteen .card-table-two .card-title,
.card-table-two .card-dashboard-thirteen .card-title {
   font-size: 13px;
}

.card-dashboard-thirteen .media {
   margin-bottom: 15px;
}

.card-dashboard-thirteen .media-icon {
   font-size: 45px;
   line-height: 1;
   margin-right: 10px;
   display: flex;
}

.card-dashboard-thirteen .media-icon i {
   line-height: 0;
}

.card-dashboard-thirteen .media-body h6 {
   font-size: 22px;
   font-weight: 600;
   font-family: "Archivo", "Roboto", "Helvetica Neue", "Helvetica", sans-serif;
   color: #212229;
   letter-spacing: -.5px;
   margin-bottom: 2px;
}

.card-dashboard-thirteen .media-body h6 span {
   font-weight: 400;
   color: #494c57;
}

.card-dashboard-thirteen .media-body label {
   font-weight: 700;
   font-size: 12px;
   text-transform: uppercase;
   margin-bottom: 0;
   display: block;
   letter-spacing: .5px;
}

.card-dashboard-events {
   border-color: #dee2e6;
   box-shadow: 0 0 10px rgba(33, 34, 41, 0.1);
}

.card-dashboard-events .card-header {
   padding: 20px;
   background-color: transparent;
}

.card-dashboard-events .card-title {
   color: #70737c;
   text-transform: uppercase;
   margin-bottom: 10px;
   font-size: 10px;
   font-weight: 500;
   letter-spacing: 1px;
}

.card-dashboard-events .card-subtitle {
   color: #212229;
   font-weight: 400;
   font-size: 18px;
}

.card-dashboard-events .card-body {
   padding: 0;
}

.card-dashboard-events .list-group-item {
   padding: 15px 20px 15px 40px;
   border-left-width: 0;
   border-right-width: 0;
   position: relative;
}

.card-dashboard-events .list-group-item:first-child,
.card-dashboard-events .list-group-item:last-child {
   border-radius: 0;
}

.card-dashboard-events .list-group-item label {
   text-transform: uppercase;
   font-weight: 700;
   font-size: 10px;
   color: #494c57;
   margin-bottom: 5px;
   letter-spacing: .5px;
}

.card-dashboard-events .list-group-item label span {
   color: #969dab;
   font-weight: 500;
}

.card-dashboard-events .list-group-item h6 {
   font-size: 14px;
   font-weight: 700;
   color: #212229;
   margin-bottom: 5px;
   display: flex;
   align-items: center;
}

.card-dashboard-events .list-group-item p {
   margin-bottom: 5px;
}

.card-dashboard-events .list-group-item p strong {
   font-weight: 500;
}

.card-dashboard-events .list-group-item small {
   font-size: 11px;
}

.card-dashboard-events .list-group-item small span {
   font-weight: 700;
   text-transform: uppercase;
}

.card-dashboard-events .event-indicator {
   width: 10px;
   height: 10px;
   position: absolute;
   top: 21px;
   left: 20px;
   border-radius: 100%;
}

.az-media-list-activity .media+.media {
   margin-top: 25px;
}

.az-media-list-activity .media-icon {
   width: 32px;
   height: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   border-radius: 100%;
}

.az-media-list-activity .media-icon i {
   font-size: 21px;
   line-height: 0;
}

.az-media-list-activity .media-icon i.typcn {
   line-height: .9;
}

.az-media-list-activity .media-body {
   margin-left: 15px;
}

.az-media-list-activity .media-body h6 {
   margin-bottom: 2px;
   color: #212229;
}

.az-media-list-activity .media-body span {
   display: block;
   font-size: 11px;
   color: #969dab;
}

.az-media-list-activity .media-right {
   font-size: 11px;
   color: #969dab;
}

/* ############### UTILITIES/HELPER CLASSES ############### */
/* ###### 9.1 Background  ###### */

.bg-purple {
   background-color: #6f42c1;
}

/* ###### 9.2 Border   ###### */

/* ###### 9.3 Height   ###### */

.ht-250 {
   height: 250px;
}

.ht-2 {
   height: 2px;
}

/* ###### 9.4 Margin   ###### */

.mg-b-0 {
   margin-bottom: 0px;
}

.mg-b-5 {
   margin-bottom: 5px;
}

.mg-t-15 {
   margin-top: 15px;
}

.mg-b-15 {
   margin-bottom: 15px;
}

.mg-t-20 {
   margin-top: 20px;
}

.mg-b-20 {
   margin-bottom: 20px;
}

.mg-b-25 {
   margin-bottom: 25px;
}

.mg-y-30 {
   margin-top: 30px;
   margin-bottom: 30px;
}

.mg-t-40 {
   margin-top: 40px;
}

@media (min-width: 576px) {

   .mg-sm-t-0 {
      margin-top: 0px;
   }
}

@media (min-width: 768px) {

   .mg-md-t-0 {
      margin-top: 0px;
   }
}

@media (min-width: 992px) {

   .mg-lg-t-0 {
      margin-top: 0px;
   }

   .mg-lg-b-0 {
      margin-bottom: 0px;
   }

   .mg-lg-t-40 {
      margin-top: 40px;
   }
}

/* ###### 9.5 Misc   ###### */

.op-6 {
   opacity: 0.6;
}

.op-8 {
   opacity: 0.8;
}

/* ###### 9.6 Padding   ###### */

.pd-x-1 {
   padding-left: 1px;
   padding-right: 1px;
}

.pd-10 {
   padding: 10px;
}

.pd-x-25 {
   padding-left: 25px;
   padding-right: 25px;
}

.pd-l-13-f {
   padding-left: 13px !important;
}

/* ###### 9.7 Position   ###### */

/* ###### 9.8 Typography   ###### */

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

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

.tx-primary {
   color: #007bff;
}

.tx-success {
   color: #3bb001;
}

.tx-warning {
   color: #ffc107;
}

.tx-danger {
   color: #dc3545;
}

.tx-inverse {
   color: #212229;
}

.tx-teal {
   color: #00cccc;
}

.tx-indigo {
   color: #6610f2;
}

.tx-purple {
   color: #6f42c1;
}

.tx-prepol {
   color: #096A61 !important;
}

.tx-gray-500 {
   color: #969dab;
}

.tx-uppercase {
   text-transform: uppercase;
}

.tx-center {
   text-align: center;
}

.tx-right {
   text-align: right;
}

.tx-left {
   text-align: left;
}

.lh--9 {
   line-height: .9;
}

.tx-11 {
   font-size: 11px;
}

.tx-12 {
   font-size: 12px;
}

.tx-13 {
   font-size: 13px;
}

.tx-16 {
   font-size: 16px;
}

.tx-24 {
   font-size: 24px;
}

/* ###### 9.9 Width   ###### */

.wd-25p {
   width: 25%;
}

.wd-35p {
   width: 35%;
}

.wd-45p {
   width: 45%;
}

.wd-100p {
   width: 100%;
}

@media (min-width: 992px) {

   .wd-lg-25p {
      width: 25%;
   }
}

.min-img-user {
   padding: 0.4rem 0.7rem !important;
}

.min-img-user img {
   width: 24px;
   height: auto;
   border: 1px solid #dee2e6;
   padding: 2px;
}

.min-img-user-news img {
   width: auto;
   height: 80px;
   border: 1px solid #dee2e6;
   padding: 2px;
}

#miniPhoto {
   vertical-align: bottom;
   margin-top: 40px;
}

.upload-area {
   display: block;
   width: 100%;
   padding: 1px;
   border: 2px dashed #ddd;
   border-radius: 8px;
   text-align: center;
   cursor: pointer;
   transition: all 0.3s ease;
   background-color: #f8f9fa;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
}

.upload-area:hover {
   border-color: #007bff;
   background-color: #f0f8ff;
}

.upload-area input[type="file"] {
   position: absolute;
   opacity: 0;
   width: 100%;
   height: 100%;
   cursor: pointer;
}

.upload-area .icon {
   font-size: 32px;
   color: #6c757d;
   margin-bottom: 0;
}

.upload-area .desc {
   font-size: 13px;
   color: #495057;
   margin-bottom: 5px;
}

.upload-area .desc span {
   color: #6366f1;
   text-decoration: underline;
}

.upload-area .sub {
   font-size: 12px;
   color: #6c757d;
}

.upload-area.file-selected {
   background-color: #e8f5e8;
   border-color: #28a745;
}

.upload-area.file-selected .icon {
   color: #28a745;
}

.upload-area.file-selected .desc {
   color: #28a745;
   font-weight: 500;
}

.upload-area.file-selected .sub {
   color: #155724;
   font-weight: 500;
   word-break: break-all;
}

.mini-imagen {
   cursor: pointer;
}

/* Estilos para el dropdown de búsqueda predictiva */
.search-results-dropdown {
   position: absolute;
   top: 100%;
   left: 0;
   right: 0;
   background: white;
   border: 1px solid #ddd;
   border-top: none;
   border-radius: 0 0 4px 4px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   max-height: 300px;
   overflow-y: auto;
   z-index: 1000;
   margin-top: -1px;
   -webkit-border-radius: 0 0 4px 4px;
   -moz-border-radius: 0 0 4px 4px;
   -ms-border-radius: 0 0 4px 4px;
   -o-border-radius: 0 0 4px 4px;
}

.search-result-item {
   padding: 12px 15px;
   cursor: pointer;
   border-bottom: 1px solid #f0f0f0;
   transition: background-color 0.2s ease;
   -webkit-transition: ;
   -moz-transition: ;
   -ms-transition: ;
   -o-transition: ;
}

.search-result-item:last-child {
   border-bottom: none;
}

.search-result-item:hover,
.search-result-item.active {
   background-color: #f8f9fa;
}

.search-result-item .student-info {
   display: flex;
   flex-direction: column;
}

.search-result-item .student-info strong {
   color: #333;
   font-weight: 600;
   margin-bottom: 2px;
}

.search-result-item .student-info small {
   color: #666;
   font-size: 0.85em;
}

/* Posicionamiento relativo para el contenedor del input */
.form-group {
   position: relative;
}

/* Estilos para el input de búsqueda */
#student_search {
   border-radius: 4px;
   border: 1px solid #ddd;
   transition: border-color 0.2s ease;
   -webkit-transition: border-color 0.2s ease;
   -moz-transition: border-color 0.2s ease;
   -ms-transition: border-color 0.2s ease;
   -o-transition: border-color 0.2s ease;
}

#student_search:focus {
   background-color: #fff;
   border-color: #ced4da;
   box-shadow: none !important;
}

#student_search.alert-outline-danger {
   border-color: #eb8c95 !important;
   color: #bd2130 !important;
}

#student_search.alert-outline-danger:focus {
   border-color: #eb8c95 !important;
   box-shadow: 0 0 0 0.2rem rgba(235, 140, 149, 0.25) !important;
}

/* Responsive */
@media (max-width: 768px) {
   .search-results-dropdown {
      max-height: 200px;
   }

   .search-result-item {
      padding: 10px 12px;
   }
}

/* Scrollbar personalizado para el dropdown */
.search-results-dropdown::-webkit-scrollbar {
   width: 6px;
}

.search-results-dropdown::-webkit-scrollbar-track {
   background: #f1f1f1;
}

.search-results-dropdown::-webkit-scrollbar-thumb {
   background: #c1c1c1;
   border-radius: 3px;
}

.search-results-dropdown::-webkit-scrollbar-thumb:hover {
   background: #a8a8a8;
}


.new-alert-warning {
   display: flex;
   align-items: flex-start;
   gap: 12px;
   background-color: #fffbeb;
   color: #92400e;
   padding: 16px;
   border-radius: 8px;
   font-family: sans-serif;
   width: 100%;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   -o-border-radius: 8px;
}

.new-alert-icon {
   font-size: 20px;
   margin-top: -5px;
}

.new-alert-content {
   display: flex;
   flex-direction: column;
   width: 94%;
}

.new-alert-title {
   font-weight: bold;
   margin-bottom: 4px;
}

.alert .new-close {
   color: inherit;
   margin-top: 8px;
   font-size: 15px;
   display: inline-block;
   font-weight: bold;
   line-height: 1.5;
   text-align: center;
   text-decoration: none;
   vertical-align: middle;
   user-select: none;
   background-color: transparent;
   border: 1px solid transparent;
   padding: 0.15rem 0.4rem;
   border-radius: 0.33rem;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
   opacity: 1;
   -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -moz-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -ms-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -webkit-border-radius: 0.33rem;
   -moz-border-radius: 0.33rem;
   -ms-border-radius: 0.33rem;
   -o-border-radius: 0.33rem;
}

.label-input {
   background-color: transparent !important;
   border: 0;
   padding: 0;
   font-size: 11px;
}

.cancelado {
   background-color: var(--success);
   margin-left: 5px;
   width: 80px;
   font-size: 11px;
   font-weight: 500;
   display: block;
   padding: 4px 6px 2px;
   color: #fff;
   line-height: .8;
   position: relative;
   bottom: 0;
   letter-spacing: normal;
}

.pendiente {
   background-color: var(--warning);
   margin-left: 5px;
   width: 80px;
   font-size: 11px;
   font-weight: 500;
   display: block;
   padding: 4px 6px 2px;
   color: #fff;
   line-height: .8;
   position: relative;
   bottom: 0;
   letter-spacing: normal;
}

.vencido {
   background-color: var(--danger);
   margin-left: 5px;
   width: 80px;
   font-size: 11px;
   font-weight: 500;
   display: block;
   padding: 4px 6px 2px;
   color: #fff;
   line-height: .8;
   position: relative;
   bottom: 0;
   letter-spacing: normal;
}

.miniboton {
   font-size: 11px;
   padding: 2px 15px 0;
   min-height: 20px;
   height: 20px;
   line-height: 0;
}

.miniboton i {
   font-size: 14px;
}

.divtextasis {
   display: flex;
   align-items: center;
   margin-bottom: 0;
   width: 100%;
}

.divtextasis input {
   margin-bottom: 0;
   height: 28px;
}

.spantextasis {
   width: 80px;
   margin-right: 10px;
   height: 28px;
   align-content: center;
   font-size: 12px;
   color: #096A61;
   text-align: right;
}

.att-foto figure {
   margin: 0 0 0 0;
}

.att-foto img {
   width: 52%;
}

.btn-list {
   font-weight: 500;
   padding: 0 20px !important;
   min-height: 20px !important;
}

.duoline {
   display: -webkit-box !important;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   text-align: justify;
}

.izq-front {
   margin-top: 18px;
   padding-left: 20px;
   color: var(--secondary) !important;
   font-weight: 600;
}

.xs-boton {
   float: right;
}

.mi-mt-3 {
   padding-top: 10px;
}

@media (max-width: 768px) {
   .ocultar-sm {
      display: none !important;
   }

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

   .padding-top-sm {
      padding-top: 20px !important;
   }

   .boton-sm {
      display: block !important;
   }

   .boton-sm button {
      width: 100%;
      margin-bottom: 10px;
      justify-content: flex-start;
   }

   .sectionAttendance .mt-3 {
      margin-top: 10px !important;
   }

   .att-foto img {
      width: 52%;
      max-width: 158px;
   }

   .att-nombre {
      padding-top: 0;
      padding-bottom: 7px;
   }

   .att-nombre .label-input {
      text-align: center !important;
   }

   .mi-pt-3 {
      padding-top: 0px !important;
   }

   .mi-mt-3 {
      margin-top: 0px !important;
      padding-top: 0px !important;
   }

   .mi-pt-2 {
      padding-top: 3px !important;
   }

   .mi-mt-2 {
      margin-top: 2px !important;
   }

   .att-foto figure {
      text-align: center;
   }

   .btn-group {
      margin-top: 7px;
   }

   .btn-group .btn {
      padding: 3px 7px;
   }

   #video iframe {
      width: 100% !important;
      height: auto !important;
   }

   .card-body {
      padding: 0.5rem !important;
   }

   .idiario {
      flex-direction: column !important;
   }

   .idiario .btn {
      margin-top: 5px !important;
      width: 100% !important;
   }

   .idiario .bot {
      justify-content: left !important;
   }

   .reportdiario table.dataTable>tbody>tr.child ul.dtr-details>li {
      font-size: 9px !important;
   }

   .card-table-two .table-responsive {
      max-width: 100% !important;
      overflow-x: auto !important;
   }

   .matricula img {
      max-width: 64px !important;
   }

   .min-img-user-news {
      max-width: 20px !important;
   }

   .min-img-user-news img {
      width: 20px !important;
      height: auto !important;
   }

   .xs-boton {
      float: none !important;
      margin-bottom: 4px !important;
   }

   .spantextasis {
      width: 61px;
   }

}

@media (max-width: 768px) {
   .modal-dialog {
      height: 100%;
      /* El modal ocupa toda la altura */
      margin: 0 !important;
      /* Quita márgenes que cortan contenido */
      display: flex;
      align-items: center;
   }

   .modal-content {
      max-height: 90vh;
      /* No puede superar el 90% de la pantalla */
      overflow-y: auto;
      /* Agrega scroll interno */
      border-radius: 12px;
   }
}