/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
/* ========================================================================
   Name:            Bootstrap 5.1.2
   Description:     Compatibility layer for Bootstrap
 ========================================================================== */

@import "../../../media/vendor/bootstrap/css/bootstrap.min.css";
@import "../../../media/system/css/joomla-fontawesome.min.css";

/* ========================================================================
   Name:            Bootstrap layer
   Description:     Compatibility layer to match UIkit and Bootstrap style
 ========================================================================== */
 /* Base style
 ========================================================================== */
.hidden {
  display: none;
}
/* Button overrides
 ========================================================================== */
.btn {
  /* Reset */
  border: none;
  /* Todo */
  border-radius: 0;
  border-color: transparent;
  box-shadow: none;
  text-shadow: none;
  /* Overrides */
  line-height: 28px;
  background: #eeeeee;
  color: #444444;
}
.btn:hover,
.btn:focus {
  /* Reset */
  background-position: 0 0;
  -webkit-transition: none;
  transition: none;
  /* Overrides */
  background-color: #f5f5f5;
  color: #444444;
}
.btn.active,
.btn:active {
  /* Reset */
  box-shadow: none;
  /* Overrides */
  background-color: #dddddd;
  color: #444444;
}
/* Primary */
.btn-primary,
.btn-info,
.btn-inverse {
  background-color: #8cb31d;
  color: #ffffff;
}
.btn-primary:hover,
.btn-info:hover,
.btn-inverse:hover {
  background-color: #627d14;
  color: #ffffff;
}
.btn-primary:active,
.btn-primary.active,
.btn-info:active,
.btn-info.active,
.btn-inverse:active,
.btn-inverse.active {
  background-color: #8cb31d;
  color: #ffffff;
}
/* Danger */
.btn-danger,
.btn-warning {
  background-color: #da314b;
  color: #ffffff;
}
.btn-danger:hover,
.btn-warning:hover {
  background-color: #e4354f;
  color: #ffffff;
}
.btn-danger:active,
.btn-danger.active,
.btn-warning:active,
.btn-warning.active {
  background-color: #c91032;
  color: #ffffff;
}
/* Success */
.btn-success {
  background-color: #8cc14c;
  color: #ffffff;
}
.btn-success:hover {
  background-color: #8ec73b;
  color: #ffffff;
}
.btn-success:active,
.btn-success.active {
  background-color: #72ae41;
  color: #ffffff;
}
/* Disabled */
.btn.disabled,
.btn[disabled] {
  background-color: #f5f5f5;
  color: #999999;
}
/* Link */
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.uk-active,
.btn-link:disabled {
  display: inline;
  border: none;
  background: none;
}
/* Color */
.btn-link {
  color: #1fa2d6;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.uk-active {
  color: #0074a2;
}
.btn-link:disabled {
  color: #999999;
}
/* Dropdown caret */
.btn .caret {
  /* Reset */
  margin-bottom: 0;
  /* Overrides */
  border-top-color: #444444;
}
.btn [class^="icon-"],
.btn [class*=" icon-"] {
  margin-top: 4px;
  /* 14px = icon height */
  vertical-align: top;
}
.caret {
  /* Reset */
  margin-top: 0 !important;
  /* Override */
  vertical-align: middle !important;
}
/* Button group overrides
 ========================================================================== */
