* {
  box-sizing: border-box;
  font-family: 'Varela Round', sans-serif;
}

/* #fff */
html, body { width: 100%; height: 100%; background-color: #fff; }

input::-webkit-input-placeholder { font-size: 14px; }
input::-moz-placeholder { font-size: 14px; }
input:-moz-placeholder { font-size: 14px; }
input:-ms-input-placeholder { font-size: 14px; }

/* A */
/* ------------------------------------------------------------------------------------ */
a { color: #333 }
a:hover { color: #333 }
a, a:hover { text-decoration: none; }

/* B */
/* ------------------------------------------------------------------------------------ */
.banner { height: 190px; position: relative; margin-bottom: 30px }
.banner.large { height: 275px; }
.banner .overlay, .overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.2);
  z-index: 0;
}

.banner .banner-header {
  position: absolute;
  bottom: 15px;
  width: 100%;
}

.banner.large .banner-header.fly{
  bottom: unset;
  top: 25px;
}

.banner .caption, .caption { z-index: 2;  }

.bg-color-transparent { background-color: transparent !important; }
.bg-color-transparent-invert { background-color: transparent !important; color: #fff !important; }
.bg-color-x { background-color: #0E315B !important; color: #fff !important; }
.bg-color-y { background-color: #32D296 !important; color: #fff !important; }
.bg-color-z { background-color:#E7F0F4 !important; color: #666 !important; }
.bg-color-zx { background-color: rgba(248, 148, 6, 0.9) !important; color: #fff !important; }
.bg-color-0 { background-color: #B6B1D9 !important; color: #fff !important; }
.bg-color-1 { background-color: #C1AF05 !important; color: #fff !important; }
.bg-color-2 { background-color: #4FC4CB !important; color: #fff !important; }
.bg-color-3 { background-color: #982493 !important; color: #fff !important; }
.bg-color-4 { background-color: #EE478C !important; color: #fff !important; }
.bg-color-5 { background-color: #FFCA22 !important; color: #fff !important; }
.bg-color-6 { background-color: #56A941 !important; color: #fff !important; }
.bg-color-7 { background-color: #00A2AB !important; color: #fff !important; }
.bg-color-8 { background-color: #FCB040 !important; color: #fff !important; }
.bg-color-9 { background-color: #794400 !important; color: #fff !important; }
.bg-color-10 { background-color: #F05C2C !important; color: #fff !important; }
.bg-color-11 { background-color: #6D298E !important; color: #fff !important; }
.bg-color-12 { background-color: #9C8A7C !important; color: #fff !important; }
.bg-color-13 { background-color: #EC84B5 !important; color: #fff !important; }
.bg-color-14 { background-color: #4E7019 !important; color: #fff !important; }
.bg-color-15 { background-color: #5B87C6 !important; color: #fff !important; }
.bg-color-16 { background-color: #013E7F !important; color: #fff !important; }
.bg-color-17 { background-color: #9AC039 !important; color: #fff !important; }
.bg-color-18 { background-color: #F35963 !important; color: #fff !important; }
.bg-legend-0 { background-color: #FFF8D9 !important; }
.bg-legend-1 { background-color: #fae65ac4 !important; }
.bg-legend-2 { background-color: #EEB400 !important; }
.bg-legend-3 { background-color: #E77500 !important; }
.bg-legend-4 { background-color: #fa5a5a !important; }


/* .bg-color-z.edit { padding: 0 !important; } */
.bg-color-z-x.input, .table-x-input.input { width: fit-content; block-size: fit-content; padding: 0 5px; }
.bg-map, .bg-map-static {
  /* background-color: #0f6ecd5c;  */
  background:
        linear-gradient(-90deg, rgba(0,0,0,.05) 1px, transparent 1px),
        linear-gradient(rgba(0,0,0,.05) 1px, transparent 1px),
        linear-gradient(-90deg, rgba(0, 0, 0, .04) 1px, transparent 1px),
        linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px),
        linear-gradient(transparent 3px, #A5C7EF 3px, #A5C7EF 78px, transparent 78px),
        linear-gradient(-90deg, #aaa 1px, transparent 1px),
        linear-gradient(-90deg, transparent 3px, #A5C7EF 3px, #A5C7EF 78px, transparent 78px),
        linear-gradient(#aaa 1px, transparent 1px),
        #A5C7EF;
    background-size:
        4px 4px,
        4px 4px,
        80px 80px,
        80px 80px,
        80px 80px,
        80px 80px,
        80px 80px,
        80px 80px;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.bg-map { cursor: move; }
.bg-map.bg-only { cursor: default; }

.bg-map.collapsed {
  border-left: 240px solid transparent;
}

/* .bg-map-legend-frame { padding: 20px; } */
.menu-frame { z-index: 1; }
.bg-map .svg-map-box { transform: scale(1.5); z-index: 0; transform-origin: -120px -35%; padding-bottom: 50px }
.bg-map svg path:hover, .bg-map svg path.hover { cursor: pointer; fill: #03506f; }
.bg-map svg text:hover, .bg-map svg text.hover { cursor: pointer; fill: #ffffff; }
.bg-map svg { min-height: 320px; min-width: 800px }
.box-color {
  width: 20px;
  height: 10px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.bg-map.hide-all path {
  fill: #fff;
}

.bg-map-information {
  height: calc(100vh - 80px);
  overflow: auto;
}

.bg-map-information.medium {
  height: calc(100vh - 110px);
  padding-bottom: 0;
}

.bg-map-information.small {
  height: calc(100vh - 130px);
}

/* .brand { line-height: 19px !important; } */

/* border */
.border { border: 1px solid #e2e2e2 !important }
.border-bottom { border-bottom: 1px solid #e2e2e2 }
.border-left { border-left: 1px solid #e2e2e2 !important }
.border-right { border-right: 1px solid #e2e2e2 }
.border-top { border-top: 1px solid #e2e2e2 }
.border-remove { border: none !important }
.border-remove-top { border-top: none !important }
.border-remove-bottom { border-bottom: none !important }

/* Bulk */
.bulk-items {
  display: none;
}

/* button */
.button { cursor: pointer; padding: 8px }
.button-add {
  width: 100%;
  text-align: left;
}

.button-add .frame { padding-right: 12px;  }
.button-add .icon {
  padding: 0 12px;
  /* border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; */
}
/* .button-add .icon, .button-add .label { background-color: #05BFA6; color: #fff; } */
/* .button-add .icon, .button-add .label { background-color: #0B4D27; color: #fff; } */
.button-add .label {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.button-menu {
   /* background: #028C79; */
  background-color: #000B1A;
  color: #fff;
}


/* C */
/* ------------------------------------------------------------------------------------ */
/* container ==================================== */
.container {
  position: fixed;
  top:50px;
  left: 0;
  border-left: 240px solid transparent;
  width: 100%;
  height: calc(100% - 50px);
  padding-bottom: 48px;
  overflow: auto;
  z-index: 0;
}

.container.collapsed {
  border-left-width: 55px;
}

.container .uk-viewport-height {
  max-height: 100%;
  min-height: 100%;
}

.container .list-frame, .container .detail-frame {
  overflow-y: auto;
  height: calc(100vh - 50px);
  position: relative;
}

.container .list-frame { background-color: #F3F3F3; }
.container .list.active a { color: #fff; }
.container .list.active .initial-name { background-color: #f2f2f2 !important; color: #666 !important; font-weight: bold; }
.container .list { padding: 15px 10px; }


/* CHARTIST */
.ct-series text  {
    fill: #111111;
}

.ct-chart-bar .ct-series line { stroke-width: 15px; }
.ct-chart-bar .ct-series-a line { stroke: #00A5E3 !important }
.ct-chart-bar .ct-series-b line { stroke: #8DD7BF !important }
.ct-chart-bar .ct-series-c line { stroke: #FF96C5 !important }
.ct-chart-bar .ct-series-d line { stroke: #FF5768 !important }
.ct-chart-bar .ct-series-e line { stroke: #FFBF65 !important }
.ct-chart-bar .ct-series-f line { stroke: #FC6238 !important }
.ct-chart-bar .ct-series-g line { stroke: #FFD872 !important }
.ct-chart-bar .ct-series-h line { stroke: #F2D4CC !important }
.ct-chart-bar .ct-series-i line { stroke: #E77577 !important }
.ct-chart-bar .ct-series-j line { stroke: #6C88C4 !important }

.ct-chart-pie .ct-series-a path { fill: #00A5E3 !important }
.ct-chart-pie .ct-series-b path { fill: #8DD7BF !important }
.ct-chart-pie .ct-series-c path { fill: #FF96C5 !important }
.ct-chart-pie .ct-series-d path { fill: #FF5768 !important }
.ct-chart-pie .ct-series-e path { fill: #FFBF65 !important }
.ct-chart-pie .ct-series-f path { fill: #FC6238 !important }
.ct-chart-pie .ct-series-g path { fill: #FFD872 !important }
.ct-chart-pie .ct-series-h path { fill: #F2D4CC !important }
.ct-chart-pie .ct-series-i path { fill: #E77577 !important }
.ct-chart-pie .ct-series-j path { fill: #6C88C4 !important }

.ct-chart-pie text { fill: #ffffff }

.ct-dataset1-legend { color: #AAAAAA; margin-top: 6px }
.ct-dataset2-legend { color: #0E315B; margin-top: 6px }

.ct-dataset3-legend { color: #00A5E3; margin-top: 6px }
.ct-dataset4-legend { color: #8DD7BF; margin-top: 6px }

.ct-series-a .ct-line { stroke: #AAAAAA; }
.ct-series-a .ct-point { stroke: #CCCCCC; }

.ct-series-b .ct-line { stroke: #0E315B; }
.ct-series-b .ct-point { stroke: #111111; }


.dash-animated .ct-series-a .ct-line, .dash-animated .ct-series-b .ct-line {
    /* stroke: #FF5768; */
    fill: none;
    stroke-width: 4px;
    stroke-dasharray: 5px;
    -webkit-animation: dashoffset 1s linear infinite;
    -moz-animation: dashoffset 1s linear infinite;
    -o-animation: dashoffset 1s linear infinite;
    animation: dashoffset 1s linear infinite;
}

@-webkit-keyframes dashoffset {
  0% {
      stroke-dashoffset: 0;
  }
  100% {
      stroke-dashoffset: -20px;
  }
  }@-moz-keyframes dashoffset {
      0% {
      stroke-dashoffset: 0;
  }
  100% {
      stroke-dashoffset: -20px;
  }
  }@-ms-keyframes dashoffset {
      0% {
      stroke-dashoffset: 0;
  }
  100% {
      stroke-dashoffset: -20px;
  }
  }@keyframes dashoffset {
      0% {
      stroke-dashoffset: 0;
  }
  100% {
      stroke-dashoffset: -20px;
  }
}

.cursor-pointer { cursor: pointer; }

/* D */
/* ------------------------------------------------------------------------------------ */
/* detail ==================================== */
.detail-header {
  padding: 12px 0 9px 0;
}

.detail-header.uk-tab {
  padding: 12px 0 9px 9px;
}

.detail-header .border-bottom { padding-bottom: 6px }
.detail-header p { margin: 0 }

.detail-frame {
  background-color: #ffffff;
  padding: 0 30px;
  /* border-left: 1px solid #0E315B; */
}

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


/* E */
/* ------------------------------------------------------------------------------------ */
/* empty image ==================================== */
.empty-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.empty-image p { font-size: 0.8rem; }
.empty-image img {
  width: 150px;
  margin-bottom: 25px;
}

.empty-image img.large {
  width: 180px;
}

.empty-xframe .button-frame:first-child .button { border: none !important }
.empty-xframe .empty-image {
  position: relative;
  top: unset;
  left: unset;
  transform: none;
  margin-top: 40px;
}

.empty-xframe .empty-image img {
  width: 100px;
  margin-bottom: 20px;
}

.empty-xframe p {
  margin: 0;
}


/* F */
/* ------------------------------------------------------------------------------------ */
#fetching {
  /* rest */
  display: none;
  position: fixed;
  bottom: 15px;
  right: 25px;
  z-index: 99999999;
}

#fetching.active { display: flex; }

/* G */
/* ------------------------------------------------------------------------------------ */

/* H */
/* ------------------------------------------------------------------------------------ */
.header-page {
  line-height: 32px;
}



/* I */
/* ------------------------------------------------------------------------------------ */
/* initial-name ==================================== */
.initial-img {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-color: #eee;
  background-size: cover;
  border-radius: 50%;
}

.initial-img.big {
  width: 100px;
  height: 100px;
  border-radius: 0;
}

.initial-name {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px !important;
  background: #eee;
  /* border: 1px solid #666; */
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
}

.initial-name.big {
  width: 64px;
  height: 64px;
  line-height: 64px;
  font-size: 2rem;
}



/* L */
/* ------------------------------------------------------------------------------------ */
.list-check-controller {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}

.list-data .list-item {
  padding: 10px 15px;
}

.list-data .list-item:hover {
  background: #fff;
  box-shadow: 0 8px 16px 0 rgb(0 0 0 / 10%);
  border-bottom: 2px solid;
  border-radius: 3px;
}

.list-frame p { margin: 0; }
.list-frame .uk-list li {
  background: #fff;
  margin-top: 10px;
}

.list-frame .uk-list { padding: 0 10px; }
.list-frame .uk-list li { border-top: 0; border-radius: 5px; }
.list-frame .uk-list li.active { background-color: #0E315B; }

.list-header, detail-header {
  /* background: #fff; */
  padding: 12px 10px 5px 12px;
  /* border-bottom: 1px solid #e2e2e2; */
}

.list-option-drop { max-width: none; }

/* loading ==================================== */
.loader {
  border: 3px solid #f3f3f3;
  border-top: 3px solid #555;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  animation: spin 1s linear infinite;
}

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

#loading, #message {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 999999999999;
  background-color: #ffffff;
  text-align: center;
  display: none;
  align-items: center;
  justify-content: center;
}

#loading.active, #message.active {
  display: flex;
}

#loading p, #message p { margin-left: 15px; }

/* login ==================================== */
.login-frame  {
  background: -webkit-linear-gradient(-7deg, #f3f3f3 30%, rgba(0, 0, 0, 0) 30%), -webkit-radial-gradient(farthest-corner at 0% 0%, #f7f7f7 70%, #eee 70%);
  background: -o-linear-gradient(-7deg, #f3f3f3 30%, rgba(0, 0, 0, 0) 30%), -o-radial-gradient(farthest-corner at 0% 0%, #f7f7f7 70%, #eee 70%);
  background: -moz-linear-gradient(-7deg, #f3f3f3 30%, rgba(0, 0, 0, 0) 30%), -moz-radial-gradient(farthest-corner at 0% 0%, #f7f7f7 70%, #eee 70%);
  background: linear-gradient(-7deg, #f3f3f3 30%, rgba(0, 0, 0, 0) 30%), radial-gradient(farthest-corner at 0% 0%, #f7f7f7 70%, #eee 70%);
  width: 100%;
  min-height: 100vh;
  position: relative;
  overflow: auto;
}

.login-frame .login-logo {
  width: 25px
}

.login-frame .uk-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: fit-content;
}

.login-frame .uk-input {
  border: 0;
  /* font-size: 12px !important; */
}
.login-frame .input .uk-input {
 margin-top: 5px;
 background: #f9f9f9;
}
.login-frame .input:first-child .uk-input {
 margin-top: 0px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 background: #f9f9f9;
}
.login-frame .input:last-child .uk-input {
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
 margin-top: 5px;
 background: #f9f9f9;
}

.login-frame .login-header {
  position: absolute;
  top: 0;
  left: 0;
}

.login-frame .login-header.adjusted {
  padding: 35px 70px;
}

.login-frame .login-header img {
  width: 31px;
}

.login-frame .login-form {
  background-color: #ffffff;
  padding: 70px;
  position: relative;
}

.login-frame .login-form img.images {
  width: 450px;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.login-frame .uk-input:focus {
  border-color: #0E315B;
}


/* logo ==================================== */
.logo {
  padding-right: 8px;
  /* border-right: 1px solid #ffb0b0; */
  line-height: 35px;
}

.logo > img {
  width: 30px;
}

/* M */
/* ------------------------------------------------------------------------------------ */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-20 { font-size: 20px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-64 { font-size: 64px; }

.money { text-align: right; }

.menu-desc .menu-desc-frame { padding: 10px 0; }
.menu-desc:hover .menu-desc-frame {
  position: absolute;
  background-color: #fff;
  z-index: 2;
  width: 100%;
  padding-bottom: 15px;
  padding-right: 15px;
  box-shadow: 0 8px 16px 0 rgb(0 0 0 / 10%);
}

.menu-desc:hover .menu-desc-text {
  white-space: unset;
}

/* N */
/* ------------------------------------------------------------------------------------ */
/* navigation ==================================== */
.navigation-options {
 display: flex;
 position: fixed;
 top: 50px;
 left: 0;
 width: 100%;
 height: 38px;
 z-index: 2;
}

.navigation-options .option-left { width: 240px }

.navigation-side {
 position: fixed;
 top: 50px;
 left: 0;
 width: 240px;
 height: calc(100% - 50px);
 /* padding: 15px; */
 background-color: #fff;
 /* border-right: 1px solid transparent; */
 overflow-y: auto;
 z-index: 1;
}

.navigation-side-child {
 position: fixed;
 top: 50px;
 left: 241px;
 width: 300px;
 height: calc(100% - 50px);
 background-color: #fff;
 overflow-y: auto;
 z-index: 2;
 border-top: 3px solid;
}

.navigation-side .navigation-side-icon {
  float: left;
  /* margin-bottom: 20px; */
  line-height: 20px;
}

.navigation-side.collapsed .navigation-side-icon {
  float: none;
}

.navigation-side .navigation-side-label {
  line-height: 20px;
}

.navigation-side .navigation-side-toggle {
  height: 49px;
  /* background-color: #ffffff; */
}

.navigation-side.collapsed {
  width: 55px;
  padding-right: 5px;
}

.navigation-side-child.collapsed {
  left: 56px;
}

.navigation-side.collapsed .navigation-side-icon {
  margin: 0;
  line-height: 20px;
}

.navigation-side.collapsed a:not(.button-add) {
  line-height: 0;
}

.navigation-side.collapsed .button-add .icon {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.navigation-side.collapsed .button-add .frame { padding: 0; }
.navigation-side.collapsed .button-menu {
  background-color: transparent;
  color: #333;
}

.navigation-side.collapsed .uk-nav-header, .navigation-side.collapsed .navigation-side-label, .navigation-side .uk-nav-divider {
  display: none;
}

.navigation-side.collapsed .uk-nav-divider {
  display: block;
}


.navigation-side.collapsed .uk-margin-small-right {
  margin-right: 0 !important;
}

.navigation-side.collapsed .navigation-side-toggle {
  text-align: center;
  position: relative !important;
  height: auto;
}

.navigation-side .link, .navigation-side .uk-nav-header { padding: 12px 12px; }
.navigation-side .link.active {
  background-color: #fff;
  box-shadow: 0 8px 16px 0 rgb(0 0 0 / 10%);
  border: none;
  border-right: 3px solid #2196F3;
}

.navigation-side .link.active a {
  color: #0E315B;
  font-weight: bold;
}


.navigation-top {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 50px;
 padding: 5px 10px 5px 0px;
 z-index: 2;
 background-color: #fff;
}

.navigation-top span {
 display: inline-block;
 line-height: 40px;
 padding: 0 1.5px;
}

.navigation-top span.icon {
 line-height: 32px;
}

.navigation-top button {
 padding: 0 5px;
}

.navigation-top li {
  padding: 0 12px;
}

.navigation-top li:first-child {
  padding: 0 5px;
}

.navigation-top li.link.active a {
  color: #0E315B;
}

.notification-frame {
  height: calc(100vh - 70px);
}

.notification-frame .list-frame {
  background-color: #fff;
  height: auto;
}


/* P */
/* ------------------------------------------------------------------------------------ */
p { font-size: 0.870rem; }
.padding { padding: 15px }
.padding-bottom { padding-bottom: 15px }
.padding-left { padding-left: 15px }
.padding-right { padding-right: 15px }
.padding-top { padding-top: 15px }

.pagination {
  /* position: fixed;
  right: 0;
  bottom: 0; */
}

/* S */
/* ------------------------------------------------------------------------------------ */
#spinner {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 25px;
  z-index: 999999999;
  background-color: #fff;
  padding: 5px;
  border-radius: 3px;
}

#spinner.active { display: inline; }

.summary-block {
  background-image: linear-gradient(to right,#06beb6 ,#48b1bf);
}

/* T */
/* ------------------------------------------------------------------------------------ */
.tab.tab-container {
  padding-bottom: 70px;
}

table.border, table.border th, table.border td { border: 1px solid #e5e5e5 }
.table-frame {
  height: calc(100vh - 110px);
  padding-bottom: 80px !important;
}

.text-color-primary { color: #0E315B !important }
.text-color-muted { color: #ffffff !important }

/* U */
/* ------------------------------------------------------------------------------------ */
/* UI KIT EDITED ==================================== */
.uk-background-primary.black, .uk-button-primary.black { background-color: #272727; }
/* .uk-background-muted { background-color: #e6e6e6; } */
.uk-badge:focus, .uk-badge:hover { color: initial; }
.uk-button { text-transform:unset; border-radius: 3px; padding: 0 15px; font-weight: 300; }
.uk-button-default { border: none }
/* .uk-button-default.black { background: #ffff; border: 1px solid #0E315B } */
.uk-button-default.black:hover { background: #0E315B; color: #fff !important }
.uk-button-default.black:hover .text-red { color: #fff !important }
.uk-button-default.white { background-color: #fff; color: #0078d4; }
.uk-button-default.white:hover { background-color: #0078d4; color: #fff; }
.uk-button-group.rounded .uk-button:not(.uk-button-primary) { background: #fff; }
.uk-button-group.rounded .uk-button:first-child, .uk-button-group.rounded .uk-input:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.uk-button-group.rounded .uk-button:last-child, .uk-button-group.rounded .uk-input:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.uk-button-icon { padding: 0px 12px }
.uk-button-link:hover { text-decoration: none; }
.uk-button-small { padding: 0 10px; line-height: 30px; }
.uk-button-primary.black { background-color: #0E315B; }
.uk-button-padding-small-right { padding-right: 15px; }
.uk-button-success{ background-color: #32d296; color: #fff; border: 1px solid transparent; }

.uk-card.uk-card-default { box-shadow: none; }

.uk-dotnav>.uk-active>* { background-color: #300; }
.uk-dropdown.uk-open { padding: 10px 20px; border-top: 2px solid #272727; min-width: 250px; }
.uk-dropdown-nav>li.uk-active>a { color: #0E315B }

.uk-form-stacked { position: relative; }

.uk-icon-image.list { width: 30px; height: 30px; }
.uk-icon-image.small { width: 25px; height: 25px; }
.uk-icon-image.medium { width: 30px; height: 30px; margin-top: 5px; }
.uk-icon-image.large { width: 70px; height: 70px; margin-top: 5px; }

.uk-input.custom, .uk-select.custom, .uk-textarea.custom {
  font-size: .875rem;
  border: 0;
  border-bottom: 1.5px dashed #aaaaaa;
  /* background-color: #f9f9f9; */
}

.uk-input.custom-default, .uk-select.custom-default, .uk-textarea.custom-default {
  font-size: .875rem;
  border: 0;
  background-color: #ffffff;
}

.uk-input.custom.success{
  border-bottom: 2px solid #32d296;
  color: #32d296;
}

.uk-input.custom.error{
  border-bottom: 2px solid red;
  color: red;
}

.uk-label-muted { background-color: #ddd; color: #111; }
.uk-label-default { background-color: unset; border: 1px solid #ddd; color: #111; }
.uk-list, .uk-list a { font-size: 0.870rem }

.uk-modal-body { background-color: #fff !important; border-bottom: 71px solid #fff; }
.uk-modal-dialog { background-color: transparent; position: relative; }
.uk-modal-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-left: 0;
  padding-right: 0;
}
/* .uk-modal-full form { height: 100vh; } */

.uk-nav-header { text-transform: unset; font-size: unset; }
.uk-navbar-nav>li>a { min-height: unset; text-transform: none; color: #333; }
.uk-notification-message { font-size: 0.870rem; background-color: #272727; color: #fff; }
.uk-padding-small { padding: 5px 15px }
.uk-pagination .uk-active {
  /* border-bottom: 3px solid;
  box-shadow: 0 8px 16px 0 rgb(0 0 0 / 10%);
  background: #ffff; */
  background: #ddd;
  border-radius: 3px;
}

.uk-pagination .uk-active a {
  /* color: #2196F3; */
  font-weight: bold;
  padding: 5px 12px;
}

.uk-form-icon.small { padding: 10px }

.uk-list-divider>:nth-child(n+2) { margin-top: 0 }

.uk-tab::before { display: none; }
.uk-tab>*>a { text-transform: none; padding-bottom: 10px; padding-left: 0; padding-right: 0; }
.uk-tab>.uk-active>a { border-width: 2px; padding-left: 0; padding-right: 0; padding-bottom: 5px; font-weight: 500; }
.uk-tab>*>a.uk-text-large { font-size: 18px; padding-bottom: 3px; }
.uk-table th, .uk-table td { font-size: 0.870rem; }
.uk-table thead th { text-transform: unset; }
.uk-table.uk-table-small tr.head td { padding: 10px 12px; }
.uk-table.uk-table-small tr.body td { padding: 0 5px; }
.uk-text-small { font-size: 0.78rem !important }
.uk-textarea { min-height: 123px; }

.text-red { color: #0E315B }

.tile {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #aaaaaa;
}

.tile.large {
  width: 40px;
  height: 40px;
}

/* X */
/* ------------------------------------------------------------------------------------ */
.x-table { display: table; width: 100%; table-layout: auto; }
.x-tableRow { display: table-row; }
.x-tableHeading { display: table-header-group; background-color: #ddd; }
.x-tableCell, .x-tableHead { display: table-cell; padding: 3px 10px; border: 0.8px solid #e3e3e3; white-space: nowrap; position: relative; }
.x-tableHeading { display: table-header-group; background-color: #ddd; font-weight: bold; }
.x-tableFoot { display: table-footer-group; font-weight: bold; background-color: #ddd; }
.x-tableBody { display: table-row-group; }

.r-table {    display: block;    width: 100%; }
.r-tableHeading, .r-tableBody, .r-tableFoot, .r-tableRow{    clear: both; }
.r-tableHead, .r-tableFoot{    background-color: #DDD;    font-weight: bold; }
.r-tableCell, .r-tableHead {    border: 1px solid #999999;    float: left;     overflow: hidden;    padding: 3px 1.8%;    width: 28%; }
.r-table:after {    visibility: hidden;    display: block;    font-size: 0;    content: " ";    clear: both;    height: 0; }

/* W */
/* ------------------------------------------------------------------------------------ */
.width-release { min-width: unset; max-width: unset; }

/* width */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* ------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------ */
/* RESPONSIVE */
/* ------------------------------------------------------------------------------------ */
/*  ==================================== */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) {
  .banner.large { height: 230px; }
  .container.collapsed { border-left-width: 0; padding-bottom: 60px; }

  .login-frame .login-form { padding: 25px; }
  .login-frame .login-header, .login-frame .login-header.adjusted, .login-frame .login-form img.images { position: relative; padding: 0; }
  .navigation-side.collapsed {
    width: 100%;
    height: 55px;
    top: unset;
    bottom: 0;
  }

  .navigation-side.collapsed ul {
    display: flex;
  }

  .login-frame .uk-container { height: auto; }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1320px) {

}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1440px) {

}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1640px) {

}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1920px) {

}