@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");

 :root {

   --iq-primary: rgba(0, 0, 0, .3);

   --iq-secondary: #ccced2;

   --iq-success: #ccf2e1;

   --iq-info: #e1daff;

   --iq-warning: #ffecbd;

   --iq-danger: #f9cacb;

   --iq-light: #c7cbd3;

   --iq-dark: rgba(199, 203, 211, .1);

   --iq-orange: #ffc4a0;

   --iq-purple: #cbc0ff;

   --iq-skyblue: #aad7ff;

   --iq-primary: rgba(71, 136, 255, .1);

   --iq-secondary: hsla(208, 7%, 46%, .1);

   --iq-success: rgba(55, 230, 178, .1);

   --iq-info: rgba(135, 108, 254, .1);

   --iq-warning: rgba(254, 114, 28, .1);

   --iq-danger: rgba(255, 75, 75, .1);

   --iq-light: rgba(199, 203, 211, .1);

   --iq-dark: rgba(1, 4, 27, .1);

   --iq-orange: rgba(253, 126, 20, .1);

   --iq-purple: rgba(71, 49, 182, .1);

   --blue: #ae0918;

   --indigo: #6610f2;

   --pink: #e83e8c;

   --red: #ff4b4b;

   --yellow: #ffca44;

   --green: #43d396;

   --teal: #20c997;

   --cyan: #876cfe;

   --white: #fff;

   --gray: #6c757d;

   --gray-dark: #01041b;

   --primary: #ae0918;

   --secondary: #6c757d;

   --success: #43d396;

   --info: #876cfe;

   --warning: #ffca44;

   --danger: #ff4b4b;

   --light: #c7cbd3;

   --dark: #01041b;

   --orange: #fe721c;

   --purple: #4731b6;

   --skyblue: #158df7;

   --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, "Noto Sans", 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
 }

 *,
 :after,
 :before {

   box-sizing: border-box
 }

 html {

   font-family: sans-serif;

   line-height: 1.15;

   -webkit-text-size-adjust: 100%;

   -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 }

 article,
 aside,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 nav,
 section {

   display: block
 }

 body {

   font-size: 0.70rem;

   line-height: 1.5;

   text-align: left;

   background-color: #fafbfe
 }

 [tabindex="-1"]:focus:not(:focus-visible) {

   outline: 0 !important
 }

 hr {

   box-sizing: content-box;

   height: 0;

   overflow: visible
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {

   margin-top: 0;

   margin-bottom: .5rem
 }

 p {

   margin-top: 0;

   margin-bottom: 1rem
 }

 abbr[data-original-title],
 abbr[title] {

   text-decoration: underline;

   text-decoration: underline dotted;

   cursor: help;

   border-bottom: 0;

   text-decoration-skip-ink: none
 }

 address {

   font-style: normal;

   line-height: inherit
 }

 address,
 dl,
 ol,
 ul {

   margin-bottom: 1rem
 }

 dl,
 ol,
 ul {

   margin-top: 0
 }

 ol ol,
 ol ul,
 ul ol,
 ul ul {

   margin-bottom: 0
 }

 dt {

   font-weight: 700
 }

 dd {

   margin-bottom: .5rem;

   margin-left: 0
 }

 blockquote {

   margin: 0 0 1rem
 }

 b,
 strong {

   font-weight: bolder
 }

 small {

   font-size: 80%
 }

 sub,
 sup {

   position: relative;

   font-size: 75%;

   line-height: 0;

   vertical-align: baseline
 }

 sub {

   bottom: -.25em
 }

 sup {

   top: -.5em
 }

 a {

   color: #ae0918;

   text-decoration: none;

   background-color: transparent
 }

 a:hover {

   color: #03767e
 }

 a:not([href]),
 a:not([href]):hover {

   color: inherit;

   text-decoration: none
 }

 code,
 kbd,
 pre,
 samp {

   font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;

   font-size: 1em
 }

 pre {

   margin-top: 0;

   margin-bottom: 1rem;

   overflow: auto;

   -ms-overflow-style: scrollbar
 }

 figure {

   margin: 0 0 1rem
 }

 img {

   border-style: none
 }

 img,
 svg {

   vertical-align: middle
 }

 svg {

   overflow: hidden
 }

 table {

   border-collapse: collapse
 }

 caption {

   padding-top: .75rem;

   padding-bottom: .75rem;

   color: #6c757d;

   text-align: left;

   caption-side: bottom
 }

 th {

   text-align: inherit
 }

 label {

   display: inline-block;

   margin-bottom: .5rem
 }

 button {

   border-radius: 0
 }

 button:focus {

   outline: 1px dotted;

   outline: 5px auto -webkit-focus-ring-color
 }

 button,
 input,
 optgroup,
 select,
 textarea {

   margin: 0;

   font-family: inherit;

   font-size: inherit;

   line-height: inherit
 }

 button,
 input {

   overflow: visible
 }

 button,
 select {

   text-transform: none
 }

 [role=button] {

   cursor: pointer
 }

 select {

   word-wrap: normal
 }

 [type=button],
 [type=reset],
 [type=submit],
 button {

   -webkit-appearance: button
 }

 [type=button]:not(:disabled),
 [type=reset]:not(:disabled),
 [type=submit]:not(:disabled),
 button:not(:disabled) {

   cursor: pointer
 }

 [type=button]::-moz-focus-inner,
 [type=reset]::-moz-focus-inner,
 [type=submit]::-moz-focus-inner,
 button::-moz-focus-inner {

   padding: 0;

   border-style: none
 }

 input[type=checkbox],
 input[type=radio] {

   box-sizing: border-box;

   padding: 0
 }

 textarea {

   overflow: auto;

   resize: vertical
 }

 fieldset {

   min-width: 0;

   padding: 0;

   margin: 0;

   border: 0
 }

 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
 }

 @media (max-width:1200px) {

   legend {

     font-size: calc(1.275rem + .3vw)
   }

 }

 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-decoration {

   -webkit-appearance: none
 }

 ::-webkit-file-upload-button {

   font: inherit;

   -webkit-appearance: button
 }

 output {

   display: inline-block
 }

 summary {

   display: list-item;

   cursor: pointer
 }

 template {

   display: none
 }

 [hidden] {

   display: none !important
 }

 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {

   margin-bottom: .5rem;

   font-weight: 500;

   line-height: 1.2
 }

 .h1,
 h1 {

   font-size: 3.052em
 }

 .h2,
 h2 {

   font-size: 2.3em
 }

 .h3,
 h3 {

   font-size: 1.953em
 }

 .h4,
 h4 {

   font-size: 1.2em
 }

 .h5,
 h5 {

   font-size: 1.1em
 }

 .h6,
 h6 {

   font-size: 1em
 }

 .lead {

   font-size: 1.25rem;

   font-weight: 300
 }

 .display-1 {

   font-size: 6rem;

   font-weight: 300;

   line-height: 1.2
 }

 @media (max-width:1200px) {

   .display-1 {

     font-size: calc(1.725rem + 5.7vw)
   }

 }

 .display-2 {

   font-size: 5.5rem;

   font-weight: 300;

   line-height: 1.2
 }

 @media (max-width:1200px) {

   .display-2 {

     font-size: calc(1.675rem + 5.1vw)
   }

 }

 .display-3 {

   font-size: 4.5rem;

   font-weight: 300;

   line-height: 1.2
 }

 @media (max-width:1200px) {

   .display-3 {

     font-size: calc(1.575rem + 3.9vw)
   }

 }

 .display-4 {

   font-size: 3.5rem;

   font-weight: 300;

   line-height: 1.2
 }

 @media (max-width:1200px) {

   .display-4 {

     font-size: calc(1.475rem + 2.7vw)
   }

 }

 hr {

   margin-top: 1rem;

   margin-bottom: 1rem;

   border: 0;

   border-top: 1px solid rgba(0, 0, 0, .1)
 }

 .small,
 small {

   font-size: 80%;

   font-weight: 400
 }

 .mark,
 mark {

   padding: .2em;

   background-color: #fcf8e3
 }

 .list-inline,
 .list-unstyled {

   padding-left: 0;

   list-style: none
 }

 .list-inline-item {

   display: inline-block
 }

 .list-inline-item:not(:last-child) {

   margin-right: .5rem
 }

 .initialism {

   font-size: 90%;

   text-transform: uppercase
 }

 .blockquote {

   margin-bottom: 1rem;

   font-size: 1.25rem
 }

 .blockquote-footer {

   display: block;

   font-size: 80%;

   color: #6c757d
 }

 .blockquote-footer:before {

   content: "\2014\00A0"

 }

 .img-fluid,
 .img-thumbnail {

   max-width: 100%;

   height: auto
 }

 .img-thumbnail {

   padding: .25rem;

   background-color: #fafbfe;

   border: 1px solid #ccced2;

   border-radius: 8px;

   box-shadow: 0 1px 2px rgba(0, 0, 0, .075)
 }

 .figure {

   display: inline-block
 }

 .figure-img {

   margin-bottom: .5rem;

   line-height: 1
 }

 .figure-caption {

   font-size: 90%;

   color: #6c757d
 }

 code {

   font-size: 87.5%;

   color: #e83e8c;

   word-wrap: break-word
 }

 a>code {

   color: inherit
 }

 kbd {

   padding: .2rem .4rem;

   font-size: 87.5%;

   color: #fff;

   background-color: #212529;

   border-radius: 8px;

   box-shadow: inset 0 -.1rem 0 rgba(0, 0, 0, .25)
 }

 kbd kbd {

   padding: 0;

   font-size: 100%;

   font-weight: 700;

   box-shadow: none
 }

 pre {

   display: block;

   font-size: 87.5%;

   color: #212529
 }

 pre code {

   font-size: inherit;

   color: inherit;

   word-break: normal
 }

 .pre-scrollable {

   max-height: 340px;

   overflow-y: scroll
 }

 .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,
 .container-lg,
 .container-md,
 .container-sm,
 .container-xl {

   width: 100%;

   padding-right: 15px;

   padding-left: 15px;

   margin-right: auto;

   margin-left: auto
 }

 @media (min-width:576px) {

   .container,
   .container-sm {

     max-width: 540px
   }

 }

 @media (min-width:768px) {

   .container,
   .container-md,
   .container-sm {

     max-width: 720px
   }

 }

 @media (min-width:992px) {

   .container,
   .container-lg,
   .container-md,
   .container-sm {

     max-width: 960px
   }

 }

 @media (min-width:1200px) {

   .container,
   .container-lg,
   .container-md,
   .container-sm,
   .container-xl {

     max-width: 1140px
   }

 }

 .row {

   display: flex;

   flex-wrap: wrap;

   margin-right: -15px;

   margin-left: -15px
 }

 .no-gutters {

   margin-right: 0;

   margin-left: 0
 }

 .no-gutters>.col,
 .no-gutters>[class*=col-] {

   padding-right: 0;

   padding-left: 0
 }

 .col,
 .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-auto,
 .col-lg,
 .col-lg-1,
 .col-lg-2,
 .col-lg-3,
 .col-lg-4,
 .col-lg-5,
 .col-lg-6,
 .col-lg-7,
 .col-lg-8,
 .col-lg-9,
 .col-lg-10,
 .col-lg-11,
 .col-lg-12,
 .col-lg-auto,
 .col-md,
 .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-11,
 .col-md-12,
 .col-md-auto,
 .col-sm,
 .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-auto,
 .col-xl,
 .col-xl-1,
 .col-xl-2,
 .col-xl-3,
 .col-xl-4,
 .col-xl-5,
 .col-xl-6,
 .col-xl-7,
 .col-xl-8,
 .col-xl-9,
 .col-xl-10,
 .col-xl-11,
 .col-xl-12,
 .col-xl-auto {

   position: relative;

   width: 100%;

   padding-right: 15px;

   padding-left: 15px
 }

 .col {

   flex-basis: 0;

   flex-grow: 1;

   min-width: 0;

   max-width: 100%
 }

 .row-cols-1>* {

   flex: 0 0 100%;

   max-width: 100%
 }

 .row-cols-2>* {

   flex: 0 0 50%;

   max-width: 50%
 }

 .row-cols-3>* {

   flex: 0 0 33.33333%;

   max-width: 33.33333%
 }

 .row-cols-4>* {

   flex: 0 0 25%;

   max-width: 25%
 }

 .row-cols-5>* {

   flex: 0 0 20%;

   max-width: 20%
 }

 .row-cols-6>* {

   flex: 0 0 16.66667%;

   max-width: 16.66667%
 }

 .col-auto {

   flex: 0 0 auto;

   width: auto;

   max-width: 100%
 }

 .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%
 }

 .order-first {

   order: -1
 }

 .order-last {

   order: 13
 }

 .order-0 {

   order: 0
 }

 .order-1 {

   order: 1
 }

 .order-2 {

   order: 2
 }

 .order-3 {

   order: 3
 }

 .order-4 {

   order: 4
 }

 .order-5 {

   order: 5
 }

 .order-6 {

   order: 6
 }

 .order-7 {

   order: 7
 }

 .order-8 {

   order: 8
 }

 .order-9 {

   order: 9
 }

 .order-10 {

   order: 10
 }

 .order-11 {

   order: 11
 }

 .order-12 {

   order: 12
 }

 .offset-1 {

   margin-left: 8.33333%
 }

 .offset-2 {

   margin-left: 16.66667%
 }

 .offset-3 {

   margin-left: 25%
 }

 .offset-4 {

   margin-left: 33.33333%
 }

 .offset-5 {

   margin-left: 41.66667%
 }

 .offset-6 {

   margin-left: 50%
 }

 .offset-7 {

   margin-left: 58.33333%
 }

 .offset-8 {

   margin-left: 66.66667%
 }

 .offset-9 {

   margin-left: 75%
 }

 .offset-10 {

   margin-left: 83.33333%
 }

 .offset-11 {

   margin-left: 91.66667%
 }

 @media (min-width:576px) {

   .col-sm {

     flex-basis: 0;

     flex-grow: 1;

     min-width: 0;

     max-width: 100%
   }

   .row-cols-sm-1>* {

     flex: 0 0 100%;

     max-width: 100%
   }

   .row-cols-sm-2>* {

     flex: 0 0 50%;

     max-width: 50%
   }

   .row-cols-sm-3>* {

     flex: 0 0 33.33333%;

     max-width: 33.33333%
   }

   .row-cols-sm-4>* {

     flex: 0 0 25%;

     max-width: 25%
   }

   .row-cols-sm-5>* {

     flex: 0 0 20%;

     max-width: 20%
   }

   .row-cols-sm-6>* {

     flex: 0 0 16.66667%;

     max-width: 16.66667%
   }

   .col-sm-auto {

     flex: 0 0 auto;

     width: auto;

     max-width: 100%
   }

   .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%
   }

   .order-sm-first {

     order: -1
   }

   .order-sm-last {

     order: 13
   }

   .order-sm-0 {

     order: 0
   }

   .order-sm-1 {

     order: 1
   }

   .order-sm-2 {

     order: 2
   }

   .order-sm-3 {

     order: 3
   }

   .order-sm-4 {

     order: 4
   }

   .order-sm-5 {

     order: 5
   }

   .order-sm-6 {

     order: 6
   }

   .order-sm-7 {

     order: 7
   }

   .order-sm-8 {

     order: 8
   }

   .order-sm-9 {

     order: 9
   }

   .order-sm-10 {

     order: 10
   }

   .order-sm-11 {

     order: 11
   }

   .order-sm-12 {

     order: 12
   }

   .offset-sm-0 {

     margin-left: 0
   }

   .offset-sm-1 {

     margin-left: 8.33333%
   }

   .offset-sm-2 {

     margin-left: 16.66667%
   }

   .offset-sm-3 {

     margin-left: 25%
   }

   .offset-sm-4 {

     margin-left: 33.33333%
   }

   .offset-sm-5 {

     margin-left: 41.66667%
   }

   .offset-sm-6 {

     margin-left: 50%
   }

   .offset-sm-7 {

     margin-left: 58.33333%
   }

   .offset-sm-8 {

     margin-left: 66.66667%
   }

   .offset-sm-9 {

     margin-left: 75%
   }

   .offset-sm-10 {

     margin-left: 83.33333%
   }

   .offset-sm-11 {

     margin-left: 91.66667%
   }

 }

 @media (min-width:768px) {

   .col-md {

     flex-basis: 0;

     flex-grow: 1;

     min-width: 0;

     max-width: 100%
   }

   .row-cols-md-1>* {

     flex: 0 0 100%;

     max-width: 100%
   }

   .row-cols-md-2>* {

     flex: 0 0 50%;

     max-width: 50%
   }

   .row-cols-md-3>* {

     flex: 0 0 33.33333%;

     max-width: 33.33333%
   }

   .row-cols-md-4>* {

     flex: 0 0 25%;

     max-width: 25%
   }

   .row-cols-md-5>* {

     flex: 0 0 20%;

     max-width: 20%
   }

   .row-cols-md-6>* {

     flex: 0 0 16.66667%;

     max-width: 16.66667%
   }

   .col-md-auto {

     flex: 0 0 auto;

     width: auto;

     max-width: 100%
   }

   .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-11 {

     flex: 0 0 91.66667%;

     max-width: 91.66667%
   }

   .col-md-12 {

     flex: 0 0 100%;

     max-width: 100%
   }

   .order-md-first {

     order: -1
   }

   .order-md-last {

     order: 13
   }

   .order-md-0 {

     order: 0
   }

   .order-md-1 {

     order: 1
   }

   .order-md-2 {

     order: 2
   }

   .order-md-3 {

     order: 3
   }

   .order-md-4 {

     order: 4
   }

   .order-md-5 {

     order: 5
   }

   .order-md-6 {

     order: 6
   }

   .order-md-7 {

     order: 7
   }

   .order-md-8 {

     order: 8
   }

   .order-md-9 {

     order: 9
   }

   .order-md-10 {

     order: 10
   }

   .order-md-11 {

     order: 11
   }

   .order-md-12 {

     order: 12
   }

   .offset-md-0 {

     margin-left: 0
   }

   .offset-md-1 {

     margin-left: 8.33333%
   }

   .offset-md-2 {

     margin-left: 16.66667%
   }

   .offset-md-3 {

     margin-left: 25%
   }

   .offset-md-4 {

     margin-left: 33.33333%
   }

   .offset-md-5 {

     margin-left: 41.66667%
   }

   .offset-md-6 {

     margin-left: 50%
   }

   .offset-md-7 {

     margin-left: 58.33333%
   }

   .offset-md-8 {

     margin-left: 66.66667%
   }

   .offset-md-9 {

     margin-left: 75%
   }

   .offset-md-10 {

     margin-left: 83.33333%
   }

   .offset-md-11 {

     margin-left: 91.66667%
   }

 }

 @media (min-width:992px) {

   .col-lg {

     flex-basis: 0;

     flex-grow: 1;

     min-width: 0;

     max-width: 100%
   }

   .row-cols-lg-1>* {

     flex: 0 0 100%;

     max-width: 100%
   }

   .row-cols-lg-2>* {

     flex: 0 0 50%;

     max-width: 50%
   }

   .row-cols-lg-3>* {

     flex: 0 0 33.33333%;

     max-width: 33.33333%
   }

   .row-cols-lg-4>* {

     flex: 0 0 25%;

     max-width: 25%
   }

   .row-cols-lg-5>* {

     flex: 0 0 20%;

     max-width: 20%
   }

   .row-cols-lg-6>* {

     flex: 0 0 16.66667%;

     max-width: 16.66667%
   }

   .col-lg-auto {

     flex: 0 0 auto;

     width: auto;

     max-width: 100%
   }

   .col-lg-1 {

     flex: 0 0 8.33333%;

     max-width: 8.33333%
   }

   .col-lg-2 {

     flex: 0 0 16.66667%;

     max-width: 16.66667%
   }

   .col-lg-3 {

     flex: 0 0 25%;

     max-width: 25%
   }

   .col-lg-4 {

     flex: 0 0 33.33333%;

     max-width: 33.33333%
   }

   .col-lg-5 {

     flex: 0 0 41.66667%;

     max-width: 41.66667%
   }

   .col-lg-6 {

     flex: 0 0 50%;

     max-width: 50%
   }

   .col-lg-7 {

     flex: 0 0 58.33333%;

     max-width: 58.33333%
   }

   .col-lg-8 {

     flex: 0 0 66.66667%;

     max-width: 66.66667%
   }

   .col-lg-9 {

     flex: 0 0 75%;

     max-width: 75%
   }

   .col-lg-10 {

     flex: 0 0 83.33333%;

     max-width: 83.33333%
   }

   .col-lg-11 {

     flex: 0 0 91.66667%;

     max-width: 91.66667%
   }

   .col-lg-12 {

     flex: 0 0 100%;

     max-width: 100%
   }

   .order-lg-first {

     order: -1
   }

   .order-lg-last {

     order: 13
   }

   .order-lg-0 {

     order: 0
   }

   .order-lg-1 {

     order: 1
   }

   .order-lg-2 {

     order: 2
   }

   .order-lg-3 {

     order: 3
   }

   .order-lg-4 {

     order: 4
   }

   .order-lg-5 {

     order: 5
   }

   .order-lg-6 {

     order: 6
   }

   .order-lg-7 {

     order: 7
   }

   .order-lg-8 {

     order: 8
   }

   .order-lg-9 {

     order: 9
   }

   .order-lg-10 {

     order: 10
   }

   .order-lg-11 {

     order: 11
   }

   .order-lg-12 {

     order: 12
   }

   .offset-lg-0 {

     margin-left: 0
   }

   .offset-lg-1 {

     margin-left: 8.33333%
   }

   .offset-lg-2 {

     margin-left: 16.66667%
   }

   .offset-lg-3 {

     margin-left: 25%
   }

   .offset-lg-4 {

     margin-left: 33.33333%
   }

   .offset-lg-5 {

     margin-left: 41.66667%
   }

   .offset-lg-6 {

     margin-left: 50%
   }

   .offset-lg-7 {

     margin-left: 58.33333%
   }

   .offset-lg-8 {

     margin-left: 66.66667%
   }

   .offset-lg-9 {

     margin-left: 75%
   }

   .offset-lg-10 {

     margin-left: 83.33333%
   }

   .offset-lg-11 {

     margin-left: 91.66667%
   }

 }

 @media (min-width:1200px) {

   .col-xl {

     flex-basis: 0;

     flex-grow: 1;

     min-width: 0;

     max-width: 100%
   }

   .row-cols-xl-1>* {

     flex: 0 0 100%;

     max-width: 100%
   }

   .row-cols-xl-2>* {

     flex: 0 0 50%;

     max-width: 50%
   }

   .row-cols-xl-3>* {

     flex: 0 0 33.33333%;

     max-width: 33.33333%
   }

   .row-cols-xl-4>* {

     flex: 0 0 25%;

     max-width: 25%
   }

   .row-cols-xl-5>* {

     flex: 0 0 20%;

     max-width: 20%
   }

   .row-cols-xl-6>* {

     flex: 0 0 16.66667%;

     max-width: 16.66667%
   }

   .col-xl-auto {

     flex: 0 0 auto;

     width: auto;

     max-width: 100%
   }

   .col-xl-1 {

     flex: 0 0 8.33333%;

     max-width: 8.33333%
   }

   .col-xl-2 {

     flex: 0 0 16.66667%;

     max-width: 16.66667%
   }

   .col-xl-3 {

     flex: 0 0 25%;

     max-width: 25%
   }

   .col-xl-4 {

     flex: 0 0 33.33333%;

     max-width: 33.33333%
   }

   .col-xl-5 {

     flex: 0 0 41.66667%;

     max-width: 41.66667%
   }

   .col-xl-6 {

     flex: 0 0 50%;

     max-width: 50%
   }

   .col-xl-7 {

     flex: 0 0 58.33333%;

     max-width: 58.33333%
   }

   .col-xl-8 {

     flex: 0 0 66.66667%;

     max-width: 66.66667%
   }

   .col-xl-9 {

     flex: 0 0 75%;

     max-width: 75%
   }

   .col-xl-10 {

     flex: 0 0 83.33333%;

     max-width: 83.33333%
   }

   .col-xl-11 {

     flex: 0 0 91.66667%;

     max-width: 91.66667%
   }

   .col-xl-12 {

     flex: 0 0 100%;

     max-width: 100%
   }

   .order-xl-first {

     order: -1
   }

   .order-xl-last {

     order: 13
   }

   .order-xl-0 {

     order: 0
   }

   .order-xl-1 {

     order: 1
   }

   .order-xl-2 {

     order: 2
   }

   .order-xl-3 {

     order: 3
   }

   .order-xl-4 {

     order: 4
   }

   .order-xl-5 {

     order: 5
   }

   .order-xl-6 {

     order: 6
   }

   .order-xl-7 {

     order: 7
   }

   .order-xl-8 {

     order: 8
   }

   .order-xl-9 {

     order: 9
   }

   .order-xl-10 {

     order: 10
   }

   .order-xl-11 {

     order: 11
   }

   .order-xl-12 {

     order: 12
   }

   .offset-xl-0 {

     margin-left: 0
   }

   .offset-xl-1 {

     margin-left: 8.33333%
   }

   .offset-xl-2 {

     margin-left: 16.66667%
   }

   .offset-xl-3 {

     margin-left: 25%
   }

   .offset-xl-4 {

     margin-left: 33.33333%
   }

   .offset-xl-5 {

     margin-left: 41.66667%
   }

   .offset-xl-6 {

     margin-left: 50%
   }

   .offset-xl-7 {

     margin-left: 58.33333%
   }

   .offset-xl-8 {

     margin-left: 66.66667%
   }

   .offset-xl-9 {

     margin-left: 75%
   }

   .offset-xl-10 {

     margin-left: 83.33333%
   }

   .offset-xl-11 {

     margin-left: 91.66667%
   }

 }

 .table {

   width: 100%;

   margin-bottom: 1rem;

   color: #535f6b
 }

 .table td,
 .table th {

   padding: 0.17rem;

   vertical-align: top;

   border-top: 1px solid #f1f1f1
 }

 .table thead th {

   vertical-align: bottom;

   border-bottom: 2px solid #f1f1f1
 }

 .table tbody+tbody {

   border-top: 2px solid #f1f1f1
 }

 .table-sm td,
 .table-sm th {

   padding: .3rem
 }

 .table-bordered td,
 .table-bordered th {

   border: 1px solid #f1f1f1
 }

 .table-bordered thead td,
 .table-bordered thead th {

   border-bottom-width: 2px
 }

 .table-borderless tbody+tbody,
 .table-borderless td,
 .table-borderless th,
 .table-borderless thead th {

   border: 0
 }

 .table-striped tbody tr:nth-of-type(odd) {

   background-color: rgba(0, 0, 0, .05)
 }

 .table-hover tbody tr:hover {

   color: #535f6b;

   background-color: rgba(0, 0, 0, .075)
 }

 .table-primary,
 .table-primary>td,
 .table-primary>th {

   background-color: #b9ecf0
 }

 .table-primary tbody+tbody,
 .table-primary td,
 .table-primary th,
 .table-primary thead th {

   border-color: #7ddce3
 }

 .table-hover .table-primary:hover,
 .table-hover .table-primary:hover>td,
 .table-hover .table-primary:hover>th {

   background-color: #a4e6ec
 }

 .table-secondary,
 .table-secondary>td,
 .table-secondary>th {

   background-color: #d6d8db
 }

 .table-secondary tbody+tbody,
 .table-secondary td,
 .table-secondary th,
 .table-secondary thead th {

   border-color: #b3b7bb
 }

 .table-hover .table-secondary:hover,
 .table-hover .table-secondary:hover>td,
 .table-hover .table-secondary:hover>th {

   background-color: #c8cbcf
 }

 .table-success,
 .table-success>td,
 .table-success>th {

   background-color: #caf3e2
 }

 .table-success tbody+tbody,
 .table-success td,
 .table-success th,
 .table-success thead th {

   border-color: #9de8c8
 }

 .table-hover .table-success:hover,
 .table-hover .table-success:hover>td,
 .table-hover .table-success:hover>th {

   background-color: #b5eed7
 }

 .table-info,
 .table-info>td,
 .table-info>th {

   background-color: #ddd6ff
 }

 .table-info tbody+tbody,
 .table-info td,
 .table-info th,
 .table-info thead th {

   border-color: #c1b3fe
 }

 .table-hover .table-info:hover,
 .table-hover .table-info:hover>td,
 .table-hover .table-info:hover>th {

   background-color: #c8bdff
 }

 .table-warning,
 .table-warning>td,
 .table-warning>th {

   background-color: #fff0cb
 }

 .table-warning tbody+tbody,
 .table-warning td,
 .table-warning th,
 .table-warning thead th {

   border-color: #ffe39e
 }

 .table-hover .table-warning:hover,
 .table-hover .table-warning:hover>td,
 .table-hover .table-warning:hover>th {

   background-color: #ffe9b2
 }

 .table-danger,
 .table-danger>td,
 .table-danger>th {

   background-color: #ffcdcd
 }

 .table-danger tbody+tbody,
 .table-danger td,
 .table-danger th,
 .table-danger thead th {

   border-color: #ffa1a1
 }

 .table-hover .table-danger:hover,
 .table-hover .table-danger:hover>td,
 .table-hover .table-danger:hover>th {

   background-color: #ffb4b4
 }

 .table-light,
 .table-light>td,
 .table-light>th {

   background-color: #eff0f3
 }

 .table-light tbody+tbody,
 .table-light td,
 .table-light th,
 .table-light thead th {

   border-color: #e2e4e8
 }

 .table-hover .table-light:hover,
 .table-hover .table-light:hover>td,
 .table-hover .table-light:hover>th {

   background-color: #e0e2e8
 }

 .table-dark,
 .table-dark>td,
 .table-dark>th {

   background-color: #b8b9bf
 }

 .table-dark tbody+tbody,
 .table-dark td,
 .table-dark th,
 .table-dark thead th {

   border-color: #7b7c88
 }

 .table-hover .table-dark:hover,
 .table-hover .table-dark:hover>td,
 .table-hover .table-dark:hover>th {

   background-color: #abacb3
 }

 .table-orange,
 .table-orange>td,
 .table-orange>th {

   background-color: #ffd8bf
 }

 .table-orange tbody+tbody,
 .table-orange td,
 .table-orange th,
 .table-orange thead th {

   border-color: #feb689
 }

 .table-hover .table-orange:hover,
 .table-hover .table-orange:hover>td,
 .table-hover .table-orange:hover>th {

   background-color: #ffc8a6
 }

 .table-purple,
 .table-purple>td,
 .table-purple>th {

   background-color: #cbc5eb
 }

 .table-purple tbody+tbody,
 .table-purple td,
 .table-purple th,
 .table-purple thead th {

   border-color: #9f94d9
 }

 .table-hover .table-purple:hover,
 .table-hover .table-purple:hover>td,
 .table-hover .table-purple:hover>th {

   background-color: #bab2e4
 }

 .table-skyblue,
 .table-skyblue>td,
 .table-skyblue>th {

   background-color: #bddffd
 }

 .table-skyblue tbody+tbody,
 .table-skyblue td,
 .table-skyblue th,
 .table-skyblue thead th {

   border-color: #85c4fb
 }

 .table-hover .table-skyblue:hover,
 .table-hover .table-skyblue:hover>td,
 .table-hover .table-skyblue:hover>th {

   background-color: #a4d3fc
 }

 .table-active,
 .table-active>td,
 .table-active>th,
 .table-hover .table-active:hover,
 .table-hover .table-active:hover>td,
 .table-hover .table-active:hover>th {

   background-color: rgba(0, 0, 0, .075)
 }

 .table .thead-dark th {

   color: #fff;

   background-color: #01041b;

   border-color: #020940
 }

 .table .thead-light th {

   color: #495057;

   background-color: #e9ecef;

   border-color: #f1f1f1
 }

 .table-dark {

   color: #fff;

   background-color: #01041b
 }

 .table-dark td,
 .table-dark th,
 .table-dark thead th {

   border-color: #020940
 }

 .table-dark.table-bordered {

   border: 0
 }

 .table-dark.table-striped tbody tr:nth-of-type(odd) {

   background-color: hsla(0, 0%, 100%, .05)
 }

 .table-dark.table-hover tbody tr:hover {

   color: #fff;

   background-color: hsla(0, 0%, 100%, .075)
 }

 @media (max-width:575.98px) {

   .table-responsive-sm {

     display: block;

     width: 100%;

     overflow-x: auto;

     -webkit-overflow-scrolling: touch
   }

   .table-responsive-sm>.table-bordered {

     border: 0
   }

 }

 @media (max-width:767.98px) {

   .table-responsive-md {

     display: block;

     width: 100%;

     overflow-x: auto;

     -webkit-overflow-scrolling: touch
   }

   .table-responsive-md>.table-bordered {

     border: 0
   }

 }

 @media (max-width:991.98px) {

   .table-responsive-lg {

     display: block;

     width: 100%;

     overflow-x: auto;

     -webkit-overflow-scrolling: touch
   }

   .table-responsive-lg>.table-bordered {

     border: 0
   }

 }

 @media (max-width:1199.98px) {

   .table-responsive-xl {

     display: block;

     width: 100%;

     overflow-x: auto;

     -webkit-overflow-scrolling: touch
   }

   .table-responsive-xl>.table-bordered {

     border: 0
   }

 }

 .table-responsive {

   display: block;

   width: 100%;

   overflow-x: auto;

   -webkit-overflow-scrolling: touch
 }

 .table-responsive>.table-bordered {

   border: 0
 }

 .form-control {

   display: block;

   width: 100%;

   height: calc(1.5em + .75rem + 2px);

   padding: .375rem .75rem;

   font-size: 1rem;

   font-weight: 400;

   line-height: 1.5;

   color: #495057;

   background-color: #fff;

   background-clip: padding-box;

   border: 1px solid #ced4da;

   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

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

   .form-control {

     transition: none
   }

 }

 .form-control::-ms-expand {

   background-color: transparent;

   border: 0
 }

 .form-control:-moz-focusring {

   color: transparent;

   text-shadow: 0 0 0 #495057
 }

 .form-control:focus {

   color: #495057;

   background-color: #fff;

   border-color: #53effb;

   outline: 0;

   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(5, 187, 201, .25)
 }

 .form-control::placeholder {

   color: #6c757d;

   opacity: 1
 }

 .form-control:disabled,
 .form-control[readonly] {

   background-color: #e9ecef;

   opacity: 1
 }

 input[type=date].form-control,
 input[type=datetime-local].form-control,
 input[type=month].form-control,
 input[type=time].form-control {

   appearance: none
 }

 select.form-control:focus::-ms-value {

   color: #495057;

   background-color: #fff
 }

 .form-control-file,
 .form-control-range {

   display: block;

   width: 100%
 }

 .col-form-label {

   padding-top: calc(.375rem + 1px);

   padding-bottom: calc(.375rem + 1px);

   margin-bottom: 0;

   font-size: inherit;

   line-height: 1.5
 }

 .col-form-label-lg {

   padding-top: calc(.5rem + 1px);

   padding-bottom: calc(.5rem + 1px);

   font-size: .75rem;

   line-height: 1.5
 }

 .col-form-label-sm {

   padding-top: calc(.25rem + 1px);

   padding-bottom: calc(.25rem + 1px);

   font-size: .75rem;

   line-height: 1.5
 }

 .form-control-plaintext {

   display: block;

   width: 100%;

   padding: .375rem 0;

   margin-bottom: 0;

   font-size: 1rem;

   line-height: 1.5;

   color: #535f6b;

   background-color: transparent;

   border: solid transparent;

   border-width: 1px 0
 }

 .form-control-plaintext.form-control-lg,
 .form-control-plaintext.form-control-sm {

   padding-right: 0;

   padding-left: 0
 }

 .form-control-sm {

   height: calc(1.5em + .5rem + 2px);

   padding: .25rem .5rem
 }

 .form-control-lg,
 .form-control-sm {

   font-size: .75rem;

   line-height: 1.5;

   border-radius: 8px
 }

 .form-control-lg {

   height: calc(1.5em + 1rem + 2px);

   padding: .5rem 1rem
 }

 select.form-control[multiple],
 select.form-control[size],
 textarea.form-control {

   height: auto
 }

 .form-group {

   margin-bottom: 1rem
 }

 .form-text {

   display: block;

   margin-top: .25rem
 }

 .form-row {

   display: flex;

   flex-wrap: wrap;

   margin-right: -5px;

   margin-left: -5px
 }

 .form-row>.col,
 .form-row>[class*=col-] {

   padding-right: 5px;

   padding-left: 5px
 }

 .form-check {

   position: relative;

   display: block;

   padding-left: 1.25rem
 }

 .form-check-input {

   position: absolute;

   margin-top: .3rem;

   margin-left: -1.25rem
 }

 .form-check-input:disabled~.form-check-label,
 .form-check-input[disabled]~.form-check-label {

   color: #6c757d
 }

 .form-check-label {

   margin-bottom: 0
 }

 .form-check-inline {

   display: inline-flex;

   align-items: center;

   padding-left: 0;

   margin-right: .75rem
 }

 .form-check-inline .form-check-input {

   position: static;

   margin-top: 0;

   margin-right: .3125rem;

   margin-left: 0
 }

 .valid-feedback {

   display: none;

   width: 100%;

   margin-top: .25rem;

   font-size: 80%;

   color: #43d396
 }

 .valid-tooltip {

   position: absolute;

   top: 100%;

   z-index: 5;

   display: none;

   max-width: 100%;

   padding: .25rem .5rem;

   margin-top: .1rem;

   font-size: .75rem;

   line-height: 1.5;

   color: #fff;

   background-color: rgba(67, 211, 150, .9);

   border-radius: 8px
 }

 .is-valid~.valid-feedback,
 .is-valid~.valid-tooltip,
 .was-validated :valid~.valid-feedback,
 .was-validated :valid~.valid-tooltip {

   display: block
 }

 .form-control.is-valid,
 .was-validated .form-control:valid {

   border-color: #43d396;

   padding-right: calc(1.5em + .75rem);

   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%2343d396' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");

   background-repeat: no-repeat;

   background-position: right calc(.375em + .1875rem) center;

   background-size: calc(.75em + .375rem) calc(.75em + .375rem)
 }

 .form-control.is-valid:focus,
 .was-validated .form-control:valid:focus {

   border-color: #43d396;

   box-shadow: 0 0 0 .2rem rgba(67, 211, 150, .25)
 }

 .was-validated textarea.form-control:valid,
 textarea.form-control.is-valid {

   padding-right: calc(1.5em + .75rem);

   background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
 }

 .custom-select.is-valid,
 .was-validated .custom-select:valid {

   border-color: #43d396;

   padding-right: calc(.75em + 2.3125rem);

   background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3E%3Cpath fill='%2301041b' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%2343d396' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
 }

 .custom-select.is-valid:focus,
 .was-validated .custom-select:valid:focus {

   border-color: #43d396;

   box-shadow: 0 0 0 .2rem rgba(67, 211, 150, .25)
 }

 .form-check-input.is-valid~.form-check-label,
 .was-validated .form-check-input:valid~.form-check-label {

   color: #43d396
 }

 .form-check-input.is-valid~.valid-feedback,
 .form-check-input.is-valid~.valid-tooltip,
 .was-validated .form-check-input:valid~.valid-feedback,
 .was-validated .form-check-input:valid~.valid-tooltip {

   display: block
 }

 .custom-control-input.is-valid~.custom-control-label,
 .was-validated .custom-control-input:valid~.custom-control-label {

   color: #43d396
 }

 .custom-control-input.is-valid~.custom-control-label:before,
 .was-validated .custom-control-input:valid~.custom-control-label:before {

   border-color: #43d396
 }

 .custom-control-input.is-valid:checked~.custom-control-label:before,
 .was-validated .custom-control-input:valid:checked~.custom-control-label:before {

   border-color: #6cddad;

   background-color: #6cddad
 }

 .custom-control-input.is-valid:focus~.custom-control-label:before,
 .was-validated .custom-control-input:valid:focus~.custom-control-label:before {

   box-shadow: 0 0 0 .2rem rgba(67, 211, 150, .25)
 }

 .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,
 .custom-file-input.is-valid~.custom-file-label,
 .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,
 .was-validated .custom-file-input:valid~.custom-file-label {

   border-color: #43d396
 }

 .custom-file-input.is-valid:focus~.custom-file-label,
 .was-validated .custom-file-input:valid:focus~.custom-file-label {

   border-color: #43d396;

   box-shadow: 0 0 0 .2rem rgba(67, 211, 150, .25)
 }

 .invalid-feedback {

   display: none;

   width: 100%;

   margin-top: .25rem;

   font-size: 80%;

   color: #ff4b4b
 }

 .invalid-tooltip {

   position: absolute;

   top: 100%;

   z-index: 5;

   display: none;

   max-width: 100%;

   padding: .25rem .5rem;

   margin-top: .1rem;

   font-size: .75rem;

   line-height: 1.5;

   color: #fff;

   background-color: rgba(255, 75, 75, .9);

   border-radius: 8px
 }

 .is-invalid~.invalid-feedback,
 .is-invalid~.invalid-tooltip,
 .was-validated :invalid~.invalid-feedback,
 .was-validated :invalid~.invalid-tooltip {

   display: block
 }

 .form-control.is-invalid,
 .was-validated .form-control:invalid {

   border-color: #ff4b4b;

   padding-right: calc(1.5em + .75rem);

   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ff4b4b' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23ff4b4b' stroke='none'/%3E%3C/svg%3E");

   background-repeat: no-repeat;

   background-position: right calc(.375em + .1875rem) center;

   background-size: calc(.75em + .375rem) calc(.75em + .375rem)
 }

 .form-control.is-invalid:focus,
 .was-validated .form-control:invalid:focus {

   border-color: #ff4b4b;

   box-shadow: 0 0 0 .2rem rgba(255, 75, 75, .25)
 }

 .was-validated textarea.form-control:invalid,
 textarea.form-control.is-invalid {

   padding-right: calc(1.5em + .75rem);

   background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
 }

 .custom-select.is-invalid,
 .was-validated .custom-select:invalid {

   border-color: #ff4b4b;

   padding-right: calc(.75em + 2.3125rem);

   background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3E%3Cpath fill='%2301041b' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ff4b4b' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23ff4b4b' stroke='none'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
 }

 .custom-select.is-invalid:focus,
 .was-validated .custom-select:invalid:focus {

   border-color: #ff4b4b;

   box-shadow: 0 0 0 .2rem rgba(255, 75, 75, .25)
 }

 .form-check-input.is-invalid~.form-check-label,
 .was-validated .form-check-input:invalid~.form-check-label {

   color: #ff4b4b
 }

 .form-check-input.is-invalid~.invalid-feedback,
 .form-check-input.is-invalid~.invalid-tooltip,
 .was-validated .form-check-input:invalid~.invalid-feedback,
 .was-validated .form-check-input:invalid~.invalid-tooltip {

   display: block
 }

 .custom-control-input.is-invalid~.custom-control-label,
 .was-validated .custom-control-input:invalid~.custom-control-label {

   color: #ff4b4b
 }

 .custom-control-input.is-invalid~.custom-control-label:before,
 .was-validated .custom-control-input:invalid~.custom-control-label:before {

   border-color: #ff4b4b
 }

 .custom-control-input.is-invalid:checked~.custom-control-label:before,
 .was-validated .custom-control-input:invalid:checked~.custom-control-label:before {

   border-color: #ff7e7e;

   background-color: #ff7e7e
 }

 .custom-control-input.is-invalid:focus~.custom-control-label:before,
 .was-validated .custom-control-input:invalid:focus~.custom-control-label:before {

   box-shadow: 0 0 0 .2rem rgba(255, 75, 75, .25)
 }

 .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,
 .custom-file-input.is-invalid~.custom-file-label,
 .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,
 .was-validated .custom-file-input:invalid~.custom-file-label {

   border-color: #ff4b4b
 }

 .custom-file-input.is-invalid:focus~.custom-file-label,
 .was-validated .custom-file-input:invalid:focus~.custom-file-label {

   border-color: #ff4b4b;

   box-shadow: 0 0 0 .2rem rgba(255, 75, 75, .25)
 }

 .form-inline {

   display: flex;

   flex-flow: row wrap;

   align-items: center
 }

 .form-inline .form-check {

   width: 100%
 }

 @media (min-width:576px) {

   .form-inline label {

     justify-content: center
   }

   .form-inline .form-group,
   .form-inline label {

     display: flex;

     align-items: center;

     margin-bottom: 0
   }

   .form-inline .form-group {

     flex: 0 0 auto;

     flex-flow: row wrap
   }

   .form-inline .form-control {

     display: inline-block;

     width: auto;

     vertical-align: middle
   }

   .form-inline .form-control-plaintext {

     display: inline-block
   }

   .form-inline .custom-select,
   .form-inline .input-group {

     width: auto
   }

   .form-inline .form-check {

     display: flex;

     align-items: center;

     justify-content: center;

     width: auto;

     padding-left: 0
   }

   .form-inline .form-check-input {

     position: relative;

     flex-shrink: 0;

     margin-top: 0;

     margin-right: .25rem;

     margin-left: 0
   }

   .form-inline .custom-control {

     align-items: center;

     justify-content: center
   }

   .form-inline .custom-control-label {

     margin-bottom: 0
   }

 }

 .fade {

   transition: opacity .15s linear
 }

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

   .fade {

     transition: none
   }

 }

 .fade:not(.show) {

   opacity: 0
 }

 .collapse:not(.show) {

   display: none
 }

 .collapsing {

   position: relative;

   height: 0;

   overflow: hidden;

   transition: height .35s ease
 }

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

   .collapsing {

     transition: none
   }

 }

 .dropdown,
 .dropleft,
 .dropright,
 .dropup {

   position: relative
 }

 .dropdown-toggle {

   white-space: nowrap
 }

 .dropdown-toggle:after {

   display: inline-block;

   margin-left: .255em;

   vertical-align: .255em;

   content: "";

   border-top: .3em solid;

   border-right: .3em solid transparent;

   border-bottom: 0;

   border-left: .3em solid transparent
 }

 .dropdown-toggle:empty:after {

   margin-left: 0
 }

 .dropdown-menu {

   position: absolute;

   top: 100%;

   left: 0;

   z-index: 1000;

   display: none;

   float: left;

   min-width: 10rem;

   padding: .5rem 0;

   margin: .125rem 0 0;

   font-size: 1rem;

   color: #535f6b;

   text-align: left;

   list-style: none;

   background-color: #fff;

   background-clip: padding-box;

   border: 1px solid rgba(0, 0, 0, .15);

   border-radius: 8px;

   box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .175)
 }

 .dropdown-menu-left {

   right: auto;

   left: 0
 }

 .dropdown-menu-right {

   right: 0;

   left: auto
 }

 @media (min-width:576px) {

   .dropdown-menu-sm-left {

     right: auto;

     left: 0
   }

   .dropdown-menu-sm-right {

     right: 0;

     left: auto
   }

 }

 @media (min-width:768px) {

   .dropdown-menu-md-left {

     right: auto;

     left: 0
   }

   .dropdown-menu-md-right {

     right: 0;

     left: auto
   }

 }

 @media (min-width:992px) {

   .dropdown-menu-lg-left {

     right: auto;

     left: 0
   }

   .dropdown-menu-lg-right {

     right: 0;

     left: auto
   }

 }

 @media (min-width:1200px) {

   .dropdown-menu-xl-left {

     right: auto;

     left: 0
   }

   .dropdown-menu-xl-right {

     right: 0;

     left: auto
   }

 }

 .dropup .dropdown-menu {

   top: auto;

   bottom: 100%;

   margin-top: 0;

   margin-bottom: .125rem
 }

 .dropup .dropdown-toggle:after {

   display: inline-block;

   margin-left: .255em;

   vertical-align: .255em;

   content: "";

   border-top: 0;

   border-right: .3em solid transparent;

   border-bottom: .3em solid;

   border-left: .3em solid transparent
 }

 .dropup .dropdown-toggle:empty:after {

   margin-left: 0
 }

 .dropright .dropdown-menu {

   top: 0;

   right: auto;

   left: 100%;

   margin-top: 0;

   margin-left: .125rem
 }

 .dropright .dropdown-toggle:after {

   display: inline-block;

   margin-left: .255em;

   vertical-align: .255em;

   content: "";

   border-top: .3em solid transparent;

   border-right: 0;

   border-bottom: .3em solid transparent;

   border-left: .3em solid
 }

 .dropright .dropdown-toggle:empty:after {

   margin-left: 0
 }

 .dropright .dropdown-toggle:after {

   vertical-align: 0
 }

 .dropleft .dropdown-menu {

   top: 0;

   right: 100%;

   left: auto;

   margin-top: 0;

   margin-right: .125rem
 }

 .dropleft .dropdown-toggle:after {

   display: inline-block;

   margin-left: .255em;

   vertical-align: .255em;

   content: "";

   display: none
 }

 .dropleft .dropdown-toggle:before {

   display: inline-block;

   margin-right: .255em;

   vertical-align: .255em;

   content: "";

   border-top: .3em solid transparent;

   border-right: .3em solid;

   border-bottom: .3em solid transparent
 }

 .dropleft .dropdown-toggle:empty:after {

   margin-left: 0
 }

 .dropleft .dropdown-toggle:before {

   vertical-align: 0
 }

 .dropdown-menu[x-placement^=bottom],
 .dropdown-menu[x-placement^=left],
 .dropdown-menu[x-placement^=right],
 .dropdown-menu[x-placement^=top] {

   right: auto;

   bottom: auto
 }

 .dropdown-divider {

   height: 0;

   margin: .5rem 0;

   overflow: hidden;

   border-top: 1px solid #e9ecef
 }

 .dropdown-item {

   display: block;

   width: 100%;

   padding: .25rem 1.5rem;

   clear: both;

   font-weight: 400;

   color: #212529;

   text-align: inherit;

   white-space: nowrap;

   background-color: transparent;

   border: 0
 }

 .dropdown-item:focus,
 .dropdown-item:hover {

   color: #16181b;

   text-decoration: none;

   background-color: #f8f9fa
 }

 .dropdown-item.active,
 .dropdown-item:active {

   color: #fff;

   text-decoration: none;

   background-color: #ae0918
 }

 .dropdown-item.disabled,
 .dropdown-item:disabled {

   color: #6c757d;

   pointer-events: none;

   background-color: transparent
 }

 .dropdown-menu.show {

   display: block
 }

 .dropdown-header {

   display: block;

   padding: .5rem 1.5rem;

   margin-bottom: 0;

   font-size: .75rem;

   color: #6c757d;

   white-space: nowrap
 }

 .dropdown-item-text {

   display: block;

   padding: .25rem 1.5rem;

   color: #212529
 }

 .btn-group,
 .btn-group-vertical {

   position: relative;

   display: inline-flex;

   vertical-align: middle
 }

 .btn-group-vertical>.btn,
 .btn-group>.btn {

   position: relative;

   flex: 1 1 auto
 }

 .btn-group-vertical>.btn.active,
 .btn-group-vertical>.btn:active,
 .btn-group-vertical>.btn:focus,
 .btn-group-vertical>.btn:hover,
 .btn-group>.btn.active,
 .btn-group>.btn:active,
 .btn-group>.btn:focus,
 .btn-group>.btn:hover {

   z-index: 1
 }

 .btn-toolbar {

   display: flex;

   flex-wrap: wrap;

   justify-content: flex-start
 }

 .btn-toolbar .input-group {

   width: auto
 }

 .btn-group>.btn-group:not(:first-child),
 .btn-group>.btn:not(:first-child) {

   margin-left: -1px
 }

 .btn-group>.btn-group:not(:last-child)>.btn,
 .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {

   border-top-right-radius: 0;

   border-bottom-right-radius: 0
 }

 .btn-group>.btn-group:not(:first-child)>.btn,
 .btn-group>.btn:not(:first-child) {

   border-top-left-radius: 0;

   border-bottom-left-radius: 0
 }

 .dropdown-toggle-split {

   padding-right: .5625rem;

   padding-left: .5625rem
 }

 .dropdown-toggle-split:after,
 .dropright .dropdown-toggle-split:after,
 .dropup .dropdown-toggle-split:after {

   margin-left: 0
 }

 .dropleft .dropdown-toggle-split:before {

   margin-right: 0
 }

 .btn-group-sm>.btn+.dropdown-toggle-split,
 .btn-sm+.dropdown-toggle-split {

   padding-right: .375rem;

   padding-left: .375rem
 }

 .btn-group-lg>.btn+.dropdown-toggle-split,
 .btn-lg+.dropdown-toggle-split {

   padding-right: .75rem;

   padding-left: .75rem
 }

 .btn-group.show .dropdown-toggle {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
 }

 .btn-group.show .dropdown-toggle.btn-link {

   box-shadow: none
 }

 .btn-group-vertical {

   flex-direction: column;

   align-items: flex-start;

   justify-content: center
 }

 .btn-group-vertical>.btn,
 .btn-group-vertical>.btn-group {

   width: 100%
 }

 .btn-group-vertical>.btn-group:not(:first-child),
 .btn-group-vertical>.btn:not(:first-child) {

   margin-top: -1px
 }

 .btn-group-vertical>.btn-group:not(:last-child)>.btn,
 .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {

   border-bottom-right-radius: 0;

   border-bottom-left-radius: 0
 }

 .btn-group-vertical>.btn-group:not(:first-child)>.btn,
 .btn-group-vertical>.btn:not(:first-child) {

   border-top-left-radius: 0;

   border-top-right-radius: 0
 }

 .btn-group-toggle>.btn,
 .btn-group-toggle>.btn-group>.btn {

   margin-bottom: 0
 }

 .btn-group-toggle>.btn-group>.btn input[type=checkbox],
 .btn-group-toggle>.btn-group>.btn input[type=radio],
 .btn-group-toggle>.btn input[type=checkbox],
 .btn-group-toggle>.btn input[type=radio] {

   position: absolute;

   clip: rect(0, 0, 0, 0);

   pointer-events: none
 }

 .input-group {

   position: relative;

   display: flex;

   flex-wrap: wrap;

   align-items: stretch;

   width: 100%
 }

 .input-group>.custom-file,
 .input-group>.custom-select,
 .input-group>.form-control,
 .input-group>.form-control-plaintext {

   position: relative;

   flex: 1 1 auto;

   width: 1%;

   min-width: 0;

   margin-bottom: 0
 }

 .input-group>.custom-file+.custom-file,
 .input-group>.custom-file+.custom-select,
 .input-group>.custom-file+.form-control,
 .input-group>.custom-select+.custom-file,
 .input-group>.custom-select+.custom-select,
 .input-group>.custom-select+.form-control,
 .input-group>.form-control+.custom-file,
 .input-group>.form-control+.custom-select,
 .input-group>.form-control+.form-control,
 .input-group>.form-control-plaintext+.custom-file,
 .input-group>.form-control-plaintext+.custom-select,
 .input-group>.form-control-plaintext+.form-control {

   margin-left: -1px
 }

 .input-group>.custom-file .custom-file-input:focus~.custom-file-label,
 .input-group>.custom-select:focus,
 .input-group>.form-control:focus {

   z-index: 3
 }

 .input-group>.custom-file .custom-file-input:focus {

   z-index: 4
 }

 .input-group>.custom-select:not(:last-child),
 .input-group>.form-control:not(:last-child) {

   border-top-right-radius: 0;

   border-bottom-right-radius: 0
 }

 .input-group>.custom-select:not(:first-child),
 .input-group>.form-control:not(:first-child) {

   border-top-left-radius: 0;

   border-bottom-left-radius: 0
 }

 .input-group>.custom-file {

   display: flex;

   align-items: center
 }

 .input-group>.custom-file:not(:last-child) .custom-file-label,
 .input-group>.custom-file:not(:last-child) .custom-file-label:after {

   border-top-right-radius: 0;

   border-bottom-right-radius: 0
 }

 .input-group>.custom-file:not(:first-child) .custom-file-label {

   border-top-left-radius: 0;

   border-bottom-left-radius: 0
 }

 .input-group-append,
 .input-group-prepend {

   display: flex
 }

 .input-group-append .btn,
 .input-group-prepend .btn {

   position: relative;

   z-index: 2
 }

 .input-group-append .btn:focus,
 .input-group-prepend .btn:focus {

   z-index: 3
 }

 .input-group-append .btn+.btn,
 .input-group-append .btn+.input-group-text,
 .input-group-append .input-group-text+.btn,
 .input-group-append .input-group-text+.input-group-text,
 .input-group-prepend .btn+.btn,
 .input-group-prepend .btn+.input-group-text,
 .input-group-prepend .input-group-text+.btn,
 .input-group-prepend .input-group-text+.input-group-text {

   margin-left: -1px
 }

 .input-group-prepend {

   margin-right: -1px
 }

 .input-group-append {

   margin-left: -1px
 }

 .input-group-text {

   display: flex;

   align-items: center;

   padding: .375rem .75rem;

   margin-bottom: 0;

   font-size: 1rem;

   font-weight: 400;

   line-height: 1.5;

   color: #495057;

   text-align: center;

   white-space: nowrap;

   background-color: #e9ecef;

   border: 1px solid #ced4da;

   border-radius: 8px
 }

 .input-group-text input[type=checkbox],
 .input-group-text input[type=radio] {

   margin-top: 0
 }

 .input-group-lg>.custom-select,
 .input-group-lg>.form-control:not(textarea) {

   height: calc(1.5em + 1rem + 2px)
 }

 .input-group-lg>.custom-select,
 .input-group-lg>.form-control,
 .input-group-lg>.input-group-append>.btn,
 .input-group-lg>.input-group-append>.input-group-text,
 .input-group-lg>.input-group-prepend>.btn,
 .input-group-lg>.input-group-prepend>.input-group-text {

   padding: .5rem 1rem;

   font-size: .75rem;

   line-height: 1.5;

   border-radius: 8px
 }

 .input-group-sm>.custom-select,
 .input-group-sm>.form-control:not(textarea) {

   height: calc(1.5em + .5rem + 2px)
 }

 .input-group-sm>.custom-select,
 .input-group-sm>.form-control,
 .input-group-sm>.input-group-append>.btn,
 .input-group-sm>.input-group-append>.input-group-text,
 .input-group-sm>.input-group-prepend>.btn,
 .input-group-sm>.input-group-prepend>.input-group-text {

   padding: .25rem .5rem;

   font-size: .75rem;

   line-height: 1.5;

   border-radius: 8px
 }

 .input-group-lg>.custom-select,
 .input-group-sm>.custom-select {

   padding-right: 1.75rem
 }

 .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
 .input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
 .input-group>.input-group-append:not(:last-child)>.btn,
 .input-group>.input-group-append:not(:last-child)>.input-group-text,
 .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-append>.btn,
 .input-group>.input-group-append>.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),
 .input-group>.input-group-prepend:not(:first-child)>.btn,
 .input-group>.input-group-prepend:not(:first-child)>.input-group-text {

   border-top-left-radius: 0;

   border-bottom-left-radius: 0
 }

 .custom-control {

   position: relative;

   display: block;

   min-height: 24;

   padding-left: 1.5rem
 }

 .custom-control-inline {

   display: inline-flex;

   margin-right: 1rem
 }

 .custom-control-input {

   position: absolute;

   left: 0;

   z-index: -1;

   width: 1rem;

   height: 12.5rem;

   opacity: 0
 }

 .custom-control-input:checked~.custom-control-label:before {

   color: #fff;

   box-shadow: none
 }

 .custom-control-input:focus~.custom-control-label:before {

   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(5, 187, 201, .25)
 }

 .custom-control-input:focus:not(:checked)~.custom-control-label:before {

   border-color: #53effb
 }

 .custom-control-input:not(:disabled):active~.custom-control-label:before {

   color: #fff;

   background-color: #85f3fc;

   border-color: #85f3fc;

   box-shadow: none
 }

 .custom-control-input:disabled~.custom-control-label,
 .custom-control-input[disabled]~.custom-control-label {

   color: #6c757d
 }

 .custom-control-input:disabled~.custom-control-label:before,
 .custom-control-input[disabled]~.custom-control-label:before {

   background-color: #e9ecef
 }

 .custom-control-label {

   position: relative;

   margin-bottom: 0;

   vertical-align: top
 }

 .custom-control-label:before {

   pointer-events: none;

   background-color: #fff;

   border: 1px solid #adb5bd;

   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
 }

 .custom-control-label:after,
 .custom-control-label:before {

   position: absolute;

   top: 11.5rem;

   left: -1.5rem;

   display: block;

   width: 1rem;

   height: 1rem;

   content: ""

 }

 .custom-control-label:after {

   background: no-repeat 50%/50% 50%
 }

 .custom-checkbox .custom-control-label:before {

   border-radius: 8px
 }

 .custom-checkbox .custom-control-input:checked~.custom-control-label:after {

   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")
 }

 .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {

   border-color: #ae0918;

   background-color: #ae0918;

   box-shadow: none
 }

 .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {

   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
 }

 .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {

   background-color: rgba(5, 187, 201, .5)
 }

 .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {

   background-color: rgba(5, 187, 201, .5)
 }

 .custom-radio .custom-control-label:before {

   border-radius: 50%
 }

 .custom-radio .custom-control-input:checked~.custom-control-label:after {

   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
 }

 .custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {

   background-color: rgba(5, 187, 201, .5)
 }

 .custom-switch {

   padding-left: 2.25rem
 }

 .custom-switch .custom-control-label:before {

   left: -2.25rem;

   width: 1.75rem;

   pointer-events: all;

   border-radius: .5rem
 }

 .custom-switch .custom-control-label:after {

   top: calc(11.5rem + 2px);

   left: calc(-2.25rem + 2px);

   width: calc(1rem - 4px);

   height: calc(1rem - 4px);

   background-color: #adb5bd;

   border-radius: .5rem;

   transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

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

   .custom-switch .custom-control-label:after {

     transition: none
   }

 }

 .custom-switch .custom-control-input:checked~.custom-control-label:after {

   background-color: #fff;

   transform: translateX(.75rem)
 }

 .custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {

   background-color: rgba(5, 187, 201, .5)
 }

 .custom-select {

   display: inline-block;

   width: 100%;

   height: calc(1.5em + .75rem + 2px);

   padding: .375rem 1.75rem .375rem .75rem;

   font-size: 1rem;

   font-weight: 400;

   line-height: 1.5;

   color: #495057;

   vertical-align: middle;

   background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3E%3Cpath fill='%2301041b' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px;

   border: 1px solid #ced4da;

   border-radius: 8px;

   box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);

   appearance: none
 }

 .custom-select:focus {

   border-color: #53effb;

   outline: 0;

   box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(5, 187, 201, .25)
 }

 .custom-select:focus::-ms-value {

   color: #495057;

   background-color: #fff
 }

 .custom-select[multiple],
 .custom-select[size]:not([size="1"]) {

   height: auto;

   padding-right: .75rem;

   background-image: none
 }

 .custom-select:disabled {

   color: #6c757d;

   background-color: #e9ecef
 }

 .custom-select::-ms-expand {

   display: none
 }

 .custom-select:-moz-focusring {

   color: transparent;

   text-shadow: 0 0 0 #495057
 }

 .custom-select-sm {

   height: calc(1.5em + .5rem + 2px);

   padding-top: .25rem;

   padding-bottom: .25rem;

   padding-left: .5rem;

   font-size: .75rem
 }

 .custom-select-lg {

   height: calc(1.5em + 1rem + 2px);

   padding-top: .5rem;

   padding-bottom: .5rem;

   padding-left: 1rem;

   font-size: .75rem
 }

 .custom-file {

   display: inline-block;

   margin-bottom: 0
 }

 .custom-file,
 .custom-file-input {

   position: relative;

   width: 100%;

   height: calc(1.5em + .75rem + 2px)
 }

 .custom-file-input {

   z-index: 2;

   margin: 0;

   opacity: 0
 }

 .custom-file-input:focus~.custom-file-label {

   border-color: #53effb;

   box-shadow: 0 0 0 .2rem rgba(5, 187, 201, .25)
 }

 .custom-file-input:disabled~.custom-file-label,
 .custom-file-input[disabled]~.custom-file-label {

   background-color: #e9ecef
 }

 .custom-file-input:lang(en)~.custom-file-label:after {

   content: "Browse"

 }

 .custom-file-input~.custom-file-label[data-browse]:after {

   content: attr(data-browse)
 }

 .custom-file-label {

   left: 0;

   z-index: 1;

   height: calc(1.5em + .75rem + 2px);

   font-weight: 400;

   background-color: #fff;

   border: 1px solid #ced4da;

   border-radius: 8px;

   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
 }

 .custom-file-label,
 .custom-file-label:after {

   position: absolute;

   top: 0;

   right: 0;

   padding: .375rem .75rem;

   line-height: 1.5;

   color: #495057
 }

 .custom-file-label:after {

   bottom: 0;

   z-index: 3;

   display: block;

   height: calc(1.5em + .75rem);

   content: "Browse";

   background-color: #e9ecef;

   border-left: inherit;

   border-radius: 0 8px 8px 0
 }

 .custom-range {

   width: 100%;

   height: 1.4rem;

   padding: 0;

   background-color: transparent;

   appearance: none
 }

 .custom-range:focus {

   outline: none
 }

 .custom-range:focus::-webkit-slider-thumb {

   box-shadow: 0 0 0 1px #fafbfe, 0 0 0 .2rem rgba(5, 187, 201, .25)
 }

 .custom-range:focus::-moz-range-thumb {

   box-shadow: 0 0 0 1px #fafbfe, 0 0 0 .2rem rgba(5, 187, 201, .25)
 }

 .custom-range:focus::-ms-thumb {

   box-shadow: 0 0 0 1px #fafbfe, 0 0 0 .2rem rgba(5, 187, 201, .25)
 }

 .custom-range::-moz-focus-outer {

   border: 0
 }

 .custom-range::-webkit-slider-thumb {

   width: 1rem;

   height: 1rem;

   margin-top: -.25rem;

   background-color: #ae0918;

   border: 0;

   border-radius: 1rem;

   box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);

   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

   appearance: none
 }

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

   .custom-range::-webkit-slider-thumb {

     transition: none
   }

 }

 .custom-range::-webkit-slider-thumb:active {

   background-color: #85f3fc
 }

 .custom-range::-webkit-slider-runnable-track {

   width: 100%;

   height: .5rem;

   color: transparent;

   cursor: pointer;

   background-color: #ccced2;

   border-color: transparent;

   border-radius: 1rem;

   box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, .1)
 }

 .custom-range::-moz-range-thumb {

   width: 1rem;

   height: 1rem;

   background-color: #ae0918;

   border: 0;

   border-radius: 1rem;

   box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);

   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

   appearance: none
 }

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

   .custom-range::-moz-range-thumb {

     transition: none
   }

 }

 .custom-range::-moz-range-thumb:active {

   background-color: #85f3fc
 }

 .custom-range::-moz-range-track {

   width: 100%;

   height: .5rem;

   color: transparent;

   cursor: pointer;

   background-color: #ccced2;

   border-color: transparent;

   border-radius: 1rem;

   box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, .1)
 }

 .custom-range::-ms-thumb {

   width: 1rem;

   height: 1rem;

   margin-top: 0;

   margin-right: .2rem;

   margin-left: .2rem;

   background-color: #ae0918;

   border: 0;

   border-radius: 1rem;

   box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);

   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

   appearance: none
 }

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

   .custom-range::-ms-thumb {

     transition: none
   }

 }

 .custom-range::-ms-thumb:active {

   background-color: #85f3fc
 }

 .custom-range::-ms-track {

   width: 100%;

   height: .5rem;

   color: transparent;

   cursor: pointer;

   background-color: transparent;

   border-color: transparent;

   border-width: .5rem;

   box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, .1)
 }

 .custom-range::-ms-fill-lower,
 .custom-range::-ms-fill-upper {

   background-color: #ccced2;

   border-radius: 1rem
 }

 .custom-range::-ms-fill-upper {

   margin-right: 15px
 }

 .custom-range:disabled::-webkit-slider-thumb {

   background-color: #adb5bd
 }

 .custom-range:disabled::-webkit-slider-runnable-track {

   cursor: default
 }

 .custom-range:disabled::-moz-range-thumb {

   background-color: #adb5bd
 }

 .custom-range:disabled::-moz-range-track {

   cursor: default
 }

 .custom-range:disabled::-ms-thumb {

   background-color: #adb5bd
 }

 .custom-control-label:before,
 .custom-file-label,
 .custom-select {

   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

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

   .custom-control-label:before,
   .custom-file-label,
   .custom-select {

     transition: none
   }

 }

 .nav {

   display: flex;

   flex-wrap: wrap;

   padding-left: 0;

   margin-bottom: 0;

   list-style: none
 }

 .nav-link {

   display: block;

   padding: .5rem 1rem
 }

 .nav-link:focus,
 .nav-link:hover {

   text-decoration: none
 }

 .nav-link.disabled {

   color: #6c757d;

   pointer-events: none;

   cursor: default
 }

 .nav-tabs {

   border-bottom: 1px solid #ccced2
 }

 .nav-tabs .nav-item {

   margin-bottom: -1px
 }

 .nav-tabs .nav-link {

   border: 1px solid transparent;

   border-top-left-radius: 8px;

   border-top-right-radius: 8px
 }

 .nav-tabs .nav-link:focus,
 .nav-tabs .nav-link:hover {

   border-color: #e9ecef #e9ecef #ccced2
 }

 .nav-tabs .nav-link.disabled {

   color: #6c757d;

   background-color: transparent;

   border-color: transparent
 }

 .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active {

   color: #495057;

   background-color: #fafbfe;

   border-color: #ccced2 #ccced2 #fafbfe
 }

 .nav-tabs .dropdown-menu {

   margin-top: -1px;

   border-top-left-radius: 0;

   border-top-right-radius: 0
 }

 .nav-pills .nav-link {

   border-radius: 8px
 }

 .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {

   color: #fff;

   background-color: #ae0918
 }

 .nav-fill .nav-item {

   flex: 1 1 auto;

   text-align: center
 }

 .nav-justified .nav-item {

   flex-basis: 0;

   flex-grow: 1;

   text-align: center
 }

 .tab-content>.tab-pane {

   display: none
 }

 .tab-content>.active {

   display: block
 }

 .navbar {

   position: relative;

   padding: .5rem 1rem
 }

 .navbar,
 .navbar .container,
 .navbar .container-fluid,
 .navbar .container-lg,
 .navbar .container-md,
 .navbar .container-sm,
 .navbar .container-xl {

   display: flex;

   flex-wrap: wrap;

   align-items: center;

   justify-content: space-between
 }

 .navbar-brand {

   display: inline-block;

   padding-top: 3.5rem;

   padding-bottom: 3.5rem;

   margin-right: 1rem;

   font-size: .75rem;

   line-height: inherit;

   white-space: nowrap
 }

 .navbar-brand:focus,
 .navbar-brand:hover {

   text-decoration: none
 }

 .navbar-nav {

   display: flex;

   flex-direction: column;

   padding-left: 0;

   margin-bottom: 0;

   list-style: none
 }

 .navbar-nav .nav-link {

   padding-right: 0;

   padding-left: 0
 }

 .navbar-nav .dropdown-menu {

   position: static;

   float: none
 }

 .navbar-text {

   display: inline-block;

   padding-top: .5rem;

   padding-bottom: .5rem
 }

 .navbar-collapse {

   flex-basis: 100%;

   flex-grow: 1;

   align-items: center
 }

 .navbar-toggler {

   padding: .25rem .75rem;

   font-size: .75rem;

   line-height: 1;

   background-color: transparent;

   border: 1px solid transparent;

   border-radius: 8px
 }

 .navbar-toggler:focus,
 .navbar-toggler:hover {

   text-decoration: none
 }

 .navbar-toggler-icon {

   display: inline-block;

   width: 1.5em;

   height: 1.5em;

   vertical-align: middle;

   content: "";

   background: no-repeat 50%;

   background-size: 100% 100%
 }

 @media (max-width:575.98px) {

   .navbar-expand-sm>.container,
   .navbar-expand-sm>.container-fluid,
   .navbar-expand-sm>.container-lg,
   .navbar-expand-sm>.container-md,
   .navbar-expand-sm>.container-sm,
   .navbar-expand-sm>.container-xl {

     padding-right: 0;

     padding-left: 0
   }

 }

 @media (min-width:576px) {

   .navbar-expand-sm {

     flex-flow: row nowrap;

     justify-content: flex-start
   }

   .navbar-expand-sm .navbar-nav {

     flex-direction: row
   }

   .navbar-expand-sm .navbar-nav .dropdown-menu {

     position: absolute
   }

   .navbar-expand-sm .navbar-nav .nav-link {

     padding-right: .5rem;

     padding-left: .5rem
   }

   .navbar-expand-sm>.container,
   .navbar-expand-sm>.container-fluid,
   .navbar-expand-sm>.container-lg,
   .navbar-expand-sm>.container-md,
   .navbar-expand-sm>.container-sm,
   .navbar-expand-sm>.container-xl {

     flex-wrap: nowrap
   }

   .navbar-expand-sm .navbar-collapse {

     display: flex !important;

     flex-basis: auto
   }

   .navbar-expand-sm .navbar-toggler {

     display: none
   }

 }

 @media (max-width:767.98px) {

   .navbar-expand-md>.container,
   .navbar-expand-md>.container-fluid,
   .navbar-expand-md>.container-lg,
   .navbar-expand-md>.container-md,
   .navbar-expand-md>.container-sm,
   .navbar-expand-md>.container-xl {

     padding-right: 0;

     padding-left: 0
   }

 }

 @media (min-width:768px) {

   .navbar-expand-md {

     flex-flow: row nowrap;

     justify-content: flex-start
   }

   .navbar-expand-md .navbar-nav {

     flex-direction: row
   }

   .navbar-expand-md .navbar-nav .dropdown-menu {

     position: absolute
   }

   .navbar-expand-md .navbar-nav .nav-link {

     padding-right: .5rem;

     padding-left: .5rem
   }

   .navbar-expand-md>.container,
   .navbar-expand-md>.container-fluid,
   .navbar-expand-md>.container-lg,
   .navbar-expand-md>.container-md,
   .navbar-expand-md>.container-sm,
   .navbar-expand-md>.container-xl {

     flex-wrap: nowrap
   }

   .navbar-expand-md .navbar-collapse {

     display: flex !important;

     flex-basis: auto
   }

   .navbar-expand-md .navbar-toggler {

     display: none
   }

 }

 @media (max-width:991.98px) {

   .navbar-expand-lg>.container,
   .navbar-expand-lg>.container-fluid,
   .navbar-expand-lg>.container-lg,
   .navbar-expand-lg>.container-md,
   .navbar-expand-lg>.container-sm,
   .navbar-expand-lg>.container-xl {

     padding-right: 0;

     padding-left: 0
   }

 }

 @media (min-width:992px) {

   .navbar-expand-lg {

     flex-flow: row nowrap;

     justify-content: flex-start
   }

   .navbar-expand-lg .navbar-nav {

     flex-direction: row
   }

   .navbar-expand-lg .navbar-nav .dropdown-menu {

     position: absolute
   }

   .navbar-expand-lg .navbar-nav .nav-link {

     padding-right: .5rem;

     padding-left: .5rem
   }

   .navbar-expand-lg>.container,
   .navbar-expand-lg>.container-fluid,
   .navbar-expand-lg>.container-lg,
   .navbar-expand-lg>.container-md,
   .navbar-expand-lg>.container-sm,
   .navbar-expand-lg>.container-xl {

     flex-wrap: nowrap
   }

   .navbar-expand-lg .navbar-collapse {

     display: flex !important;

     flex-basis: auto
   }

   .navbar-expand-lg .navbar-toggler {

     display: none
   }

 }

 @media (max-width:1199.98px) {

   .navbar-expand-xl>.container,
   .navbar-expand-xl>.container-fluid,
   .navbar-expand-xl>.container-lg,
   .navbar-expand-xl>.container-md,
   .navbar-expand-xl>.container-sm,
   .navbar-expand-xl>.container-xl {

     padding-right: 0;

     padding-left: 0
   }

 }

 @media (min-width:1200px) {

   .navbar-expand-xl {

     flex-flow: row nowrap;

     justify-content: flex-start
   }

   .navbar-expand-xl .navbar-nav {

     flex-direction: row
   }

   .navbar-expand-xl .navbar-nav .dropdown-menu {

     position: absolute
   }

   .navbar-expand-xl .navbar-nav .nav-link {

     padding-right: .5rem;

     padding-left: .5rem
   }

   .navbar-expand-xl>.container,
   .navbar-expand-xl>.container-fluid,
   .navbar-expand-xl>.container-lg,
   .navbar-expand-xl>.container-md,
   .navbar-expand-xl>.container-sm,
   .navbar-expand-xl>.container-xl {

     flex-wrap: nowrap
   }

   .navbar-expand-xl .navbar-collapse {

     display: flex !important;

     flex-basis: auto
   }

   .navbar-expand-xl .navbar-toggler {

     display: none
   }

 }

 .navbar-expand {

   flex-flow: row nowrap;

   justify-content: flex-start
 }

 .navbar-expand>.container,
 .navbar-expand>.container-fluid,
 .navbar-expand>.container-lg,
 .navbar-expand>.container-md,
 .navbar-expand>.container-sm,
 .navbar-expand>.container-xl {

   padding-right: 0;

   padding-left: 0
 }

 .navbar-expand .navbar-nav {

   flex-direction: row
 }

 .navbar-expand .navbar-nav .dropdown-menu {

   position: absolute
 }

 .navbar-expand .navbar-nav .nav-link {

   padding-right: .5rem;

   padding-left: .5rem
 }

 .navbar-expand>.container,
 .navbar-expand>.container-fluid,
 .navbar-expand>.container-lg,
 .navbar-expand>.container-md,
 .navbar-expand>.container-sm,
 .navbar-expand>.container-xl {

   flex-wrap: nowrap
 }

 .navbar-expand .navbar-collapse {

   display: flex !important;

   flex-basis: auto
 }

 .navbar-expand .navbar-toggler {

   display: none
 }

 .navbar-light .navbar-brand,
 .navbar-light .navbar-brand:focus,
 .navbar-light .navbar-brand:hover {

   color: rgba(0, 0, 0, .9)
 }

 .navbar-light .navbar-nav .nav-link {

   color: rgba(0, 0, 0, .5)
 }

 .navbar-light .navbar-nav .nav-link:focus,
 .navbar-light .navbar-nav .nav-link:hover {

   color: rgba(0, 0, 0, .7)
 }

 .navbar-light .navbar-nav .nav-link.disabled {

   color: rgba(0, 0, 0, .3)
 }

 .navbar-light .navbar-nav .active>.nav-link,
 .navbar-light .navbar-nav .nav-link.active,
 .navbar-light .navbar-nav .nav-link.show,
 .navbar-light .navbar-nav .show>.nav-link {

   color: rgba(0, 0, 0, .9)
 }

 .navbar-light .navbar-toggler {

   color: rgba(0, 0, 0, .5);

   border-color: rgba(0, 0, 0, .1)
 }

 .navbar-light .navbar-toggler-icon {

   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0,0,0,0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
 }

 .navbar-light .navbar-text {

   color: rgba(0, 0, 0, .5)
 }

 .navbar-light .navbar-text a,
 .navbar-light .navbar-text a:focus,
 .navbar-light .navbar-text a:hover {

   color: rgba(0, 0, 0, .9)
 }

 .navbar-dark .navbar-brand,
 .navbar-dark .navbar-brand:focus,
 .navbar-dark .navbar-brand:hover {

   color: #fff
 }

 .navbar-dark .navbar-nav .nav-link {

   color: hsla(0, 0%, 100%, .5)
 }

 .navbar-dark .navbar-nav .nav-link:focus,
 .navbar-dark .navbar-nav .nav-link:hover {

   color: hsla(0, 0%, 100%, .75)
 }

 .navbar-dark .navbar-nav .nav-link.disabled {

   color: hsla(0, 0%, 100%, .25)
 }

 .navbar-dark .navbar-nav .active>.nav-link,
 .navbar-dark .navbar-nav .nav-link.active,
 .navbar-dark .navbar-nav .nav-link.show,
 .navbar-dark .navbar-nav .show>.nav-link {

   color: #fff
 }

 .navbar-dark .navbar-toggler {

   color: hsla(0, 0%, 100%, .5);

   border-color: hsla(0, 0%, 100%, .1)
 }

 .navbar-dark .navbar-toggler-icon {

   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
 }

 .navbar-dark .navbar-text {

   color: hsla(0, 0%, 100%, .5)
 }

 .navbar-dark .navbar-text a,
 .navbar-dark .navbar-text a:focus,
 .navbar-dark .navbar-text a:hover {

   color: #fff
 }

 .card {

   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, .125)
 }

 .card>hr {

   margin-right: 0;

   margin-left: 0
 }

 .card>.list-group {

   border-top: inherit;

   border-bottom: inherit
 }

 .card>.list-group:first-child {

   border-top-width: 0;

   border-top-left-radius: 7px;

   border-top-right-radius: 7px
 }

 .card>.list-group:last-child {

   border-bottom-width: 0;

   border-bottom-right-radius: 7px;

   border-bottom-left-radius: 7px
 }

 .card-body {

   flex: 1 1 auto;

   min-height: 1px;

   padding: 1.25rem
 }

 .card-title {

   margin-bottom: .75rem
 }

 .card-subtitle {

   margin-top: -.375rem
 }

 .card-subtitle,
 .card-text:last-child {

   margin-bottom: 0
 }

 .card-link:hover {

   text-decoration: none
 }

 .card-link+.card-link {

   margin-left: 1.25rem
 }

 .card-header {

   padding: .75rem 1.25rem;

   margin-bottom: 0;

   background-color: rgba(0, 0, 0, .03);

   border-bottom: 1px solid rgba(0, 0, 0, .125)
 }

 .card-header:first-child {

   border-radius: 7px 7px 0 0
 }

 .card-header+.list-group .list-group-item:first-child {

   border-top: 0
 }

 .card-footer {

   padding: .75rem 1.25rem;

   background-color: rgba(0, 0, 0, .03);

   border-top: 1px solid rgba(0, 0, 0, .125)
 }

 .card-footer:last-child {

   border-radius: 0 0 7px 7px
 }

 .card-header-tabs {

   margin-bottom: -.75rem;

   border-bottom: 0
 }

 .card-header-pills,
 .card-header-tabs {

   margin-right: -.625rem;

   margin-left: -.625rem
 }

 .card-img-overlay {

   position: absolute;

   top: 0;

   right: 0;

   bottom: 0;

   left: 0;

   padding: 1.25rem
 }

 .card-img,
 .card-img-bottom,
 .card-img-top {

   flex-shrink: 0;

   width: 100%
 }

 .card-img,
 .card-img-top {

   border-top-left-radius: 7px;

   border-top-right-radius: 7px
 }

 .card-img,
 .card-img-bottom {

   border-bottom-right-radius: 7px;

   border-bottom-left-radius: 7px
 }

 .card-deck .card {

   margin-bottom: 15px
 }

 @media (min-width:576px) {

   .card-deck {

     display: flex;

     flex-flow: row wrap;

     margin-right: -15px;

     margin-left: -15px
   }

   .card-deck .card {

     flex: 1 0 0%;

     margin-right: 15px;

     margin-bottom: 0;

     margin-left: 15px
   }

 }

 .card-group>.card {

   margin-bottom: 15px
 }

 @media (min-width:576px) {

   .card-group {

     display: flex;

     flex-flow: row wrap
   }

   .card-group>.card {

     flex: 1 0 0%;

     margin-bottom: 0
   }

   .card-group>.card+.card {

     margin-left: 0;

     border-left: 0
   }

   .card-group>.card:not(:last-child) {

     border-top-right-radius: 0;

     border-bottom-right-radius: 0
   }

   .card-group>.card:not(:last-child) .card-header,
   .card-group>.card:not(:last-child) .card-img-top {

     border-top-right-radius: 0
   }

   .card-group>.card:not(:last-child) .card-footer,
   .card-group>.card:not(:last-child) .card-img-bottom {

     border-bottom-right-radius: 0
   }

   .card-group>.card:not(:first-child) {

     border-top-left-radius: 0;

     border-bottom-left-radius: 0
   }

   .card-group>.card:not(:first-child) .card-header,
   .card-group>.card:not(:first-child) .card-img-top {

     border-top-left-radius: 0
   }

   .card-group>.card:not(:first-child) .card-footer,
   .card-group>.card:not(:first-child) .card-img-bottom {

     border-bottom-left-radius: 0
   }

 }

 .card-columns .card {

   margin-bottom: .75rem
 }

 @media (min-width:576px) {

   .card-columns {

     column-count: 3;

     column-gap: 1.25rem;

     orphans: 1;

     widows: 1
   }

   .card-columns.user-settings {

     column-count: 2;

     column-gap: 1.25rem;

     orphans: 1;

     widows: 1
   }

   .card-columns .card {

     display: inline-block;

     width: 100%
   }

 }

 .accordion>.card {

   overflow: hidden
 }

 .accordion>.card:not(:last-of-type) {

   border-bottom: 0;

   border-bottom-right-radius: 0;

   border-bottom-left-radius: 0
 }

 .accordion>.card:not(:first-of-type) {

   border-top-left-radius: 0;

   border-top-right-radius: 0
 }

 .accordion>.card>.card-header {

   border-radius: 0;

   margin-bottom: -1px
 }

 .breadcrumb {

   flex-wrap: wrap;

   padding: .75rem 1rem;

   margin-bottom: 1rem;

   list-style: none;

   background-color: #e9ecef;

   border-radius: 8px
 }

 .breadcrumb,
 .breadcrumb-item {

   display: flex
 }

 .breadcrumb-item+.breadcrumb-item {

   padding-left: .5rem
 }

 .breadcrumb-item+.breadcrumb-item:before {

   display: inline-block;

   padding-right: .5rem;

   color: #6c757d;

   content: "/"

 }

 .breadcrumb-item+.breadcrumb-item:hover:before {

   text-decoration: underline;

   text-decoration: none
 }

 .breadcrumb-item.active {

   color: #6c757d
 }

 .pagination {

   display: flex;

   padding-left: 0;

   list-style: none;

   border-radius: 8px
 }

 .page-link {

   position: relative;

   display: block;

   padding: .5rem .75rem;

   margin-left: -1px;

   line-height: 1.25;

   color: #ae0918;

   background-color: #fff;

   border: 1px solid #ccced2
 }

 .page-link:hover {

   z-index: 2;

   color: #03767e;

   text-decoration: none;

   background-color: #e9ecef;

   border-color: #ccced2
 }

 .page-link:focus {

   z-index: 3;

   outline: 0;

   box-shadow: 0 0 0 .2rem rgba(5, 187, 201, .25)
 }

 .page-item:first-child .page-link {

   margin-left: 0;

   border-top-left-radius: 8px;

   border-bottom-left-radius: 8px
 }

 .page-item:last-child .page-link {

   border-top-right-radius: 8px;

   border-bottom-right-radius: 8px
 }

 .page-item.active .page-link {

   z-index: 3;

   color: #fff;

   background-color: #ae0918;

   border-color: #ae0918
 }

 .page-item.disabled .page-link {

   color: #6c757d;

   pointer-events: none;

   cursor: auto;

   background-color: #fff;

   border-color: #ccced2
 }

 .pagination-lg .page-link {

   padding: .75rem 1.5rem;

   font-size: .75rem;

   line-height: 1.5
 }

 .pagination-lg .page-item:first-child .page-link {

   border-top-left-radius: 8px;

   border-bottom-left-radius: 8px
 }

 .pagination-lg .page-item:last-child .page-link {

   border-top-right-radius: 8px;

   border-bottom-right-radius: 8px
 }

 .pagination-sm .page-link {

   padding: .25rem .5rem;

   font-size: .75rem;

   line-height: 1.5
 }

 .pagination-sm .page-item:first-child .page-link {

   border-top-left-radius: 8px;

   border-bottom-left-radius: 8px
 }

 .pagination-sm .page-item:last-child .page-link {

   border-top-right-radius: 8px;

   border-bottom-right-radius: 8px
 }

 .badge {

   display: inline-block;

   padding: .25em .4em;

   font-size: 75%;

   font-weight: 700;

   line-height: 1;

   text-align: center;

   white-space: nowrap;

   vertical-align: baseline;

   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

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

   .badge {

     transition: none
   }

 }

 a.badge:focus,
 a.badge:hover {

   text-decoration: none
 }

 .badge:empty {

   display: none
 }

 .btn .badge {

   position: relative;

   top: -1px
 }

 .badge-pill {

   padding-right: .6em;

   padding-left: .6em;

   border-radius: 10rem
 }

 .badge-primary {

   color: #fff;

   background-color: #ae0918
 }

 a.badge-primary:focus,
 a.badge-primary:hover {

   color: #fff;

   background-color: #048d97
 }

 a.badge-primary.focus,
 a.badge-primary:focus {

   outline: 0;

   box-shadow: 0 0 0 .2rem rgba(5, 187, 201, .5)
 }

 .badge-secondary {

   color: #fff;

   background-color: #6c757d
 }

 a.badge-secondary:focus,
 a.badge-secondary:hover {

   color: #fff;

   background-color: #545b62
 }

 a.badge-secondary.focus,
 a.badge-secondary:focus {

   outline: 0;

   box-shadow: 0 0 0 .2rem hsla(208, 7%, 46%, .5)
 }

 .badge-success {

   color: #fff;

   background-color: #43d396
 }

 a.badge-success:focus,
 a.badge-success:hover {

   color: #fff;

   background-color: #2bb87c
 }

 a.badge-success.focus,
 a.badge-success:focus {

   outline: 0;

   box-shadow: 0 0 0 .2rem rgba(67, 211, 150, .5)
 }

 .badge-info {

   color: #fff;

   background-color: #876cfe
 }

 a.badge-info:focus,
 a.badge-info:hover {

   color: #fff;

   background-color: #5e39fe
 }

 a.badge-info.focus,
 a.badge-info:focus {

   outline: 0;

   box-shadow: 0 0 0 .2rem rgba(135, 108, 254, .5)
 }

 .badge-warning {

   color: #212529;

   background-color: #ffca44
 }

 a.badge-warning:focus,
 a.badge-warning:hover {

   color: #212529;

   background-color: #ffbc11
 }

 a.badge-warning.focus,
 a.badge-warning:focus {

   outline: 0;

   box-shadow: 0 0 0 .2rem rgba(255, 202, 68, .5)
 }

 .badge-danger {

   color: #fff;

   background-color: #ff4b4b
 }

 a.badge-danger:focus,
 a.badge-danger:hover {

   color: #fff;

   background-color: #ff1818
 }

 a.badge-danger.focus,
 a.badge-danger:focus {

   outline: 0;

   box-shadow: 0 0 0 .2rem rgba(255, 75, 75, .5)
 }

 .badge-light {

   color: #212529;

   background-color: #c7cbd3
 }

 a.badge-light:focus,
 a.badge-light:hover {

   color: #212529;

   background-color: #aab0bd
 }

 a.badge-light.focus,
 a.badge-light:focus {

   outline: 0;

   box-shadow: 0 0 0 .2rem rgba(199, 203, 211, .5)
 }

 .badge-dark {

   color: #fff;

   background-color: #01041b
 }

 a.badge-dark:focus,
 a.badge-dark:hover {

   color: #fff;

   background-color: #000
 }

 a.badge-dark.focus,
 a.badge-dark:focus {

   outline: 0;

   box-shadow: 0 0 0 .2rem rgba(1, 4, 27, .5)
 }

 .badge-orange {

   color: #fff;

   background-color: #fe721c
 }

 a.badge-orange:focus,
 a.badge-orange:hover {

   color: #fff;

   background-color: #e65801
 }

 a.badge-orange.focus,
 a.badge-orange:focus {

   outline: 0;

   box-shadow: 0 0 0 .2rem rgba(254, 114, 28, .5)
 }

 .badge-purple {

   color: #fff;

   background-color: #4731b6
 }

 a.badge-purple:focus,
 a.badge-purple:hover {

   color: #fff;

   background-color: #37268e
 }

 a.badge-purple.focus,
 a.badge-purple:focus {

   outline: 0;

   box-shadow: 0 0 0 .2rem rgba(71, 49, 182, .5)
 }

 .badge-skyblue {

   color: #fff;

   background-color: #158df7
 }

 a.badge-skyblue:focus,
 a.badge-skyblue:hover {

   color: #fff;

   background-color: #0773d2
 }

 a.badge-skyblue.focus,
 a.badge-skyblue:focus {

   outline: 0;

   box-shadow: 0 0 0 .2rem rgba(21, 141, 247, .5)
 }

 .alert {

   position: relative;

   padding: .75rem 1.25rem;

   margin-bottom: 1rem;

   border: 1px solid transparent;

   border-radius: 8px
 }

 .alert-heading {

   color: inherit
 }

 .alert-link {

   font-weight: 700
 }

 .alert-dismissible {

   padding-right: 26.5rem
 }

 .alert-dismissible .close {

   position: absolute;

   top: 0;

   right: 0;

   padding: .75rem 1.25rem;

   color: inherit
 }

 .alert-primary {

   color: #036169;

   background-color: #cdf1f4;

   border-color: #b9ecf0
 }

 .alert-primary hr {

   border-top-color: #a4e6ec
 }

 .alert-primary .alert-link {

   color: #023337
 }

 .alert-secondary {

   color: #383d41;

   background-color: #e2e3e5;

   border-color: #d6d8db
 }

 .alert-secondary hr {

   border-top-color: #c8cbcf
 }

 .alert-secondary .alert-link {

   color: #202326
 }

 .alert-success {

   color: #236e4e;

   background-color: #d9f6ea;

   border-color: #caf3e2
 }

 .alert-success hr {

   border-top-color: #b5eed7
 }

 .alert-success .alert-link {

   color: #174733
 }

 .alert-info {

   color: #463884;

   background-color: #e7e2ff;

   border-color: #ddd6ff
 }

 .alert-info hr {

   border-top-color: #c8bdff
 }

 .alert-info .alert-link {

   color: #332960
 }

 .alert-warning {

   color: #856923;

   background-color: #fff4da;

   border-color: #fff0cb
 }

 .alert-warning hr {

   border-top-color: #ffe9b2
 }

 .alert-warning .alert-link {

   color: #5d4918
 }

 .alert-danger {

   color: #852727;

   background-color: #ffdbdb;

   border-color: #ffcdcd
 }

 .alert-danger hr {

   border-top-color: #ffb4b4
 }

 .alert-danger .alert-link {

   color: #5e1b1b
 }

 .alert-light {

   color: #676a6e;

   background-color: #f4f5f6;

   border-color: #eff0f3
 }

 .alert-light hr {

   border-top-color: #e0e2e8
 }

 .alert-light .alert-link {

   color: #4e5154
 }

 .alert-dark {

   color: #01020e;

   background-color: #cccdd1;

   border-color: #b8b9bf
 }

 .alert-dark hr {

   border-top-color: #abacb3
 }

 .alert-dark .alert-link {

   color: #000
 }

 .alert-orange {

   color: #843b0f;

   background-color: #ffe3d2;

   border-color: #ffd8bf
 }

 .alert-orange hr {

   border-top-color: #ffc8a6
 }

 .alert-orange .alert-link {

   color: #56270a
 }

 .alert-purple {

   color: #25195f;

   background-color: #dad6f0;

   border-color: #cbc5eb
 }

 .alert-purple hr {

   border-top-color: #bab2e4
 }

 .alert-purple .alert-link {

   color: #150e37
 }

 .alert-skyblue {

   color: #0b4980;

   background-color: #d0e8fd;

   border-color: #bddffd
 }

 .alert-skyblue hr {

   border-top-color: #a4d3fc
 }

 .alert-skyblue .alert-link {

   color: #072e51
 }

 @keyframes a {

   0% {

     background-position: 1rem 0
   }

   to {

     background-position: 0 0
   }

 }

 .progress {

   height: 1rem;

   line-height: 0;

   font-size: .75rem;

   background-color: #e9ecef;

   border-radius: 8px;

   box-shadow: inset 0 .1rem .1rem rgba(0, 0, 0, .1)
 }

 .progress,
 .progress-bar {

   display: flex;

   overflow: hidden
 }

 .progress-bar {

   flex-direction: column;

   justify-content: center;

   color: #fff;

   text-align: center;

   white-space: nowrap;

   background-color: #ae0918;

   transition: width .6s ease
 }

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

   .progress-bar {

     transition: none
   }

 }

 .progress-bar-striped {

   background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);

   background-size: 1rem 1rem
 }

 .progress-bar-animated {

   animation: a 1s linear infinite
 }

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

   .progress-bar-animated {

     animation: 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;

   border-radius: 8px
 }

 .list-group-item-action {

   width: 100%;

   color: #495057;

   text-align: inherit
 }

 .list-group-item-action:focus,
 .list-group-item-action:hover {

   z-index: 1;

   color: #495057;

   text-decoration: none;

   background-color: #f8f9fa
 }

 .list-group-item-action:active {

   color: #535f6b;

   background-color: #e9ecef
 }

 .list-group-item {

   position: relative;

   display: block;

   padding: .75rem 1.25rem;

   background-color: #fff;

   border: 1px solid rgba(0, 0, 0, .125)
 }

 .list-group-item:first-child {

   border-top-left-radius: inherit;

   border-top-right-radius: inherit
 }

 .list-group-item:last-child {

   border-bottom-right-radius: inherit;

   border-bottom-left-radius: inherit
 }

 .list-group-item.disabled,
 .list-group-item:disabled {

   color: #6c757d;

   pointer-events: none;

   background-color: #fff
 }

 .list-group-item.active {

   z-index: 2;

   color: #fff;

   background-color: #ae0918;

   border-color: #ae0918
 }

 .list-group-item+.list-group-item {

   border-top-width: 0
 }

 .list-group-item+.list-group-item.active {

   margin-top: -1px;

   border-top-width: 1px
 }

 .list-group-horizontal {

   flex-direction: row
 }

 .list-group-horizontal>.list-group-item:first-child {

   border-bottom-left-radius: 8px;

   border-top-right-radius: 0
 }

 .list-group-horizontal>.list-group-item:last-child {

   border-top-right-radius: 8px;

   border-bottom-left-radius: 0
 }

 .list-group-horizontal>.list-group-item.active {

   margin-top: 0
 }

 .list-group-horizontal>.list-group-item+.list-group-item {

   border-top-width: 1px;

   border-left-width: 0
 }

 .list-group-horizontal>.list-group-item+.list-group-item.active {

   margin-left: -1px;

   border-left-width: 1px
 }

 @media (min-width:576px) {

   .list-group-horizontal-sm {

     flex-direction: row
   }

   .list-group-horizontal-sm>.list-group-item:first-child {

     border-bottom-left-radius: 8px;

     border-top-right-radius: 0
   }

   .list-group-horizontal-sm>.list-group-item:last-child {

     border-top-right-radius: 8px;

     border-bottom-left-radius: 0
   }

   .list-group-horizontal-sm>.list-group-item.active {

     margin-top: 0
   }

   .list-group-horizontal-sm>.list-group-item+.list-group-item {

     border-top-width: 1px;

     border-left-width: 0
   }

   .list-group-horizontal-sm>.list-group-item+.list-group-item.active {

     margin-left: -1px;

     border-left-width: 1px
   }

 }

 @media (min-width:768px) {

   .list-group-horizontal-md {

     flex-direction: row
   }

   .list-group-horizontal-md>.list-group-item:first-child {

     border-bottom-left-radius: 8px;

     border-top-right-radius: 0
   }

   .list-group-horizontal-md>.list-group-item:last-child {

     border-top-right-radius: 8px;

     border-bottom-left-radius: 0
   }

   .list-group-horizontal-md>.list-group-item.active {

     margin-top: 0
   }

   .list-group-horizontal-md>.list-group-item+.list-group-item {

     border-top-width: 1px;

     border-left-width: 0
   }

   .list-group-horizontal-md>.list-group-item+.list-group-item.active {

     margin-left: -1px;

     border-left-width: 1px
   }

 }

 @media (min-width:992px) {

   .list-group-horizontal-lg {

     flex-direction: row
   }

   .list-group-horizontal-lg>.list-group-item:first-child {

     border-bottom-left-radius: 8px;

     border-top-right-radius: 0
   }

   .list-group-horizontal-lg>.list-group-item:last-child {

     border-top-right-radius: 8px;

     border-bottom-left-radius: 0
   }

   .list-group-horizontal-lg>.list-group-item.active {

     margin-top: 0
   }

   .list-group-horizontal-lg>.list-group-item+.list-group-item {

     border-top-width: 1px;

     border-left-width: 0
   }

   .list-group-horizontal-lg>.list-group-item+.list-group-item.active {

     margin-left: -1px;

     border-left-width: 1px
   }

 }

 @media (min-width:1200px) {

   .list-group-horizontal-xl {

     flex-direction: row
   }

   .list-group-horizontal-xl>.list-group-item:first-child {

     border-bottom-left-radius: 8px;

     border-top-right-radius: 0
   }

   .list-group-horizontal-xl>.list-group-item:last-child {

     border-top-right-radius: 8px;

     border-bottom-left-radius: 0
   }

   .list-group-horizontal-xl>.list-group-item.active {

     margin-top: 0
   }

   .list-group-horizontal-xl>.list-group-item+.list-group-item {

     border-top-width: 1px;

     border-left-width: 0
   }

   .list-group-horizontal-xl>.list-group-item+.list-group-item.active {

     margin-left: -1px;

     border-left-width: 1px
   }

 }

 .list-group-flush {

   border-radius: 0
 }

 .list-group-flush>.list-group-item {

   border-width: 0 0 1px
 }

 .list-group-flush>.list-group-item:last-child {

   border-bottom-width: 0
 }

 .list-group-item-primary {

   color: #036169;

   background-color: #b9ecf0
 }

 .list-group-item-primary.list-group-item-action:focus,
 .list-group-item-primary.list-group-item-action:hover {

   color: #036169;

   background-color: #a4e6ec
 }

 .list-group-item-primary.list-group-item-action.active {

   color: #fff;

   background-color: #036169;

   border-color: #036169
 }

 .list-group-item-secondary {

   color: #383d41;

   background-color: #d6d8db
 }

 .list-group-item-secondary.list-group-item-action:focus,
 .list-group-item-secondary.list-group-item-action:hover {

   color: #383d41;

   background-color: #c8cbcf
 }

 .list-group-item-secondary.list-group-item-action.active {

   color: #fff;

   background-color: #383d41;

   border-color: #383d41
 }

 .list-group-item-success {

   color: #236e4e;

   background-color: #caf3e2
 }

 .list-group-item-success.list-group-item-action:focus,
 .list-group-item-success.list-group-item-action:hover {

   color: #236e4e;

   background-color: #b5eed7
 }

 .list-group-item-success.list-group-item-action.active {

   color: #fff;

   background-color: #236e4e;

   border-color: #236e4e
 }

 .list-group-item-info {

   color: #463884;

   background-color: #ddd6ff
 }

 .list-group-item-info.list-group-item-action:focus,
 .list-group-item-info.list-group-item-action:hover {

   color: #463884;

   background-color: #c8bdff
 }

 .list-group-item-info.list-group-item-action.active {

   color: #fff;

   background-color: #463884;

   border-color: #463884
 }

 .list-group-item-warning {

   color: #856923;

   background-color: #fff0cb
 }

 .list-group-item-warning.list-group-item-action:focus,
 .list-group-item-warning.list-group-item-action:hover {

   color: #856923;

   background-color: #ffe9b2
 }

 .list-group-item-warning.list-group-item-action.active {

   color: #fff;

   background-color: #856923;

   border-color: #856923
 }

 .list-group-item-danger {

   color: #852727;

   background-color: #ffcdcd
 }

 .list-group-item-danger.list-group-item-action:focus,
 .list-group-item-danger.list-group-item-action:hover {

   color: #852727;

   background-color: #ffb4b4
 }

 .list-group-item-danger.list-group-item-action.active {

   color: #fff;

   background-color: #852727;

   border-color: #852727
 }

 .list-group-item-light {

   color: #676a6e;

   background-color: #eff0f3
 }

 .list-group-item-light.list-group-item-action:focus,
 .list-group-item-light.list-group-item-action:hover {

   color: #676a6e;

   background-color: #e0e2e8
 }

 .list-group-item-light.list-group-item-action.active {

   color: #fff;

   background-color: #676a6e;

   border-color: #676a6e
 }

 .list-group-item-dark {

   color: #01020e;

   background-color: #b8b9bf
 }

 .list-group-item-dark.list-group-item-action:focus,
 .list-group-item-dark.list-group-item-action:hover {

   color: #01020e;

   background-color: #abacb3
 }

 .list-group-item-dark.list-group-item-action.active {

   color: #fff;

   background-color: #01020e;

   border-color: #01020e
 }

 .list-group-item-orange {

   color: #843b0f;

   background-color: #ffd8bf
 }

 .list-group-item-orange.list-group-item-action:focus,
 .list-group-item-orange.list-group-item-action:hover {

   color: #843b0f;

   background-color: #ffc8a6
 }

 .list-group-item-orange.list-group-item-action.active {

   color: #fff;

   background-color: #843b0f;

   border-color: #843b0f
 }

 .list-group-item-purple {

   color: #25195f;

   background-color: #cbc5eb
 }

 .list-group-item-purple.list-group-item-action:focus,
 .list-group-item-purple.list-group-item-action:hover {

   color: #25195f;

   background-color: #bab2e4
 }

 .list-group-item-purple.list-group-item-action.active {

   color: #fff;

   background-color: #25195f;

   border-color: #25195f
 }

 .list-group-item-skyblue {

   color: #0b4980;

   background-color: #bddffd
 }

 .list-group-item-skyblue.list-group-item-action:focus,
 .list-group-item-skyblue.list-group-item-action:hover {

   color: #0b4980;

   background-color: #a4d3fc
 }

 .list-group-item-skyblue.list-group-item-action.active {

   color: #fff;

   background-color: #0b4980;

   border-color: #0b4980
 }

 .close {

   float: right;

   font-size: 1.5rem;

   font-weight: 700;

   line-height: 1;

   color: #000;

   text-shadow: 0 1px 0 #fff;

   opacity: .5
 }

 @media (max-width:1200px) {

   .close {

     font-size: calc(1.275rem + .3vw)
   }

 }

 .close:hover {

   color: #000;

   text-decoration: none
 }

 .close:not(:disabled):not(.disabled):focus,
 .close:not(:disabled):not(.disabled):hover {

   opacity: .75
 }

 button.close {

   padding: 0;

   background-color: transparent;

   border: 0
 }

 a.close.disabled {

   pointer-events: none
 }

 .modal-open {

   overflow: hidden
 }

 .modal-open .modal {

   overflow-x: hidden;

   overflow-y: auto
 }

 .modal {

   position: fixed;

   top: 0;

   left: 0;

   z-index: 1050;

   display: none;

   width: 100%;

   height: 100%;

   overflow: hidden;

   outline: 0
 }

 .modal-dialog {

   position: relative;

   width: auto;

   margin: .5rem;

   pointer-events: none
 }

 .modal.fade .modal-dialog {

   transition: transform .3s ease-out;

   transform: translateY(-50px)
 }

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

   .modal.fade .modal-dialog {

     transition: none
   }

 }

 .modal.show .modal-dialog {

   transform: none
 }

 .modal.modal-static .modal-dialog {

   transform: scale(1.02)
 }

 .modal-dialog-scrollable {

   display: flex;

   max-height: calc(100% - 1rem)
 }

 .modal-dialog-scrollable .modal-content {

   max-height: calc(100vh - 1rem);

   overflow: hidden
 }

 .modal-dialog-scrollable .modal-footer,
 .modal-dialog-scrollable .modal-header {

   flex-shrink: 0
 }

 .modal-dialog-scrollable .modal-body {

   overflow-y: auto
 }

 .modal-dialog-centered {

   display: flex;

   align-items: center;

   min-height: calc(100% - 1rem)
 }

 .modal-dialog-centered:before {

   display: block;

   height: calc(100vh - 1rem);

   height: min-content;

   content: ""

 }

 .modal-dialog-centered.modal-dialog-scrollable {

   flex-direction: column;

   justify-content: center;

   height: 100%
 }

 .modal-dialog-centered.modal-dialog-scrollable .modal-content {

   max-height: none
 }

 .modal-dialog-centered.modal-dialog-scrollable:before {

   content: none
 }

 .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, .2);

   border-radius: 8px;

   box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .5);

   outline: 0
 }

 .modal-backdrop {

   position: fixed;

   top: 0;

   left: 0;

   z-index: 1040;

   width: 100vw;

   height: 100vh;

   background-color: #000
 }

 .modal-backdrop.fade {

   opacity: 0
 }

 .modal-backdrop.show {

   opacity: .5
 }

 .modal-header {

   display: flex;

   align-items: flex-start;

   justify-content: space-between;

   padding: 1rem;

   border-bottom: 1px solid #f1f1f1;

   border-top-left-radius: 7px;

   border-top-right-radius: 7px
 }

 .modal-header .close {

   padding: 1rem;

   margin: -1rem -1rem -1rem auto
 }

 .modal-title {

   margin-bottom: 0;

   line-height: 1.5
 }

 .modal-body {

   position: relative;

   flex: 1 1 auto;

   padding: 1rem
 }

 .modal-footer {

   display: flex;

   flex-wrap: wrap;

   align-items: center;

   justify-content: flex-end;

   padding: .75rem;

   border-top: 1px solid #f1f1f1;

   border-bottom-right-radius: 7px;

   border-bottom-left-radius: 7px
 }

 .modal-footer>* {

   margin: .25rem
 }

 .modal-scrollbar-measure {

   position: absolute;

   top: -9999px;

   width: 50px;

   height: 50px;

   overflow: scroll
 }

 @media (min-width:576px) {

   .modal-dialog {

     max-width: 500px;

     margin: 1.75rem auto
   }

   .modal-dialog-scrollable {

     max-height: calc(100% - 3.5rem)
   }

   .modal-dialog-scrollable .modal-content {

     max-height: calc(100vh - 3.5rem)
   }

   .modal-dialog-centered {

     min-height: calc(100% - 3.5rem)
   }

   .modal-dialog-centered:before {

     height: calc(100vh - 3.5rem);

     height: min-content
   }

   .modal-content {

     box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .5)
   }

   .modal-sm {

     max-width: 300px
   }

 }

 @media (min-width:992px) {

   .modal-lg,
   .modal-xl {

     max-width: 800px
   }

 }

 @media (min-width:1200px) {

   .modal-xl {

     max-width: 1140px
   }

 }

 .tooltip {

   position: absolute;

   z-index: 1070;

   display: block;

   margin: 0;

   font-family: Poppins, 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: .75rem;

   word-wrap: break-word;

   opacity: 0
 }

 .tooltip.show {

   opacity: .9
 }

 .tooltip .arrow {

   position: absolute;

   display: block;

   width: .8rem;

   height: .4rem
 }

 .tooltip .arrow:before {

   position: absolute;

   content: "";

   border-color: transparent;

   border-style: solid
 }

 .bs-tooltip-auto[x-placement^=top],
 .bs-tooltip-top {

   padding: .4rem 0
 }

 .bs-tooltip-auto[x-placement^=top] .arrow,
 .bs-tooltip-top .arrow {

   bottom: 0
 }

 .bs-tooltip-auto[x-placement^=top] .arrow:before,
 .bs-tooltip-top .arrow:before {

   top: 0;

   border-width: .4rem .4rem 0;

   border-top-color: #000
 }

 .bs-tooltip-auto[x-placement^=right],
 .bs-tooltip-right {

   padding: 0 .4rem
 }

 .bs-tooltip-auto[x-placement^=right] .arrow,
 .bs-tooltip-right .arrow {

   left: 0;

   width: .4rem;

   height: .8rem
 }

 .bs-tooltip-auto[x-placement^=right] .arrow:before,
 .bs-tooltip-right .arrow:before {

   right: 0;

   border-width: .4rem .4rem .4rem 0;

   border-right-color: #000
 }

 .bs-tooltip-auto[x-placement^=bottom],
 .bs-tooltip-bottom {

   padding: .4rem 0
 }

 .bs-tooltip-auto[x-placement^=bottom] .arrow,
 .bs-tooltip-bottom .arrow {

   top: 0
 }

 .bs-tooltip-auto[x-placement^=bottom] .arrow:before,
 .bs-tooltip-bottom .arrow:before {

   bottom: 0;

   border-width: 0 .4rem .4rem;

   border-bottom-color: #000
 }

 .bs-tooltip-auto[x-placement^=left],
 .bs-tooltip-left {

   padding: 0 .4rem
 }

 .bs-tooltip-auto[x-placement^=left] .arrow,
 .bs-tooltip-left .arrow {

   right: 0;

   width: .4rem;

   height: .8rem
 }

 .bs-tooltip-auto[x-placement^=left] .arrow:before,
 .bs-tooltip-left .arrow:before {

   left: 0;

   border-width: .4rem 0 .4rem .4rem;

   border-left-color: #000
 }

 .tooltip-inner {

   max-width: 200px;

   padding: .25rem .5rem;

   color: #fff;

   text-align: center;

   background-color: #000;

   border-radius: 8px
 }

 .popover {

   top: 0;

   left: 0;

   z-index: 1060;

   max-width: 276px;

   font-family: Poppins, 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: .75rem;

   word-wrap: break-word;

   background-color: #fff;

   background-clip: padding-box;

   border: 1px solid rgba(0, 0, 0, .2);

   border-radius: 8px;

   box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .2)
 }

 .popover,
 .popover .arrow {

   position: absolute;

   display: block
 }

 .popover .arrow {

   width: 1rem;

   height: .5rem;

   margin: 0 8px
 }

 .popover .arrow:after,
 .popover .arrow:before {

   position: absolute;

   display: block;

   content: "";

   border-color: transparent;

   border-style: solid
 }

 .bs-popover-auto[x-placement^=top],
 .bs-popover-top {

   margin-bottom: .5rem
 }

 .bs-popover-auto[x-placement^=top]>.arrow,
 .bs-popover-top>.arrow {

   bottom: calc(-.5rem - 1px)
 }

 .bs-popover-auto[x-placement^=top]>.arrow:before,
 .bs-popover-top>.arrow:before {

   bottom: 0;

   border-width: .5rem .5rem 0;

   border-top-color: rgba(0, 0, 0, .25)
 }

 .bs-popover-auto[x-placement^=top]>.arrow:after,
 .bs-popover-top>.arrow:after {

   bottom: 1px;

   border-width: .5rem .5rem 0;

   border-top-color: #fff
 }

 .bs-popover-auto[x-placement^=right],
 .bs-popover-right {

   margin-left: .5rem
 }

 .bs-popover-auto[x-placement^=right]>.arrow,
 .bs-popover-right>.arrow {

   left: calc(-.5rem - 1px);

   width: .5rem;

   height: 1rem;

   margin: 8px 0
 }

 .bs-popover-auto[x-placement^=right]>.arrow:before,
 .bs-popover-right>.arrow:before {

   left: 0;

   border-width: .5rem .5rem .5rem 0;

   border-right-color: rgba(0, 0, 0, .25)
 }

 .bs-popover-auto[x-placement^=right]>.arrow:after,
 .bs-popover-right>.arrow:after {

   left: 1px;

   border-width: .5rem .5rem .5rem 0;

   border-right-color: #fff
 }

 .bs-popover-auto[x-placement^=bottom],
 .bs-popover-bottom {

   margin-top: .5rem
 }

 .bs-popover-auto[x-placement^=bottom]>.arrow,
 .bs-popover-bottom>.arrow {

   top: calc(-.5rem - 1px)
 }

 .bs-popover-auto[x-placement^=bottom]>.arrow:before,
 .bs-popover-bottom>.arrow:before {

   top: 0;

   border-width: 0 .5rem .5rem;

   border-bottom-color: rgba(0, 0, 0, .25)
 }

 .bs-popover-auto[x-placement^=bottom]>.arrow:after,
 .bs-popover-bottom>.arrow:after {

   top: 1px;

   border-width: 0 .5rem .5rem;

   border-bottom-color: #fff
 }

 .bs-popover-auto[x-placement^=bottom] .popover-header:before,
 .bs-popover-bottom .popover-header:before {

   position: absolute;

   top: 0;

   left: 50%;

   display: block;

   width: 1rem;

   margin-left: -.5rem;

   content: "";

   border-bottom: 1px solid #f7f7f7
 }

 .bs-popover-auto[x-placement^=left],
 .bs-popover-left {

   margin-right: .5rem
 }

 .bs-popover-auto[x-placement^=left]>.arrow,
 .bs-popover-left>.arrow {

   right: calc(-.5rem - 1px);

   width: .5rem;

   height: 1rem;

   margin: 8px 0
 }

 .bs-popover-auto[x-placement^=left]>.arrow:before,
 .bs-popover-left>.arrow:before {

   right: 0;

   border-width: .5rem 0 .5rem .5rem;

   border-left-color: rgba(0, 0, 0, .25)
 }

 .bs-popover-auto[x-placement^=left]>.arrow:after,
 .bs-popover-left>.arrow:after {

   right: 1px;

   border-width: .5rem 0 .5rem .5rem;

   border-left-color: #fff
 }

 .popover-header {

   padding: .5rem .75rem;

   margin-bottom: 0;

   font-size: 1rem;

   background-color: #f7f7f7;

   border-bottom: 1px solid #ebebeb;

   border-top-left-radius: 7px;

   border-top-right-radius: 7px
 }

 .popover-header:empty {

   display: none
 }

 .popover-body {

   padding: .5rem .75rem;

   color: #535f6b
 }

 .carousel {

   position: relative
 }

 .carousel.pointer-event {

   touch-action: pan-y
 }

 .carousel-inner {

   position: relative;

   width: 100%;

   overflow: hidden
 }

 .carousel-inner:after {

   display: block;

   clear: both;

   content: ""

 }

 .carousel-item {

   position: relative;

   display: none;

   float: left;

   width: 100%;

   margin-right: -100%;

   backface-visibility: hidden;

   transition: transform .6s ease-in-out
 }

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

   .carousel-item {

     transition: none
   }

 }

 .carousel-item-next,
 .carousel-item-prev,
 .carousel-item.active {

   display: block
 }

 .active.carousel-item-right,
 .carousel-item-next:not(.carousel-item-left) {

   transform: translateX(100%)
 }

 .active.carousel-item-left,
 .carousel-item-prev:not(.carousel-item-right) {

   transform: translateX(-100%)
 }

 .carousel-fade .carousel-item {

   opacity: 0;

   transition-property: opacity;

   transform: none
 }

 .carousel-fade .carousel-item-next.carousel-item-left,
 .carousel-fade .carousel-item-prev.carousel-item-right,
 .carousel-fade .carousel-item.active {

   z-index: 1;

   opacity: 1
 }

 .carousel-fade .active.carousel-item-left,
 .carousel-fade .active.carousel-item-right {

   z-index: 0;

   opacity: 0;

   transition: opacity 0s .6s
 }

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

   .carousel-fade .active.carousel-item-left,
   .carousel-fade .active.carousel-item-right {

     transition: none
   }

 }

 .carousel-control-next,
 .carousel-control-prev {

   position: absolute;

   top: 0;

   bottom: 0;

   z-index: 1;

   display: flex;

   align-items: center;

   justify-content: center;

   width: 15%;

   color: #fff;

   text-align: center;

   opacity: .5;

   transition: opacity .15s ease
 }

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

   .carousel-control-next,
   .carousel-control-prev {

     transition: none
   }

 }

 .carousel-control-next:focus,
 .carousel-control-next:hover,
 .carousel-control-prev:focus,
 .carousel-control-prev:hover {

   color: #fff;

   text-decoration: none;

   outline: 0;

   opacity: .9
 }

 .carousel-control-prev {

   left: 0
 }

 .carousel-control-next {

   right: 0
 }

 .carousel-control-next-icon,
 .carousel-control-prev-icon {

   display: inline-block;

   width: 20px;

   height: 20px;

   background: no-repeat 50%/100% 100%
 }

 .carousel-control-prev-icon {

   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E")
 }

 .carousel-control-next-icon {

   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E")
 }

 .carousel-indicators {

   position: absolute;

   right: 0;

   bottom: 0;

   left: 0;

   z-index: 15;

   display: flex;

   justify-content: center;

   padding-left: 0;

   margin-right: 15%;

   margin-left: 15%;

   list-style: none
 }

 .carousel-indicators li {

   box-sizing: content-box;

   flex: 0 1 auto;

   width: 30px;

   height: 3px;

   margin-right: 3px;

   margin-left: 3px;

   text-indent: -999px;

   cursor: pointer;

   background-color: #fff;

   background-clip: padding-box;

   border-top: 10px solid transparent;

   border-bottom: 10px solid transparent;

   opacity: .5;

   transition: opacity .6s ease
 }

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

   .carousel-indicators li {

     transition: none
   }

 }

 .carousel-indicators .active {

   opacity: 1
 }

 .carousel-caption {

   position: absolute;

   right: 15%;

   bottom: 20px;

   left: 15%;

   z-index: 10;

   padding-top: 20px;

   padding-bottom: 20px;

   color: #fff;

   text-align: center
 }

 .align-baseline {

   vertical-align: baseline !important
 }

 .align-top {

   vertical-align: top !important
 }

 .align-middle {

   vertical-align: middle !important
 }

 .align-bottom {

   vertical-align: bottom !important
 }

 .align-text-bottom {

   vertical-align: text-bottom !important
 }

 .align-text-top {

   vertical-align: text-top !important
 }

 .bg-primary,
 .bg-secondary,
 a.bg-primary:focus,
 a.bg-primary:hover,
 a.bg-secondary:focus,
 a.bg-secondary:hover,
 button.bg-primary:focus,
 button.bg-primary:hover,
 button.bg-secondary:focus,
 button.bg-secondary:hover {

   color: #000 !important
 }

 .bg-success,
 a.bg-success:focus,
 a.bg-success:hover,
 button.bg-success:focus,
 button.bg-success:hover {

   color: #04130d !important
 }

 .bg-info,
 a.bg-info:focus,
 a.bg-info:hover,
 button.bg-info:focus,
 button.bg-info:hover {

   color: #14016a !important
 }

 .bg-warning,
 a.bg-warning:focus,
 a.bg-warning:hover,
 button.bg-warning:focus,
 button.bg-warning:hover {

   color: #443100 !important
 }

 .bg-danger,
 a.bg-danger:focus,
 a.bg-danger:hover,
 button.bg-danger:focus,
 button.bg-danger:hover {

   color: #4b0000 !important
 }

 .bg-light,
 a.bg-light:focus,
 a.bg-light:hover,
 button.bg-light:focus,
 button.bg-light:hover {

   color: #444a57 !important
 }

 .bg-dark,
 a.bg-dark:focus,
 a.bg-dark:hover,
 button.bg-dark:focus,
 button.bg-dark:hover {

   color: #000 !important
 }

 .bg-orange,
 a.bg-orange:focus,
 a.bg-orange:hover,
 button.bg-orange:focus,
 button.bg-orange:hover {

   color: #1b0a00 !important
 }

 .bg-purple,
 a.bg-purple:focus,
 a.bg-purple:hover,
 button.bg-purple:focus,
 button.bg-purple:hover {

   color: #000 !important
 }

 .bg-skyblue,
 a.bg-skyblue:focus,
 a.bg-skyblue:hover,
 button.bg-skyblue:focus,
 button.bg-skyblue:hover {

   color: #00070d !important
 }

 .bg-transparent {

   background-color: transparent !important
 }

 .border {

   border: 1px solid #f1f1f1 !important
 }

 .border-top {

   border-top: 1px solid #f1f1f1 !important
 }

 .border-right {

   border-right: 1px solid #f1f1f1 !important
 }

 .border-bottom {

   border-bottom: 1px solid #f1f1f1 !important
 }

 .border-left {

   border-left: 1px solid #f1f1f1 !important
 }

 .border-0 {

   border: 0 !important
 }

 .border-top-0 {

   border-top: 0 !important
 }

 .border-right-0 {

   border-right: 0 !important
 }

 .border-bottom-0 {

   border-bottom: 0 !important
 }

 .border-left-0 {

   border-left: 0 !important
 }

 .border-primary {

   border-color: #ae0918 !important
 }

 .border-secondary {

   border-color: #6c757d !important
 }

 .border-success {

   border-color: #43d396 !important
 }

 .border-info {

   border-color: #876cfe !important
 }

 .border-warning {

   border-color: #ffca44 !important
 }

 .border-danger {

   border-color: #ff4b4b !important
 }

 .border-light {

   border-color: #c7cbd3 !important
 }

 .border-dark {

   border-color: #01041b !important
 }

 .border-orange {

   border-color: #fe721c !important
 }

 .border-purple {

   border-color: #4731b6 !important
 }

 .border-skyblue {

   border-color: #158df7 !important
 }

 .border-white {

   border-color: #fff !important
 }

 .rounded,
 .rounded-sm {

   border-radius: 8px !important
 }

 .rounded-top {

   border-top-left-radius: 8px !important
 }

 .rounded-right,
 .rounded-top {

   border-top-right-radius: 8px !important
 }

 .rounded-bottom,
 .rounded-right {

   border-bottom-right-radius: 8px !important
 }

 .rounded-bottom,
 .rounded-left {

   border-bottom-left-radius: 8px !important
 }

 .rounded-left {

   border-top-left-radius: 8px !important
 }

 .rounded-lg {

   border-radius: 8px !important
 }

 .rounded-circle {

   border-radius: 50% !important
 }

 .rounded-pill {

   border-radius: 50px !important
 }

 .rounded-0 {

   border-radius: 0 !important
 }

 .clearfix:after {

   display: block;

   clear: both;

   content: ""

 }

 .d-none {

   display: none !important
 }

 .d-inline {

   display: inline !important
 }

 .d-inline-block {

   display: inline-block !important
 }

 .d-block {

   display: block !important
 }

 .d-table {

   display: table !important
 }

 .d-table-row {

   display: table-row !important
 }

 .d-table-cell {

   display: table-cell !important
 }

 .d-flex {

   display: flex !important
 }

 .d-inline-flex {

   display: inline-flex !important
 }

 @media (min-width:576px) {

   .d-sm-none {

     display: none !important
   }

   .d-sm-inline {

     display: inline !important
   }

   .d-sm-inline-block {

     display: inline-block !important
   }

   .d-sm-block {

     display: block !important
   }

   .d-sm-table {

     display: table !important
   }

   .d-sm-table-row {

     display: table-row !important
   }

   .d-sm-table-cell {

     display: table-cell !important
   }

   .d-sm-flex {

     display: flex !important
   }

   .d-sm-inline-flex {

     display: inline-flex !important
   }

 }

 @media (min-width:768px) {

   .d-md-none {

     display: none !important
   }

   .d-md-inline {

     display: inline !important
   }

   .d-md-inline-block {

     display: inline-block !important
   }

   .d-md-block {

     display: block !important
   }

   .d-md-table {

     display: table !important
   }

   .d-md-table-row {

     display: table-row !important
   }

   .d-md-table-cell {

     display: table-cell !important
   }

   .d-md-flex {

     display: flex !important
   }

   .d-md-inline-flex {

     display: inline-flex !important
   }

 }

 @media (min-width:992px) {

   .d-lg-none {

     display: none !important
   }

   .d-lg-inline {

     display: inline !important
   }

   .d-lg-inline-block {

     display: inline-block !important
   }

   .d-lg-block {

     display: block !important
   }

   .d-lg-table {

     display: table !important
   }

   .d-lg-table-row {

     display: table-row !important
   }

   .d-lg-table-cell {

     display: table-cell !important
   }

   .d-lg-flex {

     display: flex !important
   }

   .d-lg-inline-flex {

     display: inline-flex !important
   }

 }

 @media (min-width:1200px) {

   .d-xl-none {

     display: none !important
   }

   .d-xl-inline {

     display: inline !important
   }

   .d-xl-inline-block {

     display: inline-block !important
   }

   .d-xl-block {

     display: block !important
   }

   .d-xl-table {

     display: table !important
   }

   .d-xl-table-row {

     display: table-row !important
   }

   .d-xl-table-cell {

     display: table-cell !important
   }

   .d-xl-flex {

     display: flex !important
   }

   .d-xl-inline-flex {

     display: inline-flex !important
   }

 }

 @media print {

   .d-print-none {

     display: none !important
   }

   .d-print-inline {

     display: inline !important
   }

   .d-print-inline-block {

     display: inline-block !important
   }

   .d-print-block {

     display: block !important
   }

   .d-print-table {

     display: table !important
   }

   .d-print-table-row {

     display: table-row !important
   }

   .d-print-table-cell {

     display: table-cell !important
   }

   .d-print-flex {

     display: flex !important
   }

   .d-print-inline-flex {

     display: inline-flex !important
   }

 }

 .embed-responsive {

   position: relative;

   display: block;

   width: 100%;

   padding: 0;

   overflow: hidden
 }

 .embed-responsive:before {

   display: block;

   content: ""

 }

 .embed-responsive .embed-responsive-item,
 .embed-responsive embed,
 .embed-responsive iframe,
 .embed-responsive object,
 .embed-responsive video {

   position: absolute;

   top: 0;

   bottom: 0;

   left: 0;

   width: 100%;

   height: 100%;

   border: 0
 }

 .embed-responsive-21by9:before {

   padding-top: 42.85714%
 }

 .embed-responsive-16by9:before {

   padding-top: 56.25%
 }

 .embed-responsive-4by3:before {

   padding-top: 75%
 }

 .embed-responsive-1by1:before {

   padding-top: 100%
 }

 .flex-row {

   flex-direction: row !important
 }

 .flex-column {

   flex-direction: column !important
 }

 .flex-row-reverse {

   flex-direction: row-reverse !important
 }

 .flex-column-reverse {

   flex-direction: column-reverse !important
 }

 .flex-wrap {

   flex-wrap: wrap !important
 }

 .flex-nowrap {

   flex-wrap: nowrap !important
 }

 .flex-wrap-reverse {

   flex-wrap: wrap-reverse !important
 }

 .flex-fill {

   flex: 1 1 auto !important
 }

 .flex-grow-0 {

   flex-grow: 0 !important
 }

 .flex-grow-1 {

   flex-grow: 1 !important
 }

 .flex-shrink-0 {

   flex-shrink: 0 !important
 }

 .flex-shrink-1 {

   flex-shrink: 1 !important
 }

 .justify-content-start {

   justify-content: flex-start !important
 }

 .justify-content-end {

   justify-content: flex-end !important
 }

 .justify-content-center {

   justify-content: center !important
 }

 .justify-content-between {

   justify-content: space-between !important
 }

 .justify-content-around {

   justify-content: space-around !important
 }

 .align-items-start {

   align-items: flex-start !important
 }

 .align-items-end {

   align-items: flex-end !important
 }

 .align-items-center {

   align-items: center !important
 }

 .align-items-baseline {

   align-items: baseline !important
 }

 .align-items-stretch {

   align-items: stretch !important
 }

 .align-content-start {

   align-content: flex-start !important
 }

 .align-content-end {

   align-content: flex-end !important
 }

 .align-content-center {

   align-content: center !important
 }

 .align-content-between {

   align-content: space-between !important
 }

 .align-content-around {

   align-content: space-around !important
 }

 .align-content-stretch {

   align-content: stretch !important
 }

 .align-self-auto {

   align-self: auto !important
 }

 .align-self-start {

   align-self: flex-start !important
 }

 .align-self-end {

   align-self: flex-end !important
 }

 .align-self-center {

   align-self: center !important
 }

 .align-self-baseline {

   align-self: baseline !important
 }

 .align-self-stretch {

   align-self: stretch !important
 }

 @media (min-width:576px) {

   .flex-sm-row {

     flex-direction: row !important
   }

   .flex-sm-column {

     flex-direction: column !important
   }

   .flex-sm-row-reverse {

     flex-direction: row-reverse !important
   }

   .flex-sm-column-reverse {

     flex-direction: column-reverse !important
   }

   .flex-sm-wrap {

     flex-wrap: wrap !important
   }

   .flex-sm-nowrap {

     flex-wrap: nowrap !important
   }

   .flex-sm-wrap-reverse {

     flex-wrap: wrap-reverse !important
   }

   .flex-sm-fill {

     flex: 1 1 auto !important
   }

   .flex-sm-grow-0 {

     flex-grow: 0 !important
   }

   .flex-sm-grow-1 {

     flex-grow: 1 !important
   }

   .flex-sm-shrink-0 {

     flex-shrink: 0 !important
   }

   .flex-sm-shrink-1 {

     flex-shrink: 1 !important
   }

   .justify-content-sm-start {

     justify-content: flex-start !important
   }

   .justify-content-sm-end {

     justify-content: flex-end !important
   }

   .justify-content-sm-center {

     justify-content: center !important
   }

   .justify-content-sm-between {

     justify-content: space-between !important
   }

   .justify-content-sm-around {

     justify-content: space-around !important
   }

   .align-items-sm-start {

     align-items: flex-start !important
   }

   .align-items-sm-end {

     align-items: flex-end !important
   }

   .align-items-sm-center {

     align-items: center !important
   }

   .align-items-sm-baseline {

     align-items: baseline !important
   }

   .align-items-sm-stretch {

     align-items: stretch !important
   }

   .align-content-sm-start {

     align-content: flex-start !important
   }

   .align-content-sm-end {

     align-content: flex-end !important
   }

   .align-content-sm-center {

     align-content: center !important
   }

   .align-content-sm-between {

     align-content: space-between !important
   }

   .align-content-sm-around {

     align-content: space-around !important
   }

   .align-content-sm-stretch {

     align-content: stretch !important
   }

   .align-self-sm-auto {

     align-self: auto !important
   }

   .align-self-sm-start {

     align-self: flex-start !important
   }

   .align-self-sm-end {

     align-self: flex-end !important
   }

   .align-self-sm-center {

     align-self: center !important
   }

   .align-self-sm-baseline {

     align-self: baseline !important
   }

   .align-self-sm-stretch {

     align-self: stretch !important
   }

 }

 @media (min-width:768px) {

   .flex-md-row {

     flex-direction: row !important
   }

   .flex-md-column {

     flex-direction: column !important
   }

   .flex-md-row-reverse {

     flex-direction: row-reverse !important
   }

   .flex-md-column-reverse {

     flex-direction: column-reverse !important
   }

   .flex-md-wrap {

     flex-wrap: wrap !important
   }

   .flex-md-nowrap {

     flex-wrap: nowrap !important
   }

   .flex-md-wrap-reverse {

     flex-wrap: wrap-reverse !important
   }

   .flex-md-fill {

     flex: 1 1 auto !important
   }

   .flex-md-grow-0 {

     flex-grow: 0 !important
   }

   .flex-md-grow-1 {

     flex-grow: 1 !important
   }

   .flex-md-shrink-0 {

     flex-shrink: 0 !important
   }

   .flex-md-shrink-1 {

     flex-shrink: 1 !important
   }

   .justify-content-md-start {

     justify-content: flex-start !important
   }

   .justify-content-md-end {

     justify-content: flex-end !important
   }

   .justify-content-md-center {

     justify-content: center !important
   }

   .justify-content-md-between {

     justify-content: space-between !important
   }

   .justify-content-md-around {

     justify-content: space-around !important
   }

   .align-items-md-start {

     align-items: flex-start !important
   }

   .align-items-md-end {

     align-items: flex-end !important
   }

   .align-items-md-center {

     align-items: center !important
   }

   .align-items-md-baseline {

     align-items: baseline !important
   }

   .align-items-md-stretch {

     align-items: stretch !important
   }

   .align-content-md-start {

     align-content: flex-start !important
   }

   .align-content-md-end {

     align-content: flex-end !important
   }

   .align-content-md-center {

     align-content: center !important
   }

   .align-content-md-between {

     align-content: space-between !important
   }

   .align-content-md-around {

     align-content: space-around !important
   }

   .align-content-md-stretch {

     align-content: stretch !important
   }

   .align-self-md-auto {

     align-self: auto !important
   }

   .align-self-md-start {

     align-self: flex-start !important
   }

   .align-self-md-end {

     align-self: flex-end !important
   }

   .align-self-md-center {

     align-self: center !important
   }

   .align-self-md-baseline {

     align-self: baseline !important
   }

   .align-self-md-stretch {

     align-self: stretch !important
   }

 }

 @media (min-width:992px) {

   .flex-lg-row {

     flex-direction: row !important
   }

   .flex-lg-column {

     flex-direction: column !important
   }

   .flex-lg-row-reverse {

     flex-direction: row-reverse !important
   }

   .flex-lg-column-reverse {

     flex-direction: column-reverse !important
   }

   .flex-lg-wrap {

     flex-wrap: wrap !important
   }

   .flex-lg-nowrap {

     flex-wrap: nowrap !important
   }

   .flex-lg-wrap-reverse {

     flex-wrap: wrap-reverse !important
   }

   .flex-lg-fill {

     flex: 1 1 auto !important
   }

   .flex-lg-grow-0 {

     flex-grow: 0 !important
   }

   .flex-lg-grow-1 {

     flex-grow: 1 !important
   }

   .flex-lg-shrink-0 {

     flex-shrink: 0 !important
   }

   .flex-lg-shrink-1 {

     flex-shrink: 1 !important
   }

   .justify-content-lg-start {

     justify-content: flex-start !important
   }

   .justify-content-lg-end {

     justify-content: flex-end !important
   }

   .justify-content-lg-center {

     justify-content: center !important
   }

   .justify-content-lg-between {

     justify-content: space-between !important
   }

   .justify-content-lg-around {

     justify-content: space-around !important
   }

   .align-items-lg-start {

     align-items: flex-start !important
   }

   .align-items-lg-end {

     align-items: flex-end !important
   }

   .align-items-lg-center {

     align-items: center !important
   }

   .align-items-lg-baseline {

     align-items: baseline !important
   }

   .align-items-lg-stretch {

     align-items: stretch !important
   }

   .align-content-lg-start {

     align-content: flex-start !important
   }

   .align-content-lg-end {

     align-content: flex-end !important
   }

   .align-content-lg-center {

     align-content: center !important
   }

   .align-content-lg-between {

     align-content: space-between !important
   }

   .align-content-lg-around {

     align-content: space-around !important
   }

   .align-content-lg-stretch {

     align-content: stretch !important
   }

   .align-self-lg-auto {

     align-self: auto !important
   }

   .align-self-lg-start {

     align-self: flex-start !important
   }

   .align-self-lg-end {

     align-self: flex-end !important
   }

   .align-self-lg-center {

     align-self: center !important
   }

   .align-self-lg-baseline {

     align-self: baseline !important
   }

   .align-self-lg-stretch {

     align-self: stretch !important
   }

 }

 @media (min-width:1200px) {

   .flex-xl-row {

     flex-direction: row !important
   }

   .flex-xl-column {

     flex-direction: column !important
   }

   .flex-xl-row-reverse {

     flex-direction: row-reverse !important
   }

   .flex-xl-column-reverse {

     flex-direction: column-reverse !important
   }

   .flex-xl-wrap {

     flex-wrap: wrap !important
   }

   .flex-xl-nowrap {

     flex-wrap: nowrap !important
   }

   .flex-xl-wrap-reverse {

     flex-wrap: wrap-reverse !important
   }

   .flex-xl-fill {

     flex: 1 1 auto !important
   }

   .flex-xl-grow-0 {

     flex-grow: 0 !important
   }

   .flex-xl-grow-1 {

     flex-grow: 1 !important
   }

   .flex-xl-shrink-0 {

     flex-shrink: 0 !important
   }

   .flex-xl-shrink-1 {

     flex-shrink: 1 !important
   }

   .justify-content-xl-start {

     justify-content: flex-start !important
   }

   .justify-content-xl-end {

     justify-content: flex-end !important
   }

   .justify-content-xl-center {

     justify-content: center !important
   }

   .justify-content-xl-between {

     justify-content: space-between !important
   }

   .justify-content-xl-around {

     justify-content: space-around !important
   }

   .align-items-xl-start {

     align-items: flex-start !important
   }

   .align-items-xl-end {

     align-items: flex-end !important
   }

   .align-items-xl-center {

     align-items: center !important
   }

   .align-items-xl-baseline {

     align-items: baseline !important
   }

   .align-items-xl-stretch {

     align-items: stretch !important
   }

   .align-content-xl-start {

     align-content: flex-start !important
   }

   .align-content-xl-end {

     align-content: flex-end !important
   }

   .align-content-xl-center {

     align-content: center !important
   }

   .align-content-xl-between {

     align-content: space-between !important
   }

   .align-content-xl-around {

     align-content: space-around !important
   }

   .align-content-xl-stretch {

     align-content: stretch !important
   }

   .align-self-xl-auto {

     align-self: auto !important
   }

   .align-self-xl-start {

     align-self: flex-start !important
   }

   .align-self-xl-end {

     align-self: flex-end !important
   }

   .align-self-xl-center {

     align-self: center !important
   }

   .align-self-xl-baseline {

     align-self: baseline !important
   }

   .align-self-xl-stretch {

     align-self: stretch !important
   }

 }

 .float-left {

   float: left !important
 }

 .float-right {

   float: right !important
 }

 .float-none {

   float: none !important
 }

 @media (min-width:576px) {

   .float-sm-left {

     float: left !important
   }

   .float-sm-right {

     float: right !important
   }

   .float-sm-none {

     float: none !important
   }

 }

 @media (min-width:768px) {

   .float-md-left {

     float: left !important
   }

   .float-md-right {

     float: right !important
   }

   .float-md-none {

     float: none !important
   }

 }

 @media (min-width:992px) {

   .float-lg-left {

     float: left !important
   }

   .float-lg-right {

     float: right !important
   }

   .float-lg-none {

     float: none !important
   }

 }

 @media (min-width:1200px) {

   .float-xl-left {

     float: left !important
   }

   .float-xl-right {

     float: right !important
   }

   .float-xl-none {

     float: none !important
   }

 }

 .user-select-all {

   user-select: all !important
 }

 .user-select-auto {

   user-select: auto !important
 }

 .user-select-none {

   user-select: none !important
 }

 .overflow-auto {

   overflow: auto !important
 }

 .overflow-hidden {

   overflow: hidden !important
 }

 .position-static {

   position: static !important
 }

 .position-relative {

   position: relative !important
 }

 .position-absolute {

   position: absolute !important
 }

 .position-fixed {

   position: fixed !important
 }

 .position-sticky {

   position: sticky !important
 }

 .fixed-top {

   top: 0
 }

 .fixed-bottom,
 .fixed-top {

   position: fixed;

   right: 0;

   left: 0;

   z-index: 1030
 }

 .fixed-bottom {

   bottom: 0
 }

 @supports (position:sticky) {

   .sticky-top {

     position: sticky;

     top: 0;

     z-index: 1020
   }

 }

 .sr-only {

   position: absolute;

   width: 1px;

   height: 1px;

   padding: 0;

   margin: -1px;

   overflow: hidden;

   clip: rect(0, 0, 0, 0);

   white-space: nowrap;

   border: 0
 }

 .sr-only-focusable:active,
 .sr-only-focusable:focus {

   position: static;

   width: auto;

   height: auto;

   overflow: visible;

   clip: auto;

   white-space: normal
 }

 .shadow,
 .shadow-lg,
 .shadow-sm {

   box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157) !important
 }

 .shadow-none {

   box-shadow: none !important
 }

 .w-25 {

   width: 25% !important
 }

 .w-50 {

   width: 50% !important
 }

 .w-75 {

   width: 75% !important
 }

 .w-100 {

   width: 100% !important
 }

 .w-auto {

   width: auto !important
 }

 .h-25 {

   height: 25% !important
 }

 .h-50 {

   height: 50% !important
 }

 .h-75 {

   height: 75% !important
 }

 .h-100 {

   height: 100% !important
 }

 .h-auto {

   height: auto !important
 }

 .mw-100 {

   max-width: 100% !important
 }

 .mh-100 {

   max-height: 100% !important
 }

 .min-vw-100 {

   min-width: 100vw !important
 }

 .min-vh-100 {

   min-height: 100vh !important
 }

 .vw-100 {

   width: 100vw !important
 }

 .vh-100 {

   height: 100vh !important
 }

 .m-0 {

   margin: 0 !important
 }

 .mt-0,
 .my-0 {

   margin-top: 0 !important
 }

 .mr-0,
 .mx-0 {

   margin-right: 0 !important
 }

 .mb-0,
 .my-0 {

   margin-bottom: 0 !important
 }

 .ml-0,
 .mx-0 {

   margin-left: 0 !important
 }

 .m-1 {

   margin: .25rem !important
 }

 .mt-1,
 .my-1 {

   margin-top: .25rem !important
 }

 .mr-1,
 .mx-1 {

   margin-right: .25rem !important
 }

 .mb-1,
 .my-1 {

   margin-bottom: .25rem !important
 }

 .ml-1,
 .mx-1 {

   margin-left: .25rem !important
 }

 .m-2 {

   margin: .5rem !important
 }

 .mt-2,
 .my-2 {

   margin-top: .5rem !important
 }

 .mr-2,
 .mx-2 {

   margin-right: .5rem !important
 }

 .mb-2,
 .my-2 {

   margin-bottom: .5rem !important
 }

 .ml-2,
 .mx-2 {

   margin-left: .5rem !important
 }

 .m-3 {

   margin: 1rem !important
 }

 .mt-3,
 .my-3 {

   margin-top: 1rem !important
 }

 .mr-3,
 .mx-3 {

   margin-right: 1rem !important
 }

 .mb-3,
 .my-3 {

   margin-bottom: 1rem !important
 }

 .ml-3,
 .mx-3 {

   margin-left: 1rem !important
 }

 .m-4 {

   margin: 1.5rem !important
 }

 .mt-4,
 .my-4 {

   margin-top: 1.5rem !important
 }

 .mr-4,
 .mx-4 {

   margin-right: 1.5rem !important
 }

 .mb-4,
 .my-4 {

   margin-bottom: 1.5rem !important
 }

 .ml-4,
 .mx-4 {

   margin-left: 1.5rem !important
 }

 .m-5 {

   margin: 3rem !important
 }

 .mt-5,
 .my-5 {

   margin-top: 3rem !important
 }

 .mr-5,
 .mx-5 {

   margin-right: 3rem !important
 }

 .mb-5,
 .my-5 {

   margin-bottom: 3rem !important
 }

 .ml-5,
 .mx-5 {

   margin-left: 3rem !important
 }

 .p-0 {

   padding: 0 !important
 }

 .pt-0,
 .py-0 {

   padding-top: 0 !important
 }

 .pr-0,
 .px-0 {

   padding-right: 0 !important
 }

 .pb-0,
 .py-0 {

   padding-bottom: 0 !important
 }

 .pl-0,
 .px-0 {

   padding-left: 0 !important
 }

 .p-1 {

   padding: .25rem !important
 }

 .pt-1,
 .py-1 {

   padding-top: .25rem !important
 }

 .pr-1,
 .px-1 {

   padding-right: .25rem !important
 }

 .pb-1,
 .py-1 {

   padding-bottom: .25rem !important
 }

 .pl-1,
 .px-1 {

   padding-left: .25rem !important
 }

 .p-2 {

   padding: .5rem !important
 }

 .pt-2,
 .py-2 {

   padding-top: .5rem !important
 }

 .pr-2,
 .px-2 {

   padding-right: .5rem !important
 }

 .pb-2,
 .py-2 {

   padding-bottom: .5rem !important
 }

 .pl-2,
 .px-2 {

   padding-left: .5rem !important
 }

 .p-3 {

   padding: 1rem !important
 }

 .pt-3,
 .py-3 {

   padding-top: 1rem !important
 }

 .pr-3,
 .px-3 {

   padding-right: 1rem !important
 }

 .pb-3,
 .py-3 {

   padding-bottom: 1rem !important
 }

 .pl-3,
 .px-3 {

   padding-left: 1rem !important
 }

 .p-4 {

   padding: 1.5rem !important
 }

 .pt-4,
 .py-4 {

   padding-top: 1.5rem !important
 }

 .pr-4,
 .px-4 {

   padding-right: 1.5rem !important
 }

 .pb-4,
 .py-4 {

   padding-bottom: 1.5rem !important
 }

 .pl-4,
 .px-4 {

   padding-left: 1.5rem !important
 }

 .p-5 {

   padding: 3rem !important
 }

 .pt-5,
 .py-5 {

   padding-top: 3rem !important
 }

 .pr-5,
 .px-5 {

   padding-right: 3rem !important
 }

 .pb-5,
 .py-5 {

   padding-bottom: 3rem !important
 }

 .pl-5,
 .px-5 {

   padding-left: 3rem !important
 }

 .m-n1 {

   margin: -.25rem !important
 }

 .mt-n1,
 .my-n1 {

   margin-top: -.25rem !important
 }

 .mr-n1,
 .mx-n1 {

   margin-right: -.25rem !important
 }

 .mb-n1,
 .my-n1 {

   margin-bottom: -.25rem !important
 }

 .ml-n1,
 .mx-n1 {

   margin-left: -.25rem !important
 }

 .m-n2 {

   margin: -.5rem !important
 }

 .mt-n2,
 .my-n2 {

   margin-top: -.5rem !important
 }

 .mr-n2,
 .mx-n2 {

   margin-right: -.5rem !important
 }

 .mb-n2,
 .my-n2 {

   margin-bottom: -.5rem !important
 }

 .ml-n2,
 .mx-n2 {

   margin-left: -.5rem !important
 }

 .m-n3 {

   margin: -1rem !important
 }

 .mt-n3,
 .my-n3 {

   margin-top: -1rem !important
 }

 .mr-n3,
 .mx-n3 {

   margin-right: -1rem !important
 }

 .mb-n3,
 .my-n3 {

   margin-bottom: -1rem !important
 }

 .ml-n3,
 .mx-n3 {

   margin-left: -1rem !important
 }

 .m-n4 {

   margin: -1.5rem !important
 }

 .mt-n4,
 .my-n4 {

   margin-top: -1.5rem !important
 }

 .mr-n4,
 .mx-n4 {

   margin-right: -1.5rem !important
 }

 .mb-n4,
 .my-n4 {

   margin-bottom: -1.5rem !important
 }

 .ml-n4,
 .mx-n4 {

   margin-left: -1.5rem !important
 }

 .m-n5 {

   margin: -3rem !important
 }

 .mt-n5,
 .my-n5 {

   margin-top: -3rem !important
 }

 .mr-n5,
 .mx-n5 {

   margin-right: -3rem !important
 }

 .mb-n5,
 .my-n5 {

   margin-bottom: -3rem !important
 }

 .ml-n5,
 .mx-n5 {

   margin-left: -3rem !important
 }

 .m-auto {

   margin: auto !important
 }

 .mt-auto,
 .my-auto {

   margin-top: auto !important
 }

 .mr-auto,
 .mx-auto {

   margin-right: auto !important
 }

 .mb-auto,
 .my-auto {

   margin-bottom: auto !important
 }

 .ml-auto,
 .mx-auto {

   margin-left: auto !important
 }

 @media (min-width:576px) {

   .m-sm-0 {

     margin: 0 !important
   }

   .mt-sm-0,
   .my-sm-0 {

     margin-top: 0 !important
   }

   .mr-sm-0,
   .mx-sm-0 {

     margin-right: 0 !important
   }

   .mb-sm-0,
   .my-sm-0 {

     margin-bottom: 0 !important
   }

   .ml-sm-0,
   .mx-sm-0 {

     margin-left: 0 !important
   }

   .m-sm-1 {

     margin: .25rem !important
   }

   .mt-sm-1,
   .my-sm-1 {

     margin-top: .25rem !important
   }

   .mr-sm-1,
   .mx-sm-1 {

     margin-right: .25rem !important
   }

   .mb-sm-1,
   .my-sm-1 {

     margin-bottom: .25rem !important
   }

   .ml-sm-1,
   .mx-sm-1 {

     margin-left: .25rem !important
   }

   .m-sm-2 {

     margin: .5rem !important
   }

   .mt-sm-2,
   .my-sm-2 {

     margin-top: .5rem !important
   }

   .mr-sm-2,
   .mx-sm-2 {

     margin-right: .5rem !important
   }

   .mb-sm-2,
   .my-sm-2 {

     margin-bottom: .5rem !important
   }

   .ml-sm-2,
   .mx-sm-2 {

     margin-left: .5rem !important
   }

   .m-sm-3 {

     margin: 1rem !important
   }

   .mt-sm-3,
   .my-sm-3 {

     margin-top: 1rem !important
   }

   .mr-sm-3,
   .mx-sm-3 {

     margin-right: 1rem !important
   }

   .mb-sm-3,
   .my-sm-3 {

     margin-bottom: 1rem !important
   }

   .ml-sm-3,
   .mx-sm-3 {

     margin-left: 1rem !important
   }

   .m-sm-4 {

     margin: 1.5rem !important
   }

   .mt-sm-4,
   .my-sm-4 {

     margin-top: 1.5rem !important
   }

   .mr-sm-4,
   .mx-sm-4 {

     margin-right: 1.5rem !important
   }

   .mb-sm-4,
   .my-sm-4 {

     margin-bottom: 1.5rem !important
   }

   .ml-sm-4,
   .mx-sm-4 {

     margin-left: 1.5rem !important
   }

   .m-sm-5 {

     margin: 3rem !important
   }

   .mt-sm-5,
   .my-sm-5 {

     margin-top: 3rem !important
   }

   .mr-sm-5,
   .mx-sm-5 {

     margin-right: 3rem !important
   }

   .mb-sm-5,
   .my-sm-5 {

     margin-bottom: 3rem !important
   }

   .ml-sm-5,
   .mx-sm-5 {

     margin-left: 3rem !important
   }

   .p-sm-0 {

     padding: 0 !important
   }

   .pt-sm-0,
   .py-sm-0 {

     padding-top: 0 !important
   }

   .pr-sm-0,
   .px-sm-0 {

     padding-right: 0 !important
   }

   .pb-sm-0,
   .py-sm-0 {

     padding-bottom: 0 !important
   }

   .pl-sm-0,
   .px-sm-0 {

     padding-left: 0 !important
   }

   .p-sm-1 {

     padding: .25rem !important
   }

   .pt-sm-1,
   .py-sm-1 {

     padding-top: .25rem !important
   }

   .pr-sm-1,
   .px-sm-1 {

     padding-right: .25rem !important
   }

   .pb-sm-1,
   .py-sm-1 {

     padding-bottom: .25rem !important
   }

   .pl-sm-1,
   .px-sm-1 {

     padding-left: .25rem !important
   }

   .p-sm-2 {

     padding: .5rem !important
   }

   .pt-sm-2,
   .py-sm-2 {

     padding-top: .5rem !important
   }

   .pr-sm-2,
   .px-sm-2 {

     padding-right: .5rem !important
   }

   .pb-sm-2,
   .py-sm-2 {

     padding-bottom: .5rem !important
   }

   .pl-sm-2,
   .px-sm-2 {

     padding-left: .5rem !important
   }

   .p-sm-3 {

     padding: 1rem !important
   }

   .pt-sm-3,
   .py-sm-3 {

     padding-top: 1rem !important
   }

   .pr-sm-3,
   .px-sm-3 {

     padding-right: 1rem !important
   }

   .pb-sm-3,
   .py-sm-3 {

     padding-bottom: 1rem !important
   }

   .pl-sm-3,
   .px-sm-3 {

     padding-left: 1rem !important
   }

   .p-sm-4 {

     padding: 1.5rem !important
   }

   .pt-sm-4,
   .py-sm-4 {

     padding-top: 1.5rem !important
   }

   .pr-sm-4,
   .px-sm-4 {

     padding-right: 1.5rem !important
   }

   .pb-sm-4,
   .py-sm-4 {

     padding-bottom: 1.5rem !important
   }

   .pl-sm-4,
   .px-sm-4 {

     padding-left: 1.5rem !important
   }

   .p-sm-5 {

     padding: 3rem !important
   }

   .pt-sm-5,
   .py-sm-5 {

     padding-top: 3rem !important
   }

   .pr-sm-5,
   .px-sm-5 {

     padding-right: 3rem !important
   }

   .pb-sm-5,
   .py-sm-5 {

     padding-bottom: 3rem !important
   }

   .pl-sm-5,
   .px-sm-5 {

     padding-left: 3rem !important
   }

   .m-sm-n1 {

     margin: -.25rem !important
   }

   .mt-sm-n1,
   .my-sm-n1 {

     margin-top: -.25rem !important
   }

   .mr-sm-n1,
   .mx-sm-n1 {

     margin-right: -.25rem !important
   }

   .mb-sm-n1,
   .my-sm-n1 {

     margin-bottom: -.25rem !important
   }

   .ml-sm-n1,
   .mx-sm-n1 {

     margin-left: -.25rem !important
   }

   .m-sm-n2 {

     margin: -.5rem !important
   }

   .mt-sm-n2,
   .my-sm-n2 {

     margin-top: -.5rem !important
   }

   .mr-sm-n2,
   .mx-sm-n2 {

     margin-right: -.5rem !important
   }

   .mb-sm-n2,
   .my-sm-n2 {

     margin-bottom: -.5rem !important
   }

   .ml-sm-n2,
   .mx-sm-n2 {

     margin-left: -.5rem !important
   }

   .m-sm-n3 {

     margin: -1rem !important
   }

   .mt-sm-n3,
   .my-sm-n3 {

     margin-top: -1rem !important
   }

   .mr-sm-n3,
   .mx-sm-n3 {

     margin-right: -1rem !important
   }

   .mb-sm-n3,
   .my-sm-n3 {

     margin-bottom: -1rem !important
   }

   .ml-sm-n3,
   .mx-sm-n3 {

     margin-left: -1rem !important
   }

   .m-sm-n4 {

     margin: -1.5rem !important
   }

   .mt-sm-n4,
   .my-sm-n4 {

     margin-top: -1.5rem !important
   }

   .mr-sm-n4,
   .mx-sm-n4 {

     margin-right: -1.5rem !important
   }

   .mb-sm-n4,
   .my-sm-n4 {

     margin-bottom: -1.5rem !important
   }

   .ml-sm-n4,
   .mx-sm-n4 {

     margin-left: -1.5rem !important
   }

   .m-sm-n5 {

     margin: -3rem !important
   }

   .mt-sm-n5,
   .my-sm-n5 {

     margin-top: -3rem !important
   }

   .mr-sm-n5,
   .mx-sm-n5 {

     margin-right: -3rem !important
   }

   .mb-sm-n5,
   .my-sm-n5 {

     margin-bottom: -3rem !important
   }

   .ml-sm-n5,
   .mx-sm-n5 {

     margin-left: -3rem !important
   }

   .m-sm-auto {

     margin: auto !important
   }

   .mt-sm-auto,
   .my-sm-auto {

     margin-top: auto !important
   }

   .mr-sm-auto,
   .mx-sm-auto {

     margin-right: auto !important
   }

   .mb-sm-auto,
   .my-sm-auto {

     margin-bottom: auto !important
   }

   .ml-sm-auto,
   .mx-sm-auto {

     margin-left: auto !important
   }

 }

 @media (min-width:768px) {

   .m-md-0 {

     margin: 0 !important
   }

   .mt-md-0,
   .my-md-0 {

     margin-top: 0 !important
   }

   .mr-md-0,
   .mx-md-0 {

     margin-right: 0 !important
   }

   .mb-md-0,
   .my-md-0 {

     margin-bottom: 0 !important
   }

   .ml-md-0,
   .mx-md-0 {

     margin-left: 0 !important
   }

   .m-md-1 {

     margin: .25rem !important
   }

   .mt-md-1,
   .my-md-1 {

     margin-top: .25rem !important
   }

   .mr-md-1,
   .mx-md-1 {

     margin-right: .25rem !important
   }

   .mb-md-1,
   .my-md-1 {

     margin-bottom: .25rem !important
   }

   .ml-md-1,
   .mx-md-1 {

     margin-left: .25rem !important
   }

   .m-md-2 {

     margin: .5rem !important
   }

   .mt-md-2,
   .my-md-2 {

     margin-top: .5rem !important
   }

   .mr-md-2,
   .mx-md-2 {

     margin-right: .5rem !important
   }

   .mb-md-2,
   .my-md-2 {

     margin-bottom: .5rem !important
   }

   .ml-md-2,
   .mx-md-2 {

     margin-left: .5rem !important
   }

   .m-md-3 {

     margin: 1rem !important
   }

   .mt-md-3,
   .my-md-3 {

     margin-top: 1rem !important
   }

   .mr-md-3,
   .mx-md-3 {

     margin-right: 1rem !important
   }

   .mb-md-3,
   .my-md-3 {

     margin-bottom: 1rem !important
   }

   .ml-md-3,
   .mx-md-3 {

     margin-left: 1rem !important
   }

   .m-md-4 {

     margin: 1.5rem !important
   }

   .mt-md-4,
   .my-md-4 {

     margin-top: 1.5rem !important
   }

   .mr-md-4,
   .mx-md-4 {

     margin-right: 1.5rem !important
   }

   .mb-md-4,
   .my-md-4 {

     margin-bottom: 1.5rem !important
   }

   .ml-md-4,
   .mx-md-4 {

     margin-left: 1.5rem !important
   }

   .m-md-5 {

     margin: 3rem !important
   }

   .mt-md-5,
   .my-md-5 {

     margin-top: 3rem !important
   }

   .mr-md-5,
   .mx-md-5 {

     margin-right: 3rem !important
   }

   .mb-md-5,
   .my-md-5 {

     margin-bottom: 3rem !important
   }

   .ml-md-5,
   .mx-md-5 {

     margin-left: 3rem !important
   }

   .p-md-0 {

     padding: 0 !important
   }

   .pt-md-0,
   .py-md-0 {

     padding-top: 0 !important
   }

   .pr-md-0,
   .px-md-0 {

     padding-right: 0 !important
   }

   .pb-md-0,
   .py-md-0 {

     padding-bottom: 0 !important
   }

   .pl-md-0,
   .px-md-0 {

     padding-left: 0 !important
   }

   .p-md-1 {

     padding: .25rem !important
   }

   .pt-md-1,
   .py-md-1 {

     padding-top: .25rem !important
   }

   .pr-md-1,
   .px-md-1 {

     padding-right: .25rem !important
   }

   .pb-md-1,
   .py-md-1 {

     padding-bottom: .25rem !important
   }

   .pl-md-1,
   .px-md-1 {

     padding-left: .25rem !important
   }

   .p-md-2 {

     padding: .5rem !important
   }

   .pt-md-2,
   .py-md-2 {

     padding-top: .5rem !important
   }

   .pr-md-2,
   .px-md-2 {

     padding-right: .5rem !important
   }

   .pb-md-2,
   .py-md-2 {

     padding-bottom: .5rem !important
   }

   .pl-md-2,
   .px-md-2 {

     padding-left: .5rem !important
   }

   .p-md-3 {

     padding: 1rem !important
   }

   .pt-md-3,
   .py-md-3 {

     padding-top: 1rem !important
   }

   .pr-md-3,
   .px-md-3 {

     padding-right: 1rem !important
   }

   .pb-md-3,
   .py-md-3 {

     padding-bottom: 1rem !important
   }

   .pl-md-3,
   .px-md-3 {

     padding-left: 1rem !important
   }

   .p-md-4 {

     padding: 1.5rem !important
   }

   .pt-md-4,
   .py-md-4 {

     padding-top: 1.5rem !important
   }

   .pr-md-4,
   .px-md-4 {

     padding-right: 1.5rem !important
   }

   .pb-md-4,
   .py-md-4 {

     padding-bottom: 1.5rem !important
   }

   .pl-md-4,
   .px-md-4 {

     padding-left: 1.5rem !important
   }

   .p-md-5 {

     padding: 3rem !important
   }

   .pt-md-5,
   .py-md-5 {

     padding-top: 3rem !important
   }

   .pr-md-5,
   .px-md-5 {

     padding-right: 3rem !important
   }

   .pb-md-5,
   .py-md-5 {

     padding-bottom: 3rem !important
   }

   .pl-md-5,
   .px-md-5 {

     padding-left: 3rem !important
   }

   .m-md-n1 {

     margin: -.25rem !important
   }

   .mt-md-n1,
   .my-md-n1 {

     margin-top: -.25rem !important
   }

   .mr-md-n1,
   .mx-md-n1 {

     margin-right: -.25rem !important
   }

   .mb-md-n1,
   .my-md-n1 {

     margin-bottom: -.25rem !important
   }

   .ml-md-n1,
   .mx-md-n1 {

     margin-left: -.25rem !important
   }

   .m-md-n2 {

     margin: -.5rem !important
   }

   .mt-md-n2,
   .my-md-n2 {

     margin-top: -.5rem !important
   }

   .mr-md-n2,
   .mx-md-n2 {

     margin-right: -.5rem !important
   }

   .mb-md-n2,
   .my-md-n2 {

     margin-bottom: -.5rem !important
   }

   .ml-md-n2,
   .mx-md-n2 {

     margin-left: -.5rem !important
   }

   .m-md-n3 {

     margin: -1rem !important
   }

   .mt-md-n3,
   .my-md-n3 {

     margin-top: -1rem !important
   }

   .mr-md-n3,
   .mx-md-n3 {

     margin-right: -1rem !important
   }

   .mb-md-n3,
   .my-md-n3 {

     margin-bottom: -1rem !important
   }

   .ml-md-n3,
   .mx-md-n3 {

     margin-left: -1rem !important
   }

   .m-md-n4 {

     margin: -1.5rem !important
   }

   .mt-md-n4,
   .my-md-n4 {

     margin-top: -1.5rem !important
   }

   .mr-md-n4,
   .mx-md-n4 {

     margin-right: -1.5rem !important
   }

   .mb-md-n4,
   .my-md-n4 {

     margin-bottom: -1.5rem !important
   }

   .ml-md-n4,
   .mx-md-n4 {

     margin-left: -1.5rem !important
   }

   .m-md-n5 {

     margin: -3rem !important
   }

   .mt-md-n5,
   .my-md-n5 {

     margin-top: -3rem !important
   }

   .mr-md-n5,
   .mx-md-n5 {

     margin-right: -3rem !important
   }

   .mb-md-n5,
   .my-md-n5 {

     margin-bottom: -3rem !important
   }

   .ml-md-n5,
   .mx-md-n5 {

     margin-left: -3rem !important
   }

   .m-md-auto {

     margin: auto !important
   }

   .mt-md-auto,
   .my-md-auto {

     margin-top: auto !important
   }

   .mr-md-auto,
   .mx-md-auto {

     margin-right: auto !important
   }

   .mb-md-auto,
   .my-md-auto {

     margin-bottom: auto !important
   }

   .ml-md-auto,
   .mx-md-auto {

     margin-left: auto !important
   }

 }

 @media (min-width:992px) {

   .m-lg-0 {

     margin: 0 !important
   }

   .mt-lg-0,
   .my-lg-0 {

     margin-top: 0 !important
   }

   .mr-lg-0,
   .mx-lg-0 {

     margin-right: 0 !important
   }

   .mb-lg-0,
   .my-lg-0 {

     margin-bottom: 0 !important
   }

   .ml-lg-0,
   .mx-lg-0 {

     margin-left: 0 !important
   }

   .m-lg-1 {

     margin: .25rem !important
   }

   .mt-lg-1,
   .my-lg-1 {

     margin-top: .25rem !important
   }

   .mr-lg-1,
   .mx-lg-1 {

     margin-right: .25rem !important
   }

   .mb-lg-1,
   .my-lg-1 {

     margin-bottom: .25rem !important
   }

   .ml-lg-1,
   .mx-lg-1 {

     margin-left: .25rem !important
   }

   .m-lg-2 {

     margin: .5rem !important
   }

   .mt-lg-2,
   .my-lg-2 {

     margin-top: .5rem !important
   }

   .mr-lg-2,
   .mx-lg-2 {

     margin-right: .5rem !important
   }

   .mb-lg-2,
   .my-lg-2 {

     margin-bottom: .5rem !important
   }

   .ml-lg-2,
   .mx-lg-2 {

     margin-left: .5rem !important
   }

   .m-lg-3 {

     margin: 1rem !important
   }

   .mt-lg-3,
   .my-lg-3 {

     margin-top: 1rem !important
   }

   .mr-lg-3,
   .mx-lg-3 {

     margin-right: 1rem !important
   }

   .mb-lg-3,
   .my-lg-3 {

     margin-bottom: 1rem !important
   }

   .ml-lg-3,
   .mx-lg-3 {

     margin-left: 1rem !important
   }

   .m-lg-4 {

     margin: 1.5rem !important
   }

   .mt-lg-4,
   .my-lg-4 {

     margin-top: 1.5rem !important
   }

   .mr-lg-4,
   .mx-lg-4 {

     margin-right: 1.5rem !important
   }

   .mb-lg-4,
   .my-lg-4 {

     margin-bottom: 1.5rem !important
   }

   .ml-lg-4,
   .mx-lg-4 {

     margin-left: 1.5rem !important
   }

   .m-lg-5 {

     margin: 3rem !important
   }

   .mt-lg-5,
   .my-lg-5 {

     margin-top: 3rem !important
   }

   .mr-lg-5,
   .mx-lg-5 {

     margin-right: 3rem !important
   }

   .mb-lg-5,
   .my-lg-5 {

     margin-bottom: 3rem !important
   }

   .ml-lg-5,
   .mx-lg-5 {

     margin-left: 3rem !important
   }

   .p-lg-0 {

     padding: 0 !important
   }

   .pt-lg-0,
   .py-lg-0 {

     padding-top: 0 !important
   }

   .pr-lg-0,
   .px-lg-0 {

     padding-right: 0 !important
   }

   .pb-lg-0,
   .py-lg-0 {

     padding-bottom: 0 !important
   }

   .pl-lg-0,
   .px-lg-0 {

     padding-left: 0 !important
   }

   .p-lg-1 {

     padding: .25rem !important
   }

   .pt-lg-1,
   .py-lg-1 {

     padding-top: .25rem !important
   }

   .pr-lg-1,
   .px-lg-1 {

     padding-right: .25rem !important
   }

   .pb-lg-1,
   .py-lg-1 {

     padding-bottom: .25rem !important
   }

   .pl-lg-1,
   .px-lg-1 {

     padding-left: .25rem !important
   }

   .p-lg-2 {

     padding: .5rem !important
   }

   .pt-lg-2,
   .py-lg-2 {

     padding-top: .5rem !important
   }

   .pr-lg-2,
   .px-lg-2 {

     padding-right: .5rem !important
   }

   .pb-lg-2,
   .py-lg-2 {

     padding-bottom: .5rem !important
   }

   .pl-lg-2,
   .px-lg-2 {

     padding-left: .5rem !important
   }

   .p-lg-3 {

     padding: 1rem !important
   }

   .pt-lg-3,
   .py-lg-3 {

     padding-top: 1rem !important
   }

   .pr-lg-3,
   .px-lg-3 {

     padding-right: 1rem !important
   }

   .pb-lg-3,
   .py-lg-3 {

     padding-bottom: 1rem !important
   }

   .pl-lg-3,
   .px-lg-3 {

     padding-left: 1rem !important
   }

   .p-lg-4 {

     padding: 1.5rem !important
   }

   .pt-lg-4,
   .py-lg-4 {

     padding-top: 1.5rem !important
   }

   .pr-lg-4,
   .px-lg-4 {

     padding-right: 1.5rem !important
   }

   .pb-lg-4,
   .py-lg-4 {

     padding-bottom: 1.5rem !important
   }

   .pl-lg-4,
   .px-lg-4 {

     padding-left: 1.5rem !important
   }

   .p-lg-5 {

     padding: 3rem !important
   }

   .pt-lg-5,
   .py-lg-5 {

     padding-top: 3rem !important
   }

   .pr-lg-5,
   .px-lg-5 {

     padding-right: 3rem !important
   }

   .pb-lg-5,
   .py-lg-5 {

     padding-bottom: 3rem !important
   }

   .pl-lg-5,
   .px-lg-5 {

     padding-left: 3rem !important
   }

   .m-lg-n1 {

     margin: -.25rem !important
   }

   .mt-lg-n1,
   .my-lg-n1 {

     margin-top: -.25rem !important
   }

   .mr-lg-n1,
   .mx-lg-n1 {

     margin-right: -.25rem !important
   }

   .mb-lg-n1,
   .my-lg-n1 {

     margin-bottom: -.25rem !important
   }

   .ml-lg-n1,
   .mx-lg-n1 {

     margin-left: -.25rem !important
   }

   .m-lg-n2 {

     margin: -.5rem !important
   }

   .mt-lg-n2,
   .my-lg-n2 {

     margin-top: -.5rem !important
   }

   .mr-lg-n2,
   .mx-lg-n2 {

     margin-right: -.5rem !important
   }

   .mb-lg-n2,
   .my-lg-n2 {

     margin-bottom: -.5rem !important
   }

   .ml-lg-n2,
   .mx-lg-n2 {

     margin-left: -.5rem !important
   }

   .m-lg-n3 {

     margin: -1rem !important
   }

   .mt-lg-n3,
   .my-lg-n3 {

     margin-top: -1rem !important
   }

   .mr-lg-n3,
   .mx-lg-n3 {

     margin-right: -1rem !important
   }

   .mb-lg-n3,
   .my-lg-n3 {

     margin-bottom: -1rem !important
   }

   .ml-lg-n3,
   .mx-lg-n3 {

     margin-left: -1rem !important
   }

   .m-lg-n4 {

     margin: -1.5rem !important
   }

   .mt-lg-n4,
   .my-lg-n4 {

     margin-top: -1.5rem !important
   }

   .mr-lg-n4,
   .mx-lg-n4 {

     margin-right: -1.5rem !important
   }

   .mb-lg-n4,
   .my-lg-n4 {

     margin-bottom: -1.5rem !important
   }

   .ml-lg-n4,
   .mx-lg-n4 {

     margin-left: -1.5rem !important
   }

   .m-lg-n5 {

     margin: -3rem !important
   }

   .mt-lg-n5,
   .my-lg-n5 {

     margin-top: -3rem !important
   }

   .mr-lg-n5,
   .mx-lg-n5 {

     margin-right: -3rem !important
   }

   .mb-lg-n5,
   .my-lg-n5 {

     margin-bottom: -3rem !important
   }

   .ml-lg-n5,
   .mx-lg-n5 {

     margin-left: -3rem !important
   }

   .m-lg-auto {

     margin: auto !important
   }

   .mt-lg-auto,
   .my-lg-auto {

     margin-top: auto !important
   }

   .mr-lg-auto,
   .mx-lg-auto {

     margin-right: auto !important
   }

   .mb-lg-auto,
   .my-lg-auto {

     margin-bottom: auto !important
   }

   .ml-lg-auto,
   .mx-lg-auto {

     margin-left: auto !important
   }

 }

 @media (min-width:1200px) {

   .m-xl-0 {

     margin: 0 !important
   }

   .mt-xl-0,
   .my-xl-0 {

     margin-top: 0 !important
   }

   .mr-xl-0,
   .mx-xl-0 {

     margin-right: 0 !important
   }

   .mb-xl-0,
   .my-xl-0 {

     margin-bottom: 0 !important
   }

   .ml-xl-0,
   .mx-xl-0 {

     margin-left: 0 !important
   }

   .m-xl-1 {

     margin: .25rem !important
   }

   .mt-xl-1,
   .my-xl-1 {

     margin-top: .25rem !important
   }

   .mr-xl-1,
   .mx-xl-1 {

     margin-right: .25rem !important
   }

   .mb-xl-1,
   .my-xl-1 {

     margin-bottom: .25rem !important
   }

   .ml-xl-1,
   .mx-xl-1 {

     margin-left: .25rem !important
   }

   .m-xl-2 {

     margin: .5rem !important
   }

   .mt-xl-2,
   .my-xl-2 {

     margin-top: .5rem !important
   }

   .mr-xl-2,
   .mx-xl-2 {

     margin-right: .5rem !important
   }

   .mb-xl-2,
   .my-xl-2 {

     margin-bottom: .5rem !important
   }

   .ml-xl-2,
   .mx-xl-2 {

     margin-left: .5rem !important
   }

   .m-xl-3 {

     margin: 1rem !important
   }

   .mt-xl-3,
   .my-xl-3 {

     margin-top: 1rem !important
   }

   .mr-xl-3,
   .mx-xl-3 {

     margin-right: 1rem !important
   }

   .mb-xl-3,
   .my-xl-3 {

     margin-bottom: 1rem !important
   }

   .ml-xl-3,
   .mx-xl-3 {

     margin-left: 1rem !important
   }

   .m-xl-4 {

     margin: 1.5rem !important
   }

   .mt-xl-4,
   .my-xl-4 {

     margin-top: 1.5rem !important
   }

   .mr-xl-4,
   .mx-xl-4 {

     margin-right: 1.5rem !important
   }

   .mb-xl-4,
   .my-xl-4 {

     margin-bottom: 1.5rem !important
   }

   .ml-xl-4,
   .mx-xl-4 {

     margin-left: 1.5rem !important
   }

   .m-xl-5 {

     margin: 3rem !important
   }

   .mt-xl-5,
   .my-xl-5 {

     margin-top: 3rem !important
   }

   .mr-xl-5,
   .mx-xl-5 {

     margin-right: 3rem !important
   }

   .mb-xl-5,
   .my-xl-5 {

     margin-bottom: 3rem !important
   }

   .ml-xl-5,
   .mx-xl-5 {

     margin-left: 3rem !important
   }

   .p-xl-0 {

     padding: 0 !important
   }

   .pt-xl-0,
   .py-xl-0 {

     padding-top: 0 !important
   }

   .pr-xl-0,
   .px-xl-0 {

     padding-right: 0 !important
   }

   .pb-xl-0,
   .py-xl-0 {

     padding-bottom: 0 !important
   }

   .pl-xl-0,
   .px-xl-0 {

     padding-left: 0 !important
   }

   .p-xl-1 {

     padding: .25rem !important
   }

   .pt-xl-1,
   .py-xl-1 {

     padding-top: .25rem !important
   }

   .pr-xl-1,
   .px-xl-1 {

     padding-right: .25rem !important
   }

   .pb-xl-1,
   .py-xl-1 {

     padding-bottom: .25rem !important
   }

   .pl-xl-1,
   .px-xl-1 {

     padding-left: .25rem !important
   }

   .p-xl-2 {

     padding: .5rem !important
   }

   .pt-xl-2,
   .py-xl-2 {

     padding-top: .5rem !important
   }

   .pr-xl-2,
   .px-xl-2 {

     padding-right: .5rem !important
   }

   .pb-xl-2,
   .py-xl-2 {

     padding-bottom: .5rem !important
   }

   .pl-xl-2,
   .px-xl-2 {

     padding-left: .5rem !important
   }

   .p-xl-3 {

     padding: 1rem !important
   }

   .pt-xl-3,
   .py-xl-3 {

     padding-top: 1rem !important
   }

   .pr-xl-3,
   .px-xl-3 {

     padding-right: 1rem !important
   }

   .pb-xl-3,
   .py-xl-3 {

     padding-bottom: 1rem !important
   }

   .pl-xl-3,
   .px-xl-3 {

     padding-left: 1rem !important
   }

   .p-xl-4 {

     padding: 1.5rem !important
   }

   .pt-xl-4,
   .py-xl-4 {

     padding-top: 1.5rem !important
   }

   .pr-xl-4,
   .px-xl-4 {

     padding-right: 1.5rem !important
   }

   .pb-xl-4,
   .py-xl-4 {

     padding-bottom: 1.5rem !important
   }

   .pl-xl-4,
   .px-xl-4 {

     padding-left: 1.5rem !important
   }

   .p-xl-5 {

     padding: 3rem !important
   }

   .pt-xl-5,
   .py-xl-5 {

     padding-top: 3rem !important
   }

   .pr-xl-5,
   .px-xl-5 {

     padding-right: 3rem !important
   }

   .pb-xl-5,
   .py-xl-5 {

     padding-bottom: 3rem !important
   }

   .pl-xl-5,
   .px-xl-5 {

     padding-left: 3rem !important
   }

   .m-xl-n1 {

     margin: -.25rem !important
   }

   .mt-xl-n1,
   .my-xl-n1 {

     margin-top: -.25rem !important
   }

   .mr-xl-n1,
   .mx-xl-n1 {

     margin-right: -.25rem !important
   }

   .mb-xl-n1,
   .my-xl-n1 {

     margin-bottom: -.25rem !important
   }

   .ml-xl-n1,
   .mx-xl-n1 {

     margin-left: -.25rem !important
   }

   .m-xl-n2 {

     margin: -.5rem !important
   }

   .mt-xl-n2,
   .my-xl-n2 {

     margin-top: -.5rem !important
   }

   .mr-xl-n2,
   .mx-xl-n2 {

     margin-right: -.5rem !important
   }

   .mb-xl-n2,
   .my-xl-n2 {

     margin-bottom: -.5rem !important
   }

   .ml-xl-n2,
   .mx-xl-n2 {

     margin-left: -.5rem !important
   }

   .m-xl-n3 {

     margin: -1rem !important
   }

   .mt-xl-n3,
   .my-xl-n3 {

     margin-top: -1rem !important
   }

   .mr-xl-n3,
   .mx-xl-n3 {

     margin-right: -1rem !important
   }

   .mb-xl-n3,
   .my-xl-n3 {

     margin-bottom: -1rem !important
   }

   .ml-xl-n3,
   .mx-xl-n3 {

     margin-left: -1rem !important
   }

   .m-xl-n4 {

     margin: -1.5rem !important
   }

   .mt-xl-n4,
   .my-xl-n4 {

     margin-top: -1.5rem !important
   }

   .mr-xl-n4,
   .mx-xl-n4 {

     margin-right: -1.5rem !important
   }

   .mb-xl-n4,
   .my-xl-n4 {

     margin-bottom: -1.5rem !important
   }

   .ml-xl-n4,
   .mx-xl-n4 {

     margin-left: -1.5rem !important
   }

   .m-xl-n5 {

     margin: -3rem !important
   }

   .mt-xl-n5,
   .my-xl-n5 {

     margin-top: -3rem !important
   }

   .mr-xl-n5,
   .mx-xl-n5 {

     margin-right: -3rem !important
   }

   .mb-xl-n5,
   .my-xl-n5 {

     margin-bottom: -3rem !important
   }

   .ml-xl-n5,
   .mx-xl-n5 {

     margin-left: -3rem !important
   }

   .m-xl-auto {

     margin: auto !important
   }

   .mt-xl-auto,
   .my-xl-auto {

     margin-top: auto !important
   }

   .mr-xl-auto,
   .mx-xl-auto {

     margin-right: auto !important
   }

   .mb-xl-auto,
   .my-xl-auto {

     margin-bottom: auto !important
   }

   .ml-xl-auto,
   .mx-xl-auto {

     margin-left: auto !important
   }

 }

 .stretched-link:after {

   position: absolute;

   top: 0;

   right: 0;

   bottom: 0;

   left: 0;

   z-index: 1;

   pointer-events: auto;

   content: "";

   background-color: transparent
 }

 .text-monospace {

   font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
 }

 .text-justify {

   text-align: justify !important
 }

 .text-wrap {

   white-space: normal !important
 }

 .text-nowrap {

   white-space: nowrap !important
 }

 .text-truncate {

   overflow: hidden;

   text-overflow: ellipsis;

   white-space: nowrap
 }

 .text-left {

   text-align: left !important
 }

 .text-right {

   text-align: right !important
 }

 .text-center {

   text-align: center !important
 }

 @media (min-width:576px) {

   .text-sm-left {

     text-align: left !important
   }

   .text-sm-right {

     text-align: right !important
   }

   .text-sm-center {

     text-align: center !important
   }

 }

 @media (min-width:768px) {

   .text-md-left {

     text-align: left !important
   }

   .text-md-right {

     text-align: right !important
   }

   .text-md-center {

     text-align: center !important
   }

 }

 @media (min-width:992px) {

   .text-lg-left {

     text-align: left !important
   }

   .text-lg-right {

     text-align: right !important
   }

   .text-lg-center {

     text-align: center !important
   }

 }

 @media (min-width:1200px) {

   .text-xl-left {

     text-align: left !important
   }

   .text-xl-right {

     text-align: right !important
   }

   .text-xl-center {

     text-align: center !important
   }

 }

 .text-lowercase {

   text-transform: lowercase !important
 }

 .text-uppercase {

   text-transform: uppercase !important
 }

 .text-capitalize {

   text-transform: capitalize !important
 }

 .font-weight-light {

   font-weight: 300 !important
 }

 .font-weight-lighter {

   font-weight: lighter !important
 }

 .font-weight-normal {

   font-weight: 400 !important
 }

 .font-weight-bold {

   font-weight: 700 !important
 }

 .font-weight-bolder {

   font-weight: bolder !important
 }

 .font-italic {

   font-style: italic !important
 }

 .text-primary {

   color: #ae0918 !important
 }

 a.text-primary:focus,
 a.text-primary:hover {

   color: #03767e !important
 }

 .text-secondary {

   color: #6c757d !important
 }

 a.text-secondary:focus,
 a.text-secondary:hover {

   color: #494f54 !important
 }

 .text-success {

   color: #43d396 !important
 }

 a.text-success:focus,
 a.text-success:hover {

   color: #26a36e !important
 }

 .text-info {

   color: #876cfe !important
 }

 a.text-info:focus,
 a.text-info:hover {

   color: #4920fd !important
 }

 .text-warning {

   color: #ffca44 !important
 }

 a.text-warning:focus,
 a.text-warning:hover {

   color: #f7b100 !important
 }

 .text-danger {

   color: #ff4b4b !important
 }

 a.text-danger:focus,
 a.text-danger:hover {

   color: #fe0000 !important
 }

 .text-light {

   color: #c7cbd3 !important
 }

 a.text-light:focus,
 a.text-light:hover {

   color: #9ca3b1 !important
 }

 .text-dark {

   color: #01041b !important
 }

 a.text-dark:focus,
 a.text-dark:hover {

   color: #000 !important
 }

 .text-body {

   color: #535f6b !important
 }

 .text-muted {

   color: #6c757d !important
 }

 .text-black-50 {

   color: rgba(0, 0, 0, .5) !important
 }

 .text-white-50 {

   color: hsla(0, 0%, 100%, .5) !important
 }

 .text-hide {

   font: 0/0 a;

   color: transparent;

   text-shadow: none;

   background-color: transparent;

   border: 0
 }

 .text-decoration-none {

   text-decoration: none !important
 }

 .text-break {

   word-wrap: break-word !important
 }

 .text-reset {

   color: inherit !important
 }

 .visible {

   visibility: visible !important
 }

 .invisible {

   visibility: hidden !important
 }

 @media print {

   *,
   :after,
   :before {

     text-shadow: none !important;

     box-shadow: none !important
   }

   a:not(.btn) {

     text-decoration: underline
   }

   abbr[title]:after {

     content: " ("attr(title) ")"

   }

   pre {

     white-space: pre-wrap !important
   }

   blockquote,
   pre {

     border: 1px solid #adb5bd;

     page-break-inside: avoid
   }

   thead {

     display: table-header-group
   }

   img,
   tr {

     page-break-inside: avoid
   }

   h2,
   h3,
   p {

     orphans: 3;

     widows: 3
   }

   h2,
   h3 {

     page-break-after: avoid
   }

   @page {

     size: a3
   }

   .container,
   body {

     min-width: 992px !important
   }

   .navbar {

     display: none
   }

   .badge {

     border: 1px solid #000
   }

   .table {

     border-collapse: collapse !important
   }

   .table td,
   .table th {

     background-color: #fff !important
   }

   .table-bordered td,
   .table-bordered th {

     border: 1px solid #ccced2 !important
   }

   .table-dark {

     color: inherit
   }

   .table-dark tbody+tbody,
   .table-dark td,
   .table-dark th,
   .table-dark thead th {

     border-color: #f1f1f1
   }

   .table .thead-dark th {

     color: inherit;

     border-color: #f1f1f1
   }

 }

 .card {

   background: #fff;

   border-radius: 8px;

   margin-bottom: 30px;

   -ms-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   -o-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157)
 }

 .card .card-header {

   background: transparent;

   border-radius: 0;

   padding: 20px;

   margin-bottom: 0;

   -ms-flex-align: center !important;

   align-items: center !important;

   border-bottom: 1px solid #f1f1f1
 }

 .card .card-header .header-title .card-title {

   margin-bottom: 0
 }

 .card-transparent {

   background: transparent;

   border-radius: 8px;

   margin-bottom: 30px;

   border: none;

   box-shadow: none
 }

 .card-transparent .card-header {

   background: transparent;

   border-radius: 0;

   padding: 20px;

   margin-bottom: 0;

   -ms-flex-align: center !important;

   align-items: center !important;

   border: none
 }

 .card-transparent .card-header .header-title .card-title {

   margin-bottom: 0
 }

 .card-body {

   padding: 20px
 }

 .card-header-toolbar .nav-item a {

   color: #535f6b;

   padding: 4px 12px;

   font-size: 14px
 }

 .card-header-toolbar .dropdown-toggle i {

   font-size: 20px;

   line-height: normal;

   vertical-align: text-bottom
 }

 .card-header-toolbar .dropdown-toggle:after {

   display: none
 }

 .card-header .dropdown-bg {

   border-radius: 8px
 }

 .card-block.card-stretch {

   -ms-flex-align: stretch;

   align-items: stretch
 }

 .card-block.card-height-third {

   height: calc(33.33% - 30px)
 }

 .card-block.card-height-half {

   height: calc(50% - 30px)
 }

 .card-block.card-height {

   height: calc(100% - 30px)
 }

 .card-block {

   display: -ms-flexbox;

   display: flex;

   -ms-flex-positive: 1;

   flex-grow: 1;

   -ms-flex-direction: column;

   flex-direction: column
 }

 .iq-sidebar {

   position: fixed;

   z-index: 1000;

   top: 0;

   width: 260px;

   height: 100%;

   background: #fff;

   transition: all .6s ease-in-out;

   -ms-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   -o-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157)
 }

 #sidebar-scrollbar {

   height: 100vh
 }

 .scroll-content div.p-3 {

   height: 100px
 }

 .iq-sidebar-menu {

   position: relative;

   margin: 0 15px
 }

 .iq-sidebar-menu .iq-menu {

   margin: 0;

   padding: 0;

   list-style-type: none
 }

 .iq-sidebar-menu .iq-menu .iq-menu-title {

   display: block;

   color: #535f6b;

   font-size: 15px;

   position: relative;

   padding: 15px;

   font-weight: 500;

   line-height: 18px
 }

 .iq-sidebar-menu .iq-menu .iq-menu-title i {

   display: none
 }

 .iq-sidebar-menu .iq-menu li {

   list-style-type: none;

   position: relative;

   white-space: nowrap
 }

 .iq-sidebar-menu .iq-menu li li {

   margin: 0;

   background: transparent !important
 }

 .iq-sidebar-menu .iq-menu li li a {

   font-size: 16px
 }

 .iq-sidebar-menu .iq-menu li a {

   font-size: 16px;

   white-space: nowrap;

   display: block;

   color: #535f6b;

   position: relative;

   padding: 15px 18px;

   line-height: 18px;

   display: -ms-flexbox;

   display: flex;

   -ms-flex-align: center;

   align-items: center;

   overflow: hidden;

   text-transform: capitalize;

   border-radius: 8px
 }

 .iq-sidebar-menu .iq-menu li a i {

   vertical-align: middle;

   width: 20px;

   display: inline-block;

   margin-right: 8px;

   font-size: 16px
 }

 .iq-sidebar-menu .iq-menu li a span {

   white-space: nowrap;

   padding: 0;

   display: inline-block;

   transition: none
 }

 .iq-sidebar-menu .iq-menu li a .iq-arrow-right {

   margin-right: 0;

   margin-left: auto;

   font-size: 15px;

   width: 15px;

   transition: all .6s ease-in-out
 }

 .iq-sidebar-menu .iq-menu li a .badge {

   position: absolute;

   right: 15px;

   transition: all .6s ease-in-out
 }

 .iq-sidebar-menu .iq-menu li a[aria-expanded=true] .iq-arrow-right {

   transition: all .6s ease-in-out
 }

 .iq-sidebar-menu .iq-menu li ul {

   padding-left: 0;

   position: relative
 }

 .iq-sidebar-menu .iq-menu li .iq-submenu li a[aria-expanded=true] {

   box-shadow: none
 }

 .iq-sidebar-menu .iq-menu li.active-menu>a {

   color: #ae0918;

   text-decoration: none;

   border-radius: 0;

   transition: none
 }

 .iq-sidebar-menu .iq-menu li.active .iq-submenu li>a {

   background: transparent
 }

 .sidebar-default .iq-sidebar-menu .iq-menu li a:hover {

   color: #ae0918
 }

 .sidebar-default .iq-sidebar-menu .iq-menu li a[aria-expanded=true] {

   color: #ae0918;

   text-decoration: none;

   transition: none
 }

 .sidebar-default .iq-sidebar-menu .iq-menu li a[aria-expanded=true] i.iq-arrow-left {

   color: #ae0918
 }

 .sidebar-default .iq-sidebar-menu .iq-menu li .iq-submenu li a:hover {

   background: transparent
 }

 .sidebar-default .iq-sidebar-menu .iq-menu li ul a:hover {

   color: #ae0918;

   text-decoration: none;

   background: transparent
 }

 .sidebar-default .iq-sidebar-menu .iq-menu li ul li a {

   padding-left: 40px
 }

 .sidebar-default .iq-sidebar-menu .iq-menu li ul ul li>a {

   padding-left: 60px
 }

 .sidebar-default .iq-sidebar-menu .iq-menu li ul ul ul li>a {

   padding-left: 80px
 }

 .sidebar-default .iq-sidebar-menu .iq-menu li ul.iq-submenu-data li {

   margin: 0
 }

 .sidebar-default .iq-sidebar-menu .iq-menu>li.active>a {

   color: #ae0918;

   text-decoration: none;

   background: rgba(0, 0, 0, .9)
 }

 .sidebar-default .iq-sidebar-menu .iq-menu li.active .iq-submenu li.active>a {

   color: #ae0918;

   border-radius: 0
 }

 .sidebar-default .iq-sidebar-menu .iq-menu li.active .iq-submenu li:last-child>a {

   border-radius: 0 0 8px 8px
 }

 .sidebar-default .iq-sidebar-menu .iq-menu .iq-submenu .iq-submenu-data,
 .sidebar-default .iq-sidebar-menu .iq-menu li.active .iq-submenu li a[aria-expanded=true] {

   box-shadow: none
 }

 .sidebar-default .iq-sidebar .iq-sidebar-menu .iq-menu .iq-submenu li:before {

   content: "";

   width: 3px;

   height: 35px;

   background: #ae0918;

   position: absolute;

   left: 30px;

   top: 8px;

   border-radius: 8px;

   -webkit-opacity: 0;

   -moz-opacity: 0;

   -ms-opacity: 0;

   -o-opacity: 0;

   opacity: 0
 }

 .sidebar-default .iq-sidebar .iq-sidebar-menu .iq-menu .iq-submenu li.active:before {

   -webkit-opacity: 1;

   -moz-opacity: 1;

   -ms-opacity: 1;

   -o-opacity: 1;

   opacity: 1
 }

 .sidebar-default .iq-sidebar .iq-sidebar-menu .iq-menu li.active ul.iq-submenu .iq-submenu:before,
 .sidebar-default .iq-sidebar .iq-sidebar-menu .iq-menu li.active ul.iq-submenu .iq-submenu li:before {

   left: 48px;

   width: 2px
 }

 .sidebar-default .sidebar-main .iq-sidebar-menu .iq-menu li ul {

   padding-left: 0
 }

 .sidebar-default .sidebar-bottom {

   padding: 120px 15px 0 !important
 }

 .sidebar-default .sidebar-bottom .sidebarbottom-content {

   text-align: center
 }

 .sidebar-default .sidebar-bottom .image {

   margin-top: -132px
 }

 .iq-sidebar-menu .iq-menu li a .iq-arrow-right.arrow-hover,
 .iq-sidebar-menu .iq-menu li a[aria-expanded=true] .iq-arrow-right.arrow-active {

   -webkit-opacity: 0;

   -moz-opacity: 0;

   -ms-opacity: 0;

   -o-opacity: 0;

   opacity: 0;

   display: none
 }

 .iq-sidebar-menu .iq-menu li a[aria-expanded=true] .iq-arrow-right.arrow-hover {

   -webkit-opacity: 1;

   -moz-opacity: 1;

   -ms-opacity: 1;

   -o-opacity: 1;

   opacity: 1;

   display: block
 }

 .iq-sidebar-logo {

   padding: 15px;

   width: auto;

   position: relative;

   transition: all .6s ease-in-out
 }

 .iq-sidebar-logo a {

   display: flex;

   align-items: flex-start
 }

 .iq-sidebar-logo a span {

   margin-left: 10px;

   font-size: 19px;

   line-height: 42px;

   padding-left: 1px;

   letter-spacing: 1.5px;

   font-weight: 600;

   flex: 1;

   transition: all .6s ease-in-out
 }

 .iq-sidebar-logo a span.logo-text {

   font-size: 10px;

   letter-spacing: 5px
 }

 .iq-sidebar-logo a:focus,
 .iq-sidebar-logo a:hover {

   text-decoration: none
 }

 .iq-sidebar-logo img {

   height: 60px
 }

 .iq-saidbar-logo img {

   width: 60%
 }

 .logo-text {

   color: #535f6b;

   text-transform: uppercase;

   font-size: 10px;

   letter-spacing: 5px
 }

 .iq-top-navbar .wrapper-menu {

   margin: 0 15px 0 0
 }

 .wrapper-menu {

   font-size: 30px;

   text-align: center;

   color: #ae0918;

   position: relative;

   transition: all .6s ease-in-out
 }

 @media (min-width:1300px) {

   .iq-top-navbar .iq-navbar-custom .wrapper-menu {

     display: none
   }

   body.sidebar-main .iq-sidebar {

     width: 80px
   }

   body.sidebar-main .iq-sidebar .iq-sidebar-menu .iq-menu li a span {

     -webkit-opacity: 0;

     -moz-opacity: 0;

     -ms-opacity: 0;

     -o-opacity: 0;

     opacity: 0;

     display: none;

     transition: all .6s ease-in-out
   }

   body.sidebar-main .iq-sidebar-logo a,
   body.sidebar-main .iq-sidebar .iq-sidebar-menu .iq-menu li a .iq-arrow-right {

     display: none
   }

   body.sidebar-main .iq-sidebar-logo a span,
   body.sidebar-main .iq-sidebar-menu .iq-menu li a .badge {

     -webkit-opacity: 0;

     -moz-opacity: 0;

     -ms-opacity: 0;

     -o-opacity: 0;

     opacity: 0;

     display: none;

     transition: all .6s ease-in-out
   }

   body.sidebar-main .iq-sidebar-menu .iq-menu li a .iq-arrow-right {

     margin-right: 0;

     display: none
   }

   body.sidebar-main .iq-sidebar-menu .iq-menu li a i.iq-arrow-left {

     margin: 0 auto
   }

   body.sidebar-main .iq-sidebar-menu .iq-menu li li a i {

     margin: 0 auto;

     text-align: center
   }

   body.sidebar-main .sidebar-default .iq-sidebar-menu .iq-menu li ul li a {

     padding-left: 18px
   }

   .sidebar-main .iq-sidebar .iq-submenu li a {

     font-size: 0
   }

   .sidebar-main .iq-sidebar .sidebar-bottom {

     display: none
   }

 }

 @media (max-width:1299px) {

   .iq-sidebar {

     display: inline-block;

     z-index: 99;

     left: -300px;

     top: 0
   }

   body.sidebar-main .iq-sidebar {

     width: 260px;

     left: 0;

     z-index: 999
   }

 }

 @keyframes b {

   0% {

     box-shadow: 0 0 0 0 rgba(0, 177, 255, .2)
   }

   to {

     box-shadow: 0 0 0 15px rgba(0, 177, 255, 0)
   }

 }

 @keyframes c {

   0% {

     transform: translateY(50px);

     -webkit-opacity: 0;

     -moz-opacity: 0;

     -ms-opacity: 0;

     -o-opacity: 0;

     opacity: 0
   }

   to {

     transform: translateY(0);

     -webkit-opacity: 1;

     -moz-opacity: 1;

     -ms-opacity: 1;

     -o-opacity: 1;

     opacity: 1
   }

 }

 .iq-top-navbar {

   background: #fff;

   padding: 0 30px;

   min-height: 73px;

   position: fixed;

   top: 0;

   left: auto;

   right: 0;

   width: calc(100% - 260px);

   display: inline-block;

   z-index: 99;

   margin: 0;

   transition: all .3s ease-in-out;

   -ms-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   -o-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157)
 }

 .iq-top-navbar .iq-navbar-custom .navbar-breadcrumb {

   display: block;

   margin-left: 0;

   padding: 20px 0
 }

 .iq-top-navbar .breadcrumb {

   background: transparent;

   padding: 0;

   margin: 0
 }

 .iq-top-navbar .breadcrumb .breadcrumb-item.active {

   color: #535f6b
 }

 .iq-top-navbar .breadcrumb li {

   list-style-type: none;

   font-size: 14px
 }

 .iq-top-navbar .breadcrumb li a,
 .iq-top-navbar .breadcrumb li a:hover {

   text-decoration: none
 }

 .iq-top-navbar .navbar-expand-lg {

   justify-content: space-between !important
 }

 .iq-top-navbar .iq-sub-dropdown {

   width: 300px;

   position: absolute;

   top: 100%;

   right: 0;

   left: auto;

   border: none;

   animation: c .6s cubic-bezier(.39, .575, .565, 1) both;

   transform: translateY(100%);

   background-color: #fff;

   padding: 0;

   border-radius: 8px;

   -ms-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   -o-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   transition: all .3s ease-in-out
 }

 .iq-top-navbar .iq-sub-dropdown .iq-card-body div {

   border-radius: 8px 8px 0 0
 }

 .iq-top-navbar .lang .iq-sub-dropdown {

   width: auto
 }

 .iq-top-navbar .iq-user-dropdown {

   position: fixed;

   left: auto;

   right: 0;

   width: 350px;

   top: 0;

   bottom: 0;

   height: 100vh;

   background: #fff;

   -webkit-opacity: 0;

   -moz-opacity: 0;

   -ms-opacity: 0;

   -o-opacity: 0;

   opacity: 0;

   visibility: hidden;

   transform: translateX(100%);

   transition: all .3s ease-in-out
 }

 .iq-top-navbar .navbar-brand {

   padding: 0
 }

 body.sidebar-main .iq-top-navbar {

   width: calc(100% - 80px)
 }

 .iq-top-navbar.fixed-header {

   margin: 0;

   right: 0;

   width: calc(100% - 330px);

   border-radius: 0;

   transition: all .3s ease-in-out
 }

 .navbar-breadcrumb .breadcrumb {

   padding: 0;

   background: none;

   margin-top: 5px
 }

 .breadcrumb-item+.breadcrumb-item:before {

   content: "\ea5f";

   font-family: remixicon;

   font-size: 14px;

   vertical-align: sub;

   color: #535f6b
 }

 .navbar-list {

   margin: 0;

   padding: 0;

   float: right
 }

 .navbar-list li {

   float: left;

   list-style-type: none;

   position: relative
 }

 .navbar-list li>.dropdown {

   line-height: 73px;

   cursor: pointer
 }

 .navbar-list li>.dropdown .dropdown-menu {

   animation: c .6s cubic-bezier(.39, .575, .565, 1) both;

   transform: translateY(100%)
 }

 .navbar-list li .dropdown-toggle:after {

   display: none
 }

 .navbar-list li>a.language-title {

   font-size: 16px
 }

 .navbar-list li>a {

   color: #535f6b;

   font-size: 18px;

   padding: 0 10px;

   display: block;

   line-height: 73px
 }

 .navbar-list li>a>img {

   width: 50px;

   height: 50px;

   min-width: 50px
 }

 .navbar-list li a:hover {

   text-decoration: none
 }

 .navbar-list li .caption {

   line-height: 16px
 }

 .navbar-list li .caption p {

   color: #535f6b;

   font-size: 12px
 }

 .navbar-list li .iq-sub-dropdown .iq-sub-card {

   font-size: inherit;

   padding-bottom: 18px;

   line-height: normal;

   color: inherit;

   display: inline-block;

   width: 100%
 }

 .navbar-list li .iq-sub-dropdown .iq-sub-card:last-child {

   padding-bottom: 0
 }

 .navbar-list li .iq-sub-dropdown .iq-sub-card.iq-sub-card-big {

   width: auto
 }

 .navbar-list li.iq-nav-user {

   display: flex;

   align-items: flex-start
 }

 .navbar-list li.iq-nav-user span {

   flex: 1;

   font-size: 14px
 }

 .menu-tag,
 .navbar-list .caption-content {

   line-height: normal
 }

 .menu-tag {

   position: absolute;

   background: #535f6b;

   color: #fff;

   top: 18px;

   left: 18px;

   font-size: 12px;

   border-radius: 90px;

   height: 18px;

   width: 18px;

   line-height: 18px;

   text-align: center;

   display: inline-block
 }

 .iq-breadcrumb {

   display: none
 }

 .toggle-cart-info img {

   width: 50px
 }

 .nav-item span.dots {

   width: 6px;

   font-size: 0
 }

 .nav-item span.count-mail,
 .nav-item span.dots {

   height: 6px;

   text-align: center;

   padding: 0;

   position: absolute;

   top: 18px;

   right: 3px;

   border: 0;

   animation: b 1s infinite;

   border-radius: 50%
 }

 .nav-item span.count-mail {

   width: 5px;

   font-size: 10px;

   line-height: 15px
 }

 .nav-item .badge.count-cart {

   height: 15px;

   width: 15px;

   font-size: 10px;

   text-align: center;

   line-height: 15px;

   padding: 0;

   position: absolute;

   top: 13px;

   right: 0
 }

 .top-nav-bottom {

   margin-left: 260px;

   border-top: 1px solid rgba(0, 0, 0, .3)
 }

 .topnav-toolbar li a {

   display: block;

   padding: 10px 15px;

   text-transform: capitalize;

   color: #6c757d;

   border-radius: 8px
 }

 .topnav-toolbar li.date-today {

   background: #c7cbd3
 }

 .topnav-toolbar li.active a {

   background: rgba(0, 0, 0, .3);

   color: #ae0918
 }

 .topnav-toolbar ul li {

   list-style: none;

   padding: 13px 0
 }

 .iq-search-bar .searchbox {

   width: 400px;

   position: relative
 }

 .iq-search-bar .search-input {

   width: 100%;

   height: 40px;

   padding: 5px 65px 5px 40px;

   border-radius: 8px;

   border: 1px solid #f1f1f1;

   background-color: #fafbfe
 }

 .iq-search-bar .search-link {

   position: absolute;

   left: 10px;

   top: 11px
 }

 .iq-navbar-logo {

   padding: 0;

   width: auto;

   position: relative;

   background: #fff;

   transition: all .3s ease-in-out;

   background: transparent
 }

 .iq-navbar-logo a {

   display: flex;

   align-items: center
 }

 .iq-navbar-logo a span {

   margin-left: 10px;

   font-size: 28px;

   line-height: 26px;

   font-weight: 500;

   color: #01041b;

   text-transform: capitalize;

   flex: 1;

   transition: all .3s ease-in-out
 }

 .iq-navbar-logo a:focus,
 .iq-navbar-logo a:hover {

   text-decoration: none
 }

 .iq-navbar-logo img {

   height: 50px
 }

 .iq-sub-dropdown.iq-sub-dropdown-large {

   width: 500px
 }

 .cust-title {

   border-bottom: 1px solid #f1f1f1
 }

 .crt-img {

   background: #fafbfe;

   padding: 10px;

   border-radius: 8px
 }

 .cust-dd .btn {

   border-radius: 0 0 8px 8px
 }

 .dd-icon {

   position: absolute;

   right: 0;

   bottom: 0;

   width: 40px;

   height: 40px;

   background: #0da6b1;

   color: #fff;

   border-radius: 0 0 0 10px;

   text-align: center;

   line-height: 40px;

   transition: all .3s ease-in-out;

   display: flex;

   align-items: center;

   justify-content: center
 }

 .right-ic {

   border-radius: 0 0 8px 8px;

   overflow: hidden;

   border: none !important
 }

 .right-ic:hover .dd-icon {

   background: #ae0918
 }

 .iq-show .iq-sub-dropdown {

   display: inline-block
 }

 .iq-sub-dropdown .iq-card-icon {

   width: 45px;

   height: 45px;

   line-height: 40px;

   font-size: 22px
 }

 .show-data .iq-user-dropdown {

   -webkit-opacity: 1;

   -moz-opacity: 1;

   -ms-opacity: 1;

   -o-opacity: 1;

   opacity: 1;

   visibility: visible;

   transform: translateX(0);

   transition: all .3s ease-in-out
 }

 .iq-card-icon-small {

   height: 40px;

   width: 40px;

   min-width: 40px;

   display: inline-block;

   line-height: 40px;

   text-align: center;

   font-size: 22px
 }

 .profile-details>a {

   margin-bottom: 15px;

   display: block;

   border-radius: 8px
 }

 .data-scrollbar {

   height: 100vh
 }

 .navbar-toggler {

   outline: none
 }

 @media (min-width:1300px) {

   .iq-navbar-logo {

     display: none !important
   }

   .iq-navbar-logo>a {

     display: none
   }

   .iq-menu-horizontal .iq-sidebar-menu .iq-menu li a.collapsed {

     pointer-events: none
   }

 }

 @media (max-width:1199px) {

   .iq-search-bar .searchbox {

     width: 320px
   }

 }

 @media (max-width:1299px) {

   .iq-top-navbar {

     width: 100%
   }

   .iq-top-navbar .iq-search-bar.device-search {

     margin-left: 20px
   }

   body.sidebar-main .iq-top-navbar {

     width: 100%
   }

 }

 @media (min-width:992px) {

   .search-content {

     display: none
   }

   .navbar-list li:last-child>a {

     padding: 0 0 0 15px
   }

 }

 @media (max-width:991px) {

   .device-search {

     display: none
   }

   .navbar-collapse {

     position: absolute;

     top: 100%;

     left: 0;

     width: 100%;

     background: #fff;

     border-radius: 8px;

     -ms-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

     -o-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

     box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157)
   }

   .navbar-nav.navbar-list {

     float: right;

     display: inline-block
   }

   .iq-top-navbar {

     padding: 16px 15px !important;

     line-height: normal;

     min-height: unset
   }

   .iq-top-navbar .navbar-toggler {

     color: #ae0918;

     background: rgba(0, 0, 0, .3);

     border: none;

     padding: 7px 10px 3px;

     border-radius: 5px;

     font-size: 24px
   }

   .iq-top-navbar .iq-navbar-logo img {

     height: 40px
   }

   .iq-top-navbar .iq-search-bar {

     line-height: normal
   }

   .iq-search-bar .searchbox {

     width: 100%
   }

 }

 @media (max-width:767px) {

   .iq-top-navbar .lang .iq-sub-dropdown {

     width: 150px
   }

 }

 @media (max-width:575px) {

   .search-toggle {

     position: relative
   }

   .iq-top-navbar .iq-sub-dropdown {

     left: 0;

     right: 0;

     margin: 0 auto;

     width: 270px
   }

   .iq-top-navbar .iq-search-bar {

     width: 100%
   }

   .iq-top-navbar .iq-user-dropdown {

     width: 300px
   }

   .navbar-list li {

     position: static
   }

   .navbar-list li>a.language-title {

     font-size: 0
   }

 }

 @media (max-width:479px) {

   .navbar-list li>a {

     padding: 0 10px
   }

   .navbar-list li>a>img {

     width: 40px;

     height: 40px;

     min-width: 40px
   }

 }

 .iq-right-fixed {

   margin: 0 15px
 }

 .right-sidebar-mini {

   top: 75px;

   z-index: 100;

   position: fixed;

   width: 260px;

   right: 0;

   transform: translateX(calc(111% + -2em));

   transition: all .3s ease-in-out
 }

 .right-sidebar-mini .side-left-icon {

   display: none
 }

 .right-sidebar-toggle {

   position: absolute;

   margin-left: -44px;

   background: #fff;

   padding: 15px;

   display: inline;

   top: 0;

   z-index: 99;

   border-radius: 50px 0 0 50px;

   -ms-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   -o-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   cursor: pointer
 }

 .right-sidebar-toggle span {

   display: none !important
 }

 .right-sidebar-panel {

   background-color: #fff;

   -ms-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   -o-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   height: 91vh;

   padding: 15px;

   overflow-y: scroll
 }

 .right-sidebar {

   transform: translateX(calc(10% + -1em))
 }

 .right-sidebar .side-right-icon {

   display: none
 }

 .right-sidebar .side-left-icon {

   display: block
 }

 @media (min-width:1500px) {

   .right-sidebar-mini {

     transform: translateX(calc(10% + -1em))
   }

   .right-sidebar-mini:hover .right-sidebar-toggle {

     -webkit-opacity: 1;

     -moz-opacity: 1;

     -ms-opacity: 1;

     -o-opacity: 1;

     opacity: 1;

     margin-left: -44px;

     transition: all .3s ease-in-out
   }

   .right-sidebar-toggle {

     z-index: -1;

     -webkit-opacity: 0;

     -moz-opacity: 0;

     -ms-opacity: 0;

     -o-opacity: 0;

     opacity: 0;

     margin-left: 0;

     transition: all .3s ease-in-out
   }

   .right-sidebar-mini.right-sidebar {

     transform: translateX(calc(111% + -2em))
   }

   .right-sidebar-mini.right-sidebar .right-sidebar-toggle {

     margin-left: -44px;

     -webkit-opacity: 1;

     -moz-opacity: 1;

     -ms-opacity: 1;

     -o-opacity: 1;

     opacity: 1
   }

   body.right-sidebar-close footer {

     width: calc(100vw - 260px)
   }

 }

 @media (min-width:1300px) and (max-width:1499px) {

   .right-sidebar-mini {

     transform: translateX(calc(111% + -8em))
   }

   .right-sidebar-mini .media-body {

     -webkit-opacity: 0;

     -moz-opacity: 0;

     -ms-opacity: 0;

     -o-opacity: 0;

     opacity: 0
   }

   .right-sidebar-mini.right-sidebar {

     transform: translateX(calc(10% + -1em))
   }

   .right-sidebar-mini.right-sidebar .media-body {

     -webkit-opacity: 1;

     -moz-opacity: 1;

     -ms-opacity: 1;

     -o-opacity: 1;

     opacity: 1
   }

 }

 .basic-drop-shadow {

   box-shadow: 0 0 10px rgba(0, 0, 0, .15)
 }

 .bottom-left {

   box-shadow: -5px 5px 10px rgba(0, 0, 0, .15)
 }

 .bottom-right {

   box-shadow: 5px 5px 10px rgba(0, 0, 0, .15)
 }

 .top-left {

   box-shadow: -5px -5px 10px rgba(0, 0, 0, .15)
 }

 .top-right {

   box-shadow: 5px -5px 10px rgba(0, 0, 0, .15)
 }

 .shadow-bottom {

   box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .15)
 }

 .inner-shadow {

   box-shadow: inset 0 0 10px rgba(0, 0, 0, .15)
 }

 .blur-shadow {

   box-shadow: 1px 1px 25px rgba(0, 0, 0, .15)
 }

 @keyframes d {

   to {

     transform: scale(2);

     -webkit-opacity: 0;

     -moz-opacity: 0;

     -ms-opacity: 0;

     -o-opacity: 0;

     opacity: 0
   }

 }

 .ripple {

   width: 0;

   height: 0;

   border-radius: 50%;

   background: rgba(0, 0, 0, .3);

   transform: scale(0);

   position: absolute;

   -webkit-opacity: 1;

   -moz-opacity: 1;

   -ms-opacity: 1;

   -o-opacity: 1;

   opacity: 1
 }

 .rippleEffect {

   animation: d .6s linear
 }

 .media-support {

   display: inline-block;

   width: 100%
 }

 .media-support-user-img img {

   height: 60px
 }

 .media-support-header {

   display: flex;

   align-items: flex-start
 }

 .media-support-info {

   flex: 1
 }

 .projects-media img {

   height: 60px
 }

 .iq-media-group .iq-media {

   margin-left: -20px;

   position: relative;

   z-index: 0;

   transition: all .3s ease-in-out
 }

 .iq-media-group .iq-media:hover {

   z-index: 9
 }

 .iq-media-group .iq-media img {

   border: 2px solid #f1f1f1
 }

 .iq-media-group .iq-media:first-child {

   margin-left: 0
 }

 .iq-media-group .iq-media.border {

   border: 2px solid #f1f1f1
 }

 .iq-media {

   display: -ms-inline-flexbox;

   display: inline-flex;

   background-repeat: no-repeat;

   background-position: 50%;

   background-size: cover
 }

 .iq-media:hover {

   text-decoration: none
 }

 .media-pl {

   text-align: center
 }

 .badge {

   padding: .3em .6em;

   line-height: 1.3;

   text-transform: capitalize;

   border-radius: 8px
 }

 .breadcrumb.bg-primary .breadcrumb-item+.breadcrumb-item:before {

   color: #fff
 }

 .alert {

   display: -ms-flexbox;

   display: flex;

   -ms-flex-align: stretch;

   align-items: stretch
 }

 .alert.bg-white {

   border-width: 2px
 }

 .alert .mm-alert-icon {

   display: -ms-flexbox;

   display: flex;

   -ms-flex-align: center;

   align-items: center;

   padding: 0 1.3rem 0 0
 }

 .alert .mm-alert-icon i {

   font-size: 2.441em;

   line-height: normal
 }

 .alert .mm-alert-text {

   -ms-flex-item-align: center;

   align-self: center;

   -ms-flex-positive: 1;

   flex-grow: 1
 }

 .alert .close {

   float: right;

   font-size: 20px;

   font-weight: 400;

   line-height: 1;

   color: #fff;

   text-shadow: none;

   opacity: 1
 }

 .close:not(:disabled):not(.disabled):focus,
 .close:not(:disabled):not(.disabled):hover {

   outline: none
 }

 .dark .alert-primary {

   color: #ae0918;

   background-color: rgba(5, 187, 201, .2);

   border-color: #b9ecf0
 }

 .dark .alert-primary hr {

   border-top-color: #a4e6ec
 }

 .dark .alert-primary .alert-link {

   color: #048d97
 }

 .dark .alert-primary.bg-white {

   background-color: #222 !important;

   color: #c7cbd3 !important
 }

 .dark .alert-secondary {

   color: #6c757d;

   background-color: hsla(208, 7%, 46%, .2);

   border-color: #d6d8db
 }

 .dark .alert-secondary hr {

   border-top-color: #c8cbcf
 }

 .dark .alert-secondary .alert-link {

   color: #545b62
 }

 .dark .alert-secondary.bg-white {

   background-color: #222 !important;

   color: #c7cbd3 !important
 }

 .dark .alert-success {

   color: #43d396;

   background-color: rgba(67, 211, 150, .2);

   border-color: #caf3e2
 }

 .dark .alert-success hr {

   border-top-color: #b5eed7
 }

 .dark .alert-success .alert-link {

   color: #2bb87c
 }

 .dark .alert-success.bg-white {

   background-color: #222 !important;

   color: #c7cbd3 !important
 }

 .dark .alert-info {

   color: #876cfe;

   background-color: rgba(135, 108, 254, .2);

   border-color: #ddd6ff
 }

 .dark .alert-info hr {

   border-top-color: #c8bdff
 }

 .dark .alert-info .alert-link {

   color: #5e39fe
 }

 .dark .alert-info.bg-white {

   background-color: #222 !important;

   color: #c7cbd3 !important
 }

 .dark .alert-warning {

   color: #ffca44;

   background-color: rgba(255, 202, 68, .2);

   border-color: #fff0cb
 }

 .dark .alert-warning hr {

   border-top-color: #ffe9b2
 }

 .dark .alert-warning .alert-link {

   color: #ffbc11
 }

 .dark .alert-warning.bg-white {

   background-color: #222 !important;

   color: #c7cbd3 !important
 }

 .dark .alert-danger {

   color: #ff4b4b;

   background-color: rgba(255, 75, 75, .2);

   border-color: #ffcdcd
 }

 .dark .alert-danger hr {

   border-top-color: #ffb4b4
 }

 .dark .alert-danger .alert-link {

   color: #ff1818
 }

 .dark .alert-danger.bg-white {

   background-color: #222 !important;

   color: #c7cbd3 !important
 }

 .dark .alert-light {

   color: #c7cbd3;

   background-color: rgba(199, 203, 211, .2);

   border-color: #eff0f3
 }

 .dark .alert-light hr {

   border-top-color: #e0e2e8
 }

 .dark .alert-light .alert-link {

   color: #aab0bd
 }

 .dark .alert-light.bg-white {

   background-color: #222 !important;

   color: #c7cbd3 !important
 }

 .dark .alert-dark {

   color: #01041b;

   background-color: rgba(1, 4, 27, .2);

   border-color: #b8b9bf
 }

 .dark .alert-dark hr {

   border-top-color: #abacb3
 }

 .dark .alert-dark .alert-link {

   color: #000
 }

 .dark .alert-dark.bg-white {

   background-color: #222 !important;

   color: #c7cbd3 !important
 }

 .dark .alert-orange {

   color: #fe721c;

   background-color: rgba(254, 114, 28, .2);

   border-color: #ffd8bf
 }

 .dark .alert-orange hr {

   border-top-color: #ffc8a6
 }

 .dark .alert-orange .alert-link {

   color: #e65801
 }

 .dark .alert-orange.bg-white {

   background-color: #222 !important;

   color: #c7cbd3 !important
 }

 .dark .alert-purple {

   color: #4731b6;

   background-color: rgba(71, 49, 182, .2);

   border-color: #cbc5eb
 }

 .dark .alert-purple hr {

   border-top-color: #bab2e4
 }

 .dark .alert-purple .alert-link {

   color: #37268e
 }

 .dark .alert-purple.bg-white {

   background-color: #222 !important;

   color: #c7cbd3 !important
 }

 .dark .alert-skyblue {

   color: #158df7;

   background-color: rgba(21, 141, 247, .2);

   border-color: #bddffd
 }

 .dark .alert-skyblue hr {

   border-top-color: #a4d3fc
 }

 .dark .alert-skyblue .alert-link {

   color: #0773d2
 }

 .dark .alert-skyblue.bg-white {

   background-color: #222 !important;

   color: #c7cbd3 !important
 }

 .iq-example-row .row>.col,
 .iq-example-row .row>[class^=col-] {

   padding-top: .75rem;

   color: #535f6b;

   padding-bottom: .75rem;

   background-color: rgba(86, 61, 124, .15);

   border: 1px solid rgba(86, 61, 124, .2)
 }

 .iq-example-row-flex-cols .row {

   margin-bottom: 15px;

   min-height: 10rem;

   background-color: rgba(255, 0, 0, .1)
 }

 .nav-pills .nav-item a {

   color: #535f6b
 }

 .nav-pills .nav-link:hover {

   color: #ae0918
 }

 .nav-tabs {

   border-bottom: 2px solid rgba(0, 0, 0, .3);

   margin-bottom: 15px
 }

 .nav-tabs .nav-item {

   margin-bottom: -2px
 }

 .nav-tabs .nav-item a {

   color: #535f6b;

   border: none;

   border-bottom: 2px solid transparent
 }

 .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active {

   border-bottom: 2px solid #ae0918;

   color: #ae0918
 }

 .custom-checkbox.custom-checkbox-color input.bg-primary~label:before {

   background-color: #ae0918 !important;

   border-color: #ae0918 !important
 }

 .custom-checkbox.custom-checkbox-color input.bg-success~label:before {

   background-color: #43d396 !important;

   border-color: #43d396 !important
 }

 .custom-checkbox.custom-checkbox-color input.bg-danger~label:before {

   background-color: #ff4b4b !important;

   border-color: #ff4b4b !important
 }

 .custom-checkbox.custom-checkbox-color input.bg-warning~label:before {

   background-color: #ffca44 !important;

   border-color: #ffca44 !important
 }

 .custom-checkbox.custom-checkbox-color input.bg-dark~label:before {

   background-color: #535f6b !important;

   border-color: #535f6b !important
 }

 .custom-checkbox.custom-checkbox-color input.bg-info~label:before {

   background-color: #876cfe !important;

   border-color: #876cfe !important
 }

 .custom-checkbox.custom-checkbox-color-check input:checked.bg-primary~label:before {

   background-color: #ae0918 !important;

   border-color: #ae0918 !important
 }

 .custom-checkbox.custom-checkbox-color-check input:checked.bg-success~label:before {

   background-color: #43d396 !important;

   border-color: #43d396 !important
 }

 .custom-checkbox.custom-checkbox-color-check input:checked.bg-danger~label:before {

   background-color: #ff4b4b !important;

   border-color: #ff4b4b !important
 }

 .custom-checkbox.custom-checkbox-color-check input:checked.bg-warning~label:before {

   background-color: #ffca44 !important;

   border-color: #ffca44 !important
 }

 .custom-checkbox.custom-checkbox-color-check input:checked.bg-dark~label:before {

   background-color: #535f6b !important;

   border-color: #535f6b !important
 }

 .custom-checkbox.custom-checkbox-color-check input:checked.bg-info~label:before {

   background-color: #876cfe !important;

   border-color: #876cfe !important
 }

 .custom-radio.custom-radio-color input.bg-primary~label:before {

   background-color: #ae0918 !important;

   border-color: #ae0918 !important
 }

 .custom-radio.custom-radio-color input.bg-success~label:before {

   background-color: #43d396 !important;

   border-color: #43d396 !important
 }

 .custom-radio.custom-radio-color input.bg-danger~label:before {

   background-color: #ff4b4b !important;

   border-color: #ff4b4b !important
 }

 .custom-radio.custom-radio-color input.bg-warning~label:before {

   background-color: #ffca44 !important;

   border-color: #ffca44 !important
 }

 .custom-radio.custom-radio-color input.bg-dark~label:before {

   background-color: #535f6b !important;

   border-color: #535f6b !important
 }

 .custom-radio.custom-radio-color input.bg-info~label:before {

   background-color: #876cfe !important;

   border-color: #876cfe !important
 }

 .custom-radio.custom-radio-color-checked input:checked.bg-primary~label:before {

   background-color: #ae0918 !important;

   border-color: #ae0918 !important
 }

 .custom-radio.custom-radio-color-checked input:checked.bg-success~label:before {

   background-color: #43d396 !important;

   border-color: #43d396 !important
 }

 .custom-radio.custom-radio-color-checked input:checked.bg-danger~label:before {

   background-color: #ff4b4b !important;

   border-color: #ff4b4b !important
 }

 .custom-radio.custom-radio-color-checked input:checked.bg-warning~label:before {

   background-color: #ffca44 !important;

   border-color: #ffca44 !important
 }

 .custom-radio.custom-radio-color-checked input:checked.bg-dark~label:before {

   background-color: #535f6b !important;

   border-color: #535f6b !important
 }

 .custom-radio.custom-radio-color-checked input:checked.bg-info~label:before {

   background-color: #876cfe !important;

   border-color: #876cfe !important
 }

 .custom-switch.custom-switch-color input:checked.bg-primary~label:before {

   background-color: #ae0918 !important;

   border-color: #ae0918 !important
 }

 .custom-switch.custom-switch-color input:checked.bg-success~label:before {

   background-color: #43d396 !important;

   border-color: #43d396 !important
 }

 .custom-switch.custom-switch-color input:checked.bg-danger~label:before {

   background-color: #ff4b4b !important;

   border-color: #ff4b4b !important
 }

 .custom-switch.custom-switch-color input:checked.bg-warning~label:before {

   background-color: #ffca44 !important;

   border-color: #ffca44 !important
 }

 .custom-switch.custom-switch-color input:checked.bg-dark~label:before {

   background-color: #535f6b !important;

   border-color: #535f6b !important
 }

 .custom-switch.custom-switch-color input:checked.bg-info~label:before {

   background-color: #876cfe !important;

   border-color: #876cfe !important
 }

 .custom-checkbox.checkbox-icon label i {

   position: absolute;

   top: 6px;

   left: -21px;

   font-size: 10px;

   transform: scale(0);

   transition: all .3s ease-in-out
 }

 .custom-checkbox.checkbox-icon input:checked~label i {

   transform: scale(1);

   color: #fff
 }

 .custom-checkbox.checkbox-icon input:checked~label:after {

   display: none
 }

 .custom-control-input:checked~.custom-control-label:before {

   background-color: #ae0918;

   border-color: #ae0918
 }

 .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before,
 .custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {

   background-color: rgba(0, 0, 0, .3);

   color: #ae0918
 }

 .custom-select:focus {

   box-shadow: none
 }

 .custom-switch.custom-switch-icon {

   padding-left: 0
 }

 .custom-switch.custom-switch-icon label .switch-icon-left {

   position: absolute;

   cursor: pointer;

   -webkit-user-select: none;

   -moz-user-select: none;

   -ms-user-select: none;

   user-select: none;

   top: -3px;

   left: 8px;

   right: auto;

   color: #fff
 }

 .custom-switch.custom-switch-icon label .switch-icon-left i {

   font-size: 10px
 }

 .custom-switch.custom-switch-icon label .switch-icon-right {

   position: absolute;

   cursor: pointer;

   -webkit-user-select: none;

   -moz-user-select: none;

   -ms-user-select: none;

   user-select: none;

   top: -3px;

   right: 5px;

   left: auto
 }

 .custom-switch.custom-switch-icon label .switch-icon-right i {

   font-size: 10px
 }

 .custom-switch.custom-switch-icon .custom-control-label {

   height: 20px;

   width: 42px;

   padding: 0
 }

 .custom-switch.custom-switch-icon .custom-control-label:before {

   height: 20px;

   transition: all .3s ease-in-out;

   user-select: none;

   top: 0;

   left: 1px;

   width: 2.75rem
 }

 .custom-switch.custom-switch-icon .custom-control-label:after {

   position: absolute;

   top: 1px;

   left: 2px;

   transition: all .3s ease-in-out;

   user-select: none;

   height: 18px;

   width: 18px
 }

 .custom-switch.custom-switch-icon .custom-control-input:checked~.custom-control-label:after {

   transform: translateX(1.4rem)
 }

 .custom-switch.custom-switch-text {

   padding-left: 0
 }

 .custom-switch.custom-switch-text label .switch-icon-left {

   left: 8px;

   right: auto;

   color: #fff
 }

 .custom-switch.custom-switch-text label .switch-icon-left,
 .custom-switch.custom-switch-text label .switch-icon-right {

   position: absolute;

   cursor: pointer;

   -webkit-user-select: none;

   -moz-user-select: none;

   -ms-user-select: none;

   user-select: none;

   top: -3px
 }

 .custom-switch.custom-switch-text label .switch-icon-right {

   right: 5px;

   left: auto
 }

 .custom-switch.custom-switch-text label:before {

   color: #000;

   content: attr(data-off-label);

   width: 2.85rem;

   height: 20px;

   padding: 0 4px;

   font-size: 11px;

   line-height: 18px;

   text-align: right
 }

 .custom-switch.custom-switch-text label:after {

   position: absolute;

   transition: all .3s ease-in-out;

   user-select: none;

   height: 16px;

   width: 16px
 }

 .custom-switch.custom-switch-text .custom-control-label {

   width: 46px
 }

 .custom-switch.custom-switch-text .custom-control-label:before {

   height: 20px;

   transition: all .3s ease-in-out;

   user-select: none;

   top: 0;

   left: 1px;

   width: 2.75rem;

   width: 100%
 }

 .custom-switch.custom-switch-text .custom-control-label:after {

   position: absolute;

   top: 1px;

   left: 2px;

   transition: all .3s ease-in-out;

   user-select: none;

   height: 18px;

   width: 18px
 }

 .custom-switch.custom-switch-text .custom-control-input:checked~.custom-control-label:after {

   transform: translateX(1.6rem)
 }

 .custom-switch.custom-switch-text input:checked~label:before {

   color: #fff;

   content: attr(data-on-label);

   text-align: left
 }

 .custom-switch.custom-switch-text input:checked~label.custom-control-label:after {

   transform: translateX(1.6rem)
 }

 .custom-switch-inner {

   display: block;

   text-align: center
 }

 .form-label-group {

   position: relative;

   margin-bottom: 1.5rem
 }

 .form-label-group>label {

   position: absolute;

   top: 0;

   left: 0;

   display: block;

   transition: all .3s ease-in-out;

   padding: .6rem;

   color: #475f7b;

   font-size: .85rem;

   -webkit-opacity: 0;

   -moz-opacity: 0;

   -ms-opacity: 0;

   -o-opacity: 0;

   opacity: 0
 }

 .counter-value {

   color: #fff;

   padding: 1px 6px;

   font-size: .6rem;

   border-radius: 0 0 8px 8px;

   margin-right: 1rem
 }

 .vector-map.h-500 {

   width: 100%;

   height: 500px
 }

 .countdown {

   margin: 60px 0 0;

   padding: 0
 }

 .countdown li span {

   font-size: 60px;

   display: inline-block;

   width: 100%;

   color: #ae0918
 }

 .countdown li:last-child {

   margin-right: 0
 }

 .iq-comingsoon-form {

   position: relative
 }

 .iq-comingsoon-form button {

   position: absolute;

   right: 0;

   top: 0;

   padding: 11px 30px
 }

 .btn {

   display: inline-block;

   font-family: Poppins, sans-serif;

   font-weight: 400;

   color: #535f6b;

   text-align: center;

   vertical-align: middle;

   user-select: none;

   background-color: transparent;

   border: 1px solid transparent;

   padding: .375rem .75rem;

   font-size: 1rem;

   line-height: 1.5;

   border-radius: 8px;

   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

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

   .btn {

     transition: none
   }

 }

 .btn:hover {

   color: #535f6b;

   text-decoration: none
 }

 .btn.focus,
 .btn:focus {

   outline: none;

   box-shadow: none
 }

 .btn.disabled,
 .btn:disabled {

   opacity: .65;

   box-shadow: none
 }

 .btn:not(:disabled):not(.disabled) {

   cursor: pointer
 }

 .btn:not(:disabled):not(.disabled).active,
 .btn:not(:disabled):not(.disabled).active:focus,
 .btn:not(:disabled):not(.disabled):active,
 .btn:not(:disabled):not(.disabled):active:focus {

   box-shadow: none
 }

 a.btn.disabled,
 fieldset:disabled a.btn {

   pointer-events: none
 }

 .btn-primary {

   color: #fff;

   background-color: #ae0918;

   border-color: #ae0918;

   box-shadow: unset
 }

 .btn-primary.focus,
 .btn-primary:focus,
 .btn-primary:hover {

   color: #fff;

   background-color: #000;

   border-color: #000;
 }

 .btn-primary.focus,
 .btn-primary:focus {

   box-shadow: unset, 0 0 0 .2rem rgba(43, 197, 209, .5)
 }

 .btn-primary.disabled,
 .btn-primary:disabled {

   color: #fff;

   background-color: #ae0918;

   border-color: #ae0918
 }

 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active,
 .show>.btn-primary.dropdown-toggle {

   color: #fff;

   background-color: #048d97;

   border-color: #03818b
 }

 .btn-primary:not(:disabled):not(.disabled).active:focus,
 .btn-primary:not(:disabled):not(.disabled):active:focus,
 .show>.btn-primary.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(43, 197, 209, .5)
 }

 .btn-secondary {

   color: #fff;

   background-color: #6c757d;

   border-color: #6c757d;

   box-shadow: unset
 }

 .btn-secondary.focus,
 .btn-secondary:focus,
 .btn-secondary:hover {

   color: #fff;

   background-color: #5a6268;

   border-color: #545b62
 }

 .btn-secondary.focus,
 .btn-secondary:focus {

   box-shadow: unset, 0 0 0 .2rem hsla(208, 6%, 54%, .5)
 }

 .btn-secondary.disabled,
 .btn-secondary:disabled {

   color: #fff;

   background-color: #6c757d;

   border-color: #6c757d
 }

 .btn-secondary:not(:disabled):not(.disabled).active,
 .btn-secondary:not(:disabled):not(.disabled):active,
 .show>.btn-secondary.dropdown-toggle {

   color: #fff;

   background-color: #545b62;

   border-color: #4e555b
 }

 .btn-secondary:not(:disabled):not(.disabled).active:focus,
 .btn-secondary:not(:disabled):not(.disabled):active:focus,
 .show>.btn-secondary.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem hsla(208, 6%, 54%, .5)
 }

 .btn-success {

   color: #fff;

   background-color: #43d396;

   border-color: #43d396;

   box-shadow: unset
 }

 .btn-success.focus,
 .btn-success:focus,
 .btn-success:hover {

   color: #fff;

   background-color: #2dc283;

   border-color: #2bb87c
 }

 .btn-success.focus,
 .btn-success:focus {

   box-shadow: unset, 0 0 0 .2rem rgba(95, 218, 166, .5)
 }

 .btn-success.disabled,
 .btn-success:disabled {

   color: #fff;

   background-color: #43d396;

   border-color: #43d396
 }

 .btn-success:not(:disabled):not(.disabled).active,
 .btn-success:not(:disabled):not(.disabled):active,
 .show>.btn-success.dropdown-toggle {

   color: #fff;

   background-color: #2bb87c;

   border-color: #29ae75
 }

 .btn-success:not(:disabled):not(.disabled).active:focus,
 .btn-success:not(:disabled):not(.disabled):active:focus,
 .show>.btn-success.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(95, 218, 166, .5)
 }

 .btn-info {

   color: #fff;

   background-color: #876cfe;

   border-color: #876cfe;

   box-shadow: unset
 }

 .btn-info.focus,
 .btn-info:focus,
 .btn-info:hover {

   color: #fff;

   background-color: #6846fe;

   border-color: #5e39fe
 }

 .btn-info.focus,
 .btn-info:focus {

   box-shadow: unset, 0 0 0 .2rem rgba(153, 130, 254, .5)
 }

 .btn-info.disabled,
 .btn-info:disabled {

   color: #fff;

   background-color: #876cfe;

   border-color: #876cfe
 }

 .btn-info:not(:disabled):not(.disabled).active,
 .btn-info:not(:disabled):not(.disabled):active,
 .show>.btn-info.dropdown-toggle {

   color: #fff;

   background-color: #5e39fe;

   border-color: #532dfe
 }

 .btn-info:not(:disabled):not(.disabled).active:focus,
 .btn-info:not(:disabled):not(.disabled):active:focus,
 .show>.btn-info.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(153, 130, 254, .5)
 }

 .btn-warning {

   color: #212529;

   background-color: #ffca44;

   border-color: #ffca44;

   box-shadow: unset
 }

 .btn-warning.focus,
 .btn-warning:focus,
 .btn-warning:hover {

   color: #fff;

   background-color: #ffbf1e;

   border-color: #ffbc11
 }

 .btn-warning.focus,
 .btn-warning:focus {

   box-shadow: unset, 0 0 0 .2rem rgba(222, 177, 64, .5)
 }

 .btn-warning.disabled,
 .btn-warning:disabled {

   color: #212529;

   background-color: #ffca44;

   border-color: #ffca44
 }

 .btn-warning:not(:disabled):not(.disabled).active,
 .btn-warning:not(:disabled):not(.disabled):active,
 .show>.btn-warning.dropdown-toggle {

   color: #fff;

   background-color: #ffbc11;

   border-color: #ffb804
 }

 .btn-warning:not(:disabled):not(.disabled).active:focus,
 .btn-warning:not(:disabled):not(.disabled):active:focus,
 .show>.btn-warning.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(222, 177, 64, .5)
 }

 .btn-danger {

   color: #fff;

   background-color: #ff4b4b;

   border-color: #ff4b4b;

   box-shadow: unset
 }

 .btn-danger.focus,
 .btn-danger:focus,
 .btn-danger:hover {

   color: #fff;

   background-color: #ff2525;

   border-color: #ff1818
 }

 .btn-danger.focus,
 .btn-danger:focus {

   box-shadow: unset, 0 0 0 .2rem hsla(0, 100%, 70%, .5)
 }

 .btn-danger.disabled,
 .btn-danger:disabled {

   color: #fff;

   background-color: #ff4b4b;

   border-color: #ff4b4b
 }

 .btn-danger:not(:disabled):not(.disabled).active,
 .btn-danger:not(:disabled):not(.disabled):active,
 .show>.btn-danger.dropdown-toggle {

   color: #fff;

   background-color: #ff1818;

   border-color: #ff0b0b
 }

 .btn-danger:not(:disabled):not(.disabled).active:focus,
 .btn-danger:not(:disabled):not(.disabled):active:focus,
 .show>.btn-danger.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem hsla(0, 100%, 70%, .5)
 }

 .btn-light {

   color: #212529;

   background-color: #c7cbd3;

   border-color: #c7cbd3;

   box-shadow: unset
 }

 .btn-light.focus,
 .btn-light:focus,
 .btn-light:hover {

   color: #fff;

   background-color: #b2b7c2;

   border-color: #aab0bd
 }

 .btn-light.focus,
 .btn-light:focus {

   box-shadow: unset, 0 0 0 .2rem hsla(220, 8%, 71%, .5)
 }

 .btn-light.disabled,
 .btn-light:disabled {

   color: #212529;

   background-color: #c7cbd3;

   border-color: #c7cbd3
 }

 .btn-light:not(:disabled):not(.disabled).active,
 .btn-light:not(:disabled):not(.disabled):active,
 .show>.btn-light.dropdown-toggle {

   color: #fff;

   background-color: #aab0bd;

   border-color: #a3aab7
 }

 .btn-light:not(:disabled):not(.disabled).active:focus,
 .btn-light:not(:disabled):not(.disabled):active:focus,
 .show>.btn-light.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem hsla(220, 8%, 71%, .5)
 }

 .btn-dark {

   color: #fff;

   background-color: #01041b;

   border-color: #01041b;

   box-shadow: unset
 }

 .btn-dark.focus,
 .btn-dark:focus,
 .btn-dark:hover {

   color: #fff;

   background-color: #000;

   border-color: #000
 }

 .btn-dark.focus,
 .btn-dark:focus {

   box-shadow: unset, 0 0 0 .2rem rgba(39, 42, 61, .5)
 }

 .btn-dark.disabled,
 .btn-dark:disabled {

   color: #fff;

   background-color: #01041b;

   border-color: #01041b
 }

 .btn-dark:not(:disabled):not(.disabled).active,
 .btn-dark:not(:disabled):not(.disabled):active,
 .show>.btn-dark.dropdown-toggle {

   color: #fff;

   background-color: #000;

   border-color: #000
 }

 .btn-dark:not(:disabled):not(.disabled).active:focus,
 .btn-dark:not(:disabled):not(.disabled):active:focus,
 .show>.btn-dark.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(39, 42, 61, .5)
 }

 .btn-orange {

   color: #fff;

   background-color: #fe721c;

   border-color: #fe721c;

   box-shadow: unset
 }

 .btn-orange.focus,
 .btn-orange:focus,
 .btn-orange:hover {

   color: #fff;

   background-color: #f35d01;

   border-color: #e65801
 }

 .btn-orange.focus,
 .btn-orange:focus {

   box-shadow: unset, 0 0 0 .2rem rgba(254, 135, 62, .5)
 }

 .btn-orange.disabled,
 .btn-orange:disabled {

   color: #fff;

   background-color: #fe721c;

   border-color: #fe721c
 }

 .btn-orange:not(:disabled):not(.disabled).active,
 .btn-orange:not(:disabled):not(.disabled):active,
 .show>.btn-orange.dropdown-toggle {

   color: #fff;

   background-color: #e65801;

   border-color: #d95301
 }

 .btn-orange:not(:disabled):not(.disabled).active:focus,
 .btn-orange:not(:disabled):not(.disabled):active:focus,
 .show>.btn-orange.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(254, 135, 62, .5)
 }

 .btn-purple {

   color: #fff;

   background-color: #4731b6;

   border-color: #4731b6;

   box-shadow: unset
 }

 .btn-purple.focus,
 .btn-purple:focus,
 .btn-purple:hover {

   color: #fff;

   background-color: #3b2998;

   border-color: #37268e
 }

 .btn-purple.focus,
 .btn-purple:focus {

   box-shadow: unset, 0 0 0 .2rem rgba(99, 80, 193, .5)
 }

 .btn-purple.disabled,
 .btn-purple:disabled {

   color: #fff;

   background-color: #4731b6;

   border-color: #4731b6
 }

 .btn-purple:not(:disabled):not(.disabled).active,
 .btn-purple:not(:disabled):not(.disabled):active,
 .show>.btn-purple.dropdown-toggle {

   color: #fff;

   background-color: #37268e;

   border-color: #332384
 }

 .btn-purple:not(:disabled):not(.disabled).active:focus,
 .btn-purple:not(:disabled):not(.disabled):active:focus,
 .show>.btn-purple.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(99, 80, 193, .5)
 }

 .btn-skyblue {

   color: #fff;

   background-color: #158df7;

   border-color: #158df7;

   box-shadow: unset
 }

 .btn-skyblue.focus,
 .btn-skyblue:focus,
 .btn-skyblue:hover {

   color: #fff;

   background-color: #087ade;

   border-color: #0773d2
 }

 .btn-skyblue.focus,
 .btn-skyblue:focus {

   box-shadow: unset, 0 0 0 .2rem rgba(56, 158, 248, .5)
 }

 .btn-skyblue.disabled,
 .btn-skyblue:disabled {

   color: #fff;

   background-color: #158df7;

   border-color: #158df7
 }

 .btn-skyblue:not(:disabled):not(.disabled).active,
 .btn-skyblue:not(:disabled):not(.disabled):active,
 .show>.btn-skyblue.dropdown-toggle {

   color: #fff;

   background-color: #0773d2;

   border-color: #076cc5
 }

 .btn-skyblue:not(:disabled):not(.disabled).active:focus,
 .btn-skyblue:not(:disabled):not(.disabled):active:focus,
 .show>.btn-skyblue.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(56, 158, 248, .5)
 }

 .btn-outline-primary {

   color: #ae0918;

   border-color: #ae0918
 }

 .btn-outline-primary:hover {

   color: #fff;

   background-color: #ae0918;

   border-color: #ae0918
 }

 .btn-outline-primary.focus,
 .btn-outline-primary:focus {

   box-shadow: 0 0 0 .2rem rgba(5, 187, 201, .5)
 }

 .btn-outline-primary.disabled,
 .btn-outline-primary:disabled {

   color: #ae0918;

   background-color: transparent
 }

 .btn-outline-primary:not(:disabled):not(.disabled).active,
 .btn-outline-primary:not(:disabled):not(.disabled):active,
 .show>.btn-outline-primary.dropdown-toggle {

   color: #fff;

   background-color: #ae0918;

   border-color: #ae0918
 }

 .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
 .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-primary.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(5, 187, 201, .5)
 }

 .btn-outline-secondary {

   color: #6c757d;

   border-color: #6c757d
 }

 .btn-outline-secondary:hover {

   color: #fff;

   background-color: #6c757d;

   border-color: #6c757d
 }

 .btn-outline-secondary.focus,
 .btn-outline-secondary:focus {

   box-shadow: 0 0 0 .2rem hsla(208, 7%, 46%, .5)
 }

 .btn-outline-secondary.disabled,
 .btn-outline-secondary:disabled {

   color: #6c757d;

   background-color: transparent
 }

 .btn-outline-secondary:not(:disabled):not(.disabled).active,
 .btn-outline-secondary:not(:disabled):not(.disabled):active,
 .show>.btn-outline-secondary.dropdown-toggle {

   color: #fff;

   background-color: #6c757d;

   border-color: #6c757d
 }

 .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-secondary.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem hsla(208, 7%, 46%, .5)
 }

 .btn-outline-success {

   color: #43d396;

   border-color: #43d396
 }

 .btn-outline-success:hover {

   color: #fff;

   background-color: #43d396;

   border-color: #43d396
 }

 .btn-outline-success.focus,
 .btn-outline-success:focus {

   box-shadow: 0 0 0 .2rem rgba(67, 211, 150, .5)
 }

 .btn-outline-success.disabled,
 .btn-outline-success:disabled {

   color: #43d396;

   background-color: transparent
 }

 .btn-outline-success:not(:disabled):not(.disabled).active,
 .btn-outline-success:not(:disabled):not(.disabled):active,
 .show>.btn-outline-success.dropdown-toggle {

   color: #fff;

   background-color: #43d396;

   border-color: #43d396
 }

 .btn-outline-success:not(:disabled):not(.disabled).active:focus,
 .btn-outline-success:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-success.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(67, 211, 150, .5)
 }

 .btn-outline-info {

   color: #876cfe;

   border-color: #876cfe
 }

 .btn-outline-info:hover {

   color: #fff;

   background-color: #876cfe;

   border-color: #876cfe
 }

 .btn-outline-info.focus,
 .btn-outline-info:focus {

   box-shadow: 0 0 0 .2rem rgba(135, 108, 254, .5)
 }

 .btn-outline-info.disabled,
 .btn-outline-info:disabled {

   color: #876cfe;

   background-color: transparent
 }

 .btn-outline-info:not(:disabled):not(.disabled).active,
 .btn-outline-info:not(:disabled):not(.disabled):active,
 .show>.btn-outline-info.dropdown-toggle {

   color: #fff;

   background-color: #876cfe;

   border-color: #876cfe
 }

 .btn-outline-info:not(:disabled):not(.disabled).active:focus,
 .btn-outline-info:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-info.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(135, 108, 254, .5)
 }

 .btn-outline-warning {

   color: #ffca44;

   border-color: #ffca44
 }

 .btn-outline-warning:hover {

   color: #212529;

   background-color: #ffca44;

   border-color: #ffca44
 }

 .btn-outline-warning.focus,
 .btn-outline-warning:focus {

   box-shadow: 0 0 0 .2rem rgba(255, 202, 68, .5)
 }

 .btn-outline-warning.disabled,
 .btn-outline-warning:disabled {

   color: #ffca44;

   background-color: transparent
 }

 .btn-outline-warning:not(:disabled):not(.disabled).active,
 .btn-outline-warning:not(:disabled):not(.disabled):active,
 .show>.btn-outline-warning.dropdown-toggle {

   color: #212529;

   background-color: #ffca44;

   border-color: #ffca44
 }

 .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
 .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-warning.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(255, 202, 68, .5)
 }

 .btn-outline-danger {

   color: #ff4b4b;

   border-color: #ff4b4b
 }

 .btn-outline-danger:hover {

   color: #fff;

   background-color: #ff4b4b;

   border-color: #ff4b4b
 }

 .btn-outline-danger.focus,
 .btn-outline-danger:focus {

   box-shadow: 0 0 0 .2rem rgba(255, 75, 75, .5)
 }

 .btn-outline-danger.disabled,
 .btn-outline-danger:disabled {

   color: #ff4b4b;

   background-color: transparent
 }

 .btn-outline-danger:not(:disabled):not(.disabled).active,
 .btn-outline-danger:not(:disabled):not(.disabled):active,
 .show>.btn-outline-danger.dropdown-toggle {

   color: #fff;

   background-color: #ff4b4b;

   border-color: #ff4b4b
 }

 .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
 .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-danger.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(255, 75, 75, .5)
 }

 .btn-outline-light {

   color: #c7cbd3;

   border-color: #c7cbd3
 }

 .btn-outline-light:hover {

   color: #212529;

   background-color: #c7cbd3;

   border-color: #c7cbd3
 }

 .btn-outline-light.focus,
 .btn-outline-light:focus {

   box-shadow: 0 0 0 .2rem rgba(199, 203, 211, .5)
 }

 .btn-outline-light.disabled,
 .btn-outline-light:disabled {

   color: #c7cbd3;

   background-color: transparent
 }

 .btn-outline-light:not(:disabled):not(.disabled).active,
 .btn-outline-light:not(:disabled):not(.disabled):active,
 .show>.btn-outline-light.dropdown-toggle {

   color: #212529;

   background-color: #c7cbd3;

   border-color: #c7cbd3
 }

 .btn-outline-light:not(:disabled):not(.disabled).active:focus,
 .btn-outline-light:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-light.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(199, 203, 211, .5)
 }

 .btn-outline-dark {

   color: #01041b;

   border-color: #01041b
 }

 .btn-outline-dark:hover {

   color: #fff;

   background-color: #01041b;

   border-color: #01041b
 }

 .btn-outline-dark.focus,
 .btn-outline-dark:focus {

   box-shadow: 0 0 0 .2rem rgba(1, 4, 27, .5)
 }

 .btn-outline-dark.disabled,
 .btn-outline-dark:disabled {

   color: #01041b;

   background-color: transparent
 }

 .btn-outline-dark:not(:disabled):not(.disabled).active,
 .btn-outline-dark:not(:disabled):not(.disabled):active,
 .show>.btn-outline-dark.dropdown-toggle {

   color: #fff;

   background-color: #01041b;

   border-color: #01041b
 }

 .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
 .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-dark.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(1, 4, 27, .5)
 }

 .btn-outline-orange {

   color: #fe721c;

   border-color: #fe721c
 }

 .btn-outline-orange:hover {

   color: #fff;

   background-color: #fe721c;

   border-color: #fe721c
 }

 .btn-outline-orange.focus,
 .btn-outline-orange:focus {

   box-shadow: 0 0 0 .2rem rgba(254, 114, 28, .5)
 }

 .btn-outline-orange.disabled,
 .btn-outline-orange:disabled {

   color: #fe721c;

   background-color: transparent
 }

 .btn-outline-orange:not(:disabled):not(.disabled).active,
 .btn-outline-orange:not(:disabled):not(.disabled):active,
 .show>.btn-outline-orange.dropdown-toggle {

   color: #fff;

   background-color: #fe721c;

   border-color: #fe721c
 }

 .btn-outline-orange:not(:disabled):not(.disabled).active:focus,
 .btn-outline-orange:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-orange.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(254, 114, 28, .5)
 }

 .btn-outline-purple {

   color: #4731b6;

   border-color: #4731b6
 }

 .btn-outline-purple:hover {

   color: #fff;

   background-color: #4731b6;

   border-color: #4731b6
 }

 .btn-outline-purple.focus,
 .btn-outline-purple:focus {

   box-shadow: 0 0 0 .2rem rgba(71, 49, 182, .5)
 }

 .btn-outline-purple.disabled,
 .btn-outline-purple:disabled {

   color: #4731b6;

   background-color: transparent
 }

 .btn-outline-purple:not(:disabled):not(.disabled).active,
 .btn-outline-purple:not(:disabled):not(.disabled):active,
 .show>.btn-outline-purple.dropdown-toggle {

   color: #fff;

   background-color: #4731b6;

   border-color: #4731b6
 }

 .btn-outline-purple:not(:disabled):not(.disabled).active:focus,
 .btn-outline-purple:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-purple.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(71, 49, 182, .5)
 }

 .btn-outline-skyblue {

   color: #158df7;

   border-color: #158df7
 }

 .btn-outline-skyblue:hover {

   color: #fff;

   background-color: #158df7;

   border-color: #158df7
 }

 .btn-outline-skyblue.focus,
 .btn-outline-skyblue:focus {

   box-shadow: 0 0 0 .2rem rgba(21, 141, 247, .5)
 }

 .btn-outline-skyblue.disabled,
 .btn-outline-skyblue:disabled {

   color: #158df7;

   background-color: transparent
 }

 .btn-outline-skyblue:not(:disabled):not(.disabled).active,
 .btn-outline-skyblue:not(:disabled):not(.disabled):active,
 .show>.btn-outline-skyblue.dropdown-toggle {

   color: #fff;

   background-color: #158df7;

   border-color: #158df7
 }

 .btn-outline-skyblue:not(:disabled):not(.disabled).active:focus,
 .btn-outline-skyblue:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-skyblue.dropdown-toggle:focus {

   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(21, 141, 247, .5)
 }

 .btn-link {

   font-weight: 400;

   color: #ae0918;

   text-decoration: none
 }

 .btn-link:hover {

   color: #03767e
 }

 .btn-link.focus,
 .btn-link:focus,
 .btn-link:hover {

   text-decoration: none
 }

 .btn-link.disabled,
 .btn-link:disabled {

   color: #6c757d;

   pointer-events: none
 }

 .btn-group-lg>.btn,
 .btn-lg {

   padding: .5rem 1rem;

   font-size: .75rem;

   line-height: 1.5;

   border-radius: 8px
 }

 .btn-group-sm>.btn,
 .btn-sm {

   padding: .25rem .5rem;

   font-size: .75rem;

   line-height: 1.5;

   border-radius: 8px
 }

 .btn-block {

   display: block;

   width: 100%
 }

 .btn-block+.btn-block {

   margin-top: .5rem
 }

 input[type=button].btn-block,
 input[type=reset].btn-block,
 input[type=submit].btn-block {

   width: 100%
 }

 .iq-progress-bar {

   background: #c7cbd3;

   box-shadow: 0 0 0;

   height: 6px;

   margin: 0;

   position: relative;

   width: 100%;

   border-radius: 8px
 }

 .iq-progress-bar>span {

   background: #ae0918 none repeat scroll 0 0;

   position: relative;

   display: block;

   height: 100%;

   width: 0;

   border-radius: 8px
 }

 .iq-progress-bar .progress-text {

   position: absolute;

   right: -10px;

   top: -25px;

   font-size: 13px;

   font-weight: 500
 }

 .iq-progress-bar.iq-progress-bar-icon>span:after {

   content: "";

   width: 12px;

   height: 12px;

   border-radius: 50%;

   background: #fff;

   border: 3px solid transparent;

   position: absolute;

   bottom: -3px;

   right: 0;

   z-index: 1
 }

 .iq-progress-bar.iq-progress-bar-icon>span.bg-primary:after {

   border-color: #ae0918
 }

 .iq-progress-bar.iq-progress-bar-icon>span.bg-danger:after {

   border-color: #ff4b4b
 }

 .iq-progress-bar.iq-progress-bar-icon>span.bg-success:after {

   border-color: #43d396
 }

 .iq-progress-bar.iq-progress-bar-icon>span.bg-warning:after {

   border-color: #ffca44
 }

 .iq-progress-bar.iq-progress-bar-icon>span.bg-info:after {

   border-color: #876cfe
 }

 .iq-progress-bar.iq-progress-bar-icon>span.bg-dark:after {

   border-color: #01041b
 }

 .progress-round.heatmap-progress {

   height: 97px;

   width: 97px
 }

 .progress-round.heatmap-progress .progress-bar {

   border-width: 10px
 }

 .progress-round.heatmap-progress:after {

   border: 10px solid #ff9273
 }

 .iq-progress-bar .progress-text-one {

   position: absolute;

   right: -20px;

   top: -42px;

   font-size: 13px;

   font-weight: 500;

   background: #ff4b4b;

   color: #fff;

   padding: 0 5px
 }

 .iq-progress-bar>span.bg-primary .progress-text-one:after {

   border-color: #ae0918 transparent transparent
 }

 .iq-progress-bar>span.bg-success .progress-text-one:after {

   border-color: #43d396 transparent transparent
 }

 .iq-progress-bar>span.bg-warning .progress-text-one:after {

   border-color: #ffca44 transparent transparent
 }

 .iq-progress-bar>span.bg-orange .progress-text-one:after {

   border-color: #fe721c transparent transparent
 }

 .iq-progress-bar>span.bg-danger .progress-text-one:after {

   border-color: #ff4b4b transparent transparent
 }

 .iq-progress-bar>span.bg-dark .progress-text-one:after {

   border-color: #01041b transparent transparent
 }

 .iq-progress-bar>span.bg-info .progress-text-one:after {

   border-color: #876cfe transparent transparent
 }

 .iq-progress-bar>span.bg-skyblue .progress-text-one:after {

   border-color: #158df7 transparent transparent
 }

 .progress-text-one {

   position: relative
 }

 .progress-text-one:after {

   content: "";

   position: absolute;

   top: 100%;

   left: 50%;

   margin-left: -5px;

   border-width: 5px;

   border-style: solid
 }

 .iq-circle-progressbar {

   margin: 0 auto;

   width: 100px !important;

   height: 100px !important
 }

 .iq-circle-progressbar .percent {

   font-size: 1.3rem !important
 }

 .iq-circle-progressbar svg {

   width: 100px !important;

   height: 100px !important
 }

 .progress-round {

   width: 50px;

   height: 50px;

   background: none;

   position: relative
 }

 .progress-round:after {

   content: "";

   width: 100%;

   height: 100%;

   border-radius: 50%;

   border: 3px solid #f1f1f1;

   position: absolute;

   top: 0;

   left: 0
 }

 .progress-round>span {

   width: 50%;

   height: 100%;

   overflow: hidden;

   position: absolute;

   top: 0;

   z-index: 1
 }

 .progress-round .progress-left {

   left: 0
 }

 .progress-round .progress-left .progress-bar {

   left: 100%;

   border-top-right-radius: 80px;

   border-bottom-right-radius: 80px;

   border-left: 0;

   transform-origin: center left
 }

 .progress-round .progress-bar {

   width: 100%;

   height: 100%;

   background: none;

   border-width: 3px;

   border-style: solid;

   position: absolute;

   top: 0
 }

 .progress-round .progress-right {

   right: 0
 }

 .progress-round .progress-right .progress-bar {

   left: -100%;

   border-top-left-radius: 80px;

   border-bottom-left-radius: 80px;

   border-right: 0;

   transform-origin: center right
 }

 .progress-round .progress-value {

   position: absolute;

   top: 0;

   left: 0
 }

 .progress-round.income-progress {

   height: 78px;

   width: 78px
 }

 .progress-round.income-progress .progress-bar {

   border-width: 10px
 }

 .progress-round.income-progress:after {

   border: 10px solid #ff9273
 }

 .progress-round.alarams-progress {

   height: 110px;

   width: 110px
 }

 .progress-round.goal-progress {

   width: 130px;

   height: 130px
 }

 .progress-round.goal-progress .progress-bar {

   border-width: 10px
 }

 .progress-round.goal-progress:after {

   border: 10px solid #f4f4f4
 }

 @keyframes e {

   0% {

     transform: rotate(0deg)
   }

   to {

     transform: rotate(180deg)
   }

 }

 @keyframes f {

   0% {

     transform: rotate(0deg)
   }

   to {

     transform: rotate(80deg)
   }

 }

 .progress.progress-round {

   width: 60px;

   height: 60px;

   line-height: 60px;

   background: none;

   margin: 0 auto;

   box-shadow: none;

   position: relative
 }

 .progress.progress-round>span {

   width: 50%;

   height: 100%;

   overflow: hidden;

   position: absolute;

   top: 0;

   z-index: 1
 }

 .progress.progress-round .progress-left {

   left: 0
 }

 .progress.progress-round .progress-left .progress-bar {

   left: 100%;

   border-top-right-radius: 80px;

   border-bottom-right-radius: 80px;

   border-left: 0;

   transform-origin: center left;

   animation: f 1.5s linear forwards 1.8s
 }

 .progress.progress-round .progress-bar {

   border-width: 5px
 }

 .progress.progress-round .progress-right {

   right: 0
 }

 .progress.progress-round .progress-right .progress-bar {

   left: -100%;

   border-top-left-radius: 80px;

   border-bottom-left-radius: 80px;

   border-right: 0;

   transform-origin: center right;

   animation: e 1.8s linear forwards
 }

 .progress.progress-round:after {

   content: "";

   width: 100%;

   height: 100%;

   border-radius: 50%;

   border: 5px solid #c7cbd3;

   position: absolute;

   top: 0;

   left: 0
 }

 .progress.progress-round .progress-value {

   font-size: 16px;

   left: 18px
 }

 .progress.danger .progress-bar {

   border-color: #ff4b4b
 }

 .progress.warning .progress-bar {

   border-color: #ffca44
 }

 .progress.success .progress-bar {

   border-color: #43d396
 }

 .progress.info .progress-bar {

   border-color: #876cfe
 }

 .progress.primary .progress-bar {

   border-color: #ae0918
 }

 .progress.orange .progress-bar {

   border-color: #fe721c
 }

 .fc-unthemed .fc-toolbar .fc-button {

   background: rgba(0, 0, 0, .3);

   color: #ae0918;

   border: none;

   text-transform: capitalize;

   border-radius: 8px
 }

 .fc-unthemed .fc-toolbar .fc-button.fc-button-active,
 .fc-unthemed .fc-toolbar .fc-button:active,
 .fc-unthemed .fc-toolbar .fc-button:focus {

   color: #fff;

   background-color: #ae0918
 }

 .job-classification li {

   list-style-type: none;

   margin-bottom: 10px
 }

 .job-classification li>i {

   margin-right: 10px;

   border-radius: 50%;

   color: #fff
 }

 .today-schedule li {

   list-style-type: none;

   margin-bottom: 10px
 }

 .today-schedule li i {

   margin-right: 10px;

   border-radius: 50%;

   color: #fff
 }

 .schedule-text span {

   display: block
 }

 .calender-small .flatpickr-calendar.animate.inline {

   width: 100%;

   box-shadow: none
 }

 .calender-small .dayContainer {

   width: 100%;

   min-width: auto
 }

 .calender-small .flatpickr-days {

   width: 100%
 }

 .calender-small .flatpickr-day.today,
 .calender-small .flatpickr-day.today:focus,
 .calender-small .flatpickr-day.today:hover {

   color: #fff;

   border-color: #ae0918;

   background: #ae0918
 }

 .calender-small .flatpickr-months {

   margin-bottom: 10px
 }

 .calender-small .flatpickr-months .flatpickr-next-month,
 .calender-small .flatpickr-months .flatpickr-prev-month {

   padding: 7px 10px
 }

 .calender-small .flatpickr-current-month .flatpickr-monthDropdown-months {

   font-size: 12px
 }

 .calender-small .flatpickr-current-month .flatpickr-monthDropdown-months:hover {

   background: transparent;

   color: #ae0918
 }

 .calender-small .flatpickr-current-month input.cur-year {

   font-size: 12px
 }

 .calender-small .numInputWrapper:hover {

   background: transparent
 }

 .calender-small .flatpickr-day.endRange,
 .calender-small .flatpickr-day.endRange.inRange,
 .calender-small .flatpickr-day.endRange.nextMonthDay,
 .calender-small .flatpickr-day.endRange.prevMonthDay,
 .calender-small .flatpickr-day.endRange:focus,
 .calender-small .flatpickr-day.endRange:hover,
 .calender-small .flatpickr-day.selected,
 .calender-small .flatpickr-day.selected.inRange,
 .calender-small .flatpickr-day.selected.nextMonthDay,
 .calender-small .flatpickr-day.selected.prevMonthDay,
 .calender-small .flatpickr-day.selected:focus,
 .calender-small .flatpickr-day.selected:hover,
 .calender-small .flatpickr-day.startRange,
 .calender-small .flatpickr-day.startRange.inRange,
 .calender-small .flatpickr-day.startRange.nextMonthDay,
 .calender-small .flatpickr-day.startRange.prevMonthDay,
 .calender-small .flatpickr-day.startRange:focus,
 .calender-small .flatpickr-day.startRange:hover {

   color: #fff;

   border-color: #ae0918;

   background: #ae0918
 }

 .calender-small .flatpickr-day.inRange,
 .calender-small .flatpickr-day.nextMonthDay.inRange,
 .calender-small .flatpickr-day.nextMonthDay.today.inRange,
 .calender-small .flatpickr-day.nextMonthDay:focus,
 .calender-small .flatpickr-day.nextMonthDay:hover,
 .calender-small .flatpickr-day.prevMonthDay.inRange,
 .calender-small .flatpickr-day.prevMonthDay.today.inRange,
 .calender-small .flatpickr-day.prevMonthDay:focus,
 .calender-small .flatpickr-day.prevMonthDay:hover,
 .calender-small .flatpickr-day.today.inRange,
 .calender-small .flatpickr-day:focus,
 .calender-small .flatpickr-day:hover {

   background: rgba(0, 0, 0, .3);

   color: #ae0918;

   border-color: transparent
 }

 .calender-small .flatpickr-current-month .numInputWrapper {

   width: 3ch
 }

 .smaill-calender-home .flatpickr-calendar.animate.inline {

   margin: 0 auto;

   width: 100%;

   box-shadow: none;

   border: none;

   border-radius: 8px
 }

 .smaill-calender-home .flatpickr-day.endRange,
 .smaill-calender-home .flatpickr-day.endRange.inRange,
 .smaill-calender-home .flatpickr-day.endRange.nextMonthDay,
 .smaill-calender-home .flatpickr-day.endRange.prevMonthDay,
 .smaill-calender-home .flatpickr-day.endRange:focus,
 .smaill-calender-home .flatpickr-day.endRange:hover,
 .smaill-calender-home .flatpickr-day.selected,
 .smaill-calender-home .flatpickr-day.selected.inRange,
 .smaill-calender-home .flatpickr-day.selected.nextMonthDay,
 .smaill-calender-home .flatpickr-day.selected.prevMonthDay,
 .smaill-calender-home .flatpickr-day.selected:focus,
 .smaill-calender-home .flatpickr-day.selected:hover,
 .smaill-calender-home .flatpickr-day.startRange,
 .smaill-calender-home .flatpickr-day.startRange.inRange,
 .smaill-calender-home .flatpickr-day.startRange.nextMonthDay,
 .smaill-calender-home .flatpickr-day.startRange.prevMonthDay,
 .smaill-calender-home .flatpickr-day.startRange:focus,
 .smaill-calender-home .flatpickr-day.startRange:hover {

   color: #fff;

   background: #ae0918;

   text-decoration: none;

   border-color: #ae0918
 }

 .smaill-calender-home .dayContainer,
 .smaill-calender-home .flatpickr-days {

   width: 100%
 }

 .smaill-calender-home .flatpickr-innerContainer {

   justify-content: space-around
 }

 @media (max-width:479px) {

   .fc-toolbar.fc-header-toolbar {

     overflow-x: scroll
   }

 }

 .page-link {

   border-color: #ae0918
 }

 .br-theme-bars-1to10 .br-widget {

   height: 50px;

   white-space: nowrap
 }

 .br-theme-bars-1to10 .br-widget a {

   display: block;

   width: 12px;

   padding: 5px 0;

   height: 28px;

   float: left;

   background-color: #ddd;

   margin: 1px;

   text-align: center
 }

 .br-theme-bars-1to10 .br-widget a.br-active,
 .br-theme-bars-1to10 .br-widget a.br-selected {

   background-color: #ae0918
 }

 .br-theme-bars-1to10 .br-widget .br-current-rating {

   font-size: 20px;

   line-height: 2;

   float: right;

   color: #ae0918;

   font-weight: 400
 }

 .br-theme-bars-1to10 .br-readonly a {

   cursor: default
 }

 .br-theme-bars-1to10 .br-readonly a.br-active,
 .br-theme-bars-1to10 .br-readonly a.br-selected {

   background-color: #f2cd95
 }

 .br-theme-bars-1to10 .br-readonly .br-current-rating {

   color: #f2cd95
 }

 .br-theme-bars-pill .br-widget {

   white-space: nowrap
 }

 .br-theme-bars-pill .br-widget a {

   padding: 7px 15px;

   background-color: #ddd;

   color: #535f6b;

   text-decoration: none;

   font-size: 13px;

   line-height: 3;

   text-align: center;

   font-weight: 400
 }

 .br-theme-bars-pill .br-widget a:first-child {

   -webkit-border-top-left-radius: 999px;

   -webkit-border-bottom-left-radius: 999px;

   -moz-border-radius-topleft: 999px;

   -moz-border-radius-bottomleft: 999px;

   border-top-left-radius: 999px;

   border-bottom-left-radius: 999px
 }

 .br-theme-bars-pill .br-widget a:last-child {

   -webkit-border-top-right-radius: 999px;

   -webkit-border-bottom-right-radius: 999px;

   -moz-border-radius-top-right: 999px;

   -moz-border-radius-bottom-right: 999px;

   border-top-right-radius: 999px !important;

   border-bottom-right-radius: 999px !important
 }

 .br-theme-bars-pill .br-widget a.br-active,
 .br-theme-bars-pill .br-widget a.br-selected {

   background-color: #ae0918;

   color: #fff
 }

 .br-theme-bars-pill .br-readonly a {

   cursor: default
 }

 .br-theme-bars-pill .br-readonly a.br-active,
 .br-theme-bars-pill .br-readonly a.br-selected {

   background-color: #7cead1
 }

 .br-theme-fontawesome-stars .br-widget a {

   margin-right: 8px !important
 }

 .br-theme-fontawesome-stars .br-widget a:after {

   font-family: Font Awesome\ 5 Free;

   font-weight: 900
 }

 i.amber-text {

   color: #ae0918 !important
 }

 #rateMe1 i {

   font-size: 18px
 }

 .mdb-rating .rate-popover {

   color: gray
 }

 .mdb-rating .live {

   color: #000
 }

 .mdb-rating .oneStar {

   color: #44370f
 }

 .mdb-rating .twoStars {

   color: #96781e
 }

 .mdb-rating .threeStars {

   color: #e2b52e
 }

 .mdb-rating .fourStars {

   color: #f1ba12
 }

 .mdb-rating .fiveStars {

   color: #f3cb06
 }

 .mdb-rating .amber-text {

   color: #ffc107
 }

 .rating-faces i {

   font-size: 21px
 }

 .br-theme-bars-movie .br-widget {

   white-space: nowrap
 }

 .br-theme-bars-movie .br-widget a {

   display: block;

   width: 60px;

   height: 10px;

   float: left;

   background-color: transparent;

   border: 1px solid #ae0918;

   margin: 1px
 }

 .br-theme-bars-movie .br-widget a.br-active,
 .br-theme-bars-movie .br-widget a.br-selected {

   background-color: #ae0918
 }

 .br-theme-bars-movie .br-widget .br-current-rating {

   clear: both;

   width: 240px;

   text-align: center;

   font-weight: 600;

   display: block;

   padding-top: .5em;

   color: #ae0918;

   font-weight: 400
 }

 .br-theme-bars-movie .br-readonly a {

   cursor: default
 }

 .br-theme-bars-movie .br-readonly a.br-active,
 .br-theme-bars-movie .br-readonly a.br-selected {

   background-color: #729bf8
 }

 .br-theme-bars-movie .br-readonly .br-current-rating {

   color: #729bf8
 }

 .br-theme-fontawesome-stars .br-widget {

   height: 28px;

   white-space: nowrap
 }

 .br-theme-fontawesome-stars .br-widget a {

   text-rendering: auto;

   -webkit-font-smoothing: antialiased;

   text-decoration: none;

   margin-right: 2px
 }

 .br-theme-fontawesome-stars .br-widget a:after {

   content: "\f005";

   color: #d2d2d2
 }

 .br-theme-fontawesome-stars .br-widget a.br-active:after,
 .br-theme-fontawesome-stars .br-widget a.br-selected:after {

   color: #edb867
 }

 .br-theme-fontawesome-stars .br-widget .br-current-rating {

   display: none
 }

 .br-theme-fontawesome-stars .br-readonly a {

   cursor: default
 }

 .basic-tree li {

   list-style-type: none;

   margin: 0;

   padding: 10px 5px 0;

   position: relative;

   color: #303030
 }

 .basic-tree li:before {

   border-left: 1px solid #999;

   bottom: 50px;

   height: 100%;

   top: 0;

   width: 1px
 }

 .basic-tree li:after,
 .basic-tree li:before {

   content: "";

   left: -20px;

   position: absolute;

   right: auto
 }

 .basic-tree li:after {

   border-top: 1px solid #999;

   height: 20px;

   top: 25px;

   width: 25px
 }

 .basic-tree li:last-child:before {

   height: 30px
 }

 .basic-tree li.t-parent>span {

   cursor: pointer
 }

 .basic-tree li.t-parent>span:hover {

   color: #ae0918
 }

 .basic-tree>ul>li:after,
 .basic-tree>ul>li:before {

   border: 0
 }

 .flex-tree li {

   position: relative;

   list-style: none;

   margin: 0
 }

 .flex-tree li:before {

   border-left: 1px solid #999;

   bottom: 50px;

   height: 100%;

   top: 0;

   width: 1px
 }

 .flex-tree li:after,
 .flex-tree li:before {

   content: "";

   left: -20px;

   position: absolute;

   right: auto;

   left: -25px
 }

 .flex-tree li:after {

   border-top: 1px solid #999;

   height: 20px;

   top: 25px;

   width: 25px;

   top: 12px
 }

 .flex-tree li:last-child:before {

   height: 25px
 }

 .flex-tree li label,
 .flex-tree li span,
 .flex-tree li span label {

   cursor: pointer
 }

 .flex-tree li span.open:after {

   content: "\025BE"

 }

 .flex-tree li span.closed:after,
 .flex-tree li span.open:after {

   display: inline-block;

   font: 400 16px/1 Arial, Helvetica Neue, Helvetica, sans-serif;

   width: 20px;

   margin-top: 4px;

   padding-left: 3px;

   color: #ababab
 }

 .flex-tree li span.closed:after {

   content: "\025BE";

   content: "\025B4"

 }

 .flex-tree>ul>li:after,
 .flex-tree>ul>li:before {

   border: 0
 }

 .flex-tree label {

   font-weight: 400
 }

 .flex-tree label.node {

   font-weight: 700
 }

 .flex-tree input[type=checkbox] {

   border: 1px solid #b4b9be;

   background: #fff;

   color: #555;

   clear: none;

   cursor: pointer;

   display: inline-block;

   line-height: 0;

   height: 16px;

   margin: -4px 4px 0 0;

   outline: 0;

   padding: 0;

   text-align: center;

   vertical-align: middle;

   width: 16px;

   min-width: 16px;

   -webkit-appearance: none;

   box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);

   transition: border-color .05s ease-in-out
 }

 .flex-tree input[type=checkbox]:focus {

   border-color: #5b9dd9;

   box-shadow: 0 0 2px rgba(30, 140, 190, .8)
 }

 .flex-tree input[type=checkbox]:checked {

   background: #ae0918;

   border: none
 }

 .flex-tree input[type=checkbox]:checked:before {

   float: left;

   display: inline-block;

   vertical-align: middle;

   width: 16px;

   font: 400 20px/1 Arial, Helvetica Neue, Helvetica, sans-serif;

   -webkit-font-smoothing: antialiased;

   content: "\02713";

   color: var(--white);

   margin: 1px 0 0;

   font-size: 17px !important
 }

 .flex-tree input[type=checkbox]:indeterminate:before {

   float: left;

   display: inline-block;

   vertical-align: middle;

   width: 16px;

   font: 400 20px/1 Arial, Helvetica Neue, Helvetica, sans-serif;

   -webkit-font-smoothing: antialiased;

   content: "\02043";

   color: #ae0918;

   margin: -4px 0 0 -1px
 }

 .flex-tree input[type=checkbox].indeterminate {

   background-color: #eee
 }

 .ic-square {

   width: 20px;

   height: 20px;

   background: transparent;

   border: 1px solid #535f6b;

   text-align: center;

   line-height: 19px;

   font-size: 12px
 }

 .tree-box {

   margin: 0
 }

 .iq-footer {

   padding: 15px;

   margin-left: 260px;

   width: calc(100vw - 264px);

   background: #fff;

   -ms-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   -o-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   transition: all .3s ease-in-out
 }

 .iq-footer ul li a {

   color: #535f6b
 }

 .iq-footer ul li a:hover {

   color: #ae0918;

   text-decoration: none
 }

 body.tab-horizontal .iq-footer {

   margin-left: 0;

   width: 100%
 }

 .iq-mt--70 {

   margin-top: -70px
 }

 .banner-main-text {

   position: absolute;

   left: 15%;

   bottom: 13%
 }

 .nav.nav-pills.style-three {

   margin-top: 10px
 }

 .nav.nav-pills.style-three .nav-link.active:before,
 .nav.nav-pills.style-three .nav-link:hover:before {

   display: inline-block;

   width: 100%;

   height: 3px;

   background: #ae0918;

   content: "";

   position: absolute;

   left: 0;

   bottom: 0
 }

 .nav.nav-pills.style-three .nav-link:before {

   width: 0;

   transition: all .3s ease-in-out;

   height: 3px;

   background: #ae0918;

   content: "";

   position: absolute;

   right: 0;

   bottom: 0
 }

 .nav.nav-pills.style-three a {

   background: transparent;

   position: relative;

   margin-right: 30px;

   padding: 10px 0
 }

 .nav.nav-pills.style-three a:last-child {

   margin-right: 0
 }

 .iq-card-body.banner-box {

   padding-bottom: 0
 }

 @media (min-width:1300px) {

   body.sidebar-main .iq-footer {

     margin-left: 80px;

     width: calc(100vw - 85px)
   }

 }

 @media (max-width:1299px) {

   .iq-footer,
   body.sidebar-main .iq-footer {

     padding: 15px 10px;

     margin-left: 0;

     width: 100%
   }

   .without-right-sidebar .iq-footer {

     width: 100%
   }

 }

 @media (max-width:991px) {

   .iq-footer,
   .iq-footer .col-lg-6.text-right {

     text-align: center !important
   }

 }

 .clear {

   clear: both
 }

 @media (min-width:1300px) {

   .iq-menu-horizontal .iq-sidebar-menu li .iq-submenu.iq-submenu-data {

     position: static
   }

   .iq-menu-horizontal .iq-sidebar-menu .iq-sidebar-logo {

     display: none !important
   }

   .iq-menu-horizontal .iq-sidebar-menu .iq-menu li:first-child a {

     padding-left: 0
   }

   .iq-menu-horizontal .iq-sidebar-menu .iq-menu li a:hover {

     color: #ae0918
   }

   .iq-menu-horizontal .iq-sidebar-menu .iq-menu li li .iq-arrow-right {

     transform: rotate(0deg)
   }

   .iq-menu-horizontal .iq-sidebar-menu .iq-menu li ul {

     display: block;

     position: absolute;

     top: 100%;

     padding: 10px 0;

     min-width: 200px;

     background: #fff;

     z-index: 9;

     transition: all .3s ease-in-out;

     display: none;

     animation: c .6s cubic-bezier(.39, .575, .565, 1) both;

     transform: translateY(100%);

     border-radius: 8px;

     -ms-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

     -o-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

     box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157)
   }

   .iq-menu-horizontal .iq-sidebar-menu .iq-menu .iq-submenu li a {

     padding: 12px 13px 12px 15px
   }

   .iq-menu-horizontal .iq-sidebar-menu .iq-menu>li:hover>a {

     color: #ae0918
   }

   .iq-menu-horizontal .iq-sidebar-menu .iq-menu li.menu-open .iq-arrow-right {

     transform: rotate(90deg)
   }

   .iq-menu-horizontal .iq-sidebar-menu li:hover>.iq-submenu {

     display: block;

     transition: all .3s ease-in-out
   }

   .iq-menu-horizontal .iq-sidebar-menu li:hover>.iq-submenu.iq-submenu-data {

     -webkit-opacity: 1;

     -moz-opacity: 1;

     -ms-opacity: 1;

     -o-opacity: 1;

     opacity: 1;

     transition: all .3s ease-in-out
   }

   .iq-menu-horizontal .iq-sidebar-menu li>.iq-submenu.iq-submenu-data {

     -webkit-opacity: 0;

     -moz-opacity: 0;

     -ms-opacity: 0;

     -o-opacity: 0;

     opacity: 0;

     visibility: visible;

     left: 100%;

     top: 0;

     transform-origin: left center 0
   }

   .iq-menu-horizontal .iq-sidebar-menu li>.iq-submenu .iq-arrow-right {

     margin-right: 0
   }

   .iq-menu-horizontal .sub-scrll {

     max-height: 315px;

     overflow-y: scroll;

     overflow-x: hidden
   }

   .iq-menu-horizontal .iq-sidebar-menu .iq-menu li:hover .iq-arrow-right {

     transform: rotate(90deg)
   }

   .iq-menu-horizontal .iq-sidebar-menu .iq-menu li:hover li .iq-arrow-right {

     transform: rotate(0deg)
   }

 }

 @media (max-width:1299px) {

   .iq-menu-horizontal {

     position: fixed;

     left: 0;

     right: 0;

     -webkit-opacity: 0;

     -moz-opacity: 0;

     -ms-opacity: 0;

     -o-opacity: 0;

     opacity: 0;

     top: 0;

     width: 0;

     background: #fff;

     height: 100vh;

     z-index: 9;

     overflow-y: scroll;

     overflow-x: hidden;

     transition: all .3s ease-in-out
   }

   .iq-menu-horizontal ul.iq-menu {

     display: block !important;

     background: #fff
   }

   .iq-menu-horizontal .iq-sidebar-menu .iq-menu li a {

     padding: 15px 20px 15px 30px
   }

   .iq-menu-horizontal .iq-sidebar-menu .iq-menu li a:hover {

     color: #ae0918
   }

   .iq-menu-horizontal .iq-sidebar-menu .iq-menu li ul {

     position: static;

     box-shadow: none
   }

   .iq-menu-horizontal ul.iq-menu li a[aria-expanded=true] .iq-arrow-right {

     transform: rotate(90deg)
   }

   .sidebar-main .iq-menu-horizontal {

     -webkit-opacity: 1;

     -moz-opacity: 1;

     -ms-opacity: 1;

     -o-opacity: 1;

     opacity: 1;

     width: 260px;

     transition: all .3s ease-in-out
   }

 }

 .tab-container .nav-pills .nav-item a {

   padding: 20px 10px;

   font-size: 14px;

   color: #fff;

   border-radius: 8px;

   margin-bottom: 0;

   margin-left: 1px
 }

 .tab-container .nav-pills .nav-item a.nav-link.active {

   color: #fff;

   background: #0da6b1
 }

 .tab-container .nav-pills .nav-item:hover a {

   color: #fff
 }

 .tab-details .tab-pane.fade {

   display: none
 }

 .tab-details .tab-pane.fade.active.show {

   display: block
 }

 .tab-scrollbar-data {

   width: 270px;

   height: 100%;

   position: fixed;

   z-index: 99;

   top: 0;

   right: 0;

   background: #fff;

   -ms-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   -o-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   transition: all .3s ease-in-out;

   display: flex;

   display: -moz-flex;

   display: -ms-flex;

   flex-direction: column;

   -moz-flex-direction: column;

   -ms-flex-direction: column
 }

 .tab-scrollbar-data.tab-sidebar-close {

   right: -270px
 }

 a.iq-tab-toggle {

   height: 40px;

   width: 40px;

   line-height: 35px;

   font-size: 18px;

   color: #fff;

   padding: 2px 12px;

   padding-right: 10px;

   display: block !important;

   background: #ae0918;

   -ms-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   -o-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   position: absolute;

   border-radius: 8px 0 0 8px;

   top: 50%;

   left: -40px
 }

 a.iq-tab-toggle .aerrow-icon-right {

   display: none
 }

 a.iq-tab-toggle .arr-next {

   position: relative;

   transition: all .3s ease-in-out
 }

 a.iq-tab-toggle .arr-next:before {

   content: "\f053";

   font-family: Font Awesome\ 5 Free;

   font-weight: 900;

   position: absolute;

   left: 0;

   top: 0;

   color: #fff;

   transform: rotate(0deg);

   animation-name: h;

   animation-duration: 1.4s;

   animation-iteration-count: infinite;

   animation-timing-function: linear
 }

 a.iq-tab-toggle .arr-next.arr-two:before {

   left: 10px;

   animation-delay: .2s
 }

 a.iq-tab-toggle.active .aerrow-icon-left {

   display: none
 }

 a.iq-tab-toggle.active .aerrow-icon-right {

   display: inline-block
 }

 a.iq-tab-toggle.active .arr-next:before {

   transform: rotate(180deg);

   animation-name: g
 }

 .tab-scrollbar-data .setting-info .setting-title {

   border-bottom: 1px solid #f1f1f1;

   padding-bottom: 10px;

   margin-top: 25px
 }

 .tab-scrollbar-data .setting-info .setting-title:first-child {

   margin-top: 0
 }

 .tab-scrollbar-data .setting-info .setting-title h5 i {

   font-size: 20px
 }

 .tab-scrollbar-data .setting-info .set-swtich {

   margin-top: 15px
 }

 .tab-scrollbar-data .setting-info .set-swtich h6 {

   font-weight: 400
 }

 .tab-scrollbar-data .setting-info .set-swtich .custom-control-input:focus~.custom-control-label:before {

   box-shadow: none
 }

 @keyframes g {

   0% {

     opacity: 1;

     transform: translateX(0) scale(1) rotate(-180deg)
   }

   25% {

     opacity: 0;

     transform: translateX(10px) scale(.9) rotate(-180deg)
   }

   26% {

     opacity: 0;

     transform: translateX(-10px) scale(.9) rotate(-180deg)
   }

   55% {

     opacity: 1;

     transform: translateX(0) scale(1) rotate(-180deg)
   }

 }

 @keyframes h {

   0% {

     opacity: 1;

     transform: translateX(10px) scale(.9) rotate(0deg)
   }

   25% {

     opacity: 0;

     transform: translateX(0) scale(1) rotate(0deg)
   }

   26% {

     opacity: 0;

     transform: translateX(0) scale(1) rotate(0deg)
   }

   55% {

     opacity: 1;

     transform: translateX(-10px) scale(.9) rotate(0deg)
   }

 }

 .bg-blue {

   color: #fff !important;

   background-color: #ae0918 !important
 }

 a.bg-blue:focus,
 a.bg-blue:hover,
 button.bg-blue:focus,
 button.bg-blue:hover {

   color: #fff !important;

   background-color: #048d97 !important
 }

 .bg-indigo {

   color: #fff !important;

   background-color: #6610f2 !important
 }

 a.bg-indigo:focus,
 a.bg-indigo:hover,
 button.bg-indigo:focus,
 button.bg-indigo:hover {

   color: #fff !important;

   background-color: #510bc4 !important
 }

 .bg-pink {

   color: #fff !important;

   background-color: #e83e8c !important
 }

 a.bg-pink:focus,
 a.bg-pink:hover,
 button.bg-pink:focus,
 button.bg-pink:hover {

   color: #fff !important;

   background-color: #d91a72 !important
 }

 .bg-red {

   color: #fff !important;

   background-color: #ff4b4b !important
 }

 a.bg-red:focus,
 a.bg-red:hover,
 button.bg-red:focus,
 button.bg-red:hover {

   color: #fff !important;

   background-color: #ff1818 !important
 }

 .bg-yellow {

   color: #212529 !important;

   background-color: #ffca44 !important
 }

 a.bg-yellow:focus,
 a.bg-yellow:hover,
 button.bg-yellow:focus,
 button.bg-yellow:hover {

   color: #fff !important;

   background-color: #ffbc11 !important
 }

 .bg-green {

   color: #fff !important;

   background-color: #43d396 !important
 }

 a.bg-green:focus,
 a.bg-green:hover,
 button.bg-green:focus,
 button.bg-green:hover {

   color: #fff !important;

   background-color: #2bb87c !important
 }

 .bg-teal {

   color: #fff !important;

   background-color: #20c997 !important
 }

 a.bg-teal:focus,
 a.bg-teal:hover,
 button.bg-teal:focus,
 button.bg-teal:hover {

   color: #fff !important;

   background-color: #199d76 !important
 }

 .bg-cyan {

   color: #fff !important;

   background-color: #876cfe !important
 }

 a.bg-cyan:focus,
 a.bg-cyan:hover,
 button.bg-cyan:focus,
 button.bg-cyan:hover {

   color: #fff !important;

   background-color: #5e39fe !important
 }

 .bg-white {

   color: #212529 !important;

   background-color: #fff !important
 }

 a.bg-white:focus,
 a.bg-white:hover,
 button.bg-white:focus,
 button.bg-white:hover {

   color: #fff !important;

   background-color: #e6e6e6 !important
 }

 .bg-gray {

   color: #fff !important;

   background-color: #6c757d !important
 }

 a.bg-gray:focus,
 a.bg-gray:hover,
 button.bg-gray:focus,
 button.bg-gray:hover {

   color: #fff !important;

   background-color: #545b62 !important
 }

 .bg-gray-dark {

   color: #fff !important;

   background-color: #01041b !important
 }

 a.bg-gray-dark:focus,
 a.bg-gray-dark:hover,
 button.bg-gray-dark:focus,
 button.bg-gray-dark:hover {

   color: #fff !important;

   background-color: #000 !important
 }

 .bg-gradient-blue {

   background: #ae0918 linear-gradient(180deg, #2ac5d1, #ae0918) repeat-x !important
 }

 .bg-gradient-indigo {

   background: #6610f2 linear-gradient(180deg, #7c33f4, #6610f2) repeat-x !important
 }

 .bg-gradient-pink {

   background: #e83e8c linear-gradient(180deg, #eb5a9d, #e83e8c) repeat-x !important
 }

 .bg-gradient-red {

   background: #ff4b4b linear-gradient(180deg, #fe6566, #ff4b4b) repeat-x !important
 }

 .bg-gradient-yellow {

   background: #ffca44 linear-gradient(180deg, #fed160, #ffca44) repeat-x !important
 }

 .bg-gradient-green {

   background: #43d396 linear-gradient(180deg, #5ed9a6, #43d396) repeat-x !important
 }

 .bg-gradient-teal {

   background: #20c997 linear-gradient(180deg, #41d1a6, #20c997) repeat-x !important
 }

 .bg-gradient-cyan {

   background: #876cfe linear-gradient(180deg, #9881fe, #876cfe) repeat-x !important
 }

 .bg-gradient-white {

   background: #fff linear-gradient(180deg, #fefeff, #fff) repeat-x !important
 }

 .bg-gradient-gray {

   background: #6c757d linear-gradient(180deg, #818990, #6c757d) repeat-x !important
 }

 .bg-gradient-gray-dark {

   background: #01041b linear-gradient(180deg, #26293d, #01041b) repeat-x !important
 }

 .bg-gradient-primary {

   background: #ae0918 linear-gradient(180deg, #2ac5d1, #ae0918) repeat-x !important
 }

 .bg-gradient-secondary {

   background: #6c757d linear-gradient(180deg, #818990, #6c757d) repeat-x !important
 }

 .bg-gradient-success {

   background: #43d396 linear-gradient(180deg, #5ed9a6, #43d396) repeat-x !important
 }

 .bg-gradient-info {

   background: #876cfe linear-gradient(180deg, #9881fe, #876cfe) repeat-x !important
 }

 .bg-gradient-warning {

   background: #ffca44 linear-gradient(180deg, #fed160, #ffca44) repeat-x !important
 }

 .bg-gradient-danger {

   background: #ff4b4b linear-gradient(180deg, #fe6566, #ff4b4b) repeat-x !important
 }

 .bg-gradient-light {

   background: #c7cbd3 linear-gradient(180deg, #cfd2d9, #c7cbd3) repeat-x !important
 }

 .bg-gradient-dark {

   background: #01041b linear-gradient(180deg, #26293d, #01041b) repeat-x !important
 }

 .bg-gradient-orange {

   background: #fe721c linear-gradient(180deg, #fd873e, #fe721c) repeat-x !important
 }

 .bg-gradient-purple {

   background: #4731b6 linear-gradient(180deg, #624fc1, #4731b6) repeat-x !important
 }

 .bg-gradient-skyblue {

   background: #158df7 linear-gradient(180deg, #379ef8, #158df7) repeat-x !important
 }

 .bg-primary {

   color: #fff !important;

   background-color: #ae0918 !important
 }

 a.bg-primary:focus,
 a.bg-primary:hover,
 button.bg-primary:focus,
 button.bg-primary:hover {

   color: #fff !important;

   background-color: #048d97 !important
 }

 .badge-primary {

   color: #fff !important;

   background-color: #ae0918 !important
 }

 a.badge-primary:focus,
 a.badge-primary:hover,
 button.badge-primary:focus,
 button.badge-primary:hover {

   color: #fff !important;

   background-color: #048d97 !important
 }

 .bg-secondary {

   color: #fff !important;

   background-color: #6c757d !important
 }

 a.bg-secondary:focus,
 a.bg-secondary:hover,
 button.bg-secondary:focus,
 button.bg-secondary:hover {

   color: #fff !important;

   background-color: #545b62 !important
 }

 .badge-secondary {

   color: #fff !important;

   background-color: #6c757d !important
 }

 a.badge-secondary:focus,
 a.badge-secondary:hover,
 button.badge-secondary:focus,
 button.badge-secondary:hover {

   color: #fff !important;

   background-color: #545b62 !important
 }

 .bg-success {

   color: #fff !important;

   background-color: #43d396 !important
 }

 a.bg-success:focus,
 a.bg-success:hover,
 button.bg-success:focus,
 button.bg-success:hover {

   color: #fff !important;

   background-color: #2bb87c !important
 }

 .badge-success {

   color: #fff !important;

   background-color: #43d396 !important
 }

 a.badge-success:focus,
 a.badge-success:hover,
 button.badge-success:focus,
 button.badge-success:hover {

   color: #fff !important;

   background-color: #2bb87c !important
 }

 .bg-info {

   color: #fff !important;

   background-color: #876cfe !important
 }

 a.bg-info:focus,
 a.bg-info:hover,
 button.bg-info:focus,
 button.bg-info:hover {

   color: #fff !important;

   background-color: #5e39fe !important
 }

 .badge-info {

   color: #fff !important;

   background-color: #876cfe !important
 }

 a.badge-info:focus,
 a.badge-info:hover,
 button.badge-info:focus,
 button.badge-info:hover {

   color: #fff !important;

   background-color: #5e39fe !important
 }

 .bg-warning {

   color: #212529 !important;

   background-color: #ffca44 !important
 }

 a.bg-warning:focus,
 a.bg-warning:hover,
 button.bg-warning:focus,
 button.bg-warning:hover {

   color: #fff !important;

   background-color: #ffbc11 !important
 }

 .badge-warning {

   color: #212529 !important;

   background-color: #ffca44 !important
 }

 a.badge-warning:focus,
 a.badge-warning:hover,
 button.badge-warning:focus,
 button.badge-warning:hover {

   color: #fff !important;

   background-color: #ffbc11 !important
 }

 .bg-danger {

   color: #fff !important;

   background-color: #ff4b4b !important
 }

 a.bg-danger:focus,
 a.bg-danger:hover,
 button.bg-danger:focus,
 button.bg-danger:hover {

   color: #fff !important;

   background-color: #ff1818 !important
 }

 .badge-danger {

   color: #fff !important;

   background-color: #ff4b4b !important
 }

 a.badge-danger:focus,
 a.badge-danger:hover,
 button.badge-danger:focus,
 button.badge-danger:hover {

   color: #fff !important;

   background-color: #ff1818 !important
 }

 .bg-light {

   color: #212529 !important;

   background-color: #c7cbd3 !important
 }

 a.bg-light:focus,
 a.bg-light:hover,
 button.bg-light:focus,
 button.bg-light:hover {

   color: #fff !important;

   background-color: #aab0bd !important
 }

 .badge-light {

   color: #212529 !important;

   background-color: #c7cbd3 !important
 }

 a.badge-light:focus,
 a.badge-light:hover,
 button.badge-light:focus,
 button.badge-light:hover {

   color: #fff !important;

   background-color: #aab0bd !important
 }

 .bg-dark {

   color: #fff !important;

   background-color: #01041b !important
 }

 a.bg-dark:focus,
 a.bg-dark:hover,
 button.bg-dark:focus,
 button.bg-dark:hover {

   color: #fff !important;

   background-color: #000 !important
 }

 .badge-dark {

   color: #fff !important;

   background-color: #01041b !important
 }

 a.badge-dark:focus,
 a.badge-dark:hover,
 button.badge-dark:focus,
 button.badge-dark:hover {

   color: #fff !important;

   background-color: #000 !important
 }

 .bg-orange {

   color: #fff !important;

   background-color: #fe721c !important
 }

 a.bg-orange:focus,
 a.bg-orange:hover,
 button.bg-orange:focus,
 button.bg-orange:hover {

   color: #fff !important;

   background-color: #e65801 !important
 }

 .badge-orange {

   color: #fff !important;

   background-color: #fe721c !important
 }

 a.badge-orange:focus,
 a.badge-orange:hover,
 button.badge-orange:focus,
 button.badge-orange:hover {

   color: #fff !important;

   background-color: #e65801 !important
 }

 .bg-purple {

   color: #fff !important;

   background-color: #4731b6 !important
 }

 a.bg-purple:focus,
 a.bg-purple:hover,
 button.bg-purple:focus,
 button.bg-purple:hover {

   color: #fff !important;

   background-color: #37268e !important
 }

 .badge-purple {

   color: #fff !important;

   background-color: #4731b6 !important
 }

 a.badge-purple:focus,
 a.badge-purple:hover,
 button.badge-purple:focus,
 button.badge-purple:hover {

   color: #fff !important;

   background-color: #37268e !important
 }

 .bg-skyblue {

   color: #fff !important;

   background-color: #158df7 !important
 }

 a.bg-skyblue:focus,
 a.bg-skyblue:hover,
 button.bg-skyblue:focus,
 button.bg-skyblue:hover {

   color: #fff !important;

   background-color: #0773d2 !important
 }

 .badge-skyblue {

   color: #fff !important;

   background-color: #158df7 !important
 }

 a.badge-skyblue:focus,
 a.badge-skyblue:hover,
 button.badge-skyblue:focus,
 button.badge-skyblue:hover {

   color: #fff !important;

   background-color: #0773d2 !important
 }

 .bg-primary-light {

   color: #27a6b1 !important;

   background-color: rgba(0, 0, 0, .3) !important
 }

 a.bg-primary-light:focus,
 a.bg-primary-light:hover,
 button.bg-primary-light:focus,
 button.bg-primary-light:hover {

   color: #27a6b1 !important;

   background-color: #b5eaef !important
 }

 .bg-secondary-light {

   color: #4b4e54 !important;

   background-color: #ccced2 !important
 }

 a.bg-secondary-light:focus,
 a.bg-secondary-light:hover,
 button.bg-secondary-light:focus,
 button.bg-secondary-light:hover {

   color: #4b4e54 !important;

   background-color: #b1b4ba !important
 }

 .bg-success-light {

   color: #279865 !important;

   background-color: #ccf2e1 !important
 }

 a.bg-success-light:focus,
 a.bg-success-light:hover,
 button.bg-success-light:focus,
 button.bg-success-light:hover {

   color: #279865 !important;

   background-color: #a3e8c9 !important
 }

 .bg-info-light {

   color: #2900da !important;

   background-color: #e1daff !important
 }

 a.bg-info-light:focus,
 a.bg-info-light:hover,
 button.bg-info-light:focus,
 button.bg-info-light:hover {

   color: #2900da !important;

   background-color: #b8a7ff !important
 }

 .bg-warning-light {

   color: #bd8700 !important;

   background-color: #ffecbd !important
 }

 a.bg-warning-light:focus,
 a.bg-warning-light:hover,
 button.bg-warning-light:focus,
 button.bg-warning-light:hover {

   color: #bd8700 !important;

   background-color: #ffdd8a !important
 }

 .bg-danger-light {

   color: #b01417 !important;

   background-color: #f9cacb !important
 }

 a.bg-danger-light:focus,
 a.bg-danger-light:hover,
 button.bg-danger-light:focus,
 button.bg-danger-light:hover {

   color: #b01417 !important;

   background-color: #f49c9e !important
 }

 .bg-light-light {

   color: #444a57 !important;

   background-color: #c7cbd3 !important
 }

 a.bg-light-light:focus,
 a.bg-light-light:hover,
 button.bg-light-light:focus,
 button.bg-light-light:hover {

   color: #444a57 !important;

   background-color: #aab0bd !important
 }

 .bg-dark-light {

   color: rgba(68, 74, 87, .1) !important;

   background-color: rgba(199, 203, 211, .1) !important
 }

 a.bg-dark-light:focus,
 a.bg-dark-light:hover,
 button.bg-dark-light:focus,
 button.bg-dark-light:hover {

   color: rgba(68, 74, 87, .1) !important;

   background-color: rgba(170, 176, 189, .1) !important
 }

 .bg-orange-light {

   color: #a03d00 !important;

   background-color: #ffc4a0 !important
 }

 a.bg-orange-light:focus,
 a.bg-orange-light:hover,
 button.bg-orange-light:focus,
 button.bg-orange-light:hover {

   color: #a03d00 !important;

   background-color: #ffa46d !important
 }

 .bg-purple-light {

   color: #2200c0 !important;

   background-color: #cbc0ff !important
 }

 a.bg-purple-light:focus,
 a.bg-purple-light:hover,
 button.bg-purple-light:focus,
 button.bg-purple-light:hover {

   color: #2200c0 !important;

   background-color: #a18dff !important
 }

 .bg-skyblue-light {

   color: #005aaa !important;

   background-color: #aad7ff !important
 }

 a.bg-skyblue-light:focus,
 a.bg-skyblue-light:hover,
 button.bg-skyblue-light:focus,
 button.bg-skyblue-light:hover {

   color: #005aaa !important;

   background-color: #77bfff !important
 }

 .avatar-30 {

   height: 30px;

   width: 30px;

   line-height: 30px;

   min-width: 30px
 }

 .avatar-35 {

   height: 35px;

   width: 35px;

   line-height: 35px;

   min-width: 35px
 }

 .avatar-40 {

   height: 40px;

   width: 40px;

   line-height: 40px;

   min-width: 40px
 }

 .avatar-45 {

   height: 45px;

   width: 45px;

   line-height: 45px;

   min-width: 45px
 }

 .avatar-50 {

   height: 50px;

   width: 50px;

   line-height: 50px;

   min-width: 50px
 }

 .avatar-60 {

   height: 60px;

   width: 60px;

   line-height: 60px;

   min-width: 60px
 }

 .avatar-70 {

   height: 70px;

   width: 70px;

   line-height: 70px;

   min-width: 70px
 }

 .avatar-80 {

   height: 80px;

   width: 80px;

   line-height: 80px;

   min-width: 80px
 }

 .avatar-90 {

   height: 90px;

   width: 90px;

   line-height: 90px;

   min-width: 90px
 }

 .avatar-100 {

   height: 100px;

   width: 100px;

   line-height: 100px;

   min-width: 100px
 }

 .avatar-110 {

   height: 110px;

   width: 110px;

   line-height: 110px;

   min-width: 110px
 }

 .avatar-120 {

   height: 120px;

   width: 120px;

   line-height: 120px;

   min-width: 120px
 }

 .avatar-130 {

   height: 130px;

   width: 130px;

   line-height: 130px;

   min-width: 130px
 }

 .avatar-155 {

   height: 155px;

   width: 155px;

   line-height: 155px;

   min-width: 155px
 }

 .avatar-235 {

   height: 235px;

   width: 235px;

   line-height: 235px;

   min-width: 235px
 }

 .font-size-12 {

   font-size: 12px !important
 }

 .font-size-14 {

   font-size: 14px !important
 }

 .font-size-16 {

   font-size: 16px !important
 }

 .font-size-18 {

   font-size: 18px !important
 }

 .font-size-20 {

   font-size: 20px !important
 }

 .font-size-32 {

   font-size: 32px !important
 }

 .font-size-40 {

   font-size: 40px !important
 }

 .font-weight-300 {

   font-weight: 300 !important
 }

 .font-weight-400 {

   font-weight: 400 !important
 }

 .font-weight-500 {

   font-weight: 500 !important
 }

 .font-weight-600 {

   font-weight: 600 !important
 }

 .font-weight-700 {

   font-weight: 700 !important
 }

 .font-weight-800 {

   font-weight: 800 !important
 }

 .font-weight-900 {

   font-weight: 900 !important
 }

 .text-underline {

   text-decoration: underline
 }

 .text-through {

   text-decoration: line-through
 }

 @media (min-width:576px) {

   .text-xs-chirag {

     font-size: 12 !important
   }

 }

 .text-lg,
 .text-sm,
 .text-xl {

   font-size: 12 !important
 }

 .line-height-100 {

   line-height: 1
 }

 .line-height-110 {

   line-height: 1.1
 }

 .line-height-120 {

   line-height: 1.2
 }

 .line-height-130 {

   line-height: 1.3
 }

 .line-height-140 {

   line-height: 1.4
 }

 .line-height-150 {

   line-height: 1.5
 }

 .line-height-160 {

   line-height: 1.6
 }

 .line-height-170 {

   line-height: 1.7
 }

 .line-height-180 {

   line-height: 1.8
 }

 .letter-spacing-1 {

   letter-spacing: .0625rem
 }

 .letter-spacing-15 {

   letter-spacing: .09375rem
 }

 .letter-spacing-2 {

   letter-spacing: .125rem
 }

 .text-blue {

   color: #ae0918 !important
 }

 a.text-blue:focus,
 a.text-blue:hover {

   color: #03767e !important
 }

 .text-indigo {

   color: #6610f2 !important
 }

 a.text-indigo:focus,
 a.text-indigo:hover {

   color: #4709ac !important
 }

 .text-purple {

   color: #4731b6 !important
 }

 a.text-purple:focus,
 a.text-purple:hover {

   color: #2f217a !important
 }

 .text-pink {

   color: #e83e8c !important
 }

 a.text-pink:focus,
 a.text-pink:hover {

   color: #c21766 !important
 }

 .text-red {

   color: #ff4b4b !important
 }

 a.text-red:focus,
 a.text-red:hover {

   color: #fe0000 !important
 }

 .text-orange {

   color: #fe721c !important
 }

 a.text-orange:focus,
 a.text-orange:hover {

   color: #cd4e01 !important
 }

 .text-yellow {

   color: #ffca44 !important
 }

 a.text-yellow:focus,
 a.text-yellow:hover {

   color: #f7b100 !important
 }

 .text-green {

   color: #43d396 !important
 }

 a.text-green:focus,
 a.text-green:hover {

   color: #26a36e !important
 }

 .text-teal {

   color: #20c997 !important
 }

 a.text-teal:focus,
 a.text-teal:hover {

   color: #158765 !important
 }

 .text-cyan {

   color: #876cfe !important
 }

 a.text-cyan:focus,
 a.text-cyan:hover {

   color: #4920fd !important
 }

 .text-white {

   color: #fff !important
 }

 a.text-white:focus,
 a.text-white:hover {

   color: #d9d9d9 !important
 }

 .text-gray {

   color: #6c757d !important
 }

 a.text-gray:focus,
 a.text-gray:hover {

   color: #494f54 !important
 }

 .text-gray-dark {

   color: #01041b !important
 }

 a.text-gray-dark:focus,
 a.text-gray-dark:hover {

   color: #000 !important
 }

 .text-skyblue {

   color: #158df7 !important
 }

 a.text-skyblue:focus,
 a.text-skyblue:hover {

   color: #0665b9 !important
 }

 /*!

Animate.css - http://daneden.me/animate

Licensed under the MIT license



Copyright (c) 2013 Daniel Eden



Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:



The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.



THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

*/
 .animated {

   animation-duration: 1s;

   animation-fill-mode: both
 }

 .animated.hinge {

   animation-duration: 2s
 }

 @keyframes i {

   0%,
   20%,
   50%,
   80%,
   to {

     transform: translateY(0)
   }

   40% {

     transform: translateY(-30px)
   }

   60% {

     transform: translateY(-15px)
   }

 }

 .bounce {

   animation-name: i
 }

 @keyframes j {

   0%,
   50%,
   to {

     opacity: 1
   }

   25%,
   75% {

     opacity: 0
   }

 }

 .flash {

   animation-name: j
 }

 @keyframes k {

   0% {

     transform: scale(1)
   }

   50% {

     transform: scale(1.1)
   }

   to {

     transform: scale(1)
   }

 }

 .pulse {

   animation-name: k
 }

 @keyframes l {

   0%,
   to {

     transform: translateX(0)
   }

   10%,
   30%,
   50%,
   70%,
   90% {

     transform: translateX(-10px)
   }

   20%,
   40%,
   60%,
   80% {

     transform: translateX(10px)
   }

 }

 .shake {

   animation-name: l
 }

 @keyframes m {

   20% {

     transform: rotate(15deg)
   }

   40% {

     transform: rotate(-10deg)
   }

   60% {

     transform: rotate(5deg)
   }

   80% {

     transform: rotate(-5deg)
   }

   to {

     transform: rotate(0deg)
   }

 }

 .swing {

   transform-origin: top center;

   animation-name: m
 }

 @keyframes n {

   0% {

     transform: scale(1)
   }

   10%,
   20% {

     transform: scale(.9) rotate(-3deg)
   }

   30%,
   50%,
   70%,
   90% {

     transform: scale(1.1) rotate(3deg)
   }

   40%,
   60%,
   80% {

     transform: scale(1.1) rotate(-3deg)
   }

   to {

     transform: scale(1) rotate(0)
   }

 }

 .tada {

   animation-name: n
 }

 @keyframes o {

   0% {

     transform: translateX(0)
   }

   15% {

     transform: translateX(-25%) rotate(-5deg)
   }

   30% {

     transform: translateX(20%) rotate(3deg)
   }

   45% {

     transform: translateX(-15%) rotate(-3deg)
   }

   60% {

     transform: translateX(10%) rotate(2deg)
   }

   75% {

     transform: translateX(-5%) rotate(-1deg)
   }

   to {

     transform: translateX(0)
   }

 }

 .wobble {

   animation-name: o
 }

 @keyframes p {

   0% {

     opacity: 0;

     transform: scale(.3)
   }

   50% {

     opacity: 1;

     transform: scale(1.05)
   }

   70% {

     transform: scale(.9)
   }

   to {

     transform: scale(1)
   }

 }

 .bounceIn {

   animation-name: p
 }

 @keyframes q {

   0% {

     opacity: 0;

     transform: translateY(-2000px)
   }

   60% {

     opacity: 1;

     transform: translateY(30px)
   }

   80% {

     transform: translateY(-10px)
   }

   to {

     transform: translateY(0)
   }

 }

 .bounceInDown {

   animation-name: q
 }

 @keyframes r {

   0% {

     opacity: 0;

     transform: translateX(-2000px)
   }

   60% {

     opacity: 1;

     transform: translateX(30px)
   }

   80% {

     transform: translateX(-10px)
   }

   to {

     transform: translateX(0)
   }

 }

 .bounceInLeft {

   animation-name: r
 }

 @keyframes s {

   0% {

     opacity: 0;

     transform: translateX(2000px)
   }

   60% {

     opacity: 1;

     transform: translateX(-30px)
   }

   80% {

     transform: translateX(10px)
   }

   to {

     transform: translateX(0)
   }

 }

 .bounceInRight {

   animation-name: s
 }

 @keyframes t {

   0% {

     opacity: 0;

     transform: translateY(2000px)
   }

   60% {

     opacity: 1;

     transform: translateY(-30px)
   }

   80% {

     transform: translateY(10px)
   }

   to {

     transform: translateY(0)
   }

 }

 .bounceInUp {

   animation-name: t
 }

 @keyframes u {

   0% {

     transform: scale(1)
   }

   25% {

     transform: scale(.95)
   }

   50% {

     opacity: 1;

     transform: scale(1.1)
   }

   to {

     opacity: 0;

     transform: scale(.3)
   }

 }

 .bounceOut {

   animation-name: u
 }

 @keyframes v {

   0% {

     transform: translateY(0)
   }

   20% {

     opacity: 1;

     transform: translateY(-20px)
   }

   to {

     opacity: 0;

     transform: translateY(2000px)
   }

 }

 .bounceOutDown {

   animation-name: v
 }

 @keyframes w {

   0% {

     transform: translateX(0)
   }

   20% {

     opacity: 1;

     transform: translateX(20px)
   }

   to {

     opacity: 0;

     transform: translateX(-2000px)
   }

 }

 .bounceOutLeft {

   animation-name: w
 }

 @keyframes x {

   0% {

     transform: translateX(0)
   }

   20% {

     opacity: 1;

     transform: translateX(-20px)
   }

   to {

     opacity: 0;

     transform: translateX(2000px)
   }

 }

 .bounceOutRight {

   animation-name: x
 }

 @keyframes y {

   0% {

     transform: translateY(0)
   }

   20% {

     opacity: 1;

     transform: translateY(20px)
   }

   to {

     opacity: 0;

     transform: translateY(-2000px)
   }

 }

 .bounceOutUp {

   animation-name: y
 }

 @keyframes z {

   0% {

     opacity: 0
   }

   to {

     opacity: 1
   }

 }

 .fadeIn {

   animation-name: z
 }

 @keyframes A {

   0% {

     opacity: 0;

     transform: translateY(-20px)
   }

   to {

     opacity: 1;

     transform: translateY(0)
   }

 }

 .fadeInDown {

   animation-name: A
 }

 @keyframes B {

   0% {

     opacity: 0;

     transform: translateY(-2000px)
   }

   to {

     opacity: 1;

     transform: translateY(0)
   }

 }

 .fadeInDownBig {

   animation-name: B
 }

 @keyframes C {

   0% {

     opacity: 0;

     transform: translateX(-20px)
   }

   to {

     opacity: 1;

     transform: translateX(0)
   }

 }

 .fadeInLeft {

   animation-name: C
 }

 @keyframes D {

   0% {

     opacity: 0;

     transform: translateX(-2000px)
   }

   to {

     opacity: 1;

     transform: translateX(0)
   }

 }

 .fadeInLeftBig {

   animation-name: D
 }

 @keyframes E {

   0% {

     opacity: 0;

     transform: translateX(20px)
   }

   to {

     opacity: 1;

     transform: translateX(0)
   }

 }

 .fadeInRight {

   animation-name: E
 }

 @keyframes F {

   0% {

     opacity: 0;

     transform: translateX(2000px)
   }

   to {

     opacity: 1;

     transform: translateX(0)
   }

 }

 .fadeInRightBig {

   animation-name: F
 }

 @keyframes G {

   0% {

     opacity: 0;

     transform: translateY(20px)
   }

   to {

     opacity: 1;

     transform: translateY(0)
   }

 }

 .fadeInUp {

   animation-name: G
 }

 @keyframes H {

   0% {

     opacity: 0;

     transform: translateY(2000px)
   }

   to {

     opacity: 1;

     transform: translateY(0)
   }

 }

 .fadeInUpBig {

   animation-name: H
 }

 @keyframes I {

   0% {

     opacity: 1
   }

   to {

     opacity: 0
   }

 }

 .fadeOut {

   animation-name: I
 }

 @keyframes J {

   0% {

     opacity: 1;

     transform: translateY(0)
   }

   to {

     opacity: 0;

     transform: translateY(20px)
   }

 }

 .fadeOutDown {

   animation-name: J
 }

 @keyframes K {

   0% {

     opacity: 1;

     transform: translateY(0)
   }

   to {

     opacity: 0;

     transform: translateY(2000px)
   }

 }

 .fadeOutDownBig {

   animation-name: K
 }

 @keyframes L {

   0% {

     opacity: 1;

     transform: translateX(0)
   }

   to {

     opacity: 0;

     transform: translateX(-20px)
   }

 }

 .fadeOutLeft {

   animation-name: L
 }

 @keyframes M {

   0% {

     opacity: 1;

     transform: translateX(0)
   }

   to {

     opacity: 0;

     transform: translateX(-2000px)
   }

 }

 .fadeOutLeftBig {

   animation-name: M
 }

 @keyframes N {

   0% {

     opacity: 1;

     transform: translateX(0)
   }

   to {

     opacity: 0;

     transform: translateX(20px)
   }

 }

 .fadeOutRight {

   animation-name: N
 }

 @keyframes O {

   0% {

     opacity: 1;

     transform: translateX(0)
   }

   to {

     opacity: 0;

     transform: translateX(2000px)
   }

 }

 .fadeOutRightBig {

   animation-name: O
 }

 @keyframes P {

   0% {

     opacity: 1;

     transform: translateY(0)
   }

   to {

     opacity: 0;

     transform: translateY(-20px)
   }

 }

 .fadeOutUp {

   animation-name: P
 }

 @keyframes Q {

   0% {

     opacity: 1;

     transform: translateY(0)
   }

   to {

     opacity: 0;

     transform: translateY(-2000px)
   }

 }

 .fadeOutUpBig {

   animation-name: Q
 }

 @keyframes R {

   0% {

     transform: perspective(400px) translateZ(0) rotateY(0) scale(1);

     animation-timing-function: ease-out
   }

   40% {

     transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);

     animation-timing-function: ease-out
   }

   50% {

     transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);

     animation-timing-function: ease-in
   }

   80% {

     transform: perspective(400px) translateZ(0) rotateY(1turn) scale(.95);

     animation-timing-function: ease-in
   }

   to {

     transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1);

     animation-timing-function: ease-in
   }

 }

 .animated.flip {

   -webkit-backface-visibility: visible;

   backface-visibility: visible;

   animation-name: R
 }

 @keyframes S {

   0% {

     transform: perspective(400px) rotateX(90deg);

     opacity: 0
   }

   40% {

     transform: perspective(400px) rotateX(-10deg)
   }

   70% {

     transform: perspective(400px) rotateX(10deg)
   }

   to {

     transform: perspective(400px) rotateX(0deg);

     opacity: 1
   }

 }

 .flipInX {

   -webkit-backface-visibility: visible !important;

   backface-visibility: visible !important;

   animation-name: S
 }

 @keyframes T {

   0% {

     transform: perspective(400px) rotateY(90deg);

     opacity: 0
   }

   40% {

     transform: perspective(400px) rotateY(-10deg)
   }

   70% {

     transform: perspective(400px) rotateY(10deg)
   }

   to {

     transform: perspective(400px) rotateY(0deg);

     opacity: 1
   }

 }

 .flipInY {

   -webkit-backface-visibility: visible !important;

   backface-visibility: visible !important;

   animation-name: T
 }

 @keyframes U {

   0% {

     transform: perspective(400px) rotateX(0deg);

     opacity: 1
   }

   to {

     transform: perspective(400px) rotateX(90deg);

     opacity: 0
   }

 }

 .flipOutX {

   animation-name: U;

   -webkit-backface-visibility: visible !important;

   backface-visibility: visible !important
 }

 @keyframes V {

   0% {

     transform: perspective(400px) rotateY(0deg);

     opacity: 1
   }

   to {

     transform: perspective(400px) rotateY(90deg);

     opacity: 0
   }

 }

 .flipOutY {

   -webkit-backface-visibility: visible !important;

   backface-visibility: visible !important;

   animation-name: V
 }

 @keyframes W {

   0% {

     transform: translateX(100%) skewX(-30deg);

     opacity: 0
   }

   60% {

     transform: translateX(-20%) skewX(30deg);

     opacity: 1
   }

   80% {

     transform: translateX(0) skewX(-15deg);

     opacity: 1
   }

   to {

     transform: translateX(0) skewX(0deg);

     opacity: 1
   }

 }

 .lightSpeedIn {

   animation-name: W;

   animation-timing-function: ease-out
 }

 @keyframes X {

   0% {

     transform: translateX(0) skewX(0deg);

     opacity: 1
   }

   to {

     transform: translateX(100%) skewX(-30deg);

     opacity: 0
   }

 }

 .lightSpeedOut {

   animation-name: X;

   animation-timing-function: ease-in
 }

 @keyframes Y {

   0% {

     transform-origin: center center;

     transform: rotate(-200deg);

     opacity: 0
   }

   to {

     transform-origin: center center;

     transform: rotate(0);

     opacity: 1
   }

 }

 .rotateIn {

   animation-name: Y
 }

 @keyframes Z {

   0% {

     transform-origin: left bottom;

     transform: rotate(-90deg);

     opacity: 0
   }

   to {

     transform-origin: left bottom;

     transform: rotate(0);

     opacity: 1
   }

 }

 .rotateInDownLeft {

   animation-name: Z
 }

 @keyframes ab {

   0% {

     transform-origin: right bottom;

     transform: rotate(90deg);

     opacity: 0
   }

   to {

     transform-origin: right bottom;

     transform: rotate(0);

     opacity: 1
   }

 }

 .rotateInDownRight {

   animation-name: ab
 }

 @keyframes bb {

   0% {

     transform-origin: left bottom;

     transform: rotate(90deg);

     opacity: 0
   }

   to {

     transform-origin: left bottom;

     transform: rotate(0);

     opacity: 1
   }

 }

 .rotateInUpLeft {

   animation-name: bb
 }

 @keyframes cb {

   0% {

     transform-origin: right bottom;

     transform: rotate(-90deg);

     opacity: 0
   }

   to {

     transform-origin: right bottom;

     transform: rotate(0);

     opacity: 1
   }

 }

 .rotateInUpRight {

   animation-name: cb
 }

 @keyframes db {

   0% {

     transform-origin: center center;

     transform: rotate(0);

     opacity: 1
   }

   to {

     transform-origin: center center;

     transform: rotate(200deg);

     opacity: 0
   }

 }

 .rotateOut {

   animation-name: db
 }

 @keyframes eb {

   0% {

     transform-origin: left bottom;

     transform: rotate(0);

     opacity: 1
   }

   to {

     transform-origin: left bottom;

     transform: rotate(90deg);

     opacity: 0
   }

 }

 .rotateOutDownLeft {

   animation-name: eb
 }

 @keyframes fb {

   0% {

     transform-origin: right bottom;

     transform: rotate(0);

     opacity: 1
   }

   to {

     transform-origin: right bottom;

     transform: rotate(-90deg);

     opacity: 0
   }

 }

 .rotateOutDownRight {

   animation-name: fb
 }

 @keyframes gb {

   0% {

     transform-origin: left bottom;

     transform: rotate(0);

     opacity: 1
   }

   to {

     transform-origin: left bottom;

     transform: rotate(-90deg);

     opacity: 0
   }

 }

 .rotateOutUpLeft {

   animation-name: gb
 }

 @keyframes hb {

   0% {

     transform-origin: right bottom;

     transform: rotate(0);

     opacity: 1
   }

   to {

     transform-origin: right bottom;

     transform: rotate(90deg);

     opacity: 0
   }

 }

 .rotateOutUpRight {

   animation-name: hb
 }

 @keyframes ib {

   0% {

     opacity: 0;

     transform: translateY(-2000px)
   }

   to {

     transform: translateY(0)
   }

 }

 .slideInDown {

   animation-name: ib
 }

 @keyframes jb {

   0% {

     opacity: 0;

     transform: translateX(-2000px)
   }

   to {

     transform: translateX(0)
   }

 }

 .slideInLeft {

   animation-name: jb
 }

 @keyframes kb {

   0% {

     opacity: 0;

     transform: translateX(2000px)
   }

   to {

     transform: translateX(0)
   }

 }

 .slideInRight {

   animation-name: kb
 }

 @keyframes lb {

   0% {

     transform: translateX(0)
   }

   to {

     opacity: 0;

     transform: translateX(-2000px)
   }

 }

 .slideOutLeft {

   animation-name: lb
 }

 @keyframes mb {

   0% {

     transform: translateX(0)
   }

   to {

     opacity: 0;

     transform: translateX(2000px)
   }

 }

 .slideOutRight {

   animation-name: mb
 }

 @keyframes nb {

   0% {

     transform: translateY(0)
   }

   to {

     opacity: 0;

     transform: translateY(-2000px)
   }

 }

 .slideOutUp {

   animation-name: nb
 }

 @keyframes ob {

   0% {

     transform: rotate(0);

     transform-origin: top left;

     animation-timing-function: ease-in-out
   }

   20%,
   60% {

     transform: rotate(80deg);

     transform-origin: top left;

     animation-timing-function: ease-in-out
   }

   40% {

     transform: rotate(60deg);

     transform-origin: top left;

     animation-timing-function: ease-in-out
   }

   80% {

     transform: rotate(60deg) translateY(0);

     opacity: 1;

     transform-origin: top left;

     animation-timing-function: ease-in-out
   }

   to {

     transform: translateY(700px);

     opacity: 0
   }

 }

 .hinge {

   animation-name: ob
 }

 @keyframes pb {

   0% {

     opacity: 0;

     transform: translateX(-100%) rotate(-120deg)
   }

   to {

     opacity: 1;

     transform: translateX(0) rotate(0deg)
   }

 }

 .rollIn {

   animation-name: pb
 }

 @keyframes qb {

   0% {

     opacity: 1;

     transform: translateX(0) rotate(0deg)
   }

   to {

     opacity: 0;

     transform: translateX(100%) rotate(120deg)
   }

 }

 .rollOut {

   animation-name: qb
 }

 .swal2-popup.swal2-toast {

   flex-direction: row;

   align-items: center;

   width: auto;

   padding: .625em;

   overflow-y: hidden;

   background: #fff;

   box-shadow: 0 0 .625em #d9d9d9
 }

 .swal2-popup.swal2-toast .swal2-header {

   flex-direction: row;

   padding: 0
 }

 .swal2-popup.swal2-toast .swal2-title {

   flex-grow: 1;

   justify-content: flex-start;

   margin: 0 .6em;

   font-size: 1em
 }

 .swal2-popup.swal2-toast .swal2-footer {

   margin: .5em 0 0;

   padding: .5em 0 0;

   font-size: .8em
 }

 .swal2-popup.swal2-toast .swal2-close {

   position: static;

   width: .8em;

   height: .8em;

   line-height: .8
 }

 .swal2-popup.swal2-toast .swal2-content {

   justify-content: flex-start;

   padding: 0;

   font-size: 1em
 }

 .swal2-popup.swal2-toast .swal2-icon {

   width: 2em;

   min-width: 2em;

   height: 2em;

   margin: 0
 }

 .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {

   display: flex;

   align-items: center;

   font-size: 1.8em;

   font-weight: 700
 }

 @media (-ms-high-contrast:active),
 (-ms-high-contrast:none) {

   .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {

     font-size: .25em
   }

 }

 .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {

   width: 2em;

   height: 2em
 }

 .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {

   top: .875em;

   width: 1.375em
 }

 .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {

   left: .3125em
 }

 .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {

   right: .3125em
 }

 .swal2-popup.swal2-toast .swal2-actions {

   flex-basis: auto !important;

   width: auto;

   height: auto;

   margin: 0 .3125em;

   padding: 0
 }

 .swal2-popup.swal2-toast .swal2-styled {

   margin: 0 .3125em;

   padding: .3125em .625em;

   font-size: 1em
 }

 .swal2-popup.swal2-toast .swal2-styled:focus {

   box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(100, 150, 200, .5)
 }

 .swal2-popup.swal2-toast .swal2-success {

   border-color: #a5dc86
 }

 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {

   position: absolute;

   width: 1.6em;

   height: 3em;

   transform: rotate(45deg);

   border-radius: 50%
 }

 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {

   top: -.8em;

   left: -.5em;

   transform: rotate(-45deg);

   transform-origin: 2em 2em;

   border-radius: 4em 0 0 4em
 }

 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {

   top: -.25em;

   left: .9375em;

   transform-origin: 0 1.5em;

   border-radius: 0 4em 4em 0
 }

 .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {

   width: 2em;

   height: 2em
 }

 .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {

   top: 0;

   left: .4375em;

   width: .4375em;

   height: 2.6875em
 }

 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {

   height: .3125em
 }

 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {

   top: 1.125em;

   left: .1875em;

   width: .75em
 }

 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {

   top: .9375em;

   right: .1875em;

   width: 1.375em
 }

 .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {

   animation: tb .75s
 }

 .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {

   animation: ub .75s
 }

 .swal2-popup.swal2-toast.swal2-show {

   animation: rb .5s
 }

 .swal2-popup.swal2-toast.swal2-hide {

   animation: sb .1s forwards
 }

 .swal2-container {

   display: flex;

   position: fixed;

   z-index: 1060;

   top: 0;

   right: 0;

   bottom: 0;

   left: 0;

   flex-direction: row;

   align-items: center;

   justify-content: center;

   padding: .625em;

   overflow-x: hidden;

   transition: background-color .1s;

   -webkit-overflow-scrolling: touch
 }

 .swal2-container.swal2-backdrop-show,
 .swal2-container.swal2-noanimation {

   background: rgba(0, 0, 0, .4)
 }

 .swal2-container.swal2-backdrop-hide {

   background: transparent !important
 }

 .swal2-container.swal2-top {

   align-items: flex-start
 }

 .swal2-container.swal2-top-left,
 .swal2-container.swal2-top-start {

   align-items: flex-start;

   justify-content: flex-start
 }

 .swal2-container.swal2-top-end,
 .swal2-container.swal2-top-right {

   align-items: flex-start;

   justify-content: flex-end
 }

 .swal2-container.swal2-center {

   align-items: center
 }

 .swal2-container.swal2-center-left,
 .swal2-container.swal2-center-start {

   align-items: center;

   justify-content: flex-start
 }

 .swal2-container.swal2-center-end,
 .swal2-container.swal2-center-right {

   align-items: center;

   justify-content: flex-end
 }

 .swal2-container.swal2-bottom {

   align-items: flex-end
 }

 .swal2-container.swal2-bottom-left,
 .swal2-container.swal2-bottom-start {

   align-items: flex-end;

   justify-content: flex-start
 }

 .swal2-container.swal2-bottom-end,
 .swal2-container.swal2-bottom-right {

   align-items: flex-end;

   justify-content: flex-end
 }

 .swal2-container.swal2-bottom-end> :first-child,
 .swal2-container.swal2-bottom-left> :first-child,
 .swal2-container.swal2-bottom-right> :first-child,
 .swal2-container.swal2-bottom-start> :first-child,
 .swal2-container.swal2-bottom> :first-child {

   margin-top: auto
 }

 .swal2-container.swal2-grow-fullscreen>.swal2-modal {

   display: flex !important;

   flex: 1;

   align-self: stretch;

   justify-content: center
 }

 .swal2-container.swal2-grow-row>.swal2-modal {

   display: flex !important;

   flex: 1;

   align-content: center;

   justify-content: center
 }

 .swal2-container.swal2-grow-column {

   flex: 1;

   flex-direction: column
 }

 .swal2-container.swal2-grow-column.swal2-bottom,
 .swal2-container.swal2-grow-column.swal2-center,
 .swal2-container.swal2-grow-column.swal2-top {

   align-items: center
 }

 .swal2-container.swal2-grow-column.swal2-bottom-left,
 .swal2-container.swal2-grow-column.swal2-bottom-start,
 .swal2-container.swal2-grow-column.swal2-center-left,
 .swal2-container.swal2-grow-column.swal2-center-start,
 .swal2-container.swal2-grow-column.swal2-top-left,
 .swal2-container.swal2-grow-column.swal2-top-start {

   align-items: flex-start
 }

 .swal2-container.swal2-grow-column.swal2-bottom-end,
 .swal2-container.swal2-grow-column.swal2-bottom-right,
 .swal2-container.swal2-grow-column.swal2-center-end,
 .swal2-container.swal2-grow-column.swal2-center-right,
 .swal2-container.swal2-grow-column.swal2-top-end,
 .swal2-container.swal2-grow-column.swal2-top-right {

   align-items: flex-end
 }

 .swal2-container.swal2-grow-column>.swal2-modal {

   display: flex !important;

   flex: 1;

   align-content: center;

   justify-content: center
 }

 .swal2-container.swal2-no-transition {

   transition: none !important
 }

 .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal {

   margin: auto
 }

 @media (-ms-high-contrast:active),
 (-ms-high-contrast:none) {

   .swal2-container .swal2-modal {

     margin: 0 !important
   }

 }

 .swal2-popup {

   display: none;

   position: relative;

   box-sizing: border-box;

   flex-direction: column;

   justify-content: center;

   width: 32em;

   max-width: 100%;

   padding: 1.25em;

   border: none;

   border-radius: 5px;

   background: #fff;

   font-family: inherit;

   font-size: 1rem
 }

 .swal2-popup:focus {

   outline: none
 }

 .swal2-popup.swal2-loading {

   overflow-y: hidden
 }

 .swal2-header {

   display: flex;

   flex-direction: column;

   align-items: center;

   padding: 0 1.8em
 }

 .swal2-title {

   position: relative;

   max-width: 100%;

   margin: 0 0 .4em;

   padding: 0;

   color: #595959;

   font-size: 1.875em;

   font-weight: 600;

   text-align: center;

   text-transform: none;

   word-wrap: break-word
 }

 .swal2-actions {

   display: flex;

   z-index: 1;

   box-sizing: border-box;

   flex-wrap: wrap;

   align-items: center;

   justify-content: center;

   width: 100%;

   margin: 1.25em auto 0;

   padding: 0 1.6em
 }

 .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {

   opacity: .4
 }

 .swal2-actions:not(.swal2-loading) .swal2-styled:hover {

   background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
 }

 .swal2-actions:not(.swal2-loading) .swal2-styled:active {

   background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
 }

 .swal2-loader {

   display: none;

   align-items: center;

   justify-content: center;

   width: 2.2em;

   height: 2.2em;

   margin: 0 1.875em;

   animation: Qb 1.5s linear 0s infinite normal;

   border-width: .25em;

   border-style: solid;

   border-radius: 100%;

   border-color: #2778c4 transparent
 }

 .swal2-styled {

   margin: .3125em;

   padding: .625em 1.1em;

   box-shadow: none;

   font-weight: 500
 }

 .swal2-styled:not([disabled]) {

   cursor: pointer
 }

 .swal2-styled.swal2-confirm {

   background: initial;

   background-color: #2778c4
 }

 .swal2-styled.swal2-confirm,
 .swal2-styled.swal2-deny {

   border: 0;

   border-radius: .25em;

   color: #fff;

   font-size: 1.0625em
 }

 .swal2-styled.swal2-deny {

   background: initial;

   background-color: #d14529
 }

 .swal2-styled.swal2-cancel {

   border: 0;

   border-radius: .25em;

   background: initial;

   background-color: #757575;

   color: #fff;

   font-size: 1.0625em
 }

 .swal2-styled:focus {

   outline: none;

   box-shadow: 0 0 0 3px rgba(100, 150, 200, .5)
 }

 .swal2-styled::-moz-focus-inner {

   border: 0
 }

 .swal2-footer {

   justify-content: center;

   margin: 1.25em 0 0;

   padding: 1em 0 0;

   border-top: 1px solid #eee;

   color: #545454;

   font-size: 1em
 }

 .swal2-timer-progress-bar-container {

   position: absolute;

   right: 0;

   bottom: 0;

   left: 0;

   height: .25em;

   overflow: hidden;

   border-bottom-right-radius: 5px;

   border-bottom-left-radius: 5px
 }

 .swal2-timer-progress-bar {

   width: 100%;

   height: .25em;

   background: rgba(0, 0, 0, .2)
 }

 .swal2-image {

   max-width: 100%;

   margin: 1.25em auto
 }

 .swal2-close {

   position: absolute;

   z-index: 2;

   top: 0;

   right: 0;

   align-items: center;

   justify-content: center;

   width: 1.2em;

   height: 1.2em;

   padding: 0;

   overflow: hidden;

   transition: color .1s ease-out;

   border: none;

   border-radius: 5px;

   background: transparent;

   color: #ccc;

   font-family: serif;

   font-size: 2.5em;

   line-height: 1.2;

   cursor: pointer
 }

 .swal2-close:hover {

   transform: none;

   background: transparent;

   color: #f27474
 }

 .swal2-close:focus {

   outline: none;

   box-shadow: inset 0 0 0 3px rgba(100, 150, 200, .5)
 }

 .swal2-close::-moz-focus-inner {

   border: 0
 }

 .swal2-content {

   z-index: 1;

   justify-content: center;

   margin: 0;

   padding: 0 1.6em;

   color: #545454;

   font-size: 1.125em;

   font-weight: 400;

   line-height: normal;

   text-align: center;

   word-wrap: break-word
 }

 .swal2-checkbox,
 .swal2-file,
 .swal2-input,
 .swal2-radio,
 .swal2-select,
 .swal2-textarea {

   margin: 1em auto
 }

 .swal2-file,
 .swal2-input,
 .swal2-textarea {

   box-sizing: border-box;

   width: 100%;

   transition: border-color .3s, box-shadow .3s;

   border: 1px solid #d9d9d9;

   border-radius: .1875em;

   background: inherit;

   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);

   color: inherit;

   font-size: 1.125em
 }

 .swal2-file.swal2-inputerror,
 .swal2-input.swal2-inputerror,
 .swal2-textarea.swal2-inputerror {

   border-color: #f27474 !important;

   box-shadow: 0 0 2px #f27474 !important
 }

 .swal2-file:focus,
 .swal2-input:focus,
 .swal2-textarea:focus {

   border: 1px solid #b4dbed;

   outline: none;

   box-shadow: 0 0 0 3px rgba(100, 150, 200, .5)
 }

 .swal2-file::placeholder,
 .swal2-input::placeholder,
 .swal2-textarea::placeholder {

   color: #ccc
 }

 .swal2-range {

   margin: 1em auto;

   background: #fff
 }

 .swal2-range input {

   width: 80%
 }

 .swal2-range output {

   width: 20%;

   color: inherit;

   font-weight: 600;

   text-align: center
 }

 .swal2-range input,
 .swal2-range output {

   height: 2.625em;

   padding: 0;

   font-size: 1.125em;

   line-height: 2.625em
 }

 .swal2-input {

   height: 2.625em;

   padding: 0 .75em
 }

 .swal2-input[type=number] {

   max-width: 10em
 }

 .swal2-file {

   background: inherit;

   font-size: 1.125em
 }

 .swal2-textarea {

   height: 6.75em;

   padding: .75em
 }

 .swal2-select {

   min-width: 50%;

   max-width: 100%;

   padding: .375em .625em;

   background: inherit;

   color: inherit;

   font-size: 1.125em
 }

 .swal2-checkbox,
 .swal2-radio {

   align-items: center;

   justify-content: center;

   background: #fff;

   color: inherit
 }

 .swal2-checkbox label,
 .swal2-radio label {

   margin: 0 .6em;

   font-size: 1.125em
 }

 .swal2-checkbox input,
 .swal2-radio input {

   margin: 0 .4em
 }

 .swal2-input-label {

   display: flex;

   justify-content: center;

   margin: 1em auto
 }

 .swal2-validation-message {

   display: none;

   align-items: center;

   justify-content: center;

   margin: 0 -2.7em;

   padding: .625em;

   overflow: hidden;

   background: #f0f0f0;

   color: #666;

   font-size: 1em;

   font-weight: 300
 }

 .swal2-validation-message:before {

   content: "!";

   display: inline-block;

   width: 1.5em;

   min-width: 1.5em;

   height: 1.5em;

   margin: 0 .625em;

   border-radius: 50%;

   background-color: #f27474;

   color: #fff;

   font-weight: 600;

   line-height: 1.5em;

   text-align: center
 }

 .swal2-icon {

   position: relative;

   box-sizing: content-box;

   justify-content: center;

   width: 5em;

   height: 5em;

   margin: 1.25em auto 1.875em;

   border: .25em solid transparent;

   border-radius: 50%;

   font-family: inherit;

   line-height: 5em;

   cursor: default;

   user-select: none
 }

 .swal2-icon .swal2-icon-content {

   display: flex;

   align-items: center;

   font-size: 3.75em
 }

 .swal2-icon.swal2-error {

   border-color: #f27474;

   color: #f27474
 }

 .swal2-icon.swal2-error .swal2-x-mark {

   position: relative;

   flex-grow: 1
 }

 .swal2-icon.swal2-error [class^=swal2-x-mark-line] {

   display: block;

   position: absolute;

   top: 2.3125em;

   width: 2.9375em;

   height: .3125em;

   border-radius: .125em;

   background-color: #f27474
 }

 .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {

   left: 1.0625em;

   transform: rotate(45deg)
 }

 .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {

   right: 1em;

   transform: rotate(-45deg)
 }

 .swal2-icon.swal2-error.swal2-icon-show {

   animation: Bb .5s
 }

 .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {

   animation: Ab .5s
 }

 .swal2-icon.swal2-warning {

   border-color: #facea8;

   color: #f8bb86
 }

 .swal2-icon.swal2-info {

   border-color: #9de0f6;

   color: #3fc3ee
 }

 .swal2-icon.swal2-question {

   border-color: #c9dae1;

   color: #87adbd
 }

 .swal2-icon.swal2-success {

   border-color: #a5dc86;

   color: #a5dc86
 }

 .swal2-icon.swal2-success [class^=swal2-success-circular-line] {

   position: absolute;

   width: 3.75em;

   height: 7.5em;

   transform: rotate(45deg);

   border-radius: 50%
 }

 .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {

   top: -.4375em;

   left: -2.0635em;

   transform: rotate(-45deg);

   transform-origin: 3.75em 3.75em;

   border-radius: 7.5em 0 0 7.5em
 }

 .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {

   top: -.6875em;

   left: 1.875em;

   transform: rotate(-45deg);

   transform-origin: 0 3.75em;

   border-radius: 0 7.5em 7.5em 0
 }

 .swal2-icon.swal2-success .swal2-success-ring {

   position: absolute;

   z-index: 2;

   top: -.25em;

   left: -.25em;

   box-sizing: content-box;

   width: 100%;

   height: 100%;

   border: .25em solid hsla(98, 55%, 69%, .3);

   border-radius: 50%
 }

 .swal2-icon.swal2-success .swal2-success-fix {

   position: absolute;

   z-index: 1;

   top: .5em;

   left: 1.625em;

   width: .4375em;

   height: 5.625em;

   transform: rotate(-45deg)
 }

 .swal2-icon.swal2-success [class^=swal2-success-line] {

   display: block;

   position: absolute;

   z-index: 2;

   height: .3125em;

   border-radius: .125em;

   background-color: #a5dc86
 }

 .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {

   top: 2.875em;

   left: .8125em;

   width: 1.5625em;

   transform: rotate(45deg)
 }

 .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {

   top: 2.375em;

   right: .5em;

   width: 2.9375em;

   transform: rotate(-45deg)
 }

 .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {

   animation: xb .75s
 }

 .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {

   animation: yb .75s
 }

 .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {

   animation: zb 4.25s ease-in
 }

 .swal2-progress-steps {

   flex-wrap: wrap;

   align-items: center;

   max-width: 100%;

   margin: 0 0 1.25em;

   padding: 0;

   background: inherit;

   font-weight: 600
 }

 .swal2-progress-steps li {

   display: inline-block;

   position: relative
 }

 .swal2-progress-steps .swal2-progress-step {

   z-index: 20;

   flex-shrink: 0;

   width: 2em;

   height: 2em;

   border-radius: 2em;

   background: #2778c4;

   color: #fff;

   line-height: 2em;

   text-align: center
 }

 .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {

   background: #2778c4
 }

 .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {

   background: #add8e6;

   color: #fff
 }

 .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {

   background: #add8e6
 }

 .swal2-progress-steps .swal2-progress-step-line {

   z-index: 10;

   flex-shrink: 0;

   width: 2.5em;

   height: .4em;

   margin: 0 -1px;

   background: #2778c4
 }

 [class^=swal2] {

   -webkit-tap-highlight-color: transparent
 }

 .swal2-show {

   animation: vb .3s
 }

 .swal2-hide {

   animation: wb .15s forwards
 }

 .swal2-noanimation {

   transition: none
 }

 .swal2-scrollbar-measure {

   position: absolute;

   top: -9999px;

   width: 50px;

   height: 50px;

   overflow: scroll
 }

 .swal2-rtl .swal2-close {

   right: auto;

   left: 0
 }

 .swal2-rtl .swal2-timer-progress-bar {

   right: 0;

   left: auto
 }

 @supports (-ms-accelerator:true) {

   .swal2-range input {

     width: 100% !important
   }

   .swal2-range output {

     display: none
   }

 }

 @media (-ms-high-contrast:active),
 (-ms-high-contrast:none) {

   .swal2-range input {

     width: 100% !important
   }

   .swal2-range output {

     display: none
   }

 }

 @keyframes rb {

   0% {

     transform: translateY(-.625em) rotate(2deg)
   }

   33% {

     transform: translateY(0) rotate(-2deg)
   }

   66% {

     transform: translateY(.3125em) rotate(2deg)
   }

   to {

     transform: translateY(0) rotate(0deg)
   }

 }

 @keyframes sb {

   to {

     transform: rotate(1deg);

     opacity: 0
   }

 }

 @keyframes tb {

   0% {

     top: .5625em;

     left: .0625em;

     width: 0
   }

   54% {

     top: .125em;

     left: .125em;

     width: 0
   }

   70% {

     top: .625em;

     left: -.25em;

     width: 1.625em
   }

   84% {

     top: 1.0625em;

     left: .75em;

     width: .5em
   }

   to {

     top: 1.125em;

     left: .1875em;

     width: .75em
   }

 }

 @keyframes ub {

   0% {

     top: 1.625em;

     right: 1.375em;

     width: 0
   }

   65% {

     top: 1.25em;

     right: .9375em;

     width: 0
   }

   84% {

     top: .9375em;

     right: 0;

     width: 1.125em
   }

   to {

     top: .9375em;

     right: .1875em;

     width: 1.375em
   }

 }

 @keyframes vb {

   0% {

     transform: scale(.7)
   }

   45% {

     transform: scale(1.05)
   }

   80% {

     transform: scale(.95)
   }

   to {

     transform: scale(1)
   }

 }

 @keyframes wb {

   0% {

     transform: scale(1);

     opacity: 1
   }

   to {

     transform: scale(.5);

     opacity: 0
   }

 }

 @keyframes xb {

   0% {

     top: 1.1875em;

     left: .0625em;

     width: 0
   }

   54% {

     top: 1.0625em;

     left: .125em;

     width: 0
   }

   70% {

     top: 2.1875em;

     left: -.375em;

     width: 3.125em
   }

   84% {

     top: 3em;

     left: 1.3125em;

     width: 1.0625em
   }

   to {

     top: 2.8125em;

     left: .8125em;

     width: 1.5625em
   }

 }

 @keyframes yb {

   0% {

     top: 3.375em;

     right: 2.875em;

     width: 0
   }

   65% {

     top: 3.375em;

     right: 2.875em;

     width: 0
   }

   84% {

     top: 2.1875em;

     right: 0;

     width: 3.4375em
   }

   to {

     top: 2.375em;

     right: .5em;

     width: 2.9375em
   }

 }

 @keyframes zb {

   0% {

     transform: rotate(-45deg)
   }

   5% {

     transform: rotate(-45deg)
   }

   12% {

     transform: rotate(-405deg)
   }

   to {

     transform: rotate(-405deg)
   }

 }

 @keyframes Ab {

   0% {

     margin-top: 1.625em;

     transform: scale(.4);

     opacity: 0
   }

   50% {

     margin-top: 1.625em;

     transform: scale(.4);

     opacity: 0
   }

   80% {

     margin-top: -.375em;

     transform: scale(1.15)
   }

   to {

     margin-top: 0;

     transform: scale(1);

     opacity: 1
   }

 }

 @keyframes Bb {

   0% {

     transform: rotateX(100deg);

     opacity: 0
   }

   to {

     transform: rotateX(0deg);

     opacity: 1
   }

 }

 body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {

   overflow: hidden
 }

 body.swal2-height-auto {

   height: auto !important
 }

 body.swal2-no-backdrop .swal2-container {

   top: auto;

   right: auto;

   bottom: auto;

   left: auto;

   max-width: calc(100% - .625em * 2);

   background-color: transparent !important
 }

 body.swal2-no-backdrop .swal2-container>.swal2-modal {

   box-shadow: 0 0 10px rgba(0, 0, 0, .4)
 }

 body.swal2-no-backdrop .swal2-container.swal2-top {

   top: 0;

   left: 50%;

   transform: translateX(-50%)
 }

 body.swal2-no-backdrop .swal2-container.swal2-top-left,
 body.swal2-no-backdrop .swal2-container.swal2-top-start {

   top: 0;

   left: 0
 }

 body.swal2-no-backdrop .swal2-container.swal2-top-end,
 body.swal2-no-backdrop .swal2-container.swal2-top-right {

   top: 0;

   right: 0
 }

 body.swal2-no-backdrop .swal2-container.swal2-center {

   top: 50%;

   left: 50%;

   transform: translate(-50%, -50%)
 }

 body.swal2-no-backdrop .swal2-container.swal2-center-left,
 body.swal2-no-backdrop .swal2-container.swal2-center-start {

   top: 50%;

   left: 0;

   transform: translateY(-50%)
 }

 body.swal2-no-backdrop .swal2-container.swal2-center-end,
 body.swal2-no-backdrop .swal2-container.swal2-center-right {

   top: 50%;

   right: 0;

   transform: translateY(-50%)
 }

 body.swal2-no-backdrop .swal2-container.swal2-bottom {

   bottom: 0;

   left: 50%;

   transform: translateX(-50%)
 }

 body.swal2-no-backdrop .swal2-container.swal2-bottom-left,
 body.swal2-no-backdrop .swal2-container.swal2-bottom-start {

   bottom: 0;

   left: 0
 }

 body.swal2-no-backdrop .swal2-container.swal2-bottom-end,
 body.swal2-no-backdrop .swal2-container.swal2-bottom-right {

   right: 0;

   bottom: 0
 }

 @media print {

   body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {

     overflow-y: scroll !important
   }

   body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] {

     display: none
   }

   body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {

     position: static !important
   }

 }

 body.swal2-toast-shown .swal2-container {

   background-color: transparent
 }

 body.swal2-toast-shown .swal2-container.swal2-top {

   top: 0;

   right: auto;

   bottom: auto;

   left: 50%;

   transform: translateX(-50%)
 }

 body.swal2-toast-shown .swal2-container.swal2-top-end,
 body.swal2-toast-shown .swal2-container.swal2-top-right {

   top: 0;

   right: 0;

   bottom: auto;

   left: auto
 }

 body.swal2-toast-shown .swal2-container.swal2-top-left,
 body.swal2-toast-shown .swal2-container.swal2-top-start {

   top: 0;

   right: auto;

   bottom: auto;

   left: 0
 }

 body.swal2-toast-shown .swal2-container.swal2-center-left,
 body.swal2-toast-shown .swal2-container.swal2-center-start {

   top: 50%;

   right: auto;

   bottom: auto;

   left: 0;

   transform: translateY(-50%)
 }

 body.swal2-toast-shown .swal2-container.swal2-center {

   top: 50%;

   right: auto;

   bottom: auto;

   left: 50%;

   transform: translate(-50%, -50%)
 }

 body.swal2-toast-shown .swal2-container.swal2-center-end,
 body.swal2-toast-shown .swal2-container.swal2-center-right {

   top: 50%;

   right: 0;

   bottom: auto;

   left: auto;

   transform: translateY(-50%)
 }

 body.swal2-toast-shown .swal2-container.swal2-bottom-left,
 body.swal2-toast-shown .swal2-container.swal2-bottom-start {

   top: auto;

   right: auto;

   bottom: 0;

   left: 0
 }

 body.swal2-toast-shown .swal2-container.swal2-bottom {

   top: auto;

   right: auto;

   bottom: 0;

   left: 50%;

   transform: translateX(-50%)
 }

 body.swal2-toast-shown .swal2-container.swal2-bottom-end,
 body.swal2-toast-shown .swal2-container.swal2-bottom-right {

   top: auto;

   right: 0;

   bottom: 0;

   left: auto
 }

 body.swal2-toast-column .swal2-toast {

   flex-direction: column;

   align-items: stretch
 }

 body.swal2-toast-column .swal2-toast .swal2-actions {

   flex: 1;

   align-self: stretch;

   height: 2.2em;

   margin-top: .3125em
 }

 body.swal2-toast-column .swal2-toast .swal2-loading {

   justify-content: center
 }

 body.swal2-toast-column .swal2-toast .swal2-input {

   height: 2em;

   margin: .3125em auto;

   font-size: 1em
 }

 body.swal2-toast-column .swal2-toast .swal2-validation-message {

   font-size: 1em
 }

 .croppy-round .cropper-face,
 .croppy-round .cropper-view-box {

   border-radius: 50%
 }

 .scroller {

   overflow-y: auto;

   scrollbar-color: #ae0918 rgba(0, 0, 0, .3);

   scrollbar-width: thin
 }

 .scroller::-webkit-scrollbar-thumb {

   background-color: #ae0918
 }

 .scroller::-webkit-scrollbar-track {

   background-color: rgba(0, 0, 0, .3)
 }

 .scroller::-moz-scrollbar-thumb {

   background-color: #ae0918
 }

 .scroller::-moz-scrollbar-track {

   background-color: rgba(0, 0, 0, .3)
 }

 ::-webkit-scrollbar {

   width: 8px;

   border-radius: 20px
 }

 ::-moz-scrollbar {

   width: 8px;

   border-radius: 20px
 }

 ::-webkit-scrollbar-track {

   background: #f1f1f1;

   border-radius: 20px
 }

 ::-webkit-scrollbar-thumb {

   background: #6c757d;

   border-radius: 20px
 }

 ::-webkit-scrollbar-thumb:hover {

   background: #01041b;

   border-radius: 20px
 }

 ::-moz-scrollbar-thumb {

   background: #6c757d;

   border-radius: 20px
 }

 ::-moz-scrollbar-thumb:hover {

   background: #01041b;

   border-radius: 20px
 }

 ::-webkit-scrollbar {

   width: 4px;

   height: 8px;

   border-radius: 8px
 }

 ::-moz-scrollbar {

   width: 4px;

   height: 8px;

   border-radius: 8px
 }

 .scrollbar-thumb,
 .scrollbar-track-y {

   width: 4px !important
 }

 body {

   font-family: Poppins, sans-serif;

   font-weight: 400;

   font-style: normal;

   font-size: 16px;

   line-height: normal;

   padding: 0;

   margin: 0;

   color: #535f6b;

   background: #fafbfe
 }

 a:hover {

   text-decoration: none
 }

 .btn i {

   margin-right: 5px
 }

 .iq-mb-3 {

   margin-bottom: 30px !important
 }

 h1 {

   font-family: Poppins, sans-serif;

   font-weight: 500;

   margin: 0;

   line-height: 1;

   color: #303030;

   font-size: 3.052em
 }

 h1 a {

   color: inherit
 }

 h2 {

   font-family: Poppins, sans-serif;

   font-weight: 500;

   margin: 0;

   line-height: 1.5;

   color: #303030;

   font-size: 2.3em
 }

 h2 a {

   color: inherit
 }

 h3 {

   font-family: Poppins, sans-serif;

   font-weight: 500;

   line-height: 1.5;

   font-size: 1.953em a;

   font-size-color: inherit
 }

 h3,
 h4 {

   margin: 0;

   color: #303030
 }

 h4 {

   font-family: Poppins, sans-serif;

   font-weight: 500;

   line-height: 1;

   font-size: 1.2em
 }

 h4 a {

   color: inherit
 }

 h5 {

   font-family: Poppins, sans-serif;

   font-weight: 500;

   margin: 0;

   line-height: 1.5;

   color: #303030;

   font-size: 1.1em
 }

 h5 a {

   color: inherit
 }

 h6 {

   font-family: Poppins, sans-serif;

   font-weight: 500;

   margin: 0;

   line-height: 1.5;

   color: #303030;

   font-size: 1em
 }

 h6 a {

   color: inherit
 }

 button:focus {

   outline: none
 }

 .line-height {

   line-height: normal
 }

 .rounded-normal,
 .rounded-small {

   border-radius: 8px
 }

 :focus {

   outline: none
 }

 .text-break {

   word-break: break-all
 }

 .border-none {

   border: none !important
 }

 .breadcrumb-item+.breadcrumb-item:before {

   margin-top: 5px
 }

 .user-list-files {

   justify-content: flex-end
 }

 .user-list-files a {

   padding: 10px 15px;

   margin: 0 0 0 10px;

   border-radius: 5px;

   line-height: normal
 }

 code {

   color: #ff4b4b
 }

 .slick-loading .slick-list {

   background: transparent !important
 }

 ul.iq-edit-profile li a {

   padding: 1rem !important;

   text-align: center
 }

 .change-mode {

   margin-right: 25px
 }

 .change-mode .custom-switch.custom-switch-icon .custom-control-input {

   height: 100%
 }

 .change-mode .custom-switch.custom-switch-icon .custom-control-input:checked~.custom-control-label:after {

   transform: translateX(1.6rem)
 }

 .change-mode .custom-switch.custom-switch-icon .custom-control-input:checked~.custom-control-label:before {

   background-color: #181818;

   border-color: #181818
 }

 .change-mode .custom-switch.custom-switch-icon label.custom-control-label {

   height: 31px
 }

 .change-mode .custom-switch.custom-switch-icon label.custom-control-label:after {

   top: 0;

   left: 0;

   width: 35px;

   height: 30px;

   border-radius: 5px 0 0 5px;

   background-color: #ae0918;

   border-color: #ae0918;

   z-index: 0
 }

 .change-mode .custom-switch.custom-switch-icon label.custom-control-label:before {

   width: 70px;

   height: 30px;

   top: 0;

   left: 0;

   background-color: #fff;

   border-color: #ae0918;

   border-radius: 8px
 }

 .change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-left {

   top: 3px;

   z-index: 1;

   left: 12px
 }

 .change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-left i {

   font-size: 12px
 }

 .change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-right {

   right: -18px;

   top: 3px
 }

 .change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-right i {

   font-size: 12px
 }

 .custom-control-input:focus~.custom-control-label:before {

   box-shadow: none !important
 }

 g[aria-describedby=id-22-description] {

   stroke: none
 }

 @media (min-width:1400px) {

   .container,
   .container-lg,
   .container-md,
   .container-sm,
   .container-xl {

     max-width: 1300px
   }

 }

 @media (max-width:1300px) {

   .flatpickr-months .flatpickr-next-month,
   .flatpickr-months .flatpickr-prev-month,
   .flatpickr-rContainer {

     padding-right: 40px
   }

   .flatpickr-current-month {

     left: 7.5%
   }

 }

 @media (min-width:1300px) and (max-width:1500px) {

   h3 {

     font-size: 1.5em
   }

 }

 @media (max-width:1199px) {

   h2 {

     font-size: 1.8em
   }

   h3 {

     font-size: 1.6em
   }

 }

 @media (max-width:767px) {

   .table {

     width: 100%;

     max-width: 100%;

     margin-bottom: 1rem;

     display: block;

     overflow-x: auto
   }

   .tree {

     display: inline-table
   }

 }

 @media (max-width:575px) {

   .user-list-files {

     justify-content: center;

     margin-top: 15px
   }

 }

 .content-page {

   overflow: hidden;

   margin-left: 260px;

   padding: 105px 15px 0;

   min-height: 100vh;

   transition: all .3s ease-in-out
 }

 @media (min-width:1300px) {

   body.sidebar-main .content-page {

     margin-left: 80px
   }

   body.sidebar-main .iq-menu-bt-sidebar {

     display: block;

     margin-left: auto;

     margin-right: auto
   }

 }

 @media (max-width:1299px) {

   .content-page {

     margin-left: 0;

     padding: 100px 15px 0
   }

 }

 @media (max-width:991px) {

   .content-page {

     padding: 90px 0 0
   }

 }

 @media (max-width:479px) {

   .welcome-content {

     display: block !important;

     text-align: center
   }

   .welcome-content .breadcrumb {

     justify-content: center
   }

 }

 label {

   color: #01041b
 }

 .table td,
 .table th {

   vertical-align: middle
 }

 .form-control {

   height: 39px;

   line-height: 45px;

   background: #fafbfe;

   border: 1px solid #f1f1f1;

   font-size: 14px;

   color: #535f6b;

   border-radius: 8px;

   box-shadow: none
 }

 .form-control:focus {

   color: #01041b;

   border-color: #ae0918;

   box-shadow: none
 }

 .form-control-sm {

   height: 30px;

   line-height: 30px
 }

 .form-control-lg {

   height: 50px;

   line-height: 50px
 }

 .input-group .input-group-append .input-group-text,
 .input-group .input-group-prepend .input-group-text {

   border: 1px solid #bfc9d4
 }

 textarea.form-control {

   background-color: #fafbfe
 }

 #editor {

   height: 375px
 }

 .uploader-file {

   display: block;

   clear: both;

   margin: 0 auto;

   width: 100%;

   max-width: 600px
 }

 .uploader-file label {

   float: left;

   clear: both;

   width: 100%;

   padding: 2rem 1.5rem;

   text-align: center;

   background: #fff;

   border-radius: 7px;

   border: 3px solid #eee;

   transition: all .3s ease-in-out;

   user-select: none
 }

 .uploader-file label.hover {

   border: 3px solid;

   box-shadow: inset 0 0 0 6px #eee
 }

 .uploader-file label.hover #start-one i.fa {

   transform: scale(.8);

   -webkit-opacity: .3;

   -moz-opacity: .3;

   -ms-opacity: .3;

   -o-opacity: .3;

   opacity: .3
 }

 .uploader-file #start-one {

   float: left;

   clear: both;

   width: 100%
 }

 .uploader-file #start-one i.fa {

   font-size: 50px;

   margin-bottom: 1rem;

   transition: all .3s ease-in-out
 }

 .uploader-file #start-one.hidden {

   display: none
 }

 .uploader-file #response {

   float: left;

   clear: both;

   width: 100%
 }

 .uploader-file #response #messages {

   margin-bottom: .5rem
 }

 .uploader-file #response.hidden {

   display: none
 }

 .uploader-file #file-image {

   display: inline;

   margin: 0 auto .5rem;

   width: auto;

   height: auto;

   max-width: 180px
 }

 .uploader-file #file-image.hidden {

   display: none
 }

 .uploader-file #notimage {

   display: block;

   float: left;

   clear: both;

   width: 100%
 }

 .uploader-file #notimage.hidden {

   display: none
 }

 .uploader-file .progress,
 .uploader-file progress {

   display: inline;

   clear: both;

   margin: 0 auto;

   width: 100%;

   max-width: 180px;

   height: 8px;

   border: 0;

   border-radius: 4px;

   background-color: #eee;

   overflow: hidden
 }

 .uploader-file input[type=file] {

   display: none
 }

 .uploader-file div {

   margin: 0 0 .5rem;

   color: #5f6982
 }

 .spin {

   animation: spin 2s infinite linear
 }

 .input-group .input-group-append .input-group-text,
 .input-group .input-group-prepend .input-group-text {

   border: 1px solid #f1f1f1;

   background-color: #fafbfe
 }

 .custom-select {

   height: 46px;

   border: 1px solid #f1f1f1
 }

 .dropone.dropdown-toggle:after {

   display: none
 }

 .input-group-sm>.custom-select,
 .input-group-sm>.form-control:not(textarea) {

   height: 30px
 }

 .input-group-lg>.custom-select,
 .input-group-lg>.form-control:not(textarea) {

   height: 50px
 }

 .input-group-text.text-area {

   padding: 1.9rem .75rem
 }

 .custom-file-label:after {

   background-color: #fafbfe;

   color: #535f6b
 }

 .custom-file-input:focus~.custom-file-label {

   border-color: #ae0918;

   box-shadow: none
 }

 .btn-outline-primary.disabled,
 .btn-outline-primary:disabled {

   color: #ae0918;

   background-color: transparent
 }

 table.dataTable thead td,
 table.dataTable thead th {

   padding: 10px !important
 }

 .table-striped tbody tr:nth-of-type(odd) {

   background-color: #fafbfe
 }

 .table-bordered,
 .table-bordered td,
 .table-bordered th {

   border: 1px solid #f1f1f1
 }

 .dataTables_wrapper .dataTables_filter,
 .dataTables_wrapper .dataTables_info,
 .dataTables_wrapper .dataTables_length,
 .dataTables_wrapper .dataTables_paginate,
 .dataTables_wrapper .dataTables_processing {

   color: #535f6b
 }

 .dataTables_wrapper .dataTables_paginate span .paginate_button.current {

   padding: 3px 10px;

   color: #ae0918 !important;

   border: 1px solid #ae0918 !important;

   background: #fff !important;

   border-radius: 8px
 }

 .dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover {

   color: #ae0918 !important;

   border: 1px solid #ae0918 !important;

   background: rgba(0, 0, 0, .3) !important
 }

 .dataTables_wrapper .dataTables_filter input {

   border: 1px solid #f1f1f1;

   background-color: transparent;

   border-radius: 8px
 }

 table.dataTable thead td,
 table.dataTable thead th {

   padding: 10px 18px;

   border-bottom: 1px solid #f1f1f1 !important
 }

 table.dataTable thead th {

   color: #303030 !important
 }

 table.dataTable.no-footer {

   border-bottom: 1px solid #f1f1f1 !important
 }

 .dataTables_wrapper .dataTables_paginate .paginate_button {

   box-shadow: none !important;

   outline: none !important
 }

 .dataTables_wrapper .dataTables_info {

   padding-top: 15px !important
 }

 .dataTables_wrapper .dataTables_length label,
 .dataTables_wrapper .dataTables_length select {

   border-color: #f1f1f1 !important
 }

 .custom-control-label:after,
 .custom-control-label:before {

   top: .25rem
 }

 .custom-switch .custom-control-label:after {

   top: calc(.25rem + 2px)
 }

 .select2-container--default .select2-selection--multiple {

   height: 45px;

   line-height: 34px;

   background: #fafbfe;

   border: 1px solid #f1f1f1;

   font-size: 14px;

   color: #535f6b;

   border-radius: 5px
 }

 #form-wizard1 {

   position: relative
 }

 #form-wizard1 input[type=file] {

   line-height: 27px
 }

 #form-wizard1 fieldset:not(:first-of-type) {

   display: none
 }

 #form-wizard2,
 #form-wizard3,
 .card {

   position: relative
 }

 .card {

   border: none
 }

 .steps {

   font-size: 20px;

   color: #535f6b;

   font-weight: 400;

   text-align: right
 }

 #top-tab-list {

   margin: 0 -10px 60px;

   overflow: hidden;

   color: #535f6b
 }

 #top-tab-list .active {

   color: #ae0918
 }

 #top-tab-list li {

   list-style-type: none;

   font-size: 18px;

   width: 25%;

   float: left;

   text-align: left;

   position: relative;

   font-weight: 400
 }

 #top-tab-list li i {

   display: inline-block;

   text-align: center;

   height: 50px;

   width: 50px;

   line-height: 50px;

   font-size: 20px;

   border-radius: 50%;

   margin: 0 15px 0 0;

   color: #fff;

   background: #ae0918
 }

 #top-tab-list li a {

   background: rgba(0, 0, 0, .3);

   color: #ae0918;

   display: block;

   padding: 15px;

   margin: 0 10px;

   border-radius: 8px;

   text-decoration: none
 }

 #top-tab-list li.active a {

   color: #fff;

   background: #ae0918
 }

 #top-tab-list li.active i {

   background-color: #fff;

   color: #ae0918
 }

 #top-tab-list li.active.done a {

   background: #43d396
 }

 #top-tab-list li.active.done i {

   color: #43d396
 }

 #top-tab-list li#confirm.active a {

   background: #43d396
 }

 #top-tab-list li#confirm.active i {

   color: #43d396
 }

 .fit-image {

   width: 100%;

   object-fit: cover
 }

 @media (max-width:991px) {

   #top-tab-list li a {

     margin: 0 5px;

     padding: 15px 8px
   }

 }

 @media (max-width:767px) {

   #top-tab-list li {

     width: 100%;

     margin-bottom: 15px
   }

 }

 .stepwizard-row {

   display: block;

   margin: 0 -20px
 }

 .stepwizard-row .wizard-step a.btn {

   background: #fff;

   color: #535f6b;

   font-size: 18px;

   font-weight: 400;

   display: block;

   padding: 50px 15px;

   margin: 10px 20px;

   border-radius: 8px;

   text-decoration: none;

   border: 1px solid rgba(0, 0, 0, .3)
 }

 .stepwizard-row .wizard-step i {

   display: block;

   text-align: center;

   height: 65px;

   width: 65px;

   line-height: 65px;

   font-size: 25px;

   border-radius: 50%;

   margin: 0 auto 20px;

   color: #fff;

   background: #ae0918
 }

 .stepwizard-row #user.active a {

   background: rgba(0, 0, 0, .3);

   border-color: #ae0918
 }

 .stepwizard-row #document.active a {

   background: #f9cacb;

   border-color: #ff4b4b
 }

 .stepwizard-row #bank.active a {

   background: #ccf2e1;

   border-color: #43d396
 }

 .stepwizard-row #confirm.active a {

   background: #ffecbd;

   border-color: #ffca44
 }

 .stepwizard-row .wizard-step#user i {

   background: rgba(0, 0, 0, .3);

   color: #ae0918
 }

 .stepwizard-row .wizard-step#document i {

   background: #f9cacb;

   color: #ff4b4b
 }

 .stepwizard-row .wizard-step#bank i {

   background: #ccf2e1;

   color: #43d396
 }

 .stepwizard-row .wizard-step#confirm i {

   background: #ffecbd;

   color: #ffca44
 }

 .stepwizard-row .wizard-step.active i {

   background-color: #fff !important
 }

 .stepwizard-row .wizard-step#document.active i {

   background: #f9cacb;

   color: #ff4b4b
 }

 .stepwizard-row .wizard-step#bank.active i {

   background: #ccf2e1;

   color: #43d396
 }

 .stepwizard-row .wizard-step#confirm.active i {

   background: #ffecbd;

   color: #ffca44
 }

 .stepwizard {

   display: table;

   width: 100%;

   position: relative
 }

 .setup-content {

   margin-top: 60px
 }

 .wizard-step {

   font-size: 18px;

   width: 25%;

   float: left;

   position: relative;

   font-weight: 400;

   text-align: center
 }

 .has-error .checkbox,
 .has-error .checkbox-inline,
 .has-error .control-label,
 .has-error .help-block,
 .has-error .radio,
 .has-error .radio-inline {

   color: #ff4b4b
 }

 .has-error .form-control {

   border: 1px solid #ff4b4b;

   -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

   -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
 }

 .btn.disabled,
 .btn[disabled],
 fieldset[disabled] .btn {

   cursor: not-allowed;

   pointer-events: none;

   box-shadow: none
 }

 @media (max-width:767px) {

   .wizard-step {

     width: 50%
   }

 }

 @media (max-width:479px) {

   .wizard-step {

     width: 100%
   }

 }

 #form-wizard3 fieldset:not(:first-of-type) {

   display: none
 }

 #top-tabbar-vertical {

   overflow: hidden;

   color: #535f6b;

   margin: 0 -20px 60px
 }

 #top-tabbar-vertical .active {

   color: #ae0918
 }

 #top-tabbar-vertical li {

   list-style-type: none;

   font-size: 18px;

   width: 100%;

   float: left;

   position: relative;

   font-weight: 400
 }

 #top-tabbar-vertical li i {

   display: inline-block;

   text-align: center;

   height: 50px;

   width: 50px;

   line-height: 50px;

   font-size: 20px;

   border-radius: 50%;

   margin: 0 20px 0 0
 }

 #top-tabbar-vertical li a {

   background: #fff;

   color: #000;

   display: block;

   padding: 20px 15px;

   margin: 10px 20px;

   border-radius: 8px;

   text-decoration: none;

   border: 1px solid rgba(0, 0, 0, .3)
 }

 #top-tabbar-vertical li.step1 i {

   background: rgba(0, 0, 0, .3);

   color: #ae0918
 }

 #top-tabbar-vertical li.step2 i {

   background: #f9cacb;

   color: #ff4b4b
 }

 #top-tabbar-vertical li.step3 i {

   background: #ccf2e1;

   color: #43d396
 }

 #top-tabbar-vertical li.step4 i {

   background: #ffecbd;

   color: #ffca44
 }

 #top-tabbar-vertical li.active a {

   border-color: transparent
 }

 #top-tabbar-vertical li.active i {

   background-color: #fff;

   color: #ae0918;

   background: #fff !important
 }

 #top-tabbar-vertical .step1.active a {

   background: rgba(0, 0, 0, .3)
 }

 #top-tabbar-vertical .step2.active a {

   background: #f9cacb
 }

 #top-tabbar-vertical .step3.active a {

   background: #ccf2e1
 }

 #top-tabbar-vertical .step4.active a {

   background: #ffecbd
 }

 .iq-icons-list {

   line-height: 50px;

   margin-bottom: 15px;

   display: inline-block
 }

 .iq-icons-list i {

   height: 50px
 }

 .iq-icons-list .icon,
 .iq-icons-list i {

   text-align: center;

   vertical-align: middle;

   font-size: 22px;

   width: 40px;

   line-height: 50px;

   margin-right: 10px;

   display: inline-block
 }

 .iq-icons-list .icon {

   height: 40px
 }

 .iq-icons-list span {

   display: inline-block;

   vertical-align: middle
 }

 .iq-card-icon {

   height: 60px;

   width: 60px;

   display: inline-block;

   line-height: 60px;

   text-align: center;

   font-size: 22px
 }

 .ion-icon {

   height: 15px;

   width: 15px;

   line-height: 15px;

   font-size: 22px;

   margin-right: 10px
 }

 .iq-iconbox {

   height: 50px;

   width: 50px;

   line-height: 50px;

   text-align: center;

   font-size: 25px;

   border-radius: 8px
 }

 .iq-icon-box {

   height: 64px;

   width: 64px;

   min-width: 64px;

   line-height: 64px;

   text-align: center;

   margin-right: 10px;

   font-size: 26px;

   text-decoration: none
 }

 .card.iq-border-box {

   border-bottom: 4px solid
 }

 .profile-icon {

   height: 40px;

   width: 40px;

   line-height: 40px;

   text-align: center;

   font-size: 20px;

   font-weight: 700;

   border-radius: 50%
 }

 .iq-error {

   width: 100%;

   overflow: hidden;

   display: inline-block
 }

 .iq-error h1.text-in-box {

   position: absolute;

   top: 0;

   left: 0;

   right: 0;

   font-size: 8em;

   font-weight: 700
 }

 .iq-error-img {

   position: static;

   display: inline-block;

   margin-bottom: 20px
 }

 .error-500 .iq-error-img {

   width: 100%
 }

 .height-self-center {

   height: 100vh;

   border-radius: 8px
 }

 .iq-maintenance img {

   width: 20%
 }

 @media (max-width:767px) {

   .iq-error h1.text-in-box {

     font-size: 5em
   }

 }

 @media (max-width:479px) {

   .iq-error h1.text-in-box {

     font-size: 4em
   }

   .iq-error h2 {

     font-size: 1.5em
   }

 }

 .login-content {

   position: relative;

   height: 100vh;

   z-index: 99
 }

 .login-content .floating-label label {

   color: #535f6b;

   font-size: 14px;

   font-weight: 400;

   position: absolute;

   pointer-events: none;

   left: 12px;

   top: 50%;

   transform: translateY(-50%);

   transition: all .3s ease-in-out
 }

 .login-content .form-control {

   border-color: #c7cbd3
 }

 .login-content .form-control:focus {

   border-color: #ae0918
 }

 .login-content .custom-control-label:before {

   background-color: #fafbfe
 }

 .floating-label {

   position: relative;

   margin-bottom: 20px
 }

 .floating-input:focus~label {

   color: #ae0918;

   top: 0;

   left: 6px;

   font-size: 10px;

   background: #fafbfe;

   padding: 5px 8px
 }

 .floating-input:not(:placeholder-shown) {

   color: #535f6b;

   border: 1px solid #f1f1f1
 }

 .floating-input:not(:placeholder-shown)~label {

   top: -8px;

   font-size: 10px;

   background: #fafbfe;

   padding: 3px 8px
 }

 @media (min-width:992px) {

   .lb-img {

     left: 0;

     width: 213px
   }

   .lb-img,
   .rb-img {

     position: absolute;

     bottom: 0
   }

   .rb-img {

     right: 0;

     width: 194px
   }

   .cnf-mail {

     width: 80%
   }

 }

 @media (max-width:991px) {

   .lb-img,
   .rb-img {

     display: none
   }

 }

 .iq-timeline {

   margin: 0 0 0 20px;

   padding: 0;

   width: 100%
 }

 .iq-timeline li {

   margin-left: 35px;

   position: relative;

   padding: 15px 15px 0 5px;

   list-style-type: none
 }

 .iq-timeline li .timeline-dots {

   position: absolute;

   top: 20px;

   left: -54px;

   border: 3px solid #ae0918;

   border-radius: 90px;

   padding: 5px;

   background: #fff;

   height: 40px;

   width: 40px;

   line-height: 25px;

   text-align: center
 }

 .iq-timeline:before {

   content: "";

   position: absolute;

   left: 50%;

   transform: translateX(-50%);

   width: 2px;

   height: 100%;

   background-color: #ccc
 }

 .timeline-page .iq-timeline ul li {

   width: 50%;

   padding: 5px 30px 40px;

   cursor: pointer;

   margin: 0
 }

 .timeline-page .iq-timeline ul li:nth-child(odd) {

   float: left;

   text-align: right;

   clear: both
 }

 .timeline-page .iq-timeline ul li:nth-child(odd) .timeline-dots {

   right: -8px;

   left: auto
 }

 .timeline-page .iq-timeline ul li:nth-child(odd) .time {

   padding-left: 10px;

   right: -145px;

   -ms-box-shadow: 0 0 0 3px rgba(80, 181, 255, .3);

   -o-box-shadow: 0 0 0 3px rgba(80, 181, 255, .3);

   box-shadow: 0 0 0 3px rgba(80, 181, 255, .3)
 }

 .timeline-page .iq-timeline ul li:nth-child(2n) {

   float: right;

   text-align: left;

   clear: both
 }

 .timeline-page .iq-timeline ul li:nth-child(2n) .timeline-dots {

   left: -8px;

   right: auto
 }

 .timeline-page .iq-timeline ul li:nth-child(2n) .time {

   text-align: right;

   padding-right: 10px;

   left: -145px;

   -ms-box-shadow: 0 0 0 3px rgba(73, 240, 211, .3);

   -o-box-shadow: 0 0 0 3px rgba(73, 240, 211, .3);

   box-shadow: 0 0 0 3px rgba(73, 240, 211, .3)
 }

 .timeline-page .iq-timeline ul li .time {

   position: absolute;

   top: 15px;

   background-color: #ae0918;

   color: #fff;

   text-align: left;

   width: 120px;

   height: 28px;

   line-height: 28px;

   border-radius: 20px
 }

 .timeline-page .iq-timeline li .timeline-dots {

   height: 15px;

   width: 15px;

   background: #fff !important
 }

 .timeline-page .iq-timeline0 ul li {

   width: 50%;

   padding: 5px 30px 40px;

   cursor: pointer;

   margin: 0
 }

 .timeline-page .iq-timeline0 ul li:nth-child(odd) {

   float: left;

   text-align: left;

   width: 100%;

   padding: 0 0 0 60px;

   margin-bottom: 20px
 }

 .timeline-page .iq-timeline0 ul li:nth-child(odd) .timeline-dots,
 .timeline-page .iq-timeline0 ul li:nth-child(odd) .timeline-dots.timeline-dot1 {

   left: 12px;

   right: auto
 }

 .timeline-page .iq-timeline0 ul li:nth-child(2n) {

   float: left;

   text-align: left;

   width: 100%;

   padding: 0 0 0 60px;

   margin-bottom: 20px
 }

 .timeline-page .iq-timeline0 ul li:nth-child(2n) .timeline-dots,
 .timeline-page .iq-timeline0 ul li:nth-child(2n) .timeline-dots.timeline-dot1 {

   left: 12px;

   right: auto
 }

 .timeline-page .iq-timeline0 li .timeline-dots {

   height: 15px;

   width: 15px;

   background: #fff !important
 }

 .timeline-page .iq-timeline0 li .timeline-dots1 {

   position: absolute;

   top: 0;

   left: 0;

   border: 3px solid #ae0918;

   border-radius: 90px;

   padding: 5px;

   background: #fff;

   height: 40px;

   width: 40px;

   line-height: 25px;

   text-align: center
 }

 .timeline-page .iq-timeline0 li .timeline-dots.timeline-dot1 {

   height: 15px;

   width: 15px
 }

 .timeline-page .iq-timeline1 ul li {

   width: 50%;

   padding: 20px 30px 0;

   cursor: pointer;

   margin: 0
 }

 .timeline-page .iq-timeline1 ul li:nth-child(odd) {

   float: left;

   text-align: right;

   clear: both;

   margin-left: -19px
 }

 .timeline-page .iq-timeline1 ul li:nth-child(odd) .timeline-dots {

   right: -28px;

   left: auto
 }

 .timeline-page .iq-timeline1 ul li:nth-child(2n) {

   float: right;

   text-align: left;

   clear: both;

   margin-right: -20px
 }

 .timeline-page .iq-timeline1 ul li:nth-child(2n) .timeline-dots {

   left: -27px;

   right: auto
 }

 .timeline-page .iq-timeline2 ul li:nth-child(2n),
 .timeline-page .iq-timeline2 ul li:nth-child(odd) {

   float: left;

   text-align: left;

   width: 100%;

   padding: 0 0 0 60px;

   margin-bottom: 20px
 }

 .timeline-page .iq-timeline2:before {

   content: "";

   position: absolute;

   left: 30px;

   transform: translateX(-50%);

   width: 2px;

   height: 100%;

   background-color: #ccc
 }

 .timeline-page .iq-timeline2 .content-date {

   position: absolute;

   top: 0;

   left: 0;

   width: 60px;

   height: 60px;

   line-height: 22px;

   padding-top: 8px;

   text-align: center;

   margin-left: 0;

   border-radius: 100%
 }

 .timeline-page .iq-timeline2 .content-date .date {

   display: block;

   font-size: 20px;

   font-weight: 700
 }

 .iq-timeline0 li {

   margin-left: 35px;

   position: relative;

   padding: 15px 15px 0 5px;

   list-style-type: none
 }

 .iq-timeline0 li .timeline-dots {

   position: absolute;

   top: 20px;

   left: -54px;

   border: 3px solid #ae0918;

   border-radius: 90px;

   padding: 5px;

   background: #fff;

   height: 40px;

   width: 40px;

   line-height: 25px;

   text-align: center
 }

 .iq-timeline0:before {

   content: "";

   position: absolute;

   left: 20px;

   transform: translateX(-50%);

   width: 2px;

   height: 100%;

   background-color: #ccc
 }

 .iq-timeline1 li {

   margin-left: 35px;

   position: relative;

   padding: 15px 15px 0 5px;

   list-style-type: none
 }

 .iq-timeline1 li .timeline-dots {

   position: absolute;

   top: 20px;

   left: -54px;

   border: 3px solid #ae0918;

   border-radius: 90px;

   padding: 5px;

   background: #fff;

   height: 15px;

   width: 15px;

   line-height: 25px;

   text-align: center
 }

 .iq-timeline1:before {

   content: "";

   position: absolute;

   left: 50%;

   transform: translateX(-50%);

   width: 2px;

   height: 100%;

   background-color: #ccc
 }

 .iq-timeline2 li {

   margin-left: 0;

   position: relative;

   padding: 15px 15px 0 5px;

   list-style-type: none
 }

 @media (max-width:575px) {

   .timeline-page .iq-timeline ul li {

     padding-left: 10px;

     padding-right: 10px
   }

   .timeline-page .iq-timeline ul li .time {

     width: 90px
   }

   .timeline-page .iq-timeline ul li:nth-child(odd) .time {

     right: -115px
   }

   .timeline-page .iq-timeline ul li:nth-child(2n) .time {

     left: -115px
   }

 }

 .active-faq a.accordion-title {

   display: block;

   padding-right: 45px
 }

 .iq-accordion.career-style.faq-style .iq-accordion-block {

   padding: 10px 5px;

   border-radius: 8px
 }

 .iq-accordion.career-style.faq-style .iq-accordion-block .accordion-title span {

   padding-left: 0
 }

 .iq-accordion.career-style.faq-style .iq-accordion-block .accordion-details p {

   padding-left: 15px;

   padding-top: 15px;

   padding-bottom: 15px
 }

 .iq-accordion.career-style.faq-style .accordion-title:before {

   display: inline-block;

   cursor: pointer;

   content: "";

   font-family: remixicon;

   position: absolute;

   top: -8px;

   right: 15px;

   color: #1e1e1e;

   font-size: 16px;

   line-height: 16px;

   font-weight: 400;

   transition: all .3s ease-in-out;

   border-radius: 8px;

   width: 45px;

   height: 45px;

   line-height: 45px;

   text-align: center;

   border-radius: 90px
 }

 .iq-accordion.career-style.faq-style .iq-accordion-block.accordion-active .accordion-title:before {

   content: "";

   display: inline-block;

   border-radius: 90px
 }

 .iq-accordion.career-style.faq-style .active-faq .row {

   background: transparent;

   padding: 10px 0
 }

 .iq-accordion.career-style .iq-accordion-block {

   margin-bottom: 30px
 }

 .iq-accordion.career-style .iq-accordion-block .accordion-title span {

   font-size: 16px;

   display: table-cell;

   color: #01041b
 }

 #loading {

   background-color: #fafbfe;

   height: 100%;

   width: 100%;

   position: fixed;

   margin-top: 0;

   top: 0;

   left: 0;

   bottom: 0;

   overflow: hidden !important;

   right: 0;

   z-index: 999999
 }

 #loading-center {

   background: url(../images/loader.gif) no-repeat scroll 50%;

   background-size: 20%;

   width: 100%;

   height: 100%;

   position: relative
 }

 .loader {

   width: 3em;

   height: 3em;

   margin: auto;

   left: 0;

   right: 0;

   top: 0;

   bottom: 0;

   position: absolute
 }

 @keyframes Cb {

   0%,
   to {

     box-shadow: 0 -2.6em 0 0 #4788ff, 1.8em -1.8em 0 0 rgba(71, 136, 255, .2), 2.5em 0 0 0 rgba(71, 136, 255, .2), 1.75em 1.75em 0 0 rgba(71, 136, 255, .2), 0 2.5em 0 0 rgba(71, 136, 255, .2), -1.8em 1.8em 0 0 rgba(71, 136, 255, .2), -2.6em 0 0 0 rgba(71, 136, 255, .5), -1.8em -1.8em 0 0 rgba(71, 136, 255, .7)
   }

   12.5% {

     box-shadow: 0 -2.6em 0 0 rgba(71, 136, 255, .7), 1.8em -1.8em 0 0 #4788ff, 2.5em 0 0 0 rgba(71, 136, 255, .2), 1.75em 1.75em 0 0 rgba(71, 136, 255, .2), 0 2.5em 0 0 rgba(71, 136, 255, .2), -1.8em 1.8em 0 0 rgba(71, 136, 255, .2), -2.6em 0 0 0 rgba(71, 136, 255, .2), -1.8em -1.8em 0 0 rgba(71, 136, 255, .5)
   }

   25% {

     box-shadow: 0 -2.6em 0 0 rgba(71, 136, 255, .5), 1.8em -1.8em 0 0 rgba(71, 136, 255, .7), 2.5em 0 0 0 #4788ff, 1.75em 1.75em 0 0 rgba(71, 136, 255, .2), 0 2.5em 0 0 rgba(71, 136, 255, .2), -1.8em 1.8em 0 0 rgba(71, 136, 255, .2), -2.6em 0 0 0 rgba(71, 136, 255, .2), -1.8em -1.8em 0 0 rgba(71, 136, 255, .2)
   }

   37.5% {

     box-shadow: 0 -2.6em 0 0 rgba(71, 136, 255, .2), 1.8em -1.8em 0 0 rgba(71, 136, 255, .5), 2.5em 0 0 0 rgba(71, 136, 255, .7), 1.75em 1.75em 0 0 #4788ff, 0 2.5em 0 0 rgba(71, 136, 255, .2), -1.8em 1.8em 0 0 rgba(71, 136, 255, .2), -2.6em 0 0 0 rgba(71, 136, 255, .2), -1.8em -1.8em 0 0 rgba(71, 136, 255, .2)
   }

   50% {

     box-shadow: 0 -2.6em 0 0 rgba(71, 136, 255, .2), 1.8em -1.8em 0 0 rgba(71, 136, 255, .2), 2.5em 0 0 0 rgba(71, 136, 255, .5), 1.75em 1.75em 0 0 rgba(71, 136, 255, .7), 0 2.5em 0 0 #4788ff, -1.8em 1.8em 0 0 rgba(71, 136, 255, .2), -2.6em 0 0 0 rgba(71, 136, 255, .2), -1.8em -1.8em 0 0 rgba(71, 136, 255, .2)
   }

   62.5% {

     box-shadow: 0 -2.6em 0 0 rgba(71, 136, 255, .2), 1.8em -1.8em 0 0 rgba(71, 136, 255, .2), 2.5em 0 0 0 rgba(71, 136, 255, .2), 1.75em 1.75em 0 0 rgba(71, 136, 255, .5), 0 2.5em 0 0 rgba(71, 136, 255, .7), -1.8em 1.8em 0 0 #4788ff, -2.6em 0 0 0 rgba(71, 136, 255, .2), -1.8em -1.8em 0 0 rgba(71, 136, 255, .2)
   }

   75% {

     box-shadow: 0 -2.6em 0 0 rgba(71, 136, 255, .2), 1.8em -1.8em 0 0 rgba(71, 136, 255, .2), 2.5em 0 0 0 rgba(71, 136, 255, .2), 1.75em 1.75em 0 0 rgba(71, 136, 255, .2), 0 2.5em 0 0 rgba(71, 136, 255, .5), -1.8em 1.8em 0 0 rgba(71, 136, 255, .7), -2.6em 0 0 0 #4788ff, -1.8em -1.8em 0 0 rgba(71, 136, 255, .2)
   }

   87.5% {

     box-shadow: 0 -2.6em 0 0 rgba(71, 136, 255, .2), 1.8em -1.8em 0 0 rgba(71, 136, 255, .2), 2.5em 0 0 0 rgba(71, 136, 255, .2), 1.75em 1.75em 0 0 rgba(71, 136, 255, .2), 0 2.5em 0 0 rgba(71, 136, 255, .2), -1.8em 1.8em 0 0 rgba(71, 136, 255, .5), -2.6em 0 0 0 rgba(71, 136, 255, .7), -1.8em -1.8em 0 0 #4788ff
   }

 }

 @keyframes Db {

   0%,
   to {

     transform: translateX(0)
   }

   75% {

     transform: translateX(30px)
   }

 }

 @keyframes Eb {

   0%,
   to {

     transform: translateY(0)
   }

   75% {

     transform: translateY(30px)
   }

 }

 @keyframes Fb {

   0%,
   to {

     transform: translate(0)
   }

   75% {

     transform: translate(30px, 30px)
   }

 }

 @keyframes Gb {

   0% {

     transform: rotateX(35deg) rotateY(-45deg) rotate(0deg)
   }

   to {

     transform: rotateX(35deg) rotateY(-45deg) rotate(1turn)
   }

 }

 @keyframes Hb {

   0% {

     transform: rotateX(50deg) rotateY(10deg) rotate(0deg)
   }

   to {

     transform: rotateX(50deg) rotateY(10deg) rotate(1turn)
   }

 }

 @keyframes Ib {

   0% {

     transform: rotateX(35deg) rotateY(55deg) rotate(0deg)
   }

   to {

     transform: rotateX(35deg) rotateY(55deg) rotate(1turn)
   }

 }

 @keyframes Jb {

   0% {

     transform: rotate(0)
   }

   50% {

     transform: rotateY(180deg)
   }

   to {

     transform: rotateY(180deg) rotateX(180deg)
   }

 }

 @keyframes Kb {

   0%,
   to {

     transform: translate(0) rotate(0)
   }

   25% {

     transform: translate(40px, 40px) rotate(45deg)
   }

   50% {

     transform: translateY(80px) rotate(0deg)
   }

   75% {

     transform: translate(-40px, 40px) rotate(45deg)
   }

 }

 @keyframes Lb {

   0% {

     transform: rotate(0deg);

     border-radius: 50%
   }

   50% {

     transform: rotate(90deg);

     border-radius: 0
   }

   to {

     transform: rotate(180deg);

     border-radius: 50%
   }

 }

 @keyframes Mb {

   to {

     transform: rotate(1turn)
   }

 }

 @keyframes Nb {

   0% {

     transform: scale(0);

     -webkit-opacity: 0;

     -moz-opacity: 0;

     -ms-opacity: 0;

     -o-opacity: 0;

     opacity: 0
   }

   50% {

     -webkit-opacity: 1;

     -moz-opacity: 1;

     -ms-opacity: 1;

     -o-opacity: 1;

     opacity: 1
   }

   to {

     transform: scale(1);

     -webkit-opacity: 0;

     -moz-opacity: 0;

     -ms-opacity: 0;

     -o-opacity: 0;

     opacity: 0
   }

 }

 @keyframes Ob {

   0% {

     transform: rotate(0deg)
   }

   to {

     transform: rotate(-1turn)
   }

 }

 @keyframes Pb {

   0% {

     border-width: 0
   }

   to {

     border-width: 10px
   }

 }

 @keyframes Qb {

   0% {

     transform: rotate(0deg)
   }

   to {

     transform: rotate(1turn)
   }

 }

 .iq-loader-box {

   height: 150px;

   text-align: center;

   display: -ms-flexbox;

   display: flex;

   -ms-flex-align: center;

   align-items: center;

   vertical-align: middle;

   -ms-flex-pack: center;

   justify-content: center
 }

 .iq-loader-box [class*=loader-] {

   display: inline-block;

   width: 60px;

   height: 60px;

   color: inherit;

   vertical-align: middle;

   position: relative;

   border-radius: 50%
 }

 .iq-loader-box .iq-loader-1 {

   width: 1em;

   height: 1em;

   border-radius: 50%;

   position: relative;

   text-indent: -9999em;

   animation: Cb 1.1s infinite ease;

   transform: translateZ(0)
 }

 .iq-loader-box .iq-loader-2 {

   border: 7px double #37e6b0;

   animation: Qb 1s linear infinite
 }

 .iq-loader-box .iq-loader-2:after,
 .iq-loader-box .iq-loader-2:before {

   content: "";

   position: absolute;

   width: 12px;

   height: 12px;

   background: #37e6b0;

   border-radius: 50%;

   bottom: 0;

   right: 37px
 }

 .iq-loader-box .iq-loader-2:after {

   left: 37px;

   top: 0
 }

 .iq-loader-box .iq-loader-3 {

   position: relative;

   border-radius: 50%;

   display: inline-block;

   vertical-align: middle
 }

 .iq-loader-box .iq-loader-3 .loader-outter {

   position: absolute;

   border: 4px solid #f50057;

   border-left-color: transparent;

   border-bottom: 0;

   width: 100%;

   height: 100%;

   border-radius: 50%;

   animation: Qb 1s cubic-bezier(.42, .61, .58, .41) infinite
 }

 .iq-loader-box .iq-loader-3 .loader-inner {

   position: absolute;

   border: 4px solid #f50057;

   border-radius: 50%;

   width: 40px;

   height: 40px;

   left: calc(50% - 20px);

   top: calc(50% - 20px);

   border-right: 0;

   border-top-color: transparent;

   animation: Ob 1s cubic-bezier(.42, .61, .58, .41) infinite
 }

 .iq-loader-box .iq-loader-4 {

   border: .2em solid transparent;

   border-top-color: #fe721c;

   border-bottom-color: #fe721c;

   border-radius: 50%;

   position: relative;

   animation: 1s Qb linear infinite
 }

 .iq-loader-box .iq-loader-4:before {

   transform: rotate(135deg);

   right: -.3em;

   top: -.05em
 }

 .iq-loader-box .iq-loader-4:after,
 .iq-loader-box .iq-loader-4:before {

   content: "";

   display: block;

   width: 0;

   height: 0;

   position: absolute;

   border: .2em solid transparent;

   border-bottom-color: #fe721c
 }

 .iq-loader-box .iq-loader-4:after {

   transform: rotate(-45deg);

   left: -.3em;

   bottom: -.05em
 }

 .iq-loader-box .iq-loader-5 {

   width: 100px;

   height: 100px;

   border-radius: 100%;

   position: relative;

   margin: 0 auto
 }

 .iq-loader-box .iq-loader-5 span {

   display: block;

   position: absolute;

   left: calc(50% - 20px);

   top: calc(50% - 20px);

   width: 20px;

   height: 20px;

   background-color: var(--info)
 }

 .iq-loader-box .iq-loader-5 span:first-child {

   animation: Db 1s ease-in-out infinite
 }

 .iq-loader-box .iq-loader-5 span:nth-child(2) {

   animation: Eb 1s ease-in-out infinite
 }

 .iq-loader-box .iq-loader-5 span:nth-child(3) {

   animation: Fb 1s ease-in-out infinite
 }

 .iq-loader-box .iq-loader-6 .inner {

   position: absolute;

   box-sizing: border-box;

   width: 100%;

   height: 100%;

   border-radius: 50%
 }

 .iq-loader-box .iq-loader-6 .inner1 {

   left: 0;

   top: 0;

   animation: Gb 1s linear infinite;

   border-bottom: 3px solid #ff4b4b
 }

 .iq-loader-box .iq-loader-6 .inner2 {

   right: 0;

   top: 0;

   animation: Hb 1s linear infinite;

   border-right: 3px solid #ff4b4b
 }

 .iq-loader-box .iq-loader-6 .inner3 {

   right: 0;

   bottom: 0;

   animation: Ib 1s linear infinite;

   border-top: 3px solid #ff4b4b
 }

 .iq-loader-box .iq-loader-7:before {

   content: "";

   position: absolute;

   left: 0;

   width: 50px;

   height: 50px;

   background-color: #3498db;

   animation: Jb 1s infinite
 }

 .iq-loader-box .iq-loader-8 {

   border: 1.2em solid transparent;

   border-left-color: #d0bac2;

   border-right-color: #d0bac2;

   border-radius: 50%;

   animation: 1s Qb linear infinite
 }

 .iq-loader-box .iq-loader-9 {

   margin: 60px auto;

   font-size: 10px;

   position: relative;

   text-indent: -9999em;

   border-top: 1.1em solid rgba(255, 107, 208, .2);

   border-right: 1.1em solid rgba(255, 107, 208, .2);

   border-bottom: 1.1em solid rgba(255, 107, 208, .2);

   border-left: 1.1em solid #ff6bd0;

   transform: translateZ(0);

   animation: Qb 1.1s infinite linear
 }

 .iq-loader-box .iq-loader-9,
 .iq-loader-box .iq-loader-9:after {

   border-radius: 50%;

   width: 7em;

   height: 7em
 }

 .iq-loader-box .iq-loader-10:after,
 .iq-loader-box .iq-loader-10:before {

   content: "";

   width: 20px;

   height: 20px;

   position: absolute;

   top: -10px;

   left: calc(50% - 10px);

   background-color: #3450db;

   animation: Kb 1s ease-in-out infinite
 }

 .iq-loader-box .iq-loader-10:after {

   bottom: 0;

   animation-delay: .5s
 }

 .iq-loader-box .iq-loader-11 {

   background: #000
 }

 .iq-loader-box .iq-loader-11:before {

   content: "";

   position: absolute;

   border-radius: 50%;

   width: 25px;

   height: 25px;

   margin: 0 0 0 -12px;

   background-color: #fff;

   top: auto;

   bottom: 0;

   left: 50%;

   transform-origin: 50% 0;

   animation: Qb 1s infinite linear
 }

 .iq-loader-box .iq-loader-12 {

   animation: Lb 1s infinite linear;

   background: #6dca5c
 }

 .iq-loader-box .iq-loader-13 {

   border-top: .2em solid #a7a4ca;

   border-right: .2em solid transparent;

   animation: Mb 1s linear infinite;

   border-radius: 100%;

   position: relative
 }

 .iq-loader-box .iq-loader-14 {

   border: 0 solid transparent;

   border-radius: 50%;

   position: relative
 }

 .iq-loader-box .iq-loader-14:before {

   animation: Nb 1s linear infinite;

   animation-delay: 1s
 }

 .iq-loader-box .iq-loader-14:after,
 .iq-loader-box .iq-loader-14:before {

   content: "";

   border: 1em solid #13d7eb;

   border-radius: 50%;

   width: inherit;

   height: inherit;

   position: absolute;

   top: 0;

   left: 0;

   -webkit-opacity: 0;

   -moz-opacity: 0;

   -ms-opacity: 0;

   -o-opacity: 0;

   opacity: 0
 }

 .iq-loader-box .iq-loader-14:after {

   animation: Nb 1s linear infinite;

   animation-delay: .5s
 }

 .iq-loader-box .iq-loader-15 {

   border: 6px groove #7e57c2;

   transform: rotate(1turn);

   transition: all 1s ease;

   animation: Ob 1s ease-out alternate infinite
 }

 .iq-loader-box .iq-loader-15 .loader-inner {

   border: 0 inset #9575cd;

   border-radius: 50%;

   width: 100%;

   height: 100%;

   animation: Pb 1s ease-out alternate infinite
 }

 .iq-loader-box .iq-loader-16 {

   width: 70px;

   height: 70px;

   border: 5px dashed #b3a57c;

   animation: Qb 2s linear both infinite
 }

 .treegrid-indent {

   width: 0;

   height: 16px;

   display: inline-block;

   position: relative
 }

 .tab-content .table tbody tr,
 .table-data .table tbody tr {

   color: #000
 }

 .treegrid-expander {

   width: 0;

   height: 16px;

   display: inline-block;

   position: relative;

   left: -17px;

   cursor: pointer
 }

 .glyphicon.glyphicon-chevron-right:before {

   position: absolute;

   content: "\EA6E";

   font-family: remixicon;

   top: 0;

   bottom: 0;

   left: 0;

   right: 0
 }

 .glyphicon.glyphicon-chevron-down:before {

   position: absolute;

   content: "\EA4E";

   font-family: remixicon;

   top: 0;

   bottom: 0;

   left: 0;

   right: 0
 }

 .glyphicon.glyphicon-plus:before {

   content: "\EA13"

 }

 .glyphicon.glyphicon-minus:before,
 .glyphicon.glyphicon-plus:before {

   position: absolute;

   font-family: remixicon;

   top: 0;

   bottom: 0;

   left: 0;

   right: 0
 }

 .glyphicon.glyphicon-minus:before {

   content: "\F1AF"

 }

 .image-popup-vertical-fit {

   cursor: zoom-in
 }

 .grid-m {

   margin-bottom: 30px
 }

 .grid-m:nth-last-child(-n+4) {

   margin-bottom: 0
 }

 .g-box {

   background: #fafbfe
 }

 .g-desc {

   border: 1px solid rgba(210, 201, 255, .4)
 }

 .masonry .item {

   width: 25%;

   padding: 10px;

   display: block
 }

 .masonry .item a {

   cursor: zoom-in
 }

 .masonry .item img {

   width: 100%
 }

 .grid-sizer {

   width: 25%;

   padding: 10px;

   display: block
 }

 .b-radius-top {

   border-radius: 8px 8px 0 0
 }

 .b-radius-bottom {

   border-radius: 0 0 8px 8px
 }

 .hover-effects {

   overflow: hidden;

   position: relative
 }

 .hover-effects a {

   cursor: pointer
 }

 .hover-effects:hover .effect-1 {

   transform: scale3d(1.2, 1.2, 1)
 }

 .hover-effects:hover .effect-2 {

   transform: scale(1)
 }

 .hover-effects:hover .effect-3 {

   margin-left: 0
 }

 .hover-effects:hover .effect-4 {

   transform: rotate(0) scale(1)
 }

 .hover-effects:hover .ovrlay-1-a,
 .hover-effects:hover .ovrlay-1-b {

   left: 0;

   top: 0
 }

 .hover-effects:hover .ovrlay-2-a,
 .hover-effects:hover .ovrlay-2-b {

   left: 0
 }

 .hover-effects:hover .ovrlay-3-a,
 .hover-effects:hover .ovrlay-3-b {

   transform: scale(1)
 }

 .hover-effects:hover .ovrlay-4-a,
 .hover-effects:hover .ovrlay-4-b {

   top: 0
 }

 .hover-effects:hover .ovrlay-5 {

   left: 0;

   opacity: 1;

   visibility: visible
 }

 .hover-effects:hover .ovrlay-6 {

   visibility: visible;

   transform: perspective(600px) rotateX(0deg)
 }

 .hover-effects:hover .ovrlay-7 {

   opacity: 1;

   transform: perspective(400px) rotateX(0deg)
 }

 .hover-effects:hover .ovrlay-8 {

   right: 0
 }

 .hover-effects:hover .effect-8 {

   right: 40px
 }

 .effect-1,
 .effect-2 {

   transition: all .3s ease-in-out
 }

 .effect-2 {

   transform: scale(1.2)
 }

 .effect-3 {

   margin-left: 30px;

   transform: scale(1.3)
 }

 .effect-3,
 .effect-4 {

   transition: all .3s ease-in-out
 }

 .effect-4 {

   transform: rotate(12deg) scale(1.4)
 }

 .ovrlay-1-a {

   left: -100%;

   top: -100%
 }

 .ovrlay-1-a,
 .ovrlay-1-b {

   background: rgba(0, 0, 0, .25);

   height: 100%;

   position: absolute;

   width: 100%;

   transition: all .3s ease-in-out
 }

 .ovrlay-1-b {

   left: 100%;

   top: 100%
 }

 .ovrlay-2-a {

   left: -100%
 }

 .ovrlay-2-a,
 .ovrlay-2-b {

   background: rgba(0, 0, 0, .25);

   height: 100%;

   position: absolute;

   top: 0;

   width: 100%;

   transition: all .3s ease-in-out
 }

 .ovrlay-2-b {

   left: 100%
 }

 .ovrlay-3-a {

   top: 0;

   top: 100%
 }

 .ovrlay-3-a,
 .ovrlay-3-a .ovrlay-3-b {

   position: absolute;

   background: rgba(0, 0, 0, .25);

   height: 100%;

   left: 0;

   width: 100%;

   transform: scale(0)
 }

 .ovrlay-3-a .ovrlay-3-b {

   top: 0;

   transition: all .3s ease-in-out
 }

 .ovrlay-3-a .ovrlay-4-a {

   transition: all .3s ease-in-out;

   top: -100%
 }

 .ovrlay-3-a .ovrlay-4-a,
 .ovrlay-3-a .ovrlay-4-b {

   background: rgba(0, 0, 0, .25);

   height: 100%;

   position: absolute;

   left: 0;

   width: 100%
 }

 .ovrlay-5 {

   position: absolute;

   background: #ae0918;

   width: 100%;

   height: 100%;

   top: 0;

   padding: 0 15px;

   left: -100%;

   z-index: 1;

   overflow: auto;

   visibility: hidden;

   transition: all .3s ease-in-out
 }

 .ovrlay-5,
 .ovrlay-5 h4 {

   color: #fff
 }

 .ovrlay-6 {

   background: #ae0918;

   width: 100%;

   position: absolute;

   height: 100%;

   top: 0;

   left: 0;

   overflow: auto;

   visibility: hidden;

   padding: 0 15px;

   transform: perspective(600px) rotateX(-90deg);

   transition: all .3s ease-in-out
 }

 .ovrlay-6 h4,
 .ovrlay-6 p {

   color: #fff
 }

 .ovrlay-8 {

   background: #ae0918;

   width: 40%;

   height: 100%;

   top: 0;

   transition: all .3s ease-in-out;

   position: absolute;

   right: -40%;

   overflow: auto;

   padding: 0 10px
 }

 .ovrlay-8 h4 {

   color: #fff
 }

 .ovrlay-8 .i-btn {

   position: absolute;

   bottom: 10px;

   right: 10%;

   width: 40px;

   height: 40px;

   line-height: 40px;

   font-size: 17px;

   border-radius: 50%;

   border: 1px solid #fff;

   background: transparent;

   text-align: center;

   transform: translateX(-50%);

   color: #fff !important
 }

 .ovrlay-7 {

   position: absolute;

   background: rgba(0, 0, 0, .8);

   height: 100%;

   left: 0;

   top: 0;

   width: 100%;

   -webkit-opacity: 0;

   -moz-opacity: 0;

   -ms-opacity: 0;

   -o-opacity: 0;

   opacity: 0;

   transform: perspective(400px) rotateX(-90deg);

   transform-origin: top;

   transition: all .3s ease-in-out
 }

 .ovrlay-7 .button {

   position: absolute;

   top: 50%;

   left: 50%;

   transform: translate(-50%, -50%);

   width: 40px;

   height: 40px;

   border-radius: 50%;

   background: #fff;

   text-align: center;

   line-height: 40px
 }

 .ovrlay-7 .button i {

   color: #ae0918
 }

 .effect-8 {

   width: 100%;

   position: relative;

   right: 0;

   top: 0;

   transition: all .3s ease-in-out
 }

 .data-table .table th {

   border-bottom-width: 1px;

   border-top: none
 }

 .dataTables_filter .form-control:focus,
 .dataTables_length .form-control:focus {

   background-color: #fafbfe;

   border-color: #ae0918
 }

 @media (max-width:991px) {

   .masonry .grid-sizer,
   .masonry .item {

     width: 33.33%
   }

 }

 @media (max-width:767px) {

   .masonry .grid-sizer,
   .masonry .item {

     width: 100%;

     padding: 0 0 18px
   }

 }

 .blog .image-block img.img-fluid {

   background: #ceebee
 }

 .blog-half .blog-meta {

   height: 80px;

   width: 80px;

   line-height: 30px;

   padding: 0 22px;

   margin-top: -15px;

   border-radius: 10px;

   text-align: center;

   margin-right: 20px;

   display: inline-block;

   position: relative
 }

 .blog-half .blog-meta .date {

   font-size: 30px;

   font-weight: 500;

   padding-top: 15px;

   letter-spacing: 0
 }

 .blog-half .blog-meta .month {

   font-size: 16px;

   font-weight: 500
 }

 .blog-left .blog-description {

   position: absolute;

   bottom: 40px;

   margin: 0 40px;

   padding: 10px;

   background: #fff;

   left: 0
 }

 .blog-date .blog-meta-date {

   position: absolute;

   top: 15px;

   left: 15px;

   height: 70px;

   width: 70px;

   line-height: 25px;

   border-radius: 10px;

   text-align: center;

   background: #ae0918;

   color: #fff
 }

 .blog-date .blog-meta-date .date {

   font-size: 30px;

   font-weight: 500;

   padding-top: 13px
 }

 .blog-comments .blog-meta-date {

   position: absolute;

   bottom: 15px;

   right: 15px;

   height: 70px;

   width: 70px;

   line-height: 25px;

   border-radius: 10px;

   text-align: center;

   background: #ae0918;

   color: #fff
 }

 .blog-comments .blog-meta-date .date {

   font-size: 30px;

   font-weight: 500;

   padding-top: 13px
 }

 .blog-detail .blog-meta {

   padding: 12px 15px;

   background: hsla(0, 0%, 75%, .35);

   color: #01041b
 }

 @media (max-width:480px) {

   .blog-half {

     float: left;

     width: 100% !important;

     display: inline-block !important
   }

   .blog-half,
   .blog-half .blog-meta {

     margin-bottom: 10px
   }

 }

 @keyframes Rb {

   to {

     background-position: -100px 0
   }

 }

 .p-card {

   padding: 12px
 }

 .profile-card {

   background: #ae0918;

   padding: 37px 0;

   position: relative;

   overflow: hidden
 }

 .profile-card:before {

   content: "";

   position: absolute;

   right: -63px;

   top: -3px;

   width: 120px;

   height: 120px;

   border-radius: 8px;

   background: hsla(0, 0%, 100%, .2);

   transform: rotate(36deg)
 }

 .profile-card:after {

   content: "";

   position: absolute;

   left: -62px;

   bottom: 9px;

   width: 126px;

   height: 125px;

   border-radius: 35px;

   background: #2771f9;

   transform: rotate(28deg)
 }

 .profile-box {

   background: #fafbfe;

   position: relative;

   padding-bottom: 240px;

   border-radius: 0 0 8px 8px
 }

 .pro-content {

   margin-top: -55px;

   position: absolute;

   background: #fff;

   padding: 20px;

   left: 20px;

   right: 20px;

   -ms-box-shadow: 0 2px 25px 0 rgba(45, 69, 95, .06);

   -o-box-shadow: 0 2px 25px 0 rgba(45, 69, 95, .06);

   box-shadow: 0 2px 25px 0 rgba(45, 69, 95, .06)
 }

 .p-icon {

   width: 45px;

   height: 45px;

   border-radius: 8px;

   background: rgba(0, 0, 0, .3);

   line-height: 45px;

   color: #ae0918;

   text-align: center;

   font-size: 26px
 }

 .eml {

   word-break: break-all
 }

 .iq-progress-bar.pro-skill {

   height: 12px
 }

 .iq-progress-bar.pro-skill>span {

   background-image: linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .1) 66%, transparent 0);

   background-size: 35px 20px, 100% 100%, 100% 100%;

   border-radius: 8px;

   position: relative;

   animation: Rb 5s linear infinite
 }

 .iq-progress-bar.pro-skill>span.bg1 {

   background-color: #ff4b4b
 }

 .iq-progress-bar.pro-skill>span.bg2 {

   background-color: #ffca44
 }

 .iq-progress-bar.pro-skill>span.bg3 {

   background-color: #876cfe
 }

 .social-ic {

   background: #fafbfe;

   padding: 5px
 }

 .social-ic a {

   margin: 0 5px;

   width: 40px;

   height: 40px;

   text-align: center;

   line-height: 45px;

   background: transparent;

   position: relative;

   z-index: 1
 }

 .social-ic a i {

   color: #535f6b;

   font-size: 18px;

   transition: all .3s ease-in-out;

   position: relative;

   z-index: 3
 }

 .social-ic a:before {

   content: "";

   position: absolute;

   top: 0;

   left: 0;

   width: 100%;

   height: 0;

   opacity: 0;

   background: #ae0918;

   border-radius: 8px;

   transition: all .3s ease-in-out;

   z-index: 2
 }

 .social-ic a:nth-child(2n):before {

   top: 100%
 }

 .social-ic a:nth-child(2n):hover:before {

   top: 0
 }

 .social-ic a:hover:before {

   -webkit-opacity: 1;

   -moz-opacity: 1;

   -ms-opacity: 1;

   -o-opacity: 1;

   opacity: 1;

   height: 100%
 }

 .social-ic a:hover i {

   color: #fff !important;

   transform: rotateY(1turn)
 }

 @media (max-width:767px) {

   .social-ic a {

     width: 28px;

     height: 28px;

     line-height: 34px
   }

   .social-ic a i {

     font-size: 15px
   }

 }

 .logo-invoice {

   height: 55px
 }

 .print .card-title {

   color: #fff
 }

 .print .table thead {

   background: #fafbfe
 }

 .print .table th,
 .print .table thead th {

   border: 0
 }

 .print .table td {

   border-top: 0
 }

 .print .table tr {

   border-top: 1px solid #dee2e6
 }

 .print .table tr:first-child {

   border-top: 0
 }

 .btn-primary-dark {

   background: #0da6b1;

   color: #fff
 }

 .btn-primary-dark:hover {

   color: #fff
 }

 .or-detail {

   background: #fafbfe;

   border: 1px solid rgba(210, 201, 255, .4)
 }

 .or-detail p {

   margin-bottom: 0
 }

 .ttl-amt {

   border-top: 1px solid rgba(210, 201, 255, .4)
 }

 #scroll1 {

   position: relative;

   width: 600px;

   height: 250px
 }

 .sweet_al .btn {

   margin-right: 5px
 }

 @media (max-width:479px) {

   .header-invoice {

     display: block !important;

     text-align: center
   }

   .header-invoice .invoice-btn {

     margin-top: 15px
   }

 }

 .pricing .table th {

   border-top: none;

   border-bottom: 1px solid #dee2e6
 }

 .pricing .table td {

   border-top: none !important
 }

 .pricing .table tr {

   border-bottom: 1px solid #dee2e6
 }

 .pricing .table tr:last-child {

   border-bottom: 0
 }

 .prc-box {

   background: rgba(0, 0, 0, .3);

   padding: 15px;

   position: relative;

   border-radius: 8px
 }

 .type {

   position: absolute;

   background: #ae0918;

   padding: 9px 25px;

   color: #fff;

   top: -15px;

   left: 50%;

   transform: translateX(-50%);

   font-weight: 500
 }

 .type:before {

   right: -15px;

   border-left: 15px solid #0da6b1
 }

 .type:after,
 .type:before {

   position: absolute;

   content: "";

   width: 0;

   height: 0;

   top: 0;

   border-top: 15px solid transparent
 }

 .type:after {

   left: -15px;

   border-right: 15px solid #0da6b1
 }

 .prc-box.active {

   background: #ae0918
 }

 .prc-box.active .h3 {

   color: #fff
 }

 .prc-box.active .type {

   background: rgba(0, 0, 0, .3);

   color: #01041b
 }

 .prc-box.active .type:before {

   border-left: 16px solid #0da6b1;

   right: -16px
 }

 .prc-box.active .type:after {

   border-right: 16px solid #0da6b1;

   left: -16px
 }

 .prc-wrap {

   border-bottom: none !important
 }

 .i_close {

   font-size: 22px
 }

 .p-image {

   position: absolute;

   top: auto;

   right: 6px;

   bottom: 10px;

   transition: all .3s ease;

   background: #ae0918;

   color: #fff;

   border-radius: 50%;

   height: 30px;

   width: 30px;

   line-height: 28px;

   text-align: center;

   font-size: 12px;

   cursor: pointer
 }

 .upload-button {

   font-size: 1.5em
 }

 .file-upload {

   display: none
 }

 .upload_profile {

   position: relative
 }

 .child-cell.active {

   color: #ae0918
 }

 .iq-social ul li a {

   display: block;

   text-align: center;

   font-size: 16px;

   line-height: 43px
 }

 .card .pricing-radius-box {

   border-radius: 60px 0 60px 0
 }

 .pricing-header {

   padding: 20px 0;

   background: #f5f6f9;

   border-radius: 10px 10px 50% 50%;

   transition: all .3s ease-in-out;

   margin-bottom: 20px
 }

 .pricing-details .icon-data {

   font-size: 50px
 }

 .pricing-custom-tab .tab-pane.fade.active.show {

   display: block
 }

 .pricing-custom-tab .tab-pane.fade {

   display: none
 }

 .pricing-custom-tab li.nav-item .nav-link {

   border: 1px solid #f1f1f1;

   color: #01041b;

   font-size: 16px;

   padding: 12px 35px;

   border-radius: 0
 }

 .pricing-custom-tab li.nav-item .nav-link.active {

   color: #fff;

   background: #ae0918
 }

 .pricing-custom-tab li.nav-item .star-circle {

   background-color: #ae0918;

   border-radius: 50%;

   -ms-box-shadow: 0 0 0 3px hsla(0, 0%, 100%, .5);

   -o-box-shadow: 0 0 0 3px hsla(0, 0%, 100%, .5);

   box-shadow: 0 0 0 3px hsla(0, 0%, 100%, .5);

   color: #fff;

   display: block;

   font-size: 13px;

   height: 25px;

   padding: 0;

   line-height: 23px;

   text-align: center;

   width: 20px;

   position: absolute;

   top: -14px;

   left: -14px;

   z-index: 1
 }

 .nav-pills li {

   position: relative
 }

 #recent-hits-map {

   height: 340px
 }

 #reporting-chart-04 {

   height: 400px
 }

 .iq-avatars .iq-avatar {

   margin-right: 10px;

   margin-bottom: 10px;

   position: relative;

   display: inline-block
 }

 .profile-icon.iq-icon-box {

   height: 58px;

   width: 58px;

   line-height: 58px;

   text-align: center;

   margin-right: 10px;

   font-size: 26px;

   text-decoration: none
 }

 .profile-overly {

   position: absolute;

   left: auto;

   bottom: 0;

   right: 0;

   background: #fff;

   padding: 10px 30px;

   text-align: center;

   border-radius: 10px 10px 0 0
 }

 ul.iq-contact-rest li a p {

   word-break: break-all
 }

 @media (max-width:479px) {

   .profile-overly h3 {

     font-size: 14px
   }

 }

 .vactormap-height {

   width: 100%;

   height: 400px
 }

 .jvectormap-legend-title {

   font-size: 12px
 }

 .jvectormap-legend .jvectormap-legend-tick-sample {

   height: 26px
 }

 .jvectormap-legend-icons {

   background: #fff;

   border: 1px solid #000;

   color: #000
 }

 .subscriber-detail .title {

   padding: 5px 20px;

   line-height: 26px
 }

 .subscriber-detail .iq-card-btn {

   position: absolute;

   top: 0;

   left: -15px;

   margin: 0 auto;

   border: 4px solid #fff;

   padding: 2px;

   height: 40px;

   width: 40px;

   line-height: 22px;

   font-size: 20px
 }

 .subscriber-detail .iq-card-btn.title-instagram {

   background-color: #d6249f !important;

   background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%) !important;

   color: #fff
 }

 .subscriber-detail .iq-card-btn.title-whatsapp {

   background-color: #00e676 !important;

   color: #fff;

   text-shadow: 1px 1px 10px rgba(0, 0, 0, .22)
 }

 .subscriber-detail .iq-card-btn.title-twitter {

   background-color: #1da1f2 !important;

   color: #fff
 }

 .subscriber-detail .iq-card-btn.title-facebook {

   background-color: #3b5998 !important;

   background-image: linear-gradient(#4e69a2, #3b5998 50%) !important;

   color: #fff
 }

 .chat-page img {

   border-radius: 8px
 }

 #chat-search {

   padding-left: 40px
 }

 .form-group.chat-search-data>i {

   position: absolute;

   top: 8px;

   left: 15px;

   color: #ae0918;

   font-size: 16px
 }

 .chat-sidebar-name {

   width: 100%
 }

 .chat-sidebar-name h6 {

   font-size: 14px
 }

 .chat-sidebar-name span {

   color: #535f6b
 }

 .chat-msg-counter {

   height: 15px;

   width: 15px;

   border-radius: 50%;

   line-height: 16px;

   margin: 0 auto;

   font-size: 7px
 }

 .chat-meta span {

   font-size: 8px
 }

 span.avatar-status {

   position: absolute;

   bottom: -10px;

   top: auto;

   left: auto;

   right: -3px
 }

 .iq-chat-ui li a {

   text-decoration: none;

   display: block;

   padding: 15px 0;

   border-bottom: 1px solid #f1f1f1
 }

 .iq-chat-ui li a.active {

   border-color: transparent
 }

 .iq-chat-ui li:last-child a,
 .iq-chat-ui li:nth-child(2) a,
 .iq-chat-ui li:nth-child(6) a {

   border: none
 }

 .nav-pills li a.active {

   color: #ae0918;

   background-color: rgba(0, 0, 0, .3)
 }

 .chat-sidebar-channel {

   overflow-y: scroll;

   overflow-x: hidden;

   height: 53vh;

   margin-bottom: 15px
 }

 .chat-sidebar-channel .avatar {

   position: relative
 }

 .chat-sidebar-channel h5 {

   border-bottom: 1px solid #f1f1f1;

   padding-bottom: 10px
 }

 .chat-data {

   background: rgba(0, 0, 0, .3)
 }

 .chat-data .tab-content {

   position: relative
 }

 .chat-header-icons .dropdown-toggle:empty:after {

   display: none
 }

 .chat-header-icons>a,
 .chat-header-icons>span {

   width: 40px;

   height: 40px;

   font-size: 20px;

   margin: 0 5px 0 0;

   color: #ae0918;

   display: inline-block;

   text-align: center;

   line-height: 40px;

   border-radius: 8px;

   cursor: pointer
 }

 .chat-content {

   position: relative;

   height: calc(100vh - 20rem);

   text-align: center;

   padding: 1.4rem;

   overflow-y: scroll;

   overflow-x: hidden
 }

 .chat-content .chat-left .chat-message {

   text-align: left;

   float: left;

   margin: 0 .3rem 1.8rem 1.3rem;

   color: #535f6b;

   background-color: #fff;

   -ms-box-shadow: 0 0 20px 0 rgba(44, 101, 144, .1);

   -o-box-shadow: 0 0 20px 0 rgba(44, 101, 144, .1);

   box-shadow: 0 0 20px 0 rgba(44, 101, 144, .1)
 }

 .chat-content .chat-body .chat-message p {

   margin-bottom: 0
 }

 .chat-button {

   background: #fff;

   color: #303030
 }

 .chat-button:hover {

   background: #ae0918;

   color: #fff
 }

 .chat-user {

   float: right;

   text-align: center
 }

 .chat-user span.chat-time {

   display: block;

   font-size: 12px;

   font-weight: 500
 }

 .chat-detail {

   overflow: hidden
 }

 .chat-detail .chat-message .chat-time {

   position: absolute;

   bottom: -20px;

   right: 0;

   color: #535f6b;

   font-size: .8rem;

   white-space: nowrap
 }

 .chat-message {

   position: relative;

   float: right;

   text-align: right;

   padding: .75rem 1rem;

   margin: 0 1.33rem 1.33rem .3rem;

   clear: both;

   word-break: break-word;

   color: #fff;

   background: #ae0918;

   border-radius: 8px;

   -ms-box-shadow: 0 2px 4px 0 #50b5ff;

   -o-box-shadow: 0 2px 4px 0 #50b5ff;

   box-shadow: 0 2px 4px 0 #50b5ff
 }

 .chat-message>p {

   margin: 0
 }

 .chat-left .chat-message:after {

   right: auto;

   left: -7px;

   border-width: 5px 7px 5px 0;

   border-color: transparent #fff transparent transparent
 }

 .chat-left .chat-user {

   float: left
 }

 .avatar {

   position: relative
 }

 .chat-start {

   display: flex;

   justify-content: center;

   align-items: center;

   height: 100%;

   flex-direction: column
 }

 .chat-page .content-page {

   min-height: 93vh
 }

 span.iq-start-icon {

   font-size: 50px;

   background: #fff;

   width: 80px;

   height: 80px;

   line-height: 80px;

   text-align: center;

   border-radius: 50%
 }

 .chat-attagement {

   font-size: 20px
 }

 .chat-attagement a {

   color: #535f6b
 }

 .chat-searchbar {

   position: relative
 }

 .chat-user-detail-popup {

   position: absolute;

   top: 0;

   width: 360px;

   background: #fff;

   right: 0;

   overflow: hidden;

   left: auto;

   z-index: 9;

   height: 100%;

   -webkit-opacity: 0;

   -moz-opacity: 0;

   -ms-opacity: 0;

   -o-opacity: 0;

   opacity: 0;

   transform: translateX(110%);

   transition: all .3s ease-in-out;

   -ms-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   -o-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   border-radius: 8px;

   visibility: hidden
 }

 .chat-user-detail-popup.show {

   -webkit-opacity: 1;

   -moz-opacity: 1;

   -ms-opacity: 1;

   -o-opacity: 1;

   opacity: 1;

   visibility: visible;

   transform: translateX(0);

   transition: all .3s ease-in-out
 }

 .chatuser-detail {

   padding: 0 35px
 }

 .chatuser-detail .title {

   font-weight: 500
 }

 .user-profile button.close-popup {

   display: block;

   font-size: 24px
 }

 ul.user-status {

   list-style: none
 }

 #user-detail-popup {

   position: absolute;

   top: 0;

   background: #fff;

   right: 0;

   overflow: hidden;

   left: auto;

   z-index: 9;

   height: 100%;

   -webkit-opacity: 0;

   -moz-opacity: 0;

   -ms-opacity: 0;

   -o-opacity: 0;

   opacity: 0;

   transform: translateX(-90%);

   transition: all .3s ease-in-out;

   -ms-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   -o-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   border-radius: 8px;

   visibility: hidden
 }

 #user-detail-popup .user-profile button.close-popup {

   text-align: right;

   width: 100%
 }

 #user-detail-popup.show {

   -webkit-opacity: 1;

   -moz-opacity: 1;

   -ms-opacity: 1;

   -o-opacity: 1;

   opacity: 1;

   visibility: visible;

   transform: translateX(0);

   transition: all .3s ease-in-out
 }

 button.close-btn-res,
 div.sidebar-toggle {

   display: none
 }

 @media (max-width:991px) {

   .chat-data-left {

     position: absolute;

     left: -15px;

     max-width: 320px;

     top: 0;

     z-index: 9;

     background: #fff;

     transform: translateX(-100%);

     -webkit-opacity: 0;

     -moz-opacity: 0;

     -ms-opacity: 0;

     -o-opacity: 0;

     opacity: 0;

     transition: all .3s ease-in-out;

     -ms-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

     -o-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

     box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

     overflow-y: scroll;

     height: 100%
   }

   .chat-sidebar-channel {

     overflow: auto;

     height: auto
   }

   .chat-search,
   .chat-sidebar-channel {

     padding-left: 0 !important
   }

   .chat-data-left.show {

     transform: translateX(0);

     -webkit-opacity: 1;

     -moz-opacity: 1;

     -ms-opacity: 1;

     -o-opacity: 1;

     opacity: 1;

     transition: all .3s ease-in-out
   }

   button.close-btn-res {

     display: block;

     background: transparent;

     border: none;

     font-size: 20px;

     font-weight: 600;

     position: absolute;

     top: 10px;

     left: auto;

     right: 0
   }

   .chat-head header {

     padding-left: 15px
   }

   #chat-user-detail-popup {

     overflow-y: scroll;

     padding-bottom: 20px
   }

   #user-detail-popup {

     overflow: scroll
   }

   div.sidebar-toggle {

     display: block
   }

   .sidebar-toggle {

     background: rgba(0, 0, 0, .3);

     padding: 12px 10px;

     margin-right: 15px;

     border-radius: 8px;

     height: 40px;

     width: 40px;

     line-height: 17px;

     text-align: center;

     color: #ae0918
   }

   .chat-page .content-page {

     min-height: 90vh
   }

   .chat-page .chat-start {

     height: 74vh
   }

 }

 @media (max-width:767px) {

   .chat-user-detail-popup {

     width: 250px
   }

 }

 @media (max-width:479px) {

   .chat-head header {

     overflow-x: scroll
   }

 }

 .iq-todo-page .search-link {

   position: absolute;

   top: 0;

   left: 10px;

   font-size: 18px;

   line-height: 43px;

   color: #535f6b
 }

 .iq-todo-page .todo-search {

   padding-left: 35px
 }

 .iq-todo-page ul {

   list-style: none
 }

 .iq-todo-page ul li a {

   color: #535f6b;

   text-decoration: none
 }

 .iq-todo-page ul ul li a {

   padding-left: 25px
 }

 .iq-todo-page ul>li>a {

   padding: 10px 15px;

   display: block;

   border-radius: 8px
 }

 .iq-todo-page ul>li[aria-expanded=true]>a,
 .iq-todo-page ul>li li.active a,
 .iq-todo-page ul>li li:hover a {

   color: #ae0918;

   background: rgba(0, 0, 0, .3)
 }

 .iq-todo-right .search-link {

   position: absolute;

   top: 0;

   left: 10px;

   font-size: 18px;

   line-height: 43px;

   color: #535f6b
 }

 .iq-todo-right .todo-search {

   padding-left: 35px
 }

 .add-new-project>a {

   padding: 0 15px;

   color: #535f6b;

   text-transform: capitalize;

   text-decoration: none
 }

 .notification-icon>span {

   height: 13px;

   width: 13px;

   border-radius: 50%;

   line-height: 15px;

   font-size: 8px;

   text-align: center;

   position: absolute;

   top: -5px;

   left: auto;

   right: -8px
 }

 .todo-date {

   font-size: 16px
 }

 ul.todo-task-lists li:hover {

   background: rgba(0, 0, 0, .3);

   transition: all .3s ease-in-out
 }

 ul.todo-task-lists li.active-task {

   background: rgba(0, 0, 0, .3)
 }

 .media-support-info p {

   line-height: normal
 }

 .todo-task-list .sub-task {

   display: none
 }

 .todo-task-list .sub-task.show {

   display: block
 }

 .iq-email-list .iq-email-ui {

   margin: 0;

   padding: 0
 }

 .iq-email-list .iq-email-ui li {

   font-size: 16px;

   color: #535f6b;

   margin-bottom: 3px;

   list-style-type: none
 }

 .iq-email-list .iq-email-ui li:last-child {

   margin-bottom: 0
 }

 .iq-email-list .iq-email-ui li a {

   color: #535f6b;

   padding: 0;

   display: inline-block;

   width: 100%;

   border-radius: 8px;

   transition: all .3s ease-in-out
 }

 .iq-email-list .iq-email-ui li a:hover {

   text-decoration: none;

   color: #ae0918
 }

 .iq-email-list .iq-email-ui li i {

   margin-right: 10px
 }

 .iq-email-list .iq-email-ui li .badge {

   float: right;

   font-weight: 400;

   margin-top: 3px
 }

 .iq-email-list .iq-email-ui li.active a {

   text-decoration: none;

   color: #ae0918
 }

 .iq-email-list .iq-email-ui.iq-email-label li {

   margin-bottom: 10px
 }

 .iq-email-list .iq-email-ui.iq-email-label li:last-child {

   margin-bottom: 0
 }

 .iq-email-to-list ul {

   margin: 0;

   padding: 0
 }

 .iq-email-to-list ul li {

   list-style-type: none;

   font-size: 20px;

   color: #535f6b;

   margin: 0 5px 0 0;

   float: left
 }

 .iq-email-to-list ul li:first-child a {

   background: none;

   width: auto
 }

 .iq-email-to-list ul li>a {

   color: #ae0918;

   text-align: center;

   line-height: 38px;

   display: inline-block;

   font-size: 14px;

   width: 40px;

   height: 40px;

   border-radius: 8px;

   transition: all .3s ease-in-out;

   background: rgba(0, 0, 0, .3)
 }

 .iq-email-to-list ul li a:hover {

   color: #ae0918;

   text-decoration: none
 }

 .iq-email-to-list ul li .custom-control-label:before {

   top: 13px;

   left: -20px
 }

 .iq-email-to-list ul li.q-list a:hover {

   color: #ae0918;

   text-decoration: none
 }

 .iq-email-search {

   position: relative
 }

 .iq-email-search .form-control {

   height: 40px;

   border: 1px solid #f1f1f1;

   width: 170px
 }

 .iq-email-search .search-link {

   position: absolute;

   top: 0;

   right: 15px;

   font-size: 18px;

   line-height: 38px;

   color: #ae0918
 }

 .iq-email-search .search-link:hover {

   text-decoration: none
 }

 .iq-email-listbox .iq-email-sender-list {

   margin: 15px 0 0;

   padding: 0;

   display: inline-block;

   width: 100%;

   overflow: hidden
 }

 .iq-email-listbox .iq-email-sender-list>li {

   list-style-type: none;

   position: relative;

   padding: 15px 20px;

   border-top: 1px solid #f1f1f1;

   display: inline-block;

   width: 100%;

   transition: all .3s ease-in-out
 }

 .iq-email-listbox .iq-email-sender-list>li:hover {

   background: #fff;

   -ms-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   -o-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

   box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157)
 }

 .iq-email-listbox .iq-email-sender-list li a:hover {

   text-decoration: none
 }

 .iq-email-listbox .iq-email-sender-list li:hover .iq-social-media {

   right: 0
 }

 .iq-email-listbox .iq-email-sender-list li.iq-unread a {

   color: #ae0918;

   font-weight: 500
 }

 .iq-email-listbox .iq-email-sender-list li.iq-unread li a {

   color: #ae0918
 }

 .iq-email-sender-info .iq-checkbox-mail {

   display: block;

   float: left;

   cursor: pointer;

   height: 20px;

   width: 20px;

   margin-top: 4px
 }

 .iq-email-sender-info .iq-star-toggle {

   display: block;

   float: left;

   color: #535f6b;

   margin-left: 10px;

   font-size: 18px
 }

 .iq-email-sender-info .iq-email-title {

   color: #535f6b;

   position: absolute;

   top: 0;

   left: 85px;

   right: 0;

   text-overflow: ellipsis;

   overflow: hidden;

   white-space: nowrap;

   margin-bottom: 0;

   line-height: 62px
 }

 .iq-email-content {

   position: absolute;

   top: 0;

   left: 300px;

   right: 0;

   bottom: 0;

   line-height: 62px
 }

 .iq-email-content .iq-email-date {

   position: absolute;

   top: 0;

   right: 20px;

   width: 100px;

   text-align: right;

   padding-left: 10px;

   color: #535f6b
 }

 .iq-email-content .iq-email-subject {

   position: absolute;

   top: 0;

   color: #535f6b;

   left: 0;

   right: 110px;

   text-overflow: ellipsis;

   overflow: hidden;

   white-space: nowrap
 }

 .iq-email-sender-list .iq-social-media {

   position: absolute;

   line-height: 62px;

   right: -220px;

   top: 0;

   bottom: 0;

   background: #fff;

   font-size: 18px;

   padding: 0 30px;

   transition: all .3s ease-in-out
 }

 .iq-inbox-details tr td {

   padding: 5px 10px
 }

 .iq-inbox-details tr td:first-child {

   width: 75px;

   color: #535f6b
 }

 .iq-subject-info {

   display: flex;

   align-items: flex-start
 }

 .iq-subject-status {

   margin-left: 15px;

   flex: 1
 }

 .email-app-details.show {

   visibility: visible;

   -webkit-opacity: 1;

   -moz-opacity: 1;

   -ms-opacity: 1;

   -o-opacity: 1;

   opacity: 1;

   transform: translateX(0)
 }

 .email-app-details {

   position: absolute;

   display: block;

   z-index: 6;

   visibility: hidden;

   -webkit-opacity: 0;

   -moz-opacity: 0;

   -ms-opacity: 0;

   -o-opacity: 0;

   opacity: 0;

   top: 0;

   width: 100%;

   transform: translateX(100%);

   transition: all .3s ease-in-out;

   height: 100%;

   left: auto;

   right: 0;

   border-radius: 30px
 }

 .email-app-details .card {

   height: 100%
 }

 .attegement ul {

   padding: 0;

   list-style: none
 }

 .send-panel a {

   height: 30px;

   width: 30px;

   text-align: center;

   font-size: 18px;

   line-height: 30px;

   display: inline-block;

   border-radius: 8px;

   cursor: pointer
 }

 .send-panel label {

   margin-bottom: 0
 }

 #compose-email-popup {

   position: fixed;

   max-width: 700px;

   left: auto;

   right: 0;

   top: auto;

   bottom: 0;

   padding: 0 !important;

   max-height: 555px;

   width: 100%;

   overflow-y: scroll;

   overflow-x: hidden
 }

 #compose-email-popup .iq-card {

   border-radius: 8px 8px 0 0
 }

 button.close-popup {

   background: transparent;

   color: #000;

   border: none;

   font-size: 20px;

   line-height: 20px
 }

 .compose-bottom {

   border-top: 1px solid #535f6b
 }

 .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {

   color: #ae0918;

   background: rgba(0, 0, 0, .3)
 }

 .iq-social-media li {

   list-style: none;

   float: left;

   margin-right: 10px
 }

 .iq-social-media li a {

   height: 30px;

   width: 30px;

   text-align: center;

   font-size: 18px;

   line-height: 30px;

   display: inline-block;

   border-radius: 8px;

   color: #ae0918 !important
 }

 @media (max-width:1699px) {

   .email-form .select2-container {

     width: 100% !important
   }

 }

 @media (max-width:1199px) {

   .iq-email-to-list {

     overflow-x: scroll;

     overflow-y: hidden
   }

   .iq-email-to-list ul li {

     margin: 0 5px 0 0
   }

   .iq-email-to-list .justify-content-between {

     float: left;

     width: 900px
   }

 }

 @media (max-width:479px) {

   .send-buttons {

     display: block !important
   }

   .send-buttons .send-btn {

     padding-left: 5px !important;

     margin-bottom: 15px
   }

 }

 @media (max-width:320px) {

   .send-panel label {

     margin-bottom: 8px
   }

 }

 .dark {

   background: #181818;

   color: #eff0f1;

   transition: all .3s ease-in-out
 }

 .dark .bg-primary-light {

   background-color: rgba(71, 136, 255, .1) !important
 }

 .dark a.bg-primary-light:focus,
 .dark a.bg-primary-light:hover,
 .dark button.bg-primary-light:focus,
 .dark button.bg-primary-light:hover {

   background-color: rgba(20, 103, 255, .1) !important
 }

 .dark .bg-secondary-light {

   background-color: hsla(208, 7%, 46%, .1) !important
 }

 .dark a.bg-secondary-light:focus,
 .dark a.bg-secondary-light:hover,
 .dark button.bg-secondary-light:focus,
 .dark button.bg-secondary-light:hover {

   background-color: rgba(84, 91, 98, .1) !important
 }

 .dark .bg-success-light {

   background-color: rgba(55, 230, 178, .1) !important
 }

 .dark a.bg-success-light:focus,
 .dark a.bg-success-light:hover,
 .dark button.bg-success-light:focus,
 .dark button.bg-success-light:hover {

   background-color: rgba(26, 208, 154, .1) !important
 }

 .dark .bg-info-light {

   background-color: rgba(135, 108, 254, .1) !important
 }

 .dark a.bg-info-light:focus,
 .dark a.bg-info-light:hover,
 .dark button.bg-info-light:focus,
 .dark button.bg-info-light:hover {

   background-color: rgba(94, 57, 254, .1) !important
 }

 .dark .bg-warning-light {

   background-color: rgba(254, 114, 28, .1) !important
 }

 .dark a.bg-warning-light:focus,
 .dark a.bg-warning-light:hover,
 .dark button.bg-warning-light:focus,
 .dark button.bg-warning-light:hover {

   background-color: rgba(230, 88, 1, .1) !important
 }

 .dark .bg-danger-light {

   background-color: rgba(255, 75, 75, .1) !important
 }

 .dark a.bg-danger-light:focus,
 .dark a.bg-danger-light:hover,
 .dark button.bg-danger-light:focus,
 .dark button.bg-danger-light:hover {

   background-color: rgba(255, 24, 24, .1) !important
 }

 .dark .bg-light-light {

   background-color: rgba(199, 203, 211, .1) !important
 }

 .dark a.bg-light-light:focus,
 .dark a.bg-light-light:hover,
 .dark button.bg-light-light:focus,
 .dark button.bg-light-light:hover {

   background-color: rgba(170, 176, 189, .1) !important
 }

 .dark .bg-dark-light {

   background-color: rgba(1, 4, 27, .1) !important
 }

 .dark a.bg-dark-light:focus,
 .dark a.bg-dark-light:hover,
 .dark button.bg-dark-light:focus,
 .dark button.bg-dark-light:hover {

   background-color: rgba(0, 0, 0, .1) !important
 }

 .dark .bg-orange-light {

   background-color: rgba(253, 126, 20, .1) !important
 }

 .dark a.bg-orange-light:focus,
 .dark a.bg-orange-light:hover,
 .dark button.bg-orange-light:focus,
 .dark button.bg-orange-light:hover {

   background-color: rgba(220, 101, 2, .1) !important
 }

 .dark .bg-purple-light {

   background-color: rgba(71, 49, 182, .1) !important
 }

 .dark a.bg-purple-light:focus,
 .dark a.bg-purple-light:hover,
 .dark button.bg-purple-light:focus,
 .dark button.bg-purple-light:hover {

   background-color: rgba(55, 38, 142, .1) !important
 }

 .dark #loading-center {

   background-image: url(../images/dark-loader.gif)
 }

 .dark h1,
 .dark h2,
 .dark h3,
 .dark h4,
 .dark h5,
 .dark h6 {

   color: #fff
 }

 .dark hr {

   border-color: #404a51
 }

 .dark .btn,
 .dark label,
 .dark p,
 .dark span {

   color: #eff0f1
 }

 .dark .btn span {

   color: inherit
 }

 .dark .prc-box .h3 {

   color: #fff
 }

 .dark #loading {

   background-color: #181818
 }

 .dark ::-webkit-scrollbar-track {

   background: #404a51
 }

 .dark .btn-danger,
 .dark .btn-info,
 .dark .btn-primary,
 .dark .btn-success,
 .dark .btn-warning {

   color: #fff
 }

 .dark span.btn-outline-danger,
 .dark span.btn-outline-info,
 .dark span.btn-outline-primary,
 .dark span.btn-outline-success,
 .dark span.btn-outline-warning {

   color: inherit
 }

 .dark .border.border-danger,
 .dark .border.border-info,
 .dark .border.border-primary,
 .dark .border.border-success,
 .dark .border.border-warning {

   border-color: inherit !important
 }

 .dark .btn-outline-primary.view-more {

   color: #ae0918
 }

 .dark .btn-outline-primary.view-more:hover {

   background: transparent
 }

 .dark .bg-danger-light span,
 .dark .bg-info-light span,
 .dark .bg-primary-light span,
 .dark .bg-success-light span,
 .dark .bg-warning-light span {

   color: inherit
 }

 .dark span.apexcharts-legend-text {

   color: #eff0f1 !important
 }

 .dark .apexcharts-yaxis text {

   fill: #eff0f1
 }

 .dark .fc-toolbar .fc-button span {

   color: #ae0918
 }

 .dark .fc-toolbar .fc-button:focus span {

   color: #fff
 }

 .dark .fc-unthemed td.fc-today {

   background: #181818
 }

 .dark .fc-unthemed .fc-toolbar .fc-button {

   background: rgba(71, 136, 255, .1)
 }

 .dark .fc-unthemed .fc-toolbar .fc-button:hover {

   color: #fff;

   background: #ae0918
 }

 .dark .fc-unthemed .fc-toolbar .fc-button:hover span {

   color: #fff
 }

 .dark .fc-unthemed .fc-content,
 .dark .fc-unthemed .fc-divider,
 .dark .fc-unthemed .fc-list-heading td,
 .dark .fc-unthemed .fc-list-view,
 .dark .fc-unthemed .fc-popover,
 .dark .fc-unthemed .fc-row,
 .dark .fc-unthemed tbody,
 .dark .fc-unthemed td,
 .dark .fc-unthemed th,
 .dark .fc-unthemed thead {

   border-color: #404a51
 }

 .dark span.flatpickr-day:hover {

   color: #ae0918 !important
 }

 .dark .calendar-s td[data-date="2020-11-13"] {

   background: rgba(255, 75, 75, .1)
 }

 .dark .calendar-s td[data-date="2020-11-02"] {

   background: rgba(254, 114, 28, .1)
 }

 .dark .calendar-s td[data-date="2020-11-12"] {

   background: rgba(55, 230, 178, .1)
 }

 .dark .calendar-s td[data-date="2020-12-07"] {

   background: rgba(135, 108, 254, .1)
 }

 .dark .calendar-s td[data-date="2020-12-10"] {

   background: rgba(71, 136, 255, .1)
 }

 .dark .calendar-s td[data-date="2020-11-16"] {

   background: rgba(1, 4, 27, .1)
 }

 .dark .calendar-s td[data-date="2020-11-28"] {

   background: rgba(71, 49, 182, .1)
 }

 .dark .calendar-s td[data-date="2020-12-16"] {

   background: rgba(55, 230, 178, .1)
 }

 .dark .calendar-s .fc-unthemed td.fc-today {

   background: rgba(71, 136, 255, .1) !important;

   color: #fff
 }

 .dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
 .dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
 .dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {

   cursor: default;

   color: #eff0f1 !important
 }

 .dark .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {

   background-color: #2b343b !important
 }

 .dark .iq-sidebar {

   background: #222
 }

 .dark .iq-sidebar-menu .iq-menu li a,
 .dark .iq-sidebar-menu .iq-menu li a span {

   color: #eff0f1
 }

 .dark .iq-sidebar-menu .iq-menu li:hover>a,
 .dark .iq-sidebar-menu .iq-menu li:hover>a span,
 .dark .sidebar-default .iq-sidebar-menu .iq-menu>li.active .iq-submenu li.active>a,
 .dark .sidebar-default .iq-sidebar-menu .iq-menu>li.active .iq-submenu li.active>a span,
 .dark .sidebar-default .iq-sidebar-menu .iq-menu>li.active>a,
 .dark .sidebar-default .iq-sidebar-menu .iq-menu>li.active>a span {

   color: #ae0918
 }

 .dark .iq-top-navbar,
 .dark .iq-top-navbar .iq-sub-dropdown {

   background: #222
 }

 .dark .navbar-list li .iq-sub-dropdown .iq-sub-card,
 .dark .navbar-list li>a {

   color: #eff0f1
 }

 .dark .iq-search-bar .search-input {

   border-color: #404a51;

   background: #181818;

   color: #eff0f1
 }

 .dark .cust-title {

   border-color: #404a51
 }

 .dark .iq-footer {

   background: #222
 }

 .dark .iq-footer ul li a {

   color: #eff0f1
 }

 .dark .iq-footer ul li a:hover {

   color: #ae0918
 }

 .dark .card {

   background-color: #222;

   transition: all .3s ease-in-out
 }

 .dark .card .card-header {

   border-color: #404a51
 }

 .dark .card-transparent {

   background: transparent
 }

 .dark .text-dark- {

   color: #fff !important
 }

 .dark .text-body,
 .dark .text-muted {

   color: #eff0f1 !important
 }

 .dark .breadcrumb-item.active,
 .dark .tab-content .table tbody tr,
 .dark .table,
 .dark .table-data .table tbody tr {

   color: #eff0f1
 }

 .dark .dataTables_wrapper .dataTables_paginate span .paginate_button.current {

   background: rgba(71, 136, 255, .1) !important
 }

 .dark table.dataTable.no-footer,
 .dark table.dataTable thead td,
 .dark table.dataTable thead th {

   border-color: #404a51 !important
 }

 .dark .iq-top-navbar .navbar-toggler {

   background: #181818
 }

 .dark .iq-alert-text h1,
 .dark .iq-alert-text h2,
 .dark .iq-alert-text h3,
 .dark .iq-alert-text h4,
 .dark .iq-alert-text h5,
 .dark .iq-alert-text h6,
 .dark .iq-alert-text p {

   color: inherit
 }

 .dark .border,
 .dark .border-bottom {

   border-color: #404a51 !important
 }

 .dark .breadcrumb {

   background: #181818
 }

 .dark .list-group-item {

   background: #222
 }

 .dark .blockquote-footer,
 .dark pre {

   color: #eff0f1
 }

 .dark .modal-content {

   background: #222
 }

 .dark .page-link {

   background-color: #222
 }

 .dark .page-item.disabled .page-link {

   background-color: #222;

   border-color: #ae0918
 }

 .dark .popover {

   background-color: #222
 }

 .dark .popover .popover-header {

   background-color: #222;

   color: #eff0f1;

   border-color: #404a51
 }

 .dark .popover .popover-body {

   color: #eff0f1
 }

 .dark .dropdown-menu {

   background-color: #181818
 }

 .dark .dropdown-menu .dropdown-item {

   color: #eff0f1
 }

 .dark .dropdown-menu .dropdown-item:focus,
 .dark .dropdown-menu .dropdown-item:hover {

   background-color: #ae0918
 }

 .dark .dropdown-menu .dropdown-divider {

   border-top-color: #404a51
 }

 .dark .nav-tabs .nav-item a {

   color: #eff0f1
 }

 .dark .nav-tabs .nav-item.show .nav-link,
 .dark .nav-tabs .nav-link.active {

   color: #ae0918
 }

 .dark .nav-pills .nav-item a {

   color: #eff0f1
 }

 .dark .nav-pills .nav-link.active,
 .dark .nav-pills .show>.nav-link {

   color: #ae0918
 }

 .dark .table-bordered,
 .dark .table-bordered td,
 .dark .table-bordered th {

   border-color: #404a51
 }

 .dark .table-striped tbody tr:nth-of-type(odd) {

   background-color: #181818
 }

 .dark .iq-example-row .row>.col,
 .dark .iq-example-row .row>[class^=col-] {

   color: #eff0f1
 }

 .dark table.dataTable tbody tr {

   background-color: #222
 }

 .dark table.dataTable thead th {

   color: #fff !important
 }

 .dark .table-hover tbody tr:hover {

   color: #fff
 }

 .dark .dataTables_wrapper .dataTables_filter,
 .dark .dataTables_wrapper .dataTables_filter input,
 .dark .dataTables_wrapper .dataTables_info,
 .dark .dataTables_wrapper .dataTables_length,
 .dark .dataTables_wrapper .dataTables_paginate,
 .dark .dataTables_wrapper .dataTables_processing {

   color: #eff0f1
 }

 .dark .dataTables_wrapper .dataTables_paginate .paginate_button {

   color: #eff0f1 !important
 }

 .dark .form-control {

   color: #eff0f1;

   background: #181818;

   border-color: #404a51
 }

 .dark .custom-file-label {

   background: #222;

   border-color: #404a51
 }

 .dark .custom-select,
 .dark .input-group .input-group-append .input-group-text,
 .dark .input-group .input-group-prepend .input-group-text {

   border-color: #404a51;

   background-color: #181818
 }

 .dark .custom-select {

   color: #eff0f1
 }

 .dark .custom-file-label:after {

   background-color: #181818;

   color: #eff0f1
 }

 .dark ::placeholder {

   color: #eff0f1
 }

 .dark .form-control::placeholder {

   color: #eff0f1
 }

 .dark .select2-container--default .select2-selection--multiple {

   background-color: #181818;

   border-color: #404a51
 }

 .dark .select2-container--default .select2-selection--multiple .select2-selection__choice {

   background-color: #222;

   border-color: #404a51
 }

 .dark .select2-container--default .select2-results__option[aria-selected=true] {

   background-color: #181818
 }

 .dark .select2-results__options {

   background-color: #222
 }

 .dark .uploader-file label {

   background-color: #181818;

   border-color: #404a51
 }

 .dark .ql-snow .ql-stroke {

   stroke: #fff
 }

 .dark .ic-square,
 .dark form.form-border .form-control {

   border-color: #404a51
 }

 .dark .swal2-popup {

   background: #222
 }

 .dark .swal2-popup .swal2-content {

   color: #eff0f1
 }

 .dark .flatpickr-calendar.inline {

   background: transparent
 }

 .dark .flatpickr-calendar {

   background: #222
 }

 .dark .flatpickr-months .flatpickr-month {

   background: transparent;

   color: #fff;

   fill: #fff
 }

 .dark .flatpickr-months .flatpickr-next-month svg,
 .dark .flatpickr-months .flatpickr-prev-month svg {

   color: #fff;

   fill: #fff
 }

 .dark span.flatpickr-weekday {

   color: #fff
 }

 .dark .stepwizard-row .wizard-step a.btn {

   background: #181818
 }

 .dark #top-tabbar-vertical li a {

   background: #181818;

   color: #eff0f1
 }

 .dark .g-box {

   background: #181818
 }

 .dark .g-desc {

   border-color: #404a51
 }

 .dark .blog-left .blog-description {

   background: #222
 }

 .dark .blog-detail .blog-meta {

   background: #181818;

   color: #eff0f1
 }

 .dark .profile-box {

   background: #181818
 }

 .dark .pro-content {

   background: #222
 }

 .dark .social-ic {

   background: #181818
 }

 .dark .social-ic a i {

   color: #eff0f1
 }

 .dark .timeline-page .iq-timeline0 li .timeline-dots1 {

   background: #222
 }

 .dark .timeline-page .iq-timeline0 li .timeline-dots {

   background: #222 !important
 }

 .dark .timeline-page .iq-timeline1 li .timeline-dots {

   background: #222
 }

 .dark .prc-box.active .type {

   background: #ae0918;

   color: #fff
 }

 .dark .pricing-header {

   background-color: #181818
 }

 .dark .or-detail,
 .dark .print .table thead {

   background: #181818
 }

 .dark .or-detail,
 .dark .or-detail .ttl-amt {

   border-color: #404a51
 }

 .dark .subscriber-detail .iq-card-btn {

   border-color: #222
 }

 .dark .iq-accordion.career-style .iq-accordion-block .accordion-title:before,
 .dark .iq-accordion.career-style .iq-accordion-block .accordion-title span {

   color: #eff0f1
 }

 .dark .chat-data,
 .dark .iq-progress-bar.progress-bar-vertical>span:after {

   background: #222
 }

 .dark span.iq-start-icon {

   background: #181818
 }

 .dark .chat-button {

   background: #181818;

   color: #eff0f1
 }

 .dark .chat-footer.bg-white,
 .dark .chat-head .bg-white {

   background: #222 !important;

   color: #eff0f1 !important
 }

 .dark .chat-content .chat-left .chat-message {

   background: #181818
 }

 .dark .iq-chat-ui .nav-pills li a.active {

   background-color: #181818
 }

 .dark ul.todo-task-lists li.active-task,
 .dark ul.todo-task-lists li:hover {

   background: #181818
 }

 .dark .add-new-project>a,
 .dark .iq-todo-page ul li a {

   color: #eff0f1
 }

 .dark .chat-sidebar-channel h5,
 .dark .iq-chat-ui li a,
 .dark .iq-email-listbox .iq-email-sender-list>li {

   border-color: #404a51
 }

 .dark .iq-email-listbox .iq-email-sender-list .iq-social-media,
 .dark .iq-email-listbox .iq-email-sender-list>li:hover {

   background: #181818
 }

 .dark .email-app-details {

   background-color: #222
 }

 .dark .profile-overly {

   background: #181818
 }

 .dark .light-title .card-title {

   color: #ae0918
 }

 .dark .view-crm a {

   color: #fff
 }

 .dark .crm2 .feature-list {

   background-color: #181818
 }

 .dark .crm2 .title-text {

   color: #fff
 }

 .dark .crm2 .card-score {

   background: #181818
 }

 .dark .crm2 .crm-p-image {

   border-color: #222
 }

 .dark .crm3 .calender-box li {

   background: #181818
 }

 .dark .iq-social-icon a {

   color: #eff0f1
 }

 .dark .iq-acivity span {

   background: #222
 }

 .dark .iq-acivity:after {

   border-top-color: #404a51
 }

 .dark .search-menu-options .form-control,
 .dark .search-menu-options .iq-search-bar .search-input {

   background: #222
 }

 .dark .floating-input:focus~label {

   background: #181818
 }

 .dark .floating-input:not(:placeholder-shown)~label {

   background: #181818;

   color: #eff0f1
 }

 .dark svg tspan {

   fill: #eff0f1
 }

 .dark .highcharts-background {

   fill: #222
 }

 .dark .jvectormap-container {

   background: #222 !important
 }

 .dark .change-mode .custom-switch.custom-switch-icon label.custom-control-label:after {

   border-radius: 0 5px 5px 0;

   left: 10px
 }

 .dark .change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-right {

   z-index: 9
 }

 .dark .reporting_table tbody tr {

   border-bottom: 10px solid #222;

   background-color: #171717
 }

 .dark .dashboard2-header-style .analytic {

   background: #222;

   width: 100%
 }

 .dark .iq-menu-horizontal .iq-sidebar-menu .iq-menu li ul {

   background: #222
 }

 .dark .flatpickr-day.nextMonthDay {

   color: #535f6b
 }

 .dark .dashboard3-fixed-menu .dashboard3-info {

   background: #222 !important
 }

 @media (min-width:1300px) {

   .dark .white-bg-menu {

     background: #222
   }

   .dark .dashboard2-header-style .bg-analytic-horizontal {

     background: transparent
   }

   .dark .header-style-1 .iq-menu-horizontal .iq-sidebar-menu .iq-menu>li>a,
   .dark .header-style-1 .iq-menu-horizontal .iq-sidebar-menu .iq-menu>li>a>span,
   .dark.salon-2-saidbar-main .iq-menu-horizontal .iq-sidebar-menu .iq-menu li>a,
   .dark.salon-2-saidbar-main .iq-menu-horizontal .iq-sidebar-menu .iq-menu li>a>span {

     color: #fff
   }

   .dark.salon-2-saidbar-main .iq-menu-horizontal .iq-sidebar-menu .iq-menu li li:hover>a,
   .dark.salon-2-saidbar-main .iq-menu-horizontal .iq-sidebar-menu .iq-menu li li:hover>a>span {

     color: #43d396
   }

   .dark.tab-horizontal .top-menu .iq-sidebar-menu .iq-menu>li:hover>a,
   .dark.tab-horizontal .top-menu .iq-sidebar-menu .iq-menu>li:hover>a>span,
   .dark.tab-horizontal .top-menu .iq-sidebar-menu .iq-menu>li>a,
   .dark.tab-horizontal .top-menu .iq-sidebar-menu .iq-menu>li>a>span,
   .dark.tab-horizontal .top-menu .iq-sidebar-menu .iq-menu li.active>a,
   .dark.tab-horizontal .top-menu .iq-sidebar-menu .iq-menu li.active>a>span {

     color: #fff
   }

 }

 @media (max-width:1299px) {

   .dark .iq-menu-horizontal,
   .dark .iq-menu-horizontal ul.iq-menu {

     background: #222
   }

 }

 @media (max-width:991px) {

   .dark .navbar-collapse {

     background: #222
   }

 }

 #layout-1-chart-04 {

   height: 400px
 }

 #layout-1-chart-01 {

   min-height: 300px !important
 }

 #layout-1-chart-06 {

   min-height: 310px !important
 }

 #layout-1-chart-03 {

   min-height: 350px !important
 }

 #layout-1-chart-03 .apexcharts-legend {

   inset: auto 0 0 !important
 }

 #layout-1-chart-05 {

   min-height: 350px !important
 }

 .iq-details .iq-progress-bar {

   height: 10px;

   padding: 3px
 }

 .iq-icon-box-2 {

   height: 55px;

   width: 55px;

   line-height: 55px;

   text-align: center;

   margin-right: 10px;

   font-size: 26px
 }

 .reporting-table.table.table-borderless thead th {

   border-bottom: 1px solid #16171d
 }

 .reporting_table tbody tr {

   border-bottom: 10px solid #fff;

   background-color: #fafbfe
 }

 .reporting_table tbody td {

   background-color: transparent;

   border: 0 solid transparent
 }

 #layout-1-chart-06 .apexcharts-legend {

   margin-top: -10px !important;

   inset: auto 0 0 !important
 }

 .progress.progress-round.conversation-bar {

   width: 100px;

   height: 100px;

   line-height: 100px
 }

 .progress.progress-round.conversation-bar .progress-value {

   font-size: 16px;

   left: 32px;

   text-align: center
 }

 .dashboard-2 .content-page {

   margin-left: 0
 }

 .dashboard2-header-style .iq-top-navbar .iq-user-dropdown {

   z-index: 9;

   position: fixed !important
 }

 .dashboard2-header-style .analytic {

   background: #303030;

   width: 100%
 }

 .dashboard2-header-style .analytic .iq-menu-bt i {

   color: #fff
 }

 .dashboard2-header-style .analytic .nav-item span.dots {

   animation: Sb 1s infinite
 }

 .dashboard2-header-style .analytic .wrapper-menu {

   color: #fff
 }

 .dashboard2-header-style .white-bg-menu .navbar {

   padding: 1rem
 }

 .dashboard2-header-style .navbar-light .navbar-toggler {

   border-color: #fff;

   color: #fff
 }

 .dropdown-toggle.p-toggle:after {

   border: none !important;

   content: "\f067";

   font-family: Font Awesome\ 5 Free;

   font-weight: 900;

   position: absolute;

   right: -15px;

   font-size: 15px;

   top: 50%;

   transform: translateY(-50%)
 }

 .content-page.c-payment-block {

   padding: 30px 15px 0;

   margin-left: 0
 }

 .c-boder {

   border-bottom: 1px solid #f1f1f1;

   padding-bottom: 15px;

   margin-bottom: 15px
 }

 li.c-boder:last-child {

   border-bottom: 0;

   padding-bottom: 0;

   margin-bottom: 0
 }

 .card-slider .odr-img {

   display: flex !important;

   align-items: center;

   justify-content: center
 }

 .font-size-50 {

   font-size: 50px !important
 }

 .odr-inv .border-right {

   border-color: #535f6b !important
 }

 .card-body.c-img-block {

   padding: 20px 20px 25px !important
 }

 .rat-no {

   position: absolute;

   bottom: 20px;

   left: 50%;

   transform: translateX(-50%)
 }

 .dahboard-2 .iq-footer {

   margin-left: 0;

   width: 100%
 }

 @keyframes Sb {

   0% {

     box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .2)
   }

   to {

     box-shadow: 0 0 0 15px hsla(0, 0%, 100%, 0)
   }

 }

 .fitness-datepickr .flatpickr-calendar.inline {

   box-shadow: none
 }

 .fitness-datepickr .flatpickr-current-month .flatpickr-monthDropdown-months:hover,
 .fitness-datepickr .numInputWrapper:hover {

   background: transparent
 }

 .fitness-datepickr .flatpickr-months .flatpickr-next-month:hover svg,
 .fitness-datepickr .flatpickr-months .flatpickr-prev-month:hover svg {

   fill: #ae0918
 }

 .data-indicator .status {

   margin-top: -33px;

   display: block;

   margin-right: -60px
 }

 .inln-date .flatpickr-calendar {

   box-shadow: none;

   margin: 0 auto;

   padding: 0
 }

 .inln-date .dayContainer {

   width: 100%;

   min-width: auto
 }

 .inln-date .flatpickr-days {

   width: 100%
 }

 #layout-2-chart-01 {

   min-height: 330px !important
 }

 #layout-2-chart-02 {

   min-height: 300px !important
 }

 .fitness-datepickr .flatpickr-months .flatpickr-next-month,
 .fitness-datepickr .flatpickr-months .flatpickr-prev-month {

   padding: 1px 10px
 }

 .fitness-datepickr .flatpickr-months .flatpickr-current-month {

   padding: 0
 }

 .fitness-datepickr .flatpickr-calendar.inline {

   top: -12px
 }

 .fitness-datepickr .flatpickr-calendar:before {

   display: none
 }

 .fitness-datepickr .flatpickr-innerContainer {

   display: block;

   padding-top: 3px
 }

 @media (min-width:992px) {

   .analytic .navbar-list li>a i {

     color: #fff
   }

 }

 @media (min-width:1300px) {

   .dashboard2-header-style .iq-top-navbar {

     position: static
   }

   .dashboard2-header-style .iq-top-navbar .iq-navbar-logo {

     display: block !important
   }

   .dashboard2-header-style .iq-top-navbar .iq-navbar-logo>a {

     display: block
   }

   .white-bg-menu {

     background: #fff;

     padding: 10px 30px;

     transition: all .45s ease 0s;

     border-radius: 8px;

     -ms-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

     -o-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

     box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157)
   }

   .white-bg-menu .iq-menu-horizontal .iq-sidebar-menu .iq-menu>li {

     margin-right: 55px
   }

   .white-bg-menu .iq-menu-horizontal .iq-sidebar-menu .iq-menu>li:last-child {

     margin-right: 0
   }

   .white-bg-menu .iq-menu-horizontal .iq-sidebar-menu .iq-menu>li:last-child a:before {

     content: none
   }

   .white-bg-menu .iq-menu-horizontal .iq-sidebar-menu .iq-menu>li:first-child a {

     padding-left: 0
   }

   .white-bg-menu .iq-menu-horizontal .iq-sidebar-menu .iq-menu>li>a {

     overflow: visible
   }

   .white-bg-menu .iq-menu-horizontal .iq-sidebar-menu .iq-menu>li>a:before {

     content: "";

     position: absolute;

     border-right: 1px solid #f1f1f1;

     right: -40px;

     top: 0;

     height: 100%
   }

   .white-bg-menu .iq-menu-horizontal .iq-sidebar-menu .iq-menu>li>a .arr-pls {

     position: absolute;

     right: -16px;

     margin-right: 0;

     margin-left: auto
   }

   .white-bg-menu .iq-menu-horizontal .iq-sidebar-menu .iq-menu>li li .iq-arrow-right {

     transform: rotate(0deg)
   }

   .white-bg-menu .iq-menu-horizontal .iq-sidebar-menu .iq-menu>li.active>a:before {

     border-color: #ae0918 !important
   }

   .white-bg-menu .iq-menu-horizontal .iq-sidebar-menu .iq-menu .iq-submenu li a {

     padding: 12px 13px 12px 15px
   }

   .white-bg-menu .iq-menu-horizontal .iq-sidebar-menu li:hover>a {

     color: #ae0918
   }

   .white-bg-menu .iq-menu-horizontal .iq-sidebar-menu li:hover>a:before {

     border-right: 1px solid #ae0918 !important
   }

   .white-bg-menu .iq-menu-horizontal .iq-sidebar-menu li:hover>a .iq-arrow-right {

     transform: rotate(90deg)
   }

   .white-bg-menu .iq-menu-horizontal .iq-sidebar-menu li .iq-arrow-right.arrow-hover {

     display: none !important
   }

   .white-bg-menu .iq-menu-horizontal .iq-sidebar-menu li .iq-arrow-right.arrow-active {

     display: block !important;

     opacity: 1 !important;

     margin-left: 8px
   }

   .white-bg-menu .mn-center {

     -ms-flex-pack: center !important;

     justify-content: center !important
   }

   .dashboard2-header-style .navbar-nav .nav-link {

     padding: .7rem 1rem !important
   }

   .dashboard2-header-style .bg-analytic-horizontal {

     background: -webkit-gradient(linear, left top, left bottom, color-stop(44%, hsla(0, 0%, 97%, .95)), color-stop(73%, hsla(0, 0%, 97%, .46)), to(hsla(0, 0%, 100%, 0)));

     border-radius: 0;

     padding-top: 30px
   }

   .white-bg-menu.sticky-menu {

     position: fixed;

     left: 0;

     right: 0;

     top: 0;

     z-index: 999;

     animation-name: animationFade;

     animation-duration: .7s;

     animation-fill-mode: both
   }

 }

 @media (max-width:1299px) and (min-width:992px) {

   .dashboard2-header-style .iq-navbar-logo>a {

     display: flex
   }

 }

 @media (max-width:1299px) {

   .content-page.c-payment-block {

     padding: 120px 15px 0
   }

   .white-bg-menu .iq-menu-horizontal {

     z-index: 99
   }

   .white-bg-menu .iq-menu-horizontal .iq-menu li .iq-arrow-right {

     transform: none !important
   }

   .dashboard2-header-style .iq-menu-horizontal .iq-sidebar-menu {

     margin: 0
   }

   .dashboard2-header-style .iq-menu-horizontal .iq-sidebar-menu .iq-menu li a {

     padding: 15px 19px 15px 15px
   }

   .dashboard2-header-style .iq-menu-horizontal .iq-sidebar-menu .iq-menu li.active>a,
   .dashboard2-header-style .iq-menu-horizontal .iq-sidebar-menu .iq-menu li.active>i.iq-arrow-left {

     color: #ae0918
   }

 }

 @media (max-width:1199px) {

   .fitness-datepickr .flatpickr-calendar {

     width: auto
   }

 }

 @media (max-width:1199px) and (min-width:992px) {

   .dashboard2-header-style .iq-search-bar .searchbox {

     width: 350px
   }

   .dashboard2-header-style .iq-top-navbar {

     padding: 0
   }

   .inc-block h3 {

     font-size: 1.5em
   }

 }

 @media (max-width:991px) {

   .content-page.c-payment-block {

     padding: 110px 15px 0 !important
   }

   .content-page.c-payment-block .he-auto {

     height: auto !important
   }

   .dashboard2-header-style .iq-top-navbar .navbar-toggler {

     background: #0da6b1
   }

   .dashboard2-header-style .navbar {

     position: static;

     padding: 0
   }

 }

 @media (max-width:767px) {

   .content-page.c-payment-block {

     padding: 100px 0 0 !important
   }

 }

 @media (max-width:575px) {

   .dashboard2-header-style .iq-top-navbar.analytic {

     padding: 0
   }

   .dashboard2-header-style .iq-top-navbar.analytic .container {

     padding-left: 0;

     padding-right: 0
   }

 }

 @media (max-width:479px) {

   .dashboard2-header-style .navbar-list li>a {

     padding: 0 15px
   }

 }

 .iq-sidebar.fixed-top-navbar {

   background: #ae0918
 }

 .fixed-top-navbar .change-mode {

   margin-right: 13px
 }

 .fixed-top-navbar .iq-sidebar-menu .iq-menu li.active>a {

   color: #ae0918
 }

 .fixed-top-navbar .iq-top-navbar {

   width: 100%
 }

 .fixed-top-navbar .content-page {

   margin-left: 0
 }

 .fixed-top-navbar .iq-navbar-logo>a {

   display: block
 }

 .fixed-top-navbar .iq-navbar-custom.container {

   display: flex;

   justify-content: space-between;

   align-items: center
 }

 .fixed-top-navbar .iq-navbar-custom nav.navbar {

   position: static
 }

 .fixed-top-navbar footer.iq-footer {

   margin-left: 0;

   width: 100%;

   position: relative
 }

 .card-invoice {

   padding: 40px 20px;

   width: 33.33%;

   margin-right: 15px;

   border: 1px solid
 }

 .payment-detail {

   border-radius: 10px
 }

 .form-control.value-select {

   width: auto;

   background: transparent;

   border: none
 }

 .form-control.conversion-text {

   border: none;

   background: transparent;

   font-size: 20px;

   font-weight: 700;

   color: #303030
 }

 @media (min-width:1300px) {

   .fixed-top-navbar .iq-navbar-logo {

     display: flex !important
   }

   .fixed-top-navbar .wrapper-menu {

     color: #fff
   }

   .fixed-top-navbar .iq-top-navbar .iq-menu-bt {

     display: block !important;

     padding: 0;

     margin: 0 !important
   }

   .fixed-top-navbar .iq-top-navbar .iq-menu-bt .wrapper-menu {

     display: none !important
   }

   .fixed-top-navbar .iq-page-menu-horizontal .content-page {

     margin-left: 0;

     background: #fafbfe;

     position: relative;

     padding: 100px 50px 0
   }

   .dashboard3-fixed-menu {

     position: fixed;

     top: 110px;

     left: 30px
   }

   .dashboard3-fixed-menu .dashboard3-info {

     -ms-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

     -o-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

     box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);

     width: 45px;

     line-height: 29px;

     font-size: 23px;

     text-align: center;

     padding-bottom: 0 !important
   }

   .dashboard3-fixed-menu .dashboard3-info a {

     color: #fff;

     font-size: 30px
   }

   .dashboard3-fixed-menu .dashboard3-info ul li {

     padding: 10px 0
   }

   .dashboard3-fixed-menu .dashboard3-info ul li:first-child {

     padding-top: 0
   }

   .dashboard3-fixed-menu .dashboard3-info ul li:last-child {

     padding: 5px 0
   }

   .dashboard3-fixed-menu .dashboard3-info ul li a {

     color: #fff;

     font-size: 30px
   }

   .dashboard3-fixed-menu .dashboard3-info ul li a:hover {

     color: #fff
   }

 }

 @media (max-width:1299px) {

   .fixed-top-navbar .iq-top-navbar .iq-menu-bt {

     padding: 0
   }

   .dashboard3-fixed-menu {

     display: none
   }

   .fixed-top-navbar.sidebar-main .iq-menu-horizontal {

     -webkit-opacity: 1;

     -moz-opacity: 1;

     -ms-opacity: 1;

     -o-opacity: 1;

     opacity: 1;

     left: 0;

     transition: all .3s ease-in-out;

     border-radius: 0
   }

   .fixed-top-navbar.sidebar-main .iq-menu-horizontal .iq-sidebar-menu .iq-menu li a {

     padding: 15px 19px 15px 15px
   }

   .fixed-top-navbar.sidebar-main .iq-sidebar-menu,
   .fixed-top-navbar.sidebar-main .iq-top-navbar .wrapper-menu {

     margin: 0
   }

 }

 .layout-3-chart-01 {

   height: 300px
 }

 #layout-3-chart-03 {

   min-height: 330px !important
 }

 #layout-3-chart-04 {

   min-height: 350px !important
 }

 #layout-3-chart-02 {

   min-height: 300px !important
 }

 .rule-box h4 {

   font-weight: 600
 }

 @media (max-width:991px) {

   .fixed-top-navbar .change-mode {

     margin-right: 50px
   }

   .welcome-content {

     display: none !important
   }

 }

 @media (max-width:767px) {

   .card-invoice {

     width: 100%
   }

   .fixed-top-navbar .block-rate h4 {

     font-size: 18px
   }

 }

 @media (max-width:768px) {

   #layout-3-chart-03 .apexcharts-legend {

     inset: auto 0 -3px 10px !important
   }

   .iq-sidebar-logo img {

     height: 50px
   }

 }

 .flatpickr-calendar {

   background: transparent;

   opacity: 0;

   display: none;

   text-align: center;

   visibility: hidden;

   padding: 0;

   animation: none;

   direction: ltr;

   border: 0;

   font-size: 14px;

   line-height: 24px;

   border-radius: 5px;

   position: absolute;

   width: 307.875px;

   box-sizing: border-box;

   -ms-touch-action: manipulation;

   touch-action: manipulation;

   background: #fff;

   box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08)
 }

 .flatpickr-calendar.inline,
 .flatpickr-calendar.open {

   opacity: 1;

   max-height: 640px;

   visibility: visible
 }

 .flatpickr-calendar.open {

   display: inline-block;

   z-index: 3
 }

 .flatpickr-calendar.animate.open {

   animation: a .3s cubic-bezier(.23, 1, .32, 1)
 }

 .flatpickr-calendar.inline {

   display: block;

   position: relative;

   top: 2px
 }

 .flatpickr-calendar.static {

   position: absolute;

   top: calc(100% + 2px)
 }

 .flatpickr-calendar.static.open {

   z-index: 2;

   display: block
 }

 .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {

   box-shadow: none !important
 }

 .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {

   box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
 }

 .flatpickr-calendar .hasTime .dayContainer,
 .flatpickr-calendar .hasWeeks .dayContainer {

   border-bottom: 0;

   border-bottom-right-radius: 0;

   border-bottom-left-radius: 0
 }

 .flatpickr-calendar .hasWeeks .dayContainer {

   border-left: 0
 }

 .flatpickr-calendar.hasTime .flatpickr-time {

   height: 40px;

   border-top: 1px solid #e6e6e6
 }

 .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {

   height: auto
 }

 .flatpickr-calendar:after,
 .flatpickr-calendar:before {

   position: absolute;

   display: block;

   pointer-events: none;

   border: solid transparent;

   content: "";

   height: 0;

   width: 0;

   left: 22px
 }

 .flatpickr-calendar.arrowRight:after,
 .flatpickr-calendar.arrowRight:before,
 .flatpickr-calendar.rightMost:after,
 .flatpickr-calendar.rightMost:before {

   left: auto;

   right: 22px
 }

 .flatpickr-calendar.arrowCenter:after,
 .flatpickr-calendar.arrowCenter:before {

   left: 50%;

   right: 50%
 }

 .flatpickr-calendar:before {

   border-width: 5px;

   margin: 0 -5px
 }

 .flatpickr-calendar:after {

   border-width: 4px;

   margin: 0 -4px
 }

 .flatpickr-calendar.arrowTop:after,
 .flatpickr-calendar.arrowTop:before {

   bottom: 100%
 }

 .flatpickr-calendar.arrowTop:before {

   border-bottom-color: #e6e6e6
 }

 .flatpickr-calendar.arrowTop:after {

   border-bottom-color: #fff
 }

 .flatpickr-calendar.arrowBottom:after,
 .flatpickr-calendar.arrowBottom:before {

   top: 100%
 }

 .flatpickr-calendar.arrowBottom:before {

   border-top-color: #e6e6e6
 }

 .flatpickr-calendar.arrowBottom:after {

   border-top-color: #fff
 }

 .flatpickr-calendar:focus {

   outline: 0
 }

 .flatpickr-wrapper {

   position: relative;

   display: inline-block
 }

 .flatpickr-months {

   display: -ms-flexbox;

   display: flex
 }

 .flatpickr-months .flatpickr-month {

   background: transparent;

   color: rgba(0, 0, 0, .9);

   fill: rgba(0, 0, 0, .9);

   height: 34px;

   line-height: 1;

   text-align: center;

   position: relative;

   -webkit-user-select: none;

   -moz-user-select: none;

   -ms-user-select: none;

   user-select: none;

   overflow: hidden;

   -ms-flex: 1;

   flex: 1
 }

 .flatpickr-months .flatpickr-next-month,
 .flatpickr-months .flatpickr-prev-month {

   text-decoration: none;

   cursor: pointer;

   position: absolute;

   top: 0;

   height: 34px;

   padding: 10px;

   z-index: 1;

   color: rgba(0, 0, 0, .9);

   fill: rgba(0, 0, 0, .9)
 }

 .flatpickr-months .flatpickr-next-month.flatpickr-disabled,
 .flatpickr-months .flatpickr-prev-month.flatpickr-disabled {

   display: none
 }

 .flatpickr-months .flatpickr-next-month i,
 .flatpickr-months .flatpickr-prev-month i {

   position: relative
 }

 .flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
 .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {

   left: 0
 }

 .flatpickr-months .flatpickr-next-month.flatpickr-next-month,
 .flatpickr-months .flatpickr-prev-month.flatpickr-next-month {

   right: 0
 }

 .flatpickr-months .flatpickr-next-month:hover,
 .flatpickr-months .flatpickr-prev-month:hover {

   color: #959ea9
 }

 .flatpickr-months .flatpickr-next-month:hover svg,
 .flatpickr-months .flatpickr-prev-month:hover svg {

   fill: #f64747
 }

 .flatpickr-months .flatpickr-next-month svg,
 .flatpickr-months .flatpickr-prev-month svg {

   width: 14px;

   height: 14px
 }

 .flatpickr-months .flatpickr-next-month svg path,
 .flatpickr-months .flatpickr-prev-month svg path {

   transition: fill .1s;

   fill: inherit
 }

 .numInputWrapper {

   position: relative;

   height: auto
 }

 .numInputWrapper input,
 .numInputWrapper span {

   display: inline-block
 }

 .numInputWrapper input {

   width: 100%
 }

 .numInputWrapper input::-ms-clear {

   display: none
 }

 .numInputWrapper input::-webkit-inner-spin-button,
 .numInputWrapper input::-webkit-outer-spin-button {

   margin: 0;

   -webkit-appearance: none
 }

 .numInputWrapper span {

   position: absolute;

   right: 0;

   width: 14px;

   padding: 0 4px 0 2px;

   height: 50%;

   line-height: 50%;

   opacity: 0;

   cursor: pointer;

   border: 1px solid rgba(57, 57, 57, .15);

   box-sizing: border-box
 }

 .numInputWrapper span:hover {

   background: rgba(0, 0, 0, .1)
 }

 .numInputWrapper span:active {

   background: rgba(0, 0, 0, .2)
 }

 .numInputWrapper span:after {

   display: block;

   content: "";

   position: absolute
 }

 .numInputWrapper span.arrowUp {

   top: 0;

   border-bottom: 0
 }

 .numInputWrapper span.arrowUp:after {

   border-left: 4px solid transparent;

   border-right: 4px solid transparent;

   border-bottom: 4px solid rgba(57, 57, 57, .6);

   top: 26%
 }

 .numInputWrapper span.arrowDown {

   top: 50%
 }

 .numInputWrapper span.arrowDown:after {

   border-left: 4px solid transparent;

   border-right: 4px solid transparent;

   border-top: 4px solid rgba(57, 57, 57, .6);

   top: 40%
 }

 .numInputWrapper span svg {

   width: inherit;

   height: auto
 }

 .numInputWrapper span svg path {

   fill: rgba(0, 0, 0, .5)
 }

 .numInputWrapper:hover {

   background: rgba(0, 0, 0, .05)
 }

 .numInputWrapper:hover span {

   opacity: 1
 }

 .flatpickr-current-month {

   font-size: 135%;

   line-height: inherit;

   font-weight: 300;

   color: inherit;

   position: absolute;

   width: 75%;

   left: 12.5%;

   padding: 7.48px 0 0;

   line-height: 1;

   height: 34px;

   display: inline-block;

   text-align: center;

   transform: translateZ(0)
 }

 .flatpickr-current-month span.cur-month {

   font-family: inherit;

   font-weight: 700;

   color: inherit;

   display: inline-block;

   margin-left: .5ch;

   padding: 0
 }

 .flatpickr-current-month span.cur-month:hover {

   background: rgba(0, 0, 0, .05)
 }

 .flatpickr-current-month .numInputWrapper {

   width: 6ch;

   width: 7ch\0;

   display: inline-block
 }

 .flatpickr-current-month .numInputWrapper span.arrowUp:after {

   border-bottom-color: rgba(0, 0, 0, .9)
 }

 .flatpickr-current-month .numInputWrapper span.arrowDown:after {

   border-top-color: rgba(0, 0, 0, .9)
 }

 .flatpickr-current-month input.cur-year {

   background: transparent;

   box-sizing: border-box;

   color: inherit;

   cursor: text;

   padding: 0 0 0 .5ch;

   margin: 0;

   display: inline-block;

   font-size: inherit;

   font-family: inherit;

   font-weight: 300;

   line-height: inherit;

   height: auto;

   border: 0;

   border-radius: 0;

   vertical-align: initial;

   -webkit-appearance: textfield;

   -moz-appearance: textfield;

   appearance: textfield
 }

 .flatpickr-current-month input.cur-year:focus {

   outline: 0
 }

 .flatpickr-current-month input.cur-year[disabled],
 .flatpickr-current-month input.cur-year[disabled]:hover {

   font-size: 100%;

   color: rgba(0, 0, 0, .5);

   background: transparent;

   pointer-events: none
 }

 .flatpickr-current-month .flatpickr-monthDropdown-months {

   appearance: menulist;

   background: transparent;

   border: none;

   border-radius: 0;

   box-sizing: border-box;

   color: inherit;

   cursor: pointer;

   font-size: inherit;

   font-family: inherit;

   font-weight: 300;

   height: auto;

   line-height: inherit;

   margin: -1px 0 0;

   outline: none;

   padding: 0 0 0 .5ch;

   position: relative;

   vertical-align: initial;

   -webkit-box-sizing: border-box;

   -webkit-appearance: menulist;

   -moz-appearance: menulist;

   width: auto
 }

 .flatpickr-current-month .flatpickr-monthDropdown-months:active,
 .flatpickr-current-month .flatpickr-monthDropdown-months:focus {

   outline: none
 }

 .flatpickr-current-month .flatpickr-monthDropdown-months:hover {

   background: rgba(0, 0, 0, .05)
 }

 .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {

   background-color: transparent;

   outline: none;

   padding: 0
 }

 .flatpickr-weekdays {

   background: transparent;

   text-align: center;

   overflow: hidden;

   width: 100%;

   display: -ms-flexbox;

   display: flex;

   -ms-flex-align: center;

   align-items: center;

   height: 28px
 }

 .flatpickr-weekdays .flatpickr-weekdaycontainer {

   display: -ms-flexbox;

   display: flex;

   -ms-flex: 1;

   flex: 1
 }

 span.flatpickr-weekday {

   cursor: default;

   font-size: 90%;

   background: transparent;

   color: rgba(0, 0, 0, .54);

   line-height: 1;

   margin: 0;

   text-align: center;

   display: block;

   -ms-flex: 1;

   flex: 1;

   font-weight: bolder
 }

 .dayContainer,
 .flatpickr-weeks {

   padding: 1px 0 0
 }

 .flatpickr-days {

   position: relative;

   overflow: hidden;

   display: -ms-flexbox;

   display: flex;

   -ms-flex-align: start;

   align-items: flex-start;

   width: 307.875px
 }

 .flatpickr-days:focus {

   outline: 0
 }

 .dayContainer {

   padding: 0;

   outline: 0;

   text-align: left;

   width: 307.875px;

   min-width: 307.875px;

   max-width: 307.875px;

   box-sizing: border-box;

   display: inline-block;

   display: -ms-flexbox;

   display: flex;

   flex-wrap: wrap;

   -ms-flex-wrap: wrap;

   -ms-flex-pack: justify;

   justify-content: space-around;

   transform: translateZ(0);

   opacity: 1
 }

 .dayContainer+.dayContainer {

   box-shadow: -1px 0 0 #e6e6e6
 }

 .flatpickr-day {

   background: none;

   border: 1px solid transparent;

   border-radius: 150px;

   box-sizing: border-box;

   color: #393939;

   cursor: pointer;

   font-weight: 400;

   width: 14.2857143%;

   -ms-flex-preferred-size: 14.2857143%;

   flex-basis: 14.2857143%;

   max-width: 39px;

   height: 39px;

   line-height: 39px;

   margin: 0;

   display: inline-block;

   position: relative;

   -ms-flex-pack: center;

   justify-content: center;

   text-align: center
 }

 .flatpickr-day.inRange,
 .flatpickr-day.nextMonthDay.inRange,
 .flatpickr-day.nextMonthDay.today.inRange,
 .flatpickr-day.nextMonthDay:focus,
 .flatpickr-day.nextMonthDay:hover,
 .flatpickr-day.prevMonthDay.inRange,
 .flatpickr-day.prevMonthDay.today.inRange,
 .flatpickr-day.prevMonthDay:focus,
 .flatpickr-day.prevMonthDay:hover,
 .flatpickr-day.today.inRange,
 .flatpickr-day:focus,
 .flatpickr-day:hover {

   cursor: pointer;

   outline: 0;

   background: #e6e6e6;

   border-color: #e6e6e6
 }

 .flatpickr-day.today {

   border-color: #959ea9
 }

 .flatpickr-day.today:focus,
 .flatpickr-day.today:hover {

   border-color: #959ea9;

   background: #959ea9;

   color: #fff
 }

 .flatpickr-day.endRange,
 .flatpickr-day.endRange.inRange,
 .flatpickr-day.endRange.nextMonthDay,
 .flatpickr-day.endRange.prevMonthDay,
 .flatpickr-day.endRange:focus,
 .flatpickr-day.endRange:hover,
 .flatpickr-day.selected,
 .flatpickr-day.selected.inRange,
 .flatpickr-day.selected.nextMonthDay,
 .flatpickr-day.selected.prevMonthDay,
 .flatpickr-day.selected:focus,
 .flatpickr-day.selected:hover,
 .flatpickr-day.startRange,
 .flatpickr-day.startRange.inRange,
 .flatpickr-day.startRange.nextMonthDay,
 .flatpickr-day.startRange.prevMonthDay,
 .flatpickr-day.startRange:focus,
 .flatpickr-day.startRange:hover {

   background: #569ff7;

   box-shadow: none;

   color: #fff;

   border-color: #569ff7
 }

 .flatpickr-day.endRange.startRange,
 .flatpickr-day.selected.startRange,
 .flatpickr-day.startRange.startRange {

   border-radius: 50px 0 0 50px
 }

 .flatpickr-day.endRange.endRange,
 .flatpickr-day.selected.endRange,
 .flatpickr-day.startRange.endRange {

   border-radius: 0 50px 50px 0
 }

 .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
 .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
 .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {

   box-shadow: -10px 0 0 #569ff7
 }

 .flatpickr-day.endRange.startRange.endRange,
 .flatpickr-day.selected.startRange.endRange,
 .flatpickr-day.startRange.startRange.endRange {

   border-radius: 50px
 }

 .flatpickr-day.inRange {

   border-radius: 0;

   box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
 }

 .flatpickr-day.flatpickr-disabled,
 .flatpickr-day.flatpickr-disabled:hover,
 .flatpickr-day.nextMonthDay,
 .flatpickr-day.notAllowed,
 .flatpickr-day.notAllowed.nextMonthDay,
 .flatpickr-day.notAllowed.prevMonthDay,
 .flatpickr-day.prevMonthDay {

   color: rgba(57, 57, 57, .3);

   background: transparent;

   border-color: transparent;

   cursor: default
 }

 .flatpickr-day.flatpickr-disabled,
 .flatpickr-day.flatpickr-disabled:hover {

   cursor: not-allowed;

   color: rgba(57, 57, 57, .1)
 }

 .flatpickr-day.week.selected {

   border-radius: 0;

   box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7
 }

 .flatpickr-day.hidden {

   visibility: hidden
 }

 .rangeMode .flatpickr-day {

   margin-top: 1px
 }

 .flatpickr-weekwrapper {

   float: left
 }

 .flatpickr-weekwrapper .flatpickr-weeks {

   padding: 0 12px;

   box-shadow: 1px 0 0 #e6e6e6
 }

 .flatpickr-weekwrapper .flatpickr-weekday {

   float: none;

   width: 100%;

   line-height: 28px
 }

 .flatpickr-weekwrapper span.flatpickr-day,
 .flatpickr-weekwrapper span.flatpickr-day:hover {

   display: block;

   width: 100%;

   max-width: none;

   color: rgba(57, 57, 57, .3);

   background: transparent;

   cursor: default;

   border: none
 }

 .flatpickr-innerContainer {

   display: block;

   display: -ms-flexbox;

   display: flex;

   box-sizing: border-box;

   overflow: hidden
 }

 .flatpickr-rContainer {

   display: inline-block;

   padding: 0;

   box-sizing: border-box
 }

 .flatpickr-time {

   text-align: center;

   outline: 0;

   display: block;

   height: 0;

   line-height: 40px;

   max-height: 40px;

   box-sizing: border-box;

   overflow: hidden;

   display: -ms-flexbox;

   display: flex
 }

 .flatpickr-time:after {

   content: "";

   display: table;

   clear: both
 }

 .flatpickr-time .numInputWrapper {

   -ms-flex: 1;

   flex: 1;

   width: 40%;

   height: 40px;

   float: left
 }

 .flatpickr-time .numInputWrapper span.arrowUp:after {

   border-bottom-color: #393939
 }

 .flatpickr-time .numInputWrapper span.arrowDown:after {

   border-top-color: #393939
 }

 .flatpickr-time.hasSeconds .numInputWrapper {

   width: 26%
 }

 .flatpickr-time.time24hr .numInputWrapper {

   width: 49%
 }

 .flatpickr-time input {

   background: transparent;

   box-shadow: none;

   border: 0;

   border-radius: 0;

   text-align: center;

   margin: 0;

   padding: 0;

   height: inherit;

   line-height: inherit;

   color: #393939;

   font-size: 14px;

   position: relative;

   box-sizing: border-box;

   -webkit-appearance: textfield;

   -moz-appearance: textfield;

   appearance: textfield
 }

 .flatpickr-time input.flatpickr-hour {

   font-weight: 700
 }

 .flatpickr-time input.flatpickr-minute,
 .flatpickr-time input.flatpickr-second {

   font-weight: 400
 }

 .flatpickr-time input:focus {

   outline: 0;

   border: 0
 }

 .flatpickr-time .flatpickr-am-pm,
 .flatpickr-time .flatpickr-time-separator {

   height: inherit;

   float: left;

   line-height: inherit;

   color: #393939;

   font-weight: 700;

   width: 2%;

   -webkit-user-select: none;

   -moz-user-select: none;

   -ms-user-select: none;

   user-select: none;

   -ms-flex-item-align: center;

   align-self: center
 }

 .flatpickr-time .flatpickr-am-pm {

   outline: 0;

   width: 18%;

   cursor: pointer;

   text-align: center;

   font-weight: 400
 }

 .flatpickr-time .flatpickr-am-pm:focus,
 .flatpickr-time .flatpickr-am-pm:hover,
 .flatpickr-time input:focus,
 .flatpickr-time input:hover {

   background: #eee
 }

 .flatpickr-input[readonly] {

   cursor: pointer
 }

 @keyframes a {

   0% {

     opacity: 0;

     transform: translate3d(0, -20px, 0)
   }

   to {

     opacity: 1;

     transform: translateZ(0)
   }

 }

 .mfp-bg {

   z-index: 1042;

   overflow: hidden;

   background: #0b0b0b;

   opacity: .8
 }

 .mfp-bg,
 .mfp-wrap {

   top: 0;

   left: 0;

   width: 100%;

   height: 100%;

   position: fixed
 }

 .mfp-wrap {

   z-index: 1043;

   outline: none !important;

   -webkit-backface-visibility: hidden
 }

 .mfp-container {

   text-align: center;

   position: absolute;

   width: 100%;

   height: 100%;

   left: 0;

   top: 0;

   padding: 0 8px;

   box-sizing: border-box
 }

 .mfp-container:before {

   content: "";

   display: inline-block;

   height: 100%;

   vertical-align: middle
 }

 .mfp-align-top .mfp-container:before {

   display: none
 }

 .mfp-content {

   position: relative;

   display: inline-block;

   vertical-align: middle;

   margin: 0 auto;

   text-align: left;

   z-index: 1045
 }

 .mfp-ajax-holder .mfp-content,
 .mfp-inline-holder .mfp-content {

   width: 100%;

   cursor: auto
 }

 .mfp-ajax-cur {

   cursor: progress
 }

 .mfp-zoom-out-cur,
 .mfp-zoom-out-cur .mfp-image-holder .mfp-close {

   cursor: zoom-out
 }

 .mfp-zoom {

   cursor: pointer;

   cursor: zoom-in
 }

 .mfp-auto-cursor .mfp-content {

   cursor: auto
 }

 .mfp-arrow,
 .mfp-close,
 .mfp-counter,
 .mfp-preloader {

   -webkit-user-select: none;

   -moz-user-select: none;

   user-select: none
 }

 .mfp-loading.mfp-figure {

   display: none
 }

 .mfp-hide {

   display: none !important
 }

 .mfp-preloader {

   color: #ccc;

   position: absolute;

   top: 50%;

   width: auto;

   text-align: center;

   margin-top: -.8em;

   left: 8px;

   right: 8px;

   z-index: 1044
 }

 .mfp-preloader a {

   color: #ccc
 }

 .mfp-preloader a:hover {

   color: #fff
 }

 .mfp-s-error .mfp-content,
 .mfp-s-ready .mfp-preloader {

   display: none
 }

 button.mfp-arrow,
 button.mfp-close {

   overflow: visible;

   cursor: pointer;

   background: transparent;

   border: 0;

   -webkit-appearance: none;

   display: block;

   outline: none;

   padding: 0;

   z-index: 1046;

   box-shadow: none;

   touch-action: manipulation
 }

 button::-moz-focus-inner {

   padding: 0;

   border: 0
 }

 .mfp-close {

   width: 44px;

   height: 44px;

   line-height: 44px;

   position: absolute;

   right: 0;

   top: 0;

   text-decoration: none;

   text-align: center;

   opacity: .65;

   padding: 0 0 18px 10px;

   color: #fff;

   font-style: normal;

   font-size: 28px;

   font-family: Arial, Baskerville, monospace
 }

 .mfp-close:focus,
 .mfp-close:hover {

   opacity: 1
 }

 .mfp-close:active {

   top: 1px
 }

 .mfp-close-btn-in .mfp-close {

   color: #333
 }

 .mfp-iframe-holder .mfp-close,
 .mfp-image-holder .mfp-close {

   color: #fff;

   right: -6px;

   text-align: right;

   padding-right: 6px;

   width: 100%
 }

 .mfp-counter {

   position: absolute;

   top: 0;

   right: 0;

   color: #ccc;

   font-size: 12px;

   line-height: 18px;

   white-space: nowrap
 }

 .mfp-arrow {

   position: absolute;

   opacity: .65;

   margin: 0;

   top: 50%;

   margin-top: -55px;

   padding: 0;

   width: 90px;

   height: 110px;

   -webkit-tap-highlight-color: transparent
 }

 .mfp-arrow:active {

   margin-top: -54px
 }

 .mfp-arrow:focus,
 .mfp-arrow:hover {

   opacity: 1
 }

 .mfp-arrow:after,
 .mfp-arrow:before {

   content: "";

   display: block;

   width: 0;

   height: 0;

   position: absolute;

   left: 0;

   top: 0;

   margin-top: 35px;

   margin-left: 35px;

   border: medium inset transparent
 }

 .mfp-arrow:after {

   border-top-width: 13px;

   border-bottom-width: 13px;

   top: 8px
 }

 .mfp-arrow:before {

   border-top-width: 21px;

   border-bottom-width: 21px;

   opacity: .7
 }

 .mfp-arrow-left {

   left: 0
 }

 .mfp-arrow-left:after {

   border-right: 17px solid #fff;

   margin-left: 31px
 }

 .mfp-arrow-left:before {

   margin-left: 25px;

   border-right: 27px solid #3f3f3f
 }

 .mfp-arrow-right {

   right: 0
 }

 .mfp-arrow-right:after {

   border-left: 17px solid #fff;

   margin-left: 39px
 }

 .mfp-arrow-right:before {

   border-left: 27px solid #3f3f3f
 }

 .mfp-iframe-holder {

   padding-top: 40px;

   padding-bottom: 40px
 }

 .mfp-iframe-holder .mfp-content {

   line-height: 0;

   width: 100%;

   max-width: 900px
 }

 .mfp-iframe-holder .mfp-close {

   top: -40px
 }

 .mfp-iframe-scaler {

   width: 100%;

   height: 0;

   overflow: hidden;

   padding-top: 56.25%
 }

 .mfp-iframe-scaler iframe {

   position: absolute;

   display: block;

   top: 0;

   left: 0;

   width: 100%;

   height: 100%;

   box-shadow: 0 0 8px rgba(0, 0, 0, .6);

   background: #000
 }

 img.mfp-img {

   width: auto;

   max-width: 100%;

   height: auto;

   display: block;

   box-sizing: border-box;

   padding: 40px 0;

   margin: 0 auto
 }

 .mfp-figure,
 img.mfp-img {

   line-height: 0
 }

 .mfp-figure:after {

   content: "";

   position: absolute;

   left: 0;

   top: 40px;

   bottom: 40px;

   display: block;

   right: 0;

   width: auto;

   height: auto;

   z-index: -1;

   box-shadow: 0 0 8px rgba(0, 0, 0, .6);

   background: #444
 }

 .mfp-figure small {

   color: #bdbdbd;

   display: block;

   font-size: 12px;

   line-height: 14px
 }

 .mfp-figure figure {

   margin: 0
 }

 .mfp-bottom-bar {

   margin-top: -36px;

   position: absolute;

   top: 100%;

   left: 0;

   width: 100%;

   cursor: auto
 }

 .mfp-title {

   text-align: left;

   line-height: 18px;

   color: #f3f3f3;

   word-wrap: break-word;

   padding-right: 36px
 }

 .mfp-image-holder .mfp-content {

   max-width: 100%
 }

 .mfp-gallery .mfp-image-holder .mfp-figure {

   cursor: pointer
 }

 @media screen and (max-height:300px),
 screen and (max-width:800px) and (orientation:landscape) {

   .mfp-img-mobile .mfp-image-holder {

     padding-left: 0;

     padding-right: 0
   }

   .mfp-img-mobile img.mfp-img {

     padding: 0
   }

   .mfp-img-mobile .mfp-figure:after {

     top: 0;

     bottom: 0
   }

   .mfp-img-mobile .mfp-figure small {

     display: inline;

     margin-left: 5px
   }

   .mfp-img-mobile .mfp-bottom-bar {

     background: rgba(0, 0, 0, .6);

     bottom: 0;

     margin: 0;

     top: auto;

     padding: 3px 5px;

     position: fixed;

     box-sizing: border-box
   }

   .mfp-img-mobile .mfp-bottom-bar:empty {

     padding: 0
   }

   .mfp-img-mobile .mfp-counter {

     right: 5px;

     top: 3px
   }

   .mfp-img-mobile .mfp-close {

     top: 0;

     right: 0;

     width: 35px;

     height: 35px;

     line-height: 35px;

     background: rgba(0, 0, 0, .6);

     position: fixed;

     text-align: center;

     padding: 0
   }

 }

 @media (max-width:900px) {

   .mfp-arrow {

     transform: scale(.75)
   }

   .mfp-arrow-left {

     transform-origin: 0
   }

   .mfp-arrow-right {

     transform-origin: 100%
   }

   .mfp-container {

     padding-left: 6px;

     padding-right: 6px
   }

 }

 .select2-container {

   box-sizing: border-box;

   display: inline-block;

   margin: 0;

   position: relative;

   vertical-align: middle
 }

 .select2-container .select2-selection--single {

   box-sizing: border-box;

   cursor: pointer;

   display: block;

   height: 28px;

   user-select: none;

   -webkit-user-select: none
 }

 .select2-container .select2-selection--single .select2-selection__rendered {

   display: block;

   padding-left: 8px;

   padding-right: 20px;

   overflow: hidden;

   text-overflow: ellipsis;

   white-space: nowrap
 }

 .select2-container .select2-selection--single .select2-selection__clear {

   position: relative
 }

 .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {

   padding-right: 8px;

   padding-left: 20px
 }

 .select2-container .select2-selection--multiple {

   box-sizing: border-box;

   cursor: pointer;

   display: block;

   min-height: 32px;

   user-select: none;

   -webkit-user-select: none
 }

 .select2-container .select2-selection--multiple .select2-selection__rendered {

   display: inline-block;

   overflow: hidden;

   padding-left: 8px;

   text-overflow: ellipsis;

   white-space: nowrap
 }

 .select2-container .select2-search--inline {

   float: left
 }

 .select2-container .select2-search--inline .select2-search__field {

   box-sizing: border-box;

   border: none;

   font-size: 100%;

   margin-top: 5px;

   padding: 0
 }

 .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {

   -webkit-appearance: none
 }

 .select2-dropdown {

   background-color: #fff;

   border: 1px solid #aaa;

   border-radius: 4px;

   box-sizing: border-box;

   display: block;

   position: absolute;

   left: -100000px;

   width: 100%;

   z-index: 2
 }

 .select2-results {

   display: block
 }

 .select2-results__options {

   list-style: none;

   margin: 0;

   padding: 0
 }

 .select2-results__option {

   padding: 6px;

   user-select: none;

   -webkit-user-select: none
 }

 .select2-results__option[aria-selected] {

   cursor: pointer
 }

 .select2-container--open .select2-dropdown {

   left: 0
 }

 .select2-container--open .select2-dropdown--above {

   border-bottom: none;

   border-bottom-left-radius: 0;

   border-bottom-right-radius: 0
 }

 .select2-container--open .select2-dropdown--below {

   border-top: none;

   border-top-left-radius: 0;

   border-top-right-radius: 0
 }

 .select2-search--dropdown {

   display: block;

   padding: 4px
 }

 .select2-search--dropdown .select2-search__field {

   padding: 4px;

   width: 100%;

   box-sizing: border-box
 }

 .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {

   -webkit-appearance: none
 }

 .select2-search--dropdown.select2-search--hide {

   display: none
 }

 .select2-close-mask {

   border: 0;

   margin: 0;

   padding: 0;

   display: block;

   position: fixed;

   left: 0;

   top: 0;

   min-height: 100%;

   min-width: 100%;

   height: auto;

   width: auto;

   opacity: 0;

   z-index: 1;

   background-color: #fff;

   filter: alpha(opacity=0)
 }

 .select2-hidden-accessible {

   border: 0 !important;

   clip: rect(0 0 0 0) !important;

   -webkit-clip-path: inset(50%) !important;

   clip-path: inset(50%) !important;

   height: 1px !important;

   overflow: hidden !important;

   padding: 0 !important;

   position: absolute !important;

   width: 1px !important;

   white-space: nowrap !important
 }

 .select2-container--default .select2-selection--single {

   background-color: #fff;

   border: 1px solid #aaa;

   border-radius: 4px
 }

 .select2-container--default .select2-selection--single .select2-selection__rendered {

   color: #444;

   line-height: 28px
 }

 .select2-container--default .select2-selection--single .select2-selection__clear {

   cursor: pointer;

   float: right;

   font-weight: 700
 }

 .select2-container--default .select2-selection--single .select2-selection__placeholder {

   color: #999
 }

 .select2-container--default .select2-selection--single .select2-selection__arrow {

   height: 26px;

   position: absolute;

   top: 1px;

   right: 1px;

   width: 20px
 }

 .select2-container--default .select2-selection--single .select2-selection__arrow b {

   border-color: #888 transparent transparent;

   border-style: solid;

   border-width: 5px 4px 0;

   height: 0;

   left: 50%;

   margin-left: -4px;

   margin-top: -2px;

   position: absolute;

   top: 50%;

   width: 0
 }

 .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {

   float: left
 }

 .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {

   left: 1px;

   right: auto
 }

 .select2-container--default.select2-container--disabled .select2-selection--single {

   background-color: #eee;

   cursor: default
 }

 .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {

   display: none
 }

 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {

   border-color: transparent transparent #888;

   border-width: 0 4px 5px
 }

 .select2-container--default .select2-selection--multiple {

   background-color: #fff;

   border: 1px solid #aaa;

   border-radius: 4px;

   cursor: text
 }

 .select2-container--default .select2-selection--multiple .select2-selection__rendered {

   box-sizing: border-box;

   list-style: none;

   margin: 0;

   padding: 0 5px;

   width: 100%
 }

 .select2-container--default .select2-selection--multiple .select2-selection__rendered li {

   list-style: none
 }

 .select2-container--default .select2-selection--multiple .select2-selection__clear {

   cursor: pointer;

   float: right;

   font-weight: 700;

   margin-top: 5px;

   margin-right: 10px;

   padding: 1px
 }

 .select2-container--default .select2-selection--multiple .select2-selection__choice {

   background-color: #e4e4e4;

   border: 1px solid #aaa;

   border-radius: 4px;

   cursor: default;

   float: left;

   margin-right: 5px;

   margin-top: 5px;

   padding: 0 5px
 }

 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {

   color: #999;

   cursor: pointer;

   display: inline-block;

   font-weight: 700;

   margin-right: 2px
 }

 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {

   color: #333
 }

 .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,
 .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {

   float: right
 }

 .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {

   margin-left: 5px;

   margin-right: auto
 }

 .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {

   margin-left: 2px;

   margin-right: auto
 }

 .select2-container--default.select2-container--focus .select2-selection--multiple {

   border: 1px solid #000;

   outline: 0
 }

 .select2-container--default.select2-container--disabled .select2-selection--multiple {

   background-color: #eee;

   cursor: default
 }

 .select2-container--default.select2-container--disabled .select2-selection__choice__remove {

   display: none
 }

 .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
 .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {

   border-top-left-radius: 0;

   border-top-right-radius: 0
 }

 .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {

   border-bottom-left-radius: 0;

   border-bottom-right-radius: 0
 }

 .select2-container--default .select2-search--dropdown .select2-search__field {

   border: 1px solid #aaa
 }

 .select2-container--default .select2-search--inline .select2-search__field {

   background: transparent;

   border: none;

   outline: 0;

   box-shadow: none;

   -webkit-appearance: textfield
 }

 .select2-container--default .select2-results>.select2-results__options {

   max-height: 200px;

   overflow-y: auto
 }

 .select2-container--default .select2-results__option[role=group] {

   padding: 0
 }

 .select2-container--default .select2-results__option[aria-disabled=true] {

   color: #999
 }

 .select2-container--default .select2-results__option[aria-selected=true] {

   background-color: #ddd
 }

 .select2-container--default .select2-results__option .select2-results__option {

   padding-left: 1em
 }

 .select2-container--default .select2-results__option .select2-results__option .select2-results__group {

   padding-left: 0
 }

 .select2-container--default .select2-results__option .select2-results__option .select2-results__option {

   margin-left: -1em;

   padding-left: 2em
 }

 .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

   margin-left: -2em;

   padding-left: 3em
 }

 .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

   margin-left: -3em;

   padding-left: 4em
 }

 .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

   margin-left: -4em;

   padding-left: 5em
 }

 .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

   margin-left: -5em;

   padding-left: 6em
 }

 .select2-container--default .select2-results__option--highlighted[aria-selected] {

   background-color: #5897fb;

   color: #fff
 }

 .select2-container--default .select2-results__group {

   cursor: default;

   display: block;

   padding: 6px
 }

 .select2-container--classic .select2-selection--single {

   background-color: #f7f7f7;

   border: 1px solid #aaa;

   border-radius: 4px;

   outline: 0;

   background-image: linear-gradient(180deg, #fff 50%, #eee);

   background-repeat: repeat-x;

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
 }

 .select2-container--classic .select2-selection--single:focus {

   border: 1px solid #5897fb
 }

 .select2-container--classic .select2-selection--single .select2-selection__rendered {

   color: #444;

   line-height: 28px
 }

 .select2-container--classic .select2-selection--single .select2-selection__clear {

   cursor: pointer;

   float: right;

   font-weight: 700;

   margin-right: 10px
 }

 .select2-container--classic .select2-selection--single .select2-selection__placeholder {

   color: #999
 }

 .select2-container--classic .select2-selection--single .select2-selection__arrow {

   background-color: #ddd;

   border: none;

   border-left: 1px solid #aaa;

   border-top-right-radius: 4px;

   border-bottom-right-radius: 4px;

   height: 26px;

   position: absolute;

   top: 1px;

   right: 1px;

   width: 20px;

   background-image: linear-gradient(180deg, #eee 50%, #ccc);

   background-repeat: repeat-x;

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)
 }

 .select2-container--classic .select2-selection--single .select2-selection__arrow b {

   border-color: #888 transparent transparent;

   border-style: solid;

   border-width: 5px 4px 0;

   height: 0;

   left: 50%;

   margin-left: -4px;

   margin-top: -2px;

   position: absolute;

   top: 50%;

   width: 0
 }

 .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {

   float: left
 }

 .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {

   border: none;

   border-right: 1px solid #aaa;

   border-radius: 0;

   border-top-left-radius: 4px;

   border-bottom-left-radius: 4px;

   left: 1px;

   right: auto
 }

 .select2-container--classic.select2-container--open .select2-selection--single {

   border: 1px solid #5897fb
 }

 .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {

   background: transparent;

   border: none
 }

 .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {

   border-color: transparent transparent #888;

   border-width: 0 4px 5px
 }

 .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {

   border-top: none;

   border-top-left-radius: 0;

   border-top-right-radius: 0;

   background-image: linear-gradient(180deg, #fff 0, #eee 50%);

   background-repeat: repeat-x;

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
 }

 .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {

   border-bottom: none;

   border-bottom-left-radius: 0;

   border-bottom-right-radius: 0;

   background-image: linear-gradient(180deg, #eee 50%, #fff);

   background-repeat: repeat-x;

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
 }

 .select2-container--classic .select2-selection--multiple {

   background-color: #fff;

   border: 1px solid #aaa;

   border-radius: 4px;

   cursor: text;

   outline: 0
 }

 .select2-container--classic .select2-selection--multiple:focus {

   border: 1px solid #5897fb
 }

 .select2-container--classic .select2-selection--multiple .select2-selection__rendered {

   list-style: none;

   margin: 0;

   padding: 0 5px
 }

 .select2-container--classic .select2-selection--multiple .select2-selection__clear {

   display: none
 }

 .select2-container--classic .select2-selection--multiple .select2-selection__choice {

   background-color: #e4e4e4;

   border: 1px solid #aaa;

   border-radius: 4px;

   cursor: default;

   float: left;

   margin-right: 5px;

   margin-top: 5px;

   padding: 0 5px
 }

 .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {

   color: #888;

   cursor: pointer;

   display: inline-block;

   font-weight: 700;

   margin-right: 2px
 }

 .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {

   color: #555
 }

 .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {

   float: right;

   margin-left: 5px;

   margin-right: auto
 }

 .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {

   margin-left: 2px;

   margin-right: auto
 }

 .select2-container--classic.select2-container--open .select2-selection--multiple {

   border: 1px solid #5897fb
 }

 .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {

   border-top: none;

   border-top-left-radius: 0;

   border-top-right-radius: 0
 }

 .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {

   border-bottom: none;

   border-bottom-left-radius: 0;

   border-bottom-right-radius: 0
 }

 .select2-container--classic .select2-search--dropdown .select2-search__field {

   border: 1px solid #aaa;

   outline: 0
 }

 .select2-container--classic .select2-search--inline .select2-search__field {

   outline: 0;

   box-shadow: none
 }

 .select2-container--classic .select2-dropdown {

   background-color: #fff;

   border: 1px solid transparent
 }

 .select2-container--classic .select2-dropdown--above {

   border-bottom: none
 }

 .select2-container--classic .select2-dropdown--below {

   border-top: none
 }

 .select2-container--classic .select2-results>.select2-results__options {

   max-height: 200px;

   overflow-y: auto
 }

 .select2-container--classic .select2-results__option[role=group] {

   padding: 0
 }

 .select2-container--classic .select2-results__option[aria-disabled=true] {

   color: grey
 }

 .select2-container--classic .select2-results__option--highlighted[aria-selected] {

   background-color: #3875d7;

   color: #fff
 }

 .select2-container--classic .select2-results__group {

   cursor: default;

   display: block;

   padding: 6px
 }

 .select2-container--classic.select2-container--open .select2-dropdown {

   border-color: #5897fb
 }

 /*!

 * Quill Editor v1.3.7

 * https://quilljs.com/

 * Copyright (c) 2014, Jason Chen

 * Copyright (c) 2013, salesforce.com

 */
 .ql-container {

   box-sizing: border-box;

   font-family: Helvetica, Arial, sans-serif;

   font-size: 13px;

   height: 100%;

   margin: 0;

   position: relative
 }

 .ql-container.ql-disabled .ql-tooltip {

   visibility: hidden
 }

 .ql-container.ql-disabled .ql-editor ul[data-checked]>li:before {

   pointer-events: none
 }

 .ql-clipboard {

   left: -100000px;

   height: 1px;

   overflow-y: hidden;

   position: absolute;

   top: 50%
 }

 .ql-clipboard p {

   margin: 0;

   padding: 0
 }

 .ql-editor {

   box-sizing: border-box;

   line-height: 1.42;

   height: 100%;

   outline: none;

   overflow-y: auto;

   padding: 12px 15px;

   tab-size: 4;

   -moz-tab-size: 4;

   text-align: left;

   white-space: pre-wrap;

   word-wrap: break-word
 }

 .ql-editor>* {

   cursor: text
 }

 .ql-editor blockquote,
 .ql-editor h1,
 .ql-editor h2,
 .ql-editor h3,
 .ql-editor h4,
 .ql-editor h5,
 .ql-editor h6,
 .ql-editor ol,
 .ql-editor p,
 .ql-editor pre,
 .ql-editor ul {

   margin: 0;

   padding: 0;

   counter-reset: a b c d e f g h i
 }

 .ql-editor ol,
 .ql-editor ul {

   padding-left: 1.5em
 }

 .ql-editor ol>li,
 .ql-editor ul>li {

   list-style-type: none
 }

 .ql-editor ul>li:before {

   content: "\2022"

 }

 .ql-editor ul[data-checked=false],
 .ql-editor ul[data-checked=true] {

   pointer-events: none
 }

 .ql-editor ul[data-checked=false]>li *,
 .ql-editor ul[data-checked=true]>li * {

   pointer-events: all
 }

 .ql-editor ul[data-checked=false]>li:before,
 .ql-editor ul[data-checked=true]>li:before {

   color: #777;

   cursor: pointer;

   pointer-events: all
 }

 .ql-editor ul[data-checked=true]>li:before {

   content: "\2611"

 }

 .ql-editor ul[data-checked=false]>li:before {

   content: "\2610"

 }

 .ql-editor li:before {

   display: inline-block;

   white-space: nowrap;

   width: 1.2em
 }

 .ql-editor li:not(.ql-direction-rtl):before {

   margin-left: -1.5em;

   margin-right: .3em;

   text-align: right
 }

 .ql-editor li.ql-direction-rtl:before {

   margin-left: .3em;

   margin-right: -1.5em
 }

 .ql-editor ol li:not(.ql-direction-rtl),
 .ql-editor ul li:not(.ql-direction-rtl) {

   padding-left: 1.5em
 }

 .ql-editor ol li.ql-direction-rtl,
 .ql-editor ul li.ql-direction-rtl {

   padding-right: 1.5em
 }

 .ql-editor ol li {

   counter-reset: a b c d e f g h i;

   counter-increment: j
 }

 .ql-editor ol li:before {

   content: counter(j, decimal) ". "

 }

 .ql-editor ol li.ql-indent-1 {

   counter-increment: a
 }

 .ql-editor ol li.ql-indent-1:before {

   content: counter(a, lower-alpha) ". "

 }

 .ql-editor ol li.ql-indent-1 {

   counter-reset: b c d e f g h i
 }

 .ql-editor ol li.ql-indent-2 {

   counter-increment: b
 }

 .ql-editor ol li.ql-indent-2:before {

   content: counter(b, lower-roman) ". "

 }

 .ql-editor ol li.ql-indent-2 {

   counter-reset: c d e f g h i
 }

 .ql-editor ol li.ql-indent-3 {

   counter-increment: c
 }

 .ql-editor ol li.ql-indent-3:before {

   content: counter(c, decimal) ". "

 }

 .ql-editor ol li.ql-indent-3 {

   counter-reset: d e f g h i
 }

 .ql-editor ol li.ql-indent-4 {

   counter-increment: d
 }

 .ql-editor ol li.ql-indent-4:before {

   content: counter(d, lower-alpha) ". "

 }

 .ql-editor ol li.ql-indent-4 {

   counter-reset: e f g h i
 }

 .ql-editor ol li.ql-indent-5 {

   counter-increment: e
 }

 .ql-editor ol li.ql-indent-5:before {

   content: counter(e, lower-roman) ". "

 }

 .ql-editor ol li.ql-indent-5 {

   counter-reset: f g h i
 }

 .ql-editor ol li.ql-indent-6 {

   counter-increment: f
 }

 .ql-editor ol li.ql-indent-6:before {

   content: counter(f, decimal) ". "

 }

 .ql-editor ol li.ql-indent-6 {

   counter-reset: g h i
 }

 .ql-editor ol li.ql-indent-7 {

   counter-increment: g
 }

 .ql-editor ol li.ql-indent-7:before {

   content: counter(g, lower-alpha) ". "

 }

 .ql-editor ol li.ql-indent-7 {

   counter-reset: h i
 }

 .ql-editor ol li.ql-indent-8 {

   counter-increment: h
 }

 .ql-editor ol li.ql-indent-8:before {

   content: counter(h, lower-roman) ". "

 }

 .ql-editor ol li.ql-indent-8 {

   counter-reset: i
 }

 .ql-editor ol li.ql-indent-9 {

   counter-increment: i
 }

 .ql-editor ol li.ql-indent-9:before {

   content: counter(i, decimal) ". "

 }

 .ql-editor .ql-indent-1:not(.ql-direction-rtl) {

   padding-left: 3em
 }

 .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {

   padding-left: 4.5em
 }

 .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {

   padding-right: 3em
 }

 .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {

   padding-right: 4.5em
 }

 .ql-editor .ql-indent-2:not(.ql-direction-rtl) {

   padding-left: 6em
 }

 .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {

   padding-left: 7.5em
 }

 .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {

   padding-right: 6em
 }

 .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {

   padding-right: 7.5em
 }

 .ql-editor .ql-indent-3:not(.ql-direction-rtl) {

   padding-left: 9em
 }

 .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {

   padding-left: 10.5em
 }

 .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {

   padding-right: 9em
 }

 .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {

   padding-right: 10.5em
 }

 .ql-editor .ql-indent-4:not(.ql-direction-rtl) {

   padding-left: 12em
 }

 .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {

   padding-left: 13.5em
 }

 .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {

   padding-right: 12em
 }

 .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {

   padding-right: 13.5em
 }

 .ql-editor .ql-indent-5:not(.ql-direction-rtl) {

   padding-left: 15em
 }

 .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {

   padding-left: 16.5em
 }

 .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {

   padding-right: 15em
 }

 .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {

   padding-right: 16.5em
 }

 .ql-editor .ql-indent-6:not(.ql-direction-rtl) {

   padding-left: 18em
 }

 .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {

   padding-left: 19.5em
 }

 .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {

   padding-right: 18em
 }

 .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {

   padding-right: 19.5em
 }

 .ql-editor .ql-indent-7:not(.ql-direction-rtl) {

   padding-left: 21em
 }

 .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {

   padding-left: 22.5em
 }

 .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {

   padding-right: 21em
 }

 .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {

   padding-right: 22.5em
 }

 .ql-editor .ql-indent-8:not(.ql-direction-rtl) {

   padding-left: 24em
 }

 .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {

   padding-left: 25.5em
 }

 .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {

   padding-right: 24em
 }

 .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {

   padding-right: 25.5em
 }

 .ql-editor .ql-indent-9:not(.ql-direction-rtl) {

   padding-left: 27em
 }

 .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {

   padding-left: 28.5em
 }

 .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {

   padding-right: 27em
 }

 .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {

   padding-right: 28.5em
 }

 .ql-editor .ql-video {

   display: block;

   max-width: 100%
 }

 .ql-editor .ql-video.ql-align-center {

   margin: 0 auto
 }

 .ql-editor .ql-video.ql-align-right {

   margin: 0 0 0 auto
 }

 .ql-editor .ql-bg-black {

   background-color: #000
 }

 .ql-editor .ql-bg-red {

   background-color: #e60000
 }

 .ql-editor .ql-bg-orange {

   background-color: #f90
 }

 .ql-editor .ql-bg-yellow {

   background-color: #ff0
 }

 .ql-editor .ql-bg-green {

   background-color: #008a00
 }

 .ql-editor .ql-bg-blue {

   background-color: #06c
 }

 .ql-editor .ql-bg-purple {

   background-color: #93f
 }

 .ql-editor .ql-color-white {

   color: #fff
 }

 .ql-editor .ql-color-red {

   color: #e60000
 }

 .ql-editor .ql-color-orange {

   color: #f90
 }

 .ql-editor .ql-color-yellow {

   color: #ff0
 }

 .ql-editor .ql-color-green {

   color: #008a00
 }

 .ql-editor .ql-color-blue {

   color: #06c
 }

 .ql-editor .ql-color-purple {

   color: #93f
 }

 .ql-editor .ql-font-serif {

   font-family: Georgia, Times New Roman, serif
 }

 .ql-editor .ql-font-monospace {

   font-family: Monaco, Courier New, monospace
 }

 .ql-editor .ql-size-small {

   font-size: .75em
 }

 .ql-editor .ql-size-large {

   font-size: 1.5em
 }

 .ql-editor .ql-size-huge {

   font-size: 2.5em
 }

 .ql-editor .ql-direction-rtl {

   direction: rtl;

   text-align: inherit
 }

 .ql-editor .ql-align-center {

   text-align: center
 }

 .ql-editor .ql-align-justify {

   text-align: justify
 }

 .ql-editor .ql-align-right {

   text-align: right
 }

 .ql-editor.ql-blank:before {

   color: rgba(0, 0, 0, .6);

   content: attr(data-placeholder);

   font-style: italic;

   left: 15px;

   pointer-events: none;

   position: absolute;

   right: 15px
 }

 .ql-snow.ql-toolbar:after,
 .ql-snow .ql-toolbar:after {

   clear: both;

   content: "";

   display: table
 }

 .ql-snow.ql-toolbar button,
 .ql-snow .ql-toolbar button {

   background: none;

   border: none;

   cursor: pointer;

   display: inline-block;

   float: left;

   height: 24px;

   padding: 3px 5px;

   width: 28px
 }

 .ql-snow.ql-toolbar button svg,
 .ql-snow .ql-toolbar button svg {

   float: left;

   height: 100%
 }

 .ql-snow.ql-toolbar button:active:hover,
 .ql-snow .ql-toolbar button:active:hover {

   outline: none
 }

 .ql-snow.ql-toolbar input.ql-image[type=file],
 .ql-snow .ql-toolbar input.ql-image[type=file] {

   display: none
 }

 .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
 .ql-snow .ql-toolbar .ql-picker-item.ql-selected,
 .ql-snow.ql-toolbar .ql-picker-item:hover,
 .ql-snow .ql-toolbar .ql-picker-item:hover,
 .ql-snow.ql-toolbar .ql-picker-label.ql-active,
 .ql-snow .ql-toolbar .ql-picker-label.ql-active,
 .ql-snow.ql-toolbar .ql-picker-label:hover,
 .ql-snow .ql-toolbar .ql-picker-label:hover,
 .ql-snow.ql-toolbar button.ql-active,
 .ql-snow .ql-toolbar button.ql-active,
 .ql-snow.ql-toolbar button:focus,
 .ql-snow .ql-toolbar button:focus,
 .ql-snow.ql-toolbar button:hover,
 .ql-snow .ql-toolbar button:hover {

   color: #06c
 }

 .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
 .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
 .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
 .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
 .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
 .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
 .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
 .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
 .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
 .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
 .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
 .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
 .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
 .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
 .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
 .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
 .ql-snow.ql-toolbar button.ql-active .ql-fill,
 .ql-snow .ql-toolbar button.ql-active .ql-fill,
 .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
 .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
 .ql-snow.ql-toolbar button:focus .ql-fill,
 .ql-snow .ql-toolbar button:focus .ql-fill,
 .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
 .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
 .ql-snow.ql-toolbar button:hover .ql-fill,
 .ql-snow .ql-toolbar button:hover .ql-fill,
 .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
 .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill {

   fill: #06c
 }

 .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
 .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
 .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
 .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
 .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
 .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
 .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
 .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
 .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
 .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
 .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
 .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
 .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
 .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
 .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
 .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
 .ql-snow.ql-toolbar button.ql-active .ql-stroke,
 .ql-snow .ql-toolbar button.ql-active .ql-stroke,
 .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
 .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
 .ql-snow.ql-toolbar button:focus .ql-stroke,
 .ql-snow .ql-toolbar button:focus .ql-stroke,
 .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
 .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
 .ql-snow.ql-toolbar button:hover .ql-stroke,
 .ql-snow .ql-toolbar button:hover .ql-stroke,
 .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
 .ql-snow .ql-toolbar button:hover .ql-stroke-miter {

   stroke: #06c
 }

 @media (pointer:coarse) {

   .ql-snow.ql-toolbar button:hover:not(.ql-active),
   .ql-snow .ql-toolbar button:hover:not(.ql-active) {

     color: #444
   }

   .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
   .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
   .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
   .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {

     fill: #444
   }

   .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
   .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
   .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
   .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {

     stroke: #444
   }

 }

 .ql-snow,
 .ql-snow * {

   box-sizing: border-box
 }

 .ql-snow .ql-hidden {

   display: none
 }

 .ql-snow .ql-out-bottom,
 .ql-snow .ql-out-top {

   visibility: hidden
 }

 .ql-snow .ql-tooltip {

   position: absolute;

   transform: translateY(10px)
 }

 .ql-snow .ql-tooltip a {

   cursor: pointer;

   text-decoration: none
 }

 .ql-snow .ql-tooltip.ql-flip {

   transform: translateY(-10px)
 }

 .ql-snow .ql-formats {

   display: inline-block;

   vertical-align: middle
 }

 .ql-snow .ql-formats:after {

   clear: both;

   content: "";

   display: table
 }

 .ql-snow .ql-stroke {

   fill: none;

   stroke: #444;

   stroke-linecap: round;

   stroke-linejoin: round;

   stroke-width: 2
 }

 .ql-snow .ql-stroke-miter {

   fill: none;

   stroke: #444;

   stroke-miterlimit: 10;

   stroke-width: 2
 }

 .ql-snow .ql-fill,
 .ql-snow .ql-stroke.ql-fill {

   fill: #444
 }

 .ql-snow .ql-empty {

   fill: none
 }

 .ql-snow .ql-even {

   fill-rule: evenodd
 }

 .ql-snow .ql-stroke.ql-thin,
 .ql-snow .ql-thin {

   stroke-width: 1
 }

 .ql-snow .ql-transparent {

   opacity: .4
 }

 .ql-snow .ql-direction svg:last-child {

   display: none
 }

 .ql-snow .ql-direction.ql-active svg:last-child {

   display: inline
 }

 .ql-snow .ql-direction.ql-active svg:first-child {

   display: none
 }

 .ql-snow .ql-editor h1 {

   font-size: 2em
 }

 .ql-snow .ql-editor h2 {

   font-size: 1.5em
 }

 .ql-snow .ql-editor h3 {

   font-size: 1.17em
 }

 .ql-snow .ql-editor h4 {

   font-size: 1em
 }

 .ql-snow .ql-editor h5 {

   font-size: .83em
 }

 .ql-snow .ql-editor h6 {

   font-size: .67em
 }

 .ql-snow .ql-editor a {

   text-decoration: underline
 }

 .ql-snow .ql-editor blockquote {

   border-left: 4px solid #ccc;

   margin-bottom: 5px;

   margin-top: 5px;

   padding-left: 16px
 }

 .ql-snow .ql-editor code,
 .ql-snow .ql-editor pre {

   background-color: #f0f0f0;

   border-radius: 3px
 }

 .ql-snow .ql-editor pre {

   white-space: pre-wrap;

   margin-bottom: 5px;

   margin-top: 5px;

   padding: 5px 10px
 }

 .ql-snow .ql-editor code {

   font-size: 85%;

   padding: 2px 4px
 }

 .ql-snow .ql-editor pre.ql-syntax {

   background-color: #23241f;

   color: #f8f8f2;

   overflow: visible
 }

 .ql-snow .ql-editor img {

   max-width: 100%
 }

 .ql-snow .ql-picker {

   color: #444;

   display: inline-block;

   float: left;

   font-size: 14px;

   font-weight: 500;

   height: 24px;

   position: relative;

   vertical-align: middle
 }

 .ql-snow .ql-picker-label {

   cursor: pointer;

   display: inline-block;

   height: 100%;

   padding-left: 8px;

   padding-right: 2px;

   position: relative;

   width: 100%
 }

 .ql-snow .ql-picker-label:before {

   display: inline-block;

   line-height: 22px
 }

 .ql-snow .ql-picker-options {

   background-color: #fff;

   display: none;

   min-width: 100%;

   padding: 4px 8px;

   position: absolute;

   white-space: nowrap
 }

 .ql-snow .ql-picker-options .ql-picker-item {

   cursor: pointer;

   display: block;

   padding-bottom: 5px;

   padding-top: 5px
 }

 .ql-snow .ql-picker.ql-expanded .ql-picker-label {

   color: #ccc;

   z-index: 2
 }

 .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {

   fill: #ccc
 }

 .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {

   stroke: #ccc
 }

 .ql-snow .ql-picker.ql-expanded .ql-picker-options {

   display: block;

   margin-top: -1px;

   top: 100%;

   z-index: 1
 }

 .ql-snow .ql-color-picker,
 .ql-snow .ql-icon-picker {

   width: 28px
 }

 .ql-snow .ql-color-picker .ql-picker-label,
 .ql-snow .ql-icon-picker .ql-picker-label {

   padding: 2px 4px
 }

 .ql-snow .ql-color-picker .ql-picker-label svg,
 .ql-snow .ql-icon-picker .ql-picker-label svg {

   right: 4px
 }

 .ql-snow .ql-icon-picker .ql-picker-options {

   padding: 4px 0
 }

 .ql-snow .ql-icon-picker .ql-picker-item {

   height: 24px;

   width: 24px;

   padding: 2px 4px
 }

 .ql-snow .ql-color-picker .ql-picker-options {

   padding: 3px 5px;

   width: 152px
 }

 .ql-snow .ql-color-picker .ql-picker-item {

   border: 1px solid transparent;

   float: left;

   height: 16px;

   margin: 2px;

   padding: 0;

   width: 16px
 }

 .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {

   position: absolute;

   margin-top: -9px;

   right: 0;

   top: 50%;

   width: 18px
 }

 .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,
 .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,
 .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,
 .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,
 .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,
 .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before {

   content: attr(data-label)
 }

 .ql-snow .ql-picker.ql-header {

   width: 98px
 }

 .ql-snow .ql-picker.ql-header .ql-picker-item:before,
 .ql-snow .ql-picker.ql-header .ql-picker-label:before {

   content: "Normal"

 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,
 .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before {

   content: "Heading 1"

 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,
 .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before {

   content: "Heading 2"

 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,
 .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before {

   content: "Heading 3"

 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,
 .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before {

   content: "Heading 4"

 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,
 .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before {

   content: "Heading 5"

 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,
 .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before {

   content: "Heading 6"

 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {

   font-size: 2em
 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {

   font-size: 1.5em
 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {

   font-size: 1.17em
 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {

   font-size: 1em
 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {

   font-size: .83em
 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {

   font-size: .67em
 }

 .ql-snow .ql-picker.ql-font {

   width: 108px
 }

 .ql-snow .ql-picker.ql-font .ql-picker-item:before,
 .ql-snow .ql-picker.ql-font .ql-picker-label:before {

   content: "Sans Serif"

 }

 .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,
 .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before {

   content: "Serif"

 }

 .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,
 .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before {

   content: "Monospace"

 }

 .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {

   font-family: Georgia, Times New Roman, serif
 }

 .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {

   font-family: Monaco, Courier New, monospace
 }

 .ql-snow .ql-picker.ql-size {

   width: 98px
 }

 .ql-snow .ql-picker.ql-size .ql-picker-item:before,
 .ql-snow .ql-picker.ql-size .ql-picker-label:before {

   content: "Normal"

 }

 .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,
 .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before {

   content: "Small"

 }

 .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,
 .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before {

   content: "Large"

 }

 .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,
 .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before {

   content: "Huge"

 }

 .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {

   font-size: 10px
 }

 .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {

   font-size: 18px
 }

 .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {

   font-size: 32px
 }

 .ql-snow .ql-color-picker.ql-background .ql-picker-item {

   background-color: #fff
 }

 .ql-snow .ql-color-picker.ql-color .ql-picker-item {

   background-color: #000
 }

 .ql-toolbar.ql-snow {

   border: 1px solid #ccc;

   box-sizing: border-box;

   font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

   padding: 8px
 }

 .ql-toolbar.ql-snow .ql-formats {

   margin-right: 15px
 }

 .ql-toolbar.ql-snow .ql-picker-label {

   border: 1px solid transparent
 }

 .ql-toolbar.ql-snow .ql-picker-options {

   border: 1px solid transparent;

   box-shadow: 0 2px 8px rgba(0, 0, 0, .2)
 }

 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {

   border-color: #ccc
 }

 .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
 .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {

   border-color: #000
 }

 .ql-toolbar.ql-snow+.ql-container.ql-snow {

   border-top: 0
 }

 .ql-snow .ql-tooltip {

   background-color: #fff;

   border: 1px solid #ccc;

   box-shadow: 0 0 5px #ddd;

   color: #444;

   padding: 5px 12px;

   white-space: nowrap
 }

 .ql-snow .ql-tooltip:before {

   content: "Visit URL:";

   line-height: 26px;

   margin-right: 8px
 }

 .ql-snow .ql-tooltip input[type=text] {

   display: none;

   border: 1px solid #ccc;

   font-size: 13px;

   height: 26px;

   margin: 0;

   padding: 3px 5px;

   width: 170px
 }

 .ql-snow .ql-tooltip a.ql-preview {

   display: inline-block;

   max-width: 200px;

   overflow-x: hidden;

   text-overflow: ellipsis;

   vertical-align: top
 }

 .ql-snow .ql-tooltip a.ql-action:after {

   border-right: 1px solid #ccc;

   content: "Edit";

   margin-left: 16px;

   padding-right: 8px
 }

 .ql-snow .ql-tooltip a.ql-remove:before {

   content: "Remove";

   margin-left: 8px
 }

 .ql-snow .ql-tooltip a {

   line-height: 26px
 }

 .ql-snow .ql-tooltip.ql-editing a.ql-preview,
 .ql-snow .ql-tooltip.ql-editing a.ql-remove {

   display: none
 }

 .ql-snow .ql-tooltip.ql-editing input[type=text] {

   display: inline-block
 }

 .ql-snow .ql-tooltip.ql-editing a.ql-action:after {

   border-right: 0;

   content: "Save";

   padding-right: 0
 }

 .ql-snow .ql-tooltip[data-mode=link]:before {

   content: "Enter link:"

 }

 .ql-snow .ql-tooltip[data-mode=formula]:before {

   content: "Enter formula:"

 }

 .ql-snow .ql-tooltip[data-mode=video]:before {

   content: "Enter video:"

 }

 .ql-snow a {

   color: #06c
 }

 .ql-container.ql-snow {

   border: 1px solid #ccc
 }

 svg {

   touch-action: none
 }

 .jvectormap-container {

   width: 100%;

   height: 100%;

   position: relative;

   overflow: hidden;

   touch-action: none
 }

 .jvectormap-tip {

   position: absolute;

   display: none;

   border: 1px solid #cdcdcd;

   border-radius: 3px;

   background: #292929;

   color: #fff;

   font-family: sans-serif;

   font-size: smaller;

   padding: 3px
 }

 .jvectormap-goback,
 .jvectormap-zoomin,
 .jvectormap-zoomout {

   position: absolute;

   left: 10px;

   border-radius: 3px;

   background: #292929;

   padding: 3px;

   color: #fff;

   cursor: pointer;

   line-height: 10px;

   text-align: center;

   box-sizing: content-box
 }

 .jvectormap-zoomin,
 .jvectormap-zoomout {

   width: 10px;

   height: 10px
 }

 .jvectormap-zoomin {

   top: 10px
 }

 .jvectormap-zoomout {

   top: 30px
 }

 .jvectormap-goback {

   bottom: 10px;

   z-index: 1;

   padding: 6px
 }

 .jvectormap-spinner {

   position: absolute;

   left: 0;

   top: 0;

   right: 0;

   bottom: 0;

   background: 50% no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==)
 }

 .jvectormap-legend-title {

   font-weight: 700;

   font-size: 14px;

   text-align: center
 }

 .jvectormap-legend-cnt {

   position: absolute
 }

 .jvectormap-legend-cnt-h {

   bottom: 0;

   right: 0
 }

 .jvectormap-legend-cnt-v {

   top: 0;

   right: 0
 }

 .jvectormap-legend {

   background: #000;

   color: #fff;

   border-radius: 3px
 }

 .jvectormap-legend-cnt-h .jvectormap-legend {

   float: left;

   margin: 0 10px 10px 0;

   padding: 3px 3px 1px
 }

 .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {

   float: left
 }

 .jvectormap-legend-cnt-v .jvectormap-legend {

   margin: 10px 10px 0 0;

   padding: 3px
 }

 .jvectormap-legend-cnt-h .jvectormap-legend-tick {

   width: 40px
 }

 .jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {

   height: 15px
 }

 .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {

   height: 20px;

   width: 20px;

   display: inline-block;

   vertical-align: middle
 }

 .jvectormap-legend-tick-text {

   font-size: 12px
 }

 .jvectormap-legend-cnt-h .jvectormap-legend-tick-text {

   text-align: center
 }

 .jvectormap-legend-cnt-v .jvectormap-legend-tick-text {

   display: inline-block;

   vertical-align: middle;

   line-height: 20px;

   padding-left: 3px
 }

 table.dataTable {

   width: 100%;

   margin: 0 auto;

   clear: both;

   border-collapse: separate;

   border-spacing: 0
 }

 table.dataTable tfoot th,
 table.dataTable thead th {

   font-weight: 700
 }

 table.dataTable thead td,
 table.dataTable thead th {

   padding: 10px 18px;

   border-bottom: 1px solid #111
 }

 table.dataTable thead td:active,
 table.dataTable thead th:active {

   outline: none
 }

 table.dataTable tfoot td,
 table.dataTable tfoot th {

   padding: 10px 18px 6px;

   border-top: 1px solid #111
 }

 table.dataTable thead .sorting,
 table.dataTable thead .sorting_asc,
 table.dataTable thead .sorting_asc_disabled,
 table.dataTable thead .sorting_desc,
 table.dataTable thead .sorting_desc_disabled {

   cursor: pointer;

   *cursor: hand;

   background-repeat: no-repeat;

   background-position: 100%
 }

 table.dataTable thead .sorting {

   background-image: url(../images/sort_both.png)
 }

 table.dataTable thead .sorting_asc {

   background-image: url(../images/sort_asc.png)
 }

 table.dataTable thead .sorting_desc {

   background-image: url(../images/sort_desc.png)
 }

 table.dataTable thead .sorting_asc_disabled {

   background-image: url(../images/sort_asc_disabled.png)
 }

 table.dataTable thead .sorting_desc_disabled {

   background-image: url(../images/sort_desc_disabled.png)
 }

 table.dataTable tbody tr {

   background-color: #fff
 }

 table.dataTable tbody tr.selected {

   background-color: #b0bed9
 }

 table.dataTable tbody td,
 table.dataTable tbody th {

   padding: 8px 10px
 }

 table.dataTable.display tbody td,
 table.dataTable.display tbody th,
 table.dataTable.row-border tbody td,
 table.dataTable.row-border tbody th {

   border-top: 1px solid #ddd
 }

 table.dataTable.display tbody tr:first-child td,
 table.dataTable.display tbody tr:first-child th,
 table.dataTable.row-border tbody tr:first-child td,
 table.dataTable.row-border tbody tr:first-child th {

   border-top: none
 }

 table.dataTable.cell-border tbody td,
 table.dataTable.cell-border tbody th {

   border-top: 1px solid #ddd;

   border-right: 1px solid #ddd
 }

 table.dataTable.cell-border tbody tr td:first-child,
 table.dataTable.cell-border tbody tr th:first-child {

   border-left: 1px solid #ddd
 }

 table.dataTable.cell-border tbody tr:first-child td,
 table.dataTable.cell-border tbody tr:first-child th {

   border-top: none
 }

 table.dataTable.display tbody tr.odd,
 table.dataTable.stripe tbody tr.odd {

   background-color: #f9f9f9
 }

 table.dataTable.display tbody tr.odd.selected,
 table.dataTable.stripe tbody tr.odd.selected {

   background-color: #acbad4
 }

 table.dataTable.display tbody tr:hover,
 table.dataTable.hover tbody tr:hover {

   background-color: #f6f6f6
 }

 table.dataTable.display tbody tr:hover.selected,
 table.dataTable.hover tbody tr:hover.selected {

   background-color: #aab7d1
 }

 table.dataTable.display tbody tr>.sorting_1,
 table.dataTable.display tbody tr>.sorting_2,
 table.dataTable.display tbody tr>.sorting_3,
 table.dataTable.order-column tbody tr>.sorting_1,
 table.dataTable.order-column tbody tr>.sorting_2,
 table.dataTable.order-column tbody tr>.sorting_3 {

   background-color: #fafafa
 }

 table.dataTable.display tbody tr.selected>.sorting_1,
 table.dataTable.display tbody tr.selected>.sorting_2,
 table.dataTable.display tbody tr.selected>.sorting_3,
 table.dataTable.order-column tbody tr.selected>.sorting_1,
 table.dataTable.order-column tbody tr.selected>.sorting_2,
 table.dataTable.order-column tbody tr.selected>.sorting_3 {

   background-color: #acbad5
 }

 table.dataTable.display tbody tr.odd>.sorting_1,
 table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {

   background-color: #f1f1f1
 }

 table.dataTable.display tbody tr.odd>.sorting_2,
 table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {

   background-color: #f3f3f3
 }

 table.dataTable.display tbody tr.odd>.sorting_3,
 table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {

   background-color: #f5f5f5
 }

 table.dataTable.display tbody tr.odd.selected>.sorting_1,
 table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {

   background-color: #a6b4cd
 }

 table.dataTable.display tbody tr.odd.selected>.sorting_2,
 table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {

   background-color: #a8b5cf
 }

 table.dataTable.display tbody tr.odd.selected>.sorting_3,
 table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {

   background-color: #a9b7d1
 }

 table.dataTable.display tbody tr.even>.sorting_1,
 table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {

   background-color: #fafafa
 }

 table.dataTable.display tbody tr.even>.sorting_2,
 table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {

   background-color: #fcfcfc
 }

 table.dataTable.display tbody tr.even>.sorting_3,
 table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {

   background-color: #fefefe
 }

 table.dataTable.display tbody tr.even.selected>.sorting_1,
 table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {

   background-color: #acbad5
 }

 table.dataTable.display tbody tr.even.selected>.sorting_2,
 table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {

   background-color: #aebcd6
 }

 table.dataTable.display tbody tr.even.selected>.sorting_3,
 table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {

   background-color: #afbdd8
 }

 table.dataTable.display tbody tr:hover>.sorting_1,
 table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {

   background-color: #eaeaea
 }

 table.dataTable.display tbody tr:hover>.sorting_2,
 table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {

   background-color: #ececec
 }

 table.dataTable.display tbody tr:hover>.sorting_3,
 table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {

   background-color: #efefef
 }

 table.dataTable.display tbody tr:hover.selected>.sorting_1,
 table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {

   background-color: #a2aec7
 }

 table.dataTable.display tbody tr:hover.selected>.sorting_2,
 table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {

   background-color: #a3b0c9
 }

 table.dataTable.display tbody tr:hover.selected>.sorting_3,
 table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {

   background-color: #a5b2cb
 }

 table.dataTable.no-footer {

   border-bottom: 1px solid #111
 }

 table.dataTable.nowrap td,
 table.dataTable.nowrap th {

   white-space: nowrap
 }

 table.dataTable.compact thead td,
 table.dataTable.compact thead th {

   padding: 4px 17px 4px 4px
 }

 table.dataTable.compact tbody td,
 table.dataTable.compact tbody th,
 table.dataTable.compact tfoot td,
 table.dataTable.compact tfoot th {

   padding: 4px
 }

 table.dataTable td.dt-left,
 table.dataTable th.dt-left {

   text-align: left
 }

 table.dataTable td.dataTables_empty,
 table.dataTable td.dt-center,
 table.dataTable th.dt-center {

   text-align: center
 }

 table.dataTable td.dt-right,
 table.dataTable th.dt-right {

   text-align: right
 }

 table.dataTable td.dt-justify,
 table.dataTable th.dt-justify {

   text-align: justify
 }

 table.dataTable td.dt-nowrap,
 table.dataTable th.dt-nowrap {

   white-space: nowrap
 }

 table.dataTable tfoot td.dt-head-left,
 table.dataTable tfoot th.dt-head-left,
 table.dataTable thead td.dt-head-left,
 table.dataTable thead th.dt-head-left {

   text-align: left
 }

 table.dataTable tfoot td.dt-head-center,
 table.dataTable tfoot th.dt-head-center,
 table.dataTable thead td.dt-head-center,
 table.dataTable thead th.dt-head-center {

   text-align: center
 }

 table.dataTable tfoot td.dt-head-right,
 table.dataTable tfoot th.dt-head-right,
 table.dataTable thead td.dt-head-right,
 table.dataTable thead th.dt-head-right {

   text-align: right
 }

 table.dataTable tfoot td.dt-head-justify,
 table.dataTable tfoot th.dt-head-justify,
 table.dataTable thead td.dt-head-justify,
 table.dataTable thead th.dt-head-justify {

   text-align: justify
 }

 table.dataTable tfoot td.dt-head-nowrap,
 table.dataTable tfoot th.dt-head-nowrap,
 table.dataTable thead td.dt-head-nowrap,
 table.dataTable thead th.dt-head-nowrap {

   white-space: nowrap
 }

 table.dataTable tbody td.dt-body-left,
 table.dataTable tbody th.dt-body-left {

   text-align: left
 }

 table.dataTable tbody td.dt-body-center,
 table.dataTable tbody th.dt-body-center {

   text-align: center
 }

 table.dataTable tbody td.dt-body-right,
 table.dataTable tbody th.dt-body-right {

   text-align: right
 }

 table.dataTable tbody td.dt-body-justify,
 table.dataTable tbody th.dt-body-justify {

   text-align: justify
 }

 table.dataTable tbody td.dt-body-nowrap,
 table.dataTable tbody th.dt-body-nowrap {

   white-space: nowrap
 }

 table.dataTable,
 table.dataTable td,
 table.dataTable th {

   box-sizing: content-box
 }

 .dataTables_wrapper {

   position: relative;

   clear: both;

   *zoom: 1;

   zoom: 1
 }

 .dataTables_wrapper .dataTables_length {

   float: left
 }

 .dataTables_wrapper .dataTables_filter {

   float: right;

   text-align: right
 }

 .dataTables_wrapper .dataTables_filter input {

   margin-left: .5em
 }

 .dataTables_wrapper .dataTables_info {

   clear: both;

   float: left;

   padding-top: .755em
 }

 .dataTables_wrapper .dataTables_paginate {

   float: right;

   text-align: right;

   padding-top: .25em
 }

 .dataTables_wrapper .dataTables_paginate .paginate_button {

   box-sizing: border-box;

   display: inline-block;

   min-width: 1.5em;

   padding: .5em 1em;

   margin-left: 2px;

   text-align: center;

   text-decoration: none !important;

   cursor: pointer;

   *cursor: hand;

   color: #333 !important;

   border: 1px solid transparent;

   border-radius: 2px
 }

 .dataTables_wrapper .dataTables_paginate .paginate_button.current,
 .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {

   color: #333 !important;

   border: 1px solid #979797;

   background-color: #fff;

   background: linear-gradient(180deg, #fff 0, #dcdcdc)
 }

 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {

   cursor: default;

   color: #666 !important;

   border: 1px solid transparent;

   background: transparent;

   box-shadow: none
 }

 .dataTables_wrapper .dataTables_paginate .paginate_button:hover {

   color: #fff !important;

   border: 1px solid #111;

   background-color: #585858;

   background: linear-gradient(180deg, #585858 0, #111)
 }

 .dataTables_wrapper .dataTables_paginate .paginate_button:active {

   outline: none;

   background-color: #2b2b2b;

   background: linear-gradient(180deg, #2b2b2b 0, #0c0c0c);

   box-shadow: inset 0 0 3px #111
 }

 .dataTables_wrapper .dataTables_paginate .ellipsis {

   padding: 0 1em
 }

 .dataTables_wrapper .dataTables_processing {

   position: absolute;

   top: 50%;

   left: 50%;

   width: 100%;

   height: 40px;

   margin-left: -50%;

   margin-top: -25px;

   padding-top: 20px;

   text-align: center;

   font-size: 1.2em;

   background-color: #fff;

   background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .9) 25%, hsla(0, 0%, 100%, .9) 75%, hsla(0, 0%, 100%, 0))
 }

 .dataTables_wrapper .dataTables_filter,
 .dataTables_wrapper .dataTables_info,
 .dataTables_wrapper .dataTables_length,
 .dataTables_wrapper .dataTables_paginate,
 .dataTables_wrapper .dataTables_processing {

   color: #333
 }

 .dataTables_wrapper .dataTables_scroll {

   clear: both
 }

 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {

   *margin-top: -1px;

   -webkit-overflow-scrolling: touch
 }

 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td,
 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,
 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,
 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th {

   vertical-align: middle
 }

 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing,
 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,
 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,
 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing {

   height: 0;

   overflow: hidden;

   margin: 0 !important;

   padding: 0 !important
 }

 .dataTables_wrapper.no-footer .dataTables_scrollBody {

   border-bottom: 1px solid #111
 }

 .dataTables_wrapper.no-footer div.dataTables_scrollBody>table,
 .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable {

   border-bottom: none
 }

 .dataTables_wrapper:after {

   visibility: hidden;

   display: block;

   content: "";

   clear: both;

   height: 0
 }

 @media screen and (max-width:767px) {

   .dataTables_wrapper .dataTables_info,
   .dataTables_wrapper .dataTables_paginate {

     float: none;

     text-align: center
   }

   .dataTables_wrapper .dataTables_paginate {

     margin-top: .5em
   }

 }

 @media screen and (max-width:640px) {

   .dataTables_wrapper .dataTables_filter,
   .dataTables_wrapper .dataTables_length {

     float: none;

     text-align: center
   }

   .dataTables_wrapper .dataTables_filter {

     margin-top: .5em
   }

 }

 /*!

 * Cropper.js v1.5.9

 * https://fengyuanchen.github.io/cropperjs

 *

 * Copyright 2015-present Chen Fengyuan

 * Released under the MIT license

 *

 * Date: 2020-09-10T13:16:21.689Z

 */
 .cropper-container {

   direction: ltr;

   font-size: 0;

   line-height: 0;

   position: relative;

   -ms-touch-action: none;

   touch-action: none;

   -webkit-user-select: none;

   -moz-user-select: none;

   -ms-user-select: none;

   user-select: none
 }

 .cropper-container img {

   display: block;

   height: 100%;

   image-orientation: 0deg;

   max-height: none !important;

   max-width: none !important;

   min-height: 0 !important;

   min-width: 0 !important;

   width: 100%
 }

 .cropper-canvas,
 .cropper-crop-box,
 .cropper-drag-box,
 .cropper-modal,
 .cropper-wrap-box {

   bottom: 0;

   left: 0;

   position: absolute;

   right: 0;

   top: 0
 }

 .cropper-canvas,
 .cropper-wrap-box {

   overflow: hidden
 }

 .cropper-drag-box {

   background-color: #fff;

   opacity: 0
 }

 .cropper-modal {

   background-color: #000;

   opacity: .5
 }

 .cropper-view-box {

   display: block;

   height: 100%;

   outline: 1px solid #39f;

   outline-color: rgba(51, 153, 255, .75);

   overflow: hidden;

   width: 100%
 }

 .cropper-dashed {

   border: 0 dashed #eee;

   display: block;

   opacity: .5;

   position: absolute
 }

 .cropper-dashed.dashed-h {

   border-bottom-width: 1px;

   border-top-width: 1px;

   height: 33.33333%;

   left: 0;

   top: 33.33333%;

   width: 100%
 }

 .cropper-dashed.dashed-v {

   border-left-width: 1px;

   border-right-width: 1px;

   height: 100%;

   left: 33.33333%;

   top: 0;

   width: 33.33333%
 }

 .cropper-center {

   display: block;

   height: 0;

   left: 50%;

   opacity: .75;

   position: absolute;

   top: 50%;

   width: 0
 }

 .cropper-center:after,
 .cropper-center:before {

   background-color: #eee;

   content: " ";

   display: block;

   position: absolute
 }

 .cropper-center:before {

   height: 1px;

   left: -3px;

   top: 0;

   width: 7px
 }

 .cropper-center:after {

   height: 7px;

   left: 0;

   top: -3px;

   width: 1px
 }

 .cropper-face,
 .cropper-line,
 .cropper-point {

   display: block;

   height: 100%;

   opacity: .1;

   position: absolute;

   width: 100%
 }

 .cropper-face {

   background-color: #fff;

   left: 0;

   top: 0
 }

 .cropper-line {

   background-color: #39f
 }

 .cropper-line.line-e {

   cursor: ew-resize;

   right: -3px;

   top: 0;

   width: 5px
 }

 .cropper-line.line-n {

   cursor: ns-resize;

   height: 5px;

   left: 0;

   top: -3px
 }

 .cropper-line.line-w {

   cursor: ew-resize;

   left: -3px;

   top: 0;

   width: 5px
 }

 .cropper-line.line-s {

   bottom: -3px;

   cursor: ns-resize;

   height: 5px;

   left: 0
 }

 .cropper-point {

   background-color: #39f;

   height: 5px;

   opacity: .75;

   width: 5px
 }

 .cropper-point.point-e {

   cursor: ew-resize;

   margin-top: -3px;

   right: -3px;

   top: 50%
 }

 .cropper-point.point-n {

   cursor: ns-resize;

   left: 50%;

   margin-left: -3px;

   top: -3px
 }

 .cropper-point.point-w {

   cursor: ew-resize;

   left: -3px;

   margin-top: -3px;

   top: 50%
 }

 .cropper-point.point-s {

   bottom: -3px;

   cursor: s-resize;

   left: 50%;

   margin-left: -3px
 }

 .cropper-point.point-ne {

   cursor: nesw-resize;

   right: -3px;

   top: -3px
 }

 .cropper-point.point-nw {

   cursor: nwse-resize;

   left: -3px;

   top: -3px
 }

 .cropper-point.point-sw {

   bottom: -3px;

   cursor: nesw-resize;

   left: -3px
 }

 .cropper-point.point-se {

   bottom: -3px;

   cursor: nwse-resize;

   height: 20px;

   opacity: 1;

   right: -3px;

   width: 20px
 }

 @media (min-width:768px) {

   .cropper-point.point-se {

     height: 15px;

     width: 15px
   }

 }

 @media (min-width:992px) {

   .cropper-point.point-se {

     height: 10px;

     width: 10px
   }

 }

 @media (min-width:1200px) {

   .cropper-point.point-se {

     height: 5px;

     opacity: .75;

     width: 5px
   }

 }

 .cropper-point.point-se:before {

   background-color: #39f;

   bottom: -50%;

   content: " ";

   display: block;

   height: 200%;

   opacity: 0;

   position: absolute;

   right: -50%;

   width: 200%
 }

 .cropper-invisible {

   opacity: 0
 }

 .cropper-bg {

   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
 }

 .cropper-hide {

   display: block;

   height: 0;

   position: absolute;

   width: 0
 }

 .cropper-hidden {

   display: none !important
 }

 .cropper-move {

   cursor: move
 }

 .cropper-crop {

   cursor: crosshair
 }

 .cropper-disabled .cropper-drag-box,
 .cropper-disabled .cropper-face,
 .cropper-disabled .cropper-line,
 .cropper-disabled .cropper-point {

   cursor: not-allowed
 }

 a {
   color: #0053d3;
 }

 .btn-primary {
   background: #ae0918 !important;
   padding: 3px 10px;
   border: 0;
   border-radius: 5px;
 }

 .sidebar-default .iq-sidebar-menu .iq-menu li a:hover {
   color: #0053d3;
 }


 .view_requirement .row,
 .view_requirement .card {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
 }

 .view_requirement .row .card {
   background: #fafafa !important;
 }

 .view_requirement div[class*="col-"] {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
 }

 .view_requirement .card {
   margin-bottom: 30px !important;
   border-radius: 5px;
   box-shadow: 1px 2px 15px rgba(0, 0, 0, .2);
 }

 .view_requirement .card .card-header,
 .view_requirement .card .card-body {
   padding: 10px 20px;
   transition: all .2s ease;
 }

 .view_requirement .btn {
   padding: 3px 10px;
   border: 0;
   border-radius: 5px;
 }

 .view_requirement .btn-primary {
   background-color: #ae0918;
 }

 .view_requirement .btn-primary:hover {
   opacity: .8;
 }

 .view_requirement table thead tr th,
 .view_requirement table thead tr td {
   padding: 5px;
   background: #e6e6e6;
   color: #414141 !important;
 }

 .view_requirement .card form {
   margin-bottom: 10px;
 }

 .view_requirement .card .card-header {
   display: block;
   position: relative;
   cursor: pointer;
   border-color: #ccc;
 }

 .view_requirement .card .card-header:hover {
   background: #ae0918;
   color: white;
 }

 .view_requirement .card .card-header:hover h4 {
   color: white;
 }

 .view_requirement .card .card-header:after {
   content: '';
   position: absolute;
   top: 0;
   right: 20px;
   bottom: 0;
   margin: auto;

   width: 0;
   height: 0;
   border-left: 8px solid transparent;
   border-right: 8px solid transparent;

   border-top: 8px solid #ae0000;

   display: block;

 }

 .view_requirement .card .card-body.hide {
   max-height: 0;
   min-height: 0;
   height: 0;
   overflow: hidden;
   padding: 0;
   opacity: 0;
 }

 .view_requirement .card .card-body .form-control {
   border-color: #ddd;
   height: 30px;
   line-height: 1.1;
   padding: 5px;
 }

 .view_requirement .card .card-body textarea.form-control {
   height: 80px;
 }

 .view_requirement button.dt-button {
   background: 0;
   padding: 2px 10px;
   background: #aaa;
   color: white;
   border: 0;
 }

 .view_requirement button.dt-button:hover {
   border: 0;
   background: #ae0918;
   color: #fff;
 }

 .view_requirement .card .card-body .dataTables_wrapper {
   margin-top: 25px;
   margin-bottom: 25px;
 }


 .table-input {
   border: 0;
   outline: 0;
   background: transparent;
   display: block;
   width: 100%;
 }

 .table-input:focus {
   border: 1px solid darkblue;
   background: white;
 }


 .form-basic {
   border: 2px solid #eee;
   padding: 15px;
   margin: 15px 0;
 }

 .files-selected-preview {
   color: blue;
   margin-bottom: 15px;
 }

 textarea.form-control {
   line-height: 1.4rem;
 }

 table.datatable-with-export thead th {
   color: #303030 !important;
 }

 .btn {
   border: 0;
   border-radius: 5px;
   padding: 4px 10px;
   outline: 0;
 }

 .btn-primary {
   background: #ae0918;
 }

 .card {
   box-shadow: 1px 2px 15px rgba(0, 0, 0, .2);
 }

 button.dt-button {
   background: 0;
   padding: 2px 10px;
   background: #aaa;
   color: white;
   border: 0;
 }

 button.dt-button:hover {
   border: 0 !important;
   background: #ae0918 !important;
   color: #fff !important;
 }

 .form-control {
   border-color: #ddd;
   height: 30px;
   line-height: 1.1;
   padding: 5px;
 }

 textarea.form-control {
   height: 80px;
 }

 .sidebar-default .iq-sidebar-menu .iq-menu > li.active > a {
   color: #fff;
   background: #ae0918;
   padding: 10px;
   padding-left: 18px;
 }

 .card .card {
   margin: 0;
 }


 @media(min-width: 992px) {

   .content-page {
     padding-top: 15px;
   }
 }

 body {
   overflow-x: hidden !important;
 }


 .content-page {
   display: none;
 }

 .note-btn.dropdown-toggle::after {
   display: none !important;
 }