* {
   margin: 0;
   padding: 0
}

/*!
 * Bootstrap v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ *, :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%;
   -ms-text-size-adjust: 100%;
   -ms-overflow-style: scrollbar;
   -webkit-tap-highlight-color: rgba(0,0,0,0)
}

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

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
   display: block
}

[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
}

address {
   font-style: normal;
   line-height: inherit
}

address, dl, ol, ul {
   margin-bottom: 1rem
}

dl, ol, ul {
   margin-top: 0
}

   ol ol, ol ul, ul ol, ul ul {
      margin-bottom: 0
   }

dt {
   font-weight: 700
}

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

blockquote {
   margin: 0 0 1rem
}

dfn {
   font-style: italic
}

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;
   -webkit-text-decoration-skip: objects
}

   a:hover {
      color: #2581dc;
      text-decoration: underline
   }

   a:not([href]):not([tabindex]), 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: monospace,monospace;
   font-size: 1em
}

pre {
   margin-top: 0;
   margin-bottom: 1rem;
   overflow: auto;
   -ms-overflow-style: scrollbar
}

figure {
   margin: 0 0 1rem
}

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

svg:not(:root) {
   overflow: hidden
}

table {
   border-collapse: collapse
}

caption {
   padding-top: .75rem;
   padding-bottom: .75rem;
   color: #6c757d;
   text-align: left;
   caption-side: bottom
}

th {
   text-align: inherit
}

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

button {
   border-radius: 0
}

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

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

button, input {
   overflow: visible
}

button, select {
   text-transform: none
}

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

   [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-cancel-button, [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
}

.img-fluid, .img-thumbnail {
   max-width: 100%;
   height: auto
}

.img-thumbnail {
   padding: .25rem;
   background-color: #d8d8d8;
   border: 1px solid #dee2e6;
   border-radius: .25rem
}

.figure {
   display: inline-block
}

.figure-img {
   margin-bottom: .5rem;
   line-height: 1
}

.figure-caption {
   font-size: 90%;
   color: #6c757d
}

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

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

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

.col-1, .col-auto {
   -webkit-box-flex: 0
}

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

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

.col-2, .col-3 {
   -webkit-box-flex: 0
}

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

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

.col-4, .col-5 {
   -webkit-box-flex: 0
}

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

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

.col-6, .col-7 {
   -webkit-box-flex: 0
}

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

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

.col-8, .col-9 {
   -webkit-box-flex: 0
}

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

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

.col-10, .col-11 {
   -webkit-box-flex: 0
}

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

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

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

.order-last {
   -webkit-box-ordinal-group: 14;
   -ms-flex-order: 13;
   order: 13
}

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

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

.order-2 {
   -webkit-box-ordinal-group: 3;
   -ms-flex-order: 2;
   order: 2
}

.order-3 {
   -webkit-box-ordinal-group: 4;
   -ms-flex-order: 3;
   order: 3
}

.order-4 {
   -webkit-box-ordinal-group: 5;
   -ms-flex-order: 4;
   order: 4
}

.order-5 {
   -webkit-box-ordinal-group: 6;
   -ms-flex-order: 5;
   order: 5
}

.order-6 {
   -webkit-box-ordinal-group: 7;
   -ms-flex-order: 6;
   order: 6
}

.order-7 {
   -webkit-box-ordinal-group: 8;
   -ms-flex-order: 7;
   order: 7
}

.order-8 {
   -webkit-box-ordinal-group: 9;
   -ms-flex-order: 8;
   order: 8
}

.order-9 {
   -webkit-box-ordinal-group: 10;
   -ms-flex-order: 9;
   order: 9
}

.order-10 {
   -webkit-box-ordinal-group: 11;
   -ms-flex-order: 10;
   order: 10
}

.order-11 {
   -webkit-box-ordinal-group: 12;
   -ms-flex-order: 11;
   order: 11
}

.order-12 {
   -webkit-box-ordinal-group: 13;
   -ms-flex-order: 12;
   order: 12
}

.offset-1 {
   margin-left: 8.33333%
}

.offset-2 {
   margin-left: 16.66667%
}

.offset-3 {
   margin-left: 25%
}

.offset-4 {
   margin-left: 33.33333%
}

.offset-5 {
   margin-left: 41.66667%
}

.offset-6 {
   margin-left: 50%
}

.offset-7 {
   margin-left: 58.33333%
}

.offset-8 {
   margin-left: 66.66667%
}

.offset-9 {
   margin-left: 75%
}

.offset-10 {
   margin-left: 83.33333%
}

.offset-11 {
   margin-left: 91.66667%
}

@media (min-width:576px) {
   .col-sm {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%
   }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   .order-sm-last {
      -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
      order: 13
   }

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

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

   .order-sm-2 {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2
   }

   .order-sm-3 {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3
   }

   .order-sm-4 {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4
   }

   .order-sm-5 {
      -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
      order: 5
   }

   .order-sm-6 {
      -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
      order: 6
   }

   .order-sm-7 {
      -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
      order: 7
   }

   .order-sm-8 {
      -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
      order: 8
   }

   .order-sm-9 {
      -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
      order: 9
   }

   .order-sm-10 {
      -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
      order: 10
   }

   .order-sm-11 {
      -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
      order: 11
   }

   .order-sm-12 {
      -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
      order: 12
   }

   .offset-sm-0 {
      margin-left: 0
   }

   .offset-sm-1 {
      margin-left: 8.33333%
   }

   .offset-sm-2 {
      margin-left: 16.66667%
   }

   .offset-sm-3 {
      margin-left: 25%
   }

   .offset-sm-4 {
      margin-left: 33.33333%
   }

   .offset-sm-5 {
      margin-left: 41.66667%
   }

   .offset-sm-6 {
      margin-left: 50%
   }

   .offset-sm-7 {
      margin-left: 58.33333%
   }

   .offset-sm-8 {
      margin-left: 66.66667%
   }

   .offset-sm-9 {
      margin-left: 75%
   }

   .offset-sm-10 {
      margin-left: 83.33333%
   }

   .offset-sm-11 {
      margin-left: 91.66667%
   }
}

@media (min-width:768px) {
   .col-md {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%
   }

   .col-md-auto {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: none
   }

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

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

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

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

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

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

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

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

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

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

   .col-md-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
      max-width: 91.66667%
   }

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

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

   .order-md-last {
      -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
      order: 13
   }

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

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

   .order-md-2 {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2
   }

   .order-md-3 {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3
   }

   .order-md-4 {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4
   }

   .order-md-5 {
      -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
      order: 5
   }

   .order-md-6 {
      -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
      order: 6
   }

   .order-md-7 {
      -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
      order: 7
   }

   .order-md-8 {
      -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
      order: 8
   }

   .order-md-9 {
      -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
      order: 9
   }

   .order-md-10 {
      -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
      order: 10
   }

   .order-md-11 {
      -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
      order: 11
   }

   .order-md-12 {
      -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
      order: 12
   }

   .offset-md-0 {
      margin-left: 0
   }

   .offset-md-1 {
      margin-left: 8.33333%
   }

   .offset-md-2 {
      margin-left: 16.66667%
   }

   .offset-md-3 {
      margin-left: 25%
   }

   .offset-md-4 {
      margin-left: 33.33333%
   }

   .offset-md-5 {
      margin-left: 41.66667%
   }

   .offset-md-6 {
      margin-left: 50%
   }

   .offset-md-7 {
      margin-left: 58.33333%
   }

   .offset-md-8 {
      margin-left: 66.66667%
   }

   .offset-md-9 {
      margin-left: 75%
   }

   .offset-md-10 {
      margin-left: 83.33333%
   }

   .offset-md-11 {
      margin-left: 91.66667%
   }
}

@media (min-width:992px) {
   .col-lg {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%
   }

   .col-lg-auto {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: none
   }

   .col-lg-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333%;
      flex: 0 0 8.33333%;
      max-width: 8.33333%
   }

   .col-lg-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%
   }

   .col-lg-3 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%
   }

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

   .col-lg-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
      flex: 0 0 41.66667%;
      max-width: 41.66667%
   }

   .col-lg-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
   }

   .col-lg-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333%;
      flex: 0 0 58.33333%;
      max-width: 58.33333%
   }

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

   .col-lg-9 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%
   }

   .col-lg-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
      flex: 0 0 83.33333%;
      max-width: 83.33333%
   }

   .col-lg-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
      max-width: 91.66667%
   }

   .col-lg-12 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
   }

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

   .order-lg-last {
      -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
      order: 13
   }

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

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

   .order-lg-2 {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2
   }

   .order-lg-3 {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3
   }

   .order-lg-4 {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4
   }

   .order-lg-5 {
      -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
      order: 5
   }

   .order-lg-6 {
      -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
      order: 6
   }

   .order-lg-7 {
      -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
      order: 7
   }

   .order-lg-8 {
      -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
      order: 8
   }

   .order-lg-9 {
      -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
      order: 9
   }

   .order-lg-10 {
      -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
      order: 10
   }

   .order-lg-11 {
      -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
      order: 11
   }

   .order-lg-12 {
      -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
      order: 12
   }

   .offset-lg-0 {
      margin-left: 0
   }

   .offset-lg-1 {
      margin-left: 8.33333%
   }

   .offset-lg-2 {
      margin-left: 16.66667%
   }

   .offset-lg-3 {
      margin-left: 25%
   }

   .offset-lg-4 {
      margin-left: 33.33333%
   }

   .offset-lg-5 {
      margin-left: 41.66667%
   }

   .offset-lg-6 {
      margin-left: 50%
   }

   .offset-lg-7 {
      margin-left: 58.33333%
   }

   .offset-lg-8 {
      margin-left: 66.66667%
   }

   .offset-lg-9 {
      margin-left: 75%
   }

   .offset-lg-10 {
      margin-left: 83.33333%
   }

   .offset-lg-11 {
      margin-left: 91.66667%
   }
}

@media (min-width:1200px) {
   .col-xl {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%
   }

   .col-xl-auto {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: none
   }

   .col-xl-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333%;
      flex: 0 0 8.33333%;
      max-width: 8.33333%
   }

   .col-xl-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%
   }

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

   .col-xl-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%
   }

   .col-xl-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
      flex: 0 0 41.66667%;
      max-width: 41.66667%
   }

   .col-xl-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
   }

   .col-xl-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333%;
      flex: 0 0 58.33333%;
      max-width: 58.33333%
   }

   .col-xl-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
      max-width: 66.66667%
   }

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

   .col-xl-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
      flex: 0 0 83.33333%;
      max-width: 83.33333%
   }

   .col-xl-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
      max-width: 91.66667%
   }

   .col-xl-12 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
   }

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

   .order-xl-last {
      -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
      order: 13
   }

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

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

   .order-xl-2 {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2
   }

   .order-xl-3 {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3
   }

   .order-xl-4 {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4
   }

   .order-xl-5 {
      -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
      order: 5
   }

   .order-xl-6 {
      -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
      order: 6
   }

   .order-xl-7 {
      -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
      order: 7
   }

   .order-xl-8 {
      -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
      order: 8
   }

   .order-xl-9 {
      -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
      order: 9
   }

   .order-xl-10 {
      -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
      order: 10
   }

   .order-xl-11 {
      -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
      order: 11
   }

   .order-xl-12 {
      -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
      order: 12
   }

   .offset-xl-0 {
      margin-left: 0
   }

   .offset-xl-1 {
      margin-left: 8.33333%
   }

   .offset-xl-2 {
      margin-left: 16.66667%
   }

   .offset-xl-3 {
      margin-left: 25%
   }

   .offset-xl-4 {
      margin-left: 33.33333%
   }

   .offset-xl-5 {
      margin-left: 41.66667%
   }

   .offset-xl-6 {
      margin-left: 50%
   }

   .offset-xl-7 {
      margin-left: 58.33333%
   }

   .offset-xl-8 {
      margin-left: 66.66667%
   }

   .offset-xl-9 {
      margin-left: 75%
   }

   .offset-xl-10 {
      margin-left: 83.33333%
   }

   .offset-xl-11 {
      margin-left: 91.66667%
   }
}

.top-nav {
   display: block;
   width: 100%;
   max-width: 100%;
   position: relative;
   float: left;
   background-color: #4386b2;
   padding: 21px 33px 16px 41px;
   -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.12);
   box-shadow: 0 4px 10px 0 rgba(0,0,0,.12)
}

@media screen and (max-width:767px) {
   .top-nav {
      padding: 15px
   }
}

.top-nav .top-nav-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 100%
}

.top-nav .logo, .top-nav .top-nav-wrapper {
   float: left;
   position: relative;
   max-width: 100%
}

.top-nav .logo {
   width: 241px;
   padding-right: 15px
}

@media screen and (max-width:1049px) {
   .top-nav .logo {
      width: 100%;
      padding-right: 0;
      margin-bottom: 20px
   }
}

.top-nav .logo img {
   display: block;
   float: left;
   max-width: 180px
}

@media screen and (max-width:1049px) {
   .top-nav .logo img {
      margin: 0 auto;
      float: none
   }
}

.top-nav .nav-items {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   width: calc(100% - 241px);
   float: left;
   max-width: 100%
}

@media screen and (max-width:1049px) {
   .top-nav .nav-items {
      width: 100%;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
   }
}

.top-nav .nav-items .nav-item-left {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   float: left
}

@media screen and (max-width:1049px) {
   .top-nav .nav-items .nav-item-left {
      margin-right: 20px
   }
}

@media screen and (max-width:767px) {
   .top-nav .nav-items .nav-item-left {
      width: 100%;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 30px;
      margin-right: 0
   }
}

.top-nav .nav-items .nav-item-left .green-button {
   display: block;
   float: left;
   margin-right: 10px
}

   .top-nav .nav-items .nav-item-left .green-button a.green-btn {
      display: block;
      border-radius: 3px;
      background-image: -webkit-gradient(linear,left bottom,left top,from(#63c140),to(#59af39));
      background-image: -o-linear-gradient(bottom,#63c140,#59af39);
      background-image: linear-gradient(0deg,#63c140,#59af39);
      font-family: Lato,sans-serif;
      font-size: 14px;
      font-weight: 700;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: #fff;
      padding: 9px 14px;
      text-transform: capitalize
   }

.top-nav .nav-items .nav-item-left .header-arrow {
   position: relative;
   float: left;
   margin: 0 -5px 0 10px
}

   .top-nav .nav-items .nav-item-left .header-arrow, .top-nav .nav-items .nav-item-left .header-arrow .next-prev-arrow {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
   }

      .top-nav .nav-items .nav-item-left .header-arrow .next-prev-arrow {
         width: 35px;
         height: 35px;
         margin: 0 5px;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         border-radius: 50%
      }

         .top-nav .nav-items .nav-item-left .header-arrow .next-prev-arrow img {
            height: 10px;
            display: block
         }

         .top-nav .nav-items .nav-item-left .header-arrow .next-prev-arrow.prv-arrow {
            background-color: transparent;
            border: 1px solid #fff
         }

            .top-nav .nav-items .nav-item-left .header-arrow .next-prev-arrow.prv-arrow img {
               margin-left: -3px
            }

         .top-nav .nav-items .nav-item-left .header-arrow .next-prev-arrow.next-arrow {
            background-color: #114f77;
            border: 1px solid #114f77
         }

            .top-nav .nav-items .nav-item-left .header-arrow .next-prev-arrow.next-arrow img {
               -webkit-transform: rotate(-179deg);
               -ms-transform: rotate(-179deg);
               transform: rotate(-179deg)
            }

.top-nav .nav-items .nav-item-right {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   float: left;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

@media screen and (max-width:767px) {
   .top-nav .nav-items .nav-item-right {
      width: 100%;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 20px
   }
}

.top-nav .nav-items .nav-item-right .view-edit-btns {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   float: left;
   margin: 0 7px 0 -9px;
   position: relative
}

   .top-nav .nav-items .nav-item-right .view-edit-btns .nav-view-btn {
      display: block;
      float: left;
      margin: 0 9px;
      position: relative
   }

      .top-nav .nav-items .nav-item-right .view-edit-btns .nav-view-btn .view {
         padding: 9px 10px;
         display: block;
         float: left;
         width: auto;
         max-width: 200px;
         background-color: #fff;
         border-radius: 3px;
         -webkit-box-shadow: 0 4px 3px 0 rgba(0,0,0,.04);
         box-shadow: 0 4px 3px 0 rgba(0,0,0,.04)
      }

         .top-nav .nav-items .nav-item-right .view-edit-btns .nav-view-btn .view p {
            opacity: .75;
            font-family: Lato,sans-serif;
            font-size: 14px;
            font-weight: 400;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #444c63;
            text-align: center;
            margin-bottom: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
         }

.top-nav .nav-items .nav-item-right .login-member {
   display: block;
   float: left;
   margin-left: 7px
}

   .top-nav .nav-items .nav-item-right .login-member .login-name {
      display: block;
      float: left;
      width: 40px;
      height: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #114f77;
      border-radius: 50%
   }

      .top-nav .nav-items .nav-item-right .login-member .login-name p {
         margin-bottom: 0;
         font-family: Lato,sans-serif;
         font-size: 13px;
         font-weight: 700;
         font-stretch: normal;
         font-style: normal;
         line-height: normal;
         letter-spacing: normal;
         text-align: center;
         color: #fff;
         text-transform: uppercase
      }

span.drop-icon, span.edit-icon {
   line-height: normal;
   margin-left: 14px;
   margin-top: -1px
}

.view-drop-down {
   position: absolute;
   top: 45px;
   -webkit-box-shadow: 0 20px 30px 0 rgba(0,0,0,.28);
   box-shadow: 0 20px 30px 0 rgba(0,0,0,.28);
   background-color: #fff;
   width: 188px;
   right: 0;
   opacity: 0;
   z-index: -1
}

   .view-drop-down ul {
      list-style: none;
      padding-left: 0;
      margin-bottom: 0
   }

      .view-drop-down ul li {
         border-bottom: 1px solid #f3eeee;
         line-height: 2.63
      }

         .view-drop-down ul li, .view-drop-down ul li a {
            font-family: Lato,sans-serif;
            font-size: 14px;
            font-weight: 400;
            font-stretch: normal;
            font-style: normal;
            letter-spacing: normal;
            text-align: left;
            color: rgba(69,69,69,.75)
         }

            .view-drop-down ul li a {
               padding: 10px;
               line-height: 1.5;
               display: block;
               width: 100%
            }

               .view-drop-down ul li a:hover {
                  background-color: rgba(68,76,99,.05);
                  color: #000;
                  text-decoration: none
               }

            .view-drop-down ul li:last-child {
               border-bottom: 0
            }

.nav-view-btn.view-btn.show-view .view-drop-down {
   opacity: 1;
   z-index: 99
}

.login-box-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 100%;
   max-width: 100%;
   position: relative;
   min-height: 100vh;
   padding: 20px
}

   .login-box-wrapper:after {
      content: "";
      display: block;
      min-height: inherit
   }

   .login-box-wrapper .login-box {
      max-width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      border-radius: 3px;
      -webkit-box-shadow: 3px 5px 20px 0 rgba(0,0,0,.07);
      /*box-shadow: 3px 5px 20px 0 rgba(0,0,0,.07);*/
      box-shadow: 0px 0px 15px 5px rgba(8, 0, 51, 0.3);
      background-color: #fff
   }

