/* --- MOONLIGHT THEME OVERWRITE --- */
#canvas{
	background: linear-gradient(to bottom, #212a33 55%, #43444d 100%);
}

#canvas>.main-menu a.k-link:hover,
#canvas>.main-menu a.k-link:active,
#canvas>.main-menu a.k-link:focus,
#canvas>.main-menu a.k-link:focus-within{
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
	background-image: url(textures/brushed-metal.png),linear-gradient(to bottom,#5b5f6b 0,#40444f 100%);
	background-color: #40444f;
    border-color: #212a33;
    color: white;
}

#canvas>nav.main-menu .container-fluid,
#canvas>nav.main-menu ul.dropdown-menu{
	background-image: url(textures/brushed-metal.png),linear-gradient(to bottom,#2f3640 0,#212a33 100%);
    background-position: 50% 50%;
}

#canvas>nav.main-menu .container-fluid{
	border: 1px solid #171e28cf;
	border-top-color: #454d58cf;
}

.theme-color{
	color: orange;
}

.theme-color:hover{
	color: white;
}

button[disabled],
button[disabled]:hover{
	background: #555;	
}

.k-link{
	color: #f4af03;	
}

.k-inline-link{
	color: #f4af03;
}

.k-button:focus{
	color: #e0b129 !important;	
}

.k-textbox{
	background-image:none;
	background-color:#ffffff;
}

.k-textbox:hover{
	background-image:none;
	background-color:white;
}

.k-file.k-file-success,
.k-bg-success{
	background-color:#305d0d;
}
.k-border-success{
	border-color:#305d0d;
}

.k-file.k-file-error{
	background-color:#862e2e;
}

/* --- button --- */
.button-centered{
	display:inline-block;
	margin:auto;
}

.btn-bg-green{
	background:linear-gradient(0deg, #005f00, green);
}
.btn-bg-green:hover{
	background:linear-gradient(0deg, green, #009c00);
}

.color-disabled-button {
	color: #515c6b;
}

.color-disabled-button .cls {
	color: #515c6b;
}

.div-centered{
	text-align:center;
	padding-top:15px;
}

.icon-color-default{
	color: white;
}

.icon-color-green{
	color: #00d000;
}

.icon-color-highlight{
	color: #f4af03;
}

input, select, textarea{
	color: #000000;
}

.color-unread{
    color: #ff4545;
}

.searchButton{
	background-blend-mode:hard-light;
	background-color:white;
}

.bg-export{
	background: linear-gradient(0deg,#212a33, #6b1616);
}
.bg-import{
	background: linear-gradient(0deg,#212a33, #176b16);
}
.bg-regroup{
	background: linear-gradient(0deg,#212a33, #6b6816);
}

.inventory-item-found{
	background: linear-gradient(225deg, #55b5b7 11%, transparent 12%);
};

#product-input{
	border: solid 1px #111;
}

#inventory-grid th[data-title*="hs"],
#product-grid th[data-title*="hs"]{
	background:linear-gradient(0deg, #986810, #27323e 50%);
}

#inventory-grid th[data-title*="ts"],
#product-grid th[data-title*="ts"]{
	background:linear-gradient(0deg, #8e2222, #27323e 50%);
}

#product-grid th[data-title="hs össz"]{
	background: #79540e;
}
#product-grid th[data-title="ts össz"]{
	background: #8a2222;
}
#product-grid th[data-title="össz"]{
	background: #005f17;
}

#product-grid td.hs_ossz{
	background-color: #4e4b42;
}

#product-grid td.ts_ossz{
	background-color: #4c3030;
}

#product-grid td.ossz{
	background-color: #4f6551;
}

h2.box-shadow{
	box-shadow: 0px 8px 5px -5px rgba(189, 189, 189, 0.4);
}

input.k-input,
select.k-input,
textarea.editTextarea{
	background:#fff1df;
}

/* special colors for dropdown lists */
span.k-dropdown .k-dropdown-wrap.k-state-default,
.k-dropdown .k-state-hover .k-input,
.k-dropdown .k-state-focused .k-input{
	border:none;
	background: #fff1df;
	color:black;
}

.k-dropdown .k-state-hover .k-input{
}

/* --- dropdown --- */
.k-dropdown .k-input{
	color: black;
}
.k-dropdown .k-icon{
	background-image:url(Default/sprite.png);
}
/* --- */

.k-widget.k-dropdown.k-header.k-input{
	box-shadow:none;
}

.k-window-title{
	color:#f4af03;
}

.k-window-actions a.fontawesome-link{
	color: white;
}

table .glyphicon.glyphicon-filter{
	color:white;
}

#info-window p b{
	color: #5eff81;
}

/* attachment view */
.manual-hover-effect{
	color: #fff;
    background-color: #40444f;
    background-repeat: repeat;
    background-image: url(textures/brushed-metal.png),linear-gradient(to bottom,#5b5f6b 0,#40444f 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

.manual-hover-effect-dark{
	color: #fff;
    background-repeat: repeat;
    background-image: url(textures/brushed-metal.png),linear-gradient(to bottom,#3c4552 0,#293440 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

.moonlight-box-popup{
	background-color: #36424f;
    color: white;
    border: 2px solid;
    border-color: #B89939;
    border-radius: 5px;
}