.margin-top-30,
div.uk-width-1-4 input[type="checkbox"].margin-top-30 {
	margin-top: 30px;
}

.uk-file {
	height: 40px;
}

.uk-button-warning {
	background-color: #faa05a;
    color: #fff;
}

.uk-button-success {
	background-color: #32d296;
    color: #fff;
}

.margin-display {
	margin-left: 15px;
}

.uk-badge {
	line-height: 22px;
}

div.uk-margin {
	margin-top: 20px!important; 
}

li[data-page] {
    margin-top:5px;
}

.uk-dropdown > ul {
    margin: 0px;
}
.panel-hidden {
    overflow:hidden;
    transform: scaleY(0);    
    transform-origin: top;
    transition: 
    	transform 0.5s 0s,
    	height 0.5s 0.5s;
    height: 0;
    
}

.panel-display {
	overflow:hidden;
	height: auto;
	transform: scaleY(1);
	transform-origin: top;
    transition: 
    	height 1s 0s,
    	transform 1s 0.25s;
}

@keyframes blinkingText{
	from { color: #666;}
    to { color: #f0506e;}
}

.text-blink,
a.text-blink {
	animation: blinkingText 1s infinite;
}

div.field-box > ul.errorlist {
    display: none;
}

input.uk-input[readonly] {
    background-color: #f8f8f8;
    color: #999;
    border-color: #e5e5e5;
}

/** custom styling **/
nav.uk-navbar-container:not(.uk-navbar-transparent) {
    background: linear-gradient(to left, #28a5f5, #1e87f0);
}

nav.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-toggle,
nav.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a{
    color: #fff;
}

nav.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a:hover{
    color: #666;
}

body,
html,
div.uk-section-default {
    background: #f8f8f8;
}

div.uk-card-default,
div.uk-alert{
    border-radius: 5px;
}

.uk-button {
    /*line-height: 20px;*/
    /*padding: 0 25px;*/
}
.uk-button-default,
.uk-button-default:focus,
.uk-button-default:hover {
    background: #fff;
}


ul.uk-accordion > li > .uk-accordion-title {
    border-bottom: 1px solid black;
}

.ticket-header .uk-heading-divider {
	margin-bottom: 10px;
}     

.ticket-header .uk-button {
	padding-right: 5px;
	padding-left: 10px;
	line-height: 30px;
}

.ticket-header .uk-dropdown {
	padding-top: 5px;
	padding-bottom: 5px;
}

.ticket-header .uk-list a {
	text-decoration: none;
}

.uk-badge-success {   
	background-color: #32d296;
}

div.datetimepicker-fixed {
    position: fixed;
}

/** lte **/
div.tooltip-inner {
	background: #fff;
	border: 1px solid #000;
	padding: 3px;
}

ul.treeview-menu li div.tooltip-inner {
	white-space: nowrap;
	background-color: #222d32;
    color: #fff;
    width:100%;
    max-width: 400px;
} 

.treeview-menu>li {
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.page-size-selector {
	padding-top: 5px;
}
.page-size-selector label {
	display: inline-flex;
	margin: 20px 0;
	vertical-align: middle;
}

.page-size-selector label > select {
	margin: -5px 5px 0 5px;
}

#btn-load-query {
	margin-right: -5px;
}

li.query-selector {
	text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
    cursor: pointer;
}

ul.dashboard-column-list > li {
	padding-left: 0.5em;
}

ul.dashboard-column-list > li > div.checkbox{
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

.select2-container .select2-selection--single {
    height:34px;
}

.select2-container--default .select2-selection--single  {
    border: 1px solid #ccc;
    border-radius: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #555 transparent transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #555 transparent;
}

.show-hide button {
    border-radius: 32px;
    background: #dd4b39;
    color: #333;
    border: 0px;
    padding-left: 4px;
    padding-right: 4px;
    visibility: hidden;
}

.show-hide:hover button {
    visibility: visible;
    background: #d33724 !important;
}

span.hidden-field {
    border: 1px solid #ccc;
    border-radius: 32px;
    padding: 3px;
    padding-left:8px;
    font-size: 0.9em;
    margin-right: 5px;
    cursor: pointer;
}


.hide {
    display: none;
}

.show {
    display: block; 
}