.btn-group > .btn + .dropdown-toggle {
  box-shadow: none;
}
/* Form overrides
 ========================================================================== */
 meter {
  width: 100%;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  /* Reset */
  border: 1px solid #dddddd;
  border-radius: 0;
  box-shadow: none;
  /* Overrides */
  height: 40px;
  line-height: 40px;
  color: #444444;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  /* Reset */
  box-shadow: none;
  /* Overrides */
  border-color: #99baca;
  outline: 0;
  background: #f5fbfe;
}
select {
  border-color: #dddddd;
}
select,
input[type="file"] {
  height: auto;
  line-height: auto;
}
.form-select {
  border-radius: 0;
}
.input-append input {
  border-radius: 4px 0 0 4px;
}
.input-append .add-on,
.input-prepend .add-on {
  /* Reset */
  text-shadow: none;
  /* Overrides */
  height: 40px;
  line-height: 40px;
  border-color: #dddddd;
  background-color: #f2f2f2;
}
.row-fluid input[class*="span"] {
  min-height: 40px;
}
.input-append .add-on:first-child,
.input-append .btn:first-child,
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child,
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  border-radius: 4px 0 0 4px;
}
.input-append > .btn,
.input-prepend > .btn {
  position: relative;
}
.input-append > .btn:hover,
.input-prepend > .btn:hover,
.input-append > .btn:focus,
.input-prepend > .btn:focus,
.input-append > .btn:active,
.input-prepend > .btn:active,
.input-append > .btn.active,
.input-prepend > .btn.active {
  z-index: 2;
}
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-prepend .add-on:last-child,
.input-prepend .btn:last-child,
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  border-radius: 0 4px 4px 0;
}
.input-block-level {
  min-height: auto;
}
input.search-query {
  border-radius: 4px;
}
.form-search .input-append .search-query {
  border-radius: 4px 0 0 4px;
}
.form-search .input-append .btn {
  border-radius: 0 4px 4px 0;
}
.form-search .input-prepend .search-query {
  border-radius: 0 4px 4px 0;
}
.form-search .input-prepend .btn {
  border-radius: 4px 0 0 4px;
}
.control-group .control-label .invalid {
  border: 0 !important;
  box-shadow: none !important;
  color: #ff0000;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  box-shadow: none;
  border-color: #dc8d99 !important;
  background: #fff7f8 !important;
  color: #d85030 !important;
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus,
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  box-shadow: none;
}
.control-group {
    margin: 1em 0;
}
.control-group input[type!='checkbox'], .control-group input[type!='radio'] {
  height: 40px;
  min-height: 40px;
  line-height: 40px;
}
.control-group.warning label,
.control-group.error label,
.control-group.warning .help-block,
.control-group.error .help-block,
.control-group.warning .help-inline,
.control-group.error .help-inline {
  color: #d85030;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  box-shadow: none;
  border-color: #8ec73b !important;
  background: #fafff2 !important;
  color: #659f13 !important;
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  box-shadow: none;
}
.control-group.success label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #659f13;
}
.form-actions {
  border: none;
}
.form-control-feedback {
  display: block;
  color: #ff0000;
}
/* Dropdown overrides
 ========================================================================== */
.dropdown-menu {
  /* Reset */
  border-radius: 0;
  border: none;
  box-shadow: none;
  /* Overrides */
  margin-top: 5px;
  padding: 15px;
  background: #f5f5f5;
}
.dropdown-menu > li > a {
  /* Reset */
  font-weight: inherit;
  line-height: inherit;
  /* Overrides */
  color: #444444;
  padding: 5px 20px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  background: #00a8e6;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background: #00a8e6;
}
/* Well overrides
 ========================================================================== */
.well {
  /* Reset */
  border: none;
  border-radius: 0;
  box-shadow: none;
  /* Overrides */
  padding: 20px !important;
  background: #f5f5f5;
}
/* Hero-unit overrides
 ========================================================================== */
.hero-unit {
  /* Reset */
  border-radius: 0;
  /* Overrides */
  background: #f5f5f5;
}
/* Tooltip overrides
 ========================================================================== */
.tooltip.in {
  opacity: 1;
}
/* Alert overrides
 ========================================================================== */
.alert {
  /* Reset */
  border-radius: 0;
  border: none;
  text-shadow: none;
  /* Overrides */
  background: #fffceb;
  color: #e28327;
}
.alert-success {
  background: #f2fae3;
  color: #659f13;
}
.alert-danger,
.alert-error {
  background: #fff1f0;
  color: #d85030;
}
.alert-info {
  background: #ebf7fd;
  color: #2d7091;
}
/* Badge overrides
 ========================================================================== */
