/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

 @import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700&display=swap");
 :root {
   --blue: #007bff;
   --indigo: #6610f2;
   --purple: #6f42c1;
   --pink: #e83e8c;
   --red: #dc3545;
   --orange: #fd7e14;
   --yellow: #ffc107;
   --green: #28a745;
   --teal: #20c997;
   --cyan: #17a2b8;
   --white: #fff;
   --gray: #6c757d;
   --gray-dark: #343a40;
   --primary: #007bff;
   --secondary: #6c757d;
   --success: #28a745;
   --info: #17a2b8;
   --warning: #ffc107;
   --danger: #dc3545;
   --light: #f8f9fa;
   --dark: #343a40;
   --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 {
   -webkit-box-sizing: border-box;
           box-sizing: border-box
 }
 
 html {
   font-family: sans-serif;
   line-height: 1.15;
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: transparent
 }
 
 article,
 aside,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 nav,
 section {
   display: block
 }
 
 body {
   margin: 0;
   font-family: -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-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #212529;
   text-align: left;
   background-color: #fff
 }
 
 [tabindex="-1"]:focus {
   outline: 0 !important
 }
 
 hr {
   -webkit-box-sizing: content-box;
           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;
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted;
   cursor: help;
   border-bottom: 0;
   -webkit-text-decoration-skip-ink: none;
   text-decoration-skip-ink: none
 }
 
 address {
   margin-bottom: 1rem;
   font-style: normal;
   line-height: inherit
 }
 
 dl,
 ol,
 ul {
   margin-top: 0;
   margin-bottom: 1rem
 }
 
 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: #007bff;
   text-decoration: none;
   background-color: transparent
 }
 
 a:hover {
   color: #0056b3;
   text-decoration: underline
 }
 
 a:not([href]):not([tabindex]) {
   color: inherit;
   text-decoration: none
 }
 
 a:not([href]):not([tabindex]):focus,
 a:not([href]):not([tabindex]):hover {
   color: inherit;
   text-decoration: none
 }
 
 a:not([href]):not([tabindex]):focus {
   outline: 0
 }
 
 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
 }
 
 figure {
   margin: 0 0 1rem
 }
 
 img {
   vertical-align: middle;
   border-style: none
 }
 
 svg {
   overflow: hidden;
   vertical-align: middle
 }
 
 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
 }
 
 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] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   padding: 0
 }
 
 input[type=date],
 input[type=datetime-local],
 input[type=month],
 input[type=time] {
   -webkit-appearance: listbox
 }
 
 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
 }
 
 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: 2.5rem
 }
 
 .h2,
 h2 {
   font-size: 2rem
 }
 
 .h3,
 h3 {
   font-size: 1.75rem
 }
 
 .h4,
 h4 {
   font-size: 1.5rem
 }
 
 .h5,
 h5 {
   font-size: 1.25rem
 }
 
 .h6,
 h6 {
   font-size: 1rem
 }
 
 .lead {
   font-size: 1.25rem;
   font-weight: 300
 }
 
 .display-1 {
   font-size: 6rem;
   font-weight: 300;
   line-height: 1.2
 }
 
 .display-2 {
   font-size: 5.5rem;
   font-weight: 300;
   line-height: 1.2
 }
 
 .display-3 {
   font-size: 4.5rem;
   font-weight: 300;
   line-height: 1.2
 }
 
 .display-4 {
   font-size: 3.5rem;
   font-weight: 300;
   line-height: 1.2
 }
 
 hr {
   margin-top: 1rem;
   margin-bottom: 1rem;
   border: 0;
   border-top: 1px solid rgba(0, 0, 0, 0.1)
 }
 
 .small,
 small {
   font-size: 80%;
   font-weight: 400
 }
 
 .mark,
 mark {
   padding: .2em;
   background-color: #fcf8e3
 }
 
 .list-unstyled {
   padding-left: 0;
   list-style: none
 }
 
 .list-inline {
   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 {
   max-width: 100%;
   height: auto
 }
 
 .img-thumbnail {
   padding: .25rem;
   background-color: #fff;
   border: 1px solid #dee2e6;
   border-radius: .25rem;
   max-width: 100%;
   height: auto
 }
 
 .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-break: break-word
 }
 
 a>code {
   color: inherit
 }
 
 kbd {
   padding: .2rem .4rem;
   font-size: 87.5%;
   color: #fff;
   background-color: #212529;
   border-radius: .2rem
 }
 
 kbd kbd {
   padding: 0;
   font-size: 100%;
   font-weight: 700
 }
 
 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 {
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto
 }
 
 .row {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   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-10,
 .col-11,
 .col-12,
 .col-2,
 .col-3,
 .col-4,
 .col-5,
 .col-6,
 .col-7,
 .col-8,
 .col-9,
 .col-auto,
 .col-lg,
 .col-lg-1,
 .col-lg-10,
 .col-lg-11,
 .col-lg-12,
 .col-lg-2,
 .col-lg-3,
 .col-lg-4,
 .col-lg-5,
 .col-lg-6,
 .col-lg-7,
 .col-lg-8,
 .col-lg-9,
 .col-lg-auto,
 .col-md,
 .col-md-1,
 .col-md-10,
 .col-md-11,
 .col-md-12,
 .col-md-2,
 .col-md-3,
 .col-md-4,
 .col-md-5,
 .col-md-6,
 .col-md-7,
 .col-md-8,
 .col-md-9,
 .col-md-auto,
 .col-sm,
 .col-sm-1,
 .col-sm-10,
 .col-sm-11,
 .col-sm-12,
 .col-sm-2,
 .col-sm-3,
 .col-sm-4,
 .col-sm-5,
 .col-sm-6,
 .col-sm-7,
 .col-sm-8,
 .col-sm-9,
 .col-sm-auto,
 .col-xl,
 .col-xl-1,
 .col-xl-10,
 .col-xl-11,
 .col-xl-12,
 .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-auto {
   position: relative;
   width: 100%;
   padding-right: 15px;
   padding-left: 15px
 }
 
 .col {
   -ms-flex-preferred-size: 0;
   flex-basis: 0;
   -ms-flex-positive: 1;
   -webkit-box-flex: 1;
           flex-grow: 1;
   max-width: 100%
 }
 
 .col-auto {
   -ms-flex: 0 0 auto;
   -webkit-box-flex: 0;
           flex: 0 0 auto;
   width: auto;
   max-width: 100%
 }
 
 .col-1 {
   -ms-flex: 0 0 8.333333%;
   -webkit-box-flex: 0;
           flex: 0 0 8.333333%;
   max-width: 8.333333%
 }
 
 .col-2 {
   -ms-flex: 0 0 16.666667%;
   -webkit-box-flex: 0;
           flex: 0 0 16.666667%;
   max-width: 16.666667%
 }
 
 .col-3 {
   -ms-flex: 0 0 25%;
   -webkit-box-flex: 0;
           flex: 0 0 25%;
   max-width: 25%
 }
 
 .col-4 {
   -ms-flex: 0 0 33.333333%;
   -webkit-box-flex: 0;
           flex: 0 0 33.333333%;
   max-width: 33.333333%
 }
 
 .col-5 {
   -ms-flex: 0 0 41.666667%;
   -webkit-box-flex: 0;
           flex: 0 0 41.666667%;
   max-width: 41.666667%
 }
 
 .col-6 {
   -ms-flex: 0 0 50%;
   -webkit-box-flex: 0;
           flex: 0 0 50%;
   max-width: 50%
 }
 
 .col-7 {
   -ms-flex: 0 0 58.333333%;
   -webkit-box-flex: 0;
           flex: 0 0 58.333333%;
   max-width: 58.333333%
 }
 
 .col-8 {
   -ms-flex: 0 0 66.666667%;
   -webkit-box-flex: 0;
           flex: 0 0 66.666667%;
   max-width: 66.666667%
 }
 
 .col-9 {
   -ms-flex: 0 0 75%;
   -webkit-box-flex: 0;
           flex: 0 0 75%;
   max-width: 75%
 }
 
 .col-10 {
   -ms-flex: 0 0 83.333333%;
   -webkit-box-flex: 0;
           flex: 0 0 83.333333%;
   max-width: 83.333333%
 }
 
 .col-11 {
   -ms-flex: 0 0 91.666667%;
   -webkit-box-flex: 0;
           flex: 0 0 91.666667%;
   max-width: 91.666667%
 }
 
 .col-12 {
   -ms-flex: 0 0 100%;
   -webkit-box-flex: 0;
           flex: 0 0 100%;
   max-width: 100%
 }
 
 .order-first {
   -ms-flex-order: -1;
   -webkit-box-ordinal-group: 0;
           order: -1
 }
 
 .order-last {
   -ms-flex-order: 13;
   -webkit-box-ordinal-group: 14;
           order: 13
 }
 
 .order-0 {
   -ms-flex-order: 0;
   -webkit-box-ordinal-group: 1;
           order: 0
 }
 
 .order-1 {
   -ms-flex-order: 1;
   -webkit-box-ordinal-group: 2;
           order: 1
 }
 
 .order-2 {
   -ms-flex-order: 2;
   -webkit-box-ordinal-group: 3;
           order: 2
 }
 
 .order-3 {
   -ms-flex-order: 3;
   -webkit-box-ordinal-group: 4;
           order: 3
 }
 
 .order-4 {
   -ms-flex-order: 4;
   -webkit-box-ordinal-group: 5;
           order: 4
 }
 
 .order-5 {
   -ms-flex-order: 5;
   -webkit-box-ordinal-group: 6;
           order: 5
 }
 
 .order-6 {
   -ms-flex-order: 6;
   -webkit-box-ordinal-group: 7;
           order: 6
 }
 
 .order-7 {
   -ms-flex-order: 7;
   -webkit-box-ordinal-group: 8;
           order: 7
 }
 
 .order-8 {
   -ms-flex-order: 8;
   -webkit-box-ordinal-group: 9;
           order: 8
 }
 
 .order-9 {
   -ms-flex-order: 9;
   -webkit-box-ordinal-group: 10;
           order: 9
 }
 
 .order-10 {
   -ms-flex-order: 10;
   -webkit-box-ordinal-group: 11;
           order: 10
 }
 
 .order-11 {
   -ms-flex-order: 11;
   -webkit-box-ordinal-group: 12;
           order: 11
 }
 
 .order-12 {
   -ms-flex-order: 12;
   -webkit-box-ordinal-group: 13;
           order: 12
 }
 
 .offset-1 {
   margin-left: 8.333333%
 }
 
 .offset-2 {
   margin-left: 16.666667%
 }
 
 .offset-3 {
   margin-left: 25%
 }
 
 .offset-4 {
   margin-left: 33.333333%
 }
 
 .offset-5 {
   margin-left: 41.666667%
 }
 
 .offset-6 {
   margin-left: 50%
 }
 
 .offset-7 {
   margin-left: 58.333333%
 }
 
 .offset-8 {
   margin-left: 66.666667%
 }
 
 .offset-9 {
   margin-left: 75%
 }
 
 .offset-10 {
   margin-left: 83.333333%
 }
 
 .offset-11 {
   margin-left: 91.666667%
 }
 
 @media (min-width: 576px) {
   .col-sm {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -ms-flex-positive: 1;
     -webkit-box-flex: 1;
             flex-grow: 1;
     max-width: 100%
   }
   .col-sm-auto {
     -ms-flex: 0 0 auto;
     -webkit-box-flex: 0;
             flex: 0 0 auto;
     width: auto;
     max-width: 100%
   }
   .col-sm-1 {
     -ms-flex: 0 0 8.333333%;
     -webkit-box-flex: 0;
             flex: 0 0 8.333333%;
     max-width: 8.333333%
   }
   .col-sm-2 {
     -ms-flex: 0 0 16.666667%;
     -webkit-box-flex: 0;
             flex: 0 0 16.666667%;
     max-width: 16.666667%
   }
   .col-sm-3 {
     -ms-flex: 0 0 25%;
     -webkit-box-flex: 0;
             flex: 0 0 25%;
     max-width: 25%
   }
   .col-sm-4 {
     -ms-flex: 0 0 33.333333%;
     -webkit-box-flex: 0;
             flex: 0 0 33.333333%;
     max-width: 33.333333%
   }
   .col-sm-5 {
     -ms-flex: 0 0 41.666667%;
     -webkit-box-flex: 0;
             flex: 0 0 41.666667%;
     max-width: 41.666667%
   }
   .col-sm-6 {
     -ms-flex: 0 0 50%;
     -webkit-box-flex: 0;
             flex: 0 0 50%;
     max-width: 50%
   }
   .col-sm-7 {
     -ms-flex: 0 0 58.333333%;
     -webkit-box-flex: 0;
             flex: 0 0 58.333333%;
     max-width: 58.333333%
   }
   .col-sm-8 {
     -ms-flex: 0 0 66.666667%;
     -webkit-box-flex: 0;
             flex: 0 0 66.666667%;
     max-width: 66.666667%
   }
   .col-sm-9 {
     -ms-flex: 0 0 75%;
     -webkit-box-flex: 0;
             flex: 0 0 75%;
     max-width: 75%
   }
   .col-sm-10 {
     -ms-flex: 0 0 83.333333%;
     -webkit-box-flex: 0;
             flex: 0 0 83.333333%;
     max-width: 83.333333%
   }
   .col-sm-11 {
     -ms-flex: 0 0 91.666667%;
     -webkit-box-flex: 0;
             flex: 0 0 91.666667%;
     max-width: 91.666667%
   }
   .col-sm-12 {
     -ms-flex: 0 0 100%;
     -webkit-box-flex: 0;
             flex: 0 0 100%;
     max-width: 100%
   }
   .order-sm-first {
     -ms-flex-order: -1;
     -webkit-box-ordinal-group: 0;
             order: -1
   }
   .order-sm-last {
     -ms-flex-order: 13;
     -webkit-box-ordinal-group: 14;
             order: 13
   }
   .order-sm-0 {
     -ms-flex-order: 0;
     -webkit-box-ordinal-group: 1;
             order: 0
   }
   .order-sm-1 {
     -ms-flex-order: 1;
     -webkit-box-ordinal-group: 2;
             order: 1
   }
   .order-sm-2 {
     -ms-flex-order: 2;
     -webkit-box-ordinal-group: 3;
             order: 2
   }
   .order-sm-3 {
     -ms-flex-order: 3;
     -webkit-box-ordinal-group: 4;
             order: 3
   }
   .order-sm-4 {
     -ms-flex-order: 4;
     -webkit-box-ordinal-group: 5;
             order: 4
   }
   .order-sm-5 {
     -ms-flex-order: 5;
     -webkit-box-ordinal-group: 6;
             order: 5
   }
   .order-sm-6 {
     -ms-flex-order: 6;
     -webkit-box-ordinal-group: 7;
             order: 6
   }
   .order-sm-7 {
     -ms-flex-order: 7;
     -webkit-box-ordinal-group: 8;
             order: 7
   }
   .order-sm-8 {
     -ms-flex-order: 8;
     -webkit-box-ordinal-group: 9;
             order: 8
   }
   .order-sm-9 {
     -ms-flex-order: 9;
     -webkit-box-ordinal-group: 10;
             order: 9
   }
   .order-sm-10 {
     -ms-flex-order: 10;
     -webkit-box-ordinal-group: 11;
             order: 10
   }
   .order-sm-11 {
     -ms-flex-order: 11;
     -webkit-box-ordinal-group: 12;
             order: 11
   }
   .order-sm-12 {
     -ms-flex-order: 12;
     -webkit-box-ordinal-group: 13;
             order: 12
   }
   .offset-sm-0 {
     margin-left: 0
   }
   .offset-sm-1 {
     margin-left: 8.333333%
   }
   .offset-sm-2 {
     margin-left: 16.666667%
   }
   .offset-sm-3 {
     margin-left: 25%
   }
   .offset-sm-4 {
     margin-left: 33.333333%
   }
   .offset-sm-5 {
     margin-left: 41.666667%
   }
   .offset-sm-6 {
     margin-left: 50%
   }
   .offset-sm-7 {
     margin-left: 58.333333%
   }
   .offset-sm-8 {
     margin-left: 66.666667%
   }
   .offset-sm-9 {
     margin-left: 75%
   }
   .offset-sm-10 {
     margin-left: 83.333333%
   }
   .offset-sm-11 {
     margin-left: 91.666667%
   }
 }
 
 @media (min-width: 768px) {
   .col-md {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -ms-flex-positive: 1;
     -webkit-box-flex: 1;
             flex-grow: 1;
     max-width: 100%
   }
   .col-md-auto {
     -ms-flex: 0 0 auto;
     -webkit-box-flex: 0;
             flex: 0 0 auto;
     width: auto;
     max-width: 100%
   }
   .col-md-1 {
     -ms-flex: 0 0 8.333333%;
     -webkit-box-flex: 0;
             flex: 0 0 8.333333%;
     max-width: 8.333333%
   }
   .col-md-2 {
     -ms-flex: 0 0 16.666667%;
     -webkit-box-flex: 0;
             flex: 0 0 16.666667%;
     max-width: 16.666667%
   }
   .col-md-3 {
     -ms-flex: 0 0 25%;
     -webkit-box-flex: 0;
             flex: 0 0 25%;
     max-width: 25%
   }
   .col-md-4 {
     -ms-flex: 0 0 33.333333%;
     -webkit-box-flex: 0;
             flex: 0 0 33.333333%;
     max-width: 33.333333%
   }
   .col-md-5 {
     -ms-flex: 0 0 41.666667%;
     -webkit-box-flex: 0;
             flex: 0 0 41.666667%;
     max-width: 41.666667%
   }
   .col-md-6 {
     -ms-flex: 0 0 50%;
     -webkit-box-flex: 0;
             flex: 0 0 50%;
     max-width: 50%
   }
   .col-md-7 {
     -ms-flex: 0 0 58.333333%;
     -webkit-box-flex: 0;
             flex: 0 0 58.333333%;
     max-width: 58.333333%
   }
   .col-md-8 {
     -ms-flex: 0 0 66.666667%;
     -webkit-box-flex: 0;
             flex: 0 0 66.666667%;
     max-width: 66.666667%
   }
   .col-md-9 {
     -ms-flex: 0 0 75%;
     -webkit-box-flex: 0;
             flex: 0 0 75%;
     max-width: 75%
   }
   .col-md-10 {
     -ms-flex: 0 0 83.333333%;
     -webkit-box-flex: 0;
             flex: 0 0 83.333333%;
     max-width: 83.333333%
   }
   .col-md-11 {
     -ms-flex: 0 0 91.666667%;
     -webkit-box-flex: 0;
             flex: 0 0 91.666667%;
     max-width: 91.666667%
   }
   .col-md-12 {
     -ms-flex: 0 0 100%;
     -webkit-box-flex: 0;
             flex: 0 0 100%;
     max-width: 100%
   }
   .order-md-first {
     -ms-flex-order: -1;
     -webkit-box-ordinal-group: 0;
             order: -1
   }
   .order-md-last {
     -ms-flex-order: 13;
     -webkit-box-ordinal-group: 14;
             order: 13
   }
   .order-md-0 {
     -ms-flex-order: 0;
     -webkit-box-ordinal-group: 1;
             order: 0
   }
   .order-md-1 {
     -ms-flex-order: 1;
     -webkit-box-ordinal-group: 2;
             order: 1
   }
   .order-md-2 {
     -ms-flex-order: 2;
     -webkit-box-ordinal-group: 3;
             order: 2
   }
   .order-md-3 {
     -ms-flex-order: 3;
     -webkit-box-ordinal-group: 4;
             order: 3
   }
   .order-md-4 {
     -ms-flex-order: 4;
     -webkit-box-ordinal-group: 5;
             order: 4
   }
   .order-md-5 {
     -ms-flex-order: 5;
     -webkit-box-ordinal-group: 6;
             order: 5
   }
   .order-md-6 {
     -ms-flex-order: 6;
     -webkit-box-ordinal-group: 7;
             order: 6
   }
   .order-md-7 {
     -ms-flex-order: 7;
     -webkit-box-ordinal-group: 8;
             order: 7
   }
   .order-md-8 {
     -ms-flex-order: 8;
     -webkit-box-ordinal-group: 9;
             order: 8
   }
   .order-md-9 {
     -ms-flex-order: 9;
     -webkit-box-ordinal-group: 10;
             order: 9
   }
   .order-md-10 {
     -ms-flex-order: 10;
     -webkit-box-ordinal-group: 11;
             order: 10
   }
   .order-md-11 {
     -ms-flex-order: 11;
     -webkit-box-ordinal-group: 12;
             order: 11
   }
   .order-md-12 {
     -ms-flex-order: 12;
     -webkit-box-ordinal-group: 13;
             order: 12
   }
   .offset-md-0 {
     margin-left: 0
   }
   .offset-md-1 {
     margin-left: 8.333333%
   }
   .offset-md-2 {
     margin-left: 16.666667%
   }
   .offset-md-3 {
     margin-left: 25%
   }
   .offset-md-4 {
     margin-left: 33.333333%
   }
   .offset-md-5 {
     margin-left: 41.666667%
   }
   .offset-md-6 {
     margin-left: 50%
   }
   .offset-md-7 {
     margin-left: 58.333333%
   }
   .offset-md-8 {
     margin-left: 66.666667%
   }
   .offset-md-9 {
     margin-left: 75%
   }
   .offset-md-10 {
     margin-left: 83.333333%
   }
   .offset-md-11 {
     margin-left: 91.666667%
   }
 }
 
 @media (min-width: 992px) {
   .col-lg {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -ms-flex-positive: 1;
     -webkit-box-flex: 1;
             flex-grow: 1;
     max-width: 100%
   }
   .col-lg-auto {
     -ms-flex: 0 0 auto;
     -webkit-box-flex: 0;
             flex: 0 0 auto;
     width: auto;
     max-width: 100%
   }
   .col-lg-1 {
     -ms-flex: 0 0 8.333333%;
     -webkit-box-flex: 0;
             flex: 0 0 8.333333%;
     max-width: 8.333333%
   }
   .col-lg-2 {
     -ms-flex: 0 0 16.666667%;
     -webkit-box-flex: 0;
             flex: 0 0 16.666667%;
     max-width: 16.666667%
   }
   .col-lg-3 {
     -ms-flex: 0 0 25%;
     -webkit-box-flex: 0;
             flex: 0 0 25%;
     max-width: 25%
   }
   .col-lg-4 {
     -ms-flex: 0 0 33.333333%;
     -webkit-box-flex: 0;
             flex: 0 0 33.333333%;
     max-width: 33.333333%
   }
   .col-lg-5 {
     -ms-flex: 0 0 41.666667%;
     -webkit-box-flex: 0;
             flex: 0 0 41.666667%;
     max-width: 41.666667%
   }
   .col-lg-6 {
     -ms-flex: 0 0 50%;
     -webkit-box-flex: 0;
             flex: 0 0 50%;
     max-width: 50%
   }
   .col-lg-7 {
     -ms-flex: 0 0 58.333333%;
     -webkit-box-flex: 0;
             flex: 0 0 58.333333%;
     max-width: 58.333333%
   }
   .col-lg-8 {
     -ms-flex: 0 0 66.666667%;
     -webkit-box-flex: 0;
             flex: 0 0 66.666667%;
     max-width: 66.666667%
   }
   .col-lg-9 {
     -ms-flex: 0 0 75%;
     -webkit-box-flex: 0;
             flex: 0 0 75%;
     max-width: 75%
   }
   .col-lg-10 {
     -ms-flex: 0 0 83.333333%;
     -webkit-box-flex: 0;
             flex: 0 0 83.333333%;
     max-width: 83.333333%
   }
   .col-lg-11 {
     -ms-flex: 0 0 91.666667%;
     -webkit-box-flex: 0;
             flex: 0 0 91.666667%;
     max-width: 91.666667%
   }
   .col-lg-12 {
     -ms-flex: 0 0 100%;
     -webkit-box-flex: 0;
             flex: 0 0 100%;
     max-width: 100%
   }
   .order-lg-first {
     -ms-flex-order: -1;
     -webkit-box-ordinal-group: 0;
             order: -1
   }
   .order-lg-last {
     -ms-flex-order: 13;
     -webkit-box-ordinal-group: 14;
             order: 13
   }
   .order-lg-0 {
     -ms-flex-order: 0;
     -webkit-box-ordinal-group: 1;
             order: 0
   }
   .order-lg-1 {
     -ms-flex-order: 1;
     -webkit-box-ordinal-group: 2;
             order: 1
   }
   .order-lg-2 {
     -ms-flex-order: 2;
     -webkit-box-ordinal-group: 3;
             order: 2
   }
   .order-lg-3 {
     -ms-flex-order: 3;
     -webkit-box-ordinal-group: 4;
             order: 3
   }
   .order-lg-4 {
     -ms-flex-order: 4;
     -webkit-box-ordinal-group: 5;
             order: 4
   }
   .order-lg-5 {
     -ms-flex-order: 5;
     -webkit-box-ordinal-group: 6;
             order: 5
   }
   .order-lg-6 {
     -ms-flex-order: 6;
     -webkit-box-ordinal-group: 7;
             order: 6
   }
   .order-lg-7 {
     -ms-flex-order: 7;
     -webkit-box-ordinal-group: 8;
             order: 7
   }
   .order-lg-8 {
     -ms-flex-order: 8;
     -webkit-box-ordinal-group: 9;
             order: 8
   }
   .order-lg-9 {
     -ms-flex-order: 9;
     -webkit-box-ordinal-group: 10;
             order: 9
   }
   .order-lg-10 {
     -ms-flex-order: 10;
     -webkit-box-ordinal-group: 11;
             order: 10
   }
   .order-lg-11 {
     -ms-flex-order: 11;
     -webkit-box-ordinal-group: 12;
             order: 11
   }
   .order-lg-12 {
     -ms-flex-order: 12;
     -webkit-box-ordinal-group: 13;
             order: 12
   }
   .offset-lg-0 {
     margin-left: 0
   }
   .offset-lg-1 {
     margin-left: 8.333333%
   }
   .offset-lg-2 {
     margin-left: 16.666667%
   }
   .offset-lg-3 {
     margin-left: 25%
   }
   .offset-lg-4 {
     margin-left: 33.333333%
   }
   .offset-lg-5 {
     margin-left: 41.666667%
   }
   .offset-lg-6 {
     margin-left: 50%
   }
   .offset-lg-7 {
     margin-left: 58.333333%
   }
   .offset-lg-8 {
     margin-left: 66.666667%
   }
   .offset-lg-9 {
     margin-left: 75%
   }
   .offset-lg-10 {
     margin-left: 83.333333%
   }
   .offset-lg-11 {
     margin-left: 91.666667%
   }
 }
 
 @media (min-width: 1200px) {
   .col-xl {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -ms-flex-positive: 1;
     -webkit-box-flex: 1;
             flex-grow: 1;
     max-width: 100%
   }
   .col-xl-auto {
     -ms-flex: 0 0 auto;
     -webkit-box-flex: 0;
             flex: 0 0 auto;
     width: auto;
     max-width: 100%
   }
   .col-xl-1 {
     -ms-flex: 0 0 8.333333%;
     -webkit-box-flex: 0;
             flex: 0 0 8.333333%;
     max-width: 8.333333%
   }
   .col-xl-2 {
     -ms-flex: 0 0 16.666667%;
     -webkit-box-flex: 0;
             flex: 0 0 16.666667%;
     max-width: 16.666667%
   }
   .col-xl-3 {
     -ms-flex: 0 0 25%;
     -webkit-box-flex: 0;
             flex: 0 0 25%;
     max-width: 25%
   }
   .col-xl-4 {
     -ms-flex: 0 0 33.333333%;
     -webkit-box-flex: 0;
             flex: 0 0 33.333333%;
     max-width: 33.333333%
   }
   .col-xl-5 {
     -ms-flex: 0 0 41.666667%;
     -webkit-box-flex: 0;
             flex: 0 0 41.666667%;
     max-width: 41.666667%
   }
   .col-xl-6 {
     -ms-flex: 0 0 50%;
     -webkit-box-flex: 0;
             flex: 0 0 50%;
     max-width: 50%
   }
   .col-xl-7 {
     -ms-flex: 0 0 58.333333%;
     -webkit-box-flex: 0;
             flex: 0 0 58.333333%;
     max-width: 58.333333%
   }
   .col-xl-8 {
     -ms-flex: 0 0 66.666667%;
     -webkit-box-flex: 0;
             flex: 0 0 66.666667%;
     max-width: 66.666667%
   }
   .col-xl-9 {
     -ms-flex: 0 0 75%;
     -webkit-box-flex: 0;
             flex: 0 0 75%;
     max-width: 75%
   }
   .col-xl-10 {
     -ms-flex: 0 0 83.333333%;
     -webkit-box-flex: 0;
             flex: 0 0 83.333333%;
     max-width: 83.333333%
   }
   .col-xl-11 {
     -ms-flex: 0 0 91.666667%;
     -webkit-box-flex: 0;
             flex: 0 0 91.666667%;
     max-width: 91.666667%
   }
   .col-xl-12 {
     -ms-flex: 0 0 100%;
     -webkit-box-flex: 0;
             flex: 0 0 100%;
     max-width: 100%
   }
   .order-xl-first {
     -ms-flex-order: -1;
     -webkit-box-ordinal-group: 0;
             order: -1
   }
   .order-xl-last {
     -ms-flex-order: 13;
     -webkit-box-ordinal-group: 14;
             order: 13
   }
   .order-xl-0 {
     -ms-flex-order: 0;
     -webkit-box-ordinal-group: 1;
             order: 0
   }
   .order-xl-1 {
     -ms-flex-order: 1;
     -webkit-box-ordinal-group: 2;
             order: 1
   }
   .order-xl-2 {
     -ms-flex-order: 2;
     -webkit-box-ordinal-group: 3;
             order: 2
   }
   .order-xl-3 {
     -ms-flex-order: 3;
     -webkit-box-ordinal-group: 4;
             order: 3
   }
   .order-xl-4 {
     -ms-flex-order: 4;
     -webkit-box-ordinal-group: 5;
             order: 4
   }
   .order-xl-5 {
     -ms-flex-order: 5;
     -webkit-box-ordinal-group: 6;
             order: 5
   }
   .order-xl-6 {
     -ms-flex-order: 6;
     -webkit-box-ordinal-group: 7;
             order: 6
   }
   .order-xl-7 {
     -ms-flex-order: 7;
     -webkit-box-ordinal-group: 8;
             order: 7
   }
   .order-xl-8 {
     -ms-flex-order: 8;
     -webkit-box-ordinal-group: 9;
             order: 8
   }
   .order-xl-9 {
     -ms-flex-order: 9;
     -webkit-box-ordinal-group: 10;
             order: 9
   }
   .order-xl-10 {
     -ms-flex-order: 10;
     -webkit-box-ordinal-group: 11;
             order: 10
   }
   .order-xl-11 {
     -ms-flex-order: 11;
     -webkit-box-ordinal-group: 12;
             order: 11
   }
   .order-xl-12 {
     -ms-flex-order: 12;
     -webkit-box-ordinal-group: 13;
             order: 12
   }
   .offset-xl-0 {
     margin-left: 0
   }
   .offset-xl-1 {
     margin-left: 8.333333%
   }
   .offset-xl-2 {
     margin-left: 16.666667%
   }
   .offset-xl-3 {
     margin-left: 25%
   }
   .offset-xl-4 {
     margin-left: 33.333333%
   }
   .offset-xl-5 {
     margin-left: 41.666667%
   }
   .offset-xl-6 {
     margin-left: 50%
   }
   .offset-xl-7 {
     margin-left: 58.333333%
   }
   .offset-xl-8 {
     margin-left: 66.666667%
   }
   .offset-xl-9 {
     margin-left: 75%
   }
   .offset-xl-10 {
     margin-left: 83.333333%
   }
   .offset-xl-11 {
     margin-left: 91.666667%
   }
 }
 
 .table {
   width: 100%;
   margin-bottom: 1rem;
   color: #212529
 }
 
 .table td,
 .table th {
   padding: .75rem;
   vertical-align: top;
   border-top: 1px solid #dee2e6
 }
 
 .table thead th {
   vertical-align: bottom;
   border-bottom: 2px solid #dee2e6
 }
 
 .table tbody+tbody {
   border-top: 2px solid #dee2e6
 }
 
 .table-sm td,
 .table-sm th {
   padding: .3rem
 }
 
 .table-bordered {
   border: 1px solid #dee2e6
 }
 
 .table-bordered td,
 .table-bordered th {
   border: 1px solid #dee2e6
 }
 
 .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, 0.05)
 }
 
 .table-hover tbody tr:hover {
   color: #212529;
   background-color: rgba(0, 0, 0, 0.075)
 }
 
 .table-primary,
 .table-primary>td,
 .table-primary>th {
   background-color: #b8daff
 }
 
 .table-primary tbody+tbody,
 .table-primary td,
 .table-primary th,
 .table-primary thead th {
   border-color: #7abaff
 }
 
 .table-hover .table-primary:hover {
   background-color: #9fcdff
 }
 
 .table-hover .table-primary:hover>td,
 .table-hover .table-primary:hover>th {
   background-color: #9fcdff
 }
 
 .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 {
   background-color: #c8cbcf
 }
 
 .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: #c3e6cb
 }
 
 .table-success tbody+tbody,
 .table-success td,
 .table-success th,
 .table-success thead th {
   border-color: #8fd19e
 }
 
 .table-hover .table-success:hover {
   background-color: #b1dfbb
 }
 
 .table-hover .table-success:hover>td,
 .table-hover .table-success:hover>th {
   background-color: #b1dfbb
 }
 
 .table-info,
 .table-info>td,
 .table-info>th {
   background-color: #bee5eb
 }
 
 .table-info tbody+tbody,
 .table-info td,
 .table-info th,
 .table-info thead th {
   border-color: #86cfda
 }
 
 .table-hover .table-info:hover {
   background-color: #abdde5
 }
 
 .table-hover .table-info:hover>td,
 .table-hover .table-info:hover>th {
   background-color: #abdde5
 }
 
 .table-warning,
 .table-warning>td,
 .table-warning>th {
   background-color: #ffeeba
 }
 
 .table-warning tbody+tbody,
 .table-warning td,
 .table-warning th,
 .table-warning thead th {
   border-color: #ffdf7e
 }
 
 .table-hover .table-warning:hover {
   background-color: #ffe8a1
 }
 
 .table-hover .table-warning:hover>td,
 .table-hover .table-warning:hover>th {
   background-color: #ffe8a1
 }
 
 .table-danger,
 .table-danger>td,
 .table-danger>th {
   background-color: #f5c6cb
 }
 
 .table-danger tbody+tbody,
 .table-danger td,
 .table-danger th,
 .table-danger thead th {
   border-color: #ed969e
 }
 
 .table-hover .table-danger:hover {
   background-color: #f1b0b7
 }
 
 .table-hover .table-danger:hover>td,
 .table-hover .table-danger:hover>th {
   background-color: #f1b0b7
 }
 
 .table-light,
 .table-light>td,
 .table-light>th {
   background-color: #fdfdfe
 }
 
 .table-light tbody+tbody,
 .table-light td,
 .table-light th,
 .table-light thead th {
   border-color: #fbfcfc
 }
 
 .table-hover .table-light:hover {
   background-color: #ececf6
 }
 
 .table-hover .table-light:hover>td,
 .table-hover .table-light:hover>th {
   background-color: #ececf6
 }
 
 .table-dark,
 .table-dark>td,
 .table-dark>th {
   background-color: #c6c8ca
 }
 
 .table-dark tbody+tbody,
 .table-dark td,
 .table-dark th,
 .table-dark thead th {
   border-color: #95999c
 }
 
 .table-hover .table-dark:hover {
   background-color: #b9bbbe
 }
 
 .table-hover .table-dark:hover>td,
 .table-hover .table-dark:hover>th {
   background-color: #b9bbbe
 }
 
 .table-active,
 .table-active>td,
 .table-active>th {
   background-color: rgba(0, 0, 0, 0.075)
 }
 
 .table-hover .table-active:hover {
   background-color: rgba(0, 0, 0, 0.075)
 }
 
 .table-hover .table-active:hover>td,
 .table-hover .table-active:hover>th {
   background-color: rgba(0, 0, 0, 0.075)
 }
 
 .table .thead-dark th {
   color: #fff;
   background-color: #343a40;
   border-color: #454d55
 }
 
 .table .thead-light th {
   color: #495057;
   background-color: #e9ecef;
   border-color: #dee2e6
 }
 
 .table-dark {
   color: #fff;
   background-color: #343a40
 }
 
 .table-dark td,
 .table-dark th,
 .table-dark thead th {
   border-color: #454d55
 }
 
 .table-dark.table-bordered {
   border: 0
 }
 
 .table-dark.table-striped tbody tr:nth-of-type(odd) {
   background-color: rgba(255, 255, 255, 0.05)
 }
 
 .table-dark.table-hover tbody tr:hover {
   color: #fff;
   background-color: rgba(255, 255, 255, 0.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;
   border-radius: .25rem;
   -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
   transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
   -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
 }
 
 @media (prefers-reduced-motion: reduce) {
   .form-control {
     -webkit-transition: none;
     -o-transition: none;
     transition: none
   }
 }
 
 .form-control::-ms-expand {
   background-color: transparent;
   border: 0
 }
 
 .form-control:focus {
   color: #495057;
   background-color: #fff;
   border-color: #80bdff;
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
           box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25)
 }
 
 .form-control::-webkit-input-placeholder {
   color: #6c757d;
   opacity: 1
 }
 
 .form-control::-moz-placeholder {
   color: #6c757d;
   opacity: 1
 }
 
 .form-control:-ms-input-placeholder {
   color: #6c757d;
   opacity: 1
 }
 
 .form-control::-ms-input-placeholder {
   color: #6c757d;
   opacity: 1
 }
 
 .form-control::placeholder {
   color: #6c757d;
   opacity: 1
 }
 
 .form-control:disabled,
 .form-control[readonly] {
   background-color: #e9ecef;
   opacity: 1
 }
 
 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: 1.25rem;
   line-height: 1.5
 }
 
 .col-form-label-sm {
   padding-top: calc(.25rem + 1px);
   padding-bottom: calc(.25rem + 1px);
   font-size: .875rem;
   line-height: 1.5
 }
 
 .form-control-plaintext {
   display: block;
   width: 100%;
   padding-top: .375rem;
   padding-bottom: .375rem;
   margin-bottom: 0;
   line-height: 1.5;
   color: #212529;
   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;
   font-size: .875rem;
   line-height: 1.5;
   border-radius: .2rem
 }
 
 .form-control-lg {
   height: calc(1.5em + 1rem + 2px);
   padding: .5rem 1rem;
   font-size: 1.25rem;
   line-height: 1.5;
   border-radius: .3rem
 }
 
 select.form-control[multiple],
 select.form-control[size] {
   height: auto
 }
 
 textarea.form-control {
   height: auto
 }
 
 .form-group {
   margin-bottom: 1rem
 }
 
 .form-text {
   display: block;
   margin-top: .25rem
 }
 
 .form-row {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   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 {
   color: #6c757d
 }
 
 .form-check-label {
   margin-bottom: 0
 }
 
 .form-check-inline {
   display: -ms-inline-flexbox;
   display: -webkit-inline-box;
   display: inline-flex;
   -ms-flex-align: center;
   -webkit-box-align: center;
           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: #28a745
 }
 
 .valid-tooltip {
   position: absolute;
   top: 100%;
   z-index: 5;
   display: none;
   max-width: 100%;
   padding: .25rem .5rem;
   margin-top: .1rem;
   font-size: .875rem;
   line-height: 1.5;
   color: #fff;
   background-color: rgba(40, 167, 69, 0.9);
   border-radius: .25rem
 }
 
 .form-control.is-valid,
 .was-validated .form-control:valid {
   border-color: #28a745;
   padding-right: calc(1.5em + .75rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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: center right calc(.375em + .1875rem);
   background-size: calc(.75em + .375rem) calc(.75em + .375rem)
 }
 
 .form-control.is-valid:focus,
 .was-validated .form-control:valid:focus {
   border-color: #28a745;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
           box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25)
 }
 
 .form-control.is-valid~.valid-feedback,
 .form-control.is-valid~.valid-tooltip,
 .was-validated .form-control:valid~.valid-feedback,
 .was-validated .form-control:valid~.valid-tooltip {
   display: block
 }
 
 .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: #28a745;
   padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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: #28a745;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
           box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25)
 }
 
 .custom-select.is-valid~.valid-feedback,
 .custom-select.is-valid~.valid-tooltip,
 .was-validated .custom-select:valid~.valid-feedback,
 .was-validated .custom-select:valid~.valid-tooltip {
   display: block
 }
 
 .form-control-file.is-valid~.valid-feedback,
 .form-control-file.is-valid~.valid-tooltip,
 .was-validated .form-control-file:valid~.valid-feedback,
 .was-validated .form-control-file:valid~.valid-tooltip {
   display: block
 }
 
 .form-check-input.is-valid~.form-check-label,
 .was-validated .form-check-input:valid~.form-check-label {
   color: #28a745
 }
 
 .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: #28a745
 }
 
 .custom-control-input.is-valid~.custom-control-label::before,
 .was-validated .custom-control-input:valid~.custom-control-label::before {
   border-color: #28a745
 }
 
 .custom-control-input.is-valid~.valid-feedback,
 .custom-control-input.is-valid~.valid-tooltip,
 .was-validated .custom-control-input:valid~.valid-feedback,
 .was-validated .custom-control-input:valid~.valid-tooltip {
   display: block
 }
 
 .custom-control-input.is-valid:checked~.custom-control-label::before,
 .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
   border-color: #34ce57;
   background-color: #34ce57
 }
 
 .custom-control-input.is-valid:focus~.custom-control-label::before,
 .was-validated .custom-control-input:valid:focus~.custom-control-label::before {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
           box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25)
 }
 
 .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
 .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
   border-color: #28a745
 }
 
 .custom-file-input.is-valid~.custom-file-label,
 .was-validated .custom-file-input:valid~.custom-file-label {
   border-color: #28a745
 }
 
 .custom-file-input.is-valid~.valid-feedback,
 .custom-file-input.is-valid~.valid-tooltip,
 .was-validated .custom-file-input:valid~.valid-feedback,
 .was-validated .custom-file-input:valid~.valid-tooltip {
   display: block
 }
 
 .custom-file-input.is-valid:focus~.custom-file-label,
 .was-validated .custom-file-input:valid:focus~.custom-file-label {
   border-color: #28a745;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
           box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25)
 }
 
 .invalid-feedback {
   display: none;
   width: 100%;
   margin-top: .25rem;
   font-size: 80%;
   color: #dc3545
 }
 
 .invalid-tooltip {
   position: absolute;
   top: 100%;
   z-index: 5;
   display: none;
   max-width: 100%;
   padding: .25rem .5rem;
   margin-top: .1rem;
   font-size: .875rem;
   line-height: 1.5;
   color: #fff;
   background-color: rgba(220, 53, 69, 0.9);
   border-radius: .25rem
 }
 
 .form-control.is-invalid,
 .was-validated .form-control:invalid {
   border-color: #dc3545;
   padding-right: calc(1.5em + .75rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
   background-repeat: no-repeat;
   background-position: center right calc(.375em + .1875rem);
   background-size: calc(.75em + .375rem) calc(.75em + .375rem)
 }
 
 .form-control.is-invalid:focus,
 .was-validated .form-control:invalid:focus {
   border-color: #dc3545;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
           box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25)
 }
 
 .form-control.is-invalid~.invalid-feedback,
 .form-control.is-invalid~.invalid-tooltip,
 .was-validated .form-control:invalid~.invalid-feedback,
 .was-validated .form-control:invalid~.invalid-tooltip {
   display: block
 }
 
 .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: #dc3545;
   padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%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: #dc3545;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
           box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25)
 }
 
 .custom-select.is-invalid~.invalid-feedback,
 .custom-select.is-invalid~.invalid-tooltip,
 .was-validated .custom-select:invalid~.invalid-feedback,
 .was-validated .custom-select:invalid~.invalid-tooltip {
   display: block
 }
 
 .form-control-file.is-invalid~.invalid-feedback,
 .form-control-file.is-invalid~.invalid-tooltip,
 .was-validated .form-control-file:invalid~.invalid-feedback,
 .was-validated .form-control-file:invalid~.invalid-tooltip {
   display: block
 }
 
 .form-check-input.is-invalid~.form-check-label,
 .was-validated .form-check-input:invalid~.form-check-label {
   color: #dc3545
 }
 
 .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: #dc3545
 }
 
 .custom-control-input.is-invalid~.custom-control-label::before,
 .was-validated .custom-control-input:invalid~.custom-control-label::before {
   border-color: #dc3545
 }
 
 .custom-control-input.is-invalid~.invalid-feedback,
 .custom-control-input.is-invalid~.invalid-tooltip,
 .was-validated .custom-control-input:invalid~.invalid-feedback,
 .was-validated .custom-control-input:invalid~.invalid-tooltip {
   display: block
 }
 
 .custom-control-input.is-invalid:checked~.custom-control-label::before,
 .was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
   border-color: #e4606d;
   background-color: #e4606d
 }
 
 .custom-control-input.is-invalid:focus~.custom-control-label::before,
 .was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
           box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25)
 }
 
 .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
 .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
   border-color: #dc3545
 }
 
 .custom-file-input.is-invalid~.custom-file-label,
 .was-validated .custom-file-input:invalid~.custom-file-label {
   border-color: #dc3545
 }
 
 .custom-file-input.is-invalid~.invalid-feedback,
 .custom-file-input.is-invalid~.invalid-tooltip,
 .was-validated .custom-file-input:invalid~.invalid-feedback,
 .was-validated .custom-file-input:invalid~.invalid-tooltip {
   display: block
 }
 
 .custom-file-input.is-invalid:focus~.custom-file-label,
 .was-validated .custom-file-input:invalid:focus~.custom-file-label {
   border-color: #dc3545;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
           box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25)
 }
 
 .form-inline {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
           flex-flow: row wrap;
   -ms-flex-align: center;
   -webkit-box-align: center;
           align-items: center
 }
 
 .form-inline .form-check {
   width: 100%
 }
 
 @media (min-width: 576px) {
   .form-inline label {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-align: center;
     -webkit-box-align: center;
             align-items: center;
     -ms-flex-pack: center;
     -webkit-box-pack: center;
             justify-content: center;
     margin-bottom: 0
   }
   .form-inline .form-group {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex: 0 0 auto;
     -webkit-box-flex: 0;
             flex: 0 0 auto;
     -ms-flex-flow: row wrap;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
             flex-flow: row wrap;
     -ms-flex-align: center;
     -webkit-box-align: center;
             align-items: center;
     margin-bottom: 0
   }
   .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: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-align: center;
     -webkit-box-align: center;
             align-items: center;
     -ms-flex-pack: center;
     -webkit-box-pack: center;
             justify-content: center;
     width: auto;
     padding-left: 0
   }
   .form-inline .form-check-input {
     position: relative;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     margin-top: 0;
     margin-right: .25rem;
     margin-left: 0
   }
   .form-inline .custom-control {
     -ms-flex-align: center;
     -webkit-box-align: center;
             align-items: center;
     -ms-flex-pack: center;
     -webkit-box-pack: center;
             justify-content: center
   }
   .form-inline .custom-control-label {
     margin-bottom: 0
   }
 }
 
 .btn {
   display: inline-block;
   font-weight: 400;
   color: #212529;
   text-align: center;
   vertical-align: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-color: transparent;
   border: 1px solid transparent;
   padding: .375rem .75rem;
   font-size: 1rem;
   line-height: 1.5;
   border-radius: .25rem;
   -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
   -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
 }
 
 @media (prefers-reduced-motion: reduce) {
   .btn {
     -webkit-transition: none;
     -o-transition: none;
     transition: none
   }
 }
 
 .btn:hover {
   color: #212529;
   text-decoration: none
 }
 
 .btn.focus,
 .btn:focus {
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
           box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25)
 }
 
 .btn.disabled,
 .btn:disabled {
   opacity: .65
 }
 
 a.btn.disabled,
 fieldset:disabled a.btn {
   pointer-events: none
 }
 
 .btn-primary {
   color: #fff;
   background-color: #007bff;
   border-color: #007bff
 }
 
 .btn-primary:hover {
   color: #fff;
   background-color: #0069d9;
   border-color: #0062cc
 }
 
 .btn-primary.focus,
 .btn-primary:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5)
 }
 
 .btn-primary.disabled,
 .btn-primary:disabled {
   color: #fff;
   background-color: #007bff;
   border-color: #007bff
 }
 
 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active,
 .show>.btn-primary.dropdown-toggle {
   color: #fff;
   background-color: #0062cc;
   border-color: #005cbf
 }
 
 .btn-primary:not(:disabled):not(.disabled).active:focus,
 .btn-primary:not(:disabled):not(.disabled):active:focus,
 .show>.btn-primary.dropdown-toggle:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5)
 }
 
 .btn-secondary {
   color: #fff;
   background-color: #6c757d;
   border-color: #6c757d
 }
 
 .btn-secondary:hover {
   color: #fff;
   background-color: #5a6268;
   border-color: #545b62
 }
 
 .btn-secondary.focus,
 .btn-secondary:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.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 {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5)
 }
 
 .btn-success {
   color: #fff;
   background-color: #28a745;
   border-color: #28a745
 }
 
 .btn-success:hover {
   color: #fff;
   background-color: #218838;
   border-color: #1e7e34
 }
 
 .btn-success.focus,
 .btn-success:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5)
 }
 
 .btn-success.disabled,
 .btn-success:disabled {
   color: #fff;
   background-color: #28a745;
   border-color: #28a745
 }
 
 .btn-success:not(:disabled):not(.disabled).active,
 .btn-success:not(:disabled):not(.disabled):active,
 .show>.btn-success.dropdown-toggle {
   color: #fff;
   background-color: #1e7e34;
   border-color: #1c7430
 }
 
 .btn-success:not(:disabled):not(.disabled).active:focus,
 .btn-success:not(:disabled):not(.disabled):active:focus,
 .show>.btn-success.dropdown-toggle:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5)
 }
 
 .btn-info {
   color: #fff;
   background-color: #17a2b8;
   border-color: #17a2b8
 }
 
 .btn-info:hover {
   color: #fff;
   background-color: #138496;
   border-color: #117a8b
 }
 
 .btn-info.focus,
 .btn-info:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5)
 }
 
 .btn-info.disabled,
 .btn-info:disabled {
   color: #fff;
   background-color: #17a2b8;
   border-color: #17a2b8
 }
 
 .btn-info:not(:disabled):not(.disabled).active,
 .btn-info:not(:disabled):not(.disabled):active,
 .show>.btn-info.dropdown-toggle {
   color: #fff;
   background-color: #117a8b;
   border-color: #10707f
 }
 
 .btn-info:not(:disabled):not(.disabled).active:focus,
 .btn-info:not(:disabled):not(.disabled):active:focus,
 .show>.btn-info.dropdown-toggle:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5)
 }
 
 .btn-warning {
   color: #212529;
   background-color: #ffc107;
   border-color: #ffc107
 }
 
 .btn-warning:hover {
   color: #212529;
   background-color: #e0a800;
   border-color: #d39e00
 }
 
 .btn-warning.focus,
 .btn-warning:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5)
 }
 
 .btn-warning.disabled,
 .btn-warning:disabled {
   color: #212529;
   background-color: #ffc107;
   border-color: #ffc107
 }
 
 .btn-warning:not(:disabled):not(.disabled).active,
 .btn-warning:not(:disabled):not(.disabled):active,
 .show>.btn-warning.dropdown-toggle {
   color: #212529;
   background-color: #d39e00;
   border-color: #c69500
 }
 
 .btn-warning:not(:disabled):not(.disabled).active:focus,
 .btn-warning:not(:disabled):not(.disabled):active:focus,
 .show>.btn-warning.dropdown-toggle:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5)
 }
 
 .btn-danger {
   color: #fff;
   background-color: #dc3545;
   border-color: #dc3545
 }
 
 .btn-danger:hover {
   color: #fff;
   background-color: #c82333;
   border-color: #bd2130
 }
 
 .btn-danger.focus,
 .btn-danger:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5)
 }
 
 .btn-danger.disabled,
 .btn-danger:disabled {
   color: #fff;
   background-color: #dc3545;
   border-color: #dc3545
 }
 
 .btn-danger:not(:disabled):not(.disabled).active,
 .btn-danger:not(:disabled):not(.disabled):active,
 .show>.btn-danger.dropdown-toggle {
   color: #fff;
   background-color: #bd2130;
   border-color: #b21f2d
 }
 
 .btn-danger:not(:disabled):not(.disabled).active:focus,
 .btn-danger:not(:disabled):not(.disabled):active:focus,
 .show>.btn-danger.dropdown-toggle:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5)
 }
 
 .btn-light {
   color: #212529;
   background-color: #f8f9fa;
   border-color: #f8f9fa
 }
 
 .btn-light:hover {
   color: #212529;
   background-color: #e2e6ea;
   border-color: #dae0e5
 }
 
 .btn-light.focus,
 .btn-light:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5)
 }
 
 .btn-light.disabled,
 .btn-light:disabled {
   color: #212529;
   background-color: #f8f9fa;
   border-color: #f8f9fa
 }
 
 .btn-light:not(:disabled):not(.disabled).active,
 .btn-light:not(:disabled):not(.disabled):active,
 .show>.btn-light.dropdown-toggle {
   color: #212529;
   background-color: #dae0e5;
   border-color: #d3d9df
 }
 
 .btn-light:not(:disabled):not(.disabled).active:focus,
 .btn-light:not(:disabled):not(.disabled):active:focus,
 .show>.btn-light.dropdown-toggle:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5)
 }
 
 .btn-dark {
   color: #fff;
   background-color: #343a40;
   border-color: #343a40
 }
 
 .btn-dark:hover {
   color: #fff;
   background-color: #23272b;
   border-color: #1d2124
 }
 
 .btn-dark.focus,
 .btn-dark:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5)
 }
 
 .btn-dark.disabled,
 .btn-dark:disabled {
   color: #fff;
   background-color: #343a40;
   border-color: #343a40
 }
 
 .btn-dark:not(:disabled):not(.disabled).active,
 .btn-dark:not(:disabled):not(.disabled):active,
 .show>.btn-dark.dropdown-toggle {
   color: #fff;
   background-color: #1d2124;
   border-color: #171a1d
 }
 
 .btn-dark:not(:disabled):not(.disabled).active:focus,
 .btn-dark:not(:disabled):not(.disabled):active:focus,
 .show>.btn-dark.dropdown-toggle:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5)
 }
 
 .btn-outline-primary {
   color: #007bff;
   border-color: #007bff
 }
 
 .btn-outline-primary:hover {
   color: #fff;
   background-color: #007bff;
   border-color: #007bff
 }
 
 .btn-outline-primary.focus,
 .btn-outline-primary:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5)
 }
 
 .btn-outline-primary.disabled,
 .btn-outline-primary:disabled {
   color: #007bff;
   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: #007bff;
   border-color: #007bff
 }
 
 .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 {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.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 {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.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 {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5)
 }
 
 .btn-outline-success {
   color: #28a745;
   border-color: #28a745
 }
 
 .btn-outline-success:hover {
   color: #fff;
   background-color: #28a745;
   border-color: #28a745
 }
 
 .btn-outline-success.focus,
 .btn-outline-success:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5)
 }
 
 .btn-outline-success.disabled,
 .btn-outline-success:disabled {
   color: #28a745;
   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: #28a745;
   border-color: #28a745
 }
 
 .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 {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5)
 }
 
 .btn-outline-info {
   color: #17a2b8;
   border-color: #17a2b8
 }
 
 .btn-outline-info:hover {
   color: #fff;
   background-color: #17a2b8;
   border-color: #17a2b8
 }
 
 .btn-outline-info.focus,
 .btn-outline-info:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5)
 }
 
 .btn-outline-info.disabled,
 .btn-outline-info:disabled {
   color: #17a2b8;
   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: #17a2b8;
   border-color: #17a2b8
 }
 
 .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 {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5)
 }
 
 .btn-outline-warning {
   color: #ffc107;
   border-color: #ffc107
 }
 
 .btn-outline-warning:hover {
   color: #212529;
   background-color: #ffc107;
   border-color: #ffc107
 }
 
 .btn-outline-warning.focus,
 .btn-outline-warning:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5)
 }
 
 .btn-outline-warning.disabled,
 .btn-outline-warning:disabled {
   color: #ffc107;
   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: #ffc107;
   border-color: #ffc107
 }
 
 .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 {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5)
 }
 
 .btn-outline-danger {
   color: #dc3545;
   border-color: #dc3545
 }
 
 .btn-outline-danger:hover {
   color: #fff;
   background-color: #dc3545;
   border-color: #dc3545
 }
 
 .btn-outline-danger.focus,
 .btn-outline-danger:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5)
 }
 
 .btn-outline-danger.disabled,
 .btn-outline-danger:disabled {
   color: #dc3545;
   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: #dc3545;
   border-color: #dc3545
 }
 
 .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 {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5)
 }
 
 .btn-outline-light {
   color: #f8f9fa;
   border-color: #f8f9fa
 }
 
 .btn-outline-light:hover {
   color: #212529;
   background-color: #f8f9fa;
   border-color: #f8f9fa
 }
 
 .btn-outline-light.focus,
 .btn-outline-light:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5)
 }
 
 .btn-outline-light.disabled,
 .btn-outline-light:disabled {
   color: #f8f9fa;
   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: #f8f9fa;
   border-color: #f8f9fa
 }
 
 .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 {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5)
 }
 
 .btn-outline-dark {
   color: #343a40;
   border-color: #343a40
 }
 
 .btn-outline-dark:hover {
   color: #fff;
   background-color: #343a40;
   border-color: #343a40
 }
 
 .btn-outline-dark.focus,
 .btn-outline-dark:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5)
 }
 
 .btn-outline-dark.disabled,
 .btn-outline-dark:disabled {
   color: #343a40;
   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: #343a40;
   border-color: #343a40
 }
 
 .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 {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5)
 }
 
 .btn-link {
   font-weight: 400;
   color: #007bff;
   text-decoration: none
 }
 
 .btn-link:hover {
   color: #0056b3;
   text-decoration: underline
 }
 
 .btn-link.focus,
 .btn-link:focus {
   text-decoration: underline;
   -webkit-box-shadow: none;
           box-shadow: none
 }
 
 .btn-link.disabled,
 .btn-link:disabled {
   color: #6c757d;
   pointer-events: none
 }
 
 .btn-group-lg>.btn,
 .btn-lg {
   padding: .5rem 1rem;
   font-size: 1.25rem;
   line-height: 1.5;
   border-radius: .3rem
 }
 
 .btn-group-sm>.btn,
 .btn-sm {
   padding: .25rem .5rem;
   font-size: .875rem;
   line-height: 1.5;
   border-radius: .2rem
 }
 
 .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%
 }
 
 .fade {
   -webkit-transition: opacity .15s linear;
   -o-transition: opacity .15s linear;
   transition: opacity .15s linear
 }
 
 @media (prefers-reduced-motion: reduce) {
   .fade {
     -webkit-transition: none;
     -o-transition: none;
     transition: none
   }
 }
 
 .fade:not(.show) {
   opacity: 0
 }
 
 .collapse:not(.show) {
   display: none
 }
 
 .collapsing {
   position: relative;
   height: 0;
   overflow: hidden;
   -webkit-transition: height .35s ease;
   -o-transition: height .35s ease;
   transition: height .35s ease
 }
 
 @media (prefers-reduced-motion: reduce) {
   .collapsing {
     -webkit-transition: none;
     -o-transition: none;
     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: #212529;
   text-align: left;
   list-style: none;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: .25rem
 }
 
 .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: ""
 }
 
 .dropleft .dropdown-toggle::after {
   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: #007bff
 }
 
 .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: .875rem;
   color: #6c757d;
   white-space: nowrap
 }
 
 .dropdown-item-text {
   display: block;
   padding: .25rem 1.5rem;
   color: #212529
 }
 
 .btn-group,
 .btn-group-vertical {
   position: relative;
   display: -ms-inline-flexbox;
   display: -webkit-inline-box;
   display: inline-flex;
   vertical-align: middle
 }
 
 .btn-group-vertical>.btn,
 .btn-group>.btn {
   position: relative;
   -ms-flex: 1 1 auto;
   -webkit-box-flex: 1;
           flex: 1 1 auto
 }
 
 .btn-group-vertical>.btn:hover,
 .btn-group>.btn:hover {
   z-index: 1
 }
 
 .btn-group-vertical>.btn.active,
 .btn-group-vertical>.btn:active,
 .btn-group-vertical>.btn:focus,
 .btn-group>.btn.active,
 .btn-group>.btn:active,
 .btn-group>.btn:focus {
   z-index: 1
 }
 
 .btn-toolbar {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-pack: start;
   -webkit-box-pack: start;
           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-vertical {
   -ms-flex-direction: column;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
           flex-direction: column;
   -ms-flex-align: start;
   -webkit-box-align: start;
           align-items: flex-start;
   -ms-flex-pack: center;
   -webkit-box-pack: center;
           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 input[type=checkbox],
 .btn-group-toggle>.btn input[type=radio],
 .btn-group-toggle>.btn-group>.btn input[type=checkbox],
 .btn-group-toggle>.btn-group>.btn input[type=radio] {
   position: absolute;
   clip: rect(0, 0, 0, 0);
   pointer-events: none
 }
 
 .input-group {
   position: relative;
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-align: stretch;
   -webkit-box-align: stretch;
           align-items: stretch;
   width: 100%
 }
 
 .input-group>.custom-file,
 .input-group>.custom-select,
 .input-group>.form-control,
 .input-group>.form-control-plaintext {
   position: relative;
   -ms-flex: 1 1 auto;
   -webkit-box-flex: 1;
           flex: 1 1 auto;
   width: 1%;
   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: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-align: center;
   -webkit-box-align: center;
           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: -ms-flexbox;
   display: -webkit-box;
   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: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-align: center;
   -webkit-box-align: center;
           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: .25rem
 }
 
 .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: 1.25rem;
   line-height: 1.5;
   border-radius: .3rem
 }
 
 .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: .875rem;
   line-height: 1.5;
   border-radius: .2rem
 }
 
 .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: 1.5rem;
   padding-left: 1.5rem
 }
 
 .custom-control-inline {
   display: -ms-inline-flexbox;
   display: -webkit-inline-box;
   display: inline-flex;
   margin-right: 1rem
 }
 
 .custom-control-input {
   position: absolute;
   z-index: -1;
   opacity: 0
 }
 
 .custom-control-input:checked~.custom-control-label::before {
   color: #fff;
   border-color: #007bff;
   background-color: #007bff
 }
 
 .custom-control-input:focus~.custom-control-label::before {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
           box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25)
 }
 
 .custom-control-input:focus:not(:checked)~.custom-control-label::before {
   border-color: #80bdff
 }
 
 .custom-control-input:not(:disabled):active~.custom-control-label::before {
   color: #fff;
   background-color: #b3d7ff;
   border-color: #b3d7ff
 }
 
 .custom-control-input:disabled~.custom-control-label {
   color: #6c757d
 }
 
 .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 {
   position: absolute;
   top: .25rem;
   left: -1.5rem;
   display: block;
   width: 1rem;
   height: 1rem;
   pointer-events: none;
   content: "";
   background-color: #fff;
   border: #adb5bd solid 1px
 }
 
 .custom-control-label::after {
   position: absolute;
   top: .25rem;
   left: -1.5rem;
   display: block;
   width: 1rem;
   height: 1rem;
   content: "";
   background: no-repeat 50%/50% 50%
 }
 
 .custom-checkbox .custom-control-label::before {
   border-radius: .25rem
 }
 
 .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
 }
 
 .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
   border-color: #007bff;
   background-color: #007bff
 }
 
 .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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(0, 123, 255, 0.5)
 }
 
 .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
   background-color: rgba(0, 123, 255, 0.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,%3csvg xmlns='http://www.w3.org/2000/svg' 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(0, 123, 255, 0.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(.25rem + 2px);
   left: calc(-2.25rem + 2px);
   width: calc(1rem - 4px);
   height: calc(1rem - 4px);
   background-color: #adb5bd;
   border-radius: .5rem;
   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
   -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-transform .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-transform .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
   -o-transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
   transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
 }
 
 @media (prefers-reduced-motion: reduce) {
   .custom-switch .custom-control-label::after {
     -webkit-transition: none;
     -o-transition: none;
     transition: none
   }
 }
 
 .custom-switch .custom-control-input:checked~.custom-control-label::after {
   background-color: #fff;
   -webkit-transform: translateX(0.75rem);
   -ms-transform: translateX(0.75rem);
       transform: translateX(0.75rem)
 }
 
 .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
   background-color: rgba(0, 123, 255, 0.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: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
   background-color: #fff;
   border: 1px solid #ced4da;
   border-radius: .25rem;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none
 }
 
 .custom-select:focus {
   border-color: #80bdff;
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
           box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.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-sm {
   height: calc(1.5em + .5rem + 2px);
   padding-top: .25rem;
   padding-bottom: .25rem;
   padding-left: .5rem;
   font-size: .875rem
 }
 
 .custom-select-lg {
   height: calc(1.5em + 1rem + 2px);
   padding-top: .5rem;
   padding-bottom: .5rem;
   padding-left: 1rem;
   font-size: 1.25rem
 }
 
 .custom-file {
   position: relative;
   display: inline-block;
   width: 100%;
   height: calc(1.5em + .75rem + 2px);
   margin-bottom: 0
 }
 
 .custom-file-input {
   position: relative;
   z-index: 2;
   width: 100%;
   height: calc(1.5em + .75rem + 2px);
   margin: 0;
   opacity: 0
 }
 
 .custom-file-input:focus~.custom-file-label {
   border-color: #80bdff;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
           box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25)
 }
 
 .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 {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   z-index: 1;
   height: calc(1.5em + .75rem + 2px);
   padding: .375rem .75rem;
   font-weight: 400;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   border: 1px solid #ced4da;
   border-radius: .25rem
 }
 
 .custom-file-label::after {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 3;
   display: block;
   height: calc(1.5em + .75rem);
   padding: .375rem .75rem;
   line-height: 1.5;
   color: #495057;
   content: "Browse";
   background-color: #e9ecef;
   border-left: inherit;
   border-radius: 0 .25rem .25rem 0
 }
 
 .custom-range {
   width: 100%;
   height: calc(1rem + .4rem);
   padding: 0;
   background-color: transparent;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none
 }
 
 .custom-range:focus {
   outline: 0
 }
 
 .custom-range:focus::-webkit-slider-thumb {
   -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
           box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25)
 }
 
 .custom-range:focus::-moz-range-thumb {
   box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25)
 }
 
 .custom-range:focus::-ms-thumb {
   box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25)
 }
 
 .custom-range::-moz-focus-outer {
   border: 0
 }
 
 .custom-range::-webkit-slider-thumb {
   width: 1rem;
   height: 1rem;
   margin-top: -.25rem;
   background-color: #007bff;
   border: 0;
   border-radius: 1rem;
   -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
   -webkit-appearance: none;
   appearance: none
 }
 
 @media (prefers-reduced-motion: reduce) {
   .custom-range::-webkit-slider-thumb {
     -webkit-transition: none;
     transition: none
   }
 }
 
 .custom-range::-webkit-slider-thumb:active {
   background-color: #b3d7ff
 }
 
 .custom-range::-webkit-slider-runnable-track {
   width: 100%;
   height: .5rem;
   color: transparent;
   cursor: pointer;
   background-color: #dee2e6;
   border-color: transparent;
   border-radius: 1rem
 }
 
 .custom-range::-moz-range-thumb {
   width: 1rem;
   height: 1rem;
   background-color: #007bff;
   border: 0;
   border-radius: 1rem;
   -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   -moz-appearance: none;
   appearance: none
 }
 
 @media (prefers-reduced-motion: reduce) {
   .custom-range::-moz-range-thumb {
     -moz-transition: none;
     transition: none
   }
 }
 
 .custom-range::-moz-range-thumb:active {
   background-color: #b3d7ff
 }
 
 .custom-range::-moz-range-track {
   width: 100%;
   height: .5rem;
   color: transparent;
   cursor: pointer;
   background-color: #dee2e6;
   border-color: transparent;
   border-radius: 1rem
 }
 
 .custom-range::-ms-thumb {
   width: 1rem;
   height: 1rem;
   margin-top: 0;
   margin-right: .2rem;
   margin-left: .2rem;
   background-color: #007bff;
   border: 0;
   border-radius: 1rem;
   -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   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 {
     -ms-transition: none;
     transition: none
   }
 }
 
 .custom-range::-ms-thumb:active {
   background-color: #b3d7ff
 }
 
 .custom-range::-ms-track {
   width: 100%;
   height: .5rem;
   color: transparent;
   cursor: pointer;
   background-color: transparent;
   border-color: transparent;
   border-width: .5rem
 }
 
 .custom-range::-ms-fill-lower {
   background-color: #dee2e6;
   border-radius: 1rem
 }
 
 .custom-range::-ms-fill-upper {
   margin-right: 15px;
   background-color: #dee2e6;
   border-radius: 1rem
 }
 
 .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 {
   -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
   -o-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
 }
 
 @media (prefers-reduced-motion: reduce) {
   .custom-control-label::before,
   .custom-file-label,
   .custom-select {
     -webkit-transition: none;
     -o-transition: none;
     transition: none
   }
 }
 
 .nav {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   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 #dee2e6
 }
 
 .nav-tabs .nav-item {
   margin-bottom: -1px
 }
 
 .nav-tabs .nav-link {
   border: 1px solid transparent;
   border-top-left-radius: .25rem;
   border-top-right-radius: .25rem
 }
 
 .nav-tabs .nav-link:focus,
 .nav-tabs .nav-link:hover {
   border-color: #e9ecef #e9ecef #dee2e6
 }
 
 .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: #fff;
   border-color: #dee2e6 #dee2e6 #fff
 }
 
 .nav-tabs .dropdown-menu {
   margin-top: -1px;
   border-top-left-radius: 0;
   border-top-right-radius: 0
 }
 
 .nav-pills .nav-link {
   border-radius: .25rem
 }
 
 .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {
   color: #fff;
   background-color: #007bff
 }
 
 .nav-fill .nav-item {
   -ms-flex: 1 1 auto;
   -webkit-box-flex: 1;
           flex: 1 1 auto;
   text-align: center
 }
 
 .nav-justified .nav-item {
   -ms-flex-preferred-size: 0;
   flex-basis: 0;
   -ms-flex-positive: 1;
   -webkit-box-flex: 1;
           flex-grow: 1;
   text-align: center
 }
 
 .tab-content>.tab-pane {
   display: none
 }
 
 .tab-content>.active {
   display: block
 }
 
 .navbar {
   position: relative;
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-align: center;
   -webkit-box-align: center;
           align-items: center;
   -ms-flex-pack: justify;
   -webkit-box-pack: justify;
           justify-content: space-between;
   padding: .5rem 1rem
 }
 
 .navbar>.container,
 .navbar>.container-fluid {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-align: center;
   -webkit-box-align: center;
           align-items: center;
   -ms-flex-pack: justify;
   -webkit-box-pack: justify;
           justify-content: space-between
 }
 
 .navbar-brand {
   display: inline-block;
   padding-top: .3125rem;
   padding-bottom: .3125rem;
   margin-right: 1rem;
   font-size: 1.25rem;
   line-height: inherit;
   white-space: nowrap
 }
 
 .navbar-brand:focus,
 .navbar-brand:hover {
   text-decoration: none
 }
 
 .navbar-nav {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-direction: column;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
           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 {
   -ms-flex-preferred-size: 100%;
   flex-basis: 100%;
   -ms-flex-positive: 1;
   -webkit-box-flex: 1;
           flex-grow: 1;
   -ms-flex-align: center;
   -webkit-box-align: center;
           align-items: center
 }
 
 .navbar-toggler {
   padding: .25rem .75rem;
   font-size: 1.25rem;
   line-height: 1;
   background-color: transparent;
   border: 1px solid transparent;
   border-radius: .25rem
 }
 
 .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 center center;
   background-size: 100% 100%
 }
 
 @media (max-width: 575.98px) {
   .navbar-expand-sm>.container,
   .navbar-expand-sm>.container-fluid {
     padding-right: 0;
     padding-left: 0
   }
 }
 
 @media (min-width: 576px) {
   .navbar-expand-sm {
     -ms-flex-flow: row nowrap;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
             flex-flow: row nowrap;
     -ms-flex-pack: start;
     -webkit-box-pack: start;
             justify-content: flex-start
   }
   .navbar-expand-sm .navbar-nav {
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
             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 {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap
   }
   .navbar-expand-sm .navbar-collapse {
     display: -ms-flexbox !important;
     display: -webkit-box !important;
     display: flex !important;
     -ms-flex-preferred-size: auto;
     flex-basis: auto
   }
   .navbar-expand-sm .navbar-toggler {
     display: none
   }
 }
 
 @media (max-width: 767.98px) {
   .navbar-expand-md>.container,
   .navbar-expand-md>.container-fluid {
     padding-right: 0;
     padding-left: 0
   }
 }
 
 @media (min-width: 768px) {
   .navbar-expand-md {
     -ms-flex-flow: row nowrap;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
             flex-flow: row nowrap;
     -ms-flex-pack: start;
     -webkit-box-pack: start;
             justify-content: flex-start
   }
   .navbar-expand-md .navbar-nav {
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
             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 {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap
   }
   .navbar-expand-md .navbar-collapse {
     display: -ms-flexbox !important;
     display: -webkit-box !important;
     display: flex !important;
     -ms-flex-preferred-size: auto;
     flex-basis: auto
   }
   .navbar-expand-md .navbar-toggler {
     display: none
   }
 }
 
 @media (max-width: 991.98px) {
   .navbar-expand-lg>.container,
   .navbar-expand-lg>.container-fluid {
     padding-right: 0;
     padding-left: 0
   }
 }
 
 @media (min-width: 992px) {
   .navbar-expand-lg {
     -ms-flex-flow: row nowrap;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
             flex-flow: row nowrap;
     -ms-flex-pack: start;
     -webkit-box-pack: start;
             justify-content: flex-start
   }
   .navbar-expand-lg .navbar-nav {
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
             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 {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap
   }
   .navbar-expand-lg .navbar-collapse {
     display: -ms-flexbox !important;
     display: -webkit-box !important;
     display: flex !important;
     -ms-flex-preferred-size: auto;
     flex-basis: auto
   }
   .navbar-expand-lg .navbar-toggler {
     display: none
   }
 }
 
 @media (max-width: 1199.98px) {
   .navbar-expand-xl>.container,
   .navbar-expand-xl>.container-fluid {
     padding-right: 0;
     padding-left: 0
   }
 }
 
 @media (min-width: 1200px) {
   .navbar-expand-xl {
     -ms-flex-flow: row nowrap;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
             flex-flow: row nowrap;
     -ms-flex-pack: start;
     -webkit-box-pack: start;
             justify-content: flex-start
   }
   .navbar-expand-xl .navbar-nav {
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
             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 {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap
   }
   .navbar-expand-xl .navbar-collapse {
     display: -ms-flexbox !important;
     display: -webkit-box !important;
     display: flex !important;
     -ms-flex-preferred-size: auto;
     flex-basis: auto
   }
   .navbar-expand-xl .navbar-toggler {
     display: none
   }
 }
 
 .navbar-expand {
   -ms-flex-flow: row nowrap;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
           flex-flow: row nowrap;
   -ms-flex-pack: start;
   -webkit-box-pack: start;
           justify-content: flex-start
 }
 
 .navbar-expand>.container,
 .navbar-expand>.container-fluid {
   padding-right: 0;
   padding-left: 0
 }
 
 .navbar-expand .navbar-nav {
   -ms-flex-direction: row;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
           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 {
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap
 }
 
 .navbar-expand .navbar-collapse {
   display: -ms-flexbox !important;
   display: -webkit-box !important;
   display: flex !important;
   -ms-flex-preferred-size: auto;
   flex-basis: auto
 }
 
 .navbar-expand .navbar-toggler {
   display: none
 }
 
 .navbar-light .navbar-brand {
   color: rgba(0, 0, 0, 0.9)
 }
 
 .navbar-light .navbar-brand:focus,
 .navbar-light .navbar-brand:hover {
   color: rgba(0, 0, 0, 0.9)
 }
 
 .navbar-light .navbar-nav .nav-link {
   color: rgba(0, 0, 0, 0.5)
 }
 
 .navbar-light .navbar-nav .nav-link:focus,
 .navbar-light .navbar-nav .nav-link:hover {
   color: rgba(0, 0, 0, 0.7)
 }
 
 .navbar-light .navbar-nav .nav-link.disabled {
   color: rgba(0, 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, 0.9)
 }
 
 .navbar-light .navbar-toggler {
   color: rgba(0, 0, 0, 0.5);
   border-color: rgba(0, 0, 0, 0.1)
 }
 
 .navbar-light .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
 }
 
 .navbar-light .navbar-text {
   color: rgba(0, 0, 0, 0.5)
 }
 
 .navbar-light .navbar-text a {
   color: rgba(0, 0, 0, 0.9)
 }
 
 .navbar-light .navbar-text a:focus,
 .navbar-light .navbar-text a:hover {
   color: rgba(0, 0, 0, 0.9)
 }
 
 .navbar-dark .navbar-brand {
   color: #fff
 }
 
 .navbar-dark .navbar-brand:focus,
 .navbar-dark .navbar-brand:hover {
   color: #fff
 }
 
 .navbar-dark .navbar-nav .nav-link {
   color: rgba(255, 255, 255, 0.5)
 }
 
 .navbar-dark .navbar-nav .nav-link:focus,
 .navbar-dark .navbar-nav .nav-link:hover {
   color: rgba(255, 255, 255, 0.75)
 }
 
 .navbar-dark .navbar-nav .nav-link.disabled {
   color: rgba(255, 255, 255, 0.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: rgba(255, 255, 255, 0.5);
   border-color: rgba(255, 255, 255, 0.1)
 }
 
 .navbar-dark .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
 }
 
 .navbar-dark .navbar-text {
   color: rgba(255, 255, 255, 0.5)
 }
 
 .navbar-dark .navbar-text a {
   color: #fff
 }
 
 .navbar-dark .navbar-text a:focus,
 .navbar-dark .navbar-text a:hover {
   color: #fff
 }
 
 .card {
   position: relative;
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-direction: column;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
           flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border: 1px solid rgba(0, 0, 0, 0.125);
   border-radius: .25rem
 }
 
 .card>hr {
   margin-right: 0;
   margin-left: 0
 }
 
 .card>.list-group:first-child .list-group-item:first-child {
   border-top-left-radius: .25rem;
   border-top-right-radius: .25rem
 }
 
 .card>.list-group:last-child .list-group-item:last-child {
   border-bottom-right-radius: .25rem;
   border-bottom-left-radius: .25rem
 }
 
 .card-body {
   -ms-flex: 1 1 auto;
   -webkit-box-flex: 1;
           flex: 1 1 auto;
   padding: 1.25rem
 }
 
 .card-title {
   margin-bottom: .75rem
 }
 
 .card-subtitle {
   margin-top: -.375rem;
   margin-bottom: 0
 }
 
 .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, 0.03);
   border-bottom: 1px solid rgba(0, 0, 0, 0.125)
 }
 
 .card-header:first-child {
   border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 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, 0.03);
   border-top: 1px solid rgba(0, 0, 0, 0.125)
 }
 
 .card-footer:last-child {
   border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
 }
 
 .card-header-tabs {
   margin-right: -.625rem;
   margin-bottom: -.75rem;
   margin-left: -.625rem;
   border-bottom: 0
 }
 
 .card-header-pills {
   margin-right: -.625rem;
   margin-left: -.625rem
 }
 
 .card-img-overlay {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   padding: 1.25rem
 }
 
 .card-img {
   width: 100%;
   border-radius: calc(.25rem - 1px)
 }
 
 .card-img-top {
   width: 100%;
   border-top-left-radius: calc(.25rem - 1px);
   border-top-right-radius: calc(.25rem - 1px)
 }
 
 .card-img-bottom {
   width: 100%;
   border-bottom-right-radius: calc(.25rem - 1px);
   border-bottom-left-radius: calc(.25rem - 1px)
 }
 
 .card-deck {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-direction: column;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
           flex-direction: column
 }
 
 .card-deck .card {
   margin-bottom: 15px
 }
 
 @media (min-width: 576px) {
   .card-deck {
     -ms-flex-flow: row wrap;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
             flex-flow: row wrap;
     margin-right: -15px;
     margin-left: -15px
   }
   .card-deck .card {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex: 1 0 0%;
     -webkit-box-flex: 1;
             flex: 1 0 0%;
     -ms-flex-direction: column;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
             flex-direction: column;
     margin-right: 15px;
     margin-bottom: 0;
     margin-left: 15px
   }
 }
 
 .card-group {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-direction: column;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
           flex-direction: column
 }
 
 .card-group>.card {
   margin-bottom: 15px
 }
 
 @media (min-width: 576px) {
   .card-group {
     -ms-flex-flow: row wrap;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
             flex-flow: row wrap
   }
   .card-group>.card {
     -ms-flex: 1 0 0%;
     -webkit-box-flex: 1;
             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 {
     -webkit-column-count: 3;
     -moz-column-count: 3;
     column-count: 3;
     -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
     column-gap: 1.25rem;
     orphans: 1;
     widows: 1
   }
   .card-columns .card {
     display: inline-block;
     width: 100%
   }
 }
 
 .accordion>.card {
   overflow: hidden
 }
 
 .accordion>.card:not(:first-of-type) .card-header:first-child {
   border-radius: 0
 }
 
 .accordion>.card:not(:first-of-type):not(:last-of-type) {
   border-bottom: 0;
   border-radius: 0
 }
 
 .accordion>.card:first-of-type {
   border-bottom: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0
 }
 
 .accordion>.card:last-of-type {
   border-top-left-radius: 0;
   border-top-right-radius: 0
 }
 
 .accordion>.card .card-header {
   margin-bottom: -1px
 }
 
 .breadcrumb {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: .75rem 1rem;
   margin-bottom: 1rem;
   list-style: none;
   background-color: #e9ecef;
   border-radius: .25rem
 }
 
 .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
 }
 
 .breadcrumb-item+.breadcrumb-item:hover::before {
   text-decoration: none
 }
 
 .breadcrumb-item.active {
   color: #6c757d
 }
 
 .pagination {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   padding-left: 0;
   list-style: none;
   border-radius: .25rem
 }
 
 .page-link {
   position: relative;
   display: block;
   padding: .5rem .75rem;
   margin-left: -1px;
   line-height: 1.25;
   color: #007bff;
   background-color: #fff;
   border: 1px solid #dee2e6
 }
 
 .page-link:hover {
   z-index: 2;
   color: #0056b3;
   text-decoration: none;
   background-color: #e9ecef;
   border-color: #dee2e6
 }
 
 .page-link:focus {
   z-index: 2;
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
           box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25)
 }
 
 .page-item:first-child .page-link {
   margin-left: 0;
   border-top-left-radius: .25rem;
   border-bottom-left-radius: .25rem
 }
 
 .page-item:last-child .page-link {
   border-top-right-radius: .25rem;
   border-bottom-right-radius: .25rem
 }
 
 .page-item.active .page-link {
   z-index: 1;
   color: #fff;
   background-color: #007bff;
   border-color: #007bff
 }
 
 .page-item.disabled .page-link {
   color: #6c757d;
   pointer-events: none;
   cursor: auto;
   background-color: #fff;
   border-color: #dee2e6
 }
 
 .pagination-lg .page-link {
   padding: .75rem 1.5rem;
   font-size: 1.25rem;
   line-height: 1.5
 }
 
 .pagination-lg .page-item:first-child .page-link {
   border-top-left-radius: .3rem;
   border-bottom-left-radius: .3rem
 }
 
 .pagination-lg .page-item:last-child .page-link {
   border-top-right-radius: .3rem;
   border-bottom-right-radius: .3rem
 }
 
 .pagination-sm .page-link {
   padding: .25rem .5rem;
   font-size: .875rem;
   line-height: 1.5
 }
 
 .pagination-sm .page-item:first-child .page-link {
   border-top-left-radius: .2rem;
   border-bottom-left-radius: .2rem
 }
 
 .pagination-sm .page-item:last-child .page-link {
   border-top-right-radius: .2rem;
   border-bottom-right-radius: .2rem
 }
 
 .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;
   border-radius: .25rem;
   -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
   -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
 }
 
 @media (prefers-reduced-motion: reduce) {
   .badge {
     -webkit-transition: none;
     -o-transition: none;
     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: #007bff
 }
 
 a.badge-primary:focus,
 a.badge-primary:hover {
   color: #fff;
   background-color: #0062cc
 }
 
 a.badge-primary.focus,
 a.badge-primary:focus {
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.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;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5)
 }
 
 .badge-success {
   color: #fff;
   background-color: #28a745
 }
 
 a.badge-success:focus,
 a.badge-success:hover {
   color: #fff;
   background-color: #1e7e34
 }
 
 a.badge-success.focus,
 a.badge-success:focus {
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5)
 }
 
 .badge-info {
   color: #fff;
   background-color: #17a2b8
 }
 
 a.badge-info:focus,
 a.badge-info:hover {
   color: #fff;
   background-color: #117a8b
 }
 
 a.badge-info.focus,
 a.badge-info:focus {
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5)
 }
 
 .badge-warning {
   color: #212529;
   background-color: #ffc107
 }
 
 a.badge-warning:focus,
 a.badge-warning:hover {
   color: #212529;
   background-color: #d39e00
 }
 
 a.badge-warning.focus,
 a.badge-warning:focus {
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5)
 }
 
 .badge-danger {
   color: #fff;
   background-color: #dc3545
 }
 
 a.badge-danger:focus,
 a.badge-danger:hover {
   color: #fff;
   background-color: #bd2130
 }
 
 a.badge-danger.focus,
 a.badge-danger:focus {
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5)
 }
 
 .badge-light {
   color: #212529;
   background-color: #f8f9fa
 }
 
 a.badge-light:focus,
 a.badge-light:hover {
   color: #212529;
   background-color: #dae0e5
 }
 
 a.badge-light.focus,
 a.badge-light:focus {
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5)
 }
 
 .badge-dark {
   color: #fff;
   background-color: #343a40
 }
 
 a.badge-dark:focus,
 a.badge-dark:hover {
   color: #fff;
   background-color: #1d2124
 }
 
 a.badge-dark.focus,
 a.badge-dark:focus {
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
           box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5)
 }
 
 .jumbotron {
   padding: 2rem 1rem;
   margin-bottom: 2rem;
   background-color: #e9ecef;
   border-radius: .3rem
 }
 
 @media (min-width: 576px) {
   .jumbotron {
     padding: 4rem 2rem
   }
 }
 
 .jumbotron-fluid {
   padding-right: 0;
   padding-left: 0;
   border-radius: 0
 }
 
 .alert {
   position: relative;
   padding: .75rem 1.25rem;
   margin-bottom: 1rem;
   border: 1px solid transparent;
   border-radius: .25rem
 }
 
 .alert-heading {
   color: inherit
 }
 
 .alert-link {
   font-weight: 700
 }
 
 .alert-dismissible {
   padding-right: 4rem
 }
 
 .alert-dismissible .close {
   position: absolute;
   top: 0;
   right: 0;
   padding: .75rem 1.25rem;
   color: inherit
 }
 
 .alert-primary {
   color: #004085;
   background-color: #cce5ff;
   border-color: #b8daff
 }
 
 .alert-primary hr {
   border-top-color: #9fcdff
 }
 
 .alert-primary .alert-link {
   color: #002752
 }
 
 .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: #155724;
   background-color: #d4edda;
   border-color: #c3e6cb
 }
 
 .alert-success hr {
   border-top-color: #b1dfbb
 }
 
 .alert-success .alert-link {
   color: #0b2e13
 }
 
 .alert-info {
   color: #0c5460;
   background-color: #d1ecf1;
   border-color: #bee5eb
 }
 
 .alert-info hr {
   border-top-color: #abdde5
 }
 
 .alert-info .alert-link {
   color: #062c33
 }
 
 .alert-warning {
   color: #856404;
   background-color: #fff3cd;
   border-color: #ffeeba
 }
 
 .alert-warning hr {
   border-top-color: #ffe8a1
 }
 
 .alert-warning .alert-link {
   color: #533f03
 }
 
 .alert-danger {
   color: #721c24;
   background-color: #f8d7da;
   border-color: #f5c6cb
 }
 
 .alert-danger hr {
   border-top-color: #f1b0b7
 }
 
 .alert-danger .alert-link {
   color: #491217
 }
 
 .alert-light {
   color: #818182;
   background-color: #fefefe;
   border-color: #fdfdfe
 }
 
 .alert-light hr {
   border-top-color: #ececf6
 }
 
 .alert-light .alert-link {
   color: #686868
 }
 
 .alert-dark {
   color: #1b1e21;
   background-color: #d6d8d9;
   border-color: #c6c8ca
 }
 
 .alert-dark hr {
   border-top-color: #b9bbbe
 }
 
 .alert-dark .alert-link {
   color: #040505
 }
 
 @-webkit-keyframes progress-bar-stripes {
   from {
     background-position: 1rem 0
   }
   to {
     background-position: 0 0
   }
 }
 
 @keyframes progress-bar-stripes {
   from {
     background-position: 1rem 0
   }
   to {
     background-position: 0 0
   }
 }
 
 .progress {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   height: 1rem;
   overflow: hidden;
   font-size: .75rem;
   background-color: #e9ecef;
   border-radius: .25rem
 }
 
 .progress-bar {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-direction: column;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
           flex-direction: column;
   -ms-flex-pack: center;
   -webkit-box-pack: center;
           justify-content: center;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   background-color: #007bff;
   -webkit-transition: width .6s ease;
   -o-transition: width .6s ease;
   transition: width .6s ease
 }
 
 @media (prefers-reduced-motion: reduce) {
   .progress-bar {
     -webkit-transition: none;
     -o-transition: none;
     transition: none
   }
 }
 
 .progress-bar-striped {
   background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-size: 1rem 1rem
 }
 
 .progress-bar-animated {
   -webkit-animation: progress-bar-stripes 1s linear infinite;
   animation: progress-bar-stripes 1s linear infinite
 }
 
 @media (prefers-reduced-motion: reduce) {
   .progress-bar-animated {
     -webkit-animation: none;
     animation: none
   }
 }
 
 .media {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-align: start;
   -webkit-box-align: start;
           align-items: flex-start
 }
 
 .media-body {
   -ms-flex: 1;
   -webkit-box-flex: 1;
           flex: 1
 }
 
 .list-group {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-direction: column;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
           flex-direction: column;
   padding-left: 0;
   margin-bottom: 0
 }
 
 .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: #212529;
   background-color: #e9ecef
 }
 
 .list-group-item {
   position: relative;
   display: block;
   padding: .75rem 1.25rem;
   margin-bottom: -1px;
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.125)
 }
 
 .list-group-item:first-child {
   border-top-left-radius: .25rem;
   border-top-right-radius: .25rem
 }
 
 .list-group-item:last-child {
   margin-bottom: 0;
   border-bottom-right-radius: .25rem;
   border-bottom-left-radius: .25rem
 }
 
 .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: #007bff;
   border-color: #007bff
 }
 
 .list-group-horizontal {
   -ms-flex-direction: row;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
           flex-direction: row
 }
 
 .list-group-horizontal .list-group-item {
   margin-right: -1px;
   margin-bottom: 0
 }
 
 .list-group-horizontal .list-group-item:first-child {
   border-top-left-radius: .25rem;
   border-bottom-left-radius: .25rem;
   border-top-right-radius: 0
 }
 
 .list-group-horizontal .list-group-item:last-child {
   margin-right: 0;
   border-top-right-radius: .25rem;
   border-bottom-right-radius: .25rem;
   border-bottom-left-radius: 0
 }
 
 @media (min-width: 576px) {
   .list-group-horizontal-sm {
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
             flex-direction: row
   }
   .list-group-horizontal-sm .list-group-item {
     margin-right: -1px;
     margin-bottom: 0
   }
   .list-group-horizontal-sm .list-group-item:first-child {
     border-top-left-radius: .25rem;
     border-bottom-left-radius: .25rem;
     border-top-right-radius: 0
   }
   .list-group-horizontal-sm .list-group-item:last-child {
     margin-right: 0;
     border-top-right-radius: .25rem;
     border-bottom-right-radius: .25rem;
     border-bottom-left-radius: 0
   }
 }
 
 @media (min-width: 768px) {
   .list-group-horizontal-md {
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
             flex-direction: row
   }
   .list-group-horizontal-md .list-group-item {
     margin-right: -1px;
     margin-bottom: 0
   }
   .list-group-horizontal-md .list-group-item:first-child {
     border-top-left-radius: .25rem;
     border-bottom-left-radius: .25rem;
     border-top-right-radius: 0
   }
   .list-group-horizontal-md .list-group-item:last-child {
     margin-right: 0;
     border-top-right-radius: .25rem;
     border-bottom-right-radius: .25rem;
     border-bottom-left-radius: 0
   }
 }
 
 @media (min-width: 992px) {
   .list-group-horizontal-lg {
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
             flex-direction: row
   }
   .list-group-horizontal-lg .list-group-item {
     margin-right: -1px;
     margin-bottom: 0
   }
   .list-group-horizontal-lg .list-group-item:first-child {
     border-top-left-radius: .25rem;
     border-bottom-left-radius: .25rem;
     border-top-right-radius: 0
   }
   .list-group-horizontal-lg .list-group-item:last-child {
     margin-right: 0;
     border-top-right-radius: .25rem;
     border-bottom-right-radius: .25rem;
     border-bottom-left-radius: 0
   }
 }
 
 @media (min-width: 1200px) {
   .list-group-horizontal-xl {
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
             flex-direction: row
   }
   .list-group-horizontal-xl .list-group-item {
     margin-right: -1px;
     margin-bottom: 0
   }
   .list-group-horizontal-xl .list-group-item:first-child {
     border-top-left-radius: .25rem;
     border-bottom-left-radius: .25rem;
     border-top-right-radius: 0
   }
   .list-group-horizontal-xl .list-group-item:last-child {
     margin-right: 0;
     border-top-right-radius: .25rem;
     border-bottom-right-radius: .25rem;
     border-bottom-left-radius: 0
   }
 }
 
 .list-group-flush .list-group-item {
   border-right: 0;
   border-left: 0;
   border-radius: 0
 }
 
 .list-group-flush .list-group-item:last-child {
   margin-bottom: -1px
 }
 
 .list-group-flush:first-child .list-group-item:first-child {
   border-top: 0
 }
 
 .list-group-flush:last-child .list-group-item:last-child {
   margin-bottom: 0;
   border-bottom: 0
 }
 
 .list-group-item-primary {
   color: #004085;
   background-color: #b8daff
 }
 
 .list-group-item-primary.list-group-item-action:focus,
 .list-group-item-primary.list-group-item-action:hover {
   color: #004085;
   background-color: #9fcdff
 }
 
 .list-group-item-primary.list-group-item-action.active {
   color: #fff;
   background-color: #004085;
   border-color: #004085
 }
 
 .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: #155724;
   background-color: #c3e6cb
 }
 
 .list-group-item-success.list-group-item-action:focus,
 .list-group-item-success.list-group-item-action:hover {
   color: #155724;
   background-color: #b1dfbb
 }
 
 .list-group-item-success.list-group-item-action.active {
   color: #fff;
   background-color: #155724;
   border-color: #155724
 }
 
 .list-group-item-info {
   color: #0c5460;
   background-color: #bee5eb
 }
 
 .list-group-item-info.list-group-item-action:focus,
 .list-group-item-info.list-group-item-action:hover {
   color: #0c5460;
   background-color: #abdde5
 }
 
 .list-group-item-info.list-group-item-action.active {
   color: #fff;
   background-color: #0c5460;
   border-color: #0c5460
 }
 
 .list-group-item-warning {
   color: #856404;
   background-color: #ffeeba
 }
 
 .list-group-item-warning.list-group-item-action:focus,
 .list-group-item-warning.list-group-item-action:hover {
   color: #856404;
   background-color: #ffe8a1
 }
 
 .list-group-item-warning.list-group-item-action.active {
   color: #fff;
   background-color: #856404;
   border-color: #856404
 }
 
 .list-group-item-danger {
   color: #721c24;
   background-color: #f5c6cb
 }
 
 .list-group-item-danger.list-group-item-action:focus,
 .list-group-item-danger.list-group-item-action:hover {
   color: #721c24;
   background-color: #f1b0b7
 }
 
 .list-group-item-danger.list-group-item-action.active {
   color: #fff;
   background-color: #721c24;
   border-color: #721c24
 }
 
 .list-group-item-light {
   color: #818182;
   background-color: #fdfdfe
 }
 
 .list-group-item-light.list-group-item-action:focus,
 .list-group-item-light.list-group-item-action:hover {
   color: #818182;
   background-color: #ececf6
 }
 
 .list-group-item-light.list-group-item-action.active {
   color: #fff;
   background-color: #818182;
   border-color: #818182
 }
 
 .list-group-item-dark {
   color: #1b1e21;
   background-color: #c6c8ca
 }
 
 .list-group-item-dark.list-group-item-action:focus,
 .list-group-item-dark.list-group-item-action:hover {
   color: #1b1e21;
   background-color: #b9bbbe
 }
 
 .list-group-item-dark.list-group-item-action.active {
   color: #fff;
   background-color: #1b1e21;
   border-color: #1b1e21
 }
 
 .close {
   float: right;
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 1;
   color: #000;
   text-shadow: 0 1px 0 #fff;
   opacity: .5
 }
 
 .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;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none
 }
 
 a.close.disabled {
   pointer-events: none
 }
 
 .toast {
   max-width: 350px;
   overflow: hidden;
   font-size: .875rem;
   background-color: rgba(255, 255, 255, 0.85);
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
           box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
   opacity: 0;
   border-radius: .25rem
 }
 
 .toast:not(:last-child) {
   margin-bottom: .75rem
 }
 
 .toast.showing {
   opacity: 1
 }
 
 .toast.show {
   display: block;
   opacity: 1
 }
 
 .toast.hide {
   display: none
 }
 
 .toast-header {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-align: center;
   -webkit-box-align: center;
           align-items: center;
   padding: .25rem .75rem;
   color: #6c757d;
   background-color: rgba(255, 255, 255, 0.85);
   background-clip: padding-box;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05)
 }
 
 .toast-body {
   padding: .75rem
 }
 
 .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: -webkit-transform .3s ease-out;
   -webkit-transition: -webkit-transform .3s ease-out;
   -o-transition: transform .3s ease-out;
   transition: transform .3s ease-out;
   transition: transform .3s ease-out, -webkit-transform .3s ease-out;
   -webkit-transform: translate(0, -50px);
   -ms-transform: translate(0, -50px);
       transform: translate(0, -50px)
 }
 
 @media (prefers-reduced-motion: reduce) {
   .modal.fade .modal-dialog {
     -webkit-transition: none;
     -o-transition: none;
     transition: none
   }
 }
 
 .modal.show .modal-dialog {
   -webkit-transform: none;
   -ms-transform: none;
       transform: none
 }
 
 .modal-dialog-scrollable {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   max-height: calc(100% - 1rem)
 }
 
 .modal-dialog-scrollable .modal-content {
   max-height: calc(100% - 1rem);
   overflow: hidden
 }
 
 .modal-dialog-scrollable .modal-footer,
 .modal-dialog-scrollable .modal-header {
   -ms-flex-negative: 0;
   flex-shrink: 0
 }
 
 .modal-dialog-scrollable .modal-body {
   overflow-y: auto
 }
 
 .modal-dialog-centered {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-align: center;
   -webkit-box-align: center;
           align-items: center;
   min-height: calc(100% - 1rem)
 }
 
 .modal-dialog-centered::before {
   display: block;
   height: calc(100vh - 1rem);
   content: ""
 }
 
 .modal-dialog-centered.modal-dialog-scrollable {
   -ms-flex-direction: column;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
           flex-direction: column;
   -ms-flex-pack: center;
   -webkit-box-pack: center;
           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: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-direction: column;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
           flex-direction: column;
   width: 100%;
   pointer-events: auto;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: .3rem;
   outline: 0
 }
 
 .modal-backdrop {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1040;
   width: 100%;
   height: 100%;
   background-color: #000
 }
 
 .modal-backdrop.fade {
   opacity: 0
 }
 
 .modal-backdrop.show {
   opacity: .5
 }
 
 .modal-header {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-align: start;
   -webkit-box-align: start;
           align-items: flex-start;
   -ms-flex-pack: justify;
   -webkit-box-pack: justify;
           justify-content: space-between;
   padding: 1rem 1rem;
   border-bottom: 1px solid #dee2e6;
   border-top-left-radius: .3rem;
   border-top-right-radius: .3rem
 }
 
 .modal-header .close {
   padding: 1rem 1rem;
   margin: -1rem -1rem -1rem auto
 }
 
 .modal-title {
   margin-bottom: 0;
   line-height: 1.5
 }
 
 .modal-body {
   position: relative;
   -ms-flex: 1 1 auto;
   -webkit-box-flex: 1;
           flex: 1 1 auto;
   padding: 1rem
 }
 
 .modal-footer {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-align: center;
   -webkit-box-align: center;
           align-items: center;
   -ms-flex-pack: end;
   -webkit-box-pack: end;
           justify-content: flex-end;
   padding: 1rem;
   border-top: 1px solid #dee2e6;
   border-bottom-right-radius: .3rem;
   border-bottom-left-radius: .3rem
 }
 
 .modal-footer>:not(:first-child) {
   margin-left: .25rem
 }
 
 .modal-footer>:not(:last-child) {
   margin-right: .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)
   }
   .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: -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-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: .875rem;
   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: .25rem
 }
 
 .popover {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1060;
   display: block;
   max-width: 276px;
   font-family: -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-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: .875rem;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: .3rem
 }
 
 .popover .arrow {
   position: absolute;
   display: block;
   width: 1rem;
   height: .5rem;
   margin: 0 .3rem
 }
 
 .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) * -1)
 }
 
 .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, 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) * -1);
   width: .5rem;
   height: 1rem;
   margin: .3rem 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, 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) * -1)
 }
 
 .bs-popover-auto[x-placement^=bottom]>.arrow::before,
 .bs-popover-bottom>.arrow::before {
   top: 0;
   border-width: 0 .5rem .5rem .5rem;
   border-bottom-color: rgba(0, 0, 0, 0.25)
 }
 
 .bs-popover-auto[x-placement^=bottom]>.arrow::after,
 .bs-popover-bottom>.arrow::after {
   top: 1px;
   border-width: 0 .5rem .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) * -1);
   width: .5rem;
   height: 1rem;
   margin: .3rem 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, 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: calc(.3rem - 1px);
   border-top-right-radius: calc(.3rem - 1px)
 }
 
 .popover-header:empty {
   display: none
 }
 
 .popover-body {
   padding: .5rem .75rem;
   color: #212529
 }
 
 .carousel {
   position: relative
 }
 
 .carousel.pointer-event {
   -ms-touch-action: pan-y;
   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%;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   transition: -webkit-transform .6s ease-in-out;
   -webkit-transition: -webkit-transform .6s ease-in-out;
   -o-transition: transform .6s ease-in-out;
   transition: transform .6s ease-in-out;
   transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
 }
 
 @media (prefers-reduced-motion: reduce) {
   .carousel-item {
     -webkit-transition: none;
     -o-transition: none;
     transition: none
   }
 }
 
 .carousel-item-next,
 .carousel-item-prev,
 .carousel-item.active {
   display: block
 }
 
 .active.carousel-item-right,
 .carousel-item-next:not(.carousel-item-left) {
   -webkit-transform: translateX(100%);
   -ms-transform: translateX(100%);
       transform: translateX(100%)
 }
 
 .active.carousel-item-left,
 .carousel-item-prev:not(.carousel-item-right) {
   -webkit-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
       transform: translateX(-100%)
 }
 
 .carousel-fade .carousel-item {
   opacity: 0;
   -webkit-transition-property: opacity;
   -o-transition-property: opacity;
   transition-property: opacity;
   -webkit-transform: none;
   -ms-transform: none;
       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;
   -webkit-transition: 0s .6s opacity;
   -o-transition: 0s .6s opacity;
   transition: 0s .6s opacity
 }
 
 @media (prefers-reduced-motion: reduce) {
   .carousel-fade .active.carousel-item-left,
   .carousel-fade .active.carousel-item-right {
     -webkit-transition: none;
     -o-transition: none;
     transition: none
   }
 }
 
 .carousel-control-next,
 .carousel-control-prev {
   position: absolute;
   top: 0;
   bottom: 0;
   z-index: 1;
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-align: center;
   -webkit-box-align: center;
           align-items: center;
   -ms-flex-pack: center;
   -webkit-box-pack: center;
           justify-content: center;
   width: 15%;
   color: #fff;
   text-align: center;
   opacity: .5;
   -webkit-transition: opacity .15s ease;
   -o-transition: opacity .15s ease;
   transition: opacity .15s ease
 }
 
 @media (prefers-reduced-motion: reduce) {
   .carousel-control-next,
   .carousel-control-prev {
     -webkit-transition: none;
     -o-transition: none;
     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,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
 }
 
 .carousel-control-next-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
 }
 
 .carousel-indicators {
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 15;
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-pack: center;
   -webkit-box-pack: center;
           justify-content: center;
   padding-left: 0;
   margin-right: 15%;
   margin-left: 15%;
   list-style: none
 }
 
 .carousel-indicators li {
   -webkit-box-sizing: content-box;
           box-sizing: content-box;
   -ms-flex: 0 1 auto;
   -webkit-box-flex: 0;
           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;
   -webkit-transition: opacity .6s ease;
   -o-transition: opacity .6s ease;
   transition: opacity .6s ease
 }
 
 @media (prefers-reduced-motion: reduce) {
   .carousel-indicators li {
     -webkit-transition: none;
     -o-transition: none;
     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
 }
 
 @-webkit-keyframes spinner-border {
   to {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg)
   }
 }
 
 @keyframes spinner-border {
   to {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg)
   }
 }
 
 .spinner-border {
   display: inline-block;
   width: 2rem;
   height: 2rem;
   vertical-align: text-bottom;
   border: .25em solid currentColor;
   border-right-color: transparent;
   border-radius: 50%;
   -webkit-animation: spinner-border .75s linear infinite;
   animation: spinner-border .75s linear infinite
 }
 
 .spinner-border-sm {
   width: 1rem;
   height: 1rem;
   border-width: .2em
 }
 
 @-webkit-keyframes spinner-grow {
   0% {
     -webkit-transform: scale(0);
     transform: scale(0)
   }
   50% {
     opacity: 1
   }
 }
 
 @keyframes spinner-grow {
   0% {
     -webkit-transform: scale(0);
     transform: scale(0)
   }
   50% {
     opacity: 1
   }
 }
 
 .spinner-grow {
   display: inline-block;
   width: 2rem;
   height: 2rem;
   vertical-align: text-bottom;
   background-color: currentColor;
   border-radius: 50%;
   opacity: 0;
   -webkit-animation: spinner-grow .75s linear infinite;
   animation: spinner-grow .75s linear infinite
 }
 
 .spinner-grow-sm {
   width: 1rem;
   height: 1rem
 }
 
 .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 {
   background-color: #007bff !important
 }
 
 a.bg-primary:focus,
 a.bg-primary:hover,
 button.bg-primary:focus,
 button.bg-primary:hover {
   background-color: #0062cc !important
 }
 
 .bg-secondary {
   background-color: #6c757d !important
 }
 
 a.bg-secondary:focus,
 a.bg-secondary:hover,
 button.bg-secondary:focus,
 button.bg-secondary:hover {
   background-color: #545b62 !important
 }
 
 .bg-success {
   background-color: #28a745 !important
 }
 
 a.bg-success:focus,
 a.bg-success:hover,
 button.bg-success:focus,
 button.bg-success:hover {
   background-color: #1e7e34 !important
 }
 
 .bg-info {
   background-color: #17a2b8 !important
 }
 
 a.bg-info:focus,
 a.bg-info:hover,
 button.bg-info:focus,
 button.bg-info:hover {
   background-color: #117a8b !important
 }
 
 .bg-warning {
   background-color: #ffc107 !important
 }
 
 a.bg-warning:focus,
 a.bg-warning:hover,
 button.bg-warning:focus,
 button.bg-warning:hover {
   background-color: #d39e00 !important
 }
 
 .bg-danger {
   background-color: #dc3545 !important
 }
 
 a.bg-danger:focus,
 a.bg-danger:hover,
 button.bg-danger:focus,
 button.bg-danger:hover {
   background-color: #bd2130 !important
 }
 
 .bg-light {
   background-color: #f8f9fa !important
 }
 
 a.bg-light:focus,
 a.bg-light:hover,
 button.bg-light:focus,
 button.bg-light:hover {
   background-color: #dae0e5 !important
 }
 
 .bg-dark {
   background-color: #343a40 !important
 }
 
 a.bg-dark:focus,
 a.bg-dark:hover,
 button.bg-dark:focus,
 button.bg-dark:hover {
   background-color: #1d2124 !important
 }
 
 .bg-white {
   background-color: #fff !important
 }
 
 .bg-transparent {
   background-color: transparent !important
 }
 
 .border {
   border: 1px solid #dee2e6 !important
 }
 
 .border-top {
   border-top: 1px solid #dee2e6 !important
 }
 
 .border-right {
   border-right: 1px solid #dee2e6 !important
 }
 
 .border-bottom {
   border-bottom: 1px solid #dee2e6 !important
 }
 
 .border-left {
   border-left: 1px solid #dee2e6 !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: #007bff !important
 }
 
 .border-secondary {
   border-color: #6c757d !important
 }
 
 .border-success {
   border-color: #28a745 !important
 }
 
 .border-info {
   border-color: #17a2b8 !important
 }
 
 .border-warning {
   border-color: #ffc107 !important
 }
 
 .border-danger {
   border-color: #dc3545 !important
 }
 
 .border-light {
   border-color: #f8f9fa !important
 }
 
 .border-dark {
   border-color: #343a40 !important
 }
 
 .border-white {
   border-color: #fff !important
 }
 
 .rounded-sm {
   border-radius: 0.2rem !important
 }
 
 .rounded {
   border-radius: 0.25rem !important
 }
 
 .rounded-top {
   border-top-left-radius: 0.25rem !important;
   border-top-right-radius: 0.25rem !important
 }
 
 .rounded-right {
   border-top-right-radius: 0.25rem !important;
   border-bottom-right-radius: 0.25rem !important
 }
 
 .rounded-bottom {
   border-bottom-right-radius: 0.25rem !important;
   border-bottom-left-radius: 0.25rem !important
 }
 
 .rounded-left {
   border-top-left-radius: 0.25rem !important;
   border-bottom-left-radius: 0.25rem !important
 }
 
 .rounded-lg {
   border-radius: 0.3rem !important
 }
 
 .rounded-circle {
   border-radius: 50% !important
 }
 
 .rounded-pill {
   border-radius: 50rem !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: -ms-flexbox !important;
   display: -webkit-box !important;
   display: flex !important
 }
 
 .d-inline-flex {
   display: -ms-inline-flexbox !important;
   display: -webkit-inline-box !important;
   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: -ms-flexbox !important;
     display: -webkit-box !important;
     display: flex !important
   }
   .d-sm-inline-flex {
     display: -ms-inline-flexbox !important;
     display: -webkit-inline-box !important;
     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: -ms-flexbox !important;
     display: -webkit-box !important;
     display: flex !important
   }
   .d-md-inline-flex {
     display: -ms-inline-flexbox !important;
     display: -webkit-inline-box !important;
     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: -ms-flexbox !important;
     display: -webkit-box !important;
     display: flex !important
   }
   .d-lg-inline-flex {
     display: -ms-inline-flexbox !important;
     display: -webkit-inline-box !important;
     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: -ms-flexbox !important;
     display: -webkit-box !important;
     display: flex !important
   }
   .d-xl-inline-flex {
     display: -ms-inline-flexbox !important;
     display: -webkit-inline-box !important;
     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: -ms-flexbox !important;
     display: -webkit-box !important;
     display: flex !important
   }
   .d-print-inline-flex {
     display: -ms-inline-flexbox !important;
     display: -webkit-inline-box !important;
     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.857143%
 }
 
 .embed-responsive-16by9::before {
   padding-top: 56.25%
 }
 
 .embed-responsive-4by3::before {
   padding-top: 75%
 }
 
 .embed-responsive-1by1::before {
   padding-top: 100%
 }
 
 .flex-row {
   -ms-flex-direction: row !important;
   -webkit-box-orient: horizontal !important;
   -webkit-box-direction: normal !important;
           flex-direction: row !important
 }
 
 .flex-column {
   -ms-flex-direction: column !important;
   -webkit-box-orient: vertical !important;
   -webkit-box-direction: normal !important;
           flex-direction: column !important
 }
 
 .flex-row-reverse {
   -ms-flex-direction: row-reverse !important;
   -webkit-box-orient: horizontal !important;
   -webkit-box-direction: reverse !important;
           flex-direction: row-reverse !important
 }
 
 .flex-column-reverse {
   -ms-flex-direction: column-reverse !important;
   -webkit-box-orient: vertical !important;
   -webkit-box-direction: reverse !important;
           flex-direction: column-reverse !important
 }
 
 .flex-wrap {
   -ms-flex-wrap: wrap !important;
   flex-wrap: wrap !important
 }
 
 .flex-nowrap {
   -ms-flex-wrap: nowrap !important;
   flex-wrap: nowrap !important
 }
 
 .flex-wrap-reverse {
   -ms-flex-wrap: wrap-reverse !important;
   flex-wrap: wrap-reverse !important
 }
 
 .flex-fill {
   -ms-flex: 1 1 auto !important;
   -webkit-box-flex: 1 !important;
           flex: 1 1 auto !important
 }
 
 .flex-grow-0 {
   -ms-flex-positive: 0 !important;
   -webkit-box-flex: 0 !important;
           flex-grow: 0 !important
 }
 
 .flex-grow-1 {
   -ms-flex-positive: 1 !important;
   -webkit-box-flex: 1 !important;
           flex-grow: 1 !important
 }
 
 .flex-shrink-0 {
   -ms-flex-negative: 0 !important;
   flex-shrink: 0 !important
 }
 
 .flex-shrink-1 {
   -ms-flex-negative: 1 !important;
   flex-shrink: 1 !important
 }
 
 .justify-content-start {
   -ms-flex-pack: start !important;
   -webkit-box-pack: start !important;
           justify-content: flex-start !important
 }
 
 .justify-content-end {
   -ms-flex-pack: end !important;
   -webkit-box-pack: end !important;
           justify-content: flex-end !important
 }
 
 .justify-content-center {
   -ms-flex-pack: center !important;
   -webkit-box-pack: center !important;
           justify-content: center !important
 }
 
 .justify-content-between {
   -ms-flex-pack: justify !important;
   -webkit-box-pack: justify !important;
           justify-content: space-between !important
 }
 
 .justify-content-around {
   -ms-flex-pack: distribute !important;
   justify-content: space-around !important
 }
 
 .align-items-start {
   -ms-flex-align: start !important;
   -webkit-box-align: start !important;
           align-items: flex-start !important
 }
 
 .align-items-end {
   -ms-flex-align: end !important;
   -webkit-box-align: end !important;
           align-items: flex-end !important
 }
 
 .align-items-center {
   -ms-flex-align: center !important;
   -webkit-box-align: center !important;
           align-items: center !important
 }
 
 .align-items-baseline {
   -ms-flex-align: baseline !important;
   -webkit-box-align: baseline !important;
           align-items: baseline !important
 }
 
 .align-items-stretch {
   -ms-flex-align: stretch !important;
   -webkit-box-align: stretch !important;
           align-items: stretch !important
 }
 
 .align-content-start {
   -ms-flex-line-pack: start !important;
   align-content: flex-start !important
 }
 
 .align-content-end {
   -ms-flex-line-pack: end !important;
   align-content: flex-end !important
 }
 
 .align-content-center {
   -ms-flex-line-pack: center !important;
   align-content: center !important
 }
 
 .align-content-between {
   -ms-flex-line-pack: justify !important;
   align-content: space-between !important
 }
 
 .align-content-around {
   -ms-flex-line-pack: distribute !important;
   align-content: space-around !important
 }
 
 .align-content-stretch {
   -ms-flex-line-pack: stretch !important;
   align-content: stretch !important
 }
 
 .align-self-auto {
   -ms-flex-item-align: auto !important;
   -ms-grid-row-align: auto !important;
       align-self: auto !important
 }
 
 .align-self-start {
   -ms-flex-item-align: start !important;
   align-self: flex-start !important
 }
 
 .align-self-end {
   -ms-flex-item-align: end !important;
   align-self: flex-end !important
 }
 
 .align-self-center {
   -ms-flex-item-align: center !important;
   -ms-grid-row-align: center !important;
       align-self: center !important
 }
 
 .align-self-baseline {
   -ms-flex-item-align: baseline !important;
   align-self: baseline !important
 }
 
 .align-self-stretch {
   -ms-flex-item-align: stretch !important;
   -ms-grid-row-align: stretch !important;
       align-self: stretch !important
 }
 
 @media (min-width: 576px) {
   .flex-sm-row {
     -ms-flex-direction: row !important;
     -webkit-box-orient: horizontal !important;
     -webkit-box-direction: normal !important;
             flex-direction: row !important
   }
   .flex-sm-column {
     -ms-flex-direction: column !important;
     -webkit-box-orient: vertical !important;
     -webkit-box-direction: normal !important;
             flex-direction: column !important
   }
   .flex-sm-row-reverse {
     -ms-flex-direction: row-reverse !important;
     -webkit-box-orient: horizontal !important;
     -webkit-box-direction: reverse !important;
             flex-direction: row-reverse !important
   }
   .flex-sm-column-reverse {
     -ms-flex-direction: column-reverse !important;
     -webkit-box-orient: vertical !important;
     -webkit-box-direction: reverse !important;
             flex-direction: column-reverse !important
   }
   .flex-sm-wrap {
     -ms-flex-wrap: wrap !important;
     flex-wrap: wrap !important
   }
   .flex-sm-nowrap {
     -ms-flex-wrap: nowrap !important;
     flex-wrap: nowrap !important
   }
   .flex-sm-wrap-reverse {
     -ms-flex-wrap: wrap-reverse !important;
     flex-wrap: wrap-reverse !important
   }
   .flex-sm-fill {
     -ms-flex: 1 1 auto !important;
     -webkit-box-flex: 1 !important;
             flex: 1 1 auto !important
   }
   .flex-sm-grow-0 {
     -ms-flex-positive: 0 !important;
     -webkit-box-flex: 0 !important;
             flex-grow: 0 !important
   }
   .flex-sm-grow-1 {
     -ms-flex-positive: 1 !important;
     -webkit-box-flex: 1 !important;
             flex-grow: 1 !important
   }
   .flex-sm-shrink-0 {
     -ms-flex-negative: 0 !important;
     flex-shrink: 0 !important
   }
   .flex-sm-shrink-1 {
     -ms-flex-negative: 1 !important;
     flex-shrink: 1 !important
   }
   .justify-content-sm-start {
     -ms-flex-pack: start !important;
     -webkit-box-pack: start !important;
             justify-content: flex-start !important
   }
   .justify-content-sm-end {
     -ms-flex-pack: end !important;
     -webkit-box-pack: end !important;
             justify-content: flex-end !important
   }
   .justify-content-sm-center {
     -ms-flex-pack: center !important;
     -webkit-box-pack: center !important;
             justify-content: center !important
   }
   .justify-content-sm-between {
     -ms-flex-pack: justify !important;
     -webkit-box-pack: justify !important;
             justify-content: space-between !important
   }
   .justify-content-sm-around {
     -ms-flex-pack: distribute !important;
     justify-content: space-around !important
   }
   .align-items-sm-start {
     -ms-flex-align: start !important;
     -webkit-box-align: start !important;
             align-items: flex-start !important
   }
   .align-items-sm-end {
     -ms-flex-align: end !important;
     -webkit-box-align: end !important;
             align-items: flex-end !important
   }
   .align-items-sm-center {
     -ms-flex-align: center !important;
     -webkit-box-align: center !important;
             align-items: center !important
   }
   .align-items-sm-baseline {
     -ms-flex-align: baseline !important;
     -webkit-box-align: baseline !important;
             align-items: baseline !important
   }
   .align-items-sm-stretch {
     -ms-flex-align: stretch !important;
     -webkit-box-align: stretch !important;
             align-items: stretch !important
   }
   .align-content-sm-start {
     -ms-flex-line-pack: start !important;
     align-content: flex-start !important
   }
   .align-content-sm-end {
     -ms-flex-line-pack: end !important;
     align-content: flex-end !important
   }
   .align-content-sm-center {
     -ms-flex-line-pack: center !important;
     align-content: center !important
   }
   .align-content-sm-between {
     -ms-flex-line-pack: justify !important;
     align-content: space-between !important
   }
   .align-content-sm-around {
     -ms-flex-line-pack: distribute !important;
     align-content: space-around !important
   }
   .align-content-sm-stretch {
     -ms-flex-line-pack: stretch !important;
     align-content: stretch !important
   }
   .align-self-sm-auto {
     -ms-flex-item-align: auto !important;
     -ms-grid-row-align: auto !important;
         align-self: auto !important
   }
   .align-self-sm-start {
     -ms-flex-item-align: start !important;
     align-self: flex-start !important
   }
   .align-self-sm-end {
     -ms-flex-item-align: end !important;
     align-self: flex-end !important
   }
   .align-self-sm-center {
     -ms-flex-item-align: center !important;
     -ms-grid-row-align: center !important;
         align-self: center !important
   }
   .align-self-sm-baseline {
     -ms-flex-item-align: baseline !important;
     align-self: baseline !important
   }
   .align-self-sm-stretch {
     -ms-flex-item-align: stretch !important;
     -ms-grid-row-align: stretch !important;
         align-self: stretch !important
   }
 }
 
 @media (min-width: 768px) {
   .flex-md-row {
     -ms-flex-direction: row !important;
     -webkit-box-orient: horizontal !important;
     -webkit-box-direction: normal !important;
             flex-direction: row !important
   }
   .flex-md-column {
     -ms-flex-direction: column !important;
     -webkit-box-orient: vertical !important;
     -webkit-box-direction: normal !important;
             flex-direction: column !important
   }
   .flex-md-row-reverse {
     -ms-flex-direction: row-reverse !important;
     -webkit-box-orient: horizontal !important;
     -webkit-box-direction: reverse !important;
             flex-direction: row-reverse !important
   }
   .flex-md-column-reverse {
     -ms-flex-direction: column-reverse !important;
     -webkit-box-orient: vertical !important;
     -webkit-box-direction: reverse !important;
             flex-direction: column-reverse !important
   }
   .flex-md-wrap {
     -ms-flex-wrap: wrap !important;
     flex-wrap: wrap !important
   }
   .flex-md-nowrap {
     -ms-flex-wrap: nowrap !important;
     flex-wrap: nowrap !important
   }
   .flex-md-wrap-reverse {
     -ms-flex-wrap: wrap-reverse !important;
     flex-wrap: wrap-reverse !important
   }
   .flex-md-fill {
     -ms-flex: 1 1 auto !important;
     -webkit-box-flex: 1 !important;
             flex: 1 1 auto !important
   }
   .flex-md-grow-0 {
     -ms-flex-positive: 0 !important;
     -webkit-box-flex: 0 !important;
             flex-grow: 0 !important
   }
   .flex-md-grow-1 {
     -ms-flex-positive: 1 !important;
     -webkit-box-flex: 1 !important;
             flex-grow: 1 !important
   }
   .flex-md-shrink-0 {
     -ms-flex-negative: 0 !important;
     flex-shrink: 0 !important
   }
   .flex-md-shrink-1 {
     -ms-flex-negative: 1 !important;
     flex-shrink: 1 !important
   }
   .justify-content-md-start {
     -ms-flex-pack: start !important;
     -webkit-box-pack: start !important;
             justify-content: flex-start !important
   }
   .justify-content-md-end {
     -ms-flex-pack: end !important;
     -webkit-box-pack: end !important;
             justify-content: flex-end !important
   }
   .justify-content-md-center {
     -ms-flex-pack: center !important;
     -webkit-box-pack: center !important;
             justify-content: center !important
   }
   .justify-content-md-between {
     -ms-flex-pack: justify !important;
     -webkit-box-pack: justify !important;
             justify-content: space-between !important
   }
   .justify-content-md-around {
     -ms-flex-pack: distribute !important;
     justify-content: space-around !important
   }
   .align-items-md-start {
     -ms-flex-align: start !important;
     -webkit-box-align: start !important;
             align-items: flex-start !important
   }
   .align-items-md-end {
     -ms-flex-align: end !important;
     -webkit-box-align: end !important;
             align-items: flex-end !important
   }
   .align-items-md-center {
     -ms-flex-align: center !important;
     -webkit-box-align: center !important;
             align-items: center !important
   }
   .align-items-md-baseline {
     -ms-flex-align: baseline !important;
     -webkit-box-align: baseline !important;
             align-items: baseline !important
   }
   .align-items-md-stretch {
     -ms-flex-align: stretch !important;
     -webkit-box-align: stretch !important;
             align-items: stretch !important
   }
   .align-content-md-start {
     -ms-flex-line-pack: start !important;
     align-content: flex-start !important
   }
   .align-content-md-end {
     -ms-flex-line-pack: end !important;
     align-content: flex-end !important
   }
   .align-content-md-center {
     -ms-flex-line-pack: center !important;
     align-content: center !important
   }
   .align-content-md-between {
     -ms-flex-line-pack: justify !important;
     align-content: space-between !important
   }
   .align-content-md-around {
     -ms-flex-line-pack: distribute !important;
     align-content: space-around !important
   }
   .align-content-md-stretch {
     -ms-flex-line-pack: stretch !important;
     align-content: stretch !important
   }
   .align-self-md-auto {
     -ms-flex-item-align: auto !important;
     -ms-grid-row-align: auto !important;
         align-self: auto !important
   }
   .align-self-md-start {
     -ms-flex-item-align: start !important;
     align-self: flex-start !important
   }
   .align-self-md-end {
     -ms-flex-item-align: end !important;
     align-self: flex-end !important
   }
   .align-self-md-center {
     -ms-flex-item-align: center !important;
     -ms-grid-row-align: center !important;
         align-self: center !important
   }
   .align-self-md-baseline {
     -ms-flex-item-align: baseline !important;
     align-self: baseline !important
   }
   .align-self-md-stretch {
     -ms-flex-item-align: stretch !important;
     -ms-grid-row-align: stretch !important;
         align-self: stretch !important
   }
 }
 
 @media (min-width: 992px) {
   .flex-lg-row {
     -ms-flex-direction: row !important;
     -webkit-box-orient: horizontal !important;
     -webkit-box-direction: normal !important;
             flex-direction: row !important
   }
   .flex-lg-column {
     -ms-flex-direction: column !important;
     -webkit-box-orient: vertical !important;
     -webkit-box-direction: normal !important;
             flex-direction: column !important
   }
   .flex-lg-row-reverse {
     -ms-flex-direction: row-reverse !important;
     -webkit-box-orient: horizontal !important;
     -webkit-box-direction: reverse !important;
             flex-direction: row-reverse !important
   }
   .flex-lg-column-reverse {
     -ms-flex-direction: column-reverse !important;
     -webkit-box-orient: vertical !important;
     -webkit-box-direction: reverse !important;
             flex-direction: column-reverse !important
   }
   .flex-lg-wrap {
     -ms-flex-wrap: wrap !important;
     flex-wrap: wrap !important
   }
   .flex-lg-nowrap {
     -ms-flex-wrap: nowrap !important;
     flex-wrap: nowrap !important
   }
   .flex-lg-wrap-reverse {
     -ms-flex-wrap: wrap-reverse !important;
     flex-wrap: wrap-reverse !important
   }
   .flex-lg-fill {
     -ms-flex: 1 1 auto !important;
     -webkit-box-flex: 1 !important;
             flex: 1 1 auto !important
   }
   .flex-lg-grow-0 {
     -ms-flex-positive: 0 !important;
     -webkit-box-flex: 0 !important;
             flex-grow: 0 !important
   }
   .flex-lg-grow-1 {
     -ms-flex-positive: 1 !important;
     -webkit-box-flex: 1 !important;
             flex-grow: 1 !important
   }
   .flex-lg-shrink-0 {
     -ms-flex-negative: 0 !important;
     flex-shrink: 0 !important
   }
   .flex-lg-shrink-1 {
     -ms-flex-negative: 1 !important;
     flex-shrink: 1 !important
   }
   .justify-content-lg-start {
     -ms-flex-pack: start !important;
     -webkit-box-pack: start !important;
             justify-content: flex-start !important
   }
   .justify-content-lg-end {
     -ms-flex-pack: end !important;
     -webkit-box-pack: end !important;
             justify-content: flex-end !important
   }
   .justify-content-lg-center {
     -ms-flex-pack: center !important;
     -webkit-box-pack: center !important;
             justify-content: center !important
   }
   .justify-content-lg-between {
     -ms-flex-pack: justify !important;
     -webkit-box-pack: justify !important;
             justify-content: space-between !important
   }
   .justify-content-lg-around {
     -ms-flex-pack: distribute !important;
     justify-content: space-around !important
   }
   .align-items-lg-start {
     -ms-flex-align: start !important;
     -webkit-box-align: start !important;
             align-items: flex-start !important
   }
   .align-items-lg-end {
     -ms-flex-align: end !important;
     -webkit-box-align: end !important;
             align-items: flex-end !important
   }
   .align-items-lg-center {
     -ms-flex-align: center !important;
     -webkit-box-align: center !important;
             align-items: center !important
   }
   .align-items-lg-baseline {
     -ms-flex-align: baseline !important;
     -webkit-box-align: baseline !important;
             align-items: baseline !important
   }
   .align-items-lg-stretch {
     -ms-flex-align: stretch !important;
     -webkit-box-align: stretch !important;
             align-items: stretch !important
   }
   .align-content-lg-start {
     -ms-flex-line-pack: start !important;
     align-content: flex-start !important
   }
   .align-content-lg-end {
     -ms-flex-line-pack: end !important;
     align-content: flex-end !important
   }
   .align-content-lg-center {
     -ms-flex-line-pack: center !important;
     align-content: center !important
   }
   .align-content-lg-between {
     -ms-flex-line-pack: justify !important;
     align-content: space-between !important
   }
   .align-content-lg-around {
     -ms-flex-line-pack: distribute !important;
     align-content: space-around !important
   }
   .align-content-lg-stretch {
     -ms-flex-line-pack: stretch !important;
     align-content: stretch !important
   }
   .align-self-lg-auto {
     -ms-flex-item-align: auto !important;
     -ms-grid-row-align: auto !important;
         align-self: auto !important
   }
   .align-self-lg-start {
     -ms-flex-item-align: start !important;
     align-self: flex-start !important
   }
   .align-self-lg-end {
     -ms-flex-item-align: end !important;
     align-self: flex-end !important
   }
   .align-self-lg-center {
     -ms-flex-item-align: center !important;
     -ms-grid-row-align: center !important;
         align-self: center !important
   }
   .align-self-lg-baseline {
     -ms-flex-item-align: baseline !important;
     align-self: baseline !important
   }
   .align-self-lg-stretch {
     -ms-flex-item-align: stretch !important;
     -ms-grid-row-align: stretch !important;
         align-self: stretch !important
   }
 }
 
 @media (min-width: 1200px) {
   .flex-xl-row {
     -ms-flex-direction: row !important;
     -webkit-box-orient: horizontal !important;
     -webkit-box-direction: normal !important;
             flex-direction: row !important
   }
   .flex-xl-column {
     -ms-flex-direction: column !important;
     -webkit-box-orient: vertical !important;
     -webkit-box-direction: normal !important;
             flex-direction: column !important
   }
   .flex-xl-row-reverse {
     -ms-flex-direction: row-reverse !important;
     -webkit-box-orient: horizontal !important;
     -webkit-box-direction: reverse !important;
             flex-direction: row-reverse !important
   }
   .flex-xl-column-reverse {
     -ms-flex-direction: column-reverse !important;
     -webkit-box-orient: vertical !important;
     -webkit-box-direction: reverse !important;
             flex-direction: column-reverse !important
   }
   .flex-xl-wrap {
     -ms-flex-wrap: wrap !important;
     flex-wrap: wrap !important
   }
   .flex-xl-nowrap {
     -ms-flex-wrap: nowrap !important;
     flex-wrap: nowrap !important
   }
   .flex-xl-wrap-reverse {
     -ms-flex-wrap: wrap-reverse !important;
     flex-wrap: wrap-reverse !important
   }
   .flex-xl-fill {
     -ms-flex: 1 1 auto !important;
     -webkit-box-flex: 1 !important;
             flex: 1 1 auto !important
   }
   .flex-xl-grow-0 {
     -ms-flex-positive: 0 !important;
     -webkit-box-flex: 0 !important;
             flex-grow: 0 !important
   }
   .flex-xl-grow-1 {
     -ms-flex-positive: 1 !important;
     -webkit-box-flex: 1 !important;
             flex-grow: 1 !important
   }
   .flex-xl-shrink-0 {
     -ms-flex-negative: 0 !important;
     flex-shrink: 0 !important
   }
   .flex-xl-shrink-1 {
     -ms-flex-negative: 1 !important;
     flex-shrink: 1 !important
   }
   .justify-content-xl-start {
     -ms-flex-pack: start !important;
     -webkit-box-pack: start !important;
             justify-content: flex-start !important
   }
   .justify-content-xl-end {
     -ms-flex-pack: end !important;
     -webkit-box-pack: end !important;
             justify-content: flex-end !important
   }
   .justify-content-xl-center {
     -ms-flex-pack: center !important;
     -webkit-box-pack: center !important;
             justify-content: center !important
   }
   .justify-content-xl-between {
     -ms-flex-pack: justify !important;
     -webkit-box-pack: justify !important;
             justify-content: space-between !important
   }
   .justify-content-xl-around {
     -ms-flex-pack: distribute !important;
     justify-content: space-around !important
   }
   .align-items-xl-start {
     -ms-flex-align: start !important;
     -webkit-box-align: start !important;
             align-items: flex-start !important
   }
   .align-items-xl-end {
     -ms-flex-align: end !important;
     -webkit-box-align: end !important;
             align-items: flex-end !important
   }
   .align-items-xl-center {
     -ms-flex-align: center !important;
     -webkit-box-align: center !important;
             align-items: center !important
   }
   .align-items-xl-baseline {
     -ms-flex-align: baseline !important;
     -webkit-box-align: baseline !important;
             align-items: baseline !important
   }
   .align-items-xl-stretch {
     -ms-flex-align: stretch !important;
     -webkit-box-align: stretch !important;
             align-items: stretch !important
   }
   .align-content-xl-start {
     -ms-flex-line-pack: start !important;
     align-content: flex-start !important
   }
   .align-content-xl-end {
     -ms-flex-line-pack: end !important;
     align-content: flex-end !important
   }
   .align-content-xl-center {
     -ms-flex-line-pack: center !important;
     align-content: center !important
   }
   .align-content-xl-between {
     -ms-flex-line-pack: justify !important;
     align-content: space-between !important
   }
   .align-content-xl-around {
     -ms-flex-line-pack: distribute !important;
     align-content: space-around !important
   }
   .align-content-xl-stretch {
     -ms-flex-line-pack: stretch !important;
     align-content: stretch !important
   }
   .align-self-xl-auto {
     -ms-flex-item-align: auto !important;
     -ms-grid-row-align: auto !important;
         align-self: auto !important
   }
   .align-self-xl-start {
     -ms-flex-item-align: start !important;
     align-self: flex-start !important
   }
   .align-self-xl-end {
     -ms-flex-item-align: end !important;
     align-self: flex-end !important
   }
   .align-self-xl-center {
     -ms-flex-item-align: center !important;
     -ms-grid-row-align: center !important;
         align-self: center !important
   }
   .align-self-xl-baseline {
     -ms-flex-item-align: baseline !important;
     align-self: baseline !important
   }
   .align-self-xl-stretch {
     -ms-flex-item-align: stretch !important;
     -ms-grid-row-align: stretch !important;
         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
   }
 }
 
 .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: -webkit-sticky !important;
   position: sticky !important
 }
 
 .fixed-top {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   z-index: 1030
 }
 
 .fixed-bottom {
   position: fixed;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1030
 }
 
 @supports ((position: -webkit-sticky) or (position: sticky)) {
   .sticky-top {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 1020
   }
 }
 
 .sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   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-sm {
   -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
           box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important
 }
 
 .shadow {
   -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
           box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important
 }
 
 .shadow-lg {
   -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
           box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important
 }
 
 .shadow-none {
   -webkit-box-shadow: none !important;
           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: 100% !important
 }
 
 .min-vh-100 {
   min-height: 100% !important
 }
 
 .vw-100 {
   width: 100% !important
 }
 
 .vh-100 {
   height: 100% !important
 }
 
 .stretched-link::after {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
   background-color: transparent
 }
 
 .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: 0.25rem !important
 }
 
 .mt-1,
 .my-1 {
   margin-top: 0.25rem !important
 }
 
 .mr-1,
 .mx-1 {
   margin-right: 0.25rem !important
 }
 
 .mb-1,
 .my-1 {
   margin-bottom: 0.25rem !important
 }
 
 .ml-1,
 .mx-1 {
   margin-left: 0.25rem !important
 }
 
 .m-2 {
   margin: 0.5rem !important
 }
 
 .mt-2,
 .my-2 {
   margin-top: 0.5rem !important
 }
 
 .mr-2,
 .mx-2 {
   margin-right: 0.5rem !important
 }
 
 .mb-2,
 .my-2 {
   margin-bottom: 0.5rem !important
 }
 
 .ml-2,
 .mx-2 {
   margin-left: 0.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: 0.25rem !important
 }
 
 .pt-1,
 .py-1 {
   padding-top: 0.25rem !important
 }
 
 .pr-1,
 .px-1 {
   padding-right: 0.25rem !important
 }
 
 .pb-1,
 .py-1 {
   padding-bottom: 0.25rem !important
 }
 
 .pl-1,
 .px-1 {
   padding-left: 0.25rem !important
 }
 
 .p-2 {
   padding: 0.5rem !important
 }
 
 .pt-2,
 .py-2 {
   padding-top: 0.5rem !important
 }
 
 .pr-2,
 .px-2 {
   padding-right: 0.5rem !important
 }
 
 .pb-2,
 .py-2 {
   padding-bottom: 0.5rem !important
 }
 
 .pl-2,
 .px-2 {
   padding-left: 0.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: 0.25rem !important
   }
   .mt-sm-1,
   .my-sm-1 {
     margin-top: 0.25rem !important
   }
   .mr-sm-1,
   .mx-sm-1 {
     margin-right: 0.25rem !important
   }
   .mb-sm-1,
   .my-sm-1 {
     margin-bottom: 0.25rem !important
   }
   .ml-sm-1,
   .mx-sm-1 {
     margin-left: 0.25rem !important
   }
   .m-sm-2 {
     margin: 0.5rem !important
   }
   .mt-sm-2,
   .my-sm-2 {
     margin-top: 0.5rem !important
   }
   .mr-sm-2,
   .mx-sm-2 {
     margin-right: 0.5rem !important
   }
   .mb-sm-2,
   .my-sm-2 {
     margin-bottom: 0.5rem !important
   }
   .ml-sm-2,
   .mx-sm-2 {
     margin-left: 0.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: 0.25rem !important
   }
   .pt-sm-1,
   .py-sm-1 {
     padding-top: 0.25rem !important
   }
   .pr-sm-1,
   .px-sm-1 {
     padding-right: 0.25rem !important
   }
   .pb-sm-1,
   .py-sm-1 {
     padding-bottom: 0.25rem !important
   }
   .pl-sm-1,
   .px-sm-1 {
     padding-left: 0.25rem !important
   }
   .p-sm-2 {
     padding: 0.5rem !important
   }
   .pt-sm-2,
   .py-sm-2 {
     padding-top: 0.5rem !important
   }
   .pr-sm-2,
   .px-sm-2 {
     padding-right: 0.5rem !important
   }
   .pb-sm-2,
   .py-sm-2 {
     padding-bottom: 0.5rem !important
   }
   .pl-sm-2,
   .px-sm-2 {
     padding-left: 0.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: 0.25rem !important
   }
   .mt-md-1,
   .my-md-1 {
     margin-top: 0.25rem !important
   }
   .mr-md-1,
   .mx-md-1 {
     margin-right: 0.25rem !important
   }
   .mb-md-1,
   .my-md-1 {
     margin-bottom: 0.25rem !important
   }
   .ml-md-1,
   .mx-md-1 {
     margin-left: 0.25rem !important
   }
   .m-md-2 {
     margin: 0.5rem !important
   }
   .mt-md-2,
   .my-md-2 {
     margin-top: 0.5rem !important
   }
   .mr-md-2,
   .mx-md-2 {
     margin-right: 0.5rem !important
   }
   .mb-md-2,
   .my-md-2 {
     margin-bottom: 0.5rem !important
   }
   .ml-md-2,
   .mx-md-2 {
     margin-left: 0.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: 0.25rem !important
   }
   .pt-md-1,
   .py-md-1 {
     padding-top: 0.25rem !important
   }
   .pr-md-1,
   .px-md-1 {
     padding-right: 0.25rem !important
   }
   .pb-md-1,
   .py-md-1 {
     padding-bottom: 0.25rem !important
   }
   .pl-md-1,
   .px-md-1 {
     padding-left: 0.25rem !important
   }
   .p-md-2 {
     padding: 0.5rem !important
   }
   .pt-md-2,
   .py-md-2 {
     padding-top: 0.5rem !important
   }
   .pr-md-2,
   .px-md-2 {
     padding-right: 0.5rem !important
   }
   .pb-md-2,
   .py-md-2 {
     padding-bottom: 0.5rem !important
   }
   .pl-md-2,
   .px-md-2 {
     padding-left: 0.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: 0.25rem !important
   }
   .mt-lg-1,
   .my-lg-1 {
     margin-top: 0.25rem !important
   }
   .mr-lg-1,
   .mx-lg-1 {
     margin-right: 0.25rem !important
   }
   .mb-lg-1,
   .my-lg-1 {
     margin-bottom: 0.25rem !important
   }
   .ml-lg-1,
   .mx-lg-1 {
     margin-left: 0.25rem !important
   }
   .m-lg-2 {
     margin: 0.5rem !important
   }
   .mt-lg-2,
   .my-lg-2 {
     margin-top: 0.5rem !important
   }
   .mr-lg-2,
   .mx-lg-2 {
     margin-right: 0.5rem !important
   }
   .mb-lg-2,
   .my-lg-2 {
     margin-bottom: 0.5rem !important
   }
   .ml-lg-2,
   .mx-lg-2 {
     margin-left: 0.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: 0.25rem !important
   }
   .pt-lg-1,
   .py-lg-1 {
     padding-top: 0.25rem !important
   }
   .pr-lg-1,
   .px-lg-1 {
     padding-right: 0.25rem !important
   }
   .pb-lg-1,
   .py-lg-1 {
     padding-bottom: 0.25rem !important
   }
   .pl-lg-1,
   .px-lg-1 {
     padding-left: 0.25rem !important
   }
   .p-lg-2 {
     padding: 0.5rem !important
   }
   .pt-lg-2,
   .py-lg-2 {
     padding-top: 0.5rem !important
   }
   .pr-lg-2,
   .px-lg-2 {
     padding-right: 0.5rem !important
   }
   .pb-lg-2,
   .py-lg-2 {
     padding-bottom: 0.5rem !important
   }
   .pl-lg-2,
   .px-lg-2 {
     padding-left: 0.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: 0.25rem !important
   }
   .mt-xl-1,
   .my-xl-1 {
     margin-top: 0.25rem !important
   }
   .mr-xl-1,
   .mx-xl-1 {
     margin-right: 0.25rem !important
   }
   .mb-xl-1,
   .my-xl-1 {
     margin-bottom: 0.25rem !important
   }
   .ml-xl-1,
   .mx-xl-1 {
     margin-left: 0.25rem !important
   }
   .m-xl-2 {
     margin: 0.5rem !important
   }
   .mt-xl-2,
   .my-xl-2 {
     margin-top: 0.5rem !important
   }
   .mr-xl-2,
   .mx-xl-2 {
     margin-right: 0.5rem !important
   }
   .mb-xl-2,
   .my-xl-2 {
     margin-bottom: 0.5rem !important
   }
   .ml-xl-2,
   .mx-xl-2 {
     margin-left: 0.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: 0.25rem !important
   }
   .pt-xl-1,
   .py-xl-1 {
     padding-top: 0.25rem !important
   }
   .pr-xl-1,
   .px-xl-1 {
     padding-right: 0.25rem !important
   }
   .pb-xl-1,
   .py-xl-1 {
     padding-bottom: 0.25rem !important
   }
   .pl-xl-1,
   .px-xl-1 {
     padding-left: 0.25rem !important
   }
   .p-xl-2 {
     padding: 0.5rem !important
   }
   .pt-xl-2,
   .py-xl-2 {
     padding-top: 0.5rem !important
   }
   .pr-xl-2,
   .px-xl-2 {
     padding-right: 0.5rem !important
   }
   .pb-xl-2,
   .py-xl-2 {
     padding-bottom: 0.5rem !important
   }
   .pl-xl-2,
   .px-xl-2 {
     padding-left: 0.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
   }
 }
 
 .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;
   -o-text-overflow: ellipsis;
      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-white {
   color: #fff !important
 }
 
 .text-primary {
   color: #007bff !important
 }
 
 a.text-primary:focus,
 a.text-primary:hover {
   color: #0056b3 !important
 }
 
 .text-secondary {
   color: #6c757d !important
 }
 
 a.text-secondary:focus,
 a.text-secondary:hover {
   color: #494f54 !important
 }
 
 .text-success {
   color: #28a745 !important
 }
 
 a.text-success:focus,
 a.text-success:hover {
   color: #19692c !important
 }
 
 .text-info {
   color: #17a2b8 !important
 }
 
 a.text-info:focus,
 a.text-info:hover {
   color: #0f6674 !important
 }
 
 .text-warning {
   color: #ffc107 !important
 }
 
 a.text-warning:focus,
 a.text-warning:hover {
   color: #ba8b00 !important
 }
 
 .text-danger {
   color: #dc3545 !important
 }
 
 a.text-danger:focus,
 a.text-danger:hover {
   color: #a71d2a !important
 }
 
 .text-light {
   color: #f8f9fa !important
 }
 
 a.text-light:focus,
 a.text-light:hover {
   color: #cbd3da !important
 }
 
 .text-dark {
   color: #343a40 !important
 }
 
 a.text-dark:focus,
 a.text-dark:hover {
   color: #121416 !important
 }
 
 .text-body {
   color: #212529 !important
 }
 
 .text-muted {
   color: #6c757d !important
 }
 
 .text-black-50 {
   color: rgba(0, 0, 0, 0.5) !important
 }
 
 .text-white-50 {
   color: rgba(255, 255, 255, 0.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-break: break-word !important;
   overflow-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;
     -webkit-box-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
   }
   body {
     min-width: 992px !important
   }
   .container {
     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 #dee2e6 !important
   }
   .table-dark {
     color: inherit
   }
   .table-dark tbody+tbody,
   .table-dark td,
   .table-dark th,
   .table-dark thead th {
     border-color: #dee2e6
   }
   .table .thead-dark th {
     color: inherit;
     border-color: #dee2e6
   }
 }
 
 .mCustomScrollbar {
   -ms-touch-action: pinch-zoom;
   touch-action: pinch-zoom
 }
 
 .mCustomScrollbar.mCS_no_scrollbar,
 .mCustomScrollbar.mCS_touch_action {
   -ms-touch-action: auto;
   touch-action: auto
 }
 
 .mCustomScrollBox {
   position: relative;
   overflow: hidden;
   height: 100%;
   max-width: 100%;
   outline: none;
   direction: ltr
 }
 
 .mCSB_container {
   overflow: hidden;
   width: auto;
   height: auto
 }
 
 .mCSB_inside>.mCSB_container {
   margin-right: 25px
 }
 
 .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
   margin-right: 0
 }
 
 .mCS-dir-rtl>.mCSB_inside>.mCSB_container {
   margin-right: 0;
   margin-left: 30px
 }
 
 .mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
   margin-left: 0
 }
 
 .mCSB_scrollTools {
   position: absolute;
   width: 16px;
   height: auto;
   left: auto;
   top: 0;
   right: 0;
   bottom: 0
 }
 
 .mCSB_outside+.mCSB_scrollTools {
   right: -26px
 }
 
 .mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
 .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
   right: auto;
   left: 0
 }
 
 .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
   left: -26px
 }
 
 .mCSB_scrollTools .mCSB_draggerContainer {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   height: auto
 }
 
 .mCSB_scrollTools a+.mCSB_draggerContainer {
   margin: 20px 0
 }
 
 .mCSB_scrollTools .mCSB_draggerRail {
   width: 2px;
   height: 100%;
   margin: 0 auto;
   border-radius: 16px
 }
 
 .mCSB_scrollTools .mCSB_dragger {
   cursor: pointer;
   width: 100%;
   height: 30px;
   z-index: 1
 }
 
 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   position: relative;
   width: 4px;
   height: 100%;
   margin: 0 auto;
   border-radius: 16px;
   text-align: center
 }
 
 .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
 .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
   width: 12px
 }
 
 .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
 .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
   width: 8px
 }
 
 .mCSB_scrollTools .mCSB_buttonUp,
 .mCSB_scrollTools .mCSB_buttonDown {
   display: block;
   position: absolute;
   height: 20px;
   width: 100%;
   overflow: hidden;
   margin: 0 auto;
   cursor: pointer
 }
 
 .mCSB_scrollTools .mCSB_buttonDown {
   bottom: 0
 }
 
 .mCSB_horizontal.mCSB_inside>.mCSB_container {
   margin-right: 0;
   margin-bottom: 30px
 }
 
 .mCSB_horizontal.mCSB_outside>.mCSB_container {
   min-height: 100%
 }
 
 .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
   margin-bottom: 0
 }
 
 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
   width: auto;
   height: 16px;
   top: auto;
   right: 0;
   bottom: 0;
   left: 0
 }
 
 .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
 .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
   bottom: -26px
 }
 
 .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
   margin: 0 20px
 }
 
 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
   width: 100%;
   height: 2px;
   margin: 7px 0
 }
 
 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
   width: 30px;
   height: 100%;
   left: 0
 }
 
 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
   width: 100%;
   height: 4px;
   margin: 6px auto
 }
 
 .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
 .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
   height: 12px;
   margin: 2px auto
 }
 
 .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
 .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
   height: 8px;
   margin: 4px 0
 }
 
 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
   display: block;
   position: absolute;
   width: 20px;
   height: 100%;
   overflow: hidden;
   margin: 0 auto;
   cursor: pointer
 }
 
 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
   left: 0
 }
 
 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
   right: 0
 }
 
 .mCSB_container_wrapper {
   position: absolute;
   height: auto;
   width: auto;
   overflow: hidden;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin-right: 30px;
   margin-bottom: 30px
 }
 
 .mCSB_container_wrapper>.mCSB_container {
   padding-right: 30px;
   padding-bottom: 30px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box
 }
 
 .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
   bottom: 20px
 }
 
 .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
   right: 20px
 }
 
 .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
   bottom: 0
 }
 
 .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
 .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
   right: 0
 }
 
 .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
   left: 20px
 }
 
 .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
   left: 0
 }
 
 .mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
   margin-right: 0;
   margin-left: 30px
 }
 
 .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
   padding-right: 0
 }
 
 .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
   padding-bottom: 0
 }
 
 .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
   margin-right: 0;
   margin-left: 0
 }
 
 .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
   margin-bottom: 0
 }
 
 .mCSB_scrollTools,
 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCSB_scrollTools .mCSB_buttonUp,
 .mCSB_scrollTools .mCSB_buttonDown,
 .mCSB_scrollTools .mCSB_buttonLeft,
 .mCSB_scrollTools .mCSB_buttonRight {
   -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
   -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
   transition: opacity .2s ease-in-out, background-color .2s ease-in-out
 }
 
 .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
 .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
 .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
 .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
   -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
   -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
   transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
 }
 
 .mCSB_scrollTools {
   opacity: 0.75;
   filter: "alpha(opacity=75)";
   -ms-filter: "alpha(opacity=75)"
 }
 
 .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
 .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
   opacity: 0;
   filter: "alpha(opacity=0)";
   -ms-filter: "alpha(opacity=0)"
 }
 
 .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
 .mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
 .mCustomScrollBox:hover>.mCSB_scrollTools,
 .mCustomScrollBox:hover~.mCSB_scrollTools,
 .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
 .mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
   opacity: 1;
   filter: "alpha(opacity=100)";
   -ms-filter: "alpha(opacity=100)"
 }
 
 .mCSB_scrollTools .mCSB_draggerRail {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.4);
   filter: "alpha(opacity=40)";
   -ms-filter: "alpha(opacity=40)"
 }
 
 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.75);
   filter: "alpha(opacity=75)";
   -ms-filter: "alpha(opacity=75)"
 }
 
 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.85);
   filter: "alpha(opacity=85)";
   -ms-filter: "alpha(opacity=85)"
 }
 
 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.9);
   filter: "alpha(opacity=90)";
   -ms-filter: "alpha(opacity=90)"
 }
 
 .mCSB_scrollTools .mCSB_buttonUp,
 .mCSB_scrollTools .mCSB_buttonDown,
 .mCSB_scrollTools .mCSB_buttonLeft,
 .mCSB_scrollTools .mCSB_buttonRight {
   background-image: url(mCSB_buttons.png);
   background-repeat: no-repeat;
   opacity: 0.4;
   filter: "alpha(opacity=40)";
   -ms-filter: "alpha(opacity=40)"
 }
 
 .mCSB_scrollTools .mCSB_buttonUp {
   background-position: 0 0
 }
 
 .mCSB_scrollTools .mCSB_buttonDown {
   background-position: 0 -20px
 }
 
 .mCSB_scrollTools .mCSB_buttonLeft {
   background-position: 0 -40px
 }
 
 .mCSB_scrollTools .mCSB_buttonRight {
   background-position: 0 -56px
 }
 
 .mCSB_scrollTools .mCSB_buttonUp:hover,
 .mCSB_scrollTools .mCSB_buttonDown:hover,
 .mCSB_scrollTools .mCSB_buttonLeft:hover,
 .mCSB_scrollTools .mCSB_buttonRight:hover {
   opacity: 0.75;
   filter: "alpha(opacity=75)";
   -ms-filter: "alpha(opacity=75)"
 }
 
 .mCSB_scrollTools .mCSB_buttonUp:active,
 .mCSB_scrollTools .mCSB_buttonDown:active,
 .mCSB_scrollTools .mCSB_buttonLeft:active,
 .mCSB_scrollTools .mCSB_buttonRight:active {
   opacity: 0.9;
   filter: "alpha(opacity=90)";
   -ms-filter: "alpha(opacity=90)"
 }
 
 .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.15)
 }
 
 .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.75)
 }
 
 .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: rgba(0, 0, 0, 0.85)
 }
 
 .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
   background-color: rgba(0, 0, 0, 0.9)
 }
 
 .mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
   background-position: -80px 0
 }
 
 .mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
   background-position: -80px -20px
 }
 
 .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
   background-position: -80px -40px
 }
 
 .mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
   background-position: -80px -56px
 }
 
 .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
 .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
   width: 4px;
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.1);
   border-radius: 1px
 }
 
 .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   width: 4px;
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.75);
   border-radius: 1px
 }
 
 .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
 .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
 .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
 .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
   width: 100%;
   height: 4px;
   margin: 6px auto
 }
 
 .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.85)
 }
 
 .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.9)
 }
 
 .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
   background-position: -32px 0
 }
 
 .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
   background-position: -32px -20px
 }
 
 .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
   background-position: -40px -40px
 }
 
 .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
   background-position: -40px -56px
 }
 
 .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.1);
   border-radius: 1px
 }
 
 .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.75);
   border-radius: 1px
 }
 
 .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.85)
 }
 
 .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.9)
 }
 
 .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
   background-position: -112px 0
 }
 
 .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
   background-position: -112px -20px
 }
 
 .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
   background-position: -120px -40px
 }
 
 .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
   background-position: -120px -56px
 }
 
 .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
 .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
   width: 4px;
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.1);
   border-radius: 2px
 }
 
 .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   width: 6px;
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.75);
   border-radius: 2px
 }
 
 .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
 .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
   width: 100%;
   height: 4px;
   margin: 6px 0
 }
 
 .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
 .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
   width: 100%;
   height: 6px;
   margin: 5px auto
 }
 
 .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.85)
 }
 
 .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.9)
 }
 
 .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
   background-position: -16px 0
 }
 
 .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
   background-position: -16px -20px
 }
 
 .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
   background-position: -20px -40px
 }
 
 .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
   background-position: -20px -56px
 }
 
 .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.1);
   border-radius: 2px
 }
 
 .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.75);
   border-radius: 2px
 }
 
 .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.85)
 }
 
 .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.9)
 }
 
 .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
   background-position: -96px 0
 }
 
 .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
   background-position: -96px -20px
 }
 
 .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
   background-position: -100px -40px
 }
 
 .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
   background-position: -100px -56px
 }
 
 .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.1)
 }
 
 .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   width: 2px
 }
 
 .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
 .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
   width: 100%
 }
 
 .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
 .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
   width: 100%;
   height: 2px;
   margin: 7px auto
 }
 
 .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.15)
 }
 
 .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.75)
 }
 
 .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.85)
 }
 
 .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.9)
 }
 
 .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
   background-position: -80px 0
 }
 
 .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
   background-position: -80px -20px
 }
 
 .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
   background-position: -80px -40px
 }
 
 .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
   background-position: -80px -56px
 }
 
 .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.15)
 }
 
 .mCS-rounded.mCSB_scrollTools .mCSB_dragger,
 .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
 .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
 .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
   height: 14px
 }
 
 .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   width: 14px;
   margin: 0 1px
 }
 
 .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
 .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
 .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
 .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
   width: 14px
 }
 
 .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
 .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
 .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
 .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
   height: 14px;
   margin: 1px 0
 }
 
 .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
 .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
 .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
 .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
   width: 16px;
   height: 16px;
   margin: -1px 0
 }
 
 .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
 .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
 .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
 .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
   width: 4px
 }
 
 .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
 .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
 .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
 .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
   height: 16px;
   width: 16px;
   margin: 0 -1px
 }
 
 .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
 .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
 .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
 .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
   height: 4px;
   margin: 6px 0
 }
 
 .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
   background-position: 0 -72px
 }
 
 .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
   background-position: 0 -92px
 }
 
 .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
   background-position: 0 -112px
 }
 
 .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
   background-position: 0 -128px
 }
 
 .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.75)
 }
 
 .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.15)
 }
 
 .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
 .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.85)
 }
 
 .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
 .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.9)
 }
 
 .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
   background-position: -80px -72px
 }
 
 .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
   background-position: -80px -92px
 }
 
 .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
   background-position: -80px -112px
 }
 
 .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
   background-position: -80px -128px
 }
 
 .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
 .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
   width: 4px
 }
 
 .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
 .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
 .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
 .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
   background-color: transparent;
   background-position: center
 }
 
 .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
 .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
   background-repeat: repeat-y;
   opacity: 0.3;
   filter: "alpha(opacity=30)";
   -ms-filter: "alpha(opacity=30)"
 }
 
 .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
 .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
   height: 4px;
   margin: 6px 0;
   background-repeat: repeat-x
 }
 
 .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
   background-position: -16px -72px
 }
 
 .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
   background-position: -16px -92px
 }
 
 .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
   background-position: -20px -112px
 }
 
 .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
   background-position: -20px -128px
 }
 
 .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
 }
 
 .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
   background-position: -96px -72px
 }
 
 .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
   background-position: -96px -92px
 }
 
 .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
   background-position: -100px -112px
 }
 
 .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
   background-position: -100px -128px
 }
 
 .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-repeat: repeat-y;
   background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
   background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
   background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%)
 }
 
 .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
 .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
 .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
 .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
   background-repeat: repeat-x;
   background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
   background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%)
 }
 
 .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
 .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
   height: 70px
 }
 
 .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
 .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
   width: 70px
 }
 
 .mCS-3d.mCSB_scrollTools,
 .mCS-3d-dark.mCSB_scrollTools {
   opacity: 1;
   filter: "alpha(opacity=30)";
   -ms-filter: "alpha(opacity=30)"
 }
 
 .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
 .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
 .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   border-radius: 16px
 }
 
 .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
 .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
   width: 8px;
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
           box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2)
 }
 
 .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
 .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
 .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
 .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
   background-color: #555
 }
 
 .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   width: 8px
 }
 
 .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
 .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
   width: 100%;
   height: 8px;
   margin: 4px 0;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
           box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2)
 }
 
 .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
 .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
   width: 100%;
   height: 8px;
   margin: 4px auto
 }
 
 .mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
   background-position: -32px -72px
 }
 
 .mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
   background-position: -32px -92px
 }
 
 .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
   background-position: -40px -112px
 }
 
 .mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
   background-position: -40px -128px
 }
 
 .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
           box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1)
 }
 
 .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
           box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1)
 }
 
 .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
   background-position: -112px -72px
 }
 
 .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
   background-position: -112px -92px
 }
 
 .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
   background-position: -120px -112px
 }
 
 .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
   background-position: -120px -128px
 }
 
 .mCS-3d-thick.mCSB_scrollTools,
 .mCS-3d-thick-dark.mCSB_scrollTools {
   opacity: 1;
   filter: "alpha(opacity=30)";
   -ms-filter: "alpha(opacity=30)"
 }
 
 .mCS-3d-thick.mCSB_scrollTools,
 .mCS-3d-thick-dark.mCSB_scrollTools,
 .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
 .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
   border-radius: 7px
 }
 
 .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   border-radius: 5px
 }
 
 .mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
 .mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
   right: 1px
 }
 
 .mCS-3d-thick.mCSB_scrollTools_vertical,
 .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
   -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
           box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5)
 }
 
 .mCS-3d-thick.mCSB_scrollTools_horizontal,
 .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
   bottom: 1px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
           box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5)
 }
 
 .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
           box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
   width: 12px;
   margin: 2px;
   position: absolute;
   height: auto;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0
 }
 
 .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
 .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
           box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4)
 }
 
 .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
 .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
   background-color: #555
 }
 
 .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
 .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
   height: 12px;
   width: auto
 }
 
 .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.05);
   -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
           box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1)
 }
 
 .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
   background-color: transparent
 }
 
 .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
   background-position: -32px -72px
 }
 
 .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
   background-position: -32px -92px
 }
 
 .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
   background-position: -40px -112px
 }
 
 .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
   background-position: -40px -128px
 }
 
 .mCS-3d-thick-dark.mCSB_scrollTools {
   -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
           box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2)
 }
 
 .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
           box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2)
 }
 
 .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
           box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2)
 }
 
 .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
           box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2)
 }
 
 .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
 .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
   background-color: #777
 }
 
 .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
   background-color: #fff;
   background-color: rgba(0, 0, 0, 0.05);
   -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
           box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1)
 }
 
 .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
   background-color: transparent
 }
 
 .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
   background-position: -112px -72px
 }
 
 .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
   background-position: -112px -92px
 }
 
 .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
   background-position: -120px -112px
 }
 
 .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
   background-position: -120px -128px
 }
 
 .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
 .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
   right: 0;
   margin: 12px 0
 }
 
 .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
 .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
 .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
 .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
   bottom: 0;
   margin: 0 12px
 }
 
 .mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
 .mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
   left: 0;
   right: auto
 }
 
 .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
 .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
   background-color: transparent
 }
 
 .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
 .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
   height: 50px
 }
 
 .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
 .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
   width: 50px
 }
 
 .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.2);
   filter: "alpha(opacity=20)";
   -ms-filter: "alpha(opacity=20)"
 }
 
 .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.5);
   filter: "alpha(opacity=50)";
   -ms-filter: "alpha(opacity=50)"
 }
 
 .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.2);
   filter: "alpha(opacity=20)";
   -ms-filter: "alpha(opacity=20)"
 }
 
 .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.5);
   filter: "alpha(opacity=50)";
   -ms-filter: "alpha(opacity=50)"
 }
 
 .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
 .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
   width: 6px;
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.2)
 }
 
 .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   width: 6px
 }
 
 .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
 .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
 .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
 .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
   width: 100%;
   height: 6px;
   margin: 5px 0
 }
 
 .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
 .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
 .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
 .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
   width: 12px
 }
 
 .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
 .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
 .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
 .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
   height: 12px;
   margin: 2px 0
 }
 
 .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
   background-position: -32px -72px
 }
 
 .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
   background-position: -32px -92px
 }
 
 .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
   background-position: -40px -112px
 }
 
 .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
   background-position: -40px -128px
 }
 
 .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.75)
 }
 
 .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.85)
 }
 
 .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.9)
 }
 
 .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.1)
 }
 
 .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
   background-position: -112px -72px
 }
 
 .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
   background-position: -112px -92px
 }
 
 .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
   background-position: -120px -112px
 }
 
 .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
   background-position: -120px -128px
 }
 
 .mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
 .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
 .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
 .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
 .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
 .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
   width: 12px;
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.2)
 }
 
 .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   width: 6px;
   margin: 3px 5px;
   position: absolute;
   height: auto;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0
 }
 
 .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
 .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
 .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
 .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
 .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
 .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
   height: 6px;
   margin: 5px 3px;
   position: absolute;
   width: auto;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0
 }
 
 .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
 .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
 .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
 .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
 .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
 .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
   width: 100%;
   height: 12px;
   margin: 2px 0
 }
 
 .mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
 .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
 .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
   background-position: -32px -72px
 }
 
 .mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
 .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
 .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
   background-position: -32px -92px
 }
 
 .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
 .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
 .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
   background-position: -40px -112px
 }
 
 .mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
 .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
 .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
   background-position: -40px -128px
 }
 
 .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.75)
 }
 
 .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
 .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
 .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.85)
 }
 
 .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
 .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
 .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.9)
 }
 
 .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
 .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
 .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.1)
 }
 
 .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
 .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
 .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
   background-position: -112px -72px
 }
 
 .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
 .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
 .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
   background-position: -112px -92px
 }
 
 .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
 .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
 .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
   background-position: -120px -112px
 }
 
 .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
 .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
 .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
   background-position: -120px -128px
 }
 
 .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
 .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
   background-color: transparent;
   border-width: 1px;
   border-style: solid;
   border-color: #fff;
   border-color: rgba(255, 255, 255, 0.2);
   -webkit-box-sizing: border-box;
   box-sizing: border-box
 }
 
 .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
   border-color: #000;
   border-color: rgba(0, 0, 0, 0.2)
 }
 
 .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.6)
 }
 
 .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.6)
 }
 
 .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.75)
 }
 
 .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.85)
 }
 
 .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.9)
 }
 
 .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.75)
 }
 
 .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.85)
 }
 
 .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.9)
 }
 
 table.dataTable {
   width: 100%;
   margin: 0 auto;
   clear: both;
   border-collapse: separate;
   border-spacing: 0
 }
 
 table.dataTable thead th,
 table.dataTable tfoot th {
   font-weight: bold
 }
 
 table.dataTable thead th,
 table.dataTable thead td {
   padding: 10px 18px
 }
 
 table.dataTable thead th:active,
 table.dataTable thead td:active {
   outline: none
 }
 
 table.dataTable tfoot th,
 table.dataTable tfoot td {
   padding: 10px 18px 6px 18px;
   border-top: 1px solid #111
 }
 
 table.dataTable thead .sorting,
 table.dataTable thead .sorting_asc,
 table.dataTable thead .sorting_desc,
 table.dataTable thead .sorting_asc_disabled,
 table.dataTable thead .sorting_desc_disabled {
   cursor: pointer;
   *cursor: hand;
   background-repeat: no-repeat;
   background-position: center right
 }
 
 table.dataTable thead .sorting {
   background-image: url("../img/sort_both.png")
 }
 
 table.dataTable thead .sorting_asc {
   background-image: url("../img/sort_asc.png")
 }
 
 table.dataTable thead .sorting_desc {
   background-image: url("../img/sort_desc.png")
 }
 
 table.dataTable thead .sorting_asc_disabled {
   background-image: url("../img/sort_asc_disabled.png")
 }
 
 table.dataTable thead .sorting_desc_disabled {
   background-image: url("../img/sort_desc_disabled.png")
 }
 
 table.dataTable tbody tr {
   background-color: #ffffff
 }
 
 table.dataTable tbody tr.selected {
   background-color: #b0bed9
 }
 
 table.dataTable.row-border tbody th,
 table.dataTable.row-border tbody td,
 table.dataTable.display tbody th,
 table.dataTable.display tbody td {
   border-top: 1px solid #ddd
 }
 
 table.dataTable.row-border tbody tr:first-child th,
 table.dataTable.row-border tbody tr:first-child td,
 table.dataTable.display tbody tr:first-child th,
 table.dataTable.display tbody tr:first-child td {
   border-top: none
 }
 
 table.dataTable.cell-border tbody th,
 table.dataTable.cell-border tbody td {
   border-top: 1px solid #ddd;
   border-right: 1px solid #ddd
 }
 
 table.dataTable.cell-border tbody tr th:first-child,
 table.dataTable.cell-border tbody tr td:first-child {
   border-left: 1px solid #ddd
 }
 
 table.dataTable.cell-border tbody tr:first-child th,
 table.dataTable.cell-border tbody tr:first-child td {
   border-top: none
 }
 
 table.dataTable.stripe tbody tr.odd,
 table.dataTable.display tbody tr.odd {
   background-color: #f9f9f9
 }
 
 table.dataTable.stripe tbody tr.odd.selected,
 table.dataTable.display tbody tr.odd.selected {
   background-color: #acbad4
 }
 
 table.dataTable.hover tbody tr:hover,
 table.dataTable.display tbody tr:hover {
   background-color: #f6f6f6
 }
 
 table.dataTable.hover tbody tr:hover.selected,
 table.dataTable.display tbody tr:hover.selected {
   background-color: #aab7d1
 }
 
 table.dataTable.order-column tbody tr>.sorting_1,
 table.dataTable.order-column tbody tr>.sorting_2,
 table.dataTable.order-column tbody tr>.sorting_3,
 table.dataTable.display tbody tr>.sorting_1,
 table.dataTable.display tbody tr>.sorting_2,
 table.dataTable.display tbody tr>.sorting_3 {
   background-color: #fafafa
 }
 
 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,
 table.dataTable.display tbody tr.selected>.sorting_1,
 table.dataTable.display tbody tr.selected>.sorting_2,
 table.dataTable.display 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: whitesmoke
 }
 
 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.nowrap th,
 table.dataTable.nowrap td {
   white-space: nowrap
 }
 
 table.dataTable.compact thead th,
 table.dataTable.compact thead td {
   padding: 4px 17px 4px 4px
 }
 
 table.dataTable.compact tfoot th,
 table.dataTable.compact tfoot td {
   padding: 4px
 }
 
 table.dataTable.compact tbody th,
 table.dataTable.compact tbody td {
   padding: 4px
 }
 
 table.dataTable th.dt-left,
 table.dataTable td.dt-left {
   text-align: left
 }
 
 table.dataTable th.dt-center,
 table.dataTable td.dt-center,
 table.dataTable td.dataTables_empty {
   text-align: center
 }
 
 table.dataTable th.dt-right,
 table.dataTable td.dt-right {
   text-align: right
 }
 
 table.dataTable th.dt-justify,
 table.dataTable td.dt-justify {
   text-align: justify
 }
 
 table.dataTable th.dt-nowrap,
 table.dataTable td.dt-nowrap {
   white-space: nowrap
 }
 
 table.dataTable thead th.dt-head-left,
 table.dataTable thead td.dt-head-left,
 table.dataTable tfoot th.dt-head-left,
 table.dataTable tfoot td.dt-head-left {
   text-align: left
 }
 
 table.dataTable thead th.dt-head-center,
 table.dataTable thead td.dt-head-center,
 table.dataTable tfoot th.dt-head-center,
 table.dataTable tfoot td.dt-head-center {
   text-align: center
 }
 
 table.dataTable thead th.dt-head-right,
 table.dataTable thead td.dt-head-right,
 table.dataTable tfoot th.dt-head-right,
 table.dataTable tfoot td.dt-head-right {
   text-align: right
 }
 
 table.dataTable thead th.dt-head-justify,
 table.dataTable thead td.dt-head-justify,
 table.dataTable tfoot th.dt-head-justify,
 table.dataTable tfoot td.dt-head-justify {
   text-align: justify
 }
 
 table.dataTable thead th.dt-head-nowrap,
 table.dataTable thead td.dt-head-nowrap,
 table.dataTable tfoot th.dt-head-nowrap,
 table.dataTable tfoot td.dt-head-nowrap {
   white-space: nowrap
 }
 
 table.dataTable tbody th.dt-body-left,
 table.dataTable tbody td.dt-body-left {
   text-align: left
 }
 
 table.dataTable tbody th.dt-body-center,
 table.dataTable tbody td.dt-body-center {
   text-align: center
 }
 
 table.dataTable tbody th.dt-body-right,
 table.dataTable tbody td.dt-body-right {
   text-align: right
 }
 
 table.dataTable tbody th.dt-body-justify,
 table.dataTable tbody td.dt-body-justify {
   text-align: justify
 }
 
 table.dataTable tbody th.dt-body-nowrap,
 table.dataTable tbody td.dt-body-nowrap {
   white-space: nowrap
 }
 
 table.dataTable,
 table.dataTable th,
 table.dataTable td {
   -webkit-box-sizing: content-box;
           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: 0.5em
 }
 
 .dataTables_wrapper .dataTables_info {
   clear: both;
   float: left;
   padding-top: 0.755em
 }
 
 .dataTables_wrapper .dataTables_paginate {
   float: right;
   text-align: right;
   padding-top: 0.25em
 }
 
 .dataTables_wrapper .dataTables_paginate .paginate_button {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: inline-block;
   min-width: 1.5em;
   text-align: center;
   text-decoration: none !important;
   cursor: pointer;
   *cursor: hand;
   color: #333 !important;
   border: none;
   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: white;
   background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
   background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)
 }
 
 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
   cursor: default;
   color: #666 !important;
   border: none;
   background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none
 }
 
 .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
   color: white !important;
   background-color: #585858;
   background: -o-linear-gradient(top, #585858 0%, #111 100%);
   background: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#111));
   background: linear-gradient(to bottom, #585858 0%, #111 100%)
 }
 
 .dataTables_wrapper .dataTables_paginate .paginate_button:active {
   outline: none;
   background-color: #2b2b2b;
   background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
   background: -webkit-gradient(linear, left top, left bottom, from(#2b2b2b), to(#0c0c0c));
   background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
   -webkit-box-shadow: inset 0 0 3px #111;
           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: white;
   background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%)
 }
 
 .dataTables_wrapper .dataTables_length,
 .dataTables_wrapper .dataTables_filter,
 .dataTables_wrapper .dataTables_info,
 .dataTables_wrapper .dataTables_processing,
 .dataTables_wrapper .dataTables_paginate {
   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>thead>tr>th,
 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,
 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,
 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td {
   vertical-align: middle
 }
 
 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>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>tbody>tr>th>div.dataTables_sizing,
 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>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_scrollHead table.dataTable,
 .dataTables_wrapper.no-footer div.dataTables_scrollBody>table {
   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: 0.5em
   }
 }
 
 @media screen and (max-width: 640px) {
   .dataTables_wrapper .dataTables_length,
   .dataTables_wrapper .dataTables_filter {
     float: none;
     text-align: center
   }
   .dataTables_wrapper .dataTables_filter {
     margin-top: 0.5em
   }
 }
 
 table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,
 table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,
 table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty {
   cursor: default !important
 }
 
 table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,
 table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,
 table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before {
   display: none !important
 }
 
 table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,
 table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child {
   position: relative;
   padding-left: 30px;
   cursor: pointer
 }
 
 table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
 table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
   top: 9px;
   left: 4px;
   height: 14px;
   width: 14px;
   display: block;
   position: absolute;
   color: white;
   border: 2px solid white;
   border-radius: 14px;
   -webkit-box-shadow: 0 0 3px #444;
           box-shadow: 0 0 3px #444;
   -webkit-box-sizing: content-box;
           box-sizing: content-box;
   text-align: center;
   text-indent: 0 !important;
   font-family: "Courier New", Courier, monospace;
   line-height: 14px;
   content: "+";
   background-color: #31b131
 }
 
 table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
 table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
   content: "-";
   background-color: #d33333
 }
 
 table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,
 table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child {
   padding-left: 27px
 }
 
 table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,
 table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before {
   top: 5px;
   left: 4px;
   height: 14px;
   width: 14px;
   border-radius: 14px;
   line-height: 14px;
   text-indent: 3px
 }
 
 table.dataTable.dtr-column>tbody>tr>td.control,
 table.dataTable.dtr-column>tbody>tr>th.control {
   position: relative;
   cursor: pointer
 }
 
 table.dataTable.dtr-column>tbody>tr>td.control:before,
 table.dataTable.dtr-column>tbody>tr>th.control:before {
   top: 50%;
   left: 50%;
   height: 16px;
   width: 16px;
   margin-top: -10px;
   margin-left: -10px;
   display: block;
   position: absolute;
   color: white;
   border: 2px solid white;
   border-radius: 14px;
   -webkit-box-shadow: 0 0 3px #444;
           box-shadow: 0 0 3px #444;
   -webkit-box-sizing: content-box;
           box-sizing: content-box;
   text-align: center;
   text-indent: 0 !important;
   font-family: "Courier New", Courier, monospace;
   line-height: 14px;
   content: "+";
   background-color: #31b131
 }
 
 table.dataTable.dtr-column>tbody>tr.parent td.control:before,
 table.dataTable.dtr-column>tbody>tr.parent th.control:before {
   content: "-";
   background-color: #d33333
 }
 
 table.dataTable>tbody>tr.child {
   padding: 0.5em 1em
 }
 
 table.dataTable>tbody>tr.child:hover {
   background: transparent !important
 }
 
 table.dataTable>tbody>tr.child ul.dtr-details {
   display: inline-block;
   list-style-type: none;
   margin: 0;
   padding: 0
 }
 
 table.dataTable>tbody>tr.child ul.dtr-details>li {
   border-bottom: 1px solid #efefef;
   padding: 0.5em 0
 }
 
 table.dataTable>tbody>tr.child ul.dtr-details>li:first-child {
   padding-top: 0
 }
 
 table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
   border-bottom: none
 }
 
 table.dataTable>tbody>tr.child span.dtr-title {
   display: inline-block;
   min-width: 75px;
   font-weight: bold
 }
 
 div.dtr-modal {
   position: fixed;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 100;
   padding: 10em 1em
 }
 
 div.dtr-modal div.dtr-modal-display {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 50%;
   height: 50%;
   overflow: auto;
   margin: auto;
   z-index: 102;
   overflow: auto;
   background-color: #f5f5f7;
   border: 1px solid black;
   border-radius: 0.5em;
   -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
           box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6)
 }
 
 div.dtr-modal div.dtr-modal-content {
   position: relative;
   padding: 1em
 }
 
 div.dtr-modal div.dtr-modal-close {
   position: absolute;
   top: 6px;
   right: 6px;
   width: 22px;
   height: 22px;
   border: 1px solid #eaeaea;
   background-color: #f9f9f9;
   text-align: center;
   border-radius: 3px;
   cursor: pointer;
   z-index: 12
 }
 
 div.dtr-modal div.dtr-modal-close:hover {
   background-color: #eaeaea
 }
 
 div.dtr-modal div.dtr-modal-background {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 101;
   background: rgba(0, 0, 0, 0.6)
 }
 
 @media screen and (max-width: 767px) {
   div.dtr-modal div.dtr-modal-display {
     width: 95%
   }
 }
 
 .gj-button-md,
 .gj-text-align-center {
   text-align: center
 }
 
 .gj-button-md,
 .gj-modal {
   overflow: hidden;
   outline: 0
 }
 
 .gj-button-md,
 .gj-button-md-group {
   position: relative;
   vertical-align: middle
 }
 
 .gj-button,
 .gj-button-md,
 .gj-cursor-pointer {
   cursor: pointer
 }
 
 .gj-button {
   background-color: #f5f5f5;
   border: 1px solid #ddd;
   color: #000;
   border-radius: 3px;
   padding: 6px 10px
 }
 
 .gj-unselectable {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
 }
 
 .gj-row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap
 }
 
 .gj-margin-left-5 {
   margin-left: 5px
 }
 
 .gj-margin-left-10 {
   margin-left: 10px
 }
 
 .gj-width-full {
   width: 100%
 }
 
 .gj-font-size-16 {
   font-size: 16px
 }
 
 .gj-hidden {
   display: none
 }
 
 .gj-button-md {
   background: 0 0;
   border: none;
   border-radius: 2px;
   color: rgba(0, 0, 0, 0.87);
   height: 36px;
   margin: 0;
   min-width: 64px;
   padding: 0 16px;
   display: inline-block;
   font-family: Roboto, Helvetica, Arial, sans-serif;
   font-size: 1rem;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0;
   will-change: box-shadow;
   -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
   transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
   -o-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
   text-decoration: none;
   line-height: 36px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
 }
 
 .gj-button-md:hover {
   background-color: rgba(158, 158, 158, 0.2)
 }
 
 .gj-button-md:disabled {
   color: rgba(0, 0, 0, 0.26);
   background: 0 0
 }
 
 .gj-button-md .gj-icon,
 .gj-button-md .material-icons {
   vertical-align: middle
 }
 
 .gj-button-md.gj-button-md-icon {
   width: 24px;
   height: 31px;
   min-width: 24px;
   padding: 0;
   display: table
 }
 
 ul.gj-list-bootstrap li [data-role="image"],
 ul.gj-list-md li [data-role="checkbox"],
 ul.gj-list-md li [data-role="image"] {
   height: 24px;
   width: 24px
 }
 
 .gj-button-md.gj-button-md-icon .gj-icon,
 .gj-button-md.gj-button-md-icon .material-icons {
   display: table-cell;
   margin-right: 0;
   width: 24px;
   height: 24px
 }
 
 .gj-button-md.active {
   background-color: rgba(158, 158, 158, 0.4)
 }
 
 .gj-button-md-group {
   display: inline-block
 }
 
 .gj-textbox-md {
   border: none;
   border-bottom: 1px solid rgba(0, 0, 0, 0.42);
   display: block;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 16px;
   line-height: 16px;
   padding: 4px 0;
   margin: 0;
   width: 100%;
   background: 0 0;
   text-align: left;
   color: rgba(0, 0, 0, 0.87)
 }
 
 .gj-textbox-md:active,
 .gj-textbox-md:focus {
   border-bottom: 1px solid rgba(0, 0, 0, 0.42);
   outline: 0
 }
 
 .gj-textbox-md::-webkit-input-placeholder {
   color: #8e8e8e
 }
 
 .gj-textbox-md::-moz-placeholder {
   color: #8e8e8e
 }
 
 .gj-textbox-md:-ms-input-placeholder {
   color: #8e8e8e
 }
 
 .gj-textbox-md::-ms-input-placeholder {
   color: #8e8e8e
 }
 
 .gj-textbox-md::placeholder {
   color: #8e8e8e
 }
 
 .gj-textbox-md:-ms-input-placeholder {
   color: #8e8e8e
 }
 
 .gj-textbox-md::-ms-input-placeholder {
   color: #8e8e8e
 }
 
 .gj-md-spacer-24 {
   min-width: 24px;
   width: 24px;
   display: inline-block
 }
 
 .gj-md-spacer-32 {
   min-width: 32px;
   width: 32px;
   display: inline-block
 }
 
 .gj-modal {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1203;
   display: none;
   -webkit-overflow-scrolling: touch;
   background-color: rgba(0, 0, 0, 0.54118);
   -webkit-transition: 0.2s ease opacity;
   -o-transition: 0.2s ease opacity;
   transition: 0.2s ease opacity;
   will-change: opacity
 }
 
 ul.gj-list li [data-role="wrapper"] {
   display: table;
   width: 100%
 }
 
 ul.gj-list li [data-role="checkbox"],
 ul.gj-list li [data-role="image"] {
   display: table-cell;
   vertical-align: middle;
   text-align: center
 }
 
 ul.gj-list li [data-role="display"] {
   display: table-cell;
   vertical-align: middle;
   cursor: pointer
 }
 
 ul.gj-list li [data-role="display"]:empty:before {
   content: "\200b"
 }
 
 ul.gj-list-bootstrap {
   padding-left: 0;
   margin-bottom: 0
 }
 
 ul.gj-list-bootstrap li {
   padding: 0
 }
 
 ul.gj-list-bootstrap li [data-role="wrapper"] {
   padding: 0 10px
 }
 
 ul.gj-list-bootstrap li [data-role="checkbox"] {
   width: 24px;
   padding: 3px
 }
 
 ul.gj-list-bootstrap li [data-role="display"] {
   padding: 8px 0 8px 4px
 }
 
 .list-group-item.active ul li,
 .list-group-item.active:focus ul li,
 .list-group-item.active:hover ul li {
   text-shadow: none;
   color: initial
 }
 
 ul.gj-list-md {
   padding: 0;
   list-style: none;
   line-height: 24px;
   letter-spacing: 0;
   color: #616161
 }
 
 .gj-picker-md,
 ul.gj-list-md li {
   font-family: Roboto, Helvetica, Arial, sans-serif;
   font-size: 16px;
   font-weight: 400;
   letter-spacing: 0.04em;
   line-height: 1
 }
 
 ul.gj-list-md li {
   display: list-item;
   list-style-type: none;
   padding: 0;
   min-height: unset;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   cursor: default;
   overflow: hidden;
   -ms-flex-direction: row;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
           flex-direction: row;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap
 }
 
 ul.gj-list-md li [data-role="display"] {
   padding: 8px 0 8px 5px;
   -webkit-box-ordinal-group: 1;
       -ms-flex-order: 0;
           order: 0;
   -webkit-box-flex: 2;
       -ms-flex-positive: 2;
           flex-grow: 2;
   text-decoration: none;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   text-align: left;
   color: rgba(0, 0, 0, 0.87)
 }
 
 ul.gj-list-md li.disabled>[data-role="wrapper"]>[data-role="display"] {
   color: #9e9e9e
 }
 
 .gj-list-md-active {
   background: #e0e0e0;
   color: #3f51b5
 }
 
 .gj-picker {
   position: absolute;
   z-index: 1203;
   background-color: #fff
 }
 
 .gj-picker .selected {
   color: #fff
 }
 
 .gj-picker-md {
   color: rgba(0, 0, 0, 0.87);
   border: 1px solid #e0e0e0
 }
 
 .gj-modal .gj-picker-md {
   border: 0
 }
 
 .gj-picker-md [role="header"] {
   color: rgba(255, 255, 255, 0.54);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   background: #2196f3;
   -webkit-box-align: baseline;
       -ms-flex-align: baseline;
           align-items: baseline;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center
 }
 
 .gj-picker-md [role="footer"] {
   float: right;
   padding: 10px
 }
 
 .gj-picker-md [role="footer"] button.gj-button-md {
   color: #2196f3;
   font-weight: 700;
   font-size: 13px
 }
 
 .gj-picker-bootstrap {
   border: 1px solid #e0e0e0
 }
 
 .gj-picker-bootstrap .selected {
   color: #888
 }
 
 .gj-picker-bootstrap [role="header"] {
   background: #eee;
   color: #aaa
 }
 
 @font-face {
   font-family: gijgo-material;
   src: url(../fonts/gijgo-material.eot?235541);
   src: url(../fonts/gijgo-material.eot?235541#iefix) format("embedded-opentype"), url(../fonts/gijgo-material.ttf?235541) format("truetype"), url(../fonts/gijgo-material.woff?235541) format("woff"), url(../fonts/gijgo-material.svg?235541#gijgo-material) format("svg");
   font-weight: 400;
   font-style: normal
 }
 
 .gj-icon {
   font-family: gijgo-material !important;
   font-size: 24px;
   speak: none;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   letter-spacing: 0;
   -webkit-font-feature-settings: "liga";
   -ms-font-feature-settings: "liga" 1;
   font-feature-settings: "liga";
   -webkit-font-variant-ligatures: discretionary-ligatures;
   font-variant-ligatures: discretionary-ligatures;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
 }
 
 .gj-icon.undo:before {
   content: "\e900"
 }
 
 .gj-icon.vertical-align-top:before {
   content: "\e901"
 }
 
 .gj-icon.vertical-align-center:before {
   content: "\e902"
 }
 
 .gj-icon.vertical-align-bottom:before {
   content: "\e903"
 }
 
 .gj-icon.arrow-dropup:before {
   content: "\e904"
 }
 
 .gj-icon.clock:before {
   content: "\e905"
 }
 
 .gj-icon.refresh:before {
   content: "\e906"
 }
 
 .gj-icon.last-page:before {
   content: "\e907"
 }
 
 .gj-icon.first-page:before {
   content: "\e908"
 }
 
 .gj-icon.cancel:before {
   content: "\e909"
 }
 
 .gj-icon.clear:before {
   content: "\e90a"
 }
 
 .gj-icon.check-circle:before {
   content: "\e90b"
 }
 
 .gj-icon.delete:before {
   content: "\e90c"
 }
 
 .gj-icon.arrow-upward:before {
   content: "\e90d"
 }
 
 .gj-icon.arrow-forward:before {
   content: "\e90e"
 }
 
 .gj-icon.arrow-downward:before {
   content: "\e90f"
 }
 
 .gj-icon.arrow-back:before {
   content: "\e910"
 }
 
 .gj-icon.list-numbered:before {
   content: "\e911"
 }
 
 .gj-icon.list-bulleted:before {
   content: "\e912"
 }
 
 .gj-icon.indent-increase:before {
   content: "\e913"
 }
 
 .gj-icon.indent-decrease:before {
   content: "\e914"
 }
 
 .gj-icon.redo:before {
   content: "\e915"
 }
 
 .gj-icon.align-right:before {
   content: "\e916"
 }
 
 .gj-icon.align-left:before {
   content: "\e917"
 }
 
 .gj-icon.align-justify:before {
   content: "\e918"
 }
 
 .gj-icon.align-center:before {
   content: "\e919"
 }
 
 .gj-icon.strikethrough:before {
   content: "\e91a"
 }
 
 .gj-icon.italic:before {
   content: "\e91b"
 }
 
 .gj-icon.underlined:before {
   content: "\e91c"
 }
 
 .gj-icon.bold:before {
   content: "\e91d"
 }
 
 .gj-icon.arrow-dropdown:before {
   content: "\e91e"
 }
 
 .gj-icon.done:before {
   content: "\e91f"
 }
 
 .gj-icon.pencil:before {
   content: "\e920"
 }
 
 .gj-icon.minus:before {
   content: "\e921"
 }
 
 .gj-icon.plus:before {
   content: "\e922"
 }
 
 .gj-icon.chevron-up:before {
   content: "\e923"
 }
 
 .gj-icon.chevron-right:before {
   content: "\e924"
 }
 
 .gj-icon.chevron-down:before {
   content: "\e925"
 }
 
 .gj-icon.chevron-left:before {
   content: "\e926"
 }
 
 .gj-icon.event:before {
   content: "\e927"
 }
 
 .gj-draggable {
   cursor: move
 }
 
 .gj-resizable-handle {
   position: absolute;
   font-size: 0.1px;
   display: block;
   -ms-touch-action: none;
   touch-action: none;
   z-index: 1203
 }
 
 .gj-dialog-bootstrap [data-role="title"],
 .gj-dialog-bootstrap4 [data-role="title"] {
   display: inline
 }
 
 .gj-dialog-bootstrap,
 .gj-dialog-bootstrap4,
 .gj-dialog-md {
   z-index: 1202;
   overflow: hidden
 }
 
 .gj-resizable-n {
   cursor: n-resize;
   height: 7px;
   width: 100%;
   top: -5px;
   left: 0
 }
 
 .gj-resizable-e {
   cursor: e-resize;
   width: 7px;
   right: -5px;
   top: 0;
   height: 100%
 }
 
 .gj-resizable-s {
   cursor: s-resize;
   height: 7px;
   width: 100%;
   bottom: -5px;
   left: 0
 }
 
 .gj-resizable-w {
   cursor: w-resize;
   width: 7px;
   left: -5px;
   top: 0;
   height: 100%
 }
 
 .gj-resizable-se {
   cursor: se-resize;
   width: 12px;
   height: 12px;
   right: 1px;
   bottom: 1px
 }
 
 .gj-resizable-sw {
   cursor: sw-resize;
   width: 9px;
   height: 9px;
   left: -5px;
   bottom: -5px
 }
 
 .gj-resizable-nw {
   cursor: nw-resize;
   width: 9px;
   height: 9px;
   left: -5px;
   top: -5px
 }
 
 .gj-resizable-ne {
   cursor: ne-resize;
   width: 9px;
   height: 9px;
   right: -5px;
   top: -5px
 }
 
 .gj-dialog-footer {
   position: absolute;
   bottom: 0;
   width: 100%;
   margin-top: 0
 }
 
 .gj-dialog-scrollable [data-role="body"] {
   overflow-x: hidden;
   overflow-y: scroll
 }
 
 .gj-dialog-bootstrap [data-role="close"] {
   line-height: 1.42857143
 }
 
 .gj-dialog-bootstrap4 [data-role="close"] {
   line-height: 1.5
 }
 
 .gj-dialog-md {
   background-color: #fff;
   border: none;
   -webkit-box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
           box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
   outline: 0
 }
 
 .gj-dialog-md-header {
   padding: 24px 24px 0;
   font-family: Roboto, Helvetica, Arial, sans-serif
 }
 
 .gj-dialog-md-title {
   margin: 0;
   font-weight: 400;
   display: inline;
   line-height: 28px;
   font-size: 20px
 }
 
 .gj-dialog-md-close {
   -webkit-appearance: none;
   padding: 0;
   cursor: pointer;
   background: 0 0;
   border: 0;
   float: right;
   line-height: 28px;
   font-size: 28px
 }
 
 .gj-dialog-md-body {
   padding: 20px 24px 24px;
   color: rgba(0, 0, 0, 0.54);
   font-family: Helvetica, Arial, sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 20px
 }
 
 .gj-dialog-md-footer {
   padding: 8px 8px 8px 24px;
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-direction: row-reverse;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
           flex-direction: row-reverse;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-sizing: border-box;
           box-sizing: border-box
 }
 
 .gj-dialog-md-footer>:first-child {
   margin-right: 0
 }
 
 .gj-dialog-md-footer>* {
   margin-right: 8px;
   height: 36px
 }
 
 div.gj-grid-wrapper {
   margin: auto;
   position: relative;
   clear: both;
   z-index: 1
 }
 
 table.gj-grid {
   margin: auto;
   border-collapse: collapse;
   width: 100%;
   table-layout: fixed
 }
 
 table.gj-grid thead th [data-role="selectAll"] {
   margin: auto
 }
 
 table.gj-grid-bootstrap thead th [data-role="sorticon"],
 table.gj-grid-md thead th [data-role="sorticon"] {
   margin-left: 5px
 }
 
 table.gj-grid thead th [data-role="title"],
 table.gj-grid thead th [data-role="sorticon"] {
   display: inline-block
 }
 
 table.gj-grid thead th {
   overflow: hidden;
   -o-text-overflow: ellipsis;
      text-overflow: ellipsis
 }
 
 table.gj-grid.autogrow-header-row thead th {
   overflow: auto;
   -o-text-overflow: initial;
      text-overflow: initial;
   white-space: pre-wrap;
   -ms-word-break: break-word;
   word-break: break-word
 }
 
 table.gj-grid>tbody>tr>td {
   overflow: hidden;
   position: relative
 }
 
 table.gj-grid tbody div[data-role="display"] {
   vertical-align: middle;
   text-indent: 0;
   white-space: pre-wrap;
   -ms-word-break: break-word;
   word-break: break-word
 }
 
 table.gj-grid.fixed-body-rows tbody div[data-role="display"] {
   overflow: hidden;
   -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
   white-space: nowrap;
   -ms-word-break: initial;
   word-break: initial
 }
 
 table.gj-grid tfoot div[data-role="display"] {
   vertical-align: middle;
   text-indent: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
 }
 
 table.gj-grid .fa {
   padding: 2px
 }
 
 table.gj-grid>tbody>tr>td>div {
   padding: 2px;
   overflow: hidden
 }
 
 div.gj-grid-wrapper div.gj-grid-loading-cover {
   background: #bbb;
   opacity: 0.5;
   position: absolute;
   vertical-align: middle
 }
 
 div.gj-grid-wrapper div.gj-grid-loading-text {
   position: absolute;
   font-weight: 700
 }
 
 table.gj-grid-bootstrap thead th {
   background-color: #f5f5f5;
   vertical-align: middle
 }
 
 table.gj-grid-bootstrap thead th [data-role="sorticon"] i.gj-icon,
 table.gj-grid-bootstrap thead th [data-role="sorticon"] i.material-icons {
   position: absolute;
   font-size: 20px;
   top: 15px
 }
 
 table.gj-grid-bootstrap tbody tr td div[data-role="display"] {
   padding: 0
 }
 
 .gj-grid-bootstrap-4 .gj-checkbox-bootstrap {
   display: inline-block;
   padding-top: 2px
 }
 
 .gj-grid-bootstrap-4 tbody tr.active {
   background-color: rgba(0, 0, 0, 0.075)
 }
 
 .gj-grid-md {
   position: relative;
   border: 1px solid #e0e0e0;
   border-collapse: collapse;
   white-space: nowrap;
   font-size: 13px;
   font-family: Roboto, Helvetica, Arial, sans-serif;
   background-color: #fff
 }
 
 .gj-grid-md td:first-of-type,
 .gj-grid-md th:first-of-type {
   padding-left: 24px
 }
 
 .gj-grid-md td,
 .gj-grid-md th {
   padding: 12px 18px;
   position: relative;
   -webkit-box-sizing: border-box;
           box-sizing: border-box
 }
 
 .gj-grid-md th {
   vertical-align: bottom;
   font-weight: 700;
   line-height: 31px;
   letter-spacing: 0;
   height: 56px;
   font-size: 12px;
   color: rgba(0, 0, 0, 0.54);
   text-align: right
 }
 
 .gj-grid-md td {
   height: 48px;
   border-top: 1px solid #e0e0e0;
   border-bottom: 1px solid #e0e0e0;
   text-align: left;
   color: rgba(0, 0, 0, 0.87)
 }
 
 .gj-grid-bootstrap tbody tr.gj-grid-top-border td,
 .gj-grid-md tbody tr.gj-grid-top-border td {
   border-top: 2px solid #777
 }
 
 .gj-grid-bootstrap tbody tr.gj-grid-bottom-border td,
 .gj-grid-md tbody tr.gj-grid-bottom-border td {
   border-bottom: 2px solid #777
 }
 
 .gj-grid-md tbody tr {
   position: relative;
   height: 48px;
   -webkit-transition-duration: 0.28s;
        -o-transition-duration: 0.28s;
           transition-duration: 0.28s;
   -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   -webkit-transition-property: background-color;
   -o-transition-property: background-color;
   transition-property: background-color
 }
 
 .gj-grid-md tbody tr:hover {
   background-color: #eee
 }
 
 .gj-grid-md tbody tr.gj-grid-md-select {
   background-color: #f5f5f5
 }
 
 table.gj-grid-md thead th [data-role="sorticon"] i.gj-icon,
 table.gj-grid-md thead th [data-role="sorticon"] i.material-icons {
   position: absolute;
   font-size: 16px;
   top: 19px
 }
 
 table.gj-grid-md thead th.gj-grid-select-all {
   padding-bottom: 3px
 }
 
 @media only all {
   td.display-1120,
   td.display-320,
   td.display-480,
   td.display-640,
   td.display-800,
   td.display-960,
   th.display-1120,
   th.display-320,
   th.display-480,
   th.display-640,
   th.display-800,
   th.display-960 {
     display: none
   }
 }
 
 @media screen and (min-width: 20em) {
   table.gj-grid-bootstrap td.display-320,
   table.gj-grid-bootstrap th.display-320 {
     display: table-cell
   }
 }
 
 @media screen and (min-width: 30em) {
   table.gj-grid-bootstrap td.display-480,
   table.gj-grid-bootstrap th.display-480 {
     display: table-cell
   }
 }
 
 @media screen and (min-width: 40em) {
   table.gj-grid-bootstrap td.display-640,
   table.gj-grid-bootstrap th.display-640 {
     display: table-cell
   }
 }
 
 @media screen and (min-width: 50em) {
   table.gj-grid-bootstrap td.display-800,
   table.gj-grid-bootstrap th.display-800 {
     display: table-cell
   }
 }
 
 @media screen and (min-width: 60em) {
   table.gj-grid-bootstrap td.display-960,
   table.gj-grid-bootstrap th.display-960 {
     display: table-cell
   }
 }
 
 @media screen and (min-width: 70em) {
   table.gj-grid-bootstrap td.display-1120,
   table.gj-grid-bootstrap th.display-1120 {
     display: table-cell
   }
 }
 
 .gj-grid-md tfoot tr th {
   padding-right: 14px
 }
 
 .gj-grid-md tfoot tr[data-role="pager"] .gj-grid-mdl-pager-label {
   padding-left: 5px;
   padding-right: 5px
 }
 
 .gj-grid-md tfoot tr[data-role="pager"] .gj-dropdown-md {
   margin-left: 12px
 }
 
 .gj-grid-md tfoot tr[data-role="pager"] .gj-dropdown-md [role="presenter"] {
   font-size: 12px;
   font-weight: 700;
   color: rgba(0, 0, 0, 0.54)
 }
 
 .gj-grid-md tfoot tr[data-role="pager"] .gj-dropdown-md [role="presenter"] [role="display"] {
   text-align: right
 }
 
 .gj-grid-md tfoot tr[data-role="pager"] .gj-grid-md-limit-select {
   margin-left: 10px;
   font-size: 12px;
   font-weight: 700;
   color: rgba(0, 0, 0, 0.54)
 }
 
 .gj-grid-bootstrap tfoot tr[data-role="pager"] th {
   line-height: 30px;
   background-color: #f5f5f5
 }
 
 .gj-grid-bootstrap tfoot tr[data-role="pager"] th>div>button,
 .gj-grid-bootstrap tfoot tr[data-role="pager"] th>div>div {
   margin-right: 5px
 }
 
 .gj-grid-bootstrap-4 tfoot tr[data-role="pager"] th>div button {
   height: 34px
 }
 
 .gj-grid-bootstrap-4 tfoot tr[data-role="pager"] th div .gj-dropdown-bootstrap-4 .gj-dropdown-expander-mi .gj-icon {
   top: 5px
 }
 
 .gj-grid-bootstrap-3 tfoot tr[data-role="pager"] th>div>input {
   margin-right: 5px;
   width: 40px;
   text-align: right;
   display: inline-block;
   font-weight: 700
 }
 
 .gj-grid-bootstrap-4 tfoot tr[data-role="pager"] th>div>div.input-group {
   width: 40px
 }
 
 .gj-grid-bootstrap-4 tfoot tr[data-role="pager"] th>div>div.input-group input {
   text-align: right;
   font-weight: 700;
   height: 34px;
   padding-top: 2px;
   padding-bottom: 6px
 }
 
 .gj-grid-bootstrap tfoot tr[data-role="pager"] th>div>select {
   display: inline-block;
   margin-right: 5px;
   width: 60px
 }
 
 .gj-grid-bootstrap tfoot tr[data-role="pager"] th .gj-dropdown-bootstrap .gj-list-bootstrap [data-role="display"] {
   line-height: 14px
 }
 
 .gj-grid-bootstrap tfoot tr[data-role="pager"] th .gj-dropdown-bootstrap [role="presenter"] [role="display"] {
   font-weight: 700
 }
 
 .gj-grid-bootstrap tfoot tr[data-role="pager"] th .gj-dropdown-bootstrap-3 [role="presenter"] {
   padding: 2px 8px
 }
 
 .gj-grid-bootstrap tfoot tr[data-role="pager"] th .gj-dropdown-bootstrap-4 [role="presenter"] {
   padding: 1px 8px
 }
 
 .gj-grid thead tr th div.gj-grid-column-resizer-wrapper {
   position: relative;
   width: 100%;
   height: 0;
   top: 0;
   left: 0;
   padding: 0
 }
 
 span.gj-grid-column-resizer {
   position: absolute;
   right: 0;
   width: 10px;
   top: -100px;
   height: 300px;
   z-index: 1203;
   cursor: e-resize
 }
 
 .gj-grid-resize-cursor {
   cursor: e-resize
 }
 
 .gj-grid-md tbody tr td.gj-grid-left-border,
 .gj-grid-md thead tr th.gj-grid-left-border {
   border-left: 3px solid #777
 }
 
 .gj-grid-md tbody tr td.gj-grid-right-border,
 .gj-grid-md thead tr th.gj-grid-right-border {
   border-right: 3px solid #777
 }
 
 .gj-grid-bootstrap tbody tr td.gj-grid-left-border,
 .gj-grid-bootstrap thead tr th.gj-grid-left-border {
   border-left: 5px solid #ddd
 }
 
 .gj-grid-bootstrap tbody tr td.gj-grid-right-border,
 .gj-grid-bootstrap thead tr th.gj-grid-right-border {
   border-right: 5px solid #ddd
 }
 
 .gj-dirty {
   position: absolute;
   top: 0;
   left: 0;
   border-style: solid;
   border-width: 3px;
   border-color: red transparent transparent red;
   padding: 0;
   overflow: hidden;
   vertical-align: top
 }
 
 .gj-grid-md tbody tr td.gj-grid-management-column {
   padding: 3px
 }
 
 .gj-grid-md tbody tr td[data-mode="edit"] {
   padding: 0 18px
 }
 
 .gj-grid-bootstrap tbody tr td[data-mode="edit"],
 .gj-grid-bootstrap tbody tr td[data-mode="edit"] [data-role="edit"],
 .gj-grid-md tbody .gj-dropdown-md [role="presenter"] [role="display"] {
   padding: 0
 }
 
 .gj-grid-bootstrap-3 tbody tr td.gj-grid-management-column {
   padding: 3px
 }
 
 .gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] {
   height: 38px
 }
 
 .gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] [data-role="edit"] input[type="text"] {
   height: 37px;
   padding: 8px
 }
 
 .gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] .gj-dropdown-bootstrap [role="presenter"] {
   border: 0;
   border-radius: 0;
   height: 37px;
   padding-left: 8px
 }
 
 .gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap {
   height: 37px
 }
 
 .gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="input"] {
   height: 37px;
   border: 0;
   border-radius: 0
 }
 
 .gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="right-icon"] {
   border: 0;
   border-radius: 0
 }
 
 .gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] .gj-checkbox-bootstrap {
   display: inline-block;
   padding-top: 10px;
   height: 32px
 }
 
 .gj-grid-bootstrap-4 tbody tr td.gj-grid-management-column {
   padding: 6px
 }
 
 .gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] [data-role="edit"] input[type="text"] {
   height: 48px;
   padding-left: 12px
 }
 
 .gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-dropdown-bootstrap [role="presenter"] {
   border: 0;
   border-radius: 0;
   height: 48px;
   padding-left: 12px;
   font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
 }
 
 .gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-dropdown-bootstrap-4 [role="expander"].gj-dropdown-expander-mi .gj-icon,
 .gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-dropdown-bootstrap-4 [role="expander"].gj-dropdown-expander-mi .material-icons {
   top: 13px
 }
 
 .gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap {
   height: 48px
 }
 
 .gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="input"] {
   height: 48px;
   border: 0;
   border-radius: 0
 }
 
 .gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="right-icon"] {
   background-color: #fff
 }
 
 .gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="right-icon"] button {
   border: 0;
   border-radius: 0;
   width: 43px;
   position: relative
 }
 
 .gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="right-icon"] .gj-icon,
 .gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="right-icon"] .material-icons {
   top: 13px;
   left: 10px;
   font-size: 24px
 }
 
 .gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-checkbox-bootstrap {
   display: inline-block;
   padding-top: 15px;
   height: 42px
 }
 
 .gj-grid-md thead tr[data-role="filter"] th {
   border-top: 1px solid #e0e0e0
 }
 
 div.gj-grid-wrapper div.gj-grid-bootstrap-toolbar {
   background-color: #f5f5f5;
   padding: 8px;
   font-weight: 700;
   border: 1px solid #ddd
 }
 
 div.gj-grid-wrapper div.gj-grid-bootstrap-4-toolbar {
   background-color: #f5f5f5;
   padding: 12px;
   font-weight: 700;
   border: 1px solid #ddd
 }
 
 div.gj-grid-wrapper div.gj-grid-md-toolbar {
   font-weight: 700;
   font-size: 24px;
   font-family: Helvetica, Arial, sans-serif;
   background-color: #fff;
   border-top: 1px solid #e0e0e0;
   border-left: 1px solid #e0e0e0;
   border-right: 1px solid #e0e0e0;
   border-bottom: 0;
   border-collapse: collapse;
   padding: 0 18px;
   line-height: 56px
 }
 
 .gj-checkbox-bootstrap,
 .gj-checkbox-md {
   min-width: 0;
   font-weight: 400;
   text-align: center;
   position: relative
 }
 
 table.gj-grid-scrollable tbody {
   overflow-y: auto;
   overflow-x: hidden;
   display: block
 }
 
 table.gj-grid-md.gj-grid-scrollable {
   border-bottom: 0
 }
 
 table.gj-grid-md.gj-grid-scrollable tbody {
   border-right: 1px solid #e0e0e0;
   border-bottom: 1px solid #e0e0e0
 }
 
 table.gj-grid-md.gj-grid-scrollable tfoot {
   border-bottom: 1px solid #e0e0e0
 }
 
 table.gj-grid-bootstrap.gj-grid-scrollable {
   border-bottom: 0
 }
 
 table.gj-grid-bootstrap.gj-grid-scrollable tbody {
   border-right: 1px solid #ddd;
   border-bottom: 1px solid #ddd
 }
 
 table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role="row"]:first-child td {
   border-top: 0
 }
 
 table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role="row"] td:first-child {
   border-left: 0
 }
 
 table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role="row"] td:last-child {
   border-right: 0
 }
 
 table.gj-grid-bootstrap.gj-grid-scrollable tfoot {
   border-bottom: 1px solid #ddd
 }
 
 ul.gj-list li [data-role="spacer"] {
   display: table-cell
 }
 
 ul.gj-list li [data-role="expander"] {
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   cursor: pointer
 }
 
 [data-type="tree"] ul li [data-role="expander"].gj-tree-font-awesome-expander,
 [data-type="tree"] ul li [data-role="expander"].gj-tree-glyphicons-expander,
 [data-type="tree"] ul li [data-role="expander"].gj-tree-material-icons-expander {
   width: 24px
 }
 
 [data-type="tree"] ul li [data-role="expander"].gj-tree-glyphicons-expander .glyphicon {
   top: 4px;
   height: 24px
 }
 
 .gj-tree-bootstrap-3 ul.gj-list-bootstrap li {
   border: 0;
   border-radius: 0;
   color: #333
 }
 
 .gj-tree-bootstrap-3 ul.gj-list-bootstrap li.active {
   color: #fff
 }
 
 .gj-tree-bootstrap-3 ul.gj-list-bootstrap li.disabled {
   color: #777;
   background-color: #eee
 }
 
 .gj-tree-bootstrap-4 ul.gj-list-bootstrap li {
   border: 0;
   border-radius: 0;
   color: #212529
 }
 
 .gj-tree-bootstrap-4 ul.gj-list-bootstrap li.active {
   color: #fff
 }
 
 .gj-tree-bootstrap-4 ul.gj-list-bootstrap li.disabled {
   color: #868e96
 }
 
 .gj-tree-bootstrap-4 ul.gj-list-bootstrap li ul.gj-list-bootstrap {
   width: 100%
 }
 
 .gj-tree-bootstrap-border ul.gj-list-bootstrap li {
   border: 1px solid #ddd
 }
 
 .gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li {
   border-left: 0;
   border-right: 0
 }
 
 .gj-tree-bootstrap-border ul.gj-list-bootstrap li:first-child {
   border-top-left-radius: 4px;
   border-top-right-radius: 4px
 }
 
 .gj-tree-bootstrap-border ul.gj-list-bootstrap li:last-child {
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px
 }
 
 .gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li:first-child {
   border-top-left-radius: 0;
   border-top-right-radius: 0
 }
 
 .gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li:last-child {
   border-bottom: 0;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0
 }
 
 ul.gj-list-bootstrap li [data-role="expander"].gj-tree-material-icons-expander {
   padding-top: 8px;
   padding-bottom: 4px
 }
 
 .gj-tree-drag-el,
 .gj-tree-drag-el li {
   padding: 0;
   margin: 0
 }
 
 ul.gj-list-bootstrap li [data-role="expander"].gj-tree-material-icons-expander .gj-icon {
   width: 24px;
   height: 24px
 }
 
 ul.gj-list-md li.disabled>[data-role="wrapper"]>[data-role="expander"] {
   color: #9e9e9e
 }
 
 .gj-tree-md-border ul.gj-list-md li {
   border: 1px solid #616161;
   margin-bottom: -1px
 }
 
 .gj-tree-md-border ul.gj-list-md li ul.gj-list-md li {
   border-left: 0;
   border-right: 0
 }
 
 .gj-tree-md-border ul.gj-list-md li ul.gj-list-md li:last-child {
   border-bottom: 0
 }
 
 .gj-tree-drop-above {
   border-top: 1px solid #000
 }
 
 .gj-tree-bootstrap-3 ul.gj-list-bootstrap li [data-role="wrapper"].drop-above,
 .gj-tree-bootstrap-4 ul.gj-list-bootstrap li [data-role="wrapper"].drop-above {
   border-top: 2px solid #000
 }
 
 .gj-tree-drop-below {
   border-bottom: 1px solid #000
 }
 
 .gj-tree-bootstrap-3 ul.gj-list-bootstrap li [data-role="wrapper"].drop-below,
 .gj-tree-bootstrap-4 ul.gj-list-bootstrap li [data-role="wrapper"].drop-below {
   border-bottom: 2px solid #000
 }
 
 .gj-tree-drag-el {
   z-index: 1203
 }
 
 .gj-tree-drag-el [data-role="wrapper"] {
   cursor: move;
   display: table
 }
 
 .gj-tree-drag-el [data-role="indicator"] {
   width: 14px;
   padding: 0 3px;
   display: table-cell;
   vertical-align: middle;
   text-align: center
 }
 
 .gj-tree-bootstrap-drag-el li.list-group-item {
   border: 0;
   background: unset
 }
 
 .gj-tree-bootstrap-drag-el [data-role="indicator"],
 .gj-tree-md-drag-el [data-role="indicator"] {
   width: 24px;
   height: 24px;
   padding: 0
 }
 
 .gj-checkbox-bootstrap {
   font-size: 0;
   margin: 0;
   width: 18px;
   height: 18px;
   display: inline
 }
 
 .gj-checkbox-bootstrap input[type="checkbox"] {
   display: none;
   margin-bottom: -12px
 }
 
 .gj-checkbox-bootstrap span {
   background: #fff;
   display: block;
   content: " ";
   width: 18px;
   height: 18px;
   line-height: 11px;
   font-size: 11px;
   padding: 2px;
   color: #555;
   border: 1px solid #ccc;
   border-radius: 3px;
   -webkit-transition: border-color 0.2s linear, -webkit-box-shadow 0.2s linear;
   transition: border-color 0.2s linear, -webkit-box-shadow 0.2s linear;
   -o-transition: box-shadow 0.2s linear, border-color 0.2s linear;
   transition: box-shadow 0.2s linear, border-color 0.2s linear;
   transition: box-shadow 0.2s linear, border-color 0.2s linear, -webkit-box-shadow 0.2s linear;
   cursor: pointer;
   margin: auto
 }
 
 .gj-checkbox-bootstrap input[type="checkbox"]:focus+span:before {
   outline: 0;
   -webkit-box-shadow: 0 0 0 0 #66afe9, 0 0 6px rgba(102, 175, 233, 0.6);
           box-shadow: 0 0 0 0 #66afe9, 0 0 6px rgba(102, 175, 233, 0.6);
   border-color: #66afe9
 }
 
 .gj-datepicker-bootstrap :active,
 .gj-datepicker-bootstrap :focus,
 .gj-timepicker-bootstrap :active,
 .gj-timepicker-bootstrap :focus {
   -webkit-box-shadow: none;
           box-shadow: none
 }
 
 .gj-checkbox-bootstrap input[type="checkbox"][disabled]+span {
   opacity: 0.6;
   cursor: not-allowed
 }
 
 .gj-checkbox-bootstrap.gj-checkbox-bootstrap-4 span {
   line-height: 16px;
   padding: 0
 }
 
 .gj-checkbox-bootstrap-4.gj-checkbox-material-icons input[type="checkbox"]:checked+span:after,
 .gj-checkbox-bootstrap-4.gj-checkbox-material-icons input[type="checkbox"]:indeterminate+span:after {
   font-size: 16px
 }
 
 .gj-checkbox-md {
   font-size: 0;
   margin: 0;
   width: 16px;
   height: 16px
 }
 
 .gj-checkbox-md input[type="checkbox"] {
   display: none;
   margin-bottom: -12px
 }
 
 .gj-checkbox-md span {
   display: inline-block;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   width: 16px;
   height: 16px;
   margin: 0;
   cursor: pointer;
   overflow: hidden;
   border: 2px solid #616161;
   border-radius: 2px;
   z-index: 2
 }
 
 .gj-checkbox-md input[type="checkbox"]:checked+span {
   border: 2px solid #536dfe
 }
 
 .gj-checkbox-md input[type="checkbox"]:checked+span:after {
   color: #fff;
   background-color: #536dfe;
   position: absolute;
   left: 1px;
   top: -15px
 }
 
 .gj-checkbox-md input[type="checkbox"]:indeterminate+span {
   border: 2px solid #616161
 }
 
 .gj-checkbox-md input[type="checkbox"]:indeterminate+span:after {
   color: #616161;
   position: absolute;
   left: 1px;
   top: -15px
 }
 
 .gj-checkbox-md input[type="checkbox"][disabled]+span {
   border: 2px solid #9e9e9e
 }
 
 .gj-editor-md,
 .gj-editor-md [role="body"] {
   border: 1px solid rgba(158, 158, 158, 0.2)
 }
 
 .gj-checkbox-md input[type="checkbox"][disabled]+span:after {
   background-color: #9e9e9e
 }
 
 .gj-checkbox-md input[type="checkbox"][disabled]:indeterminate+span:after {
   color: #fff
 }
 
 .gj-checkbox-material-icons input[type="checkbox"]:checked+span:after {
   content: "\e91f";
   font-size: 14px;
   font-weight: 700;
   white-space: pre
 }
 
 .gj-checkbox-material-icons input[type="checkbox"]:indeterminate+span:after {
   content: "\e921";
   font-size: 14px;
   font-weight: 700;
   white-space: pre
 }
 
 .gj-checkbox-glyphicons input[type="checkbox"]:checked+span:after {
   display: inline-block;
   font-family: "Glyphicons Halflings";
   content: "\e013 "
 }
 
 .gj-checkbox-glyphicons input[type="checkbox"]:indeterminate+span:after {
   display: inline-block;
   font-family: "Glyphicons Halflings";
   content: "\2212 ";
   padding-right: 1px
 }
 
 .gj-checkbox-fontawesome .fa {
   font-size: 14px
 }
 
 .gj-checkbox-bootstrap.gj-checkbox-fontawesome .fa {
   line-height: 18px
 }
 
 .gj-checkbox-fontawesome input[type="checkbox"]:checked+span:before {
   content: "\f00c "
 }
 
 .gj-checkbox-fontawesome input[type="checkbox"]:indeterminate+span:before {
   content: "\f068 "
 }
 
 .gj-editor [role="body"] {
   overflow: auto;
   outline: transparent solid 0;
   -webkit-box-sizing: border-box;
           box-sizing: border-box
 }
 
 .gj-editor-md {
   padding: 7px;
   font-family: Roboto, Helvetica, Arial, sans-serif;
   font-size: 14px;
   font-weight: 500;
   letter-spacing: 0
 }
 
 .gj-editor-md [role="toolbar"] {
   margin-bottom: 7px
 }
 
 .gj-editor-md [role="toolbar"] .gj-button-md {
   min-width: 54px;
   margin-right: 5px
 }
 
 .gj-editor-md [role="toolbar"] .gj-button-md .gj-icon {
   width: 24px;
   height: 24px
 }
 
 .gj-editor-bootstrap,
 .gj-editor-bootstrap [role="body"] {
   border: 1px solid #eceeef
 }
 
 .gj-editor-md p {
   margin: 0;
   padding: 0
 }
 
 .gj-editor-md blockquote {
   font-size: 14px
 }
 
 .gj-editor-bootstrap {
   padding: 7px
 }
 
 .gj-editor-bootstrap [role="toolbar"] {
   margin-bottom: 7px
 }
 
 .gj-editor-bootstrap [role="toolbar"] .btn-group {
   margin-right: 10px
 }
 
 .gj-editor-bootstrap [role="toolbar"] button {
   height: 36px
 }
 
 .gj-editor-bootstrap p {
   margin: 0;
   padding: 0
 }
 
 .gj-editor-bootstrap blockquote {
   font-size: 14px
 }
 
 .gj-datepicker-md,
 .gj-dropdown-md [role="presenter"] {
   font-family: Roboto, Helvetica, Arial, sans-serif;
   font-size: 16px;
   font-weight: 400;
   letter-spacing: 0.04em
 }
 
 .gj-dropdown {
   position: relative;
   border-collapse: separate
 }
 
 .gj-dropdown [role="presenter"] {
   display: table;
   cursor: pointer;
   outline: 0;
   position: relative
 }
 
 .gj-dropdown [role="presenter"] [role="display"] {
   display: table-cell;
   text-align: left;
   width: 100%
 }
 
 .gj-dropdown [role="presenter"] [role="expander"] {
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   width: 24px;
   height: 24px
 }
 
 .gj-dropdown-md [role="presenter"] {
   line-height: 1;
   color: rgba(0, 0, 0, 0.87);
   padding: 0;
   border: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.42);
   background: 0 0
 }
 
 .gj-dropdown-md [role="presenter"]:active,
 .gj-dropdown-md [role="presenter"]:focus {
   border-bottom: 2px solid rgba(0, 0, 0, 0.42)
 }
 
 .gj-dropdown-md [role="presenter"] [role="display"] {
   padding: 4px 0;
   line-height: 18px
 }
 
 .gj-dropdown-md [role="presenter"] [role="display"] .placeholder {
   color: #8e8e8e
 }
 
 .gj-dropdown-list-md {
   position: absolute;
   top: 0;
   left: 0;
   background-color: #f5f5f5;
   color: #000;
   margin: 0;
   z-index: 1203
 }
 
 .gj-dropdown-list-md li.active,
 .gj-dropdown-list-md li:hover {
   background-color: #eee
 }
 
 .gj-dropdown-bootstrap [role="presenter"] [role="display"] {
   padding-right: 5px
 }
 
 .gj-dropdown-bootstrap [role="presenter"] [role="expander"] {
   padding-left: 5px
 }
 
 .gj-dropdown-bootstrap [role="presenter"] [role="expander"].gj-dropdown-expander-mi {
   width: 24px
 }
 
 .gj-dropdown-bootstrap-3 [role="presenter"] [role="display"] {
   line-height: 20px
 }
 
 .gj-dropdown-bootstrap-3 [role="presenter"] [role="display"] .placeholder {
   color: #9999b3
 }
 
 .gj-dropdown-bootstrap-3 [role="presenter"] [role="expander"] {
   width: 20px;
   height: 20px
 }
 
 .gj-dropdown-bootstrap-3 [role="presenter"] [role="expander"].gj-dropdown-expander-mi .gj-icon,
 .gj-dropdown-bootstrap-3 [role="presenter"] [role="expander"].gj-dropdown-expander-mi .material-icons {
   top: 5px;
   right: 10px;
   position: absolute
 }
 
 .gj-dropdown-bootstrap-4 [role="presenter"] {
   border: 1px solid #ced4da
 }
 
 .gj-dropdown-bootstrap-4 [role="presenter"] [role="display"] {
   line-height: 24px
 }
 
 .gj-dropdown-bootstrap-4 [role="presenter"] [role="expander"].gj-dropdown-expander-mi .gj-icon,
 .gj-dropdown-bootstrap-4 [role="presenter"] [role="expander"].gj-dropdown-expander-mi .material-icons {
   top: 7px;
   right: 10px;
   position: absolute
 }
 
 .gj-dropdown-list-bootstrap {
   position: absolute;
   top: 32px;
   left: 0;
   margin: 0;
   z-index: 1203
 }
 
 .gj-datepicker [role="input"]::-ms-clear {
   display: none
 }
 
 .gj-datepicker [role="right-icon"] {
   cursor: pointer
 }
 
 .gj-picker div[role="navigator"] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap
 }
 
 .gj-picker div[role="navigator"] div {
   cursor: pointer;
   position: relative;
   -ms-flex-preferred-size: 0;
       flex-basis: 0;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   max-width: 100%
 }
 
 .gj-datepicker-md {
   line-height: 1;
   color: rgba(0, 0, 0, 0.87);
   position: relative
 }
 
 .gj-datepicker-md [role="right-icon"] {
   position: absolute;
   right: 8px;
   top: 8px;
   font-size: 24px
 }
 
 .gj-datepicker-md.small .gj-textbox-md {
   font-size: 14px
 }
 
 .gj-datepicker-md.small .gj-icon {
   font-size: 22px
 }
 
 .gj-datepicker-md.large .gj-textbox-md {
   font-size: 18px
 }
 
 .gj-datepicker-md.large .gj-icon {
   font-size: 28px
 }
 
 .gj-picker-md.datepicker [role="header"] {
   padding: 20px;
   display: block
 }
 
 .gj-picker-md.datepicker [role="header"] [role="year"] {
   font-size: 17px;
   padding-bottom: 5px;
   cursor: pointer
 }
 
 .gj-picker-md.datepicker [role="header"] [role="date"] {
   font-size: 36px;
   cursor: pointer
 }
 
 .gj-picker-md div[role="navigator"] {
   height: 42px;
   line-height: 42px
 }
 
 .gj-picker div[role="navigator"] div[role="period"] {
   width: 100%;
   text-align: center;
   font-weight: 700;
   font-size: 15px
 }
 
 .gj-picker-md div[role="navigator"] div:first-child,
 .gj-picker-md div[role="navigator"] div:last-child {
   max-width: 42px
 }
 
 .gj-picker-md div[role="navigator"] div i.gj-icon,
 .gj-picker-md div[role="navigator"] div i.material-icons {
   position: absolute;
   top: 8px
 }
 
 .gj-picker-md div[role="navigator"] div:first-child i.gj-icon,
 .gj-picker-md div[role="navigator"] div:first-child i.material-icons {
   left: 10px
 }
 
 .gj-picker-md div[role="navigator"] div:last-child i.gj-icon,
 .gj-picker-md div[role="navigator"] div:last-child i.material-icons {
   right: 11px
 }
 
 .gj-picker-md table thead {
   color: #9e9e9e
 }
 
 .gj-picker-md table tr td div,
 .gj-picker-md table tr th div {
   display: block;
   width: 30px;
   height: 30px;
   line-height: 30px;
   font-size: 12px;
   text-align: center;
   vertical-align: middle
 }
 
 [type="year"].gj-picker-md table tr td div,
 [type="decade"].gj-picker-md table tr td div,
 [type="century"].gj-picker-md table tr td div {
   width: 73px;
   height: 73px;
   line-height: 73px;
   cursor: pointer
 }
 
 .gj-picker-md table tr td.gj-cursor-pointer div:hover {
   background: #eee;
   border-radius: 50%;
   color: rgba(0, 0, 0, 0.87)
 }
 
 .gj-picker-md table tr td.disabled div,
 .gj-picker-md table tr td.other-month div {
   color: #bdbdbd
 }
 
 .gj-picker-md table tr td.focused div {
   background: #e0e0e0;
   border-radius: 50%
 }
 
 .gj-picker-md table tr td.today div {
   color: #1976d2
 }
 
 .gj-picker-md table tr td.selected.gj-cursor-pointer div {
   color: #fff;
   background: #1976d2;
   border-radius: 50%
 }
 
 .gj-picker-md table tr td.calendar-week div {
   font-weight: 700
 }
 
 .gj-picker-bootstrap {
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 4px;
   padding: 4px
 }
 
 .gj-modal .gj-picker-bootstrap {
   padding: 0
 }
 
 .gj-picker-bootstrap.datepicker [role="header"] {
   padding: 10px 20px;
   display: block
 }
 
 .gj-picker-bootstrap.datepicker [role="header"] [role="year"] {
   font-size: 15px;
   cursor: pointer
 }
 
 .gj-picker-bootstrap [role="header"] [role="date"] {
   font-size: 24px;
   cursor: pointer
 }
 
 .gj-modal .gj-picker-bootstrap.datepicker [role="body"] {
   padding: 15px
 }
 
 .gj-picker-bootstrap div[role="navigator"] {
   height: 30px;
   line-height: 30px;
   text-align: center
 }
 
 .gj-picker-bootstrap div[role="navigator"] div:first-child,
 .gj-picker-bootstrap div[role="navigator"] div:last-child {
   max-width: 30px
 }
 
 .gj-picker-bootstrap table tr td div,
 .gj-picker-bootstrap table tr th div {
   display: block;
   width: 30px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   vertical-align: middle
 }
 
 [type="year"].gj-picker-bootstrap table tr td div,
 [type="decade"].gj-picker-bootstrap table tr td div,
 [type="century"].gj-picker-bootstrap table tr td div {
   width: 53px;
   height: 53px;
   line-height: 53px;
   cursor: pointer
 }
 
 .gj-picker-bootstrap table tr th div i,
 .gj-picker-bootstrap table tr th div span {
   line-height: 30px
 }
 
 .gj-picker-bootstrap div[role="navigator"] .gj-icon,
 .gj-picker-bootstrap div[role="navigator"] .material-icons {
   margin: 3px
 }
 
 .gj-picker-bootstrap table tr td.focused div,
 .gj-picker-bootstrap table tr td.gj-cursor-pointer div:hover {
   background: #eee;
   border-radius: 4px;
   color: #212529
 }
 
 .gj-picker-bootstrap table tr td.today div {
   color: #204d74;
   font-weight: 700
 }
 
 .gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
   color: #fff;
   background-color: #204d74;
   border-color: #122b40;
   border-radius: 4px
 }
 
 .gj-picker-bootstrap table tr td.disabled div,
 .gj-picker-bootstrap table tr td.other-month div {
   color: #777
 }
 
 .gj-datepicker-bootstrap span[role="right-icon"].input-group-addon {
   border-left: 0;
   position: relative;
   border-radius: 0 4px 4px 0
 }
 
 .gj-datepicker-bootstrap span[role="right-icon"].input-group-addon .gj-icon,
 .gj-datepicker-bootstrap span[role="right-icon"].input-group-addon .material-icons {
   position: absolute;
   top: 7px;
   left: 7px
 }
 
 .gj-datepicker-bootstrap [role="right-icon"] button {
   width: 38px;
   position: relative;
   border: 1px solid #ced4da
 }
 
 .gj-datepicker-bootstrap [role="right-icon"] button:hover {
   color: #6c757d;
   background-color: transparent
 }
 
 .gj-datepicker-bootstrap.input-group-sm [role="right-icon"] button {
   width: 30px
 }
 
 .gj-datepicker-bootstrap.input-group-lg [role="right-icon"] button {
   width: 48px
 }
 
 .gj-datepicker-bootstrap [role="right-icon"] button .gj-icon,
 .gj-datepicker-bootstrap [role="right-icon"] button .material-icons {
   position: absolute;
   font-size: 21px;
   top: 9px;
   left: 9px
 }
 
 .gj-datepicker-bootstrap.input-group-sm [role="right-icon"] button .gj-icon,
 .gj-datepicker-bootstrap.input-group-sm [role="right-icon"] button .material-icons {
   top: 6px;
   left: 6px;
   font-size: 19px
 }
 
 .gj-datepicker-bootstrap.input-group-lg [role="right-icon"] button .gj-icon,
 .gj-datepicker-bootstrap.input-group-lg [role="right-icon"] button .material-icons {
   font-size: 27px;
   top: 10px;
   left: 10px
 }
 
 .gj-timepicker [role="input"]::-ms-clear {
   display: none
 }
 
 .gj-timepicker [role="right-icon"] {
   cursor: pointer
 }
 
 .gj-picker.timepicker [role="header"] {
   font-size: 58px;
   padding: 20px 0;
   line-height: 58px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: baseline;
       -ms-flex-align: baseline;
           align-items: baseline;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center
 }
 
 .gj-picker.timepicker [role="header"] div {
   cursor: pointer;
   width: 66px;
   text-align: right
 }
 
 .gj-picker [role="header"] [role="mode"] {
   position: relative;
   width: 0
 }
 
 .gj-picker [role="header"] [role="mode"] span {
   position: absolute;
   left: 7px;
   line-height: 18px;
   font-size: 18px
 }
 
 .gj-picker [role="header"] [role="mode"] span[role="am"] {
   top: 7px
 }
 
 .gj-picker [role="header"] [role="mode"] span[role="pm"] {
   bottom: 7px
 }
 
 .gj-picker [role="body"] [role="dial"] {
   width: 256px;
   color: rgba(0, 0, 0, 0.87);
   height: 256px;
   position: relative;
   background: #eee;
   border-radius: 50%;
   margin: 10px
 }
 
 .gj-picker-md .arrow-begin,
 .gj-picker-md [role="body"] [role="arrow"] {
   background-color: #2196f3
 }
 
 .gj-picker [role="body"] [role="hour"] {
   top: calc(50% - 16px);
   left: calc(50% - 16px);
   width: 32px;
   height: 32px;
   cursor: pointer;
   position: absolute;
   font-size: 14px;
   text-align: center;
   line-height: 32px;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   pointer-events: none
 }
 
 .gj-colorpicker-md,
 .gj-timepicker-md {
   font-family: Roboto, Helvetica, Arial, sans-serif;
   font-weight: 400;
   letter-spacing: 0.04em;
   line-height: 1
 }
 
 .gj-picker [role="body"] [role="hour"].selected {
   color: #fff
 }
 
 .gj-picker [role="body"] [role="arrow"] {
   top: calc(50% - 1px);
   left: 50%;
   height: 2px;
   position: absolute;
   pointer-events: none;
   -webkit-transform-origin: left center;
       -ms-transform-origin: left center;
           transform-origin: left center;
   -webkit-transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
   -o-transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
   transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
   width: calc(50% - 52px)
 }
 
 .gj-picker .arrow-begin {
   top: -3px;
   left: -4px;
   width: 8px;
   height: 8px;
   position: absolute;
   border-radius: 50%
 }
 
 .gj-picker .arrow-end {
   top: -15px;
   right: -16px;
   width: 0;
   height: 0;
   position: absolute;
   -webkit-box-sizing: content-box;
           box-sizing: content-box;
   border-width: 16px;
   border-radius: 50%
 }
 
 .gj-timepicker-md {
   font-size: 16px;
   color: rgba(0, 0, 0, 0.87);
   position: relative
 }
 
 .gj-timepicker-md.small .gj-textbox-md {
   font-size: 14px
 }
 
 .gj-timepicker-md.small .gj-icon {
   font-size: 22px
 }
 
 .gj-timepicker-md.large .gj-textbox-md {
   font-size: 18px
 }
 
 .gj-timepicker-md.large .gj-icon {
   font-size: 28px
 }
 
 .gj-timepicker-md [role="right-icon"] {
   cursor: pointer;
   position: absolute;
   right: 0;
   top: 0;
   font-size: 24px
 }
 
 .gj-picker-md .arrow-end {
   border: 16px solid #2196f3
 }
 
 .gj-picker-bootstrap .arrow-begin,
 .gj-picker-bootstrap [role="body"] [role="arrow"] {
   background-color: #888
 }
 
 .gj-picker-bootstrap .arrow-end {
   border: 16px solid #888
 }
 
 .gj-timepicker-bootstrap .input-group-addon {
   border-left: 0;
   position: relative;
   width: 38px;
   border-radius: 0 4px 4px 0
 }
 
 .gj-timepicker-bootstrap.input-group-sm .input-group-addon {
   width: 30px
 }
 
 .gj-timepicker-bootstrap.input-group-lg .input-group-addon {
   width: 46px
 }
 
 .gj-timepicker-bootstrap .input-group-addon .gj-icon,
 .gj-timepicker-bootstrap .input-group-addon .material-icons {
   position: absolute;
   font-size: 21px;
   top: 6px;
   left: 8px
 }
 
 .gj-timepicker-bootstrap.input-group-sm .input-group-addon .gj-icon,
 .gj-timepicker-bootstrap.input-group-sm .input-group-addon .material-icons {
   font-size: 19px;
   top: 5px;
   left: 5px
 }
 
 .gj-timepicker-bootstrap.input-group-lg .input-group-addon .gj-icon,
 .gj-timepicker-bootstrap.input-group-lg .input-group-addon .material-icons {
   font-size: 27px;
   top: 10px;
   left: 10px
 }
 
 .gj-timepicker-bootstrap [role="right-icon"] button {
   width: 38px;
   position: relative
 }
 
 .gj-timepicker-bootstrap.input-group-sm [role="right-icon"] button {
   width: 30px
 }
 
 .gj-timepicker-bootstrap.input-group-lg [role="right-icon"] button {
   width: 48px
 }
 
 .gj-timepicker-bootstrap [role="right-icon"] button .gj-icon,
 .gj-timepicker-bootstrap [role="right-icon"] button .material-icons {
   position: absolute;
   font-size: 21px;
   top: 7px;
   left: 9px
 }
 
 .gj-timepicker-bootstrap.input-group-sm [role="right-icon"] button .gj-icon,
 .gj-timepicker-bootstrap.input-group-sm [role="right-icon"] button .material-icons {
   top: 4px;
   left: 6px;
   font-size: 19px
 }
 
 .gj-timepicker-bootstrap.input-group-lg [role="right-icon"] button .gj-icon,
 .gj-timepicker-bootstrap.input-group-lg [role="right-icon"] button .material-icons {
   font-size: 27px;
   top: 8px;
   left: 10px
 }
 
 .gj-picker.datetimepicker [role="header"] [role="date"] {
   padding-bottom: 5px;
   text-align: center;
   cursor: pointer
 }
 
 .gj-picker [role="switch"] {
   -webkit-box-align: baseline;
       -ms-flex-align: baseline;
           align-items: baseline;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   position: relative
 }
 
 .gj-picker [role="switch"] [role="calendarMode"] {
   position: absolute;
   bottom: 2px;
   left: 0;
   cursor: pointer
 }
 
 .gj-picker [role="switch"] [role="time"] {
   width: 100%;
   text-align: center
 }
 
 .gj-picker [role="switch"] [role="time"] div {
   display: inline;
   cursor: pointer
 }
 
 .gj-picker [role="switch"] [role="clockMode"] {
   position: absolute;
   right: 0;
   bottom: 3px;
   cursor: pointer
 }
 
 .gj-picker-md.datetimepicker [role="header"] {
   font-size: 36px;
   padding: 10px 20px;
   display: block
 }
 
 .gj-picker-md [role="switch"] {
   color: rgba(255, 255, 255, 0.54);
   background: #2196f3;
   font-size: 32px
 }
 
 .gj-picker-bootstrap.datetimepicker [role="header"] {
   font-size: 36px;
   padding: 10px 20px;
   display: block
 }
 
 .gj-picker-bootstrap.datetimepicker [role="header"] [role="time"] {
   font-size: 22px
 }
 
 .gj-slider {
   position: relative;
   padding: 8px 6px
 }
 
 .gj-slider [role="track"] {
   width: 100%
 }
 
 .gj-slider [role="progress"] {
   position: absolute;
   z-index: 1203
 }
 
 .gj-slider [role="handle"] {
   position: absolute
 }
 
 .gj-slider-md [role="track"] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   color: #fff;
   text-align: center;
   background-color: #e9ecef;
   height: 2px;
   background-color: rgba(0, 0, 0, 0.26)
 }
 
 .gj-slider-md [role="progress"] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   color: #fff;
   text-align: center;
   height: 2px;
   background-color: #536dfe;
   top: 8px;
   left: 6px
 }
 
 .gj-slider-md [role="handle"] {
   top: 3px;
   left: 0;
   width: 12px;
   height: 12px;
   background-color: #536dfe;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
   -webkit-filter: none;
           filter: none;
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   border: 0 solid transparent;
   border-radius: 50%;
   cursor: pointer;
   z-index: 1204
 }
 
 .gj-slider-bootstrap [role="track"] {
   border-radius: 4px;
   height: 10px
 }
 
 .gj-slider-bootstrap [role="progress"] {
   height: 10px;
   border-radius: 4px;
   top: 8px;
   left: 6px;
   -webkit-transition: none;
   -o-transition: none;
   transition: none
 }
 
 .gj-slider-bootstrap [role="handle"] {
   top: 2px;
   left: 0;
   width: 20px;
   height: 20px;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
   -webkit-filter: none;
           filter: none;
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   border: 0 solid transparent;
   border-radius: 50%;
   cursor: pointer;
   z-index: 1204
 }
 
 .gj-slider-bootstrap-3 [role="handle"] {
   background-color: #337ab7;
   background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #337ab7), to(#2e6da4));
   background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);
   background-repeat: repeat-x
 }
 
 .gj-slider-bootstrap-4 [role="handle"] {
   background-color: #007bff;
   background-image: -o-linear-gradient(top, #007bff 0, #2e6da4 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #007bff), to(#2e6da4));
   background-image: linear-gradient(to bottom, #007bff 0, #2e6da4 100%);
   background-repeat: repeat-x
 }
 
 .gj-colorpicker [role="right-icon"] {
   cursor: pointer
 }
 
 .gj-colorpicker-md {
   font-size: 16px;
   color: rgba(0, 0, 0, 0.87);
   position: relative
 }
 
 .gj-colorpicker-md [role="right-icon"] {
   position: absolute;
   right: 0;
   top: 0;
   font-size: 24px
 }
 
 .richText {
   position: relative;
   background-color: #FAFAFA;
   border: #EFEFEF solid 1px;
   color: #333333;
   width: 100%
 }
 
 .richText .richText-form {
   font-family: Calibri, Verdana, Helvetica, sans-serif
 }
 
 .richText .richText-form label {
   display: block;
   padding: 10px 15px
 }
 
 .richText .richText-form input[type="text"],
 .richText .richText-form input[type="file"],
 .richText .richText-form input[type="number"],
 .richText .richText-form select {
   padding: 10px 15px;
   border: #999999 solid 1px;
   min-width: 200px;
   width: 100%
 }
 
 .richText .richText-form select {
   cursor: pointer
 }
 
 .richText .richText-form button {
   margin: 10px 0;
   padding: 10px 15px;
   background-color: #3498db;
   border: none;
   color: #FAFAFA;
   cursor: pointer;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 4px
 }
 
 .richText .richText-toolbar {
   min-height: 20px;
   border-bottom: #EFEFEF solid 1px
 }
 
 .richText .richText-toolbar .richText-length {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 13px;
   vertical-align: middle;
   line-height: 34px
 }
 
 .richText .richText-toolbar .richText-length .black {
   color: #000
 }
 
 .richText .richText-toolbar .richText-length .orange {
   color: orange
 }
 
 .richText .richText-toolbar .richText-length .red {
   color: red
 }
 
 .richText .richText-toolbar ul {
   padding-left: 0;
   padding-right: 0;
   margin-top: 0;
   margin-bottom: 0
 }
 
 .richText .richText-toolbar ul li {
   float: left;
   display: block;
   list-style: none
 }
 
 .richText .richText-toolbar ul li a {
   display: block;
   padding: 10px 13px;
   border-right: #EFEFEF solid 1px;
   cursor: pointer;
   -webkit-transition: background-color 0.4s;
   -o-transition: background-color 0.4s;
   transition: background-color 0.4s
 }
 
 .richText .richText-toolbar ul li a .fa,
 .richText .richText-toolbar ul li a .fas,
 .richText .richText-toolbar ul li a .far,
 .richText .richText-toolbar ul li a svg {
   pointer-events: none
 }
 
 .richText .richText-toolbar ul li a .richText-dropdown-outer {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.3);
   cursor: default
 }
 
 .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown {
   position: relative;
   display: block;
   margin: 3% auto 0 auto;
   background-color: #FAFAFA;
   border: #EFEFEF solid 1px;
   min-width: 100px;
   width: 300px;
   max-width: 90%;
   -webkit-box-shadow: 0 0 5px 0 #333;
   box-shadow: 0 0 5px 0 #333
 }
 
 .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close {
   position: absolute;
   top: 0;
   right: -23px;
   background: #FFF;
   color: #333;
   cursor: pointer;
   font-size: 20px;
   text-align: center;
   width: 20px
 }
 
 .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown {
   list-style: none
 }
 
 .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li {
   display: block;
   float: none;
   font-family: Calibri, Verdana, Helvetica, sans-serif
 }
 
 .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a {
   display: block;
   padding: 10px 15px;
   border-bottom: #EFEFEF solid 1px
 }
 
 .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover {
   background-color: #FFFFFF
 }
 
 .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline {
   margin: 10px 6px;
   float: left
 }
 
 .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a {
   display: block;
   padding: 0;
   margin: 0;
   border: none;
   border-radius: 50%;
   -webkit-box-shadow: 0 0 10px 0 #999;
   box-shadow: 0 0 10px 0 #999
 }
 
 .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a span {
   display: block;
   height: 30px;
   width: 30px;
   border-radius: 50%
 }
 
 .richText .richText-toolbar ul li a .richText-dropdown-outer div.richText-dropdown {
   padding: 10px 15px
 }
 
 .richText .richText-toolbar ul li a:hover {
   background-color: #FFFFFF
 }
 
 .richText .richText-toolbar ul li[data-disable="true"] {
   opacity: 0.1
 }
 
 .richText .richText-toolbar ul li[data-disable="true"] a {
   cursor: default
 }
 
 .richText .richText-toolbar ul li:not([data-disable="true"]).is-selected .richText-dropdown-outer {
   display: block
 }
 
 .richText .richText-toolbar ul:after {
   display: block;
   content: "";
   clear: both
 }
 
 .richText .richText-toolbar:last-child {
   font-size: 12px
 }
 
 .richText .richText-toolbar:after {
   display: block;
   clear: both;
   content: ""
 }
 
 .richText .richText-editor {
   padding: 20px;
   background-color: #FFFFFF;
   border-left: #FFFFFF solid 2px;
   font-family: Calibri, Verdana, Helvetica, sans-serif;
   height: 300px;
   outline: none;
   overflow-y: scroll;
   overflow-x: auto
 }
 
 .richText .richText-editor ul,
 .richText .richText-editor ol {
   margin: 10px 25px
 }
 
 .richText .richText-editor table {
   margin: 10px 0;
   border-spacing: 0;
   width: 100%
 }
 
 .richText .richText-editor table td,
 .richText .richText-editor table th {
   padding: 10px;
   border: #EFEFEF solid 1px
 }
 
 .richText .richText-editor:focus {
   border-left: #3498db solid 2px
 }
 
 .richText .richText-initial {
   margin-bottom: -4px;
   padding: 10px;
   background-color: #282828;
   border: none;
   color: #33FF33;
   font-family: Monospace, Calibri, Verdana, Helvetica, sans-serif;
   max-width: 100%;
   min-width: 100%;
   width: 100%;
   min-height: 400px;
   height: 400px
 }
 
 .richText .richText-help {
   float: right;
   display: block;
   padding: 10px 15px;
   cursor: pointer
 }
 
 .richText .richText-undo,
 .richText .richText-redo {
   float: left;
   display: block;
   padding: 10px 15px;
   border-right: #EFEFEF solid 1px;
   cursor: pointer
 }
 
 .richText .richText-undo.is-disabled,
 .richText .richText-redo.is-disabled {
   opacity: 0.4
 }
 
 .richText .richText-help-popup a {
   color: #3498db;
   text-decoration: underline
 }
 
 .richText .richText-help-popup hr {
   margin: 10px auto 5px auto;
   border: none;
   border-top: #EFEFEF solid 1px
 }
 
 .richText .richText-list.list-rightclick {
   position: absolute;
   background-color: #FAFAFA;
   border-right: #EFEFEF solid 1px;
   border-bottom: #EFEFEF solid 1px
 }
 
 .richText .richText-list.list-rightclick li {
   padding: 5px 7px;
   cursor: pointer;
   list-style: none
 }
 
 
 /*!
  *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
  */
 
 @font-face {
   font-family: 'FontAwesome';
   src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
   src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
   font-weight: normal;
   font-style: normal
 }
 
 .fa {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
 }
 
 .fa-lg {
   font-size: 1.33333333em;
   line-height: .75em;
   vertical-align: -15%
 }
 
 .fa-2x {
   font-size: 2em
 }
 
 .fa-3x {
   font-size: 3em
 }
 
 .fa-4x {
   font-size: 4em
 }
 
 .fa-5x {
   font-size: 5em
 }
 
 .fa-fw {
   width: 1.28571429em;
   text-align: center
 }
 
 .fa-ul {
   padding-left: 0;
   margin-left: 2.14285714em;
   list-style-type: none
 }
 
 .fa-ul>li {
   position: relative
 }
 
 .fa-li {
   position: absolute;
   left: -2.14285714em;
   width: 2.14285714em;
   top: .14285714em;
   text-align: center
 }
 
 .fa-li.fa-lg {
   left: -1.85714286em
 }
 
 .fa-border {
   padding: .2em .25em .15em;
   border: solid .08em #eee;
   border-radius: .1em
 }
 
 .fa-pull-left {
   float: left
 }
 
 .fa-pull-right {
   float: right
 }
 
 .fa.fa-pull-left {
   margin-right: .3em
 }
 
 .fa.fa-pull-right {
   margin-left: .3em
 }
 
 .pull-right {
   float: right
 }
 
 .pull-left {
   float: left
 }
 
 .fa.pull-left {
   margin-right: .3em
 }
 
 .fa.pull-right {
   margin-left: .3em
 }
 
 .fa-spin {
   -webkit-animation: fa-spin 2s infinite linear;
   animation: fa-spin 2s infinite linear
 }
 
 .fa-pulse {
   -webkit-animation: fa-spin 1s infinite steps(8);
   animation: fa-spin 1s infinite steps(8)
 }
 
 @-webkit-keyframes fa-spin {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg)
   }
   100% {
     -webkit-transform: rotate(359deg);
     transform: rotate(359deg)
   }
 }
 
 @keyframes fa-spin {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg)
   }
   100% {
     -webkit-transform: rotate(359deg);
     transform: rotate(359deg)
   }
 }
 
 .fa-rotate-90 {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg)
 }
 
 .fa-rotate-180 {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg)
 }
 
 .fa-rotate-270 {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
   -webkit-transform: rotate(270deg);
   -ms-transform: rotate(270deg);
   transform: rotate(270deg)
 }
 
 .fa-flip-horizontal {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
   -webkit-transform: scale(-1, 1);
   -ms-transform: scale(-1, 1);
   transform: scale(-1, 1)
 }
 
 .fa-flip-vertical {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
   -webkit-transform: scale(1, -1);
   -ms-transform: scale(1, -1);
   transform: scale(1, -1)
 }
 
 :root .fa-rotate-90,
 :root .fa-rotate-180,
 :root .fa-rotate-270,
 :root .fa-flip-horizontal,
 :root .fa-flip-vertical {
   -webkit-filter: none;
           filter: none
 }
 
 .fa-stack {
   position: relative;
   display: inline-block;
   width: 2em;
   height: 2em;
   line-height: 2em;
   vertical-align: middle
 }
 
 .fa-stack-1x,
 .fa-stack-2x {
   position: absolute;
   left: 0;
   width: 100%;
   text-align: center
 }
 
 .fa-stack-1x {
   line-height: inherit
 }
 
 .fa-stack-2x {
   font-size: 2em
 }
 
 .fa-inverse {
   color: #fff
 }
 
 .fa-glass:before {
   content: "\f000"
 }
 
 .fa-music:before {
   content: "\f001"
 }
 
 .fa-search:before {
   content: "\f002"
 }
 
 .fa-envelope-o:before {
   content: "\f003"
 }
 
 .fa-heart:before {
   content: "\f004"
 }
 
 .fa-star:before {
   content: "\f005"
 }
 
 .fa-star-o:before {
   content: "\f006"
 }
 
 .fa-user:before {
   content: "\f007"
 }
 
 .fa-film:before {
   content: "\f008"
 }
 
 .fa-th-large:before {
   content: "\f009"
 }
 
 .fa-th:before {
   content: "\f00a"
 }
 
 .fa-th-list:before {
   content: "\f00b"
 }
 
 .fa-check:before {
   content: "\f00c"
 }
 
 .fa-remove:before,
 .fa-close:before,
 .fa-times:before {
   content: "\f00d"
 }
 
 .fa-search-plus:before {
   content: "\f00e"
 }
 
 .fa-search-minus:before {
   content: "\f010"
 }
 
 .fa-power-off:before {
   content: "\f011"
 }
 
 .fa-signal:before {
   content: "\f012"
 }
 
 .fa-gear:before,
 .fa-cog:before {
   content: "\f013"
 }
 
 .fa-trash-o:before {
   content: "\f014"
 }
 
 .fa-home:before {
   content: "\f015"
 }
 
 .fa-file-o:before {
   content: "\f016"
 }
 
 .fa-clock-o:before {
   content: "\f017"
 }
 
 .fa-road:before {
   content: "\f018"
 }
 
 .fa-download:before {
   content: "\f019"
 }
 
 .fa-arrow-circle-o-down:before {
   content: "\f01a"
 }
 
 .fa-arrow-circle-o-up:before {
   content: "\f01b"
 }
 
 .fa-inbox:before {
   content: "\f01c"
 }
 
 .fa-play-circle-o:before {
   content: "\f01d"
 }
 
 .fa-rotate-right:before,
 .fa-repeat:before {
   content: "\f01e"
 }
 
 .fa-refresh:before {
   content: "\f021"
 }
 
 .fa-list-alt:before {
   content: "\f022"
 }
 
 .fa-lock:before {
   content: "\f023"
 }
 
 .fa-flag:before {
   content: "\f024"
 }
 
 .fa-headphones:before {
   content: "\f025"
 }
 
 .fa-volume-off:before {
   content: "\f026"
 }
 
 .fa-volume-down:before {
   content: "\f027"
 }
 
 .fa-volume-up:before {
   content: "\f028"
 }
 
 .fa-qrcode:before {
   content: "\f029"
 }
 
 .fa-barcode:before {
   content: "\f02a"
 }
 
 .fa-tag:before {
   content: "\f02b"
 }
 
 .fa-tags:before {
   content: "\f02c"
 }
 
 .fa-book:before {
   content: "\f02d"
 }
 
 .fa-bookmark:before {
   content: "\f02e"
 }
 
 .fa-print:before {
   content: "\f02f"
 }
 
 .fa-camera:before {
   content: "\f030"
 }
 
 .fa-font:before {
   content: "\f031"
 }
 
 .fa-bold:before {
   content: "\f032"
 }
 
 .fa-italic:before {
   content: "\f033"
 }
 
 .fa-text-height:before {
   content: "\f034"
 }
 
 .fa-text-width:before {
   content: "\f035"
 }
 
 .fa-align-left:before {
   content: "\f036"
 }
 
 .fa-align-center:before {
   content: "\f037"
 }
 
 .fa-align-right:before {
   content: "\f038"
 }
 
 .fa-align-justify:before {
   content: "\f039"
 }
 
 .fa-list:before {
   content: "\f03a"
 }
 
 .fa-dedent:before,
 .fa-outdent:before {
   content: "\f03b"
 }
 
 .fa-indent:before {
   content: "\f03c"
 }
 
 .fa-video-camera:before {
   content: "\f03d"
 }
 
 .fa-photo:before,
 .fa-image:before,
 .fa-picture-o:before {
   content: "\f03e"
 }
 
 .fa-pencil:before {
   content: "\f040"
 }
 
 .fa-map-marker:before {
   content: "\f041"
 }
 
 .fa-adjust:before {
   content: "\f042"
 }
 
 .fa-tint:before {
   content: "\f043"
 }
 
 .fa-edit:before,
 .fa-pencil-square-o:before {
   content: "\f044"
 }
 
 .fa-share-square-o:before {
   content: "\f045"
 }
 
 .fa-check-square-o:before {
   content: "\f046"
 }
 
 .fa-arrows:before {
   content: "\f047"
 }
 
 .fa-step-backward:before {
   content: "\f048"
 }
 
 .fa-fast-backward:before {
   content: "\f049"
 }
 
 .fa-backward:before {
   content: "\f04a"
 }
 
 .fa-play:before {
   content: "\f04b"
 }
 
 .fa-pause:before {
   content: "\f04c"
 }
 
 .fa-stop:before {
   content: "\f04d"
 }
 
 .fa-forward:before {
   content: "\f04e"
 }
 
 .fa-fast-forward:before {
   content: "\f050"
 }
 
 .fa-step-forward:before {
   content: "\f051"
 }
 
 .fa-eject:before {
   content: "\f052"
 }
 
 .fa-chevron-left:before {
   content: "\f053"
 }
 
 .fa-chevron-right:before {
   content: "\f054"
 }
 
 .fa-plus-circle:before {
   content: "\f055"
 }
 
 .fa-minus-circle:before {
   content: "\f056"
 }
 
 .fa-times-circle:before {
   content: "\f057"
 }
 
 .fa-check-circle:before {
   content: "\f058"
 }
 
 .fa-question-circle:before {
   content: "\f059"
 }
 
 .fa-info-circle:before {
   content: "\f05a"
 }
 
 .fa-crosshairs:before {
   content: "\f05b"
 }
 
 .fa-times-circle-o:before {
   content: "\f05c"
 }
 
 .fa-check-circle-o:before {
   content: "\f05d"
 }
 
 .fa-ban:before {
   content: "\f05e"
 }
 
 .fa-arrow-left:before {
   content: "\f060"
 }
 
 .fa-arrow-right:before {
   content: "\f061"
 }
 
 .fa-arrow-up:before {
   content: "\f062"
 }
 
 .fa-arrow-down:before {
   content: "\f063"
 }
 
 .fa-mail-forward:before,
 .fa-share:before {
   content: "\f064"
 }
 
 .fa-expand:before {
   content: "\f065"
 }
 
 .fa-compress:before {
   content: "\f066"
 }
 
 .fa-plus:before {
   content: "\f067"
 }
 
 .fa-minus:before {
   content: "\f068"
 }
 
 .fa-asterisk:before {
   content: "\f069"
 }
 
 .fa-exclamation-circle:before {
   content: "\f06a"
 }
 
 .fa-gift:before {
   content: "\f06b"
 }
 
 .fa-leaf:before {
   content: "\f06c"
 }
 
 .fa-fire:before {
   content: "\f06d"
 }
 
 .fa-eye:before {
   content: "\f06e"
 }
 
 .fa-eye-slash:before {
   content: "\f070"
 }
 
 .fa-warning:before,
 .fa-exclamation-triangle:before {
   content: "\f071"
 }
 
 .fa-plane:before {
   content: "\f072"
 }
 
 .fa-calendar:before {
   content: "\f073"
 }
 
 .fa-random:before {
   content: "\f074"
 }
 
 .fa-comment:before {
   content: "\f075"
 }
 
 .fa-magnet:before {
   content: "\f076"
 }
 
 .fa-chevron-up:before {
   content: "\f077"
 }
 
 .fa-chevron-down:before {
   content: "\f078"
 }
 
 .fa-retweet:before {
   content: "\f079"
 }
 
 .fa-shopping-cart:before {
   content: "\f07a"
 }
 
 .fa-folder:before {
   content: "\f07b"
 }
 
 .fa-folder-open:before {
   content: "\f07c"
 }
 
 .fa-arrows-v:before {
   content: "\f07d"
 }
 
 .fa-arrows-h:before {
   content: "\f07e"
 }
 
 .fa-bar-chart-o:before,
 .fa-bar-chart:before {
   content: "\f080"
 }
 
 .fa-twitter-square:before {
   content: "\f081"
 }
 
 .fa-facebook-square:before {
   content: "\f082"
 }
 
 .fa-camera-retro:before {
   content: "\f083"
 }
 
 .fa-key:before {
   content: "\f084"
 }
 
 .fa-gears:before,
 .fa-cogs:before {
   content: "\f085"
 }
 
 .fa-comments:before {
   content: "\f086"
 }
 
 .fa-thumbs-o-up:before {
   content: "\f087"
 }
 
 .fa-thumbs-o-down:before {
   content: "\f088"
 }
 
 .fa-star-half:before {
   content: "\f089"
 }
 
 .fa-heart-o:before {
   content: "\f08a"
 }
 
 .fa-sign-out:before {
   content: "\f08b"
 }
 
 .fa-linkedin-square:before {
   content: "\f08c"
 }
 
 .fa-thumb-tack:before {
   content: "\f08d"
 }
 
 .fa-external-link:before {
   content: "\f08e"
 }
 
 .fa-sign-in:before {
   content: "\f090"
 }
 
 .fa-trophy:before {
   content: "\f091"
 }
 
 .fa-github-square:before {
   content: "\f092"
 }
 
 .fa-upload:before {
   content: "\f093"
 }
 
 .fa-lemon-o:before {
   content: "\f094"
 }
 
 .fa-phone:before {
   content: "\f095"
 }
 
 .fa-square-o:before {
   content: "\f096"
 }
 
 .fa-bookmark-o:before {
   content: "\f097"
 }
 
 .fa-phone-square:before {
   content: "\f098"
 }
 
 .fa-twitter:before {
   content: "\f099"
 }
 
 .fa-facebook-f:before,
 .fa-facebook:before {
   content: "\f09a"
 }
 
 .fa-github:before {
   content: "\f09b"
 }
 
 .fa-unlock:before {
   content: "\f09c"
 }
 
 .fa-credit-card:before {
   content: "\f09d"
 }
 
 .fa-feed:before,
 .fa-rss:before {
   content: "\f09e"
 }
 
 .fa-hdd-o:before {
   content: "\f0a0"
 }
 
 .fa-bullhorn:before {
   content: "\f0a1"
 }
 
 .fa-bell:before {
   content: "\f0f3"
 }
 
 .fa-certificate:before {
   content: "\f0a3"
 }
 
 .fa-hand-o-right:before {
   content: "\f0a4"
 }
 
 .fa-hand-o-left:before {
   content: "\f0a5"
 }
 
 .fa-hand-o-up:before {
   content: "\f0a6"
 }
 
 .fa-hand-o-down:before {
   content: "\f0a7"
 }
 
 .fa-arrow-circle-left:before {
   content: "\f0a8"
 }
 
 .fa-arrow-circle-right:before {
   content: "\f0a9"
 }
 
 .fa-arrow-circle-up:before {
   content: "\f0aa"
 }
 
 .fa-arrow-circle-down:before {
   content: "\f0ab"
 }
 
 .fa-globe:before {
   content: "\f0ac"
 }
 
 .fa-wrench:before {
   content: "\f0ad"
 }
 
 .fa-tasks:before {
   content: "\f0ae"
 }
 
 .fa-filter:before {
   content: "\f0b0"
 }
 
 .fa-briefcase:before {
   content: "\f0b1"
 }
 
 .fa-arrows-alt:before {
   content: "\f0b2"
 }
 
 .fa-group:before,
 .fa-users:before {
   content: "\f0c0"
 }
 
 .fa-chain:before,
 .fa-link:before {
   content: "\f0c1"
 }
 
 .fa-cloud:before {
   content: "\f0c2"
 }
 
 .fa-flask:before {
   content: "\f0c3"
 }
 
 .fa-cut:before,
 .fa-scissors:before {
   content: "\f0c4"
 }
 
 .fa-copy:before,
 .fa-files-o:before {
   content: "\f0c5"
 }
 
 .fa-paperclip:before {
   content: "\f0c6"
 }
 
 .fa-save:before,
 .fa-floppy-o:before {
   content: "\f0c7"
 }
 
 .fa-square:before {
   content: "\f0c8"
 }
 
 .fa-navicon:before,
 .fa-reorder:before,
 .fa-bars:before {
   content: "\f0c9"
 }
 
 .fa-list-ul:before {
   content: "\f0ca"
 }
 
 .fa-list-ol:before {
   content: "\f0cb"
 }
 
 .fa-strikethrough:before {
   content: "\f0cc"
 }
 
 .fa-underline:before {
   content: "\f0cd"
 }
 
 .fa-table:before {
   content: "\f0ce"
 }
 
 .fa-magic:before {
   content: "\f0d0"
 }
 
 .fa-truck:before {
   content: "\f0d1"
 }
 
 .fa-pinterest:before {
   content: "\f0d2"
 }
 
 .fa-pinterest-square:before {
   content: "\f0d3"
 }
 
 .fa-google-plus-square:before {
   content: "\f0d4"
 }
 
 .fa-google-plus:before {
   content: "\f0d5"
 }
 
 .fa-money:before {
   content: "\f0d6"
 }
 
 .fa-caret-down:before {
   content: "\f0d7"
 }
 
 .fa-caret-up:before {
   content: "\f0d8"
 }
 
 .fa-caret-left:before {
   content: "\f0d9"
 }
 
 .fa-caret-right:before {
   content: "\f0da"
 }
 
 .fa-columns:before {
   content: "\f0db"
 }
 
 .fa-unsorted:before,
 .fa-sort:before {
   content: "\f0dc"
 }
 
 .fa-sort-down:before,
 .fa-sort-desc:before {
   content: "\f0dd"
 }
 
 .fa-sort-up:before,
 .fa-sort-asc:before {
   content: "\f0de"
 }
 
 .fa-envelope:before {
   content: "\f0e0"
 }
 
 .fa-linkedin:before {
   content: "\f0e1"
 }
 
 .fa-rotate-left:before,
 .fa-undo:before {
   content: "\f0e2"
 }
 
 .fa-legal:before,
 .fa-gavel:before {
   content: "\f0e3"
 }
 
 .fa-dashboard:before,
 .fa-tachometer:before {
   content: "\f0e4"
 }
 
 .fa-comment-o:before {
   content: "\f0e5"
 }
 
 .fa-comments-o:before {
   content: "\f0e6"
 }
 
 .fa-flash:before,
 .fa-bolt:before {
   content: "\f0e7"
 }
 
 .fa-sitemap:before {
   content: "\f0e8"
 }
 
 .fa-umbrella:before {
   content: "\f0e9"
 }
 
 .fa-paste:before,
 .fa-clipboard:before {
   content: "\f0ea"
 }
 
 .fa-lightbulb-o:before {
   content: "\f0eb"
 }
 
 .fa-exchange:before {
   content: "\f0ec"
 }
 
 .fa-cloud-download:before {
   content: "\f0ed"
 }
 
 .fa-cloud-upload:before {
   content: "\f0ee"
 }
 
 .fa-user-md:before {
   content: "\f0f0"
 }
 
 .fa-stethoscope:before {
   content: "\f0f1"
 }
 
 .fa-suitcase:before {
   content: "\f0f2"
 }
 
 .fa-bell-o:before {
   content: "\f0a2"
 }
 
 .fa-coffee:before {
   content: "\f0f4"
 }
 
 .fa-cutlery:before {
   content: "\f0f5"
 }
 
 .fa-file-text-o:before {
   content: "\f0f6"
 }
 
 .fa-building-o:before {
   content: "\f0f7"
 }
 
 .fa-hospital-o:before {
   content: "\f0f8"
 }
 
 .fa-ambulance:before {
   content: "\f0f9"
 }
 
 .fa-medkit:before {
   content: "\f0fa"
 }
 
 .fa-fighter-jet:before {
   content: "\f0fb"
 }
 
 .fa-beer:before {
   content: "\f0fc"
 }
 
 .fa-h-square:before {
   content: "\f0fd"
 }
 
 .fa-plus-square:before {
   content: "\f0fe"
 }
 
 .fa-angle-double-left:before {
   content: "\f100"
 }
 
 .fa-angle-double-right:before {
   content: "\f101"
 }
 
 .fa-angle-double-up:before {
   content: "\f102"
 }
 
 .fa-angle-double-down:before {
   content: "\f103"
 }
 
 .fa-angle-left:before {
   content: "\f104"
 }
 
 .fa-angle-right:before {
   content: "\f105"
 }
 
 .fa-angle-up:before {
   content: "\f106"
 }
 
 .fa-angle-down:before {
   content: "\f107"
 }
 
 .fa-desktop:before {
   content: "\f108"
 }
 
 .fa-laptop:before {
   content: "\f109"
 }
 
 .fa-tablet:before {
   content: "\f10a"
 }
 
 .fa-mobile-phone:before,
 .fa-mobile:before {
   content: "\f10b"
 }
 
 .fa-circle-o:before {
   content: "\f10c"
 }
 
 .fa-quote-left:before {
   content: "\f10d"
 }
 
 .fa-quote-right:before {
   content: "\f10e"
 }
 
 .fa-spinner:before {
   content: "\f110"
 }
 
 .fa-circle:before {
   content: "\f111"
 }
 
 .fa-mail-reply:before,
 .fa-reply:before {
   content: "\f112"
 }
 
 .fa-github-alt:before {
   content: "\f113"
 }
 
 .fa-folder-o:before {
   content: "\f114"
 }
 
 .fa-folder-open-o:before {
   content: "\f115"
 }
 
 .fa-smile-o:before {
   content: "\f118"
 }
 
 .fa-frown-o:before {
   content: "\f119"
 }
 
 .fa-meh-o:before {
   content: "\f11a"
 }
 
 .fa-gamepad:before {
   content: "\f11b"
 }
 
 .fa-keyboard-o:before {
   content: "\f11c"
 }
 
 .fa-flag-o:before {
   content: "\f11d"
 }
 
 .fa-flag-checkered:before {
   content: "\f11e"
 }
 
 .fa-terminal:before {
   content: "\f120"
 }
 
 .fa-code:before {
   content: "\f121"
 }
 
 .fa-mail-reply-all:before,
 .fa-reply-all:before {
   content: "\f122"
 }
 
 .fa-star-half-empty:before,
 .fa-star-half-full:before,
 .fa-star-half-o:before {
   content: "\f123"
 }
 
 .fa-location-arrow:before {
   content: "\f124"
 }
 
 .fa-crop:before {
   content: "\f125"
 }
 
 .fa-code-fork:before {
   content: "\f126"
 }
 
 .fa-unlink:before,
 .fa-chain-broken:before {
   content: "\f127"
 }
 
 .fa-question:before {
   content: "\f128"
 }
 
 .fa-info:before {
   content: "\f129"
 }
 
 .fa-exclamation:before {
   content: "\f12a"
 }
 
 .fa-superscript:before {
   content: "\f12b"
 }
 
 .fa-subscript:before {
   content: "\f12c"
 }
 
 .fa-eraser:before {
   content: "\f12d"
 }
 
 .fa-puzzle-piece:before {
   content: "\f12e"
 }
 
 .fa-microphone:before {
   content: "\f130"
 }
 
 .fa-microphone-slash:before {
   content: "\f131"
 }
 
 .fa-shield:before {
   content: "\f132"
 }
 
 .fa-calendar-o:before {
   content: "\f133"
 }
 
 .fa-fire-extinguisher:before {
   content: "\f134"
 }
 
 .fa-rocket:before {
   content: "\f135"
 }
 
 .fa-maxcdn:before {
   content: "\f136"
 }
 
 .fa-chevron-circle-left:before {
   content: "\f137"
 }
 
 .fa-chevron-circle-right:before {
   content: "\f138"
 }
 
 .fa-chevron-circle-up:before {
   content: "\f139"
 }
 
 .fa-chevron-circle-down:before {
   content: "\f13a"
 }
 
 .fa-html5:before {
   content: "\f13b"
 }
 
 .fa-css3:before {
   content: "\f13c"
 }
 
 .fa-anchor:before {
   content: "\f13d"
 }
 
 .fa-unlock-alt:before {
   content: "\f13e"
 }
 
 .fa-bullseye:before {
   content: "\f140"
 }
 
 .fa-ellipsis-h:before {
   content: "\f141"
 }
 
 .fa-ellipsis-v:before {
   content: "\f142"
 }
 
 .fa-rss-square:before {
   content: "\f143"
 }
 
 .fa-play-circle:before {
   content: "\f144"
 }
 
 .fa-ticket:before {
   content: "\f145"
 }
 
 .fa-minus-square:before {
   content: "\f146"
 }
 
 .fa-minus-square-o:before {
   content: "\f147"
 }
 
 .fa-level-up:before {
   content: "\f148"
 }
 
 .fa-level-down:before {
   content: "\f149"
 }
 
 .fa-check-square:before {
   content: "\f14a"
 }
 
 .fa-pencil-square:before {
   content: "\f14b"
 }
 
 .fa-external-link-square:before {
   content: "\f14c"
 }
 
 .fa-share-square:before {
   content: "\f14d"
 }
 
 .fa-compass:before {
   content: "\f14e"
 }
 
 .fa-toggle-down:before,
 .fa-caret-square-o-down:before {
   content: "\f150"
 }
 
 .fa-toggle-up:before,
 .fa-caret-square-o-up:before {
   content: "\f151"
 }
 
 .fa-toggle-right:before,
 .fa-caret-square-o-right:before {
   content: "\f152"
 }
 
 .fa-euro:before,
 .fa-eur:before {
   content: "\f153"
 }
 
 .fa-gbp:before {
   content: "\f154"
 }
 
 .fa-dollar:before,
 .fa-usd:before {
   content: "\f155"
 }
 
 .fa-rupee:before,
 .fa-inr:before {
   content: "\f156"
 }
 
 .fa-cny:before,
 .fa-rmb:before,
 .fa-yen:before,
 .fa-jpy:before {
   content: "\f157"
 }
 
 .fa-ruble:before,
 .fa-rouble:before,
 .fa-rub:before {
   content: "\f158"
 }
 
 .fa-won:before,
 .fa-krw:before {
   content: "\f159"
 }
 
 .fa-bitcoin:before,
 .fa-btc:before {
   content: "\f15a"
 }
 
 .fa-file:before {
   content: "\f15b"
 }
 
 .fa-file-text:before {
   content: "\f15c"
 }
 
 .fa-sort-alpha-asc:before {
   content: "\f15d"
 }
 
 .fa-sort-alpha-desc:before {
   content: "\f15e"
 }
 
 .fa-sort-amount-asc:before {
   content: "\f160"
 }
 
 .fa-sort-amount-desc:before {
   content: "\f161"
 }
 
 .fa-sort-numeric-asc:before {
   content: "\f162"
 }
 
 .fa-sort-numeric-desc:before {
   content: "\f163"
 }
 
 .fa-thumbs-up:before {
   content: "\f164"
 }
 
 .fa-thumbs-down:before {
   content: "\f165"
 }
 
 .fa-youtube-square:before {
   content: "\f166"
 }
 
 .fa-youtube:before {
   content: "\f167"
 }
 
 .fa-xing:before {
   content: "\f168"
 }
 
 .fa-xing-square:before {
   content: "\f169"
 }
 
 .fa-youtube-play:before {
   content: "\f16a"
 }
 
 .fa-dropbox:before {
   content: "\f16b"
 }
 
 .fa-stack-overflow:before {
   content: "\f16c"
 }
 
 .fa-instagram:before {
   content: "\f16d"
 }
 
 .fa-flickr:before {
   content: "\f16e"
 }
 
 .fa-adn:before {
   content: "\f170"
 }
 
 .fa-bitbucket:before {
   content: "\f171"
 }
 
 .fa-bitbucket-square:before {
   content: "\f172"
 }
 
 .fa-tumblr:before {
   content: "\f173"
 }
 
 .fa-tumblr-square:before {
   content: "\f174"
 }
 
 .fa-long-arrow-down:before {
   content: "\f175"
 }
 
 .fa-long-arrow-up:before {
   content: "\f176"
 }
 
 .fa-long-arrow-left:before {
   content: "\f177"
 }
 
 .fa-long-arrow-right:before {
   content: "\f178"
 }
 
 .fa-apple:before {
   content: "\f179"
 }
 
 .fa-windows:before {
   content: "\f17a"
 }
 
 .fa-android:before {
   content: "\f17b"
 }
 
 .fa-linux:before {
   content: "\f17c"
 }
 
 .fa-dribbble:before {
   content: "\f17d"
 }
 
 .fa-skype:before {
   content: "\f17e"
 }
 
 .fa-foursquare:before {
   content: "\f180"
 }
 
 .fa-trello:before {
   content: "\f181"
 }
 
 .fa-female:before {
   content: "\f182"
 }
 
 .fa-male:before {
   content: "\f183"
 }
 
 .fa-gittip:before,
 .fa-gratipay:before {
   content: "\f184"
 }
 
 .fa-sun-o:before {
   content: "\f185"
 }
 
 .fa-moon-o:before {
   content: "\f186"
 }
 
 .fa-archive:before {
   content: "\f187"
 }
 
 .fa-bug:before {
   content: "\f188"
 }
 
 .fa-vk:before {
   content: "\f189"
 }
 
 .fa-weibo:before {
   content: "\f18a"
 }
 
 .fa-renren:before {
   content: "\f18b"
 }
 
 .fa-pagelines:before {
   content: "\f18c"
 }
 
 .fa-stack-exchange:before {
   content: "\f18d"
 }
 
 .fa-arrow-circle-o-right:before {
   content: "\f18e"
 }
 
 .fa-arrow-circle-o-left:before {
   content: "\f190"
 }
 
 .fa-toggle-left:before,
 .fa-caret-square-o-left:before {
   content: "\f191"
 }
 
 .fa-dot-circle-o:before {
   content: "\f192"
 }
 
 .fa-wheelchair:before {
   content: "\f193"
 }
 
 .fa-vimeo-square:before {
   content: "\f194"
 }
 
 .fa-turkish-lira:before,
 .fa-try:before {
   content: "\f195"
 }
 
 .fa-plus-square-o:before {
   content: "\f196"
 }
 
 .fa-space-shuttle:before {
   content: "\f197"
 }
 
 .fa-slack:before {
   content: "\f198"
 }
 
 .fa-envelope-square:before {
   content: "\f199"
 }
 
 .fa-wordpress:before {
   content: "\f19a"
 }
 
 .fa-openid:before {
   content: "\f19b"
 }
 
 .fa-institution:before,
 .fa-bank:before,
 .fa-university:before {
   content: "\f19c"
 }
 
 .fa-mortar-board:before,
 .fa-graduation-cap:before {
   content: "\f19d"
 }
 
 .fa-yahoo:before {
   content: "\f19e"
 }
 
 .fa-google:before {
   content: "\f1a0"
 }
 
 .fa-reddit:before {
   content: "\f1a1"
 }
 
 .fa-reddit-square:before {
   content: "\f1a2"
 }
 
 .fa-stumbleupon-circle:before {
   content: "\f1a3"
 }
 
 .fa-stumbleupon:before {
   content: "\f1a4"
 }
 
 .fa-delicious:before {
   content: "\f1a5"
 }
 
 .fa-digg:before {
   content: "\f1a6"
 }
 
 .fa-pied-piper-pp:before {
   content: "\f1a7"
 }
 
 .fa-pied-piper-alt:before {
   content: "\f1a8"
 }
 
 .fa-drupal:before {
   content: "\f1a9"
 }
 
 .fa-joomla:before {
   content: "\f1aa"
 }
 
 .fa-language:before {
   content: "\f1ab"
 }
 
 .fa-fax:before {
   content: "\f1ac"
 }
 
 .fa-building:before {
   content: "\f1ad"
 }
 
 .fa-child:before {
   content: "\f1ae"
 }
 
 .fa-paw:before {
   content: "\f1b0"
 }
 
 .fa-spoon:before {
   content: "\f1b1"
 }
 
 .fa-cube:before {
   content: "\f1b2"
 }
 
 .fa-cubes:before {
   content: "\f1b3"
 }
 
 .fa-behance:before {
   content: "\f1b4"
 }
 
 .fa-behance-square:before {
   content: "\f1b5"
 }
 
 .fa-steam:before {
   content: "\f1b6"
 }
 
 .fa-steam-square:before {
   content: "\f1b7"
 }
 
 .fa-recycle:before {
   content: "\f1b8"
 }
 
 .fa-automobile:before,
 .fa-car:before {
   content: "\f1b9"
 }
 
 .fa-cab:before,
 .fa-taxi:before {
   content: "\f1ba"
 }
 
 .fa-tree:before {
   content: "\f1bb"
 }
 
 .fa-spotify:before {
   content: "\f1bc"
 }
 
 .fa-deviantart:before {
   content: "\f1bd"
 }
 
 .fa-soundcloud:before {
   content: "\f1be"
 }
 
 .fa-database:before {
   content: "\f1c0"
 }
 
 .fa-file-pdf-o:before {
   content: "\f1c1"
 }
 
 .fa-file-word-o:before {
   content: "\f1c2"
 }
 
 .fa-file-excel-o:before {
   content: "\f1c3"
 }
 
 .fa-file-powerpoint-o:before {
   content: "\f1c4"
 }
 
 .fa-file-photo-o:before,
 .fa-file-picture-o:before,
 .fa-file-image-o:before {
   content: "\f1c5"
 }
 
 .fa-file-zip-o:before,
 .fa-file-archive-o:before {
   content: "\f1c6"
 }
 
 .fa-file-sound-o:before,
 .fa-file-audio-o:before {
   content: "\f1c7"
 }
 
 .fa-file-movie-o:before,
 .fa-file-video-o:before {
   content: "\f1c8"
 }
 
 .fa-file-code-o:before {
   content: "\f1c9"
 }
 
 .fa-vine:before {
   content: "\f1ca"
 }
 
 .fa-codepen:before {
   content: "\f1cb"
 }
 
 .fa-jsfiddle:before {
   content: "\f1cc"
 }
 
 .fa-life-bouy:before,
 .fa-life-buoy:before,
 .fa-life-saver:before,
 .fa-support:before,
 .fa-life-ring:before {
   content: "\f1cd"
 }
 
 .fa-circle-o-notch:before {
   content: "\f1ce"
 }
 
 .fa-ra:before,
 .fa-resistance:before,
 .fa-rebel:before {
   content: "\f1d0"
 }
 
 .fa-ge:before,
 .fa-empire:before {
   content: "\f1d1"
 }
 
 .fa-git-square:before {
   content: "\f1d2"
 }
 
 .fa-git:before {
   content: "\f1d3"
 }
 
 .fa-y-combinator-square:before,
 .fa-yc-square:before,
 .fa-hacker-news:before {
   content: "\f1d4"
 }
 
 .fa-tencent-weibo:before {
   content: "\f1d5"
 }
 
 .fa-qq:before {
   content: "\f1d6"
 }
 
 .fa-wechat:before,
 .fa-weixin:before {
   content: "\f1d7"
 }
 
 .fa-send:before,
 .fa-paper-plane:before {
   content: "\f1d8"
 }
 
 .fa-send-o:before,
 .fa-paper-plane-o:before {
   content: "\f1d9"
 }
 
 .fa-history:before {
   content: "\f1da"
 }
 
 .fa-circle-thin:before {
   content: "\f1db"
 }
 
 .fa-header:before {
   content: "\f1dc"
 }
 
 .fa-paragraph:before {
   content: "\f1dd"
 }
 
 .fa-sliders:before {
   content: "\f1de"
 }
 
 .fa-share-alt:before {
   content: "\f1e0"
 }
 
 .fa-share-alt-square:before {
   content: "\f1e1"
 }
 
 .fa-bomb:before {
   content: "\f1e2"
 }
 
 .fa-soccer-ball-o:before,
 .fa-futbol-o:before {
   content: "\f1e3"
 }
 
 .fa-tty:before {
   content: "\f1e4"
 }
 
 .fa-binoculars:before {
   content: "\f1e5"
 }
 
 .fa-plug:before {
   content: "\f1e6"
 }
 
 .fa-slideshare:before {
   content: "\f1e7"
 }
 
 .fa-twitch:before {
   content: "\f1e8"
 }
 
 .fa-yelp:before {
   content: "\f1e9"
 }
 
 .fa-newspaper-o:before {
   content: "\f1ea"
 }
 
 .fa-wifi:before {
   content: "\f1eb"
 }
 
 .fa-calculator:before {
   content: "\f1ec"
 }
 
 .fa-paypal:before {
   content: "\f1ed"
 }
 
 .fa-google-wallet:before {
   content: "\f1ee"
 }
 
 .fa-cc-visa:before {
   content: "\f1f0"
 }
 
 .fa-cc-mastercard:before {
   content: "\f1f1"
 }
 
 .fa-cc-discover:before {
   content: "\f1f2"
 }
 
 .fa-cc-amex:before {
   content: "\f1f3"
 }
 
 .fa-cc-paypal:before {
   content: "\f1f4"
 }
 
 .fa-cc-stripe:before {
   content: "\f1f5"
 }
 
 .fa-bell-slash:before {
   content: "\f1f6"
 }
 
 .fa-bell-slash-o:before {
   content: "\f1f7"
 }
 
 .fa-trash:before {
   content: "\f1f8"
 }
 
 .fa-copyright:before {
   content: "\f1f9"
 }
 
 .fa-at:before {
   content: "\f1fa"
 }
 
 .fa-eyedropper:before {
   content: "\f1fb"
 }
 
 .fa-paint-brush:before {
   content: "\f1fc"
 }
 
 .fa-birthday-cake:before {
   content: "\f1fd"
 }
 
 .fa-area-chart:before {
   content: "\f1fe"
 }
 
 .fa-pie-chart:before {
   content: "\f200"
 }
 
 .fa-line-chart:before {
   content: "\f201"
 }
 
 .fa-lastfm:before {
   content: "\f202"
 }
 
 .fa-lastfm-square:before {
   content: "\f203"
 }
 
 .fa-toggle-off:before {
   content: "\f204"
 }
 
 .fa-toggle-on:before {
   content: "\f205"
 }
 
 .fa-bicycle:before {
   content: "\f206"
 }
 
 .fa-bus:before {
   content: "\f207"
 }
 
 .fa-ioxhost:before {
   content: "\f208"
 }
 
 .fa-angellist:before {
   content: "\f209"
 }
 
 .fa-cc:before {
   content: "\f20a"
 }
 
 .fa-shekel:before,
 .fa-sheqel:before,
 .fa-ils:before {
   content: "\f20b"
 }
 
 .fa-meanpath:before {
   content: "\f20c"
 }
 
 .fa-buysellads:before {
   content: "\f20d"
 }
 
 .fa-connectdevelop:before {
   content: "\f20e"
 }
 
 .fa-dashcube:before {
   content: "\f210"
 }
 
 .fa-forumbee:before {
   content: "\f211"
 }
 
 .fa-leanpub:before {
   content: "\f212"
 }
 
 .fa-sellsy:before {
   content: "\f213"
 }
 
 .fa-shirtsinbulk:before {
   content: "\f214"
 }
 
 .fa-simplybuilt:before {
   content: "\f215"
 }
 
 .fa-skyatlas:before {
   content: "\f216"
 }
 
 .fa-cart-plus:before {
   content: "\f217"
 }
 
 .fa-cart-arrow-down:before {
   content: "\f218"
 }
 
 .fa-diamond:before {
   content: "\f219"
 }
 
 .fa-ship:before {
   content: "\f21a"
 }
 
 .fa-user-secret:before {
   content: "\f21b"
 }
 
 .fa-motorcycle:before {
   content: "\f21c"
 }
 
 .fa-street-view:before {
   content: "\f21d"
 }
 
 .fa-heartbeat:before {
   content: "\f21e"
 }
 
 .fa-venus:before {
   content: "\f221"
 }
 
 .fa-mars:before {
   content: "\f222"
 }
 
 .fa-mercury:before {
   content: "\f223"
 }
 
 .fa-intersex:before,
 .fa-transgender:before {
   content: "\f224"
 }
 
 .fa-transgender-alt:before {
   content: "\f225"
 }
 
 .fa-venus-double:before {
   content: "\f226"
 }
 
 .fa-mars-double:before {
   content: "\f227"
 }
 
 .fa-venus-mars:before {
   content: "\f228"
 }
 
 .fa-mars-stroke:before {
   content: "\f229"
 }
 
 .fa-mars-stroke-v:before {
   content: "\f22a"
 }
 
 .fa-mars-stroke-h:before {
   content: "\f22b"
 }
 
 .fa-neuter:before {
   content: "\f22c"
 }
 
 .fa-genderless:before {
   content: "\f22d"
 }
 
 .fa-facebook-official:before {
   content: "\f230"
 }
 
 .fa-pinterest-p:before {
   content: "\f231"
 }
 
 .fa-whatsapp:before {
   content: "\f232"
 }
 
 .fa-server:before {
   content: "\f233"
 }
 
 .fa-user-plus:before {
   content: "\f234"
 }
 
 .fa-user-times:before {
   content: "\f235"
 }
 
 .fa-hotel:before,
 .fa-bed:before {
   content: "\f236"
 }
 
 .fa-viacoin:before {
   content: "\f237"
 }
 
 .fa-train:before {
   content: "\f238"
 }
 
 .fa-subway:before {
   content: "\f239"
 }
 
 .fa-medium:before {
   content: "\f23a"
 }
 
 .fa-yc:before,
 .fa-y-combinator:before {
   content: "\f23b"
 }
 
 .fa-optin-monster:before {
   content: "\f23c"
 }
 
 .fa-opencart:before {
   content: "\f23d"
 }
 
 .fa-expeditedssl:before {
   content: "\f23e"
 }
 
 .fa-battery-4:before,
 .fa-battery:before,
 .fa-battery-full:before {
   content: "\f240"
 }
 
 .fa-battery-3:before,
 .fa-battery-three-quarters:before {
   content: "\f241"
 }
 
 .fa-battery-2:before,
 .fa-battery-half:before {
   content: "\f242"
 }
 
 .fa-battery-1:before,
 .fa-battery-quarter:before {
   content: "\f243"
 }
 
 .fa-battery-0:before,
 .fa-battery-empty:before {
   content: "\f244"
 }
 
 .fa-mouse-pointer:before {
   content: "\f245"
 }
 
 .fa-i-cursor:before {
   content: "\f246"
 }
 
 .fa-object-group:before {
   content: "\f247"
 }
 
 .fa-object-ungroup:before {
   content: "\f248"
 }
 
 .fa-sticky-note:before {
   content: "\f249"
 }
 
 .fa-sticky-note-o:before {
   content: "\f24a"
 }
 
 .fa-cc-jcb:before {
   content: "\f24b"
 }
 
 .fa-cc-diners-club:before {
   content: "\f24c"
 }
 
 .fa-clone:before {
   content: "\f24d"
 }
 
 .fa-balance-scale:before {
   content: "\f24e"
 }
 
 .fa-hourglass-o:before {
   content: "\f250"
 }
 
 .fa-hourglass-1:before,
 .fa-hourglass-start:before {
   content: "\f251"
 }
 
 .fa-hourglass-2:before,
 .fa-hourglass-half:before {
   content: "\f252"
 }
 
 .fa-hourglass-3:before,
 .fa-hourglass-end:before {
   content: "\f253"
 }
 
 .fa-hourglass:before {
   content: "\f254"
 }
 
 .fa-hand-grab-o:before,
 .fa-hand-rock-o:before {
   content: "\f255"
 }
 
 .fa-hand-stop-o:before,
 .fa-hand-paper-o:before {
   content: "\f256"
 }
 
 .fa-hand-scissors-o:before {
   content: "\f257"
 }
 
 .fa-hand-lizard-o:before {
   content: "\f258"
 }
 
 .fa-hand-spock-o:before {
   content: "\f259"
 }
 
 .fa-hand-pointer-o:before {
   content: "\f25a"
 }
 
 .fa-hand-peace-o:before {
   content: "\f25b"
 }
 
 .fa-trademark:before {
   content: "\f25c"
 }
 
 .fa-registered:before {
   content: "\f25d"
 }
 
 .fa-creative-commons:before {
   content: "\f25e"
 }
 
 .fa-gg:before {
   content: "\f260"
 }
 
 .fa-gg-circle:before {
   content: "\f261"
 }
 
 .fa-tripadvisor:before {
   content: "\f262"
 }
 
 .fa-odnoklassniki:before {
   content: "\f263"
 }
 
 .fa-odnoklassniki-square:before {
   content: "\f264"
 }
 
 .fa-get-pocket:before {
   content: "\f265"
 }
 
 .fa-wikipedia-w:before {
   content: "\f266"
 }
 
 .fa-safari:before {
   content: "\f267"
 }
 
 .fa-chrome:before {
   content: "\f268"
 }
 
 .fa-firefox:before {
   content: "\f269"
 }
 
 .fa-opera:before {
   content: "\f26a"
 }
 
 .fa-internet-explorer:before {
   content: "\f26b"
 }
 
 .fa-tv:before,
 .fa-television:before {
   content: "\f26c"
 }
 
 .fa-contao:before {
   content: "\f26d"
 }
 
 .fa-500px:before {
   content: "\f26e"
 }
 
 .fa-amazon:before {
   content: "\f270"
 }
 
 .fa-calendar-plus-o:before {
   content: "\f271"
 }
 
 .fa-calendar-minus-o:before {
   content: "\f272"
 }
 
 .fa-calendar-times-o:before {
   content: "\f273"
 }
 
 .fa-calendar-check-o:before {
   content: "\f274"
 }
 
 .fa-industry:before {
   content: "\f275"
 }
 
 .fa-map-pin:before {
   content: "\f276"
 }
 
 .fa-map-signs:before {
   content: "\f277"
 }
 
 .fa-map-o:before {
   content: "\f278"
 }
 
 .fa-map:before {
   content: "\f279"
 }
 
 .fa-commenting:before {
   content: "\f27a"
 }
 
 .fa-commenting-o:before {
   content: "\f27b"
 }
 
 .fa-houzz:before {
   content: "\f27c"
 }
 
 .fa-vimeo:before {
   content: "\f27d"
 }
 
 .fa-black-tie:before {
   content: "\f27e"
 }
 
 .fa-fonticons:before {
   content: "\f280"
 }
 
 .fa-reddit-alien:before {
   content: "\f281"
 }
 
 .fa-edge:before {
   content: "\f282"
 }
 
 .fa-credit-card-alt:before {
   content: "\f283"
 }
 
 .fa-codiepie:before {
   content: "\f284"
 }
 
 .fa-modx:before {
   content: "\f285"
 }
 
 .fa-fort-awesome:before {
   content: "\f286"
 }
 
 .fa-usb:before {
   content: "\f287"
 }
 
 .fa-product-hunt:before {
   content: "\f288"
 }
 
 .fa-mixcloud:before {
   content: "\f289"
 }
 
 .fa-scribd:before {
   content: "\f28a"
 }
 
 .fa-pause-circle:before {
   content: "\f28b"
 }
 
 .fa-pause-circle-o:before {
   content: "\f28c"
 }
 
 .fa-stop-circle:before {
   content: "\f28d"
 }
 
 .fa-stop-circle-o:before {
   content: "\f28e"
 }
 
 .fa-shopping-bag:before {
   content: "\f290"
 }
 
 .fa-shopping-basket:before {
   content: "\f291"
 }
 
 .fa-hashtag:before {
   content: "\f292"
 }
 
 .fa-bluetooth:before {
   content: "\f293"
 }
 
 .fa-bluetooth-b:before {
   content: "\f294"
 }
 
 .fa-percent:before {
   content: "\f295"
 }
 
 .fa-gitlab:before {
   content: "\f296"
 }
 
 .fa-wpbeginner:before {
   content: "\f297"
 }
 
 .fa-wpforms:before {
   content: "\f298"
 }
 
 .fa-envira:before {
   content: "\f299"
 }
 
 .fa-universal-access:before {
   content: "\f29a"
 }
 
 .fa-wheelchair-alt:before {
   content: "\f29b"
 }
 
 .fa-question-circle-o:before {
   content: "\f29c"
 }
 
 .fa-blind:before {
   content: "\f29d"
 }
 
 .fa-audio-description:before {
   content: "\f29e"
 }
 
 .fa-volume-control-phone:before {
   content: "\f2a0"
 }
 
 .fa-braille:before {
   content: "\f2a1"
 }
 
 .fa-assistive-listening-systems:before {
   content: "\f2a2"
 }
 
 .fa-asl-interpreting:before,
 .fa-american-sign-language-interpreting:before {
   content: "\f2a3"
 }
 
 .fa-deafness:before,
 .fa-hard-of-hearing:before,
 .fa-deaf:before {
   content: "\f2a4"
 }
 
 .fa-glide:before {
   content: "\f2a5"
 }
 
 .fa-glide-g:before {
   content: "\f2a6"
 }
 
 .fa-signing:before,
 .fa-sign-language:before {
   content: "\f2a7"
 }
 
 .fa-low-vision:before {
   content: "\f2a8"
 }
 
 .fa-viadeo:before {
   content: "\f2a9"
 }
 
 .fa-viadeo-square:before {
   content: "\f2aa"
 }
 
 .fa-snapchat:before {
   content: "\f2ab"
 }
 
 .fa-snapchat-ghost:before {
   content: "\f2ac"
 }
 
 .fa-snapchat-square:before {
   content: "\f2ad"
 }
 
 .fa-pied-piper:before {
   content: "\f2ae"
 }
 
 .fa-first-order:before {
   content: "\f2b0"
 }
 
 .fa-yoast:before {
   content: "\f2b1"
 }
 
 .fa-themeisle:before {
   content: "\f2b2"
 }
 
 .fa-google-plus-circle:before,
 .fa-google-plus-official:before {
   content: "\f2b3"
 }
 
 .fa-fa:before,
 .fa-font-awesome:before {
   content: "\f2b4"
 }
 
 .fa-handshake-o:before {
   content: "\f2b5"
 }
 
 .fa-envelope-open:before {
   content: "\f2b6"
 }
 
 .fa-envelope-open-o:before {
   content: "\f2b7"
 }
 
 .fa-linode:before {
   content: "\f2b8"
 }
 
 .fa-address-book:before {
   content: "\f2b9"
 }
 
 .fa-address-book-o:before {
   content: "\f2ba"
 }
 
 .fa-vcard:before,
 .fa-address-card:before {
   content: "\f2bb"
 }
 
 .fa-vcard-o:before,
 .fa-address-card-o:before {
   content: "\f2bc"
 }
 
 .fa-user-circle:before {
   content: "\f2bd"
 }
 
 .fa-user-circle-o:before {
   content: "\f2be"
 }
 
 .fa-user-o:before {
   content: "\f2c0"
 }
 
 .fa-id-badge:before {
   content: "\f2c1"
 }
 
 .fa-drivers-license:before,
 .fa-id-card:before {
   content: "\f2c2"
 }
 
 .fa-drivers-license-o:before,
 .fa-id-card-o:before {
   content: "\f2c3"
 }
 
 .fa-quora:before {
   content: "\f2c4"
 }
 
 .fa-free-code-camp:before {
   content: "\f2c5"
 }
 
 .fa-telegram:before {
   content: "\f2c6"
 }
 
 .fa-thermometer-4:before,
 .fa-thermometer:before,
 .fa-thermometer-full:before {
   content: "\f2c7"
 }
 
 .fa-thermometer-3:before,
 .fa-thermometer-three-quarters:before {
   content: "\f2c8"
 }
 
 .fa-thermometer-2:before,
 .fa-thermometer-half:before {
   content: "\f2c9"
 }
 
 .fa-thermometer-1:before,
 .fa-thermometer-quarter:before {
   content: "\f2ca"
 }
 
 .fa-thermometer-0:before,
 .fa-thermometer-empty:before {
   content: "\f2cb"
 }
 
 .fa-shower:before {
   content: "\f2cc"
 }
 
 .fa-bathtub:before,
 .fa-s15:before,
 .fa-bath:before {
   content: "\f2cd"
 }
 
 .fa-podcast:before {
   content: "\f2ce"
 }
 
 .fa-window-maximize:before {
   content: "\f2d0"
 }
 
 .fa-window-minimize:before {
   content: "\f2d1"
 }
 
 .fa-window-restore:before {
   content: "\f2d2"
 }
 
 .fa-times-rectangle:before,
 .fa-window-close:before {
   content: "\f2d3"
 }
 
 .fa-times-rectangle-o:before,
 .fa-window-close-o:before {
   content: "\f2d4"
 }
 
 .fa-bandcamp:before {
   content: "\f2d5"
 }
 
 .fa-grav:before {
   content: "\f2d6"
 }
 
 .fa-etsy:before {
   content: "\f2d7"
 }
 
 .fa-imdb:before {
   content: "\f2d8"
 }
 
 .fa-ravelry:before {
   content: "\f2d9"
 }
 
 .fa-eercast:before {
   content: "\f2da"
 }
 
 .fa-microchip:before {
   content: "\f2db"
 }
 
 .fa-snowflake-o:before {
   content: "\f2dc"
 }
 
 .fa-superpowers:before {
   content: "\f2dd"
 }
 
 .fa-wpexplorer:before {
   content: "\f2de"
 }
 
 .fa-meetup:before {
   content: "\f2e0"
 }
 
 .sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0
 }
 
 .sr-only-focusable:active,
 .sr-only-focusable:focus {
   position: static;
   width: auto;
   height: auto;
   margin: 0;
   overflow: visible;
   clip: auto
 }
 
 
 /*!
  * Datetimepicker for Bootstrap 3
  * version : 4.14.30
  * https://github.com/Eonasdan/bootstrap-datetimepicker/
  */
 
 .bootstrap-datetimepicker-widget {
   list-style: none
 }
 
 .bootstrap-datetimepicker-widget.dropdown-menu {
   margin: 2px 0;
   padding: 4px;
   width: 19em
 }
 
 @media (min-width: 768px) {
   .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
     width: 38em
   }
 }
 
 @media (min-width: 992px) {
   .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
     width: 38em
   }
 }
 
 @media (min-width: 1200px) {
   .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
     width: 38em
   }
 }
 
 .bootstrap-datetimepicker-widget.dropdown-menu:before,
 .bootstrap-datetimepicker-widget.dropdown-menu:after {
   content: '';
   display: inline-block;
   position: absolute
 }
 
 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
   border-bottom: 7px solid #cccccc;
   border-bottom-color: rgba(0, 0, 0, 0.2);
   top: -7px;
   left: 7px
 }
 
 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-bottom: 6px solid white;
   top: -6px;
   left: 8px
 }
 
 .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
   border-top: 7px solid #cccccc;
   border-top-color: rgba(0, 0, 0, 0.2);
   bottom: -7px;
   left: 6px
 }
 
 .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-top: 6px solid white;
   bottom: -6px;
   left: 7px
 }
 
 .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
   left: auto;
   right: 6px
 }
 
 .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
   left: auto;
   right: 7px
 }
 
 .bootstrap-datetimepicker-widget .list-unstyled {
   margin: 0
 }
 
 .bootstrap-datetimepicker-widget a[data-action] {
   padding: 6px 0
 }
 
 .bootstrap-datetimepicker-widget a[data-action]:active {
   -webkit-box-shadow: none;
           box-shadow: none
 }
 
 .bootstrap-datetimepicker-widget .timepicker-hour,
 .bootstrap-datetimepicker-widget .timepicker-minute,
 .bootstrap-datetimepicker-widget .timepicker-second {
   width: 54px;
   font-weight: bold;
   font-size: 1.2em;
   margin: 0
 }
 
 .bootstrap-datetimepicker-widget button[data-action] {
   padding: 6px
 }
 
 .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   padding: 0;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
   content: "Increment Hours"
 }
 
 .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   padding: 0;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
   content: "Increment Minutes"
 }
 
 .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   padding: 0;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
   content: "Decrement Hours"
 }
 
 .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   padding: 0;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
   content: "Decrement Minutes"
 }
 
 .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   padding: 0;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
   content: "Show Hours"
 }
 
 .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   padding: 0;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
   content: "Show Minutes"
 }
 
 .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   padding: 0;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
   content: "Toggle AM/PM"
 }
 
 .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   padding: 0;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
   content: "Clear the picker"
 }
 
 .bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   padding: 0;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
   content: "Set the date to today"
 }
 
 .bootstrap-datetimepicker-widget .picker-switch {
   text-align: center
 }
 
 .bootstrap-datetimepicker-widget .picker-switch::after {
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   padding: 0;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
   content: "Toggle Date and Time Screens"
 }
 
 .bootstrap-datetimepicker-widget .picker-switch td {
   padding: 0;
   margin: 0;
   height: auto;
   width: auto;
   line-height: inherit
 }
 
 .bootstrap-datetimepicker-widget .picker-switch td span {
   line-height: 2.5;
   height: 2.5em;
   width: 100%
 }
 
 .bootstrap-datetimepicker-widget table {
   width: 100%;
   margin: 0
 }
 
 .bootstrap-datetimepicker-widget table td,
 .bootstrap-datetimepicker-widget table th {
   text-align: center;
   border-radius: 4px
 }
 
 .bootstrap-datetimepicker-widget table th {
   height: 20px;
   line-height: 20px;
   width: 20px
 }
 
 .bootstrap-datetimepicker-widget table th.picker-switch {
   width: 145px
 }
 
 .bootstrap-datetimepicker-widget table th.disabled,
 .bootstrap-datetimepicker-widget table th.disabled:hover {
   background: none;
   color: #777777;
   cursor: not-allowed
 }
 
 .bootstrap-datetimepicker-widget table th.prev::after {
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   padding: 0;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
   content: "Previous Month"
 }
 
 .bootstrap-datetimepicker-widget table th.next::after {
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   padding: 0;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
   content: "Next Month"
 }
 
 .bootstrap-datetimepicker-widget table thead tr:first-child th {
   cursor: pointer
 }
 
 .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
   background: #eeeeee
 }
 
 .bootstrap-datetimepicker-widget table td {
   height: 54px;
   line-height: 54px;
   width: 54px
 }
 
 .bootstrap-datetimepicker-widget table td.cw {
   font-size: .8em;
   height: 20px;
   line-height: 20px;
   color: #777777
 }
 
 .bootstrap-datetimepicker-widget table td.day {
   height: 20px;
   line-height: 20px;
   width: 20px
 }
 
 .bootstrap-datetimepicker-widget table td.day:hover,
 .bootstrap-datetimepicker-widget table td.hour:hover,
 .bootstrap-datetimepicker-widget table td.minute:hover,
 .bootstrap-datetimepicker-widget table td.second:hover {
   background: #eeeeee;
   cursor: pointer
 }
 
 .bootstrap-datetimepicker-widget table td.old,
 .bootstrap-datetimepicker-widget table td.new {
   color: #777777
 }
 
 .bootstrap-datetimepicker-widget table td.today {
   position: relative
 }
 
 .bootstrap-datetimepicker-widget table td.today:before {
   content: '';
   display: inline-block;
   border: 0 0 7px 7px solid transparent;
   border-bottom-color: #337ab7;
   border-top-color: rgba(0, 0, 0, 0.2);
   position: absolute;
   bottom: 4px;
   right: 4px
 }
 
 .bootstrap-datetimepicker-widget table td.active,
 .bootstrap-datetimepicker-widget table td.active:hover {
   background-color: #337ab7;
   color: #ffffff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
 }
 
 .bootstrap-datetimepicker-widget table td.active.today:before {
   border-bottom-color: #fff
 }
 
 .bootstrap-datetimepicker-widget table td.disabled,
 .bootstrap-datetimepicker-widget table td.disabled:hover {
   background: none;
   color: #777777;
   cursor: not-allowed
 }
 
 .bootstrap-datetimepicker-widget table td span {
   display: inline-block;
   width: 54px;
   height: 54px;
   line-height: 54px;
   margin: 2px 1.5px;
   cursor: pointer;
   border-radius: 4px
 }
 
 .bootstrap-datetimepicker-widget table td span:hover {
   background: #eeeeee
 }
 
 .bootstrap-datetimepicker-widget table td span.active {
   background-color: #337ab7;
   color: #ffffff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
 }
 
 .bootstrap-datetimepicker-widget table td span.old {
   color: #777777
 }
 
 .bootstrap-datetimepicker-widget table td span.disabled,
 .bootstrap-datetimepicker-widget table td span.disabled:hover {
   background: none;
   color: #777777;
   cursor: not-allowed
 }
 
 .bootstrap-datetimepicker-widget.usetwentyfour td.hour {
   height: 27px;
   line-height: 27px
 }
 
 .bootstrap-datetimepicker-widget.wider {
   width: 21em
 }
 
 .bootstrap-datetimepicker-widget .datepicker-decades .decade {
   line-height: 1.8em !important
 }
 
 .input-group.date .input-group-addon {
   cursor: pointer
 }
 
 .sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   padding: 0;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem,
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner,
 .flex-container,
 .QuestionsContainerMain .QueOptions,
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock .QueCnt,
 .assessmentSettingsMain,
 .analysisContainer,
 .QueLstBlock .QueLstQ,
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol,
 .header-cnt .header-cnt-row p,
 .tabs-header ul li a,
 .TestDetailsTabs .tabs-header>.nav-tabs .nav-item .nav-link,
 .TestDetailsTabs .TabSection>.tab-pane .button-row,
 .TestDetailsTabs .TabSection .ScoreOverview-panel .totalScore,
 .header-cnt .header-cnt-row,
 .tabs-header ul,
 .page-header.multiInfoHeader .pageTitleLeft .PgTitle,
 .page-header.multiInfoHeader .pageTitleLeft .ExpTo,
 .page-header.multiInfoHeader .pageTitleLeft .ExpTo .fileAction,
 .page-header.multiInfoHeader .CenterInfo .CntrTop,
 .page-header.multiInfoHeader .CenterInfo .CntrTop label,
 .page-header.multiInfoHeader .CenterInfo .CntrBottom ul,
 .page-header.multiInfoHeader .RightInfo ul,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-header h2,
 .ic-btn,
 .dataTables_length label,
 .dropdown-menu .dropdown-item,
 header#header nav.navbar .header-right-main .header-user-parent .header-user .nav-link,
 header#header nav.navbar .header-right-main .header-user-parent .header-user .dropdown-menu .dropdown-item,
 .page-header,
 .test-blocks,
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock.Library .QueActn .ChartPop,
 .QuestionsContainerMain .QueContainer .QueActionsHead,
 .exportTo,
 .exportTo>div,
 .analysis-date,
 .analysisContainer .block1 ul li,
 .analysisContainer .anlysCnt .tpblt,
 .page-header.multiInfoHeader .CenterInfo .CntrBottom ul li p,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .heading,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .languageBox .process-list .processBar>div .progressbar,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab>.heading,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-body .cardHead,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-body .cardfoot,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.subjectiveTab>.heading,
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .violateWords .violateList .list .listDets,
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock.Library .QueActn,
 .tabs-header .nominate-main h4,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs>div.secondBox .chartList,
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .violateWords .violateList .list,
 .LayoutMain {
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-direction: normal;
   -webkit-box-orient: horizontal;
   -moz-flex-direction: row;
   -ms-flex-direction: row;
   flex-direction: row
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner .laftTabing>.nav-tabs,
 .ic-btn i,
 .modal button.close,
 aside.Sidebar .logo,
 header#header nav.navbar .navbar-brand,
 header#header nav.navbar .navbar-collapse .navbar-nav li.nav-item,
 header#header nav.navbar .header-right-main .notification-search>div,
 header#header nav.navbar .header-right-main .header-user-parent .header-mcafee,
 #LoginLayout .login-left,
 #LoginLayout .login-right,
 .container-bg .container-close,
 .container-bg .profile-container .user-pic,
 .container-bg .profile-container .user-score,
 .container-bg .profile-container .user-score .score-circle>.score-cnt,
 .page-header .header-next-prev a,
 .tabs-header .nominate-main h4 i,
 .assessmentSettingsMain .tab-content .icbox .lftic,
 .assessmentSettingsMain .tab-content .icbox .rgtcnt,
 .template-block,
 .template-preview,
 .exportTo>div>a,
 .analysis-date i,
 .analysisContainer .anlysCnt .tpblt>div,
 .page-header.multiInfoHeader .pageTitleLeft .ExpTo .fileAction li a,
 .page-header.multiInfoHeader .RightInfo ul li a,
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .testType,
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .candiDetail,
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .screenDetail,
 #LoginLayout .login-right .right-wpr,
 .container-bg .profile-container .user-details,
 body,
 main,
 .assessmentSettingsMain .nav-tabs {
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-direction: normal;
   -webkit-box-orient: vertical;
   -moz-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem,
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner {
   -webkit-box-align: start;
   -ms-flex-align: start;
   -moz-align-items: flex-start;
   align-items: flex-start;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   -moz-justify-content: flex-start;
   justify-content: flex-start
 }
 
 .flex-container,
 .QuestionsContainerMain .QueOptions,
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock .QueCnt,
 .assessmentSettingsMain,
 .analysisContainer,
 .QueLstBlock .QueLstQ,
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol {
   -webkit-box-align: start;
   -ms-flex-align: start;
   -moz-align-items: flex-start;
   align-items: flex-start;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   -moz-justify-content: space-between;
   justify-content: space-between
 }
 
 .header-cnt .header-cnt-row p,
 .tabs-header ul li a,
 .TestDetailsTabs .tabs-header>.nav-tabs .nav-item .nav-link,
 .TestDetailsTabs .TabSection>.tab-pane .button-row,
 .TestDetailsTabs .TabSection .ScoreOverview-panel .totalScore {
   -webkit-box-align: center;
   -ms-flex-align: center;
   -moz-align-items: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -moz-justify-content: center;
   justify-content: center
 }
 
 .header-cnt .header-cnt-row,
 .tabs-header ul,
 .page-header.multiInfoHeader .pageTitleLeft .PgTitle,
 .page-header.multiInfoHeader .pageTitleLeft .ExpTo,
 .page-header.multiInfoHeader .pageTitleLeft .ExpTo .fileAction,
 .page-header.multiInfoHeader .CenterInfo .CntrTop,
 .page-header.multiInfoHeader .CenterInfo .CntrTop label,
 .page-header.multiInfoHeader .CenterInfo .CntrBottom ul,
 .page-header.multiInfoHeader .RightInfo ul,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-header h2 {
   -webkit-box-align: center;
   -ms-flex-align: center;
   -moz-align-items: center;
   align-items: center;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   -moz-justify-content: flex-start;
   justify-content: flex-start
 }
 
 .ic-btn,
 .dataTables_length label,
 .dropdown-menu .dropdown-item,
 header#header nav.navbar .header-right-main .header-user-parent .header-user .nav-link,
 header#header nav.navbar .header-right-main .header-user-parent .header-user .dropdown-menu .dropdown-item,
 .page-header,
 .test-blocks,
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock.Library .QueActn .ChartPop,
 .QuestionsContainerMain .QueContainer .QueActionsHead,
 .exportTo,
 .exportTo>div,
 .analysis-date,
 .analysisContainer .block1 ul li,
 .analysisContainer .anlysCnt .tpblt,
 .page-header.multiInfoHeader .CenterInfo .CntrBottom ul li p,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .heading,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .languageBox .process-list .processBar>div .progressbar,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab>.heading,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-body .cardHead,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-body .cardfoot,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.subjectiveTab>.heading,
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .violateWords .violateList .list .listDets {
   -webkit-box-align: center;
   -ms-flex-align: center;
   -moz-align-items: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   -moz-justify-content: space-between;
   justify-content: space-between
 }
 
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock.Library .QueActn {
   -webkit-box-align: center;
   -ms-flex-align: center;
   -moz-align-items: center;
   align-items: center;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   -moz-justify-content: flex-end;
   justify-content: flex-end
 }
 
 .header-cnt .header-cnt-row,
 .tabs-header ul,
 .page-header.multiInfoHeader .pageTitleLeft .PgTitle,
 .page-header.multiInfoHeader .pageTitleLeft .ExpTo,
 .page-header.multiInfoHeader .pageTitleLeft .ExpTo .fileAction,
 .page-header.multiInfoHeader .CenterInfo .CntrTop,
 .page-header.multiInfoHeader .CenterInfo .CntrTop label,
 .page-header.multiInfoHeader .CenterInfo .CntrBottom ul,
 .page-header.multiInfoHeader .RightInfo ul,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-header h2 {
   -webkit-box-align: center;
   -ms-flex-align: center;
   -moz-align-items: center;
   align-items: center;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   -moz-justify-content: flex-start;
   justify-content: flex-start
 }
 
 .tabs-header .nominate-main h4,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs>div.secondBox .chartList,
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .violateWords .violateList .list {
   -webkit-box-align: start;
   -ms-flex-align: start;
   -moz-align-items: flex-start;
   align-items: flex-start;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -moz-justify-content: center;
   justify-content: center
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner .laftTabing>.nav-tabs {
   -webkit-box-align: start;
   -ms-flex-align: start;
   -moz-align-items: flex-start;
   align-items: flex-start;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   -moz-justify-content: flex-start;
   justify-content: flex-start
 }
 
 .ic-btn i,
 .modal button.close,
 aside.Sidebar .logo,
 header#header nav.navbar .navbar-brand,
 header#header nav.navbar .navbar-collapse .navbar-nav li.nav-item,
 header#header nav.navbar .header-right-main .notification-search>div,
 header#header nav.navbar .header-right-main .header-user-parent .header-mcafee,
 #LoginLayout .login-left,
 #LoginLayout .login-right,
 .container-bg .container-close,
 .container-bg .profile-container .user-pic,
 .container-bg .profile-container .user-score,
 .container-bg .profile-container .user-score .score-circle>.score-cnt,
 .page-header .header-next-prev a,
 .tabs-header .nominate-main h4 i,
 .assessmentSettingsMain .tab-content .icbox .lftic,
 .assessmentSettingsMain .tab-content .icbox .rgtcnt,
 .template-block,
 .template-preview,
 .exportTo>div>a,
 .analysis-date i,
 .analysisContainer .anlysCnt .tpblt>div,
 .page-header.multiInfoHeader .pageTitleLeft .ExpTo .fileAction li a,
 .page-header.multiInfoHeader .RightInfo ul li a,
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .testType,
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .candiDetail,
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .screenDetail {
   -webkit-box-align: center;
   -ms-flex-align: center;
   -moz-align-items: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -moz-justify-content: center;
   justify-content: center
 }
 
 #LoginLayout .login-right .right-wpr {
   -webkit-box-align: center;
   -ms-flex-align: center;
   -moz-align-items: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   -moz-justify-content: space-between;
   justify-content: space-between
 }
 
 .container-bg .profile-container .user-details,
 .container-bg .profile-container .user-score {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -moz-justify-content: center;
   justify-content: center
 }
 
 html,
 body {
   width: 100%;
   height: 100%
 }
 
 @media only screen and (max-width: 768px) {
   html,
   body {
     height: auto
   }
 }
 
 body {
   margin: 0px;
   padding: 0px;
   min-height: 100%;
   font-family: "Montserrat", sans-serif;
   font-size: 13px;
   color: #1b1b1b;
   line-height: normal;
   font-weight: 400;
   letter-spacing: 0.5px;
   background: #fff;
   overflow-x: hidden
 }
 
 * {
   list-style: none;
   margin: 0px;
   padding: 0px;
   -webkit-box-sizing: border-box;
           box-sizing: border-box
 }
 
 img {
   max-width: 100%;
   border: none
 }
 
 a:focus,
 button:focus,
 *:hover,
 *:focus,
 *:active {
   outline: none
 }
 
 a {
   color: #133b5e
 }
 
 a:hover {
   color: #133b5e
 }
 
 ul {
   margin: 0
 }
 
 body {
   width: 100%;
   height: 100%
 }
 
 body.mbl-nav {
   overflow: hidden
 }
 
 #LayoutMain {
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-direction: normal;
   -webkit-box-orient: vertical;
   -moz-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column
 }
 
 section#container {
   width: 95%;
   max-width: 95%;
   margin: 0 auto;
   padding: 30px 0
 }
 
 section#container .container-bg {
   background: #fff;
   -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.19);
   -ms-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.19);
   -o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.19);
   box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.19);
   padding: 50px
 }
 
 @media only screen and (max-width: 1025px) {
   section#container .container-bg {
     padding: 30px
   }
 }
 
 @media only screen and (max-width: 768px) {
   section#container .container-bg {
     padding: 20px
   }
 }
 
 .page-title {
   font-size: 30px;
   color: #8d1f11;
   font-weight: 700;
   margin-bottom: 25px;
   text-transform: uppercase
 }
 
 @media only screen and (max-width: 1400px) {
   .page-title {
     font-size: 27px
   }
 }
 
 @media only screen and (max-width: 1025px) {
   .page-title {
     font-size: 22px
   }
 }
 
 @media only screen and (max-width: 768px) {
   .page-title {
     font-size: 18px
   }
 }
 
 .full-width {
   width: 100%
 }
 
 body {
   background: #ebebeb
 }
 
 .wrapper {
   width: 100%;
   max-width: 1600px;
   margin: 0 auto;
   padding: 0 15px
 }
 
 .LayoutMain {
   width: 100%;
   height: 100%
 }
 
 @media only screen and (max-width: 768px) {
   .LayoutMain {
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column
   }
 }
 
 main {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2;
   width: 100%
 }
 
 .ContainerMain {
   position: relative;
   padding: 20px;
   padding-top: 40px;
   margin-left: 300px;
   margin-top: 70px;
   width: calc(100% - 300px)
 }
 
 @media only screen and (max-width: 768px) {
   .ContainerMain {
     margin-left: 0;
     margin-top: 0;
     padding: 15px;
     padding-top: 20px
   }
 }
 
 .btn {
   /* min-width: 110px; */
   font-size: 16px;
   color: #fff;
   font-weight: 700;
   border-radius: 0px;
   padding: 8px 25px;
   cursor: pointer;
   border: none;
   text-transform: uppercase
 }
 
 @media only screen and (max-width: 768px) {
   .btn {
     min-width: 90px;
     font-size: 13px;
     padding: 6px 16px
   }
 }
 
 @media only screen and (max-width: 600px) {
   .btn {
     min-width: 75px;
     font-size: 12px;
     padding: 7px 10px
   }
 }
 
 .btn.normal {
   font-size: 14px;
   font-weight: normal;
   text-transform: none
 }
 
 @media only screen and (max-width: 1400px) {
   .btn.normal {
     font-size: 12px
   }
 }
 
 .btn.btn-sm {
   padding: 3px 7px;
   min-width: 80px;
   font-size: 12px
 }
 
 @media only screen and (max-width: 1400px) {
   .btn.btn-sm {
     padding: 2px 5px;
     min-width: 70px;
     font-size: 10px
   }
 }
 
 @media only screen and (max-width: 768px) {
   .btn.btn-sm {
     padding: 4px 6px;
     min-width: 60px;
     font-size: 9px
   }
 }
 
 .btn-primary {
   -webkit-background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   -webkit-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -moz-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -ms-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -o-background: -o-linear-gradient(left, #8d1f11, #0a3d5b);
   background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   border-color: none
 }
 
 .btn-primary:hover {
   background-color: #0f2e49;
   border-color: #0f2e49
 }
 
 .btn-primary.focus,
 .btn-primary:focus {
   -webkit-box-shadow: none;
           box-shadow: none
 }
 
 .btn-primary-bordered {
   background: none;
   border: 1px solid #133b5e;
   color: #133b5e
 }
 
 .btn-primary-bordered:hover {
   background: #133b5e;
   color: #fff
 }
 
 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active,
 .show>.btn-primary.dropdown-toggle {
   background-color: #0a2034;
   border-color: #0a2034
 }
 
 .btn-primary:not(:disabled):not(.disabled).active:focus,
 .btn-primary:not(:disabled):not(.disabled):active:focus,
 .show>.btn-primary.dropdown-toggle:focus {
   -webkit-box-shadow: none;
           box-shadow: none
 }
 
 .btn-secondary {
   background-color: #1cbbb4;
   border-color: #1cbbb4
 }
 
 .btn-secondary:hover {
   background-color: #19a59f;
   border-color: #19a59f
 }
 
 .btn-secondary.focus,
 .btn-secondary:focus {
   -webkit-box-shadow: none;
           box-shadow: none
 }
 
 .btn-secondary:not(:disabled):not(.disabled).active,
 .btn-secondary:not(:disabled):not(.disabled):active,
 .show>.btn-secondary.dropdown-toggle {
   background-color: #158f89;
   border-color: #158f89
 }
 
 .btn-secondary:not(:disabled):not(.disabled).active:focus,
 .btn-secondary:not(:disabled):not(.disabled):active:focus,
 .show>.btn-secondary.dropdown-toggle:focus {
   -webkit-box-shadow: none;
           box-shadow: none
 }
 
 .btn-dark {
   background-color: #5e5d65;
   border-color: #5e5d65
 }
 
 .btn-dark:hover {
   background-color: #525158;
   border-color: #525158
 }
 
 .btn-dark.focus,
 .btn-dark:focus {
   -webkit-box-shadow: none;
           box-shadow: none
 }
 
 .btn-dark:not(:disabled):not(.disabled).active,
 .btn-dark:not(:disabled):not(.disabled):active,
 .show>.btn-dark.dropdown-toggle {
   background-color: #45454a;
   border-color: #45454a
 }
 
 .btn-dark:not(:disabled):not(.disabled).active:focus,
 .btn-dark:not(:disabled):not(.disabled):active:focus,
 .show>.btn-dark.dropdown-toggle:focus {
   -webkit-box-shadow: none;
           box-shadow: none
 }
 
 .btn-default {
   background: rgba(0, 0, 0, 0.07);
   color: #1b1b1b
 }
 
 .btn-default.focus,
 .btn-default:focus {
   -webkit-box-shadow: none;
           box-shadow: none
 }
 
 .ic-btn {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex
 }
 
 .ic-btn i+span {
   margin-left: 7px
 }
 
 .ic-btn i svg {
   width: 13px;
   height: 13px
 }
 
 .ic-btn i svg path {
   fill: #fff
 }
 
 .ic-btn span {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2;
   padding: 0 !important
 }
 
 .ic-btn span+i {
   margin-left: 7px
 }
 
 .ic-btn span::before,
 .ic-btn span::after {
   display: none
 }
 
 .ic-btn.btn-default i svg path {
   fill: #1b1b1b
 }
 
 .ic-link {
   padding: 5px
 }
 
 .ic-link svg {
   width: 20px;
   height: 20px
 }
 
 @media only screen and (max-width: 1400px) {
   .ic-link svg {
     width: 18px;
     height: 18px
   }
 }
 
 .ic-link svg path {
   fill: #133b5e
 }
 
 .btn-link {
   color: #133b5e
 }
 
 .btn-link {
   color: #133b5e
 }
 
 .btn-blue {
   background: #133b5e;
   color: #fff;
   font-weight: 400
 }
 
 .btn-blue:hover {
   background-color: #0f2e49;
   border-color: #0f2e49;
   color: #fff
 }
 
 .btn-blue.focus,
 .btn-blue:focus {
   -webkit-box-shadow: none;
           box-shadow: none
 }
 
 .btn-red {
   background: #790000;
   color: #fff;
   font-weight: 400
 }
 
 .btn-red:hover {
   background-color: #600000;
   border-color: #600000;
   color: #fff
 }
 
 .btn-red.focus,
 .btn-red:focus {
   -webkit-box-shadow: none;
           box-shadow: none
 }
 
 .btn-default.btn-bordered {
   background: none;
   border: 1px solid #555555;
   color: #555555
 }
 
 .btn-default.btn-bordered:hover {
   background: #555555;
   color: #fff
 }
 
 .form-group {
   margin-bottom: 30px
 }
 
 @media only screen and (max-width: 768px) {
   .form-group {
     margin-bottom: 20px
   }
 }
 
 .form-group label {
   color: #000;
   font-weight: 400;
   /* display: block; */
   margin-bottom: 3px
 }
 
 .form-group .form-control {
   border: 1px solid #e0e7ff;
   background: #f9faff;
   border-radius: 0px;
   font-size: 15px;
   color: #1b1b1b;
   font-weight: 300
 }
 
 .form-group .form-control:focus {
   border-color: #133b5e;
   -webkit-box-shadow: 0 0 0 0px #133b5e;
   -ms-box-shadow: 0 0 0 0px #133b5e;
   -o-box-shadow: 0 0 0 0px #133b5e;
   box-shadow: 0 0 0 0px #133b5e
 }
 
 .form-group .form-control.btm-bordered {
   border-top: none;
   border-left: none;
   border-right: none;
   border-radius: 0px;
   padding: 5px 0
 }
 
 .form-group .form-control.btm-bordered:focus {
   -webkit-box-shadow: 0px 0px 0 0px #133b5e;
   -ms-box-shadow: 0px 0px 0 0px #133b5e;
   -o-box-shadow: 0px 0px 0 0px #133b5e;
   box-shadow: 0px 0px 0 0px #133b5e
 }
 
 .form-control {
   height: 40px;
   font-size: 13px;
   color: #1b1b1b;
   font-weight: 400;
   border: 1px solid #e0e7ff;
   border-radius: 5px
 }
 
 .form-control:focus {
   border-color: #133b5e;
   -webkit-box-shadow: 0 0 0 0px #133b5e;
   -ms-box-shadow: 0 0 0 0px #133b5e;
   -o-box-shadow: 0 0 0 0px #133b5e;
   box-shadow: 0 0 0 0px #133b5e
 }
 
 .custom-file-label {
   height: 40px;
   line-height: 28px
 }
 
 .custom-file-label::after {
   height: 38px;
   line-height: 28px
 }
 
 .DatepickerUi {
   height: 40px;
   font-size: 13px;
   color: #1b1b1b;
   font-weight: 400;
   border: 1px solid #e0e7ff;
   border-radius: 5px;
   padding: 5px 10px;
   background: #fff
 }
 
 .DatepickerUi+[role="right-icon"] {
   right: 5px;
   top: 10px;
   font-size: 20px
 }
 
 .custom-file-label {
   border-color: #e0e7ff;
   background: #f9faff;
   color: rgba(27, 27, 27, 0.7) !important
 }
 
 .custom-file-label::after {
   background-color: #1cbbb4;
   color: #fff
 }
 
 .custom-file-label:focus {
   border-color: #133b5e;
   -webkit-box-shadow: 0 0 0 0px #133b5e;
   -ms-box-shadow: 0 0 0 0px #133b5e;
   -o-box-shadow: 0 0 0 0px #133b5e;
   box-shadow: 0 0 0 0px #133b5e
 }
 
 .custom-checkbox .custom-control-label::before {
   border-radius: 0
 }
 
 .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='9px'%3E%3Cpath fill-rule='evenodd' fill='rgb(158, 11, 15)' d='M3.817,7.119 L0.954,4.297 L-0.001,5.238 L3.817,8.999 L11.999,0.939 L11.045,-0.001 L3.817,7.119 Z'/%3E%3C/svg%3E")
 }
 
 .custom-checkbox2 .custom-control-label {
   line-height: 19px;
   margin-bottom: 0
 }
 
 .custom-checkbox2 .custom-control-label::before {
   border-radius: 0
 }
 
 .custom-checkbox2 .custom-control-input:checked~.custom-control-label::after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='9px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M11.152,2.747 L5.451,8.460 C4.902,9.008 4.016,9.008 3.469,8.460 L1.318,6.306 C0.773,5.757 0.773,4.869 1.318,4.320 C1.867,3.772 2.753,3.772 3.298,4.320 L4.461,5.483 L9.172,0.761 C9.719,0.213 10.605,0.213 11.152,0.761 C11.701,1.309 11.701,2.198 11.152,2.747 '/%3E%3C/svg%3E");
   background-color: #1cbbb4
 }
 
 .custom-radio .custom-control-input:checked~.custom-control-label::after {
   background: #790000;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   margin: 4px 0 0 4px
 }
 
 .custom-radio .custom-control-input:checked~.custom-control-label::before {
   border-color: #790000
 }
 
 .custom-control-input:focus:not(:checked)~.custom-control-label::before {
   -webkit-box-shadow: none;
           box-shadow: none
 }
 
 .custom-control-input:checked~.custom-control-label::before {
   background-color: #fff !important;
   border-color: #133b5e
 }
 
 .custom-control-input:focus~.custom-control-label::before {
   -webkit-box-shadow: none;
           box-shadow: none
 }
 
 .modal button.close {
   width: 62px;
   height: 62px;
   position: absolute;
   top: -31px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   background: #fff;
   border-radius: 50%;
   opacity: 1;
   z-index: 99
 }
 
 @media only screen and (max-width: 768px) {
   .modal button.close {
     width: 40px;
     height: 40px;
     top: -20px
   }
 }
 
 .modal button.close svg {
   width: 20px;
   height: 20px
 }
 
 @media only screen and (max-width: 768px) {
   .modal button.close svg {
     width: 14px;
     height: 14px
   }
 }
 
 .modal button.close svg path {
   fill: #8d1f11
 }
 
 .modal button.close:hover {
   opacity: 1
 }
 
 .modal.modal-large .modal-dialog {
   width: 1300px;
   max-width: 85%
 }
 
 .close:not(:disabled):not(.disabled):focus,
 .close:not(:disabled):not(.disabled):hover {
   opacity: 1
 }
 
 .slider {
   display: inline-block;
   vertical-align: middle;
   position: relative
 }
 
 .slider.slider-horizontal {
   width: 100%;
   height: 6px
 }
 
 .slider.slider-horizontal .slider-track {
   width: 100%;
   height: 6px;
   top: 50%;
   left: 0;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%)
 }
 
 .slider.slider-horizontal .slider-selection,
 .slider.slider-horizontal .slider-track-low,
 .slider.slider-horizontal .slider-track-high {
   height: 100%;
   top: 0;
   bottom: 0;
   margin-left: 7px
 }
 
 .slider.slider-horizontal .slider-tick,
 .slider.slider-horizontal .slider-handle {
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%)
 }
 
 .slider.slider-horizontal .slider-tick.triangle,
 .slider.slider-horizontal .slider-handle.triangle {
   position: relative;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 0;
   height: 0;
   border-width: 0 10px 10px 10px;
   border-bottom-color: #133b5e;
   margin-top: 0
 }
 
 .slider.slider-horizontal .slider-tick-container {
   white-space: nowrap;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%
 }
 
 .slider.slider-horizontal .slider-tick-label-container {
   white-space: nowrap;
   margin-top: 20px
 }
 
 .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
   padding-top: 4px;
   display: inline-block;
   text-align: center
 }
 
 .slider.slider-horizontal .tooltip {
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%)
 }
 
 .slider.slider-disabled .slider-handle {
   -webkit-background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#bebebe));
   -webkit-background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
   -moz-background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
   -ms-background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
   -o-background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#bebebe));
   background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
   background-repeat: repeat-x
 }
 
 .slider.slider-disabled .slider-track {
   -webkit-background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#e9e9e9));
   -webkit-background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
   -moz-background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
   -ms-background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
   -o-background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#e9e9e9));
   background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
   background-repeat: repeat-x;
   cursor: not-allowed
 }
 
 .slider input {
   display: none
 }
 
 .slider .tooltip {
   pointer-events: none
 }
 
 .slider .tooltip.top {
   margin-top: -36px
 }
 
 .slider .tooltip-inner {
   white-space: nowrap;
   max-width: none
 }
 
 .slider .hide {
   display: none
 }
 
 .slider-track {
   position: absolute;
   cursor: pointer;
   -webkit-background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f9f9f9));
   -webkit-background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
   -moz-background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
   -ms-background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
   -o-background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f9f9f9));
   background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
   background-repeat: repeat-x;
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
   -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
   -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
   border-radius: 4px
 }
 
 .slider-selection {
   position: absolute;
   -webkit-background-image: -webkit-gradient(linear, left top, left bottom, from(#133b5e), to(#133b5e));
   -webkit-background-image: linear-gradient(to bottom, #133b5e 0%, #133b5e 100%);
   -moz-background-image: linear-gradient(to bottom, #133b5e 0%, #133b5e 100%);
   -ms-background-image: linear-gradient(to bottom, #133b5e 0%, #133b5e 100%);
   -o-background-image: -o-linear-gradient(top, #133b5e 0%, #133b5e 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#133b5e), to(#133b5e));
   background-image: linear-gradient(to bottom, #133b5e 0%, #133b5e 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
   background-repeat: repeat-x;
   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
   -ms-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
   -o-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
   border-radius: 0px
 }
 
 .slider-selection.tick-slider-selection {
   -webkit-background-image: -webkit-gradient(linear, left top, left bottom, from(#8ac1ef), to(#82b3de));
   -webkit-background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
   -moz-background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
   -ms-background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
   -o-background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#8ac1ef), to(#82b3de));
   background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
   background-repeat: repeat-x
 }
 
 .slider-track-low,
 .slider-track-high {
   position: absolute;
   background: transparent;
   border-radius: 4px
 }
 
 .slider-handle {
   position: absolute;
   top: 50%;
   width: 14px;
   height: 14px;
   background-color: #133b5e;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
   background-repeat: repeat-x;
   -webkit-background-image: -webkit-gradient(linear, left top, left bottom, from(#133b5e), to(#0a2034));
   -webkit-background-image: linear-gradient(to bottom, #133b5e 0%, #0a2034 100%);
   -moz-background-image: linear-gradient(to bottom, #133b5e 0%, #0a2034 100%);
   -ms-background-image: linear-gradient(to bottom, #133b5e 0%, #0a2034 100%);
   -o-background-image: -o-linear-gradient(top, #133b5e 0%, #0a2034 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#133b5e), to(#0a2034));
   background-image: linear-gradient(to bottom, #133b5e 0%, #0a2034 100%);
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   border: 0px solid transparent
 }
 
 .slider-handle:hover {
   cursor: pointer
 }
 
 .slider-handle.round {
   border-radius: 50%
 }
 
 .slider-handle.triangle {
   background: transparent none
 }
 
 .slider-handle.custom {
   background: transparent none
 }
 
 .slider-handle.custom::before {
   font-size: 20px;
   color: #726204;
   line-height: 20px;
   content: "\2605"
 }
 
 .slider-tick {
   position: absolute;
   width: 20px;
   height: 20px;
   cursor: pointer;
   -webkit-background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5));
   -webkit-background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
   -moz-background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
   -ms-background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
   -o-background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5));
   background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
   background-repeat: repeat-x;
   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
   -ms-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
   -o-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
   -webkit-filter: none;
           filter: none;
   opacity: 0.8;
   border: 0px solid transparent
 }
 
 .slider-tick.round {
   border-radius: 50%
 }
 
 .slider-tick.triangle {
   background: transparent none
 }
 
 .slider-tick.custom {
   background: transparent none
 }
 
 .slider-tick.custom::before {
   font-size: 20px;
   color: #726204;
   line-height: 20px;
   content: "\2605"
 }
 
 .slider-tick.in-selection {
   -webkit-background-image: -webkit-gradient(linear, left top, left bottom, from(#8ac1ef), to(#82b3de));
   -webkit-background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
   -moz-background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
   -ms-background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
   -o-background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#8ac1ef), to(#82b3de));
   background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
   background-repeat: repeat-x;
   opacity: 1
 }
 
 .GridUi {
   font-size: 14px
 }
 
 @media only screen and (max-width: 768px) {
   .GridUi {
     font-size: 12px
   }
 }
 
 .GridUi svg {
   width: 15px;
   height: 15px;
   margin: 0 5px
 }
 
 @media only screen and (max-width: 768px) {
   .GridUi svg {
     width: 12px;
     height: 12px
   }
 }
 
 .GridUi .dataTable {
   background: #fff
 }
 
 .GridUi .dataTable thead {
   -webkit-background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   -webkit-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -moz-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -ms-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -o-background: -o-linear-gradient(left, #8d1f11, #0a3d5b);
   background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   background: linear-gradient(90deg, #8d1f11, #0a3d5b)
 }
 
 .GridUi .dataTable thead th {
   font-size: 18px;
   color: #fff;
   font-weight: 400
 }
 
 .noHeader .dataTables_length,
 .noHeader .dataTables_filter {
   display: none
 }
 
 .dataTables_filter .form-control {
   width: 260px !important;
   height: 30px;
   max-width: 100%;
   background-position: top 6px right !important;
   background-size: 22px
 }
 
 .page-item.active .page-link {
   background-color: #fff;
   border-color: #e1e1e1;
   color: #133b5e;
   font-weight: 700
 }
 
 .page-link {
   color: #133b5e
 }
 
 .no-sort::before,
 .no-sort::after {
   display: none !important
 }
 
 .table thead th {
   border-bottom: none
 }
 
 .table td,
 .table th {
   border-top: none;
   padding: 18px 25px
 }
 
 @media only screen and (max-width: 768px) {
   .table td,
   .table th {
     padding: 12px 15px
   }
 }
 
 .table-striped tbody tr:nth-of-type(odd) {
   background: #fff
 }
 
 .table-striped tbody tr:nth-of-type(even) {
   background: #f4f6f8
 }
 
 table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
 table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
   top: 17px;
   background-color: #133b5e;
   border: none;
   -webkit-box-shadow: none;
           box-shadow: none;
   width: 20px;
   height: 20px;
   line-height: 20px
 }
 
 @media only screen and (max-width: 768px) {
   table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
   table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
     top: 12px;
     width: 16px;
     height: 16px;
     line-height: 16px
   }
 }
 
 table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
 table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
   background-color: #790000
 }
 
 .page-link:focus {
   -webkit-box-shadow: none;
           box-shadow: none
 }
 
 @media only screen and (max-width: 768px) {
   div.dataTables_wrapper div.dataTables_paginate ul.pagination {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -moz-justify-content: center;
     justify-content: center;
     margin-top: 15px
   }
 }
 
 .dataTables_length label .custom-select {
   margin: 0 7px
 }
 
 .accordion .card {
   background: #fff;
   border: 1px solid #e1e1e1 !important;
   border-radius: 3px
 }
 
 .accordion .card+.card {
   margin-top: 10px
 }
 
 .accordion .card .card-header {
   background: #f1f3f6;
   border: none;
   font-size: 20px;
   color: #000;
   font-weight: 500;
   cursor: pointer;
   position: relative
 }
 
 @media only screen and (max-width: 768px) {
   .accordion .card .card-header {
     font-size: 14px;
     padding-left: 12px
   }
 }
 
 .accordion .card .card-header::before,
 .accordion .card .card-header::after {
   content: ""
 }
 
 .accordion .card .card-header::before {
   position: absolute;
   top: 11px;
   right: 10px;
   width: 28px;
   height: 28px;
   border-radius: 50%;
   background: #133b5e
 }
 
 @media only screen and (max-width: 768px) {
   .accordion .card .card-header::before {
     width: 22px;
     height: 22px
   }
 }
 
 .accordion .card .card-header::after {
   position: absolute;
   top: 25px;
   right: 19px;
   width: 10px;
   height: 1px;
   background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'%3E%3Cpath fill='rgb(255, 255, 255)' d='M6.302,0.302 L0.543,0.302 C0.371,0.302 -0.000,0.535 -0.000,1.000 C-0.000,1.465 0.371,1.698 0.543,1.698 L6.302,1.698 M5.698,1.698 L9.457,1.698 C9.629,1.698 10.000,1.465 10.000,1.000 C10.000,0.535 9.629,0.302 9.457,0.302 L5.698,0.302 '/%3E%3C/svg%3E") no-repeat center;
   background-size: cover
 }
 
 @media only screen and (max-width: 768px) {
   .accordion .card .card-header::after {
     top: 22px;
     right: 16px
   }
 }
 
 .accordion .card .card-header.collapsed::after {
   top: 20px;
   width: 10px;
   height: 10px;
   background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='rgb(255, 255, 255)' d='M9.457,4.302 L5.698,4.302 L5.698,0.543 C5.698,0.371 5.465,-0.000 5.000,-0.000 C4.535,-0.000 4.302,0.371 4.302,0.543 L4.302,4.302 L0.543,4.302 C0.371,4.302 -0.000,4.535 -0.000,5.000 C-0.000,5.465 0.371,5.698 0.543,5.698 L4.302,5.698 L4.302,9.457 C4.302,9.629 4.535,10.000 5.000,10.000 C5.465,10.000 5.698,9.629 5.698,9.457 L5.698,5.698 L9.457,5.698 C9.629,5.698 10.000,5.465 10.000,5.000 C10.000,4.535 9.629,4.302 9.457,4.302 Z'/%3E%3C/svg%3E") no-repeat center;
   background-size: cover
 }
 
 @media only screen and (max-width: 768px) {
   .accordion .card .card-header.collapsed::after {
     top: 17px
   }
 }
 
 .accordion .card .card-body {
   padding: 0
 }
 
 .accordion .card .card-body .card-body-inner {
   padding: 1.25rem
 }
 
 .CustomGrid .colapsIcon {
   display: inline-block;
   width: 18px;
   height: 18px;
   background: #133b5e;
   border-radius: 50%;
   text-align: center;
   font-size: 12px;
   color: #fff;
   font-weight: 300;
   position: relative
 }
 
 .CustomGrid .colapsIcon::after {
   content: "";
   position: absolute;
   top: 8px;
   left: 4px;
   width: 10px;
   height: 1px;
   background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'%3E%3Cpath fill='rgb(255, 255, 255)' d='M6.302,0.302 L0.543,0.302 C0.371,0.302 -0.000,0.535 -0.000,1.000 C-0.000,1.465 0.371,1.698 0.543,1.698 L6.302,1.698 M5.698,1.698 L9.457,1.698 C9.629,1.698 10.000,1.465 10.000,1.000 C10.000,0.535 9.629,0.302 9.457,0.302 L5.698,0.302 '/%3E%3C/svg%3E") no-repeat center;
   background-size: cover
 }
 
 .CustomGrid .colapsIcon:hover {
   background: #0a2034;
   text-decoration: none
 }
 
 .CustomGrid .colapsIcon.collapsed::after {
   top: 4px;
   width: 10px;
   height: 10px;
   background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='rgb(255, 255, 255)' d='M9.457,4.302 L5.698,4.302 L5.698,0.543 C5.698,0.371 5.465,-0.000 5.000,-0.000 C4.535,-0.000 4.302,0.371 4.302,0.543 L4.302,4.302 L0.543,4.302 C0.371,4.302 -0.000,4.535 -0.000,5.000 C-0.000,5.465 0.371,5.698 0.543,5.698 L4.302,5.698 L4.302,9.457 C4.302,9.629 4.535,10.000 5.000,10.000 C5.465,10.000 5.698,9.629 5.698,9.457 L5.698,5.698 L9.457,5.698 C9.629,5.698 10.000,5.465 10.000,5.000 C10.000,4.535 9.629,4.302 9.457,4.302 Z'/%3E%3C/svg%3E") no-repeat center;
   background-size: cover
 }
 
 .custom-select {
   border: 1px solid #e0e7ff;
   background-color: #f9faff;
   border-radius: 0px;
   font-size: 15px;
   color: #1b1b1b;
   font-weight: 300
 }
 
 .custom-select:focus {
   border-color: #133b5e;
   -webkit-box-shadow: 0 0 0 1px #133b5e;
   -ms-box-shadow: 0 0 0 1px #133b5e;
   -o-box-shadow: 0 0 0 1px #133b5e;
   box-shadow: 0 0 0 1px #133b5e
 }
 
 .dropdown-menu {
   padding: 0;
   border-radius: 0px;
   background-color: #fff;
   -webkit-box-shadow: 0px 4px 3.56px 0.44px rgba(0, 0, 0, 0.06);
   -ms-box-shadow: 0px 4px 3.56px 0.44px rgba(0, 0, 0, 0.06);
   -o-box-shadow: 0px 4px 3.56px 0.44px rgba(0, 0, 0, 0.06);
   box-shadow: 0px 4px 3.56px 0.44px rgba(0, 0, 0, 0.06);
   border: none;
   min-width: 180px
 }
 
 .dropdown-menu .dropdown-item {
   font-size: 15px;
   color: #1b1b1b;
   font-weight: 400;
   padding: 10px 15px
 }
 
 @media only screen and (max-width: 1025px) {
   .dropdown-menu .dropdown-item {
     font-size: 13px;
     padding: 5px 8px
   }
 }
 
 .dropdown-menu .dropdown-item span {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2;
   margin-left: 10px;
   border-left: 1px solid #e1e1e1;
   padding-left: 10px
 }
 
 @media only screen and (max-width: 1025px) {
   .dropdown-menu .dropdown-item span {
     margin-left: 6px;
     padding-left: 6px
   }
 }
 
 .dropdown-menu .dropdown-item:hover {
   color: #8d1f11
 }
 
 .dropdown-menu .dropdown-item.active,
 .dropdown-menu .dropdown-item:active {
   background: #790000;
   color: #fff
 }
 
 .TabsUi {
   display: block
 }
 
 .TabsUi .nav-tabs .nav-item a.nav-link {
   background: none;
   font-size: 18px;
   color: #1b1b1b;
   font-weight: 400;
   border: none;
   padding: 20px 30px
 }
 
 @media only screen and (max-width: 768px) {
   .TabsUi .nav-tabs .nav-item a.nav-link {
     padding: 12px 8px;
     font-size: 13px
   }
 }
 
 .TabsUi .nav-tabs .nav-item a.nav-link+a.nav-link {
   margin-left: 3px
 }
 
 .TabsUi .nav-tabs .nav-item a.nav-link:hover {
   color: #790000
 }
 
 .TabsUi .nav-tabs .nav-item a.nav-link.active {
   color: #790000;
   position: relative
 }
 
 .TabsUi .nav-tabs .nav-item a.nav-link.active::before,
 .TabsUi .nav-tabs .nav-item a.nav-link.active::after {
   content: "";
   position: absolute;
   bottom: 0
 }
 
 .TabsUi .nav-tabs .nav-item a.nav-link.active::before {
   left: 50%;
   bottom: 4px;
   content: "";
   display: block;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 8px 5px 8px;
   border-color: transparent transparent #790000 transparent;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%)
 }
 
 .TabsUi .nav-tabs .nav-item a.nav-link.active::after {
   left: 0;
   width: 100%;
   height: 4px;
   background: #790000
 }
 
 .switch {
   position: relative;
   display: inline-block;
   width: 50px;
   height: 26px;
   background: none !important;
   padding: 0;
   margin-bottom: 0
 }
 
 .switch input {
   opacity: 0;
   width: 0;
   height: 0
 }
 
 .slider {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #ccc;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s
 }
 
 .slider:before {
   position: absolute;
   content: "";
   height: 22px;
   width: 22px;
   left: 2px;
   bottom: 2px;
   background-color: white;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s
 }
 
 input:checked+.slider {
   background-color: #1cbbb4
 }
 
 input:checked+.slider:before {
   -webkit-transform: translateX(24px);
   -ms-transform: translateX(24px);
   transform: translateX(24px)
 }
 
 input:focus+.slider {
   -webkit-box-shadow: 0 0 1px #1cbbb4;
           box-shadow: 0 0 1px #1cbbb4
 }
 
 .slider.round {
   border-radius: 34px
 }
 
 .slider.round:before {
   border-radius: 50%
 }
 
 @media (max-width: 900px) {
   .global-is-mobile-hidden {
     display: none !important
   }
 }
 
 .grid-width-10 {
   width: 10%
 }
 
 .grid-width-20 {
   width: 20%
 }
 
 .grid-width-30 {
   width: 30%
 }
 
 .grid-width-40 {
   width: 40%
 }
 
 .grid-width-50 {
   width: 50%
 }
 
 .grid-width-60 {
   width: 60%
 }
 
 .grid-width-70 {
   width: 70%
 }
 
 .grid-width-80 {
   width: 80%
 }
 
 .grid-width-90 {
   width: 90%
 }
 
 .grid-width-100 {
   width: 100%
 }
 
 @media (max-width: 900px) {
   .grid-width-10,
   .grid-width-20,
   .grid-width-30,
   .grid-width-40,
   .grid-width-50,
   .grid-width-60,
   .grid-width-70,
   .grid-width-80,
   .grid-width-90,
   .grid-width-100 {
     width: 100%
   }
 }
 
 *[class*="grid-width"] {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding-left: 4%;
   padding-right: 4%;
   float: left
 }
 
 *[class*="grid-width"]:after,
 .grid-container:after,
 *[class*="grid-width"]:before,
 .grid-container:before {
   content: "";
   display: block;
   overflow: hidden;
   visibility: hidden;
   font-size: 0;
   line-height: 0;
   width: 0;
   height: 0
 }
 
 *[class*="grid-width"]:after,
 .grid-container:after {
   clear: both
 }
 
 .grid-container {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   margin-left: auto;
   margin-right: auto
 }
 
 .grid-container-nested *[class*="grid-width"]:first-child {
   padding-left: 0
 }
 
 .grid-container-nested *[class*="grid-width"]:last-child {
   padding-right: 0
 }
 
 @media (max-width: 900px) {
   .grid-container-nested *[class*="grid-width"]:first-child {
     padding-left: 4%
   }
   .grid-container-nested *[class*="grid-width"]:last-child {
     padding-right: 4%
   }
 }
 
 .header-a {
   min-height: 140px;
   overflow: hidden
 }
 
 .header-a .header-a-logo {
   margin: 40px 0 0
 }
 
 @media (max-width: 900px) {
   .header-a .header-a-logo {
     text-align: center
   }
 }
 
 .header-a .header-a-logo img {
   border: transparent
 }
 
 .navigation-a {
   height: 30px;
   background: #3d3d3d;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   padding: 0;
   overflow: hidden
 }
 
 @media (max-width: 900px) {
   .navigation-a {
     text-align: center
   }
 }
 
 .navigation-a ul {
   list-style: none;
   margin: 0;
   overflow: hidden
 }
 
 .navigation-a ul li,
 .navigation-a ul li a {
   display: inline-block
 }
 
 @media (max-width: 900px) {
   .navigation-a ul {
     width: auto;
     -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
     white-space: nowrap;
     display: inline-block;
     float: none
   }
   .navigation-a ul:before,
   .navigation-a ul:after {
     display: none
   }
 }
 
 .navigation-a ul.navigation-a-left {
   text-align: left
 }
 
 @media (max-width: 900px) {
   .navigation-a ul.navigation-a-left {
     padding-right: 0
   }
 }
 
 .navigation-a ul.navigation-a-right {
   text-align: right
 }
 
 @media (max-width: 900px) {
   .navigation-a ul.navigation-a-right {
     padding-left: 23px
   }
 }
 
 .navigation-a ul li+li {
   margin-left: 23px
 }
 
 .navigation-a ul li a {
   font-size: 10px;
   font-size: 0.625rem;
   line-height: 18px;
   line-height: 1.13rem;
   line-height: 30px;
   float: left;
   color: #ddd;
   font-weight: bold;
   text-decoration: none;
   text-transform: uppercase
 }
 
 .navigation-a ul li a:hover {
   cursor: pointer;
   color: #fff
 }
 
 .icon-navigation-a-github:before,
 .icon-navigation-a-github:after {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IArs4c6QAAAa9JREFUOBGNlM8rRGEUht0pDGosjKYZpUSIkuwsiCaxUEqK2VOUBcrWv2BjxUJho6wsLLDzY2fhD5iR5NeOcJvIjOfM3O927m3mmlPPnPec835nZprvjlVVJvL5fCOjMWiDCLzCLVxZlpUj/x8saYV9+IZS8UJzFWoCt2GYgk+oJG4wJUouZDANv5VsUZ47dNSzkEYHfIDEHixDWgoiB/rTHlPPwBNInPmXHRb7hdeUDFG10AN1Th1Fd5mD6BMwMVnoUyVA3t3EkjkQlDFfmwPkc7NsQTXf0bGgJWaGb16dk18+EmLYawzkC+6Q3KdK4kiZqtGdskx/kmdlCJS86RuGrDLFZJmtGi1KB0q+VhOGsDLZsiyjGsOY4qoOkrO+YUauwCDoOKWo9xk9JfM+MPdSzqZdA8UlyDO3AvKLPsIG9LsmBHUKduEHdCy6PrpJZyKXdwKMOemaissOHJ9O9xTeh57GluMYIsehWy8STW/d8ZhkI0b9PjFasA1fsAOb0KCN1PLXYyKLGNdzj2YYArnZDyDRrA3Ua4UuDzd5QM/KaoxhmAO5Om5Qt8OI2/CJP6MVa1dvltQ5AAAAAElFTkSuQmCC")
 }
 
 .navigation-b {
   text-align: right;
   margin: 52px 0 0;
   overflow: visible
 }
 
 @media (max-width: 900px) {
   .navigation-b {
     text-align: center;
     margin-top: 20px;
     padding: 0
   }
 }
 
 .navigation-b ul {
   padding: 0;
   list-style: none;
   margin: 0;
   overflow: visible
 }
 
 .navigation-b ul li,
 .navigation-b ul li a {
   display: inline-block
 }
 
 @media (max-width: 900px) {
   .navigation-b ul {
     display: table;
     width: 100%;
     padding-bottom: 1.5em
   }
 }
 
 @media (max-width: 900px) {
   .navigation-b ul li {
     display: table-row
   }
 }
 
 .navigation-b ul li+li {
   margin-left: 20px
 }
 
 @media (max-width: 900px) {
   .navigation-b ul li+li {
     margin-left: 0
   }
 }
 
 .navigation-b ul li a {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   text-transform: uppercase;
   text-decoration: none;
   outline: none
 }
 
 @media (max-width: 900px) {
   .navigation-b ul li a {
     width: 100%;
     -webkit-border-radius: 0;
     -webkit-background-clip: padding-box;
     -moz-border-radius: 0;
     -moz-background-clip: padding;
     border-radius: 0;
     background-clip: padding-box
   }
 }
 
 .footer-a {
   font-size: 13px;
   font-size: 0.8125rem;
   line-height: 23.4px;
   line-height: 1.46rem;
   padding-top: 2.25em;
   padding-bottom: 2.25em;
   overflow: hidden;
   color: #8a8a8a
 }
 
 .footer-a a {
   color: #0287d0;
   text-decoration: none;
   border-bottom: 1px dotted #0287d0
 }
 
 .footer-a a:hover {
   color: #0277b7
 }
 
 .footer-a p {
   margin: 0;
   display: inline-block;
   text-align: center
 }
 
 .content {
   font-size: 14px;
   font-size: 0.875rem;
   line-height: 25.2px;
   line-height: 1.57rem;
   overflow: hidden;
   padding-top: 1.5em;
   padding-bottom: 1.5em
 }
 
 .content p {
   margin: 0.75em 0
 }
 
 .content ul,
 .content ol,
 .content pre,
 .content blockquote,
 .content textarea:not([class^="cke"]),
 .content .cke {
   margin: 1.875em 0
 }
 
 .content code,
 .content kbd {
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   padding: 3px 4px
 }
 
 .content pre,
 .content code,
 .content kbd,
 .content blockquote {
   background: #f5f5f5
 }
 
 .content blockquote,
 .content pre {
   background: none;
   border-left: 4px solid #0287d0;
   padding: 1.5em 2.25em
 }
 
 .content p a,
 .content ul a,
 .content ol a,
 .content blockquote a,
 .content h1 a,
 .content h2 a,
 .content h3 a,
 .content h4 a,
 .content h5 a {
   color: #0287d0;
   text-decoration: none;
   border-bottom: 1px dotted #0287d0
 }
 
 .content p a:hover,
 .content ul a:hover,
 .content ol a:hover,
 .content blockquote a:hover,
 .content h1 a:hover,
 .content h2 a:hover,
 .content h3 a:hover,
 .content h4 a:hover,
 .content h5 a:hover {
   color: #0277b7
 }
 
 .content h1,
 .content h2,
 .content h3,
 .content h4,
 .content h5 {
   color: #000;
   font-weight: 100
 }
 
 .content h1 code,
 .content h2 code,
 .content h3 code,
 .content h4 code,
 .content h5 code,
 .content h1 kbd,
 .content h2 kbd,
 .content h3 kbd,
 .content h4 kbd,
 .content h5 kbd {
   font-size: inherit
 }
 
 .content h1 a.content-heading-anchor,
 .content h2 a.content-heading-anchor,
 .content h3 a.content-heading-anchor,
 .content h4 a.content-heading-anchor,
 .content h5 a.content-heading-anchor {
   font-weight: 100;
   vertical-align: middle;
   opacity: 0;
   border: 0
 }
 
 .content h1:hover a.content-heading-anchor,
 .content h2:hover a.content-heading-anchor,
 .content h3:hover a.content-heading-anchor,
 .content h4:hover a.content-heading-anchor,
 .content h5:hover a.content-heading-anchor {
   opacity: 1
 }
 
 .content h1:target a,
 .content h2:target a,
 .content h3:target a,
 .content h4:target a,
 .content h5:target a {
   -webkit-animation: targetLinkOpacity 0.5s linear alternate;
   animation: targetLinkOpacity 0.5s linear alternate;
   opacity: 1
 }
 
 .content input,
 .content select,
 .content textarea:not([class^="cke"]) {
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
   font: inherit;
   color: inherit;
   border: 1px solid #d9d9d9;
   padding: 0.2em 0.5em
 }
 
 .content input:focus,
 .content select:focus,
 .content textarea:not([class^="cke"]):focus {
   border-color: #66afe9;
   outline: 0;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px #93c6ef;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px #93c6ef
 }
 
 .content abbr {
   border-bottom: 1px dotted #666;
   cursor: pointer
 }
 
 .content blockquote {
   font-style: italic;
   font-family: Georgia, Times, "Times New Roman", serif;
   font-size: 16px;
   font-size: 1rem;
   line-height: 28.8px;
   line-height: 1.8rem
 }
 
 .content em {
   font-style: italic
 }
 
 .content h1 {
   font-size: 36px;
   font-size: 2.25rem;
   line-height: 64.8px;
   line-height: 4.05rem;
   margin: 1.125em 0 0
 }
 
 .content h2 {
   font-size: 27.2px;
   font-size: 1.7rem;
   line-height: 48.96px;
   line-height: 3.06rem;
   margin: 0.9em 0 0
 }
 
 .content h3 {
   font-size: 24px;
   font-size: 1.5rem;
   line-height: 43.2px;
   line-height: 2.7rem;
   font-weight: 500;
   margin: 0.75em 0 0
 }
 
 .content h4 {
   font-size: 19.2px;
   font-size: 1.2rem;
   line-height: 34.56px;
   line-height: 2.16rem;
   font-weight: 500;
   margin: 0.75em 0 0
 }
 
 .content h5 {
   font-size: 17.6px;
   font-size: 1.1rem;
   line-height: 31.68px;
   line-height: 1.98rem;
   font-weight: 500;
   margin: 0.75em 0 0
 }
 
 .content hr {
   border: 0;
   border-top: 4px solid #d9d9d9;
   margin: 1.5em 0
 }
 
 .content input[type="text"] {
   height: 1.8em;
   line-height: 1.8em
 }
 
 .content input[type="button"] {
   -webkit-appearance: button;
   -moz-appearance: button;
   appearance: button
 }
 
 .content kbd {
   font-size: 12px;
   font-size: 0.75rem;
   line-height: 21.6px;
   line-height: 1.35rem;
   font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
   padding: 2px 6px;
   -webkit-box-shadow: 0 0 4px #fff inset, 0 2px 0 #d9d9d9;
   box-shadow: 0 0 4px #fff inset, 0 2px 0 #d9d9d9
 }
 
 .content p img {
   vertical-align: middle
 }
 
 .content p pre {
   padding: 1.5em
 }
 
 .content pre {
   padding: 0;
   border: 0;
   tab-size: 4;
   -o-tab-size: 4;
   -moz-tab-size: 4
 }
 
 .content pre,
 .content code {
   font-size: 11.89px;
   font-size: 0.743rem;
   line-height: 21.4px;
   line-height: 1.34rem;
   font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif
 }
 
 .content pre a,
 .content code a {
   border: 0
 }
 
 .content pre code {
   padding: 0.75em;
   display: block
 }
 
 .content strong {
   color: #000
 }
 
 .content ul ul,
 .content ol ul,
 .content ul ol,
 .content ol ol {
   margin: 0.75em 0
 }
 
 .content ul li,
 .content ol li {
   font-size: 14px;
   font-size: 0.875rem;
   line-height: 30.24px;
   line-height: 1.89rem
 }
 
 .content textarea:not([class^="cke"]) {
   width: 100%
 }
 
 .content div.todo {
   border: 2px dotted #444;
   padding: 10px;
   margin: 60px 0 10px 0
 }
 
 .content div.todo:before {
   content: "TODO";
   font-weight: bold
 }
 
 body a.button-a,
 body button.button-a,
 body input.button-a {
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   font-size: 14px;
   font-size: 0.875rem;
   line-height: 25.2px;
   line-height: 1.57rem;
   height: 36px;
   line-height: 36px;
   padding: 0 1.1em;
   font-weight: 700;
   color: #3e3e3e;
   white-space: nowrap;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   border: 0;
   vertical-align: middle;
   margin: 1px 0;
   background: transparent
 }
 
 body a.button-a.icon-pos-left,
 body button.button-a.icon-pos-left,
 body input.button-a.icon-pos-left {
   padding-left: 0.8em
 }
 
 body a.button-a.icon-pos-right,
 body button.button-a.icon-pos-right,
 body input.button-a.icon-pos-right {
   padding-right: 0.8em
 }
 
 body a.button-a.button-a-no-text,
 body button.button-a.button-a-no-text,
 body input.button-a.button-a-no-text {
   -webkit-border-radius: 100px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 100px;
   -moz-background-clip: padding;
   border-radius: 100px;
   background-clip: padding-box;
   width: 36px;
   padding: 0;
   text-indent: -999px;
   overflow: hidden;
   position: relative;
   text-align: center
 }
 
 body a.button-a.button-a-no-text:before,
 body button.button-a.button-a-no-text:before,
 body input.button-a.button-a-no-text:before {
   position: absolute;
   left: 50%;
   top: 50%;
   margin: -9px 0 0 -9px
 }
 
 @media (max-width: 900px) {
   body a.button-a.button-a-mobile-collapsed,
   body button.button-a.button-a-mobile-collapsed,
   body input.button-a.button-a-mobile-collapsed {
     -webkit-border-radius: 100px;
     -webkit-background-clip: padding-box;
     -moz-border-radius: 100px;
     -moz-background-clip: padding;
     border-radius: 100px;
     background-clip: padding-box;
     width: 36px;
     padding: 0;
     text-indent: -999px;
     overflow: hidden;
     position: relative;
     text-align: center
   }
   body a.button-a.button-a-mobile-collapsed:before,
   body button.button-a.button-a-mobile-collapsed:before,
   body input.button-a.button-a-mobile-collapsed:before {
     position: absolute;
     left: 50%;
     top: 50%;
     margin: -9px 0 0 -9px
   }
   body a.button-a.button-a-mobile-collapsed:before,
   body button.button-a.button-a-mobile-collapsed:before,
   body input.button-a.button-a-mobile-collapsed:before {
     position: absolute;
     left: 50%;
     top: 50%;
     margin: -9px 0 0 -9px
   }
 }
 
 body a.button-a:active,
 body button.button-a:active,
 body input.button-a:active,
 body a.button-a:hover,
 body button.button-a:hover,
 body input.button-a:hover {
   color: #fff;
   background: #0277b7
 }
 
 body a.button-a:focus,
 body button.button-a:focus,
 body input.button-a:focus {
   border-color: #66afe9;
   outline: 0;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #93c6ef;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #93c6ef
 }
 
 body a.button-a-soft,
 body button.button-a-soft,
 body input.button-a-soft {
   background: #e7e7e7
 }
 
 body a.button-a-soft:active,
 body button.button-a-soft:active,
 body input.button-a-soft:active,
 body a.button-a-soft:hover,
 body button.button-a-soft:hover,
 body input.button-a-soft:hover {
   color: #3e3e3e;
   background: #cecece
 }
 
 body a.button-a-background,
 body button.button-a-background,
 body input.button-a-background,
 body a.navigation-b ul li a:hover,
 body button.navigation-b ul li a:hover,
 body input.navigation-b ul li a:hover {
   color: #fff;
   background: #0287d0
 }
 
 body a.button-a-background:active,
 body button.button-a-background:active,
 body input.button-a-background:active,
 body a.button-a-background:hover,
 body button.button-a-background:hover,
 body input.button-a-background:hover,
 body a.navigation-b ul li a:hover:active,
 body button.navigation-b ul li a:hover:active,
 body input.navigation-b ul li a:hover:active,
 body a.navigation-b ul li a:hover:hover,
 body button.navigation-b ul li a:hover:hover,
 body input.navigation-b ul li a:hover:hover {
   color: #fff;
   background: #0277b7
 }
 
 .balloon-a {
   font-size: 12px;
   font-size: 0.75rem;
   line-height: 21.6px;
   line-height: 1.35rem;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   border-bottom: 3px solid #d4d4d4;
   background: #ebebeb;
   display: inline-block;
   white-space: nowrap;
   padding: 0.4em 1.2em 0.2em;
   font-weight: 700;
   position: relative;
   z-index: 1000;
   text-transform: none;
   color: #575757
 }
 
 .balloon-a:hover {
   color: #575757
 }
 
 .balloon-a:before {
   content: "";
   width: 0;
   height: 0;
   border-style: solid;
   position: absolute
 }
 
 .balloon-a-ne:before,
 .balloon-a-nw:before {
   top: -13px;
   border-width: 0 9px 15.6px 9px;
   border-color: transparent transparent #ebebeb transparent
 }
 
 .balloon-a-se:before,
 .balloon-a-sw:before {
   bottom: -13px;
   border-width: 15.6px 9px 0 9px;
   border-color: #ebebeb transparent transparent transparent
 }
 
 .balloon-a-nw:before,
 .balloon-a-sw:before {
   left: 20px
 }
 
 .balloon-a-ne:before,
 .balloon-a-se:before {
   right: 20px
 }
 
 .icon-pos-left:before,
 .icon-pos-right:after {
   content: "";
   display: inline-block;
   width: 18px;
   height: 18px;
   vertical-align: middle;
   background-repeat: no-repeat
 }
 
 .icon-pos-left:before {
   margin-right: 10px
 }
 
 .icon-pos-right:after {
   margin-left: 10px
 }
 
 .icon-download:before,
 .icon-download:after {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAQFJREFUOBGtVDESgjAQBGfobHwE/AIa/AN/8EEWfMWGZ+gDaG2ws8BdyY13SRgGcGducre3WQ5NSJIIxnGsES3ijhhcMCdXR7ZYCqIc0SGWQE1ud7sKjRLxXHJQfWpLYwaCk6wxET/u+U2GIngd8yRViINau28bBH/YAGqvSQPhRNQHqBqj3FY0NKq27TW7qhSTDaCOhkaRAj7Hmm8S4V+c6C+gUa+crsizuWmoc70MKbWCnqPy2GvcUJxE4a/sIajRaGkU+/sf4IuISQGePR/T/QMbHEhwPLVnMWPuOCwGnWg41dwVeaN3ccHch70idIRi/6WV0WC2/zMiZm661R+2DxyEdjTuST3mAAAAAElFTkSuQmCC")
 }
 
 .icon-question-mark:before,
 .icon-question-mark:after {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAUhJREFUOBGllLFOAkEQhjk0WthT2JFA7Czsqc7OxFLewEeAZ/AVbO0tTLTSBKhstTBUNkYLEoVAbD2//zILe5e9uwCT/JnZmX/+m83ebq0WsCRJYnANxmBhUKxcHGjJpiC1wQBUmTjtbLetKHTAT5WCVxe3kxEjoUmKRL6pvYEZyJt6VpOxCG3nmfyx+yJxBM7BFPg2SDlkTv2sxZqi4YnUvfgswI9FuHAkzz9EUTTRmqYeTifXsvoj/s9i57oi6ljz9kviFdyBCbgHe+rCn4C8jVXQ18rshuKOiTSIXwLkRZWQTurARJrE7wERpea7kD7BkcgB+yB3CFGlPmgqCNiXhEagSGif2qU1Ln8FW/tupK3pXhXZrWNDuCoikY/rHPMT5KFr2MAPTSM90rIrUjJIeq1WV0RTwN7+0rrtILb9M+LEbLq1H7Z/Ea3+RvBddl0AAAAASUVORK5CYII=")
 }
 
 .icon-close:before,
 .icon-close:after {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAUlJREFUOBGllDFuwzAMRe3Cd+jYKUCzd/XkDtm9dsoVOuUqBnqBoodwgBwiW8ZsXTIWqPu+Iia0LMAoTOBbJEV+UZTkosjIMAwN6MARXCKky9dkUsYuglagB3OimNU4O1pM1OB7jsHNK7YekeFQJZ5kj/0LcnLA+RMnlHOvDMNv5wO7BFuQkn3hq0ALjKwPVeF4BSaqpLRy0T1ZIHFz75bE2BR8dBImqmBrwRplg09QmR/9GZyBSadAHauXCZkRROKURLlHEemepJIlIyhHotzLg1/N6erTxtmmvqA8muHGIbc1rTBqrEuwnqWnGbbmmz0hwaHtvM2QhWbrXZnosvnTWWPrdCY9w7cDJtf3h9VHjy5Zq9UZ08beyJh7Aicg6W/VYvgnIjJdNn9PMIOITJWcgnV9VvcnEitY/mitNFZZ/hsxsljdv39sfybRQ4R/kU0MAAAAAElFTkSuQmCC")
 }
 
 .ie8 .switch>* {
   vertical-align: middle
 }
 
 .ie8 .switch input[type="radio"] {
   margin: 0 0.25em;
   display: inline-block
 }
 
 .ie8 .switch label {
   margin-left: 0 !important;
   margin-right: 0 !important
 }
 
 .ie8 .switch label[data-for="1"] {
   float: left
 }
 
 .ie8 .switch label[data-for="2"] {
   float: right
 }
 
 .ie8 .switch .switch-inner {
   display: none
 }
 
 .switch {
   font-size: 14px;
   font-size: 0.875rem;
   line-height: 25.2px;
   line-height: 1.57rem;
   font-weight: bold;
   background-color: #0287d0;
   overflow: hidden;
   display: inline-block;
   padding: 0.75em 0.25em;
   color: #fff;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   position: relative
 }
 
 .switch input[type="radio"] {
   display: none
 }
 
 .switch label {
   position: relative;
   z-index: 2;
   float: left;
   cursor: pointer;
   padding: 0 0.75em
 }
 
 .switch label:hover {
   text-decoration: underline
 }
 
 .switch .switch-inner {
   float: left;
   background-color: #fff;
   height: 1.5em;
   width: 4.125em;
   padding: 2px;
   margin: 0 0.25em;
   -webkit-border-radius: 5.5px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 5.5px;
   -moz-background-clip: padding;
   border-radius: 5.5px;
   background-clip: padding-box
 }
 
 .switch .switch-inner .handler {
   overflow: hidden;
   position: relative;
   display: block;
   height: 1.5em;
   width: 1.5em;
   background: #027dc1;
   -webkit-border-radius: 4.5px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 4.5px;
   -moz-background-clip: padding;
   border-radius: 4.5px;
   background-clip: padding-box
 }
 
 .switch .switch-inner .handler:before {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 3px;
   left: 0;
   background-color: #0291df;
   border-bottom-left-radius: 4.5px;
   -webkit-border-bottom-right-radius: 4.5px;
   -webkit-background-clip: padding-box;
   -moz-border-radius-bottomright: 4.5px;
   -moz-background-clip: padding;
   border-bottom-right-radius: 4.5px;
   background-clip: padding-box
 }
 
 .switch:hover .switch-inner .handler:before {
   background: #029ef3
 }
 
 .switch input[data-num="2"]:checked~.switch-inner>.handler {
   margin-left: auto
 }
 
 .switch input[data-num="2"]:checked~label[data-for="1"] {
   padding-right: 5.125em;
   margin-right: -4.375em
 }
 
 .switch input[data-num="1"]:checked~label[data-for="2"] {
   padding-left: 5.125em;
   margin-left: -4.375em
 }
 
 .toggler {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
 }
 
 .toggler label {
   cursor: pointer
 }
 
 .toggler [data-collapse] {
   display: inherit
 }
 
 .toggler [data-expand] {
   display: none
 }
 
 .toggler.collapsed [data-collapse] {
   display: none
 }
 
 .toggler.collapsed [data-expand] {
   display: inherit
 }
 
 .toggler-container {
   overflow: hidden
 }
 
 .toggler-container.collapsed {
   height: 0
 }
 
 .icon-toggler-expanded:before,
 .icon-toggler-collapsed:before,
 .icon-toggler-expanded:after,
 .icon-toggler-collapsed:after {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAByCAYAAABeOoENAAAAAXNSR0IArs4c6QAAAbxJREFUaAXtmT1KBEEQhRdFQdBEMfQEBoaGopl3MfECXsFERLyBh/AUIuwJDEUQM//eB11Dz1A1uzotGFTBY2rr58306+kNpmazP7Z98V8Kj8JrAT4xcgttXRVXwofwFYAcNdS6RuJegOBTuBUOhc0CfGLkqKHWJeMuFDwJJ0Jk5Kihlp6esW4embuNkVgTNdTS09MMEbkDj76sUUsPvZ2xIwTRATsQuBuxGsTIYdSSo7cztpggwprdyKlJ8ImZUUuM3s48ol1lXwQjwydm5hINl2bF53KMCL82d2mR2GvqnBfg1+aKPbb9p+oGtYXbT1GTFxKiZkfEyHgy7x0y0clR454zSGpDMzaA3fzV30hNln4qkAqkAqlAKpAKpAKpQCqQCqQCqUAqkAqkAqlAKpAKpAKpQCrw3xWY/GGcz++TP9U3Gx40GWdEAxabXA33NBywRCOfdzFcCztDJv12Rz7REMpmIc9qPBNWK0J3COWNxegxIrs+KHZcyHpjsZUSXPaypcLtseJFS3tT84WwUZG4S4vEZkl3wl5FYK4rdrT9R9Y1uIbbT12TFxKiZkfEyCYfWojMJv+NGNGPr99GI9DP7P9TCgAAAABJRU5ErkJggg==")
 }
 
 .icon-toggler-expanded.icon-light:before,
 .icon-toggler-collapsed.icon-light:before,
 .icon-toggler-expanded.icon-light:after,
 .icon-toggler-collapsed.icon-light:after {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAByCAYAAABeOoENAAAAAXNSR0IArs4c6QAAAcVJREFUaAXtmT9KA1EQxhMlASE2SkpPkCJlStHOu3gGwRPYBAm5gYfwFBKwtrARRAh26vr7ljfx7TrLChtBcAa+zOSbPy/7vcTC6fV+04qimIArsALrBMXiJq1nUzQEc/AOmkw51QzdgUqAWyD7AEswA6MExeKUk6n2+zBInSJ7BKfuaZDKpRpcMa/UQUgTfWSd1jjEmlSTatXzpRlvJKJsacVtXrVlB72bWgjdiGwmEj8FOq1u4qapRprJVvkgXbFsZCTxomSqL4ssr0uQrY3TJ/AGjeFfVJlM8diaiCuDdlLiIfmNcP1+/wnu0hoVJ84oq7XeUhNXbE4dgPuEgU2Qh3PFbrx+Gs6E2hD/+tMJ3b+QadB2fiLZsG4/2poG3f6M5MMiDgVCgVAgFAgFQoFQIBQIBUKBUCAUCAVCgVAgFAgFQoFQIBQIBf66AiwLuv1jnAH/Zb/Go5abq/qdwvsLFhJNK583ctfg0Bnmrnwq+zVrYoDZM8E52M1yP9uvqcGmZP6O+CTl3LWYHdTm9yk4aCzilLZHe6XmAuzZEGL30ZrEpr64AUc2wDycK7a7X6P42BpzD+9fv4pIxn4tWznnwm0r/gQpiG1tFshTowAAAABJRU5ErkJggg==")
 }
 
 .icon-toggler-expanded:before,
 .icon-toggler-expanded:after {
   background-position: top left
 }
 
 .icon-toggler-collapsed:before,
 .icon-toggler-collapsed:after {
   background-position: bottom left
 }
 
 main .grid-container,
 header .grid-container,
 .navigation-a>div,
 footer>div {
   max-width: 968px
 }
 
 .header-a {
   margin-top: 30px
 }
 
 .footer-a {
   border-top: 1px solid #d9d9d9
 }
 
 .adjoined-top {
   background-color: #0287d0;
   color: #fff
 }
 
 .adjoined-top .content h1,
 .adjoined-top .content h2,
 .adjoined-top .content h3,
 .adjoined-top .content h4,
 .adjoined-top .content h5 {
   color: #fff
 }
 
 .adjoined-top .content p {
   font-size: 18px;
   font-size: 1.125rem;
   line-height: 32.4px;
   line-height: 2.02rem;
   font-weight: 100
 }
 
 .adjoined-top .content p a {
   text-decoration: none;
   border-bottom: 1px dotted #fff;
   color: inherit
 }
 
 .adjoined-top .content p a:hover {
   color: #e6e6e6
 }
 
 .adjoined-top .content button {
   color: #fff
 }
 
 .adjoined-top .content strong {
   color: #fff
 }
 
 .adjoined-top .content code {
   font-size: inherit;
   color: #0287d0
 }
 
 .adjoined-bottom {
   position: relative
 }
 
 .adjoined-bottom:before {
   z-index: -1;
   content: "";
   background: #0287d0;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 50%
 }
 
 main .grid-container,
 header .grid-container,
 .navigation-a>div,
 footer>div {
   max-width: 1052px
 }
 
 main .grid-container.freed-width {
   max-width: none
 }
 
 .switch {
   background: #027dc1;
   float: right;
   overflow: visible
 }
 
 .switch .balloon-a {
   position: absolute;
   top: -40px;
   right: 50%;
   margin-right: -15px;
   background: #ffefc1;
   border-bottom-color: #dcdca4
 }
 
 .switch .balloon-a:before {
   border-color: #ffefc1 transparent transparent transparent
 }
 
 #toolbar .editors-container {
   overflow: hidden;
   height: 0;
   -webkit-transition: height 200ms;
   -o-transition: height 200ms;
   transition: height 200ms
 }
 
 #toolbar .editors-container.active {
   height: auto
 }
 
 #main #editor {
   background: #fff;
   padding: 2% 4%;
   border: dashed 5px #0287d0
 }
 
 #main .adjoined-top:before {
   height: 335px
 }
 
 #toolbar .adjoined-top:before {
   height: 219px
 }
 
 #toolbar .adjoined-top .grid-container-nested {
   height: 147px
 }
 
 .content .grid-switch-magic {
   margin: 3.5em 0 0
 }
 
 #info-box {
   padding-bottom: 0
 }
 
 #info-box>div {
   width: 100%;
   text-align: right
 }
 
 #info-box>div .toggler {
   padding-right: 0
 }
 
 #info-box>div .toggler:hover {
   background: transparent;
   color: #000
 }
 
 #info-box>div .toggler:hover>label {
   text-decoration: underline
 }
 
 #info-box>div h2 {
   float: left;
   margin-top: 0
 }
 
 #info-box>div#instructions-container {
   text-align: left
 }
 
 #toolbarModifierWrapper {
   overflow: hidden;
   height: 0;
   opacity: 0;
   -webkit-transition: height 200ms;
   -o-transition: height 200ms;
   transition: height 200ms
 }
 
 #toolbarModifierWrapper.active {
   height: auto;
   opacity: 1
 }
 
 header {
   overflow: visible
 }
 
 header div.grid-container {
   overflow: visible
 }
 
 header .navigation-b {
   overflow: visible
 }
 
 header .navigation-b ul {
   overflow: visible
 }
 
 header .navigation-b a {
   position: relative
 }
 
 header .balloon-a {
   position: absolute;
   top: 48px;
   left: 50%;
   margin-left: -35px
 }
 
 @media (max-width: 1140px) {
   header .balloon-a {
     left: auto;
     margin-left: auto;
     right: 50%;
     margin-right: -35px
   }
   header .balloon-a:before {
     left: auto;
     right: 22px
   }
 }
 
 @media (max-width: 900px) {
   header .balloon-a {
     display: none
   }
 }
 
 header .header-a-logo img {
   width: 160px;
   height: 60px
 }
 
 #toolbar .cke_toolbar {
   pointer-events: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   cursor: default
 }
 
 .some-toolbar-active .cke_toolbar {
   zoom: 1;
   filter: alpha(opacity=50);
   -webkit-opacity: 0.5;
   -moz-opacity: 0.5;
   opacity: 0.5
 }
 
 .cke_toolbar.active {
   position: relative;
   zoom: 1;
   filter: alpha(opacity=100);
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
 }
 
 .cke_toolbar.active:after {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   right: 6px;
   bottom: 5px;
   left: 0;
   -webkit-border-radius: 5px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 5px;
   -moz-background-clip: padding;
   border-radius: 5px;
   background-clip: padding-box;
   -webkit-box-shadow: 0px 0px 15px 3px #fff4b0;
   box-shadow: 0px 0px 15px 3px #fff4b0
 }
 
 .cke_toolbar.active .cke_toolgroup {
   -webkit-box-shadow: none;
   box-shadow: none;
   border-color: #e3c300
 }
 
 .cke_toolbar.active .cke_combo,
 .cke_toolbar.active .cke_toolgroup {
   position: relative;
   z-index: 2
 }
 
 .cke_toolbar.active .cke_combo_button {
   -webkit-box-shadow: none;
   box-shadow: none
 }
 
 .unselectable {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
 }
 
 .toolbar {
   padding: 5px 0;
   margin-bottom: 2.4em;
   overflow: hidden;
   background: #fff
 }
 
 .toolbar button.button-a.cke_button {
   cursor: pointer;
   display: inline-block;
   padding: 4px 6px;
   outline: 0;
   border: 1px solid #a6a6a6
 }
 
 .toolbar button.button-a.hidden {
   display: none
 }
 
 .toolbar button.button-a.left {
   float: left;
   margin-right: 8px
 }
 
 .toolbar button.button-a.right {
   float: right;
   margin-left: 8px
 }
 
 .toolbar button.button-a .highlight {
   color: #ffefc1
 }
 
 .configContainer.hidden,
 .toolbarModifier.hidden,
 .toolbarModifier-hints.hidden {
   display: none
 }
 
 .toolbarModifier :focus,
 .toolbar button:focus,
 .configContainer textarea.configCode:focus {
   outline: none
 }
 
 div.toolbarModifier {
   padding: 0;
   overflow: hidden;
   width: 100%;
   position: relative;
   display: table;
   border-collapse: collapse
 }
 
 div.toolbarModifier ::-moz-focus-inner {
   border: 0
 }
 
 div.toolbarModifier .empty {
   display: none
 }
 
 div.toolbarModifier.empty-visible .empty {
   display: table-row;
   zoom: 1;
   filter: alpha(opacity=60);
   -webkit-opacity: 0.6;
   -moz-opacity: 0.6;
   opacity: 0.6
 }
 
 div.toolbarModifier .empty>p {
   line-height: 31px
 }
 
 div.toolbarModifier>ul {
   padding: 0;
   margin: 0;
   border-top: 1px solid #ccc;
   width: 100%
 }
 
 div.toolbarModifier>ul[data-type="table-header"] {
   display: table-header-group
 }
 
 div.toolbarModifier>ul[data-type="table-body"] {
   display: table-row-group
 }
 
 div.toolbarModifier>ul p {
   padding: 0;
   margin: 0
 }
 
 div.toolbarModifier>ul>li {
   display: table-row
 }
 
 div.toolbarModifier>ul>li[data-type="header"] {
   font-weight: bold;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   cursor: default
 }
 
 div.toolbarModifier>ul>li[data-type="group"],
 div.toolbarModifier>ul>li[data-type="separator"] {
   border-bottom: 1px solid #ccc
 }
 
 div.toolbarModifier>ul>li[data-type="subgroup"] {
   border-top: 1px solid #eee
 }
 
 div.toolbarModifier>ul>li[data-type="subgroup"]:first-child {
   border-top: none
 }
 
 div.toolbarModifier>ul>li[data-type="group"].active,
 div.toolbarModifier>ul>li[data-type="group"]:hover,
 div.toolbarModifier>ul>li[data-type="separator"].active,
 div.toolbarModifier>ul>li[data-type="separator"]:hover {
   overflow: hidden;
   z-index: 2
 }
 
 div.toolbarModifier>ul>li[data-type="group"].active,
 div.toolbarModifier>ul>li[data-type="separator"].active,
 div.toolbarModifier>ul>li[data-type="group"].active:hover,
 div.toolbarModifier>ul>li[data-type="separator"].active:hover {
   background: #f0fafb
 }
 
 div.toolbarModifier>ul>li[data-type="group"]:hover,
 div.toolbarModifier>ul>li[data-type="separator"]:hover {
   background: #fffbe3
 }
 
 div.toolbarModifier>ul>li[data-type="separator"] {
   background: #f5f5f5
 }
 
 div.toolbarModifier>ul>li[data-type="separator"]:after {
   content: "";
   width: 100%
 }
 
 div.toolbarModifier>ul>li[data-type="separator"]>p {
   padding: 2px 5px
 }
 
 div.toolbarModifier>ul>li>p,
 div.toolbarModifier>ul>li>ul {
   display: table-cell;
   vertical-align: middle
 }
 
 div.toolbarModifier>ul>li p {
   padding-left: 5px;
   min-width: 200px
 }
 
 div.toolbarModifier>ul>li p span {
   white-space: nowrap;
   cursor: default
 }
 
 div.toolbarModifier>ul>li p span button {
   font-size: 12.666px;
   margin-right: 5px;
   cursor: pointer;
   background: #fff;
   -webkit-border-radius: 5px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 5px;
   -moz-background-clip: padding;
   border-radius: 5px;
   background-clip: padding-box;
   border: 1px solid #bbb;
   padding: 0 7px;
   line-height: 12px;
   height: 20px
 }
 
 div.toolbarModifier>ul>li p span button:not(.disabled):hover,
 div.toolbarModifier>ul>li p span button:not(.disabled):focus {
   color: #fff;
   background-color: #454545;
   border-color: transparent
 }
 
 div.toolbarModifier>ul>li p span button.move.disabled {
   cursor: default;
   zoom: 1;
   filter: alpha(opacity=20);
   -webkit-opacity: 0.2;
   -moz-opacity: 0.2;
   opacity: 0.2
 }
 
 div.toolbarModifier>ul>li ul {
   border-collapse: collapse;
   padding: 0;
   width: 100%
 }
 
 div.toolbarModifier>ul>li ul li {
   display: table-row;
   list-style-type: none;
   line-height: 1
 }
 
 div.toolbarModifier>ul>li ul li[data-type="subgroup"] {
   border-top: 1px solid #ddd
 }
 
 div.toolbarModifier>ul>li ul li[data-type="subgroup"]:first-child {
   border-top: 0
 }
 
 div.toolbarModifier>ul>li ul li[data-type="subgroup"] [data-type="button"] {
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   padding: 0 2px
 }
 
 div.toolbarModifier>ul>li ul li[data-type="subgroup"] [data-type="button"]:focus {
   background: rgba(0, 0, 0, 0.04)
 }
 
 div.toolbarModifier>ul>li ul li[data-type="subgroup"] [data-type="button"] input {
   vertical-align: middle
 }
 
 div.toolbarModifier>ul>li ul li>p,
 div.toolbarModifier>ul>li ul li>ul {
   display: table-cell;
   vertical-align: middle
 }
 
 div.toolbarModifier>ul>li ul li ul {
   padding: 0
 }
 
 div.toolbarModifier>ul>li ul li ul li {
   padding: 0;
   display: inline-block;
   cursor: pointer;
   margin: 2px 5px 2px 0
 }
 
 div.toolbarModifier>ul>li ul li ul li .cke_combo_text {
   cursor: pointer;
   white-space: nowrap
 }
 
 div.toolbarModifier>ul>li ul li ul li .cke_toolgroup,
 div.toolbarModifier>ul>li ul li ul li .cke_combo_button {
   cursor: pointer;
   margin: 0;
   vertical-align: middle;
   border: 1px solid #ddd;
   font-size: 11.41px;
   font-size: 0.713rem;
   line-height: 20.54px;
   line-height: 1.28rem
 }
 
 div.toolbarModifier>.codemirror-wrapper {
   overflow-y: auto
 }
 
 div.toolbarModifier-hints {
   float: right;
   width: 350px;
   min-width: 150px;
   overflow-y: auto;
   margin-left: 1.5em
 }
 
 div.toolbarModifier-hints h3 {
   font-size: 18.08px;
   font-size: 1.13rem;
   line-height: 32.54px;
   line-height: 2.03rem;
   padding: 0.36em 1.5em;
   background: #f5f5f5;
   border-bottom: 1px solid #ddd;
   margin-top: 0;
   margin-bottom: 1.2em
 }
 
 div.toolbarModifier-hints dl {
   margin-bottom: 1.2em;
   overflow: hidden
 }
 
 div.toolbarModifier-hints dl .list-header {
   font-weight: bold;
   border: 0;
   padding-bottom: 0.6em
 }
 
 div.toolbarModifier-hints dl>p {
   text-align: center
 }
 
 div.toolbarModifier-hints dl dt {
   float: left;
   width: 9em;
   clear: both;
   text-align: right;
   border-top: 1px solid #ddd;
   padding-left: 1.5em;
   padding-right: 0.1em;
   -webkit-box-sizing: border-box;
   box-sizing: border-box
 }
 
 div.toolbarModifier-hints dl dt code {
   background: none;
   border: none;
   vertical-align: middle
 }
 
 div.toolbarModifier-hints dl dd {
   margin-left: 10em;
   clear: right;
   padding-right: 1.5em
 }
 
 div.toolbarModifier-hints dl dd code {
   line-height: 2.2em
 }
 
 div.toolbarModifier-hints dl dd:after {
   content: "\00a0";
   display: block;
   clear: left;
   float: right;
   height: 0;
   width: 0
 }
 
 .toolbarModifier-hints,
 .configContainer textarea.configCode,
 .CodeMirror {
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   border: 1px solid #ccc;
   font-size: 13.01px;
   font-size: 0.813rem;
   line-height: 23.42px;
   line-height: 1.46rem
 }
 
 .configContainer textarea.configCode,
 .CodeMirror pre,
 .CodeMirror-linenumber {
   font-size: 13.01px;
   font-size: 0.813rem;
   line-height: 23.42px;
   line-height: 1.46rem;
   font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif
 }
 
 .CodeMirror pre {
   border: none;
   padding: 0;
   margin: 0
 }
 
 .configContainer textarea.configCode {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   color: #575757;
   padding: 10px;
   width: 100%;
   min-height: 500px;
   margin: 0;
   resize: none;
   outline: none;
   -moz-tab-size: 4;
   -o-tab-size: 4;
      tab-size: 4;
   white-space: pre;
   word-wrap: normal;
   overflow: auto
 }
 
 .CodeMirror-hints.toolbar-modifier {
   padding: 0;
   color: #575757;
   font-size: 14px;
   font-size: 0.875rem;
   line-height: 25.2px;
   line-height: 1.57rem;
   font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif
 }
 
 .CodeMirror-hints.toolbar-modifier .CodeMirror-hint-active {
   color: #575757;
   background: #f0fafb
 }
 
 .CodeMirror-hints.toolbar-modifier>li:hover {
   background: #fffbe3
 }
 
 #toolbarModifierWrapper {
   margin-bottom: 1.2em
 }
 
 #toolbarModifierWrapper .invalid .CodeMirror {
   background: #fff8f8;
   border-color: red
 }
 
 #toolbarModifierWrapper .CodeMirror {
   height: auto;
   padding: 0 0.6em
 }
 
 .staticContainer {
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 10
 }
 
 .staticContainer>.grid-container {
   max-width: 1052px
 }
 
 .staticContainer>.grid-container .inner {
   background: #fff
 }
 
 .staticContainer>.grid-container .inner .toolbar {
   margin-bottom: 0
 }
 
 #help {
   position: relative;
   top: -15px;
   left: -5px
 }
 
 #help-content {
   display: none
 }
 
 .cm-s-neo.CodeMirror {
   background-color: #ffffff;
   color: #2e383c;
   line-height: 1.4375
 }
 
 .cm-s-neo .cm-comment {
   color: #75787b
 }
 
 .cm-s-neo .cm-keyword,
 .cm-s-neo .cm-property {
   color: #1d75b3
 }
 
 .cm-s-neo .cm-atom,
 .cm-s-neo .cm-number {
   color: #75438a
 }
 
 .cm-s-neo .cm-node,
 .cm-s-neo .cm-tag {
   color: #9c3328
 }
 
 .cm-s-neo .cm-string {
   color: #b35e14
 }
 
 .cm-s-neo .cm-variable,
 .cm-s-neo .cm-qualifier {
   color: #047d65
 }
 
 .cm-s-neo pre {
   padding: 0
 }
 
 .cm-s-neo .CodeMirror-gutters {
   border: none;
   border-right: 10px solid transparent;
   background-color: transparent
 }
 
 .cm-s-neo .CodeMirror-linenumber {
   padding: 0;
   color: #e0e2e5
 }
 
 .cm-s-neo .CodeMirror-guttermarker {
   color: #1d75b3
 }
 
 .cm-s-neo .CodeMirror-guttermarker-subtle {
   color: #e0e2e5
 }
 
 .SidebarTrigger-Mobile {
   display: none
 }
 
 @media only screen and (max-width: 768px) {
   .SidebarTrigger-Mobile {
     display: block;
     position: absolute;
     top: 25px;
     left: 13px;
     z-index: 11
   }
 }
 
 .SidebarTrigger-Mobile svg {
   width: 20px;
   height: 20px
 }
 
 .SidebarTrigger-Mobile svg path {
   fill: #133b5e
 }
 
 .mbl-nav aside.Sidebar {
   margin-left: 0;
   width: 280px;
   -webkit-transition: all ease 0.2s;
   -o-transition: all ease 0.2s;
   transition: all ease 0.2s
 }
 
 aside.Sidebar {
   width: 300px;
   height: 100%;
   background: #36485e;
   position: fixed;
   z-index: 10;
   -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
           box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
   -webkit-transition: all ease 0.2s;
   -o-transition: all ease 0.2s;
   transition: all ease 0.2s
 }
 
 @media only screen and (max-width: 768px) {
   aside.Sidebar {
     margin-left: -300px
   }
 }
 
 aside.Sidebar .logo {
   width: 100%;
   height: 70px;
   background: #fff
 }
 
 aside.Sidebar .logo svg {
   height: 50px
 }
 
 aside.Sidebar .NavLinks {
   height: calc(100% - 70px)
 }
 
 aside.Sidebar .NavLinks ul li a {
   border-bottom: 1px solid rgba(255, 255, 255, 0.05);
   padding: 16px 20px;
   display: block;
   font-size: 14px;
   color: rgba(255, 255, 255, 0.5);
   font-weight: 300;
   letter-spacing: 1px;
   -webkit-transition: all ease 0.2s;
   -o-transition: all ease 0.2s;
   transition: all ease 0.2s
 }
 
 aside.Sidebar .NavLinks ul li a i {
   margin-right: 10px
 }
 
 aside.Sidebar .NavLinks ul li a i svg {
   width: 20px;
   height: 20px
 }
 
 aside.Sidebar .NavLinks ul li a i svg path {
   fill: rgba(255, 255, 255, 0.5)
 }
 
 aside.Sidebar .NavLinks ul li a:hover {
   background: rgba(0, 0, 0, 0.07);
   text-decoration: none;
   color: #fff;
   -webkit-transition: all ease 0.2s;
   -o-transition: all ease 0.2s;
   transition: all ease 0.2s
 }
 
 aside.Sidebar .NavLinks ul li a:hover i svg path {
   fill: #fff
 }
 
 aside.Sidebar .NavLinks ul li a.active {
   color: #fff;
   position: relative
 }
 
 aside.Sidebar .NavLinks ul li a.active::before {
   content: "";
   width: 3px;
   height: 100%;
   background: #790000;
   position: absolute;
   top: 0;
   left: 0
 }
 
 aside.Sidebar .NavLinks ul li a.active i svg path {
   fill: #790000
 }
 
 header#header {
   width: 100%
 }
 
 header#header nav.navbar {
   background: #fff !important;
   padding: 0;
   -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.07);
   -ms-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.07);
   -o-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.07);
   box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.07)
 }
 
 header#header nav.navbar .wrapper {
   width: 100%;
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: nowrap;
   flex-flow: nowrap
 }
 
 @media only screen and (max-width: 1025px) {
   header#header nav.navbar .wrapper {
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     -moz-justify-content: space-between;
     justify-content: space-between
   }
 }
 
 header#header nav.navbar .navbar-brand img {
   width: 200px
 }
 
 @media only screen and (max-width: 1025px) {
   header#header nav.navbar .navbar-brand img {
     width: 200px
   }
 }
 
 header#header nav.navbar .navbar-collapse {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -moz-justify-content: center;
   justify-content: center
 }
 
 @media only screen and (max-width: 768px) {
   header#header nav.navbar .navbar-collapse {
     position: absolute;
     top: 100%;
     right: 0;
     left: 0;
     background: #fff;
     -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
     -ms-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
     -o-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
     z-index: 10
   }
 }
 
 header#header nav.navbar .navbar-collapse .navbar-nav {
   height: 100%
 }
 
 header#header nav.navbar .navbar-collapse .navbar-nav li.nav-item a.nav-link {
   font-size: 20px;
   color: #1b1b1b;
   font-weight: 400;
   padding: 10px 30px;
   margin: 0 5px
 }
 
 @media only screen and (max-width: 1400px) {
   header#header nav.navbar .navbar-collapse .navbar-nav li.nav-item a.nav-link {
     font-size: 17px;
     padding: 7px 20px
   }
 }
 
 @media only screen and (max-width: 1025px) {
   header#header nav.navbar .navbar-collapse .navbar-nav li.nav-item a.nav-link {
     padding: 5px 15px;
     font-size: 16px
   }
 }
 
 header#header nav.navbar .navbar-collapse .navbar-nav li.nav-item a.nav-link:hover {
   color: #8d1f11;
   text-decoration: none
 }
 
 header#header nav.navbar .navbar-collapse .navbar-nav li.nav-item.active {
   position: relative
 }
 
 header#header nav.navbar .navbar-collapse .navbar-nav li.nav-item.active::after {
   content: "";
   width: 100%;
   height: 6px;
   position: absolute;
   bottom: 0;
   left: 0;
   background: #8d1f11
 }
 
 @media only screen and (max-width: 1025px) {
   header#header nav.navbar .navbar-collapse .navbar-nav li.nav-item.active::after {
     height: 4px
   }
 }
 
 @media only screen and (max-width: 768px) {
   header#header nav.navbar .navbar-collapse .navbar-nav li.nav-item.active::after {
     width: 4px;
     height: 100%
   }
 }
 
 header#header nav.navbar .navbar-collapse .navbar-nav li.nav-item.active a.nav-link {
   color: #8d1f11
 }
 
 header#header nav.navbar .header-right-main {
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: nowrap;
   flex-flow: nowrap
 }
 
 header#header nav.navbar .header-right-main .notification-search {
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: nowrap;
   flex-flow: nowrap
 }
 
 @media only screen and (max-width: 768px) {
   header#header nav.navbar .header-right-main .notification-search {
     display: none
   }
 }
 
 header#header nav.navbar .header-right-main .notification-search>div {
   padding: 10px 30px
 }
 
 @media only screen and (max-width: 1025px) {
   header#header nav.navbar .header-right-main .notification-search>div {
     padding: 7px 20px
   }
 }
 
 @media only screen and (max-width: 768px) {
   header#header nav.navbar .header-right-main .notification-search>div {
     padding: 5px 15px
   }
 }
 
 header#header nav.navbar .header-right-main .notification-search>div a {
   display: inline-block;
   position: relative
 }
 
 header#header nav.navbar .header-right-main .notification-search>div a i svg {
   width: 26px;
   height: 26px
 }
 
 @media only screen and (max-width: 1025px) {
   header#header nav.navbar .header-right-main .notification-search>div a i svg {
     width: 22px;
     height: 22px
   }
 }
 
 header#header nav.navbar .header-right-main .notification-search>div a i svg path {
   fill: #3f3f3f
 }
 
 header#header nav.navbar .header-right-main .notification-search .header-notification .noti-indicator {
   position: absolute;
   top: -8px;
   right: -8px;
   background: #8d1f11;
   font-size: 12px;
   color: #fff;
   font-weight: 400;
   text-align: center;
   padding: 3px 7px;
   border-radius: 50%
 }
 
 @media only screen and (max-width: 1025px) {
   header#header nav.navbar .header-right-main .notification-search .header-notification .noti-indicator {
     font-size: 10px;
     padding: 1px 5px;
     right: -2px
   }
 }
 
 header#header nav.navbar .header-right-main .notification-search .header-search {
   padding-left: 10px
 }
 
 @media only screen and (max-width: 1025px) {
   header#header nav.navbar .header-right-main .notification-search .header-search {
     padding-left: 5px
   }
 }
 
 header#header nav.navbar .header-right-main .header-user-parent {
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: nowrap;
   flex-flow: nowrap
 }
 
 header#header nav.navbar .header-right-main .header-user-parent .header-user .nav-link.dropdown-toggle::after {
   width: 10px;
   height: 6px;
   background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='6px'%3E%3Cpath fill-rule='evenodd' fill='rgb(85, 85, 85)' d='M-0.007,-0.005 L4.994,4.686 L9.989,-0.005 L9.989,1.308 L4.994,6.000 L-0.007,1.308 L-0.007,-0.005 Z'/%3E%3C/svg%3E") no-repeat center;
   border: none;
   margin-left: 10px
 }
 
 header#header nav.navbar .header-right-main .header-user-parent .header-user .nav-link .user-name {
   font-size: 18px;
   color: #696969;
   font-weight: 400;
   text-align: right
 }
 
 @media only screen and (max-width: 1025px) {
   header#header nav.navbar .header-right-main .header-user-parent .header-user .nav-link .user-name {
     font-size: 14px
   }
 }
 
 @media only screen and (max-width: 768px) {
   header#header nav.navbar .header-right-main .header-user-parent .header-user .nav-link .user-name {
     display: none
   }
 }
 
 header#header nav.navbar .header-right-main .header-user-parent .header-user .nav-link .user-name strong {
   font-weight: 700;
   color: #133a5d;
   display: block
 }
 
 header#header nav.navbar .header-right-main .header-user-parent .header-user .nav-link .user-pic {
   margin-left: 7px;
   background: #76085e;
   width: 52px;
   height: 52px;
   border-radius: 50%;
   border: 1px solid #e1e1e1;
   overflow: hidden
 }
 
 @media only screen and (max-width: 1025px) {
   header#header nav.navbar .header-right-main .header-user-parent .header-user .nav-link .user-pic {
     width: 40px;
     height: 40px
   }
 }
 
 header#header nav.navbar .header-right-main .header-user-parent .header-user .nav-link .user-pic img {
   width: auto;
   height: auto;
   /* -o-object-fit: cover;
      object-fit: cover */
 }
 
 header#header nav.navbar .header-right-main .header-user-parent .header-user .dropdown-menu {
   padding: 0;
   border-radius: 0px;
   background-color: #fff;
   -webkit-box-shadow: 0px 4px 3.56px 0.44px rgba(0, 0, 0, 0.06);
   -ms-box-shadow: 0px 4px 3.56px 0.44px rgba(0, 0, 0, 0.06);
   -o-box-shadow: 0px 4px 3.56px 0.44px rgba(0, 0, 0, 0.06);
   box-shadow: 0px 4px 3.56px 0.44px rgba(0, 0, 0, 0.06);
   border: none;
   min-width: 180px
 }
 
 header#header nav.navbar .header-right-main .header-user-parent .header-user .dropdown-menu .dropdown-item {
   font-size: 15px;
   color: #1b1b1b;
   font-weight: 400;
   padding: 7px 10px
 }
 
 @media only screen and (max-width: 1025px) {
   header#header nav.navbar .header-right-main .header-user-parent .header-user .dropdown-menu .dropdown-item {
     font-size: 13px;
     padding: 5px 8px
   }
 }
 
 header#header nav.navbar .header-right-main .header-user-parent .header-user .dropdown-menu .dropdown-item i svg {
   width: 18px;
   height: 16px
 }
 
 @media only screen and (max-width: 1025px) {
   header#header nav.navbar .header-right-main .header-user-parent .header-user .dropdown-menu .dropdown-item i svg {
     width: 15px;
     height: 14px
   }
 }
 
 header#header nav.navbar .header-right-main .header-user-parent .header-user .dropdown-menu .dropdown-item i svg path {
   fill: #3f3f3f
 }
 
 header#header nav.navbar .header-right-main .header-user-parent .header-user .dropdown-menu .dropdown-item span {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2;
   margin-left: 10px;
   border-left: 1px solid #e1e1e1;
   padding-left: 10px
 }
 
 @media only screen and (max-width: 1025px) {
   header#header nav.navbar .header-right-main .header-user-parent .header-user .dropdown-menu .dropdown-item span {
     margin-left: 6px;
     padding-left: 6px
   }
 }
 
 header#header nav.navbar .header-right-main .header-user-parent .header-user .dropdown-menu .dropdown-item:hover {
   color: #8d1f11
 }
 
 header#header nav.navbar .header-right-main .header-user-parent .header-user .dropdown-menu .dropdown-item:hover i svg path {
   fill: #8d1f11
 }
 
 header#header nav.navbar .header-right-main .header-user-parent .header-mcafee {
   position: relative;
   padding-left: 15px
 }
 
 @media only screen and (max-width: 1025px) {
   header#header nav.navbar .header-right-main .header-user-parent .header-mcafee {
     padding-left: 7px
   }
 }
 
 @media only screen and (max-width: 768px) {
   header#header nav.navbar .header-right-main .header-user-parent .header-mcafee {
     display: none
   }
 }
 
 header#header nav.navbar .header-right-main .header-user-parent .header-mcafee::before {
   content: "";
   width: 1px;
   height: 60%;
   position: absolute;
   top: 50%;
   left: 0;
   -webkit-transform: translateY(-50%);
       -ms-transform: translateY(-50%);
           transform: translateY(-50%);
   background: #e1e1e1
 }
 
 header#header nav.navbar .header-right-main .header-user-parent .header-mcafee img {
   width: 185px
 }
 
 @media only screen and (max-width: 1025px) {
   header#header nav.navbar .header-right-main .header-user-parent .header-mcafee img {
     width: 100px
   }
 }
 
 #LoginLayout {
   width: 100%;
   height: 100%;
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: nowrap;
   flex-flow: nowrap
 }
 
 @media only screen and (max-width: 1025px) {
   #LoginLayout {
     -ms-flex-flow: wrap;
     flex-flow: wrap
   }
 }
 
 #LoginLayout .login-left {
   width: 40%;
   height: 100%;
   -webkit-background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   -webkit-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -moz-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -ms-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -o-background: -o-linear-gradient(left, #8d1f11, #0a3d5b);
   background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   padding: 50px;
   position: relative
 }
 
 @media only screen and (max-width: 1025px) {
   #LoginLayout .login-left {
     width: 100%;
     height: 350px
   }
 }
 
 @media only screen and (max-width: 768px) {
   #LoginLayout .login-left {
     height: auto;
     padding: 20px
   }
 }
 
 #LoginLayout .login-left h2 {
   font-size: 36px;
   color: #fff;
   font-weight: 400;
   text-transform: uppercase;
   position: relative;
   z-index: 9;
   text-align: center
 }
 
 #LoginLayout .login-left h2 span {
   font-weight: 700;
   display: block
 }
 
 #LoginLayout .login-left .login-thumb {
   margin-top: 20px
 }
 
 @media only screen and (max-width: 768px) {
   #LoginLayout .login-left .login-thumb {
     display: none
   }
 }
 
 #LoginLayout .login-left .login-thumb img {
   max-width: 90%
 }
 
 @media only screen and (max-width: 1025px) {
   #LoginLayout .login-left .login-thumb img {
     max-height: 200px
   }
 }
 
 #LoginLayout .login-right {
   width: 60%;
   height: 100%;
   padding: 80px 50px;
   background: #fff;
   overflow: auto;
   position: relative;
   z-index: 9
 }
 
 @media only screen and (max-width: 1025px) {
   #LoginLayout .login-right {
     width: 100%;
     height: auto;
     padding: 50px 30px
   }
 }
 
 #LoginLayout .login-right .right-wpr {
   width: 90%;
   height: 100%;
   max-width: 580px
 }
 
 #LoginLayout .login-right h1 {
   font-size: 24px;
   color: #133b5e;
   font-weight: 700;
   text-align: center;
   text-transform: uppercase;
   margin-top: 20px
 }
 
 #LoginLayout .login-right .login-logo img {
   width: 350px
 }
 
 #LoginLayout .login-right .login-form {
   padding: 80px 0;
   width: 100%;
   max-width: 400px
 }
 
 @media only screen and (max-width: 1025px) {
   #LoginLayout .login-right .login-form {
     padding: 30px 0
   }
 }
 
 #LoginLayout .login-right .login-form .form-group {
   margin-bottom: 15px
 }
 
 #LoginLayout .login-right .login-form .form-group label {
   padding-top: 3px
 }
 
 #LoginLayout .login-right .login-form .form-group .form-control {
   background: none;
   font-size: 13px;
   color: #1b1b1b
 }
 
 #LoginLayout .login-right .login-footer img {
   max-width: 240px
 }
 
 #particles-js {
   position: absolute;
   width: 100%;
   height: 100%;
   background-image: url("");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: 50% 50%;
   z-index: 0
 }
 
 .container-bg {
   position: relative
 }
 
 @media only screen and (max-width: 768px) {
   .container-bg {
     margin-top: 15px !important
   }
 }
 
 .container-bg .container-close {
   width: 62px;
   height: 62px;
   position: absolute;
   top: -31px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   background: #fff;
   border-radius: 50%
 }
 
 @media only screen and (max-width: 768px) {
   .container-bg .container-close {
     width: 40px;
     height: 40px;
     top: -20px
   }
 }
 
 .container-bg .container-close svg {
   width: 20px;
   height: 20px
 }
 
 @media only screen and (max-width: 768px) {
   .container-bg .container-close svg {
     width: 14px;
     height: 14px
   }
 }
 
 .container-bg .container-close svg path {
   fill: #8d1f11
 }
 
 .container-bg .profile-container {
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: nowrap;
   flex-flow: nowrap
 }
 
 @media only screen and (max-width: 1025px) {
   .container-bg .profile-container {
     -ms-flex-flow: wrap;
     flex-flow: wrap
   }
 }
 
 .container-bg .profile-container .user-pic {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2
 }
 
 @media only screen and (max-width: 1025px) {
   .container-bg .profile-container .user-pic {
     width: 50%
   }
 }
 
 @media only screen and (max-width: 768px) {
   .container-bg .profile-container .user-pic {
     width: 100%
   }
 }
 
 .container-bg .profile-container .user-pic .user-avatar {
   width: 210px;
   height: 210px;
   border-radius: 50%;
   background: #133b5e;
   overflow: hidden
 }
 
 @media only screen and (max-width: 768px) {
   .container-bg .profile-container .user-pic .user-avatar {
     width: 120px;
     height: 120px
   }
 }
 
 .container-bg .profile-container .user-pic .user-avatar img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover
 }
 
 .container-bg .profile-container .user-details {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2;
   margin-left: 30px;
   padding-left: 30px;
   border-left: 1px solid #e1e1e1
 }
 
 @media only screen and (max-width: 1025px) {
   .container-bg .profile-container .user-details {
     width: 50%
   }
 }
 
 @media only screen and (max-width: 768px) {
   .container-bg .profile-container .user-details {
     width: 100%;
     margin-top: 30px;
     margin-left: 0;
     padding-left: 0;
     border: none
   }
 }
 
 .container-bg .profile-container .user-details .user-info>div {
   font-size: 18px;
   color: #1b1b1b;
   font-weight: 400;
   margin-bottom: 15px
 }
 
 @media only screen and (max-width: 768px) {
   .container-bg .profile-container .user-details .user-info>div {
     font-size: 13px
   }
 }
 
 .container-bg .profile-container .user-details .user-info>div label {
   font-weight: bold;
   color: #133b5e
 }
 
 @media only screen and (max-width: 768px) {
   .container-bg .profile-container .user-details .user-info>div label {
     display: block;
     margin: 0
   }
 }
 
 .container-bg .profile-container .user-score {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2;
   -webkit-background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   -webkit-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -moz-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -ms-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -o-background: -o-linear-gradient(left, #8d1f11, #0a3d5b);
   background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   margin-left: 30px
 }
 
 @media only screen and (max-width: 1025px) {
   .container-bg .profile-container .user-score {
     width: 100%;
     margin-top: 50px;
     -webkit-box-flex: 1;
         -ms-flex: auto;
             flex: auto
   }
 }
 
 @media only screen and (max-width: 768px) {
   .container-bg .profile-container .user-score {
     margin-left: 0
   }
 }
 
 @media only screen and (max-width: 768px) {
   .container-bg .profile-container .user-score {
     margin-top: 30px
   }
 }
 
 .container-bg .profile-container .user-score .score-circle {
   width: 200px;
   height: 200px;
   border-radius: 50%;
   position: relative;
   font-size: 240px;
   margin: 50px;
   background-color: #fff
 }
 
 .container-bg .profile-container .user-score .score-circle::after {
   content: " ";
   width: 170px;
   height: 170px;
   position: absolute;
   top: 15px;
   left: 15px;
   display: block;
   border-radius: 50%;
   -webkit-background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   -webkit-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -moz-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -ms-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -o-background: -o-linear-gradient(left, #8d1f11, #0a3d5b);
   background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -webkit-transition: all ease-out .2s;
   -o-transition: all ease-out .2s;
   transition: all ease-out .2s
 }
 
 .container-bg .profile-container .user-score .score-circle>.score-cnt {
   position: absolute;
   top: 0;
   left: 0;
   width: 200px;
   height: 200px;
   z-index: 1;
   font-size: 15px;
   color: #fff;
   font-weight: 300;
   text-align: center;
   white-space: nowrap;
   -webkit-transition: all ease-out .2s;
   -o-transition: all ease-out .2s;
   transition: all ease-out .2s
 }
 
 .container-bg .profile-container .user-score .score-circle>.score-cnt strong {
   font-size: 24px;
   display: block;
   font-weight: 700;
   -webkit-transition: all ease-out .2s;
   -o-transition: all ease-out .2s;
   transition: all ease-out .2s
 }
 
 .container-bg .profile-container .user-score .score-circle .slice {
   position: absolute;
   width: 200px;
   height: 200px;
   clip: rect(0px, 200px, 200px, 100px)
 }
 
 .container-bg .profile-container .user-score .score-circle .slice .bar {
   position: absolute;
   width: 170px;
   height: 170px;
   border: 15px solid #1cbbb4;
   clip: rect(0px, 100px, 200px, 0px);
   border-radius: 50%;
   -webkit-transform: rotate(30deg);
   -ms-transform: rotate(30deg);
   transform: rotate(30deg)
 }
 
 .container-bg .profile-container .user-score .score-circle:hover {
   cursor: default
 }
 
 .container-bg .profile-container .user-score .score-circle:hover:after {
   width: 180px;
   height: 180px;
   top: 10px;
   left: 10px
 }
 
 .container-bg .profile-container .user-score .score-circle:hover>.score-cnt {
   font-size: 18px
 }
 
 .container-bg .profile-container .user-score .score-circle:hover>.score-cnt strong {
   font-size: 28px;
   -webkit-transition: all ease-out .2s;
   -o-transition: all ease-out .2s;
   transition: all ease-out .2s
 }
 
 .container-bg .profile-container .user-score .score-circle *,
 .container-bg .profile-container .user-score .score-circle *:before,
 .container-bg .profile-container .user-score .score-circle *:after {
   -webkit-box-sizing: content-box;
   box-sizing: content-box
 }
 
 .flex-container {
   padding: 30px 0
 }
 
 @media only screen and (max-width: 768px) {
   .flex-container {
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column
   }
 }
 
 .flex-container h3 {
   font-size: 20px;
   color: #133b5e;
   font-weight: 700;
   margin-bottom: 30px
 }
 
 @media only screen and (max-width: 768px) {
   .flex-container h3 {
     font-size: 15px;
     margin-bottom: 20px
   }
 }
 
 .flex-container .edit-profile {
   -webkit-box-flex: 3;
       -ms-flex: 3;
           flex: 3;
   padding-left: 50px
 }
 
 @media only screen and (max-width: 1025px) {
   .flex-container .edit-profile {
     padding-left: 25px
   }
 }
 
 @media only screen and (max-width: 768px) {
   .flex-container .edit-profile {
     width: 100%;
     padding-left: 0
   }
 }
 
 .flex-container .edit-profile .form-row {
   margin-left: -15px;
   margin-right: -15px
 }
 
 .flex-container .edit-profile .form-row>.col,
 .flex-container .edit-profile .form-row>[class*="col-"] {
   padding-left: 15px;
   padding-right: 15px
 }
 
 .flex-container .edit-profile .form-group {
   margin-bottom: 40px
 }
 
 @media only screen and (max-width: 768px) {
   .flex-container .edit-profile .form-group {
     margin-bottom: 10px
   }
 }
 
 .flex-container .profile-pic {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2;
   margin-left: 50px;
   text-align: center
 }
 
 @media only screen and (max-width: 768px) {
   .flex-container .profile-pic {
     width: 100%;
     margin-left: 0;
     margin-top: 30px
   }
 }
 
 .flex-container .profile-pic .upload-pic-parent {
   text-align: center
 }
 
 .flex-container .profile-pic .upload-pic-parent .uploaded-pic {
   display: inline-block;
   width: 125px;
   height: 125px;
   border-radius: 35px;
   background: #0a3d62;
   overflow: hidden
 }
 
 .flex-container .profile-pic .upload-pic-parent .uploaded-pic img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover
 }
 
 .flex-container .profile-pic .upload-pic-parent .upload-btn {
   text-align: center;
   margin-top: 20px
 }
 
 .flex-container .profile-pic .upload-pic-parent .upload-btn label {
   font-size: 14px;
   color: #fff;
   font-weight: 400;
   background: #1cbbb4;
   padding: 8px 20px;
   border-radius: 13px;
   -webkit-box-shadow: 0px 5px 0px #0c9d97;
           box-shadow: 0px 5px 0px #0c9d97;
   cursor: pointer
 }
 
 .flex-container .profile-pic .upload-pic-parent .upload-btn input {
   display: none
 }
 
 .page-title.spacer {
   padding: 20px 50px;
   margin-bottom: 50px
 }
 
 @media only screen and (max-width: 1025px) {
   .page-title.spacer {
     padding: 15px 35px
   }
 }
 
 @media only screen and (max-width: 768px) {
   .page-title.spacer {
     padding: 10px 25px
   }
 }
 
 @media only screen and (max-width: 768px) {
   .page-header {
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column
   }
 }
 
 .page-header.withLeftTop {
   -webkit-box-align: start;
   -ms-flex-align: start;
   -moz-align-items: flex-start;
   align-items: flex-start
 }
 
 @media only screen and (max-width: 768px) {
   .page-header.withLeftTop {
     -webkit-box-align: center;
     -ms-flex-align: center;
     -moz-align-items: center;
     align-items: center
   }
 }
 
 .page-header .header-next-prev a {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   width: 48px;
   height: 48px;
   border-radius: 10px
 }
 
 @media only screen and (max-width: 1400px) {
   .page-header .header-next-prev a {
     width: 40px;
     height: 40px
   }
 }
 
 .page-header .header-next-prev a svg {
   width: 24px;
   height: 21px
 }
 
 @media only screen and (max-width: 1400px) {
   .page-header .header-next-prev a svg {
     width: 18px;
     height: 18px
   }
 }
 
 .page-header .header-next-prev a svg path {
   fill: #790000
 }
 
 .page-header .header-next-prev a:first-child svg path {
   fill: #790000
 }
 
 .page-header .header-next-prev a:last-child svg path {
   fill: #133b5e
 }
 
 .page-header .header-next-prev a:hover {
   background: #f4f6f8
 }
 
 .page-header .page-title {
   margin: 0 20px
 }
 
 @media only screen and (max-width: 768px) {
   .page-header .page-title {
     margin-left: 0;
     margin: 20px 0
   }
 }
 
 .page-header .header-action {
   text-align: right;
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2
 }
 
 .page-header .header-action .btn {
   border-radius: 10px
 }
 
 .test-blocks {
   padding: 30px 0
 }
 
 @media only screen and (max-width: 768px) {
   .test-blocks {
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column
   }
 }
 
 .test-blocks .tst-block1 {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2;
   text-align: center;
   padding: 0 30px
 }
 
 .test-blocks .tst-block1+.tst-block1 {
   border-left: 1px solid #e1e1e1
 }
 
 @media only screen and (max-width: 768px) {
   .test-blocks .tst-block1+.tst-block1 {
     margin-top: 30px;
     border-left: none;
     border-top: 1px solid #e1e1e1;
     padding-top: 30px
   }
 }
 
 .test-blocks .tst-block1 h3 {
   font-size: 33px;
   color: #3b3b3b;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 10px
 }
 
 @media only screen and (max-width: 768px) {
   .test-blocks .tst-block1 h3 {
     font-size: 20px
   }
 }
 
 .test-blocks .tst-block1 p {
   font-size: 18px;
   color: #585858;
   font-weight: 400;
   text-transform: uppercase
 }
 
 @media only screen and (max-width: 768px) {
   .test-blocks .tst-block1 p {
     font-size: 14px
   }
 }
 
 .test-blocks .tst-block1>div {
   margin-top: 15px
 }
 
 .tst-options {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2
 }
 
 @media only screen and (max-width: 768px) {
   .tst-options {
     margin-top: 30px;
     padding-top: 30px
   }
 }
 
 .tst-options .test-opnt+.test-opnt {
   margin-top: 50px
 }
 
 .tst-options .test-opnt h3 {
   font-size: 24px;
   color: #133b5e;
   font-weight: 500;
   margin-bottom: 10px
 }
 
 @media only screen and (max-width: 768px) {
   .tst-options .test-opnt h3 {
     font-size: 18px
   }
 }
 
 .tst-options .test-opnt p {
   font-size: 18px;
   color: #1b1b1b;
   font-weight: 400
 }
 
 @media only screen and (max-width: 768px) {
   .tst-options .test-opnt p {
     font-size: 14px
   }
 }
 
 .tst-options>form {
   max-width: 350px
 }
 
 .header-cnt {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2;
   padding-left: 20px
 }
 
 .header-cnt .header-cnt-row {
   border-bottom: 1px solid #e1e1e1;
   padding: 10px 0
 }
 
 @media only screen and (max-width: 768px) {
   .header-cnt .header-cnt-row {
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     text-align: center
   }
 }
 
 .header-cnt .header-cnt-row:first-child {
   padding-top: 0
 }
 
 .header-cnt .header-cnt-row h4 {
   font-size: 24px;
   color: #133b5e;
   font-weight: 700;
   margin: 0
 }
 
 @media only screen and (max-width: 1400px) {
   .header-cnt .header-cnt-row h4 {
     font-size: 20px
   }
 }
 
 .header-cnt .header-cnt-row a.btn {
   margin: 0 20px
 }
 
 @media only screen and (max-width: 1400px) {
   .header-cnt .header-cnt-row a.btn {
     margin: 0 10px
   }
 }
 
 .header-cnt .header-cnt-row p {
   font-size: 18px;
   color: #1b1b1b;
   font-weight: 400;
   margin: 0
 }
 
 @media only screen and (max-width: 1400px) {
   .header-cnt .header-cnt-row p {
     font-size: 14px
   }
 }
 
 @media only screen and (max-width: 768px) {
   .header-cnt .header-cnt-row p {
     width: 100%;
     display: block;
     padding: 5px
   }
 }
 
 .header-cnt .header-cnt-row p+p {
   margin-left: 20px
 }
 
 @media only screen and (max-width: 1400px) {
   .header-cnt .header-cnt-row p+p {
     margin-left: 10px
   }
 }
 
 @media only screen and (max-width: 768px) {
   .header-cnt .header-cnt-row p+p {
     margin-left: 0px
   }
 }
 
 .header-cnt .header-cnt-row p+p strong {
   margin-left: 15px
 }
 
 .header-cnt .header-cnt-row .switch {
   width: 60px;
   margin-left: 20px
 }
 
 .tabs-header {
   border-bottom: 1px solid #dadada;
   margin-top: 20px;
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: nowrap;
   flex-flow: nowrap;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   -moz-justify-content: flex-end;
   justify-content: flex-end
 }
 
 @media only screen and (max-width: 1400px) {
   .tabs-header {
     margin-top: 15px
   }
 }
 
 @media only screen and (max-width: 768px) {
   .tabs-header {
     -ms-flex-flow: wrap;
     flex-flow: wrap
   }
 }
 
 .tabs-header ul {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2
 }
 
 @media only screen and (max-width: 768px) {
   .tabs-header ul {
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column
   }
 }
 
 .tabs-header ul li {
   margin-right: 10px;
   height: 100%
 }
 
 @media only screen and (max-width: 768px) {
   .tabs-header ul li {
     width: 100%
   }
 }
 
 .tabs-header ul li a {
   height: 100%;
   padding: 10px 20px;
   font-size: 18px;
   color: #363636;
   font-weight: 400;
   border-bottom: 4px solid transparent
 }
 
 @media only screen and (max-width: 1400px) {
   .tabs-header ul li a {
     padding: 7px 10px;
     font-size: 15px;
     border-bottom-width: 3px
   }
 }
 
 .tabs-header ul li a strong {
   font-size: 22px;
   font-weight: 700;
   display: inline-block;
   margin-right: 5px
 }
 
 @media only screen and (max-width: 1400px) {
   .tabs-header ul li a strong {
     font-size: 19px
   }
 }
 
 .tabs-header ul li a.active {
   border-bottom: 4px solid #790000;
   position: relative;
   color: #790000
 }
 
 @media only screen and (max-width: 1400px) {
   .tabs-header ul li a.active {
     border-bottom-width: 3px
   }
 }
 
 .tabs-header ul li a.active::after {
   position: absolute;
   bottom: 0px;
   left: 50%;
   -webkit-transform: translateX(-50%);
       -ms-transform: translateX(-50%);
           transform: translateX(-50%);
   content: "";
   display: block;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 5px 6px 5px;
   border-color: transparent transparent #790000 transparent
 }
 
 .tabs-header ul li a:hover {
   text-decoration: none;
   color: #790000
 }
 
 .tabs-header .nominate-main {
   float: right
 }
 
 @media only screen and (max-width: 768px) {
   .tabs-header .nominate-main {
     margin-top: 15px;
     width: 100%
   }
 }
 
 .tabs-header .nominate-main h4 {
   font-size: 16px;
   color: #133b5e;
   font-weight: 700;
   text-transform: uppercase
 }
 
 @media only screen and (max-width: 1400px) {
   .tabs-header .nominate-main h4 {
     font-size: 13px
   }
 }
 
 .tabs-header .nominate-main h4 span {
   display: inline-block
 }
 
 .tabs-header .nominate-main h4 i {
   width: 16px;
   height: 16px;
   background: #a1a1a1;
   border-radius: 50%
 }
 
 .tabs-header .nominate-main h4 i svg {
   width: 10px;
   height: 10px
 }
 
 .tabs-header .nominate-main h4 i svg path {
   fill: #fff
 }
 
 .tabs-header .nominate-main .NominateEnter {
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: nowrap;
   flex-flow: nowrap;
   position: relative;
   margin-bottom: 15px;
   font-size: 13px;
   color: #1b1b1b;
   font-weight: 400;
   border: 1px solid #e0e7ff;
   border-radius: 5px;
   padding: 4px
 }
 
 @media only screen and (max-width: 1400px) {
   .tabs-header .nominate-main .NominateEnter {
     font-size: 12px;
     padding: 2px
   }
 }
 
 .tabs-header .nominate-main .NominateEnter:focus {
   border-color: #133b5e;
   -webkit-box-shadow: 0 0 0 1px #133b5e;
   -ms-box-shadow: 0 0 0 1px #133b5e;
   -o-box-shadow: 0 0 0 1px #133b5e;
   box-shadow: 0 0 0 1px #133b5e
 }
 
 .tabs-header .nominate-main .NominateEnter input.ipt {
   border: none;
   background-color: none;
   padding: 0 7px;
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2;
   font-size: 14px;
   color: #1b1b1b;
   font-weight: 300
 }
 
 @media only screen and (max-width: 1400px) {
   .tabs-header .nominate-main .NominateEnter input.ipt {
     font-size: 12px
   }
 }
 
 .tabs-header .nominate-main .NominateEnter input.btn {
   display: block
 }
 
 .QuestionsContainerMain {
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: nowrap;
   flex-flow: nowrap;
   padding-top: 30px
 }
 
 @media only screen and (max-width: 768px) {
   .QuestionsContainerMain {
     -ms-flex-flow: wrap;
     flex-flow: wrap
   }
 }
 
 .QuestionsContainerMain .QueOptions {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2;
   padding-right: 15px
 }
 
 @media only screen and (max-width: 768px) {
   .QuestionsContainerMain .QueOptions {
     width: 100%;
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column
   }
 }
 
 .QuestionsContainerMain .QueOptions .QueSidebar {
   width: 275px
 }
 
 .QuestionsContainerMain .QueOptions .QueSidebar .QueOptPara {
   background-color: #fff;
   -webkit-box-shadow: 0px 2px 6px 0px rgba(100, 100, 100, 0.23);
           box-shadow: 0px 2px 6px 0px rgba(100, 100, 100, 0.23);
   margin-bottom: 10px
 }
 
 .QuestionsContainerMain .QueOptions .QueSidebar .QueOptPara .OptLabel a {
   padding: 15px 20px;
   display: block
 }
 
 .QuestionsContainerMain .QueOptions .QueSidebar .QueOptPara .OptLabel a h3 {
   font-size: 16px;
   color: #133b5e;
   font-weight: 400;
   margin: 0
 }
 
 .QuestionsContainerMain .QueOptions .QueSidebar .QueOptPara .OptLabel a p {
   font-size: 14px;
   color: #4b4b4b;
   font-weight: 400;
   margin: 0
 }
 
 .QuestionsContainerMain .QueOptions .QueSidebar .QueOptPara .OptLabel a:hover {
   color: #790000;
   text-decoration: none
 }
 
 .QuestionsContainerMain .QueOptions .QueSidebar .QueOptPara .OptLabel a.active {
   background: rgba(121, 0, 0, 0.1);
   position: relative;
   overflow: hidden
 }
 
 .QuestionsContainerMain .QueOptions .QueSidebar .QueOptPara .OptLabel a.active::after {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   width: 7px;
   content: "";
   background: #790000
 }
 
 .QuestionsContainerMain .QueOptions .QueSidebar .QueOptPara .OptLabel a.active h3,
 .QuestionsContainerMain .QueOptions .QueSidebar .QueOptPara .OptLabel a.active p {
   color: #790000
 }
 
 .QuestionsContainerMain .QueOptions .QueSidebar .QueOptPara ul li a {
   font-size: 14px;
   color: #363636;
   font-weight: 400;
   display: block;
   padding: 10px 20px
 }
 
 .QuestionsContainerMain .QueOptions .QueSidebar .QueOptPara ul li a:hover {
   color: #790000;
   text-decoration: none
 }
 
 .QuestionsContainerMain .QueOptions .QueSidebar .QueOptPara ul li a.active {
   color: #790000;
   background: rgba(121, 0, 0, 0.1);
   position: relative
 }
 
 .QuestionsContainerMain .QueOptions .QueSidebar .QueOptPara ul li a.active::after {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   width: 7px;
   content: "";
   background: #790000
 }
 
 .QuestionsContainerMain .QueOptions .QueLists {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2;
   margin-left: 30px;
   height: 480px
 }
 
 @media only screen and (max-width: 768px) {
   .QuestionsContainerMain .QueOptions .QueLists {
     margin-left: 0;
     margin-top: 20px;
     height: auto
   }
 }
 
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock {
   margin-bottom: 30px
 }
 
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock .QueCnt {
   margin-bottom: 20px
 }
 
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock .QueCnt .QueCount {
   font-size: 15px;
   color: #133b5e;
   font-weight: 700;
   position: relative
 }
 
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock .QueCnt .QueCount::after {
   content: ":"
 }
 
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock .QueCnt .QueText {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2;
   margin-left: 6px;
   font-size: 15px;
   color: #1f2133;
   font-weight: 400
 }
 
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock .AnsOpt {
   margin-top: 10px
 }
 
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock .AnsOpt ul li {
   font-size: 14px;
   color: #1f2133;
   font-weight: 400;
   margin-bottom: 5px
 }
 
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock.Library {
   padding: 10px 15px;
   border-bottom: 1px solid #dadada;
   margin-bottom: 10px
 }
 
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock.Library:hover {
   background: #f4f6f8
 }
 
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock.Library .QueActn a {
   display: inline-block;
   margin-left: 10px;
   position: relative
 }
 
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock.Library .QueActn a svg {
   width: 16px;
   height: 16px
 }
 
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock.Library .QueActn a.btnLbl {
   background: #204d7b;
   border-radius: 4px;
   padding: 5px 8px;
   font-size: 12px;
   color: #fff;
   font-weight: 400;
   white-space: nowrap
 }
 
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock.Library .QueActn a:hover .ChartPop {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
 }
 
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock.Library .QueActn .ChartPop {
   position: absolute;
   top: 100%;
   left: 50%;
   background-color: #fff;
   -webkit-box-shadow: 0px 2px 6px 0px rgba(100, 100, 100, 0.23);
           box-shadow: 0px 2px 6px 0px rgba(100, 100, 100, 0.23);
   -webkit-transform: translateX(-50%);
       -ms-transform: translateX(-50%);
           transform: translateX(-50%);
   z-index: 10;
   padding: 20px 0;
   display: none
 }
 
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock.Library .QueActn .ChartPop>div {
   text-align: center;
   padding: 5px 20px
 }
 
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock.Library .QueActn .ChartPop>div+div {
   border-left: 1px solid #ebebeb
 }
 
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock.Library .QueActn .ChartPop>div h3 {
   font-size: 14px;
   color: #1b1b1b;
   font-weight: 700;
   margin: 0
 }
 
 .QuestionsContainerMain .QueOptions .QueLists .QueBlock.Library .QueActn .ChartPop>div p {
   font-size: 12px;
   color: #1b1b1b;
   font-weight: 400;
   margin: 0
 }
 
 .QuestionsContainerMain .QueContainer {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2;
   padding-left: 15px;
   border-left: 1px solid #e1e1e1
 }
 
 @media only screen and (max-width: 768px) {
   .QuestionsContainerMain .QueContainer {
     width: 100%;
     margin-top: 20px;
     padding-left: 0;
     border-left: none
   }
 }
 
 @media only screen and (max-width: 768px) {
   .QuestionsContainerMain .QueContainer .QueActionsHead {
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     margin-top: 30px
   }
 }
 
 .QuestionsContainerMain .QueContainer .QueActionsHead a.btn {
   font-size: 14px;
   font-weight: normal;
   text-transform: none
 }
 
 @media only screen and (max-width: 768px) {
   .QuestionsContainerMain .QueContainer .QueActionsHead a.btn+a {
     margin-top: 10px
   }
 }
 
 .QuestionsContainerMain .QueContainer .QueActionsHead a.btn svg {
   width: 22px;
   height: 22px
 }
 
 .QuestionsContainerMain .QueContainer .QueFormMain {
   height: 418px
 }
 
 @media only screen and (max-width: 768px) {
   .QuestionsContainerMain .QueContainer .QueFormMain {
     height: auto
   }
 }
 
 .QuestionsContainerMain .QueContainer .QueFormMain .form-group {
   margin-bottom: 22px
 }
 
 .QuestionsContainerMain .QueContainer .QueFormMain h3 {
   font-size: 18px;
   color: #133b5e;
   font-weight: 600;
   margin: 10px 0;
   text-transform: uppercase
 }
 
 .QuestionsContainerMain .QueContainer .QueFormMain h3 span {
   font-size: 14px;
   color: #7e8a9e;
   font-weight: 300;
   text-transform: none
 }
 
 .QuestionsContainerMain .QueContainer .QueFormMain .custom-control .custom-control-label {
   font-size: 18px;
   color: #133b5e;
   font-weight: 300
 }
 
 @media only screen and (max-width: 1400px) {
   .QuestionsContainerMain .QueContainer .QueFormMain .custom-control .custom-control-label {
     font-size: 16px
   }
 }
 
 @media only screen and (max-width: 768px) {
   .QuestionsContainerMain .QueContainer .QueFormMain .custom-control .custom-control-label {
     font-size: 14px
   }
 }
 
 @media only screen and (max-width: 600px) {
   .QuestionsContainerMain .QueContainer .QueFormMain .custom-control .custom-control-label {
     font-size: 13px
   }
 }
 
 .searchFld {
   position: relative
 }
 
 .searchFld .form-control {
   padding-right: 30px
 }
 
 .searchFld .srch-ic {
   position: absolute;
   top: 10px;
   right: 14px
 }
 
 .searchFld .srch-ic svg {
   width: 18px;
   height: 18px
 }
 
 .StoredQuestionsList .StoreQueBlock>ul {
   margin-left: 40px
 }
 
 .StoredQuestionsList .StoreQueBlock>ul>li {
   padding: 10px 0;
   border-bottom: 1px solid #dadada
 }
 
 .StoredQuestionsList .StoreQueBlock>ul ul {
   margin-left: 20px
 }
 
 .StoredQuestionsList .StoreQueBlock>ul ul li {
   padding: 5px 0
 }
 
 .assessmentSettingsMain {
   margin-top: 30px
 }
 
 @media only screen and (max-width: 768px) {
   .assessmentSettingsMain {
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column
   }
 }
 
 .assessmentSettingsMain .nav-tabs {
   width: 275px;
   border-bottom: none
 }
 
 @media only screen and (max-width: 768px) {
   .assessmentSettingsMain .nav-tabs {
     width: 100%
   }
 }
 
 .assessmentSettingsMain .nav-tabs .nav-item {
   width: 100%;
   margin-bottom: 8px
 }
 
 .assessmentSettingsMain .nav-tabs .nav-item a.nav-link {
   background-color: #fff;
   -webkit-box-shadow: 0px 2px 6px 0px rgba(100, 100, 100, 0.23);
           box-shadow: 0px 2px 6px 0px rgba(100, 100, 100, 0.23);
   display: block;
   padding: 20px 15px;
   font-size: 18px;
   color: #1b1b1b;
   font-weight: 400;
   border: none
 }
 
 @media only screen and (max-width: 768px) {
   .assessmentSettingsMain .nav-tabs .nav-item a.nav-link {
     font-size: 14px;
     padding: 15px 10px
   }
 }
 
 .assessmentSettingsMain .nav-tabs .nav-item a.nav-link:hover {
   color: #790000
 }
 
 .assessmentSettingsMain .nav-tabs .nav-item a.nav-link.active {
   position: relative;
   color: #790000
 }
 
 .assessmentSettingsMain .nav-tabs .nav-item a.nav-link.active::after {
   content: "";
   position: absolute;
   /* top: 0; */
   right: 0;
   bottom: 0;
   /* width: 5px; */
   background: #790000
 }
 
 .assessmentSettingsMain .tab-content {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2;
   margin-left: 80px
 }
 
 @media only screen and (max-width: 768px) {
   .assessmentSettingsMain .tab-content {
     margin-left: 0;
     margin-top: 20px
   }
 }
 
 .assessmentSettingsMain .tab-content .form-row h3 {
   font-size: 18px;
   color: #133b5e;
   font-weight: 400
 }
 
 .assessmentSettingsMain .tab-content .icbox {
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: nowrap;
   flex-flow: nowrap;
   height: 100%;
   margin-bottom: 15px
 }
 
 .assessmentSettingsMain .tab-content .icbox .lftic {
   width: 33%;
   background: #133b5e;
   padding: 10px;
   border-radius: 4px 0 0 4px
 }
 
 .assessmentSettingsMain .tab-content .icbox .lftic svg {
   width: 40px;
   height: 40px
 }
 
 .assessmentSettingsMain .tab-content .icbox .lftic svg path {
   fill: #fff
 }
 
 .assessmentSettingsMain .tab-content .icbox .rgtcnt {
   width: 66%;
   padding: 10px;
   border-radius: 0 4px 4px 0;
   background-color: #fff;
   -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.09);
           box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.09)
 }
 
 .assessmentSettingsMain .tab-content .icbox .rgtcnt h3 {
   font-size: 18px;
   color: #1b1b1b;
   font-weight: 700;
   text-align: center
 }
 
 .assessmentSettingsMain .tab-content .icbox .rgtcnt p {
   font-size: 12px;
   color: #000;
   font-weight: 300
 }
 
 .candidateDtlsList h3 {
   font-size: 20px;
   color: #133b5e;
   font-weight: 700;
   text-transform: uppercase
 }
 
 .candidateDtlsList .custom-checkbox2 {
   margin-top: 15px
 }
 
 .candidateDtlsList .custom-control-label {
   font-size: 16px;
   color: #1b1b1b;
   font-weight: 400
 }
 
 .template-block,
 .template-preview {
   height: 100px;
   background-color: #e0e7ff;
   margin-bottom: 20px;
   font-size: 18px;
   color: #790000;
   font-weight: 400
 }
 
 .template-preview {
   height: 400px
 }
 
 .exportTo {
   float: right
 }
 
 .exportTo label {
   font-size: 18px;
   color: #132262;
   font-weight: 400;
   margin: 0;
   margin-right: 10px
 }
 
 .exportTo>div>a {
   width: 42px;
   height: 36px;
   border: 1px solid #133b5e;
   border-radius: 4px;
   margin-left: 10px
 }
 
 .exportTo>div>a svg {
   width: 24px;
   height: 24px
 }
 
 .TestOverview td span {
   display: block
 }
 
 .analysis-date {
   margin-left: 20px
 }
 
 .analysis-date i {
   margin-right: 10px
 }
 
 .analysis-date i svg {
   width: 24px;
   height: 24px
 }
 
 .analysis-date i svg path {
   fill: #133b5e
 }
 
 .analysis-date>span {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2;
   font-size: 16px;
   color: #133b5e;
   font-weight: 400
 }
 
 .analysisContainer {
   margin-top: 30px
 }
 
 @media only screen and (max-width: 768px) {
   .analysisContainer {
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column
   }
 }
 
 .analysisContainer .block1+.block1 {
   margin-top: 30px;
   padding-top: 30px;
   border-top: 1px solid #ccc
 }
 
 @media only screen and (max-width: 768px) {
   .analysisContainer .block1+.block1 {
     margin-top: 15px;
     padding-top: 15px
   }
 }
 
 .analysisContainer .block1.timings label {
   font-size: 18px;
   color: #1b1b1b;
   font-weight: 700
 }
 
 @media only screen and (max-width: 768px) {
   .analysisContainer .block1.timings label {
     font-size: 14px
   }
 }
 
 .analysisContainer .block1.timings span {
   font-size: 18px;
   color: #1b1b1b;
   font-weight: 400
 }
 
 @media only screen and (max-width: 768px) {
   .analysisContainer .block1.timings span {
     font-size: 14px
   }
 }
 
 .analysisContainer .block1 p {
   font-size: 18px;
   color: #1b1b1b;
   font-weight: 400
 }
 
 @media only screen and (max-width: 768px) {
   .analysisContainer .block1 p {
     font-size: 14px
   }
 }
 
 .analysisContainer .block1 ul li label {
   font-size: 18px;
   color: #1b1b1b;
   font-weight: 400;
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2
 }
 
 @media only screen and (max-width: 768px) {
   .analysisContainer .block1 ul li label {
     font-size: 14px
   }
 }
 
 .analysisContainer .block1 ul li span {
   width: 50px;
   font-size: 18px;
   color: #790000;
   font-weight: 700
 }
 
 @media only screen and (max-width: 768px) {
   .analysisContainer .block1 ul li span {
     font-size: 14px
   }
 }
 
 .analysisContainer .anlysSidebar {
   width: 300px;
   background-color: #fff;
   -webkit-box-shadow: 0px 2px 6px 0px rgba(100, 100, 100, 0.23);
           box-shadow: 0px 2px 6px 0px rgba(100, 100, 100, 0.23);
   padding: 20px
 }
 
 @media only screen and (max-width: 768px) {
   .analysisContainer .anlysSidebar {
     width: 100%;
     padding: 10px
   }
 }
 
 .analysisContainer .anlysSidebar h3 {
   font-size: 18px;
   color: #133b5e;
   font-weight: 700
 }
 
 @media only screen and (max-width: 768px) {
   .analysisContainer .anlysSidebar h3 {
     font-size: 14px
   }
 }
 
 .analysisContainer .anlysCnt {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2;
   margin-left: 40px
 }
 
 @media only screen and (max-width: 768px) {
   .analysisContainer .anlysCnt {
     margin-left: 0;
     margin-top: 30px
   }
 }
 
 .analysisContainer .anlysCnt .tpblt {
   -webkit-background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   -webkit-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -moz-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -ms-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -o-background: -o-linear-gradient(left, #8d1f11, #0a3d5b);
   background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   border-radius: 8px;
   padding: 15px 0
 }
 
 .analysisContainer .anlysCnt .tpblt>div {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2
 }
 
 .analysisContainer .anlysCnt .tpblt>div+div {
   border-left: 1px dashed rgba(255, 255, 255, 0.3)
 }
 
 .analysisContainer .anlysCnt .tpblt>div h3 {
   font-size: 30px;
   color: #fff;
   font-weight: 700;
   margin: 0
 }
 
 @media only screen and (max-width: 768px) {
   .analysisContainer .anlysCnt .tpblt>div h3 {
     font-size: 20px
   }
 }
 
 .analysisContainer .anlysCnt .tpblt>div p {
   font-size: 14px;
   color: rgba(255, 255, 255, 0.5);
   font-weight: 400;
   margin: 0
 }
 
 @media only screen and (max-width: 768px) {
   .analysisContainer .anlysCnt .tpblt>div p {
     font-size: 12px
   }
 }
 
 .analysisContainer .anlysCnt .chartBox {
   background-color: #fff;
   -webkit-box-shadow: 0px 2px 6px 0px rgba(100, 100, 100, 0.23);
           box-shadow: 0px 2px 6px 0px rgba(100, 100, 100, 0.23);
   padding: 20px
 }
 
 .analysisContainer .anlysCnt .chartBox h3 {
   font-size: 24px;
   color: #133b5e;
   font-weight: 700;
   text-align: center
 }
 
 @media only screen and (max-width: 768px) {
   .analysisContainer .anlysCnt .chartBox h3 {
     font-size: 17px
   }
 }
 
 .QueLstBlock {
   margin-bottom: 40px
 }
 
 .QueLstBlock .QueLstLbl span {
   display: inline-block;
   padding: 3px 8px;
   font-size: 15px;
   font-weight: 400
 }
 
 @media only screen and (max-width: 768px) {
   .QueLstBlock .QueLstLbl span {
     font-size: 13px
   }
 }
 
 .QueLstBlock .QueLstLbl span.default {
   background: #e1e1e1;
   color: #1b1b1b
 }
 
 .QueLstBlock .QueLstLbl span.green {
   background: #1cbbb4;
   color: #fff
 }
 
 .QueLstBlock .QueLstLbl span.red {
   background: #790000;
   color: #fff
 }
 
 .QueLstBlock .QueLstLbl span.blue {
   background: #133b5e;
   color: #fff
 }
 
 .QueLstBlock .QueLstQ {
   padding-top: 10px
 }
 
 .QueLstBlock .QueLstQ .QueLstCount {
   margin-right: 10px;
   font-size: 18px;
   color: #1b1b1b;
   font-weight: 400
 }
 
 @media only screen and (max-width: 768px) {
   .QueLstBlock .QueLstQ .QueLstCount {
     font-size: 14px
   }
 }
 
 .QueLstBlock .QueLstQ .QueLstCnt {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2;
   font-size: 18px;
   color: #1b1b1b;
   font-weight: 600
 }
 
 @media only screen and (max-width: 768px) {
   .QueLstBlock .QueLstQ .QueLstCnt {
     font-size: 14px
   }
 }
 
 .QueLstBlock .QueLstOptns {
   font-size: 18px;
   color: #133b5e;
   font-weight: 400;
   margin-top: 15px
 }
 
 @media only screen and (max-width: 768px) {
   .QueLstBlock .QueLstOptns {
     font-size: 14px
   }
 }
 
 .QueLstBlock .QstMta h3 {
   font-size: 18px;
   color: #1b1b1b;
   font-weight: 700;
   margin: 0;
   margin-top: 20px
 }
 
 @media only screen and (max-width: 768px) {
   .QueLstBlock .QstMta h3 {
     font-size: 14px;
     margin-top: 12px
   }
 }
 
 .QueLstBlock .QstMta p {
   font-size: 18px;
   color: #1b1b1b;
   font-weight: 400;
   margin: 0
 }
 
 @media only screen and (max-width: 768px) {
   .QueLstBlock .QstMta p {
     font-size: 14px
   }
 }
 
 .ShortListed {
   padding: 30px !important
 }
 
 @media only screen and (max-width: 768px) {
   .ShortListed {
     padding: 15px !important
   }
 }
 
 @media only screen and (max-width: 1025px) {
   .page-header.multiInfoHeader {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap
   }
 }
 
 .page-header.multiInfoHeader .pageTitleLeft {
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-direction: normal;
   -webkit-box-orient: vertical;
   -moz-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: start;
   -ms-flex-align: start;
   -moz-align-items: flex-start;
   align-items: flex-start;
   width: 33%;
   margin-right: 5px
 }
 
 @media only screen and (max-width: 1025px) {
   .page-header.multiInfoHeader .pageTitleLeft {
     width: 100%;
     margin-bottom: 20px
   }
 }
 
 .page-header.multiInfoHeader .pageTitleLeft .PgTitle {
   margin-bottom: 10px
 }
 
 .page-header.multiInfoHeader .pageTitleLeft .PgTitle .header-next-prev {
   width: 100px
 }
 
 @media only screen and (max-width: 768px) {
   .page-header.multiInfoHeader .pageTitleLeft .PgTitle {
     width: 100%;
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -moz-justify-content: center;
     justify-content: center
   }
 }
 
 @media only screen and (max-width: 600px) {
   .page-header.multiInfoHeader .pageTitleLeft .ExpTo {
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     -moz-align-items: flex-start;
     align-items: flex-start
   }
 }
 
 .page-header.multiInfoHeader .pageTitleLeft .ExpTo h3 {
   font-size: 18px;
   color: #133b5e;
   font-weight: 400;
   margin-right: 20px;
   margin-bottom: 0
 }
 
 @media only screen and (max-width: 600px) {
   .page-header.multiInfoHeader .pageTitleLeft .ExpTo h3 {
     margin-bottom: 10px
   }
 }
 
 .page-header.multiInfoHeader .pageTitleLeft .ExpTo .fileAction {
   margin: 0 -10px
 }
 
 .page-header.multiInfoHeader .pageTitleLeft .ExpTo .fileAction li {
   padding: 0 10px
 }
 
 .page-header.multiInfoHeader .pageTitleLeft .ExpTo .fileAction li a {
   width: 40px;
   height: 40px;
   border: 1px solid #5e5d65;
   border-radius: 6px;
   padding: 8px;
   text-align: center
 }
 
 .page-header.multiInfoHeader .pageTitleLeft .ExpTo .fileAction li a:hover {
   -webkit-background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   -webkit-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -moz-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -ms-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -o-background: -o-linear-gradient(left, #8d1f11, #0a3d5b);
   background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   background: linear-gradient(90deg, #8d1f11, #0a3d5b)
 }
 
 .page-header.multiInfoHeader .pageTitleLeft .ExpTo .fileAction li a:hover i svg path {
   fill: #fff !important
 }
 
 .page-header.multiInfoHeader .pageTitleLeft .ExpTo .fileAction li a i {
   width: 28px;
   height: 28px;
   display: block
 }
 
 .page-header.multiInfoHeader .pageTitleLeft .ExpTo .fileAction li a i svg {
   height: 100%
 }
 
 .page-header.multiInfoHeader .CenterInfo {
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-direction: normal;
   -webkit-box-orient: vertical;
   -moz-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: start;
   -ms-flex-align: start;
   -moz-align-items: flex-start;
   align-items: flex-start;
   width: 33%;
   margin-right: 5px
 }
 
 @media only screen and (max-width: 1025px) {
   .page-header.multiInfoHeader .CenterInfo {
     width: 48%;
     margin-bottom: 20px
   }
 }
 
 @media only screen and (max-width: 768px) {
   .page-header.multiInfoHeader .CenterInfo {
     width: 100%;
     margin-right: 0
   }
 }
 
 .page-header.multiInfoHeader .CenterInfo .CntrTop {
   border-bottom: 1px solid #e1e1e1;
   padding: 5px 0;
   margin-bottom: 10px;
   width: 100%
 }
 
 @media only screen and (max-width: 600px) {
   .page-header.multiInfoHeader .CenterInfo .CntrTop {
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     -moz-align-items: flex-start;
     align-items: flex-start
   }
 }
 
 .page-header.multiInfoHeader .CenterInfo .CntrTop h3 {
   font-size: 24px;
   color: #133b5e;
   font-weight: 700;
   padding-right: 20px;
   margin-bottom: 0;
   min-width: 80px
 }
 
 @media only screen and (max-width: 768px) {
   .page-header.multiInfoHeader .CenterInfo .CntrTop h3 {
     font-size: 18px
   }
 }
 
 @media only screen and (max-width: 600px) {
   .page-header.multiInfoHeader .CenterInfo .CntrTop h3 {
     margin-bottom: 10px
   }
 }
 
 .page-header.multiInfoHeader .CenterInfo .CntrTop label {
   font-size: 16px;
   color: #133b5e;
   font-weight: 400;
   margin-bottom: 0
 }
 
 .page-header.multiInfoHeader .CenterInfo .CntrTop label i {
   width: 25px;
   height: 25px;
   margin-right: 10px
 }
 
 .page-header.multiInfoHeader .CenterInfo .CntrTop label i svg {
   width: 100%
 }
 
 .page-header.multiInfoHeader .CenterInfo .CntrBottom {
   padding: 5px 0;
   width: 100%;
   border-bottom: 1px solid #e1e1e1
 }
 
 @media only screen and (max-width: 600px) {
   .page-header.multiInfoHeader .CenterInfo .CntrBottom ul {
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     -moz-align-items: flex-start;
     align-items: flex-start
   }
 }
 
 .page-header.multiInfoHeader .CenterInfo .CntrBottom ul li {
   margin-right: 20px
 }
 
 .page-header.multiInfoHeader .CenterInfo .CntrBottom ul li:last-child {
   margin-right: 0
 }
 
 .page-header.multiInfoHeader .CenterInfo .CntrBottom ul li p {
   font-size: 18px;
   color: #1b1b1b;
   font-weight: 500;
   margin-bottom: 0
 }
 
 @media only screen and (max-width: 1400px) {
   .page-header.multiInfoHeader .CenterInfo .CntrBottom ul li p {
     font-size: 15px
   }
 }
 
 @media only screen and (max-width: 768px) {
   .page-header.multiInfoHeader .CenterInfo .CntrBottom ul li p {
     font-size: 13px
   }
 }
 
 .page-header.multiInfoHeader .CenterInfo .CntrBottom ul li p span {
   color: #133b5e;
   font-weight: 700;
   margin-left: 15px
 }
 
 @media only screen and (max-width: 600px) {
   .page-header.multiInfoHeader .CenterInfo .CntrBottom ul li p {
     font-size: 15px
   }
 }
 
 @media only screen and (max-width: 600px) {
   .page-header.multiInfoHeader .CenterInfo .CntrBottom ul li {
     margin-bottom: 8px
   }
 }
 
 .page-header.multiInfoHeader .RightInfo {
   width: 33%;
   padding-left: 15px;
   border-left: 1px solid #e1e1e1
 }
 
 @media only screen and (max-width: 1025px) {
   .page-header.multiInfoHeader .RightInfo {
     width: 48%;
     margin-bottom: 20px
   }
 }
 
 @media only screen and (max-width: 768px) {
   .page-header.multiInfoHeader .RightInfo {
     width: 100%;
     margin-right: 0;
     border-left: 0;
     padding-left: 0
   }
 }
 
 .page-header.multiInfoHeader .RightInfo h3 {
   font-size: 18px;
   color: #133b5e;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 0
 }
 
 @media only screen and (max-width: 768px) {
   .page-header.multiInfoHeader .RightInfo h3 {
     font-size: 15px;
     margin-bottom: 10px
   }
 }
 
 @media only screen and (max-width: 600px) {
   .page-header.multiInfoHeader .RightInfo ul {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -moz-justify-content: center;
     justify-content: center
   }
 }
 
 .page-header.multiInfoHeader .RightInfo ul li {
   padding: 10px
 }
 
 .page-header.multiInfoHeader .RightInfo ul li a {
   font-size: 12px;
   color: #1b1b1b;
   font-weight: 400;
   text-align: center;
   text-decoration: none
 }
 
 .page-header.multiInfoHeader .RightInfo ul li a:hover {
   color: #133b5e
 }
 
 .page-header.multiInfoHeader .RightInfo ul li a:hover i svg path {
   fill: #133b5e
 }
 
 .page-header.multiInfoHeader .RightInfo ul li a i {
   display: block;
   width: 24px;
   height: 24px
 }
 
 .page-header.multiInfoHeader .RightInfo ul li a i svg {
   width: 100%;
   height: 100%
 }
 
 .page-header.multiInfoHeader .RightInfo ul li a span {
   display: block
 }
 
 .dataTables_filter label .form-control[type="search"] {
   background-image: url(../img/search.svg);
   background-repeat: no-repeat;
   background-position: top 11px right;
   padding-right: 25px
 }
 
 .actBtn {
   padding: 6px;
   background-color: #f1f1f1;
   border-radius: 4px;
   text-decoration: none
 }
 
 .actBtn:hover {
   background-color: #133b5e
 }
 
 .actBtn:hover svg path {
   fill: #fff
 }
 
 .TestDetails {
   padding: 30px !important
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetails {
     padding: 15px !important
   }
 }
 
 @media only screen and (max-width: 1025px) {
   .TestDetails .page-header.multiInfoHeader {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap
   }
 }
 
 .TestDetails .page-header.multiInfoHeader .pageTitleLeft {
   width: 35%
 }
 
 @media only screen and (max-width: 1025px) {
   .TestDetails .page-header.multiInfoHeader .pageTitleLeft {
     width: 100%;
     margin-bottom: 20px
   }
 }
 
 .TestDetails .page-header.multiInfoHeader .CenterInfo {
   width: 40%
 }
 
 @media only screen and (max-width: 1025px) {
   .TestDetails .page-header.multiInfoHeader .CenterInfo {
     width: 48%
   }
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetails .page-header.multiInfoHeader .CenterInfo {
     width: 100%
   }
 }
 
 .TestDetails .page-header.multiInfoHeader .RightInfo {
   width: 25%
 }
 
 @media only screen and (max-width: 1025px) {
   .TestDetails .page-header.multiInfoHeader .RightInfo {
     width: 48%
   }
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetails .page-header.multiInfoHeader .RightInfo {
     width: 100%
   }
 }
 
 .TestDetails .table td {
   font-size: 16px
 }
 
 .TestDetails .table td a {
   font-weight: 500
 }
 
 .TestDetails .table td p {
   color: #133b5e;
   margin: 0;
   font-weight: 500
 }
 
 .TestDetails .table td .btn {
   padding: 4px 10px;
   text-transform: capitalize
 }
 
 .TestDetails .table td .btn svg path {
   fill: #ffffff
 }
 
 .dataTables_filter label .form-control[type="search"] {
   background-image: url(../img/search.svg);
   background-repeat: no-repeat;
   background-position: top 11px right;
   padding-right: 25px
 }
 
 .actBtn {
   padding: 6px;
   background-color: #f1f1f1;
   border-radius: 4px;
   text-decoration: none
 }
 
 .actBtn:hover {
   background-color: #133b5e
 }
 
 .actBtn:hover svg path {
   fill: #fff
 }
 
 .TestDetailsTabs {
   padding: 30px !important
 }
 
 @media only screen and (max-width: 1025px) {
   .TestDetailsTabs {
     padding: 15px !important
   }
 }
 
 .TestDetailsTabs .page-header {
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   -moz-justify-content: flex-start;
   justify-content: flex-start
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .tabs-header>.nav-tabs {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -moz-justify-content: center;
     justify-content: center
   }
 }
 
 .TestDetailsTabs .tabs-header>.nav-tabs .nav-item .nav-link {
   border: 0;
   border-bottom: 4px solid transparent
 }
 
 .TestDetailsTabs .tabs-header>.nav-tabs .nav-item .nav-link i {
   width: 23px;
   height: 23px;
   display: inline-block;
   margin-right: 5px
 }
 
 .TestDetailsTabs .tabs-header>.nav-tabs .nav-item .nav-link i svg {
   height: 100%;
   width: 100%
 }
 
 @media only screen and (max-width: 1025px) {
   .TestDetailsTabs .tabs-header>.nav-tabs .nav-item .nav-link i {
     margin-bottom: 8px;
     margin-right: 0
   }
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .tabs-header>.nav-tabs .nav-item .nav-link i {
     margin-bottom: 0
   }
 }
 
 .TestDetailsTabs .tabs-header>.nav-tabs .nav-item .nav-link:hover {
   color: #790000
 }
 
 .TestDetailsTabs .tabs-header>.nav-tabs .nav-item .nav-link:hover svg path {
   fill: #790000
 }
 
 .TestDetailsTabs .tabs-header>.nav-tabs .nav-item .nav-link.active {
   color: #790000;
   border-bottom-color: #790000
 }
 
 .TestDetailsTabs .tabs-header>.nav-tabs .nav-item .nav-link.active svg path {
   fill: #790000
 }
 
 @media only screen and (max-width: 1025px) {
   .TestDetailsTabs .tabs-header>.nav-tabs .nav-item .nav-link {
     font-size: 14px;
     padding: 10px 6px;
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column
   }
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .tabs-header>.nav-tabs .nav-item .nav-link {
     min-width: 60px
   }
   .TestDetailsTabs .tabs-header>.nav-tabs .nav-item .nav-link span {
     display: none
   }
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .tabs-header>.nav-tabs .nav-item .nav-link {
     min-width: 40px
   }
 }
 
 .TestDetailsTabs .TabSection>.tab-pane>.heading {
   margin-top: 20px;
   padding: 15px 0
 }
 
 .TestDetailsTabs .TabSection>.tab-pane>.heading h3 {
   font-size: 24px;
   color: #133b5e;
   font-weight: 700;
   text-transform: uppercase
 }
 
 @media only screen and (max-width: 1400px) {
   .TestDetailsTabs .TabSection>.tab-pane>.heading h3 {
     font-size: 20px
   }
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .TabSection>.tab-pane>.heading h3 {
     font-size: 17px
   }
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection>.tab-pane>.heading h3 {
     font-size: 15px
   }
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol {
   -webkit-box-align: stretch;
       -ms-flex-align: stretch;
           align-items: stretch
 }
 
 @media only screen and (max-width: 1025px) {
   .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap
   }
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li {
   width: 25%;
   min-height: 100%;
   border-right: 1px solid #e1e1e1;
   display: inline-block;
   padding: 0 10px
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li:last-child {
   border-right: 0
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner {
   width: 100%;
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -moz-justify-content: center;
   justify-content: center
 }
 
 @media only screen and (max-width: 1025px) {
   .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner {
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     -moz-justify-content: flex-start;
     justify-content: flex-start
   }
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .testType {
   width: 100%
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .testType li {
   width: 100%;
   padding: 15px 0
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .testType li p {
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   font-size: 15px;
   color: #353535;
   text-align: left;
   margin-bottom: 0
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .testType li p strong {
   width: 140px;
   font-weight: 600
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .testType li p span {
   text-align: left;
   width: 140px;
   padding-left: 10px
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .candiDetail li {
   width: 100%;
   padding: 15px 0
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .candiDetail li p {
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   font-size: 15px;
   color: #353535;
   text-align: left;
   margin-bottom: 0
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .candiDetail li p i {
   width: 20px;
   height: 20px;
   margin-right: 10px
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .candiDetail li p i svg {
   width: 100%;
   height: 100%
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .candiDetail li p strong {
   width: 140px;
   font-weight: 600
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .screenDetail li {
   width: 100%;
   padding: 15px 0
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .screenDetail li p {
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   font-size: 15px;
   color: #353535;
   text-align: left;
   margin-bottom: 0
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .screenDetail li p strong {
   width: 180px;
   font-weight: 600
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .screenDetail li p strong i {
   width: 20px;
   height: 20px;
   margin-right: 10px;
   display: inline-block
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .screenDetail li p strong i svg {
   width: 100%;
   height: 100%
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li .colInner .screenDetail li p span {
   text-align: left;
   width: 60px;
   padding-left: 10px
 }
 
 @media only screen and (max-width: 1025px) {
   .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li {
     width: 50%
   }
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection>.tab-pane .contentBox .listCol>li {
     width: 100%;
     border-right: 0
   }
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .button-row {
   margin-top: 20px;
   padding: 15px 0
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .button-row .btn {
   padding: 4px 16px;
   margin: 0 10px;
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   text-transform: capitalize
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .button-row .btn i {
   width: 16px;
   height: 16px;
   margin-right: 10px
 }
 
 .TestDetailsTabs .TabSection>.tab-pane .button-row .btn i svg {
   width: 100%;
   height: 100%
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel {
   width: 100%
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner {
   padding: 30px 0 0px
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner {
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner .laftTabing {
   width: 150px
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner .laftTabing {
     margin-bottom: 20px;
     width: 100%
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner .laftTabing>.nav-tabs {
   border: 0
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner .laftTabing>.nav-tabs {
     -webkit-box-direction: normal;
     -webkit-box-orient: horizontal;
     -moz-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     -ms-flex-wrap: none;
     flex-wrap: nowrap
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner .laftTabing>.nav-tabs li {
   width: 100%;
   margin-bottom: 5px
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner .laftTabing>.nav-tabs li {
     width: 33.33%;
     padding: 0 4px;
     text-align: center
   }
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner .laftTabing>.nav-tabs li {
     width: auto
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner .laftTabing>.nav-tabs li a.nav-link {
   font-size: 18px;
   color: #133b5e;
   font-weight: 500;
   padding: 10px 15px;
   background-color: #fff;
   -webkit-box-shadow: 0px 2px 6px 0px rgba(100, 100, 100, 0.23);
           box-shadow: 0px 2px 6px 0px rgba(100, 100, 100, 0.23);
   border: 0;
   border-right: 4px solid transparent;
   border-radius: 0
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner .laftTabing>.nav-tabs li a.nav-link {
     border-bottom: 4px solid transparent;
     border-right: 0px
   }
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner .laftTabing>.nav-tabs li a.nav-link {
     font-size: 14px
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner .laftTabing>.nav-tabs li a.nav-link:hover,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner .laftTabing>.nav-tabs li a.nav-link.active {
   color: #790000;
   border-right-color: #790000
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner .laftTabing>.nav-tabs li a.nav-link:hover,
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner .laftTabing>.nav-tabs li a.nav-link.active {
     border-right-color: transparent;
     border-bottom-color: #790000
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content {
   width: calc(100% - 150px);
   padding-left: 30px
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content {
     width: 100%;
     padding-left: 0
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .heading {
   padding: 0;
   margin-bottom: 15px
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .heading {
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane .heading h3 {
   font-size: 24px;
   color: #133b5e;
   font-weight: 700;
   text-transform: uppercase
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .heading h3 {
     font-size: 18px
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .heading .searchinput input {
   padding: 5px 10px;
   height: 30px;
   border: 1px solid transparent;
   font-size: 14px;
   color: #1b1b1b;
   border-radius: 4px;
   background-color: #f9faff;
   background-image: url(../img/search.svg);
   background-repeat: no-repeat;
   background-position: top 5px right;
   padding-right: 25px
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .heading .searchinput input:focus {
   border-color: #e1e1e1
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList {
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .halfBox {
   width: 50%
 }
 
 @media only screen and (max-width: 1025px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .halfBox {
     width: 100%
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem {
   margin-bottom: 20px
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutNo {
   width: 40px;
   font-size: 18px;
   color: #1b1b1b;
   font-weight: 500
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutNo {
     font-size: 15px;
     text-align: center
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc {
   width: calc(100% - 40px)
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc h3 {
   font-size: 18px;
   color: #1b1b1b;
   font-weight: 700
 }
 
 @media only screen and (max-width: 1400px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc h3 {
     font-size: 16px
   }
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc h3 {
     font-size: 14px
   }
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc h3 {
     font-size: 13px
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding  {
   font-size: 16px!important;
   color: #1b1b1b;
   font-weight: 400
 }
 
 @media only screen and (max-width: 1400px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc p {
     font-size: 16px
   }
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc p {
     font-size: 14px
   }
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc p {
     font-size: 13px
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc ul {
   width: 100%;
   margin-bottom: 20px
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc ul li {
   font-size: 18px;
   color: #1b1b1b;
   font-weight: 400;
   margin-bottom: 5px
 }
 
 @media only screen and (max-width: 1400px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc ul li {
     font-size: 16px
   }
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc ul li {
     font-size: 14px
   }
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc ul li {
     font-size: 13px
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc .selectOpt {
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-bottom: 10px
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc .selectOpt .devider {
   width: 100%;
   display: block
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc .selectOpt .option {
   margin-bottom: 20px;
   min-width: 140px
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc .selectOpt .option.custom-radio .custom-control-input:checked~.custom-control-label:after {
   border-radius: 0;
   top: 0;
   width: 20px;
   height: 20px;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='9px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M3.817,7.119 L0.954,4.297 L-0.001,5.238 L3.817,8.999 L11.999,0.939 L11.045,-0.001 L3.817,7.119 Z'/%3E%3C/svg%3E");
   background-color: #1cbbb4;
   background-repeat: no-repeat;
   background-position: center;
   margin: 0
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc .selectOpt .option.custom-radio .custom-control-input:checked~.custom-control-label:before {
   border: #adb5bd solid 1px
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc .selectOpt .option.custom-radio .custom-control-label {
   font-size: 18px;
   color: #1b1b1b;
   line-height: 20px;
   font-weight: 400;
   padding-left: 10px
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc .selectOpt .option.custom-radio .custom-control-label {
     font-size: 14px
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .qustItem .qutDisc .selectOpt .option.custom-radio .custom-control-label:before {
   border-radius: 0;
   width: 20px;
   height: 20px;
   top: 0
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .languageBox {
   margin-bottom: 30px
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .languageBox .languageInner {
   background: #fff;
   -webkit-box-shadow: 1.5px 2.598px 15px 0px rgba(0, 0, 0, 0.13);
           box-shadow: 1.5px 2.598px 15px 0px rgba(0, 0, 0, 0.13);
   width: 100%;
   padding: 10px 15px
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .languageBox .languageInner .title {
   margin-bottom: 15px
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .languageBox .languageInner .title h3 {
   font-size: 24px;
   color: #133b5e;
   font-weight: 700;
   text-transform: uppercase
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .languageBox .languageInner .title h3 {
     font-size: 18px
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .languageBox .process-list .processBar {
   width: 100%;
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -moz-align-items: center;
   align-items: center;
   padding: 15px 0;
   margin-bottom: 15px
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .languageBox .process-list .processBar {
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     -moz-align-items: flex-start;
     align-items: flex-start
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .languageBox .process-list .processBar p {
   font-size: 16px;
   color: #133b5e;
   font-weight: 400;
   margin: 0;
   width: 140px;
   text-align: right;
   padding: 0 10px
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .languageBox .process-list .processBar p {
     text-align: left
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .languageBox .process-list .processBar>div {
   -webkit-box-flex: 2;
       -ms-flex: 2;
           flex: 2;
   margin-right: 70px
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .languageBox .process-list .processBar>div .progressbar {
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -moz-align-items: center;
   align-items: center;
   margin: 0;
   background-color: #ecf0f1 !important;
   border-radius: 10px !important
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .languageBox .process-list .processBar>div .progressbar .proggress {
   border-radius: 10px !important;
   height: 15px !important;
   -webkit-background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   -webkit-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -moz-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -ms-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -o-background: -o-linear-gradient(left, #8d1f11, #0a3d5b);
   background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   position: relative
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .languageBox .process-list .processBar>div .progressbar .proggress:after {
   content: '';
   width: 20px;
   height: 20px;
   background: #133b5e;
   border-radius: 50%;
   position: absolute;
   top: -3px;
   right: 0
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .languageBox .process-list .processBar>div .progressbar .percentCount {
   position: absolute;
   right: 30px;
   width: 70px;
   margin: 0;
   padding: 0 10px;
   font-size: 24px;
   color: #133b5e;
   font-weight: 600
 }
 
 @media only screen and (max-width: 1400px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .languageBox .process-list .processBar>div .progressbar .percentCount {
     font-size: 20px
   }
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .languageBox .process-list .processBar>div .progressbar .percentCount {
     font-size: 17px
   }
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.MCQTab .QustnList .languageBox .process-list .processBar>div .progressbar .percentCount {
     font-size: 15px
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab>.heading {
   padding: 0;
   margin-bottom: 15px
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab>.heading h3 {
   font-size: 24px;
   color: #133b5e;
   font-weight: 700;
   text-transform: uppercase
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab>.heading h3 {
     font-size: 18px
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding h3 {
   font-size: 18px;
   color: #1b1b1b;
   font-weight: 700
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding h3 {
     font-size: 15px
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding p {
   font-size: 18px;
   color: #1b1b1b;
   font-weight: 400
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding p {
     font-size: 14px
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding ul {
   width: 100%;
   margin-bottom: 20px
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding ul li {
   font-size: 18px;
   color: #1b1b1b;
   font-weight: 400;
   margin-bottom: 5px
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding ul li {
     font-size: 14px
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs {
   margin-bottom: 30px;
   background: #fff;
   -webkit-box-shadow: 1.5px 2.598px 15px 0px rgba(0, 0, 0, 0.13);
           box-shadow: 1.5px 2.598px 15px 0px rgba(0, 0, 0, 0.13);
   width: 100%;
   padding: 25px 15px
 }
 
 @media only screen and (max-width: 1025px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs {
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column
   }
 }
 
 @media only screen and (max-width: 1025px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs>div {
     width: 100%
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs>div .title {
   width: 100%;
   text-align: center;
   margin-bottom: 30px
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs>div .title h3 {
   font-size: 20px;
   color: #133b5e;
   font-weight: 700
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs>div .chartList {
   width: 100%;
   padding: 0px 15px;
   border-right: 1px solid #e1e1e1;
   text-align: center
 }
 
 @media only screen and (max-width: 1025px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs>div .chartList {
     margin-bottom: 20px;
     padding-bottom: 20px;
     border-right: 0px;
     border-bottom: 1px solid #e1e1e1
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs>div.firstBox {
   width: 25%
 }
 
 @media only screen and (max-width: 1025px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs>div.firstBox {
     width: 100%
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs>div.firstBox .btm-text {
   text-align: center
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs>div.firstBox .btm-text p {
   padding: 10px;
   border-radius: 20px;
   background: #eeeeee;
   font-size: 15px;
   color: #133b5e;
   font-weight: 400;
   display: inline-block;
   margin: auto
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs>div.secondBox {
   width: 50%
 }
 
 @media only screen and (max-width: 1025px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs>div.secondBox {
     width: 100%
   }
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs>div.secondBox .chartList {
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -moz-justify-content: center;
     justify-content: center
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane .chartBoxs>div.secondBox .chartList .codechart {
   width: 33.33%;
   padding: 10px 15px
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs>div.secondBox .chartList .codechart {
     width: 100%;
     margin-bottom: 20px
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs>div.secondBox p {
   font-size: 18px;
   color: #133b5e;
   font-weight: 400;
   text-align: center
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs>div.thirdBox {
   width: 25%
 }
 
 @media only screen and (max-width: 1025px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs>div.thirdBox {
     width: 100%
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .chartBoxs>div.thirdBox .chartList {
   border-right: 0
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .heading {
   padding: 10px 0
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .heading h3 {
   font-size: 20px;
   color: #133b5e;
   font-weight: 700;
   text-transform: uppercase;
   margin: 0
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .heading h3 {
     font-size: 18px
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .heading h3 i {
   width: 24px;
   height: 24px;
   display: inline-block;
   margin-right: 10px
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .heading h3 i svg {
   width: 100%;
   height: 100%
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card {
   border-radius: 0;
   margin-bottom: 15px
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-header {
   width: 100%;
   padding: 0
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-header:after,
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-header:before {
   content: none
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-header h2 {
   font-size: 16px;
   color: #fff;
   line-height: 40px;
   font-weight: 700;
   -webkit-background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   -webkit-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -moz-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -ms-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -o-background: -o-linear-gradient(left, #8d1f11, #0a3d5b);
   background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   position: relative
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-header h2 {
     font-size: 14px
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-header h2 i {
   width: 45px;
   height: 45px;
   text-align: center;
   padding: 5px;
   background: #133b5e;
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -moz-align-items: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -moz-justify-content: center;
   justify-content: center;
   margin-right: 10px
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-header h2 i svg {
   width: 25px;
   height: 25px
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-header h2 .circle {
   width: 30px;
   height: 30px;
   border-radius: 100%;
   background: transparent;
   display: inline-block;
   font-size: 16px;
   color: #fff;
   line-height: 30px;
   font-weight: 400;
   text-align: center;
   margin: 0 10px;
   border: 1px dashed #fff
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-header h2:after {
   content: '';
   position: absolute;
   top: 14px;
   right: 10px;
   background: url(../img/up-arrow.svg);
   background-repeat: no-repeat;
   background-position: center top 3px;
   width: 18px;
   height: 18px
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-header h2.collapsed {
   color: #133b5e;
   background: #e1e1e1
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-header h2.collapsed i {
   -webkit-background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   -webkit-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -moz-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -ms-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -o-background: -o-linear-gradient(left, #8d1f11, #0a3d5b);
   background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   background: linear-gradient(90deg, #8d1f11, #0a3d5b)
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-header h2.collapsed .circle {
   background: #133b5e;
   border: 0
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-header h2.collapsed:after {
   background: url(../img/down-arrow.svg)
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-body>p {
   padding: 15px
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-body .cardHead {
   background-color: #e6ebef;
   padding: 10px 15px
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-body .cardHead {
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-body .cardHead h3 {
   font-size: 16px;
   color: #1b1b1b;
   font-weight: 500;
   margin-bottom: 0
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-body .cardHead .hidebtn {
   font-size: 12px;
   color: #fff;
   font-weight: 500;
   padding: 0px 0 0px 15px;
   background: #133b5e;
   text-decoration: none
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-body .cardHead .hidebtn i {
   width: 20px;
   height: 25px;
   padding: 5px 3px;
   background: #fff;
   display: inline-block
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-body .cardHead .hidebtn i svg {
   width: 100%
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-body .cardfoot {
   background-color: #e6ebef;
   padding: 10px 15px
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.codingTab .QustnCoding .listofIssues .listSection .card .card-body .cardfoot h3 {
   font-size: 16px;
   color: #1b1b1b;
   font-weight: 500;
   margin-bottom: 0
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.subjectiveTab>.heading {
   padding: 0;
   margin-bottom: 15px
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.subjectiveTab>.heading h3 {
   font-size: 24px;
   color: #133b5e;
   font-weight: 700;
   text-transform: uppercase
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.subjectiveTab>.heading h3 {
     font-size: 18px
   }
 }
 
 .TestDetailsTabs .TabSection .QuestDetails-panel .QuestDetails-panelInner>.tab-content>.tab-pane.subjectiveTab .subjectiveDetails {
   min-height: 200px
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner {
   margin-top: 20px
 }
 
 @media only screen and (max-width: 1025px) {
   .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner {
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     margin-bottom: 30px
   }
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .videoAnalysBox {
   width: 50%;
   border-right: 1px solid #e1e1e1;
   padding-right: 20px
 }
 
 @media only screen and (max-width: 1025px) {
   .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .videoAnalysBox {
     width: 100%;
     padding-right: 0;
     border-right: 0
   }
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .videoAnalysBox .heading {
   padding: 15px 0
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .videoAnalysBox .heading h3 {
   font-size: 24px;
   color: #133b5e;
   font-weight: 700;
   text-transform: uppercase
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .videoAnalysBox .heading h3 {
     font-size: 18px
   }
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .videoAnalysBox .VideoPlayer {
   border-radius: 6px;
   -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.5);
           box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.5);
   overflow: hidden
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .videoAnalysBox .VideoPlayer iframe {
   width: 100%
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .videoAnalysBox .playChart {
   padding: 20px;
   margin-top: 30px;
   border-top: 1px solid #e1e1e1
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox {
   width: 50%;
   padding-left: 20px
 }
 
 @media only screen and (max-width: 1025px) {
   .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox {
     width: 100%;
     padding-left: 0
   }
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .heading {
   padding: 15px 0
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .heading h3 {
   font-size: 24px;
   color: #133b5e;
   font-weight: 700;
   text-transform: uppercase
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .heading h3 {
     font-size: 18px
   }
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .violateWords {
   padding: 20px 15px;
   border-radius: 10px;
   -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
           box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3)
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .violateWords .title {
   width: 100%;
   padding: 5px 0
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .violateWords .title h3 {
   font-size: 16px;
   color: #133b5e;
   font-weight: 400;
   text-transform: uppercase;
   margin-bottom: 0
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .violateWords .violateList {
   width: 100%;
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .violateWords .violateList .list {
   width: 50%;
   padding: 20px 15px;
   border-bottom: 1px dashed #e1e1e1
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .violateWords .violateList .list {
     width: 100%
   }
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .violateWords .violateList .list .no {
   width: 30px;
   font-size: 14px;
   color: #1b1b1b;
   font-weight: 400
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .violateWords .violateList .list .listDets {
   width: calc(100% - 30px)
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .violateWords .violateList .list .listDets .leftdets h3 {
   font-size: 13px;
   color: #597a96;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 0
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .violateWords .violateList .list .listDets .leftdets p {
   font-size: 13px;
   color: #969696;
   font-weight: 500;
   margin-bottom: 0
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .violateWords .violateList .list .listDets .play a {
   padding: 9px;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   background: #597a96;
   display: block
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .violateWords .violateList .list .listDets .play a svg {
   width: 100%;
   height: 100%
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .violateWords .violateList .list .listDets .play a.active,
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .violateWords .violateList .list .listDets .play a:hover {
   -webkit-background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   -webkit-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -moz-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -ms-background: linear-gradient(90deg, #8d1f11, #0a3d5b);
   -o-background: -o-linear-gradient(left, #8d1f11, #0a3d5b);
   background: -webkit-gradient(linear, left top, right top, from(#8d1f11), to(#0a3d5b));
   background: linear-gradient(90deg, #8d1f11, #0a3d5b)
 }
 
 .TestDetailsTabs .TabSection .VideoAnalysis-panel .VideoAnlyInner .audioAnalysBox .violantionChart {
   padding: 20px;
   margin-top: 30px;
   border-top: 1px solid #e1e1e1
 }
 
 .TestDetailsTabs .TabSection .Screenshots-panel .screenShotsGallery,
 .VideoAnalysis-panel .screenShotsGallery{
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin: 0 -10px
 }
 
 .TestDetailsTabs .TabSection .Screenshots-panel .screenShotsGallery .SCSItem {
   width: 25%;
   padding: 10px
 }

 .VideoAnalysis-panel .screenShotsGallery .SCSItem { 
  width: 20%!important;
  padding: 10px;
 }
 
 
 @media only screen and (max-width: 1025px) {
   .TestDetailsTabs .TabSection .Screenshots-panel .screenShotsGallery .SCSItem {
     width: 50%
   }
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .TabSection .Screenshots-panel .screenShotsGallery .SCSItem{
     width: 100%
   }
 }
 
 .TestDetailsTabs .TabSection .Screenshots-panel .screenShotsGallery .SCSItem .itemInner {
   border: 1px solid #e1e1e1;
   width: 100%;
   height: 150px
 }
 
 .TestDetailsTabs .TabSection .ScoreOverview-panel .scorechart {
   display: -webkit-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin: 20px -10px 20px
 }
 
 .TestDetailsTabs .TabSection .ScoreOverview-panel .scorechart .mcqdetail {
   padding: 0 10px;
   width: 50%
 }
 
 @media only screen and (max-width: 1025px) {
   .TestDetailsTabs .TabSection .ScoreOverview-panel .scorechart .mcqdetail {
     width: 100%;
     margin-bottom: 30px
   }
 }
 
 .TestDetailsTabs .TabSection .ScoreOverview-panel .scorechart .mcqdetail .mcqdetailInner {
   padding: 20px;
   background: #fff;
   border-radius: 6px;
   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
   -webkit-box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
   /* -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.5);
           box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.5); */
   overflow: hidden
 }
 
 .TestDetailsTabs .TabSection .ScoreOverview-panel .scorechart .mcqdetail .mcqdetailInner .title {
   margin-bottom: 20px
 }
 
 .TestDetailsTabs .TabSection .ScoreOverview-panel .scorechart .mcqdetail .mcqdetailInner .title h3 {
   font-size: 24px;
   color: #133b5e;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 0
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .ScoreOverview-panel .scorechart .mcqdetail .mcqdetailInner .title h3 {
     font-size: 18px
   }
 }
 
 .TestDetailsTabs .TabSection .ScoreOverview-panel .scorechart .mcqdetail .mcqdetailInner .btmRow {
   padding: 15px 0;
   border-top: 1px solid #e1e1e1;
   text-align: center
 }
 
 .TestDetailsTabs .TabSection .ScoreOverview-panel .scorechart .mcqdetail .mcqdetailInner .btmRow p {
   margin-bottom: 0
 }
 
 .TestDetailsTabs .TabSection .ScoreOverview-panel .scorechart .mcqdetail .mcqdetailInner .btmRow p span {
   font-size: 20px;
   color: #133b5e;
   font-weight: 700;
   padding-right: 30px;
   border-right: 1px solid #e1e1e1
 }
 
 .TestDetailsTabs .TabSection .ScoreOverview-panel .scorechart .mcqdetail .mcqdetailInner .btmRow p strong {
   font-size: 24px;
   color: #790000;
   font-weight: 700;
   padding: 0 30px
 }
 
 .TestDetailsTabs .TabSection .ScoreOverview-panel .totalScore {
   padding: 20px;
   background: #fff;
   border-radius: 6px;

   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
   -webkit-box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .TabSection .ScoreOverview-panel .totalScore {
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column
   }
 }
 
 .TestDetailsTabs .TabSection .ScoreOverview-panel .totalScore .totalLeft {
   width: 30%;
   text-align: left
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .TabSection .ScoreOverview-panel .totalScore .totalLeft {
     width: 100%;
     text-align: center;
     margin-bottom: 20px
   }
 }
 
 .TestDetailsTabs .TabSection .ScoreOverview-panel .totalScore .totalLeft h3 {
   font-size: 18px;
   color: #133b5e;
   font-weight: 700;
   text-transform: uppercase
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .ScoreOverview-panel .totalScore .totalLeft h3 {
     font-size: 16px
   }
 }
 
 .TestDetailsTabs .TabSection .ScoreOverview-panel .totalScore .totalLeft .cutof p {
   font-size: 16px;
   color: #1b1b1b;
   font-weight: 700
 }
 
 @media only screen and (max-width: 600px) {
   .TestDetailsTabs .TabSection .ScoreOverview-panel .totalScore .totalLeft .cutof p {
     font-size: 14px
   }
 }
 
 .TestDetailsTabs .TabSection .ScoreOverview-panel .totalScore .totalLeft .cutof p span {
   padding: 5px 15px;
   color: #fff;
   background: #790000;
   margin-left: 10px
 }
 
 .TestDetailsTabs .TabSection .ScoreOverview-panel .totalScore .chartcenter {
   width: 30%;
   text-align: center
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .TabSection .ScoreOverview-panel .totalScore .chartcenter {
     width: 100%;
     margin-bottom: 20px
   }
 }
 
 .TestDetailsTabs .TabSection .ScoreOverview-panel .totalScore .totalRight {
   text-align: right;
   width: 30%
 }
 
 @media only screen and (max-width: 768px) {
   .TestDetailsTabs .TabSection .ScoreOverview-panel .totalScore .totalRight {
     width: 100%;
     text-align: center
   }
 }
 
 .m-b30 {
   margin-bottom: 30px
 }

 @media only screen and (min-width: 800px) {
  body {
    zoom: 45%
  }
}

 @media only screen and (min-width: 985px) {
  body {
    zoom: 55%
  }
}
@media only screen and (min-width: 1100px) {
  body {
    zoom: 60%
  }
}

@media only screen and (min-width: 1200.98px) {
  body {
    zoom: 70%
  }
}


@media only screen and (min-width: 1400.98px) {
  body {
    zoom: 80%
  }
}

@media only screen and (min-width: 1550px) {
  body {
    zoom: 90%
  }
}
/* 
@media only screen and (min-width: 1536.98px) {
  body {
    zoom: 100%
  }
} */


@media only screen and (min-width: 1730px) {
  body {
    zoom: 100%
  }
}
div#LayoutMain {
  flex:1;
}
section#container {
  flex-grow:1;
}

.number-chart {
  height: 150px;
  background: -webkit-linear-gradient(0deg, rgb(141, 31, 17) 0%, rgb(10, 61, 98) 99%) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 4px;
  font-size: 35px;
  font-weight: 700;
  width: 150px;
  bottom: 1rem;
  left: 12%;
}

.hover-link
{
    border-bottom: dashed 1px blue;
    text-decoration: none;
    cursor: pointer;
}

.hover-link:hover
{
    border-bottom: solid 1px blue;
}

.GridUi .dataTable thead th {
  vertical-align: middle;
}
table.dataTable.nowrap th, table.dataTable.nowrap td{
  
  vertical-align: middle;
}

.text-break-60 {
  word-break: break-word;
  max-width: 63%;
  overflow-wrap: break-word;
}
.sweet-overlay {
  z-index: 1181 !important;
}
.sweet-wide {
  width: 600px!important;
  margin-left: -300px!important;
}


.updates-ticker  {
	background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
	-webkit-background-size: 150px;
	color: $text-color;
	-webkit-background-clip: text;
	-webkit-animation-name: shine;
	-webkit-animation-duration: $duration;
	-webkit-animation-iteration-count: infinite;
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.5);
}

.cursor-pointer {
  cursor: pointer;
}

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

.card-template {
  box-shadow : 0 3px 10px 0 rgb(99 118 129 / 30%);
}

.card-template:hover {
  box-shadow : 0 3px 10px 0 rgb(99 118 129 / 30%);
}
.card-img-top.otolive_emails {
  height : 240px;
}
.mCustomScrollbar2{
  overflow:auto;
}

.form-wrap.form-builder .frmb .field-actions .btn {
  color: #c5c5c5 !important;
  border: 1px solid #c5c5c5 !important;
}

.frmb.stage-wrap{
  min-height:300px!important;
}
.required-asterisk{
  display:inline-block;
}
.select2-container--default .select2-selection--single {
  border: 1px solid #e0e7ff;
  background: #f9faff;
  border-radius: 0px;
  font-size: 15px;
  color: #1b1b1b;
  font-weight: 300;
  height: 40px;
  padding: .375rem .75rem;
  line-height: 1.5;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 40px;
}
.form-wrap.form-builder .frmb .sortable-options input[type='text'] {
    width: calc(100%) !important;
 }
 .form-wrap.form-builder .frmb .sortable-options>li .remove{
  color: #c10000!important;
 }

 .form-wrap.form-builder .frmb .sortable-options>li .remove:hover{
  color: #fff!important;
 }
 #QuestionPoolingModal tbody td {
  padding : 0.3em;
}

.QuestionPoolingBottomMessage {
 position: fixed; 
 bottom:10px; 
 height:74px; 
 padding:10px; 
 color:#fff; width:450px; 
 border-radius:10px; 
 background-color: #f7b42c;
 background-image: linear-gradient(315deg, #f7b42c 0%, #fc575e 74%);
 box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
 right:100px; 
 z-index:100;
}
.table-bordered th{
  border:0px;
}

.setting-option-toggle-labal {
  height: 43px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    padding: 0 10px;
    font-size: 16px;
}

.scrollbox {
  overflow: auto;
  /* width: 200px;
  max-height: 200px; */
  /* margin: 50px auto; */
  background: /* Shadow covers */
  linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, /* Shadows */
  radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 0 100%;
  background: /* Shadow covers */
  linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, /* Shadows */
  radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
}

.rule-model-container{
  font-size : 15px;
}
.rule-model-container h2{
  font-size : 18px;
  font-weight: bold;
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}