
/* ========================================================================
   Component: Navbar .uk-navbar-nav.custom
 ========================================================================== */
.uk-navbar-nav.custom > li > a {
  color: #111111;
  text-transform: uppercase;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color;
}
.uk-navbar-nav.custom > li:hover > a,
.uk-navbar-nav.custom > li > a:focus,
.uk-navbar-nav.custom > li > a.uk-open {
  color: #888888;
  outline: none;
}
.uk-navbar-nav.custom > li > a:active {
	color: #888888;
}
.uk-navbar-nav.custom > li.uk-active > a {
  color: #888888;
}

/* ========================================================================
   Component: Button
=========================================================================== */

/* Size modifiers
 ========================================================================== */
.uk-button-small {
  font-size: 0.8125rem;
}
.uk-button-large {
  font-size: 1.125rem;
}
/* Style modifiers
 ========================================================================== */
.uk-button.custom {
  background-color: #00449b;
  color: #fff;
  border: 1px solid transparent;
}
.uk-button.custom:hover,
.uk-button.custom:focus {
  background-color: #1a57a5;
  color: #fff;
}
.uk-button.custom:active,
.uk-button.custom.uk-active {
  background-color: #00449b;
  color: #fff;
}

.uk-button.uk-button-search {
  background-color: #00449b;
  color: #fff;
  border: 1px solid transparent;
}
.uk-button.uk-button-search:hover,
.uk-button.uk-button-search:focus {
  background-color: #1a57a5;
  color: #fff;
}
.uk-button.uk-button-search:active,
.uk-button.uk-button-search.uk-active {
  background-color: #00449b;
  color: #FFFFFF;
}

.uk-button.uk-button-success {
  background-color: #8cc14c;
  color: #fff;
  border: 1px solid transparent;
}
.uk-button.uk-button-success:hover,
.uk-button.uk-button-success:focus {
  background-color: #8ec73b;
  color: #FFFFFF;
}
.uk-button.uk-button-success:active,
.uk-button.uk-button-success.uk-active {
  background-color: #72ae41;
  color: #FFFFFF;
}

.uk-button.uk-button-success:disabled {
  background-color:transparent;
  color:#999;
  border-color:#e5e5e5;
}

.uk-button.uk-button-purple {
  background-color: #560a8b;
  color: #fff;
  border: 1px solid transparent;
}
.uk-button.uk-button-purple:hover,
.uk-button.uk-button-purple:focus {
  background-color: #672397;
  color: #FFFFFF;
}
.uk-button.uk-button-purple:active,
.uk-button.uk-button-purple.uk-active {
  background-color: #560a8b;
  color: #FFFFFF;
}

/* Size modifiers
 ========================================================================== */
.button-area {
  text-align:center;
  margin-top:40px;
}
/* ========================================================================
   Component: Card 
=========================================================================== */

/* uk-card-custom
 ========================================================================== */