.label,
.badge {
  /* Reset */
  text-shadow: none;
  /* Overrides */
  padding: 0 5px;
  background: #00a8e6;
  font-size: 11px;
  line-height: 15px;
  color: #ffffff;
  text-align: center;
  font-weight: normal;
  vertical-align: middle;
}
.badge {
  /* Overrides */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 18px;
  border-radius: 500px;
  font-size: 12px;
  line-height: 18px;
}
.label-important,
.badge-important {
  background-color: #da314b;
}
.label-warning,
.badge-warning {
  background-color: #faa732;
}
.label-success,
.badge-success {
  background-color: #8cc14c;
}
/* Progress overrides
 ========================================================================== */
.progress {
  /* Reset */
  border-radius: 0;
  box-shadow: none;
  /* Overrides */
  background: #eeeeee;
}
.progress .bar {
  /* Reset */
  text-shadow: none;
  box-shadow: none;
  background-image: none;
  /* Overrides */
  background-color: #00a8e6;
  color: #ffffff;
}
.progress-danger .bar,
.progress .bar-danger,
.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
  background-color: #da314b;
}
.progress-success .bar,
.progress .bar-success,
.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #8cc14c;
}
.progress-info .bar,
.progress .bar-info,
.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #00a8e6;
}
.progress-warning .bar,
.progress .bar-warning,
.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
  background-color: #faa732;
}
.progress .bar + .bar {
  box-shadow: none;
}
.progress-striped .bar {
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/* Navbar overrides
 ========================================================================== */
.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  text-shadow: none;
}
/* Navs overrides
 ========================================================================== */
.nav > li > a {
  color: #444444;
}
.nav > li > a:hover,
.nav > li > a:focus {
  color: #1fa2d6;
}
.nav-header {
  text-shadow: none;
  color: #444444;
}
/*
 * List
 */
.nav-list > li > a {
  /* Reset */
  text-shadow: none;
  /* Override */
  color: #444444;
}
.nav-list .nav-header {
  /* Reset */
  text-shadow: none;
  /* Override */
  color: #444444;
}
.nav-list > li > a:hover,
.nav-list > li > a:focus {
  background: rgba(0, 0, 0, 0.05);
  color: #444444;
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  text-shadow: none;
  color: #ffffff;
  background-color: #00a8e6;
}
.nav-list .divider {
  border-color: #dddddd;
  background: transparent;
}
/*
 * Pills
 */
.nav-pills > li > a {
  /* Reset */
  border-radius: 0;
  line-height: inherit;
  /* Override */
  padding: 3px 9px;
}
.nav-pills > li > a:hover {
  background: #eeeeee;
  color: #444444;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  /* Overrides */
  background: #00a8e6;
  color: #ffffff;
}
.nav-pills li.dropdown a:hover .caret,
.nav-pills li.dropdown a:focus .caret {
  border-top-color: #444444;
  border-bottom-color: #444444;
}
/* Open dropdowns */
.nav-pills li.dropdown.open .caret,
.nav-pills li.dropdown.open.active .caret,
.nav-pills li.dropdown.open a:hover .caret,
.nav-pills li.dropdown.open a:focus .caret {
  border-top-color: #444444;
  border-bottom-color: #444444;
}
.nav-pills .open .dropdown-toggle {
  background: #eeeeee;
  color: #444444;
}
.nav-pills .dropdown-menu {
  border-radius: 4px;
}
.nav-pills .dropdown-toggle .caret {
  margin-left: 5px;
}
/*
 * Tabs Stacked
 */
.nav-tabs.nav-stacked > li > a {
  border-color: #dddddd;
  border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
  border-top-radius: 4px;
}
.nav-tabs.nav-stacked > li:last-child > a {
  border-bottom-radius: 4px;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  border-color: #dddddd;
  z-index: 2;
}
/*
 * Tabs
 */
