* {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
html, body {
	background-color: #f1f1f1;
	color: #555555;
	font-size:1rem;
}

.small-text {
	font-size:0.7rem;
}

.page-footer {
	min-height:68px;
}

.uk-navbar-container:not(.uk-navbar-transparent) {
	background: #fff;
}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
	min-height:60px;
}

.card-buttons a {
    min-height: 36px !important;
    display: inline-flex !important;
    padding: 0 !important;
    margin:0 2px !important;
}
.card-buttons a.uk-button-primary {
	color:#fff !important;
}
.card-buttons-content {
	width:100% !important;
	padding:10px 0 0 0;
}
.card-buttons-content .uk-nav {
/*	background: #fcfcfc;
	font-size:1rem; */
}
.card-buttons-content iframe {
	width:100%;
}
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.gmap-area {
	width:100%;
	height:300px;
}
.volunteers-name .uk-width-expand {
	line-height:38px;
}

.uk-modal-dialog {
	min-width:280px;
	max-width:600px;
	width:auto !important;
}

/*
.uk-card-blueberry {
    background: #6b7a8f;
    color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
}
.uk-card-apricot {
    background: #f7882f;
    color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
}
.uk-card-blueberry h1, .uk-card-blueberry h2, .uk-card-blueberry h3, .uk-card-blueberry h4, .uk-card-blueberry h5 {
	color:#eee !important;
}
.uk-card-apricot h1, .uk-card-apricot h2, .uk-card-apricot h3, .uk-card-apricot h4, .uk-card-apricot h5 {
	color:#eee !important;
}
*/

.uk-card-inactive {
    background: #f6f6f6;
    color: #999;
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
}
.uk-card-inactive .uk-card-footer {
    border-top: 1px solid #f1f1f1;
}

.mandatory-field {
	color: #25a9e0;
}
.datepicker {
	z-index:1020;
}
.datepicker--pointer {
	border:0 none;
	width:14px;
	height:14px;
}
.-bottom-center- .datepicker--pointer, .-bottom-left- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 8px);
}

.show_pointer {
	cursor: pointer;
}

.uk-button-apricot {
    background-color: #f7882f;
    color: #fff;
    border: 1px solid #f7882f;
}
.uk-button-apricot:disabled {
    background-color: transparent;
    color: #f7882f;
    border: 1px solid #f7882f;
}

.profile-photo-area {
	background:url('/images/no_profile_photo.svg') center center no-repeat;
	background-size:50%;
	background-color:#fff;
}
.profile-small-thumbnail {
	width:50px;
	height:50px;
}
.profile-small-thumbnail img {
	width:50px;
	height:50px;
}

.comments-area {
	resize:none;
	height:100%;
}
.members-area {
	resize:none;
	height:94%;
}

.notes-area {
	resize:none;
}

.uk-button-primary, .uk-card-primary {
	background-color: #25a9e0 !important;
}
.uk-modal-dialog h5 {
	color: #25a9e0 !important;
}
.person-code {
	font-size:1.6rem;
	font-weight:bold;
}
.terms-text {
}

/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  height: 8px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
  border-radius:12px;
}

input[type="range"] {
	margin: 0em;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ 
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #25a9e0; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #25a9e0; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.uk-text-primary {
    color: #25a9e0!important;
}

.spinner-hidden {
	display:none;
	padding:5px 0;
}
.alert-hidden {
	display:none;
	font-size:0.8rem;
	text-align:center;
	padding: 5px !important;
}

.uk-button-danger:disabled, .uk-button-default:disabled, .uk-button-primary:disabled, .uk-button-secondary:disabled {
	background: #f1f1f1 !important;
	color: #bbb !important;
}