@media screen and (max-width:574px) {
   .login-box-wrapper .login-box {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
   }
}

.login-box-wrapper .login-box .image-col {
   width: 347px;
   min-height: 350px;
   max-width: 100%;
   position: relative;
   float: left;
   background-size: cover;
   background-position: 50%;
   background-repeat: no-repeat
}

@media screen and (max-width:767px) {
   .login-box-wrapper .login-box .image-col {
      width: 250px
   }
}

@media screen and (max-width:574px) {
   .login-box-wrapper .login-box .image-col {
      padding: 15px;
      width: 300px;
      min-height: 0;
      height: 300px;
      margin-bottom: 20px
   }
}

.login-box-wrapper .login-box .content-col {
   width: calc(100% - 347px);
   max-width: 100%;
   position: relative;
   float: left;
   padding: 15px 45px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

@media screen and (max-width:767px) {
   .login-box-wrapper .login-box .content-col {
      padding: 15px;
      width: calc(100% - 250px)
   }
}

@media screen and (max-width:574px) {
   .login-box-wrapper .login-box .content-col {
      padding: 15px;
      width: 100%
   }
}

.login-box-wrapper .login-box .content-col .content-col-wrapper {
   display: block;
   float: left;
   width: 100%;
   max-width: 100%;
   position: relative
}

   .login-box-wrapper .login-box .content-col .content-col-wrapper .logo {
      display: block;
      float: left;
      width: 100%;
      max-width: 100%;
      position: relative;
      margin-bottom: 27px
   }

      .login-box-wrapper .login-box .content-col .content-col-wrapper .logo img {
         max-width: 157px;
         width: 100%;
         display: block
      }

@media screen and (max-width:574px) {
   .login-box-wrapper .login-box .content-col .content-col-wrapper .logo img {
      margin: 0 auto
   }
}

.login-box-wrapper .login-box .content-col .content-col-wrapper .content {
   display: block;
   float: left;
   width: 100%;
   max-width: 100%;
   position: relative
}

@media screen and (max-width:574px) {
   .login-box-wrapper .login-box .content-col .content-col-wrapper .content {
      text-align: center
   }
}

.login-box-wrapper .login-box .content-col .content-col-wrapper .content h1 {
   font-family: Lato,sans-serif;
   font-size: 26px;
   font-weight: 700;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.15;
   letter-spacing: normal;
   color: #444c63;
   margin-bottom: 15px
}

@media screen and (max-width:767px) {
   .login-box-wrapper .login-box .content-col .content-col-wrapper .content h1 {
      font-size: 20px
   }
}

.login-box-wrapper .login-box .content-col .content-col-wrapper .content p {
   opacity: .75;
   font-family: Roboto,sans-serif;
   font-size: 15px;
   font-weight: 400;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.6;
   letter-spacing: normal;
   color: #7a7f87;
   margin-bottom: 23px
}

.login-box-wrapper .login-box .content-col .content-col-wrapper .content .login-btn-wrapper {
   display: block;
   float: left;
   width: 100%;
   max-width: 100%;
   position: relative
}

@media screen and (max-width:574px) {
   .login-box-wrapper .login-box .content-col .content-col-wrapper .content .login-btn-wrapper {
      text-align: center
   }
}

.login-box-wrapper .login-box .content-col .content-col-wrapper .content .login-btn-wrapper .login-btn {
   background-image: -webkit-gradient(linear,left bottom,left top,from(#63c140),to(#59af39));
   background-image: -o-linear-gradient(bottom,#63c140,#59af39);
   background-image: linear-gradient(0deg,#63c140,#59af39);
   padding: 11px 20px 12px;
   font-family: Lato,sans-serif;
   font-size: 14px;
   font-weight: 700;
   font-stretch: normal;
   font-style: normal;
   line-height: normal;
   letter-spacing: normal;
   text-align: center;
   color: #fff;
   display: block;
   float: left;
   -webkit-transition: .4s ease;
   -o-transition: .4s ease;
   transition: .4s ease
}

@media screen and (max-width:574px) {
   .login-box-wrapper .login-box .content-col .content-col-wrapper .content .login-btn-wrapper .login-btn {
      float: none
   }
}

.login-box-wrapper .login-box .content-col .content-col-wrapper .content .login-btn-wrapper .login-btn:hover {
   text-decoration: none;
   opacity: .8
}

body, html {
   margin: 0;
   padding: 0;
   height: 100%
}

.dhx_scale_bar {
   line-height: 23px
}

.dhtmlx_message_area {
   display: none
}

.default-view .dhx_cal_event_line {
   height: 100% !important
}


.task-view .dhx_timeline_scale_header {
   box-shadow: 8px 0 10px 0 rgb(0 0 0 / 4%);
   background-color: #f4f8fb !important;
   border-right-color: #e0e0e0;
}

.task-view.dhx_scheduler_timelineday .dhx_cal_event_line {
   justify-content: center;
}