.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li > a {
  border-radius: 4px 4px 0 0;
  /* Overrides */
  padding: 8px 12px 8px 12px;
}
.nav-tabs > li > a:hover {
  border-color: #f5f5f5;
  border-bottom-color: #dddddd;
  background: #f5f5f5;
  color: #0074a2;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #444444;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
}
.tabs-below > .nav-tabs {
  border-top: 1px solid #dddddd;
}
.tabs-below > .nav-tabs > li > a {
  border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover {
  border-color: #f5f5f5;
  border-top-color: #dddddd;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #dddddd #dddddd #dddddd;
}
.tabs-left > .nav-tabs {
  border-right: 1px solid #dddddd;
}
.tabs-left > .nav-tabs > li > a {
  border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover {
  border-color: #f5f5f5;
  border-right-color: #dddddd;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #dddddd transparent #dddddd #dddddd;
}
.tabs-right > .nav-tabs {
  border-left: 1px solid #dddddd;
}
.tabs-right > .nav-tabs > li > a {
  border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover {
  border-color: #f5f5f5;
  border-left-color: #dddddd;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #dddddd #dddddd #dddddd transparent;
}
/*
 * Dropdowns
 */
.nav-tabs .dropdown-menu {
  border-radius: 0 0 4px 4px;
}
/* Open dropdowns */
.nav-tabs .open .dropdown-toggle {
  /* Overrides */
  border-color: #f5f5f5;
  background: #f5f5f5;
  color: #0074a2;
}
.nav-tabs li.dropdown.open .caret,
.nav-tabs li.dropdown.open.active .caret,
.nav-tabs li.dropdown.open a:hover .caret,
.nav-tabs li.dropdown.open a:focus .caret {
  border-top-color: #0074a2;
  border-bottom-color: #0074a2;
}
.nav-tabs .dropdown-toggle .caret {
  margin-left: 5px;
}
/* Breadcrumb overrides
 ========================================================================== */
.breadcrumb {
  background-color: #f5f5f5;
}
.breadcrumb > li > .divider {
  color: inherit;
}
.breadcrumb > .active {
  color: #999999;
}
.breadcrumb li {
  text-shadow: none;
}
/* Accordion overrides
 ========================================================================== */
.accordion-group {
  border-color: #dddddd;
}
.accordion-inner {
  border-top-color: #dddddd;
}
/* Pager overrides
 ========================================================================== */
.pager li > a,
.pager li > span {
  border: none;
  background-color: #eeeeee;
  border-radius: 4px;
  color: #444444;
}
.pager li > a:hover,
.pager li > a:focus {
  background-color: #f5f5f5;
  color: #444444;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  background-color: #f5f5f5;
}
/* Pagination overrides
 ========================================================================== */
.pagination ul {
  box-shadow: none;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: transparent;
}
/* Scaffolding overrides
 ========================================================================== */
.img-polaroid {
  background-color: #f5f5f5;
  border-color: #dddddd;
  box-shadow: none;
}
/* Thumbnail overrides
 ========================================================================== */
.thumbnail {
  border-color: #dddddd;
  box-shadow: none;
}
a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #aaaaaa;
  box-shadow: none;
}
.thumbnail .caption {
  color: #444444;
}
/* Modal overrides
 ========================================================================== */
.modal-backdrop {
  background: rgba(0, 0, 0, 0.6);
}
div.modal {
  /* Reset */
  border: none;
  box-shadow: none;
  /* Overrides */
  border-radius: 4px;
  background: #ffffff;
}
.modal-header {
  border-color: #dddddd;
}
.modal-footer {
  background: #f5f5f5;
  border-color: #dddddd;
  border-radius: 0 0 4px 4px;
  box-shadow: none;
}
/* Table overrides
 ========================================================================== */
.table tbody tr.success td {
  color: #659f13;
}
.table tbody tr.error td {
  color: #d85030;
}
.table tbody tr.warning > td {
  color: #e28327;
}
.table tbody tr.info td {
  color: #2d7091;
}
/* Code
 ========================================================================== */
/* Close
 ========================================================================== */
.close {
  color: inherit;
}
.close:hover,
.close:focus {
  color: inherit;
}
/* Joomla Bootstrap Extended
 ========================================================================== */
a.disabled,
a.disabled:hover {
  background-color: #f5f5f5;
  color: #999999;
}
/* ========================================================================
   Name:            Bootstrap fix
   Description:     Compatibility layer for Bootstrap
 ========================================================================== */
/* Fixes Bootstrap defacement caused by UIkit
 ========================================================================== */
body {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  font: inherit;
  color: inherit;
}
ul.inline,
ol.inline,
ul.unstyled,
ol.unstyled,
.list-striped,
.list-condensed,
.nav:not(.nav-list),
.pager,
.pagination ul {
  padding-left: 0;
}
/* Fix text-rendering property in headings
========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  text-rendering: auto;
}
/* Fixes UIkit defacement caused by Bootstrap
 ========================================================================== */
/*
 * Base
 */
li,
dt,
dd {
  line-height: 20px;
}
pre {
  border: 0;
  border-radius: 0;
}
code {
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}
blockquote p {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
blockquote small {
  line-height: inherit;
}
blockquote small:before {
  content: '';
}
pre code {
  border: 0;
  background-color: inherit;
  padding: 0;
}
iframe {
  max-width: none;
}
/*
 * Form
 */
.uk-form {
  margin: 0;
}
.uk-form label {
  display: inline-block;
  margin: 0;
  line-height: 20px;
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: normal;
}
.uk-form legend {
  display: inline-block;
  margin-bottom: 0;
  color: inherit;
}
.uk-form input:not([class*='uk-form-width-']):not([class*='uk-width-']):not([type="radio"]):not([type="checkbox"]),
.uk-form select:not([class*='uk-form-width-']):not([class*='uk-width-']),
.uk-form textarea:not([class*='uk-form-width-']):not([class*='uk-width-']) {
  width: auto;
}
.uk-form select,
.uk-form textarea,
.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="datetime"],
.uk-form input[type="datetime-local"],
.uk-form input[type="date"],
.uk-form input[type="month"],
.uk-form input[type="time"],
.uk-form input[type="week"],
.uk-form input[type="number"],
.uk-form input[type="email"],
.uk-form input[type="url"],
.uk-form input[type="search"],
.uk-form input[type="tel"],
.uk-form input[type="color"] {
  height: auto;
  margin: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  /* Focus state */
}
.uk-form select:focus,
.uk-form textarea:focus,
.uk-form input[type="text"]:focus,
.uk-form input[type="password"]:focus,
.uk-form input[type="datetime"]:focus,
.uk-form input[type="datetime-local"]:focus,
.uk-form input[type="date"]:focus,
.uk-form input[type="month"]:focus,
.uk-form input[type="time"]:focus,
.uk-form input[type="week"]:focus,
.uk-form input[type="number"]:focus,
.uk-form input[type="email"]:focus,
.uk-form input[type="url"]:focus,
.uk-form input[type="search"]:focus,
.uk-form input[type="tel"]:focus,
.uk-form input[type="color"]:focus {
  box-shadow: none;
}
.uk-form input[type="file"] {
  height: auto;
}
.uk-form input[type="radio"],
.uk-form input[type="checkbox"] {
  vertical-align: baseline;
}
/*
 * Utility
 */
.uk-link-reset:focus,
.uk-link-reset a:focus {
  text-decoration: none;
}
/*
 * Search
 * Define defaults because search is an addon and may not been loaded by the theme
 */
input.uk-search-field {
  /* Reset */
  -webkit-appearance: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  line-height: normal;
  /* Override */
  width: 120px;
  height: 30px;
  padding: 0 0 0 30px;
  border: 1px solid rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
  color: #444444;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
  /* Override for themes */
}
input.uk-search-field:focus {
  /* Reset */
  border: 1px solid rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
  /* Override */
  outline: 0;
  /* Override for themes */
}
.uk-offcanvas input.uk-search-field {
  /* Override */
  width: 100%;
  border-color: rgba(0, 0, 0, 0);
  background: #1a1a1a;
  color: #cccccc;
  /* Override for themes */
}
/*
 * Fixed off-canvas for Windows phones
 */
@-ms-viewport {
  width: auto;
}