/* UIKit additions */

/* ========================================================================
   Component: Table
 ========================================================================== */
 
/* Alignment modifier
 ========================================================================== */
.uk-table-top,
.uk-table-top td {
  vertical-align: top !important;
}

/* ========================================================================
   Component: Icon
 ========================================================================== */
 
/* Image modifier
 ========================================================================== */
.uk-icon-image-small {
  width: 15px;
  height: 15px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: top;
}

/* ========================================================================
   Component: Card
 ========================================================================== */
 
 /* Size modifier
 ========================================================================== */
/* Phone landscape and smaller */
@media (max-width: 959px) {  
  .uk-card-body {
	  padding: 0;
	  padding-top: 15px;
	}
  .uk-card-default {	  
	  box-shadow: none;
	}
}

/* ========================================================================
   Component: Badge (Older V2 Uikit Badge)
 ========================================================================== */
/*
 * 1. Style
 * 2. Center child vertically and horizontally
 */
 .uk-badge2 {
  display: inline-block;
  padding: 0 5px;
  background: #07D;
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  text-transform: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.3);
  background-origin: border-box;
  /*background-image: -webkit-linear-gradient(left, #385faa, #307cc7);
  background-image: linear-gradient(to right, #385faa, #307cc7);*/ 
  border-radius: 2px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
/*
 * Keep color when badge is a link
 */
a.uk-badge2:hover {
  color: #fff;
}
/* Modifier: `uk-badge-notification`;
 ========================================================================== */
.uk-badge2-notification {
  box-sizing: border-box;
  min-width: 18px;
  border-radius: 500px;
  font-size: 12px;
  line-height: 18px;
}
/* Color modifier
 ========================================================================== */
/*
 * Modifier: `uk-badge-success`
 */
.uk-badge2-success {
  background-color: #82bb42;
  background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
  background-image: linear-gradient(to bottom, #9fd256, #6fac34);
}
/*
 * Modifier: `uk-badge-warning`
 */
.uk-badge2-warning {
  background-color: #f9a124;
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
}
/*
 * Modifier: `uk-badge-danger`
 */
.uk-badge2-danger {
  background-color: #d32c46;
  background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
  background-image: linear-gradient(to bottom, #ee465a, #c11a39);
}

/* ========================================================================
   Component: Badge
 ========================================================================== */
.uk-badge-success {
  background: #82bb42;  
}
.uk-badge-warning {
  background: #f9a124;  
}

/* ========================================================================
   Component: Tab
 ========================================================================== */
 /* Look at compare of files; lots of changes. */
 
 
 /* ========================================================================
   Component: Width
 ========================================================================== */
 /* Tenths */
.uk-width-1-10 {
  width: 10%;
}
.uk-width-3-10 {
  width: 30%;
}
.uk-width-7-10 {
  width: 70%;
}
.uk-width-9-10 {
  width: 90%;
}
/* Twentieth */
.uk-width-1-20 {
  width: 5%;
}
.uk-width-3-20 {
  width: 15%;
}
.uk-width-7-20 {
  width: 35%;
}
.uk-width-9-20 {
  width: 45%;
}
.uk-width-11-20 {
  width: 55%;
}
.uk-width-13-20 {
  width: 65%;
}
.uk-width-17-20 {
  width: 85%;
}
.uk-width-19-20 {
  width: 95%;
}
.uk-width-sm-med {
  width: 225px;
}
@media (min-width: 640px) {
  .uk-width-sm-med\@s {
  	width: 225px;
  }
}

/* ========================================================================
   Component: Text
 ========================================================================== */
/* Size modifiers
 ========================================================================== */
.uk-text-xsmall {
  font-size: 12px;
  line-height: 1.5;
}





/* ========================================================================
   Other CSS
 ========================================================================== */
.avatar-circle {
  width: 80px;
  height: 80px;
  background-color: #fff;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: table;
  margin: 0 auto;  
}
.initials {
  position: relative;
  top: 20px; /* 25% of parent */
  font-size: 40px; /* 50% of parent */
  line-height: 40px; /* 50% of parent */
  color: #385faa;
  font-family: Arial, monospace;
  font-weight: bold;
}
.avatar-image {
  width: 80px;
  height: 80px;  
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;  
  margin: 0 auto;
}
.icon-align {
	vertical-align: top !important;
  	padding-top: 10px;
}
.icon-align-menu {
	vertical-align: top !important;
  	padding-top: 3px;
  	padding-right: 5px;
}
.icon-align-button {
	vertical-align: top !important;
  	padding-top: 10px;
  	padding-left: 8px;
}
.tnr-font {
	font-family: 'Times New Roman';
}
.required:before {
	color: #D05; 
	content:"* "; 
}
.subnav-menu {
	background-color: #3856a6 !important; color: #fff !important; font-size: 16px !important; border: 1px solid #3856a6 !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%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") !important;
}
.subnav-menu option {
	background-color: #fff;
	color: #000;
}
.subnav-menu:focus::-ms-value {
    background-color: #3856a6; color: #fff;
}
.form-label-nostack {
	color: #333;
  	font-size: 0.875rem;
    width: 200px;
    margin-top: 7px;
    float: left;
}
.form-label {
	color: #333;
  	font-size: 0.875rem;
}
.color-box {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #ccc;
    position: relative;
    top: 3px;    
}
.upload-button-override {
	display: inherit !important;
}
/* Success */
.label-success {
  background-color: #8cc14c;
  color: #fff;
  border: 1px solid transparent;
}

/* Guidelines tables */
.guidelines-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
}

.guidelines-table thead tr {
  background-color: #bedced !important; /* Light blue */
  color: black;
  text-align: left;
}

.guidelines-table thead th {
  background-color: #bedced !important; /* Light blue */
  color: black;
}

.guidelines-table tbody tr {
  background-color: #f2f2f2; /* Light gray */
}

.guidelines-table tbody td {
  background-color: #f2f2f2; /* Light gray */
}