/* Green Sea */
/* Emerald */
/* Nephritis */
/* Peter River */
/* Belize Hole */
/* Amethyst */
/* Wisteria */
/* Wet Asphalt */
/* Midnight Blue */
/* Sunflower */
/* Orange */
/* Carrot */
/* Pumpkin */
/* Alizarin */
/* Pomegranate */
/* Clouds */
/* Silver */
/* Concrete */
/* Asbestos */
/* Amethyst */
.amethyst {
  color: #9b59b6;
}
.amethyst-50 {
  color: #f5eef8;
}
.amethyst-100 {
  color: #ebdef0;
}
.amethyst-200 {
  color: #d7bde2;
}
.amethyst-300 {
  color: #c39bd3;
}
.amethyst-400 {
  color: #af7ac5;
}
.amethyst-500 {
  color: #9b59b6;
}
.amethyst-600 {
  color: #884ea0;
}
.amethyst-700 {
  color: #76448a;
}
.amethyst-800 {
  color: #633974;
}
.amethyst-900 {
  color: #512e5f;
}
/* Wisteria */
.wisteria {
  color: #8e44ad;
}
.wisteria-50 {
  color: #f4ecf7;
}
.wisteria-100 {
  color: #e8daef;
}
.wisteria-200 {
  color: #d2b4de;
}
.wisteria-300 {
  color: #bb8fce;
}
.wisteria-400 {
  color: #a569bd;
}
.wisteria-500 {
  color: #8e44ad;
}
.wisteria-600 {
  color: #7d3c98;
}
.wisteria-700 {
  color: #6c3483;
}
.wisteria-800 {
  color: #5b2c6f;
}
.wisteria-900 {
  color: #4a235a;
}
/* Wet Asphalt */
.wet-asphalt {
  color: #34495e;
}
.wet-asphalt-50 {
  color: #ebedef;
}
.wet-asphalt-100 {
  color: #d6dbdf;
}
.wet-asphalt-200 {
  color: #aeb6bf;
}
.wet-asphalt-300 {
  color: #85929e;
}
.wet-asphalt-400 {
  color: #5d6d7e;
}
.wet-asphalt-500 {
  color: #34495e;
}
.wet-asphalt-600 {
  color: #2e4053;
}
.wet-asphalt-700 {
  color: #283747;
}
.wet-asphalt-800 {
  color: #212f3c;
}
.wet-asphalt-900 {
  color: #1b2631;
}
/* Midnight Blue */
.midnight-blue {
  color: #2c3e50;
}
.midnight-blue-50 {
  color: #eaecee;
}
.midnight-blue-100 {
  color: #d5d8dc;
}
.midnight-blue-200 {
  color: #abb2b9;
}
.midnight-blue-300 {
  color: #808b96;
}
.midnight-blue-400 {
  color: #566573;
}
.midnight-blue-500 {
  color: #2c3e50;
}
.midnight-blue-600 {
  color: #273746;
}
.midnight-blue-700 {
  color: #212f3d;
}
.midnight-blue-800 {
  color: #1c2833;
}
.midnight-blue-900 {
  color: #17202a;
}
/* Sunflower */
.sunflower {
  color: #f1c40f;
}
.sunflower-50 {
  color: #fef9e7;
}
.sunflower-100 {
  color: #fcf3cf;
}
.sunflower-200 {
  color: #f9e79f;
}
.sunflower-300 {
  color: #f7dc6f;
}
.sunflower-400 {
  color: #f4d03f;
}
.sunflower-500 {
  color: #f1c40f;
}
.sunflower-600 {
  color: #d4ac0d;
}
.sunflower-700 {
  color: #b7950b;
}
.sunflower-800 {
  color: #9a7d0a;
}
.sunflower-900 {
  color: #7d6608;
}
/* Orange */
.orange {
  color: #f39c12;
}
.orange-50 {
  color: #fef5e7;
}
.orange-100 {
  color: #fdebd0;
}
.orange-200 {
  color: #fad7a0;
}
.orange-300 {
  color: #f8c471;
}
.orange-400 {
  color: #f5b041;
}
.orange-500 {
  color: #f39c12;
}
.orange-600 {
  color: #d68910;
}
.orange-700 {
  color: #b9770e;
}
.orange-800 {
  color: #9c640c;
}
.orange-900 {
  color: #7e5109;
}
/* Carrot */
.carrot {
  color: #e67e22;
}
.carrot-50 {
  color: #fdf2e9;
}
.carrot-100 {
  color: #fae5d3;
}
.carrot-200 {
  color: #f5cba7;
}
.carrot-300 {
  color: #f0b27a;
}
.carrot-400 {
  color: #eb984e;
}
.carrot-500 {
  color: #e67e22;
}
.carrot-600 {
  color: #ca6f1e;
}
.carrot-700 {
  color: #af601a;
}
.carrot-800 {
  color: #935116;
}
.carrot-900 {
  color: #784212;
}
/* Pumpkin */
.pumpkin {
  color: #d35400;
}
.pumpkin-50 {
  color: #fbeee6;
}
.pumpkin-100 {
  color: #f6ddcc;
}
.pumpkin-200 {
  color: #edbb99;
}
.pumpkin-300 {
  color: #e59866;
}
.pumpkin-400 {
  color: #dc7633;
}
.pumpkin-500 {
  color: #d35400;
}
.pumpkin-600 {
  color: #ba4a00;
}
.pumpkin-700 {
  color: #a04000;
}
.pumpkin-800 {
  color: #873600;
}
.pumpkin-900 {
  color: #6e2c00;
}
/* Alizarin */
.alizarin {
  color: #e74c3c;
}
.alizarin-50 {
  color: #fdedec;
}
.alizarin-100 {
  color: #fadbd8;
}
.alizarin-200 {
  color: #f5b7b1;
}
.alizarin-300 {
  color: #f1948a;
}
.alizarin-400 {
  color: #ec7063;
}
.alizarin-500 {
  color: #e74c3c;
}
.alizarin-600 {
  color: #cb4335;
}
.alizarin-700 {
  color: #b03a2e;
}
.alizarin-800 {
  color: #943126;
}
.alizarin-900 {
  color: #78281f;
}
/* Pomegranate */
.pomegranate {
  color: #c0392b;
}
.pomegranate-50 {
  color: #f9ebea;
}
.pomegranate-100 {
  color: #f2d7d5;
}
.pomegranate-200 {
  color: #e6b0aa;
}
.pomegranate-300 {
  color: #d98880;
}
.pomegranate-400 {
  color: #cd6155;
}
.pomegranate-500 {
  color: #c0392b;
}
.pomegranate-600 {
  color: #a93226;
}
.pomegranate-700 {
  color: #922b21;
}
.pomegranate-800 {
  color: #7b241c;
}
.pomegranate-900 {
  color: #641e16;
}
/* Clouds */
.clouds {
  color: #ecf0f1;
}
.clouds-50 {
  color: #fdfefe;
}
.clouds-100 {
  color: #fbfcfc;
}
.clouds-200 {
  color: #f7f9f9;
}
.clouds-300 {
  color: #f4f6f7;
}
.clouds-400 {
  color: #f0f3f4;
}
.clouds-500 {
  color: #ecf0f1;
}
.clouds-600 {
  color: #d0d3d4;
}
.clouds-700 {
  color: #b3b6b7;
}
.clouds-800 {
  color: #979a9a;
}
.clouds-900 {
  color: #7b7d7d;
}
/* Silver */
.silver {
  color: #bdc3c7;
}
.silver-50 {
  color: #f8f9f9;
}
.silver-100 {
  color: #f2f3f4;
}
.silver-200 {
  color: #e5e7e9;
}
.silver-300 {
  color: #d7dbdd;
}
.silver-400 {
  color: #cacfd2;
}
.silver-500 {
  color: #bdc3c7;
}
.silver-600 {
  color: #a6acaf;
}
.silver-700 {
  color: #909497;
}
.silver-800 {
  color: #797d7f;
}
.silver-900 {
  color: #626567;
}
/* Concrete */
.concrete {
  color: #95a5a6;
}
.concrete-50 {
  color: #f4f6f6;
}
.concrete-100 {
  color: #eaeded;
}
.concrete-200 {
  color: #d5dbdb;
}
.concrete-300 {
  color: #bfc9ca;
}
.concrete-400 {
  color: #aab7b8;
}
.concrete-500 {
  color: #95a5a6;
}
.concrete-600 {
  color: #839192;
}
.concrete-700 {
  color: #717d7e;
}
.concrete-800 {
  color: #5f6a6a;
}
.concrete-900 {
  color: #4d5656;
}
/* Asbestos */
.asbestos {
  color: #7f8c8d;
}
.asbestos-50 {
  color: #f2f4f4;
}
.asbestos-100 {
  color: #e5e8e8;
}
.asbestos-200 {
  color: #ccd1d1;
}
.asbestos-300 {
  color: #b2babb;
}
.asbestos-400 {
  color: #99a3a4;
}
.asbestos-500 {
  color: #7f8c8d;
}
.asbestos-600 {
  color: #707b7c;
}
.asbestos-700 {
  color: #616a6b;
}
.asbestos-800 {
  color: #515a5a;
}
.asbestos-900 {
  color: #424949;
}
.backend .backend-header {
  background-color: #212f3c;
  padding-left: 5px;
  height: 60px;
}
.backend .backend-header .mobile-menu {
  display: inline-block;
  padding: 12px 22px;
  margin-left: -5px;
  height: 60px;
  vertical-align: middle;
  color: #bdc3c7;
  border-right: 1px solid #2e4053;
  box-shadow: none !important;
  font-size: 24px;
}
.backend .backend-header .mobile-menu:hover {
  color: #fff;
  text-decoration: none;
  background-color: #1b2631;
}
.backend .backend-header .logo {
  height: 50px;
}
.backend .backend-header .title {
  font-weight: 700;
  font-size: 15px;
  color: #d6dbdf;
}
.backend .backend-header .subtitle {
  font-weight: 300;
  font-size: 13px;
  color: #d6eaf8;
}
.backend .backend-header .user {
  font-size: 13px;
}
.backend .backend-header .rbtns .dropdown {
  position: relative;
  display: inline-block;
}
.backend .backend-header .rbtns .dropdown:hover > a {
  background-color: #1b2631;
}
.backend .backend-header .rbtns .dropdown:hover .dropdown-content {
  display: block;
}
.backend .backend-header .rbtns .dropdown .dropdown-content {
  text-align: left;
  display: none;
  position: absolute;
  right: 0px;
  background-color: #1b2631;
  min-width: 160px;
  z-index: 998;
  margin-top: -4px;
  padding: 4px 0;
  width: 200px;
}
.backend .backend-header .rbtns .dropdown .dropdown-content > a {
  padding: 8px 14px;
  font-size: 13px;
  color: #cacfd2;
  display: block;
}
.backend .backend-header .rbtns .dropdown .dropdown-content > a:hover {
  text-decoration: none;
  background-color: #212f3c;
}
.backend .backend-header .rbtns > a, .backend .backend-header .rbtns .dropdown > .btn {
  display: inline-block;
  padding: 22px 15px 0 10px;
  height: 60px;
  vertical-align: middle;
  color: #bdc3c7;
  font-size: 13px;
  box-shadow: none !important;
  margin: 0px;
  border-radius: 0px;
}
.backend .backend-header .rbtns > a:hover, .backend .backend-header .rbtns .dropdown > .btn:hover {
  color: #fff;
  text-decoration: none;
  background-color: #1b2631;
}
.backend .backend-header .rbtns > a > i, .backend .backend-header .rbtns .dropdown > .btn > i {
  font-size: 18px;
  vertical-align: middle;
}
.backend .main-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #2471a3;
  border-bottom: 1px solid #1f618d;
}
.backend .main-menu ul li.item {
  display: inline;
  position: relative;
}
.backend .main-menu ul li.item.dropdown {
  position: relative;
}
.backend .main-menu ul li.item.dropdown .dp-caret {
  display: inline-block;
  transition: all 0.25s ease;
}
.backend .main-menu ul li.item.dropdown:hover > a {
  background-color: #154360;
  color: #fff;
  border-top: 1px solid #a9cce3;
}
.backend .main-menu ul li.item.dropdown:hover > a .dp-caret {
  transform: rotate(180deg);
}
.backend .main-menu ul li.item.dropdown:hover .dropdown-content {
  display: block;
}
.backend .main-menu ul li.item > a {
  display: inline-block;
  margin-right: -4px;
  padding: 6px 8px 7px 8px;
  vertical-align: middle;
  color: #d7dbdd;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  box-shadow: none !important;
  transition: color 0.25s ease;
  border-top: 1px solid transparent;
}
.backend .main-menu ul li.item > a:not(first-child) {
  border-left: 1px solid #1f618d;
}
.backend .main-menu ul li.item > a:hover {
  background-color: #154360;
  text-decoration: none;
  color: #fff;
}
.backend .main-menu ul li.item .dropdown-content {
  text-align: left;
  display: none;
  position: absolute;
  left: 0px;
  background-color: #154360;
  min-width: 160px;
  z-index: 9999;
  margin-top: -1px;
  padding: 4px 0;
  width: 220px;
}
.backend .main-menu ul li.item .dropdown-content > .separator {
  padding: 15px 10px 4px 10px;
  font-size: 11px;
  color: #a6acaf;
  display: block;
}
.backend .main-menu ul li.item .dropdown-content > a {
  padding: 4px 8px 4px 5px;
  font-size: 13px;
  color: #cacfd2;
  display: block;
  border-left: 3px solid transparent;
}
.backend .main-menu ul li.item .dropdown-content > a:hover {
  text-decoration: none;
  background-color: #2471a3;
  color: #fff;
  border-left: 3px solid #a9cce3;
}
.backend .main-menu ul li.item .dropdown-content .child-badge {
  display: inline-block;
  float: right;
  margin-right: 2px;
  font-size: 11px;
  color: #fff;
  background-color: #2471a3;
  padding: 1px 3px;
  margin-right: -5px;
  height: 18px;
  text-align: center;
  border-radius: 10px;
  font-family: 'Roboto Mono', monospace;
}
.backend .main-menu ul li.item .parent-badge {
  display: inline-block;
  top: -5px;
  right: 10px;
  font-size: 10px;
  color: #fff;
  background-color: #154360;
  padding: 1px 3px;
  margin-left: 4px;
  height: 15px;
  text-align: center;
  border-radius: 10px;
  margin-top: -2px;
  font-family: 'Roboto Mono', monospace;
}
.backend {
  background-color: #fff;
  font-family: 'Roboto', sans-serif;
}
.backend .es1-main.fullh {
  height: calc(100% - 60px);
}
.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
  min-height: 54px !important;
}
.layout-row form.layout .form-buttons {
  padding: 0;
}
.layout-row > .form-widget.layout {
  background: #fff;
}
.layout-row .relation-behavior {
  background: rgba(255, 255, 255, 0.7);
  padding: 5px;
  border-radius: 3px;
}
.modal-body .form-widget.layout {
  background: transparent;
}
.span-inline {
  float: unset !important;
  display: inline-block !important;
}
.span-inline.m-left {
  margin-left: 20px;
}
.span-inline.m-right {
  margin-right: 20px;
}
.custom-breadcrumb {
  margin-right: -10px;
  margin-left: -10px;
  margin-top: -10px;
  padding: 1px;
  background-color: #ecf0f1;
  margin-bottom: 10px;
  font-size: 12px;
}
.custom-breadcrumb ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.custom-breadcrumb ul li {
  display: inline-block;
  padding: 5px;
}
.custom-breadcrumb ul li:before {
  content: '/';
  margin-right: 3px;
}
.custom-switch > span span:last-child {
  right: 8px !important;
  position: absolute !important;
  text-align: right !important;
}
.list-header {
  padding: 0 10px 1px 10px;
}
.control-toolbar {
  padding: 0 0 10px 0;
  font-size: inherit !important;
}
table.table.data tbody td, table.table.data tbody th {
  padding: 4px;
}
table.table.data thead td > a, table.table.data thead th > a, table.table.data thead td > span, table.table.data thead th > span {
  padding: 4px;
  font-weight: bold;
}
table.table.data thead tr th.list-checkbox {
  padding: 9px 0 0 19px;
}
.list-footer .list-pagination {
  padding-top: 0px;
}
.control-filter > .filter-scope, .control-filter > .filter-has-popover {
  padding: 4px 10px;
}
#layout-side-panel .sidepanel-content-header, .fancy-layout .control-tabs.master-tabs > div > div.tabs-container, .fancy-layout.control-tabs.master-tabs > div > div.tabs-container {
  background-color: #bfbfbf;
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title, .fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title, .fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:after, .fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:after, .fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:before, .fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:before {
  background-color: #4B77BE;
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title, .fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title, .fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before, .fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before, .fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after, .fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after {
  background: #89C4F4;
}
.fancy-layout .form-tabless-fields, .fancy-layout .control-tabs.primary-tabs.master-area > div > ul.nav-tabs, .fancy-layout.control-tabs.primary-tabs.master-area > div > ul.nav-tabs, .fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs, .fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs, .control-filelist ul li.active > a:after {
  background: #4B77BE;
}
.sidenav-tree ul.top-level > li > div.group {
  background: #4B77BE;
}
.sidenav-tree-root .sidenav-tree ul.top-level > li > ul > li > a, .sidenav-tree ul.top-level > li > ul li a, .sidenav-tree ul.top-level > li > ul li a span.header, .sidenav-tree ul.top-level > li > ul li a span.description {
  color: #4B77BE;
}
.sidenav-tree-root .sidenav-tree ul.top-level > li > ul > li > a .header, .sidenav-tree-root .sidenav-tree ul.top-level > li > ul > li > a .description, .sidenav-tree ul.top-level > li > ul li a .header, .sidenav-tree ul.top-level > li > ul li a .description, .sidenav-tree ul.top-level > li > ul li a span.header .header, .sidenav-tree ul.top-level > li > ul li a span.header .description, .sidenav-tree ul.top-level > li > ul li a span.description .header, .sidenav-tree ul.top-level > li > ul li a span.description .description {
  color: #4B77BE;
}
.sidenav-tree ul.top-level > li > ul li.active {
  background-color: #95A5A6;
  border-left: unset !important;
}
.padded-container.layout {
  background: #fff;
}
.padded-container.layout > .layout {
  background: #fff;
}
.control-tabs.layout {
  background: #fff;
}
.layout-row .control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:before, .layout-row .control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:before, .layout-row .control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:before, .layout-row .control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:after, .layout-row .control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:after, .layout-row .control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:after, .layout-row .control-tabs.primary-tabs > ul.nav-tabs > li.active a:before, .layout-row .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a:before, .layout-row .control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a:before {
  background-color: #fff !important;
}
/* -------------------------- Custom Es ------------ */
.flex-layout-column.oc-logo-transparent:not(.has-tabs) {
  background-image: url('/modules/backend/assets/images/eseti-bg.png') !important;
  background-size: auto !important;
}
.layout > .layout-cell.layout-container, .layout > .layout-cell .layout-container, .layout > .layout-cell.padded-container, .layout > .layout-cell .padded-container {
  padding: 10px 10px 20px 10px;
}
ul.pagination {
  padding-left: 0px;
}
ul.pagination li {
  list-style: none;
  display: inline-block;
}
ul.pagination li > span, ul.pagination li a {
  font-size: 13px;
  display: inline-block;
  padding: 6px 10px;
  background-color: #d6eaf8;
}
ul.pagination li > a:hover {
  text-decoration: none;
  background-color: #aed6f1;
}
ul.pagination li.active > span {
  font-weight: bold;
}
.card {
  background: #fff;
  border-radius: max(0px, min(8px, ((100vw - 4px) - 100%) * 9999)) / 8px;
  padding: 0px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Green Sea */
/* Emerald */
/* Nephritis */
/* Peter River */
/* Belize Hole */
/* Amethyst */
/* Wisteria */
/* Wet Asphalt */
/* Midnight Blue */
/* Sunflower */
/* Orange */
/* Carrot */
/* Pumpkin */
/* Alizarin */
/* Pomegranate */
/* Clouds */
/* Silver */
/* Concrete */
/* Asbestos */
/* Amethyst */
.amethyst {
  color: #9b59b6;
}
.amethyst-50 {
  color: #f5eef8;
}
.amethyst-100 {
  color: #ebdef0;
}
.amethyst-200 {
  color: #d7bde2;
}
.amethyst-300 {
  color: #c39bd3;
}
.amethyst-400 {
  color: #af7ac5;
}
.amethyst-500 {
  color: #9b59b6;
}
.amethyst-600 {
  color: #884ea0;
}
.amethyst-700 {
  color: #76448a;
}
.amethyst-800 {
  color: #633974;
}
.amethyst-900 {
  color: #512e5f;
}
/* Wisteria */
.wisteria {
  color: #8e44ad;
}
.wisteria-50 {
  color: #f4ecf7;
}
.wisteria-100 {
  color: #e8daef;
}
.wisteria-200 {
  color: #d2b4de;
}
.wisteria-300 {
  color: #bb8fce;
}
.wisteria-400 {
  color: #a569bd;
}
.wisteria-500 {
  color: #8e44ad;
}
.wisteria-600 {
  color: #7d3c98;
}
.wisteria-700 {
  color: #6c3483;
}
.wisteria-800 {
  color: #5b2c6f;
}
.wisteria-900 {
  color: #4a235a;
}
/* Wet Asphalt */
.wet-asphalt {
  color: #34495e;
}
.wet-asphalt-50 {
  color: #ebedef;
}
.wet-asphalt-100 {
  color: #d6dbdf;
}
.wet-asphalt-200 {
  color: #aeb6bf;
}
.wet-asphalt-300 {
  color: #85929e;
}
.wet-asphalt-400 {
  color: #5d6d7e;
}
.wet-asphalt-500 {
  color: #34495e;
}
.wet-asphalt-600 {
  color: #2e4053;
}
.wet-asphalt-700 {
  color: #283747;
}
.wet-asphalt-800 {
  color: #212f3c;
}
.wet-asphalt-900 {
  color: #1b2631;
}
/* Midnight Blue */
.midnight-blue {
  color: #2c3e50;
}
.midnight-blue-50 {
  color: #eaecee;
}
.midnight-blue-100 {
  color: #d5d8dc;
}
.midnight-blue-200 {
  color: #abb2b9;
}
.midnight-blue-300 {
  color: #808b96;
}
.midnight-blue-400 {
  color: #566573;
}
.midnight-blue-500 {
  color: #2c3e50;
}
.midnight-blue-600 {
  color: #273746;
}
.midnight-blue-700 {
  color: #212f3d;
}
.midnight-blue-800 {
  color: #1c2833;
}
.midnight-blue-900 {
  color: #17202a;
}
/* Sunflower */
.sunflower {
  color: #f1c40f;
}
.sunflower-50 {
  color: #fef9e7;
}
.sunflower-100 {
  color: #fcf3cf;
}
.sunflower-200 {
  color: #f9e79f;
}
.sunflower-300 {
  color: #f7dc6f;
}
.sunflower-400 {
  color: #f4d03f;
}
.sunflower-500 {
  color: #f1c40f;
}
.sunflower-600 {
  color: #d4ac0d;
}
.sunflower-700 {
  color: #b7950b;
}
.sunflower-800 {
  color: #9a7d0a;
}
.sunflower-900 {
  color: #7d6608;
}
/* Orange */
.orange {
  color: #f39c12;
}
.orange-50 {
  color: #fef5e7;
}
.orange-100 {
  color: #fdebd0;
}
.orange-200 {
  color: #fad7a0;
}
.orange-300 {
  color: #f8c471;
}
.orange-400 {
  color: #f5b041;
}
.orange-500 {
  color: #f39c12;
}
.orange-600 {
  color: #d68910;
}
.orange-700 {
  color: #b9770e;
}
.orange-800 {
  color: #9c640c;
}
.orange-900 {
  color: #7e5109;
}
/* Carrot */
.carrot {
  color: #e67e22;
}
.carrot-50 {
  color: #fdf2e9;
}
.carrot-100 {
  color: #fae5d3;
}
.carrot-200 {
  color: #f5cba7;
}
.carrot-300 {
  color: #f0b27a;
}
.carrot-400 {
  color: #eb984e;
}
.carrot-500 {
  color: #e67e22;
}
.carrot-600 {
  color: #ca6f1e;
}
.carrot-700 {
  color: #af601a;
}
.carrot-800 {
  color: #935116;
}
.carrot-900 {
  color: #784212;
}
/* Pumpkin */
.pumpkin {
  color: #d35400;
}
.pumpkin-50 {
  color: #fbeee6;
}
.pumpkin-100 {
  color: #f6ddcc;
}
.pumpkin-200 {
  color: #edbb99;
}
.pumpkin-300 {
  color: #e59866;
}
.pumpkin-400 {
  color: #dc7633;
}
.pumpkin-500 {
  color: #d35400;
}
.pumpkin-600 {
  color: #ba4a00;
}
.pumpkin-700 {
  color: #a04000;
}
.pumpkin-800 {
  color: #873600;
}
.pumpkin-900 {
  color: #6e2c00;
}
/* Alizarin */
.alizarin {
  color: #e74c3c;
}
.alizarin-50 {
  color: #fdedec;
}
.alizarin-100 {
  color: #fadbd8;
}
.alizarin-200 {
  color: #f5b7b1;
}
.alizarin-300 {
  color: #f1948a;
}
.alizarin-400 {
  color: #ec7063;
}
.alizarin-500 {
  color: #e74c3c;
}
.alizarin-600 {
  color: #cb4335;
}
.alizarin-700 {
  color: #b03a2e;
}
.alizarin-800 {
  color: #943126;
}
.alizarin-900 {
  color: #78281f;
}
/* Pomegranate */
.pomegranate {
  color: #c0392b;
}
.pomegranate-50 {
  color: #f9ebea;
}
.pomegranate-100 {
  color: #f2d7d5;
}
.pomegranate-200 {
  color: #e6b0aa;
}
.pomegranate-300 {
  color: #d98880;
}
.pomegranate-400 {
  color: #cd6155;
}
.pomegranate-500 {
  color: #c0392b;
}
.pomegranate-600 {
  color: #a93226;
}
.pomegranate-700 {
  color: #922b21;
}
.pomegranate-800 {
  color: #7b241c;
}
.pomegranate-900 {
  color: #641e16;
}
/* Clouds */
.clouds {
  color: #ecf0f1;
}
.clouds-50 {
  color: #fdfefe;
}
.clouds-100 {
  color: #fbfcfc;
}
.clouds-200 {
  color: #f7f9f9;
}
.clouds-300 {
  color: #f4f6f7;
}
.clouds-400 {
  color: #f0f3f4;
}
.clouds-500 {
  color: #ecf0f1;
}
.clouds-600 {
  color: #d0d3d4;
}
.clouds-700 {
  color: #b3b6b7;
}
.clouds-800 {
  color: #979a9a;
}
.clouds-900 {
  color: #7b7d7d;
}
/* Silver */
.silver {
  color: #bdc3c7;
}
.silver-50 {
  color: #f8f9f9;
}
.silver-100 {
  color: #f2f3f4;
}
.silver-200 {
  color: #e5e7e9;
}
.silver-300 {
  color: #d7dbdd;
}
.silver-400 {
  color: #cacfd2;
}
.silver-500 {
  color: #bdc3c7;
}
.silver-600 {
  color: #a6acaf;
}
.silver-700 {
  color: #909497;
}
.silver-800 {
  color: #797d7f;
}
.silver-900 {
  color: #626567;
}
/* Concrete */
.concrete {
  color: #95a5a6;
}
.concrete-50 {
  color: #f4f6f6;
}
.concrete-100 {
  color: #eaeded;
}
.concrete-200 {
  color: #d5dbdb;
}
.concrete-300 {
  color: #bfc9ca;
}
.concrete-400 {
  color: #aab7b8;
}
.concrete-500 {
  color: #95a5a6;
}
.concrete-600 {
  color: #839192;
}
.concrete-700 {
  color: #717d7e;
}
.concrete-800 {
  color: #5f6a6a;
}
.concrete-900 {
  color: #4d5656;
}
/* Asbestos */
.asbestos {
  color: #7f8c8d;
}
.asbestos-50 {
  color: #f2f4f4;
}
.asbestos-100 {
  color: #e5e8e8;
}
.asbestos-200 {
  color: #ccd1d1;
}
.asbestos-300 {
  color: #b2babb;
}
.asbestos-400 {
  color: #99a3a4;
}
.asbestos-500 {
  color: #7f8c8d;
}
.asbestos-600 {
  color: #707b7c;
}
.asbestos-700 {
  color: #616a6b;
}
.asbestos-800 {
  color: #515a5a;
}
.asbestos-900 {
  color: #424949;
}
body, html {
  background-color: #fff;
  font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
.credencial-bg {
  background: url("/plugins/eseti/credencial/assets/images/crbg.png") no-repeat center center;
  background-size: cover;
}
.credencial > .header {
  background-color: #ecf0f1;
  padding: 20px;
}
.credencial > .header .logo {
  height: 50px;
}
.credencial > .header .site_titulo {
  line-height: 20px;
  color: #21618c;
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
}
.credencial > .header .conta {
  padding: 0px 10px;
}
.credencial > .header .conta .conta_nome {
  font-size: 16px;
  color: #154360;
  line-height: 12px;
}
.credencial > .header .conta .conta_gravatar {
  height: 50px;
}
.credencial > .header .header-menu-r > a {
  font-size: 13px;
  color: #5499c7;
  padding: 5px;
  display: inline-block;
}
.credencial > .header .header-menu-r > a:hover {
  text-decoration: none;
  color: #2471a3;
}
.credencial > .header .header-menu-r > a i {
  font-size: 17px;
  vertical-align: middle;
}
.perfil-btn {
  padding: 20px;
  cursor: pointer;
  width: 240px;
  margin: 1%;
  background-color: #f1f1f1;
  transition: all 0.2s ease;
  border-radius: 3px;
  text-align: center;
}
.perfil-btn i {
  font-size: 80px;
  color: #ccc;
}
.perfil-btn span {
  font-size: 16px;
  color: #333;
  text-transform: uppercase;
}
.perfil-btn:hover {
  background: #2874a6;
  color: #fff;
}
.perfil-btn:hover i, .perfil-btn:hover span {
  color: #fff;
}
.card .full-btn .item {
  padding: 3px 12px;
  color: #2874a6;
  font-size: 12px;
}
.card .full-btn .item i {
  color: #b3b6b7;
  font-size: 17px;
}
.card .full-btn .item:hover i {
  color: #2874a6;
}
.card .full-btn .separator {
  color: #b3b6b7;
}
.mobile-menu {
  width: 100%;
}
.mobile-menu > .item {
  padding: 5px 0;
  border-bottom: 1px solid #424949;
}
.mobile-menu > .item .submenu {
  width: 100%;
  background-color: #797d7f;
  padding: 3px;
  top: 5px !important;
  margin-bottom: 10px !important;
}
.mobile-menu > .item .submenu.uk-open {
  position: relative;
}
.mobile-menu > .item .submenu a {
  display: block;
  padding: 4px 0;
}
.setor {
  margin-top: 5px;
  background-color: #f8f9f9;
}
.setor .nome {
  font-size: 16px;
  color: #2e86c1;
}
.setor .desc {
  font-size: 11px;
}
.credencial-menu a {
  display: inline-block;
  padding: 5px 10px;
}
.credencial-topbar-menu {
  background-color: #21618c;
  margin-bottom: 15px;
}
.credencial-topbar-menu .item {
  color: #fff;
  position: relative;
  display: inline-block;
}
.credencial-topbar-menu .item > a {
  padding: 10px 6px;
  color: #fff;
  display: inline-block;
  text-decoration: none;
}
.credencial-topbar-menu .item > a:hover, .credencial-topbar-menu .item > a[aria-expanded='true'] {
  background-color: #1a5276;
  box-shadow: inset 0px 2px 1px #1a5276;
}
.credencial-topbar-menu .item .submenu {
  background-color: #1a5276;
  padding: 2px;
}
.credencial-topbar-menu .item .submenu > a {
  border-radius: 3px;
  padding: 6px;
  display: block;
  color: #fff;
  text-decoration: none;
}
.credencial-topbar-menu .item .submenu > a:hover {
  color: #333;
  background-color: #d4e6f1;
}
@media only screen and (max-width: 960px) {
  .credencial > .header {
    border-bottom: 2px solid #d0d3d4;
  }
}