.uk-offcanvas-bar {
  background: #fff;
}
.uk-offcanvas-bar .uk-nav-default .uk-nav-header, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover, .uk-offcanvas-bar .uk-nav-default>li>a:hover, .uk-offcanvas-bar .uk-nav-default>li>a:focus {
	color:#000;
}
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a, .uk-offcanvas-bar .uk-close, .uk-offcanvas-bar .uk-nav-default>li>a {
	color:#999;
}
.uk-offcanvas-bar .uk-nav-default .uk-nav-divider {
	border-top-color: #e5e5e5;
}

[class*=uk-dropdown-bottom], [class*=uk-navbar-dropdown-bottom] {
	margin-top:0px;
}
.uk-dropdown, .uk-navbar-dropdown {
	border-top: 3px solid #25a9e0;
	box-shadow: 0 5px 10px rgba(0,0,0,.15);
}

.screen-display {
	display: none;
}

.card-thumb {
	width:36px;
	height:36px;
	line-height:34px;
	background-color: rgba(182,182,182,0.25);
	border-radius: 36px;
	font-size:1rem;
}

.card-type-volunteerinactive {
	background-color: rgba(182,182,182,0.2);
	color: #ddd;
}

.card-info {
	color:#999;
}
.card-active {
	background-color: #ffffff;
	border-left:6px solid #25a9e0;
}

.card-active.card-coupon_future {
	background-color: #ffffff;
	border-left:6px solid #25a9e0;
}
.card-active.card-coupon_future .coupon_value {
   color: #25a9e0;
}

.card-active.card-coupon_near {
	background-color: #ffffff;
	border-left:6px solid #008000;
}
.card-active.card-coupon_near .coupon_value {
   color: #008000;
}

.card-active.card-coupon_verynear {
	background-color: #ffffff;
	border-left:6px solid #ff8040;
}
.card-active.card-coupon_verynear .coupon_value {
   color: #ff8040;
}
.card-active.card-coupon_now {
	background-color: #ffffff;
	border-left:6px solid #ff0080;
}
.card-active.card-coupon_now .coupon_value {
   color: #ff0080;
}
.card-active.card-coupon_live {
/*
background: rgb(255,255,255);
background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 90%, rgba(255,0,0,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 90%,rgba(255,0,0,1) 100%);
background: linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 90%,rgba(255,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff0000',GradientType=1 );
*/
   background: #ffffff url("../images/live-badge.png") top right no-repeat;

	border-left:6px solid #25a9e0;
}
.card-active.card-coupon_past {
	background-color: #fafafa;
	border-left:6px solid #c0c0c0;
}
.card-active.card-coupon_past .coupon_value {
   color: #c0c0c0;
}

.card-inactive {
	background-color: #fff4f4;
	border-left:6px solid #f7882f;
}

.card-base, .card-report {
	background-color: #25a9e0;
	color:#fff;
	border-left:6px solid #6b7a8f;
}

.card-base .card-info, .card-report .card-info {
	color:#eee;
}

.card-type-primary {
	background-color: #25a9e0;
	color: #fff;
}

.card-type-base {
	background-color: #f7882f;
	color: #fff;
}

.card-type-report {
	background-color: #6b7a8f;
	color: #fff;
}

.volunteer-file-name {
	line-height:34px;
}
.uk-modal-dialog {
  transition: .3s linear;
  transition-property:opacity,transform,background-color;
}
.modal-edit {
	background-color:#f1f1f1;
}
.buttons-hidden {
	display:none;
}

.border-left .uk-nav-divider {
	border-bottom:1px solid #fff;
}

.uk-subnav-pill>.uk-active>a {
    background-color: #25a9e0;
}
.uk-padding-icon-button {
	padding-left: 21px;
	padding-right: 21px;
}

span.select2-selection.select2-selection--single {
        outline: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height:26px;
}
/*
.select2-container--default {
	margin-top:-4px;
}
.select2-results__option {
	text-align:center;
}
.select2-container .select2-selection--single {
	height:30px;
}
*/
.uk-pagination>* {
	padding-left:2px;
	padding-right:2px;
	min-width:24px;
	text-align:center;
}

