﻿/* ReSharper disable DeclarationIsEmpty */
/* ReSharper disable RequiresFallbackColor */
/*#region ************************************************************************************************************************************************************************** Root Elements *****/
html, body, .form { margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body { font: 12px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif; position: relative; min-height: 100%; }
html, .form { height: 100%; }
/* Content */
.content { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-overflow-scrolling: touch; }
.content a:link { text-decoration: none; }
.content a:visited { text-decoration: none; }
.content a:hover { text-decoration: underline; }
.content a:active { text-decoration: underline; }
.img-content { max-width: 100%; height: auto; }
/* Footer */
.footer-wrapper { position: absolute; height: 46px; bottom: 0; width: 100% }
.footer { font-size: 10.5px; color: #999999; }
.footer-link { color: #999999; border-right: 1px solid #BBBBBB; margin-right: 7px; padding-right: 10px; white-space: nowrap; }
.footer-link:last-child { border: none; margin: 0; padding: 0; }
.footer-left { float: left; }
.footer-right { float: right; }
.footer-left,
.footer-right { padding: 16px 24px; }

@media (max-width: 449.98px) {
	.footer-right { visibility: hidden !important; overflow: hidden !important; }
}

@media (max-width: 575.98px) {
	.footer-left, .footer-right { padding: 16px 4px; }
}
/* Header */
.app-header { padding: 0 !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); border-bottom-width: 0 !important; }
.app-header .left-block { float: left; }
.app-header .right-block { float: right; }
.app-header .menu-container { overflow: hidden; }
.app-header .menu-container > div { float: right; }

@media (max-width: 359.98px) {
	.header-logo { background: url('../Images/Giza_Icon.svg') no-repeat center; height: 43px; width: 43px; }
}

@media (min-width: 360px) {
	.header-logo { background: url('../Images/Giza_Logo.svg') no-repeat center; height: 40px; width: 238px; }
}

.app-header .left-block .header-menu .image-item > .dxm-content { padding: 0 8px 0 8px; }
.app-header .right-block .header-menu .image-item > .dxm-content { padding: 0 7px 0 7px; }
.app-header .left-block .header-menu .item.toggle-item > .dxm-content { padding: 0 14px 0 14px; }
.app-header .right-block .header-menu .item.toggle-item > .dxm-content { padding: 0 14px 0 14px; }
.app-header .header-menu .item.selected { color: inherit; box-sizing: border-box; }
.app-header .header-menu .item.selected,
.app-header .header-menu .item.hovered { background-color: rgba(0, 0, 0, 0.05); }
.app-header .header-menu .item.selected .dxm-content { margin-bottom: -2px; }
.app-header .header-menu .item.selected .dxm-content,
.app-header .header-menu .item.hovered .dxm-content { color: inherit; }
/* Main Menu */
.header-menu { background-color: #FFFFFF !important; border-style: none !important; height: 3.13rem; }

@media (max-width: 369.98px) {
	.menu-container .dxm-ltr > div:not(.header-menu) { width: 100% !important; }
}

.header-sub-menu { width: 100% !important; }
.header-sub-menu .item { padding: 12px 7px !important; font-size: 14px; }
.header-menu .adaptive-image { background: url('../Images/SVG/Adaptive-Menu.svg') no-repeat center; width: 16px; height: 16px; padding: 0 8px; }
.header-menu.application-menu .item .dxm-content > img { display: none !important; }

@media (max-width: 767.98px) {
	.app-header .menu-container > div { width: 47px; }
	.header-menu .adaptive-image { background: url('../Images/SVG/Application.svg') no-repeat center; width: 16px; height: 16px; padding: 0 8px; }
	.header-menu.application-menu .item .dxm-content > img { display: inline-block; }
}
/* Right area menu */
.header-menu .toggle-item .image { background: url('../Images/SVG/Double.svg') no-repeat center; width: 16px; height: 16px; padding: 0 8px; }
.header-menu .toggle-item.checked .image { background: url('../Images/SVG/Double-Close.svg') no-repeat center; width: 16px; height: 16px; padding: 0 8px; }
.header-menu .image-item { vertical-align: middle !important; }
.header-menu .vertically-aligned { font-size: 0; }
/* Account */
.header-menu .account-background { width: 32px; height: 32px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.1); }
.header-menu .account-background div { border-radius: 50%; }
.header-menu .account-background .empty-image { width: 16px; height: 16px; margin: 8px; display: inline-block; background: url('../Images/SVG/User.svg'); }
.header-menu .account-background .account-image { width: 32px; height: 32px; font-size: 0.8em; font-weight: 600; line-height: 32px; text-align: center; margin: 0 auto; display: table; background-size: 100%; }
.user-info .avatar img { float: left; height: 43px; border-radius: 50%; }
.user-info .text-container { height: 3.13rem; margin-left: 60px; }
.user-info .text-container .user-name { color: #444444; font-size: 1.14em; }
.user-info .text-container .email { display: block; color: #666666; font-size: 0.86em; }
.myaccount-item { background-color: #E4E4E4; }
/* Left Panel */
.left-panel { border: none; box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.2); -webkit-overflow-scrolling: touch; }
.filters-navbar .item,
.filters-navbar ul.dxnb-content { border: none !important; }
.filters-navbar .item { padding-left: 1px !important; border: none !important; }
.leftpanel-section { border: none !important; background-color: rgba(0, 0, 0, 0.1); }
.section-caption { height: 2.69rem; line-height: 2.69rem; vertical-align: middle; margin: 0; }
.section-caption { border-top: solid 1px #F0F0F0; border-bottom: solid 1px #F0F0F0; }
.section-caption { color: #494949; font-weight: 600; font-style: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 24px; }
.left-panel.expand-bar,
.right-panel.expand-bar { border: 0; }
a.tree-view-node { color: #666666; padding-top: 7px !important; padding-bottom: 8px !important; padding-right: 8px !important; border: none !important; }
a.tree-view-node.hovered { text-decoration: none; }
.tree-view-elbow { padding-top: 3px; }
/* Right Panel */
.right-panel { border-left: 1px solid #F0F0F0; }
.settings-content { padding: 24px 20px; }
.settings-content h2 { color: #494949; font-size: 1.3em; font-weight: 600; }
.settings-content p { color: #999999; }
/* Toolbar */
.page-toolbar-wrapper { position: fixed; background-color: #FFFFFF; left: 0; right: 0; z-index: 1; }
.page-toolbar { background-color: rgba(0, 0, 0, 0.1) !important; border: none !important; font-size: 0.93em !important; height: 2.69rem; }
.page-toolbar .item > h1 { color: #494949; font-weight: 600; font-style: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 24px; }
.page-toolbar .item > h1 { font-size: 1.46em; }
.page-toolbar .item > h1 { margin: 0; padding: 0 17px; }
.page-toolbar .item .dxm-disabled .dxm-image { opacity: 0.3; }

@media (max-width: 575.98px) {
	.page-toolbar .item > h1 { max-width: 150px; }
}

@media print {
	html { padding: 0 !important; }
	.menu-container, .left-block, .right-block { display: none !important; }
	.footer-wrapper { display: none !important; }
	.left-panel { display: none !important; }
	.page-toolbar-wrapper { display: none !important; }
}
/* Modal Login */
.logonControl { width: 340px; }
.loginPopup { width: 100%; padding: 0; }
.loginPopup .captcha td[class*="dxcaRefreshButtonCell"] { vertical-align: top !important; }
.loginPopup .buttons { padding: 0 20px; }
.loginPopup .buttonsContainer { margin-bottom: 20px; float: right; }
.loginPopup .loginpage { padding: 12px; font-weight: bold; font-size: 1.27em; }

/* Widgets */
.widgetPanel { padding: 3px; margin: 0 0 5px 0; }
.widgetPanel { -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.117188); }
.widgetPanel { -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.117188); }
.widgetPanel { box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.117188); }
.widgetPanel { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.widgetPanel img { margin: 6px; filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.9)); }
.widgetPanel .disabled { opacity: 0.2; cursor: default !important; }
.zoneL, .zoneR { float: left; }
.cssPanel01 > div > .dxpc-headerContent::before { content: url('../Images/PNG32/BankaGunluk.png'); }
.cssPanel07 > div > .dxpc-headerContent::before { content: url('../Images/PNG32/Banka.png'); }
.cssPanel08 > div > .dxpc-headerContent::before { content: url('../Images/PNG32/Cek.png'); }
.cssPanel09 > div > .dxpc-headerContent::before { content: url('../Images/PNG32/Siparis.png'); }
.cssPanel10 > div > .dxpc-headerContent::before { content: url('../Images/PNG32/Fatura.png'); }
.cssPanel11 > div > .dxpc-headerContent::before { content: url('../Images/PNG32/Kasa.png'); }
.cssPanel12 > div > .dxpc-headerContent::before { content: url('../Images/PNG32/Gider.png'); }
.cssPanel13 > div > .dxpc-headerContent::before { content: url('../Images/PNG32/BorcAlacak.png'); }
.cssPanel14 > div > .dxpc-headerContent::before { content: url('../Images/PNG32/Stok.png'); }
.cssPanel16 > div > .dxpc-headerContent::before { content: url('../Images/PNG32/Mizan.png'); }
.cssPanel17 > div > .dxpc-headerContent::before { content: url('../Images/PNG32/Demirbas.png'); }
.dxpc-headerContent { min-height: 36px; display: inline-flex; align-items: flex-start; }
.dxpc-headerContent::before { filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.7)); float: left; margin-right: 5px; }
.dxpc-headerText { margin: auto; float: left; }
/*nUser FileUpload */
.dropZoneExternal > div,
.dropZoneExternal > img { position: absolute; }
.dropZoneExternal { position: relative; border: 1px dashed #000000 !important; cursor: pointer; }
.dropZoneExternal, .dragZoneText { width: 100%; max-width: 350px; min-width: 286px; height: 350px; }
#dragZone { width: 100%; display: table; }
#uploadedImage { width: 100%; }
.dropZoneText { width: 300px; height: 150px; color: #FFFFFF; text-shadow: 1px 1px 1px #212529; }
#dropZone { top: 0; padding: 100px 25px; }
.uploadControlDropZone, .hidden { display: none; }
.dropZoneText, .dragZoneText { display: table-cell; vertical-align: middle; text-align: center; font-size: 20pt; }
.dragZoneText { color: #FFFFFF; text-shadow: 1px 1px 1px #212529; }
.uploadContainer { width: 100%; max-width: 350px; min-width: 286px; margin-top: 10px; }
.validationMessage { padding: 0 20px; text-align: center; }
/*#endregion*/
/*#region *********************************************************************************************************************************************************************** Root Elements DX *****/
.dx-clear { display: block; clear: both; height: 0; width: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }
.dxpc-content { padding: 0 !important; }
/*#endregion*/