.uk-card-custom {
  background: #FFFFFF;
  color: #111111;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.uk-card-custom .uk-card-title {
  color: #FFFFFF;
}
.uk-card-custom.uk-card-hover:hover {
  background-color: #fff;
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
.uk-card-custom .uk-card-header {
  border-bottom: 1px solid #e5e5e5;
  background-color:#313360;
}
.uk-card-custom .uk-card-footer {
  border-top: 1px solid #e5e5e5;
}

/* login
 ========================================================================== */
.login-wapper .uk-card-custom .uk-card-header {
  border-bottom: 1px solid #e5e5e5;
  background-color:#00449b;
}
.login-wapper .uk-card-custom .uk-card-title {
  color: #FFFFFF;
  font-size: 1.125rem;/*18px*/
}
.login-wapper .uk-card-custom .uk-card-body {
  padding: 30px 30px;
}
.login-wapper .uk-card-custom .uk-card-footer {
  padding: 30px 30px;
}


/* uk-card-type-a
 ========================================================================== */
.uk-card.uk-card-type-a {
  border: 1px solid #e5e5e5;
}
.uk-card.uk-card-type-a .uk-card-header {
  border-bottom: 1px solid #e5e5e5;
  background-color:#00449b;
  padding: 15px 20px;
}
.uk-card.uk-card-type-a .uk-card-header .uk-card-title {
  color: #FFFFFF;
  font-size: 1.5rem;/*18px*/
  font-weight:bold;
}
.uk-card.uk-card-type-a .uk-card-body {
  padding: 20px 20px;
}
.uk-card.uk-card-type-a .uk-card-footer {
  padding: 20px 20px;
}

/* ========================================================================
   Component: Card uk-card-custom-info
=========================================================================== */
.uk-card-custom-info {
  background: #FFFFFF;
  color: #111111;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.uk-card-custom-info .uk-card-title {
  font-size: 0.9375rem !important;/*15px*/
  line-height: 1.4;
  color: #FFFFFF;
}

.uk-card-custom-info.uk-card-hover:hover {
  background-color: #fff;
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
.uk-card-custom-info .uk-card-header {
  border-bottom: 1px solid #e5e5e5;
  background-color:#313360;
  padding: 16px 12px;
}
.uk-card-custom-info .uk-card-body {
  padding: 24px 24px;
}
.uk-card-custom-info .uk-card-footer {
  border-top: 1px solid #e5e5e5;
}

/* ========================================================================
   Component: Badge
 ========================================================================== */

/* Color modifier
 ========================================================================== */
 
.uk-badge-success {
	background-color: #8cc14c;
}

.uk-badge-warning {
	background-color: #faa732;
}

.uk-badge-danger {
	background-color: #da314b;
}

/* ========================================================================
   Component: Breadcrumb
 ========================================================================== */
 
 /* Items
 ========================================================================== */
.uk-breadcrumb > * > * {
  font-size: 0.875rem;
  color: #111111;
}

/* ========================================================================
   Component: Grid
 ========================================================================== */
/*
 * XSmall
 */
/* Horizontal */
.uk-grid-xs,
.uk-grid-column-xs {
  margin-left: -6px;
}
.uk-grid-xs > *,
.uk-grid-column-xs > * {
  padding-left: 6px;
}
/* Vertical */
.uk-grid + .uk-grid-xs,
.uk-grid + .uk-grid-row-xs,
.uk-grid-xs > .uk-grid-margin,
.uk-grid-row-xs > .uk-grid-margin,
* + .uk-grid-margin-xs {
  margin-top: 6px;
}
/* Divider
 ========================================================================== */
.uk-grid-divider > :not(.uk-first-column)::before {
  border-left: 1px solid #cccccc;
}
/* ========================================================================
   Component: Form
 ========================================================================== */
.uk-input,
.uk-select,
.uk-textarea {
  color: #111111;
  border: 1px solid #cecece;
}
/* Focus */
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
  color: #111111;
}
/* ========================================================================
   Select
 ========================================================================== */
.uk-select:not([multiple]):not([size]) {
  padding-right: 22px !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%207%204%2017%204%22%20%2F%3E%3C%2Fsvg%3E");
}

 /* Disabled
 ========================================================================== */
.uk-select:not([multiple]):not([size]):disabled {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2012%207%204%2017%204%22%20%2F%3E%3C%2Fsvg%3E");
}

/* ========================================================================
   Component: Alert
 ========================================================================== */

/* Title
 ========================================================================== */
.uk-alert-title {
  font-size: 0.8125rem;
  font-weight:bold;
  line-height: 1.4;
  margin-bottom:10px;
}
/* Style
 ========================================================================== */
.alert-type-a {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  color: #111111;
}
.alert-type-b {
  background: #f7f7f7;
  border: 1px solid #e5e5e5;
  color: #111111;
}
.alert-type-c {
  background: #d8eafc;
  color: #111111;
}
.uk-alert-info {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  color: #111111;
}
.uk-alert-search {
  background: #d8eafc;
  color: #111111;
  margin-bottom:30px;
}
/* Size
 ========================================================================== */
.uk-alert.alert-s {
  padding: 15px 15px 15px 15px;
}
/* Width
 ========================================================================== */
.uk-alert.width-type-20 {
  margin-left:20px;
  margin-right:20px;
}
.uk-alert.width-type-40 {
  margin-left:40px;
  margin-right:40px;
}
/* Content
 ========================================================================== */
.uk-alert.uk-alert-info h,
.uk-alert.uk-alert-info p,
.uk-alert.uk-alert-info ul,
.uk-alert.uk-alert-info ol {
  margin-top:0px;
  margin-bottom:10px;
}

/* ========================================================================
   Component: Label
 ========================================================================== */

/* Size
 ========================================================================== */
.uk-label-s {
	padding: 0 10px;
	line-height: 1.7;
	font-size: 0.6875rem;/*11px*/
}
.uk-label-m {
	padding: 2px 10px 0 10px;
	line-height: 1.5;
	font-size: 0.8125rem;/*13px*/
}
.uk-label-l {
	padding: 0 10px;
	line-height: 1.5;
	font-size: 0.9375rem;/*13px*/
}

/*Style
 ========================================================================== */
.uk-label.label-type-a {
	border: 1px solid #1e87f0;
	background-color:#FFFFFF;
	color: #1e87f0;
}

/* Color
 ========================================================================== */
/* Success */
.uk-label-success.label-type-a {
	border: 1px solid #8cc14c;
	color: #8cc14c;
}
/* Warning */
.uk-label-warning.label-type-a {
	border: 1px solid #faa05a;
	color: #faa05a;
}
/* Danger */
.uk-label-danger.label-type-a {
	border: 1px solid #f0506e;
	color: #f0506e;
}
.uk-label-danger {
  background-color: #f0506e;
  color: #fff;
}

/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`)
 ========================================================================== */
/*
 * Small
 */
.uk-form-small {
  font-size: 0.8125rem;
}