.uk-pagination>.uk-active {
	background-color: #25a9e0;
	border-radius:4px;
}
.uk-pagination>.uk-active>* {
	color: #fff;
}
.uk-icon>* {
	margin-top:-4px;
}
.page_button {
	padding: 0 10px;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border-radius: 0px;
    height: 40px;
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
    width: 100%;
    border: 0 none;
    padding: 0 10px;
    background: #fff;
    color: #666;
    border: 1px solid #e5e5e5;
    transition: .2s ease-in-out;
    transition-property: color,background-color,border;
    line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    padding-left:0px;
    padding-right:10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    padding-left:0px;
}
.select2-dropdown {
    border: 1px solid #e5e5e5;
    border-radius: 0px;
}
.select2-results__option {
	font-size: 0.875rem;
}
.select2-search--dropdown .select2-search__field {
    height: 30px;
    line-height: 30px;

}
.select2-search--dropdown .select2-search__field:focus {
    outline: 0;
    background-color: #fff;
    color: #666;
    border-color: #1e87f0;
}

input[type='date'] {
    position: relative;
    line-height:40px;
}
/*
input[type='date']:before {
    position: absolute;
    content: attr(data-date);
    display: inline-block;
    color: black;
}
*/

input[type='date']::-webkit-inner-spin-button {
    display: none;
}

input[type='date']::-webkit-clear-button {
    position: absolute;
    right: 30px;
    color: black;
    opacity: 1;
}

input[type='date']::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 5px;
    color: black;
    opacity: 1;
}

.square-box{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.square-box:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.square-box > img, .square-box > div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
    text-align: center;
}
.square-box > img {
	display:none;
}
.upload_image_delete {
	display:none;
}
.cropper-crop-box, .cropper-view-box {
    border-radius: 2%;
}

.cropper-view-box {
    box-shadow: 0 0 0 1px #39f;
    outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #f8f8f8;
}
.uk-input:disabled, .uk-select:disabled, .uk-textarea:disabled {
    color: #666;
    -webkit-text-fill-color: #666;
    -webkit-opacity: 1; 
}
.card_id {
		padding: 0 10px;
    font-weight: bold;
    font-size: 1.5rem;
    background-color: #f7882f;
    color: #fff;
    border: 1px solid #f7882f;	
}
.bar-padding {
   padding: 0 8px !important;
}
.uk-active>.bar-padding {
    color: #fff;
    background: #1e87f0;
}
.data_tab .uk-divider-vertical {
   border-left: 1px solid #fff;
}

.coupon_value {
   font-size:2rem;
   font-weight:bold;
}
.huge_text {
   font-size: 48px;
   font-weight: bold;
}
.uk-button-secondary {
   opacity:.1;
}
.coupon_percentage_background {
	background-image: url('/images/percentage_background.png');
	background-repeat: no-repeat;
	background-position: 0px -1px;
}
.uk-table-hover tbody tr:hover, .uk-table-hover>tr:hover {
   background-color: rgba(255,255,230,0.6);
}

.uk-accordion-title {
   background: #fff;
   border-top: 1px solid #eee;
}

.uk-accordion-title.live_campaign {
   background: #fafafa;
   border: 1px solid #eee;
}
.uk-sticky-fixed {
   left:0px;
}
.datepicker-inline .datepicker {
   width:100%;
}
.uk-notification-message {
	background: #1e87f0;
	color: #eee;
}
#campaigns_accordion .uk-icon-button, #campaigns_accordion .uk-icon-button:focus, #campaigns_accordion .uk-icon-button:hover {
	background-color: #1e87f0;
	color:#fff;
	opacity:.6;
}
.uk-leader-fill::after {
	color:#eee;
}
.to_upload {
    display: inline-block;
    width: 50px;
    background: #fafafa;
    padding: 0 10px;
}